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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#888888;
	overflow-y : scroll;
}

img {border:0;}


a {
color: #879F1E ;
text-decoration:none;}

a:hover {
color: #888888 ;
text-decoration:underline;
}


h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#879F1E;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;color:#879F1E;}
h2 {font-size:1.5em;line-height:1;margin-bottom:0.5em; padding-top:0.2em; color:#879F1E;}
h3 {font-size:1.8em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.3em;line-height:1.25;margin-bottom:1em;height:1.25em; font-weight:bold;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}


.nettoyeur {
clear:both;
}

.sous-titre {
color:#879F1E;
font-weight:bold;
text-align:left;
}

.img-gauche
{
padding-right:10px;}

#contenu-haut {
width:1000px;
margin-left:auto;
margin-right:auto;
padding:0;
margin-bottom : 0px;
height:103px;
}

#galets {
	position : relative;
	float : left;
	top : 4px;
	text-align:left;
	height:110px;
	z-index:100;
}

#logo
{
float:left;
width:310px;
height:103px;
margin:0;
margin-left: 0px;
padding:0;
text-align:left;
}

#contact-h
{
float:right;
width:330px;
height:68px;
margin:0;
padding:0;
padding-top:35px;
text-align:right;
font-size:1.2em;
color:#879F1E;
text-align:right;
}

#contact-h a:link, #contact-h a:visited, #contact-h a:active
{font-size:1.2em;
color:#879F1E;
text-decoration:none;
}

#contact-h a:hover
{font-size:1.2em;
color:#494D4F;
text-decoration:none;
}

#titre
{
clear:both;
float:left;
width:1000px;
text-align:left
}



#menu-boucle {
clear:both;
background-image:url(images/fd-menu.jpg);
background-repeat:repeat-x;
width:100%;
height:34px;
}

#menu-contenu
{
clear:both;
width:902px;
margin-left:auto;
margin-right:auto;
padding:0;
height:34px;
text-align: top left;
}

/*MENU DEROULANT CSS*/

.menu {
*white-space:nowrap /*IE hack*/;
float:left; 
width:950px; 
border:none; 
font-size:0.9em;
text-align: left;
}

.menu ul {list-style-type:none;}

.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; 
*z-index:1000 /*IE6*/; 
}

.menu ul li a {float:none !important /*Non-IE6*/; 
*float:left /*IE-6*/; 
display:block; 
line-height:1em; 
height : 34px;
padding:0 21px 0 15px; 
text-decoration:none; 
color:#494D4F; }


.menu ul li a:hover {float:none !important /*Non-IE6*/; 
text-decoration:none; 
color:#879F1E; }

.menu ul li A.liensel, A.liensel:visited, A.liensel:hover, A.liensel:active {
text-decoration:none; 
color: #879F1E ;
}

.menu ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}

.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:1.8em; margin-top:0.1em; left:0;}

.menu ul li:hover ul li a {white-space:normal; display:block; width:170px; height:auto; line-height:1.3em; margin-left:-25px; padding:4px 4px 4px 4px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); border-right:solid 1px rgb(175,175,175); background-color:#707578; color:#FFFFFF; font-weight:normal;}

.menu ul li:hover ul li a:hover {background-color:#879f1e; color:#FFFFFF;  text-decoration:none;}

/*Fin menu css*/



#contenu-principal {
	clear:both;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}


#contenu-accueil
{
	position : relative;
	top : -9px;
}

#footer
{
	clear:both;
	background-image:url(images/fd-bas.jpg);
	background-position: right bottom;
	background-repeat:no-repeat;
	width:100%;
	color:#7e7165;
	font-size:0.9em;
	text-align:center;
	margin:0;
	padding:0;
}

#footer p
{
	padding-top : 62px;
	padding-bottom : 37px;
}
	
#footer a {
	color:#879f1e;
	text-decoration: none;
}

#footer a:hover {
	color:#7e7165;
	text-decoration: none;
}



/*L'équipe*/

#contenu-ligne-equipe
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-gauche-equipe
{
clear:both;
float:left;
text-align:justify;
width:470px;
}


#contenu-droite-equipe
{
float:right;
text-align:justify;
width:460px;
padding-left:30px;
}
#contenu-bas-equipe
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

/*Nos réalisations*/

#contenu-ligne-realisations
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-ligne-realisations2
{
clear:both;
text-align:center;
width:1000px;
}


/*Points forts*/

#contenu-ligne-points
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-gauche-points
{
clear:both;
float:left;
text-align:justify;
width:470px;
}


#contenu-droite-points
{
float:right;
text-align:justify;
width:460px;
padding-left:30px;
}


/*TEchniques de construction*/

.legende
{text-align:left;
font-size:0.8em;
}

#contenu-ligne-construction
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-gauche-construction
{
clear:both;
float:left;
text-align:justify;
width:470px;
}


#contenu-droite-construction
{
float:right;
text-align:justify;
width:400px;
padding-left:30px;
}




/*Garanties */

.legende
{text-align:left;
font-size:0.8em;
}

#contenu-ligne-garanties
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-gauche-garanties
{
clear:both;
float:left;
text-align:justify;
width:470px;
}


#contenu-droite-garanties
{
float:right;
text-align:justify;
width:460px;
padding-left:30px;
}


/*Notre région */

.legende
{text-align:left;
font-size:0.8em;
}

#contenu-ligne-region
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-gauche-region
{
clear:both;
float:left;
text-align:justify;
width:470px;
}


#contenu-droite-region
{
float:right;
text-align:justify;
width:460px;
padding-left:30px;
}


/*Bio-contruction*/

.legende
{text-align:left;
font-size:0.8em;
}

#contenu-ligne-bioconstruction
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-gauche-bioconstruction
{
clear:both;
float:left;
text-align:justify;
width:470px;
}

#contenu-gauche-bioconstruction a, #contenu-gauche-bioconstruction a:hover
{
color:#333333;
text-decoration:none;
}


#contenu-gauche-bioconstruction a.bio, #contenu-gauche-bioconstruction  a.bio:hover
{
color:#888888;
text-decoration:none;
}

#contenu-droite-bioconstruction
{
float:right;
text-align:justify;
width:460px;
padding-left:30px;
}

#contenu-droite-bioconstruction a, #contenu-droite-bioconstruction a:hover
{
color:#888888;
text-decoration:none;
}

/*Pages annexes*/

.legende
{text-align:left;
font-size:0.8em;
}

#contenu-ligne-annexes
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-gauche-annexes
{
clear:both;
float:left;
text-align:justify;
width:470px;
}


#contenu-droite-annexes
{
float:right;
text-align:justify;
width:460px;
padding-left:30px;
}

.contenu-ligne-annexes
{
display:block;
clear:both;
float:left;
text-align:left;
width:1000px;
}

.contenu-gauche-annexes
{
display:block;
clear:both;
float:left;
text-align:justify;
width:470px;
}


.contenu-droite-annexes
{
display:block;
float:right;
text-align:justify;
width:460px;
padding-left:30px;
}

/* Contact*/


#contenu-ligne-contact
{
clear:both;
float:left;
text-align:left;
width:1000px;
}

#contenu-ligne-contact-suite
{
clear:both;
float:left;
text-align:center;
width:1000px;
}

#contenu-ligne-contact-suite p
{
text-align:center;

}

#contenu-gauche-contact
{
clear:both;
float:left;
text-align:justify;
width:460px;
}




#contenu-droite-contact
{
float:right;
text-align:justify;
width:480px;
padding-left:30px;
}

/* Formulaire*/



form#formulaire p {
text-align: left;
}

form#formulaire fieldset {
border: 1px solid #879F1E;
padding:5px;
width:440px;
}

form#formulaire p.t-droite {
text-align: right;
line-height:30px;
}

form#formulaire p.t-gauche {
text-align: left;
line-height:30px;
}

form#formulaire input {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:1px;
}

.champ_text {
width:180px;
}

.case {
width:30px;
}

.case-moyen {
width:50px;
}

form#formulaire textarea {
width: 80%;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:1px;
}

form#formulaire p.boutonenregistrement {
clear: both;
}

/*fieldset {border:1px solid #000000;color:#000000;padding:2px;}*/

legend {
font-weight:bold;
color:#879F1E;}



