body { font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#545454; margin:0; padding:0; background-color:#f3f0df}/*LN : Changement de #848484 en #545454 pour foncer le gris car illisible*/
.bodyBlanc{ font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#545454; background-color:White}/*LN : Changement de #848484 en #545454 pour foncer le gris car illisible*/
* {margin:0;padding:0; border:0}

a{color:#666;text-decoration:none; }
a:hover{ color:#ef4181; }
p{margin:0 0 8px 0;}

ul{list-style-type: none; margin:0 0 8px 10px; }
li {background:url(../images/Version3/puce.gif) no-repeat 0 0; padding-left: 1.2em;margin:4px 0 0 0; }
ul ul li {background:url(../images/Version3/puce.gif) no-repeat 0 .4em; padding-left: 1em;margin:4px 0 0 0; }
ul ul ul li {background:url(../images/Version3/puce.gif) no-repeat 0 .4em; padding-left: 1em;margin:4px 0 0 0; }


/* ########## MISE EN PAGE DES COLONNES  ##########  */

#bandeau{width: 1034px; height: 173px; margin:0 auto; position: relative; background:url(../images/Version3/haut_fond.jpg) no-repeat top left #fff;color:#d4aeb8; font-size:1.2em; font-weight:bold; line-height:1.4em; z-index:99; }
#gauche{width: /*241-231*/201px; position: absolute; left:2px; background: url(../images/Version3/centre_fond_gauche.jpg) repeat-y  top left #fff; z-index:0}
#centre{width: /*545-565*/611px; position: absolute;left:/*241-231-*/203px; background:#FFF; z-index:0}
#centrePetit{width:100%; position: absolute;left:0px; right:0px; background:#FFF; z-index:0} /* LN : Ajout pour les petites fenêtres*/
#droite{width: /*246-236*/220px; position: absolute; left:/*792-796-*/818px;background: url(../images/Version3/centre_fond_droite.jpg) repeat-y top right #fff;  z-index:0}

#footer{width: 1036px; text-align: center; position: absolute; bottom:0;height: 303px; 
        background: url(../images/Version3/FooterGrand.jpg) repeat-x bottom #FFF; color:#FFF }
#footer a{border:0;font-size:10px; }
#footer a:hover{font-size:10px; color:#f3f0df;text-decoration:underline; }

/* css pour les falsh clickables sous Internet explorer*/
#flashbouton {position:relative}
#flashbouton a{ z-index:100;  position:absolute; top:0; left:0; display:block}
#flashbouton div{ z-index:99; position:absolute; top:0px; left:0; display:block}

#flashcatalogue {position:relative}
#flashcatalogue a{ z-index:100;  top:0px; display:block; position:absolute;}
#flashcatalogue div{ z-index:99; top:0px; left:0px; display:block}

.logo{margin-top:28px; float:left; margin-bottom:12px;}
#lang{float:right; text-align:right;padding-right:35px;}/* NL plus de width*/
.image {cursor:pointer;}

/* Haut */
.divbandeau {margin:0; margin-left:35px}
#haut1{width:100%; height:22px;}
.hautflash{width:468px; height:53px; float:left;margin-top:38px;margin-left:4px;margin-right:4px;color:#FFF}

#moncompte{float:left; background-color:Gray; height:69px;width:229px;margin-top:10px; background:url(../images/Version3/haut_moncompte_panier.gif) no-repeat; color:#c91355; font-size:0.8em; letter-spacing:0; text-align:center}
#moncompte a{color:#c91355; text-decoration:underline; font-size:0.9em}
#moncompte a:hover{color:#EF4181; text-decoration:underline; font-size:0.9em}

#moncompte .MonCompte a{color:#c91355; text-decoration:none; font-size:1.0em;font-weight:bolder;}

#moncompte .hautcompte{height:57px; margin-top:1px; padding-top:1px;}
#moncompte .hautpanier{width:50%; height:57px;float:right; padding-top:5px;}
#moncompte .hautpanier img{ float:left;margin-left:5px; margin-top:-2px;}
#moncompte .hautarticles{width:100%; height:23px;float:left; margin-top:0px;background:url(../images/Version3/haut_moncompte_articles.gif) no-repeat; padding-top:2px}
#moncompte .hautarticles a {text-decoration:none; font-size:1em}

/* menu de navigation */
#menu { border:0;margin:0; padding:0; list-style:none; clear:both; text-align:center;}
#menu li {display:inline; float:left;width:auto; background:url("../images/Version3/onglet_left.gif") no-repeat left top;margin:0; padding:0; margin-left:1px; padding-left:11px;  }
#menu a {display:block; float:left; background:url("../images/Version3/onglet_right.gif") no-repeat right top ; padding:0px 15px 0px 6px;
  text-decoration:none; color:#ac0f47;font: normal 1.1em arial, sans-serif; font-weight: bold; font-variant:small-caps; height:28px; line-height:25px; }
#menu a:hover {color:#ac0f47;}
#menu .active {background-image:url("../images/Version3/onglet_left.gif");}
#menu .active a {background-image:url("../images/Version3/onglet_right.gif"); color:#ac0f47; padding-bottom:0px; }
#menu .active a:hover {color:#ac0f47;}

/* ########## NAVIGATION ########## */
.navigation{width:100%; color:#ef4181}/** LN pas de margin top*/
.navigation a{color:#ef4181;cursor:pointer;}
.navigation .top{display:block; float:left; width:100%; height:15px; border-bottom:1px solid #cccccc; text-align:right; background:url(../images/Version3/fleche_haut.gif) no-repeat 86% 1px; margin-bottom:5px;}

.navigation ul{ text-align:center; list-style-type:none; height:31px; margin:0}
.navigation li{ float:left;  background-image:none; padding:6px 0 0 1px; margin:0 1px; height:31px;}
.navigation li.pages{width:80px; float:left; font-weight:bold; text-align:left; padding-right:5px;}
.navigation li.fond{ background:url(../images/Version3/navigation_li.gif) no-repeat top left; }
.navigation li a {  display:block; float:left; height:31px;padding:6px 6px 6px 6px; margin-top:-6px;}
.navigation li.fond a{ background:url(../images/Version3/navigation_a.gif) no-repeat top right; margin-top:-6px;padding-top:6px}
.navigation .gris a{color:#848484}
.navigation p{color:#848484; clear:both; text-align:right; margin:0}

/* ########## Gauche ########## */
#gauche h2{background:url("../images/Version3/h1_fond.gif") no-repeat left top; color:#FFF; font-size:1.1em;  font-weight:bold; height:25px;width:/*200-190*/160px; line-height:25px; text-align:center; text-indent:35px}
#gauche .divgauche{padding-top:2px; width:/*211-201*/171px; float:right }
#gauche .encart{ margin-bottom: 20px;}
#gauche .encart a {color:#666666;}
#gauche .encart a:hover { color: #EF4181;}
#gauche .tel{color:#ef4181; font-weight:bold; margin-left:10px; background:url("../images/Version3/gauche_tel_fond_grand.gif") no-repeat left top;width:162px; height:50px; line-height:14px;}
#gauche .tel .AlloCmd{font-size:0.9em; margin-left:45px;}
#gauche .tel .Numero{font-size:1.3em; margin-left:45px;}
#gauche .tel .Paiement{font-size:0.8em; margin-left:105px;}

#rose{background:url("../images/Version3/gauche_rose_bord.gif") repeat-y left top  ;clear:both;padding-left:1px; color:#FFF; font-size:1em; width:/*211-201*/171px; }
#rose ul{width:/*200-190*/160px; list-style-type:none; margin:0; padding:0; background:url("../images/Version3/gauche_rose_fond.jpg") repeat-x left bottom; border-top:1px solid #d0e4f5; text-align:center; }
#rose li {border-bottom:1px solid #FFF;width:100%; background-image:none; margin:0; padding:0; padding-top:8px; padding-bottom:8px }
#rose .txtblanc{color:#FFF; font-variant:small-caps; font-weight:bold; font-size:1.3em; line-height:18px; text-align:center; padding-left:55px; margin-top:5px}
#rose .txtblanc a{color:#FFF; }
#rose .txtrose{color:#c91355; font-variant:small-caps; font-weight:bold; font-size:1.3em;text-align:center; }
#rose .txtrose a{color:#c91355; text-decoration:none;display:inline}

#rose .commanderapide{background:url("../images/Version3/horloge.gif") no-repeat 15px 5px;height:50px; }
#rose .suivicommande{background:url("../images/Version3/fleur.gif") no-repeat 10px 5px;height: 50px; }
#rose .newsletter{color:#c91355; font-weight:bold;border-bottom:0}
#rose .newsletter img{margin-top:3px;}
#rose .newsletter a{color:#c91355; text-decoration:none;}
#rose .recherche{background:url("../images/Version3/loupe.gif") no-repeat 10px 5px;color:#c91355;}
#rose .recherche img{margin:12px 0 3px 0;}
.rosebas{background:url("../images/Version3/gauche_rose_bas.jpg") no-repeat left top; width:/*210-200*/170px; height:27px;border:0;margin-bottom: 10px}

/* ########## Droite ########## */
#droite .divdroite{width:/*210-202*/186px;margin-top:2px;text-align:center}
#droite .encart{margin-bottom:5px; clear:both; }

/* cadeau */
#droite .cadeau{}
#droite .cadeauhaut{ background:url(../images/Version3/droite_kdo_fond.jpg) no-repeat;width:100%; height:280px; color:#FFF; }
#droite .cadeau h2{color:#fff; display:block; width:48%; float:left; font-size:1.3em; font-family: Georgia,Verdana; font-style:italic;padding-top:5px; cursor:pointer}
#droite .cadeau h3{color:#fff; display:block; width:100%;float:left;font-size:1.5em; font-family: Arial; font-weight:bold; margin-top:32px; margin-bottom:5px; }
#droite .cadeaubas{ background:url(../images/Version3/droite_kdo_bas2.jpg) no-repeat; width:100%; height:61px; color:#000;font-weight:bold; font-size:1.1em;}
#droite .cadeauliens{ text-align:left;}
#droite .cadeauliens a{ text-decoration:underline;}
#droite .cadeauliens /*img*/input{ float:left; border:0;margin-left:15px; margin-right:10px;}/*NL changement de img en input*/

/* panier */
#droite .panier{ float:left; width:100%;background:url(../images/Version3/droite_panier_fond.gif) repeat-y;  margin-top:10px; color:#c91355;line-height:18px;}
#droite .panier .prix{ font-size:1.3em;}
#droite .panierhaut{ float:left; width:100%;background:url(../images/Version3/droite_panier_haut.gif) no-repeat top left; height:30px; padding-top:15px;}
#droite .panierhaut a{ font-size:1.3em; font-variant:small-caps; font-weight:bold; color:#c91355; padding-left:25px;}
#droite .panierbas{background:url(../images/Version3/droite_panier_bas.gif) no-repeat bottom left; width:100%; height:28px; clear:both; padding-top:5px;}
#droite .panierbas a{display:block; width:112px; height:20px; line-height:20px; background:url(../images/Version3/droite_btCommander.gif) no-repeat top center ; margin:0 auto; font-weight:bold; font-size:1.3em;color:#c91355}

/* coup de coeur */
#droite .coupcoeur{ background: url(../images/Version3/droite_coupcoeur_fond.jpg) repeat-x top #b8b9be;}
#droite .coupcoeurhaut{width:100%; height:30px; background:url(../images/Version3/droite_coupcoeur_haut.jpg) no-repeat top left; padding-top:25px;}
#droite .coupcoeurhaut a{font-size:1.3em; font-variant:small-caps; font-weight:bold; color:#c91355}
#droite .coupcoeurbas{width:100%; background:url(../images/Version3/droite_coupcoeur_bas.jpg) no-repeat bottom left; padding-bottom:25px;}
#droite .coupcoeurbas a { display:block;color:#c91355; margin-top:5px; font-weight:bold}
#droite .coupcoeurbas .commande{ display:block; color:#000000; margin-top:5px; font-weight:bold; text-decoration:underline; cursor:pointer;}

/* TempsL TV */
#droite .tv{color:#FFF; line-height:12px}
#droite .tvhaut{ background:url(../images/Version3/droite_tv_haut.jpg) no-repeat top left; height:58px;padding-top:15px; padding-left:55px; }
#droite .tvhaut a{color:#f1bbd7; font-weight:bold; font-size:1.3em; line-height:16px;}
#droite .tvcentre{display:block; float:left; width:100%; height:216px; color:#c91355; font-variant:small-caps; font-weight:bold; padding-top:15px; font-size:1.8em; line-height:25px; }
#droite .tvcentre .vert{ font-variant :normal;  color:#938404; font-style:italic; font-family:Georgia, Verdana}




/* ########## CENTRE ########## */
#centre .divcentre{margin:5px 1px; width:/*543*/99%; display:table }
#navig {color:#848484; padding:5px 0}
#navig a {color:#848484; cursor:pointer}
#navig a:hover{color:#ef4181}

#centre h1{font:normal normal 1.3em Arial, Helvetica, sans-serif;color:#848484; margin:5px 0 0 0;  }
#centre h1.une{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:2em; color:#ac0f47; margin:5px 0 0 0; background:url(../images/Version3/h1_fond-centre.jpg) no-repeat top left;  text-align:center; height:64px; line-height:64px; letter-spacing:1px;   margin-top:0; width:100%}/** NL plus de width*/
#centre h1.uneAffiliation{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:2.3em; color:#ac0f47; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px;   margin-top:0; width:100%}/** NL Affiliation*/
#centre .page404{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:2.3em; color:#000000; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px;   margin-top:0; width:100%}/** NL Affiliation*/
#centre h2.uneAffiliation{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:1.5em; color:#ac0f47; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px;   margin-top:0; width:100%}/** NL Affiliation*/
#centre span.ssTitAffiliation{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:1.5em; color:#ef4181; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px;   margin-top:0; width:100%}/** NL Affiliation*/
#centre span.ssTitAffiliation2{ font-family:Georgia,Verdana; font-weight:bold; font-style:italic; font-size:1.1em; color:#ef4181; margin:2px 0 0 0; text-align:center; height:34px; line-height:34px; letter-spacing:1px;   margin-top:0; width:100%}
#centre h1.cuisine{font:normal normal 1.8em/1.0em Arial, Helvetica, sans-serif; padding:0 0 0 0; width:99%; border-bottom:1px solid #cccccc;color:#ef4181;}	
#centre h1 .sstitre{color:#d4b388;}
/*.NetAffiliation { background-image:url(../images/Version3/logoNetaffiliation.gif); width:208px; height:54px; border:0px;}
.PublicIdees { background-image:url(../images/Version3/logoPublicIdees.jpeg);  width:208px; height:54px; border:0px;}*/
	
#centre h2{font: normal 1.3em/1.6em Arial, Helvetica, sans-serif;color:#d4b388;  margin:5px 0 8px 0; }
#centre h3{font-family: normal 1.3em Arial, Helvetica, sans-serif; color:#7f128a; margin:5px 0 8px 0; clear:left;   }
#centre h4{font-family:bold 1.1em Arial, Helvetica, sans-serif; color:#848484; margin:0 0 8px 0; }

.catalogueUne, .catalogue{ width:99%; float:left;}
.catalogueUne, .catalogue{margin-top:20px;}
.catalogueUne dl{margin: 8px 0;padding:0px 0 18px 0 ;float: left; width:49%; border-bottom:1px solid #cccccc;}

.catalogueUne dt{float:left;width:135px; height:130px; margin-right:5px;}
.catalogueUne dt img, .catalogue dt img{border:1px solid #986737; }

.catalogueUne .titre{color:#787878; font-size:1.2em; height:85px; }
.catalogue .titre{color:#787878; font-size:1.2em;  padding-top:5px}

.ref{color:#d4b388; font-size:1.2em;  }
.prix{color : #ed4381;  font-weight:bold; margin-bottom:5px; margin-top:8px;}
.euros{color : #ef4181; font-size:1.1em }

dd .prix{font-size:1.8em;}
.catalogueUne .panier a{ background:url(../images/Version3/plus.gif) no-repeat left; padding-left:20px; line-height:25px;color:#787878; font-size:1.1em;width:35%; }
.catalogueUne .prixbarre2{text-decoration:line-through; } /**LN : Ajout du prix barré sur la HomePage*/
.catalogueUne .lien a{color:#FFF; background-color:#b2b3b8; display:block;float:left; padding:2px 8px; text-align:center; font-size:1.1em;margin-top:5px }

.catalogue dl{width:100%; }
.catalogue dt{float:left;width:135px; height:130px; margin-right:5px;}
.catalogue .lien a{color:#FFF; background-color:#b2b3b8; display:block; padding:2px 22px; text-align:center; font-size:1.1em;margin-top:5px;  height:16px;float:left; }      
.catalogue .panier a{ background:url(../images/Version3/catalogue_panier.gif) no-repeat left; height:22px; padding-left:15px; padding-top:5px; padding-bottom:5px; line-height:28px;color:#ef4181; font-size:1.1em; }/** NL pas de width*/
.catalogue .coupcoeur, .catalogue .marque{ float:right; margin-right:20px;}
.catalogue dl.noborderbottom{border-bottom:0}
.catalogue .prixbarre2{text-decoration:line-through; } /**LN : Ajout du prix barré sur les rayons*/
.panierRecherche { background:url(../images/Version3/catalogue_panier.gif) no-repeat left; padding-left:15px; line-height:28px;color:#ef4181; font-size:1.1em; }/** NL pas de width*/

.produitDuMois { background:url(../images/Version3/h1_fond-centre.jpg)}

/* ########## FICHE PRODUIT ########## */
.detailproduit{margin-top:20px; width:605px; }
.detailproduit .photo{float:left; width:210px;}
.detailproduit .photo img{margin:0 0 5px 0}
.detailproduit .present{float:left; width:65%;}
.present .prix{font-size:1.8em;}
.present .prixbarre{font-size:1.4em; text-decoration:line-through;}
.present .prixbarre2{font-size:1.4em; text-decoration:line-through; }
.present .espacement{margin-right:15px}
.present .description{margin:20px 0 25px 0 }

.loupe {line-height:25px;cursor:pointer;}/** NL ajout du pointeur main*/
.loupe img{float:left;cursor:pointer;}/** NL ajout du pointeur main*/

div.dispo{float:left; clear:both;width:98%; margin-top:10px}
p.dispo{ }
.dispo .rond{margin:0 5px 0 10px; }
.dispoTa{margin-bottom:40px;}
.dispoTa th{ font-weight:normal; font-style:italic; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:left;}
.dispoTa td{padding:2px 0 2px 5px; }
.dispoTa .traltern{ background-color:#fbebf0}
.dispoTa a.panier { float:left; background:url(../images/Version3/produit_panier.gif) no-repeat right; text-align:center; line-height:10px;color:#787878; font-size:0.9em; color : #ed4381; padding-right:15px; padding-left:5px; padding-top:5px; padding-bottom:5px;}
.dispoTa .center{ text-align:center}

.dispoTaRecherche{margin-bottom:10px;}
.dispoTaRecherche th{ font-weight:normal; font-style:italic; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:left;}
.dispoTaRecherche td{padding:2px 0 2px 0px; }
.dispoTaRecherche .traltern{ background-color:#fbebf0}
.dispoTaRecherche a.panier { float:left; background:url(../images/Version3/produit_panier.gif) no-repeat right; text-align:center; color:#787878; font-size:0.9em; color : #ed4381; padding-right:15px; line-height:25px;}
.dispoTaRecherche .center{ text-align:center}

.aussi{float:left; width:100%; clear:both; margin:10px 0 0 0; padding:0;  font-size:1em}
.aussi li{margin:0; padding:0; width:600px; background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #FFF; float:left;}
.aussi li.titre{margin:0; width:96%; padding:8px 10px; width:580px;  background:url(../images/Version3/produit_ombre_titre.gif) no-repeat top right #f1e2f7;color:#7f128a; font-size:1.2em; font-weight:bold}
.aussi dl{margin:0; padding:8px 10px; width:579px; float:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
li.ombrebas, div.ombrebas{ float:left; background:url(../images/Version3/produit_ombre_bas.gif) no-repeat top left; width:595px; height:8px;border:0}
div.ombrebaspetit{ float:left; background:url(../images/Version3/produit_ombre_bas.gif) no-repeat top left; width:208px; height:1px;border:0}
.aussi .catalogue dt{float:left;width:80px; height:80px; margin-right:5px;}
.aussi dd .prix{font-size:1.3em;}
.aussi .euros{color : #ef4181; font-size:1.0em }
.aussi .lien {clear:both;}
.aussi .catalogue{margin-top:0px;}
.aussi .catalogue dt img{border:1px solid #cccccc; padding:2px}

.divFicheProduit {float:left; width:567px;}


.associes{float:left; clear:both;width:100%; margin-top:10px; text-align:center; display:table-cell}
.associes img{ margin:0 5px; border:1px solid #cccccc; padding:2px}
.associes div{display: table; width:360px; height:20px;margin:0 auto;}
.associes span{ width:120px; height:20px ; float:left; }
.associes span.space{ width:10px; height:20px ; float:left; }
.associes a.previous{cursor:pointer; background:url(../images/Version3/fleche_gauche.gif) no-repeat right; padding-right:20px; text-align:right; }
.associes a.next{cursor:pointer; background:url(../images/Version3/fleche_droite.gif) no-repeat left; padding-left:20px;  text-align:left;}




/* ##### ONGLETS ##### */
.onglets { border:0;margin:0; padding:0; list-style:none; display:block;clear:both; text-align:center;}
.onglets li {display:inline; float:left;width:auto;margin:0; padding:0 10px 0 0; margin-right:10px; background-image:none ;background:url("../images/Version3/ongletpr_right.gif") no-repeat right top;  cursor:pointer;}

.onglets a {display:block; float:left; padding:0px 15px 0px 40px;
  text-decoration:none; color:#7f128a;font: normal 1.1em arial, sans-serif; font-weight: bold; height:36px; line-height:36px;}
.onglets li a.onglet01{background:url("../images/Version3/ongletpr_info_left.gif") no-repeat left top ; }
.onglets li a.onglet02{background:url("../images/Version3/ongletpr_avis_left.gif") no-repeat left top ; }

.onglets li.Over {margin:0; padding:0 10px 0 0; margin-right:10px; background:url("../images/Version3/ongletpr_right2.gif") no-repeat right top;}
.onglets li.Over a.onglet01 {background:url("../images/Version3/ongletpr_info_left2.gif") no-repeat left top ; color:#FFF; padding:0px 15px 0px 40px;}
.onglets li.Over a.onglet02{background:url("../images/Version3/ongletpr_avis_left2.gif") no-repeat left top ; color:#FFF; padding:0px 15px 0px 40px;}

.onglets li.Selected{margin:0; padding:0 10px 0 0; margin-right:10px; background:url("../images/Version3/ongletpr_right2.gif") no-repeat right top;}
.onglets li.Selected a.onglet01{background:url("../images/Version3/ongletpr_info_left2.gif") no-repeat left top ; color:#fff; padding:0px 15px 0px 40px;}
.onglets li.Selected a.onglet02{background:url("../images/Version3/ongletpr_avis_left2.gif") no-repeat left top ;color:#fff ; padding:0px 15px 0px 40px;}

.ongletcontenu{display:table-cell;float:left; width:568px; clear:both; border:1px solid #e6e6e6;background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #FFF; border-right:0; padding:15px;}
.ongletcontenu h3{ font-size:1.2em}

.diaporama{display:block; clear:both;margin:0; padding:0}
.diaporama li{display:inline; float:left;margin:0 10px 10px 0;padding:0; background-image:none}
.diaporama li img{border:1px solid #cccccc; padding:2px}

.avis a{display:inline;line-height:27px;height:27px;color:#7f128a; text-decoration:underline;}
p.avis a.left {background:url("../images/Version3/picto_avis.gif") center left no-repeat; padding-left:30px;}
p.avis a.right {background:url("../images/Version3/picto_conseiller.gif") center left no-repeat; padding-left:30px;}
.avis a img{display:inline;}
.avis2 a{display:block; width:100%;height:60px; text-decoration:none; text-align:center;color:#ef4181;margin-bottom:15px;}
.avis2 a img{ text-decoration:none;}

.ulavis{margin:0; padding:0; width:100%; float:left; clear:both}
.ulavis li{margin:10px 0 0 0; padding:10px;display:block;float:left; clear:both; background-image:none; width:543px;border:1px solid #e6e6e6}
.ulavis fieldset{margin:10px 0 0 0; padding:10px;display:block;float:left; clear:both; background-image:none; width:543px;border:1px solid #e6e6e6}
.ulavis li img{float:right; }
.ulavis img{float:right; }
.ulavis .nom{ font-size:1.1em}
.ulavis .sujet{float:left; clear:both; color:#ef4181;font-size:1.1em}
.ulavis .description{float:left; clear:both; }
.autrespages{color:#7f128a;float:left; clear:both;width:564px; margin:0; padding:4px 20px 4px 15px; text-align:right; background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #ebe6df; }
.autrespages a { color:#7f128a; text-decoration: underline;}


/* ##########  ########## */
.imggauche{margin: 0 15px 5px 0;float:left; border:1px solid #cccccc}
.imgdroite{margin: 0 10px 5px 10px;float:right; border:1px solid #cccccc}


.clearboth{clear:both}
.block {display: block; float: left}
.inline {display: inline} 
.bold {font-weight: bold}
.cadregris {border: 1px solid #cccccc;}
.left{float:left}
.right{float:right}
.marginleft10{margin-left:10px}
.marginright10{margin-right:10px}

.droite{float:right;}
.nobordertop{border-top:0}
.rose{color:#ef4181}
.roseFond{background-color:#ef4181}
.grisroseFond{background-color:#dac2d8}
.roseClair{background-color:#f3afc7;color:White;}
.roseClairGras{background-color:#f3afc7;color:White;font-weight:bold;}
.grisClairGras{background-color:#dbdbdb;color:#ef4181;font-weight:bold;}
.grisClairGras16{background-color:#dbdbdb;color:#ef4181;font-weight:bold;font-size:16px;}
.violetGras{color:#802591;font-weight:bold;}
.gris{color:#848484}

.traitGris{background-color:#848484;width:100%;height:1px;}
.traitGrisClair{background-color:#cccccc;width:100%;height:1px;}
.traitGrisVertical{background-color:#848484;}
.traitRose{background-color:#848484;width:100%;height:1px;}

.panierVide{font-weight:bold; padding-left:10px}

.rose11C{color:#ef4181;font-size:11px;}
.rose16{color:#ef4181;font-size:16px;}
.rose18{color:#ef4181;font-size:18px;}
.rose16G{color:#ef4181;font-size:16px;font-weight:bold;}
.violet15{color:#802591;font-size:15px;}
.violet15G{color:#802591;font-size:15px;font-weight:bold;}
.violet16G{color:#802591;font-size:16px;font-weight:bold;}
.violet18G{color:#802591;font-size:18px;font-weight:bold;}

.cadreViolet{border:1px solid #e6e6e6;background:url(../images/Version3/produit_ombre_droite.gif) repeat-y top right #f5e8f9; 
	border-right:0; width:99%; }
.cadreViolet span{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#802591; font-weight:bold; padding-left:10px;}	

.cadreVioletSB{background-color:#f5e8f9; }
.cadreVioletSB span{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#802591; font-weight:bold; padding-left:10px;}	

.petitcadreViolet{border:1px solid #e6e6e6;background:#fef5f7; width:99%; }
.petitcadreViolet span{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#802591; font-weight:bold; padding-left:10px;}	

.nounderline {text-decoration: none}
.noborderbottom{border-bottom:0}
.underline{ text-decoration:underline}

.champcontact {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;
    border: 1px #cccccc solid; background-color: #FFF; padding-left:3px; padding-top:1px; padding-bottom:1px;}
.champcontacterreur { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;
    border: 1px #880000 solid; background-color: #aa0000; color: #FFFFFF;}

/** CSS pour les boutons*/
.send{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #ea90b0;  
	background:url(../images/Version3/bg_buttonsend.gif) bottom left repeat-x #f3afc7; color: #fff; height: 30px; padding:5px; margin:0;cursor:pointer; }
.send2{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #ea90b0;  
	background:url(../images/Version3/bg_th.gif) bottom left repeat-x #ef4181; color: #fff; height: 30px; padding:5px; margin:0;cursor:pointer;}	
.sendPanier{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #ea90b0;  
	background:url(../images/commun/bt_passer_commande_rose_pale.gif) no-repeat left #f3afc7; color: #fff; padding-left:55px; padding-top:10px; padding-bottom:10px; padding-right:10px; margin:0;cursor:pointer;}
.sendPanierSelect{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #ea90b0;  
	background:url(../images/commun/bt_passer_commande_rose.gif) no-repeat left #ef4181;  padding-left:55px; padding-top:10px; padding-bottom:10px; padding-right:10px; color: #fff; margin:0;cursor:pointer;}	
.sendAchats{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #ea90b0;  
	background:url(../images/commun/bt_poursuivre_achats_rose_pale.gif) no-repeat left #f3afc7; color: #fff; padding-left:55px; padding-top:10px; padding-bottom:10px; padding-right:10px; margin:0;cursor:pointer;}
.sendAchatsSelect{font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-weight:bold; border: 1px solid #ea90b0;  
	background:url(../images/commun/bt_poursuivre_achats_rose.gif) no-repeat left #ef4181;  padding-left:55px; padding-top:10px; padding-bottom:10px; padding-right:10px; color: #fff; margin:0;cursor:pointer;}	

.erreur{color:#be0d0d;	font-family:Trebuchet MS;font-size:10px;font-weight:bold}


/* menu Horizontal bandeau haut A ajouter 29 10 2007*/ 

.menuHaut { border:0;margin:0; padding:0; list-style:none; clear:both; text-align:center; z-index:999;cursor:pointer;}
.menuHaut dt {float:left; background:url("../images/Version3/onglet_left.gif") no-repeat left top;margin:0; padding:0; margin-left:1px; padding-left:6px; }
.menuHaut dt a {display:block; background:url("../images/Version3/onglet_right.gif") no-repeat right top ; padding:0px 10px 0px 6px;
   color:#ac0f47;font: bold 11px arial, sans-serif; font-variant:small-caps; height:28px;  width:114px;}
.menuHaut dt a:hover {color:#550622; cursor:pointer}
.menuHaut dt.active {background-image:url("../images/Version3/onglet_left.gif");}
.menuHaut dt.active a {background-image:url("../images/Version3/onglet_right.gif"); color:#ac0f47; padding-bottom:0px; }
.menuHaut dt.active a:hover {color:#ac0f47; cursor:pointer;}

.menuHaut dd {width: 230px; font: normal 11px arial, sans-serif; color: #999; background-image:none;border:1px solid #fff; background-color:White; top: 25px; position:absolute;}
.menuHaut dd ul {margin:0; padding:0; border:1px solid #000000;}
.menuHaut dd li {background-color:#f3f2f2; text-align:left; color: #fff; padding-left: 15px; height: 20px;  
	line-height: 18px; margin:0px 2px 1px;
}
.menuHaut  dd ul li a {color: #fff; text-decoration:none; background-image:none; font: 12px Arial, sans-serif; background-image:none; color:#545454;}
.menuHaut  dd ul li a:hover {color:#ef4181; cursor:pointer}


/* Derniers articles consultés*/ 
.pasDarticles {visibility:hidden;}
.unArticle {visibility:visible;}
.dernierArticles { border:0;margin:0; padding-top:10pt; list-style:none; clear:both; text-align:center; z-index:999;cursor:pointer;}
.dernierArticles dt { margin:0; padding:0; margin-left:1px; padding-left:11px;  background:url(../images/Version3/haut_moncompte_articles.gif) no-repeat;}
.dernierArticles dt a {display:block; height:28px; font-weight:bold;}
.dernierArticles dt a:hover {color:#550622; cursor:pointer}
.dernierArticles dd {width: 340px; font: normal 11px arial, sans-serif; color: #999; background-image:none;border:1px solid #fff; background-color:#b9babb; top: 25px; position:absolute;}
.dernierArticles dd ul {margin:0; padding:0; border:0;}
.dernierArticles dd li {background-color:#cccccc; list-style-type:none; text-align:left;
	color: #fff; padding: 15px; height: 92px; line-height: 18px;
	background-image:none; margin:0 0 0px;
}
.dernierArticles  dd ul li a {color: #fff; text-decoration:none; background-image:none; font: normal 13px arial; background-image:none; color:white;}
.dernierArticles  dd ul li a:hover {color:#ac0f47; cursor:pointer}


/* Menu pays*/ 
.menuPays { border:0;margin:0; padding:0; list-style:none; clear:both; text-align:center; z-index:999;cursor:pointer;}
.menuPays dt {float:left; margin:0; padding:0; margin-left:1px; padding-left:11px; }
.menuPays dt a {/*display:block;*/ padding:3px 10px 0px 6px; font: normal 11px arial, sans-serif; font-weight: bold; height:18px;}
.menuPays dt img {display:block;float: left; padding:0px /*1*/0px 0px 6px; font: normal 11px arial, sans-serif; font-weight: bold; height:18px;}
.menuPays dt a:hover {cursor:pointer}
.menuPays dt.active a { padding-bottom:0px; }
.menuPays dt.active a:hover { cursor:pointer;}
.menuPays dd {width: 150px; font: normal 12px arial, sans-serif; color: #999; background-image:none;border:1px solid #fff; background-color:/*#b9babb*/White; top: 25px; position:absolute;}
.menuPays dd ul {margin:0; padding:0; border:1px solid #000000; list-style-type: none;}
.menuPays dd li {background-color:/*#CCCccc*/#f3f2f2; text-align:left; color: #fff; padding-left: 15px; height: 25px; line-height: 25px; margin:0px 2px 1px;}
.menuPays dd ul li a {color: #fff; text-decoration:none; background-image:none; font: 12px Arial, sans-serif; background-image:none; color:/*white*/#545454; border:3px;margin:0;}
.menuPays dd ul li img {padding-top:5px;}
.menuPays dd ul li a:hover {color:/*#ac0f47*/#ef4181; cursor:pointer}

/** CSS spéciale pour les tableaux*/
.margintop20 {margin-top:20px}
.btnDroite {display: block; float: right; margin-right: 20px}
.vignetteProduit {display: block; float: left; margin-right:10px}
.center {text-align:center}
label {padding-left:5px;padding-right:5px;padding-bottom:5px}

/*table {background-color: #fff}*/
table th {background:url(../images/Version3/bg_th.gif) bottom left repeat-x #ef4181; color: #fff; font-size:12px}
table .thClaire {background:url(../images/Version3/bg_buttonsend_clair.gif) bottom left repeat-x #ef4181; color: #fff; font-size:12px}

#TableCoordonnees { background-color: #fff}
#TableCoordonnees th {height: 22px; font-size: 14px; border-bottom: 2px solid #fff; text-transform: uppercase}
#TableCoordonnees td {background-color:#eeeeee; padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; font-size:12px}
#TableCoordonnees .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px}
#TableCoordonnees td input{font-family: Arial, sans-serif; font-size: 12px; }

.TableIdentification { background-color: #fff}
.TableIdentification th {height: 22px; font-size: 14px; border-bottom: 2px solid #fff; text-transform: uppercase}
.TableIdentification td {background-color:#eeeeee; padding: 7px 5px 5px 15px; border-bottom:1px solid #fff; font-size:12px;font-weight:bold;}
.TableIdentification .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px}
.TableIdentification td input{font-family: Arial, sans-serif; font-size: 12px; font-weight:lighter; }

fieldset {border: 1px solid #ea90b0; padding: 15px}
legend{color: #ef4181; font-size: 13px; font-weight: bold; } 

#cmdEnCours {margin: 15px; width: 95%}
#cmdHisto {margin: 15px; width: 95%}
.tableListeCommandes {width: 100%}
.tableListeCommandes td {text-align: center; padding:2pt; font-size:11px}
.tableListeCommandes tr.alternate {background-color: #eeeeee}

.divInformations {margin: 15px; width: 95%}
.tableDetailsLivraison {width: 100%; background-color: #fff}
.tableDetailsLivraison th {font-size: 11px; }
.tableDetailsLivraison td {background-color:#eeeeee; width:50%; padding: 5px; }
.tableDetailsLivraison .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px}

#cmdDetail {margin: 15px; width: 95%}
.tableDetailsCommande {background-color:#fff; width:100%}
.tableDetailsCommande th {height:22px; font-size: 11px; border-right: 1px solid #fff;padding-left:5px}
.tableDetailsCommande tr.alternate {background-color: #eeeeee}
.tableDetailsCommande td {padding:5px;}
.tableDetailsCommande .principal{padding:5px; border-bottom:1px solid #cccccc}
.tableDetailsCommande .explication{padding: 2px 5px 5px 15px; border-bottom:1px solid #fff; background-color:White; font-size:11px}

.total {font-size: 12px; text-align: left; text-transform: uppercase; padding-left: 20px}
td.contentTotal {padding:0}
.tableRecapMontants {display: block; float: right;}
.tableRecapMontants th {padding: 0 10px; text-align: left}
.tableRecapMontants td {border:0; background-color:#eeeeee; text-align: center; font-weight: bold}

.bordureRouge { border:1px solid #ea90b0;}
.bordureRougeDroite { border-right:1px solid #ea90b0;}
.bordureRougeTop { border-top:1px solid #ea90b0;}

/** Partie droite processus de commande*/
.identificationOn{width:100%; height:67px; background:url(../images/commande/fond_1.gif) no-repeat center; font-weight:bold; padding:5px;}
.identificationOff{width:100%; height:67px; background:url(../images/commande/fond_1_off.gif) no-repeat center; font-weight:bold; padding:5px;}
.recapPanierOn{width:100%; height:67px; background:url(../images/commande/fond_2.gif) no-repeat center; font-weight:bold; padding:5px;}
.recapPanierOff{width:100%; height:67px; background:url(../images/commande/fond_2_off.gif) no-repeat center; font-weight:bold; padding:5px;}
.modeLivraisonOn{width:100%; height:67px; background:url(../images/commande/fond_3.gif) no-repeat center; font-weight:bold; padding:5px;}
.modeLivraisonOff{width:100%; height:67px; background:url(../images/commande/fond_3_off.gif) no-repeat center; font-weight:bold; padding:5px;}
.moyenPaiementOn{width:100%; height:67px; background:url(../images/commande/fond_4.gif) no-repeat center; font-weight:bold; padding:5px;}
.moyenPaiementOff{width:100%; height:67px; background:url(../images/commande/fond_4_off.gif) no-repeat center; font-weight:bold; padding:5px;}
.recapCommandeOn{width:100%; height:67px; background:url(../images/commande/fond_5.gif) no-repeat center; font-weight:bold; padding:5px;}
.recapCommandeOff{width:100%; height:67px; background:url(../images/commande/fond_5_off.gif) no-repeat center; font-weight:bold; padding:5px;}

/** TempsL et vous*/
.backTDContact{background-color:#f5e8f9;}
.backTDAvisConseil{background-color:#fbebf0;}
.backComptePerso1{background-color:#8EC6C7;}
.backComptePerso2{background-color:#D2E8E9;}
.backComptePerso3{background-color:#517AAF;}
.Rond1{background:url(../images/commun/rond_1.gif) no-repeat right center; height:55px;}
.Rond2{background:url(../images/commun/rond_2.gif) no-repeat right center;}
.Rond3{background:url(../images/commun/rond_3.gif) no-repeat right center;}