@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}

html{background-color:#EAF8CD;}

body,p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#735E55;}

img{ border:none;}

a{ outline:none;text-decoration:none;}

#global{margin:0 auto; width:953px;}

#header{ background:url(../image/bandeau.jpg) no-repeat top left; position:relative;width:953px; height:232px;}

#header ul{ list-style: none; background:url(../image/ulmenu.jpg) no-repeat top left; width: 690px; height:33px; padding-left: 15px;}

#header ul li{text-align:center; height:29px; float: left; padding-top: 3px; margin:0 20px 0 0;}

#header ul li#selection_actif{ background:url(../image/limenu.jpg) no-repeat; width: 123px;}

#header ul li a{ text-decoration:none; color:#7B675F; font-size: 16px;}

#header ul li#selection_actif a{ color:#FFF;}

#header h3{ color:#FFF; font-size:18px; text-align:center; width:179px; position:absolute; height:26px; padding-top:3px;}

#header h3#projdown{ background:url(../image/projdown.jpg) no-repeat; bottom:-3px; left: 10px;}

#header h3#readown{ background:url(../image/readown.jpg) no-repeat; bottom:-3px; right: 10px;}

#header h3#presdown{bottom:-3px; left: 10px; background:url(../image/presdown.jpg) no-repeat;}

#header h3#docdown{ background:url(../image/docdown.jpg) no-repeat; bottom:-3px; right: 10px;}

#content-fade{ background: url(../image/fade.jpg) repeat-x top ; width: 949px; min-height:300px; height:100%; overflow:hidden; margin:0 auto;}

#content{ background:url(../image/rpt.jpg) repeat-y; margin:0; width:953px; height:auto;/* overflow:auto; */ margin-top:0px; position:relative; margin-top: -7px; }

#content_bt{ background:url(../image/btm1.jpg) bottom left no-repeat; width:953px; height:auto; padding:0 0 12px 0;}

#content_top{ background: url(../image/contenttop.jpg) top left no-repeat; width:953px; height:auto; padding-top:12px;}

#hrbleu{ margin-right: 5px; margin-top: 30px;}

#corps h1{ color:#546FA7; font-size: 25px; float:right;  width:100%; text-align:right;}

.block{ float: left; height:100%;}

.block ul{ list-style:none;  width:98%;}

.block li{ background: transparent url(../image/hr3.jpg) bottom right no-repeat; text-align:left;  padding: 15px 0 0 17px;}

#projets a,#realisations a{ text-decoration: none; color:#4E3F39; font-weight:bold;}

li#selected a{ color:#B46C29;}

#projets,#realisations{ width: 183px; background: url(../image/projreabtm.jpg) no-repeat bottom; padding-bottom: 10px; position:relative;  height:100%;}

#projets{margin:0 10px 0 7px !important; margin:0 10px 0 5px ;float:left;}

#realisations{float:right;margin:0 5px 0 0 !important;}

#projet, #realisation{ width:100%; background:url(../image/rpblock.jpg) repeat-y ; height:100%;}

#corps{ width: 544px; position:relative;float:left;}

#corps h4, #partenaire_rpt h4{color:#536EA6; font-size:22px;}

#corps h5{ color:#5C7D14; font-size:16px; background:url(../image/pucearbre.jpg) left center no-repeat; padding-left: 20px; float:left; margin-bottom: 10px;}

#corps h6{ color:#735E55; font-size:12px; background:url(../image/pucearbrebrown.jpg) left center no-repeat; padding-left: 20px; float:left; margin-bottom: 10px;}

#top_corps{ width:544px; position: relative;height:195px;overflow:hidden;clear:both;}

#top_corps p{ width: 227px; text-align:left; float:left; margin-top: 55px;}

#top_corps p#p1{
	width:290px;
	font-size:14px;
	font-weight: bold;
	position:absolute;
	top: 5px;
	right: 3px; margin:0;text-align:right;
}

p#title{ position:absolute; top: 0; left: 0; color:#666; font-size:18px; }

p#title a{ font-size: 10px; color:#333;}

#subtitle{ text-align: right; float:right; font-weight:bold; font-size:20px; margin: 5px 0 10px 0; width:100%;}

#top_corps img{ float: left; margin-right: 25px;}

#imgacc{ margin-top: 10px;}

#imageacc{ margin-right: 15px; margin-top:15px;}

.imageacc{  float:left;}

#footer{ text-align:center; margin:10px 0 20px 0;}

#footer a{ text-decoration: none; margin:0 30px 0 30px; color:#999999;}

#footer a:hover{ text-decoration:underline;}

.corps-wide a{ color: #735E55; text-decoration:underline;}

.corps-wide{ margin-top: 80px;}

.corps-wide p{ margin-bottom: 15px;}

.corps-wide img{ float:left; margin-right: 20px; margin-bottom: 15px;}

.corps-wide li{ background:none; height:auto; padding:0; margin-bottom: 5px; font-size:11px;}

.corps-wide ul{ float:left; width: 350px;}

.corps-wide li span{ font-size: 10px; font-weight:bold;}

#page-follow{ text-align: right; width: 100%; clear:both;}

.corps-wide p span{ font-weight:bolder; font-size:11px;}

#membre_left,#membre_right{ margin-top: 10px; float:left;}

#membre_left{ margin-right: 30px;}

.membre{ background:url(../image/membre.jpg) no-repeat top center; padding: 7px 10px 10px 10px; height:71px; width:436px; margin-bottom: 25px;}

.membre div p{ margin-bottom:4px; }

.membre2{ background:url(../image/member2.jpg) no-repeat top center; padding: 7px 10px 10px 10px; height:59px; width:330px; margin-bottom: 15px;}

.membre2 div p{ margin-bottom:4px; }

#corps .membre div h4, #partenaire_rpt h4{ font-size: 16px;}

#membre_right td{ text-align:right; }

#membre_right input{ border:none; background:url(../image/input.jpg) no-repeat; width:225px; height:19px; padding: 1px 3px 0 5px; }

#membre_right select{ border:none; background:url(../image/input.jpg) no-repeat; width:229px; height:24px; }

#membre_right input#submit{ background:url(../image/valider.jpg) no-repeat; height:31px; width:132px;}

#membre_right p a{ color:#999;}

#partenaire_top{ width:917px; background:url(../image/partner_top.jpg) top no-repeat; margin:10px auto; height:auto; overflow:auto; position:relative;}

#partenaire_bt{ width:100%; background:url(../image/partner_bt.jpg) bottom no-repeat; padding-bottom:9px; margin-top:11px; }

#partenaire_rpt{width:100%; background:url(../image/partner_rp_bk.jpg) repeat-y; position:relative;}

#partenaire_fade{ width: 98%; margin:0 auto; background:url(../image/partner_rp_ft.jpg) repeat-x bottom; overflow:auto;}

.documentation_top{ width:734px; background:url(../image/doc_top.jpg) no-repeat top; margin:10px auto; height:auto; overflow:auto; position:relative;}

.documentation_bt{ width:100%; background:url(../image/doc_bt.jpg) bottom no-repeat; padding-bottom: 7px; margin-top:9px;}

.documentation_rpt{ width:100%; background:url(../image/doc_rpt.jpg) repeat-y; position:relative; height:auto; overflow:auto; }

.documentation_rpt h4, .documentation_rpt p{ margin:0 10px 0 10px;}

.documentation_rpt p a img{ float:right;}

.documentation{ background:url(../image/hr_doc.jpg) center bottom no-repeat; width:100%; padding-bottom:10px; margin-bottom:10px; position:relative;}

.documentation span a{ color:#B46C29; text-align:right; width:100%; font-size:10px;}



.liste_top{ background:url(../image/listeproj_top.jpg) no-repeat top; width: 924px; overflow:auto; margin-top:20px;}

.liste_top1{ margin: 60px auto; width:924px;}

.liste_bt{ width:100%; background: url(../image/liste_proj_bt.jpg) no-repeat bottom; padding-bottom:8px; margin-top:10px;}

.liste_rpt{ width:100%; background: url(../image/liste_proj_rpt.jpg) repeat-y; position:relative;}

.liste_fade{ width:920px; margin-left: 2px; background: url(../image/liste_proj_fade.jpg) repeat-x bottom; overflow:auto;}

.desc_projet, .budget_projet, .where_projet{ float: left; background:url(../image/listehrvertical.jpg) no-repeat right center; width:175px; padding-right: 10px; text-align:right; height: 130px;}

.liste_fade p{ line-height: 18px;}

.desc_projet{ width:540px;}

.budget_projet{ background: none;}

.fd_budget{ background:url(../image/prix_proj.jpg) center right no-repeat; height:70px; width: 140px; padding: 10px 5px 5px 10px;}
.fd_budget_rel {background:url(../image/prix_proj_rel.jpg) no-repeat scroll 100% 0!important;}
.fd_budget p{ float: left; margin: 0 10px 7px 10px; width:50px ; }

p.budget{ color:#8BBD1D;}

p.cout{ color:#BE7027;}

p.reste{ color:#546FA7;}

.fd_budget img{ margin-top:22px;}

.where_projet a{ color:#745E56; text-align:left; text-decoration:underline; display:block; padding-left: 10px; margin: 10px 0 0 10px; background:url(../image/flechebleu.jpg) no-repeat center left;}

.titre{ color:#5A3F36; font-size:18px; font-weight:bold;}

.typeprojet,.dt_mission{ font-size:14px; margin: 2px 0 5px 0; display:block; width:90%; background:url(../image/flechebleu.jpg) no-repeat right center;}

.description{ color:#666666; font-weight:normal;}

.statut_projet{ width:140px; padding:10px 5px 5px 10px; margin:auto;}

.statut_projet p{ margin-top: 10px;}

.statut_projet h1{ text-align:center;}

.statut{ background:url(../image/statut.jpg) no-repeat top right; width:131px; height:22px; padding-top:5px; overflow:hidden; }

.statut span{ display:block; margin-left:20px; width:50px; height:22px;}

#location{
	position:absolute;
	top: 11px;
	left: 0px;
	width:150px;
}

#selected span.titre{ color:#B46C29;}

#tousprojets{ color:#546FA7; font-size:10px; text-decoration:underline; font-style:italic;}

.location{ font-weight:bold;}

.datemission{font-size:15px; margin: 2px 0 5px 0; display:block; width:90%; color:#5C7D14;}

.date_mission, .desc_mission { float:left; padding:2px 5px 0 5px;}

.date_mission{ width:20%;}

.desc_mission{ width:77%;}

#anchor1{margin-left:55px;}

#realisation table{margin-left:5px;}

.dt_mission{ background:url(../image/flechebrown.jpg) no-repeat right center; color:#593F34; font-weight:lighter; font-size:11px;}

.pagination{ display: block; overflow: hidden; height:20px; width:20px; float:left; text-align:center; }

.pagination a{ color:#BB6F27; text-decoration:none;}

#pageActuelle a {text-decoration:underline; }

.missions_liste{ margin-top:30px;}

.modif{ text-align: center;}

.modif a{ color:#BB6F27; text-decoration:none;}

.modif a:hover{text-decoration:underline;}

.galerie_photo{ display:block; width:540px; height:auto; magrin-top:25px; overflow:auto; padding-top:50px; background:transparent url(../image/hr_doc.jpg) no-repeat scroll center bottom; padding-bottom:20px;}

.picture{ width:105px; height:105px; float:left;}

#budget{padding-top:80px;}

#budget table{ border:1px solid #735E55; cellspacing:5px; cellpadding: 3px; width:540px;}

#budget td{ color:#735E55; text-align: center;}

#budget th{ background-color:#526DA5; color:#FFFFFF;}

#conn{ position:absolute; right:0; top:0; background: url(../image/inscription.jpg) no-repeat top; width:227px; height:29px; padding-left:3px;	}

#conn input{ width:80px;}

#statut{ color:#BB6F27; margin-top:20px;}
.links, .links a {color:#4E3F39; font-weight:bold; text-align:center};