/* 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 ACCUEIL */
.agauche {
	float:left;
	display:block;
	width:313px;
	height:327px;
	margin-right:5px;
}
.adroite {
	float:left;
	display:block;
	width:313px;
	height:327px;
}


.marque {
	background:url(../images/bg-marque2.jpg) top left no-repeat;  
	width:590px; 
	height:80px; 
	padding-top:15px; 
	padding-left:40px;
	margin-top:20px;
	}



/* RUBRIQUE CONTACT */
#formContact table {
	font-family:"Trebuchet MS";
	font-size:11px;}
	
#formContact table tr {padding-bottom:55px;}

#contactTxt{
	width:45%;
	float:left;
	font-family:"Trebuchet MS";
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input{
	width:135px;
	border:1px solid #670001;
	background-color:#BD1B02;
	font-family:"Trebuchet MS";
	font-size:11px;
}
#formContact textarea{
	width:424px;
	border:1px solid #670001;
	background-color:#BD1B02;
	font-family:"Trebuchet MS";
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}





/* LISTING PRODUIT */
	#plus {
		position:absolute;
		width:32px;
		height:30px;
		bottom:18px;
		right:5px;
	}
	#plus a:link img, #plus a:visited img {border:none;}
	#plus a:hover img, #plus a:visited img {border:none;}
	#tri
	{
		float:right;
		margin:10px 0 30px 0;
	}

	#tri p
	{
		margin:0;
		padding:0;
		line-height:1.5em;
	}

	#tri select
	{
		border:#412E23 solid 1px;
		background:#942419;
		color:#FFFFFF;
	}

	#tri option
	{
		padding-right:10px;
	}

	.vignette
	{
		float:left;
		background-image:url(../images/charte/vignette.gif);
		background-repeat:no-repeat;
		width:190px;
		height:240px;
		color:black;
		margin:30px 20px 15px 0;
		padding-top:20px;
		position:relative;
	}
	

	
	/* IMAGE */
	
		.img_vignette
		{
			float:left;
			width:180px;
			height:150px;
			text-align:center;
			margin-bottom:5px;
			padding-left:5px;
			
		}
		.img_vignette a:link img, .img_vignette a:visited img {
			filter: alpha(opacity=100);
			-moz-opacity: 1.00; opacity:1.00;
			border:1px solid #670001;
		}
		
		.img_vignette a:hover img, .img_vignette a:active img {
			filter: alpha(opacity=80);
			-moz-opacity: 0.80; opacity:0.80;
			border:1px solid #670001;
		}
	
	/* TEXTE */
	
		#contenuTexte .col_desc
		{
			float:left;
			margin-left:0px;
			width:160px;
			font-size:13px;
			color:#c5a24b;
			font-family:"Trebuchet MS";
			height:50px;
			line-height:20px;
			padding:0 10px 0 35px;
		}
		
		#contenuTexte .col_desc a
		{
			color:#FFF;
			font-size:14px;
		}
		
		#contenuTexte .col_desc a:hover
		{
			color:#BE1C03;
			text-decoration:none;
		}
		
		#contenuTexte .designation_vignette
		{
			font-size:11px;
			text-align:left;
			line-height:16px;
			margin:0;
			padding:0;
		}	
		
		#contenuTexte .marque_vignette
		{
			text-align:left;
			color:#c5a24b;
			padding-bottom:0;
			line-height:16px;
		}
		
		#contenuTexte .descriptif_vignette
		{
			font-size:12px;
			line-height:1em;
			color:#FFF;
			text-align:left;
			margin:5px 0 5px 0;
		}
		
		#contenuTexte .prix_vignette
		{
			text-align:left;
			font-size:16px;
			font-weight:bold;
		}
		
		#contenuTexte .promo_vignette
		{
			font-size:12px;
			text-decoration:line-through;
			font-weight:normal;
		}
		
	#contenuTexte .bouton_vignette
	{
		float:left;
		width:120px;
		height:33px;
	}
	
	#contenuTexte .bouton_vignette .bouton_vignette_image
	{
		float:right;
		background:url(../images/charte/addcart.png) no-repeat;
		width:105px;
		height:33px;
	}
	
	#contenuTexte .bouton_vignette .bouton_vignette_image:hover
	{
		float:right;
		background:url(../images/charte/addcart.png) no-repeat -105px 0;
		width:105px;
		height:33px;
		text-decoration:none;
	}
	
	
	

/* FICHE PRODUIT */

	.fiche
	{
		float:left;
		width:575px;
		color:#FFF;
		margin-bottom:30px;
		margin-top:20px;
	}
	
	.header_fiche
	{
		background:url(../images/charte/haut-fiche-produit.gif) no-repeat;
		float:left;
		width:575px;
		height:52px;
	}
	
	.fill_fiche
	{
		background:url(../images/charte/milieu-fiche-produit.gif) repeat-y;
		float:left;
		width:545px;
		padding:0 20px 0 20px;
	}
	
	.footer_fiche
	{
		background:url(../images/charte/bas-fiche-produit.gif) no-repeat;
		float:left;
		width:575px;
		height:30px;
	}
	
	
	
	/* IMAGE */
	
		.image_fiche
		{
			float:left;
			width:222px;
		}
		
		.header_image_fiche
		{
			float:left;
			width:220px;
			height:10px;
		}
		
		.fill_image_fiche
		{

			float:left;
			width:220px;
			position:relative;
		}
		.fill_image_fiche a img
		{
			float:left;
			margin:0;
			padding:0;
			margin-left:10px;
			width:200px;
			border:0;
			filter: alpha(opacity=100);
			-moz-opacity: 1.00; opacity:1.00;
			border:1px solid #670001;
		}
		
		.fill_image_fiche a:hover img
		{
			filter: alpha(opacity=95);
			-moz-opacity: 0.95; opacity:0.95;
		}
		
		
		.footer_image_fiche
		{
			float:left;
			width:220px;
			height:10px;
		}
	
		/* MINI-FICHE */
		
		.mini_fiches
		{
			margin-right:0px
		}
		
		.mini_fiche
		{
			float:left;
			width:66px;
			height:66px;
			padding-left:5px;
		}
		
		.mini_fiche_image
		{
			float:left;
			width:60px;
			height:60px;
			margin:3px 0 0 3px;
			border:1px solid #670001;
		}

	
	/* FIL ARIANE */
	#contenuTexte h1#filariane {
		color:#330000;
		font-size:14px;
		text-decoration:none;
		margin:0 0 0 0;
		font-style:normal;
		border:none;
		margin-left:10px;
	}

	#contenuTexte h1#filariane a:link, #contenuTexte h1#filariane a:visited {
		color:#670001;
		font-size:14px;
		text-decoration:none;
		margin:20px 0 0 0;
	}
	#contenuTexte h1#filariane a:hover, #contenuTexte h1#filariane a:active{text-decoration:underline;} 
	
	
	/* TEXTE */
	
		#contenuTexte .content_fiche
		{
			float:left;
			margin-top:7px;
			margin-left:0px;
			width:300px;
			color:#FFF;
			font-family:"Times New Roman", Times, serif;
			font-size:12px;
		}
		
		#contenuTexte .designation_fiche
		{
			font-size:18px;
			border-bottom:#412E23 solid 1px;
			font-weight:bold;
			margin:0;
			padding:0;
			margin-bottom:20px;
			margin-left:10px;
		}	
		
		#contenuTexte .marque_fiche
		{
			text-align:left;
			margin-left:10px;
		}
		
		#contenuTexte .descriptif_fiche
		{
			text-align:left;
			margin-left:10px;
		}
		
		#contenuTexte .prix_fiche
		{
			text-align:left;
			margin-left:10px;
			margin-top:20px;
			font-weight:bold;
		}
		
		#contenuTexte .prix_non_barre_fiche
		{
			font-size:22px;
			font-weight:bold;
		}
		
		#contenuTexte .prix_barre_fiche
		{
			font-size:14px;
			text-decoration:line-through;
			font-weight:normal;
			margin-right:10px;
		}
		
		#contenuTexte .tailles_fiche
		{
			margin:10px 10px 20px 10px;
			float:left;
			width:280px;
		}
		
		#contenuTexte .taille_fiche
		{
			float:left;
			width:100%;
			margin-bottom:5px;
			margin-left:10px;
		}
	
	/* BOUTON */
	
		#bouton_fiche
		{
			float:left;
			height:33px;
			text-align:right;
		}
		
		#bouton_fiche .bouton_fiche_image
		{
			float:right;
			background:url(../images/charte/addcart.gif) no-repeat;
			width:105px;
			height:33px;
		}
		
		#bouton_fiche .bouton_fiche_image:hover
		{
			float:right;
			background:url(../images/charte/addcart.gif) no-repeat -105px 0;
			width:105px;
			height:33px;
			text-decoration:none;
		}





/* Bonnes affaires */
	
	
	#ventes-content h1
	{
		font-size:20px;
		font-weight:bold;
		color:#C5A24B;
		margin:10px;
		border:0;
		text-align:center;
		border-bottom:#C5A24B solid 1px;
	}
	
	
	#ventes-content
	{
		width:180px;
		height:186px;
		padding:0 10px;
	}
	
	#ventes-content p
	{
		font-size:16px;
		text-align:center;
		color:#FFF;
		font-weight:bold;
		font-family:"Times New Roman", Times, serif;
	}
	
	#ventes-content .important{
		font-size:19px;
	}
	
	#ventes-content .codeprivee{
		margin:20px auto;
		width:150px;
	}
	
	.codeprivee .code
	{
		width:120px;
		border:1px solid #660000;
		background-color: #660000;
		color:#FFF;
	}
	
	.codeprivee .submit-code
	{
		border:0;
		background-color: #660000;
		color:#FFF;
	}
	
/* RUBRIQUE POINT DE VENTE */
/* RUBRIQUE ACTUALITE */
.gras {color:#C5A24B; font-weight:bold;}
.bloc-point {
	width:600px;
	margin:40px 0 0 0;
	float:left;
	padding-bottom:20px;
}

.point-img {
	width:200px;
	height:150px;
	margin:10px 20px 0 0;
	float:left;
	text-align:center;
}
.point-img img {border:1px solid #670001;}
.point-img a {
	font-weight:bold;
	text-decoration:none;
	color:#0068a0;
	font-size:11px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;;
}	
.point-img a img {
	border:1px solid #670001;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.point-img a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

.point-contenu {
	width:350px;
	float:left;
	font-size:11px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
}

#contenuTexte p.point-titre{
	font-size:18px;
	font-variant:small-caps;
	color:#C5A24B;
	text-align:left;
	font-weight:bold;
	
}

#contenuTexte .point-texte {
	width:350px;
	text-align:justify;
	font-size:11px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
}

/* CSS */
/* RUBRIQUE - ENVOYER A UN AMI */
#bloc-ami {
	width:350px;
	float:left;
	margin:30px 0 20px 0 ;
	padding-left:10px;
	border-left:1px solid #670001;
	letter-spacing:0.03em;
}

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

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

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	height:70px;
	background-color:#A30001;
	border:1px solid #670001;
	padding-left:2px;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	border:1px solid #670001;
	background-color:#A30001;
	cursor:pointer;
	}

/* RUBRIQUE CGV */
#cgv {
	width:550px;
	margin-left:10px;
	}