@charset "iso-8859-1";		
/*
-----------------------------------------------------------------------------------------
Global 
-------------------------------------------------------------------------------------- */
body {
	top : 0;
	font-family:	verdana, arial, sans-serif;
	color:			#FFFFFF;	
	FONT-SIZE: 		0.80em;
	background-color : #FF77F1; /* #AD0098 */
} 
#fond {		   
position: relative;
width: 1000px;
margin: 0 auto; 	 
/*padding-top: 22px;*/
border : 1px solid #000000;
}
#container {	
	width: 			1000px;	 	
	margin: 		0 auto; 
	background:	#AD0098 url(design/header.jpg) no-repeat top;
	position: 		relative;	 
} 	  
#header {
height: 180px;
}
#menu {
height: 58px;
}
#login {		  
position: absolute;
top : 20px;
right:0;
width: 250px;		
height: 150px;
}
.fond_sexy {	
	background:	#AD0098 url(design/fond.jpg) no-repeat top;
} 	
#centre {
background-color: #951575 url(design/fond.jpg) no-repeat top;
min-height: 1150px;
padding : 30px 10px 20px 10px;		
}
#gauche {		  
position: absolute;
left:0;
width: 175px;		
}
#pied {
height: 15px;
background-color: #3C0034;	  
text-align : center ;	  
border-top: 1px solid #111111 ;
} 
#msg {
background-color: #620057;	  
color: #FFFFFF;
text-align : center ;	  
border: 1px solid #FFA9F4 ;	   
padding: 10px ;
}	 
.cadre_image_mini {
width: 150px;
height: 150px;
border: 1px solid #111111 ;	   
}	
.cadre_image_curseur {
width: 35px;
height: 150px;
border: 1px solid #111111 ;	   
}	
.cadre_image {
width: 200px;
height: 200px;
border: 1px solid #111111 ;	   
}	
#numero_page {
background-color: #FF77F1;	  
color: #AD0098;
text-align : center ;	  
border: 1px solid #000000 ;	   
padding: 0;
font-weight: bold;
}	 

.box_accueil {		  
padding : 10px 0 10px 18px;		
}	

/* --------------------------------------------- listes des annonces ------------------------------- */
.fond_annonce_index {		
color: #FFFFFF ;
font-size : 0.8em;
}

#pre_fond_annonce {		
color: #FFFFFF ;
font-size : 1em;
height:120px;
width: 980px;
}
.fond_annonce {		
background: url(design/liste_fantasme02.png) no-repeat;	
color: #FFFFFF ;
margin-bottom : 20px;
font-size : 1em;
height:166px;
width: 830px;
border: 0px solid #990000;
padding-left: 150px ;	
position: relative;
}

.titre_liste_annonce {		
padding: 7px 0 0 10px;
color: #FFFFFF ;
height: 30px; 
font-size : 1.3em;
font-weight: bold;
width: 550px;
border: 0px solid #998833;
position: absolute;
}
.description_liste_annonce {		
top: 40px;
position : relative;
width: 980px;
border: 0px solid #998833;
color: #FFFFFF ;
height: 80px;
font-size : 1em;
width: 550px;
position: absolute;
}
.categorie_liste_annonce {		
top: 125px;
color: #000000 ;
width: 210px;
text-align: right;
font-size : 1em;
border: 0px solid #998833;
position: absolute;
}
.categorie_liste_annonce_lien {		
color: #000000 ;
}

.detail_liste_annonce {		
top: 100px;
text-align: right;
color: #FFFFFF ;
font-size : 1em;
border: 0px solid #998833;
width: 550px;
position: absolute;
}
.a_realiser_liste_annonce {		
top: 140px;
color: #FFFFFF ;
margin-left: 220px ;	  
font-size : 1em;
border: 0px solid #998833;
width: 240px;
width: 250px;
position: absolute;
}


.fond_annonce_rouge {		
background: url(design/fond_annonces_rouge.jpg) no-repeat;	
color: #FD7B00 ;
margin-bottom : 20px;
font-size : 1em;
height:150px;
padding-left:5px;
border-top : 2px solid #FD7B00;
}
.texte_liste_annonce_rouge {		
color: #FFFFFF ;
}
.titre_liste_annonce_rouge {		
color: #FFFFFF ;
padding-left: 10px ;	  
font-size : 1.2em;
font-weight: bold;
}

/*
-----------------------------------------------------------------------------------------
Autres blocs
-------------------------------------------------------------------------------------- */
p {		
color: #FFFFFF ;
margin: 0 0 10px 0;
text-align: justify ; 
}
p.alinea {		
text-align: justify ; 
text-indent: 2em ;	  
line-height: 1.7em ;
}
.lettrine {		
   float: left; /* Flotte à gauche */
   font-size: 3em; /* Fasse une hauteur de 3 lignes */
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}


/*
-----------------------------------------------------------------------------------------
Polices
-------------------------------------------------------------------------------------- */
.copyright {
	FONT-SIZE: 10px ; color: #AC0098 ;
}
A.copyright {
	color: #AC0098 ; TEXT-DECORATION: none ; FONT-SIZE: 10px ; 
}
A.copyright:hover {
	color: #AC0098 ; TEXT-DECORATION: underline ; FONT-SIZE: 10px ; 
}
A.lien {
	color: #FFFFFF ; TEXT-DECORATION: underline ; 
}
A.lien:hover {
	color: #FFFFFF ; TEXT-DECORATION: none ; 
}
.mini
{
FONT-SIZE: 9px;
}
a.page:link {color: #AD0098; text-decoration:none}
a.page:visited {color: #AD0098; text-decoration:none}
a.page:active {color: #AD0098; text-decoration:underline}
a.page:hover {color: #AD0098; text-decoration:underline}

.black {
	color: #000000 ;
}

.white{
color: #FFFFFF ;
font-weight: bold;
}

/*
-----------------------------------------------------------------------------------------
titre
-------------------------------------------------------------------------------------- */
.red{
color: #ff0000 ;
font-weight: bold;
}
#header_titre h1
{
margin : 0px;
padding : 0 0 0 345px  ;
color: #FFFFFF ;
FONT-SIZE: 	14px;
font-weight: bold;
letter-spacing : 1pt;
}
#centre h1
{
color: #FFFFFF ;
FONT-SIZE: 	18px;
text-decoration: underline;
}
#centre h4
{
	padding-left: 15px ;
	font-size: 1.4em ;
	color: #FFFFFF ;
	border: 2px solid #000000 ;
	background: #FFA9F4;
}
#centre h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #7DCFFF ;
	color: #0162BB ;
}

#centre h2
{
	text-align: center ;   	 
	border: 1px solid #FFA9F4 ;
	color: #FFFFFF ;
	background: #620057;
	height: 24px;
	padding-top: 8px;
	margin: 0px;
	font-size: 14px;
}
#centre h5
{
	margin: 0 0 0 30px ; 
	color: #FFFFFF ;  
	padding:0;	   
	font-size: 1.1em;	
}
#gauche h4
{			  
	font-family:	arial;
	margin : 20px 0 0 0 ;	
	padding : 15px 0 0 40px;
	height: 28px ;		 
	width: 175px;
	color: #FFFFFF ;			
	background: url(design/h4.jpg) no-repeat;		
	font-size: 1.2em ;		  
	font-weight: bold;
}
h6
{		
	font-size: 1.1em ;			  
	border-bottom: 2px solid #FF77F1 ;
	color: #FFFFFF ;
	height: 24px;
	width: 400px;
	padding-left: 15px;
}
/********************** menu du header *****************************/
.menuheader {	  
font-family:	arial black;  
text-align: center;
font-size: 15px;
height: 52px;	
margin : 0 0 0 0;	  
padding : 0 0 0 0;	  
line-height: 52px;
}
.menuheader a {
color: #FFFFFF;
text-decoration: none;
height: 51px;	
display: block;
}
.menuheader a:hover {
color: #000000;
text-decoration: none;	   
background : #FFA9F4;
height: 52px;	
}	

#menuheader_accueil {		
position: absolute;
width: 132px;
height: 52px;
left:0 ; 
}	
#menuheader_tous {		
position: absolute;
width: 200px;
height: 52px;
left:0 ; 
margin-left: 194px;	 
}	
#menuheader_dernier {		
position: absolute;
width: 245px;
height: 52px;
left:0 ; 
margin-left: 456px;	 
}	
#menuheader_ecrire {		
position: absolute;
width: 237px;
height: 52px;
left:0 ; 
margin-left: 763px;	 
}	
/* --------------------------------------------- page des annonces ------------------------------- */
.annonce_type_location {		
color: #FD7B00 ;
margin : 10px;
font-size : 20px;
line-height: 1.5em ;
}
.annonce_nb_personne {		
color: #FD7B00 ;
font-size : 18px;
margin : 10px;
line-height: 2.5em ;
}
.annonce_cp_ville {		
color: #FD7B00 ;
font-size : 16px;
margin : 10px;
line-height: 1.5em ;
}


#annonce_intro {
	height:200px;
}	

#annonce_intro_text {
	position: absolute;
	padding : 25px ;	
	font-weight: bold;
	margin-left : 260px;	
	width:310px;
}
#annonce_intro_image {
	position: absolute;
	width : 250px; 
}
#annonce_intro_lien {
	position: absolute;
	font-weight: bold;
	margin-left : 630px;
	line-height: 3em ;
}

/********************** menu de gauche *****************************/
.menugauche {
list-style-type: none;
margin: 0;
padding : 10px 0 0 25px;
margin-bottom: 20px;
font-size: 0.9em ;	
background: url(design/haut-menu_orange.jpg) no-repeat top;		 
}
.menugauche1 {
list-style-type: none;
margin: 0;
padding : 10px 0 0 25px;
margin-bottom: 20px;
font-size: 0.9em ;	
background: url(design/menu_haut.jpg) no-repeat top;	
}
.fondmenugauche {
background: url(design/milieu-menu_orange.jpg) repeat-y; 	
margin : 0;
padding: 0 ;	  
z-index: 0;
}
.menugauche ul {
padding: 0 0 0 0;
}
.menugauche li {	
padding: 0 0 0 0;
}
.finmenugauche {	
background:	#990000 url(design/bas-menu_orange.jpg) no-repeat top;	  
height: 14px;
color: #458958;		
padding : 0;
margin: 0 ;
}
#gauche a {		
text-decoration: none;	 
color: #FFFFFF;
}
#gauche a:hover {
text-decoration: underline;
}	  






a {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}	
li {
margin-bottom: 5px;
}



/*
-----------------------------------------------------------------------------------------
Divers
-------------------------------------------------------------------------------------- */
.pp INPUT {
	FONT-SIZE: 12px; border: 0px #0162BB solid; color: #0162BB; background-color: #FFF4E7 ; background: #FFF4E7
}
INPUT {
	FONT-SIZE: 12px; background-color: #FFFFFF; border: 1px #AD0098 solid; color: #AD0098
}
SELECT {
	FONT-SIZE: 12px; background-color: #FFFFFF; border: 1px #AD0098 solid; color: #AD0098
}
textarea { 
	background-color: #ffffff; border: 1px #AD0098 solid; color: #AD0098
}					 
.bottom {
padding-bottom: 20px;
}
.turquoise {
background: #7DCFFF;
}




/********************************* espace de login *****************************/

#box_login {
	text-align: center ;
	position: absolute;	 
	right: 8px;
  	width: 170px;	
 	height: 18px;
 	top : 40px;
}
#box_mdp {
	text-align: center ;
	position: absolute;	 
	right: 8px;
  	width: 170px;	
 	height: 18px;
 	top : 80px;
}
#box_mdp_oublie {
	position: absolute;	 
	right: 85px;
  	width: 160px;	
 	height: 15px;
 	top : 120px;
	color: #000000;
}
#box_validation {
	position: absolute;	 
	right:8px;
  	width: 50px;	
 	height:15px;
 	top : 110px;
	color: #000000;
	FONT-SIZE: 	0.8em;	
}
#box_id {
	text-align: right ;
	position: absolute;	 
	right:8px;
  	width: 225px;	
 	height:18px;
 	top : 128px;
	FONT-SIZE: 	0.8em;
	color: #000000;
}

/********************************* page index *****************************/

#index_centre {
/*	background: #789654;*/
	width: 980px;
	height: 700px;
	position : absolute;
}
#index_intro {
/*	background: #990000;*/
	width: 710px;
	position : absolute;
	font-size: 14px;
	height: 80px;
	word-spacing: 8px; 
	font-style: italic;
	font-weight: bold;	
}
#index_text1 {
/*	background: #111122;*/
	width: 440px;
	position : absolute;
	top: 80px;	
	left: 270px;
	height : 190px;
	word-spacing: 3px; 
	line-height: 20px;
}
#index_text2 {
/*	background: #00AA00;*/
	width: 790px;
	position : absolute;	
	top: 270px;
	left: 190px;
	word-spacing: 3px; 	
}
#index_pub {
/*	background: #852369;*/
	width: 250px;
	padding: 10px;
	right: 0px;
	position : absolute;	
}
#index_new {
/*	background: #778899;*/
	width: 250px;
	padding: 10px;
	top : 80px;
	height: 170px;
	position : absolute;
}
#index_recherche {
/*	background: #851489;*/
	width: 500px;
	padding: 10px;
	position : absolute;	
	top : 430px;	
	right: 0px;	
}
#index_pub2 {
/*	background: #854892;*/
	width: 170px;
	padding: 10px;
	top : 270px;
	position : absolute;	
	height : 210px;
}
#index_tag {
/*	background: #AA44DD;*/
	width: 250px;
	padding: 10px;
	top : 430px;
	position : absolute;	
	height : 210px;
	left: 180px;	
}

#annonce_prioritaire {		  
	position : absolute;	
	clear: both;
	top : 960px;	
}	

.debuttable {
background-color: #620057;	  
color: #FFFFFF;  
border: 1px solid #FFA9F4 ;	   
padding: 10px ;
}	


/********************************* Box *****************************/

.box_simple {
background-color: #620057;	  
color: #FFFFFF;  
border: 1px solid #FFA9F4 ;	   
margin: 10px ;
}	

.box227 {
background-color: #620057;	  
color: #FFFFFF;  
border: 1px solid #FFA9F4 ;	   
margin: 10px ;
}	

/********************************* bouton *****************************/
.zoom_plus {
	background: transparent url(design/zoom+.png) no-repeat 0 0;
	height: 30px;
	width: 30px;   
	cursor:hand	;  
}
.zoom_plus:hover {
	background: transparent url(design/zoom+.png) no-repeat 0 -30px;
} 

.zoom_moins {
	background: transparent url(design/zoom-.png) no-repeat 0 0;
	height: 10px;
	width: 30px;   
	cursor:hand	;  
}
.zoom_moins:hover {
	background: transparent url(design/zoom-.png) no-repeat 0 -10px;
} 
#zoom_plus {
	height: 30px; 
	position: absolute;	
	top : 80px;
	right : 50px;		
}	
#zoom_moins {
	height: 30px; 
	position: absolute;	
	top : 20px;
	right : 50px;		
}	
/********************************* Messagerie *****************************/
.ligne_messagerie1{ 
	height: 25px;
}	
.ligne_messagerie2{ 
	background-color: #620057; 
	height: 25px;
}	
.fond_messagerie {
	background: #620057;
	padding: 0;
	margin: 0;
}
.cellule_messagerie {
	border: 1px solid #FFA9F4;
	padding: 2px;
	margin: 0;
}
.tableau_messagerie {
	border: 1px solid #FFA9F4;
	padding: 0;
	margin: 0;
}

/********************************* Détail du fantasme *****************************/

#detail_fantasme_fond {		
background: url(design/detail_fantasme.png) no-repeat;	
color: #FFFFFF ;
font-size : 1em;
height:166px;
width: 980px;
position: relative;
}

#detail_fantasme_titre {
	padding: 7px 0 0 10px;
	color: #FFFFFF ;
	height: 30px; 
	font-size : 1.3em;
	font-weight: bold;
	position: absolute;	
	top : 0px;
	margin-left : 210px;		
}	
#detail_fantasme_save {
	height: 40px;
	width : 150px;
	position: absolute;	
	top: 130px;
	right: 5px;
}	
#detail_fantasme_facebook_mini {
	height: 50px; 
	position: absolute;	
	top: 40px;
	right: 60px;
/*	background:	 url(design/facebook_mini.png) no-repeat top;*/
}	
#detail_fantasme_intro_text {
	position: absolute;
	top : 45px;
	font-weight: bold;
	margin-left : 210px;	
	width: 550px;
	height: 50px;
}
#detail_fantasme_cp_ville {		
	color: #FFFFFF ;
	text-align : right;
	top: 130px;
	right: 170px;	
	position: absolute;	
}
.detail_fantasme_type_location {		
color: #FFFFFF ;
margin : 10px;
font-size : 18px;
line-height: 1.5em ;
}
.detail_fantasme_nb_personne {		
margin : 10px;
color: #FFFFFF ;
font-size : 16px;
}
.jaime {		
margin : 10px;
color: #FFFFFF ;
font-size : 12px;
cursor:pointer;
}


/***** NAVIGATION TOP *****/

#navtoplist {	
	margin-left : 210px;		
	margin-top: 10px; 
	z-index:100;
	clear: both;
	padding: 10px 0 0 0px ;	
	width: 300;	
	text-align:center;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.navtoplistline {
	padding: 10px;	   
	border: 2px solid #FFFFFF;
}
.navtoplistline2 {
	clear: both;
	/*margin-bottom: 5px; */
}


#navtoplist ul {
	font: bold 13px arial;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	list-style: none;
}

#navtoplist li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
}

#navtoplist a, #navtoplist a:link, #navtoplist a:visited {
	float: left;
	display: block;
	color: #fff;
	margin: 0 1px 0 0;
	padding: 5px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background: #620057;
	border-bottom: 1px solid #fff;
}

#navtoplist a:hover{
	background: #FFA9F4;
	color: #000000;
}