/* 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";

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

/***************** CONTACT *****************/ 

#contact_fomulaire {
	width:364px;
	float:left;
	padding-bottom:20px;
	margin-top:10px;
}


#contenuTexte input,textarea{
	width:95%;
	border:1px solid #ca2b01;
	font-size:12px;
	color:#fff;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte input:focus,textarea:focus{
	border:1px solid #FDC108;
}
#contenuTexte .champRequis{
	color:#ca2b01;
}


#contenuTexte   .bouton {
	border:1px solid #ca2b01;
	font-size:12px;
	color:#fff;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
}

#contenuTexte  .bouton:focus {
	border:1px solid #FDC108;
}

#contenuTexte  .capa{
	width:95%;
	border:1px solid #ca2b01;
	font-size:12px;
	color:#fff;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte  .capa:focus{
	border:1px solid #FDC108;
}

#contenuTexte .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



.titre_parti {
	width:200px;
	margin-bottom:15px;
	margin-left:0px;
}

.titre_parti2  {
	width:200px;
	margin-bottom:15px;
	margin-left:0px;
	margin-top:20px;
}

#contact_coordonnees {
	width:255px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:10px;
}

#contenuTexte .loi {
	width:255px;
	float:left;
	margin-left:20px;
	margin-top:30px;
}


#contact_plan {
	width:255px;
	float:left;
	margin-left:20px;
}



#contenuTexte label {
	font-size:11px;
	line-height:1.8em;
	padding-bottom:10px;
}


#contenuTexte  .txt_bas{
	font-size:11px;
	line-height:1.4em;
	text-align:justify;
}

#contenuTexte  .dec{
	margin-left:80px;
}

#contenuTexte  .decbas{
	margin-bottom:15px;
}


/* ------------------------------- Général ------------------------------- */

#contenuTexte .enval {
	color:#ca2b01;
	font-weight:bold;
}

#contenuTexte .enval1 {
	color:#0088A5;
	font-weight:bold;
}

#contenuTexte .enval3 {
	color:#CEE5A6;
	font-weight:bold;
}

#contenuTexte .enval2 {
	color:#3476C4;
	font-weight:bold;
	font-size:14px;
	padding-top:10px;
}

#contenuTexte .envalcenter {
	color:#006600;
	font-weight:bold;
	text-align:center;
	width:480px;
	margin-left:80px;
	margin-bottom:15px;
}


#contenuTexte li {
	font-size:12px;
	list-style-image:url(../images/charte/puce.gif);
	line-height:1.8em;
	text-align:justify;
}

#contenuTexte ul {
	margin-left:60px;
	margin-bottom:10px;
	margin-top:5px;
	line-height:1.8em;
}

#contenuTexte .liste {
	font-size:12px;
	list-style-image:url(../images/charte/puce3.jpg);
	line-height:1.8em;
	text-align:justify;
	color:#5B194A;
}

#contenuTexte .listeul {
	margin-left:80px;
}

.decmerci {
	margin-left:70px;
}
.decalage {
	margin-left:100px;
}

.right {
	float:right;
}
#contenuTexte .dechaut {
	margin-top:20px;
}
#contenuTexte .dechaut2 {
	margin-top:25px;
}
/* ----------------------------- Accueil ----------------------------- */

.txtlabel {
	width:290px;
	float:left;
	margin-bottom:10px;
}

/* ----------------------------- Galerie ----------------------------- */


#contenuTexte  .produit-defile-image {
	width:114px;
	float:left;
	height:385px;
	margin:10px 0 0 17px;
	overflow:hidden; 
	text-align:center;
	position:relative;
}

.produit-defile-image img{
   margin:0 0 7px 0;
}

.produit-fleche-top {
	width:95px;
	height:15px;
	float:left;
	margin:8px 0 0 27px;
}
.produit-fleche-bottom {
	width:95px;
	height:15px;
	float:left;
	margin:8px 0 0 27px;
}
.produit-right {
	background-image:url(../images/charte/fd-fiche-produit3.gif);
	width:148px;
	height:457px;
	float:left;
	margin:0 0 0 0px;
}

/* ----------------------------- Devis gratuit ----------------------------- */

#contenuTexte .txt {
	width:640px;
	float:left;
	margin:0;
}


/*-------------------------- Galerie  Horizantale ---------------------------*/
.galerieho {
	margin-top:20px;
	width:500px;
	float:left;
	margin-left:80px;
	height:96px;
	padding-bottom:50px;	
}

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

#contenuTexte #flowcut {
  width:400px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow{
  position: relative;
  }
#contenuTexte .vign{
  float: left;
  margin-right :10px;
  width:142px;

  }
  
/*-------------------------- Galerie  Horizantale 2  ---------------------------*/


#contenuTexte #defilgauche2 {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite2 {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut2 {
  width: 400px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow2{
  position: relative;
  }
  
/*-------------------------- Galerie  Horizantale 3  ---------------------------*/

#contenuTexte #defilgauche3 {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite3 {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut3 {
  width: 400px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow3{
  position: relative;
  }


/*-------------------------- Galerie  Horizantale 4  ---------------------------*/


#contenuTexte #defilgauche4 {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite4 {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut4 {
  width: 400px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow4{
  position: relative;
  }

/*-------------------------- Galerie  Horizantale 6  ---------------------------*/


#contenuTexte #defilgauche6 {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite6 {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut6 {
  width: 400px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow6{
  position: relative;
  }
.qualibat{
float:left;
width:80px;
text-align:center;
margin-top:80px;
}