/* 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:360px;
	float:left;
	padding-bottom:20px;
}


#contenu input,textarea{
	width:95%;
	border:1px solid #820c64;
	font-size:12px;
	color:#fff;
	background-color:#b81e7e;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu input:focus,textarea:focus{
	border:1px solid #f88aea;
}
#contenu .champRequis{
	color:#e2b243;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#contenu .listee1{
	width:100px;
	border:1px solid #793367;
	font-size:12px;
	color:#fff;
	background-color:#E99DA7;
	font-family:Arial, Helvetica, sans-serif;

}


#contenu   .bouton {
	border:1px solid #820c64;
	font-size:12px;
	color:#fff;
	background-color:#b81e7e;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contenu  .bouton:focus {
	border:1px solid #f88aea;
}

#contenu  .capa{
	width:95%;
	border:1px solid #820c64;
	font-size:12px;
	color:#fff;
	background-color:#b81e7e;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu  .capa:focus{
	border:1px solid #f88aea;
}

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

.titre_form {
	margin-bottom:15px;
	margin-left:0px;
	width:192px;
	height:43px;
	background-image:url(../images/charte/form.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/form.png', sizingMethod='image');
}


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

.titre_parti2  {
	margin-top:10px;
	margin-bottom:10px;
	
}

#contact_coordonnees {
	width:250px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}

#contact_loi{
	width:630px;
	float:left;
	margin-left:10px;
	margin-top:30px;
}


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

}



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


#contenu .txt_bas3 {
	font-size:11px;
	width:97%;
}
#contenu .txt_bas{
	font-size:9px;
}



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

#contenu .enval {
	color:#e2b243;
	font-weight:bold;
}

#contenu .enval1 {
	color:#FF3300;
	font-weight:bold;
}

#contenu .enval3 {
	color:#111111;
	font-weight:bold;
	background-image: url(../images/charte/puce2.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:10px;
	font-size:13px;
}

#contenu .enval2 {
	color:#760158;
	font-weight:bold;
	font-size:14px;
	padding-top:10px;
}

#contenu .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:40px;
	margin-bottom:10px;
	margin-top:5px;
	line-height:1.8em;
}

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

#contenu .listeul2 {
	margin-left:80px;
}



#contenu .listeul {
	margin-left:12px;
}


.decmerci {
	margin-left:80px;
	margin-top:20px;
}
.decimage2 {
	margin:10px 0 10px 70px;
}

.dectab {
	margin-left:150px;
	margin-bottom:15px;
}

.right {
	float:right;
}

.decimage{
	margin-right:30px;
}

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

#contenuTexte .txttab{
	margin-left:7px;
}
#contenuTexte #text{
	width:670px;
}

#contenuTexte #text2{
	width:750px;
}


#galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:50px;
	height:96px;
	padding-bottom:50px;	
}

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



#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: 502px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow{
  position: relative;
  }
#contenuTexte .vign{
  float: left;
  margin-right :10px;
  width: 142px;

  }

/*-------------------------- Nos produits de marques  ---------------------------*/

#contenuTexte .prod {
	float:left;
	width:175px;
	margin-right:10px;
	margin-bottom:20px;
}



#contenuTexte .prod .prodtop{
	float:left;
	width:175px;
	height:9px;
	background-image:url(../images/charte/prodtop.jpg);
	background-repeat:no-repeat;
}

#contenuTexte .prod .prodcont{
	float:left;
	width:175px;
	background-image:url(../images/charte/prodcont.jpg);
	background-repeat:repeat-y;
}

#contenuTexte .prod .prodcont .titreprod{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	width:155px;
	margin-left:10px;
	margin-bottom:10px;
	color:#e2b243;
}

#contenuTexte .prod .prodcont .image{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	margin:0 10px;
	color:#e2b243;
	margin-bottom:10px;
}


#contenuTexte .prod .prodcont .image img{
	border:1px solid #F889E8;
}


#contenuTexte .prod .prodcont .desc{
	font-size:11px;
	width:155px;
	margin-left:10px;
}

#contenuTexte .prod .prodbas {
	float:left;
	width:175px;
	height:50px;
	background-image:url(../images/charte/prodbas.jpg);
	background-repeat:no-repeat;
}

#contenuTexte .prod .prodbas a {
	float:left;
	width:175px;
	height:50px;
	background-image:url(../images/charte/prodbas.jpg);
	background-repeat:no-repeat;
}

/* ----------------------- Pagination ----------------------*/


#contenuTexte #pagination{
	width:500px;
	float:left;
	height:44px;
	text-align:center;
	margin-top:20px;
	margin-left:100px;
	padding-bottom:20px;
}
#contenuTexte #pagination p{
	text-align:center;
}
.prev{
	float:left;
	width:64px;
	height:43px;
}
.next{
	float:right;
	width:60px;
	height:44px;
}

/*-------------------------- Fiche produits ---------------------------*/

#ficheprod {
	width:700px;
	float:left;
}

#visuels {
	width:315px;
	float:left;
	margin-right:15px;
}

#image {
	width:213px;
	float:left;
	margin-right:15px;
}
#image img{
	border:1px solid #F889E8;
}
#vignettes {
	width:86px;
	float:left;
}
#vignettes img{
	border:1px solid #F889E8;
}
#caracteristique {
	width:370px;
	float:left;
}

#fichetop {
	width:370px;
	height:12px;
	float:left;
	background-image:url(../images/charte/fichetop.jpg);
	background-repeat:no-repeat;
}

#fichecont{
	width:370px;
	float:left;
	background-image:url(../images/charte/fichecont.jpg);
	background-repeat:repeat-y;
	padding-bottom:10px;
}
#fichecont .titrefiche {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	width:350px;
	margin-left:10px;
	margin-bottom:10px;
	color:#e2b243;
}
#fichecont .descfiche {
	width:350px;
	margin-left:10px;
	margin-bottom:10px;
}
#fichecont .partie {
	margin-left:10px;
	font-weight:bold;
	color:#F88AEA;
}
#fichecont .prix {
	font-weight:bold;
	font-size:15px;
	color:#e2b243;
}
#fichebas {
	width:370px;
	height:53px;
	float:left;
	background-image:url(../images/charte/fichebas.jpg);
	background-repeat:no-repeat;
}

#fichebas a{
	width:370px;
	height:53px;
	float:left;
	background-image:url(../images/charte/fichebas.jpg);
	background-repeat:no-repeat;
}

.imagehorizantale {
	width:500px;
	float:left;
	margin-left:100px;
	margin-top:10px;
	margin-bottom:10px;
}

#container #contenu #contenuTexte #text2 #ficheprod #caracteristique #fichecont p{
	width:350px;
	margin-left:10px;
	margin-bottom:10px;
}