/* 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 CONTENU */

#contenuTexte h1{
	margin:0 15px;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	color:#FFF;
	font-variant:small-caps;
	background-color:#026bbe;
	height:18px;
	padding:0 2px 2px 5px;
	margin-bottom:10px;
}

#contenuTexte h1.titre-couleur{
	margin:0 15px;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	color:#FFF;
	font-variant:small-caps;
	background-color:#757063;
	height:18px;
	padding:0 2px 2px 5px;
	margin-bottom:10px;
}
#contenuTexte h1.titre-couleur2{
	margin:0 15px;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	color:#FFF;
	font-variant:small-caps;
	background-color:#f94400;
	height:18px;
	padding:0 2px 2px 5px;
	margin-bottom:10px;
}


#contenuTexte h2{
	margin:20px 0;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color:#757063;
	font-variant:small-caps;
	border-bottom:1px solid #757063;
}

#contenuTexte p{
	padding-bottom:5px;
	font-size:1.2em;
	line-height:1.5em;
	text-align:justify;
	color:#757063;
	
}
#contenuTexte a:link, #contenu a:visited{
	color: #757063;
	text-decoration:none;
}
#contenuTexte a:hover, #contenu a:active{
	color: #FC7B00;
	text-decoration:none;
}

#contenuTexte a:link img, #contenuTexte a:visited img  {
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
border:none;
}

#contenuTexte a:hover img, #contenuTexte a:active img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
border:none;
}

.smaller{font-size:8px;color:#ce1025;}
#contenuTexte .nota {font-style:italic; font-size:11px;}


#contenuTexte .centre {font-size:13px; text-align:center; margin:10px 0;}
#contenuTexte .couleur  {color:#c4243f;}
#contenuTexte .couleur1 {color:#c4243f;}
#contenuTexte .couleur2 {color:#757063;}
#contenuTexte .couleur3 {color:#FD7100;}

.bloc-gche {
	margin-left:15px;
	margin-right:15px;
	width:300px;
	margin-top:15px;
	float:left;
	}

ul.liste{
	margin: 0 0 20px 0;
	position:relative;
	width:300px;
	background:none;
	font-size:12px;
	list-style:square;
}

ul.ss-liste{
	margin: 15px 0 20px 15px;
	position:relative;
	width:300px;
	background:none;
	font-size:12px;
}



/* RUBRIQUE ACCUEIL */
/*.bloc-accueil {
	width:350px;
	float:left;
	margin-right:5px;
	margin-bottom:35px;
	}*/

.bloc-accueil {
	width:700px;
	float:left;
	margin-right:5px;
	margin-bottom:35px;
	text-align:center;
	}
.bloc-accueil img {margin-bottom:40px; border:1px solid #e6e6e6;}

#contenuTexte .bloc-accueil p {
	text-align:center;
	}


/* CATALOGUE PRODUIT */
/* FL ARIANE CATALOGUE */
#chemin-catalogue{
	padding:2px 0 2px 0;
	text-align:left;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#757063;
	margin:0 0 10px 5px;
	font-weight:bold;
}

#contenuTexte #chemin-catalogue a {
	font:Arial, Helvetica, sans-serif;
	color:#c4243f;	
	text-decoration:none;
}
#contenuTexte #chemin-catalogue a:hover {
	color:#757063;	
}


#contenuTexte a:link.vignette, #contenuTexte a:visited.vignette {
	float:left;
	width:150px;
	height:207px;
	padding:13px 10px;
	text-decoration:none;
	margin:0 4px 10px 0;
	background:url(../images/charte/bg-fiche.gif) no-repeat left top;
	position:relative;
}
#contenuTexte a:hover.vignette, #contenuTexte a:active.vignette{
	background-position:left bottom;
	cursor:pointer;
}

#contenuTexte a.vignette p.img-catalogue {
	width:150px;
	height:150px;
	text-align:center;
	}
	
#contenuTexte a.vignette p{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#757063;
	text-transform:uppercase;
	padding-bottom:4px;
	width:150px;
}
#contenuTexte a:hover.vignette p{color:#CCC;}


#contenuTexte a.vignette span.prix-barre{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#757063;
	margin-right:5px;
	text-decoration:line-through;
}
#contenuTexte a.vignette p.prix{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#C4243F;
}
#contenuTexte a:hover.vignette p.prix{color:#333;}
#contenuTexte a:hover.vignette span.prix-barre{color:#CCC;}


#filtre {
	width:700px;
	height:20px;
	margin-bottom:20px;
	margin-left:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#filtre span.libelle-liste {
	float:left;
	color:#666;
	font-size:12px;
	margin-right:5px;
	padding-top:1px;
	}
	
select.liste-listing {
	width:150px;
	background-color:#757063;
	color:#FFF;
	font-size:11px;
	text-align:left;
	border:1px solid #666;
	float:left;
	margin-right:15px;
}

input.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#757063;
}

/* PAGINATION */
#contenuTexte .pagination {
	width:500px;
	margin:20px auto;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	}
#contenuTexte .pagination a:link, #contenuTexte .pagination a:visited  {color:#c4243f;}




/* LES PICTOS LISTING */
#picto-nouveau, #picto-baisse{
	top:5px;
	left:10px;
	width:85px;
	height:100px;
	z-index:100;
	}
	
#picto-nouveau{
	background:url(../images/charte/picto-nouveau.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-nouveau.png', sizingMethod='image');
	position:absolute;
	}

#picto-baisse{
	background:url(../images/charte/picto-prix.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-prix.png', sizingMethod='image');
	position:absolute;
	}
	
#picto-phare{
	top:5px;
	left:10px;
	width:60px;
	height:100px;
	z-index:100;
	}
	
#picto-phare{
	background:url(../images/charte/picto-phare.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-phare.png', sizingMethod='image');
	position:absolute;
	}	

#picto-rupture{
	top:5px;
	left:10px;
	width:60px;
	height:100px;
	z-index:100;
	}
	
#picto-rupture{
	background:url(../images/charte/picto-rupture.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-rupture.png', sizingMethod='image');
	position:absolute;
	}	
	
	
	

/* FICHE PRODUIT */
/* FL ARIANE FICHE PRODUIT */
#chemin{
	padding:2px 0 2px 10px;
	text-align:left;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:10px 0 10px 30px;
	background:#757063;
	width:550px;
}

#contenuTexte #chemin a {
	font:Arial, Helvetica, sans-serif;
	color:#FFF;	
	text-decoration:none;
}
#contenuTexte #chemin a:hover {
	color:#CCC;	
}

#fiche-produit{
	width:550px;
	float:left;
	margin: 0 0 0 40px;
}

#info-produit{
	width:275px;
	float:left;
}

#fiche-produit #img-prod{
	float:left;
	width:252px;
	height:350px;
	text-align:center;
	margin-right:20px;
	position:relative;
}
#fiche-produit #img-prod a:link img, #fiche-produit #img-prod a:visited img{border:1px solid #CCC;}


#fiche-produit .infos-prod, #fiche-produit .infos-prod-ref{
	float:left;
	margin-left:10px;
	width:245px;
	padding:10px;
	border:1px solid #CCC;
	border-top:none;
	font:1.2em Arial, Helvetica, sans-serif;
}

#fiche-produit .infos-prod-ref{background:#c4243f;}

#fiche-produit .txt-designation{
	color:#FFF;
	font-weight:bold;
	font-variant:small-caps;
	font-size:14px;
}

#fiche-produit .txt-prix{
	color:#c4243f;
	font-weight:bold;
	font-size:17px;
}

#fiche-produit .txt-prix-barre{
	color:#757063;
	font-weight:bold;
	font-size:12px;
	text-decoration:line-through;
	margin-right:5px;
	margin-left:5px;
}

#fiche-produit .txt-titre{font-weight:bold;}

#fiche-produit .infos-prod a.ajout-panier{
	background:url(../images/charte/pict-panier.gif) no-repeat;
	text-indent:20px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	color:#c4243f;;
}

#fiche-produit .infos-prod a.ajout-panier:hover, #fiche-produit .infos-prod a.ajout-ami:hover{
	color:#444;
}

#fiche-produit .infos-prod a.ajout-ami{
	background:url(../images/charte/picto-amis.gif) no-repeat;
	text-indent:20px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	color:#c4243f;;
}


#fiche-produit a:link.roll-img img, #fiche-produit a:visited.roll-img img{
	float:left;
	border:1px solid #e6e6e6;
}
#fiche-produit a:hover.roll-img img, #fiche-produit a:active.roll-img img{
	border:1px solid #4D9B0D;
}

#fiche-produit .lbl-input{
	width:125px;  
	float:left;
	font-weight:bold;
	margin-bottom:5px;
}

#fiche-produit .input{
	border : 1px solid #757063;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width : 115px;
	margin-bottom:5px;
}

.pt-input{
	border : 1px solid #757063;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width : 50px;
	margin-bottom:5px;
	background:#757063;
	color:#FFF;
}


/* PRODUITS ASSOCIES */
#bloc-produit-assoc {
	width:500px;
	font-size:12px;
	margin:20px auto;
}

.produit-assoc {
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#666;
	margin-right:15px;
	float:left;
	padding-right:15px; 
	border-right:1px solid #CCC;
}
#contenuTexte #bloc-produit-assoc a img {border:1px solid #CCC;}




/* LES PICTOS FICHE PRODUIT */
#picto-nouveau-fp, #picto-baisse-fp{
	top:0px;
	left:5px;
	width:85px;
	height:100px;
	z-index:100;
	}
	
#picto-nouveau-fp{
	background:url(../images/charte/picto-nouveau.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-nouveau.png', sizingMethod='image');
	position:absolute;
	}

#picto-baisse-fp{
	background:url(../images/charte/picto-prix.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-prix.png', sizingMethod='image');
	position:absolute;
	}
	
#picto-phare-fp, #picto-rupture-fp{
	top:-5px;
	left:7px;
	width:60px;
	height:100px;
	z-index:100;
	}
	
#picto-phare-fp{
	background:url(../images/charte/picto-phare.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-phare.png', sizingMethod='image');
	position:absolute;
	}	

#picto-rupture-fp{
	background:url(../images/charte/picto-rupture.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-rupture.png', sizingMethod='image');
	position:absolute;
	}	






/* COMMANDER PAR REFERENCE */
#controls{
  padding:10px 0 0;
  margin:10px 0 0 20px;  
  }
  
#controls table#commande{
  margin:5px 0 15px 0;
  font-weight:bold;
  text-align:center;
  }
  
#controls table#commande th{
  background: #fd7100;
  padding:2px 1px;
  font: bold 11px Arial, Helvetica, sans-serif;
  color:#FFF;
  text-align:center;
  }
  
  
#controls table#commande th.petit{width: 100px;  text-align:center;}
#controls table#commande th.medium{width: 260px;}

#controls table#commande td{
  background:#FFF;
  padding:0 0;
  text-align: center;
  font: 10px Arial, Helvetica, sans-serif;
  color: #444;
  }

#controls table#commande tr.tr-gris td{background:#FFF;}
  
#controls table#commande td.separation{
	border-top:1px solid #CCC;
	height:1px;
	width:100%;
	line-height:0;
  }



#controls table#commande td input{
  width:250px;
  color:#757063;
  background:#F4F0E6;
  text-align:left;
  padding-left:3px;
  height:15px;
  font-size:11px;
  }
  
#controls table#commande   .pt-input{
	border : 1px solid #757063;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width : 50px;
	margin-bottom:5px;
	background:#757063;
	color:#FFF;
}
 
#controls table#commande td .bouton-reference{
  width:100px;
  color:#FFF;
  background:#757063;
  text-align:center;
  padding-left:3px;
  height:20px;
  font-size:11px;
  cursor:pointer;
  }
 
 
/* RUBRIQUE CGV */
.bloc-cgv {
	margin-left:55px;
	margin-right:15px;
	width:500px;
	margin-top:15px;
	float:left;
	padding-left:5px;
	}





/** RUBRIQUE CONTACT **/
#bloc-adresse-contact {
	width:190px;
	float:left;
	margin:15px 30px 20px 20px;
	padding: 0 5px;
}

#bloc-adresse-contact p {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#757063;}

#bloc-adresse-contact p.nota {
	font-style:italic;
	color:#757063;
	font-size:10px;
	text-align:justify;
	display:block;
	margin:20px 0 0 0 ;
	}

.cnil {
	font-style:italic;
	color:#444;
	font-size:9px;
	text-align:right;
	margin:0 140px 0 0 ;
	width:300px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	}



/** **/

#bloc-contact {
	width: 320px;
	float:left;
	margin:20px 0 20px 0;
}

#bloc-contact, #formContact input, #formContact textarea, #formContact select.liste, #formContact .bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#757063;
}

#formContact input, #formContact textarea, #formContact select.liste{
	width:200px;
	background:#757063;
	color:#FFF;
}

#bloc-contact label {
	text-align:right;
	padding-right:10px;
	display:block;
	color:#757063;
}

#bloc-contact span.libelle {
	text-align:right;
	display:block;
	font-weight:bold;
	color:#757063;
}

#formContact .radio, #formContact .check{
	width:10%;
	border:none;
	margin-bottom:3px;
}

#formContact .bouton{
	width:80px;
	border:1px solid #757063;
	background:none;
	cursor:pointer;
	color:#757063;
}

#bloc-merci {
	width:500px;
	margin:30px 50px 20px 0 ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#757063;
}

.champRequis{color:#757063; font-size:9px;}



/* RUBRIQUE - ENVOYER A UN AMI */
#bloc-ami {
	width:350px;
	float:left;
	margin:25px 0 0 10px;
	padding-left:10px;
	border-left:1px solid #e6e6e6;
	font-size:12px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

#bloc-ami #f_envoyerAmi input, #bloc-ami #f_envoyerAmi textarea, #bloc-ami #f_envoyerAmi .bouton-ami {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	}

#bloc-ami #f_envoyerAmi input{
	width:200px;
	height:15px;
	padding-left:2px;
	background:#757063;
	border:1px solid #FFF;
}

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	height:80px;
	padding-left:2px;
	background:#757063;
	border:1px solid #FFF;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#FFF;
	background:#757063;
	border:1px solid #FFF;
	cursor:pointer;
	text-align:center;
	}
#bloc-ami #f_envoyerAmi .bouton-ami:hover{
	width:80px;
	height:20px;
	color:#000;
	background:#757063;
	border:1px solid #FFF;
	}
	
#bloc-ami h1{
	margin:0 0 0 0;
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/charte/puce.png) top left no-repeat;
	padding:0;
	height:40px;
}

#contactgroup{
border:1px solid #757063;
width:380px;
}

#contactgroup legend{
color:#666666;
font-weight:bold;
}

#contactgroup p{
margin-left:10px;
}