@charset "iso-8859-1";
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
	font:bold 18px Georgia, Times New Roman, Times, serif;
	color:#4b752a;
	letter-spacing:1px;
	margin:30px 0 30px 0;
	border-bottom:1px dotted #4b752a;
}
#contenu h2{
	font:bold 16px Georgia, Times New Roman, Times, serif;
	color:#4b752a;
	letter-spacing:1px;
	padding:10px 0 5px 0;

}

#contenu a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#contenu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#contenu h3{
	font:bold 14px Georgia, Times New Roman, Times, serif;
	color:#5D6153;
	letter-spacing:1px;
	margin:0 0 12px 20px;
}


#contenu p{
	font:12px/1.2em Georgia, Times New Roman, Times, serif;
	text-align:left;
	padding-top:10px;
	color:#585651;
	margin-bottom:1.2em;
	text-align:justify;

}

#contenu p em{
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
}
#contenu p.couleur, span.couleur{
	font-weight:bold;
	color:#7d8a2e;
}
#contenu a{
	text-decoration:underline;
	color:#C80C0D;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
}
#contenu a:hover, #contenu a:active{
	color:#7d8a2e;
}

/***************** STYLE ACTUALITES *****************/
#actu{
float:right;

width:330px;
height:316px;
margin-top:140px;
background:url(../images/fond-accueil.png) no-repeat;
filter: alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.80;
}

#contenu #actu h1{
	font-size:16px;
	color:#003300;
	letter-spacing:1px;
	margin:15px 0 10px 0;
	border-bottom:1px dotted #4b752a;
	text-align:center;
}

.uneactu{
padding:0 0 0 0px;
}

.uneactu2{
padding:0 0 0 0px;
}

#actu .uneactu p{
font-size:11px;
padding:5px 15px 0px 15px;
color:#333333;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#c9d787;
padding:1px 0 2px 4px;
margin:0 0 7px;
}
#contenu #actu .uneactu a{
position:relative;
font:12px Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
}

#actu2{
float:right;
position:relative;
width:250px;
margin:30px 0 0px 60px;

}

.uneactu{
padding:0 0 0 0px;
}

#actu .uneactu p{
font-size:11px;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#c9d787;
padding:1px 0 2px 4px;
margin:0 0 7px;
}


/***************** STYLE FOOTER *****************/
#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#8b8b89;
text-align:right;
letter-spacing:1px;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#8b8b89;
}
#footer a:hover, #footer a:active{
text-decoration:none;
color:#63a420;
}

/***************** STYLE mentions legales *****************/

#contenu #mentionslegales-contenu{
	width:100%;
}

#contenu #mentionslegales-gauche{
	float:left;
	width:400px;
}

#contenu #mentionslegales-droite{
	float:left;
	width:400px;
	padding-left:60px;
}

/***************** STYLE savoir faire *****************/

#contenu #savoir-faire-gauche{
	float:left;
	width:500px;
	padding-left:10px;
}

#contenu #savoir-faire-droite{
	float:right;
}

#contenu #savoir-faire-gauche p{
	line-height:2em;
	text-align:center;
}

#contenu .italique{
	color:#006633;
	font-style:italic;
	font-size:16px;
	
}

/***************** STYLE realisations *****************/

#contenu #realisation-haut{
	width:900px;
	padding-left:10px;
}

#contenu #realisation-haut p{
	line-height:2em;
	text-align:left;
}


/***************** STYLE amenagement*****************/

#contenu #amenagement-haut{
	width:900px;
	padding-left:10px;
}

#contenu #amenagement-haut p{
	line-height:2em;
	text-align:center;
}

#contenu #h1_amenagement{
	text-align:center;
}

#contenu #h2_amenagement{
	text-align:center;
}

/***************** STYLE bassin*****************/

#contenu #bassin-haut{
	width:900px;
	padding-left:10px;
}

#contenu #bassin-haut p{
	line-height:2em;
	text-align:center;
}

#contenu #h1_bassin{
	text-align:center;
}

#contenu #h2_bassin{
	text-align:center;
}

/***************** STYLE piscine*****************/

#contenu #piscine-haut{
	width:900px;
	padding-left:10px;
}

#contenu #piscine-haut p{
	line-height:2em;
	text-align:center;
}

#contenu #h1_piscine{
	text-align:center;
}

#contenu #h2_piscine{
	text-align:center;
}

/***************** STYLE votre projet formulaire *****************/

#contenu #formulaire-projet{
	width:100%;
}

#contenu #formulaire-projet h2{
	text-align:center;
	color:#666666;
}

#contenu #formulaire-projet p{
	text-align:left;
	margin-bottom: 30px;
}

#contenu #projet-gauche{
	width:300px;
	float:left;
}

#contenu #projet-droite{
	overflow:hidden;
	height:1%;
	padding-left:100px;
}

#contenu .bouton-radio-projet{
	float:left;
}

#contenu .bouton-radio-projet label{
	width:120px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	float:left;
}

#contenu .bouton-radio-projet .radio-typeprojet{
	width:300px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	padding-left:5px;

}

#contenu .liste-radio-projet{
	float:left;
	padding-left:170px;
}

#contenu .ligne_form-projet{
	float:left;
	width:100%;
	margin-bottom:8px;
}

#contenu .ligne_form-projet label{
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	float:left;
	width:170px;
}

#contenu .ligne_form-projet input{
	font-size:12px;
	width:200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

#contenu .ligne_form-projet textarea{
	font-size:12px;
	width:200px;
	height:50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

/********** STYLE votre projet formulaire commun contact ***********/


#contact-haut p{
	text-align:left;
}

#contenu .ligne_form{
	width:100%;
	margin:8px 0 0 5px;
	clear:both;
	float:right;
}

#contenu #contact-formulaire p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
}

#contenu .ligne_form label.coords{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	text-align:right;

	line-height:100%;
}

#contenu .ligne_form label{
	height:15px;
	float:right;
	
}

#contenu .bouton-radio{
	width:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	text-align:right;
}

#contenu .bouton-radio label{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
}

#contenu .bouton-radio input{
	margin-left:10px;
}

#contenu .labelradio{
	margin-left:5px;
}

#contenu .ligne_form input {
	font-size:11px;
	margin-left:10px;
	float:right;
	width:150px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

#contenu .ligne_form textarea {
	width:150px;
	height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	float:right;
	margin-left:10px;
}

#contenu .ligne_form input , #contenu .ligne_form-projet textarea , #contenu .ligne_form-projet input , #contenu #capatcha-area input , #contenu .ligne_form textarea , #commentaires textarea , #contenu .ligne_form select {
	border:1px solid #639D22;
}
	
#contenu .ligne_form input:hover , #contenu .ligne_form-projet textarea:hover , #contenu .ligne_form-projet input:hover , #contenu #capatcha-area input:hover , #contenu .ligne_form textarea:hover , #contenu #commentaires textarea:hover , #contenu .ligne_form select:hover {
	border:1px solid #C90F14;
}

#contenu #commentaires{
	width:100%;
	padding-top:10px;
	padding-bottom:20px;
}

#contenu #commentaires label.coords{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666;
	text-align:right;
	float:right;
}

#contenu #commentaires textarea{
	width:230px;
	height:60px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	float:right;
	margin-left:10px;
}

#contenu .bouton_envoyer {
	border:1px solid #000;
	
	width:100px;
	font-weight:bold;
	font-size:12px;
	background:#639D22;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}

#contenu .bouton_envoyer:hover {
	color:#639D22;
	background:#FFFFFF;
	cursor:pointer;
}

#contenu .bouton_reset {
	border:1px solid #000;
	width:100px;
	font-weight:bold;
	font-size:12px;
	background:#639D22;
	color:#FFFFFF;
	float:left;
}

#contenu .bouton_reset:hover {
	color:#639D22;
	background:#FFFFFF;
	cursor:pointer;
}

#contenu #envoi-etoile{
	width:100%;
	margin-top:10px;
}

#contenu #bouton-envoi{
	float:right;
	padding:20px 0 20px 0;
}

#contenu .nota{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#666;
	float:left;
	text-align:center;
}

#contenu .nota2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#666;
	float:left;
	text-align:center;
	padding-top:55px;
}

#contenu #capatcha-image{
	float:left;
	width:150px;
	padding-right:20px;
}

#contenu #capatcha-area{
	float:left;
	width:30px;
	line-height:50px;
}

#contenu #capatcha-area input{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

#capatcha{
	float:left;

}

#contenu #adresse-contact{
	float:left;
	width:230px;
	padding-top:15px;
}

#contenu #adresse-contact h3{
margin-left:0px;
}

#contenu #container-contact h2{
	margin-bottom:20px;
}

/************************* STYLE realisation ****************************/

#contenu #realisationMenu .realisationMenuVignettes{
	float:left;
	padding:30px 0 30px 50px;
	width:230px;
	text-align:center;
}

#contenu #realisationMenu .realisationMenuVignettes img{
	border:2px solid #5C892E;
}


#contenu #realisationMenu .realisationMenuVignettes h2{
 	border:none;
	padding-bottom:3px;
	margin-bottom:0px;
	width:230px;
	margin:0;	
}

#contenu #realisationMenu .realisationMenuVignettes a{
	text-decoration:none;
}


#contenu #realisation-diapo{
	padding-top:50px;
}

#contenu #sous-menu-realisation{
	float:right;
	padding-top:20px;
}

#contenu #sous-menu-realisation li{
	float:left;
	display:block;
	list-style:none;
	padding-left:15px;
}

#contenu #menu-realisations{
	width:100%;
	padding-left:80px;
}

#contenu .menu-realisations-partie{
	width:280px;
	float:left;
}

#contenu .menu-realisations-partie a img{
	width:50px;
	height:50px;
	float:left;
	margin-right:10px;
	border:1px solid #993300;
}

#contenu .menu-realisations-partie a h3{
	line-height:50px;
	display:block;
	font-size:14px;
	margin:0px;
	text-decoration:none;
}

#contenu .menu-realisations-partie a:hover h3{
	color:#993300;
}

/************************* STYLE plan du site ****************************/

#contenu #plandusite{
	width:250px;
	float:left;
	margin:20px 0 0 70px;
}

#contenu #plandusite li{
	list-style:none;
	padding-bottom:10px;

}

#contenu #plandusite a{
	text-decoration:none;
	font-size:16px;
}

#contenu #plandusite-sousmenu{
	padding-left:20px;
}

#contenu #plandusite-sousmenu li{
	list-style:none;
	padding-bottom:3px;
}

#contenu #plandusite-sousmenu a{
	font-size:12px;
}

/* ***************** MODULE ACTUALITES ***************** */
#contenu h1.IDEO_sans {
margin:0;
}

#contenu #container-actualites{
	margin:0 auto 0 auto;
	width:680px;
}


#contenu .IDEO_actualite{
	float:left;
	margin-bottom:10px;
	margin-left:30px;
	border-bottom:1px dotted #CCC;
	margin-right:-3px;
}

#contenu .IDEO_actualite .IDEO_visuel{
	float:left;
	height: 146px;/* hauteur de la zone visuel  */
	width: 146px;/* longueur de la zone visuel  */
	margin-right:10px;
	text-align:center;
	padding-bottom:5px;
}
#contenu .IDEO_actualite .IDEO_visuel img {
	margin:0 5px 0 0;
}
#contenu .IDEO_actualite .IDEO_visuel a {
	position:relative;
}
.IDEO_actualite .IDEO_actualite-droite{
	float:left;
	width:490px;/* Longueur la zone droite  */
}
#contenu .IDEO_actualite .IDEO_titre{
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
	margin-right:-3px;
}

#contenu .IDEO_actualite a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
 opacity:1.00;
 }

#contenu .IDEO_actualite a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.70;
 opacity:0.70;
 }