@charset "iso-8859-1";		
/*
-----------------------------------------------------------------------------------------
Global 
-------------------------------------------------------------------------------------- */
body {
	top : 0;
	font-family:	arial, verdana, sans-serif;
	color:			#000000;	
	FONT-SIZE: 		0.80em;
	background-color : #203748; 
} 
#fond {		   
position: relative;
width: 1024px;
margin: 0 auto; 	 
background:	#203748 url(../img/background.jpg) no-repeat top;	
}
#container {	
	width: 			700px;	 	
	margin: 		0 auto; 
	background:	#203748 url(../img/fond.jpg) repeat-y;	
	position: 		relative;	 
} 	  
#header {
height: 250px;
}
#centre {
	background:	#203748 url(../img/fond.jpg) repeat-y;	
	padding: 0 40px 0 40px;
	width: 620px;	
}
#gauche {		  
position: absolute;
left:0;
width: 175px;		
}
#pied {
width: 	700px;	 	
height: 15px;
background:	#203748 url(../img/fond.jpg) repeat-y;		  
text-align : center ;	  
} 
#msg {
background-color: #7DCFFF;	  
color: #000000;
text-align : center ;	  
border: 1px solid #111111 ;	   
padding: 10px 0 10px 0;
}	 
#numero_page {
background-color: #7DCFFF;	  
color: #000000;
text-align : center ;	  
border: 1px solid #111111 ;	   
padding: 0;
}	
#carte_accueil {		  
position: absolute;
left:0;		
margin-left: 185px;	  
width: 450px;	
}	 
#module_recherche {		  
position: absolute;
left:0;		
margin-left: 185px;	  
width: 450px;	
margin-top: 510px;	
}	
#annonce_prioritaire {		  

}	 
#webtv_accueil {		  
margin-left: 485px;	  
padding : 0 0 10px 0;		
margin-bottom:10px  
}	
#nouveaute_accueil {		  
margin-left: 490px;	  
padding : 10px 0 10px 18px;		
margin-bottom:10px  
}	
#reportage_accueil {		  
margin-left: 490px;	  
padding : 10px 0 10px 18px;		
margin-bottom:10px
}	
#box3 {		
position: absolute;
width: 500px;
left:0 ; 
margin-left: 195px;	  
}	
#box4 {
margin-left: 500px;	 
width: 280px; 	
padding-top:0;
}
#box_pseudo {
	text-align: right ;
	position: absolute;	 
	right:0px;
  	width: 225px;	
 	height:18px;
 	top : 240px;
 	background: transparent;
	FONT-SIZE: 	0.8em;
	color: #000000;
}



.cellule {		  
border : 1px solid #45A0E2;	
background: #7DCFFF;
font-weight: bold;
}	

/* --------------------------------------------- page de témoignages ------------------------------- */
.titre_temoignage {		
color: #FD7B00 ;
background-color: #7DCFFF;	  
text-indent: 2em ;	  
line-height: 1.7em ;
}
.recit_temoignage {		
color: #000000 ;
padding: 0 0 30px 0;
font-style: italic ;
margin: 0 10px 10px 10px;
}


/* --------------------------------------------- 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: 2.5em ;
}
.indispo {
	background-color: #808080; color : #000000; font-size:11px;
}
.nc {
	background-color: #dddddd; color : #000000; font-size:12px;
}
.ths {
	background-color: #FF3D17; color : #000000; font-size:12px;
}
.hs {
	background-color: #F0BF48; color : #000000; font-size:12px;
}
.ms {
	background-color: #AAFF15; color : #000000; font-size:12px;
}
.bs {
	background-color: #1AA204; color : #000000; font-size:12px;
}

#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 ;
}


/*
-----------------------------------------------------------------------------------------
Autres blocs
-------------------------------------------------------------------------------------- */
p {		
color: #000000 ;
margin: 0 0 10px 0;
text-align: justify ; 
line-height:1.5em
}
p.alinea {		
text-align: justify ; 
text-indent: 2em ;	  
line-height: 1.7em ;
}
/*#temoignage p {		
color: #459845 ;
line-height: 1.7em ;
}*/


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

.black {
	color: #000000 ;
}




/*
-----------------------------------------------------------------------------------------
titre
-------------------------------------------------------------------------------------- */
.red{
color: #ff0000 ;
font-weight: bold;
}
#centre h1
{
color: #0162BB ;
FONT-SIZE: 		24px;
text-align:center;
}
#centre h2
{
	padding-left: 15px ;
	font-size: 1.4em ;
	color: #0162BB ;
	border-bottom: 2px solid #B30909 ;
}
#centre h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #B30909 ;
	color: #0162BB ;
}

#centre h4
{
	text-align: center ;   	
	margin-left: 15px ;
	margin-right: 15px ;	
	padding-left: 5px ;
	margin-top: 20px ;		 
	border-bottom: 1px solid #7DCFFF ;
	border-right: 3px solid #7DCFFF ;
	color: #0162BB ;
}
#centre h5
{
	margin: 0 0 0 30px ; 
	color: #0162BB ;  
	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;
}
#gauche h6
{			  
	font-family:	arial;
	margin : 0 0 0 0 ;	
	padding : 40px 0 0 40px;
	height: 30px ;		 
	width: 175px;
	color: #FFFFFF ;			
	background: url(design/h6.jpg) no-repeat;		
	font-size: 1.2em ;		  
	font-weight: bold;
}
/********************** menu du header *****************************/
.menuheader {	  
font-family:	arial black;
margin : 0 0 0 120px;	  
text-align: center;
}
.menuheader a {
color: #0062BD;
text-decoration: none;
}
.menuheader a:hover {
text-decoration: none;	   
color: #FD7B00;
}	
.top_txt {	  
margin : 0 0 0 0;	  
text-align: center;	   
font-size:0.7em;
}




/********************** 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: #000000;
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: #F89E02; border: 1px #0162BB solid; color: #0162BB
}
SELECT {
	FONT-SIZE: 12px; background-color: #F89E02; border: 1px #0162BB solid; color: #0162BB
}
textarea { 
	background-color: #ffffff; border: 1px #ffb400 solid; color: gray
}					 
.bottom {
padding-bottom: 20px;
}
.turquoise {
background: #7DCFFF;
}



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

#navtoplist {
	clear: both;
	padding: 10px 0 0 0px ;	
	width: 300;	
	text-align:center;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.navtoplistline {
	clear: both;
	padding: 10px;	   
	/*height: 2px;
	line-height: 5px;*/
	border: 2px solid #7DCFFF;
	margin-bottom: 5px; 
}
.navtoplistline-left {
	clear: both;
	padding: 10px;	   
	border-left: 2px solid #7DCFFF;
	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: #7DCFFF;
	border-bottom: 1px solid #fff;
}

#navtoplist a:hover{
	background: #F89E02;
	color: #fff;
}
	   
#navtoplist a.video{
	background: #FF0000;
	color: #fff;
}



/********************************* bouton *****************************/
.retour {
	background: transparent url(../img/bouton_retour.png) no-repeat 0 0;
	height:45px;
	width:46px;   
	cursor:hand	;  
}

.retour:hover {
	background: transparent url(../img/bouton_retour.png) no-repeat 0 -44px;
} 

.box4747641 {
  width: 400px;
  background: url(../img/boxmid14053408.png) repeat-y;
position: relative;

margin: 0 auto; 	 
  }


.box4747641 .boxtop {
  background: url(../img/boxtop80207687.png) no-repeat top;
  text-align: center;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
  height: 10px;
  }

.box4747641 .boxbot {
  margin: 0;
  text-align:center;
  padding: 0px 20px 23px;
  color: #ff0000;
  font-size: 13px;
  background: url(../img/boxbot40149330.png) no-repeat bottom;
  }