/*##HASHING PICTONAV##*/
.normal {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
}
.rouge {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color:#FF0000;
}

.Grostitre {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24px;
        color: #000000;
}
.titre {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #000000;
}
.sousTitre {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #000000;
}
.sousTitreGris {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        color:#999999;
}
.sousTitreOrange {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        color:#E34D00;
}

/*##FIN HASHING PICTONAV##*/


.soldes
{

   width:86px;
   height:36px;
   background-image:url(./images/soldes.gif);
   color:#FCCE00;
   font-size: 15px;
   font-weight:bold;
   padding:8px;

   background-repeat:no-repeat;

}


.soldes_top
{

  position:absolute;
   width:324px;
   height:64px;
   background-image:url(./images/soldes_top.png);
   left:305px;

   background-repeat:no-repeat;

}
.blocTexte
{

display : none;
visibility:hidden;

}
.blocTexte_ouvert{
display : block;
visibility:visible;
}

html,body{
height:100%;
}


.titreProduitD{
 font-size:18px;
 color:#000000;
 font-weight:bold;
}

body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #AEAEAE;

        width: 100%;
        height:100%;

        margin: 0; /* pour éviter les marges */
        text-align: center; /* pour corriger le bug de centrage IE */


}

a{
 color: #656565;
 text-decoration:none;
}

a:hover{
 color: #000000;
 text-decoration:underline;
}


html>body{
  height: auto;
}


#global{
  position: relative;
  width:100%;

  margin:auto;

  background-color:#AEAEAE;
  background-image:url(./images/fond_cote.gif);
  background-position:top center;
  background-repeat:repeat-x ;
  text-align: left; /* on rétablit l'alignement normal du texte */

  min-height:100%;
  height:100%;

  /*border:1px solid gray;*/
}



/* zone bandeau */
#contenuBandeau{
  position: relative;
  display:block;
  width:954px;
  margin:auto;
  min-height:150px;

  border:1px solid gray !important;
  border:0px solid gray;
}

.recherche{
 color:#FFFFFF;
 font-weight:bold;
 font-size: 14px;
 padding-left:10px;
 padding-top:50px;
}

.titrePanierHaut{
 color:#F2AA80;
 font-weight:bold;
 font-size: 16px;
}

.clignotePanier{
  height:110px;
  width:167px;
  color:#FED000;
  font-weight:bold;
  font-size: 12px;
 background-image:url(./images/bg_sous_panier.gif);
}
.clignotePanier2{
  height:110px;
  width:167px;
  color:#FED000;
  font-weight:bold;
  font-size: 12px;
 background-image:url(./images/bg_sous_panier_ani.gif);
}

.affichePanierPrix{
 margin:5px 0px 5px 0px;
 padding:5px 0px 5px 0px;
}


/* fin bandeau*/


#contenuSite{
  position: relative;
  float:none;
  min-height:300px;
  width:968px;
  margin:auto;

  background-image:url(./images/fond_site.gif);
  background-position:left center;
  background-repeat:repeat-y;



}

#menuHaut{
 position: relative;
 width:100%;
 height:44px;
 background-image:url(./images/fond_menu_haut.gif);
 background-position:top center;
 background-repeat:repeat-x ;
}

#miseEnPageMH{
 width:954px;
  margin:auto;
  font-weight:bold;
}

#bandeauAccueil{
 position: relative;
 width:954px;
 height:113px;
}
.meteoBA{
 background-image:url(./images/bandeau_1.jpg);
 background-position:top center;
 background-repeat:no-repeat;
}
.outdoorBA{
 background-image:url(./images/bandeau_outdoor.jpg);
 background-position:top center;
 background-repeat:no-repeat;
}

.lienAccueil{
	color:#656565;
	font-size:11px;
}
.lienAccueilPanier{
	color:#FFFFFF;
	font-size:11px;
}
.btsOnglets{
	width:450px;
}
.btMeteo{
	float:left;


	margin-left:125px !important;
   margin-left:65px;
}

.btOutdoor{
	float:right;
	margin-right:15px;
}
.btOngletsSelect{
	font-size:18px;
	color:#000000;
}
.btOngletsNonSelect{
	font-size:18px;
	color:#FFFFFF;
}
.btOngletsSelect:hover{
	font-size:18px;
	color:#000000;
}
.btOngletsNonSelect:hover{
	font-size:18px;
	color:#FFFFFF;
}


/* menu bas */
#menuBas{
background-image:url(images/bg_sous_menu.gif);
  position: relative;
  width:946px;
  min-height:38px;
  background-color:#FDA900;
  color:#000000;
  font-size: 12px;
  text-align:left;
  padding-top:5px;
  padding-left:8px;
}


#menuBas2{
background-image:url(images/bg_sous_menu.gif);
  position:relative;
  width:946px;
  min-height:38px;
  background-color:#FDA900;
  color:#000000;
  font-size: 12px;
  text-align:left;
  padding-top:5px;
  padding-left:8px;

}

#menuBas2 a{
	display:block;
	float:left;
 color:#000000;
 letter-spacing:0px;
}

#menuBas2  a:hover{
	display:block;
	float:left;
 color:#000000;
}

#menuBas a{
	display:block;
	float:left;
 color:#000000;
 letter-spacing:0px;
}

#menuBas  a:hover{
	display:block;
	float:left;
 color:#000000;
}

.separ{
  float:left;
 height:31px;
 padding-top:12px;
}

.aproduitpack{
 color:#FF9422;

}



.menuBasActif{
	display:block;
	float:left;
 color:#AF3B00;
 text-decoration:underline;
}


/* fin menu bas */



#menuGauche{
 float:left;
 width:293px;
 min-height:300px;
 background-image:url(./images/fond-menu-gauche.gif);
 background-position:top center;
 background-repeat:repeat-y;
}



#contenu{
 float:left;
 width:668px;
 min-height:300px;
 background-color:#FFFFFF;


 /*border:1px solid gray;*/
}


#basPage{
 position: relative;
 margin-top:-10px;
 width:100%;
 height:51px;
 background-color:#2D2D2D;

}


#miseEnPageBP{
 width:954px;
  margin:auto;
  font-size: 11px;
  color:#6F6F6F;
  margin-top:5px;
}



/* partie gauche */
/* pour la page d'accueil */
#menupackfr{
 width:293px;
 height:235px;
 background-image:url(./images/zone_promofr.gif);
 background-position:top center;
 background-repeat:no-repeat;
}
#menupacken{
 width:293px;
 height:235px;
 background-image:url(./images/zone_promoen.gif);
 background-position:top center;
 background-repeat:no-repeat;
}
#menupackit{
 width:293px;
 height:235px;
 background-image:url(./images/zone_promoit.gif);
 background-position:top center;
 background-repeat:no-repeat;
}

#affichePack{
 width:220px;
 height:171px;
 margin-left:30px;
 padding-top:30px;
 /*border:1px solid gray;*/
}

.titrePack{
  font-size: 14px;
  font-weight:bold;
  font-style:italic;
}

.prixPack{
  color:#D34800;
  font-size: 24px;
  font-weight:bold;
  font-style:italic;
}

/* menu gauche pour les produits*/

.titreProd{
  color:#E6A300;
  font-size: 24px;
  font-weight:bold;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menuprod {
 width:278px;
 min-height:235px;

 padding-left:15px;
 background-image:url(./images/fond_menu_prod.gif);
 background-position:top center;
 background-repeat:repeat-y;
}

#menuprod a{
 display:block;

 font-size: 11px;
 width:234px;
 color:#000000;
 margin-top:2px;
 margin-left:10px;

 padding-top:5px;
 padding-bottom:5px;
 padding-left:5px;
}

#menuprod a:hover{
 display:block;
 width:234px;
 margin-top:2px;
 margin-left:10px;

 padding-top:5px;
 padding-bottom:5px;
 padding-left:5px;

 background-color:#E6BC00;
}

.a_ok{
 background-color:#E6BC00;
}

#menuprod dd {
position: absolute;
z-index: 100;
left:264px;
margin-top: -23px;
width:35px;

background-color:#E6BC00;
text-align:center;
padding-top:5px;
padding-bottom:10px;
}


#menuprod li {
text-align: center;
font-size: 9px;
height: 20px;
width:25px;
}

#menuprod li a{
width:25px;
color: #000000;
font-weight:bold;
margin-left:5px;
text-decoration: none;
}

#menuprod li a:hover {
width:25px;
background-color:#FED000;
font-weight:bold;
margin-left:5px;
text-decoration: underline;
}

.helpBoxDeroulante {
        width: 150px;
        padding: 0px;
        background-color: white;
        border: 1px solid #6066CA;
        color: black;
        font-family: Arial,Helvetica;
        font-style: Normal;
        font-weight: Normal;
        font-size: 12px;
        line-height: 14px;
}


/* fin menu gauche prod*/




#menuPromo{
 min-width:293px;
 background-image:url(./images/menu_gauche_promo.gif);
 background-position:top center;
 background-repeat:repeat-y;
}

#affichePromo{
  margin-left:10px;
}

.spacer
{
clear:both;
}
.titrePromo{
 font-size: 22px;
 color:#FFFFFF;
 font-weight:bold;
}

.titreProduitPromo{
 font-size: 14px;
 color:#FFFFFF;
 font-weight:bold;
 }

 .prixPromo{
   color:#FED000;
   font-size: 18px;
   font-weight:bold;
   font-style:italic;
 }
 /* fin partie gauche */

/* Details Produits */
ul.detailProd
{
margin: -10px 0 25px 50px;
list-style-image: url(/images/dot_bleu.gif);
}
il.detailProd
{
margin-left:20px;
}
/*FIN Details Produits */

 /*  contenu du site */
 .titreContenu{
   display:block;
   width:270px;
   height:20px;
   color:#DC4B00;
   font-size: 17px;
   font-weight:bold;
   font-style:italic;

   background-image:url(./images/fond_titre.gif);
   background-position:center center;
   background-repeat:no-repeat;
}

.fondProjo{
   background-image:url(./images/fond_projo.gif);
   background-position:center center;
   background-repeat:no-repeat;
}

.titreGamme{
   color:#000000;
   font-size: 18px;
   font-weight:bold;
}
.nomProduitProjo{
   color:#E04C00;
   font-size: 12px;
   font-weight:bold;
}

.fondDetailProd{
   background-image:url(./images/fond_detail_prod.gif);
   background-position:top center;
   background-repeat:no-repeat;
}

#autreColori{
   margin-left:50px;
   width:273px;
   height:51px;
   background-image:url(./images/fond_autre_colori.gif);
   background-position:top center;
   background-repeat:no-repeat;
   padding-top:5px;
   text-align:center;
}

.titreProd{
   color:#CC4500;
   font-size: 24px;
   font-weight:bold;
   font-style:italic;
}

.prixProd{
   color:#CC4500;
   font-size: 38px;
   font-weight:bold;
   font-style:italic;
}

.description{
   font-size: 10px;
   font-weight:bold;
}

.textRouge{
   color:#E04C00;
   font-size: 12px;
   font-weight:bold;
   font-style:italic;
}

#fondAfficheProd{
   float:left;

   margin-left:30px !important;
   margin-left:15px;
   margin-top:10px;

   width:163px;
   height:200px;

   background-image:url(./images/fond_affiche_prod.gif);
   background-position:top center;
   background-repeat:no-repeat;

   text-align:center;
   padding-top:5px;
   margin-right:10px;
 }

 .titreTechnique{
   color:#000000;
   font-size: 14px;
   font-weight:bold;
   font-style:italic;

 }

  form{ margin:0}

 .boutonAjouterG{
  margin-top: 10px;
  margin-left: 200px;

  width:201px;
  height:34px;

  padding-top:8px;
  padding-bottom:5px;

  background-image:url(./images/bt-ajouter-panier.gif);
  background-position:top center;
  background-repeat:no-repeat;

 }

 .boutonAjouterG input{
  margin-left:18px;
  width:19px;
  border:0px;
  background-color:#FCCE00;
  text-align:center;
  font-weight:bold;
 }

 .boutonAjouterG a{
   margin-left:25px;
   color:#E04C00;
   font-size: 12px;
   font-weight:bold;
   font-style:italic;
}

.borderImg{
  border:1px #E04C00 solid;
}


.infoPoption{
   width:170px;
   color:#E04C00;
   font-size: 12px;
   font-style:italic;
   text-align:center;
}

.imgCache{
    visibility:visible !important;
    /*visibility:hidden;*/
}

.imgVu{
   visibility:visible;
}
.blocNouveaute{
   width:282px;
   height:93px;
   background-image:url(images/bg_nouveaute_en.gif);
   background-repeat: no-repeat;

}
.blocNouveauteImg{
        text-align:center;
   width:123px;
   height:93px;
   float:left;
}
.blocNouveauteTxt{
   width:158px;
   height:93px;
   float:left;
}
.blocNouveauteNouv{
   width:150px;
   margin-top:17px;
        text-align:right;
   color:#DC4B00;
   font-size: 12px;
   font-style:italic;
   font-weight:bold;
}
.blocNouveautePrix{
        text-align:right;
   height:20px;
   width:135px;
   color:#000000;
   font-size: 16px;
   font-weight:bold;
}
.blocNouveauteRef{
   height:25px;
   width:158px;
}
.blocNouveauteRef a{
   color:#FFFFFF;
   font-size: 11px;
}
.blocNouveauteVoir{
text-align:right;
   height:20px;
   width:140px;
}
.blocNouveauteVoir a{
   font-weight:bold;
   color:#FFFFFF;
   font-size: 10px;
}

.btRetour{
        background-image:url(images/bt_retour.gif);
        width:104px;
        height:35px;
}
.btRetour a{
   color:#FFFFFF;
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
}

.logo_marque
{
margin-left:25px !important;
margin-left:15px;
float:left;

}
.titreMeteotronic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #000000;
}
.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}