body{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 14px;
	color: #55594e;
	background-color:#55594E;
}
strong{ font-weight: bold;}
a{  color: #97be0d;}
sup{
	font-size:0.8em;
	vertical-align:top;
}
.clear  {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}

.lien-fleche{
	background:url("images/pictos.png") no-repeat scroll 0 -17px transparent;
	padding-left:15px;
}
.error{
	color: #e3275d;
	font-weight: bold;
}

#page {
	width: 955px;
	/*margin: 5px auto;*/
	background-color:#FFFFFF;
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
	
}
/********** header ***********/
#header {
	width: 100%;
	height: 147px;
	position: relative;
	margin-bottom:18px;
}
h1 a{
	background: transparent url('images/logo.png') no-repeat left top;
	width: 328px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	display: block;
	text-indent: -3000px;
}
/* menu */
#menu{
	position: absolute;
	bottom:1px;
	right: 28px;
	background:url("images/bg-menu.gif") no-repeat scroll left -4px transparent;
	width: 587px;
	height: 65Px;
}

#menu li{
	float:left;
}
#menu li a{
		float:left;
		display: block;
		width: auto;
		height: 65px;
		text-decoration: none;
		text-indent: -3000px;
}

#menu li#societe a{width:89px;}
#menu li#metiers a{width: 90px;}
#menu li#ethique a{width: 93px;}
#menu li#missions a{width:98px;}
#menu li#references a{width:117px;}
#menu li#contact a{width:97px;}

#menu li.actif a,#menu li a:hover {
	background:url("images/bg-menu.gif") no-repeat scroll left -88px transparent;
}
#menu li.actif#societe a, #menu li#societe a:hover{background-position: 0px -88px;}
#menu li.actif#metiers a, #menu li#metiers a:hover{background-position:-89px -88px;}
#menu li.actif#ethique a, #menu li#ethique a:hover{background-position:-179px -88px;}
#menu li.actif#missions a, #menu li#missions a:hover{background-position:-272px -88px;}
#menu li.actif#references a, #menu li#references a:hover{background-position:-370px -88px;}
#menu li.actif#contact a, #menu li#contact a:hover{background-position:-487px -88px;}


/* fin header */
/******* sous menu *****************/
#sous-menu{
	height: 129px;
	margin-left : 30px;
	margin-right : 28px;
	border-bottom: 4px solid #79c5c3;
	background:#55594e url('images/bandeau-societe.jpg') no-repeat 232px 0px;
	
}
#sous-menu ul{
	padding:15px 0 15px 10px;
}
#sous-menu li{
	margin:5px 0;
	
}
#sous-menu li a{
	text-decoration: none;
	color : #97be0d;
	padding-left:15px;
	background:url("images/pictos.png") no-repeat scroll 0 -18px transparent;
	
}
#sous-menu li.actif a, #sous-menu li a:hover{
	color : #ffffff;
	background-position:0 5px;
}
/************* content ****************/
#content{
	margin-left : 30px;
	margin-right : 28px;
	line-height:1.2em;
	background-color: #FFFFFF;
}



#content-left{
	width: 202px;
	background: #dde1c9 url('images/bg-content-left.gif') no-repeat 0px bottom;
	color : #55594e;
	float:left;
	padding:25px 15px 50px;
	text-align: right;
	line-height:1.2em;
	margin-bottom:60px;
}



#content-left.sans-padding-vert{
	padding:25px 0px 50px 0px;width: 232px;
	
}
#content-left h2{
	font-weight: bold;
	font-size: 16px
}
#content-left p{
	margin-bottom: 10px;
}

#content-left li{
	list-style-type:disc ;
	 list-style-position:inside; 
}

#content-right{
	float:left;
	margin-left:70px;
	width:595px;
	
}

#content-right h2{
	background-color:#97BF0D;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	padding:7px 10px;
	text-transform:uppercase;
}
h3{
	color: #97be0d;
	font-weight:bold;
	font-size:14px;
}
.page-equipe h3{
	color: #06948c;
}

#content-right p, #content ul{margin-bottom : 15px;}
#content ul{
	margin-left:15px;
}
#content li{
	list-style-type:disc ;
}

#content .sans-marge{margin: 0px;}
/************** bottom *********************/
#bottom{
	background:url("images/bg-bottom.gif") no-repeat scroll left top transparent;
	height:auto;
	text-align:right;
}
#bottom p {
	font-size:0.8em;
	padding:54px 10px 6px 0;
}
#bottom a{ color: #9F9F9F; text-decoration: none;} 
/******************** agences ******************/
.agence{
	float:left;
margin:0 0 20px 0;
width:290px;
	
	
}
.agence.first{
	margin-right:5px;
}
.agence h3{
	color: #55594e;
}
.agence a{ text-decoration:none;}

/**************** personnalisation par parges ************/
/* métiers */
.diagnostiquer #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#708065 url('images/bandeau-metiers.jpg') no-repeat 232px 0px;
}

.programmer-et-prescrire #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#708065 url('images/bandeau-programmer.jpg') no-repeat 232px 0px;
}
.assurer-le-suivi-et-lexpertise #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#708065 url('images/bandeau-assurer.jpg') no-repeat 232px 0px;
}
.gouverner-et-manager #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#708065 url('images/bandeau-gouverner.jpg') no-repeat 232px 0px;
}
.diagnostiquer #content-left,
.programmer-et-prescrire #content-left,
.assurer-le-suivi-et-lexpertise #content-left,
.gouverner-et-manager  #content-left{
	background: #9eb395 url('images/bg-content-left-metier.gif') no-repeat 0px bottom;
}


/* éthique */
 .recherche-et-developpement #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#97bf0d url('images/bandeau-ethique-RetD.jpg') no-repeat 232px 0px;

}
 .recherche-et-developpement #sous-menu li a,
 .conseiller-et-former #sous-menu li a{
		color: #55594e;
		background-position:0 -39px;
 }
 .recherche-et-developpement #sous-menu li.actif a, .recherche-et-developpement #sous-menu li a:hover,
 .conseiller-et-former #sous-menu li.actif a,.conseiller-et-former #sous-menu li a:hover {
		color: #FFFFFF;
		background-position:0 7px;
 }

.recherche-et-developpement #content-left,
.conseiller-et-former #content-left{
	background: #7ac5c3 url('images/bg-content-left-ethique.gif') no-repeat 0px bottom;
}
 .conseiller-et-former #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#97bf0d url('images/bandeau-conseiller-former.jpg') no-repeat 232px 0px;
}

/* missions */
 .amenagement #content-left,
 .construction-neuve #content-left,
 .rehabilitation #content-left,
 .deconstruction #content-left{
	background: #9fb396 url('images/bg-content-left-missions.gif') no-repeat 0px bottom;
}
 .amenagement #sous-menu li a,
 .construction-neuve #sous-menu li a,
 .rehabilitation #sous-menu li a,
 .deconstruction #sous-menu li a{
		color: #55594e;
		background-position:0 -39px;
 }
 .amenagement #sous-menu li.actif a, .amenagement #sous-menu li a:hover,
 .construction-neuve #sous-menu li.actif a,.construction-neuve #sous-menu li a:hover,
  .rehabilitation #sous-menu li.actif a, .rehabilitation #sous-menu li a:hover,
 .deconstruction #sous-menu li.actif a,.deconstruction #sous-menu li a:hover {
		color: #FFFFFF;
		background-position:0 7px;
 }

 .amenagement #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#bed19e url('images/bandeau-amenagement.jpg') no-repeat 232px 0px;
}

 .construction-neuve #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#bed19e url('images/bandeau-construction-neuve.jpg') no-repeat 232px 0px;
}

 .rehabilitation #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#bed19e url('images/bandeau-rehabilitation.jpg') no-repeat 232px 0px;
}

 .deconstruction #sous-menu{
	border-bottom: 4px solid #55594e;
	background:#bed19e;
}

/* references */
 .references #sous-menu{
	background:none repeat scroll 0 0 #55594E;
border-bottom:4px solid #97BF0D;
height:auto;
}
.references #content-left{
	background: #55594e url('images/bg-content-left-references.gif') no-repeat 0px bottom;
	color: #7bc6c3;
	text-align: left;
	padding-top:10px;
}

.references #content-left p{padding-left: 10px;}
.references #content-left a{color:#7bc6c3; text-decoration:none;}
/* contact */
 .contact #sous-menu{
	border-bottom: 4px solid #79c5c3;
	background:#55594e url('images/bandeau-contact.jpg') no-repeat 232px 0px;
	
}
/************ MODAL **********/
.modal{
	width: 600px;
}

#formulaire_contact.modal{width: 456px;}
#references.modal{
	width: 900px;
	height: 500px;
}

.modal #header{
	height: 103px;
	background: transparent url('images/logo-modal.png') no-repeat 0px bottom;
}

.modal #header h1{
	background-color:#96BF0F;
	color:#FFFFFF;
	font-weight:bold;
	left:242px;
	padding:10px 5px;
	position:absolute;
	top:62px;

}
.modal #content{
	margin:0;
padding:10px 23px 10px 42px;
}
.modal h2{
	background-color:#97BF0D;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
	padding:7px 10px;
	text-transform:uppercase;
}
#references.modal h2{
	background-color:#FFFFFF;
	color:#06948c;
	font-size:12px;
	font-weight:bold;
	margin-bottom:12px;
	padding:0px 0px;
	text-transform:uppercase;
}
.modal label {
	display:block;
	float:left;
	text-align:right;
	width:76px;
}
.modal p {
	margin-top: 10px;
	
}
.modal .separate{height: 20px;}
.modal .input {
	display: block;
	float: left;
	width:300px;
	margin-left: 15px;
	background-color: #ecebea;
	border: none;
}
.modal textarea.input {
	height:150px;
	margin-left:0;
	width:393px;
	
}
.modal label.label-grand {
	text-align: right;
	display: block;
	float: left;
	width:198px;
}
.modal .pf_wrap_class{
	display:block;
	height:22px;
	overflow:hidden;
	position:relative;
	width:196px;


}
.modal .input2 {
	background-color:#ECEBEA;
	display:block;
	float:left;
	height:20px;
	margin-left:15px;
	width:179px;
}

/************** REFERENCES ****************/



#content ul.liste-references  {margin-left:5px;}
#content .liste-references li {list-style-type:none;}
#content .liste-references li a{

	color: #55594e;
	background:url("images/pictos.png") no-repeat scroll 0 -39px transparent;
	padding-left:15px;
}

/* details simple*/
#content-right .reference-detail li{
	list-style:none outside none;
	margin:0 0 10px;}
/*details complet*/
#references #content{
	margin:0;
	padding:10px 10px 10px 10px;
}

#references h1{
	background:url("images/pictos.png") no-repeat scroll 5px 15px #55594E;
	color:#FFFFFF;
	padding:10px 0 10px 21px;
}


#references #sous-categories{
	background-color:#06948c;
}
#references #sous-categories ul{
	margin-left: 10px;
}
#references #sous-categories li{
	float:left;
	width:auto;
	list-style:none outside none;
	color:#FFFFFF;
}
#references #sous-categories li a{
	background:url("images/pictos.png") no-repeat scroll 0 -58px transparent;
	color:#FFFFFF;
	float:left;
	padding:10px 5px 10px 10px;
	text-decoration:none;
	width:auto;
}
#references #sous-categories li a:hover,#references #sous-categories li.actif a{background-color: #55594e;}

#references li{list-style:none outside none;}

#references .reference-detail{font-size:12px;}
#references .reference-detail li{margin-bottom: 10px;list-style:none outside none;}
#references .reference-detail p {margin:0px; padding:0px;}
#references .reference-detail .titre{font-weight:bold;text-transform:uppercase;}
#references .reference-detail .missions{color:#06948C;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;}
#references .reference-detail a{text-decoration:none;}

/* liste photos */
#liste-photos{
	position: relative;
}
#liste-photos li{
	background-color:#525851;
	margin-bottom:10px;
	text-align:center;	
	padding: 10px 0Px;
}

#liste-photos-nav .nav-prec{
	background:url("images/previous.gif") no-repeat scroll 0 0px transparent;
	width : 31px;
	height : 50px;
	display:block;
	position: absolute;
	top: 50%;
	left: 0px;
	text-indent: -3000px;
}
#liste-photos-nav .nav-suiv{
	background:url("images/next.gif") no-repeat scroll 0 0px transparent;
	width : 31px;
	height : 50px;
	display:block;
	position: absolute;
	top: 50%;
	right: 0px;
	text-indent: -3000px;
}

/*************** ACCUEIL **************/
#page.accueil{
	background:#FFFFFF url('images/bg-accueil.png') no-repeat 0px 0px;
}
.accueil #content{
	background-color:transparent;
	height:507px;
	
}
.accueil #content p{
	text-indent: -3000px;
}

.accueil #bottom{
	background:none no-repeat scroll left top #FFFFFF;
	height:auto;
	text-align:right;
}
.accueil #bottom p {
	padding:6px 10px;
}