@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');
@import url('https://fonts.googleapis.com/css?family=Roboto');
body{margin:0px;font-family:'Arial',sans-serif;font-size:16px;color:#101820;height:100vh;display:flex;flex-direction:column;background-color:#FFF;}
a{text-decoration:none;color:#101820;}
a:hover{color:#FED700;}
#retourHaut{position:fixed;z-index:100;bottom:120px;right:50px;opacity:0;}
.typoTitre{font-family:'Oswald',sans-serif;letter-spacing:1.05px;}
.tooltip_templates{display:none;}
.gauche{text-align:left;}
.droite{text-align:right;}
.justifier{text-align:justify;}
.centre{text-align:center;}
.gras{font-weight:bold;}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.parDefaut{clear:both;}
.hr{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 1em;text-align:center;}
.hrh1{font-weight:100;position:absolute;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;}
.hr::before,.hr::after{content:'';-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 .25em;border-bottom:1px solid #000;}
.hrh1::before,.hrh1::after{content:'';-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 .25em;border-bottom:1px solid #000;}
.box{background-color:#FED700;padding:2px 10px 2px;color:#FFF;display:inline-block;font-weight:unset;}
.box a{color:#FFF;}
.ombre{box-shadow:inset 0px 25px 25px -20px #CCC;padding-top:50px;}
.flexible{display:flex;}
.couleurPrincipale{color:#101820;}
.couleurSecondaire{color:#FED700;}
.couleurBlanc{color:#FFF;}
.couleurSecondaireFond{background-color:#FED700;}
.picto{width:40%;margin-top:5px;}
.blocCategorie:hover .picto{filter:invert();}
input:focus{outline:none;}
button:focus{outline:none;}
h1{font-size:1.7em;}
h2,h3{margin:0;}
h3{font-weight:300;font-style:normal;}
h3 p{font-size:0.8em;margin:0;}
h3 button{border-style:none;background-color:transparent;font-size:inherit;font-family:inherit;letter-spacing:inherit;color:inherit;}
#sidr{display:none;}
#header{width:100%;}
#headerBandeHaut{width:100%;height:40px;background-color:#FED700;position:absolute;z-index:0}
#headerContenu{width:100%;max-width:1280px;margin:auto;position:relative;z-index:3;}
#headerContenuHaut{height:40px;display:flex;font-weight:bold;text-transform:uppercase;color:#FFF;}
#headerContenuHaut i{font-size:1.4em;margin-right:10px;}
#tel{display:inline-block;text-align:center;width:235px;border-right:1px solid #FFF;font-size:1.4em;margin:auto 0;}
#tel a{color:#FFF;}
#baseline{margin:auto auto auto 25px;}
#panier{display:inline-block;text-align:center;width:200px;background-color:#000;margin:auto 0;float:right;padding-top:10px;padding-bottom:11px;font-size:0.8em;font-weight:100;}
#panier a{color:#FFF;}
#log{display:inline-block;text-align:center;width:200px;margin:auto 0;float:right;font-size:0.8em;font-weight:100;}
#log a{color:#FFF;}
#mask{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:0.8;z-index:999;}
.login-popup{display:none;background:#656565;padding:10px;border:2px solid #ddd;float:left;font-size:1.2em;position:fixed;top:50%;left:50%;z-index:99999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px 3px 3px 3px;}
.pass-perdu-popup{display:none;background:#656565;padding:10px;border:2px solid #ddd;float:left;font-size:1.2em;position:fixed;top:50%;left:50%;z-index:99999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px 3px 3px 3px;}
.close{color:#FFF;float:right;}
form.signin{text-align:center;color:#FFF;font-size:0.8em;}
form.signin label{display:block;padding-top:7px;width:100%;}
form.signin input{border-radius:10px;border:1px solid #454545;padding:4px 15px;width:80%;}
.button{background-color:#FED700;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#FFF;cursor:pointer;display:inline-block;padding:10px;margin-top:10px;}
.button:hover{background-color:#C74513;}
#headerContenuCentre{height:100px;display:flex;}
#logo{display:inline-block;margin:auto auto auto 0;}
#logo img{width:205px;}
#recherche{float:right;display:inline-block;margin:auto 0}
#recherche button{border-radius:100%;height:35px;width:35px;border:none;}
#recherche input{width:500px;border-radius:10px;border:1px solid #454545;padding:4px 15px;box-shadow: 0px 2px #CCC;}
#menuMobile{display:none;}
#headerMenu{width:100%;height:40px;background-color:#FFF;position:absolute;top:140px;border-top:1px solid #e5e5e5;z-index:2;}
#cssmenu{text-transform:uppercase;text-align:center;display:flex;height:40px;}
#cssmenu > ul{list-style-type:none;margin:auto;padding:0;display:inline-flex;width:100%;}
#cssmenu > ul li#responsive-tab{display:none;}
#cssmenu > ul li{display:inline-block;zoom:1;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:180px;padding:5px;}
#cssmenu > ul li.right{float:right;}
#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;width:180px;position:absolute;margin:0;padding:0;list-style-type:none;background:#FFF;border-bottom:1px solid #e5e5e5;}
#cssmenu > ul li.has-sub ul li{display:block;width:180px;padding:4px 0px;border:none;border-bottom:1px solid #e5e5e5;}
#cssmenu > ul li a{display:block;text-decoration:none;color:#101820;}
#cssmenu > ul li a.active, #cssmenu > ul li a:hover{background:#FED700;color:#FFF;}
#container{width:100%;margin:0 0 auto;}
.containerCover{width:100%;}
.slideTop div{height:400px;background-size:cover;background-repeat:no-repeat;}
.slideTop span{position:relative;z-index:1;font-size:1.5em;}
.cache{width:inherit;position:absolute;z-index:0;}
.cache p{color:#FFF;background-color:#FED700;margin:auto;width:45%;text-align:center;padding:2px;border-radius:25px;transform:translateY(330px);}
.cache:hover{background-color:rgba(199,170,18,0.60);}
.cache:hover p{color:#FED700;background-color:#FFF}
.express{color:#FFF !important;background-color:#FED700 !important;}
.containerContenu{clear:both;width:100%;max-width:1280px;margin:auto;position:relative;z-index:1;}
.containerPages{text-align:center;background-color:#dedede;color:#FED700;font-size:1.2em;}
.containerPages a{color:#101820;}
.containerPages a:hover{color:#FED700;}
#newsletter{display:flex;height:150px;}
#newsletter span{margin:auto;}
#newsletter span button{border:none;background-color:#FED700;color:#FFF;border-radius:25px;padding:5px 15px 5px;}
#newsletter span input{width:300px;border-radius:10px;border:1px solid #454545;padding:4px 15px;box-shadow: 0px 2px #CCC;margin-right:10px;}
.slideBestSeller div{height:400px;background-size:cover;background-repeat:no-repeat;}
.slideBestSeller span{position:relative;z-index:1;font-size:1.5em;}
.slideBestSeller h3{color:#FFF;border:2px solid #FFF;margin:auto;width:70%;text-align:center;position:relative;border-radius:25px;transform:translateY(420px);}
.slideBestSeller h3.is-ready{transform:translateY(270px);transition-duration:500ms;}
.bloc{width:16% !important;padding:0;margin:2px;display:inline-block;}
.blocMenu{width:305px;background-color:#f8f8ff;margin-top:80px;padding-top:10px;}
.blocMenu ul{margin-left:-34px;line-height:2em;list-style-type:square;list-style-position:inside;letter-spacing:0.5px;}
.blocMenu a:hover{color:#FED700;}
.blocArticles{width:100%;max-width:200px;padding:5px;margin:5px;background-color:#FFF;text-align:justify;height:260px !important;}
.blocPrincipal{width:75%;float:right;margin-top:80px;margin-left:inherit;}
.blocTotal{margin:auto;margin-top:80px;width:100%;max-width:1024px;}
.blocCategorie{width:25%;margin:5px;height:150px !important;border:1px solid;display:inline-flex !important;color:#FED700;}
.blocCategorie span{margin:auto;}
.blocCategorie:hover{background-color:#FED700;color:#FFF;}
.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;}
.blocFooter{width:30% !important;height:fit-content !important;padding:0;margin:2px;display:inline-block;}
.content{text-align:justify;}
.content > div{display:inline-table;height:250px;}
.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:#454545;}
#imagePrincipale{width:100%;max-width:500px;margin-top:30px;display:inline-block;}
#blocTexte{display:inline-block;margin-top:30px;width:100%;max-width:650px;float:right;}
#containerCommande{text-align:right;}
#containerCommande form{width:100%}
#containerCde{clear:both;margin-left:5px;display:inline-block;width:100%;text-align:left;}
#containerCde input{display:inline-block;width:95%;padding:5px;margin-left:5px;margin-right:5px;}
#containerCde textarea{padding:5px;margin-left:5px;margin-right:5px;display:inline-block;width:95%;}
#containerCde label{display:inline-block;padding:10px;font-size:1.2em;font-weight:bold;}
#containerCde button{padding:10px;font-size:1.2em;font-weight:bold;width:50%;margin:20px;float:right;}
.headerTableau{width:100%;display:inline-flex;margin-top:80px;font-weight:bold;}
.headerTableau span{margin:auto;}
.contenuTableau{width:100%;display:inline-flex;margin-top:2px;}
.contenuTableau span{margin:auto;}
.boutonTableau{width:100%;display:inline-flex;margin-top:50px;}
.boutonTableau div{margin:auto;}
.panierRef{width:7%;text-align:center;}
.panierNom{width:12%;text-align:left;}
.panierQty{width:5%;text-align:right;}
.panierDetail{width:11%;text-align:left;}
.panierMarquage{width:12%;text-align:center;}
.prixUHT{width:6%;text-align:right;}
.fraisMarquage{width:6%;text-align:right;}
.fraisFixes{width:6%;text-align:right;}
.totalHT{width:6%;text-align:right;}
.panierDel{width:5%;text-align:center;}
.containerForm{margin:auto;}
.containerForm label{font-size:1.2em;display:inline-block;width:80%;}
.containerForm input{display:inline-block;width:80%;padding:4px 15px;}
.containerForm textarea{width:83%;height:200px;}
.entite img{width:250px;float:left;margin-right:10px;margin-bottom:30px;}
.entite h3{font-weight:bold;font-size:1.2em;}
#footer{width:100%;margin-top:30px;border-top:1px solid;}
.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;}
.illustration{width:100%;height:260px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.miniature{width:200px;height:200px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.listeCouleur{display:none;border-bottom:1px solid;opacity:1;}
@media (max-width: 600px) {
  body {font-size:90%;}
  #sidr{display:block;}
  #headerMenu{display:none;}
  #retourHaut{bottom:20px;right:10px;opacity:0;}
  .pc{display:none;}
  .hrh1{font-weight:100;position:relative;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;}
  .flexible{display:inline-block;}
  #headerContenuHaut{height:40px;display:flex;font-weight:bold;text-transform:uppercase;color:#FFF;}
  #tel{display:inline-block;text-align:center;width:20%;border-right:0px solid #FFF;font-size:1.4em;margin:auto 0;}	
  #tel a span{display:none;}
  #baseline{display:none;}
  #panier{display:inline-block;text-align:center;width:40%;background-color:#000;margin: auto 0;float:right;padding-top:8px;padding-bottom:8px;}
  #log{display:inline-block;text-align:center;width:40%;margin: auto 0;float:right;}
  #headerContenuCentre{height:100px;display:block;}
  #logo img{width:100%;}
  #recherche{float:none;display:inline-block;margin:auto 15px;}
  #recherche input{width:auto;border-radius:10px;border:1px solid #454545;padding:4px;box-shadow:0px 2px #CCC;display:block;margin-left:5px;}
  #recherche button{border-radius:100%;height:35px;width:35px;border:none;position:relative;bottom:30px;left:100%;}
  #menuMobile{display:block;float:right;margin-right:20px;}
  #cssmenu{display:none;}
  .slideBestSeller a div div.cache{background-color:rgba(199,69,19,0.5);}
  #newsletter{display:block;height:200px;}
  #newsletter span{display:inline-block;width:100%;text-align:center;}
  #newsletter span input{width:75%;margin-right:0px;margin-bottom:10px;}
  .slideBestSeller h3{color:#FFF;border:2px solid #FFF;margin:auto;width:70%;text-align:center;position:relative;border-radius:25px;transform:translateY(270px);}
  .bloc {width:45% !important;}
  .blocMenu{display:none;}
  .blocArticles{width:100%;max-width:150px;padding:5px;margin:5px;background-color:#FFF;text-align:justify;height:260px !important;}
  .blocPrincipal{width:98%;float:none;margin:auto;text-align:center;}
  .blocTotal{margin:auto;margin-top:0px;width:95%;}
  .blocCategorie{width:45%;}
  .blocFooter{width:90% !important;display:block !important;margin:auto;}
  .content{text-align:center;}
  .content > div {height:200px;}
  #imagePrincipale{margin-top:10px;text-align:center;}
  #blocTexte{display:block;width:95%;margin:auto;float:none;}
  #containerCommande{text-align:center;}
  #containerCommande{clear:both;margin:auto;border:1px solid;display:inline-block;width:100%;text-align:center;}
  #containerCommande input{display:inline-block;width:99%;padding:0px;margin-left:0px;margin-right:0px;}
  #containerCommande textarea{padding:0px;margin-left:0px;margin-right:0px;display:inline-block;width:99%;}
  #containerCommande label{display:inline-block;padding:5px;font-size:1.2em;font-weight:bold;}
  #containerCommande button{padding:10px;font-size:1.2em;font-weight:bold;width:100%;margin:0px;float:none;}
  .boutonTableau{display:block;height:200px;}
  .boutonTableau div{margin:50px;text-align:center;}
  .entite{text-align:center;}
  .entite img{float:none;margin-bottom:0px;margin-top:15px;}
  #footer{text-align:center;}
  .footerContenu{display:inline-block;}
}