/* CSS Document */

*{
   margin:0;
   padding:0;
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   list-style:none;
   text-decoration:none;
}
a{color:#FFFFFF;}
a *{border:none;}

html#site{
   background:url(../fond/html.jpg) repeat-x #FFF;
   text-align:center;
   border:none;
}

html#offre.vert2{
background:url(../fond/degvert.jpg) 0px 352px repeat-x fixed #759E00;border:0px solid #577C00;padding:5px;
}
html#connection.vert2{
background:url(../fond/degvert.jpg) 0px 132px repeat-x fixed #759E00;border:0px solid #577C00;padding:5px;

}


 #popup iframe{
   margin-top:-20px;
   width:450px;
   border:none;
}

.page{

   width:743px;
   margin:17px auto 100px;
}

#institutionnel{
   width:739px;
   height:55px;
   border:solid #8F8F8F;
   border-width:0 2px;
   margin:0 0 10px;
}
#institutionnel li{
   float:left;
   display:block;
   height:55px;
   overflow:hidden;
   border:solid #8F8F8F;
   background:url(../elemt/fleche.gif) no-repeat right bottom;
   border-width:0 1px;
}

#institutionnel li.first{border-width:0 1px 0 0;}
#institutionnel li.last{border-width:0 0 0 1px;}
#institutionnel li a{
   font-size:1.05em;
   padding:11px 4px;
   font-weight:bold;
   display:block;
   text-align:left;
   color:#8F8F8F;
   line-height:1em;
}

#institutionnel li a:hover, #institutionnel li a.sel{color:#FFCC00;}
.mnb0 li{width:100%}
.mnb1 li{width:49.85%}
.mnb2 li{width:33.1%}
.mnb3 li{width:24.78%}
.mnb4 li{width:19.79%}
.mnb5 li{width:16.43%}
.mnb6 li{width:14.05%}
.mnb7 li{width:12.20%}
.mnb8 li{width:10.85%}
.mnb9 li{width:9.76%}


.bandeau,#googlemap{border:2px solid white;}
#googlemap{margin-top:-2px;}
.boutons{text-align:left;width:739px;padding:2px 2px 10px;}


#contenu{clear:both;text-align:left;margin:10px 0 20px;}





.pied{clear:both;margin:0 auto;}
.pied li{display:inline;}
.pied li a{font-size:11px;display:inline;color:#3C3C3C;padding:0 4px;border-left:1px solid #3C3C3C;}
.pied li.first a{border-left:none;}



.vert2 form fieldset{
   margin:5px;border:none;
   border-top:2px solid #FFCC00;

}


.vert2 form fieldset legend{
color:#FFCC00;
font-size:14px;
padding:0 4px;
margin:5px 4px 2px;
font-weight:bold;

}

.vert2 form p{clear:both;}
form p{text-align:left;}

form .email,form .ctext,form .mtext,form .submit{padding:0 2px;display:block;float:left;background:none transparent;width:170px; border:1px solid;margin:0 4px 4px;height:17px;}
form .select{display:block;float:left;background:none transparent !important;width:172px; border:1px solid;margin:0 4px 4px;height:17px;}

form .lcheck,form .lradio{
padding:0 2px;display:block;float:left;background:none transparent ;width:170px;margin:0 4px 4px;
}
form .lcheck li,form .lradio li{
width:170px;
margin-bottom:4px;
line-height:12px;font-size:11px;
}
form .mtext{
   height:90px;
   overflow:auto;margin:0 4px 4px !important;
}

form label{display:block;font-size:11px;float:left;clear:both;width:160px;min-height:24px;height:auto !important;height:24px;text-align:right;
vertical-align:bottom}

form label.facultatif{clear:none;text-align:left;font-size:9px;width:50px;}
form label.error{margin-left:164px;text-align:left;font-size:10px;width:200px;}
form label.para{text-align:left;font-size:11px;width:420px;}
form label.error,form label.error *{color:#FFCC00}

/*form .upload{border:1px solid;overflow:auto;width:380px;height:30px;padding:0px;}*/
form .submit{margin-left:170px;margin-bottom:5px;clear:both;float:none;width:180px}

form  input.upload{

   font-size:11px;
   border:1px solid white;
   background:transparent;
   width:180px;
   margin-left:163px;
}

#googlemap{
float:left;
	
}
#sidebar_map{
background-color:#035996;
	width:198px;

	height:698px;
	overflow:auto;

}
#sidebar_map li{
	text-align:left;
	width:175px;
	padding:2px;
	border-bottom:1px solid white


}

#googlemap .photoagence{
float:left;
margin-right:5px;
}

#googlemap h2{
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#076AA6;
}

#googlemap address{
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-style:normal;
   font-size:11px;
   white-space:normal;
}

#googlemap label{
   width:100px;
   white-space:normal;}


#googlemap a{color:#000000;text-decoration:underline;}
#googlemap .gmapDir{clear:both}


/* recherche */

div#recherche{
   margin-left:2px;
}

div#recherche.sticker .corp{
   height:auto !important;
   height:30px ;
   min-height:30px !important;
}
label.labelliste{
   width:193px;
   float:left;
   font-size:11px;
   clear:none;
   text-align:left;
   padding:12px 4px 0 4px;
   cursor:pointer;
   margin-bottom:-20px;
}


label.labelliste .selected{
   font-size:11px;
   font-weight:bold;
   padding:0 0 0 5px;
   color:#000000;
}
label.labelliste .plus{
   display:block;

   width:20px;
   height:20px;
   position:relative;
   margin:0;
   margin-top:-4px;
   margin-right:4px;

   float:left;

   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/elemt/plus.png', sizingMethod='crop');}
label.labelliste .plus[class]{filter:none;background:url(../elemt/plus.png) no-repeat;}


label.labelliste .moins{
   display:block;

   width:20px;
   height:20px;
   position:relative;
   margin:0;
   margin-top:-4px;
   margin-right:4px;

   float:left;

   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/elemt/moins.png', sizingMethod='crop');}
label.labelliste .moins[class]{filter:none;background:url(../elemt/moins.png) no-repeat;}

#recherche .reponse{
   padding:8px 4px 0 4px;
   width:170px;

   float:left;

}
#recherche .fleche{
   float:left;
   margin:0;
   margin-bottom:-20px;

}

ul.cacheliste{
   clear:both;

   padding-top:30px;
   margin-left:-1px;

}

ul.cacheliste li{
   width:176px;
   padding:2px 4px;
   text-align:left;

   float:left
}
ul.cacheliste li span{
   color:#000000 !important;}
ul.cacheliste li input{
   margin:0 4px 0 0;
}


.retour{
   display:block !important;
   overflow:hidden;
   border:none;
   background:none;
   width:100%;
   height:1px;
   clear:both !important;
   margin:0;
}

.vert2{
   margin:0;
}

.feed{float:none;
   text-align:center;
}

.delim,.delimv{
float:left;margin-right:10px;width:180px;
}
.delim{
border-right:2px solid #C5C5C5
}

.delim h3{
   color:#000000 !important;

}

.delim p{
color:#757574 !important;
   font-size:10px;
   margin:-5px 0 0 5px  !important;
}


.delim a{
   color:black;
}
#listeoffres{float:left;}
.foffre{
   float:left;
   width:530px;
   margin:0 0 15px;
}
.foffre h2.titre{
   text-transform:uppercase;
   font-size:12px !important;
   margin-left:8px;
   float:left;
}
.foffre h2.titre a{
   color:#3C3C3C !important;
}
.foffre h3.agence{
   font-size:11px;
   float:right;
   color:#FF0000 !important;
}

.foffre h3.agence a{
   color:#FF0000 !important;
}
.foffre p{
   clear:both;
   display:block;
   margin-left:10px;

}
.foffre p a{
   color:#3C3C3C !important;

}

.foffre p.plus{
   text-align:right;
   margin:0 0 15px;


}

.nboffre a{
   text-transform:uppercase;
   font-size:12px !important;
   color:#FF0000 !important;
   font-weight:bold;
   text-decoration:none !important;
   display:block;
   margin:10px 0;


}

.deco{float:none;text-align:left;}
.deco a{
   font-weight:bold;
   display:block;
   color:black;
   background:url(../elemt/deco.jpg) no-repeat;
   height:18px;
   padding:8px 0 5px 34px
}