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

/* STYLE DE LA PAGE CONTACT */

/***************** STYLE contact *****************/
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea,select{
background-color:#401908;
width:99%;
border:1px solid #4A2811;
font-size:11px;	font-family: Arial, Helvetica, sans-serif;

}
#formContact input:focus,textarea:focus{
border-color:#4A2811;
font-size:11px;width:99%;background-color:#401908;
font-family: Arial, Helvetica, sans-serif;
}
#formContact .champRequis{
color:#000	;
width:99%;
}
.formulaire{
float:left;
width:600px;


}
.text-form{
font-size:11px;
color:#000;
font-family: Arial, Helvetica, sans-serif;
}

.champs-form{
background-color:#401908;
font-size:11px;
border:1px solid #4A2811;
color:#FEEDD9;width:99%;
font-family: Arial, Helvetica, sans-serif;

}

.boutton-form{
color:#EFC033;
font-weight:bold;
border:none;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#401908;cursor:pointer}
.loi{
text-align:justify;
font-size:11px;
color:#000;
font-family: Arial, Helvetica, sans-serif;

}

#container #contenu a:hover.vign{
background-position:left bottom;
cursor:pointer;
}
#container #contenu a:hover.vign p{
color:#371C09;
}

.designation{
float:left;
height:25px;
max-height:25px;
width:155px;
margin-bottom:1px;


}
.desc{
float:left;
height:40px;
max-height:40px;
width:155px;
margin-bottom:1px;
}

#container #contenu .vign2 .desc p{
text-transform:none;
font-size:11px;
font-weight:normal;
line-height:1.2em;
}

.prix{
float:left;
width:70px;
height:10px;
padding-bottom:0px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:line-through;
font-weight:bold;
padding-left:6px;
color:#40200;
margin-top:0px;
}

.prix_vide{
float:left;
width:70px;
font-size:13px;
text-decoration:none;
font-weight:bold;
padding-left:6px;
margin-top:2px;
}

.prix-promo{
float:right;
width:80px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
height:20px;

color:#990000;
font-weight:bold}

#container .savoir{
float:left;
width:120px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#663300;
text-transform:none;
margin-top:-2px

}
.qte{
float:left;
width:50px;
margin-left:7px;
margin-top:14px}
.qte input{
border:#B46A34 1px solid}
.ajout{
float:right;
width:96px;
height:27px;
margin-top:10px;
background-image:url(../images/charte/ajout.gif);
background-repeat:no-repeat;
margin-right:-5px
}
.texte-gauche{
float:left;
width:490px;
margin-right:5px;
margin-top:20px}
.animation{
float:right;
width:217px;
height:167px;
padding-left:14px;
padding-top:14px;
background-image:url(../images/charte/bgr.jpg);
background-repeat:no-repeat
}

.coffre{
float:right;
width:196px;
height:247px;
padding-left:5px;
padding-top:5px;
background-image:url(../images/charte/bgr-coffre.png);
background-repeat:no-repeat;
_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bgr-coffre.png', sizingMethod='image');

}
/* STYLE DE LA PAGE mentions/cgv */
.text-left{
float:left;
width:350px;
padding-right:9px;
border-right:1px solid #E3B996;

padding-left:20px;
padding-bottom:10px;
}
.text-left p{
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
margin-top:10px;
width:320;

}
.text-right{
float:left;
width:350px;
padding-left:20px;
}
.text-right p{

width:320;
text-align:justify;
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
}
.text-cont{
float:left;
width:570px;
padding-right:5px;
border-right:1px solid #E3B996;

padding-left:20px;
padding-bottom:10px;
}
.text-cont p{
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
margin-top:10px;
width:570;

}
.text-right-acc{
float:right;
width:170px;
padding-left:10px;
}

.liste{
float:left;
width:300px;
margin-top:10px;
}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:none;

}
 .liste li{
	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/puce.png', sizingMethod='image');

	list-style-type:none;
	padding:0px 0 10px 28px;
	border:none;
	font-weight:bold;
	margin-left:0px;
	

}

.liste1{
float:left;
width:300px;

}
.liste1 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:none;

}
 .liste1 li{
	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce1.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/puce1.png', sizingMethod='image');

	list-style-type:none;
	padding:0px 0 10px 28px;
	border:none;
	font-weight:bold;
	margin-left:20px;
}

.text-left-plan{
float:left;
width:300px;
padding-right:9px;
border-right:1px solid #E3B996;

padding-left:20px;
padding-bottom:10px;
}
.text-left-plan p{
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
margin-top:10px;
width:320;

}



/*-------------------------- galerie coffrets ---------------------------*/

#tuning1 {
width:650px;
float:left;
margin-top:20px

}


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

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

#contenuTexte .vign img{
	border: 1px solid #3E1E09;
}


/*-------------------------- galerie Préparation ---------------------------*/

#bloc-ami{
float:left;
width:570px;
margin-left:20px}


.message{
float:left;
width:700px;
margin:10px 20px;
}
#container .detail{
margin-top:10px;
font:bold 1.4em Arial, Helvetica, sans-serif;
color:#B46A34;
border-bottom:1px solid #B46A34;}



/* STYLE DE LA PAGE fiche */
.droite{float:left;
margin-left:20px;
width:720px}

.fiche-produit{
width:740px;
float:left;

padding:5px;
margin-left:20px

}

.fiche-visuels{
float:left;
width:300px;
position:relative;

}

.fiche-visuels img{
float:left;
width:auto;
border:1px solid #371C09
}

.fiche-visuels-petits{
float:left;
width:300px;

}
.fiche-visuels-petits img{
margin-left:6px;
margin-top:5px
}

.fiche-descriptifs{
float:right;
width:400px;
padding:5px
}
.top{
float:left;
position:relative;
background-image:url(../images/charte/top.png);
background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/top.png', sizingMethod='image');
	width:380px;
	height:61px}
	.nouveau {
	width:85px;
	height:55px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	
	top:0px;
	right:-5px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}
	.nouveau2 {
	width:90px;
	height:55px;
	position:absolute;
	background-image:url(../images/charte/new2.png);
	background-repeat:no-repeat;
	top:0px;
	left:-5px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new2.png', sizingMethod='image');

}
	
.contenu-fiche{
float:left;
width:360px;
padding:0 10px 10px 10px;
background-image: url(../images/charte/contenu.gif);
background-repeat:repeat-y;
border-bottom:1px solid #401908}
#container .designation3{
float:left;
width:300px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#351302;
font-weight:bold;
padding-top:20px;
padding-left:58px}	
	
#contenuTexte p.couleure, span.couleure{
font-weight:bold;
color: #DC4900;
font-size:11px;

}

 .prix-vente{ 
	width:150px;
	text-align:right;
	font:bold 15px Arial, Helvetica, sans-serif;
	color: #401908;
	margin:10px 0 10px 0;
	float:left;
	text-decoration:line-through;
}

 #prix-promotion{ 
	width:170px;
	margin:7px 0 10px 0;
	text-align:left;
	font:bold 19px Arial, Helvetica, sans-serif;
	color: #AA2501;
	float:right;
}
 .option{ 
 
	width:210px;
	text-align:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #945627;
	margin:10px 0 5px 0;
	float:left;

}

 .quantite{ 
	width:150px;
	margin:10px 0 5px 0;
	text-align:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #945627;
	float:right;
}
.ajout-panier{ 
	width:380px;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #945627;
	float:left;
	height:28px;
	margin:0px 0 5px 0;
	background-image:url(../images/charte/panier.png);
	background-repeat:no-repeat;
	cursor:pointer;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/panier.png', sizingMethod='image');
}
.contactez{
	float:left;
	background-image:url(../images/charte/cont.png);
	width:122px;
	height:25px;
	margin-top:10px;
	cursor:pointer;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/cont.png', sizingMethod='image');
}
.amis{
	float:right;
	background-image:url(../images/charte/amis.png);
	width:150px;
	height:35px;
	margin-top:10px;
	cursor:pointer;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/amis.png', sizingMethod='image');
}

.produits-associes{
float:left;
width:700px;
margin-top:10px;
padding:5px;

}
.produit-ass{float:left;
width:101px; margin-right:7px;
}
.produit-ass img{
float:left;
width:auto;
text-align:center;
border:1px solid #371C09
}
#container .produit-ass p{	
 width:91px;
 float:left;
font:bold 13px Arial, Helvetica, sans-serif;
color:#000}
#container .prix2{font:13px Arial, Helvetica, sans-serif;

width:91px;
text-align:center;
}
#container .designation2{font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
width:100px;
text-align:center;
margin-bottom:2px
}#container .pagination {
	padding-top:25px;
	float:left;	
	width:700px;
	text-align:center;
	}
	
	#container .pagination  p{
	float:left;	
	width:720px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}