/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/boot-fond.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
a {
	color:white;
	font-weight:600;
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
ul {
	list-style-type:none;
}

/*--------------------     page accueil        ----------------*/
#global_index {
	width:100%;
}
#accueil_haut p{
		position:absolute;
		top:63px;
		width:100%;
		height:31px;
		text-align:center;
}
#accueil_haut p{
	text-align:center;
}

#bandeau_accueil {
	width:100%;
	border:1px solid #c4c4c4;
	border-width:1px 0 1px 0;
	margin:94px 0 0 0;
	padding:10px 0;
	background:white;
}
#bandeau_accueil p{
	text-align:center;
}

#accueil_bas {
	position:relative;
	width:850px;
	text-align:right;
	margin:auto;
}
#accueil_bas p.fond_accueil_bas{
	text-align:center;
}
#accueil_bas p.entrer{
	position:absolute;
	top:15px;
	right:0px;
}

/*------------ fin de la page d'accueil ---------*/

/*-------------------- pages générales au site ----------*/
#global {
	margin:auto;
	width:850px;
}
#global p{
	color:#68676b;
	font-size:11px;
	line-height:15px;
}
#haut p.fond_haut {
	height:19px;
}
#bandeau{
	height:197px;
	width:849px;
	z-index:80;
	position:relative;
}
.voyant {
	font-weight:600;
}
ul.decalle {
	margin-left:20px;
}
dt {
	font-weight:600;
	color:#68676b;
	font-size:11px;
	margin-bottom:4px;
}
/*------------------------------------------------------------- corps ----------------------------*/
#corps {
	position:relative;
	margin:10px 0 0 0px;
	width:860px;
}
#corps h1 {
	float:left;
	height:29px;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
}
/*--------------- entete ---------------------*/
#global #haut {
	width:849px;
	z-index:80;
	height:135px;
	position:relative;
	background-image: url(images/fond-haut.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#haut p.texte_propre{
	position:absolute;
	right:160px;
	bottom:1px;
}
#haut p.logo{
	position:absolute;
	left:0px;
	bottom:1px;
}
/*------------ zone 01 ---------*/
#corps #zone_01 {
	padding:0;
	width:155px;
	margin:0px 0 10px 0px;
	background:#97bddb;
	float:left;
	display:inline;
}
#corps #zone_01 h1 {
	width:137px;
}
#corps #zone_01 p.fond_haut {
	padding:0;
}
#corps #zone_01 p.fond_bas {
	padding:0;
	height:9px;
}

#corps #zone_01 p.fond_haut img{
	float:left;
}
#corps #zone_01 div.texte{
	margin:10px 0 0 13px;
	width:127px;
}	
#corps #zone_01 .texte p{
	margin: 0 0 10px 0;
	font-size:11px;
	font-weight:bold;
}


#corps #zone_01 ul li{
	color:#68676b;
	font-size:11px;
	line-height:15px;
}
#corps #zone_01 ul.services{
	margin:20px 0 10px 0;
}
#corps #zone_01 ul.services li{
	height:28px;
	line-height:28px;
	vertical-align:middle;
	display:inline;
}
#corps #zone_01 ul.services li.double{
	height:30px;
	line-height:12px;
	vertical-align:middle;
	margin:0;
}
#corps #zone_01 ul.services li.ligne{
	height:1px;
	margin:0;
	line-height:1px;
}
#corps #zone_01 ul.services li.ligne img{
	float:left;
	height:1px;
	width:155px;
}
#corps #zone_01 ul.services li a{
	display:block;
	height:28px;
	padding:0 5px 0 10px;
	margin:0;
}
#corps #zone_01 ul.services li.double a{
	height:38px;
}
#corps #zone_01 ul.services li.double a span{
	position:relative;
	top:7px;
}
#corps #zone_01 ul.services li a:hover{
	background:#b5cfe5;
}
#corps #zone_01 dt{
	margin:6px 5px 0 12px;
}
/*--------------- zone 02 ----------*/
#corps #zone_02 {
	position:relative;
	padding:0;
	width:687px;
	margin:0px 0 0px 163px;
	background:#c7d3db url(images/vague.gif) no-repeat left top;
}
#corps #zone_02 h1{
	width:450px;
}
#corps #zone_02 h2{
	width:400px;
	font-size:14px;
	color:#474d4b;
	margin-bottom:10px;
}
#corps #zone_02 p.fond_haut {
	padding:0;
}
#corps #zone_02 p.fond_haut img{
	float:left;
}
#corps #zone_02 p.fond_bas {
	clear:both;
	padding:0;
	height:9px;
}
#corps #zone_02 div.texte{
	margin:0 0 0 49px;
	width:380px;
}
#corps #zone_02 div.texte p{
	padding:0 0 10px 0px ;
}
#corps #zone_02 div.texte ul{
	list-style-type:square;
	list-style-position:inside;
	margin:0 0 10px 0;
}
#corps #zone_02 div.texte ul.decimal {
	list-style-type:decimal;
}
ul.decalle {
	margin-left:20px;
}
#corps #zone_02 div.texte ul li{
	color:#68676b;
	font-size:11px;
	margin-bottom:4px;
}
#corps #zone_02 div#photos{
	float:right;
	width:128px;
	margin:0px 20px 0 0;
	display:inline;
}
#corps #zone_02 div#photos img{
	margin-top:15px;
	width:128px;
}

#corps #zone_02 div#photos p{
	margin:0;
	padding:0;
	width:128px;
	text-align:right;
	font-weight:600;
}
#corps #zone_02 div#photos p a{
	color:white;
}



#corps #zone_02 p.texte_bas{
	position:absolute;
	bottom:10px;
	left:40px;
}

#corps #zone_02 #article p,#corps #zone_02 #tous_travaux p {
	padding:0 10px 0 46px ;
	width:460px;
}
#corps #zone_02 #article h2,#corps #zone_02 #tous_travaux h2 {
	padding:5px 46px;
}
#corps #zone_02 p.sepa {
	clear:right;
	height:1px;
	line-height:1px;
	background:#e6e6e6;
	margin:5px 20px;
}
#corps #zone_02 #article p.illustr_article{
	float:right;
	width:128px;
	padding:0 20px;
	margin:0;
	display:inline;
}
#corps #zone_02 #article p.illustr_article img{
	float:right;
	background:none;
}
#corps #zone_02 h1#travaux {
	width:670px;
	float:left;
}
#corps #zone_02 h3 {
font-size:14px;
color:#666;
margin: 10px 0 20px 20px;
}
#corps #zone_02 #article p a.plus_photo{
position:relative;
left:45px;
}

#corps #zone_02 #tous_travaux  p{
	width:590px;
}
#corps #zone_02 #tous_travaux  p.photos img{
	margin:10px 5px 0 0;
}
/*-------------- zone 2 page charte --------*/
#corps #zone_02 div.charte{
	margin:0 0 0 49px;
	width:580px;
	text-align:justify;

}
#corps #zone_02 div.charte p{
	padding:0 0 10px 0px ;
}
#corps #zone_02 div.charte ul{
	list-style-type:square;
	list-style-position:inside;
	margin:0 0 10px 0;
}
#corps #zone_02 div.charte ul.decimal {
	list-style-type:decimal;
}
#corps #zone_02 div.charte ul li{
	color:#68676b;
	font-size:11px;
	margin-bottom:4px;
}

/*-------------- zone 2 page service --------*/
#corps #zone_02 div.service{
	float:left;
	width:687px;
	margin:5px 0 10px 0;
}
#corps #zone_02 div.service p.chapeau{
margin: 0 0 20px 20px;
font-size:14px;

}


#corps #zone_02 div.onglet {
float:left;
width:148px;
margin: 0 30px 5px 30px;

}
#corps #zone_02 div.onglet h2, #corps #zone_02 div.onglet h2 a {
width:148px;
font-size:12px;
color:#666;
font-weight:bold;
margin:0 0 5px 0;

}
#corps #zone_02 div.onglet p a img {
margin:0px;

}


/*-------------------------------------------------------- pied de page ----------------------------*/
#pied {
	margin:10px auto 0 auto;
	text-align:right;
	border:1px solid #c4c4c4;
	border-width:1px 1px 1px 0;
	clear:both;
	width:849px;
	z-index:80;
	position:relative;
}
#accueil_pied {
	margin:64px auto 0 auto;
	text-align:right;
	border:1px solid #c4c4c4;
	border-width:1px 1px 1px 0;
	clear:both;
	width:840px;
	z-index:80;
	position:relative;
}
#pied p,#accueil_pied p {
	padding:0 20px 0 0;
	color:#97979b;
	font-size:11px;
	height:20px;
	line-height:20px;
	vertical-align:center;
}
#pied p a,#accueil_pied p a{
	color:#97979b;
}
#pied p span,#accueil_pied p span{
	padding:0 10px;
}
/*---------------------- page contact ---------------------*/
#form_contact {
	width:600px;
	float:left;
	display:inline;
	margin-left:49px;
}
#label {
	width:120px;
	float:left;
}
#label p{
	height:23px;
}
#label p.vous_etes{
	height:40px;
}
p.erreur{
	position:absolute;
	top:19px;
	right:20px;
}
#champs {
	width:300px;
	margin-left:120px;
}
#corps #zone_02 h2.envoye {
	left:200px;
	top:100px;
	margin:10px 0 0 20px;
	font-size:16px;
	color:#FFF;
}
#corps #zone_01.contacts dt {
	font-weight:600;
	color:#68676b;
	font-size:11px;
	margin-bottom:4px;
}
#corps #zone_01.contacts ul{
	
	list-style-type:square;
}
#corps #zone_01.contacts ul li a{
	font-weight:400;
}
/*------------------- lignes ---------------------*/
p.ligne_moitie1 {
	width:50%;
	line-height:1px;
	position:relative;
	bottom:22px;
	height:20px;
	border:1px solid #c4c4c4;
	border-width:1px 0;
	z-index:1;
}
p.ligne_moitie3 {
	width:50%;
	line-height:50px;
	background:#fff;
	height:113px;
	border:1px solid #c4c4c4;
	border-width:1px 0;
	position:absolute;
	top:20px;
	z-index:1;
}