@media all{@-webkit-keyframes loadingFadeIn { 0% {  opacity:0;  visibility:hidden; }  100% {  opacity:0.4;  visibility:visible; } } @-moz-keyframes loadingFadeIn { 0% {  opacity:0;  visibility:hidden; }  100% {  opacity:0.4;  visibility:visible; } } @-o-keyframes loadingFadeIn { 0% {  opacity:0;  visibility:hidden; }  100% {  opacity:0.4;  visibility:visible; } } @keyframes loadingFadeIn { 0% {  opacity:0;  visibility:hidden; }  100% {  opacity:0.4;  visibility:visible; } } @keyframes loadingDots {  0%, 20% {  color:rgba(0, 0, 0, 0);  text-shadow:.25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0); }  40% {  color:black;  text-shadow:.25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0); }  60% {  text-shadow:.25em 0 0 black, .5em 0 0 rgba(0, 0, 0, 0); }  80%, 100% {  text-shadow:.25em 0 0 black, .5em 0 0 black; } }  @keyframes input-focus { 0% {  transform:scale(1); }  50% {  transform:scale(0.98); }  100% {  transform:scale(1); } } @-webkit-keyframes input-focus { 0% {  transform:scale(1); }  50% {  transform:scale(0.98); }  100% {  transform:scale(1); } } body { margin:0px; padding:0px; text-align:center; font-family:"Tahoma", Geneva, Arial, Verdana, sans-serif; font-size:11px; color:#808080; background-color:#ffffff; } a img { border:0px; } [hidden] { display:none!important; } .loading { position:relative; } .loading:before { content:''; background:grey; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:6; opacity:0.4;  animation:loadingFadeIn 100ms linear; } .loading:after { content:' .'; animation:loadingDots 1s steps(5, end) infinite; z-index:6; color:black;  font-size:5em;  font-family:Impact; line-height:0px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:44px; height:38px; } .no-pointer, .no-pointer:hover { cursor:default; } #clickToPhone { text-decoration:none; } a { color:#000000; } #conteneur { width:990px; margin-top:15px; margin-left:auto; margin-right:auto; text-align:center; border:1px solid #ededed; background-color:#ffffff; } #haut { height:130px; width:100%; background-image:url('/Public/Images/site/ban-origine.png'); } #haut a#lien-haut-gauche { display:block; cursor:pointer; height:100%; width:100%; float:left; } #haut a#lien-haut-droite { display:block; cursor:pointer; height:100%; width:0%; float:left; } #menu-haut { width:100%; height:40px; color:#999999; font-size:11px; background-color:#efefef; border-top:1px solid #efefef; border-bottom:1px solid #efefef; } #menu-haut a { display:block; float:left; height:100%; line-height:40px; text-align:center; padding-left:30px; padding-right:30px; text-decoration:none; color:#999999; } #menu-haut a:hover { background-color:#ffffff; } #centre { width:100%; text-align:left; } #centre-gauche { width:20%; text-align:left; float:left; text-align:center; } .onglet-menu { width:90%; margin-left:auto; margin-right:auto; margin-top:10px; border:1px solid #efefef; } .onglet-menu a.lien-onglet { display:block; height:30px; line-height:30px; overflow:hidden; background-color:#efefef; text-decoration:none; color:#999999; cursor:pointer; text-align:left; padding-left:5px; } .onglet-menu a.lien-onglet:hover { background-color:#ffffff; color:#999999; } .onglet-menu a.lien-onglet-loading { background-image:url("/Public/Images/ajax-loader.gif"); background-position:right; background-repeat:no-repeat; } .list-ss-cat-menu { width:95%; padding:5%; text-align:left; } .list-ss-cat-menu a { color:#999999; cursor:pointer; } .list-ss-cat-menu a:hover { color:#000000; } #page { position:relative; width:75%; text-align:left; float:left; } #recherche { width:256px; text-align:center; height:40px; line-height:40px; float:right; } #fil { text-align:left; margin-left:auto; margin-right:auto; margin-top:5px; } .list-produit { width:95%; margin-left:auto; margin-right:auto; margin-top:15px; } .list-produit-gauche { width:40%; float:left; border-top:1px solid #cccccc; text-align:center; padding-top:20px; padding-bottom:20px; position:relative; } .list-produit-droite { width:58%; float:left; padding-top:10px; border-top:3px solid #cccccc; padding-bottom:20px; padding-left:2%; } a.titre-produit-liste { color:#808080; font-size:16px; text-decoration:none; font-weight:normal; } .list-produit-droite-contenu { width:100%; float:left; } a.ref-produit-liste { color:#808080; font-size:14px; text-decoration:none; font-weight:normal; } a.preambule-produit-liste { color:#000000; font-size:11px; text-decoration:none; font-weight:normal; } a.prix-produit-liste { color:#ff0000; font-size:24px; text-decoration:none; font-weight:bold; } #centre-droit { width:25%; float:right; text-align:center; } .block-droit { width:90%; margin-left:auto; margin-right:auto; margin-top:10px; border:1px solid #efefef; text-align:left; } .block-droit .titre-block-droit { width:100%; height:25px; line-height:25px; background-color:#efefef; color:#999999; } #blk_paiement_lock { position:relative; } #img_blk_paiement_lock { height:18px; width:18px; position:absolute; top:3px; right:5px; } .block-droit p { padding:10px; margin:0px; } h1 { color:#808080; padding-left:20px; width:90%; font-size:20px; } #zoomFond { width:120px; height:20px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; background-image:url("/Public/Images/site/fd-bt-zoom.png"); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer; background-color:#808080; } h5 { color:#808080; }  #menu-bas { width:100%; height:40px; line-height:40px; color:#999999; font-size:11px; } #menu-bas a { margin-left:8px; margin-right:8px; text-decoration:none; color:#999999; } #menu-bas a:hover { text-decoration:underline; }  #pied { margin-top:0px; width:100%; background-color:#efefef;  color:#999999; font-size:11px; padding-top:30px; } #sous-pied { width:990px; margin-left:auto; margin-right:auto; padding-bottom:30px; } #conteneur-large { width:100%; margin:0px; padding:0px; background-color:#ffffff; padding-top:15px; } body { background-color:#efefef; } #conteneur { margin-top:0px; } .block-new-pied { float:left; color:#808080; text-align:left; margin-left:30px; } .block-new-pied a { text-decoration:none; color:#808080; } .block-new-pied a:hover { color:#000000; }   .div-clear { display:block; width:99%; clear:both; height:0px; padding:0px; border:0px; margin:0px 0px; } hr.clear { visibility:hidden; display:block; clear:both; height:0px; padding:0px; border:0px; margin:0px 0px; margin:0px 0px; }  #blk_paiement_droit_logo { height:100px; width:125px; margin:15px auto 0 auto; } #haut-fiche-produit { width:95%; margin-left:auto; margin-right:auto; } #haut-fiche-produit-photo { width:60%;  float:left; text-align:center; } #haut-fiche-produit-prix { width:40%; padding-top:15px; float:left; } #ajout-panier-fiche { width:95%; margin-left:auto; margin-right:auto; text-align:right; } .para-fiche-produit { width:95%; margin-left:auto; margin-right:auto; text-align:left; margin-bottom:30px; color:#808080; } .para-fiche-produit h3, .para-fiche-produit h2 { font-size:13px; font-weight:bold; color:#333333; margin-bottom:15px; margin-top:0px; } .para-fiche-produit table { border-collapse:collapse; width:100%; } .para-fiche-produit table td { border:1px solid #D0D0D0; } .para-fiche-produit table tr.head td { background-color:#EFEFEF; color:#999; text-align:center; } .petite-image-fiche-produit { width:120px; height:85px; margin-top:10px; margin-left:25px; float:left; } .petite-image-fiche-produit a { width:100%; padding-top:10px; height:100%; display:block; text-align:center; background-color:#ffffff; border:1px solid #c4c4c4; cursor:pointer; } .petite-image-fiche-produit a:hover { border:1px solid #808080; } .petite-image-fiche-produit img { border:0px; } a.lien-noir-fiche-produit { color:#000000; font-weight:bold; } a.lien-noir-fiche-produit:hover { color:#dd3636; } table.tab-lien-tab-lien-haut-retour a { font-weight:normal; text-decoration:none; color:#000000; } table.tab-lien-tab-lien-haut-retour a:hover { text-decoration:underline; color:#1fa7ea; } form#formAdresse { text-align:center; } .list-marques-m { width:90%; margin-left:auto; margin-right:auto; height:15px; } .list-marques { width:90%; margin-left:auto; margin-right:auto; border:1px solid #E1E1E1; } .list-marques-img { width:19%; float:left; text-align:center; padding:0; padding-top:5px; border:0; } .list-marques-img img { max-width:100%; } .list-marques-text { width:78%; padding-left:2%; float:left; text-align:left; padding-top:10px; border-left:1px solid #e1e1e1; } .list-marques-link { display:inline-block; margin-bottom:10px; } .list-marques-intro { padding-left:40px; padding-right:40px; color:black; font-weight:bold; font-size:small; } .list-marques-intro p { padding-left:0px; padding-right:0px; }  .cadre-partenaire { margin-bottom:10px; } .partenaire-a-image { display:block; width:200px; } .partenaire-a-image img { border:0; } #tab-panier { width:95%; margin-left:auto; margin-right:auto; margin-top:15px; font-size:11px; font-weight:bold; } #tab-panier tr.fond-gris { background-color:#e6e6e6; font-size:11px; font-weight:bold; } #tab-panier tr.fond-italique { font-style:italic; font-weight:normal; } a.bouton-bas-panier, a.lien-ajout-panier, a.bouton-bas-panier#valid, a.lien-detail-fiche, a.validBoutonlisting { display:block; height:21px; line-height:21px; width:140px; margin-left:auto; margin-right:auto; background-color:#b3b3b3; border:1px solid #808080; color:#ffffff; font-weight:bold; text-decoration:none; text-align:center; margin-right:15px; margin-top:9px; } a.bouton-bas-panier:hover, a.bouton-bas-panier#valid:hover, a.lien-ajout-panier:hover, a.lien-detail-fiche:hover, a.validBoutonlisting:hover { color:#808080; background-color:#ffffff; font-weight:bold; } a.lien-ajout-panier, a.lien-detail-fiche { margin:0px; margin-top:5px; } .block-ajout-panier-bis { width:40%; float:right; text-align:left; } a.produit-panier { color:#000000; font-weight:bold; font-size:10px; display:block; width:155px; padding-top:5px; padding-bottom:5px; padding-left:5px; background-color:#ffffff; margin-bottom:5px; text-decoration:none; } a.produit-panier:hover { text-decoration:underline; color:#000000; } a.produit-panier#total-liste-panier { text-align:center; } a.produit-panier#total-liste-panier:hover { color:#000000; cursor:inherit; text-decoration:none; } p#liste-panier { width:90%; margin-left:auto; margin-right:auto; text-align:left; } #etape-commande { width:520px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; } #etape-commande a { text-decoration:none; color:#858585; } #etape-commande a:hover { text-decoration:underline; } .etape { text-align:center; width:118px; float:left; font-size:11px; color:#858585; } .numero-etape { width:17px; height:17px; margin-left:auto; margin-right:auto; color:#ffffff; font-weight:bold; display:block; } .bouton-commande-bas { width:90%; margin-left:auto; margin-right:auto; height:20px; margin-top:20px; } #bouton-commande-retour { float:left; height:20px; width:95px; background-color:#b3b3b3; border:1px solid #808080; } #bouton-commande-suivant { float:right; height:21px; width:150px; background-color:#b3b3b3; border:1px solid #808080; } #bouton-commande-suivant a { font-weight:bold; color:#ffffff; text-align:center; line-height:21px; height:21px; width:100%; display:block; text-decoration:none; } #bouton-commande-retour a { font-weight:bold; color:#ffffff; text-align:center; line-height:20px; height:20px; width:100%; display:block; text-decoration:none; } #bouton-commande-suivant a:hover { color:#808080; background-color:#ffffff; font-weight:bold; } #bouton-commande-retour a:hover { color:#808080; background-color:#ffffff; font-weight:bold; } a.lien-changer-adresse { color:#858585; text-decoration:none; font-size:11px; } a.lien-changer-adresse:hover { color:#ff0000; } table.adresse-livraison { width:250px; margin-left:165px; } #newAdresse .astuce_adr { display:none; } table#recapitulatif-adresse-livraison, table#recapitulatif-adresse-facturation { width:200px; margin-left:auto; margin-right:20px; text-align:right; font-size:14px; color:#4B4B4B; } table#autre-adresse { width:90%; } a.lien-fiche-client-adresse { font-size:11px; color:#858585 } .inscription { width:95%; margin-left:auto; margin-right:auto; margin-top:20px; padding-bottom:25px; padding-top:0px; font-weight:normal; border:1px solid #e1e1e1; } .amelioration-livraison p, .amelioration-livraison div { padding:0 20px; text-align:left !important; } .amelioration-livraison small { display:block; margin:20px 0; } .amelioration-livraison form button { float:right; text-transform:uppercase; color:#FFFFFF; background-color:#6aca11; border:0; padding:7px 30px; font-size:12px; background-image:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 51%); } .amelioration-livraison form button:hover { cursor:pointer; background-image:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 51%); } .amelioration-livraison .al-radio { padding:0 50px; } .amelioration-livraison form input[type=radio] { margin:0; vertical-align:middle; } .amelioration-livraison .inputDate { background-color:#EEEEEE; border:0; text-align:center; margin-left:5px; width:130px; height:24px; font-size:12px; font-family:inherit; } .inscription table { width:90%; margin-left:auto; margin-right:auto; text-align:left; } .inscription h5 { padding-left:20px; text-align:left; height:20px; line-height:20px; margin-bottom:15px; margin-top:10px; font-size:14px; } a.lien-noir-fiche-produit { width:64px; height:64px; display:block; background-image:url("/Public/Images/site/pdf.png"); background-repeat:no-repeat; margin-right:20px; margin-bottom:0px; padding-bottom:0px; float:left; }  .liste-produit-similaire { margin-top:30px; width:95%; margin-left:auto; margin-right:auto; } .liste-produit-similaire span { font-weight:bold; color:#d4aa00; margin-left:25px; } table#tab-ajout-panier-fiche { width:200px; margin-left:10px; margin-top:20px; } a.recommander-ami { color:#000000; } .inscription table td.titre-nouveau-client { font-weight:bold; font-size:14px; margin-left:10px; } .inscription p { text-align:center; } #affiche-article-index { padding-left:70px; } .article-index { width:200px; height:200px; text-align:center; border-bottom:1px dashed #999999; float:left; padding-bottom:5px; font-weight:bold; margin-right:40px; margin-top:15px; } .article-index a { text-decoration:none; color:#000000; } .article-index h2 { font-size:12px; color:#000000; margin-bottom:15px; } .article-index img { margin-bottom:10px; } .article-index span.article-index-prix { color:#ff0000; } .article-index a.article-index-detail { font-weight:normal; font-size:11px; color:#999999; display:block; width:190px; text-align:right; font-style:italic; } .article-index a.article-index-detail:hover { text-decoration:underline; color:#ff0000; } span#conseiller-ami { font-style:italic; color:#858585; } span.petit-prix-port { color:#858585; font-size:11px; } span.grand-prix-port { color:#ff0000; font-size:20px; font-weight:bold; } #liste-cat { width:450px; margin-top:30px; margin-left:auto; margin-right:auto; } .lien-ss-cat { width:450px; height:30px; line-height:30px; } .lien-ss-cat a { margin-left:25px; color:#000000; text-decoration:none; } .lien-ss-cat a:hover { text-decoration:underline; color:#ff0000; } a.lien-pdf { text-decoration:none; font-weight:bold; color:#ff0000; } a.lien-pdf:hover { text-decoration:underline; } .cadre-produit { width:480px; padding:10px; margin-left:auto; margin-right:auto; background-color:#ececec; border:1px solid #e1e1e1; margin-bottom:25px; } .cadre-produit h6 { padding:0px; margin:0px; margin-bottom:10px; font-weight:bold; font-size:12px; color:#333333; }   #multi-page { margin-left:auto; margin-right:auto; color:#808080; } #multi-page-page { width:35px; height:15px; line-height:15px; margin-left:5px; text-align:center; color:#808080; float:left; } #multi-page-lien-haut { width:100%; height:15px; margin:5px 0; line-height:15px; margin-left:5px; text-align:center; } #multi-page-lien-haut a { text-decoration:none; color:#808080; } #multi-page-lien-haut a:hover { color:#808080; } #multi-page-numero, .multi-page-numero { width:15px; height:15px; margin-left:5px; float:left; } #multi-page-numero a, .multi-page-numero a, #multi-page-courrante a, #multi-page-precedente a, #multi-page-suivante a { width:15px; height:15px; display:block; color:#ffffff; background-color:#cccccc; line-height:15px; text-align:center; text-decoration:none; } #multi-page-numero a:hover, .multi-page-numero a:hover, #multi-page-courrante a, #multi-page-precedente a:hover, #multi-page-suivante a:hover { background-color:#808080; } #multi-page-precedente a, #multi-page-suivante a { width:75px; margin-left:5px; float:left; } .lien-bas-centre-page { text-align:center; display:block; width:100%; } #multi-page-courrante { background-color:#808080; width:15px; height:15px; line-height:15px; margin-left:5px; text-align:center; color:#ffffff; float:left; font-weight:bold; } .message-login { width:90%; margin-left:auto; margin-right:auto; text-align:center; padding:10px; margin-top:15px; font-weight:bold; color:#ff0000; } .logo_fiche_produit { text-align:center; } .reduc-produit-liste { text-decoration:line-through; color:rgb(153, 153, 153); margin-right:10px; font-weight:normal; font-size:14px; } .montant-reduc-produit-liste { color:#000000; font-weight:normal; font-size:11px; font-style:italic; } a.lien-voir-fiche-listing { text-decoration:none; font-weight:bold; color:#999999; } a.lien-voir-fiche-listing:hover { color:#000000; } #num-tel-block-droit { text-align:center; margin-top:0px; padding-top:0px; font-size:16px; color:#000000; } .FDP-block-droit strong { text-align:center; margin-top:0px; padding-top:0px; font-size:16px; color:#000000; display:block; } .FDP-block-droit { text-align:center; } #pub_laterale_droit { display:block; width:179px; height:42px; margin:0 auto; }  #pagecontact h1 { text-transform:uppercase; background:#EFEFEF; padding:6px; font-size:14px; width:auto; } #pagecontact p { padding:0px; margin:20px; } #content_formcontact { border-top:1px solid #E1E1E1; padding-top:20px; } #border_form { background:#EFEFEF; padding:10px; border-radius:8px; } #content_formcontact .inscription { width:100%; margin:0; background:#fff; padding:0; } * html #content_formcontact .inscription { border:none; } #contact { padding:20px; } #contact input, textarea, select { outline:none; } #contact strong { display:block; padding-bottom:10px; border-bottom:1px solid #E1E1E1; text-transform:uppercase; font-size:14px; margin-bottom:14px; } #contact span.label { display:block; width:12%; float:left; text-align:right; margin-right:10px; font-size:12px; } #contact span.left-label { display:block; width:25%; text-align:right; float:left; font-size:12px; } #contact span input { width:35%; float:left; margin:0px 0px 0px 10px; border:1px solid #E1E1E1; color:gray; } #contact span.input_right input { width:20%; float:left; margin:0px 0px 0px 10px; border:1px solid #E1E1E1; } #contact span input:focus { border:1px solid #333333; } #contact #adresse input { width:392px; } #contact textarea { width:82%; height:100px; border:1px solid #E1E1E1; margin-left:10px; resize:vertical; } #contact textarea:focus { border:1px solid #333333; } #contact .clear { clear:both; } #contact #identite, #contact #infos-contact { height:24px; margin-bottom:10px; line-height:20px; } #contact #submit { text-align:right; margin-top:10px; margin-right:1%; } #contact input[type=submit] { border:0; cursor:pointer; color:#fff; text-transform:uppercase; width:100px; padding:4px 0px; background:gray; } .contactcache { display:none; }  #livraison-demain-chez-vous { margin:10px; background-color:#fbf3b1; display:none; padding-bottom:10px; } #livraison-demain-conteneur { margin-left:200px; width:340px; } #livraison-demain-conteneur span { font-size:medium; margin-top:10px; } #livraison-demain-conteneur em { color:rgb(77, 77, 77); font-weight:normal; font-size:11px; font-style:italic; } #savoir-plus-livraison-demain-chez-vous { display:none; } #toremove-livraison-demain-chez-vous { margin-top:10px; display:block; } #livraison-demain-image { margin-right:5px; float:left; } .garantie-moins-chers-sous-image { text-align:center; background-color:#EFEFEF; color:#000000; padding:5px; } .garantie-moins-chers-sous-image a { color:#ff0000; } #conteneur-prix-garantie { position:absolute; margin-left:-20px; margin-top:-30px; text-align:left; } #prix-garantie-legale { border:1px solid black; padding:10px; width:280px; background-color:white; margin-left:100px; text-align:center; } #img-garantie { display:block; } #page-centre-droit { float:right; width:80%; } .boutons-list-produit { width:100%; } .boutons-list-produit a.bouton-bas-panier { float:left; } .boutons-list-produit a.validBoutonlisting { float:right; font-size:12px; text-align:center; color:#ffffff; background:#6ec82b; background:-moz-linear-gradient(top, #6ec82b 0%, #6ec22e 50%, #62b424 50%, #5fad23 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ec82b), color-stop(50%, #6ec22e), color-stop(50%, #62b424), color-stop(100%, #5fad23)); background:-webkit-linear-gradient(top, #6ec82b 0%, #6ec22e 50%, #62b424 50%, #5fad23 100%); background:-o-linear-gradient(top, #6ec82b 0%, #6ec22e 50%, #62b424 50%, #5fad23 100%); background:-ms-linear-gradient(top, #6ec82b 0%, #6ec22e 50%, #62b424 50%, #5fad23 100%); background:linear-gradient(to bottom, #6ec82b 0%, #6ec22e 50%, #62b424 50%, #5fad23 100%); border:1px solid #43a800; } .boutons-list-produit a.validBoutonlisting:hover { background:#6ec82b; } img.img-pan { float:left; margin-top:3px; margin-left:10px; }   .tab-fiche-prod-port { width:90%; margin-left:auto; margin-right:auto; } #haut-fiche-inscrip { width:95%; margin-top:40px; margin-bottom:40px; height:40px; margin-left:auto; margin-right:auto; } .bloc-info-legis { width:95%; margin-top:20px; margin-bottom:0px; margin-left:auto; margin-right:auto; } .bouton-inscrip { width:200px; height:40px; } .bouton-inscrip a { display:block; width:100%; height:100%; line-height:40px; text-align:center; font-size:16px; font-weight:bold; cursor:pointer; background-color:#efefef; color:#4d4d4d; border:1px solid #efefef; text-decoration:none; } .bouton-inscrip a:hover { background-color:#ffffff; color:#4d4d4d; } .bouton-inscrip#bvalid { float:left; } .bouton-inscrip#bpasencore { float:right; } .dispo-fiche { height:27px; line-height:27px; } .dispo-fiche img { position:absolute; } .dispo-fiche span.txt-dispo { margin-left:33px; font-weight:bold; color:#000000; } strong#disponibilite { display:none; }   table.livraison-prod-fiche { width:100%; margin-left:auto; margin-right:auto; border:5px solid #efefef; background-color:#efefef; } table.livraison-prod-fiche td { padding-left:10px; border:1px solid #efefef; background-color:#ffffff; } table.livraison-prod-fiche tr.titre-liv-fiche td { text-align:center; border:1px solid #efefef; background-color:#efefef; padding-bottom:5px; } table.livraison-prod-fiche td.prix-liv { text-align:right; padding-right:10px; } input#mdr { font-style:italic; color:#808080; width:180px; } input#mdr-bouton { margin-left:10px; } .presentation-marque-accueil h3 { margin:0; } .presentation-marque-accueil p { margin:0; } .presentation-marque-accueil a { text-decoration:none; } .presentation-marque-corp p, .presentation-marque-corp { color:black; } .defile-images-layout, .haut-compte-layout { width:100%; height:0px; } .layoutAchatProduit { color:#FFFFFF; font-size:10px; display:block; margin-bottom:-15px; line-height:15px; } .option-panier {  background-color:#EFEFEF; } .option-panier td.texte-option-panier { text-align:center; } .option-panier td.ajouter-option-panier { background-color:transparent; text-align:center; } div.option-serenite-panier { color:#000000; text-align:center; padding-top:15px; padding-bottom:15px; width:100%; } div.option-serenite-panier span { font-size:12px; font-weight:bold; } div.option-serenite-panier p { font-size:10px; width:90%; margin-left:auto; margin-right:auto; text-align:left; padding:0px; } a.mv-nom-prd { text-decoration:none; word-break:break-word; } a.mv-nom-px { font-weight:bold; text-decoration:none; color:#ff0000; font-size:12px; } a.mv-nom-px-bar { text-decoration:line-through; color:#808080; margin-right:10px; } a.mv-nom-prd:hover, a.mv-nom-px:hover { text-decoration:underline; } .block-mv { text-align:center; margin-bottom:10px; margin-top:10px; width:90%; margin-left:auto; margin-right:auto; padding-bottom:5px; } a.lien-panier-mv { display:block; width:50%; text-align:center; height:18px; line-height:18px; background-color:#B3B3B3; color:#ffffff; margin-left:auto; margin-right:auto; border:1px solid #808080; text-decoration:none; } a.lien-panier-mv:hover { background-color:#ffffff; color:#808080; } .ajouter-option-panier a { display:block; _display:none; } a.ajout-option-panier-ie6 { display:none; _display:inline; } span.liv-off-list { font-weight:bold; color:#ff0000; font-size:11px; }  #fiche_prod_base h1 { margin-bottom:0px; } #fiche_prod_base .logo_fiche_produit { width:93%; text-align:left; margin-left:auto; margin-right:auto; } #fiche_prod_base .logo_fiche_produit a { text-decoration:none; color:#808080; margin-left:10px; } #fiche_prod_base .logo_fiche_produit a:hover { color:#000000; } #fiche_prod_base #ht_fiche_prod { width:100%; margin-top:15px; } #fiche_prod_base #ht_fiche_prod_g { float:left; width:320px; border:1px solid #cccccc; background-color:#ffffff; cursor:pointer; display:inline; position:relative; min-height:92px; } #fiche_prod_base #ht_fiche_prod_marge { float:left; width:10px; height:240px; display:inline; } #fiche_prod_base #ht_fiche_prod_d { float:right;  color:#000000; width:255px; display:inline; } #fiche_prod_base span#notre_prix { color:#ff0000; font-weight:bold; font-size:20px; } #fiche_prod_base span#prix_base { color:#000000; font-size:12px; } #fiche_prod_base span#reduc_prix_base { color:#808080; } #ajout_panier_base_nb { width:243px; height:63px; background-image:url("/Public/Images/site/add_panier_vert_nb.png"); background-repeat:no-repeat; background-position:0px 0px; display:none; } #ajout_panier_base_nb_taille { width:243px; height:85px; } #ajout_panier_base_nb_taille .lien-ajout-panier { margin-top:23px; } #fiche_prod_base .lg_add_panier_base_nb { float:left; height:22px; line-height:22px; padding-left:5px; color:#000; } #fiche_prod_base .lg_add_panier_base_nb img { cursor:pointer; } #fiche_prod_base a#bt_add_panier { display:block; cursor:pointer; width:243px; height:40px; } #fiche_prod_base #ajout_panier_base { width:243px; height:40px; background-image:url("/Public/Images/site/add_panier_vert.png"); background-repeat:no-repeat; background-position:0px 0px; } #fiche_prod_base .ico_gd_photo, .ico_gd_photo { z-index:1001; position:absolute; width:100%; } .ico_gd_photo a.link_reduc { display:block; width:100%; height:61px; } img.icon_gd_photo { display:block; margin-top:10px; margin-left:5px; } img#icon_gd_photo_zoom { position:absolute; z-index:1001; margin-top:210px; margin-left:210px; } .ico_fiche_base { height:auto !important; background-position:0px 0px; padding-left:25px; color:#000000; line-height:15px; background-repeat:no-repeat; margin-top:3px;  position:relative; } .sprite-ico-dispo { height:15px; width:15px; display:block; position:absolute; top:0px; left:0px; } #ico_trans .sprite-ico-dispo { width:16px; height:13px; top:1px; } #fiche_prod_base #ico_facebook {  padding-left:0; color:#3859a0; height:21px; overflow:hidden; width:250px; } #fiche_prod_base .blck_txt_base { margin-top:0px; width:93%; margin-left:auto; margin-right:auto; background-color:#f2f2f2; border:1px solid #cccccc; padding:3%; color:#4d4d4d; text-align:justify; overflow:hidden; } #fiche_prod_base .blck_txt_base strong.ttr_blck_txt { color:#000000; } #fiche_prod_base .img_sup_fiche_prod { float:left; width:100px; text-align:center; border:1px solid #cccccc; background-color:#ffffff; cursor:pointer; margin-right:10px; height:75px; } #fiche_prod_base #mentions_fiche_base { margin-top:5px; width:99%; margin-left:auto; margin-right:auto; color:#808080; text-align:justify; } #fiche_prod_base #mentions_fiche_base a { color:#808080; text-decoration:none; } #fiche_prod_base #mentions_fiche_base a:hover { color:#000000; } .titre-print { display:none; } .strong-reference { font-weight:normal; } #fiche-produit-haut-milieu { margin:auto; display:block; } .linkToDescFicheProd { width:100%; min-height:92px; display:block; z-index:100; } #ht_fiche_prod_g.no_photo .linkToDescFicheProd, #ht_fiche_prod_g.no_photo #reduc_large, #ht_fiche_prod_g.no_photo .sprite-top_ventes_base { cursor:default; } #prix_ttc { font-style:italic; color:#808080; } .blck_txt_base table { border-collapse:collapse; width:100%; } .blck_txt_base table td { border:1px solid #D0D0D0; } .blck_txt_base table tr.head td { background-color:#EFEFEF; color:#999; text-align:center; } .blck_txt_base table tr:hover { background-color:#e7f1ff; }  .description table td { border:0; } .description table.border td { border:1px solid #D0D0D0; } .lg_add_panier_base_taille_couleur { width:90%; } .lg_add_panier_base_taille_couleur select { float:right; } .bas-panier-bouttons a { float:left; } #bouton-commande-suivant-new { float:right; height:21px; } #bouton-commande-retour-new { float:left; margin-top:8px; } .inscription-new-client { float:right; } .bouton-inscrip-new { cursor:pointer; } .produit-ajoute-au-panier, #remplacement_produit { position:absolute; z-index:13001; border:4px solid #444444; background-color:#333333; color:#ffffff; padding:10px; width:570px; } .produit-ajoute-au-panier img, .groupement-cadre-produit-remplacant img { float:left; margin-bottom:10px; margin-right:10px; } #remplacement_produit .prod_remplacant_lien { background:url('/Public/Images/site/new_ref.png') top left no-repeat; width:243px; height:40px; line-height:40px; font-size:14px; font-weight:bold; text-align:center; display:block; float:right; color:#fff; text-decoration:none; } .produit-ajoute-au-panier a { display:block; } a.produit-ajoute-lien-panier { display:inline; color:#ffffff; } .produit-ajoute-au-panier-valider { float:right; margin-right:10px; } .produit-ajoute-au-panier-poursuivre { margin-top:8px; float:left; } .titre-produit-ajoute-au-panier { font-size:15px; font-weight:bold; } .overlay-product-added { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000000; opacity:0.5; -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)";  filter:alpha(opacity=50);  z-index:12000; } .div-br { display:inline; } #menu-bas-mobile { display:none; } .correctionSearch { font-size:14px; color:#ff0000; margin-left:35px; } .lienNoel { color:#FF0000; text-decoration:none; display:block; height:25px; line-height:25px; margin-left:-5px; } .lienNoel span { padding-left:30px; } .lienNoel img { position:absolute; } #soSelected { background-color:#e1e1e1; } .divExplicationSO { position:absolute; background-color:#e1e1e1; width:350px; } .typerelais, .adresse1relais, .adresse2relais, .adresse3relais, .codepostalrelais, .indicerelais { margin-left:50px; } .adresse1relais { margin-top:5px; } .nomrelais { font-weight:bold; margin-left:50px; color:#E5630E; font-size:9px; } .A2P {  background-image:url('/Public/Images/site/picto-commerce.jpg'); background-position:top left; background-repeat:no-repeat; } .CIT {  background-image:url('/Public/Images/site/picto-cityssimo.jpg'); background-position:top left; background-repeat:no-repeat; } .BPR {  background-image:url('/Public/Images/site/picto-poste.jpg'); background-position:top left; background-repeat:no-repeat; } .CDI {  background-image:url('/Public/Images/site/picto-poste.jpg'); background-position:top left; background-repeat:no-repeat; } .ACP {  background-image:url('/Public/Images/site/picto-poste.jpg'); background-position:top left; background-repeat:no-repeat; } .perioderelais { display:none; } .infosRelais { border-collapse:collapse; color:#444444; width:100%; margin-top:5px; } .infosRelais .nomJour { padding-left:10%; } .infosRelais td:not(.nomJour) { text-align:center; } .infosRelais td:last-child { padding-right:10%; } .infosRelais td { padding:3px 0; } .infosRelais .even { background-color:#e5e5e5; } .infosRelais .odd { background-color:#FFF; } .lienRelais { background-color:#72c93c; padding:5px 10px; color:#FFF; text-decoration:none; border-radius:50px; display:inline-block; transition:background 150ms; } .lienRelais:hover { background:#67b536; } .relaisButton { text-align:center; margin:5px auto 0 auto; } .relaisInfoBulle { position:absolute; margin-left:-20px; width:15px; height:15px; background:url(/Public/Images/site/info.jpg) no-repeat 0 0; color:transparent; font-size:0px; } .relaisInfoTxt { width:96%; padding:2%; margin-left:4%; text-align:justify; box-sizing:border-box; color:#000; font-size:13px; line-height:17px; } .blk_ht_socolissimo { padding:15px; background-color:#efefef; } .blk_ht_socolissimo table { width:97%; margin-left:auto; margin-right:auto; } #tel_droite_site { width:100%; height:25px; line-height:25px; text-align:center; font-size:16px; font-weight:bold; } #cnt_bck_droit_renseignement { position:relative; overflow:hidden; } #IMG_FILLE_TEL { height:107px; width:177px; background-color:#fff; margin-left:1px; } #P_IMG_FILLE_TEL { position:absolute; top:0; left:0; color:#000000; width:80px; padding-top:20px; }  #reduc_large { font-family:"Arial"; width:85px; height:85px; line-height:85px; font-size:24px; color:#fff; text-align:center; font-weight:bold; margin-top:5px; float:left; position:absolute; top:0px; left:0px; } .reduc_small { font-family:"Arial"; width:56px; height:56px; line-height:56px; font-size:15px; color:#fff; text-align:center; font-weight:bold; margin-top:5px; margin-left:5px; float:left; } .sprite-top_ventes_base { width:70px; height:65px; position:absolute; top:0px; right:0px; } img.sprite-top_ventes_base { margin:0px; } #modif_plusone_fiche_prod { float:left; width:322px; } .menu_fiche_prod { background-color:#f2f2f2; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; width:97%; padding:1%; margin-top:15px; margin-left:auto; margin-right:auto; text-align:left; overflow:hidden; } .menu_fiche_prod a { display:block; height:20px; line-height:20px; text-decoration:none; color:#666666; font-weight:bold; font-size:11px; border-right:1px solid #cccccc; padding-left:10px; padding-right:10px; float:left; } .menu_fiche_prod a:hover, .menu_fiche_prod a.onglet_actif_fiche_prod { background-color:#666666; color:#ffffff; }  .fiche_produit_version_prd { margin-bottom:15px; } .fiche_produit_version_prd_content { padding:10px; width:445px; background:#fff; } .fiche_produit_version_prd_title { color:#8F8F8F; display:block; font-size:15px; margin-bottom:4px; } .fiche_produit_all_version img { width:13px; overflow:hidden; margin:0px; } .fiche_produit_version_select { margin-top:10px; } .fiche_produit_version_select img { float:left; } .fiche_produit_version_select img { float:left; } .fiche_produit_version_select_content { height:37px; line-height:37px; color:#000; font-size:13px; padding-left:60px; } .fiche_produit_version_select_title { float:left; } .fiche_produit_personnalise { background:#fff; padding:10px; width:445px; color:#8F8F8F; font-weight:bold; } .fiche_produit_large_img { height:37px; border:none; width:37px; display:none; border:1px; border-style:solid; border-color:#000000; } .ancre_fiche_produit_personnalise { font-weight:bold; font-size:16px; color:#FFFFFF; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; background:#269BC1; border:1px; border-style:solid; border-color:#000000; }  #fiche_produit_titre_luisina { background:#FFFFFF; font-size:15px; } .fiche_produit_version_prd_sonorous { margin-bottom:15px; } .fiche_produit_all_version_sonorous img { width:60px; overflow:hidden; margin:0px; border:1px; border-style:solid; border-color:#000000; } .fiche_produit_large_img_sonorous { border:1px; border-style:solid; border-color:#000000; } .fiche_produit_personnalise_sonorous { text-align:center; background:#fff; padding:10px; width:445px; color:#8F8F8F; font-weight:bold; } .fiche_produit_version_select_content_sonorous { line-height:45px; color:#000; font-size:13px; } .fiche_produit_version_select_title_sonorous { float:left; padding-left:10px; }  #block-balayage { border:none; text-align:center; } #description_listing { margin:15px 0px 0px 0px; font-size:13px; } #avis_etoiles { position:relative; height:13px; width:90px; background:url('/Public/Images/site/etoiles_grises.png') top left no-repeat; float:right; } .etoiles_select { position:absolute; height:13px; width:90px; background:url('/Public/Images/site/etoiles_bleu.png') top left no-repeat; top:0px; left:0px; z-index:1; } .etoile_produit { z-index:10; position:relative; float:left; height:13px; width:18px; cursor:pointer; } #content_avis_prd { position:absolute; left:104px; bottom:10px; position:absolute; }  #content_paginator { width:95%; margin:0 auto; background:#EFEFEF; height:40px; padding:10px 0px; margin-top:40px; } .multi-page-numero, .multi-page-numero a { height:40px; width:40px; display:block; line-height:40px; font-size:18px; } #multi-page-courrante, #multi-page-courrante a { height:40px; width:40px; display:block; line-height:40px; font-size:18px; } #multi-page-precedente a, #multi-page-suivante a { height:40px; width:40px; margin:0px 10px; } #multi-page-precedente a { background:url('/Public/Images/site/pagination_prev.jpg') top left no-repeat; float:left; } #multi-page-suivante a { background:url('/Public/Images/site/pagination_next.jpg') top left no-repeat; float:right; } .produit-ajoute-au-panier, #remplacement_produit { left:0%; } .description_categorie { width:98%; margin:15px auto; }  .listing-trie { background:#EFEFEF; height:42px; line-height:42px; width:95%; margin:0 auto; } .listing-trie-left { float:left; padding:0px 10px; font-weight:bold; text-transform:uppercase; } .listing-trie-right { float:right; padding:0px 10px; text-transform:uppercase; font-weight:bold; } .btn_panier { margin-left:auto; margin-right:auto; width:560px; }  .dyn-list-produit { width:100%; }  .selectionconfigurateurvalide { display:none; } .nomcarac-configurateur { display:block; } .intro-selection { display:block; } .valider-selection-configurateur { display:none; } .cadreConfigurateur { display:block; width:100%; margin-bottom:15px;  -webkit-transition:all 0.5s ease-out;  -moz-transition:all 0.5s ease-out;  -ms-transition:all 0.5s ease-out;  -o-transition:all 0.5s ease-out;  transition:all 0.5s ease-out;  overflow:hidden; } .cadreConfigurateur:hover {  -webkit-transition:all 0.2s ease-out;  -moz-transition:all 0.2s ease-out;  -ms-transition:all 0.2s ease-out;  -o-transition:all 0.2s ease-out;  transition:all 0.2s ease-out;  -webkit-box-shadow:2px 2px 7px 1px #888;  box-shadow:2px 2px 7px 1px #888;  }  .cadreConfigurateurGauche { float:left; width:50%; background-color:#EFEFEF; } .cadreConfigurateurDroit { float:left; width:50%; text-align:center; background-color:#C1C1C1; color:black;  -webkit-transition:all 0.3s ease-out;  -moz-transition:all 0.3s ease-out;  -ms-transition:all 0.3s ease-out;  -o-transition:all 0.3s ease-out;  transition:all 0.3s ease-out; } .cadreConfigurateurDroit a { display:block; } .cadreConfigurateurDroit a.lienThematique { display:inline; } .selectionconfigurateurvalide { text-decoration:underline; cursor:pointer; } .champsFiltre { color:black; } .cadreConfigurateurGauche, .cadreConfigurateurDroit { line-height:42px; height:42px; } .cadreConfigurateurGauche .configurateur-libelle { text-transform:uppercase; padding-left:10px; } #formulaireconfigurateur { width:95%; margin:0 auto; } #formulaireconfigurateur input[type=submit] { border:none; cursor:pointer;  width:140px; background:url('/Public/Images/site/arrow.png') no-repeat 103px 8px #EFEFEF; height:30px; line-height:30px; display:block; margin:0px auto 15px auto; text-transform:uppercase; padding-right:10px; } .selectionconfigurateur { width:564px; border:1px solid #C1C1C1; } .titrepopupconfigurateur { height:42px; line-height:42px; padding-left:15px; text-align:left; text-transform:uppercase; background-color:#EFEFEF; border-bottom:1px solid #C1C1C1; position:relative; font-size:14px; } .closeconfigurateur { position:absolute; right:12px; top:12px; cursor:pointer; } .itempopupconfigurateur { margin:0 auto; width:45%;  line-height:20px;  height:34px; padding:3px;  cursor:pointer;  -webkit-transition:all 0.2s ease-out;  -moz-transition:all 0.2s ease-out;  -ms-transition:all 0.2s ease-out;  -o-transition:all 0.2s ease-out;  transition:all 0.2s ease-out; -webkit-border-radius:6px;  border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; } .itempopupconfigurateur input[type=checkbox] { float:left; margin-right:10px; } .itempopupconfigurateur .libelle-nomcarac { float:left; } .contentpopupconfigurateur { padding:10px; overflow:auto; } *+html .contentpopupconfigurateur { overflow:hidden; } .valider-selection-configurateur { width:140px; background:url('/Public/Images/site/arrow.png') no-repeat 103px 8px #EFEFEF; height:30px; line-height:30px; display:block; margin:0px auto 10px auto; text-transform:uppercase; padding-right:10px; font-size:13px; } .itempopupconfigurateur_img { margin:0 auto 2px auto; width:45%;  line-height:34px; height:34px; padding:3px;  cursor:pointer;  -webkit-transition:all 0.2s ease-out;  -moz-transition:all 0.2s ease-out;  -ms-transition:all 0.2s ease-out;  -o-transition:all 0.2s ease-out;  transition:all 0.2s ease-out; -webkit-border-radius:6px;  border-radius:6px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; } .itempopupconfigurateur_img.left, .itempopupconfigurateur.left { float:left; } .itempopupconfigurateur_img.right, .itempopupconfigurateur.right { float:right; } .itempopupconfigurateur_img img {  width:36px; height:34px; } .itempopupconfigurateur_img input[type=checkbox], .itempopupconfigurateur_img img, .itempopupconfigurateur_img span { float:left; } .itempopupconfigurateur_img span { width:150px; text-align:left; margin:0px 10px; } .itempopupconfigurateur_img input[type=checkbox] { margin-top:10px; margin-left:15px; } .itempopupconfigurateur_img:HOVER { background-color:#EFEFEF; text-shadow:1px 1px 3px #888; color:black; } .itempopupconfigurateur_img:HOVER img { -webkit-box-shadow:2px 2px 4px 1px #aaa;  box-shadow:2px 2px 4px 1px #aaa;  } p.introconfigurateur { padding:0px 0px 0px 20px; width:90%; } .slider { width:272px; margin:0 auto; } .sliderbar { -webkit-box-shadow:0px 0px 2px 3px #fff inset;  box-shadow:0px 0px 2px 3px #fff inset;  background:#AAA; } .slidermin, .slidermax { height:20px; width:20px; } .slidermin { background:url('/Public/Images/site/slider-left.png') center center no-repeat; } .slidermax { background:url('/Public/Images/site/slider-right.png') center center no-repeat; }  .box_popin { display:none; width:385px; position:relative; background:#fcfbf9; background:-moz-linear-gradient(top, #fcfbf9 0%, #e8e8e6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbf9), color-stop(100%, #e8e8e6)); background:-webkit-linear-gradient(top, #fcfbf9 0%, #e8e8e6 100%); background:-o-linear-gradient(top, #fcfbf9 0%, #e8e8e6 100%); background:-ms-linear-gradient(top, #fcfbf9 0%, #e8e8e6 100%); background:linear-gradient(to bottom, #fcfbf9 0%, #e8e8e6 100%);  -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .box_popin_title { height:70px; line-height:98px; font-size:22px; text-align:center; color:#000; } .box_popin_text { padding:20px; font-size:14px; color:#000; padding:0px 20px 40px 20px; } .box_popin_close { float:right; display:block; height:17px; width:17px; background:url('/Public/Images/site/close.png') center center no-repeat; margin:16px; position:absolute; right:0; top:0; } #bloc_info_faq { padding-bottom:0; } #bloc_info_faq h5 { float:left; width:200px; } #showFAQ { float:right; margin:12px 20px 0; color:red; text-decoration:none; } #showFAQ:hover { text-decoration:underline; } #faq_text { margin-left:20px; display:none; }  .guide_categ h1 { margin-bottom:0px; padding:5px 8px; float:left; width:auto; background-color:#EFEFEF; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .guide_categ p, .ss_categ p, .ss_categ .ss_categ h2 { background:#fcfcfc; background:-moz-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e8e8e8)); background:-webkit-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%); background:-o-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%); background:-ms-linear-gradient(top, #fcfcfc 0%, #e8e8e8 100%); background:linear-gradient(to bottom, #fcfcfc 0%, #e8e8e8 100%); } .guide_categ p, .ss_categ p { color:#494949; font-size:13px; line-height:18px; border:1px solid #AAAAAA; margin-top:4px; padding:16px 18px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .ss_categ .ss_categ p { background:transparent; border-top:0; border-radius:0; padding:0; margin:0px 18px 1px 18px; padding:16px 0px; border:none; border-bottom:1px solid #A6A6A6; } .ss_categ .ss_categ_cnt { background:#e8e8e8; background:-moz-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #fcfcfc)); background:-webkit-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%); background:-o-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%); background:-ms-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%); background:linear-gradient(to bottom, #e8e8e8 0%, #fcfcfc 100%); border:1px solid #AAA; border-top:0; } .ss_categ .ss_categ_cnt.has_ss, .ss_categ_cnt.niveau_1.no_ss_categ { background:none; border:none; } .ss_categ_cnt.niveau_1.no_ss_categ p { margin-bottom:1px; } .ss_categ_cnt.niveau_1.no_ss_categ .ss_list_guide { padding:10px 20px; border:1px solid #AFAFAF; background:#E8E8E8; background:-moz-linear-gradient(top, #E8E8E8 0%, #FCFCFC 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #E8E8E8), color-stop(100%, #FCFCFC)); background:-webkit-linear-gradient(top, #E8E8E8 0%, #FCFCFC 100%); background:-o-linear-gradient(top, #E8E8E8 0%, #FCFCFC 100%); background:-ms-linear-gradient(top, #E8E8E8 0%, #FCFCFC 100%); background:linear-gradient(to bottom, #E8E8E8 0%, #FCFCFC 100%); } .ss_categ.niveau_1 { margin-bottom:10px; } .ss_categ_cnt.niveau_1.no_ss_categ { border:none; } .ss_list_guide { padding:10px 20px; } .ss_list_guide div { background:url(/Public/Images/site/fleche-grise.png) center left no-repeat; height:30px; line-height:30px; padding-left:20px; } .ss_list_guide div a { text-decoration:none; font-size:13px; font-weight:bold; } .ss_categ h2 { margin:0; background:#EFEFEF; height:47px; line-height:47px; color:#999; padding-left:20px; font-size:20px; font-weight:normal; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; } .ss_categ h2 a { text-decoration:none; } .ss_categ .ss_categ h2 { font-weight:bold; border-radius:0; font-size:13px; height:40px; line-height:40px; border:1px solid #AAAAAA; padding-left:20px; cursor:pointer; } .ss_categ .ss_categ h2:hover { background:#f7f7f7; background:-moz-linear-gradient(top, #f7f7f7 0%, #c2c2c2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #c2c2c2)); background:-webkit-linear-gradient(top, #f7f7f7 0%, #c2c2c2 100%); background:-o-linear-gradient(top, #f7f7f7 0%, #c2c2c2 100%); background:-ms-linear-gradient(top, #f7f7f7 0%, #c2c2c2 100%); background:linear-gradient(to bottom, #f7f7f7 0%, #c2c2c2 100%); } .guide_list { margin-bottom:15px; } .has_image .guide_list_left { text-align:center; width:80px; float:left; } .has_image .guide_list_right { width:650px; float:right; } .guide_list_i { display:block; font-size:14px; text-decoration:none; border-bottom:1px solid #484848; padding-bottom:6px; margin-bottom:10px; } .guide_list_right div { color:#494949; font-size:13px; }  .guide_fiche h1, .guide_fiche h2 { padding:0; color:#484848; font-size:27px; text-transform:none; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #484848; font-weight:normal; width:100%; } .guide_fiche .guide_fiche_txt h2 { font-size:18px; border:none; margin:0; padding:0; } .guide_fiche_txt { color:#484848; font-size:13px; line-height:17px; } .guide_fiche_txt img.guide_fiche_img { float:left; margin:0px 10px 10px 0; }  #prd_cache { font-size:16px; text-align:center; } #cache_interro { height:167px; width:167px; background:url('/Public/Images/site/sprite_cache.jpg') top center no-repeat; margin:0px auto 10px auto; } #prd_cache h1 { color:#828385; font-size:18px; padding:0; width:100%; } #prd_cache_nom { font-weight:bold; } #prd_cache_plusdispo { text-decoration:underline; } #prod_cache_categ { margin:10px auto; font-size:18px; text-decoration:none; color:#ffffff; padding:15px 25px; background:-moz-linear-gradient(top, #dcdcdc 0%, #828385); background:-webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#828385)); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #8f8f8f; -moz-box-shadow:0px 0px 3px rgba(000, 000, 000, 0), inset 0px 0px 2px rgba(255, 255, 255, 0); -webkit-box-shadow:0px 0px 3px rgba(000, 000, 000, 0), inset 0px 0px 2px rgba(255, 255, 255, 0); box-shadow:0px 0px 3px rgba(000, 000, 000, 0), inset 0px 0px 2px rgba(255, 255, 255, 0); } #prod_cache_categ:hover { text-shadow:1px 1px #000; } #prod_cache_fleche { height:89px; width:84px; margin:10px auto; background:url('/Public/Images/site/sprite_cache.jpg') 0px -168px no-repeat; } #search_form { background:-moz-linear-gradient(top,  #dcdcdc 0%,  #828385); background:-webkit-gradient(linear, left top, left bottom,  from(#dcdcdc),  to(#828385));  padding:5px 4px; width:560px; margin:0 auto; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #search_form input[type=text] { background:url('/Public/Images/site/bg_inputtext.jpg') 0px 0px repeat-x; height:36px; border:none; padding:0; margin:0; width:467px; margin-right:67px; outline:none; padding:0px 10px; } #search_form input[type=submit] { background:url('/Public/Images/site/sprite_cache.jpg') bottom left no-repeat; height:36px; width:71px; border:none; position:absolute; right:5px; top:5px; color:#fff; cursor:pointer; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px; } #search_form input[type=submit]:hover { text-shadow:1px 1px #000; }  #prod_fiche_avis.blck_txt_base { padding:0; width:99%; height:auto; } *+html #prod_fiche_avis.blck_txt_base, * html #prod_fiche_avis.blck_txt_base, * html #avis_prd_close, *+html #avis_prd_close { display:block; } .blck_txt_base td.image_desc { width:25%; } .blck_txt_base td.image_desc img { width:100%; } .table_desc { text-align:center; } *+html #avis_prod_form.close, * html #avis_prod_form.close { display:none; } #listing_avis_prod { padding:3%; } #avis_prod_form { background:#ECECEC; padding:3%; position:relative; -webkit-box-shadow:inset 0px 0px 6px 0px #656565; -moz-box-shadow:inset 0px 0px 6px 0px #656565; -o-box-shadow:inset 0px 0px 6px 0px #656565; box-shadow:inset 0px 0px 6px 0px #656565; }   #avis_prd_close { position:absolute; right:10px; top:10px; background:url(/Public/Images/site/close_form_avis.jpg) top left no-repeat; height:26px; width:26px; cursor:pointer; } #avis_prod_form span { font-weight:bold; font-size:18px; } #prod_fiche_avis label.label_avis { width:20%; height:32px; line-height:32px; float:left; font-size:13px; margin-bottom:9px; } #prod_fiche_avis input[type=text] { width:76%; height:30px; margin:0; padding:0 10px; float:right; border:1px solid #A7A7A7; outline:none; margin-bottom:9px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #prod_fiche_avis textarea { width:95%; border:1px solid #A7A7A7; height:100px; padding:2%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; resize:vertical; } #prod_fiche_avis label.label_avis_textarea { font-size:13px; margin:3px 0px 10px 0px; height:26px; line-height:26px; padding-left:40px; display:block; } #prod_fiche_avis #label_avis_neg { background:url(/Public/Images/site/smile.jpg) top left no-repeat; } #prod_fiche_avis #label_avis_pos { background:url(/Public/Images/site/smile.jpg) bottom left no-repeat; } #prod_fiche_avis input[type=submit] { float:right; border:0; width:230px; height:38px; line-height:38px; color:#fff; cursor:pointer; background:#C1C1C1; font-weight:bold; font-size:19px; margin-top:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #prod_fiche_avis input[type=submit]:hover { background:#B1B1B1; } #avis_note, .list_avis_note { width:131px; height:22px; float:left; position:relative; } .list_avis_note { margin-bottom:10px; } .list_avis_yellowstar, #avis_yellow_star { position:absolute; top:0; left:0; width:131px; height:22px; z-index:1; } #avis_note .avis_etoile { width:13px; height:22px;  display:block; float:left; z-index:2; position:relative; } #avis_note { margin-left:6px; margin-top:26px; margin-right:10px; } #prod_fiche_avis #label_note { height:76px; line-height:76px; } #avis_etoile5.avis_etoile { margin-right:0; } #avis_yellow_star.star_full1, .list_avis_yellowstar1 { width:12px; } #avis_yellow_star.star_full2, .list_avis_yellowstar2 { width:26px; } #avis_yellow_star.star_full3, .list_avis_yellowstar3 { width:38px; } #avis_yellow_star.star_full4, .list_avis_yellowstar4 { width:52px; } #avis_yellow_star.star_full5, .list_avis_yellowstar5 { width:64px; } #avis_yellow_star.star_full6, .list_avis_yellowstar6 { width:78px; } #avis_yellow_star.star_full7, .list_avis_yellowstar7 { width:90px; } #avis_yellow_star.star_full8, .list_avis_yellowstar8 { width:103px; } #avis_yellow_star.star_full9, .list_avis_yellowstar9 { width:116px; } #avis_yellow_star.star_full10, .list_avis_yellowstar10 { width:131px; } .liste_avis_prd { margin:15px 0; border-top:1px solid #C1C1C1; padding-top:15px; } .liste_avis_prd.noborder { border:none; } .list_avis_titre { color:#4D4D4D; font-weight:bold; font-size:16px; margin-bottom:10px; } .list_avis_txt { color:#4D4D4D; font-size:13px; } .list_avis_info { font-size:11px; color:#4D4D4D; text-align:right; margin-top:10px; } .w_image .cnt_list_avis_img { float:left; position:relative; text-align:center; width:105px; height:105px; border:1px solid #A6A6A6; background:#fff; margin-right:10px; margin-bottom:10px; } .w_image .cnt_list_avis_img a { position:absolute; top:0; left:0; width:100%; height:100%; display:block; } .w_image .cnt_list_avis_img img { margin-top:12px; } .w_image .cnt_list_avis_txt, .w_image .list_avis_prdo_commande { float:right; width:380px; } .list_avis_prdo_commande { color:#4D4D4D; margin-top:10px; font-weight:bold; } .list_avis_prdo_commande a { text-decoration:none; font-weight:normal; color:gray; } #prod_fiche_avis_titre { font-size:16px; font-weight:bold; margin-bottom:10px; } #socialPlugginsFiche iframe { float:left; height:20px; width:100px; margin-left:10px; } #socialPlugginsFiche .list_avis_note { margin:0px 0px 6px 20px; } #cnt_allavis.h-large { height:46px; float:right; } #voir_avis { height:45px; z-index:2; line-height:65px; } #depos_avis, #voir_avis { display:block; text-align:center; } #avis_produit_bottom { height:64px; background:url(/Public/Images/site/bg_avis_bottom.jpg) top left repeat-x; border:1px solid #A8A8A8; } #avis_produit_bottom a { display:block; background:#e1bf3a; width:300px; margin:10px auto 0 auto; cursor:pointer; height:42px; line-height:42px; color:#fff; font-weight:bold; background:-moz-linear-gradient(top, #e1bf3a 0%, #c2991b 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1bf3a), color-stop(100%, #c2991b)); background:-webkit-linear-gradient(top, #e1bf3a 0%, #c2991b 100%); background:-o-linear-gradient(top, #e1bf3a 0%, #c2991b 100%); background:-ms-linear-gradient(top, #e1bf3a 0%, #c2991b 100%); background:linear-gradient(to bottom, #e1bf3a 0%, #c2991b 100%); border-bottom:2px solid #484848; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center; text-decoration:none; font-size:18px; text-shadow:1px 1px #000; } #avis_produit_bottom a:hover { border-bottom:none; border-top:2px solid #484848; }   #temoignages { background:#F7F7F7; border:1px solid #9A9A9A; margin-top:20px; width:94%; margin-left:auto; margin-right:auto; } #temoignages_top h1 { width:100%; margin:0; padding:0; text-align:center; padding-top:35px; height:91px; } #temoignages_center { height:66px; background:url('/Public/Images/site/bg_temoignages.jpg') top left repeat-x; overflow:hidden; } #temoignages_content { width:90%; margin:0 auto; } #avis_global { background:url('/Public/Images/site/etoiles-big.png') top left no-repeat; width:179px; height:33px; position:relative; margin:10px auto 0 auto; float:left; } #avis_global_note { position:absolute; top:0; left:0; background-image:url('/Public/Images/site/etoiles-big.png'); background-position:bottom left; background-repeat:no-repeat; width:179px; height:33px; z-index:1; } #avis_global_note.large_stars9 { width:161px; } #avis_global_note.large_stars8 { width:144px; } #avis_global_note.large_stars7 { width:126px; } #avis_global_note.large_stars6 { width:108px; } #avis_global_note.large_stars5 { width:89px; } #avis_global_note.large_stars4 { width:72px; } #avis_global_note.large_stars3 { width:54px; } #avis_global_note.large_stars2 { width:36px; } #avis_global_note.large_stars1 { width:17px; } #avis_global_note.large_stars0 { width:0px; } #avis_global_moy { float:left; height:43px; line-height:52px; text-align:center; font-weight:bold; width:51px; color:#4D4D4D; font-size:13px; } #temoignages_center_cnt { width:230px; margin:0 auto; } #avis_global_tot { text-align:center; color:#4D4D4D; margin-top:4px; } #temoignages_noavis { width:90%; margin:0 auto 10px auto; padding:2% 2% 0 2%; background:url('/Public/Images/site/fond-ardoise.jpg') top right no-repeat; min-height:292px; color:#fff; font-size:16px; } #block-droit-note { overflow:hidden; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } #block-droit-note .block-droit-note-cnt { background:#f5f5f5; background:-moz-linear-gradient(top, #f5f5f5 21%, #e1e1e1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(21%, #f5f5f5), color-stop(100%, #e1e1e1)); background:-webkit-linear-gradient(top, #f5f5f5 21%, #e1e1e1 100%); background:-o-linear-gradient(top, #f5f5f5 21%, #e1e1e1 100%); background:-ms-linear-gradient(top, #f5f5f5 21%, #e1e1e1 100%); background:linear-gradient(to bottom, #f5f5f5 21%, #e1e1e1 100%); text-align:center; } #block-droit-note .note-generale { padding:4px 0; color:#000; font-weight:bold; font-size:18px; } #block-droit-note .list_avis_note { float:none; margin:0 auto; } #block-droit-note .block-droit-note-cnt a { display:block; text-decoration:none; padding:6px 0 10px 0; } #block-droit-note .titre-block-droit { background:#747474; background:-moz-linear-gradient(top, #747474 21%, #5a5a5c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(21%, #747474), color-stop(100%, #5a5a5c)); background:-webkit-linear-gradient(top, #747474 21%, #5a5a5c 100%); background:-o-linear-gradient(top, #747474 21%, #5a5a5c 100%); background:-ms-linear-gradient(top, #747474 21%, #5a5a5c 100%); background:linear-gradient(to bottom, #747474 21%, #5a5a5c 100%); } #block-droit-note .titre-block-droit a { color:#fff; text-decoration:none; } #block-droit-note .titre-block-droit a:hover, #block-droit-note .block-droit-note-cnt a:hover { text-decoration:underline; }   #tab-panier tr.fond-gris { background-color:#818181; color:#fff; } #tab-panier tr.fond-gris td { padding:3px; } #tab-panier tr.fond-gris { font-weight:normal; font-size:14px; padding:0px 5px; } #tab-panier .panier_arnd_l { -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; } #tab-panier .panier_arnd_r { -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; } #tab-panier .bouton-bas-panier, .bloc_mlivraison .lien-changer-adresse, #bouton-commande-retour-new a { text-align:center; text-decoration:none; display:block; float:left; margin:0 10px 10px 0px; background-color:#818181; color:#fff; border:none; padding:0; width:160px; font-weight:normal; font-size:14px; height:19px; line-height:19px; border:1px solid #9C9C9C; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #tab-panier .bouton-bas-panier:hover, .bloc_mlivraison .lien-changer-adresse:hover, #bouton-commande-retour-new a:hover { background-color:#4E4E4E; color:#fff; } .bloc_mlivraison .lien-changer-adresse { float:none; margin-left:auto; margin-right:auto; } #tab-panier { width:100%; } .bottom-panier-l input[type=text] { width:74px; border:1px solid #E6E6E6; } .bottom-panier-l, .bottom-panier-r { width:50%; } .bottom-panier-r { text-align:center; } .panier-reduc-ligne { margin-top:4px; font-weight:normal; font-size:12px; color:#000; padding:3px 10px; border-top:1px solid #C5C5C5; } .panier-reduc-produit { line-height:16px; } .panier-reduc-ligne-left { width:70%; height:27px; line-height:27px; float:left; } .panier-reduc-ligne-right { width:20%; font-weight:bold; background:#818181; text-align:center; color:#fff; height:27px; line-height:27px; float:right; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .deletePromo { margin-left:10px; margin-top:5px; cursor:pointer; float:right; background-image:url('/Public/Images/site/delete.png'); width:16px; height:16px; } .ss-tot-ttc-panier { width:100%; } .bottom-panier-l-cnt { padding-top:2px; border:1px solid #818181; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .bottom-panier-l-ss-cnt { color:#000; font-weight:normal; margin:0 auto; font-size:12px; margin-left:10px; } .bottom-panier-l-avoir { float:left; } .bottom-panier-l .refresh { width:17px; height:17px; display:block; float:left; margin:3px 0px 0px 5px; background:url('/Public/Images/site/actualiser.jpg') center center no-repeat; } #tab-panier tr.ligne-panier { text-align:center; } #tab-panier tr.ligne-panier td { padding:10px 4px; border:1px solid #D7D7D7;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .ss_total_panier { background-color:#818181; color:#fff; padding:6px 10px; margin-top:5px; font-weight:normal; font-size:13px; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .ss_total_panier span { text-align:left; display:block; font-size:16px; font-weight:bold; margin-bottom:5px; } .ss_total_panier a { color:#fff; } .ss_total_panier_prix { background-color:#fff; color:#3A3A3A; margin:10px auto; width:80%; padding:5px; font-size:22px; font-weight:bold; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .ss_tot_panier { float:right; color:#4C4C4C; width:244px; height:21px; line-height:21px; text-align:center; font-weight:normal; font-size:12px; } .ss_tot_panier_cnt { background-color:#818181; color:#fff; margin-bottom:2px; font-size:15px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; } .ss_tot_panier span { font-weight:bold; } #etape-commande { width:472px; } .numero-etape { height:62px; background-image:url('/Public/Images/site/fil-arian.jpg'); background-repeat:no-repeat; margin-bottom:5px; padding-left:10px; width:64px; } .numero-etape.panier { background-position:0px 0px; } .numero-etape.panier.hover { background-position:0px -63px; } .numero-etape.livraison { background-position:-110px 0px; width:83px; } .numero-etape.livraison.hover { background-position:-110px -63px; } .numero-etape.paiement { background-position:-232px 0px; } .numero-etape.paiement.hover { background-position:-232px -63px; } .numero-etape.validation { background-position:-348px 0px; } .numero-etape.validation.hover { background-position:-348px -63px; } .bloc_mlivraison { -webkit-box-shadow:inset 0px 0px 15px 0px #c0c0c0; -moz-box-shadow:inset 0px 0px 15px 0px #c0c0c0; -o-box-shadow:inset 0px 0px 15px 0px #c0c0c0; box-shadow:inset 0px 0px 15px 0px #c0c0c0;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .inner_b_shadow { -webkit-box-shadow:inset 0px 0px 15px 0px #c0c0c0; -moz-box-shadow:inset 0px 0px 15px 0px #c0c0c0; -o-box-shadow:inset 0px 0px 15px 0px #c0c0c0; box-shadow:inset 0px 0px 15px 0px #c0c0c0;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .bloc_mlivraison h5 { padding-left:0; text-align:center; margin-top:20px; color:#434343; font-size:18px; }  #commande_adresses .inscription { float:right; width:46%; margin:10px 2%; border:none; } #commande_adresses .inscription.recap_fact { background:url('/Public/Images/site/boite.jpg') 10px 10px no-repeat; } #commande_adresses .inscription.recap_livraison { background:url('/Public/Images/site/camion.jpg') 10px 10px no-repeat; } .recap_adresses h5 { text-align:right; font-size:17px; color:#323232; padding-right:20px; margin-top:24px; } #commentaire_com { text-align:center; } #commentaire_com h5 { text-align:left; } #commentaire { width:85%; height:90px; margin:0 auto; color:#AAAAAA; font-style:italic; resize:vertical; }  #recapitulatif-adresse-livraison { margin-right:inherit; } #recap_com h5, .h_tunnel { font-size:18px; margin:20px 0 10px 0; color:#323232; text-align:left; padding-left:20px; } #recap_com .recap_adresses h5 { margin-top:68px; } table#mode-paiement { width:100%; border-collapse:collapse;  overflow:hidden; margin:0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } #cnt-mode-paiement { border:1px solid #696969; margin-top:15px; overflow:hidden; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } table#mode-paiement .selected { background-color:#818181; color:#fff; } .ligne-mode-paiement { padding:5px 0; text-align:center; cursor:pointer; } .img-ligne-mode-paiement { text-align:center; margin:5px auto; height:32px; } .img-ligne-mode-paiement_h { display:none; } .img-ligne-mode-paiement_n { display:inline; }  .selected .img-ligne-mode-paiement_h { display:inline; } .selected .img-ligne-mode-paiement_n { display:none; } .ligne-mode-paiement label { cursor:pointer; } .ligne_modelivraison_label_tot, .ligne_modelivraison_mnt { font-size:18px; color:#323232; text-align:left; padding-left:10px; } .ligne_modelivraison_mnt { color:#323232; font-size:14px; } .tdnomegamenu.ligne_modelivraison_last { text-align:right; padding-right:10px; } .selected .tdnomegamenu { background-color:#818181; } .selected .tdnomegamenu span { color:#fff; } .selected .ligne_modelivraison_label_tot { color:#fff; } .tr_port { cursor:pointer; } .cnt_cgv { text-align:center; color:#000; font-size:14px; margin-top:10px; } td.fond-gris { background-color:#818181; color:#fff; padding:4px; font-size:14px; } #tab_recap_com { float:right; } #tab_recap_com td { font-size:14px; } #tab_recap_com td { padding:4px 10px; } #cnt_recap_total { background-color:#818181; color:white; text-align:right; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; } .cnt_recap_total { padding:5px; } .cnt_recap_total_l { float:left; line-height:32px; font-weight:bold; text-align:center; height:32px; width:50%; } .cnt_recap_total_r { height:32px; line-height:32px; background:#fff; color:#000;  width:50%; text-align:center; font-size:16px; font-weight:bold; float:right; } table.mode-livraison { width:100%; display:table; border-collapse:collapse; } table.mode-livraison tr, table.mode-livraison td { border-collapse:collapse; border-spacing:0px; height:100%; } .ligne_modelivraison_nom { color:#000; font-size:14px; } .ligne_modelivraison_infos { padding:20px 0; } .ligne_modelivraison_pays { background:#818181; color:#fff; padding:2px 6px; float:left; font-size:14px; margin:6px 0; font-weight:bold; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .ligne_modelivraison_montant { font-size:13px; color:#000; } .ligne_modelivraison_plarge { color:#323232; font-size:26px; font-weight:bold; display:block; } .ligne_modelivraison_psmall { color:#323232; } .ligne_modelivraison_last {  text-align:center;  -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; } .selected .ligne_modelivraison_last { background:#818181; } .selected .ligne_modelivraison_last .ligne_modelivraison_plarge, .selected .ligne_modelivraison_last .ligne_modelivraison_psmall { color:#fff; } .mode-livraison label { cursor:pointer; } .mode-livraison img { width:71px; } .tab-adr { font-size:14px; color:#414141; } .adresse-livraison td { vertical-align:top; } .modif_adr_infos { text-align:right; } .modif_adr_input, .modif_adr_name { text-align:left; } .modif_adr_infos .lien-changer-adresse { margin:10px 0 0 auto; } .modif_adr_name { font-size:16px; } .astuce_adr { background-image:url(/Public/Images/site/fleche_inscirption.png); background-position:center left; background-repeat:no-repeat; background-color:transparent; margin-top:40px; color:white; padding-left:18px; } *+html .astuce_adr { margin-top:60px; } .astuce_adr div { padding:6px 8px; color:white; background-color:#818181; } .astuce_adr strong { display:block; } .inscription#deja { width:95%; margin:20px auto 0 auto; padding:0; font-weight:normal; border:1px solid #DCDCDC; background-color:#F7F7F7;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } #cnt_deja { overflow:hidden; margin:10px; padding-bottom:25px; background:#f5f5f5; background:-moz-linear-gradient(top, #f5f5f5 21%, #dfdfdf 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(21%, #f5f5f5), color-stop(100%, #dfdfdf)); background:-webkit-linear-gradient(top, #f5f5f5 21%, #dfdfdf 100%); background:-o-linear-gradient(top, #f5f5f5 21%, #dfdfdf 100%); background:-ms-linear-gradient(top, #f5f5f5 21%, #dfdfdf 100%); background:linear-gradient(to bottom, #f5f5f5 21%, #dfdfdf 100%); border-top:1px solid #F1F1F1; border-right:1px solid #DCDCDC; border-left:1px solid #DCDCDC; border-bottom:1px solid #A5A5A5; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } #cnt_deja h5 { text-align:center; font-size:18px; font-weight:normal; padding-left:42px; height:34px; line-height:34px; background:url("/Public/Images/site/key.png") center left no-repeat; width:264px; margin:10px auto 15px auto; } .cnt_deja_inpt { width:280px; margin:10px auto 0 auto; } .cnt_deja_inpt.pseudo { background:url('/Public/Images/site/mini-bonhomme.png') right center no-repeat; } .cnt_deja_inpt.pass { margin-bottom:6px; background:url('/Public/Images/site/mini-cadena.png') right center no-repeat; } .cnt_deja_inpt input[type=text], .cnt_deja_inpt input[type=password] { height:33px; line-height:33px; border:1px solid #C9C9C9; width:240px; padding-left:10px; background:#e9e9e9; background:-moz-linear-gradient(top, #e9e9e9 0%, #ffffff 5%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(5%, #ffffff)); background:-webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 5%); background:-o-linear-gradient(top, #e9e9e9 0%, #ffffff 5%); background:-ms-linear-gradient(top, #e9e9e9 0%, #ffffff 5%); background:linear-gradient(to bottom, #e9e9e9 0%, #ffffff 5%); } #cnt_deja form { margin-bottom:5px; } #cnt_deja a { margin-left:132px; } #nouveau-client-inscription td { font-size:12px; height:28px; } #cnt_deja input[type=submit] { background:url('/Public/Images/site/se-connecter-bouton.png') top left no-repeat; height:33px; display:block; width:187px; cursor:pointer; border:none; margin:20px 0 0 232px; }   #alcool_info { color:#A6A6A6; font-size:11px; padding:5px 15px 5px 45px; ; margin-top:20px; position:relative; } #alcool_info span { height:30px; width:30px; display:block; top:3px; left:4px; position:absolute; background:url('/Public/Images/site/alcool.jpg') center left no-repeat; } p.cnt_p, div.cnt_p { margin-left:10px; margin-right:10px; text-align:left; font-weight:normal; padding:0 40px; }  #page_qsn { font-size:14px; color:#4C4C4C; } .text_center { text-align:center; } #page_qsn h1 { padding:0; font-size:22px; padding-right:41px; text-align:center; background:url(/Public/Images/site/logo-qui.jpg) 400px 0px no-repeat; width:inherit; height:41px; line-height:41px; } #page_qsn .page_preambule { font-weight:bold; margin-bottom:15px; } .cnt_images_societe { margin:15px 0px; height:155px; } .images_societe { height:155px; width:285px; background-image:url(/Public/Images/site/qsn_photos_nomegamenu.jpg); background-repeat:no-repeat; } .cnt_images_societe .images_societe { float:left; } .images_societe_entrepot1 { background-position:center left; margin-right:15px; } .images_societe_entrepot2 { background-position:top left; } .images_societe_entrepot3 { background-position:bottom left; float:left; margin-right:10px; } .qsn_l { float:left; } .qsn_r { float:right; } .qsn_l img, .qsn_r img { max-width:100%; } .qsn_img_l { margin-bottom:20px; } .qsn_img_r .qsn_r, .qsn_img_l .qsn_l { width:30%; text-align:center; } .qsn_img_l .qsn_r { text-align:right; } .qsn_img_l .qsn_r, .qsn_img_r .qsn_l { width:68%; } .qsn_img_l .qsn_r { padding-top:40px; } #page_qsn ul { padding-left:20px; }  .listing-port { font-family:"Arial"; padding:10px 0px 20px 0px; margin-bottom:20px; -webkit-box-shadow:inset 0px 0px 15px 0px silver; -moz-box-shadow:inset 0px 0px 15px 0px #c0c0c0; -o-box-shadow:inset 0px 0px 15px 0px #c0c0c0; box-shadow:inset 0px 0px 15px 0px silver; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .listing-port hr { margin:15px 0; } .listing-port h2.france { background:url(/Public/Images/site/trucks.png) top left no-repeat; padding-left:90px; } .listing-port h2.belgique { background:url(/Public/Images/site/trucks.png) 0 -37px no-repeat; padding-left:90px; } .listing-port h2.luxembourg { background:url(/Public/Images/site/trucks.png) 0 -74px no-repeat; padding-left:90px; } .listing-port h2.suisse { background:url(/Public/Images/site/trucks.png) 0 -111px no-repeat; padding-left:90px; } .listing-port h2 { margin:15px 20px 0px 20px; height:37px; line-height:37px; color:#848484; } .listing-port h2 span { font-size:14px; background:#818181; color:white; padding:2px 6px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .ligne-listing-port-demi { font-size:12px; color:#606060; height:25px; line-height:25px; text-align:left; float:left; } .ligne-listing-port-demi-left { font-size:14px; padding-left:2%; width:26%; } .ligne-listing-port-demi-right { width:72%; } .ligne-listing-port-demi-right strong { font-size:18px; } .ligne-listing-port { width:90%; margin:0 auto; padding:10px 0px; border-top:1px solid #838383; } .ligne-listing-port.i0 { border-top:none; }  #cnt_banniere_pub { position:relative; } #banniere_global_a { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; } #banniere_pub_dr { text-align:center; height:185px; margin-top:20px; } #cnt_banniere_nav { position:absolute; bottom:10px; left:10px; z-index:3; } * html #cnt_banniere_nav { display:none; } .banniere_nav { margin-right:1px; cursor:pointer; float:right; height:15px; width:15px; } #cnt_banniere_pub a[href="javascript:void(0);"], #banniere_pub_dr a[href="javascript:void(0);"] { cursor:default; }  #page_secure h1 { padding:0; text-align:center; background:url(/Public/Images/site/cadennas.png) 400px 5px no-repeat; height:54px; line-height:54px; font-weight:normal; width:85%; font-size:30px; text-transform:none; color:gray; } #page_secure h2 { background:gray; height:47px; line-height:47px; color:white; padding-left:20px; font-size:20px; font-weight:normal; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; } .secure_img { margin:0px 10px 10px 0px; height:71px; float:left; list-style:none; background-repeat:no-repeat; background-image:url(/Public/Images/site/logos-banques.jpg); } .secure_img.secu_mastercard { width:112px; background-position:0px 0px; } .secure_img.secu_visaverif { width:112px; background-position:-123px 0px; } .secure_img.secu_generale { width:158px; background-position:-250px 0px; } .secure_img.secu_lcl { width:110px; background-position:0px -87px; } .secure_img.secu_ca { width:120px; background-position:-124px -87px; } .secure_img.secu_bnp { width:152px; background-position:-555px 0px; } .secure_img.secu_groupama { width:152px; background-position:-413px -93px; } .secure_img.secu_cm { width:160px; background-position:-247px -87px; } .secure_img.secu_cic { width:152px; background-position:-405px 0px; } .secure_img a { display:block; width:100%; height:100%; } #ref_prod { cursor:default; color:#000; font-weight:bold; padding:8px 15px; } #ref_prod_l { cursor:text; float:left; margin-right:10px; } #ref_prod_r { cursor:text; float:right; } .avis_one_prod { border:1px solid #DADADA; padding:7px 7px 10px 7px; margin-bottom:2px; color:#484848; } .avis_one_prod_avat { width:74px; height:74px; float:left; background:#CBCBCB; display:none; } .avis_one_prod_cnt { float:right; width:100%; } .avis_one_prod_cnt_note { background:url('/Public/Images/site/ob_mini_stars.png') top left no-repeat; width:85px; height:15px; float:left; margin-right:10px; margin-top:3px; } .avis_one_prod_cnt_note_star { width:85px; height:15px; background:url('/Public/Images/site/ob_mini_stars.png') bottom left no-repeat; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star9 { width:77px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star8 { width:69px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star7 { width:60px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star6 { width:52px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star5 { width:43px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star4 { width:34px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star3 { width:26px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star2 { width:18px; } .avis_one_prod_cnt_note_star.avis_one_prod_cnt_note_star1 { width:9px; }  .avis_one_prod_cnt_aut { float:left; width:300px; height:15px; line-height:15px; margin-top:3px; font-size:13px; } .cnt_list_avis_txt { font-size:13px; margin-top:10px; } .avis_one_prod_cnt_aut span { font-weight:bold } .avis_one_prod_add { display:block; width:42px; height:42px; position:absolute; top:5px; right:5px; background-image:url('/Public/Images/site/ob_mini_bouton_panier.png'); background-position:top center; background-repeat:no-repeat; } .avis_one_prod_add:hover { background-position:bottom center; } .avis_one_prod_prod { position:relative; border:1px solid #DEDEDE; -webkit-border-radius:3px; border-radius:3px; padding:5px; float:left; margin-left:150px; margin-bottom:12px; } .avis_one_prod_global { float:left; margin-left:136px; margin-bottom:15px; } #avis_one_prod_global_lien { width:243px; height:51px; line-height:51px; font-weight:bold; font-size:14px; background:#2397BB; border-bottom:3px solid #167091; color:#fff; text-align:center; text-decoration:none; display:block; margin-top:15px; -webkit-border-radius:6px; border-radius:6px;  -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } #avis_one_prod_global_lien:hover { background:#167091; } .avis_one_prod_premabule #avis_global { margin-left:30px; } #avis_one_form input[type=text], #avis_one_form textarea { font-family:Arial; background:url('/Public/Images/site/base_bg_input.png') top left repeat-x #F6F6F6; height:36px; line-height:36px; padding:0 10px; margin:0; outline:none; border:1px solid #A3A3A3; margin-top:18px; width:97%; -webkit-border-radius:3px; border-radius:3px; } #avis_one_form textarea { padding-top:10px; height:200px; line-height:20px; resize:vertical; } #avis_one_form #label_note { margin-top:26px; float:left; display:block; height:22px; line-height:22px; margin-right:4px; font-size:14px; font-weight:bold; } #avis_one_form input[type=submit] { float:right; font-weight:bold; width:149px; height:33px; line-height:33px; cursor:pointer; color:#fff; text-align:center; font-size:14px; -webkit-border-radius:3px; border-radius:3px; border:none; padding:0; margin:10px 0px 0px 0px; background:#2397BB; border-bottom:3px solid #167091; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } #avis_one_form input[type=submit]:hover { background:#167091; } #panier_port_table { width:100%; border-collapse:collapse; } #panier_port_table tr { border:1px solid #D3D3D3; } #panier_port_table .panier_mode_td3 { padding-right:10px; text-align:right; } #panier_port_table .panier_mode_td2 { padding-left:10px; } #panier_port_table .panier_mode_td1 { text-align:center; } #panier_port_table .panier_mode_td {  border-style:none; } .modepaiement_panier { text-align:center; } #mentions_score3 { margin:20px 0px; padding:15px; border-radius:5px; background:#EFEFEF; } #mentions_score3 a { display:block; height:33px; line-height:33px; color:#fff; background-image:url('/Public/Images/site/base_fleche_bouton.png'); background-position:168px 10px; background-repeat:no-repeat; background-color:#ADADAD;  padding:0 15px; text-decoration:none; margin:63px 0px 0px 0px; font-size:13px; border-radius:3px; border-bottom:3px solid #878787; transition:all 0.3s ease-out; font-weight:bold; width:160px; margin-left:auto; margin-right:auto; } #mentions_score3 a:hover { background-color:#878787; } .mentions_score3_left { float:left; } .mentions_score3_right { float:right; } .mentions_score3_left { width:40%; } .mentions_score3_right { text-align:right; width:58%; } #mentions_cnt { font-size:14px; } #mentions_cnt strong { color:#373737; } #mentions_pre { background:url('/Public/Images/site/base_bandeau_mentionslegales.jpg') right top no-repeat; min-height:78px; padding:33px 207px 10px 20px; font-weight:bold; color:#000; margin-bottom:30px; } .mentions_cnt_l, .mentions_cnt_r { float:left; } .mentions_cnt_l { width:40%; } .mentions_cnt_r { width:58%; } .mentions_cnt_l { margin-right:1%; } #mentions_infos_i { float:right; background-color:#EFEFEF; border-radius:5px; overflow:hidden; margin-top:25px; } #mentions_infos_1, #mentions_infos_2 { border-bottom:1px solid #8D8D8D; } #mentions_infos_1 div { background:url('/Public/Images/site/base_france_flag.png') 234px 12px no-repeat; } #mentions_infos_2 div { background:url('/Public/Images/site/base_box_return.png') 226px 12px no-repeat; } #mentions_infos_3 div { background:url('/Public/Images/site/base_defaillance.png') 235px 10px no-repeat; } .mentions_infos_i { padding-left:57px; width:285px; height:53px; line-height:53px; color:#000; background:url('/Public/Images/site/base_check.png') 20px 17px no-repeat; } .mentions_linkcgv { float:right; display:block; margin-top:10px; margin-right:10px; text-decoration:none; } .option_listing_prod { width:90%; margin:15px auto; } .option_listing_prod.option_listing_prod_categ { text-align:right; } .bandeau h1 span { display:block; font-size:0.5em; margin-top:5px; } #fil .pull_left { float:left; } .ariane_sep { padding:0 3px; } .btn_bleu { width:175px; height:32px; background-color:#66AFDB; color:#fff; border:1px solid #66AFDB; font-size:16px; font-weight:bold; cursor:pointer; position:absolute; } .btn_vert { background-image:url('/Public/Images/site/ajouter_fichier.png'); background-repeat:no-repeat; background-color:transparent; background-repeat:no-repeat; background-position:0px 0px; background-size:175px; border:none; cursor:pointer; height:16px; vertical-align:middle; width:175px; height:32px; margin-right:1%; } #select-question li, #select-question .theme-title { cursor:pointer; } #select-question li:hover { text-decoration:underline; } #select-question div.toggler span.icone { float:left; margin-right:5px;  -moz-transition:all 1s ease;   -webkit-transition:all 1s ease;   -o-transition:all 1s ease;   transition:all 1s ease;   -moz-transform:rotate(90deg);   -webkit-transform:rotate(90deg);   -o-transform:rotate(90deg);   transform:rotate(90deg); } #select-question div.toggler-active span.icone {  -moz-transform:rotate(0deg);   -webkit-transform:rotate(0deg);   -o-transform:rotate(0deg);   transform:rotate(0deg); } .produit-cross-img img { margin:0; float:none; } .table_suivi { border:1px solid black; border-collapse:collapse; color:#000; width:100%; } .table_suivi_td, .table_suivi_th { padding-left:5px; width:37%; border:1px solid black; } .firstCol { width:25%; padding-left:5px; border:1px solid black; } .table_tr_th_suivi { background-color:#c2d4e7; height:40px; } .table_tr_suivi { height:50px; } .information { text-align:left !important; margin-top:5px; padding:0px; padding-left:30px; padding-right:20px; } .produit-de-commande { margin-left:30px; } .produit-commande-lien { height:15px; font-weight:bolder; margin-right:30px; margin-bottom:20px; margin-top:10px; } .description table.tableau_bordure th { font-size:bold; text-align:center; } .description table.tableau_bordure td, .description table.tableau_bordure th { border:solid 1px; } a.ligne-mode-paiement { display:block; text-decoration:none; } a.ligne-mode-paiement span { display:block; } .selected a.ligne-mode-paiement { color:#fff; } #categorie_corpcateg.o_buro_desc_fortext { padding-left:40px; padding-right:40px; } #categorie_corpcateg.o_buro_desc_fortext p { padding-left:0px; padding-right:0px; } #description-categorie-resume { display:inline; } #description-categorie-suite { display:none; } #description-categorie-suite-button { cursor:pointer; text-decoration:underline; } .html_td_table_cross_selling img { max-width:250px; max-height:250px; } td.html_td_table_cross_selling { width:33%; text-align:center; } .html_th_table_cross_selling { text-align:center; font-weight:bold; font-size:12px; padding-bottom:10px; } .html_div_marquage_securite { margin-top:10px; } .clear { clear:both; } #guideAchatMdcV2Menu {  float:left; width:32%; } @supports(position:sticky) { #guideAchatMdcV2Menu {  position:sticky;  top:20px; } } .guide_menu_v2 {  -webkit-box-shadow:0 7px 10px #F1F1F1; -moz-box-shadow:0 7px 10px #F1F1F1; box-shadow:0 7px 10px #F1F1F1; } .guide_menu_v2 header {  border-radius:10px 10px 0 0; padding:0.6em 2em; background:#64baf3; color:#FFFFFF; text-align:center; } .guide_menu_v2 ul {  padding:0 !important; margin:0 !important; } .guide_menu_v2 li {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; list-style-type:none; cursor:pointer; padding:1.6em 1em; border-bottom:2px solid #E6E6E6; -webkit-transition:background .4s ease; transition:background .4s ease; text-transform:uppercase; text-align:center; position:relative; height:100px; border-right:1px solid #E6E6E6; border-left:1px solid #E6E6E6; } .guide_menu_v2 li span { position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .guide_menu_v2 li.active {  background:#E6E6E6; } .guide_menu_v2 li:hover { background-color:#E6E6E6; } #guideAchatMdcV2Results {  float:right; width:65%; } .guide_thumb_container_v2 {  width:50%; float:left; height:180px; -webkit-transition:all .4s ease; transition:all .4s ease; margin-bottom:30px; } .guide_thumb_container_v2.hidden {  width:0; height:0; overflow:hidden;  } .guide_thumb_v2 {  width:90%; margin:auto; height:100%; border-radius:10px; position:relative; overflow:hidden; cursor:pointer; display:block;  } .guide_thumb_v2_txt { background:rgba(100, 186, 243, .8); position:absolute; top:70%; color:#FFFFFF; height:100%; -webkit-transition:top .4s ease; transition:top .4s ease; } .guide_thumb_v2_txt h4 {  font-size:16px; margin:18px 0; text-align:center; font-weight:500; } .guide_thumb_v2_txt * { color:#FFFFFF; } .guide_thumb_v2_txt p {  padding:.6em; text-align:center; font-size:13px; }  .guide_thumb_v2:hover .guide_thumb_v2_txt { top:0; }   #questionDevisV2>div:not(:last-child) {  width:50%; float:left; } .question_devis_bloc_v2 {  width:90%; margin:auto; background:url("/Public/Images/site/bouton_bleu.png") no-repeat center center; -webkit-background-size:100% 100%; background-size:100% 100%; color:#FFFFFF; position:relative; height:110px; border-radius:10px; margin-bottom:20px; cursor:pointer; -webkit-transition:background .2s ease; transition:background .2s ease; }  .question_devis_bloc_v2 h2 {  color:inherit; position:absolute; z-index:2; top:50%; left:4%; right:4%; -webkit-transform:translateY(-50%); transform:translateY(-50%); margin:0; padding:0 !important; text-align:center; text-transform:uppercase; font-size:1.5em !important; font-style:normal !important; }  .question_devis_bloc_v2:hover, .question_devis_bloc_v2.active {  background:url("/Public/Images/site/bouton_gris.png") no-repeat center center; -webkit-background-size:100% 100%; background-size:100% 100%; }   .popup_ajax {  position:fixed; top:-100%; width:45%; opacity:0; max-height:85vh; overflow:auto; -webkit-transition:all .8s ease, opacity .4s ease; transition:all .8s ease, opacity .4s ease; z-index:10001; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:7px; } .popup_ajax.active {  top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:1; -webkit-transition:all .6s ease, opacity .8s ease .2s; transition:all .6s ease, opacity .8s ease .2s; } .close_popup {  position:absolute; right:10px; top:10px; height:20px; width:20px; background:url("/Public/Images/site/close_black.png") no-repeat center center; -webkit-background-size:contain; background-size:contain; border-radius:20px; cursor:pointer; } .popup_header {  background:#65bbf2; padding:1.4em .4em; text-align:center; color:#285e90; }  .popup_header .popup_title {  font-size:22px; margin:0 !important; font-weight:500; padding:0 2em; } .popup_content {  background-color:#ffffff; padding:2em 6em; overflow-y:auto; max-height:calc(100% - 58px); } .popup_content img { width:100%; } #popupLayer, .popup_layer {  opacity:0; position:fixed; top:0; left:0; height:100%; width:100%; -webkit-transition:opacity .4s ease, z-index 0s ease .5s; transition:opacity .4s ease, z-index 0s ease .5s; background:rgba(50, 50, 50, .8); z-index:-1;  } #popupLayer.active, .popup_layer.active {  opacity:1; z-index:10000; -webkit-transition:opacity .4s ease; transition:opacity .4s ease; } .popup_subtitle {  color:#36618c; font-weight:500; margin-top:0; text-align:center; font-size:14px; } .popup_layer {  width:105%; height:105%; } #questionPopup .popup_layer { width:100%; height:100%; }  #AdressePopup { width:75%; } #AdressePopup h2 {  font-size:1.5em !important; color:#285e90 !important; font-weight:bold !important; }  .custom_input_v2aur:not([type=submit]):not([type=button]) {  display:block; padding:1.1em 0 1.3em 1em; padding-right:0 !important; background:#f3f1f2; border:1px solid #e3e1e2; border-radius:6px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:20px; font-size:14px; } textarea.custom_input_v2aur {  width:100%; height:130px; font-family:inherit; } .custom_input_v2aur:focus, .custom_file_input:focus {  outline:none; border-color:#c8c8c8; } .custom_input_v2aur[type=submit], .custom_input_v2aur[type=button] {  background:#65bbf2; font-size:16px; border:none; padding:.8em 2em; color:#FFFFFF; border-radius:6px; width:36%; cursor:pointer; -webkit-transition:background .4s ease; transition:background .4s ease; height:auto !important; } .custom_input_v2aur[type=submit]:hover, .custom_input_v2aur[type=button]:hover { background:#49adea; } .custom_file_input {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1em 0; background:#65bbf2; min-height:49px; position:relative; cursor:pointer; border-radius:6px; background:#f3f1f2; border:1px solid #e3e1e2; -webkit-transition:background .2s ease; transition:background .2s ease; } .custom_file_input:before {  content:""; position:absolute; top:0; left:10px; width:30px; height:100%; background:url("/Public/Images/site/attachment_grey.png") no-repeat center center; -webkit-background-size:contain; background-size:contain; } .custom_file_text {  position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:4.8em; right:2.6em; } .custom_file_input .custom_file_libelle { font-size:14px; } .custom_file_input input[type=file] {  position:absolute; opacity:0; top:0; width:100%; height:100%; right:0; z-index:2; cursor:pointer; font-size:0; } .custom_file_name {  display:none; word-wrap:break-word; } .custom_file_remove {  display:none; position:absolute; background:url("/Public/Images/site/close_black.png") no-repeat center center; height:15px; width:15px; right:10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:4;  } .submit_link {  background:none; border:none; border-bottom:1px solid #bfbfbf; padding:0; color:#bfbfbf; cursor:pointer; } .custom_input_v2aur.input_error {  border-color:#E30003 !important; } #NoAdresse {  margin-top:10px !important; background:none !important; color:#c5c5c5 !important; font-weight:500 !important;  }  .custom_file_input.active, .custom_file_input:hover {  background-color:#e1dddf; }  .custom_file_input.active .custom_file_remove, .custom_file_input.active .custom_file_name { display:block; } .custom_file_input.active .custom_file_libelle { display:none; }  #pieceJointeLabel { margin-bottom:20px; min-height:51px; }   .btn_v2aur { display:inline-block; padding:1em 2em; text-align:center; background:#65bbf2; text-decoration:none; color:#FFFFFF; border-radius:6px; font-size:18px !important; -webkit-transition:background .4s ease; transition:background .4s ease; } .btn_v2aur:hover { background:#49adea; } .btn { background-color:#7B7B7B; padding:0.4em 1em; text-decoration:none; color:white; font-size:1.4em; font-weight:bold; border-bottom:2px solid #202020; text-align:center; } .btn:hover { background-color:#C0C0C0; } .btn-rounded { border-radius:5px; } .btn-vert { background-color:#69c400; border-color:#549a00; } .btn-vert:hover { background-color:#83df00; } .btn-bleu { background-color:#0471A6; border-color:#003554; } .btn-bleu:hover { background-color:#00A6FB; }  .img_cadre {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:2em;  margin-bottom:20px; } .img_cadre p {  padding:0; text-align:center; margin-top:20px; margin-bottom:0; line-height:20px; font-size:14px; } .pull_left { float:left; } .pull_right { float:right; } .bloc50 { width:50%; } .bloc48 { width:48%; }  .listing_with_side { width:100%; }  .conteneur_global_tuiles { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; } .conteneur_tuile { width:50%; display:flex; flex-direction:row; justify-content:left; border-right:1px solid #CCC; padding:0 20px; margin-bottom:20px; box-sizing:border-box; font-size:0.9em; } .image_tuile { width:48px; } .image_tuile img { width:28px; } .conteneur_droit_tuile { width:calc(100% - 48px); text-align:left; } .title_tuile { margin-bottom:5px; font-weight:700; text-transform:uppercase; } .texte_tuile { text-align:left; } .conteneur_tuile:nth-child(even) { border-right:0; }  @media screen and (max-width:1600px) {  .popup_ajax {  width:65%; } } @media screen and (max-width:940px) {  .popup_ajax {  width:85%; } } @media screen and (max-width:640px) {  .popup_ajax .bloc48 {  width:100%; }  .popup_content {  padding-left:2em;  padding-right:2em; }  input[type=submit] {  margin-top:15px; } }   #EncartPort {  background:#404d4e; padding:10px 15px; position:relative; border-radius:6px;  } #EncartPort * { color:#FFFFFF; } .warning {  height:75px; background:url("/Public/Images/site/warning.png") no-repeat center center; width:100%; -webkit-background-size:contain; background-size:contain; } .bloc20 {  width:20%; } #TextEncart {   line-height:16px; font-size:12px; } .table_suivi_colis { margin-top:10px; display:none; border-collapse:collapse; } .table_suivi_colis_open { display:block; } .table_suivi_colis td { border:1px solid #000; padding:5px; } .show_hide_colis { text-decoration:underline; } .margin_top_zero { margin-top:0; } .pos-relative { position:relative; } .pos-absolute { position:absolute; } .pos-block-linkFiche { right:10%; top:0; } .mr10 { margin-right:10px; } #fiche_prod_base #ico_print { cursor:pointer; } .message-non-disponible { text-align:center; } .message-non-disponible h3 { color:#4cade7; font-size:1.3em; margin-bottom:0px; } .message-non-disponible h4 { font-size:1.2em; margin-top:0.5em; }  .bloc-admin { position:fixed; top:10px; left:0; z-index:99999; padding:0.6em 1em 0.8em 1em; background-color:crimson; font-size:1em; border-bottom-right-radius:10px; border-top-right-radius:10px; color:rgba(255, 255, 255, 0.9); } .bloc-admin .ba-identite { text-align:center; border-bottom:1px solid #eeeeee; padding-bottom:1em; margin-bottom:1em; } .bloc-admin .ba-identite span { font-weight:bold; display:block; } .ba-links a { display:block; color:inherit; padding-left:1.5em; background-size:1em 1em !important; line-height:1em; } .ba-links .bal-admin { background:url('/Public/Images/interface-admin/v2/iconClient.svg') no-repeat 0 0; margin-bottom:1em; } .ba-links .bal-logout { background:url('/Public/Images/interface-admin/v2/close.svg') no-repeat 0 0; } .carrousel_img_prod { text-align:center; float:left; width:113px; height:58px; border-right:1px solid #CECECE; flex-shrink:0; } #carrousel_imgs_prod { margin-top:1px; border-top:1px solid #BABABA; padding-top:2px;  -webkit-box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.07); -o-box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.07); box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.07); } #carrousel_imgs_prod a { line-height:0 }  .carrousel_img_prod.last { border-right:0px; } #carrousel_imgs_prod_cnt { float:left; overflow:hidden; width:calc(100% - 32px); height:58px; position:relative; } #carrousel_imgs_prod_cnt.noslide { width:100%; } #carrousel_imgs_prod_cnt_nav_l, #carrousel_imgs_prod_cnt_nav_r { cursor:pointer; background-color:#E1E1E1; float:left; height:58px; width:16px; transition:all .3s; -moz-transition:all .3s;  -webkit-transition:all .3s;  -o-transition:all .3s;  transform:scale(1); -ms-transform:scale(1);  -webkit-transform:scale(1);  -o-transform:scale(1);  -moz-transform:scale(1);  } #carrousel_imgs_prod_cnt_nav_l:hover, #carrousel_imgs_prod_cnt_nav_r:hover { transform:scale(0.9); -ms-transform:scale(0.9);  -webkit-transform:scale(0.9);  -o-transform:scale(0.9);  -moz-transform:scale(0.9);  } #carrousel_imgs_prod_cnt_nav_l span, #carrousel_imgs_prod_cnt_nav_r span { width:9px; margin-top:22px; margin-left:2px; display:block; height:14px; } #carrousel_imgs_prod_cnt_nav_r { padding-left:4px; width:12px; } #carrousel_imgs_prod_cnt_nav_r span { margin-left:0px; } #carrousel_imgs_prod_cnt_large { position:relative; top:0; left:0; height:58px; margin:0 auto; display:flex; flex-wrap:nowrap; align-items:center; } .carrousel_img_prod .linkToDescFicheProd { height:58px; } #carrousel_imgs_prod_cnt_nav_l span { background:url("/Public/Images/site/slide-left.png") no-repeat 0px 0px; } #carrousel_imgs_prod_cnt_nav_r span { background:url("/Public/Images/site/slide-right.png") no-repeat 0px 0px; } #fiche_prod_light #carrousel_imgs_prod { display:none; } .formFichePanier .ico_fiche_base { height:auto; font-weight:normal; }  .zoombox:hover { cursor:pointer; }  .dispo-help-btn { display:inline-flex !important; align-items:center; justify-content:center; background-color:#b1b1b1 !important; background-image:none !important; padding:0.1em !important; border-radius:50%; height:12px; width:12px; text-align:center; color:white !important; font-weight:bold; font-size:0.9em !important; cursor:pointer; transition:all 150ms ease-in-out; } .dispo-help-btn:hover { background-color:#a1a1a1 !important; } .dispo-help-tooltip { position:absolute; right:0; background:white; border:1px solid #a1a1a1; padding:0.2em 0.5em; z-index:99; color:black !important;  border-radius:5px; box-shadow:0px 1px 0px 0 rgba(0, 0, 0, 0.24); cursor:pointer; line-height:normal !important; font-weight:normal !important; } .ajoute-au-panier-cross-cnt .dispo-help-tooltip { bottom:120%; }  .fiche-equivalence-wrapper { background-color:#f4f4f4; padding:1em; border-top:5px solid #db0304; } .fiche-equivalence-wrapper a { color:black; } .fiche-equivalence-line-wrapper { margin-bottom:1em; } .fiche-equivalence-line { display:flex; justify-content:space-between; } .fiche-equivalence-line-left { width:30%; } .fiche-equivalence-line-right { width:69%; } .fiche-equivalence-line-right:first-of-type { margin-bottom:1em; } .fiche-equivalence-line-bloc_title, .fiche-equivalence-line-bloc-dispo { background-color:#b1b1b1; text-align:center; color:white; font-weight:bold; padding:0.4em 0; } .fiche-equivalence-line-bloc_content { margin-top:0.4em; padding:1em; background-color:white; display:flex; } .fiche-equivalence-line-right .fiche-equivalence-line-bloc_content-infos { width:50%; flex-grow:1; } .fiche-equivalence-line-bloc_content img { margin-right:1em; width:52px; height:52px; vertical-align:middle; } .fiche-equivalence-line-bloc-dispo { margin-top:0.4em; } .fiche-equivalence-line_radio { width:50%; } .fiche-equivalence-line-bloc_content_left { display:flex; flex-wrap:wrap; margin-right:1em; width:100%; } .fiche-equivalence-line_radio { text-align:center; padding-top:1em; } .fiche-equivalence-line_radio-label { text-align:left; border-left:4px solid #3eb06b; padding-left:0.6em; margin-bottom:1em; } .fiche-equivalence-line-bloc_content-img { width:70px; height:70px; flex-shrink:0; margin-right:1em; background-size:contain; background-repeat:no-repeat; background-position:center; } .fiche-equivalence-actions { text-align:center; margin-top:1em; } .fiche-equivalence-actions a { text-decoration:underline; font-size:0.7em; margin-top:1em; display:inline-block; } .no-equiv .fiche-equivalence-line-left { width:30%; } .no-equiv .fiche-equivalence-line-right { width:33%; } .no-equiv-reponse .fiche-equivalence-line-bloc_content { display:block; } .photofile-label { margin-top:1em; display:block; } .photofile-label img { height:29px; margin-right:0; } .fiche-equivalence-infos { display:flex; align-items:center; text-align:center; } .fiche-equivalence-infos .icon_svg { width:24px; height:24px; margin-right:0.6em; flex-shrink:0; } .equivalences .inscription { padding:0; box-sizing:border-box; border:0; } .no-equiv input[type="text"] { margin-bottom:0.4em; } .bg_white { background-color:#fff; } .bg-orange { background-color:darkorange !important; } .bg-green { background-color:#3eb06b !important; } .w-100 { width:100%; } .btn { cursor:pointer; } .btn:disabled { background-color:lightgray !important; cursor:default; } .cmd-faq-questions_wrapper { position:relative; } .cmd-faq-questions_message { box-sizing:border-box; position:absolute; width:100%; height:100%; z-index:9; background-color:#e0e0e0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2em; border-top:5px solid #db0304; } .cmd-faq-questions_message-titre { color:#db0304; font-size:xx-large; margin-top:auto; } .cmd-faq-questions_message-content { margin-top:1.6em; text-align:center; line-height:1.8em; } .cmd-faq-questions_message-cancel { margin-top:auto; }   .custom_banner { display:flex; justify-content:center; align-items:center; text-align:center; z-index:9; width:100%; min-height:3%; padding:5px; box-sizing:border-box; position:relative; background-color:#1072b9; } .custom_banner a { color:#FFFFFF; text-decoration:none; font-size:1rem; }   .custom_select_flags *, .custom_select_flags { padding:0; margin:0; -webkit-box-sizing:border-box;  box-sizing:border-box; } .custom_select_flags li { list-style:none; } .custom_select_flags { position:relative; display:inline-block; max-width:250px; width:100%; border:solid #f0f0f0 1px; margin-top:10px; } .custom_select_flags_list { position:absolute; top:30px; left:0; right:0; width:100%; border:solid #f0f0f0 1px; } .custom_select_flags_result { position:relative; max-width:300px; width:100%; height:30px; background:#f9f9f9; cursor:pointer; } .custom_select_flags_result::after { content:''; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%);   -ms-transform:translateY(-50%);  transform:translateY(-50%); display :inline-block; height :0; width :0; border-top :5px solid #000; border-right :3px solid transparent; border-left :3px solid transparent; } .custom_select_flags_result, .custom_select_flags_list_item { display:-webkit-box; display:-ms-flexbox; display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center;   padding:0 10px; font-size:0.9em; } .custom_select_flags .icon_flags { height:15px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .custom_select_flags_result_text { padding-left:10px; color:#000; } .custom_select_flags .custom_select_flags_list_item { background:#fff; color:#000; height:30px; cursor:pointer; line-height:30px; } .custom_select_flags .custom_select_flags_list_item:hover { background:#f7f7f7; text-decoration:none; } .custom_select_flags .is-selected-country { display:none; } .footer_select_flags { margin-top:20px; text-align:left; } .footer_flags_infos { margin-top:10px; } .footer_flags_title { display:block; text-transform:uppercase; margin:0; } .footer_block { margin-left:30px; margin-top:0;   margin-bottom:20px; } .custom_select_flags_sentence { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center;  align-items:center; } .icon_flags { display:-webkit-box; display:-ms-flexbox; display:flex; flex:none; -webkit-box-align:center;   -ms-flex-align:center;  align-items:center; } .icon_flags img { flex:none; } .important-message { position:relative;   width:100%;   color:#000;   background:#cecece;   box-sizing:border-box;   margin-top:1rem;   margin-bottom:1rem;   font-size:0.9rem;   padding:.75rem 1.25rem;   border:1px solid transparent;   border-radius:.25rem; } .important-message.important-message-infos { color:#004085;   background-color:#cce5ff;   border-color:#b8daff; } .mode-livraison-v1 .important-message { width:95%; margin-left:auto; margin-right:auto; } .paiement-cards {   display:flex;   justify-content:center;   align-items:center;   margin:20px 0 40px; } .paiement-cards input {   flex:none; } .txt_center {   text-align:center; } .atos_form input[type="IMAGE"] {   margin-right:30px; }  @font-face {   font-family:"GreatVibes-Regular";   src:url("/Public/Fonts/GreatVibes-Regular.ttf"); }   .section-connect {  width:90%;  margin:15% auto;  padding:40px 0; } .connect-form {  text-align:center;  display:flex;  flex-direction:column;  color:whitesmoke;  width:35%;  gap:25px;  margin:0 auto; } .connect-title {  font-size:1.1em;  text-transform:uppercase;  font-weight:bold; } .connect-form label {  font-size:0.9em; } .connect-input {  border:none;  border-radius:7px;  height:auto;  padding:10px 15px; } .connect-input[type='submit'] {  -webkit-appearance:none;  color:whitesmoke;  background:#49AA4D;  text-transform:uppercase;  font-weight:bold; } .connect-input[type='submit']:hover{  cursor:pointer; }   *, *::before, *::after { box-sizing:border-box; margin:0; padding:0; } html { font-size:24px; line-height:1.6; color:#000; height:-webkit-fill-available; scroll-behavior:smooth; } body { font-family:"Arial", Verdana, sans-serif; text-align:initial; color:#969696; background-color:#2e2e2e; font-size:24px; overflow-x:hidden; } h1 {  margin:0 auto 15px;  padding-left:0;  font-size:1.6em;  text-align:center;  color:#969696; } .fix-overflow {  overflow:hidden; } .brightnessFilter {  transition:0.5s all;  filter:brightness(0.5); } #nav-menu a {  text-decoration:none;  color:#1E1E23;  opacity:1;  font-size:1em;  font-weight:400;  transition:200ms;  padding:10px 0;  transition-delay:2s;  word-break:break-word; } #nav-menu a:hover {  opacity:0.5; } .menu-title-border {  color:initial; }  .section-header {   padding:0;   width:100vw;   top:0;   position:sticky;   z-index:150; }  .container {  margin-top:50px;  Display:flex;  justify-content:center;  align-items:center; } .phone {  background-color:#36383F;  border-radius:40px;  width:300px;  height:600px;  Display:flex;  justify-content:center;  align-items:center;  box-shadow:30px 50px 100px #85888C; } .content {  border:1px solid #36383F;  border-radius:20px;  width:94%;  height:91%;  background-color:#F5F6FA;  overflow:hidden; } .nav-container {  background-color:#1E1E23;  height:65px;  display:flex;  justify-content:space-between;  align-items:center;  z-index:960;  position:relative; } #modale-background {  transition:0.5s all; } .modale-bg {  height:100vh;  width:100vw;  position:absolute;  z-index:950;  background:#00000050;  top:0; } #menuToggle {  display:flex;  flex-direction:column;  position:relative;  top:0px;  left:25px;  z-index:1;  -webkit-user-select:none;  user-select:none; } #menuToggle input {  display:flex;  width:40px;  height:32px;  position:absolute;  cursor:pointer;  opacity:0;   z-index:980;  top:-8px;  left:-5px; } #menuToggle span {  display:flex;  width:29px;  height:2px;  margin-bottom:5px;  position:relative;  background:#ffffff;  border-radius:3px;  z-index:1;  transform-origin:5px 0px;  transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),  opacity 0.55s ease; } #menuToggle span:first-child {  transform-origin:0% 0%; } #menuToggle span:nth-last-child(2) {  transform-origin:0% 100%; } #menuToggle input:checked ~ span {  opacity:1;  transform:rotate(45deg) translate(-3px, -1px);  background:#36383F; } #menuToggle input:checked ~ span:nth-last-child(3) {  opacity:0;  transform:rotate(0deg) scale(0.2, 0.2); } #menuToggle input:checked ~ span:nth-last-child(2) {  transform:rotate(-45deg) translate(0, -1px); } #nav-menu {  position:absolute;  width:25vw;  height:fit-content;  box-shadow:0 0 10px #85888C;  margin:-50px 0 0 -50px;  padding:50px;  padding-top:125px;  background-color:#F5F6FA;  -webkit-font-smoothing:antialiased;  transform-origin:0% 0%;  transform:translate(-100%, 0);  transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  display:flex;  flex-direction:column; } #menuToggle input:checked ~ div {  transform:none; } .lang {   position:relative;   top:-5px;   margin-right:25px; } #select-langues{   background:#fff;   padding:5px 10px;   border-radius:5px;   border:none;   font-family:helvetica;   font-weight:bold; }   .custom_select_flags { position:relative; display:inline-block; max-width:250px; width:100%;  border-radius:3px; margin-top:10px; } .custom_select_flags_result::after { content:''; position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%);   -ms-transform:translateY(-50%);  transform:translateY(-50%); display :inline-block; height :0; width :0; border-top :5px solid #808080; border-right :3px solid transparent; border-left :3px solid transparent; } .custom_select_flags_result, .custom_select_flags_list_item { display:-webkit-box; display:-ms-flexbox; display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center; align-content:center;  justify-content:center;  padding:5px 20px 5px 15px; font-size:0.5em;  text-decoration:none;  font-family:Arial, Helvetica, sans-serif;  color:#555555!important;  text-transform:uppercase;  gap:10px; } .custom_select_flags .icon_flags { height:15px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:flex;  justify-content:center;  align-content:center;  align-items:center; } .custom_select_flags .custom_select_flags_list_item { background:#fff; color:#000; height:30px; cursor:pointer; line-height:30px;  align-items:center;  justify-content:center; } .custom_select_flags .custom_select_flags_list_item:hover { background:#f7f7f7;  color:#000; text-decoration:none; }   section {   width:90%;   margin:0 auto;   padding:80px 0; } .intro-container, .infos, .about-container {   text-align:center; } .intro-container h1 {  padding:0; } .infos {   font-size:0.6em;   margin-top:50px; } .infos-appart{  color:#bbbbbb; } .section-about {   padding:0; } .link-nav a {  text-decoration:none;  color:#808080; } .about-container.link-nav {  display:flex;  justify-content:center;  flex-wrap:wrap;  gap:25px; } .link-nav-card {  width:200px;  height:100%;  min-height:300px;  display:flex;  flex-direction:row;  justify-content:center;  flex-wrap:wrap;  gap:45px;  align-items:stretch;  padding:40px 10px;  background:#3f3f3f;  border-radius:5px;  transition:0.3s all; } .link-nav-card a {  color:#fff;  font-size:0.8em;  width:100%; } .link-nav-card span {  width:70px;  height:70px; }  .link-nav a:hover {  cursor:pointer;  transform:scale(1.05); } .informations {  background:url(/Public/Images/site/info.svg) no-repeat; } .thermo {  background:url(/Public/Images/site/thermo.svg) no-repeat; } .activites {  background:url(/Public/Images/site/activites.svg) no-repeat; } .contact {  background:url(/Public/Images/site/drc_icon.svg) no-repeat; } .link-nav .link-nav-card {   text-decoration:none;   color:#fff; } .link-nav-card p {  width:100%; }  .section-chauffage {  width:90%;   margin:0 auto;  padding:40px 0; } .container-wrapper-chauffage {  display:flex;  flex-wrap:wrap;  justify-content:center;  flex-direction:row-reverse; } .chauffage-container {  margin-bottom:25px; } .chauffage-container>h1 {  font-size:1em;  text-align:center;  margin:0 auto;  padding:0 0 25px; } .activation-zone {  display:flex;  width:100%;  justify-content:space-between;  align-items:flex-start; } .DeviceName {  max-width:60%; min-width:60%; line-height:1.3em; } .btnPower {  display:flex;  justify-content:flex-end;  align-items:flex-start;  margin-left:15px; } .switch { position:relative; display:inline-block; width:80px; height:30px; }  .switch input { opacity:0; width:0; height:0; }  .slider { position:absolute; cursor:pointer; top:0; left:-3px; right:0; bottom:0; width:80px; background-color:#1D91BE; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; } .slider:before { position:absolute; content:""; height:30px; width:30px; left:-5px; bottom:0px; background-color:white; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; } input:checked+.slider { background-color:#FF8100; } input:focus+.slider { -webkit-box-shadow:0 0 1px #1D91BE; box-shadow:0 0 1px #1D91BE; }  input:checked+.sliderActive:before { -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateX(50px);  content:'OFF'; } .sliderActive.round { border-radius:34px; } .sliderActive.round:before { border-radius:50%;  content:'ON'; }   input:checked+.slider:before { -webkit-transform:translateX(60px); -ms-transform:translateX(60px); transform:translateX(60px);  background-image:url(/Public/Images/site/heater-hot.svg);  background-repeat:no-repeat;  background-size:20px;  background-position:center; }  .slider.round { border-radius:34px; } .slider.round:before { border-radius:50%;  transition:0.5s all;  background-image:url(/Public/Images/site/cold.svg);  background-repeat:no-repeat;  background-size:20px;  background-position:center;  filter:drop-shadow(5px 2px 2px #2e2e2e80); } .chauffage-control-bar-container {  display:flex;  background:#f4f4f4;  align-items:center;  flex-direction:column;  justify-content:space-between;   padding:20px 15px;  border-radius:5px;  margin-bottom:25px;  min-width:300px;  max-width:300px;  } .chauffage-control-bar {  display:flex;  gap:20px;  align-items:center;  flex-direction:column; } .switch-chauffage {  font-size:0.7em;  text-align:center;  margin-bottom:15px; } .interrupteur { width:100%; height:100%; }  .lock-switch { height:50px;  cursor:pointer;  margin:0 auto;  width:100%!important;  height:100%;  display:flex!important;  justify-content:center; } .lock-btn-wrapper {  top:0; right:0; bottom:0; left:0;  margin:0 auto; } .lock-btn { width:2rem; height:2rem; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover; } .lock-btn-label:before { content:''; display:block; width:100%; text-align:center; font-size:0.9em; text-transform:uppercase; } .lock-switch > input[type="checkbox"]:not(:checked) ~ .lock-btn-wrapper > .lock-btn { background-image:url('/Public/Images/site/unlocked.svg'); } .lock-switch > input[type="checkbox"]:not(:checked) ~ .lock-btn-wrapper > .lock-btn-label:before { content:'Unlocked'; color:darkgreen; font-weight:bold; } .lock-switch > input[type="checkbox"]:checked ~ .lock-btn-wrapper > .lock-btn { background-image:url('/Public/Images/site/locked.svg'); } .lock-switch > input[type="checkbox"]:checked ~ .lock-btn-wrapper > .lock-btn-label:before { content:'Locked'; color:darkred; font-weight:bold; }  .locker-container {  min-height:150px; } .lock-check {  display:flex;  align-items:center;  justify-content:space-around;  flex-direction:column;  height:auto;  width:100%;  gap:15px; } .lock-check>div>p{  width:100%; } .locker {  margin:10px;  height:100px;  width:30%;  flex:1; } .locker form {  margin:0 auto;  width:100%;  height:100%; } .unlockDoor{  font-size:1em;  border-radius:15px;  border:none;  background:#cecece;  color:#2e2e2e;  transition:0.3s all;  display:flex;  justify-content:center;  align-items:center;  padding:5px 15px; }   .clim-val {  font-size:2em; } .temperature-container {  display:flex;  align-items:center;  flex-direction:column;  justify-content:space-evenly;  gap:12px; } .temperature-btn {  display:flex;  flex-direction:row-reverse;  gap:15px; } .temperature-btn button {  width:45px;  height:35px;  font-size:1em;  border-radius:15px;  border:none;  background:#cecece;  color:#2e2e2e;  transition:0.3s all;  display:flex;  justify-content:center;  align-items:center; } .temperature-btn button:hover{  cursor:pointer;  background:#b6b6b6; } .temperature-btn button:active {  background:#d5d5d5;  transform:translateY(2px); } .temperature-btn button i {  display:flex;  position:relative;  width:100%;  height:100%;  background:url(/Public/Images/site/dropdown.svg) center no-repeat;  background-size:20px; } .temperature-btn button i:is(.icon-add){ transform:rotate(180deg); } .container-bloc-control {  display:flex;  width:100%;  justify-content:space-around;  gap:25px;  align-items:center; } .button-cover, .knobs, .layer { position:absolute; top:0; right:0; bottom:0; left:0; } .button { position:relative; width:75px; height:25px; margin:0 auto; overflow:hidden; } .button.r, .button.r .layer { border-radius:100px; } .button.b2 { border-radius:5px; } .checkbox-interrupteur { position:relative; width:100%; height:100%; padding:0; margin:0; opacity:0; cursor:pointer; z-index:3; } .knobs { z-index:2; width:fit-content; } .layer { width:100%; background-color:#cdcdcd; transition:0.3s ease all; z-index:1; }  #button-10 {  z-index:0; } #button-10 .knobs:before, #button-10 .knobs:after, #button-10 .knobs span { position:absolute; top:0px; width:50%; height:100%; font-size:10px; font-weight:bold; text-align:center; line-height:1; padding:11px 4px; border-radius:2px; transition:0.3s ease all; left:40px; } #button-10 .knobs:before { content:""; left:inherit; background-color:#f44336; width:37.5px; } #button-10 .knobs:after { content:"ON"; right:0px; top:-3px; width:37.5px; color:#4e4e4e; } #button-10 .knobs span { display:inline-block; left:7px; top:-3px; color:#fff; z-index:1; } #button-10 .checkbox-interrupteur:checked + .knobs span { color:#4e4e4e; } #button-10 .checkbox-interrupteur:checked + .knobs:before {  left:42px;  background-color:#4caf50;  width:37.5px; } #button-10 .checkbox-interrupteur:checked + .knobs:after { color:#fff; } #button-10 .checkbox-interrupteur:checked ~ .layer { background-color:#cdcdcd; } .list-card {  display:flex;  justify-content:center;  flex-wrap:wrap;  gap:20px; } .flex1 { flex:1; text-align:center; } .container-chaudFroid {  display:flex;  justify-content:space-around;  margin:0 auto 50px; } [data-toast] { position:fixed; left:0; bottom:0; transform:translateY(100%); width:100%; color:white; padding:0.5em 1em; text-align:center; background-color:gray; transition:all 100ms linear; -webkit-transition:all 100ms linear; -moz-transition:all 100ms linear; -ms-transition:all 100ms linear; -o-transition:all 100ms linear; opacity:0; } [data-toast="show"] { transform:translateY(0); opacity:1; } [data-toast].toast-success { background-color:#4caf50; } [data-toast].toast-error { background-color:darkred; }  table.tab-gestion {   margin-left:auto; margin-right:auto; } table.tab-gestion td { border:1px solid #e1e1e1; } table.tab-gestion th { padding:0px 5px;  max-width:200px; } table.tab-gestion a { color:#0055d4; font-weight:normal; text-decoration:underline; } table.tab-gestion a:hover { color:#000000; text-decoration:none; }  .section-housework {  padding:40px 0 0; } .btn-viewAll-container {  display:flex;  justify-content:flex-end; } .btn-viewAll {  padding:10px 15px;  border-radius:8px;  border:0;  font-weight:600;  color:#707070; } .housework-card-container {  background:#EBEBEB;  border-radius:8px;  color:#707070;  padding:15px 10px;  margin:20px 0; } .housework-card-container a {  text-decoration:none; } .housework-card-container h2{  font-size:25px; } .housework-card-item {  display:flex;  flex-wrap:wrap;  justify-content:flex-start;  gap:50px;  margin:10px 0 25px;  padding:20px 30px; } .housework-card-item h3{  font-size:25px; } .housework-card-state {  display:flex;  justify-content:space-between;  margin:10px 0 25px; } .housework-state {  display:flex;  flex-direction:column;  align-items:center;  gap:10px;  flex:0.5;  justify-content:space-between; } .housework-state--value{  font-size:14px;   text-align:center;  display:flex;  align-items:flex-end; } .housework-state--value[data-label="menage"] {  width:auto; } .footer-nextDay-container {  display:flex;  justify-content:center;  margin:25px auto;  padding-bottom:25px;  height:auto;  width:75%; } .footer-nextDay {  text-align:center;  text-decoration:none;  color:#707070;  font-weight:bold;  padding:15px 20px;  background:#fff;  border-radius:8px;  font-size:18px; } .housework-item-divider {  display:none; } .housework-card-wrapper {  width:35%;  padding:10px 20px;  background:lightgrey;  border-radius:8px; }   .modal {  display:none;  position:fixed;  z-index:1;  padding-top:100px;  left:0;  top:0;  width:100%;  height:100%;  overflow:auto;  background-color:rgb(0,0,0);  background-color:rgba(0,0,0,0.4); }  .modal-content {  background-color:#fefefe;  margin:auto;  border:1px solid #888;  width:80%; } .modal-content .warn {  font-size:25px;  font-weight:bold;  text-align:center;  padding:10px 15px; } .modal-content p{  padding:20px;  text-align:center;  font-size:20px; }  .close {  color:#aaaaaa;  float:right;  font-size:28px;  font-weight:bold;  position:relative;  top:0;  right:10px; } .close:hover, .close:focus {  color:#000;  text-decoration:none;  cursor:pointer; } .myBtnToDo {  background:#f44336;  padding:10px 15px;  border-radius:5px;  color:#fff;  font-weight:600;  border:none;  cursor:pointer; } .btn-modal-container {  display:flex;  justify-content:center;  align-items:center;  margin-top:25px;  gap:150px;  padding:20px; } .btnNo:hover {  cursor:pointer; } .flex-1 {  -webkit-box-flex:1; -ms-flex:1;   flex:1; } .flex-3 {  -webkit-box-flex:3; -ms-flex:3;   flex:3; } .header-tourism {  width:100%;  height:100%;  max-height:500px;  -o-object-fit:cover;   object-fit:cover; } .tourism {  position:absolute;  top:0;  width:100%;  background:transparent; } .section-header-tourisme {  width:100%;  padding:0;  margin:0; }  .section-categories {  width:50%;  font-size:15px;  padding:40px 0 0; } .categorie-title {  text-align:center; } .categorie-title h1 {  font-family:'GreatVibes-Regular', cursive;  font-weight:normal;  font-size:3.5em; } .categorie-container {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;  text-align:center;  margin-bottom:25px;  font-size:15px; } .categorie-container > p {  font-size:18px; } .categorie-listing {  display:flex;  flex-wrap:wrap;   grid-template-columns:repeat(auto-fit, minmax(auto, 225px));  grid-gap:16px;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  padding:initial;  margin:25px 10px; } .categorie-listing .categorie-legend {  font-size:15px; } .categorie-listing .categorie-card-item {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  background:#F5F5F5;  border-radius:13px;  padding:0.5em;   max-width:225px;  width:100%;   max-height:-webkit-max-content;  max-height:-moz-max-content;  max-height:max-content;  height:100%;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center;  text-align:start;  gap:5px;  text-decoration:none; } .categorie-card-item img{  -o-object-fit:none;   object-fit:none;  -webkit-box-flex:1; -ms-flex:1;   flex:1;  mix-blend-mode:multiply; } .categorie-card-title {  font-size:20px;  font-weight:bold;  line-height:27px;  color:#969696; } .categorie-legend {  font-size:15px;  font-weight:normal;  line-height:20px;  color:#969696; } .categorie-legend {  display:inline-block;  height:20px; } .section-categories-result {   max-width:100%;  padding:0 0 80px; } .categorie-result-container {   display:-ms-grid;  display:grid;  grid-template-columns:repeat(auto-fit, minmax(335px, -webkit-max-content));  grid-template-columns:repeat(auto-fit, minmax(335px, max-content));  -webkit-column-gap:25px;   -moz-column-gap:25px;   column-gap:25px;  row-gap:50px;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  padding:initial;  max-width:100%;  margin:0 auto 75px; } .categories-result-card {  width:100%;  max-width:335px;  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;  max-height:420px;  height:420px;  border-radius:13px;  position:relative;   -webkit-box-pack:end; -ms-flex-pack:end;   justify-content:flex-end;  overflow:hidden;  text-decoration:none; } .categories-result-card img {  max-height:310px;  height:100%;  -o-object-fit:cover;   object-fit:cover; } .categories-result-card-item {  background:#F5F5F5;  padding:0.5em 1em 1em;  border-radius:0 0 13px 13px;  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;  min-height:142px;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center; } .wrapper-result-card {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify; -ms-flex-pack:justify;   justify-content:space-between;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center;  margin:0 0 10px; } .wrapper-result-card .categorie-card-title{  text-transform:uppercase;  color:#787878; } .wrapper-result-card span {  color:#969696;  font-weight:normal;  font-size:15px; } .picto-categorie {  width:42px;  height:42px;   border-radius:25px;  position:absolute;  top:15px;  left:15px;  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center; } .picto-categorie img{  width:35px;  height:35px;  -webkit-filter:drop-shadow(3px 4px 3px #00000045);   filter:drop-shadow(3px 4px 3px #00000045); }  .btn-seeMore {  background:#E1E1E1;  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  border-radius:13px;  width:-webkit-fit-content;  width:-moz-fit-content;  width:fit-content;  padding:0.5em 2em;  margin:0 auto;  color:#484848;  cursor:pointer; } .btn-seeMore a {  font-family:Arial, Helvetica, sans-serif;  font-size:20px;  color:#484848;  font-weight:normal; } }@media only screen and (max-width:991px){ .housework-card-container {   background:#EBEBEB;   border-radius:8px;   color:#707070;   padding:15px 10px;   margin:20px 0; } .housework-card-item {  margin:0;  padding:0;  gap:0; } .housework-card-wrapper {  width:100%;  padding:0;  margin:0;  border-radius:0;  background:none; } .housework-card-item h3 {   font-size:22px;   font-weight:600; }  .housework-card-state {   margin:10px 0 15px; } .housework-state {   gap:20px; }  .footer-nextDay-container {   display:flex;   justify-content:center;   margin:25px auto;   padding-bottom:25px;   height:auto;   width:75%; } .footer-nextDay {   text-align:center;   text-decoration:none;   color:#707070;   font-weight:bold;   padding:15px 20px;   background:#fff;   border-radius:8px;   font-size:18px; } .housework-item-divider {  width:85%;  margin:15px auto;  border:1px solid #2e2e2e2b;  display:block; }  .btn-modal-container {   display:flex;   justify-content:space-around;   align-items:center;   margin-top:25px;   gap:0; }   .header-tourism {  height:100vh!important;   max-height:200px!important;  }   .section-categories {   width:95%;   padding:20px 0 0;  }   .categorie-card-title {   line-height:25px;  }  }@media only screen and (max-width:700px){ .section-connect {  margin:25% auto; } .connect-form {  width:95%; }  #nav-menu {   width:100vw; }   .link-nav .link-nav-card {   width:140px;   height:100%;   min-height:200px;   padding:25px 10px;   gap:25px; } .link-nav-card {   font-size:0.6rem;   font-weight:700; } .section-about {   padding:0 0 50px!important; } .link-nav-card span {  width:50px;  height:50px; }  .section-chauffage {   width:90%;   margin:0 auto;   padding:40px 0;  }  .chauffage-container {   width:100%;  }   .chauffage-container>h1 {   font-size:1em;   text-align:center;   margin:0 auto;   padding:0 0 25px;  }   .activation-zone {   display:flex;   width:100%;   justify-content:space-between;   align-items:flex-start;  }   .DeviceName {  max-width:60%;  }   .btnPower {   display:flex;   justify-content:flex-end;   align-items:flex-start;  }   .switch {  position:relative;  display:inline-block;  width:80px;  height:30px;  }  .switch input {  opacity:0;  width:0;  height:0;  }  .slider {  position:absolute;  cursor:pointer;  top:0;  left:-3px;  right:0;  bottom:0;   width:80px;  background-color:#1D91BE;  -webkit-transition:.4s;  -o-transition:.4s;  transition:.4s;  }   .slider:before {  position:absolute;  content:"";  height:30px;  width:30px;  left:-5px;  bottom:0px;  background-color:white;  -webkit-transition:.4s;  -o-transition:.4s;  transition:.4s;  }   input:checked+.slider {  background-color:#FF8100;  }   input:focus+.slider {  -webkit-box-shadow:0 0 1px #1D91BE;  box-shadow:0 0 1px #1D91BE;  }   input:checked+.sliderActive:before {  -webkit-transform:translateX(50px);  -ms-transform:translateX(50px);  transform:translateX(50px);   content:'OFF';  }   .sliderActive.round {  border-radius:34px;  }   .sliderActive.round:before {  border-radius:50%;   content:'ON';  }  input:checked+.slider:before {  -webkit-transform:translateX(60px);  -ms-transform:translateX(60px);  transform:translateX(60px);   background-image:url(/Public/Images/site/heater-hot.svg);   background-repeat:no-repeat;   background-size:20px;   background-position:center;  }  .slider.round {  border-radius:34px;  }   .slider.round:before {  border-radius:50%;   transition:0.5s all;   background-image:url(/Public/Images/site/cold.svg);   background-repeat:no-repeat;   background-size:20px;   background-position:center;   filter:drop-shadow(5px 2px 2px #2e2e2e80);  }   .chauffage-control-bar-container {   display:flex;   background:#f4f4f4;   align-items:center;   flex-direction:column;  padding:20px 15px;   border-radius:5px;   margin-bottom:25px;   min-width:100%;  }   .chauffage-control-bar {   display:flex;   gap:20px;   align-items:center;   flex-direction:column;  }   .switch-chauffage {   font-size:0.7em;   text-align:center;   margin-bottom:15px;  }   .interrupteur {  width:100%;  height:100%;  } .lock-check {   display:flex;   align-items:center;   justify-content:space-around;   flex-direction:initial;   width:100%;  }   .lock-check>div>p{   width:90%;  }   .clim-val {   font-size:2rem;  }   .temperature-container {   display:flex;   align-items:center;   flex-direction:column;   justify-content:space-evenly;   gap:25px;  }   .temperature-btn {   display:flex;   flex-direction:row-reverse;   gap:25px;  }   .temperature-btn button {   width:45px;   height:35px;   font-size:1em;   border-radius:15px;   border:none;   background:#cecece;   color:#2e2e2e;   transition:0.3s all;   display:flex;   justify-content:center;   align-items:center;  }   .temperature-btn button:active {   background:#d5d5d5;   transform:translateY(2px);  }   .temperature-btn button i {   display:flex;   position:relative;   width:100%;   height:100%;   background:url(/Public/Images/site/dropdown.svg) center no-repeat;   background-size:20px;  }   .temperature-btn button i:is(.icon-add){  transform:rotate(180deg);  }   .container-bloc-control {   display:flex;   width:100%;   justify-content:space-around;   gap:25px;   align-items:center;  }   .button-cover,  .knobs,  .layer {  position:absolute;  top:0;  right:0;  bottom:0;  left:0;  }   .button {  position:relative;   width:75px;  height:25px;  margin:0 auto;  overflow:hidden;  }   .button.r,  .button.r .layer {  border-radius:100px;  }   .button.b2 {  border-radius:5px;  }   .checkbox-interrupteur {  position:relative;  width:100%;  height:100%;  padding:0;  margin:0;  opacity:0;  cursor:pointer;  z-index:3;  }   .knobs {  z-index:2;  width:fit-content;  }   .layer {  width:100%;  background-color:#cdcdcd;  transition:0.3s ease all;  z-index:1;  }  #button-10 {   z-index:0;  }   #button-10 .knobs:before,  #button-10 .knobs:after,  #button-10 .knobs span {  position:absolute;  top:0px;  width:50%;  height:100%;  font-size:10px;  font-weight:bold;  text-align:center;  line-height:1;  padding:11px 4px;  border-radius:2px;  transition:0.3s ease all;  left:40px;  }   #button-10 .knobs:before {  content:"";  left:inherit;  background-color:#f44336;  width:37.5px;  }   #button-10 .knobs:after {  content:"ON";  right:0px;  top:-3px;  width:37.5px;  color:#4e4e4e;  }   #button-10 .knobs span {  display:inline-block;  left:7px;  top:-3px;  color:#fff;  z-index:1;  }   #button-10 .checkbox-interrupteur:checked + .knobs span {  color:#4e4e4e;  }   #button-10 .checkbox-interrupteur:checked + .knobs:before {   left:42px;   background-color:#4caf50;   width:37.5px;  }   #button-10 .checkbox-interrupteur:checked + .knobs:after {  color:#fff;  }   #button-10 .checkbox-interrupteur:checked ~ .layer {  background-color:#cdcdcd;  }   .list-card {   display:flex;   flex-direction:column;   flex-wrap:wrap;  }   .flex1 {  flex:1;  text-align:center;  }   .container-chaudFroid {   display:flex;   justify-content:space-around;   margin:0 auto 50px;  }   [data-toast] {  position:fixed;  left:0;  bottom:0;  transform:translateY(100%);  width:100%;  color:white;  padding:0.5em 1em;  text-align:center;  background-color:gray;  transition:all 100ms linear;  -webkit-transition:all 100ms linear;  -moz-transition:all 100ms linear;  -ms-transition:all 100ms linear;  -o-transition:all 100ms linear;  opacity:0;  }   [data-toast="show"] {  transform:translateY(0);  opacity:1;  }   [data-toast].toast-success {  background-color:#4caf50;  }   [data-toast].toast-error {  background-color:darkred;  } .categorie-listing {  display:flex;  flex-wrap:wrap; } .categorie-listing .categorie-legend {  display:none; } .categorie-listing .categorie-card-item {  max-width:140px;  padding:0.5em 0.3em; } .categorie-card-item img {  width:32px;  height:32px; } .categorie-card-title {  font-size:16px!important;  line-height:20px!important;  word-break:break-word; } }