html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block;}body{line-height:1;}ol, ul{list-style:none;}blockquote, q{quotes:none;}blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}img{max-width:100%;}a{text-decoration:none;}
/* Common styles of menus */
.dl-menuwrapper{width:240px;position:fixed;top:1em;right:1em;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:3000;text-align:left;}
.dl-menuwrapper button{background:#2a2727;border:none;border-radius:0.15em;margin:0 auto;width:45px;height:45px;position:absolute;top:0;right:0;cursor:pointer;outline:none;color:#fff;font-size:1.25em;}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active{background:#ffdd16;}
.dl-menuwrapper button:after{content:'';position:absolute;width:32px;height:2px;background:#fff;top:12px;left:6px;box-shadow:0 10px 0 #fff, 0 20px 0 #fff;}
.dl-menuwrapper ul{background:#2a2727;padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;position:absolute;top:0;}
.dl-menuwrapper li{position:relative;display:block;}
.dl-menuwrapper li a{display:block;position:relative;padding:10px 15px;font-size:.9em;color:#fff;outline:none;border-bottom:1px solid #fff;text-transform:uppercase;}
.no-touch .dl-menuwrapper li a:hover{color:#ffdd16;text-decoration:none;}
.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:35px;font-family:'Font Awesome 5 Free';
	content:"\f105";speak:none;-webkit-font-smoothing:antialiased;font-weight:900;color:#ffdd16;}
.dl-menuwrapper li.dl-back:after{left:10px;color:#ffdd16;content:"\f104";}
.dl-menuwrapper li > a:after{right:10px;color:rgba(255,255,255,0.6);}
.dl-menuwrapper .dl-menu{margin:5px 0 0 0;position:absolute;top:2.25em;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{display:none;}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a{display:none;}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:0;left:0;margin:0;}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 0.4s ease;animation:MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 0.4s ease;animation:MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 0.4s ease;animation:MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg);}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@-webkit-keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);opacity:0;}}
@-webkit-keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);opacity:0;}}
@keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;	}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}
@keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 0.4s ease;	animation:MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease;	animation:MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease;	animation:MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}
@keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100%{-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;	}}
@keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 0.4s ease;animation:SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 0.4s ease;animation:SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease;animation:SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0;}100%{-webkit-transform:translateZ(0);opacity:1;}}
@keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 0.4s ease;animation:SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 0.4s ease;animation:SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease;animation:SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(50%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(100%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1;}100%{-webkit-transform:translateZ(-200px);opacity:0;}}
@keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}}
@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
@keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;	transform:none;}
.no-js .dl-menuwrapper li .dl-submenu{display:block;}
.no-js .dl-menuwrapper li.dl-back{display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:'';}
/* Mobile */
body{font-family:'Arimo',sans-serif;}
.conteneur{width:90%;margin:0 auto;}
p, a, main li{color:#1d1d1b;text-align:center;margin:0 auto;} 
main a:hover{color:#fdca01;}
h1,h2,h3,h4{font-family:'Oswald',sans-serif;color:#1d1d1b;text-transform:uppercase;text-align:center;font-weight:bold;}
header a.logo{width:73%;margin:.5em 0;text-align:left;display:block;}
header a.logo img{width:100%;max-width:295px;}
div.infodroite{display:none;}
nav.menuprincipal,nav.menuprincipalfooter{display:none;}
a.btnNoir,a.btnNoircommande{background-color:#171717;color:#ffdd16;padding:1em;border:2px solid #ffdd16;-webkit-transition:1s ease-in-out;transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;display:block;}
section.produits a.btnNoir{width:200px;margin:0 auto;}
a.btnNoir:hover,a.btnNoircommande:hover{background-color:#ffdd16;color:#171717;padding:1em;border:2px solid #171717;}
a.btnJaune,button.addpanier, h4.btnJaune{font-family:'Open Sans', sans-serif;background-color:#ffdd16;color:#171717;padding:1em;border:2px solid #fdca01;display:inline-block;-webkit-transition:1s ease-in-out;transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;text-transform:uppercase;font-size:.8em;font-weight:bold;}
h4.lignejaune{font-family:'Oswald', sans-serif;color:#171717;padding:.5em 0;border-bottom:2px solid #fdca01;display:inline-block;-webkit-transition:1s ease-in-out;transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;text-transform:uppercase;font-size:.8em;font-weight:bold;}
a.btnJaune:hover,button.addpanier{background-color:#fdca01;color:#171717;padding:1em;border:2px solid #fdca01;}

section.produits figure a.btnNoir{margin:0 auto;/*width:calc(275px - 2em);*/width:auto;}
.fa-arrow-circle-right{padding-left:.5em;}
.fa-arrow-circle-right:before{color:#7e7e7f;border:2px solid #ffdd16;border-radius:50%;padding:2px;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;}
a.btnNoir:hover .fa-arrow-circle-right:before{color:#000;}
div.slider img.imagerotation{display:none;}
div.slider{position:relative;border-top:2px solid #b9a21d;text-align:center;}
div.slidebande{position:absolute;top:50%;transform:translateY(-50%);left:10%;right:0;background:rgba(255,221,22,.8);padding:.5em;text-align:left;}
div.slider h1{font-size:1.1em;line-height:1.1em;}
section.solution h3{color:#ffdd16;background-color:#171717;font-size:1.1em;padding:2em 1.5em;line-height:1.2em;text-align:center;}
section.solution div.txtdroite{padding:1em 0;font-size:.9em;background-color:#f8f7f7;}
section.solution div.txtdroite p{margin:1em auto;width:90%;}
h2{font-size:1.2em;margin:1em auto;}
section.accueilproduits{text-align:center;}
div.bordure{-webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);-moz-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);padding:.5em 0;margin:.5em auto;}
div.bordure article,section.outils article{margin:.5em auto;width:225px;max-width:225px;}
div.bordure article h4,section.outils article h4{font-family:'Arimo', sans-serif;text-transform:none;padding:0 .2em;}
div.bordure article div,section.outils article div{height:50px;display:flex;align-items: center;justify-content: center;margin:1em auto 0 auto;background-color:#f2f2f1;}
div.bordure article a.btnNoir,section.outils article a.btnNoir{margin:0 auto;font-weight:bold;font-size:.9em;}
section.outils{margin:1em auto;text-align:center;}
section.outils h2{background:url(../images/bg-outils.jpg) center center no-repeat;padding:2em 1em;}
section.outils article p{font-weight:bold;margin:.8em auto;}
footer div.bande{background-color:#dcdbdb;padding:1em .5em;text-align:center;}
footer p{font-size:.9em;margin:1.5em auto 2.5em auto;}
footer{margin-top:3em;}
p.copy, p.ymark{font-size:.75em;}
p.copy{margin:2.5em 0 0 0;}
p.ymark{margin:0 0 2em 0;}
sup{vertical-align:super;font-size:24px;}
/*****achat***********/
input.tricheck:not(:checked),input.tricheck:checked{position:absolute;left:-9999px;}
input.tricheck:not(:checked) + label,input.tricheck:checked + label{position:relative;padding-left:1.95em;cursor:pointer;}
input.tricheck:not(:checked) + label:before,input.tricheck:checked + label:before{content:'';position:absolute;left:.1em;top:.15em;width:1em;height:1em;border:1px solid #ccc;background:#fff;border-radius:4px;}
input.tricheck:not(:checked) + label:after,input.tricheck:checked + label:after{content:'✔';position:absolute;top:.3em;left:.3em;font-size:1.1em;line-height:0.8;color:#bf3826;transition:all .2s;}
input.tricheck:not(:checked) + label:after{opacity:0;transform:scale(0);}
input.tricheck:checked + label:after{opacity:1;transform:scale(1);}
input.tricheck:checked:focus + label:before,input.tricheck:not(:checked):focus + label:before{border:2px dotted bf3826;}
label:hover:before{border:2px solid #bf3826!important;}
div.colonnegauche h2{font-size:1.5em;margin:.5em auto;}
div.filtre{display:none;}
button.affichertri{margin:2em auto;}
ul.panier{display:inline-block;font-size:1.3em;}
ul.panier li{display:inline-block;color:#494343;}
table.panier{border:1px solid #e5e6e7;background-color:#FFF;width:100%;}
td.quantity input{width:30px;}
td.quantity button{font-size:.9em;padding:5px;}
td.quantity{width:160px;text-align:center;}
td.soustotal,td.prix{text-align:right;width:160px;}
td.couleur{text-align:center;}
td.format{text-align:left;line-height:1.2em;}
td div.input-group{margin:0;}
.secondaire p.panierachat{margin:.5em .5em .5em auto;text-align:right;}
strong{font-weight:bold;}
p.petit{font-size:.9em;}
form.choixBuffet{text-align:left;width:60%;margin:0 auto;}
form.choixBuffet h2{font-size:1.6em;margin-bottom:1em;}
form.choixBuffet h3{font-size:1.3em;margin:1em 0 ;}
span.prixextra{vertical-align:baseline;}
div.nbpersonne{margin:2em 0;}
div.nbpersonne p{text-align:left;}
.verifantispam{display:none;}
form.commande{text-align:left; margin:0 auto 0 0;}
form.panier{max-width:500px;width:90%;}
form.commande label{display:block;margin:1em 0 .2em 0;}
form.commande input,form.commande textarea{width:100%;}
form.commande button{margin-top:1em;}
input[name="name"]{display: none;}
div[class^="infoprod_"]:not(.actif){display:none;}
div[class^="infocouleur_"]:not(.actif){display:none;}
.secondaire h1{text-align:center;margin:2em 0 1em 0;font-size:1.4em;}
.secondaire h2{text-align:center;}
.secondaire p{text-align:center;margin:1em 0;width:100%;line-height:1.2em;}
section.produits figure{max-width:275px;-webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);-moz-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);padding:.5em 0;margin:.5em auto;}
div.produitsrelies figure{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
div.produitsrelies p{text-align:center;}
section.produits figcaption h2{text-transform:none;padding:0 .4em;text-align:center;}
section.produits figcaption div{background-color:#f2f2f1;height:75px;display:flex;align-items: center;justify-content: center;margin:1em auto 0 auto;}
a.retour{float:right;font-size:.6em;}
div.detailproduit{padding:0em 1em;}
div.leproduit{padding-bottom:1em;}
div.descproduit h2, div.descproduit p{text-align:left;}
div.descproduit h2{margin:0;font-size:1.2em;}
p.codeproduit{font-weight:500;margin:.4em 0;font-family:'Oswald', sans-serif;}
p.note, span.note,p.noteinstallation{font-style:italic;font-size:.9em;margin-top:2em;}
p.description_other{margin-top:2em;}
div.infoformat{margin:2em 0;}
p.prix_other{font-size:2em;font-weight:500;font-family:'Oswald', sans-serif;margin:1em 0;}
div.infoformat select{border:1px solid #111111;padding:.7em .5em;width:200px;font-size:1em;}
div.infoformat select:focus{outline:1px solid #ffdd16;border-color:#ffdd16;}
div.choixcouleur{display:block;}
div.choixcouleur div{display:inline-block;max-width:70px;}
div.choixcouleur input[type="radio"]{display:none;}
div.choixcouleur input[type="radio"] + label{color:#000;font-family:Arial, sans-serif;font-size:14px;}
div.choixcouleur input[type="radio"] + label{display:block;width:35px;height:35px;margin:5px .5em 5px 0;vertical-align:middle;cursor:pointer;border:5px solid transparent;}
div.choixcouleur input[type="radio"].choix1 + label{background-color:#000;}
div.choixcouleur input[type="radio"].choix2 + label{background-color:#fff;border:1px solid #CCC;padding:4px;}
div.choixcouleur input[type="radio"].choix3 + label{background-color:#593421;}
div.choixcouleur input[type="radio"].choix4 + label{background-color:#053e2c;}
div.choixcouleur input[type="radio"].choix5 + label{background-color:#8B7D72;}
div.choixcouleur input[type="radio"].choix6 + label{background-color:#A2A3B5;}
div.choixcouleur input[type="radio"].choix8 + label{background-color:#FF0;}
div.choixcouleur input[type="radio"].choix9 + label{background-color:#F00;}
div.choixcouleur input[type="radio"].choix10 + label{background-color:#00F;}
div.choixcouleur input[type="radio"].choix11 + label{background-color:#999;}
div.choixcouleur input[type="radio"].choix12 + label{background-color:#F60;}
div.choixcouleur input[type="radio"].choix13 + label{background-color:#C8AD7F;}
div.choixcouleur input[type="radio"].choix14 + label{background-image:url(../images/bg-beige-campagnard.jpg);}
div.choixcouleur input[type="radio"].choix15 + label{background-image:url(../images/bg-brun-forestier.jpg);}
div.choixcouleur input[type="radio"].choix16 + label{background-image:url(../images/bg-sable-riverain.jpg);}
div.choixcouleur input[type="radio"].choix17 + label{background-image:url(../images/bg-gris-urbain.jpg);}
div.choixcouleur input[type="radio"].choix18 + label{background-image:url(../images/bg-cedre-des-bois.jpg);}
div.choixcouleur input[type="radio"].choix19 + label{background-image:url(../images/bg-cedre.jpg);}
div.choixcouleur input[type="radio"].choix20 + label{background-image:url(../images/bg-gris-mer.jpg);}
div.choixcouleur input[type="radio"].choix21 + label{background-image:url(../images/bg-composite-brun-cedre.jpg);}
div.choixcouleur input[type="radio"].choix22 + label{background-image:url(../images/bg-composite-brun-forestier.jpg);}
div.choixcouleur input[type="radio"].choix23 + label{background-image:url(../images/bg-composite-chocolat.jpg);}
div.choixcouleur input[type="radio"].choix24 + label{background-image:url(../images/bg-composite-gris.jpg);}
div.choixcouleur input[type="radio"].choix25 + label{background-image:url(../images/bg-composite-noir.jpg);}
div.choixcouleur input[type="radio"].choix26 + label{background-image:url(../images/bg-composite-moka.jpg);}
div.choixcouleur input[type="radio"]:checked + label{border:5px solid #ffdd16 !important;padding:0;}
div.choixcouleur input[type="radio"]:disabled + label{cursor:default;}
span.nomcouleur{font-size:.8em;} 
.input-group input{box-sizing:border-box;margin:0;outline:none;}
.input-group input[type="button"]{-webkit-appearance:button;cursor:pointer;}
.input-group input::-webkit-outer-spin-button,.input-group input::-webkit-inner-spin-button{-webkit-appearance:none;}
.input-group{clear:both;margin:15px 0;position:relative;text-align:left;}
.input-group .quantity-field ,.input-group  input[type=text],.input-group  input[type=number]{position:relative;height:28px;left:0;top:0;text-align:center;width:40px;display:inline-block;font-size:1.1em;margin:0 0 5px;resize:vertical;border:0 solid #ccc;}
.input-group input[type="number"]{-moz-appearance:textfield;-webkit-appearance:none;height:100px;width:100px;}
.input-group .addpanier{margin-left:0em;display:block;margin-top:2em;}
.button-minus,.button-plus{width:45px;font-size:1em;}
div.colonnegauche a.btnJaune, h4.btnJaune,h4.lignejaune{display:block;text-align:left;}
a.btnNoircommande{color:#fff;text-transform:uppercase;text-align:left;font-family:'Open Sans', sans-serif;font-size:.8em;font-weight:bold;}
h4.btnJaune,h4.lignejaune{margin-top:1em;text-align:left;font-size:1em;}
div.listeproduit{padding:1em 0 1em 0;}
div.listeproduit p{text-align:left;font-family:'Open Sans', sans-serif;font-size:.9em;font-weight:bold;text-transform:uppercase;margin:0;width:auto;line-height:1em;}
div.listeproduit p.nobold{font-weight:normal;}
div.listeproduit p.prix{float:right;text-align:right;text-transform:lowercase;}
div.colonnegauche ul li{padding:1em 0 0 0;line-height:1em;}
div.colonnegauche ul li a{font-family:'Oswald', sans-serif;font-size:.9em;font-weight:bold;text-transform:uppercase;}
div.colonnegauche ul li a:hover,div.colonnegauche ul li a.actif{color:#ffdd16;}
div.listeproduit hr{clear:both;height:1px;border:0;border-top:1px dashed #171717;margin-top:1em;}
div.colonnegauche{display:none;}
div.colonnegauche ul{margin:0;list-style:none;}
main.ficheproduit h3{text-align:left;margin:3em 0 1em 0;}
label.option{font-weight:bold;padding:.75em 0;width:100px;float:left;}
div.infoformat div{display:block;margin:1em 0;}
p.alertify-message{margin:1em auto;font-size:1.2em;}
main ul{list-style:disc;margin-left:2em;list-style-position:inside;}
main ul li{line-height:1.2em;}
i.fa-trash-alt{color:#F00;}
div.contact h3{text-align:left;margin-top:1.5em;}
.googlemap iframe{width:100%;height:250px;}

.heure-fermeture {
    color: red;
}

fieldset{border:1px solid #ffdd16;border-radius:5px;margin:1.5em 0;padding:1em;}
legend{background-color:#ffdd16;border-radius:5px;font-weight:bold;padding:1em;text-transform:uppercase;}
fieldset label,.carriere label{font-weight:bold;}
.carriere p{margin:1.5em 0 0 0;}
.carriere label.radio{font-weight:normal;}
fieldset label.inline{display:inline-block;vertical-align:middle;line-height:1.3em;}
fieldset label.radio{width:80px;display:inline-block;font-weight:normal;}
fieldset label.radiolong{width:150px;display:inline-block;font-weight:normal;}
fieldset label.radiolong2{width:135px;display:inline-block;font-weight:normal;}
fieldset input[type=radio],form.commande input[type=checkbox]{width:15px;}
form.commande input[type=text],form.commande input[type=date],form.commande input[type=tel],form.commande input[type=email],form.commande textarea{border:1px solid #999;padding:.4em;}
fieldset input[type=text]{width:150px;}
textarea{height:100px;border:1px solid #999;}
form.commande button{background-color:#ffdd16;font-weight:bold;padding:.5em 1em;text-transform:uppercase;cursor:pointer;border:1px solid #b9a21d;}
form.commande  input.verifspam{display: none;}
div.div2 input,div.div2 textarea{width:95%;}
form.commande input.inputlong{width:96%;}
body.accueil .btnJaune{margin:2em auto 3em auto;}
main ul.plandusite > li{padding-bottom:.5em;}
main ul.plandusite li ul {margin-top:.5em;}
main ul.plandusite li ul li{padding-bottom:.1em;}


.video-section {
    display: flex;
    height: calc(475px);
    flex-direction: column;
    background-color: #171717;
}


.video-container {
    flex: 1;
    order: 1;
    padding: unset;
}

.video-title h3 {
    padding: 2.3em 1.5em;
    color: #ffdd16;
}

@media only screen and (min-width:21em){}  
@media only screen and (min-width:25em){}
@media only screen and (min-width:31em){
div.produitsrelies article{display:inline-block;width:45%;margin:1em .5em;}
}
@media only screen and (min-width:35em){
	div.bordure article, section.outils article{display:inline-block;width:48%;margin:1em .5em;}
section.produits figure{display:inline-block;margin:1em .5em;width:46%;}
h2{font-size:1.4em;}
h4{font-size:1.1em;}
.secondaire h1{font-size:2.1em;text-align:left;}
		p.noteinstallation{font-size:1.6em;}
.secondaire h2{text-align:left;}
.secondaire p{text-align:left;}
main ul{text-align:left;list-style-position:outside;}
main ul li{text-align:left;}
section.produits a.btnNoir{margin:0;}

}
@media only screen and (min-width:48em){
.dl-menuwrapper{display:none;}
header a.logo{display:inline-block;width:30%;vertical-align:bottom;}
div.infodroite{display:inline-block;width:69%;text-align:right;}
ul.reseaux{display:flex;margin:.5em 0 0 auto;justify-content:flex-end;}
ul.reseaux li{padding:0 .3em;}
ul.reseaux li a{font-size:.9em;font-weight:bold;}
.fab{color:#ffdd16;font-weight:normal;font-size:.9em;}
.fab:hover{color:#171717;}
nav.menuhaut ul{display:flex;margin:.5em 0 0 auto;justify-content:flex-end;}
nav.menuhaut ul li{padding:0 .5em;}
nav.menuhaut ul li a{font-weight:bold;border-bottom:2px solid transparent;font-size:.85em;}
nav.menuhaut ul li a:hover{font-weight:bold;border-bottom:2px solid #ffdd16;}
div.lignerecherche{margin:.5em 0;display:flex;}
div.lignerecherche a.btnNoir{margin:0 0 0 auto;padding:8px;font-size:.9em;font-weight:bold;}
div.lignerecherche .fa-arrow-circle-right{font-size:.8em;vertical-align:middle;}
form.recherche{border:1px solid #000000;height:30px;margin:1px;}
form.recherche input{height:24px;border:0;}
.fa-search{padding:4px;font-size:1.3em;}
form.recherche button{background-color:#ffdd16;border:0;height:30px;font-weight:bold;}
nav.menuprincipal{display:block;background-color:#ffdd16;border-top:1px solid #b9a21d;margin-top:2em;}
nav.menuprincipal ul{display:flex;font-family:'Arimo', sans-serif;font-size:.9em;font-weight:bold;justify-content:space-between;}
nav.menuprincipal ul li{text-align:center;position:relative;}
nav.menuprincipal ul li a{padding:1em .2em;text-transform:uppercase;color:#1b1c1c;display:block;}
nav.menuprincipal ul li a:hover{color:rgba(27,28,28,.7);}
nav.menuprincipal ul li ul{display:none;}
nav.menuprincipal ul li:hover > ul{display:block;position:absolute;z-index:1000;background-color:#2a2727;top:3em;padding:.5em 0;width:100%;}
nav.menuprincipal ul li ul li{line-height:1.1em;padding:.5em 0;position: relative;}
nav.menuprincipal ul li ul li a{color:#fff;font-size:.9em;padding:0;}
nav.menuprincipal ul li ul li:hover a{color:#ffdd16;font-size:.9em;}
nav.menuprincipal ul li:hover > ul li ul{display:none;width: 150px;}
nav.menuprincipal ul li ul li:hover > ul{display:block;position:absolute;z-index:1000;background-color:#2a2727;left: 100%; top:-.5em;padding:.5em;border-left:2px solid #fff;}
nav.menuprincipal ul li ul li:hover > ul li a{color:#fff;font-size:1em;padding:0;line-height:1.3em;}
nav.menuprincipal ul li ul li:hover > ul li a:hover{color:#ffdd16;font-size:1em;}
nav.menuprincipal ul li:hover > ul li ul li:hover > ul{display:none;width: 150px;}
nav.menuprincipal ul li ul li:hover > ul li:hover > ul{display:block;position:absolute;z-index:1000;background-color:#2a2727;left: 102%; top:-.5em;padding:.5em;border-left:2px solid #fff;}
nav.menuprincipal ul li ul li:hover > ul li:hover > ul a{color:#fff;font-size:1em;padding:0;line-height:1.3em;}
nav.menuprincipal ul li ul li:hover > ul li:hover > ul a:hover{color:#ffdd16;font-size:1em;}
div.slider{overflow:hidden;}
.button-minus,.button-plus{height:40px;width:45px;font-size:1.2em;}
.input-group .quantity-field ,.input-group  input[type=text],.input-group  input[type=number]{font-size:2em;}
div.slider h1{font-size:1.7em;text-align:left;padding:1em 0 1em 1em;display:inline-block;width:50%;vertical-align:middle;}
div.slider img.imagerotation{display:inline-block;width:25%;vertical-align:middle;margin-left:1em;}
section.solution h3{text-align:right;display:inline-block;width:calc(50% - 2em);font-size:2em;padding:7em 1em;height:calc(450px - 10em);}
section.solution div.txtdroite{display:inline-block;width:49.4%;margin:0 0 0 0;height:calc(578px - 2em);}
section.solution div.txtdroite p{text-align:left;}
section.accueilproduits{margin:3em auto;}
section.produits figcaption h2{font-size:1.3em;margin:0;}
div.bordure article, section.outils article{display:inline-block;width:30%;margin:1em .5em;}
div.bordure{margin-bottom:2em;text-align:left;}
h2{font-size:1.9em;margin-top:2em;}
section.outils a.btnJaune{display:block;max-width:355px;}
footer{margin-top:6em;}
footer div.bande div.conteneur{display:flex;align-items:center;}
footer div.bande a{margin:0;}
footer div.infodroite{display:flex;justify-content:flex-end;margin:0 0 0 auto;}
footer ul.reseaux{margin:.5em 0 0 0;}
footer .fab{color:#000;}
table.panier th{border:1px solid #e5e6e7;padding:1em;font-weight:bold;}
table.panier td{border:1px solid #e5e6e7;padding:.5em;}
table.panier tfoot td{text-align:right;}
section.produits figure{display:inline-block;margin:1em;}
div.detailproduit{display:flex;padding:3em 1em;}
div.leproduit{padding-right:2em;}
div.descproduit{max-width:60%;}
main.ficheproduit h3{font-size:1.4em;}
div.contact{display:inline-block;width:49%;}
div.googlemap{display:inline-block;width:49%;}
div.googlemap iframe{height:450px;}
fieldset div, div.div2{display:inline-block;width:49%;}
a.retour{font-size:.8em;}

.video-title h3 {
    font-size: 1.2em;
}

}
@media only screen and (min-width:64em){
div.colonnegauche{display:inline-block;}
.conteneur{width:980px;margin:0 auto;}
nav.menuprincipal ul li a{padding:1em .7em;text-transform:uppercase;color:#1b1c1c;display:block;}
div.slidebande{left:20%;padding:1em;}
div.slider h1{font-size:2.5em;width:60%;padding:0 0 0 1em;}
div.slider img.imagerotation{width:20%;}
section.solution h3{font-size:2em;padding:4em 1em 4em 3em;height:calc(475px - 8em);width:calc(50% - 4em);}
section.solution div.txtdroite{height:calc(467px - 1.5em);}
section.solution div.txtdroite p{max-width:500px;margin:1em 0 .5em 2em;}
div.bordure article, section.outils article{width:18%;margin:1em .2em;}
footer p{display:inline-block;width:25%;border-right:1px solid #ffdd16;text-align:left;padding-right:1em;margin:1em 0;}
nav.menuprincipalfooter{display:inline-block;width:70%;}
nav.menuprincipalfooter ul{display:flex;margin:2em 0 0 .5em;justify-content:space-between;}
nav.menuprincipalfooter ul li{padding:0 .5em 0 0;}
nav.menuprincipalfooter ul li a{text-transform:uppercase;font-size:.7em;font-weight:bold;}
nav.menuprincipalfooter ul li a:hover{color:#9a9c9e;}
nav.menuprincipalfooter ul li ul{display:block;margin:0;}
nav.menuprincipalfooter ul li ul li a{text-transform:none;font-size:.7em;}
nav.menuprincipalfooter ul li ul li a:hover{color:#9a9c9e;}
p.copy,p.ymark{width:48%;border:0;margin:3em 0 3em 0;}
p.ymark{text-align:right;}
.secondaire h1{font-size:2.2em;}
div.colonnegauche{display:inline-block;width:18%;margin-right:7%;}
div.colonnedroite{display:inline-block;width:74%;}
div.filtre{display:block;}
button.affichertri{display:none;}
div.colonnegauche h2{font-size:2em;margin:.5em auto;}
div.checkbox{display:block;width:210px;}
.button-minus,.button-plus{height:28px;width:28px;}
.input-group .addpanier{margin-left:1em;display:inline-block;}
main.ficheproduit h3{font-size:2em;margin:1em 0;}
fieldset div{display:inline-block;width:24%;}
form.commande{width:80%;}


.video-section {
    flex-direction: row;
    /*flex-direction: column;*/
    align-items: center;
    background-color: #171717;
}

.video-container {
    width: calc(50% - 6em);
    height: 100%;
    padding: unset;
}

.video-title {
    width: 50%;
    order: 1;
}


.video-section h3 {
    font-size: 2em;
    text-align: right;
    line-height: 1.2em;
}



}
@media only screen and (min-width:84em){
section.solution h3{padding:4em 1em 4em 5em;width:calc(50% - 6em);}
section.outils h2{padding:3.3em 1em;}
section.outils a.btnJaune{margin-top:2em;}

}
@media only screen and (min-width:102em){
.conteneur{width:1600px;margin:0 auto;}
nav.menuprincipal ul{justify-content:space-between;width:1360px;}
nav.menuprincipal ul li:hover ul{top:3em;padding:1em 0;}
div.slider h1{font-size:3.2em;width:50%;}
section.solution h3{font-size:3.2em;padding:3em 1em 2em 3em;height:calc(480px - 5em);width:calc(50% - 4em);}
section.solution div.txtdroite p{margin:1em 0 .5em 2em;}
h2{font-size:2.3em;}
section.produits figcaption h2{font-size:1.3em;padding:0 .5em;}
.secondaire h1{font-size:2.6em;}
.secondaire p{width:75%;}
div.bordure article, section.outils article{width:20%;margin:1em 1.5em;}
footer p{width:20%;padding-right:2em;margin:1.5em 0;}
nav.menuprincipalfooter ul{margin:2em 0 0 1em;}
.input-group .addpanier{margin-left:2em;}
form.commande{width:60%;}
section.accueilproduits div.bordure{display:flex;justify-content:space-between;}

.video-section h3 {
    font-size: 3em;
}

}
@media only print{
.slider,nav,.imgslide, footer img{display:none;}
h1,p,h2,h3,h4,a{color:#000;}
div.bordure article, .outils article{display:inline-block;width:27%;}
.solution h3{text-align:left;}
.conteneur{width:98%;}
} 
@media only screen and (max-width:800px){
table{margin:2em 0;}
table,thead,tbody,th,td,tr,tfoot{display:block;}
thead tr{position:absolute;top:-9999px;left:-9999px;}
tr{border:1px solid #ccc;}
td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left;padding-top:3px;padding-bottom:3px;}
tfoot td{border:0;padding-top:10px;}
tfoot tr:first-child{display:none;}
td.couleur,td.soustotal, td.prix{text-align:left;width:auto;}
td:before{position:absolute;top:3px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;}
td:before{content:attr(data-title);}
}