/* ------------------ */
/* Gabarit de la page */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #767676;
	color: black;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: small;
}

#page {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	min-width: 841px;
	height: 100%;
}

/* HEADER */
/**********/

#header {
	height: 180px;
}

#header .top_left {
	width: 17em;
	background: #d9e5a2 0 0 url('../img/header_square.jpg') no-repeat;
}

#header .top {
	width: 250px;
	background-color: #aed248;
	padding: 0;
	vertical-align: middle;
}

#header .top_right {
	background-color: #aed248;
}

#header .top_right h1 {
	margin: 0;
}


#header .top_right h1 img {
	border: 0;
	margin: 20px 20px 0 40px;
}

/* MENU */
/********/

#menus {
	background-color: #767676;
	width: 17em;
	vertical-align: top;
}

#navigation ul {
	padding: 0;
	margin: 0;
}

#navigation li {
	list-style: none;
	margin: 0;
	line-height: 3.2em;
}

#navigation ul li ul {
	border-bottom: 0;
}

#navigation ul li ul li {
	/*padding-left: 1em;*/
	line-height: normal;
}

#navigation ul li ul li a {
	line-height: normal;
	padding: 10px 4em 10px 2em;
	background-color: #aed248 ;
	color : #767676 ;
}

#navigation a {
	display: block;
	text-decoration: none;
	color: #eee;
	text-transform: uppercase;
	font-size: 0.86em;
	font-family: verdana;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #6b6b6b;
	padding-left: 1em;
}

#navigation a:hover {
	background-color: #a9a9a9;
}

#navigation ul li.actif {
	background: transparent right 1.2em url('../img/menus_arrow.gif') no-repeat;
}

#navigation ul li ul li.actif {
	background: transparent right center url('../img/menus_arrow.gif') no-repeat;
}

#navigation .actif a:hover {
	/*background: transparent right 1.3em url('../img/menus_arrow.gif') no-repeat;*/
}




#menu_num_page_haut {
float:right;
}
#menu_num_page_haut ul{
list-style-type:none;
display:inline;
margin:0;
padding:0;
}
#menu_num_page_haut ul li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
margin-right:0.5em ;
}
#menu_num_page_bas {
float:right;
}
#menu_num_page_bas ul{
list-style-type:none;
display:inline;
margin:0;
padding:0;
}
#menu_num_page_bas ul li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
margin-right:0.5em ;
}









/* FOOTER */
/**********/

#pied {
	color: #036;
	background-color: transparent;
	margin: 0;
	padding: 1em 0 0.3em 0;
	background: transparent url('../img/menus_infos_bg.gif');
	text-align: center;
	border-top: 1px solid #7ca800;
}

#pied ul {
	margin: 0;
	padding: 0;
}

#pied li {
	border-right: 1px solid green;
	display: inline;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
}

#pied li.last {
	border: 0;
}

#pied a {
	background-color: transparent;
	color: darkgreen;
}

#pied a:hover {
	color: blue;
}

#pied p {
	font-size: 0.86em;
}

#pied p a {
	margin-left: 0.5em;
}

#menu_infos {
}







#accessible{
	left:0;
	position:absolute;
	top:0.2em;
	width:100%;
	margin:0;
	padding:0;
	display:none;
}

#accessible ul{
	margin:0 0 0 1em;
	padding:0;
	float:left;
}

#accessible li{
	background-color:transparent;
	color:#fff;
	display:inline;
	margin:0 1em 0 0;
}

#accessible a{
	background-color:transparent;
	color:#fff;
}

#accessible a:hover{
	text-decoration:none;
}





#langue{
	display:none;
	background-color:#fff;
	color:#000;
	position:absolute;
	right:6%;
	text-align:center;
	top:9em;
	width:20.5em;
}

#langue h2{
	border-bottom:3px solid #78705c;
	font-size:small;
	font-weight:500;
	margin:0;
}

#langue h2 em{
	color:#69c;
	background-color:transparent;
	font-style:normal;
	font-weight:700;
}

#langue ul{
	background-image: url("../img/background/profil.png");
	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	padding:3px 0 0 0;
}

#langue li{
	display:inline;
	font-weight:700;
	margin:0;
	padding:0;
}

#langue a{
	color:#686151;
	background-color:transparent;
	padding:0 0.5em;
	text-decoration:none;
}

#langue a:hover{
	background-color:#c60;
	color:#fff;
}

/* --------------- */




/* Contenus */
#texte {
	vertical-align: top;
	line-height: 150%;
	/*height: 618px;*/
	padding: 1em 2em 1em 2em;
	margin: 0 0 0 17em;
	height: 100%;
	background: white center 20px url("../img/page_bg.gif") no-repeat;
}

#texte a[hreflang]:after{
content:"\0000a0[" attr(hreflang) "]";
}

#texte p {
	text-align:justify;
}

#texte strong{
font-weight:bold;
color:black;
}

#texte hr{
display:none;
}

#texte li{
list-style:disc;
}

#texte ul ul li{
list-style-type:circle;
}

#texte ol li{
list-style-type:decimal;
}

#texte h2,#texte h3 {
font-family:Georgia,"Times New Roman",Times,serif;
}

#texte h2{
background-color:transparent;
color:#369;
font-size:130%;
}

#texte h3 {
background-color:transparent;
color:#369;
font-size:small;
margin:2em 0 0 0;
line-height:110%;
}

#texte h4{
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
background-color:transparent;
color:#69c;
font-weight:700;
font-size:small;
border-bottom:1px dotted #a1c2e1;
}

#texte h5{
color:#69c;
background-color:transparent;
font-weight:500;
font-size:small;
}

#texte a{
color:darkgreen;
background-color:transparent;
}

#texte a:hover{
color:green;
background-color:transparent;
text-decoration:none;
}

#texte a:visited{
color:green;
background-color:transparent;
}

/* Formulaire dans le texte */
#texte form{
margin:2.5em 0;
}

#texte form label{
color:#369;
background-color:transparent;
margin:0.5em 0;
}

form#form_contact {
	margin:0;
	padding:0;
}
form#form_contact fieldset {
	padding:0;
}
form#form_contact fieldset legend {
	font-weight:bold;
}
form#form_contact fieldset p {
	padding:0;
	margin-top: 0 ;
	margin-bottom:0.25em;
	font-weight:bold;
}

form#form_contact fieldset#coordonees label {
	float: left ;
	width: 20em ;
	text-align: right ;
	margin: 0 ;
	padding: 0 .5em 0 0;
	line-height: 1.8 ;
	font-size: 14px ;
	font-weight:bold;
}
form#form_contact fieldset#projet p{
	margin-left: 2em ;
	font-size: 1.25em ;
}

#texte form label.required span {
	color: red ;
}
#texte form p.required {
	color: red ;
}


div.photos_modele {
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:2px solid #2E8B57 ;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
div.photos_modele ul {
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}
div.photos_modele ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
	margin: 0 1.2%;
}
div.photos_modele ul li img{
	width: 200px;
	height: 150px;
	border: 1px solid darkgreen;
	
}

hr.modele_separation {
	color: darkgreen;
	background-color: darkgreen;
	height: 5px;
	display:block;
	visibility: visible; 
	border:3px darkgreen;
	clear:both;
	width:200px;
	margin:0;
	padding:0;
}

div.photo_chantier {
text-align:center;
}

div.photo_chantier a img{
width:590px;
height:442px;
}

div#colonne_droite {
	float:right;
	width:40%;
	margin-top:-4em;
}

div#pictos {
	margin:0em;
	padding:0.5em;
	width:100%;
	text-align:center;
}
div#pictos ul {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}
div#pictos ul li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0.25em;
}
div#pictos ul li img{
	width:45px;
	height:45px;
	border:0;
}


div#accueil_actus_box {
	margin:0.25em;
	border:1px solid black;
	background-color:whitesmoke;
}
div#accueil_actus_box h2 {
	background-color:#767676;
	margin:0;
	padding:0.25em;
	text-align:center;
}
div#accueil_actus_box h2 a, div#accueil_actus_box h2 a:visited {
	color:whitesmoke;
}
div#accueil_actus_box ul {
	margin:0;
	padding:0.5em;
	list-style-type:none;
}
div#accueil_actus_box ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:1em ;
}