* {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body {
	background:#8a877e;
	height:100%;
}

a {
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
select {
	color: black;
}

select, option {
	color: black;
	padding-left:2px;
	background-color:#fbfafc;
}
input {
	background-color:#fbfafc;
}
ul{
	list-style-type:none;
}
.asterisque{
	margin-left:3px;
	margin-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:red;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////::    Bandeau Haut   :: /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#haut {
	position: absolute;
	top: 0px;
	left:50%;
	height: 359px;
	width: 764px;
	padding-left:14px;
	margin-left:-389px;
	background: url(images/fond_bandeau.jpg) no-repeat scroll left top;
}

#haut #logo{
	position:absolute;
	top:0px;
	left:10px;
	width:170px;
	height:90px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    Menu Principal   :: /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#haut #navigation{
	position:absolute;
	top:294px;
	width:750px;
	display:block;
	height:46px;
	text-align:center;	
	padding-top:20px;	
}

#haut #navigation a{
	color:#8a877e;
	font-size:14px;
	font-weight:700;
	font-family:Arial;
	padding:0 7px 0 5px;
	text-transform:uppercase;
	text-align:center;
	border-right:1px solid #8a877e;
}

#haut #navigation a.last{
	border-right:none;
}

#haut #navigation a:hover, #haut #navigation a.selected{
	color:#FFF;
}

#haut p{
	font-size:11px;
	font-style:italic;
	color:#000000;
	position:absolute;
	top:80px;
	left:25px;
}

#haut p span{
	color:#1A1B1F;
	font-size:14px;
	font-weight:bold;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    Bandeau Bas   :: ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#bas{
	float:left;
	display:block;
	width:750px;
	height:50px;
	border-top:3px solid #c1beaf;
	font-family:Verdana, sans-serif;
	font-size:12px;
}

#bas ul {
	float:left;
	margin-top:16px;
	margin-left:14px;
}

#bas ul li {
	float:left;
}

#bas ul li a{
	color:#383637;
	font-weight:bold;
	font-family:Verdana, sans-serif;
	font-size:11px;
	border-right:1px solid #6e6e6e;
	padding:0 6px 0 6px;
}

#bas .col-foot-links{
	float:right;
	height:43px;
	margin-top:7px;
}

#bas .col-foot-links a{
	float:left;
}

#bas #logofnaim{
	width:43px;
	height:32px;
	background:url(images/logo_fnaim.jpg) no-repeat 0 0;
}

#bas #logosia{
	width:44px;
	height:30px;
	background:url(images/logo_sia.jpg) no-repeat 0 0;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    Bandeau Bas   :: ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.clear {
	clear:both;
}

#footer{
	float:left;
	display:block;
	width:730px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px solid #c1beaf;	
}




#footer .col-foot{
	float:left;
	width:740px;
	padding:0 5px;
}

#footer ul {
	float:left;
	width:245px;
	margin:0 0;
	list-style-position:inside;
	list-style-type:circle;
}

#footer ul li {
	font-weight:300;
	color:#2e2e2e;
}

#footer ul li a{
	color:#2e2e2e;
	font-weight:300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer ul li a:hover{
	color:#000;
}




/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::    Main   :: ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main {
	position: absolute;
	top:359px;
	left:50%;
	width: 750px;
	
	margin-left:-375px;
	padding-top: 30px;
	background:transparent;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////::   INDEX.PHP   :: ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/**************** Coups de coeur **************************/

#accueil_gauche{
	float:left;
	height:271px;
	width:250px;
}

.indx_bloc{
	float:left;
	width:215px;
	margin-top:10px;
}
.indx_bloc h3{
	color:#fdb813;
	font-size:14px;
	font-weight:700;
	margin-bottom:5px;
}
.indx_bloc h3 a{
	color:#fdb813;
	font-size:14px;
	font-weight:700;
	margin-bottom:5px;
}
.indx_bloc p{
	float:left;
	margin-top:10px;
	padding-top:5px;
	padding-left:36px;
	font-size:11px;
	line-height:14px;
	background:url(images/bg_bloc_indx.jpg) no-repeat 0 0;
}
.indx_bloc p strong{
	text-transform:uppercase;
}
.indx_bloc p span{
	float:left;
	font-size:11px;	
	width:100%;
}
.indx_bloc_spacer{
	float:left;
	width:22px;
}

#cdc{
	width:452px;
	margin-left:40px;
	float:left;
	clear:right;
	background:url(images/fond_coeur.png) no-repeat 0 0;
}

#photo_cdc{
	float:left;
	width:214px;
	height:161px;
	margin-left:234px;
	border:2px solid #FAD64E;
}

#photo_cdc a img {
	width:214px;
	height:161px;
}

#nosagences{
	float:left;
	padding-top:10px;
	margin-top:20px;
	border-top:1px solid #c1beaf;
	display:block;
	width:452px;
	margin-bottom:20px;
}
#nosagences h1{
	color:#2b2a2c;
	font-size:18px;
	font-family:Verdana,Arial, Helvetica, sans-serif;	
}
#nosagences h2{
	color:#1c6cb0;
	text-transform:uppercase;
	font-size:18px;
	margin-top:5px;
	font-family:Verdana,Arial, Helvetica, sans-serif;	
}
#title_cdc{
	position:absolute;
	top:20px;
	left:555px;
	font-size:20px;
	color:#00256C;
	font-weight:bold;
}

#title_cdc span{
	font-size:20px;
	color:#FCE01A;
	font-weight:bold;
}

#informations_cdc{
	width:190px;
	height:80px;
	position:absolute;
	top:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

#informations_cdc b{
	color:#005296;
}

#liste_photos_cdc{
	float:left;
	width:550px;
	height:65px;
	margin-left:2px;
}

#lien_cdc {
	float:left;
	margin-left:80px;
}

#lien_cdc a{
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	color:#FAD750;
}

#liste_photos_cdc img{
	margin-top:15px;
	margin-right:41px;
	height:56px;
	width:75px;
	border:#005AA1 2px solid;
}

#liste_photos_cdc img#img1 {
	border:#FBD651 2px solid;
}

#curseur1{	
	position:relative;
	left:62px;
	top:-64px;
}




#lien_invesstissement{
	border:2px solid #FAD64E;
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:10px;
	padding:10px;
	text-align:center;
	width:680px;
	background-color:#E3E2E0;
	color:#000000;
	text-decoration:none;
	display:inline;
}
#lien_invesstissement #rdv{
	display:block;
	text-align:center;
	width:680px;
}
#lien_invesstissement #dacalle_gras{
	text-align:left;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	display:inline;
	clear:right;
}
#lien_invesstissement .decalle{
	margin-left:30px;
	font-weight:bold;
}
#lien_invesstissement .decalle1{
	margin-left:0px;
	font-weight:bold;
}



/**************** Menu de gauche **************************/

#menu_gauche {
	position:absolute;
	width:218px;
	height:259px;
	top:42px;
	left:10px;
	background:url(images/menu_gauche.png);
}

#menu_gauche ul {
	margin-top:60px;
}

#menu_gauche ul li{
	display:block;
	padding-left:15px;
	margin-left:10px;
	width:161px;
	height:15px;
	padding-top:2px;
}

#menu_gauche ul li a{
	color:#000000;
	font-weight:bold;
	font-size:10px;
}

#menu_gauche ul li a:hover{
	color:#FBD651;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
}

#menu_gauche ul#liste2 {
	position:absolute;
	top:135px;
	left:0px;
}

	
/* ---------------------------------------- index 404 ---------------------------------------*/
#central {
	width: 400px;
	margin-left: 175px;
	text-align: justify;
	margin-top: 60px;
	margin-bottom : 80px;
}

#central h2 {
	margin-bottom: 10px;
}

#index_404 p {
	margin-bottom: 10px;
}

/*--------------------------------------------- liste-annonces.php---------------------------------------------*/
#gauche{
	float:left;
	width:202px;
	height:500px;
	background:url(images/menu_gauche.png) no-repeat scroll;
	margin-right:30px;
	display:inline;
}

#gauche #moteur{
	float:left;
	width:202px;
	height:344px;
	display:block;
	background:url(images/bg_moteur.jpg) no-repeat 0 0;	
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	color:#231f20;	
}

#gauche #moteur h1{
	text-transform:uppercase;
	font-family:Arial,sans-serif;	
	font-size:16px;
	font-weight:700;
	color:#0065bd;
	padding-top:17px;
	padding-left:10px;
}

#gauche #moteur h2{
	text-transform:lowercase;
	font-family:Arial,sans-serif;		
	font-size:14px;
	font-style:italic;
	font-weight:400;	
	color:#0065bd;
	padding-left:10px;	
}

#gauche #moteur form#search{
	padding:20px 17px 20px 17px;
}

form#search label{
vertical-align: top;
margin-left:2px;
margin-right:5px;
display:inline;
cursor:pointer;
}


form#search p{
	margin-top:12px;
}
form#search input{
	padding:3px;
}
form#search select{
	width:166px;
	padding:4px;
	height:26px;
	margin-top:7px;		
}

form#search button{
	width:103px;
	height:27px;
	position:absolute;
	top:336px;
	left:99px;
	background:none;
	text-indent:-9999px;
	cursor:pointer;
}
form#search p.budget input{
	padding:5px;
	margin-top:5px;	
	width:62px;
}


#gauche ul{
	margin-top:40px;
}

#gauche ul li{
	display:block;
	padding-left:15px;
	margin-left:10px;
	width:161px;
	height:12px;
	padding-top:2px;
}

#gauche ul li a{
	color:#000000;
	font-weight:bold;
	font-size:10px;
}

#gauche ul li#selection a{
	color:#FBD651;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
}

#gauche ul li a:hover{
	color:#FBD651;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
}

#gauche ul#liste3{
	margin-top:40px;
}

#gauche a#alerte{
	float:left;
	display:block;
	width:190px;
	height:85px;
	color:#fdb813;
	font-weight: 700;
	margin-top:30px;
	padding-left:12px;
	padding-top:20px;	
	font-size:16px;
	font-family:Arial;
	background:url(images/alerte.jpg) no-repeat 0 0;	
	text-transform:uppercase;
	line-height:15px;
}
#gauche a#alerte span{
	font-family:Arial;
	color:#fdb813;font-size:14px;
	font-style:italic;
	font-weight: 300;
	text-transform:lowercase;
}


#liste-annonces{
	float:left;
	display:inline;
	width:475px;
	margin-left: 10px;
}

form#form_liste{
	width:289px;
	height:28px;
	background: #c1beaf;
	margin:0px 0px 25px 100px;
	text-align:center;
	padding-top:6px;
}
#form_liste label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
	color:#333;
}
#form_liste select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px 2px;
}

#form_liste option{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#46593d;
}
#form_liste input{
	margin-left:0px;
}
#form_liste #submit{
	font-size:11px;
	font-family:verdana;
	background:url(images/valider.jpg);
	width:21px;
	height:21px;
	margin-left:20px;
}

ul#liste{
	width:453px;
	margin-bottom:5px;
	display:inline;
}
ul#liste li{
	margin-left:20px;
	width:458px;
	height:162px;
	clear:both;
	margin-bottom:12px;
	background:url(images/fond_liste_annonce.jpg) no-repeat scroll;
}
ul#liste li .photo{
	display:inline;
	margin-top:33px;
	margin-left:3px;
	margin-right:5px;
	float:left;
	width:146px;
	height:110px;
	text-align:center;
}
ul#liste li .photo img{
	height:110px;
	border:2px solid #F9D751;
	margin-left:5px;
}
ul#liste li .description{
	margin-top:38px;
	float:left;
	width:270px;
	height:110px;
	padding-top:3px;
	padding-left:5px;
	color:#000000;
	margin-left:10px;
}
ul#liste li .description h2 a{
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:arial;
}
ul#liste li .description h2 a span{
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-family:arial;
}
ul#liste li .description p.desc{
	margin-top:4px;
	height:47px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
ul#liste li .description .montant{
	color:#000000;
	font-weight:bold;
	font-family:arial;
}
ul#liste li .description .montant span {
	color:#000000;
	font-weight:normal;
	font-family:arial;
	font-size:9px;
}
ul#liste li .description .lien{
	display:block;
	padding:3px 0px 2px 20px;
	float:right;
	margin-top:5px;
	font-size:11px;
	font-weight:bold;
	color:#615f59;
	text-shadow:1px 1px solid #333;
}
#pages{
	clear:both;
	width:360px;
	height:15px;
	padding:3px 0px 3px 0px;
	display:inline;
}
#pages #prec{
	float:left;
	width:130px;
	padding-left:5px;
	color:#555555;
	margin-left:20px;
}
#pages #liste_pages{
	float:left;
	width:180px;
	text-align:center;
	height:16px;
	font-size:10px;
	font-weight:bold;
	color:#555555;
}
#pages #liste_pages a{
	padding:0px 4px 0px 3px;
	font-size:10px;
	font-weight:bold;
	color:#555555;
	border-right:1px solid #383637;
}
#pages #liste_pages em{
	padding:0px 4px 0px 3px;
	font-weight:bold;
	font-size:10px;	
	color:#555555;
	font-style:normal;
	border-right:1px solid #383637;
	text-decoration:underline;
}
#pages #suiv{
	float:left;
	width:120px;
	text-align:right;
	color:#383637;
}
#pages #prec a{
	display:block;
	font-size:10px;
	color:#383637;
	text-decoration:none;
}

#pages #suiv a{
	display:block;
	font-size:10px;
	color:#383637;
	text-decoration:none;
}

#pages #suiv a:hover,#pages #prec a:hover{
	color:#EEE;
}


/*--------------------------------------------- annonce.php---------------------------------------------*/


h1#title_annonce{
	float:left;
	margin:14px 0px 0px 35px;
	width:451px;
	height:53px;
	font-size:14px;
	color:#000000;
	font-family:verdana;
	font-weight:bold;
	background:url(images/titre_annonce.png) no-repeat scroll;
	padding-top:24px;
}

h1#title_annonce span{
	font-size:14px;
	color:#000000;
	font-family:verdana;
}

#annonce{
	float:left;
	width:450px;
	margin: 0px 0px 15px 35px;
	padding:10px 0px 0px 0px; 
}
 .retour{
	background: url(images/annonce_back1.png) no-repeat scroll right top !important;
}

#annonce #photo{
	float:left;
	width:200px;
	margin-bottom:15px;
	text-align:center;
	font-family:arial;
	display:inline;
}
#annonce #photo #img{
	height:150px;
	border:2px solid #FBD651;
	margin-top:7px;
	margin-bottom:8px;
}

#annonce #photo #navigation{
	clear:both;
	margin-left:0px;
	text-align:left;
	font-family:arial;
}

#annonce #photo #navigation a, #annonce #photo #navigation span{
	font-family:arial;
}

#annonce #photo #navigation a#photo_p, #annonce #photo #navigation span#photo_p{
	float:left;
	display:block;
	font-size:10px;
	color:#004b8e;
	text-decoration:none;
	margin-left:2px;
}

#annonce #photo #navigation a#zoom,#annonce #photo #navigation span#zoom{
	float:left;
	display:block;
}
	
#annonce #photo #navigation a#photo_s,#annonce #photo #navigation span#photo_s{
	float:left;
	text-align:right;
	display:block;
	font-size:10px;
	color:#004b8e;
	text-decoration:none;
}

#annonce p#description{
	clear:both;
	width:450px;
	text-align:justify;
	margin-top:20px;
	margin-bottom:15px;
	font-size:11px;
	color:#000000;
}

#annonce p#detail{
	margin-bottom:5px;
	margin-left:20px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:404px;
}
#annonce #details{
	float:right;
	width:210px;
	margin-bottom:20px;
	display:inline;
}
#annonce #details ul{
	width:230px;
	list-style-type:none;
	height:160px;
	margin-top:7px;
}
#annonce #details li{
	clear:both;
	width:220px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
}
#annonce #details p.left{
	width:100px;
	background-color:#0058A2;
	float:left;
	padding-left:3px;
	font-family:verdana;
	margin-top:2px;
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#FFFFFF;
}
#annonce #details p.right{
	width:100px;
	background-color:#FBD651;
	float:left;
	margin-left:5px;
	padding-left:3px;
	font-family:verdana;
	margin-top:2px;
	font-size:11px;
	font-family:arial;
	color:#000000;
}
#annonce #contacter{
	float:left;
	width:230px;
	margin-top:5px;
	padding:6px;
	font-size:11px;
	margin-bottom:20px;
	padding-left:10px;
	color:#000000;
	font-weight:bold;
}
#annonce #liens{
	float:left;
	width:170px;
	color:#f9d654;
	font-weight: 700;
	text-shadow:0 1px 0 #CCC;
}

#annonce #liens ul li>a{
	font-family:"Verdana", Arial;
	font-weight: 700;
	color:#262626;
	text-shadow:0 0 0;	
}


#annonce #contacter ul{
	margin-left:0px;
	margin-top:5px;
	font-weight:normal;
}
#annonce #contacter ul li{
	font-size:11px;
	font-family:verdana;
	color:#8E8E8E;
}

#annonce #contacter span{
	color:#8E8E8E;
	font-weight:bold;
}
#annonce #contacter  a{
	font-size:11px;
	font-family:verdana;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}
#annonce #contacter #formulaire{
	padding-left:30px;
	padding-top:10px;
	height:25px;
	background: url(images/puce2.gif) no-repeat scroll left center;
	margin-top:10px;
	
	}
#annonce #imprimer {
	float:left;
	display:block;
	width:140px;
	margin-top:70px;
	margin-left:0px;
	display:inline;
	padding:6px;
	font-family:Verdana;
	font-size:11px;
	background: url(images/print.png) no-repeat scroll left center;
	padding-left: 39px;
	margin-bottom:20px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#annonce hr{
	clear:both;
	visibility:hidden;
}

#nav{
	width:450px;
	clear:both;
	height:50px;
	margin-top:20px;
	border-top:1px solid #E0E0E0;
}

#nav #action_contact, #nav2 #action_contact{
	position:absolute;
	margin-top:25px;
	left:250px;
	width:120px;
	height:30px;
}

#nav #action_imprimer, #nav2 #action_imprimer{
	position:absolute;
	margin-top:25px;
	left:400px;
	width:120px;
	height:30px;
}

#nav #action_geoloc, #nav2 #action_geoloc{
	position:absolute;
	margin-top:25px;
	left:530px;
	width:140px;
	height:30px;
}
#annonce #nav p, #annonce #nav2 p{
	float:left;
	padding:4px 0px 4px 0px;
}
#annonce #nav p a, #annonce #nav2 p a{
	font-size:10px;
	color:#000000;
}
#annonce #nav #annonce_prec, #annonce #nav2 #annonce_prec{
	width:140px;
	margin-left:12px;
	display:inline;
}
#annonce #nav #annonce_prec a, #annonce #nav2 #annonce_prec a{

}
#annonce #nav #retour_liste, #annonce #nav2 #retour_liste{
	width:150px;
	text-align:center;
}
#annonce #nav #annonce_suiv, #annonce #nav2 #annonce_suiv{
	width:130px;
	text-align:right;
}
#annonce #nav #annonce_suiv a, #annonce #nav2 #annonce_suiv a{

}

/*--------------------------------------------- agence.php---------------------------------------------*/

#gauche_ag{
	float:left;
	width:180px;
	height:430px;
	margin-left:30px;
	display:inline;
	margin-top:14px;

}

#gauche_ag h1{
	font-size:14px;
	height:29px;
	padding-left:24px;
	font-size:16px;
	line-height:22px;
	font-family:Arial;
	background : url(images/bg_titre_gauche.jpg) no-repeat scroll top left;	
}


#gauche_ag ul{
	margin-top:20px;
}

#gauche_ag ul li{
	display:block;
	padding-left:10px;
	width:161px;
	padding-top:2px;
}

#gauche_ag ul li a{
	color:#000000;
	font-weight:bold;
	font-size:11px;
}

#gauche_ag ul li#selection a{
	color:#FBD651;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}

#gauche_ag ul li a:hover{
	color:#FBD651;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}





h1#title_ag{
	margin-left:150px;
	padding-left:30px;
	padding-top:15px;
	width:452px;
	height:31px;
	font-size:16px;
	font-family:verdana;
	background: url(images/cadre_haut.png) no-repeat scroll;
	color:#F5DD28;
}

h1#title_ag span{
	font-size:16px;
	font-family:verdana;
	color:#0A2F75;
	font-weight:bold;
}

#agence{
	float:left;
	width:450px;
	margin: 0px 0px 15px 35px;
	padding:0px 0px 0px 0px; 
}
#agence h2{
	clear:both;
	margin:0px 0px 0px 20px;
	padding:25px 0px 0px 0px;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#agence h4{
	clear:both;
	margin:0px 0px 0px 20px;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#005396;
}

#agence h3{
	color:#005396;
	font-weight:bold;
	font-size:11px;
}

#agence img.sep{
	margin-left:20px;
	margin-top:5px;
	marginbottom:10px;
}

#agence img#sep2{
	margin-bottom:30px;
}
/* ---------------------- */

#agence ul#liste_agence {
	margin:0px 0px 0px 150px;
}

#agence ul#liste_agence li{
	margin:10px 10px 30px 10px;
}
/* ---------------------- */
#syndic h5{
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8FCAE7;
}

#syndic h6{
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8FCAE7;
	margin-left:20px;
	margin-top:20px;
}

#syndic ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	list-style:circle;
	list-style-position:outset;
	font-size:11px;
	margin-left:15px;
	margin-bottom:15px;	
}

#syndic ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:justify;
	margin-bottom:5px;	
}
#syndic ul li a{
	color:#333;
}
#syndic ul li a:hover{
	color:#FDB813;
}

#syndic, #syndic p, #syndic strong{
	color:#333;
	font-size:11px;
}


#syndic{
	float:left;
	width:450px;
	margin: 0px 0px 15px 35px;
	padding:0px 0px 0px 0px; 
}

#syndic p{
	margin-bottom:15px;
text-align:justify;	
}
#syndic h2{
	clear:both;
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#202020;
}

#syndic h3{
	clear:both;
	margin:0px 0px 7px 0px;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#005396;
}

#syndic h3{
	color:#005396;
	font-weight:bold;
}

#syndic img.sep{
	margin-left:20px;
	margin-top:5px;
	marginbottom:10px;
}

#syndic img#sep2{
	margin-bottom:30px;
}


/* -----------------------*/
#defisc h5{
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8FCAE7;
}

#defisc h6{
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#8FCAE7;
	margin-left:20px;
	margin-top:20px;
}

#defisc ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	list-style:circle;
	list-style-position:outset;
	font-size:11px;
	margin-left:15px;
	margin-bottom:15px;	
}

#defisc ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:justify;
	margin-bottom:5px;	
}
#defisc ul li a{
	color:#333;
}
#defisc ul li a:hover{
	color:#FDB813;
}

#defisc, #defisc p, #defisc strong, #defisc u, #defisc b, #defisc a{
	color:#333;
	font-size:11px;
}


#defisc{
	float:left;
	width:450px;
	margin: 0px 0px 15px 35px;
	padding:0px 0px 0px 0px; 
}

#defisc p{
	margin-bottom:15px;
text-align:justify;
float:left;	
}
#defisc h2{
	clear:both;
	margin:10px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FDB813;
}

#defisc h3{
	clear:both;
	margin:0px 0px 7px 0px;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#005396;
}

#defisc h3{
	color:#005396;
	font-weight:bold;
}

#defisc img.sep{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
}

#defisc img#sep2{
	margin-bottom:30px;
}

#defisc .lien_defisc{
	display:block;
	background:#FDB813;
	color:#FFF;
	font-weight:bold;
	padding:5px 7px;
	text-align:center;
	border:1px solid #333;
	margin-top:10px;
	margin:0 auto;
	width:300px;
}
.blue{
color:#1C6CB0;
}
#agence p#presentation{
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	font-size:11px;
	text-align:justify;
	color:#8E8E8D;
}

#agence p#presentation a{
	color:#8E8E8D;
}

#agence p#lien_centre{
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	font-size:11px;
	text-align:center;
	color:#8E8E8D;
}

#agence p#lien_centre a{
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}

#agence #image{
	float:left;
	width:215px;
	height:112px;
	margin-top:10px;
	margin-left:10px;
	text-align:center;
	margin-right:15px;
	margin-bottom:20px;
	display:inline;
}

#agence #image2{
	float:left;
	width:215px;
	height:112px;
	margin-top:10px;
	margin-left:20px;
	text-align:center;
	margin-right:15px;
	margin-bottom:20px;
}

#agence #info_agence{
	float:left;
	width:190px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:justify;
	font-size:11px;
}
#agence #info_agence p{
	font-size:11px;
	}
#agence #info_agence ul{
	margin:5px 0px 5px 15px;
}

#agence #info_agence ul li {
	font-size:10px;
	color:#999999;
}

#agence #info_agence ul li a{
	font-size:10px;
	color:#999999;
}


#agence ul#contacts{
	margin-top:10px;
	margin-bottom:0px;
	list-style-type:none;
	width:400px;
}
#agence ul#contacts li{
	clear:both;
	width:400px;
	padding-left:5px;
}
#agence ul#contacts li p{
	float:left;
	margin:0px;
	padding:3px 0px 3px 0px;
	width:97px;
	font-size:11px;
	font-family:arial;
	margin-left:5px;
	display:inline;
	margin-top:3px;
	padding-left:3px;
	background-color:#E0E0DF;
	height:15px;
}
#agence ul#contacts li#head p{
	text-align:center;
	background-color:#C5C5C5;
	color:#000000;
	font-weight:bold;
}
#agence ul#contacts li p.nom{
	width:130px;
}
#agence ul#contacts li p.fonction{
	width:120px !important;
}
#agence ul#contacts li p.tel{
	width:80px !important;
}
#agence ul#contacts li p.email{
	width:35px !important;
	padding-left:5px;
}
#agence ul#coordonnees{
	clear:both;
	width:320px;
	height:77px;
	margin-top:10px;
	padding:10px 0px 0px 10px;
	list-style-type:none;
	margin-left:0px;
	margin-bottom:50px;
}
#agence ul.tavu{
	margin-bottom: 30px !important;
	height:40px !important;
}
#agence ul#coordonnees li{
	clear:both;
	width:330px;
	color:#333;
	font-size:10px;
}

#agence ul#coordonnees li#ag{
	clear:both;
	width:330px;
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:10px;
	font-size:11px;
}

#agence ul#coordonnees li#acces_offre{
	clear:both;
	width:330px;
	color:#005396;
	font-size:10px;
	font-style:italic;
	margin-top:10px;
}

#agence ul#coordonnees li#acces_offre a{
	color:#005396;
	font-size:10px;
	font-style:italic;
}

#agence ul#coordonnees a{
	color:#005396;
	font-size:10px;
	font-style:italic;
}

/****************************************************** contact.php **********************************************************************/

#contact{
	float:left;
	width:450px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contact h3{
	width:200px;
	margin-bottom:15px;
	padding-top:20px;
	padding-left:30px;
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background : url(images/puce1.gif) no-repeat scroll left 22px;
}
#contact label{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
#contact p{
	margin-left:20px;
}
#contact input{
	margin:3px 5px 0px 5px;
	padding:4px;
	border:1px solid #787878;
	font-size:11px;
}
#contact select{
	width:300px;
	margin:3px 5px 0px 5px;
	padding:4px;
	border:1px solid #787878;
	font-size:11px;
}
#contact input.radio{
	border:0px;
	background-color:#cccc99;
}
#contact textarea{
	width:385px;
	height:60px;
	margin:3px 5px 0px 5px;
	padding:4px;
	border:1px solid #787878;
	background-color:#E9E9E9;
	font-size:11px;
}
#contact #nom{
	margin-left:38px;
}
#contact #ville{
	margin-left:55px;
}
#contact #adresse{
	margin-left:31px;
	width:300px;
}
#contact #code_postal{
	margin-left:9px;
}
#contact #valider{
	margin-left:313px;
	margin-top:10px;
	width:75px;
	z-index: 3;

}
#contact #nota{
	margin-left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:red;
}
#contact  p#confirm{
	margin:75px 80px 20px 30px;
	text-align:center;
	color:black;
}
#contact p#confirm a{
	display:block;
	margin-bottom:90px;
	margin-top:20px;
	text-align:center;
	padding: 2px 10px 2px 10px;
	color:black;
	font-size:11px;
	
	}
	
/*************************************** plan-du-site.php ***********************************/
#plan{
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	color:#353367;
	font-size:11px;
	
}
ul#plan-site {
	float:left;
	list-style-type:none;
	width:432px;
	margin:0px 0px 0px 00px;
	padding-left:20px;
	height:234px;
	padding-top:50px;
}
ul#plan-site li.row{
	clear:both;
	height:15px;
}
ul#plan-site li.row ul{
	list-style-type:none;
}
ul#plan-site li.row ul li{
	padding-top:1px;
	padding-bottom:1px;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
ul#plan-site li.row ul li.bloc1{
	float:left;
	width:80px;
	padding-left:20px;
}
ul#plan-site li.row ul li.bloc2{
	float:left;
	width:95px;
}
ul#plan-site li.row ul li.bloc3{
	float:left;
	width:190px;
}
ul#plan-site a{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
ul#plan-site a:hover{
	color:#000000;
}
ul#plan-site  img{
	margin-right:4px;
}
ul#plan-site .puce{
	background:url(images/puce_cdc.png) no-repeat scroll left 4px;
	}
	
/*************************************** credits-liens.php ***********************************/

#credits{
	padding-left:40px;
	width:412px;
	margin:0px 0px 0px 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:50px;
}
#main #credits h2{
	padding-left:30px;
	font-size:14px;
	height: 22px;
	font-weight:normal;
	font-weight:bold;
	color:#000000;
}
#main #credits b{
	font-weight:normal;
}
#main #credits ul{
	padding-top:25px;
	padding-bottom:30px;
}
#main #credits ul li{	
	margin-left:75px;
	margin-bottom:10px;
	padding-left:20px;
	background:url(images/puce1.gif) no-repeat scroll left 2px;
}

#main #credits ul li a{
	color:#005397;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:50px;
}

#main #credits ul li a.seul{
	color:#6392bb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:0px;
}

/* -------------------------------------------------------- zoom.php -------------------------------------------------------------*/

#zoom_detail{
	width:620px;
	margin-top:10px;
}
#zoom_detail #zoom_pic {
	text-align:center;
}
#zoom_detail #zoom_pic img{
	border:1px solid #005397;
}
#zoom_detail #zoom_nav{	
	width:337px;
	background-color:#ffffff;
	margin-left:140px;
	padding-top:2px;
	padding-bottom:4px;
	border:1px solid #005397;
}
#zoom_detail #zoom_nav img{
	margin-left:3px;
	margin-right:3px;
	padding-top:2px;
}	
#zoom_detail #zoom_nav a{
	color:#005397;
}
#zoom_detail #zoom_nav a#suiv{
	margin-left:120px;
}
#zoom_detail a{
	color:#005397;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#zoom_detail p{
	margin-top:10px;
	text-align:center;
}


/*------------------------------------------------------------- index404.php -------------------------------------------------------*/
#main #index404{
	margin : 20px 0px 10px 150px;
	padding-bottom:25px;
	padding-top:10px;
	width:450px;
	background-color: #cccccc;
	color:#000000;
	font-weight:normal;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#index404 h1{
	border:1px solid #353367;
	width:400px;
	padding-bottom:10px;
	padding-top:10px;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	margin-bottom:40px;
	color:#353367;
	background-color:white;
}
#index404 p{
	margin-bottom:30px;
	margin-left:80px;
	margin-right:80px;
	color:#353367;
}


/****************************************************** mentions-legales.php **********************************************************************/
h1#title_r{
	float:left;
	width:451px;
	height:30px;
	font-size:14px;
	background:url(images/titre_annonce.png);
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding-top:24px;
}

h1#title_r span{
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

#mentions{
	width:452px;
	margin:0px 0px 0px 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
}

#mentions  p{
	margin-left:12px;
	margin-right:22px;
	padding-top:10px;
	padding-bottom:6px;
	text-align:justify;
	font-size:11px;
	color:#000000;
}
#info{
	padding-top: 0px;
	padding-bottom: 0px;
}
#info2{
	padding-top: 10px;
	padding-bottom: 0px;
}
#mentions  a{
	font-size:11px;
}
#cadre_bas{
	width:452px;
	height:40px;
	margin-left:150px;
}

#cadre_bas2{
	width:452px;
	height:40px;
}


/*************************************** alerte-mail.php ***********************************/

#alerte_mail{
	float:left;
	display:block;
	padding-left:15px;
	padding-top:20px;
	height:314px;
	width:450px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#alerte_mail form{
	height:300px;
	padding-bottom:30px;
}
#alerte_mail form h2{
	font-size:13px;
	margin-top:0px;
	margin-bottom:5px;
	color:#000000;
}
#alerte_mail form fieldset{
	margin-left:5px;
}
#alerte_mail form p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	float:left;
	font-size:11px;
	}
#alerte_mail form p.second{
	width:100px;
	}
#alerte_mail form p.third{
	width:130px;
	}
#alerte_mail form p.third span{
	margin-right:15px;
	font-size:11px;
	}
#alerte_mail form input{
	border:1px solid #666666;
	margin-right:5px;
	margin-top:2px;
}
#alerte_mail form label,  #alerte_mail form label b{
	font-weight:normal;
	font-size:11px;
}
#alerte_mail form select{
	margin-top:2px;
	margin-bottom:2px;
	width:135px;
	border:1px solid #666666;
}
#alerte_mail form textarea{
	border:1px solid #666666;
	margin-top:10px;
	width:189px;
	background-color:#F3F3F3;
}
#alerte_mail form p.coordonnees{
	width:430px;
	margin-left:5px;
	display:inline;
	font-size:11px;
}
#alerte_mail form p.coordonnees label{
	
	font-size:11px;
}
#alerte_mail form  #loc,#alerte_mail form  #ven{
	border:0px;
	background-color:transparent;
}

#alerte_mail form p.coordonnees #nom{margin-left:10px;}
#alerte_mail form p.coordonnees #email{margin-left:0px;}
#alerte_mail form p.coordonnees #l_prenom{margin-left:22px;}
#alerte_mail form p.coordonnees #l_telephone{margin-left:22px;}
#alerte_mail form p.coordonnees #prenom{margin-left:15px;}
#alerte_mail form p.coordonnees #telephone{margin-left:px;}

#alerte_mail form #valide{
	width:430px;
	text-align:right;
	margin-top:20px;
}
#alerte_mail form #valide input{
margin-right:60px;
}
#alerte_mail .asterisque{
	color:red;
	margin-left:3px;
	margin-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
#alerte_mail #nota{
	color:red;
	margin-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#alerte_valide{
	margin-top:100px;
	width:320px;
	height:70px;
	background-color: #ffffff;
	color:#B59041;
	font-weight:normal;
	font-size:9px;
	border:1px solid #CFB06F;
	text-align:center;
	padding:25px;
	font-weight:bold;
	margin-bottom:100px;
}
#alerte_valide img{
	margin-top:20px;
}

/******/

#form_agence{
	margin-left:20px;
	margin-bottom:10px;
}

#form_agence label{
	color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#form_agence select{
	color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #8FCBE7;
}

#form_agence #submit{
	color:#666666;
	background-color:#8FCBE7;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:#8FCBE7;
}

#form_agence option{
	color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p#zz {
	font-size:9px;
	color:#000066;
	font-family:Arial, Helvetica, sans-serif;
}
/****************************************************** actualites.php **********************************************************************/

#actualites{
	padding-left:10px;
	width:437px;
	margin:0px 0px 0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	clear:left;
}
#actualites .actu{
	width:665px;
	float:left;
	padding:10px;
	margin-top:10px;
	border:1px solid black;
}
#actualites .actu img{
	float:left;
	margin-right:10px;
	display:inline;
}
#actualites .actu h2{
	margin-bottom:5px;
	font-size:14px;
}
#actualites .actu p.text_actu{
	text-align:justify;
}
#actualites .actu p.text_actu_ptit{
	float:left;
	margin-left:5px;
	margin-right:10px;
	text-align:justify;
	width:500px;
}
#actualites .actu p.text_actu_ptit a{
	color:#000000;
	font-weight:bold;
}
#actualites .actu p.text_actu a{
	color:#000000;
	font-weight:bold;
}
#actualites .actu .liens_actu{
	width:100px;
	padding:5px;
	float:right;
	text-align:right;
	background-color:#EEEEEE;	
}
#actualites .actu .liens_actu a{
	color:#999999;
	display:block;
}
#actualites .actu .liens_actu a:hover{
	text-decoration:underline;
}
#actu_static_gauche{
	width:675px;
	margin-left:30px;
	margin-top:10px;
	text-align:justify;
	border:2px solid #FAD64E;
	padding:5px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#actu_static_gauche h1{
	text-align:center;
}
#actu_static_gauche h2{
	margin-top:20px;
}
#actu_static_gauche p{
	margin-top:10px;
	margin-right:5px;
}
#actu_static_gauche ul{
	margin-top:20px;
}
#actu_static_gauche ul li{
	list-style-image:url(images/arrow-right.gif);
	margin-left:25px;
	margin-top:10px;
}
#actu_static_droite{
	
	padding:5px;
	text-align:justify;
	/*border:2px solid #FFFF00;*/
	text-align:center;
	margin-top:55px;
	float:right;
}
#actu_static_droite p{
	margin:0px;
}
a#lien_contact{
	clear:both;
	float:left;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-left:220px;
	border:1px solid #000000;
	width:300px;
	color:#000000;
}
a#lien_contact:hover{
	background-color:#e3e2e0 ;
	border:2px solid #FAD64E;
	color:#000000;
}
p#lois{
	text-align:center;
	margin-top:15px;
	margin-bottom:10px;
	margin-right:10px;
}