/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "menu.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/* STYLE DE LA PAGE ACCUEIL*/

#container #contenu #contenuTexte .vignetteimg{
float:left;
margin-left:160px;
margin-right:20px;
margin-top:50px;
width:204px;
height:242px;
}



#container #contenu #contenuTexte .vignetteimg2{
float:left;
margin-left:20px;
margin-right:20px;
margin-top:50px;
width:204px;
height:242px;
}
.vignette_txt_acc{
float:right;
margin-right:60px;
width:550px;
margin-top:40px;
border:#4F8E0C 1px solid;
padding:3px 5px;

}


.vignette_txt_acc span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000

}
.vigette_actu{
float:right;
margin-right:20px;
margin-top:8px;
width:433px;
height:285px;
background-image:url(../images/charte/bg_actu.gif);
background-repeat:no-repeat;

}

.txt_actu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:20px;
margin-right:20px;
margin-top:140px;
color: #003300;
}

.txtvaleur{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
}

/* STYLE DE LA PAGE DECO  & ambiance de jardin - Eclairage*/

.vignette_deco1{
float:left;
margin-left:70px;
margin-top:20px;
width:600px;

}

.vignette_deco1_img{
float:left;
margin-left:10px;
margin-right:15px;
margin-top:5px;

}
.vignette_deco11_img{
margin-top:5px;

}

#container #contenu #contenuTexte .vignette_deco2{
float:left;
margin-left:120px;
margin-top:20px;
width:600px;

}

.vignette_deco3{
float:left;
margin-left:90px;
margin-top:20px;
margin-right:20px;
width:650px;

}

.vignette_deco3 img{
float:left;
margin-right:40px;
margin-left:20px;

}




#container #contenu #contenuTexte .vignette_deco4{
float:left;
margin-left:0px;
margin-top:20px;
width:650px;
height:210px;
margin-bottom:10px;

}

.vignette_deco4 img{
float:left;
margin-right:5px;
margin-left:20px;

}

.vignette_deco3 img{
float:left;
margin-right:2px;


}

/* STYLE DE LA PAGE PISCINE*/
#container #contenu #contenuTexte .titre_picine{
float:left;
margin-left:220px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
font-weight:bold;
text-align:center;
margin-top:40px;
}
.img_piscine{
float:left;
margin-left:170px;
margin-top:50px;
}
/* STYLE DE LA PAGE BOIS*/
.vignette_logo{
float:left;
width:500px;
margin-left:90px;
margin-top:20px;
}

.vignette_logo_img{
float:left;
margin-left:30px;
margin-right:20px;
}
.logo_piscine{
float:left;
margin-left:160px;
width:192px;
border: #fff 1px solid;
margin-top:10px;
margin-bottom:20px;

}

#container #contenu #contenuTexte .logo_piscine p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
width:180px;
margin-left:10px;
margin-top:10px;
height:20px;

}
#container #contenu #contenuTexte .titre_pisine{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
background-image:url(../images/charte/puce_p.gif);
background-repeat:no-repeat;
padding-left:20px;
}




/* STYLE DE LA PAGE BOIS_PERGOLAS*/
.vignette_deco1_img22{
float:left;
margin-left:130px;
margin-right:15px;
margin-top:5px;

}


/* STYLE DE LA PAGE ACTULITES*/

.vignette_actualites1{
	float:left;
	margin-left:0px;
	margin-top:20px;
	width:650px;

}

.vignette_actualites1 img{
	border:none;
}
.vignette_img_actu{
float:left;
margin-left:2px;
margin-top:20px;
width:178px;
margin-bottom:20px;

}

.vignette_contenu_actu{
float:right;
margin-right:20px;
padding:5px 5px;
width:420px;
margin-top:0px;
margin-bottom:0px;
}

#container #contenuTexte .vignette_contenu_actu .titre1_actu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
margin-bottom:20px;
text-align:center;
margin-left:40px;
}

.titre2_actu{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#990000;
margin-bottom:20px;
text-align:center;
}
.separateur{
float:left;
margin-left:130px;
background-image:url(../images/charte/separateur.jpg);

background-repeat:no-repeat;
width:272px;
height:9px;
margin-top:30px;
}

/* STYLE DE LA PAGE CONTACT*/
.vignette_plan{
float:left;
width:118px;
height:176px;
margin-top:20px;
}

.vignette_plan img{
	border:none;
}

.vignette_contact_titre{
float:left;
margin-left:20px;
width:300px;
margin-top:40px;
}
.titreplan{
float:right;
margin-right:50px;
margin-top:0px;


}


.vignette_contact_titre2{
float:right;
margin-right:80px;
width:200px;
margin-top:38px;
}

.vignette_txt_coordonne{
float:left;
margin-left:30px;
width:250px;
margin-top:20px;
}

.vignette_txt_coordonne .vignette_txt_coordonne p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;


}

.txt_coordonnetitle{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003300;

}

.titreform{
float:left;
margin-left:20px;
margin-top:50px;


}

 #formulaire{
float:left;
margin-left:50px;
width:300px;
margin-top:50px;


}

#container2 #contenu #contact_fomulaire {
	float:left;
width:250px;
margin-left:20px;
margin-top:20px;
}
#contact_prop {
	width:290px;
	float:left;
	margin-left:10px;
}
#formulaire label{
	font-size:11px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#formulaire input,textarea{
	width:90%;
	border:1px solid #4F8E0C;
	font-size:11px;
	color:#fff;
	background-color:#8BBB34;
	font-family:Arial, Helvetica, sans-serif;
}

#formulaire input:focus,textarea:focus{
	border:1px solid #361E2C;
}
#formulaire .champRequis{
	color:#EEE8E8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#formulaire   .bouton {
	border:1px solid #4F8E0C;
	font-size:12px;
	color:#fff;
	background-color:#8BBB34;
	font-family:Arial, Helvetica, sans-serif;
	width:80%;

}

#formulaire  .bouton:focus {
	border:1px solid #361E2C;
}

#formulaire  .capa{
	width:88%;
	border:1px solid #4F8E0C;
	font-size:12px;
	color:#fff;
	background-color:#8BBB34;
	font-family:Arial, Helvetica, sans-serif;
}

#formulaire  .capa:focus{
	border:1px solid #BA7493;
}

#formulaire .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}
#contenuTexte .vignette_contact_titre2 .loi{
margin-top:20px;
margin-left:10px;
}
#contenuTexte .vignette_contact_titre2 .loi p{
font-size:10px;
}
#contenuTexte .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;

}
.voir{
float:left;
margin-left:40px;
margin-top:-40px;
}

/* STYLE DE LA PAGE MENTION*/

.titre_mention{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}

/* STYLE DE LA PAGE PLAN DU SITE*/

li{
float:left;
margin-left:20px;
list-style-image:url(../images/charte/puce.gif);
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:10px;
}

#contenuTexte .sous_liste {
float:left;
margin-left:50px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#contenuTexte .plan_site1{
float:left;
margin-left:20px;
width:200px;
margin-top:30px;
}

#contenuTexte .plan_site1 a{
color:#000000;
}



#contenuTexte .plan_site2{
float:right;
margin-right:100px;
width:300px;
margin-top:30px;
}

#container #contenu #contenuTexte .galerieho {
	margin-top:20px;
	width:550px;
	float:left;
	margin-left:0px;
	height:96px;
	padding-bottom:40px;!important
	border:1px solid red;

}

#container #contenu #contenuTexte #defilgauche {
  float:left;
  margin:0 5px 5px 0;
  cursor:pointer;
  z-index: 9;
  }
#container #contenu #contenuTexte  #defildroite {
  float:right;
  margin: 0 0 20px 5px;
  cursor: pointer;
  z-index: 10;
}

#container #contenu #contenuTexte #flowcut {
  width:480px;
  overflow: hidden;
  position: relative;
  margin-left:5px;

  }
  
  
#container #contenu #contenuTexte #flow{
  position: relative;
  }
#container #contenu #contenuTexte .vign{
  float: left;
  margin-right :10px;
  width:142px;

}
#container #contenu #contenuTexte .vign img{
  border:none;
}

/* STYLE DE LA PAGE BOIS*/

#container #contenu #contenuTexte  .logo_vignette{
float:left;
margin-left:10px;
width:380px;
height:140px;
border-bottom:#FFFFFF 1px dotted;
margin-top:10px;
}



.logo_vignette2{
float:left;
margin-left:10px;
width:500px;
height:150px;
border-bottom:#FFFFFF 1px dotted;
margin-top:10px;
margin-bottom:20px;

}

.logo_vignette2 img {
float:left;
margin-right:40px;
border:1px solid #fff;
}
.cadre_image{
float:left;
width:126px;
height:150px;
margin-right:20px;
margin-bottom:10px;
}

#container #contenu #contenuTexte .logo_vignette2 .cadre_image .cliquer{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:center;
margin-right:35px;
margin-top:5px;

}

.logo_vignette3{
float:left;
margin-left:10px;
width:380px;
height:128px;
border-bottom:#FFFFFF 1px dotted;
margin-top:10px;
}

.logo_vignette p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left:10px;
float:right;
}

.logo_vignette2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left:10px;
float:right;
}

.logo_vignette3 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left:10px;
float:right;
}

/* STYLE DE LA PAGE ENTRETIEN*/

.fond_encart{
float:left;
margin-left:10px;
background-image:url(../images/charte/encart.jpg);
background-repeat:no-repeat;
background-color:#4E8111;
border: 1px solid #fff;
width:281px;
margin-top:20px;
margin-bottom:10px;
}

.fond_encart p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
width:250px;
margin-left:10px;

}