@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing: inherit;}
body{overflow-x:clip;margin:0px;font-family:'Arial',sans-serif;font-size:16px;color:#101820;height:100vh;display:flex;flex-direction:column;background-color:#FFF;line-height:1.5em;}
a{text-decoration:none;color:inherit;}
a:hover{color:inherit;}
p{margin:10px;}
fieldset{border:1px solid #ccc;}
legend{margin:auto;}
label{text-align:left;margin-left:5px;display:inline;}
input:focus{outline:none;}
input::placeholder{color:#454545;font-family:'Arial';font-size:1.2em;}
input, textarea{padding-left:10px;}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"]{font-family:'Arial';width:100%;border:1px solid #ccc;height:35px;}
input[type="number"]{text-align:center;}
select{font-family:'Arial';width:25%;border:1px solid #ccc;height:35px;}
textarea{font-family:'Arial';width:100%;border:1px solid #ccc;height:100px;}
button{font-family:'Arial';}
button:focus{outline:none;}
::placeholder {color:inherit;opacity:1;}/* Firefox */
:-ms-input-placeholder {color:inherit;}/* Internet Explorer 10-11 */
::-ms-input-placeholder {color:inherit;}/* Microsoft Edge */
.ancre:before {display:block;content:" ";margin-top:-75px;height:75px;visibility:hidden;}
.spacer{display:block;padding:40px;}
.mobile{display:none;}
.typoTitre{font-family:'Bebas Neue',sans-serif;}
.tooltip_templates{display:none;}
.popup{display:none;background:#FFF;padding:10px;border:2px solid #ddd;float:left;position:fixed;top:50%;left:50%;z-index:99999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px 3px 3px 3px;width:100%;max-width:310px;}
.close{cursor:pointer;position:relative;margin-bottom:10px;display:block;text-align:right;}
.x0{font-size:0.8rem;}
.x1{font-size:1rem;}
.x2{font-size:1.5em;}
.x3{font-size:3em;}
.x4{font-size:4em;}
.x5{font-size:5em;}
.x7{font-size:7em;}
.rouge{color:#a60000;}
.rougeFond{background-color:#a60000;}
.bleu{color:#006fba;}
.bleuFond{background-color:#006fba;}
.vert{color:#78be20;}
.vertFond{background-color:#78be20;}
.gris{color:#333f48;}
.grisFond{background-color:#333f48;}
.blanc{color:#ffffff;}
.blancFond{background-color:#ffffff;}
.jaune{color:#ffdb61;}
.jauneFond{background-color:#ffdb61;}
.orange{color:#e59802;}
.orangeFond{background-color:#e59802;}
.svgRouge{filter:invert(10%) sepia(93%) saturate(5386%) hue-rotate(12deg) brightness(83%) contrast(119%);}
.svgBleu{filter:invert(36%) sepia(7%) saturate(4302%) hue-rotate(160deg) brightness(88%) contrast(90%);}
.svgVert{filter:invert(61%) sepia(86%) saturate(408%) hue-rotate(43deg) brightness(91%) contrast(91%);}
.svgGris{filter:invert(22%) sepia(20%) saturate(510%) hue-rotate(163deg) brightness(92%) contrast(90%);}
.svgBlanc{filter:invert(97%) sepia(97%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%);}
.gras{font-weight:700;}
.majuscule{text-transform:uppercase;}
.centre{text-align:center;}
.gauche{text-align:left;}
.droite{text-align:right;}
.justifier{text-align:justify;}
.parDefaut{clear:both;}
.arrondi{border-radius:15px;}
.ombre{box-shadow:0px 8px 6px 0px rgb(34 34 35 / 42%);}
.cadre{border:3px solid;border-radius:50px;margin:auto;width:100%;max-width:1080px;}
.bulle{border-radius:50%;aspect-ratio:1/1;margin:auto;background-size:cover;background-position:center;position:absolute;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.legende{opacity:0;transform:translateY(0px);}
.legende.is-ready{opacity:1;transform:translateY(63px);transition-duration:500ms;}
.containerCover{width:100%;padding:0 15px;}
.containerContenu{clear:both;width:100%;max-width:1280px;margin:auto;position:relative;z-index:1;}
.containerPages{position:absolute;top:5px;width:inherit;max-width:1280px;padding-right:15px;}
.slideTop .encart{height:400px;background-size:cover;background-repeat:no-repeat;}
.slideTop span{margin:auto;position:absolute;z-index:1;width:100%;max-width:635px;}
.carousel{width:100%;max-width:1224px;margin:0 50px;}
.carouselSelection{width:100%;max-width:1100px;margin:auto;}
.rowParagraphe{display:inline-flex;position:relative;width:inherit;place-content:space-evenly;}
.rowParagraphe img{width:100%;object-fit:scale-down;}
.rowParagraphe .logo{height:80px;}
.rowCarousel{display:inline-flex;position:relative;width:inherit;place-content:space-evenly;margin:100px 0;}
.galerie{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:10px;}
.galerie2{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px;}
.galerie3{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:5px;}
.galerie6{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:5px;}
.carousel{margin:auto;}
.col{width:100%;margin:auto;padding:0 25px;}
.col2{width:50%;margin:auto;}
.col3{width:33%;margin:0 auto;}
.col4{width:25%;margin:0 auto;}
.inverse{flex-direction:row-reverse;}
.picto{width:100%;max-width:100px;aspect-ratio:1/1;background-size:70%;background-repeat:no-repeat;background-position:center;}
.pictoGrand{width:250px;height:250px;background-size:80%;background-repeat:no-repeat;background-position:center;margin:10px auto;}
.pictoButton{width:25px !important;}
.box{padding:2px 10px 2px;}
.box a{color:inherit;}
.content{text-align:justify;}
.content > div{display:inline-table;}
.content > div img{width:65%;}
.content:after{display:inline-block;content:'';width:99%;vertical-align:top;}
.content{line-height:0;}
.content > div{line-height:1.2em;}
.content a{color:inherit;}
.blocTotal{margin:auto;margin-top:80px;width:100%;max-width:1024px;}
.entite img{width:250px;float:left;margin-right:10px;margin-bottom:30px;}
.entite h3{font-weight:bold;font-size:1.2em;}
.footerContenu{width:100%;max-width:1280px;margin:auto;display:flex;}
.footerContenu span{display:inline-block;padding:10px;margin:auto;}
.footerCover{background-color:#101820;color:#FFF;}
.button{border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;display:inline-block;padding:10px;margin:10px;width:100%;max-width:fit-content;}
.button:hover{opacity:0.8;}
.containerForm{width:100%;max-width:640px;margin:auto;}
.formTemplate{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:15px 25px;padding:0 20px 20px;}
.formTemplate3Col{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:15px 25px;padding:0 20px 20px;}
.formTemplateTextarea{display:grid;grid-template-columns:repeat(1, 1fr);padding:0 20px 20px;}
.blocScore{transform:scale(0.8);position:relative;}
.blocScore1{display:inline-block;padding:8px;background-color:#FF0004;color:#FFF;}
.blocScore2{display:inline-block;padding:8px;background-color:#FF7E00;color:#FFF;}
.blocScore3{display:inline-block;padding:8px;background-color:#FFD600;}
.blocScore4{display:inline-block;padding:8px;background-color:#00BE1B;color:#FFF;}
.blocScore5{display:inline-block;padding:8px;background-color:#368316;color:#FFF;}
.blocArticles{width:100%;padding:5px;margin:auto;background-color:#FFF;}
.blocPictos{width:100%;max-width:160px;padding:5px;margin:auto;background-color:#FFF;}
/*.blocArticles:hover .miniature{border-left:2px solid #ccc;border-right:2px solid #ccc;} */
.blocSelection{width:100%;margin:5px;background-color:#FFF;border:1px solid #ccc;}
/*.blocSelection{width:100%;margin:5px;background-color:#FFF;} */
.miniature{width:100%;aspect-ratio:1/1;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;}
.miniatureInfos{margin:auto;padding:5px;opacity:0;background-color:rgb(36 97 135 / 70%);color:#fff;background-blend-mode:multiply;width:-webkit-fill-available;width:-moz-available;}
.miniature:hover .miniatureInfos{opacity:1;transition-duration:500ms;}
.miniatureBig{width:100%;aspect-ratio:1.5/1;background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;transition-duration:200ms;}
.miniatureCover{width:100%;aspect-ratio:5/1;background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;transition-duration:200ms;}
.miniatureBig:hover, .miniatureCover:hover{background-size:110%;transition-duration:200ms;}
.miniatureBig span{display:block;margin:auto;}
.listeCouleur{opacity:1;text-align:center;}
.bandeHaut{border-top:1px solid;}
.bandeBas{border-bottom:1px solid;}
.headerTableau{width:100%;display:inline-flex;font-weight:bold;padding:5px;}
.headerTableau span{margin:auto;}
.contenuTableau{width:100%;display:inline-flex;margin-top:2px;padding:5px;}
.contenuTableau span{margin:auto;}
.panierRef{width:70px;text-align:center;}
.panierNom{width:320px;text-align:left;}
.panierQty{width:70px;text-align:right;}
.panierDetail{width:350px;text-align:left;}
.panierMarquage{width:115px;text-align:center;}
.panierDel{width:15px;text-align:center;}
.menuTexte{width:140px;}
.menuTexte a{display:block !important;margin:auto;}
.menuPicto{width:140px;}
.entete{width:100%;max-width:1024px;display:block;margin:auto;}
.nouveaute{padding:4px;border:1px solid;}

h1{font-weight:normal;line-height:normal;}
h2, h3{font-weight:normal;line-height:normal;padding:10px;margin:auto;}
#sidr{display:none;}
#mask{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:0.8;z-index:999;}
#menuMobile{display:none;}
#filtreMobile{display:none;}
#ariane{width:100%;padding:4px 4px 4px 10px;color:rgba(0,0,0,0.50)}
#retourHaut{position:fixed;z-index:100;bottom:120px;right:50px;opacity:0;}
#header{width:100%;display:inline-block;z-index:2;}
#headerBandeHaut{width:100%;height:63px;display:flex;position:fixed;z-index:5;}
.bandeHautG{margin:auto;width:50%;padding-left:150px;}
.bandeHautD{margin:auto;width:50%;padding-right:150px;text-align:right;}
#headerBandeCentre{width:100%;display:flex;height:300px;}
#headerBandeBas{width:100%;padding:0 40px;}
#headerBandeBas span{display:inline-block;text-align:center;font-size:1.4em;margin:auto 0;padding-left:45px;padding-right:45px;}
#headerBackground{height:300px;width:100%;position:fixed;top:0px;z-index:-2;background-size:cover;}
#headerBackground{opacity:0;}
#headerBackground.is-ready{opacity:1;transition-duration:500ms;}
#logo{display:flex;width:200px;position:absolute;padding:5px 40px;opacity:0;}
#logo img{width:90px;margin:auto;}
#logo-big{transform:translateY(-500px);margin:auto;opacity:1;width:100%;max-width:350px;}
#logo-big.is-ready{transform:translateY(25px);transition-duration:1500ms;}
#logo-big img{width:100%;}
#telMenu{text-align:center;font-size:1.2em;margin:auto;padding-left:45px;padding-right:45px;}
#contact{text-align:center;font-size:1.2em;margin:auto;padding-left:45px;padding-right:45px;}
#headerMenu{width:100%;height:50px;background-color:#FFF;border-bottom:1px solid #e5e5e5;z-index:2;}

.menuGauche{list-style-type:none;display:flex;height:70px;margin:auto 100px;float:left;}
.menuDroite{list-style-type:none;display:flex;height:70px;margin:auto 50px auto 0;float:right;}
#cssmenu{text-transform:uppercase;text-align:center;}
#cssmenu > ul{list-style-type:none;display:inline-flex;height:49px;padding:0;}
#cssmenu > ul li#responsive-tab{display:none;}
#cssmenu > ul li.has-sub{position:relative;z-index:2;}
#cssmenu > ul li.has-sub:hover ul{display:block;}
#cssmenu > ul li.has-sub ul{display:none;position:absolute;margin:0;padding:0;list-style-type:none;border-bottom:1px solid #e5e5e5;width:100%;}
#cssmenu > ul li.has-sub ul li{display:flex;padding:0px;border:none;border-bottom:1px solid #e5e5e5;height:49px;color:#101820;}
#cssmenu > ul li{display:flex;}
#cssmenu > ul li a{display:inline-flex;text-decoration:none;line-height:2;width:100%;height:100%;}
#cssmenu > ul li a span, #cssmenu > ul li a i{margin:auto;}
#cssmenu > ul li a.active, #cssmenu > ul li:hover{background:#8f8f8f;color:#FFF;}

#panierTotal{position:absolute;padding:7px;border-radius:50%;z-index:1;height:25px;width:25px;}

#container{width:100%;margin:0 0 auto;padding:0 15px 30px;}
#footer{width:100%;border-top:1px solid #FFF;}
#menu::-webkit-scrollbar {width:5px;}
#menu::-webkit-scrollbar-thumb {background-color:#246187;}
#menu::-webkit-scrollbar-track {background-color:rgb(36 97 135 / 10%);}
@media (max-width: 1380px) {
    .blocPrincipal{width:75%;}
}
@media (max-width: 600px) {
  body {font-size:90%;}
  #sidr{display:block;}
  .spacer{padding:20px;}
  .pc{display:none !important;}
  .bulle{position:initial;max-width:50% !important;}
  .pc{display:none;}
  .mobile{display:inherit;}
  .rowParagraphe{display:block;}
  .col2{width:80%;margin:10px auto;} 
  .col3{width:80%;margin:10px auto;}
  .col4{width:80%;margin:10px auto;}    
  .inverse{flex-direction:row;}
  .pictoGrand{width:150px;height:150px;display:inline-block;}
  .blocTotal{margin:auto;margin-top:0px;width:95%;}
  .blocArticles{width:100%;padding:5px;background-color:#FFF;}
  .carousel, .carouselSelection{width:90%;margin:auto auto 50px;}
  .miniatureInfos{top:0;opacity:1;}
  .miniatureCover{aspect-ratio:1.5/1;background-size:cover;}
  .galerie{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:5px;}
  .galerie2{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:5px;}
  .galerie3{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px;}
  .galerie6{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px;}
  .formTemplate{grid-template-columns:repeat(1, 1fr);grid-gap:10px 15px;padding:0 20px 15px;}
  .formTemplate3Col{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:10px 15px;padding:0 20px 15px;}
  .formTemplateTextarea{display:grid;grid-template-columns:repeat(1, 1fr);padding:0 20px 15px;}
  #container{padding:0 15px;}
  #headerBandeCentre{margin-top:90px;height:150px;}
  #headerBackground{margin-top:90px;}
  #headerMenu{position:fixed;top:0;height:90px;display:flex;}
  #logo{width:40%;margin:auto;position:unset;padding:0;}
  #logo img{width:100%;}
  #logo-big {max-width:150px;}
  #logo-big.is-ready{transform:translateY(0);transition-duration:1500ms;}
  #menuMobile{display:inline-block;position:fixed;top:25px;text-align:right;width:inherit;z-index:99;}
  #menuMobile div{padding:5px;display:inline-block;}
  #menuMobile span{font-size:2em;}
  #filtreMobile{display:block;float:left;margin:2px 0 0 20px;}
  #filtreMobile span{font-size:2em;}
  #cssmenu{display:none;}
  #cssfiltre{display:none;}
}