/**********************************/
/* Conseiller un produit à un ami */
#conseiller_ami { width: 90%; padding-bottom: 5px; }
#conseiller_ami p { float: left; width: 100%; }
#conseiller_ami p.msgErreur { color: #966; }
#conseiller_ami label { width: 30%; float: left; text-align: right; }
#conseiller_ami span.champsForm { width: 65%; float: right; text-align: left; }
#conseiller_ami input.saisie, #conseiller_ami textarea.saisie { color: #000; width: 97%; }
#conseiller_ami span.asterisques { color: #777; }
#conseiller_ami span.txtNotaBene { font-style: italic; }
#conseiller_ami span.txtChampsObligatoires { font-weight: bold; }
/**********************************/

/*******************************************************/
/* Formulaires d'inscription/désinscription newsletter */
#emailNewsltr 	{ font-size: 11px; color: #000; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; width: 200px; }
#btnValNewsltr 	{ font-size: 11px; color: #000; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }


/*******************************/
/* Style cadre                 */
.cadrefr1 { border : 1px solid #cccccc;padding : 15px 5px;margin-bottom:20px;background : #efefef; }
.cadrefr2 { }
.cadrefrEdito {background-image: url("medias/images/fd_frame_radial.jpg");  background-repeat: no-repeat;padding-top:5px;}

.cadrefr3 { border : 1px solid #abaea4 ; background : #e5e880; }


.cadrefrProductLarge { padding : 10px;margin:0px; background-image: url("medias/images/bg_product_on_top_large.gif");  background-repeat: no-repeat;width:570px; height:100px;}
.cadrefrProductSmall { padding : 10px;margin:0px; background-image: url("medias/images/bg_product_on_top_small.gif");  background-repeat: no-repeat;width:265px; height:100px;}
.cadrefrProductMedium { padding : 10px;margin:0px; background-image: url("medias/images/bg_product_on_top_medium.gif");  background-repeat: no-repeat;width:290px; height:100px;}
acronym { border-bottom: 1px dotted #FF0000;}





/*******************************/
/* Style formulaire            */
.formulaire { font-size: 11px; color: #000000; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }
.formulaireCO { font-size: 11px; color: #000000;font-weight: bold; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }
input {font-size: 11px; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border : 1px solid #666666;background : #efefef; }
.champRecherche { background: url(../medias/images/loupe.gif) no-repeat 2px 2px #efefef; padding-left: 18px; width: 130px; }
textarea { font-size: 11px; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border : 1px solid #666666;background : #efefef; }
select { font-size: 11px; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border : 1px solid #666666;background : #efefef; }

/*******************************/
/* Style menu texte            */
a.menuTitre:link, a.menuTitre:visited, a.menuTitre:active { color: #232323; font-size: 13px; text-decoration: none; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; padding: 8px; margin: 5px 7px 5px 0px;}
a.menuTitre:link:hover, a.menuTitre:visited:hover, a.menuTitre:active:hover { font-size: 13px; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #0d0f0c; border: 1px solid #56523a; padding: 8px; margin: 5px 7px 5px 0px; color: #FFFFFF; }


/*******************************/
/* Style galerie               */
.titreGalerie { color: #FFFFFF; font-size: 18px; line-height: 19px; font-style: normal; font-weight: bold; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin: 0px; }
#galerie_photo { width: 100%; float: left; }
#vignette { width: 100%; float: left; }
.vignette { float: left; width: 100px; height: 100px; border: 1px solid #75725D; margin: 1px; background: #393C3D; }
.zoom {float: left; width: 400px; margin-left: 10px; text-align: center; }
.imageZoom {float: left; width: 400px; height: 400px; border: 1px solid #75725D; margin-left: 1px; background: #393C3D; }
#navigationVignette { float: left; width: 102px; }
#navigationIntermediaire { float: left; width: 400px; margin-top: 4px; padding-left: 12px;}
#listeIntermediaire { float: left; width: 402px; padding-left: 50px;}
#listeVignette { float: left; height: 418px;}
#ensembleVignette { float: left; width: 102px; margin-top: 48px;}

/*******************************/
/* Style tableau               */
.tableau {border:1px solid;border-color: #aaaaaa;border-collapse:collapse;}
.tableau1 {background-color: #DEDEDE; }
.tableauFichier1 {font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #cccccc;font-size: 18px;border:1px solid #aaaaaa;border-collapse:collapse;}
.tableauFichier2 {font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 12px;border:1px solid #aaaaaa ;border-collapse:collapse;}
.rolltableauoff { border-style:solid;border-color: #777777;}

/*******************************/
/* Style News déroulante       */
#newsCadre { position: relative; width:207px; height:260px;border-top:1px dotted #bbbbbb;border-bottom:1px dotted #bbbbbb;margin-bottom:5px;}
#newsMasque { position: relative; left:5px; top:5px; width:197px; height:250px; overflow:hidden; }
#newsDeroulante1 { position: absolute; width:197px; height:250px; }
#newsDeroulante2 { position: absolute; width:197px; height:250px; }
.newsInfo { display: none;}

.newst { font-size: 14px; font-weight: bold; color: #A4AE0E; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin:0px 0px 0px 0px;}
.newsa { font-size: 12px; color: #7b8ea8; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;   margin:0px 0px 3px 0px;}
.newstxt { font-size: 10px; color: #444444; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;   margin:0px 0px 0px 0px;}

/*******************************/
/* Fiche produit			   */

.ajoutPanier, a.ajoutPanier:link, a.ajoutPanier:visited, a.ajoutPanier:active { 
	background: url(medias/images/fd_bt_large_2steps.gif) no-repeat; 
	font-size: 12px; 
	font-weight: bold; 
	color: #B10014;
	width: 147px; 
	line-height: 20px; 
	float: left;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	text-decoration: none; 
	text-align: center;
}
a.ajoutPanier:hover, a.ajoutPanier:visited:hover, a.ajoutPanier:active:hover { 
	background-position: 0px -20px;
}

.ajoutProduitPanier, a.ajoutProduitPanier:link, a.ajoutProduitPanier:visited, a.ajoutProduitPanier:active { 
	background: url(medias/images/bt_add_cart_big_2_steps.gif) no-repeat; 
	font-size: 12px; 
	font-weight: bold; 
	color: #B10014;
	width: 100px;
	height: 62px; 
	float: left;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	text-decoration: none; 
	text-align: center;
}
a.ajoutProduitPanier:hover, a.ajoutProduitPanier:visited:hover, a.ajoutProduitPanier:active:hover { 
	background-position: 0px -62px;
	color: #FFFFFF;
}


.ongletInfoProduit, a.ongletInfoProduit:link, a.ongletInfoProduit:visited, a.ongletInfoProduit:active { 
	background: url(medias/images/onglet_3steps.gif) no-repeat;
	font-size: 13px; 
	font-weight: normal; 
	color: #666666; 
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	text-decoration: none; 
	text-align: center;
	background-position: 0px 0px;
	width: 140px; 
	line-height: 23px; 
	float: left;
	margin-left: 1px;
}

a.ongletInfoProduit:hover, a.ongletInfoProduit:visited:hover, a.ongletInfoProduit:active:hover {
	background-position: 0px -23px;
}

.ongletInfoProduitActif, a.ongletInfoProduitActif:link, a.ongletInfoProduitActif:visited, a.ongletInfoProduitActif:active {
	background: url(medias/images/onglet_3steps.gif) no-repeat;
	font-size: 13px; 
	font-weight: normal; 
	color: #666666; 
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	text-decoration: none; 
	text-align: center;
	background-position: 0px -46px;
	width: 140px; 
	line-height: 23px; 
	float: left;
	margin-left: 1px;
}

a.fondInteraction, a.fondInteraction:link, a.fondInteraction:visited, a.fondInteraction:active { 
	background: url(medias/images/fd_bt_2steps.gif) no-repeat;
	font-size: 11px;  
	color: #555555; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-decoration: none;
	background-position: 0px 0px;
	width: 130px; 
	line-height: 22px; 
	float: left;
}

a.fondInteraction:hover, a.fondInteraction:visited:hover, a.fondInteraction:active:hover {
	background-position: 0px -22px;
}
/*************** Premier onglet de couleur bleu ******************************/
.onglet1, a.onglet1:link, a.onglet1:visited, a.onglet1:active { 
	background: url(medias/images/fd_bt_large3_2steps.gif) no-repeat;
	font-size: 12px;
	font-weight: bold; 
	color: #666666; 
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	text-decoration: none; 
	text-align: center;
	background-position: 0px 0px;
	width: 147px; 
	line-height: 20px; 
	float: left;
	margin-left: 1px;
}

a.onglet1:hover, a.onglet1:visited:hover, a.onglet1:active:hover {
	background-position: 0px -20px;
}

.onglet3, a.onglet3:link, a.onglet3:visited, a.onglet3:active { 
	background: url(medias/images/fd_bt_large3_2steps.gif) no-repeat;
	font-size: 12px;
	font-weight: bold; 
	color: #666666; 
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	text-decoration: none; 
	text-align: center;
	background-position: 0px 0px;
	width: 147px; 
        display:block;
	line-height: 20px; 
        margin-left: 133px;
}

a.onglet3:hover, a.onglet3:visited:hover, a.onglet3:active:hover {
	background-position: 0px -20px;
        margin-left: 133px;
}

/*************** deuxième onglet de couleur orange ******************************/
.onglet2, a.onglet2:link, a.onglet2:visited, a.onglet2:active { 
	background: url(medias/images/fd_bt_large2_2steps.gif) no-repeat;
	font-size: 12px; 
	font-weight: bold; 
	color: #666666; 
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
	text-decoration: none; 
	text-align: center;
	background-position: 0px 0px;
	width: 147px; 
	line-height: 20px; 
	float: left;
	margin-left: 1px;
}

a.onglet2:hover, a.onglet2:visited:hover, a.onglet2:active:hover {
	background-position: 0px -20px;
}

.contenuPanier {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	text-decoration: none;
}

.drag {
	position: absolute; 
	z-index: 1;
	cursor: hand;
}

.suppressionPanier img { background: url(../medias/images/bt_trash.png) no-repeat; background-position: 0px 0px; }
.suppressionPanier:hover img{ background-position: 0px -42px; }

.panierCaddie img { background: url(../medias/images/caddie.png) no-repeat; background-position: 0px 0px; }
.panierCaddie:hover img{ background-position: 0px -27px; }

.panierSuppression img { background: url(../medias/images/bt_remove.png) no-repeat; background-position: 0px 0px; }
.panierSuppression:hover img{ background-position: 0px -18px; }

.panierValider { 
	background: url(../medias/images/fd_bt_submit_cart.png) no-repeat; 
	background-position: 0px 0px; 
	line-height: 40px;	
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;	
	font-size:13px; 
	font-weight: bold;
	text-align: center; 
	text-decoration: none; 
	width: 152px; 
	height: 42px; 
	right: 13px;
	position: absolute;
}

.panierValider:hover { background-position: 0px -42px; }


.panierQuantite {
	font-size: 11px;
	float: right;
	width: 20px;
	font-weight: normal;
	color: #555555;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;	
}
.panierTotal {
	font-size: 14px;
	margin-right: 10px;
	font-weight: normal;
	color: #555555;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;	
}
.panierTexteCommande {
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
	color: #555555;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;	
}

.boutonRetour {
	background: url(../medias/images/fd_bt_backtosearch.png) no-repeat;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	line-height: 20px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #536109;
	font-weight: bold;
	background-position: 0px 0px;
	width: 72px;
	height: 20px;
	border: 0px;
	float: left;
}

.boutonRetour:hover {
	background-position: 0px -20px;
}

.boutonCrazy {
	background: url(../medias/images/fd_bt_submit.gif) no-repeat;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	line-height: 24px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #536109;
	font-weight: bold;
	background-position: 0px 0px;
	width:220px;
	height: 24px;
	border: 0px;
}

.boutonCrazy:hover {
	background-position: 0px -24px;
}

.crazy_thumbnail { border: 1px solid #bbbbbb; padding: 0px;background: #ffffff; width: 70px; height:70px; text-align: center; margin-bottom: 10px; }
.crazy_zoom { border: 1px solid #bbbbbb; padding: 15px; margin-bottom: 20px; background: #efefef; width: 550px; height: 350px; left: 85px; text-align:center; }


.SolidarlienRubrique { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 11px; line-height: 18px; color: #383932; text-decoration: none; float: left; position: relative;  width: 100%; }
.SolidarlienRubrique:hover { background: #FFFFFF; }

.solidarN3M {  margin: 0px; float: left; width: 100%; position: relative; font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 10px; line-height: 18px; color: #C00418; text-decoration: none; }
.solidarN3M:hover { background: #FFFFFF; }