body {
 margin:0px;
 padding:0px;
 text-align: center;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size:12px;
}

img {border:0px;}

* {margin:0;padding:0;}


#page
{  
 padding:0px;
 margin: 0 auto 0 auto;
 width:900px;
 position: relative;
}

#header {
	position: relative;
	float:left;
	width:100%;
	padding-bottom:25px;
}


h1.logo {
	font-size: 200%;
	height: 132px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 102px;
}

h1.logo a {
	background: url(images/logo_ox.jpg) no-repeat;
	display: block;
	float: left;
	height: 132px;
	outline: none;
	text-indent: -5000px;
	text-transform: uppercase;
	width: 102px;
}


#menu { float:right;}
#menu ul { list-style-type: none; padding: 0;	margin : 0 0 0 0; }
#menu ul li {
	text-align:left;
	padding: 80px 20px 0px 0px;
	float: left;
	border-left:1px solid #6A8F32;
}
#menu ul li.actif {background: transparent url(images/bg_menu_li_actif.png) no-repeat 25px 20px;cursor: pointer;}
#menu ul li:hover {background: transparent url(images/bg_menu_li_hover.png) no-repeat 25px 20px;cursor: pointer;}
#menu ul li div{	width:130px;}
#menu ul li a {
   color: #958B66;
   font-weight: bold;
   text-decoration:none;
	 display:block;
	 padding : 5px 5px 3px 20px;
	 font-size:13px;
	 background: #FFFFFF url(images/bg_menu_a.gif) no-repeat 0px 4px ;
}
#menu ul li a:hover {color:#FFFFFF;background: #6A8F32 url(images/bg_menu_a_hover.gif) no-repeat 9px 8px ; }
#menu ul li a.actif {color:#FFFFFF;background: #6A8F32 url(images/bg_menu_a_hover.gif) no-repeat 9px 8px ; }



#suivi {clear:left;float:left;width:80%;text-align:left;position:absolute;bottom:-5px;left:145px;}
#suivi div{font-size:11px;color:#6a8f32;padding : 8px 0 0 0px;float:left;}
#suivi a{color:#000000;text-decoration:none;font-size:11px;}


#toggle-cadre { left: 578px; top: 104px; position: absolute; z-index:899;padding:5px; border:1px solid #6A8F32; background-color:#FFFFFF;}

#toggle_content {float:left;padding:10px;background-color:#F3F3F3; text-align:left;}
#toggle_content div.contenu {float:left;width:270px;background-color:#F3F3F3}
#toggle_content h4{
	float:left;width:100%;
	padding : 0 0 2px 0;
	font-weight:normal;
	text-align:left;
	background: #F3F3F3 url(images/bg_pointillets.gif) repeat-x left bottom ; 
	font-weight:bold; 
	color:#6A8F32;
	font-size:13px;
	margin:0;
}
#toggle_content dl {
	float:left;
	width:100%;
	margin-top:10px;
}
#toggle_content dl dt {clear:left;float:left;width:105px;padding:8px 5px 0 0;text-align:right;}
#toggle_content dl dd {float:left;padding-top:5px;}
#toggle_content dl dd input{font-size:12px; background : url(images/input_bg.gif) no-repeat left top;border:1px solid #6A8F32;}
#toggle_content dl dd.btn_toogle input{font-size:12px; background-image:none; background-color:#FFFFFF; padding: 1px 5px; border:1px solid #6A8F32;cursor:pointer;}

#toggle_content ul {
	float:left;
	width:100%;
	margin-top:10px;
	list-style-type:none;
}
#toggle_content ul  li{	}
#toggle_content ul  li a{padding : 3px 0 3px 10px;display:block;text-decoration:none;color:#999999;}
#toggle_content ul  li a:hover{color:#333333;}



#form-cadre {padding:5px; border:1px solid #6A8F32; background-color:#FFFFFF; float:left;margin-top:10px;}
#form_content {float:left;padding:10px;background-color:#F3F3F3; text-align:left;}
#form_content div.contenu {float:left;width:270px;background-color:#F3F3F3}
#form_content h4{
	float:left;width:100%;
	padding : 0 0 2px 0;
	font-weight:normal;
	text-align:left;
	background: #F3F3F3 url(images/bg_pointillets.gif) repeat-x left bottom ; 
	font-weight:bold; 
	color:#6A8F32;
	font-size:13px;
	margin:0;
}
#form_content dl {
	float:left;
	width:100%;
	margin-top:10px;
}
#form_content dl dt {clear:left;float:left;width:105px;padding:8px 5px 0 0;text-align:right;}
#form_content dl dd {float:left;padding-top:5px;}
#form_content dl dd input{font-size:12px; background : url(images/input_bg.gif) no-repeat left top;border:1px solid #6A8F32;}
#form_content dl dd.btn_toogle input{font-size:12px; background-image:none; background-color:#FFFFFF; padding: 1px 5px; border:1px solid #6A8F32;cursor:pointer;}




#errMessageLogin  {width:100%;float:left;color:#F09119;}
#errMessageLogin p {padding:10px 0 0 0;color:#F09119;font-size:11px;}
#errMessageLogin p.deconnexion{color:#333333;}










#contenu { float:left;width:100%;text-align:left;padding:10px 0; }

.h2 { border-bottom:1px solid #6a8f32;width:100%;float:left; }
.h2 h2{ background-color:#6a8f32;float:left;font-size:12px;padding:3px 20px 2px 20px;color:#FFFFFF;letter-spacing:1px;}


#col_left { float:left;width:605px;margin-top:5px;background: transparent url(images/bg_col_left_1.gif) no-repeat center 18px; }
#left_1 {width:850px;}


.col1 { float:left;width:895px; }
.projet_col1 { float:left;width:895px;background:url(images/bg_projet_col1.gif) repeat-y left top;}

.col1_2 { float:left; width:290px;}
.col1_2 p{float:left;margin-top:10px; width:100%;text-align:justify; line-height:15px;color:#6a8f32;}

.col2_2 { float:left; width:290px;margin-left:20px;}
.col2_2 p{float:left;margin-top:10px; /*width:100%;*/text-align:justify; line-height:15px;color:#6a8f32;}

.col1_1 { float:left;width:600px; }
.mentions{background: transparent url(images/bg_txt_latin.png) repeat-x 0px 40px;}
.mentions dl{padding: 0; margin:0;clear:left;float:left;width:100%;}
.mentions dl dt{padding:15px 0 2px 0; margin:0;clear:left;float:left;font-weight:bold; color:#2F4016;}
.mentions dl dd{padding:3px 0 3px 0; margin:0;clear:left;float:left; color:#2F4016;line-height:15px;text-align : justify;}
.mentions dl dd a{text-decoration:none; color:#2F4016;}
.mentions dl dd a:hover{color:#88B940;}
.mentions #col_right{margin-top:24px;}



.nos_references{}
.nos_references dl{padding: 0; margin:0;clear:left;float:left;width:100%;}
.nos_references dl dt{padding:15px 0 2px 0; margin:0;clear:left;float:left;font-weight:bold; color:#2F4016;}
.nos_references dl dd{padding:3px 0 3px 0; margin:0;clear:left;float:left; color:#2F4016;line-height:15px;text-align : justify;}
.nos_references dl dd a{text-decoration:none; color:#2F4016;}
.nos_references dl dd a:hover{color:#88B940;}
.nos_references #col_right{margin-top:24px;}

.nos_references .cdr_secteur{width:440px; float:left;overflow:hidden;}
.nos_references .cdr_secteur div{float:left;padding:10px;}
.nos_references .cdr_secteur h3{font-size:13px;color:#6BA714;padding-left:10px;background:url(images/bg_nos_ref_h3.gif) no-repeat left 6px;width:100%;}
.nos_references .cdr_secteur h3 a{text-decoration:none; color:#6BA714;}
.nos_references .cdr_secteur h3 a:hover{color:#88B940;}
.nos_references .cdr_secteur ul{padding:7px 0 7px 0px;margin:0;list-style-type:none;width:420px;/*min-height:120px;*/background-color:#ECF3C5;}
.nos_references .cdr_secteur ul li{padding:5px 10px;margin:0;}
.nos_references .cdr_secteur ul li a{text-decoration:none; color:#2F4016;/*background:url(images/bg_list_projet.gif) no-repeat left 3px;*/padding-left:0px;line-height:18px;}
.nos_references .cdr_secteur ul li a span{color:#999999;font-size:13px;font-weight:normal;padding:2px;background-color:#BED733;color:#FFFFFF;}
.nos_references .cdr_secteur ul li a span.bis{
	color:#666666;
	font-size:12px;
	/*border-left:1px solid #999999;*/
	padding:0px;
	padding-left:3px;
	font-weight:normal;
	text-decoration:none;
	border-bottom:none;
	background-color:transparent;
	line-height:18px;
	
}
.nos_references .cdr_secteur ul li a:hover{color:#88B940;}

.nos_references_projet{}
#projet_left{float:left;width:355px;/*border-left:5px solid #6A8F32;background:url(images/bg_cdr_left_projet.gif) repeat-y right top;*/color:#333333;}
#projet_left h3{font-size:13px;color:#6BA714;display:bolck;width:100%;border-bottom:1px solid;padding:0; margin:10px 0 0 0;}
#projet_left div{padding:10px 15px 10px 10px;}
#projet_left ul{margin:5px 0; padding:0; list-style-type:none;}
#projet_left ul li{margin:0; padding:0; list-style-type:none;}
#projet_left p{margin:5px 0; padding:0; width : 100%;}


#projet_right{float:right;padding-top:25px;}
.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
	
/* BEGIN DEMO STYLE */
.caption{font-style:italic;color:#887;display:none;}
.gallery{width:480px;margin:0 auto;}
.gallery li{width:120px;height:90px;border:3px solid #6BA714;margin: 5px 15px;background:#000;}
.gallery li div{left:240px;}
.gallery li div .caption{}
	
#content_image{width:530px;}
#main_image{margin:0 auto 20px auto; /*height:360px;*/ width:480px; background-color:#FFFFFF;}
#main_image img{margin-bottom:5px;border:3px solid #6BA714;}

/*.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}*/
/*.info{text-align:left;width:530px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}*/
	





/*.agence .bg_agence {float:left;background: transparent url(images/bg_degrade.gif) repeat-x 0px 0px;}*/
.agence #col_right{margin-top:24px;}
.cdr_agent{float:left;width:100%;border-bottom:1px solid #6A8F32;background: transparent url(images/bg_degrade_titre.gif) repeat-x 0px 0px;}
.cdr_agent div{float:left;padding:10px;}
.cdr_agent div div.global_description{clear:left;float:left;width:100%;padding:0;}
.cdr_agent h3{float:left;font-size:15px;font-weight:bold;color:#6a8f32;}
.cdr_agent h4{clear:left;float:left;font-size:12px;font-weight:normal;color:#6a8f32;}

.cdr_agent  div.photographie{clear:left;float:left;padding:15px 0 0 0;margin:0px;}
.cdr_agent  div.photographie p{width:120px;height:100px;}
.cdr_agent  div.description{float:left;padding:0 10px 10px 10px;margin:0px;}
.cdr_agent div.description dl{float:left;width:430px;margin:0;padding:0;}
.cdr_agent div.description dt {margin:10px 0 0px 0;padding:0;font-weight:bold;color:#6A8F32;}
.cdr_agent div.description dd {margin:0;padding:0 0 3px 0;font-weight:normal;color:#666666;}


.notre_metier #col_right{margin-top:24px;}
.txt_notre_metier {clear:left;float:left;padding:0px 0 10px 0 ;width:100%;}
.txt_notre_metier p{padding:10px 0 0 0 ;}
.txt_notre_metier dl{width:100%;padding:10px 0 0 0 ;}
.txt_notre_metier dl dt{padding:5px 0 0 0px;font-weight:bold;}
.txt_notre_metier dl dd{padding:5px 0 0 10px;}

.txt_notre_metier h3{font-size:13px;padding:10px 0 3px 0;color:#6A8F32;}
.txt_notre_metier ul{list-style-type:none;padding-left:30px;}

.txt_notre_metier .methode_travail li{padding-top:10px;}
.txt_notre_metier .methode_travail li span{font-weight:bold;text-decoration:underline;}

.contenu_contact #col_right{margin-top:24px;}
.contenu_contact form.ajout {padding:0;margin:0;float:left;width:100%;margin-top:20px;}
.contenu_contact form.ajout fieldset{
	border:none;
	border-top:2px solid #D2E2B3;
	padding:0;margin:0;
	/*float:left;*/
	width:100%;
	background: url(images/cmxform-fieldset.gif) left bottom repeat-x;
}
.contenu_contact form.ajout fieldset ol {clear:left;}
.contenu_contact form.ajout fieldset li {
	list-style: none;
	margin: 0;
	padding: 5px 10px 7px;
	background: url(images/cmxform-divider.gif) left bottom repeat-x;
}


.contenu_contact ul.erreur {margin:0;padding:0;}
.contenu_contact ul.erreur li{margin:0;padding:0;list-style: none;color:#FF0000;width:100%;font-weight:bold;float:left;}
.contenu_contact ul.erreur li div{float:left;padding:10px;}
.contenu_contact form.ajout legend{padding:0 2px 0 0 ;margin:0px 0px 0 0;font-weight:bold;color: #333;}
.contenu_contact form.ajout p{width:100%;text-align:center;}
.contenu_contact form.ajout label { width: 120px; display:block;float:left;}
.contenu_contact form.ajout em {	font-weight: bold; font-style: normal; color: #f00;	}
.contenu_contact form.ajout fieldset input {	border:none; border-left: 1px solid #959595; border-top : 1px solid #959595; width:420px; }
.contenu_contact form.ajout fieldset input:focus, form.ajout fieldset textarea:focus {	background-color:#FFFFCC; }
.contenu_contact form.ajout fieldset textarea {	border:none; border-left: 1px solid #959595; border-top : 1px solid #959595; width:420px;height:100px; }

.contenu_contact form.ajout fieldset fieldset { background: none; border: none; margin: 3px 0 0; }
.contenu_contact form.ajout fieldset fieldset legend {	padding: 0 0 5px;	font-weight: normal;	}
.contenu_contact form.ajout fieldset fieldset label { display: block; width: auto;text-align:left;}
.contenu_contact form.ajout fieldset fieldset label { clear:left;float:left;margin-left: 193px;width:50px; } /* Width plus 3 (html space) */
.contenu_contact form.ajout fieldset fieldset input {border:none; border-left: 1px solid #959595; border-top : 1px solid #959595; width:200px;  } /* Width plus 3 (html space) */

.msg_envoi_ok{border:1px solid;float:left;width:100%;margin-top:10px;background-color:#BDD632;}
.msg_envoi_ok div{padding:20px;}
.msg_envoi_ok div p{font-weight:bold;font-style:italic;}
.retour_accueil{float:left;margin-top:60px;}
.retour_accueil a{text-decoration:none;color:#333333;}
.retour_accueil a:hover{text-decoration:none;color:#999999;}




#travail_en_cours {	float:left;	width:100%;}
#travail_en_cours ul{float:left; list-style-type:none;margin-top:10px;}
#travail_en_cours ul li{float:left; list-style-type:none;margin-left:35px;border:1px solid #6A8F32;position: relative;}
#travail_en_cours ul li a{display:block;padding:5px;}
#travail_en_cours ul li a img{width:110px;display:block;}
#travail_en_cours ul li a:hover{background-color:#F7BB73;}

#travail_en_cours li em {
	background: url(images/hover_cadre.gif) no-repeat;
	width: 165px;
	height: 55px;
	position: absolute;
	top: -85px;
	left: -40px;
	text-align: center;
	padding: 10px 5px 5px 5px;
	font-style: normal;
	z-index: 10;
	display: none;
	color:#333333;
}

.list_dossier_partage {
	/*border:1px solid;*/
	list-style-type:none;
	clear:left;
	float:left;
	width:100%;
	padding:0;margin:0;
	margin-top:10px;
}
.list_dossier_partage li{
	padding:0;margin:0;
}
.list_dossier_partage a{
	display:block;
	text-decoration:none;
	color:#333333;
	background-color:#FFFFFF;
	padding: 3px 0 3px 10px;
	font-size:12px;
	
}
.list_dossier_partage a:hover{
	display:block;
	color:#FFFFFF;
	background: #BDD632 url(images/bg_a_list_dossier.gif) no-repeat right top;
}

.list_dossier_partage a.actif{
	color:#FFFFFF;
	font-weight:bold;
	background: #BDD632 url(images/bg_a_list_dossier.gif) no-repeat right top;
}





.list_fichier_partage {
	/*border:1px solid;*/
	list-style-type:none;
	clear:left;
	float:left;
	width:100%;
	padding:0;margin:0;
	margin-top:0px;
}
.list_fichier_partage li{
	padding:0;margin:0;
}
.list_fichier_partage a{
	display:block;
	text-decoration:none;
	color:#333333;
	background-color:#FFFFFF;
	padding: 5px 0 5px 18px;
	font-size:12px;
	/*background: #BDD632 url(images/document_small.png) no-repeat 5px 8px;*/
	background: #BDD632 url(images/document.png) no-repeat 4px 6px;
}
.list_fichier_partage a span{font-weight:bold;}
.list_fichier_partage a:hover{
	display:block;
	color:#ffffff;
}

.list_fichier_partage a.actif{
	color:#333333;
	
}



.droit_en_ecriture{
	border:1px solid #BDD632;
	text-align:right;
	clear:both;
	padding:10px;
	
}


















#col_right { float:right; width:280px; margin-top:20px;/*border:1px solid; */}
#cadre_adresse {
	clear:both;
	float:right;
	border:1px solid #BDD632;
	width:280px;
	color:#2F4016;
	background: #FFFFFF url(images/logo_ox_carte_visite.jpg) no-repeat 10px 13px;
}
#cadre_adresse h3{float:left;padding:10px 0 0 95px;font-size:13px;}
#cadre_adresse ul {clear:left;float:left;padding : 5px 0 0 95px; list-style-type:none; }
#cadre_adresse ul li {padding : 0px 0 2px 0; white-space:nowrap;font-size:12px;margin:0;}
#cadre_adresse ul li a{color:#2F4016; text-decoration:none;}
#cadre_adresse ul li a:hover{color:#88B940;}

#col_right .txt_right {float:right;padding-top:10px;}
#col_right .txt_right h3{font-size:14px;font-weight:bold;color:#6A8F32;padding:10px 0 0px 0;}
#col_right .txt_right h4{font-size:11px;font-weight:bold;color:#6A8F32;padding:5px 0 3px 0;font-style:italic;}
#col_right .txt_right p{font-size:11px;color:#333333;padding:0px 0 5px 0;width:100%;text-align:justify;font-style:italic;}
#col_right .txt_right p.auteur{font-size:11px;font-weight:bold;text-align:right;width:100%;padding:0;font-style:normal;float:right;}

#col_right .img_right {float:left;margin-top:10px;}
#col_right .img_right_top{background:transparent url(images/bg_cdr_top.gif) no-repeat 0px 0px;float:left;width:279px;}
#col_right .img_right_bottom{background:transparent url(images/bg_cdr_bottom.gif) no-repeat 0px bottom;float:left;width:279px;padding-bottom:7px;}
#col_right .img_right_content{background-color:#BDD632;float:left;width:278px;margin:7px 0px 0px 0px; padding:0px 0 0px 0;}
#col_right .img_right_content div{float:left;width:100%;text-align:center;padding-top:5px;padding-bottom:5px;}



#footer { clear:both; width: 100%; border-top : 1px solid #6A8F32;text-align:left;padding-top:5px;}
#footer ul{ float:left; width: 100%; list-style-type:none;font-size:13px;font-weight:bold; padding-bottom:10px;}
#footer ul li{ float:left;margin-right : 20px;}
#footer ul li a{ display:block; color:#6a8f32; text-decoration:none;white-space:nowrap;}
#footer ul li a span{ color:#333333;}
#footer ul li a:hover{ color:#88B940 }