@import url(/css/fenetre_modal.css);

/*##HASHING PICTONAV##*/

.normal{
    font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:12px;
 	color:#000000;
}


/*##FIN HASHING PICTONAV##*/

/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	
}

a{
    	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#706F6F;
}


.vert2{
   font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;
	color:green;
}

div.conteneur{
	width:100%;
	height: 100%;
}
#tout_sauf_pied {
	min-height: 100%;
}
#dern_elt_avt_pied {
	padding-bottom: 50px;
}
div.banniere {
	width:100%;
	height:160px;
	background-image:url(/images/bg-banniere.jpg);
	background-repeat:repeat-x;

}

.div_autre_couleur_admin{

padding:5px 5px 5px 5px;
float:left;
border:1px red solid;
text-align:center;
width:90px;
height:85px;

}

.div_autre_couleur{

padding:5px 5px 5px 5px;
float:left;
text-align:center;
width:105px;
height:150px;



}



div.banniere div.menu {
	background-image:url(/images/bg-menu.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:42px;
	float:left;
	padding-top:10px;
}

div.banniere div.menu div.separateur{
	background-image:url(/images/separateur-barre.gif);
	background-repeat:no-repeat;
	width:25px;
	height:42px;
	display:inline;
	position:absolute;
	margin-top:-10px;
	margin-left:0px;

}
div.banniere div.menu label {
	color:#39609F;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
}
div.banniere div.menu input{
	color:#39609F;
	font-size:11px;
	font-weight:bold;
	}
div.banniere div.menu .champText{
	width:150px;
	color:#39609F;
	font-size:11px;
	font-weight:normal;
}
div.banniere div.menu select{
	width:150px;
	color:#39609F;
	font-size:11px;
}
div.banniere div.menu .btnPanier{
	background-image:url(/images/btn-panier.gif);
	background-repeat:no-repeat;
	width:118px;
	height:30px;
	border:0;
	position:absolute;
	display:inline;
	margin-top:-3px;
	margin-left:15px;
	padding-left:20px;
	color:#39609F;
	font-size:11px;
	font-weight:bold;
}

div.banniere div.menu a {
	width:100%;
	height:100%;
	display:block;
}
div.banniere div.menu div.zoneCommande {
	float:right;
	margin-top:-5px;
	margin-right:40px;
	text-align:center;
	width:150px;;
}
div.banniere div.menu div.zoneCommande div.articles{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.banniere div.menu div.zoneCommande div.articles span.nbArticle{
	font-size:14px;
	font-weight:bold;

}
div.banniere div.menu div.zoneCommande div.articles span.prix {
	font-size:12px;

}

div.banniere div.menu div.zoneCommande a {
	text-decoration:none;
	color:#39609F;
	font-size:11px;
}
div.banniere div.menu div.zoneCommande a:hover {
	font-size:11px;
	text-decoration:underline;;
	color:#9B9BFF;
}
div.logo {
	background-image:url(/images/logo.jpg);
	background-repeat:no-repeat;
	width:266px;
	height:151px;
	float:left;
}
div.banniere div.btn {
	float:left;
}

div.magasins {
	background-image:url(/images/zone-nos-magasins.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:151px;
	float:right;
}

div.centre {
	width: 100%;
	float:left;
	height:auto;
	margin-top:-10px;
}

*> div.centre{
margin-top:-5px;
!margin-top:40px;
}


div.centre div.centreSite{
	margin-left:auto;
	margin-right:auto;
	height:100%;

}
div.centre div.centreSite div.cadreProduit {
	background-image:url(/images/bg-produit.gif);
	background-repeat:no-repeat;
	width:160px;
	height:274px;
	text-align:left;
	margin-top:10px;
	padding:2px;

}

div.centre div.centreSite div.cadreProduit div.imageProduit {
	background-repeat:no-repeat;
    background-position:center;
	width:150px;
	height:120px;
	align:center;



}

div.centre div.centreSite div.cadreProduit div.prix{
	text-align:right;
	margin-top:5px;
	padding-right:10px;
	color:#CF0333;
	font-size:21px;
	font-weight:bold;
	font-style:italic;
	font-stretch:narrower;
}
div.centre div.centreSite div.cadreProduit h1{
	font-size:15px;
	color:#39609F;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
}
div.centre div.centreSite div.cadreProduit h1 a{
padding-left:15px;
	font-size:15px;
}
div.centre div.centreSite div.cadreProduit ul{
	margin:0;
	padding:0;
}
div.centre div.centreSite div.cadreProduit ul li{
	list-style:none;
	list-style-image:url(/images/puce-li-prod.gif);
	list-style-position:inside;
	color:#706F6F;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:5px !important;
	margin-left:-5px;
}

div.centre div.centreSite div.cadreProduit a img{
	border:0;
}
div.centre div.centreSite div.cadreProduit div.liens {
	margin-top:10px;
	margin-left:20px;
}
div.centre div.centreSite div.cadreProduit a {
	font-size: 10px;
	color:#39609F;
	font-weight:bold;
}
div.centre div.centreSite div.cadreProduit a:hover{
color:#9B9BFF;
}
div.centre div.menuG {
	float:left;
	background-image:url(/images/bg-menu-G.gif);
	background-repeat:repeat-y;
	width:150px;
	margin-top:15px;
}

div.centre div.menuG ul{
	margin:0;
	padding:0;
	margin-left:20px;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
	 	text-decoration:none;

}

div.centre div.menuG li{
	list-style-image:url(/images/puce-list.gif);
	margin-left:15px;
	font-size:11px;
	color:#706F6F;
}

div.centre div.menuG li.li2{

	margin-left:30px;

}

div.centre div.menuG ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	color:#706F6F;

}
div.centre div.menuG ul li a:hover{
	color:#9B9BFF;
	background-position:0 0;
}



div.centre div.menuG ul.violet li a:hover{
	background-image:url(/images/selection-violet.gif);
	background-repeat:repeat-x;

}

div.centre div.menuG ul.violet liOK {
	background-image:url(/images/selection-violet.gif);
	background-repeat:repeat-x;

}

div.centre div.menuG ul.violet li2OK {
	background-image:url(/images/selection-violet.gif);
	background-repeat:repeat-x;

}



div.centre div.menuG ul.bleu li a:hover{
	background-image:url(/images/selection-bleu.gif);
	background-repeat:repeat-x;
}
div.centre div.menuG ul.rouge li a:hover{
	background-image:url(/images/selection-rouge.gif);
	background-repeat:repeat-x;
}
div.centre div.menuG ul.jaune li a:hover{
	background-image:url(/images/selection-jaune.gif);
	background-repeat:repeat-x;
}
div.centre div.menuG ul.orange li a:hover{
	background-image:url(/images/selection-orange.gif);
	background-repeat:repeat-x;
}
div.centre div.menuG ul.vert li a:hover{
	background-image:url(/images/selection-vert.gif);
	background-repeat:repeat-x;
}

div.centre div.menuD div.flecheH{
	background-image:url(/images/flecheH.jpg);
	background-repeat:no-repeat;
	width:111px;
	height:19px;;
}
div.centre div.menuD div.flecheB{
	background-image:url(/images/flecheB.jpg);
	background-repeat:no-repeat;
	width:111px;
	height:23px;;
}
div.centre div.menuD div.flecheB a{
	display:block;
	width:100%;
	height:100%;
}
div.centre div.menuD div.flecheH a{
	display:block;
	width:100%;
	height:100%;
}
div.centre div.menuD div.contenu {
	width:113px;
	background-image:url(/images/bg-voir-aussi.jpg);
	background-repeat:repeat-y;
	text-align:center;
	align:center;
	padding:0px;
}
div.contenu h1{
	font-size:11px;
	margin:0;
	padding:0;
	color:#85514B;
	margin-bottom:0px;

}

.actif {
	font-weight:bold;
}

div.centre div.promo {
	width:114px;
	height:auto;
	float:left;
	padding-left:20px;
	text-align:center;

}
div.centre div.promo div.top {
	background-image:url(/images/haut-promo.gif);
	background-repeat:no-repeat;
	width:114px;
	height:53px;
	text-align:center;
}
div.centre div.promo h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:left;
	padding-left:10px;

}

div.centre div.promo h1 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:left;
	padding-left:10px;
	color:#000000;
	font-size:12px;

}
div.centre div.promo div.contenu {
	background-image:url(/images/bg-promo.gif);
	background-repeat:repeat-y;
	width:114px;
	text-align:center;
}

div.centre div.promo div.contenu div.separateur{
	width:112px;
	height:7px;
	background-image:url(/images/separateur.gif);
	background-repeat:no-repeat;
	margin-left:1px;
}
div.centre div.promo div.contenu img{
	margin-left:1px;
}
div.contenu span.ancienPrix{
	color:#000000;
	font-size:12px;
	text-decoration:line-through;
}

.ancienPrix{
	color:#000000;
	font-size:12px;
	text-decoration:line-through;
}

div.contenu span.nouveauPrix{
	color:#CF0333;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
div.centre div.promo div.bas{
	background-image:url(/images/bas-promo.gif);
	background-repeat:no-repeat;
	width:114px;
	height:58px;
}
div.centre div.promo div.bas a{
	display:block;
	width:100%;
	height:100%;
}
div.basPage{
	width:100%;
	height:67px;
	background-image:url(/images/bg-bas-page.jpg);
	background-repeat:repeat-x;
	float:left;

	color:#39609F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
div.surBasPage {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	clear:both;
}
div.surBasPage a{
	text-decoration:none;
	color:#24467F;
	font-size:11px;
}
div.surBasPage a:hover{
	text-decoration:underline;;
	color:#9B9BFF;
}
div.basPage a:visited{
	color:#39609F;
}
div.basPage div.bas{
	padding-top:28px;
	background-image:url(/images/bas-page.jpg);
	background-repeat:no-repeat;
	width:793px;
	height:67px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
div.surBasPage .barre{
	height:3px;
	width:390px;
	line-height:3px;
	margin-left:auto;
	margin-right:auto;
}
div.ficheProduit {
	padding:1px;
}
div.ficheProduit h1{
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-left:10px;
}
div.ficheProduit div.droite {
	background-image:url(/images/separateur-produit.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:left;

}
div.ficheProduit div.droite .prix{
	font-size:24px;
	color:#CF0333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div.ficheProduit div.droite img {
	padding:2px;
}
div.ficheProduit div.droite dt{
	font-size:12px;
	font-weight:bold;
	margin-top:11px;
	margin-left:20px;
}
div.ficheProduit div.droite dd{
	font-size:12px;
	margin-top:11px;
	padding:0;
	margin-left:20px !important;
	margin-left:-20px; ;
}
div.ficheProduit div.droite dd .prix{
}

.rouge{
color:#FF0000;
	text-decoration:none;
}
.bleu{
color:#0C76CF;
	text-decoration:none;
}
.vert{
color:#39C50E;
	text-decoration:none;
}
.orange{
color:#FF5A00;
	text-decoration:none;
}
.violet{
color:#DD4BE6;
	text-decoration:none;
}
.jaune{
color:#D8B700;
	text-decoration:none;
}

.spacer{
 clear:both;
}

/*pub banniere defilante*/
#scroller {
float:left !important;
float:none;
width: 99%;
min-height:50px;
overflow: hidden;
border:1px black solid;
background-color:#FFFFFF;
}

#contentSlidePage {
 width: 5250px;

}

.section{
background-color:#FFFFFF;
float:left;
padding:5px 10px 0px 10px;
width: 730px;
} 

#zoneFlash{
	width:220px;
	height:220px;
	background-color:white;
	border:1px solid gray;
}
a.pageSuivante {
	background-image:url(../images/page-suivant.gif);
	background-repeat:no-repeat;
	width:17px;
	height:17px;
	color:#666666;
	text-align:center;
	display:block;
	float:left;
	margin-left:2px; margin-right:2px;
}
a:hover.pageSuivante {
background-image:url(../images/page-suivant-A.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
}
.pageSuivanteA {
background-image:url(../images/page-suivant-A.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
width:17px;
height:17px;
display:block;
float:left;
margin-left:2px; margin-right:2px;
text-align:center;
}
.pageSuiv { font-size:12px; color:#666666;}
.titre { color:#0099FF; font-size:16px; font-weight:bold;}

.pics img { border: 1px solid #ccc; background-color: #FFF }