/** page à 2 colonnes **/

#main .left    {display:block;overflow: hidden; height: auto;float:left;width : 754px; }
#main .right   {display:block;overflow: hidden; height: auto;float:left;width : 225px;margin-left : 4px;}

/** pour les pages à 3 colonnes **/

#main .left #body .left_column  {display:block;overflow: hidden; height: auto;float:left;width : 210px; margin-right : 2px; }
#main .left #body .main_column  {display:block;overflow: hidden; height: auto;float:left;width : 542px; }

/** colonne de droite **/

#main .right ul#service_client { display:block;overflow: hidden; height: auto;width : 225px;}
#main .right ul#service_client li { padding-top : 5px;padding-left : 10px; float : none; display:block;overflow: hidden; height : 34px; border-bottom : 1px #e5e5e5 solid; background-color : #f3f3f3; }
#main .right ul#service_client li.title {height : 61px;background-color : #333333; color : #ffffff; font-size : 18pt; cursor: pointer; }
#main .right ul#service_client li.livraison { background: url(../images/ico_service_panier.png) no-repeat 3px 3px #f3f3f3; padding-left : 55px; }
#main .right ul#service_client li.livraison strong { color : #000000; font-weight : bold;}
#main .right ul#service_client li.points_cadeaux { background: url(../images/ico_service_points.png) no-repeat 3px 3px #f3f3f3; padding-left : 55px; font-weight : bold; color : #000000; padding-top : 12px;height : 27px;}
#main .right ul#service_client li.paiement_securise { background: url(../images/ico_service_secure.png) no-repeat 12px 3px #f3f3f3; padding-left : 55px; font-weight : bold; color : #000000; padding-top : 12px;height : 27px;}
#main .right ul#service_client li.parrainage { background: url(../images/ico_service_parrainage.png) no-repeat 12px 3px #f3f3f3; padding-left : 55px; font-weight : bold; color : #000000;border-bottom : 2px #333333 solid;padding-top : 12px;height : 27px; }
#main .right ul#service_client li.parrainage p { font-size : 08pt; color : #339999; font-weight : normal;}

#main .right .box-column { border-left : 1px #e7e7e7 solid; border-bottom : 1px #e7e7e7 solid; padding-top : 0px; padding-left : 15px; padding-bottom : 08px;}
#main .right .box-column img { float:right; display : block;overflow: hidden; }
#main .right .box-column p { width : 200px; font-size:08pt; line-height : 15px;padding-bottom : 07px; }
#main .right .box-column p.expert { width : 100px; padding-top : 15px; }
#main .right .box-column a.menu_contenu { background: url(../images/puce_pink.png) no-repeat 0px 3px; padding-left : 15px; text-decoration : none; font-weight : bold; color : #333333;}
#main .right .box-column h2 { margin : 0px; padding : 5px 0px 0px 0px;color : #339999; font-size:10pt; text-transform : uppercase; font-weight: bold;}
#main .right .banner-pub { background-color : #ebebeb; width : 223px; height : 179px; display : block;overflow: hidden; margin-top :10px; margin-left : 1px;margin-bottom : 10px;}
#main .right .banner-pub-small { background-color : #ebebeb; width : 223px; height : 111px; display : block;overflow: hidden; margin-top : 10px; margin-left : 1px;margin-bottom : 10px;}
#main .right .box-column-faq { border-left : 2px #e7e7e7 solid; border-bottom : 2px #e7e7e7 solid; padding-top : 5px; padding-left : 3px; padding-bottom : 3px;display : block; overflow : hidden; height : 25px;}
#main .right .box-column-faq form input { float : left; margin-top : 1px; }

#main .right #connected-title {background: url(../images/titre_restez_connecte.png) no-repeat 0px 0px;display:block;overflow: hidden; width : 220px; height : 24px; margin-top : 10px;  }
#main .right .box-connected a {text-decoration: none;}
#main .right .box-connected a:hover {text-decoration:underline;}

#main .right .box-connected {background:url(../images/bg_titre_restez_connecte.png) no-repeat; padding: 3px 0 0;height:163px;}
#main .right .box-connected .twitter {background: url(../images/twitter-icon.jpg) 10px top no-repeat; margin: 3px 0 0; padding: 0 58px; height:38px; width: 220px;}
#main .right .box-connected .twitter h2 { margin : 0px; padding : 0px; color : #339999; font-size:10pt; font-weight: bold;}
#main .right .box-connected .twitter p {color : #000;}

#main .right .box-connected .blog {background: url(../images/blog-icon.jpg) 10px top no-repeat; margin: 11px 0 0; padding: 0 58px; height:38px; width: 220px;}
#main .right .box-connected .blog h2 { margin : 0px; padding : 0px; color : #339999; font-size:10pt; font-weight: bold;}
#main .right .box-connected .blog p {color : #000;}

#main .right #quizz-title { background: url(../images/quizz_title.png) no-repeat 0px 0px;display:block;overflow: hidden; width : 206px; height : 21px; margin-top : 10px; cursor:pointer;  }
#main .right .box-quizz {background: url(../images/bg_participer_quizz.png) no-repeat 0px 0px;display:block;overflow: hidden; width : 224px; height : 112px; margin-top : 0px; }
#main .right .box-quizz div.top {display:block;overflow: hidden; margin: 0px; padding: 0px; width: 206px; height: 90px;}
#main .right .box-quizz img { float : left; display : block;overflow: hidden;margin-top : 20px;margin-left : 5px;}
#main .right .box-quizz div.text-quizz {padding-top: 15px; padding-bottom:10px;  margin-left: 5px; display: block; overflow: hidden; float: left; width: 140px; height: 48px; margin-bottom: 18px; }
#main .right .box-quizz div.menu-quizz{display: block; overflow: hidden; height: 20px;}
#main .right .box-quizz a.menu_contenu { background: url(../images/puce_gray.png) no-repeat 0px 2px; padding: 0px; padding-left : 18px; text-decoration : none; font-weight : bold; color : #ffffff; text-transform: uppercase; display: block; overflow: hidden; margin-left: 5px; }

#main .right #newsletter-title { background: url(../images/newsletter_title.png) no-repeat 0px 0px;display:block;overflow: hidden; width : 199px; height: 24px; margin-top: 10px; }
#main .right .box-newsletter { background: url(../images/bg_newsletter.png) no-repeat 0px 0px #fff; display:block; overflow: hidden; width: 209px; height: 130px; margin-top: 0px; padding-left: 15px; }
#main .right .box-newsletter  h2 { margin : 0px; padding : 15px 0px 0px 0px;color : #000000; font-size:13pt; text-transform : uppercase; font-weight: bold;}
#main .right .box-newsletter  p.title { background: url(../images/puce_back_bg_gray.png) no-repeat 0px 4px; padding-left : 12px; font-weight : bold; margin-top :4px;}
#main .right .box-newsletter form { margin: 10px 0 10px;}
#main .right .box-newsletter form input { float : left; margin-top : 1px; }

/** colonne de gauche **/

#main .left #body .left_column #top-lst-categorie { background : url(../images/top_categorie.png) no-repeat;width : 208px; display : block; overflow: hidden; height : 12px; margin-top : 10px; }
#main .left #body .left_column #bottom-lst-categorie { background : url(../images/bottom_categorie.png) no-repeat;width : 208px; display : block; overflow: hidden; height : 12px;margin-bottom: 0px; }
#main .left #body .left_column ul#lst-categories {width : 208px; background-color:#f6f6f6; display : block; overflow: hidden; }
#main .left #body .left_column ul#lst-categories li { float : none; ; color : #138b82;padding-left : 5px;text-transform:uppercase; font-size : 09pt; cursor : pointer; font-weight : bold; line-height : 21px; margin : 3px;}
#main .left #body .left_column ul#lst-categories ul.themes_expert li { cursor : default;}
#main .left #body .left_column ul#lst-categories ul.themes_expert li.selected { cursor : default;}
#main .left #body .left_column ul#lst-categories li a.famille, #main .left #body .left_column ul#lst-categories li a.famille:hover { background : url(../images/puce_cat.png) no-repeat right; padding-right: 15px;color : #138b82; text-decoration : none;text-transform:uppercase;font-size : 09pt; }
#main .left #body .left_column ul#lst-categories li.selected {background: none;cursor : default; }
#main .left #body .left_column ul#lst-categories li.selected a.selected,#main .left #body .left_column ul#lst-categories li.selected a.selected:hover {color : #138b82;text-decoration : none; }
#main .left #body .left_column ul#lst-categories li.cat { background : url(../images/puce_arrow.png) no-repeat 3px 7px; color : #333333;text-transform:capitalize;padding-left : 15px;border-bottom : 1px #d0d0d0 solid; font-weight:normal; }
#main .left #body .left_column ul#lst-categories li.cat a.cat, #main .left #body .left_column ul#lst-categories li.cat a.cat:hover { color : #333333;text-transform:capitalize;text-decoration : none; font-weight:normal; }
#main .left #body .left_column ul#lst-categories li.cat_selected { color : #e2017b;background : url(../images/puce_open_pink.png) no-repeat 5px 7px;text-transform:capitalize;padding-left : 20px;}
#main .left #body .left_column ul#lst-categories li.cat_selected a.cat_selected, #main .left #body .left_column ul#lst-categories li.cat_selected a.cat_selected:hover { color : #e2017b;text-transform:capitalize; text-decoration : none;}
#main .left #body .left_column ul#lst-categories li.sous_cat { background : url(../images/puce_arrow.png) no-repeat 16px 4px; color : #333333;text-transform:capitalize;padding-left : 26px; line-height : 17px;}
#main .left #body .left_column ul#lst-categories li.sous_cat a.sous_cat, #main .left #body .left_column ul#lst-categories li.sous_cat a.sous_cat:hover {color : #333333;text-transform:capitalize; }
#main .left #body .left_column ul#lst-categories li.sous_cat_selected { color : #333333;background : url(../images/puce_open_pink.png) no-repeat 15px 4px;text-transform:capitalize;padding-left : 28px; line-height : 17px;}
#main .left #body .left_column ul#lst-categories li.sous_cat_selected  a.sous_cat_selected, #main .left #body .left_column ul#lst-categories li.sous_cat_selected a.sous_cat_selected:hover { color : #333333;text-transform:capitalize; text-decoration : none; }
#main .left #body .left_column ul#lst-categories li.ss_sous_cat { color : #333333;text-transform:none;padding-left : 48px; background : url(../images/puce_arrow.png) no-repeat 37px 4px;line-height : 16px;}
#main .left #body .left_column ul#lst-categories li.ss_sous_cat a.ss_sous_cat, #main .left #body .left_column ul#lst-categories li.ss_sous_cat a.ss_sous_cat:hover {color : #333333;text-transform:none; text-decoration : none;  }
#main .left #body .left_column ul#lst-categories li.ss_sous_cat_selected { color : #158b83;text-transform:none;padding-left : 48px; background : url(../images/puce_arrow.png) no-repeat 37px 4px;line-height : 16px;}
#main .left #body .left_column ul#lst-categories li.ss_sous_cat_selected a.ss_sous_cat_selected, #main .left #body .left_column ul#lst-categories li.ss_sous_cat_selected a.ss_sous_cat_selected:hover {color : #158b83;text-transform:none; text-decoration : none; }
#main .left #body .left_column ul#lst-top-vente { width : 754px; display : block; overflow: hidden;padding-top : 20px; }
#main .left #body .left_column ul#lst-top-vente li { overflow: hidden; margin-left : 0px; width :200px}
#main .left #body .left_column ul#lst-top-vente li ul.lst-top-produit { margin: 10px 0 20px 0; }
#main .left #body .left_column ul#lst-top-vente li ul.lst-top-produit li { background : url(../images/puce_pink_simple.png) no-repeat 0 2px; padding-left : 10px; margin-top : 5px; }
#main .left #body .left_column ul#lst-top-vente li ul.lst-top-produit li a { text-decoration : none; color : #333333;}
#main .left #body .left_column h5 { margin : 0px; padding : 0px;background : url(../images/h3_produit.png) no-repeat;display:block;overflow: hidden; height: 20px;width : 201px; padding-top : 4px; padding-left : 10px; margin-left: 0px; font-size : 09pt; color: #ffffff; text-transform : uppercase; font-weight : bold; }
#main .left #body .left_column div#selection-article {width : 208px; background-color:#f6f6f6; display : block; overflow: hidden; }
#main .left #body .left_column div#selection-article h1 {width : 208px; color:#04897f; font-size:10px; font-weight: bold; margin: 0 0 10px 10px; }
#main .left #body .left_column select.menu-selection {width : 160px; margin-left: 25px; display : block; overflow: hidden; }
#main .left #body .left_column ul#lst-lettre-lexique {width : 208px; background-color:#f6f6f6; display : block; overflow: hidden; }
#main .left #body .left_column ul#lst-lettre-lexique li.titre-choix { float : none;  color : #138b82;padding-left : 5px;  font-size : 09pt; font-weight : bold; line-height : 21px; margin: 3px 3px 15px 3px;}
#main .left #body .left_column ul#lst-lettre-lexique li.letter { color : #333333;text-transform:capitalize;margin: 0 25px 5px 25px; padding-bottom: 5px; border-bottom : 1px #d0d0d0 solid; font-weight:normal; }
#main .left #body .left_column ul#lst-lettre-lexique li.letter-last { color : #333333;text-transform:capitalize;padding-left : 25px; padding-bottom: 5px; margin-bottom: 5px; font-weight:normal; }
#main .left #body .left_column ul#lst-lettre-lexique li a { color : #333333; text-transform:capitalize; margin-right : 5px; font-weight:bold; text-decoration: none; }
#main .left #body .left_column ul#lst-lettre-lexique li a.itemselect { color : #e2017b; text-transform:capitalize; margin-right : 5px; font-weight:bold; text-decoration: none; }
#main .left #body .left_column ul#lst-lettre-lexique li a:hover { color : #e2017b; text-transform:capitalize; margin-right : 5px; font-weight:bold; text-decoration: none; }