/*--- Style général ---**/
* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #595C3F;  }
BODY { background: #FFF; }
IMG  { border: none; }
a {color: #B21A1A; text-decoration: none;}

/*--- Centre ---*/
#center { width: 991px; position: relative; margin-left: -495px; left: 50%; padding-top: 10px; }

/*--- Header ---*/
#header { height: 170px; background: #FFF url(../pics/charte/bg-header.jpg) top left no-repeat; text-indent: -5000px; }
#lienHome { position: absolute;top: 10px; left: 0px; }
#lienHome a { left: 0px; width: 450px; height: 130px; display: block }

/*--- Menu ---*/
#menu { background: url(../pics/charte/bg-menu.jpg) bottom left no-repeat; float: left; text-align: left; margin-top: -37px}

UL#nav1   { width: 660px;}
UL#nav2   { padding-top: 1px; padding-bottom: 2px; float: left;}
UL#nav1_outdoor   { width: 550px; }
UL#nav2_outdoor   { padding-top: 1px; padding-bottom: 2px; padding-left:165px; float: left; }
UL.nav    { list-style: none; margin: 0 auto 0 auto; }
UL.nav LI { float: left; }
UL.nav A  { display: block; text-align: center; float: left; height: 19px; padding-top: 11px; width: 110px; background: url(../pics/charte/bg-menu-a.png) top left no-repeat; font-size: 10px; color: #595C3F; text-decoration: none; }
UL.nav A.multi   { height: 25px; padding-top: 5px; }
UL.nav A.enAvant { background: url(../pics/charte/bg-menu-a-avant.png) top left no-repeat; }
UL.nav A.actif, UL.nav A:hover { background: url(../pics/charte/bg-menu-a-actif.png) top left no-repeat; color: #FFF; } 
UL.nav A.multiactif { height: 25px; padding-top: 5px; background: url(../pics/charte/bg-menu-a-actif.png) top left no-repeat; color: #FFF; } 

DIV#partenaires     { float: left; padding: 5px 0 0 12px; height: 38px; width: 536px; border-right: 1px solid #D3D3D3; }
DIV#partenaires IMG { vertical-align: top; margin-left:15px; height:35px;}
DIV#partenaires SELECT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 141px; padding: 1px; margin-top: 8px; }

DIV#panier A       { font-family: Arial, Helvetica, sans-serif !important; background: url(../pics/charte/bg-panier.jpg) top right no-repeat; height: 35px; float: left; width: 103px; border-right: 1px solid #D3D3D3; text-align: right; text-decoration: none; font-size: 11px; padding: 8px 40px 0 0; color: #0B0B0B; }
DIV#panier STRONG  { font-size: 1.2em; color: #A24201 !important; } 

DIV#identification A { font-size: 10px;background: url(../pics/charte/bg-identification.gif) center left no-repeat; height: 26px; float: left; width: 88px; text-decoration: none; text-align: left; color: #1C2123; padding: 9px 0 0 32px; }

FORM#recherche       { /*background: #0F0;*/ height: 33px; float: left; width: 151px; border-right: 1px solid #D3D3D3; padding: 10px 0 0 22px; }
FORM#recherche P     { text-align: left; }
FORM#recherche INPUT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 50px; background: url(../pics/charte/bg-input-search.gif) top left no-repeat; border: none; width: 88px; height: 18px; vertical-align: middle; color: #710D08; padding: 3px 0 0 20px; }
FORM#recherche INPUT.bouton { width: 22px; background: url(../pics/charte/bg-input-search-bouton.gif) top left no-repeat; height: 21px; vertical-align: top; cursor: pointer; padding: 0 !important; vertical-align: middle; }

DIV#son {position: absolute;top: 92px; left: 875px;}
DIV#filariane { float: left; padding: 3px 0 0 2px; color: #B21A1A; text-decoration: none; display:block}

/*--- Contenu ---*/
#contenu { text-align: left; padding-top: 0px; float: left; }

/*--- Colonnes ---*/
#colGauche  { float: left; width: 131px; }
#colDroite  { float: left; width: 131px;}

/*- Encarts -*/
UL.encarts   { list-style: none; }
UL.encarts A { display: block; height: 139px; margin-top: 7px; background-position: 0px 0px;  font-size: 13px; font-weight: bold; color: #FFF; text-align: center;padding:7px 0 0 0;}
UL.encarts A:hover { background-position: 0px -146px !important; }

UL.encarts A#seasons       { background: #FFF url(../pics/charte/encarts-seasons.png) no-repeat; }
UL.encarts A#photos        { background: #FFF url(../pics/charte/encarts-photos.jpg) no-repeat; }
UL.encarts A#blog          { background: #FFF url(../pics/charte/encarts-blog.jpg) no-repeat; }
UL.encarts A#wallpapers    { background: #FFF url(../pics/charte/encarts-wallpapers.jpg) no-repeat; }
UL.encarts A#espaceCadeaux { background: #FFF url(../pics/charte/encarts-espace-cadeaux.jpg) no-repeat; }
UL.encarts A#offres        { background: #FFF url(../pics/charte/encarts-offres.png) no-repeat; }
UL.encarts A#carteVip      { background: #FFF url(../pics/charte/encarts-carte-vip.png) no-repeat; } 
UL.encarts A#newsletter    { background: #FFF url(../pics/charte/encarts-newsletter.png) no-repeat; }
UL.encarts A#paiement      { background: #FFF url(../pics/charte/encarts-paiement.jpg) no-repeat; }
UL.encarts A#femme		   { background: #FFF url(../pics/charte/encarts-botiquefemme.jpg) no-repeat; }  
UL.encarts A#faq		   { background: #FFF url(../pics/charte/encarts-faq.jpg) no-repeat; }  

UL.cartouche   { list-style: none; }
UL.cartouche A { display: block; height: 36px; width:120px;  margin-top: 7px;background: #FFF url(../pics/charte/bg-onglet-cartouche.png) no-repeat; background-position: 0px 0px; font-size: 10px; text-align: center;  text-decoration: none; font-weight: bold; color: #FFF; padding:8px 2px 0 5px;}
UL.cartouche A:hover { color: #ff6e00 !important;}
UL.cartouche A.simple_ligne { height: 29px !important; padding-top: 15px !important;}

div#flash_cadeau {background: #FFF url(../pics/charte/encarts-espace-cadeaux.jpg) no-repeat; padding: 25px 0 0 0;margin-top: 7px; display: block; height: 121px;}
div#flash_jpp {background: #FFF url(../pics/charte/encarts-jeux-concours.jpg) no-repeat; padding: 25px 0 0 0;margin-top: 7px; display: block; height: 121px;}
div#flash {background: #FFF url(../pics/charte/Bg-onglet-menu_gauche.png) no-repeat; margin-top: 7px;display: block; height: 146px; }
div#flash .texte_entete_onglet {float;left; font-size: 13px; font-weight: bold; color: #FFF; height: 27px;text-align: center;padding:5px 0 0 0;}

UL.topVente   { background: url(../pics/charte/bg-ul-top-vente.jpg) top left no-repeat; padding-top: 26px; list-style: none;  }
UL.topVente A { display: block; padding-top: 10px; height: 90px; background: #F9ECC5; border-top: 1px solid #FFF; border-bottom: 1px solid #D9CDAC; text-align: center; text-decoration: none; line-height: 15px; color: #879E70; }
UL.topVente img {background: #fff;}

/*- Sous menu -*/
UL.sousMenu { list-style: none; padding-top: 2px; font-size: 11px; }
UL.sousMenu LI { background: url(../pics/charte/bg-sousMenu-li.jpg) bottom left no-repeat; padding: 5px 0 6px 0; }
UL.sousMenu LI A { display: block; padding: 5px 0 5px 0; text-decoration: none; color: #000; }
UL.sousMenu LI A:hover, UL.sousMenu LI A.actif { background: url(../pics/charte/bg-sousMenu-a-actif.jpg) top left repeat-y; }

/*---  Article ---*/
#article { float: left; width: 718px; padding: 2px 0 0 10px; }
#articleGrand { float: left; width: 849px; padding: 7px 0 0 10px; }


/*--- Accueil ---*/
.bestProduct { float: left; width: 228px; height: 320px; background: #FFF url(../pics/charte/bg-produit.jpg) bottom left no-repeat; padding-right: 12px; margin-bottom: 11px;}
.lastBestProduct { padding-right: 0 !important; }

.bestProduct H2 { font-size: 13px; font-weight: bold; color: #FFF; height: 20px; padding-top: 3px;}
.bestProduct H3 { font-size: 13px; font-weight: bold; color: #000; padding-left: 10px; margin-bottom: 10px;}
.bestProduct P  { font-size: 11px; padding-left: 10px; }
.bestProduct H3 A { display: block; text-decoration: none; color: #000;}

/*- Couleurs -*/
.bestProduct H2.orange { background: url(../pics/charte/bg-h2-orange.jpg) top left no-repeat; }
.bestProduct H2.rouge  { background: url(../pics/charte/bg-h2-rouge.jpg) top left no-repeat; }
.bestProduct H2.noir   { background: url(../pics/charte/bg-h2-noir.jpg) top left no-repeat; }
.bestProduct H2.vert   { background: url(../pics/charte/bg-h2-vert.jpg) top left no-repeat; }
.bestProduct IMG { float: left; margin: 15px 0 0 10px;}

.bestProduct P.prixBarre { font-size: 14px; color: #000; font-weight: bold; float: left; background:  url(../pics/charte/bg-prix-barre.gif) top center no-repeat; text-align: center; height: 25px; padding: 5px 0 0 0; margin: 20px 0 0 15px !important; }
.bestProduct P.prixBarreVide { font-size: 14px; color: #000; font-weight: bold; float: left; text-align: center; height: 25px; padding: 5px 0 0 0; margin: 20px 0 0 20px !important; }
.bestProduct P.apartir { font-size: 15px; color: #F60; font-weight: bold; float: left; padding-right: 10px; text-align: left; height: 25px;  padding: 5px 0 0 0; margin: 20px 0 0 0 !important;}
.bestProduct P.promo { font-size: 18px; color: #F60; font-weight: bold; float: left; padding:0 5px 0 0; text-align: right; width: 100px; margin: 0 0 5px 0 !important; }
.bestProduct P.logo { text-align: right !important; }

.bestProduct .visuels { height: 150px; }
.bestProduct .texte { height: 115px; padding-right:7px;}
.bestProduct .liens {height: 15px; padding-bottom:5px;}
.bestProduct .reductionTaux { position: absolute; text-align:center; width:52px; height:34px; color:#FFF; font-weight: bold; font-size:12px; margin: 30px 0 0 -10px !important; padding: 18px 0 0 0; }
.bestProduct .reductionImage { position: absolute; margin: 30px 0 0 -10px !important; }


.bestProduct A.commander { display: block; float: left; background: url(../pics/charte/bg-a-commander.jpg) top left no-repeat; width: 133px; height: 16px; margin:  5px 0 0 3px; color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }
.bestProduct A.infos     { display: block; float: right; background: url(../pics/charte/bg-a-infos.jpg) top left no-repeat; width: 78px; height: 16px; margin: 5px 3px 0 0; color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }

/*- Alignements -*/
.bestProduct H2.right  { padding-right: 17px; }
.bestProduct H2.left   { padding-left: 17px; }


/*--- Catégories : optique, ... ---*/
.categories { float: left; width: 168px; height: 192px; background: #FFF url(../pics/charte/bg-categorie.jpg) bottom left no-repeat; padding-right: 12px; margin-bottom: 11px; }
.lastCategories { padding-right: 0 !important; }

.categories H2 { font-size: 11px; font-weight: bold; color: #FFF; height: 20px; padding-top: 3px; }
.categories H3 { font-size: 13px; font-weight: bold; color: #000; padding-left: 10px; margin-bottom: 20px; }
.categories P  { font-size: 11px; padding-right: 10px; }
.categories H2 A { display: block; text-decoration: none; color: #FFF;}

/*- Couleurs -*/
.categories H2 { background: url(../pics/charte/bg-h2-cat-orange.jpg) top left no-repeat; }


.categories .visuels { height: 150px; text-align: center; }

/*- Alignements -*/
.categories H2.right  { padding-right: 17px; }
.categories H2.left   { padding-left: 17px; }

/*--- Produits ---*/
.product { float: left; width: 228px; height: 253px; background: #FFF url(../pics/charte/bg-products.jpg) top left no-repeat; padding-right: 12px; margin-bottom: 11px; }
.lastProduct { padding-right: 0 !important; }

#article H1 {font-size: 14px; font-weight: bold; text-align:center; padding-bottom:5px}
#article div#texte_optim {margin:5px 12px 2px 2px; text-align:justify}

H2.productVert { background: url(../pics/charte/bg-h2-productVert.jpg) top left no-repeat; float: left; width: 326px; font-size: 13px; font-weight: bold; color: #FFF; height: 18px; padding: 3px 0 0 17px; }
H1.grandVert { background: url(../pics/charte/bg-h2-produit.jpg) top left no-repeat; font-size: 13px; margin-bottom:10px; font-weight: bold; color: #FFF; height: 21px; padding: 3px 0 0 17px; }

.product H2 { position: absolute; font-size: 13px; font-weight: bold; text-align:center; color: #FFF; width: 173px; height: 25px; padding-top:3px; margin:2px 0 0 57px; }
.product H3 { font-size: 13px; font-weight: bold; color: #000; padding-left: 10px; margin-bottom: 13px; }
.product H3 A { display: block; text-decoration: none; color: #000; }
.product P  { font-size: 11px; padding-left: 10px; }

/*- Couleurs stabylo -*/
.product H2.orange { background: url(../pics/charte/stabylo-jaune.gif) top right no-repeat; }
.product H2.rouge  { background: url(../pics/charte/stabylo-orange.gif) top right no-repeat; }
.product H2.noir   { background: url(../pics/charte/stabylo-gris.gif) top right no-repeat; }
.product H2.vert   { background: url(../pics/charte/stabylo-vert.gif) top right no-repeat; }
.product IMG { float: left; margin: 20px 0 0 10px; }

.product P.prixBarre { font-size: 14px; color: #000; font-weight: bold; float: left; background:  url(../pics/charte/bg-prix-barre.gif) top center no-repeat; height: 25px; padding: 5px 0 0 0; margin: 25px 0 0 30px !important;}
.product P.prixBarreVide { font-size: 14px; color: #000; font-weight: bold; float: left; text-align: center; height: 25px; padding: 5px 0 0 0; margin: 20px 0 0 20px !important; }
.product P.apartir { font-size: 15px; color: #F60; font-weight: bold; float: left; padding-right: 10px; text-align: left; height: 25px;  padding: 5px 0 0 0; margin: 20px 0 0 0 !important;}
.product P.promo { font-size: 20px; color: #F60; font-weight: bold; float: left; padding-right: 10px; text-align: right; width: 105px; margin: 0 0 5px 0 !important;  }
.product P.logo { float: right !important; padding-right:10px; margin-top:-20px; }

.product .visuels { height: 137px; }
.product .texte { height: 86px; padding-right:7px;}
.product .liens {height: 15px; padding-bottom:5px;}
.product .reductionTaux { position: absolute; text-align:center; width:52px; height:34px; color:#FFF; font-weight: bold; font-size:12px; margin: -2px 0 0 -10px !important; padding: 18px 0 0 0; }
.product .reductionImage { position: absolute; margin: -2px 0 0 -10px !important; }

.product A.commander { display: block; float: left; background: url(../pics/charte/bg-a-commander.jpg) top left no-repeat; margin:  5px 0 0 3px; width: 133px; height: 16px; color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }
.product A.infos     { display: block; float: right; background: url(../pics/charte/bg-a-infos.jpg) top left no-repeat; margin:  5px 3px 0 0; width: 78px; height: 16px; color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }

/*- Alignements -*/
/*.product H2.right  { padding-right: 17px; }
.product H2.left   { padding-left: 17px; }*/

P.tri SELECT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 121px; padding: 1px; vertical-align: middle; }
P.tri SPAN { display: block; float: left; width: 179px; padding-left: 6px; }

/*--- Fiche Produit ---*/
#enAvant { float: left; width: 400px; }
#enAvant #flashProduit { margin-bottom: 20px; }

#articleGrand .grandVertMarque {position: absolute; text-align: right; width:250px; margin: -32px 0 0 580px !important;  font-size: 13px; font-weight: bold; color: #FFF; height: 21px; }


#description { float: left; width: 409px; padding: 0 0 0 40px;}
#description H3 { color: #FF7C00; font-size: 22px; font-weight: bold; line-height: 18px; padding-top: 5px; }
#description H3 SPAN#prixConseille { color: #94908C !important; font-size: 12px !important; }
#description H3 SPAN#aPartirDe {font-size: 12px !important;}
#description #texteVip { margin: 20px 0 20px 0 !important; font-size: 12px; color: #FF7C00; height: 31px; background: url(../pics/charte/bg-prix-vip.jpg) center left no-repeat; padding: 20px 0 0 90px !important; }
#description A#cartevip { display: block; height: 44px; width: 73px; float: left; margin:-20px 0 0 -90px;}
#description #prixVipVide { margin: 5px 0 5px 0 !important; font-size: 12px; color: #FF7C00; height: 5px; padding: 20px 0 0 0 !important; }
#description span#prixVip { font-size:16px !important; }
#description P { margin-bottom: 15px; }
#description .reducFiche { position: absolute; text-align:center; background: #FFF url(../pics/charte/promoB.gif) bottom left no-repeat; width:77px; height:47px; left: 945px; color:#FFF; font-weight: bold; font-size:14px; margin-top: -17px; padding: 30px 0 0 0;}

P.action { float: right; }
P.action A { margin-left: 10px; }

/*---Photos---*/
#zoom A { background: #FFF url(../pics/charte/produit-detail_zoom.gif) no-repeat; display: block; width:283px; height: 313px;  background-position: 0px 0px; font-size: 0px; text-align:center; padding: 8px 0 0 0; }
#zoom A:hover { background-position: -287px  0px !important; }
#zoom {float:left;}
#flashProduit .petite_photo { float:left; background: #FFF url(../pics/charte/produit-detail_petit.gif) no-repeat; display: block; width:110px; height: 103px;  background-position: 0px 0px; font-size: 0px; text-align:center; padding: 2px 0 0 0; margin: 0px 0 4px 4px; }
#les_logos #marque {float:left; margin:3px 3px 0 0;}
#les_logos #garantie {float: left; background: url(../pics/charte/Garantie.gif) top left no-repeat; width: 58px; height: 61px; padding:34px 0 0 1px; text-align:center; font-size: 9px; font-weight: bold; color: #000;}
#les_logos #spacer_garantie { height:10px;}
#les_logos DIV.logos {float:left; margin:3px 3px 0 0;}

/*---Prix et tailles ---*/
#description #gammes {vertical-align: bottom; }
#description .tarifdetails {background: url(../pics/charte/bg-tarif.gif) bottom left no-repeat; width: 300px; height: 20px;}
#description .titre {background: url(../pics/charte/bg-tarif-titre.jpg) top left no-repeat; font-weight: bold; color: #FFF; width: 300px; height: 21px; }
#description .titrebouton {float:right; width: 79px; height: 16px; text-align:center; margin: 2px 2px 0 0;}
#description DIV.taille {float:left; width: 157px; height: 16px ; margin: 2px 0 0 2px;}
#description DIV.prix {float:right; width: 50px; height: 16px; text-align:right; margin: 2px 10px 0 0; }
#description DIV.bouton {float:right; width: 79px; height: 16px; text-align:right; margin: 2px 2px 0 0; }
#description DIV.bouton_epuise {float:right; width: 79px; height: 16px; text-align:center; margin: 2px 2px 0 0;}
#description A.commander { display: block; background: url(../pics/charte/bg-a-infos.jpg) top left no-repeat; width: 78px; height: 16px; margin: -1px 0 0 0; color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }
#description A.commander:hover { display: block; background: url(../pics/charte/bg-a-infos.jpg) top left no-repeat;  width: 78px; height: 16px; margin: -1px 0 0 0; color: #000; text-decoration: none; text-align: center; padding: 2px 0 0 0; }
/*- Couleurs stabylo -*/
#gammes {margin-top:20px;}
#gammes H2.orange { background: url(../pics/charte/stabylo-jaune.gif) top right no-repeat; }
#gammes H2.rouge  { background: url(../pics/charte/stabylo-orange.gif) top right no-repeat; }
#gammes H2.noir   { background: url(../pics/charte/stabylo-gris.gif) top right no-repeat; }
#gammes H2.vert   { background: url(../pics/charte/stabylo-vert.gif) top right no-repeat; }
#gammes H2 { position: absolute; float: right; font-size: 13px; font-weight: bold; text-align:center; color: #FFF; width: 173px; height: 25px; padding-top:3px; margin:-20px 0 0 140px;}

#ideePlus { float: left; width: 709px; background: url(../pics/charte/bg-idee-plus.jpg) bottom left no-repeat; padding-bottom: 5px; }
#ideePlus H2 { background: url(../pics/charte/bg-h2-idee-plus.jpg) top left no-repeat; font-size: 13px; margin-bottom:10px; font-weight: bold; color: #FFF; height: 21px; padding: 3px 0 0 17px; }
#ideePlus IMG {  }
#ideePlus IMG.last { }
#ideePlus DIV.Produit_IdeePlus {float: left;width: 103px; padding-right:15px; padding-left:2px; text-align:center;}
#ideePlus DIV.last {padding-right: 2px !important; }

A#cadeau_fiche { margin-left: 1px; display: block; float: left; width: 139px; height:109px; padding-top: 6px; background:url(../pics/charte/Cadeau-cadre.gif) top left no-repeat;}
img#cadeau_texte {float:left; position: absolute; margin-left:5px;}
img#cadeau_contenu { float:right; margin-right:5px;}

/*--- Zoom ---*/
#zoom_photo { text-align:center;}
/*--- Page pour les articles : Qui nous sommme, condition generales, ... ---*/
#page { float: left; width: 688px; padding: 10px 20px 0 20px; text-align: justify;}
#page H2 { background: url(../pics/charte/bg-h2-page.jpg) top left no-repeat; font-size: 16px; margin-bottom:10px; font-weight: bold; color: #FFF; height: 21px; padding: 3px 0 0 17px;}
#page #intro {color: #444; font-size: 14px; background-color: #eee; margin-bottom: 10px; padding: 4px; border: solid 1px silver}
#page #contenu_texte {font-size: 12px;}

/*---Page reglements---*/
#page #titre_reglements {background:  #FFF url(../pics/charte/bg-titre-reglements.png) top left no-repeat; height: 43px; text-indent: -5000px; margin-left:3px;}
#page #texte_intro {color: #434343; font-size: 13px; text-align:center; font-weight:bold; margin:10px  0 25px 0;}
#page .important_gras {font-size:14px;font-weight:bold;}
#page .montions {font-size:10px;font-style:italic;}
#page #colonne_cb {background: url(../pics/charte/bg-colonne-cb.png) top left no-repeat;float:left; width: 208px; height:440px; color: #000; font-size: 13px; text-align:center; padding: 130px 10px 0 10px; margin-top:6px;}
#page #colonne_chq {background: url(../pics/charte/bg-colonne-chq.png) top left no-repeat;float:left; width: 208px; height:440px; color: #000; font-size: 13px; text-align:center; padding: 130px 10px 0 10px;margin-top:6px;}
#page #colonne_virements {background: url(../pics/charte/bg-colonne-virementsV2.png) top left no-repeat;float:left; width: 208px; height:446px; color: #000; font-size: 13px; text-align:center; padding: 136px 10px 0 10px;}

/*---Page Offres---*/
#page #titre_offres {background:  #FFF url(../pics/charte/bg-titre-offres.png) top left no-repeat; height: 43px; text-indent: -5000px; margin-left:3px;}
#page #colonne_parrainage {background: url(../pics/charte/bg-colonne-parrainage.png) top left no-repeat;float:left; width: 208px; height:740px; color: #000; font-size: 13px; text-align:center; padding: 55px 10px 0 10px;}
#page #colonne_bienvenue {background: url(../pics/charte/bg-colonne-bienvenue.png) top left no-repeat;float:left; width: 208px; height:740px; color: #000; font-size: 13px; text-align:center; padding: 55px 10px 0 10px;}
#page #colonne_speciales {background: url(../pics/charte/bg-colonne-speciales.png) top left no-repeat;float:left; width: 208px; height:740px; color: #000; font-size: 13px; text-align:center; padding: 55px 10px 0 10px;}
#page #carte_parrainage {background: url(../pics/charte/bg-carte-parrainage.png) top left no-repeat;height:133px;width:170px; margin:0 0 10px 25px}
#page #carte_bienvenue {background: url(../pics/charte/bg-carte-bienvenue.png) top left no-repeat;height:133px;width:170px; margin:0 0 10px 25px}
#page #carte_speciales {background: url(../pics/charte/bg-carte-speciales.png) top left no-repeat;height:142px;width:194px; margin:0 0 10px 5px}
#page #carte_lien { display: block;height:133px;width:170px; text-indent:-5000px;}

/*---Page Qui sommes nous---*/
#page #titre_nous {background:  #FFF url(../pics/charte/bg-titre-nous.png) top left no-repeat; height: 52px; text-indent: -5000px; margin-left:3px;}
#page #texte_nous {background: url(../pics/charte/bg-texte-nous.png) top left no-repeat; width: 658px; height:770px; color: #000; font-size: 12px; text-align:justify; padding: 20px 15px 0 15px;}
#page #texte_nous_1 { width: 408px; font-size: 12px; text-align:justify; margin-left:250px;}
#page #texte_nous_2 { width: 448px; font-size: 12px; text-align:justify; margin-left:210px; margin-top:10px;}
#page #texte_nous_3 { width: 528px; font-size: 12px; text-align:justify; margin-left:130px; margin-top:10px;}

/*--- Concours JPP ---*/
/*---Intro---*/
#concours_entete {float: left; background: url(../pics/bg_concours_presentationV4.jpg) top left no-repeat; width: 688px; height:840px }
#concours_entete_outdoor {float: left; background: url(../pics/bg_concours_presentation_outdoor.jpg) top left no-repeat; width: 688px; height:660px }
#concours_intro_texte {padding:455px 25px 0 0;text-align:right; font-weight:bold; color:#FFF}
.concours_separateur_rouge {color:#e50003;font-size:12px}
#concours_intro_video {float:left; background: url(../pics/cadre-video-jppV2.png) top left no-repeat; width:264px;height:229px; margin:-50px 0 0 18px; padding:48px 0 0 9px}
#concours_intro_lien {float:left; margin-top:30px }
#concours_intro_outdoor_lien {float:left; margin:376px 0 0 325px }
a.concour_lien_bouton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; display: block;  background: url(../pics/concours-bouton.png) top left no-repeat; width: 162px; height: 28px; margin: 0 0 0 130px; color: #986b0d; font-weight:bolder; text-decoration: none; text-align: left; padding: 11px 0 0 27px ; }
a.concour_lien_bouton:hover { background-position: 0px -40px !important; }
a.concour_lien_bouton_voter {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: block;  background: url(../pics/concours-bouton.png) top left no-repeat; width: 200px; height: 32px; margin:0 0 0 130px; color: #986b0d; font-weight:bolder; text-decoration: none; line-height:10px; text-align: left; padding: 8px 0 0 35px ; }
a.concour_lien_bouton_voter:hover { background-position: 0px -40px !important; }
#concours_intro_texte_etoile {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
/*---Participer---*/
#concours_participez_entete {float: left; background: url(../pics/bg-concours-participer.jpg) top left no-repeat; width: 688px; height:360px}
#concours_participez_texte {padding:135px 25px 0 0;text-align:right; font-weight:bold; color:#605c39}
#concours_participer_video_entraitement {padding:135px 25px 0 0;text-align:right; font-weight:bold; color:#605c39}
#concours_participer_retour {float: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: block;  background: url(../pics/concours-bouton-participer.png) top left no-repeat; width: 84px; height: 20px; color: #838286; font-weight:bolder; text-decoration: none; text-align: left; padding:6px 0 0 35px ;  }
#concours_participer_retour:hover { background-position: 0px -26px !important; }
a.concours_participer_lien_bouton {float: right;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block;  background: url(../pics/concours-bouton-participerv2.png) top left no-repeat; width: 113px; height: 22px; color: #838286; font-weight:bolder; text-decoration: none; text-align: left; padding:7px 0 0 17px ; }
a.concours_participer_lien_bouton:hover { background-position: 0px -29px !important; }
a.concours_participer_lien_reglement {float: right;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block;  background: url(../pics/concours-bouton-trier.png) top left no-repeat; width: 103px; height: 21px; color: #986b0d; font-weight:bolder; text-decoration: none; text-align: left; padding:7px 0 0 27px ; margin:100px 15px 0 0 }
a.concours_participer_lien_reglement:hover { background-position: 0px -28px !important; }
#concours_participer_video {float:left; background: url(../pics/cadre-video-grand.png) top left no-repeat; width:392px;height:400px; padding:15px 0 0 16px; margin-left:145px}
#concours_participer_video_texte {float:left;width:375px ;font-size: 16px; font-weight:bold; color:#FFF; text-align:center ; margin-bottom:10px }
#concours_participer_video_entraitement {float:left;width:375px ;font-size: 24px; font-weight:bold; color:#FFF; text-align:center ; margin-bottom:10px}
#concours_participer_upload {float:left;width:375px ;font-size:14px; font-weight:bold; color:#FFF; text-align:center ; margin:100px 0 0 0}
#concours_participer_form {margin:20px 0 45px 0;}
#concours_participer_form Input.concours_participer_bouton_form { float:left; width: 119px; background: url(../pics/concours-bouton-participer.png) top left no-repeat; height: 26px; border:none; font-weight:bold; cursor: pointer; padding: 0 15px 2px 0; color: #838286; margin:80px 0 0 250px}
#concours_participer_form Input.concours_participer_bouton_form:hover { background-position: 0px -26px !important; }
/*---Lots---*/
#concours_lots_entete {float: left; background: url(../pics/bg-entete-lots.jpg) top left no-repeat; width: 673px; height:157px; padding:150px 45px 0 0;text-align:right; font-weight:bold; color:#605c39} 
#premier_prix { float: left; width: 468px; height: 253px; padding-right: 12px; margin-bottom: 11px; }
#retour_lots {float: right;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: block;  background: url(../pics/concours-bouton-participer.png) top left no-repeat; width: 84px; height: 20px; color: #838286; font-weight:bolder; text-decoration: none; text-align: left; padding:6px 0 0 35px ; margin-top:30px }
#retour_lots:hover { background-position: 0px -26px !important; }
/*---Jingle---*/
#jingle {width:200px; height: 100px; border:solid 2px #838286; margin-top:10px; font-size:14px; font-weight:bold;}
#concours_jingle_retour {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: block;  background: url(../pics/concours-bouton-participer.png) top left no-repeat; width: 84px; height: 20px; color: #838286; font-weight:bolder; text-decoration: none; text-align: left; padding:6px 0 0 35px; }
#concours_jingle_retour:hover { background-position: 0px -26px !important; }
#concours_jingle_boutons {float: left; width:150px; height: 28px; margin-left:40px}
/*---Liste des videos---*/
#councours_liste_entete {float: left; background: url(../pics/bg-concours-liste-video.jpg) top left no-repeat; width: 663px; height:187px; padding:120px 25px 0 0;text-align:right; font-weight:bold; color:#605c39}
#concours_liste_bouton {float:left; width:578px; margin:-40px 0 0 100px;}
#oncours_liste_video_retour {float: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: block;  background: url(../pics/concours-bouton-participer.png) top left no-repeat; width: 84px; height: 20px; color: #838286; font-weight:bolder; text-decoration: none; text-align: left; padding:6px 0 0 35px ;  }
#oncours_liste_video_retour:hover { background-position: 0px -26px !important; }
a.concours_liste_video_lien_bouton {float:right;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block;  background: url(../pics/concours-bouton-participerv2.png) top left no-repeat; width: 113px; height: 22px; color: #838286; font-weight:bolder; text-decoration: none; text-align: left; padding:7px 0 0 17px ; }
a.concours_liste_video_lien_bouton:hover { background-position: 0px -29px !important; }
Input.bouton_form_liste_video { float:left; width: 130px; background: url(../pics/concours-bouton-trier.png) top left no-repeat; height: 25px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;font-weight:bold; border:none; cursor: pointer; padding: 0 15px 4px 0; color: #838286;}
Input.bouton_form_liste_video:hover { background-position: 0px -28px !important; }
#concour_liste DIV.video {float:left;font-size: 12px; margin:0 10px 0 2px;}
#concour_liste DIV.lastVideoLigne { margin-right: 0 !important; }
#concour_liste DIV.liste_video_legende {float:left; }
#concour_liste div.liste_video_legende_texte {float:left; font-size: 12px; font-weight:bold; }
#concour_liste div.liste_video_legende_boutons {float:left; width:90px; padding-left:120px}
#concour_liste .concour_liste_video_clip {float:left; background: url(../pics/concours-liste-video-cadre.png) top left no-repeat; width:206px;height:188px; padding:5px 0 0 12px}
#concour_liste a.concours-liste-bouton-zoom {float:left; display: block;  background: url(../pics/cncours-liste-bouton-zoom.png) top left no-repeat; width: 32px; height: 33px; }
#concour_liste a.concours-liste-bouton-zoom:hover { background-position: 0px -30px !important; }
Input.bouton_form_liste_legende { float:left; width: 57px; height: 31px;background: url(../pics/concours-bouton-voter.png) top left no-repeat;  border:none; cursor: pointer; color: #838286;}
Input.bouton_form_liste_legende:hover { background-position: 0px -31px !important; }
a.concours_liste_bouton_vote_gris {float:left; display: block;  background: url(../pics/concours-bouton-voter-gris.png) top left no-repeat; width: 57px; height: 36px; margin-top:-2px }
/*---Zoom---*/
#concour_video_zoom {float: left; background: url(../pics/bg_concours_zoom.jpg) top left no-repeat; width: 663px; height:540px; padding:120px 25px 0 0;text-align:right; font-weight:bold; color:#605c39}
#concour_video_zoom #concour_video_zoom_video {float:left; background: url(../pics/cadre-video-grandV2.png) top left no-repeat; text-align:left; width:394px;height:396px; padding:14px 0 0 8px; margin:50px 0 0 185px; }
#concour_video_zoom #concour_video_zoom_texte {float:left;width:365px ;font-size: 16px; font-weight:bold; color:#FFF; text-align:center ; margin-bottom:10px;}
#concour_video_zoom #liste_video_zoom_boutons {float:left; width:85px;   margin-left:187px; padding-left:300px;}
#concour_video_zoom Input.bouton_form_zoom_legende { float:left; width: 82px; height: 45px;background: url(../pics/concours-bouton-voter-grand.png) top left no-repeat;  border:none; cursor: pointer; color: #838286;}
#concour_video_zoom Input.bouton_form_zoom_legende:hover { background-position: 0px -45px !important; }
#concour_video_zoom a.concours_zoom_bouton_vote_gris {float:left; display: block;  background: url(../pics/concours-bouton-voter-gris-grand.png) top left no-repeat; width: 82px;height:46px; margin-top:-2px }
/*---Resultat---*/
#concours_entete_resultat {float: left; background: url(../pics/bg_concours_presentation_resultat.jpg) top left no-repeat; width: 688px; height:620px }
#concours_gagnant_video {float:right; width:264px;height:210px; margin:339px 13px 0 0; padding:48px 0 0 9px}
#concour_liste a.concours-liste-bouton-revoir {float:left; display: block;  background: url(../pics/concours-bouton-revoir.png) top left no-repeat; width: 51px; height: 33px; margin-left:45px; }


/*#concours_intro_lien {float:left; margin-top:30px }
#concours_intro_outdoor_lien {float:left; margin:376px 0 0 325px }
a.concour_lien_bouton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; display: block;  background: url(../pics/concours-bouton.png) top left no-repeat; width: 162px; height: 28px; margin: 0 0 0 130px; color: #986b0d; font-weight:bolder; text-decoration: none; text-align: left; padding: 11px 0 0 27px ; }
a.concour_lien_bouton:hover { background-position: 0px -40px !important; }
a.concour_lien_bouton_voter {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: block;  background: url(../pics/concours-bouton.png) top left no-repeat; width: 200px; height: 32px; margin:0 0 0 130px; color: #986b0d; font-weight:bolder; text-decoration: none; line-height:10px; text-align: left; padding: 8px 0 0 35px ; }
a.concour_lien_bouton_voter:hover { background-position: 0px -40px !important; }
#concours_intro_texte_etoile {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}*/	

/*--- Identification---*/
#logon { float: left; width: 688px; padding: 15px 20px 0 20px;}
#logon .cadre {float: left; width: 259px; height: 220px; background: #FFF url(../pics/charte/bg-identification.jpg) bottom left no-repeat; padding-right: 12px; margin-bottom: 11px; margin-left:48px}
#logon .cadrecontenu {height: 140px; padding:20px 15px 0 15px;}
#logon .cadre H2 { font-size: 13px; font-weight: bold; color: #FF7C00; height: 26px; padding-top: 5px; margin-left:1px; background: url(../pics/charte/bg-h2-identification.jpg) top left no-repeat; text-align:center;  }
#logon IMG {float: left; margin: 15px 0 0 5px;}
#logon a.inscrire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; display: block; float: right; background: url(../pics/charte/bg-a-commander.jpg) top left no-repeat; width: 133px; height: 16px; margin: 0 15px 5px; color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }
#logon .alerte { color:#ff0000; font-size:14px; margin:5px 0 10px 120px;}
#logon a#motpasseperdu {float:right;display:block; color:Gray; text-decoration:none; margin:-5px 65px 0 0;}
/*--- Formulaire identification---*/
FORM#ident_form P     { text-align: left; }
FORM#ident_form INPUT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 175px; height: 15px; vertical-align: middle; color: #710D08; padding: 3px 0 0 5px; }
FORM#ident_form INPUT.bouton { float:right; width: 133px; background: url(../pics/charte/bg-a-commander.jpg) center left no-repeat; height: 18px; border:none; cursor: pointer; padding: 0 0 2px 0; color: #F60; margin: 0 15px 5px;}

/*--- Mon compte ---*/
#moncompte { float: left; width: 688px; margin-top:9px; padding: 0 20px 0 20px; font-size:12px;}
#moncompte H2 { background: url(../pics/charte/bg-h2-page.jpg) top left no-repeat; font-size: 16px; margin-bottom:10px; font-weight: bold; color: #FFF; height: 21px; padding: 3px 0 0 17px;}
#moncompte p {margin:10px 0 10px 25px;}
/*-  menu du compte-*/
#moncompte UL.sousMenu { list-style: none; padding: 0 0 0 25px; font-size: 12px; width:250px;}
#moncompte UL.sousMenu LI { background: url(../pics/charte/bg-sousMenu-li.jpg) bottom left no-repeat; padding: 5px 0 6px 0; }
#moncompte UL.sousMenu LI A { display: block; padding: 5px 0 5px 0; text-decoration: none; color: #000; }
#moncompte UL.sousMenu LI A:hover, UL.sousMenu LI A.actif { background: url(../pics/charte/bg-sousMenu-a-actif.jpg) top left repeat-y; }

/*--- les etapes ---*/
#etapes { width:618px; height:70px; background: #FFF url(../pics/charte/bg-etapes.jpg) center center no-repeat; padding:0 0 0 70px; margin-top:-15px;}
#etapes img {margin:5px 5px 0 5px;}

/*--- Creation de compte ---*/
#formulaire { float: left; width: 663px; padding: 15px 20px 0 45px;}
#formulaire a {color: #F60;}
form.formulaire {border : 1px solid #d3d2d2; width: 627px; margin:25px 0 0 0;}
form.formulaire fieldset {border:none; border-bottom:solid 1px #d3d2d2;}
form.formulaire h2 {background: url(../pics/charte/bg-entete-form.jpg) top left no-repeat; font-size: 16px;  height: 34px; width: 627px; padding: 3px 0 0 10px;}
form.formulaire h3 {background: url(../pics/charte/bg-legend-form.jpg) top left no-repeat; font-size: 14px; height: 37px; width: 600px; padding: 3px 0 0 10px; margin-left:13px}
form.formulaire label {float:left; width: 150px; height: 19px; padding-top:2px; margin: 5px 0 5px 15px; display:block; text-align:right;font-weight:bold;}
form.formulaire input {border : 1px solid #d3d2d2;  width: 420px; height: 19px; padding-top:2px;  margin: 5px 0 5px 5px; }
form.formulaire select {border : 1px solid #d3d2d2; width: 150px; height: 19px; margin: 5px 0 5px 5px;}
form.formulaire INPUT.bouton { float:right; width: 133px; background: url(../pics/charte/bg-a-commander.jpg) center left no-repeat; height: 18px; border:none; cursor: pointer; padding: 0 0 2px 0; color: #F60; margin: 5px 15px 5px 0;}
form.formulaire p {clear:both;}
form.formulaire div.legende {clear:both; font-size: 12px; width: 580px; margin:15px 0 10px 25px;}
form.formulaire select.date_anniv {border : 1px solid #d3d2d2; width: 90px; height: 21px; margin: 5px 0 5px 5px;}
form.formulaire input.date_anniv {border : 1px solid #d3d2d2; width: 25px; height: 18px; padding-top:2px; margin: 5px 0 5px -2px;}
form.formulaire input.date_anniv_debut {border : 0px; background-color:#FFF; text-align:right; width: 25px; height: 18px; padding-top:2px; margin: 5px 0 5px 5px;}
form.formulaire .important {color:#B21A1A; font-size:12px; font-weight:bold;}
form.formulaire .focus { background-color:#eee; }
form.formulaire .normal { background-color:#FFF; }
form.formulaire .validation { height:29px;}
form.formulaire a.bouton_annuler {float:right; width: 133px; background: url(../pics/charte/bg-a-commander.jpg) center left no-repeat; height: 15px; border:none; font-size:12px; cursor: pointer; text-align:center; padding: 2px 0 2px 0; color: #F60; margin: 5px 15px 5px 0;}
/*--- Partie specifique pour les conditions and co---*/
form.formulaire label.conditions {float: left; width: 590px; height: 19px; margin: 5px 0 5px 0; text-align:left; font-weight: normal;}
form.formulaire input.conditions {float:left; border : none;  width: 25px; height: 19px; margin: 5px 0 5px 10px; }

/*---mon compte: Liste des commandes---*/
#liste_cmd { float: left; width: 688px; margin-top:9px; padding: 0 20px 0 20px; font-size:12px;}
#liste_cmd H2 { background: url(../pics/charte/bg-h2-page.jpg) top left no-repeat; font-size: 16px; margin-bottom:10px; font-weight: bold; color: #FFF; height: 21px; padding: 3px 0 0 17px;}
#liste_cmd_tableau  {float: left; width: 680px; border:solid 1px #d3d2d2; margin: 0 0 0 3px;}
#liste_cmd_tableau .liste_cmd_ligne_entete { background: url(../pics/charte/bg-entete-liste-cmd.png) top left no-repeat; float: left; height: 34px; width: 680px; font-size:14px; border-bottom:1px solid #d3d2d2;}
#liste_cmd_tableau .liste_cmd_ligne {float: left; height: 20px; width: 680px; border-bottom:solid 1px #d3d2d2;}
#liste_cmd_tableau .entete {height: 34px!important; padding:7px 0 0 0; font-weight:bold !important;  text-align:center!important;}
#liste_cmd_tableau .num_cmd {float: left; height: 20px; width: 90px; text-align:center; margin-top:2px; border-right:1px solid #d3d2d2;}
#liste_cmd_tableau .date_cmd {float: left; height: 20px; width: 80px; text-align:center; margin-top:2px; border-right:1px solid #d3d2d2;}
#liste_cmd_tableau .montant_cmd {float: left; height: 20px; width: 95px; text-align:right; margin-top:2px; padding-right:5px; border-right:1px solid #d3d2d2;}
#liste_cmd_tableau .etat_cmd {float: left; height: 20px; width: 183px; text-align:center; margin-top:2px; border-right:1px solid #d3d2d2;}
#liste_cmd_tableau .poste {float: left; height: 20px; width: 140px; text-align:center; margin-top:2px; border-right:1px solid #d3d2d2;}
#liste_cmd_tableau .action_cmd {float: left; height: 20px; width: 80px; text-align:center; }
#liste_cmd_tableau A.infos     { display: block; float: left; background: url(../pics/charte/bg-a-infos.jpg) top left no-repeat; width: 78px; height: 16px; margin: 1px 0 0 2px; color: #F60; text-decoration: none; text-align: center; }

/*--- mon compte: Details de la commande ---*/
#details_cmd_page { float: left; width: 688px; padding: 15px 20px 0 20px; }
#details_cmd_page H2 { background: url(../pics/charte/bg-h2-page.jpg) top left no-repeat; font-size: 16px; margin-bottom:10px; font-weight: bold; color: #FFF; height: 21px; padding: 3px 0 0 17px;}
#details_cmd_num { color: #F60; font-size:12px; font-weight:bold; margin:15px 0 0 25px;}
#details_cmd_tableau { width: 640px; margin:10px 0 0 20px; border : 1px solid #d3d2d2;}

#details_cmd_tableau .titre {background: url(../pics/charte/bg-entete-panier.gif) top left no-repeat;  height: 34px; width: 640px; border:none !important;}
#details_cmd_tableau .entete {border:none !important; text-align:left !important; padding:7px 0 0 10px !important;}
#details_cmd_tableau div.ref_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:75px; height: 27px ; padding:7px 0 0 0; border-right:1px solid #d3d2d2;}
#details_cmd_tableau div.produit_entete {float:left; font-weight:bold !important; text-align:left; font-size: 14px; width:290px; height: 27px ; padding:7px 0 0 10px; border-right: 1px solid #d3d2d2;}
#details_cmd_tableau div.prix_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:80px; height: 27px ; padding:7px 0 0 0; border-right: 1px solid #d3d2d2;}
#details_cmd_tableau div.quantite_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:90px; height: 27px ; padding:7px 0 0 0; border-right: 1px solid #d3d2d2;}
#details_cmd_tableau div.total_ligne_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:90px; height: 27px ; padding:7px 0 0 0;}
#details_cmd_tableau div.livraison {background: url(../pics/charte/livraison.gif) bottom left no-repeat; height: 13px ;font-weight:bold !important; padding:7px 0 0 25px; color: #F60;}
#details_cmd_tableau .details_cmd_ligne {width: 640px; height: 54px; border-bottom:solid 1px  #d3d2d2;}
#details_cmd_tableau .details_cmd_ligne_erreur {width: 620px; border-bottom:solid 1px  #d3d2d2; padding:5px 10px 5px 10px;}
#details_cmd_tableau div.ref {float:left; width:75px; height: 49px ; padding:5px 0 0 0; border-right:1px solid #d3d2d2; font-size:9px; text-align:center;}
#details_cmd_tableau div.produit {float:left; width:298px; height: 49px ; padding:5px 0 0 2px; border-right: 1px solid #d3d2d2;}
#details_cmd_tableau div.prix {float:left; width:78px; height: 44px ; padding:10px 2px 0 0; text-align:right; border-right: 1px solid #d3d2d2;}
#details_cmd_tableau div.quantite {float:left; width:90px; height: 54px ; border-right: 1px solid #d3d2d2;}
#details_cmd_tableau div.quantite_consultation {float:left; width:88px; height: 44px ; padding:10px 2px 0 0; text-align:center; border-right: 1px solid #d3d2d2;}
#details_cmd_tableau div.total_ligne {float:left; width:88px; height: 44px ; padding:10px 2px 0 0; text-align:right;}

#details_cmd_tableau .total_titre {float:left; width:89px; height: 24px ; padding:10px 2px 0 0; text-align:center;}
#details_cmd_tableau .total_titre_tva {float:left; width:89px; height: 24px ; padding:4px 2px 0 0; text-align:center;}
#details_cmd_tableau .total_valeur {float:left; width:89px; height: 24px ; padding:10px 2px 0 0; text-align:right; border-right:solid 1px  #d3d2d2;}
#details_cmd_total {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2; background-color:#FF7C00; font-weight:bold; color:#FFF; margin-left:457px;} 		
#details_cmd_ttc {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2; background-color:#f2f2f2; font-weight:bold; margin-left:457px;} 
#details_cmd_tva {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2; background-color:#dedcdd; font-weight:bold; margin-left:457px;} 
#details_cmd_port {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2;  background-color:#f2f2f2; font-weight:bold; margin-left:457px;} 

#details_cmd_page a.bouton_retour {float:right; width: 133px; background: url(../pics/charte/bg-a-commander.jpg) center left no-repeat; height: 15px; border:none; font-size:12px; cursor: pointer; text-align:center; padding: 2px 0 2px 0; color: #F60; margin: 5px 15px 5px 0;}


/*--- Panier ---*/
a.bouton_panier {font-size: 12px; display: block; float: right; background: url(../pics/charte/bg-a-commander-panier.gif) top left no-repeat; width: 180px; height: 16px; margin: 20px 25px 0 0; color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }

#panier_page { float: left; width: 688px; padding: 15px 20px 0 20px; }
#panier_page div.legende {clear:both; font-size: 12px; width: 640px; margin:15px 0 10px 25px;}
#panier_num { color: #F60; font-size:12px; font-weight:bold; margin:15px 0 0 25px;}
#panier_explication {float:left; width: 370px; text-align:left; margin:7px 0 0 26px; font-size: 9px;}
#panier_livraison {margin:0 0 0 27px;} 
#panier_tableau { width: 640px; margin:10px 0 0 20px; border : 1px solid #d3d2d2;}

#panier_tableau .titre {background: url(../pics/charte/bg-entete-panier.gif) top left no-repeat;  height: 34px; width: 640px; border:none !important;}
#panier_tableau .entete {border:none !important; text-align:left !important; padding:7px 0 0 10px !important;}
#panier_tableau div.ref_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:75px; height: 27px ; padding:7px 0 0 0; border-right:1px solid #d3d2d2;}
#panier_tableau div.produit_entete {float:left; font-weight:bold !important; text-align:left; font-size: 14px; width:290px; height: 27px ; padding:7px 0 0 10px; border-right: 1px solid #d3d2d2;}
#panier_tableau div.prix_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:80px; height: 27px ; padding:7px 0 0 0; border-right: 1px solid #d3d2d2;}
#panier_tableau div.quantite_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:90px; height: 27px ; padding:7px 0 0 0; border-right: 1px solid #d3d2d2;}
#panier_tableau div.total_ligne_entete {float:left; font-weight:bold !important; text-align:center; font-size: 14px; width:90px; height: 27px ; padding:7px 0 0 0;}

#panier_tableau .panier_ligne {width: 640px; height: 34px; border-bottom:solid 1px  #d3d2d2;}
#panier_tableau .panier_ligne_erreur {width: 620px; border-bottom:solid 1px  #d3d2d2; padding:5px 10px 5px 10px;}
#panier_tableau div.ref {float:left; width:75px; height: 29px ; padding:5px 0 0 0; border-right:1px solid #d3d2d2; font-size:9px; text-align:center;}
#panier_tableau div.produit {float:left; width:298px; height: 29px ; padding:5px 0 0 2px; border-right: 1px solid #d3d2d2;}
#panier_tableau div.prix {float:left; width:78px; height: 24px ; padding:10px 2px 0 0; text-align:right; border-right: 1px solid #d3d2d2;}
#panier_tableau div.quantite {float:left; width:90px; height: 34px ; border-right: 1px solid #d3d2d2;}
#panier_tableau div.quantite_consultation {float:left; width:88px; height: 24px ; padding:10px 2px 0 0; text-align:center; border-right: 1px solid #d3d2d2;}
#panier_tableau div.total_ligne {float:left; width:88px; height: 24px ; padding:10px 2px 0 0; text-align:right;}
#panier_tableau input { float:left; border : 1px solid #d3d2d2;  width: 35px; height: 16px; padding-top:2px;  margin: 5px 0 5px 5px; text-align:center;}
#panier_tableau input.bouton_ok {float:left; width: 25px; background: url(../pics/charte/bg-a-ok-panier.gif) center center no-repeat; height: 18px; border:none; margin-top:7px; padding: 0 0 2px 0; cursor: pointer; color: #F60;}
#panier_tableau input.bouton_annuler {float:left; width: 60px; background: url(../pics/charte/bg-a-annuler-panier.gif) center center no-repeat; height: 18px; border:none; margin-top:7px; padding: 0 0 2px 0; cursor: pointer; color: #F60;}
#panier_tableau .libelle_promo { font-size:9px;}
#panier_tableau .total_titre {float:left; width:89px; height: 24px ; padding:10px 2px 0 0; text-align:center;}
#panier_tableau .total_titre_tva {float:left; width:89px; height: 24px ; padding:4px 2px 0 0; text-align:center;}
#panier_tableau .total_valeur {float:left; width:89px; height: 24px ; padding:10px 2px 0 0; text-align:right; border-right:solid 1px  #d3d2d2;}

#panier_total {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2; background-color:#FF7C00; font-weight:bold; color:#FFF; margin-left:457px;} 		
#panier_ttc {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2; background-color:#f2f2f2; font-weight:bold; margin-left:457px;} 
#panier_tva {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2; background-color:#dedcdd; font-weight:bold; margin-left:457px;} 
#panier_port {width: 183px; height: 34px; border-bottom:solid 1px  #d3d2d2; border-left:solid 1px  #d3d2d2;  background-color:#f2f2f2; font-weight:bold; margin-left:457px;} 

#validation { height:29px}
#validation_interdite { height:29px; color:#ff0000; text-align:right; padding:0 30px 0 0;}

#cadeau { width: 564px; min-height:45px; margin:10px 0 0 20px; border : 1px solid #F60; padding:10px 10px 10px 66px; background: url(../pics/charte/cadeau.gif) center left no-repeat; } 
#cadeau a {color:#F60;}
#legislation {width: 564px; min-height:45px; margin:10px 0 0 20px; border : 1px solid #F60; padding:10px 10px 10px 66px; background: url(../pics/charte/important.gif) center left no-repeat; }
/*--- code promo ---*/
#promo_erreur {width: 590px; padding: 5px 5px 5px 5px ; margin:0 0 10px 20px;  border : 1px solid #F60;}
#code_promo {width: 640px; margin:25px 0 0 20px; border : 1px solid #d3d2d2;}
#code_promo input { float:left; border : 1px solid #d3d2d2;  width: 290px; height: 19px; padding-top:2px;  margin: 5px 0 5px 5px; }
#code_promo label { float:left; height: 19px; padding-top:5px; margin: 5px 0 5px 15px; display:block; text-align:left;font-weight:bold;}
#code_promo input.bouton {float:left; width: 78px; background: url(../pics/charte/bg-a-infos.jpg) center center no-repeat; height: 18px; border:none; margin-top:7px; padding: 0 0 2px 0; cursor: pointer; color: #F60;}

/*--- Paiement---*/
#paiement_page { float: left; width: 688px; padding: 15px 20px 0 20px; }
/*--- adresses ---*/
#paiement_adresses { width: 642px; margin:25px 0 0 19px; }
#paiement_adresses .adresse_resume {float:left; width:295px; height:200px; border:solid 1px  #d3d2d2; font-size:12px;}
#paiement_adresses .adresse_spacer {float:left;  width:48px;}
#paiement_adresses h3.adresse_entete {font-size:16px; background: #FFF url(../pics/charte/bg_entete_adresses.jpg) center left no-repeat; width:280px; height:32px; padding:7px 0 0 15px;}
#paiement_adresses .rs {margin:10px 0 0 15px}
#paiement_adresses .rue {margin:3px 0 0 15px}
#paiement_adresses .ville {margin:3px 0 0 15px}
#paiement_adresses .pays {margin:0 0 0 15px}
#paiement_adresses .tel {margin:10px 0 10px 15px}
/*--- choix du paiement ---*/
#paiement_choix {float:left; width: 645px; margin:50px 0 0 10px; padding:0 7px 0 7px;}
#paiement_choix .paiement_type {float:left; width:321px; border:solid 1px  #d3d2d2; font-size:11px; padding:2px 2px 2px 2px;}
#paiement_choix a.cheque {font-size: 11px; display: block; float: left; background: url(../pics/charte/paiement-cheque-bouton.gif) top left no-repeat; width: 160px; height: 52px; margin: 20px 0 0 0; color: #F60; text-decoration: none; text-align: left; padding: 4px 130px 5px 10px; }
#paiement_choix a.cb {font-size: 11px; display: block; float: right; background: url(../pics/charte/paiement-cb-bouton.gif) top left no-repeat; width: 175px; height: 52px; margin: 20px 0 0 0; color: #F60; text-decoration: none; text-align: left; padding: 4px 115px 5px 10px; }
#paiement_choix h3 { font-size:12px; color:#F60; padding:0 0 0 0;}
/*--- Choix de la carte, entre banque ---*/
#paiement_page #choix_carte {font-size:14px; color:#F60; margin:25px 0 0 20px;}
#paiement_page #banque {margin:25px 0 0 20px; text-align:center}
#paiement_page .code_google {margin:25px 0 0 20px; text-align:center}
/*--- Confirmation du paiement ---*/
#paiement_confirmation { float: left; width: 688px; padding: 15px 20px 0 20px; }
#resume_cmd {width: 620px; margin:25px 0 0 20px; border : 1px solid #d3d2d2; padding:10px 10px 10px 10px;}
#resume_cmd h2 {font-size: 18px; text-align:center;}
#resume_cmd #texte_remerciment {margin:5px 15px 0 15px; font-size:12px;}
#resume_cmd .probleme_paiement {color: #ff0000 !important;}
#resume_cmd a {font-size: 12px; display:inline-block; background: url(../pics/charte/bg-a-commander-panier.gif) top left no-repeat; width: 180px; height: 16px;  color: #F60; text-decoration: none; text-align: center; padding: 2px 0 0 0; }
#ticket {width: 400px; height:140px; margin:10px 0 0 110px; border : 1px solid #F60; padding:10px 10px 10px 10px;}
#ticket h3 {color:#F60; text-align:center; font-size:14px; }
#ticket .ticket_titre {float:left; width:200px; font-weight:bold;}
#ticket .ticket_donnees {float:left; width:200px; font-style:italic; }
/*--- bon de commande ---*/
#ordre { text-align:center}
#ordre h1 {color:#F60;}
#ordre h2 {color:#F60;}
#ordre #adresse_cariboom { font-size:12px; font-weight:bold;}

/*--- Plan du site ---*/

#sitemap {float: left; width: 708px; padding: 7px 0 0 20px;}
#sitemap div.categorie_plan {float:left; width: 228px; padding-top: 10px;}
#sitemap H1 {font-size: 15px; font-weight: bold; padding-top: 3px; text-decoration:underline;}
#sitemap H2 {font-size: 12px; font-weight: bold; padding-top: 3px;}
#sitemap a {color: #595C3F;}
#sitemap a:hover {color: #B21A1A;}
#sitemap UL LI {margin-left: 20px;}

/*--- Pages d'erreur---*/
.page_erreur {margin:10px 0 0 25px}
ul.page_erreur {margin:10px 0 0 50px}
/*--- Footer ---*/
#footer { clear: both; background: #FFF url(../pics/charte/bg-footer.gif) top left no-repeat; height: 47px; padding: 10px 0 20px 0; font-size: 11px; text-align: center; }
#footer UL { list-style: none; padding-top: 20px; }
#footer UL LI { display: inline; color: #B21A1A; }
#footer UL LI A { list-style: none; color: #B21A1A; text-decoration: none; }
#footer p.copyright { width: 830px; padding: 9px 0 0 160px; color: #FFF; }
#footer p.copyright A.haut { background: url(../pics/charte/bg-footer-haut.gif) top left no-repeat; display: block; float: right; padding-left: 18px; color: #999 !important; padding-right: 50px; text-decoration: none; }
#footer p.copyright A.legal {color: #999 !important; text-decoration: none; }

/*--- Classes générales ---*/
.left   { text-align: left !important; }
.right  { text-align: right !important; }
.center { text-align: center !important; }
.spacer { clear: both; }

/*--- Classes générales du site ---*/
.texte_loi { font-size:10px; font-style:italic;}
.txtRouge  { color: #ff0000 !important; }
.important {color: #ff0000 !important; font-weight:bold !important;}
.erreur {float:left; color:#B21A1A; font-size:16px !important; font-weight:bold; width:688px; margin:35px 0 0 0; text-align:center;}
.cache {display:none}
.visible { display:inherit}