@charset "utf-8";
html{scroll-behavior: smooth;}
body{width:100%; line-height:18px;font-size:14px;font-family:Arial, Tahoma, Verdana;margin:0;overflow-x :hidden;}
/*police robotos*/
@font-face {
    font-family: 'robotothin';
	font-display: swap;
    src: url('https://code-a-domicile-boutique.com/fonts/web_fonts/roboto_thin_macroman/Roboto-Thin-webfont.eot');
    src: url('https://code-a-domicile-boutique.com/fonts/web_fonts/roboto_thin_macroman/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://code-a-domicile-boutique.com/fonts/web_fonts/roboto_thin_macroman/Roboto-Thin-webfont.woff') format('woff'),
         url('https://code-a-domicile-boutique.com/fonts/web_fonts/roboto_thin_macroman/Roboto-Thin-webfont.ttf') format('truetype'),
         url('https://code-a-domicile-boutique.com/fonts/web_fonts/roboto_thin_macroman/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: 200;
    /*font-style: normal;*/
}
li{line-height:18px;margin-left:10px;list-style:none;}
ul{list-style-type:none;padding:5px;}
.formulaire{width:100%;font-size:12px;text-align:left;}
h1{font-family: "robotothin"; font-size:24px;color:black;letter-spacing:1px;line-height:1.2;}
h2{font-family: "robotothin";color:black;margin:8px;padding:20px;font-size:25px;text-align: center;letter-spacing:1px;line-height:1.2;clear: both;}
h3{font-family: "robotothin";color:black;margin:8px;font-size:20px;letter-spacing:1px;line-height:1.2;}
h3 a{color:black;}
h4{color:black;margin:8px;font-size:15px;text-align:center;}
a.menu{display:block;text-decoration:none;color:#0072A1;}
a.menu:hover{display:block;background:#D5F4FF;text-decoration:none;color:#0072A1;}
a{color:#2B2A2A;text-decoration:none;}
.soulignelesliens a{text-decoration: underline;}
a:hover{color:#787878;text-decoration:none;}
/*l.majeste-lassalle@agglo-pau.fr*/
img{border:none;}
.cadre{height:auto;background:#ECFAFF;border:1px solid #D5F4FF;margin:5px;padding:5px;overflow:auto;}
td{text-align:left;border:0px;background-color:transparent;}
a.info{position:relative;z-index:24;color:#000;text-decoration:underline}
a.info:hover{z-index:25;background-color:#CCC}
a.info span{display:none}
a.info:hover span{display:block;position:absolute;width:300px;border:1px solid #000;background-color:#CCCCFF;color:#000;text-align:justify;font-weight:none;padding:5px;}
input{width:50%;}
input[type=text]{font-size:18px;}
input[type=password]{font-size:18px;}
.oeil:after{content: "\1F440";font-size:20px;cursor:pointer;}
.oeil:hover:after{background:black;}
input[type=number]{font-size:18px;}
input[type=email]{font-size:18px;}
textarea[name=adresse]{font-size:18px;width:50%;}
textarea[name=adresse1]{font-size:18px;width:50%;}
textarea[name=msg]{font-size:18px;width:50%;}
textarea[name=commentaires]{font-size:18px;width:50%;}
input[type=submit]{width:auto;background:#ffcc33;text-align:center;font-size:14px;font-weight:bold;margin:10px 0 0 0;padding:10px;color:black;border:none;border-radius:6px;cursor: pointer;}
input[type=submit]:hover{background:#D3A800;}
.sociaux{display:block;}
video{width: 450px;height: auto;}
iframe{width: 450px;height: 320px;}
.bandeauvoitures{background-image: url('https://code-a-domicile-boutique.com/Images/bandeau-voiture.jpg');background-repeat:no-repeat;background-size:cover;background-position: center;width:100%;height: 100px;padding:0;z-index: 100;}
.cadreheader{width:985px;margin:0 auto 0 auto;height:100%;}
#header11{position: fixed;top:0;width:100%;/*height:80px;*/background-color:#f7f7f7;
  border-bottom: 1px solid #e3e3e3;text-align:left;}
.colonnetab{display:table-cell;width: 33.33%;vertical-align:middle;}
.colonnetab2{display:table-cell;width:33.33%;padding:5px;border-bottom:2px solid #d8d8d8;}
.colonnetab2:hover{border-bottom:2px solid black;}
#moncadretest{width:100%;margin-top:133px;color:#434343;text-align: center;border-left:0 solid #ccc;}
.titreboutique{text-align: center; width: auto;font-size:28px;font-weight:bold;}
.logo2{display: inline-block;vertical-align: middle;text-align: left;border:0 solid grey;}
.ouvrelabel img{width: 70%;}
.ouvrelabel{background: white; position:absolute;right:25%;top:130px;box-shadow: 0 0 20px black;text-align: center;z-index: 20;}
/*.liensmenu2{width: 100%; vertical-align:top;margin:0;padding:0;text-align: center;border-bottom:1px solid #d8d8d8;}
.liensmenu2 li{display: inline-block;vertical-align:middle;text-align: center; width: 29%;margin: 0; padding:4px;font-size: 13px;border:2px solid white;}
.liensmenu2 a :hover{border-bottom:2px solid black;margin:0;}
.liensmenu2 li:hover{border-bottom:2px solid black;}
.home { border:0 solid white;}
.liensmenu2 li.homeencours{border-bottom:2px solid black;}*/
.texttop2{ color:black; font-weight:normal;}
.msgtexttop{position: ;width:auto;/*left:40%;margin-left:-125px;*/ padding:10px;box-shadow: 0px 0px 3px #000000;background-color:white;text-align: justify;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight: 500;}
.agmt{font-size: 12px}
.moteurrecherche{ display: inline-block;width:100%;margin:0;padding:0px;z-index:1;border:0 solid grey;text-align: center;}
.moteurrecherche input[type=text]{background: #f8f8f8;width:84%; height: 26px; margin:0 0 0 0 ; vertical-align:middle;border-radius:0;border:solid #CCCCCC 1px;padding-left:10px;color:black;font-size: 16px;}
.moteurrecherche input[type=text]:focus{background: white;height: 26px; outline:none;border:solid #357AE8 1px;}
.moteurrecherche button[type=submit]{background-image:url(Images/loupe.png);background-repeat:no-repeat; background-position:center center; background-color:darkorange;width: 30px; height:30px;margin: 0 0 0 -8px; vertical-align:middle; color:#FFFFFF;border:solid 1px darkorange; border-radius:0;border-top-right-radius:6px;border-bottom-right-radius:6px;cursor: pointer;}
.moteurrecherche button[type=submit]:hover{background-image:url(Images/loupe.png);background-repeat:no-repeat; background-position:center center;background-color:#039;cursor: pointer;border:solid 1px #039;}
.moteurrecherche input::placeholder{font-family: "arial";text-align: center;font-size: 16px;color:red;font-weight:bold;}
.boutonfermer:before  { content: "\2718 \A0\A0"; }
.boutonfermer{display: inline-block;background:red;margin:5px auto;padding:6px;color:white;transition: all .3s;font-weight: 500;cursor: pointer;}
a.boutonfermer {text-decoration: none;}
.boutonfermer:hover{background:white;padding:6px;color:red;border:1px solid red;transition: all .3s;}
.boutonfermer2{display:none;}
.suivisavpanier{display: inline-block; vertical-align: middle;width: 23%; font-size:11px;border: 0 solid grey;}
.suivisavpanier a{text-align: center;}
.toppanier2{width:auto;border-bottom:2px solid #f7f7f7;padding-bottom:5px;}
.toppanier2:hover{border-bottom:2px solid #333333;padding-bottom:5px;}
.toppanierencours2{width:auto;border-bottom:2px solid #333333;padding-bottom:5px;}
.naventete{padding:0;margin:0 0;list-style:none;}
.naventete li a{float:right;list-style:none;padding:0 11px;line-height:30px;font-family:Arial;color:black;font-size:13px;text-decoration:none;border-right:solid 1px #999999;}
.naventete li a:hover{background-color:#999;}
.naventete li a:focus{border-top:6px solid #0072A1;margin-top:-6px;}
.fil-ariane {background:none;margin:0 0 0 0;font-size: 11px;border:0 solid grey;text-align: left;}
.fil-ariane ol{display: inline-block;vertical-align: middle;padding: 4px;margin: 4px;}
.fil-ariane  li{float:left;margin:0 0 0 2px;vertical-align:middle;}
.fil-ariane a{font-size: 11px;text-decoration:underline;}
.ariane{float:left;margin:30px 0 0px 10px;color:#464646;font-size:11px;border:0 solid grey;}
.ariane a{color:#464646;text-decoration:underline;}
.ariane a:hover{text-decoration:none;}
.h1mobile{display:none;}
.lesH1{margin:8px 0px 0 10px;text-align:left;clear: both;}
.lesH1 h1{text-align:left;font-size: 20px;}
.headerhautdepage{float:left; width:75%;height:auto;margin:0 auto;color:#0072A1;padding:0 15px 0 15px;border:0 solid grey;}
.englobcarreaccueil{float:left;width:49.9%;margin:0 -0.8% 0 0;border:0 solid red;}
.carreaccueil{background: #e8e8e8; float:left;width: 49%;padding: 25px 0 0 0px;; border:1px solid #c8c8c8;height:auto;text-align: center;}
/*.carreaccueil img {
	transition: .3s ease-in-out;
}
.carreaccueil:hover img {
  transform: scale(1.1);
  position: relative;
  z-index: 1;  
}*/
.descripcategorie{display:inline-block;width: 80%; text-align: justify;background: #fafafa;padding: 2rem;margin-top: 2rem;border-radius: 8px;clear:both;}
.descripcategorie blockquote {font-style: italic;background: #fff;padding: 1rem 1.5rem;border-left: 4px solid #ff7a00;margin: 1.5rem 0;color: #333;}
.descripcategorie a{text-decoration: underline;}
.englobletext{display:grid;align-content: center;background: white; width: 100%;height:55px;margin-top: 25px;font-size:15px;}
#englobfooter{display:inline-block;background:#cccccc;width:100%;}
.cadrefooter{float:right;width:80%;bottom:0; margin:0;background-color:#cccccc;clear: both;text-align: center;}
.cadrefooter1{display: inline-block;vertical-align: top;width:20%;height:100px;border-right:1px solid #333333;padding:15px 10px 0 10px;margin:0 auto;text-align:left;font-size:16px;color:black;}
.cadrefooter1 a{font-size:12px;color:#333333;}
.cadrefooter1 a:hover{text-decoration:underline;color:#666666;}
.lesCB{margin:50px 0 0 0;clear:both;}
.livraisons{display: inline-block;vertical-align: bottom;width:20%;border-right:1px solid black;border-bottom:1px solid black;margin:50px 50px 0 0;padding:10px;text-align: center; font-size: 12px}
.footersociaux{display: inline-block;font-size:16px;color:black;margin:50px 0 0 0;}
.footersociaux a{font-size:12px;color:#333333;}
.footersociaux a:hover{text-decoration:underline;color:#666666;}
.copyright{clear:both;margin:30px 0 0 0;padding:0 0 10px 0;text-align:right}
.cadrecentrale{display: inline-block;width:76%;margin:0 auto;border-bottom:0 solid red;text-align: center;}
.cadrearticlesPC{float:left;}
.cadrearticles{display:none;}
.cadrepanier{width:170px;height:auto;float:right;margin-right:0;margin-bottom:10px;padding:0 0 0 3px;background-color:#FFFFFF;border-top:0px;border:2px #FFCC33 solid;border-radius:5px;}
.textformulaire{display:block;}
/*le menu de gauche*/
.cadredumenugauche{float:left;vertical-align: top;background: #eeeeee;margin-top:10px;text-align:left;font-size:13px;width:210px;height:100%;color:#666666;z-index:101;}
.iconemenuG{display:none;}
#aCacher{padding: 5px; text-align: center;}
.sousmenucategorie{background-color:#eeeeee;width:90%;margin:15px auto 15px auto;padding:1px 0 15px 1px;overflow-x:hidden;white-space:normal;/*border-bottom: 2px solid #d8d8d8;*/color:black;}
.leftmenu div{padding:8px 0 8px 10px;margin-left:0;font-size:14px;transition: all 0.3s ease 0s;cursor:pointer;}
.leftmenu div:hover{background-color:#ff4e00;padding:8px 0 8px 10px;margin-left:0;font-size:14px;}
.grise{background-color:#ff4e00;color:white;}
.sousmenucategorie a{color:#000;}
.sousmenucategorie a:hover{color:white;}
.sousmenucategorie p{width:100%;color:#000;font-size:15px;font-weight:bold;padding:0 1px;text-align:center;}
.sousmenugauche{background-color:#FFFFFF;border-right:2px solid #0072A1;padding-right:0px;}
.cadrecentrale2{padding:5px;margin-top:2px;}
.cadrecentrale2 a{text-decoration:underline;}
.fermetureete{position:absolute;z-index:1;background-color:rgba(255, 255, 0, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFF00,endColorstr=#FFFF00);box-shadow:1px 1px 10px #000000;width:300px;height:auto;left:30%;text-align:center;color:#006666;}
.englobarticles2{display:flex;width:100%;height:auto;margin:0 0 0 -3px;padding:20px 5px 30px 5px;border-right:0 solid black;border-bottom:0 solid #cccccc;}
.cadrephoto32{display: inline-block;width:30%;border:0 solid black;}
/*.cadrephoto32 img{width: 150px;}*/
.cadremilieu{display:inline-block;margin:0 auto; width:44%;text-align: left;padding:0;border:0 solid black;}
.cadretexte32{margin:10px 0;font-size:12px; border:solid 1px #d8d8d8;padding:15px;}
.cadredroite{float:right;margin:auto; border:solid 0 black;}
.cadrephoto2{float:left;min-height:350px;width:44%;text-align:justify;clear: both;border:0 solid #d8d8d8;}
.cadreh1etavis{float:right;width:48%;margin-right:0;text-align: left;border-left:1px solid #d8d8d8;padding:0 0 0 26px;}
.resume{width: auto; clear:both;font-size: 13px;text-align: justify;height: auto;/*overflow: hidden;*/}
.resume a{text-decoration: underline;}
/*les boutons panier et delete article page panier*/
.panierbutton{height:40px;width:154px;background:#ffcc33;border-radius:3px;border:none;text-align:center;font-size:12px;font-weight:bold;margin:5px;padding:5px;color:black;cursor:pointer;clear: both;}
.panierbutton:hover{background-color:#D3A800;}
.panierbutton:before{content: url(https://code-a-domicile-boutique.com/Images/votrepanier.gif); display:inline-block;vertical-align:middle;margin-right:15px;}
.class_form{width:44%;}
.panierbuttondelete{background:none;border:none;color:#999;cursor:pointer;}
.panierbuttondelete:before{content: url(https://code-a-domicile-boutique.com/Images/croixrouge.JPG);}
/**/
.boutonpanier{height:30px;width:90%;background:#ffcc33;border:none;border-radius:3px;text-align:center;line-height:30px;font-size:14px;font-weight:bold;margin:5px;padding:5px 2px;color:black;}
.boutonpanier a{color:black;}
.boutonpanier:hover{background-color:#D3A800;}
.boutonpanier2{height:30px;width:137px;background:#ffcc33;border-radius:3px;text-align:center;line-height:30px;font-size:12px;font-weight:bold;margin:5px;padding:5px 5px;color:black;clear: both;}
.boutonpanier2:hover{background-color:#D3A800;}
.boutonpanier img{margin:0 10px 5px 0;vertical-align:middle;}
.boutonpanier2 img{margin:0 10px 5px 0;vertical-align:middle;}
.boutonpanierarticlesseuls{height:30px;width:55%;background:#ffcc33;border-radius:3px;text-align:center;line-height:30px;font-size:14px;font-weight:bold;margin-top:10px;padding:5px 2px;color:black;}
.boutonpanierarticlesseuls img{margin:0 10px 5px 0;vertical-align:middle;}
.boutonpanierarticlesseuls a{color:black;}
.boutonpanierarticlesseuls:hover{background-color:#D3A800;}
.plusdarticles{height:auto;margin-top:5px;margin-bottom:35px;border:#CCC solid 1px;padding:5px 10px;text-align: justify;clear: both;}
.plusdarticles a{text-decoration: underline;}
.formarticles{display:inline-block;vertical-align: top;height:300px;width:161px;margin:5px 0 0 0;padding:10px;color:#585858;font-size:11px;outline:1px solid #d8d8d8;border:3px solid white;text-align:center;clear: both;}
.formarticles:hover{border:3px solid #d8d8d8;}
#nav{padding:0;margin:0;list-style:none;}
#nav li a{float:left;list-style:none;margin:5px 10px -8px 0px;background:#0072A1;border-radius:10px 10px 0 0;box-shadow:2px -1px 5px #000000;font-family:Arial;color:#ffffff;font-size:13px;padding:7px 10px 7px 10px;text-decoration:none;}
#nav li a:hover{background:#ff0000;box-shadow:2px 1px 5px #333333 inset;}
#nav a{color:#ffffff;}
.englobediv{width:100%;}
/*affichage promo sur photo des articles*/
.promos{/*display:inline-block;*/width: auto; padding:5px 0 0 10px;color:#006501;font-size:13px;font-weight: bold;text-align: left;}
.alertbox{display: inline-block;float:left;width: auto;margin:10px; padding:10px;box-shadow: 0px 0px 3px #000000;background-color:#BB0003;color:white;font-size:14px;font-weight: bold; }
.alertbox:before{content: url(https://code-a-domicile-boutique.com/Images/mains-pointer.png)"\0000a0";vertical-align: -30%;}
.textalert{display:none;}
.alertbox:hover .textalert{display: block;position: absolute;margin-left:-10px; padding:10px;box-shadow: 0px 2px 3px #000000;background-color:#BB0003;max-width: 50%;font-size: 14px;text-align: justify;z-index:1;}
.alertbox2{display: inline-block;float:left;max-width: 50%;margin:0 0 10px 5px; padding:5px 10px 10px 10px;box-shadow: 0px 0px 3px #000000;background-color:#E80003;color:white;font-size:14px;font-weight: bold;text-align: center;}
.promodudimanche{display: inline-block;width: 50%;margin:20px 0 10px 0; padding:10px;background-color:goldenrod;color:white;font-size:14px;font-weight: bold;transition: all 0.3s ease 0s;}
.promodudimanche:hover{background-color:gold;transition: all 0.3s ease 0s;}
.cadrepetitdroite{clear:both;color:black;font-size:10px;padding:2px;}
.avismoniteur{background: #524001; width: 280px; height:auto;text-align:left;padding:20px;border:1px solid #CCCCCC;color:white;}
.avismoniteur h2{color:#333333;}
.avismoniteur h3{color:#ffffff;}
.avismoniteur a{color:white;text-decoration:underline;}
.avismoniteur a:hover{color:white;text-decoration:none;}
.avisdirecteur{display:inline-block;background: #524001; width: 380px; height:auto;margin:auto;margin-top:2rem;text-align:left;padding:20px;border:1px solid #CCCCCC;color:white;clear:both;}
.avisdirecteur h2{color:#333333;}
.avisdirecteur h3{color:#ffffff;}
.avisdirecteur a{color:white;text-decoration:underline;}
.avisdirecteur a:hover{color:white;text-decoration:none;}
.cadregauche{float:left;width:90%;height:auto;margin:20px 0 20px 10px;padding:7px;background:#F3F3F3;text-align:left;border:1px solid #ccc;border-radius:8px;box-shadow:1px 1px 1px #555;}
.boutonportail{float:left;height:30px;width:130px;background:#ffcc33;text-align:center;line-height:30px;font-size:14px;font-weight:bold;margin:20px 10px;padding:0 5px 0 5px;color:black;}
.boutonportail:hover{background-color:#B37002;;}
.exam{width:100%;margin-left:35px;}
.edito{width:70%;margin-left:175px;padding-left:5px;background-image:url(introduction/fondpapier.jpg);}
.red{display: inline-block;vertical-align: middle;width:100px;margin: 10px;color: white;font-weight: 600;border:1px solid white;border-radius: 6px;padding: 8px;font-size: 14px;line-height:1.2;}
.msgsurimpression{position:fixed; top: 50%; left: 50%;transform: translate(-50%, -50%);width:40%;height:240px;line-height:50px;border-radius:10px;border:3px #666666 solid;box-shadow:1px 1px 20px #000000;padding:5px;color:#000000;text-align:center;font-size:18px;background:#FFFFFF;z-index:101;}
.msgsurimpressionPAYER{position:fixed;width:45%;  top: 150px; left: 50%; transform: translate(-50%);height:auto;line-height:50px;border-radius:10px;border:3px solid #666666;box-shadow:1px 1px 20px #000000;padding:5px;color:#000000;text-align:center;font-size:18px;background:#FFFFFF;z-index:101;}
.msgsurimpressionPAYER2{background:#E9E3E4;width:auto;margin-top: 150px; line-height:50px;padding:5px;border-top:10px solid white;color:#000000;text-align:center;font-size:18px;}
.msgsurimpressionformulaire{position:absolute;height:auto;width:520px;margin-top:20px;margin-right:5px;border-radius:10px;border:5px #666666 solid;padding:5px;color:#000000;text-align:justify;font-size:14px;background:#ffcc33;z-index:101;}
.clignoterouge{font-weight:bold;text-shadow:0 1px 0 white;border-radius:3px;padding:0;border:1px solid #FF0000;}
.fondpagegrise{background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;height:100%;width:100%;display:block;backdrop-filter: blur(1px);z-index:100;}
/*.articlespanier{float:left;background-color:#FFFFFF;height:75px;width:95%;padding:5px;margin:10px 0 15px 0;clear:both;}
.panierplusmoins{display:inline-block;vertical-align:middle;width:10%;margin:0 30px 0 0;}
.panierphoto{display:inline-block;vertical-align:middle;width:15%;}
.paniertexte{display:inline-block;vertical-align:middle;width:30%;}
.panierprix{display:inline-block;vertical-align:middle;width:10%;}*/
.paniertotal{background-color:rgba(255,255,255,1.00);float:right;border-radius:5px;width:300px;height:auto;padding:20px;}
.boutonfondblanc{width:auto;border:1px solid #666666;margin:10px 0 0 0;padding:7px 3px 7px 3px;text-align:center;color:#000000;background-color:#ffffff;}
.boutonfondblanc:hover{background-color:#333333;color:#FFFFFF;}
.boutonfondblanc2{width:90%;border:1px solid #666666;margin:15px auto 0 auto;padding:7px 3px 7px 3px;text-align:center;color:#000000;background-color:#ffffff;}
.boutonfondblanc2:hover{background-color:#333333;color:#FFFFFF;}
.boutoncaracteristiques{display: inline-block; width:40%;border:1px solid #666666;margin:10px auto 0 auto;padding:7px 3px 7px 3px;text-align:center;color:#000000;background-color:#ffffff;transition: all 0.3s ease 0s;}
.boutoncaracteristiques:hover{background-color:#333333;color:#FFFFFF;transition: all 0.3s ease 0s;}
/*bouton sur fenetre volante apres avoir ajouté au panier*/
.boutonfondorange{width:auto;background-color:#ffcc33;border:1px solid #666666;margin:5px 0px 5px 0;padding:3px;text-align:center;color:black;}
.boutonfondorange:hover{background-color:#D3A800;}
.fondrond{position:absolute;margin:0px 0 0 10px;color:#FFFFFF;font-weight:bold;text-align:center;background-color:orangered;width:24px;height:24px;line-height:24px;border:0px solid #000;border-radius:12px;font-size:12px;}
.imgmenuglisse2 {display:none;}
.desccateg{font-size:10px;}
/*cookies*/
#legcookies{position: fixed;bottom: 0;margin: auto; width: 100%;height:auto; background: rgba(0,0,0,0.8); padding:0 2px; color:white;text-align: center; z-index:1002;}
#legcookies a:hover{text-decoration: none;}
/*bouton retour ht de page*/
a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(255, 140, 0, 0.5);
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}
a#cRetour:before{ content: "\25b2"; }
a#cRetour:hover{
  background:rgba(255,140,0,1.00);
  transition:all ease-in 0.2s;
}
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
}

a#cRetour.cVisible{bottom:54px;opacity:1;}
.buttonpresentation { display: inline-block;margin:5px; vertical-align:middle; background-color:orange;border:0; border-radius: 4px; padding: 0 11px 0 10px;line-height: 26px;transition: all 0.3s ease 0s;white-space: nowrap;text-decoration: none;color:black;font-weight: 600;cursor:pointer;}
a.buttonpresentation {color:white; text-decoration: none;}
a.buttonpresentation:hover {background-color: white;border:1px solid #5165FD; text-decoration: none;color:#5165FD;}
/**/
/*design pour mes boutons sociaux*/
/*linkedin*/
.designsociallinkedin {display: inline-block;vertical-align: middle;width:80%;height: 22px; background-color:#019DC4;margin:0px;padding: 7px;border: 1px solid; border-radius: 2px;transition: all 0.3s ease 0s;text-decoration: none;color:white;text-align: center; }
.designsociallinkedin::before{content:"in";}
a.designsociallinkedin {color:white;text-decoration: none;font-size:25px;text-align: center;}
a.designsociallinkedin:hover {background-color: white;color:#019DC4;border:solid 1px #019DC4; text-decoration: none;}
/*facebook*/
.designsocialfcb {display: inline-block;vertical-align: middle;width:80%;height: 22px; background-color:#019DC4;margin:5px;padding: 7px;border: 1px solid; border-radius: 2px;transition: all 0.3s ease 0s;text-decoration: none;color:white;text-align: center; }
.designsocialfcb::before{content:url(Images/lettre-fcb.png);}
a.designsocialfcb {color:white;}
a.designsocialfcb:hover {background-color: white;color:#019DC4;border:solid 1px #019DC4; text-decoration: none;}
/*twitter*/
.designsocialtwt {display: inline-block;vertical-align: middle;width:80%;height: 22px; background-color:#019DC4;margin:5px;padding: 7px;border: 1px solid; border-radius: 2px;transition: all 0.3s ease 0s;text-decoration: none;color:white;text-align: center;font-weight: 600;}
.designsocialtwt:before{content:url(Images/lettre-twt.png);}
/*.designsocialtwt*/
a.designsocialtwt {color:white; text-decoration: none;}
a.designsocialtwt:hover {background-color: white; text-decoration: none;color:#019DC4;border:solid 1px #019DC4;}
/*instagram*/
.designsocialinstagram {display: inline-block;vertical-align: middle;width:80%;height: 22px; background-color:#019DC4;margin:5px;padding: 7px;border: 1px solid; border-radius: 2px;transition: all 0.3s ease 0s;text-decoration: none;color:white;text-align: center;font-weight: 600;}
.designsocialinstagram:before{content:url(Images/lettre-instagram.png);}
a.designsocialinstagram {color:white; text-decoration: none;}
a.designsocialinstagram:hover {background-color: white; text-decoration: none;color:#019DC4;border:solid 1px #019DC4;}
a.boutonok{background: #03AC55; display: inline-block;width: auto; padding:5px;margin: 5px;color: black;}
.boutonok:after{content: "\A0\A0\2714";font-weight: 600;}
.aidebanque{background: white; position: absolute;width: 270px;box-shadow: 0 0 5px black;text-align: justify;padding:10px; z-index: 500;}
.croixfermer{float:right;margin-top:-10px;width: auto;font-size: 20px;cursor: pointer;}
.croixfermer:before{content:"\2716";color:#666666;}
.bubble-text{display: inline-block;background:#093f58;width:80%;margin: 10px 0; color:#fff; padding:7px 15px; border-radius:3px;box-shadow: 0 0 10px grey;text-align: left;border:1px solid transparent;transition: all 0.3s ease 0s;}
.bubble-text a{color:white;text-decoration: none;transition: all 0.3s ease 0s;}
.bubble-text::before{content:"\01F64B\0000a0\0000a0\0000a0";float:left;vertical-align: middle; font-size: 40px;}
.bubble-text::after{content:""; border-left:30px solid transparent;border-right:30px solid transparent;border-top: 30px solid #093f58;position: absolute;}
.cadreavis{background: #FFFFFF; margin-top:5px;margin-bottom:35px;border:#139ee0 solid 4px;border-radius: 10px; padding:15px 15px 15px 60px;text-align: justify;}
.cadreavis:before{content:"\1F464";font-size: 30px;position: absolute;margin-left:-50px;}
.cadreavis a{text-decoration: underline;}
/*****notation par étoiles*****/
.rating {width: auto;margin: 0;font-size: 25px;overflow:hidden;}
.rating input {opacity: 0;position: absolute;}
.rating label {float:right;color: #aaa;text-decoration: none;transition: color .4s;}
.rating label:hover ~ label,
.rating input:focus ~ label,
.rating label:hover{color: blue;cursor: pointer;}
.rating label.colore{color:orange;}
.rating label.colore:hover{color:blue;}
.contenant{display:inline-block;vertical-align: middle;}
hr.pagearticle{position:absolute;left:218px;width: 90%;}
.sur660{display:none;} /**/
.lelabel{display: inline-block; background: #FFFF33 ; vertical-align: middle;width: 50px;height:50px;padding: 2px;margin-left:10px;font-weight: 800;font-size: 10px; color:black;text-align: center;border-radius: 50px; border: 2px dotted black;box-shadow: 0 0 0 3px #FFFF33;line-height:15px;}
.bandeaulivraison{background:#0072a1;margin: auto; padding: 10px;width:88%;font-weight: bold;text-align: center;color:white;clear: both;}
.openmenu{cursor: pointer;width:30px;}
.openmenu:before{content:"\2261";font-size:40px;}
.scrollbar::-webkit-scrollbar {width: 8px;}
.scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;} 
.scrollbar::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.fixedTop{position: fixed;top:90px;height:85%;overflow-y:scroll;overflow-x:hidden;padding:5px;border-bottom:2px solid grey;}
.cPasfixe{display:none;opacity:0;transition: all 0.3s ease 0s;}
.cFixe{background:none;position:fixed;top:135px;width:210px;height:100%;color:#666666;margin:0px 0 0 0;opacity:1;transition: all 0.3s ease 0s;z-index:1000;}
.visible{opacity:1;transition: all 0.3s ease 0s;}
.pasvisible{opacity:0;transition: all 0.3s ease 0s;}
.maison:before{content:"\2302";font-size:23px;color:black;}
.checked:before{content:"\2713";font-size:18px;color:black;}
.checked2:before{content:"\2713 \00A0";font-size:50px;color:green;}/*pour module liste coeur*/
.logorousseau{display: inline-block;vertical-align: middle;margin:5px 15% 5px auto;}
.logoenpc{display: inline-block;vertical-align: middle;margin:5px 0 5px 15%;}
.viqlae{display: inline-block;vertical-align: middle;margin:auto;}
/*partie connexion client */
.blocblanc{background:white;width:75%;margin:auto;padding:30px;border-radius:10px;text-align:center;}
/*fin connexion clients*/
/*module liste coeur*/
.fondblanc{display:inline-block;background:#ffffff;margin:20px auto;padding-bottom:20px;border-radius:15px;width:90%;}
.fondgris{background:#E9E3E4;width:100%;height:100%;margin:0;padding:0;}
.coeur{background:none;cursor:pointer;border:0;padding:0;margin:0;width:40px;height:40px;}
.coeur:before{content:url(Images/coeur1.png);width:40px;height:40px;}
.coeur:hover:before{content:url(Images/coeur2.png);width:40px;height:40px;}
.coeurnoir{display:inline-block;cursor:default;background:none;border:0;}
.coeurnoir:before{content:url(Images/coeur2.png);}
.boiteliste{background:white;position: fixed; top: 50%; left: 50%;transform: translate(-50%, -50%);width:250px;height:350px;padding:15px;border-radius:20px;text-align:center;z-index:101;}
.supprime{background:none;border:none;}
.supprime:before{content:"\2716";color:black;cursor:pointer;font-size:20px;vertical-align:middle;}
.supprime:after{content:" supprimer";font-size:10px;vertical-align:middle;}
.textliste{text-align:justify;}
.pasavant962{display:none;}
#jouvre{position:absolute;display:none;left:50%;}
.boitecompte{position:absolute;background:white;left:50%;transform: translate(-50%);width:300px;height:400px;padding:10px;z-index:101;}
.ferme{background:none;float:right;border:none;}
.ferme:before{content:"\2716";color:black;cursor:pointer;font-size:20px;vertical-align:middle;}
.h1title{font-family: "robotothin";color:#333333;letter-spacing:1px;font-weight:bold;font-size:22px;}
.h1title{font-family: "robotothin";color:#333333;font-size:18px;}
.carregmenu{float:left;left:0;background:#666;width:150px;height: 160px;padding:20px;color:white;text-align:center;font-size:20px;}
.montant:before{content:"\2197 \00A0";font-size:20px;}
.descendant:before{content:"\2198 \00A0";font-size:20px;}
.normal:before{content:"\2192 \00A0";font-size:20px;}
/*fin module liste coeur*/
.pasavant431{display:none;}
.bulle:before{content: "\1F4AC \00A0";font-size:12px;}
.bulle:after{content: "\00A0 \1F4AC";font-size:12px;}
.menufleche:before{content: "\2B9F";font-size:12px;}
/*bouton cta dans hero*/
.cta-hero {
  display: inline-block;
  padding: 16px 30px;
  background-color: #ffffff;   /* contraste fort sur orange */
  color: #e65c00;              /* texte orange foncé, harmonieux */
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  border: 2px solid #ffffff;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
  transition: all 0.2s ease;
}

.cta-hero:hover {
  background-color: #e65c00;  /* devient orange foncé */
  color: #ffffff;              /* texte blanc */
  transform: translateY(-2px);
}
/* Produits phares sur index*/
.products {
display: flex;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
margin-bottom: 2rem;
justify-content: center;
}
.product {
display: inline-block;
width:160px;
margin: 0.25rem 1rem;
border: 1px solid #ddd;
border-radius: 8px;
padding: 1rem;
text-align: center;
background: #fff;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.product img {
max-width: 100%;
border-radius: 4px;
}
.product h3 {
margin: 0.5rem 0;
font-size: 1.1rem;
}
.product button {
margin-top: 0.5rem;
background: #ff7a00;
border: none;
color: white;
padding: 0.5rem 1rem;
border-radius: 4px;
cursor: pointer;
}
.product button:hover {
background: #e56a00;
}/* Conteneur FAQ */
#faq-home {
  width: 80%;
  margin: 40px auto;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

#faq-home h2 {
  text-align: center;
  margin-bottom: 30px;
  color: #222;
  font-weight: 600;
}

/* Chaque question/réponse */
.faq-item {
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: #fff;
  border-left: 4px solid #007bff; /* accent color */
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover léger */
.faq-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.faq-item h3 {
  margin: 0 0 10px 0;
  font-size: 1.2rem;
  color: #007bff;
}

.faq-item p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
}

/* Responsive pour mobile */
@media (max-width: 600px) {
  #faq-home {
    padding: 15px;
  }

  .faq-item h3 {
    font-size: 1.1rem;
  }

  .faq-item p {
    font-size: 0.95rem;
  }
}
.avis-clients {
display:inline-block;
  width: 30%;
  margin: 40px 20px;
  padding: 20px;
  background: #fafafa;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  clear:both;
}

.avis-clients h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}

.avis {
  margin-bottom: 20px;
  padding: 15px;
  border-left: 4px solid orange;
  background: #fff;
  border-radius: 8px;
}

.etoiles {
  color: #f39c12;
  font-size: 18px;
  margin-bottom: 8px;
}

.texte {
  font-style: italic;
  color: #555;
  margin: 0 0 8px;
}

.auteur {
  font-weight: bold;
  color: #333;
  margin: 0;
  text-align: right;
}
    /* menu horizontal */
    .navbar {
      display: flex;
      justify-content: center;
      /*background-color: white;
	  border-bottom:1px solid #1A237E;*/
      padding: 10px 0;
     /* box-shadow: 0 0px 1px rgba(0,0,0,0.1);*/
	  z-index:9101;
    }

    /* Boutons style CTA */
    .navbar a,
    .dropdown .dropbtn {
      padding: 7px 8px;
      margin: 0 13px;
      text-decoration: none;
      font-size: 17px;
      font-weight: bold;
      color: white;
      background-color: #ff4e00;
      border-radius: 6px;
      border: none;
      cursor: pointer;
      transition: background 0.3s, transform 0.2s;
    }

    /* Effets hover */
    .navbar a:hover,
    .dropdown:hover .dropbtn {
      background-color: #ffa380;
      transform: scale(1.05);
    }

    /* Dropdown container */
    .dropdown {
      position: relative;
      display: inline-block;
    }

    /* Contenu dropdown */
    .dropdown-content {
      /*display: none;*/
      position: absolute;
	  margin-left:-15px;
      background-color: #444;
      border-radius: 6px;
      min-width: 190px;
      overflow: hidden;
      transition: background 0.3s, transform 0.2s;
      z-index: 1;
    }

    .dropdown-content a {
      color: #333;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-size: 15px;
	  margin:5px;
    }

    /*.dropdown-content a:hover {
      background-color: #f1f1f1;
    }

   
    .dropdown:hover .dropdown-content {
      display: block;
    }*/
/* --- Styles bloc Confiance & Sécurité (adaptables) --- */
	.trust-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 8px 5px;
  /*background: #fafafa;*/
  background-color:#ff4e00;background-image:linear-gradient(315deg,#ff4e00 0%,#ec9f05 74%);
  border: 1px solid #eee;
  border-radius: 8px;
  margin: 10px 0;
  font-size: 14px;
}

.trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width:30%;
}

.trust-item .icon {
  font-size: 20px;
  margin-bottom: 4px;
}
.badge{
  background:#fff;
  width:120px;
  color:#555;
  padding:6px 8px;
  border: 1px solid #eee;
  border-radius:6px;
  font-size:13px;
}
/* 📱 Optimisation mobile */
@media (max-width: 600px) {
  .trust-box {
    flex-wrap: wrap;
    padding: 4px;
  }
  .trust-item {
    flex: 1 0 30%; /* 3 par ligne max */
    font-size: 12px;
  }
  .trust-item .icon {
    font-size: 18px;
    margin-bottom: 2px;
  height:34px;
  }
  .badge{
  font-size:12px;
}
}
/**********************************TABLETTES***************************************************/
@media all and (max-width:1043px){
#pasaffiche1043{display:none;}
}
@media all and (max-width:962px){
	.navbar {
        display: none;
      }
.cFixe{display:none;}
.cadrecentrale{width:100%;}
	#header11{height:121px;}
	#moncadretest{text-align: center;margin-top:133px;}
.pasapres962{display:none;}
.pasavant962{display:block;}
.cadrefooter{ width:100%;}
.promodudimanche{width: 100%;}
.msgsurimpression{width:400px;}
.msgsurimpressionPAYER{width:70%;margin-left:10px;}
.cadreheader{width:100%;}
#imgmobile img{filter:alpha(opacity=10);opacity:0.1;}
/*le menu de gauche*/
.boutonfermer2{background: #ffffff;display: block;position: fixed;width: 223px;padding: 4px;text-align: right;cursor: pointer;}
.boutonfermer2:before{ content: "\2716";font-size:25px;color:grey;transition: all .3s; }
.boutonfermer2:hover:before{color:black;transition: all .3s;}
.imgmenuglisse2 {display:inherit; z-index:11;}
.cadredumenugauche{display:none;position:fixed;width: auto;height:100%; top:0;left:0;margin:0;box-shadow: 0 0 10px black;overflow: scroll; z-index:101;}
.iconemenuG{display:inline-block;vertical-align:middle;margin:10px 5px 0 0;padding:0 0 0 0;clear:both;}
.sousmenucategorie{background:#ffffff;margin:0 auto;}
.leftmenu li{margin:0 0 20px 0;}
.leftmenu div{margin:0 0 20px 0;}
.headerhautdepage{display:none;float:left;width:100%;height:150px;padding:0 15px 0 5px;margin-top:30px;}
.h1mobile{float:left;display:block;margin:5px 0 0 0;}
.cadrearticles{display:block;float:left;width:100%;border-bottom:1px solid grey;height:auto;}
.englobarticles2{width:auto;}
.cadrearticles img{margin-right:20px;}
.cadrearticles h2{color:#969393;margin-left:10px;}
.cadrearticlesPC{display:none;}
.cadreh1etavis{width:auto;float:left;text-align:center;border:none;margin-top:10px;padding:10px;}
.cadrephoto2{width:100%;}
.resume{width: auto; padding:10px;}
.cadretexte{width:auto;height:auto;padding:0 10px 0 10px;}
.textformulaire{display:none;}
.formarticles{width:40%;}
.fpDOMTOM{width:75%;margin:0 0 0 5px;color:red;text-align:left;}
.boutonpanier{width: auto;}
#mobile.boutonpanier{display:block;}
.articlespanier{height:auto;}
/*.panierplusmoins{margin:0 10px 0 0;}
.panierphoto{width:40%;}
.paniertexte{width:100%;}*/
.paniertotal{width:50%;}
.footersociaux{margin:50px 0 50px 0;}
.copyright{clear:both;margin:0 0 0 0;padding:0 0 10px 0;text-align:right}
.pressemobile img{width:130%;}
input[type=checkbox]{width:20px;height:20px;}
hr.pagearticle{left:0;width: 100%;}
.fil-ariane {background:#E2E2E2;}
.class_form{width:auto;text-align:center;}
}
@media all and (max-width:900px){
	video{width: 80%;height: auto;}
	#passur900{display: none;}
}
@media all and (max-width:880px){
	#passur880{display:none;}
}
@media all and (max-width:869px){
	#pasaffiche869{display:none;}
}
@media all and (max-width:779px){
	.coupetexte779{display:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:10px;}
	.coupetextecompte779{line-height:1;overflow: hidden;text-overflow: ellipsis;font-size:10px;}
	.textliste{display:none;}
}
@media all and (max-width:736px){
	#passur736{display:none;}
	.englobcarreaccueil{float:none;display: inline-block; width: 98%;}
	.livraisons{width: 25%;}
	.englobarticles2{display:block;border-bottom:1px solid #cccccc;}
	.cadremilieu{display:block;width:100%}
	.cadretexte32{width:89%;margin:auto;}
	.cadredroite{display:block;float:none;margin-top: 10px;}
.cadrephoto32{width:auto;}
.boutonpanier2{width:auto;}
.panierbutton{width:90%;}
}
@media all and (max-width:687px){
	#passur687{display:none;}
}
@media (orientation: landscape) and (max-width : 600px){
	.ouvrelabel img{height: 50%;}
}
@media all and (max-width:660px){
	.passur660{display: none;}
	.sur660{display:block;}
}
@media all and (max-width:612px){
	#passur612{display:none;}
	iframe{width: auto;height: auto;}
.fondrond{margin:0;}
 .avis-clients { width:80%;}
}
@media all and (max-width:573px){
.boutonpanier{font-size:13px;padding:1px;}
.boutonpanier img{width:15px;height:15px;}
	#passur573{display:none;}
}
/**********************************SMARTPHONES*************************************************/
@media all and (max-width:515px){
	.passur515{display: none;}
#header1 a{color:#CCC;padding:0 5px;}
.msgsurimpression{width:90%;}
.msgsurimpressionPAYER{top:150px;margin:0 0 0 0;}
.cadreheader{width:100%;}
#imgmobile img{filter:alpha(opacity=10);opacity:0.1;}
.sousmenucategorie{width:230px;background:#ffffff;margin-left:0;}
#header2{height:205px;}
.titreun{width:100%;float:left;margin:-90px 50px 0 0;padding:5px 0 0 0;font-size:12px;color:red;text-align:center;font-family:'Permanent Marker', cursive;}
#header3{height:0;border:0;}
.headerhautdepage{display:none;float:left;width:100%;height:150px;padding:0 15px 0 5px;margin-top:30px;}
.h1mobile{float:left;display:block;margin:5px 0 0 0;}
.lesH1 h1{font-size: 20px;}
.boutonpanier{margin:20px 0 20px -3px;width:95%;}
.boutonpanier img{margin:0 5px 5px 0;vertical-align:middle;}
.fpDOMTOM{width:auto;margin:0 0 0 5px;color:red;text-align:left;}
.cadrearticles{display:block;float:left;width:100%;border-bottom:1px solid grey;height:auto;}
.cadrearticles img{margin-right:20px;}
.cadrearticles h2{color:#969393;margin-left:10px;}
.cadrearticlesPC{display:none;}
.cadrephoto2{width: 100%; margin:10px 0 0 0;}
.cadreprix{float:none;width:auto;margin-right:15px;padding:0px 0 0 0;}
#mobile.boutonpanier{display:block;}
.articlespanier{height:auto;}
.paniertotal{width:50%;margin-right:5px;}
.cadrefooter1{width:30%;height:auto;padding:5px 15px 0 15px;margin:5px 0 40px 2px;border:none;border-left:1px solid #333333;}
.footersociaux{margin:50px 0 50px 0;}
.copyright{clear:both;margin:0 0 0 0;padding:0 0 10px 0;text-align:right}
input[type=checkbox]{width:25px;height:25px;}
.aidebanque{left:10px;}
.alertbox2{max-width:90%;}
	.logorousseau{display: inline-block;vertical-align: middle;margin:5px 2% 5px auto;}
	.logoenpc{display: inline-block;vertical-align: middle;margin:5px 0 5px 3%;}
.product {margin:auto;}
}
@media all and (max-width:452px){
	.passur452{display: none;}
input{width:70%;}
textarea[name=adresse1]{font-size:18px;width:70%;}
textarea[name=adresse]{font-size:18px;width:70%;}
textarea[name=msg]{font-size:18px;width:70%;}
textarea[name=commentaires]{font-size:18px;width:70%;}
.avisdirecteur{width:80%;}
.designsocialfcb::after{content:"";}
.designsocialtwt::after{content:"";}
.designsocialinstagram::after{content:"";}	
.designsocialGG::after{content:"";}
}
@media all and (max-width:431px){
	.passur431{display: none;}
	.pasavant431{display:block;color:#016700;font-family: "robotothin";}
}
@media all and (max-width:385px){
.agmt{font-size: 9px;}
#legcookies{font-size: 12px;}
	input[type=submit]{font-size: 12px;}
}
@media all and (max-width:358px){
.carregmenu{width:129px;}	
}
@media all and (max-width:344px){
.red{margin:0;padding:7px;}
.boitecompte{width:275px;}
}