/* html,body{   font-size:100%; } */ html{   height:100%; } body{   height:100%; } .noevents{   -webkit-user-select: none !important;   -moz-user-select: none !important;   -ms-user-select: none !important;   user-select: none !important;   pointer-events:none !important; } /* TODO remplacer partout dans le code l'utilisation de la classe css "noselect" par "noevents" */ .noselect{   -webkit-user-select: none !important;   -moz-user-select: none !important;   -ms-user-select: none !important;   user-select: none !important;   pointer-events:none !important; } .unselectable {  -moz-user-select: none !important;  -webkit-user-select: none !important;  -ms-user-select: none !important;  user-select: none !important; } /* TODO : la classe "s.electable" est-elle bien nécessaire ? */ .selectable{   -webkit-user-select: text;   -moz-user-select: text;   -ms-user-select: text;   user-select: text;   pointer-events:auto;   cursor:inherit; } .spade_quick_edit:hover{   cursor:pointer;   background-color:rgba(50,200,60,0.5);   color:white; }  /* no outline in chrome */ *:focus {   outline: none; } input:-webkit-autofill {   /* trick to remove yellow background in chrome */   -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset; } input.validatorField , textarea.validatorField , select.validatorField{   position:relative;   display:inline-block;   font-size:12px;   font-family:Verdana,Arial;   vertical-align:middle;   outline: none;   background-color: white; } textarea.validatorField{   width:100%;   min-height:3.5em; } input[type="text"].validatorField , input[type="password"].validatorField , textarea.validatorField , select.validatorField{   padding:1px;   border:1px solid #000000;   margin:1px;   padding-left:5px; } input[type="text"].validatorField:focus , input[type="password"].validatorField:focus , textarea.validatorField:focus , select.validatorField:focus{   border:2px solid #0077DD;   margin:0px; } input[type="text"].validatorField.wrong , input[type="password"].validatorField.wrong , textarea.validatorField.wrong , select.validatorField.wrong {   color:red;   border-color:red; } input[type="text"].validatorField.good , input[type="password"].validatorField.good , textarea.validatorField.good , select.validatorField.good {   color:green;   border-color:green; } select.validatorField.wrong option, select.validatorField.good option{   color:black; } .validatorIcon{   position:relative;   display:inline-block;   vertical-align:middle;   z-index:1;   background-color:#EEEEEE;   border:1px solid #555555;   border-radius:11px;   right:0px;   top:0px;   max-height: 20px;   height: 16px; width: 16px; margin-left: 10px; } .validatorIcon.good{   color:green;   border-color:green;   background-color:#00AA00; } .validatorIcon.wrong{   color:red;   border-color:red;   background-color:#FF8800; } @media screen and (max-width: 1080px) {   input.validatorField , textarea.validatorField , select.validatorField{  font-size: 2.1vw;   }   input[type="text"].validatorField , input[type="password"].validatorField , textarea.validatorField , select.validatorField{  /*  margin-left: 10px;  */  margin-right: 0.7vw;   }   validatorField{  margin-left: 1vw;   } } /* global Variables * */ :root{   --back-color: #ffffffab; /*couleur de fond container global lv 0*/   --mid-color: #5c5c5c; /*couleur médiane*/   --high-color: #ffffff; /*highlighting*/   --back-color2: #929292; /*couleur de fond container lv 1*/   --back-color3: #5e5e92; /*couleur de fond container lv 2*/   --shadow-color: #5d5d5d; /* ombre souvent proche d'une valeur entre back-color et back-color2 */   --shadow-color-hover: #8d8d8d; /* ombre souvent proche d'une valeur entre back-color et back-color2 */   --text-color: #000000; /* couleur des textes par défaut */   --overlay-color: rgba(52,52,52,0.8);; /*couleur pour les mask d'overlay*/   --button-back-color: #343434;   --button-back-color2: #FFD600;   --button-text-color: #e0e0e0; /* couleur des textes des boutons */   --button-text-color2: #480101; /* couleur des textes des boutons */   --button-text-color-hover: #5e5e92; /* couleur des textes des boutons en hover */   --button-text-color-focus: rgb(247, 217, 106);   --shadow-box: rgba(255, 255, 255, 0.15) 0 1px 0px 0px inset, rgba(255, 255, 255, 0.05) 0 1px 0px 1px inset, rgba(0, 0, 0, 0.7) 0 1px 2px 0px, rgba(9, 9, 9, 0.6) 0 0px 0px 0px;   --default-radius:5px; /* Border radius */   --default-menu-top: 145px;   --default-margin:10px; /* Margin ! peut servir pour équilibrer le placement de tous les blocks */   --default-font-size:16px; /*taille font par défaut*/   --default-title-font-size: 25px; /*taille font par défaut des titres, hauts de page, etc..*/ } @font-face{   font-family: "phitra";   src: url(../../fonts/phitra.ttf); } .mon_body {   font-family: sans-serif;   font-size: var(--default-font-size);   width: 100%;   margin: unset;   height: auto;   background-color: var(--mid-color);   z-index: 0; } .le_main {   position: absolute;   top: calc(var(--default-menu-top) + 50px);   padding-bottom: 30px;   min-height: 794px;   width: calc(90% - 8px);   left: 5%;   background-color: var(--back-color);   border-top: ridge 4px var(--mid-color);   border-left: ridge 4px var(--mid-color);   border-right: groove 4px var(--mid-color);   border-top-right-radius: var(--default-radius);   border-top-left-radius: var(--default-radius); } button {   vertical-align: middle;   display: inline-block;   font-size: calc(var(--default-font-size) - 1px );   text-decoration: none;   outline: none;   text-align: center;   box-shadow: var(--shadow-box);   cursor: pointer;   margin: 5px;   border-radius: var(--default-radius);   background-color: var(--button-back-color);   border: unset;   padding-bottom: 2px;   color: var(--button-text-color); } button:hover{   filter: drop-shadow(3px 3px 3px #000); } button:focus {   text-shadow: var(--shadow-color-focus) 0 0 25px; } button a{   font-weight: bold;   text-shadow: var(--shadow-color) 0 -1px 0;   color: var(--button-text-color);   display: block;   font-family: sans-serif;   padding: 0.2em 0.5em 0em;   text-decoration: none; } .ui_window{   position:fixed;   display:block;   border:1px solid black;   background-color:var(--back-color);   min-width:100px;   min-height:100px;   padding:20px;   text-align: center; } .ui_window.hidden{   display:none; } .ui_modal_mask.hidden{   display:none; } .ui_modal_mask{   position:fixed;   left:0;   top:0;   right:0;   bottom:0;   background: var(--overlay-color); } .ui_prompt_message{   display:block;   text-align:center;   min-height:80px;   pointer-events:none; } .ui_prompt_buttons{    display: flex;    justify-content: space-between; } .ui_prompt_buttons .ui_btn{   margin-left:auto;   margin-right:auto;   pointer-events: all; } h2 {   font-size: var(--default-title-font-size);   color: var(--button-text-color-hover);   text-align: left; } .ui_modal_mask {   position: fixed;   left: 0;   top: 0;   right: 0;   bottom: 0;   background-color: rgba(0,0,0,0.5); } .ui_modal_mask.hidden {   display: none; }  .timer_requete.hidden {   display: none;   animation: none; } .timer_requete {   width: 100%;   height: 100px;   display: block;   position: fixed;   background: url('../../images/waiting.svg');   background-repeat: no-repeat;   background-size: contain;   background-position: 50%;   animation: rotate 2s linear infinite; } @-webkit-keyframes rotate {   from {  -webkit-transform:rotate(0deg);   }   to {  -webkit-transform:rotate(360deg);   } } @-moz-keyframes rotate {   from {  -moz-transform:rotate(0deg);   }   to {  -moz-transform:rotate(360deg);   } } @media screen and (max-width: 1080px) {   :root{   --default-radius:0.5vw; /* Border radius */   --default-menu-top: 29vw; /* heuteur du bandeau, top de hierarchie, top de lemain */   --default-margin:1vw; /* Margin ! peut servir pour équilibrer le placement de tous les blocks */   --default-font-size:2.5vw; /*taille font par défaut*/   --default-title-font-size: 4vw; /*taille font par défaut des titres, hauts de page, etc..*/ }   .le_main {  width: calc(96% - 8px);  left: 2%;  top: 30vw;  position: relative;   }   .mon_body {  font-size: var(--default-font-size);  background-position-y: 238px;   }   button{  font-size: var(--default-font-size);   }   h2 {  font-size: var(--default-font-size);   } } /* ---------------------------------------------------------------------------------- CSS DE BASE POUR TOUTES LES PAGES ---------------------------------------------------------------------------------- */ .page_element{   position:relative;   vertical-align:top; } .page_element p{   padding:0;   margin:0; }  /* ---------------------------------------------------------------------------------- CSS CUTOM ---------------------------------------------------------------------------------- */ .page_element {   margin: var(--default-margin);   padding: var(--default-margin); } [data-blockname="bandeau"] {   padding: 0;   padding-top: var(--default-margin);   margin: unset;   -webkit-filter: grayscale(100%);   filter: grayscale(70%); } [data-blockname="bandeau"]:hover {   -webkit-filter: unset;   filter: unset; } .connexion_public_container {   position: absolute;   right: 138px;   top: var(--default-margin);   z-index: 4;   color: var(--button-text-color); } .connexion_public_container_form .connexion_public_form_connect {   display: inline-block;   vertical-align: middle;   padding: 1% 5% 2% 5%; } .connexion_public_container_form .connexion_public_form_connect > table {   display: inline-block;   padding-top: 30px; } .connexion_public_container_form .connexion_public_form_connect span{   font-weight: bold;   display: inline-block !important;   white-space: nowrap; } .connexion_public_container_form .connexion_public_form_connect .connexion_public_btn_connect { } .connexion_public_container_form .connexion_public_btn_mdp{   font-size: unset;   padding-left: 74px; } .connexion_public_container_form .connexion_public_btn_mdp button{   color: var(--button-text-color); } .connexion_public_container_form .users_public_container{   text-align:left; } .connexion_public_container_form .users_public_form table tbody tr td:nth-child(2n){   width: 150px; } .connexion_public_container span{ display: inline-block; } .connexion_public_container span a{   display:none; } .connexion_public_container .validatorIcon{ display: none; } .connexion_public_btn_create {   font-weight: bold;   margin: 5px 0 0px 0; } .connexion_public_btn_create:active{   filter: unset !important; } .connexion_public_input_mdp{ width: 90%; } .connexion_public_input_login{   width: 90%; } .connexion_public_btn_connect {   font-size: 12px;   padding: 5px 12px 4px 12px;   box-shadow: var(--shadow-box);   font-weight: bold;   margin:0; } .connexion_public_container_create{   position: relative; z-index:1;   line-height: 26px;   height: auto;   margin-top: 98px;   padding-top: var(--default-margin); } .connexion_public_container_create table{   padding-left: 4%; } .connexion_public_coordonne span{   margin-left: var(--default-margin);   text-decoration: underline; } .connexion_public_container_create form {   margin-bottom: var(--default-margin);   width: 90%; } .connexion_public_container_mdp {   position: relative;   z-index: 1;   width: 90%;   padding: 10% 5% 2% 5%; } .connexion_public_container_mdp form td {   width: 60px; } .connexion_public_mdp_send{   margin-top: var(--default-margin); } .connexion_public_mdp_send: hover{   filter: drop-shadow(3px 3px 3px #000); } .connexion_public_title{   font-size: 23px;   text-transform: uppercase;   text-decoration: underline;   font-weight: bold; } .connexion_public_title_mini {   /*display: none !important;*/ } .connexion_public_container_mdp .validatorField{   margin-left: calc(50% - 150px); } .connexion_public_infos{   margin: var(--default-margin);   display: inline-block; } .connexion_public_mdp_ou td{   width: 100%;   padding-left: 40%; } .connexion_public_container_mdp table{   padding-left: calc(50% - 118px);   display: inline-block; } .connexion_public_container_logged > form > span {   vertical-align: middle; } .connexion_public_form_connect table {   width: 100%; } .connexion_public_form_connect table td {   text-align: center;   vertical-align: middle; } .connexion_public_form_connect table label{   display: none; } .le_main .connexion_public_container_form .connexion_public_form_connect{   display:none; } @media screen and (max-width: 1080px) {   .connexion_public_btn_connect {  position: relative;  top: unset;  font-size: 22px;  height: unset;  width: unset;  }   .connexion_public_container_logged{  display: none;   }   .connexion_public_btn_create {  position: absolute;  right: calc(50% - 160px);  width: 320px;  margin-top: var(--default-margin);   }   .connexion_public_form_connect{ /*  width: 100%;  margin-top: 10%; */   }   .connexion_public_container{  display: none;  width: 100%;  right: unset;  top: 111px;  border-left: unset;   }   .connexion_public_container_form .connexion_public_form_connect span {  text-decoration: underline;  font-size: calc(var(--default-smart-font-size) + 1.5vw) !important;   }   .le_main .connexion_public_container_form .connexion_public_form_connect{  display:block;   }   .connexion_public_container_form .connexion_public_form_connect{  height: 130px;   }   .connexion_public_container_create table {  padding-left: calc(50% - 300px);   }   .connexion_public_container_form .connexion_public_form_connect > table {  padding-top:0;  display:block;   }   .connexion_public_btn_mdp a{  font-size: 1.5vw;  margin-bottom: 5px;   }   .connexion_public_container_mdp table {  padding-left: 23%;   }   .connexion_public_container_form{  width: 100%;  padding-top: 10px;   }   .connexion_public_form_connect table{  margin: var(--default-margin) 0;   }   .connexion_public_container_form .connexion_public_form_connect .connexion_public_btn_connect {  display: inline-block;  bottom: unset;  padding: 5px 20px 5px 20px;  margin: unset;   }   .connexion_public_container_mdp form td {  width: 100px;   }   .connexion_public_container_form .users_public_btn_send{  margin-left: calc(41% - 60px);   }   .connexion_public_container_mdp .validatorField {  margin-left: calc(50% - 26vw);   } } .languages_link{ text-decoration:none; } .languages_img{ width:50px; border:0px; margin:var(--default-margin); } .languages_public_container{ width: 114px; height: 41px; display: block; position: absolute; left: 14px; top: 39px; filter: drop-shadow(5px 5px 5px var(--shadow-color)); z-index: 1; } @media screen and (max-width: 1080px) {   .languages_public_container{  width: 205px;  left: 38px;  top: 32px;   }   .languages_img {  width: 80px;  margin-left: 15px;   } } .news_public_container {   display: flex;   flex-flow: column nowrap; } .news_public_news {   flex: 1 1 100%;   max-height: 228px;   min-height: 150px;   border: 2px solid var(--back-color2);   border-radius: var(--default-radius);   margin: var(--default-margin);   box-shadow: 3px 3px 4px var(--shadow-color);   background-color: var(--back-color2); } .news_public_container_image {   display: inline-block;   width: 200px;   text-align: center;   vertical-align: middle; } .news_public_image {   max-height: 90%;   width: auto;   max-width: 180px;   vertical-align: middle;   filter: drop-shadow(3px 3px 2px var(--shadow-color)); } .news_public_content {   width: calc(100% - 222px);   padding: var(--default-margin);   display: inline-block;   vertical-align: middle; } .news_public_head {   font-size: calc(var(--default-font-size) + 15px); } .news_public_date {   color: var(--overlay-color);   text-shadow: 1px 1px 1px var(--shadow-color);   font-size: var(--default-font-size);   float: right; } .news_public_titre {   font-weight: bold;   text-decoration: underline; } .news_public_text {   display: block;   word-wrap: break-word;   padding: var(--default-margin);   overflow: hidden; } .news_public_suite {   width: 20%;   display: block;   text-align: center;   color: var(--button-text-color);   border-radius: var(--default-radius);   background-color: var(--button-back-color);   padding: var(--default-margin) 0;   position: relative;   left: 40%;   box-shadow: var(--shadow-box); } .news_public_retour {   position: absolute;   margin: var(--default-margin); } .news_public_one_date {   align-self: flex-end;   margin: var(--default-margin);   color: var(--overlay-color);   text-shadow: 1px 1px 1px var(--shadow-color); } .news_public_one_titre {   font-size: calc(var(--default-font-size) + 20px);   font-weight: bold;   text-decoration: underline;   text-align: center; } .news_public_one_text {   margin: var(--default-margin); } .news_public_btns_nav {   margin: 0 var(--default-margin);   font-weight: bold; } .news_public_lien {   color: var(--text-color);   text-decoration: none; } .news_public_lien:hover {   text-shadow: 1px 1px 1px var(--shadow-color-hover); } .news_public_next {   display: inline-block;   float: right; } .news_public_previous {   display: inline-block; } .news_public_form_pages {   align-self: center; } .news_public_form_pages button {   background-color: unset;   box-shadow: unset;   color: var(--text-color);   padding: 0;   margin: var(--default-margin);   font-weight: bold; } @media screen and (max-width: 1080px) {   .news_public_news {  max-height: 428px;   }   .news_public_head {  font-size: calc(var(--default-smart-font-size) + 15px);   }   .news_public_suite {  width: 40%;  left: 30%;   }   .news_public_one_titre {  font-size: calc(var(--default-smart-font-size) + 20px);   }   .news_public_form_pages select, .news_public_form_pages button {  font-size: calc(var(--default-smart-font-size) + 2vw);   } } [class*="categorie_public_title"] {   display: block;   text-transform: uppercase;   text-align: center;   font-size: var(--default-title-font-size);   font-weight: bold;   margin: var(--default-margin) 0; } [class*="categorie_public_bandeau"] {   text-align: center; } [class*="categorie_public_bandeau"] img {   height: 100%;   width: auto;   max-height: 200px; } .categorie_current {   color: var(--back-color3);   vertical-align: middle; } .categorie_ancetre {   text-decoration: none;   vertical-align: middle; } .categorie_ancetre, .categorie_separator {   color: var(--back-color2); } .categorie_separator {   margin: 0 var(--default-margin);   vertical-align: text-bottom; } .deco_public_container_logo {   position: absolute;   left: var(--default-margin);   top: var(--default-margin);   filter: drop-shadow(3px 3px 2px var(--shadow-color));   z-index: 10; } .deco_public_container_logo:hover {   filter: drop-shadow(3px 3px 2px var(--back-color2)); } .deco_public_container_liens {   width: calc(90% - 8px);   left: 5%;   position: absolute;   top: 260px;   height: calc(34vw + 50px);   max-height: 530px;   z-index: 3;   cursor: pointer; } .deco_public_container_bandeau_deco {   width: 100%;   height: var(--default-menu-top);   background: url(../../public/deco/images/background_1.jpg), var(--button-back-color);   left: 0px;   right: 0px;   top: 0px;   bottom: 0px;   background-blend-mode: overlay;   background-repeat: no-repeat;   background-size: 100% 100%;   position: absolute;   z-index: 3; } @media screen and (max-width: 1080px) {   .deco_public_container_logo {  width: 77vw;  top: 7vw;  left: 2%;   } .deco_public_container_bandeau_deco {   position: absolute;   top: 0px; } } .users_public_container{ } .users_public_container form table{   width: 80%;   padding-left: 14%; } .users_public_coordonne span{   margin-left: 10px;   text-decoration: underline;   font-weight: bold; } .users_public_container form button{ margin: var(--default-margin) 25%; } } .users_public_title{   padding-left: 20px;   font-size: var(--default-title-font-size) !important;   text-transform: uppercase;   text-decoration: underline; } .users_public_form{   display: grid;   width:100%;   grid-template-columns: 200px 200px;   grid-gap: 10px;   justify-content: center; } .users_public_coordonnee_title{   font-weight:bold;   font-size: var(--default-title-font-size) !important;   white-space: nowrap;   line-height: 4rem;   grid-column: 1 / 3; } .users_account_public_title{   font-weight:bold;   font-size: var(--default-title-font-size) !important;   white-space: nowrap;   line-height: 4rem;   grid-column: 1 / 3;   text-align:left; } .users_form_label{   grid-column: 1;   white-space: nowrap;   text-align: right;   font-size:1em; } .users_form_input{   grid-column: 2;   font-size: var(--default-font-size) !important;   text-align: left;   justify-self: start; } .users_public_btn_send{   grid-column: 1 / 3; } .users_public_btn_delete {   color: #f00;   grid-column: 1 / 3;   margin-top: calc(var(--default-margin) + 40px) !important; } @media screen and (max-width: 1080px) {   .users_public_form{  grid-template-columns: 1fr 1fr;  width: 90%;  /*min-width:500px;*/   } .users_account_public_title {   font-size: calc(var(--default-font-size) + 1.5vw) !important;   text-align: left;   padding-left: 5%;   text-decoration: underline; } .users_public_coordonnee_title {   font-size: calc(var(--default-font-size) + 1.5vw) !important;   text-align: left;   padding-left: 5%;   text-decoration: underline; }   .users_form_label{  font-size:var(--default-font-size) !important;   }   .users_form_input{  grid-column: 2;  font-size:var(--default-font-size) !important;   } } .produit_fiche_container{   margin: var(--default-margin);  } .produit_fiche_column_left{   width: 46%;   display: inline-block;   vertical-align: top; } .produit_fiche_column_right{   width: 50%;   display: inline-block;   vertical-align: top;   padding-left: var(--default-margin); } .produit_fiche_title{   font-size: var(--default-title-font-size);   font-weight: bold;   text-decoration: underline;   display: inline-block; } .produit_fiche_libelle {   display: inline-block;   width: 100%;   padding: 10px 0; } .produit_fiche_description{   display: inline-block; font-size: var(--default-font-size);   width: 100%; } .produit_fiche_reference{   display:block;   font-size: calc(var(--default-font-size) - 1px );   width: 100%;   line-height:40px;   font-weight: bold;   text-transform: uppercase; } .produit_fiche_producteur{   display:block;   font-size: calc(var(--default-font-size) - 1px );   width: 100%;   line-height:40px;   font-weight: bold;   text-transform: uppercase; } .produit_fiche_prix_catalogue_TTC {   width: 100%;   display: inline-block;   text-align: center; } .produit_fiche_tarif{   background-color:rgba(0,0,0,0.1);   font-weight: bold; } .produit_fiche_criteres{   text-align: center;   position: relative;   min-height: 50px;   width: 50%;   display: none; } .produit_fiche_criteres img{   min-height: 25px;   width: auto;   max-width: 75px;   vertical-align: middle;   margin: 20px 10px 10px 10px;   filter: drop-shadow(1px 1px 1px #000); } .produit_fiche_prix_TTC { font-size: calc(var(--default-title-font-size) + 1vw); position: relative;   width: 50%;   display: inline-block;   text-align: right; } .produit_fiche_prix_catalogue_TTC {   position: relative;   display: block;   text-align: center;   text-decoration: line-through; } .produit_fiche_unite_legale {   font-size: calc(var(--default-title-font-size) + 1vw);   position: relative;   width: 49%;   display: inline-block;   text-align: left;   padding-left: 1%; } .produit_fiche_prix_TTC_secondaire{ font-size: 1vw;   width: 50%;   display: inline-block;   text-align: right;   padding-top: 10px; } .produit_fiche_unite_legale_secondaire{ font-size: calc(var(--default-font-size) - 1px );   width: 50%;   display: inline-block;   text-align: left; } .produit_fiche_remise {   display: inline-block;   width: 100%;   text-align: center;   font-weight: bold;   margin-top: 1vw; } .produit_fiche_pastille_container{   text-align: right; } .produit_fiche_pastille{   height: 10px;   width: 10px;   background-color: var(--back-color);   position: relative;   display: inline-block;   vertical-align: middle;   z-index: 1;   border: 1px solid black;   border-radius: 50%;   margin-left: var(--default-margin); } .good{   background-color: #45DB0E;   border: 1px solid #1d6b00; } .wrong{   background-color: #EE0000;   border: 1px solid #880000; } .produit_fiche_panier{   text-align: center;   position: relative;   width: 50%;   display: block;   left: 50%;   max-height: 169px;   padding-bottom: 42px;   display: block;   z-index: 3; } .produit_fiche_panier form{ text-align: center; display: inline-block; /* padding-left: calc(50% - 100px); padding-right: calc(50% - 100px); */ } .produit_fiche_panier_info_unite{   display: none;   margin-top: 10px; } .produit_fiche_panier_btn{   background-color: unset;   color: unset;   text-shadow: unset;   color: transparent;   border: unset;   background-image: url(../../images/panier_in3.svg);   background-size: 50px;   height: 50px;   background-repeat: no-repeat;   background-position: center;   width: 61px;   box-shadow: unset;   font-size: var(--default-font-size);   margin: var(--default-margin);   filter: drop-shadow(3px 3px 3px #4b4b4b); } .produit_fiche_panier_suppr_btn_panier {   background-color: unset;   color: unset;   text-shadow: unset;   color: transparent;   border: unset;   background-image: url(../../images/panier_out3.svg);   background-size: 50px;   height: 50px;   background-repeat: no-repeat;   background-position: center;   width: 61px;   box-shadow: unset;   margin: var(--default-margin);   filter: drop-shadow(3px 3px 3px #4b4b4b); } .produit_fiche_panier_btn:focus{   text-shadow: unset;   color: transparent; } .produit_fiche_panier_input_quantite.validatorField {   width: 45px;   font-size: calc(var(--default-font-size) + 3px );   text-align: center;   color: var(--text-color) !important;   border-color: black !important;   font-weight: bold;   border-radius: 5px; } /* .produit_fiche_panier_btn_moins {   padding: 0px 8px 0 9px;   margin-right: var(--default-margin);   font-weight: bold;   vertical-align: middle; } .produit_fiche_panier_btn_plus {   padding: 0px 8px 0 9px;   margin-left: var(--default-margin);   font-weight: bold; } */ .produit_fiche_panier_btn_moins, .produit_fiche_panier_btn_plus{   margin: var(--default-margin);   font-weight: bold;   vertical-align: middle;   width:30px;   height:30px;   line-height:30px;   padding:0; } .produit_fiche_panier_form .validatorIcon{   display: none; } .produit_categorie_ancetre {   text-align: center;   line-height: 30px;   font-size: var(--default-title-font-size);   text-transform: uppercase;   font-weight: bold;   margin: var(--default-margin) 0; } .produit_ancetre {   text-decoration: none;   vertical-align: middle; } .produit_ancetre:hover {   text-shadow: 0 0 2px var(--button-text-color-hover); } .produit_ancetre, .produit_separator {   color: var(--text-color);   font-style: italic;   vertical-align: middle; } .produit_separator {   margin: 0 var(--default-margin);   vertical-align: middle; } @media screen and (max-width: 1080px) {   [class*="panier_btn_"] {   }   .produit_fiche_column_left{  width: 100%;   }   .produit_fiche_column_right{  width: calc(100% - 20px);  padding-left: 20px;   }   .produit_fiche_container{   }   .produit_fiche_table tbody tr{  width: 100%   }   .produit_fiche_table tbody tr td span{  line-height: 43px;   }   .produit_fiche_table tbody tr:nth-child(1) {  width: 100%;   }   .produit_fiche_title{  font-size: 3vw; }   .produit_fiche_producteur{  padding-top:30px;   }   .produit_fiche_panier{  width: 100%;  left: unset;  min-height: 100px;  line-height: 12vw; } .produit_fiche_panier_form{  left: 65%; } .produit_fiche_description{  font-size: 2vw;  /*! width: 100%; */  display: inline-block;  } .produit_fiche_reference{  font-size: 2vw; } .produit_fiche_criteres{  width: 100%;  float: unset;  left: unset;  bottom: unset;  min-height: unset;  } .produit_fiche_prix_TTC {  padding-top: unset;  font-size: 4vw; } .produit_fiche_unite_legale {  font-size: 4vw; }   .produit_fiche_prix_TTC_secondaire{  font-size: 2vw;   }   .produit_fiche_unite_legale_secondaire{  font-size: 2vw;   }   .produit_fiche_panier form{  vertical-align: middle;  padding-left: unset;  padding-right: unset;  width: 100%;   }   .produit_fiche_panier_btn_moins, .produit_fiche_panier_btn_plus {  font-size: 5vw;  line-height: 5vw;  width: 7vw;  height: 7vw;  vertical-align: middle;   }   .produit_fiche_panier_input_quantite.validatorField{  font-size: 5vw;  margin: 1vw !important;  width:10vw;   }   .produit_fiche_panier_btn, .produit_fiche_panier_suppr_btn_panier {  width: 48%;  height: calc(var(--default-title-font-size) * 3);  background-size: calc(var(--default-title-font-size) * 3);  float: right;   }   .produit_fiche_panier_suppr_btn_panier:focus {  color: transparent;  text-shadow: unset;   }   .produit_fiche_panier_btn_suppr_panier{  font-size: 3vw;  width: 100%;  margin-top: 20px;   } } .produit_mini_fiche_container {   display: inline-block;   vertical-align: top;   max-width: 194px;   margin: var(--default-margin);   border: 1px solid var(--high-color);   border-radius: var(--default-radius);   background-color: white; } .produit_mini_fiche_container:hover {   box-shadow: 2px 2px 2px var(--shadow-color); } .produit_mini_fiche_container a {   text-decoration: none;   color: var(--text-color); } .produit_mini_fiche_table {   max-width: 194px;   border-collapse: collapse;   position: relative; } .produit_mini_fiche_table tr:nth-child(1) > td {   background: var(--button-back-color);   border-radius: var(--default-radius) var(--default-radius) 0 0;   height: calc(var(--default-font-size) * 3 + 2.5vw);   position:relative;   vertical-align: middle; } .produit_mini_fiche_producteur {   text-align: left;   color: var(--button-text-color);   text-transform: uppercase;   display: block;   font-weight: bold;   /* font-size: calc(var(--default-font-size) * 0.6); */   font-size: calc(var(--default-font-size) * 0.8);   max-height: 10px;   text-overflow: ellipsis;   position:absolute;   top:3px;   left:3px; } .produit_mini_fiche_reference {   position:absolute;   color: var(--button-text-color);   text-transform: uppercase;   display: block;   font-weight: bold;   /* font-size: calc(var(--default-font-size) * 0.6); */   font-size: calc(var(--default-font-size) * 0.7);   white-space:nowrap;   right:3px;   bottom:3px; } .produit_mini_fiche_title {   text-align: center;   color: var(--high-color);   text-transform: uppercase;   display: block;   font-weight: bold;   /*   font-size: var(--default-font-size);   line-height: calc( var(--default-font-size) + 3px );   max-height: calc( (var(--default-font-size) + 3px ) * 2 - 2px ); /* (hauteur_du_texte + 3px) * 2 lignes - 2pixels */   font-size: calc(var(--default-font-size) * 0.8);   line-height: calc( var(--default-font-size) * 0.8 + 3px );   max-height: calc( (var(--default-font-size) * 0.8 + 3px ) * 3 - 2px );   text-overflow: ellipsis;   overflow:hidden;   padding-left:5px;   padding-right:5px; } .produit_mini_fiche_table > tbody > tr:nth-child(2), .produit_mini_fiche_table > tbody > tr:nth-child(6), .produit_mini_fiche_table > tbody > tr:nth-child(8), .produit_mini_fiche_pastille_text {   display: none; } .produit_mini_fiche_table > tbody > tr:nth-child(7), .produit_mini_fiche_table > tbody > tr:nth-child(9), .produit_mini_fiche_table > tbody > tr:nth-child(10){   display: inline-block;   padding-bottom: 10px; } .produit_mini_fiche_table > tbody > tr:nth-child(10){   position: absolute;   right: 0;   bottom: 0;   padding: 0; } .produit_mini_fiche_table > tbody > tr:nth-child(9) {   vertical-align: middle; } .produit_mini_fiche_table tbody {   position: relative; } .produit_mini_fiche_pastille_container {   line-height: 10px; } .produit_mini_fiche_libelle {   line-height: 30px; } .produit_mini_fiche_container_img {   height: 200px;   width: 200px; } .produit_mini_fiche_photo_paysage {   width: 100%;   height: auto; } .produit_mini_fiche_photo_portrait {   width: auto;   height: 97%;   max-height: 195px; } .produit_mini_fiche_container_critere {   position: relative;   display: flex;   flex-flow: row nowrap;   float: left;   display: none; /*   display: inline-block; */ } .produit_mini_fiche_container_critere td {   flex: 1 1 10%;   height: 30px;   overflow: hidden; } .produit_mini_fiche_critere {   height: 100%;   width: auto; } .produit_mini_fiche_hr {   border: none;   border-bottom: 1px solid var(--text-color); } .produit_mini_fiche_prix_title {   display: block;   width: 100%;   text-align: left; } .produit_mini_fiche_prix {   font-size: larger;   line-height: 30px; } .produit_mini_fiche_unite_legale{   display: none; } .produit_mini_fiche_prix_secondaire {   font-size: small;   display: inline-block; } .produit_mini_fiche_unite_legale_secondaire{   font-size: small; } .produit_minifiche_panier_btn, .produit_minifiche_panier_btn_suppr {   background-color: unset;   color: transparent;   background-size: 40px;   height: 40px;   background-repeat: no-repeat;   background-position: center;   box-shadow: unset;   margin: unset;   padding: unset;   border: unset;   width: 50px; } .produit_minifiche_panier_btn{   background-image: url(../../images/panier_in3.svg);   text-shadow: unset; } .produit_minifiche_panier_btn_suppr {   background-image: url(../../images/panier_out3.svg);   text-shadow: unset; } .produit_minifiche_panier_btn:hover, .produit_minifiche_panier_btn:focus,.produit_minifiche_panier_btn_suppr:hover, .produit_minifiche_panier_btn_suppr:focus{   color: transparent;   text-shadow: unset; } .produit_minifiche_panier_btn_suppr {   background-color: unset;   color: transparent;   background-image: url(../../images/panier_out3.svg);   background-size: 40px;   height: 40px;   background-repeat: no-repeat;   background-position: center;   box-shadow: unset;   margin: unset;   padding: unset;   border: unset;   width: 50px; } .produit_minifiche_panier_btn_suppr:hover, .produit_minifiche_panier_btn_suppr:focus {   color: transparent;   text-shadow: unset; } .produit_mini_fiche_pastille {   height: 10px;   width: 10px;   display: inline-block;   vertical-align: middle;   z-index: 1;   border: 1px solid black;   border-radius: 50%;   margin-left: var(--default-margin); } .produit_mini_fiche_pastille.good{   background-color: #45DB0E;   border: 1px solid #1d6b00; } .produit_mini_fiche_pastille.wrong{   background-color: #EE0000;   border: 1px solid #880000; } @media screen and (max-width: 1080px) {   .minifiche_public_container {  left: 0px;  width: 100%;   }   .produit_mini_fiche_container {  max-width: unset;  width: 28vw;  padding: unset;   }   .produit_mini_fiche_table {  max-width: unset;   }   .produit_mini_fiche_table tr:nth-child(1) > td {  height: 12vw;   }   .produit_mini_fiche_libelle {  font-size: var(--default-font-size);  display: inline-block;  height: 6vw;   }   .produit_mini_fiche_container_img{  width: 29vw;  height: 29vw;   }   .produit_mini_fiche_critere {  width: 50px;   }   .produit_mini_fiche_prix_secondaire{  font-size: smaller;   }   .produit_mini_fiche_unite_legale_secondaire{  font-size: smaller;   }   .produit_minifiche_panier_btn, .produit_minifiche_panier_btn_suppr {  background-size: contain;  height: 5vw;  width: 5vw;   }   .produit_mini_fiche_pastille {  height: 1vw;  width: 1vw;   } } .recherche_public_form {   padding: var(--default-margin) 0;   text-align: center; } .recherche_public_container{ display: block; text-align: center; } .recherche_container_results{   text-align: center; } .recherche_public_input.validatorField {   font-size: 16px; } .recherche_public_form .validatorIcon { top: 7px; margin-right: 5px; margin-left: 5px; display: none; } .recherche_public_btn_send { display: inline-block;   margin-top: 0px; /*   border: 2px solid transparent; */ } .recherche_public_btn_send, .recherche_public_container_indicator_filtre {   background-color: var(--button-back-color2);   color: var(--button-text-color2); } .recherche_public_container_indicator_filtre {   cursor: pointer;   grid-row: 2;   grid-column: 4;   margin-right: var(--default-margin); } .recherche_public_tri, .recherche_public_nbr_resultat, .recherche_public_categorie, .recherche_public_container_indicator_filtre, .recherche_public_filter_critere {   margin-left: var(--default-margin);   display: inline-block; } .recherche_public_nbr_resultat { display: inline-block;   margin-left: 5px; } .recherche_public_categorie { } .recherche_public_tri{ margin-left: 5px; display: inline-block; } .recherche_public_filter_title:hover, .recherche_public_filter_title + span:hover { cursor: pointer; } .recherche_hide { display: none; } .recherche_public_filter_container{ padding-top: 7px; } .recherche_public_form_pages{ text-align: center;   position: relative;   z-index: 2; } .recherche_public_form_pages .validatorField {   margin-bottom: 7px; } .recherche_public_form_pages button { } .recherche_public_form_pages button:hover { cursor: pointer; } /* *************************************************************************** */ /* FILTRE RECHERCHE */ /* *************************************************************************** */ .recherche_public_container_indicator_filtre:hover {   text-shadow: 1px 1px 1px var(--button-text-color-focus); } .recherche_public_container_indicator_filtre > span {   pointer-events: none; } .recherche_public_indicator_filtre {   margin-left: var(--default-margin); } .recherche_public_container_filtre {   display: none;   color: var(--text-color);   background-color: var(--back-color2);   margin-top: var(--default-margin);   border-top: 1px solid black;   border-bottom: 1px solid black; } .recherche_public_container_filtre.recherche_public_filter_show {   display: flex;   flex-flow: column; } .recherche_public_title_critere {   order: 1; } .recherche_public_container_critere {   order: 2; } .recherche_public_title_subcategories {   order: 3; } .recherche_public_container_subcategories{   order: 4; } .recherche_public_title_marque {   order: 5; } .recherche_public_container_marque{   order: 6; } .recherche_public_filter_critere_image{   width: 50px; } .recherche_public_filter_critere {   display: inline-block;   margin-left: 15px;   vertical-align: sub;   text-align: right; } .recherche_public_title_marque, .recherche_public_title_critere, .recherche_public_title_subcategories {   background: var(--button-back-color), var(--overlay-color);   color: var(--button-text-color);   box-shadow: var(--shadow-box);   display: inline-block; } .recherche_public_filter_critere input {   float: right; } .recherche_public_container_critere, .recherche_public_container_marque, .recherche_public_container_subcategories {   display: grid;   grid-template-columns: repeat( 5 , 1fr 25px);   max-height: 220px;   overflow-y: auto;   overflow-x: hidden;   align-items: center;   box-shadow: var(--shadow-box);   padding:5px; } .recherche_public_container_critere span, .recherche_public_container_marque span , .recherche_public_container_subcategories span{   grid-column: 1 / 2; } .recherche_public_container_critere label, .recherche_public_container_marque label , .recherche_public_container_subcategories label{   /*grid-column: 1;*/   text-align: end;   padding-left: 6px;   text-transform: capitalize; } /* blink effect on recherche btn pour indiquer qu'il faut cliquer dessus pour appliquer */ @keyframes blinker {   50% {   background-color: var(--button-text-color2);   color: var(--button-back-color2);  } } .recherche_public_btn_send.filter_change{   animation: blinker;   animation-duration: 1.5s;   animation-timing-function: linear;   animation-iteration-count: infinite; } /* *************************************************************************** */ @media screen and (max-width: 1080px) {   .recherche_public_form {  padding: var(--default-margin) 0;  position: relative;  text-align: center;  display: grid;  grid-template-columns: 21vw 17vw 22vw 12vw 1fr;  white-space: nowrap;  align-items: center;  padding-left: 0.5vw;   }   .recherche_public_form .validatorIcon {  top: 1vw;   }   .recherche_public_input.validatorField {  font-size: var(--default-font-size);  display: inline-block;  margin-left: 1% !important;  grid-column: 1 / 3;  grid-row: 1;  height: 3vw;   }   .recherche_public_categorie {  width: unset;  grid-row: 1;  grid-column: 3 / 5;   }   .recherche_public_tri {  grid-row: 2;  margin-left: 0;  grid-column: 1 / 3;  display: flex;   }   .recherche_public_nbr_resultat {  display: inline-block;  margin-left: 1% !important;  padding-left: 5%;   }   .recherche_public_nbr_resultat label {   }   .recherche_public_btn_send {  font-size: calc(var(--default-font-size) + 0.8vw);  padding: 1.4vw 1vw 2vw 1vw;  grid-row: 1 / 3;  grid-column: 5;   } .recherche_public_container_filtre {  grid-column: 1 / 6;  grid-row: 3;   }   .recherche_public_container_critere input, .recherche_public_container_marque input, .recherche_public_container_subcategories input {  height: 3vw;   }   .recherche_public_container_critere, .recherche_public_container_marque, .recherche_public_container_subcategories {  grid-template-columns: repeat( 2, 1fr 25px);   }   .recherche_public_nbr_resultat.validatorField {   }   .recherche_public_form_pages .validatorField {  margin-right: var(--default-margin);  margin-left: var(--default-margin);  font-size: calc(var(--default-title-font-size) + 2vw);   }   .recherche_public_form_pages button {  line-height: unset;  padding-left: var(--default-margin);  padding-right: var(--default-margin);  font-size: calc(var(--default-title-font-size) + 3vw);   }   .recherche_public_container_indicator_filtre{  grid-column: 3 / 5;  justify-self: center;   } } .webstore_public_container{   width: 100%; /*   z-index: 3; */   position: relative; } .webstore_acceuil_bandeau {   padding: var(--default-margin);   z-index: 3;   display: inline-block;   position: relative;   width: calc(100% - calc(var(--default-margin) * 2)); } .webstore_acceuil_bandeau img{ } .webstore_container_critere_acceuil {   text-align: center; } .webstore_public_container_lien{   text-align: center;   padding-top: var(--default-margin);   z-index: 3;   position: relative; } .webstore_public_container_lien a {   color: var(--back-color2);   text-decoration: unset; } .webstore_public_container_mention {   height: auto;   text-align: justify;   padding: var(--default-margin);   margin-bottom: 5%;   font-size: small; } .socials_public_container{   z-index: 21;   display: inline-block;   padding-bottom: var(--default-margin);   position: fixed;   padding-left: var(--default-margin);   bottom: 0px;   cursor: pointer; } .socials_public_container img{   width: 52px;   height: auto;   display: block;   filter: drop-shadow(3px 3px 2px var(--shadow-color)); } .socials_public_hide{   display: none; } .socials_public_overlay {   position: fixed;   top: 0;   left: 0;   bottom: 0;   right: 0;   background: var(--overlay-color);   opacity: 0.5;   z-index: 20; } [class*="socials_public_icon_"] {   width: 50px;   height: 50px;   display: inline-block;   position: absolute;   background-repeat: no-repeat;   background-size: 50px; } .socials_public_icon_social1 {   background-image: url(../../public/socials/icones/social1_icon.svg);  bottom: -8px;   left: 94px; } .socials_public_icon_social2 {   background-image: url(../../public/socials/icones/social2_icon.svg);   bottom: 29px;   left: 83px; } .socials_public_icon_social3 {   background-image: url(../../public/socials/icones/social3_icon.svg);   left: 62px;   bottom: 59px; } .socials_public_icon_social4 {   background-image: url(../../public/socials/icones/social4_icon.svg);   bottom: 79px;   left: 33px; } .socials_public_icon_social5 {   background-image: url(../../public/socials/icones/social5_icon.svg);   left: 0px;   bottom: 85px; } @media screen and (max-width: 1080px) { .socials_public_container {   width: 7vw; } .socials_public_container img{  width: 15vw;  height: auto; }   [class*="socials_public_icon_"] {  width: 15vw;  height: 15vw;  background-size: 15vw;   } .socials_public_collapse img {   width: 7vw !important; }   .socials_public_icon_social1 {  bottom: -2.4vw;  left: 27.8vw;   }   .socials_public_icon_social2 {  bottom: 8.8vw;  left: 24.5vw;   }   .socials_public_icon_social3 {  left: 18.2vw;  bottom: 17.7vw;   }   .socials_public_icon_social4 {  bottom: 23.9vw;  left: 9.3vw;  }   .socials_public_icon_social5 {  left: 0vw;  bottom: 25.6vw;   } } .panier_compact_container {   z-index: 4;   position: absolute;   top: 0px;   right: 0px;   height: 93px;   width: 138px;   margin: var(--default-margin); } .panier_compact_container a {   text-decoration: none; } .panier_compact_image {   background: url(../../public/panier/images/panier3.svg);   height: 100%;   background-size: auto 100%;   background-position: right;   background-repeat: no-repeat;   opacity: 0.6; } .panier_compact_article, .panier_compact_prix {   display: block;   text-align: right;   color: var(--high-color);   position: relative;   bottom: 0px;   font-weight: bold;   text-shadow: 2px 2px 2px var(--shadow-color);   padding-right: var(--default-margin); } .panier_container {   margin: var(--default-margin); } .panier_title {   padding: var(--default-margin);   font-size: calc(var(--default-font-size) + 8px);   text-transform: uppercase;   text-decoration: underline;   font-weight: bold; } .panier_lien_produit {   text-decoration: none;   color: black; } .panier_info{   padding-left: 50px; } .validatorIcon{ display: none; } .panier_btns{   text-align: center; } .panier_public_btn_vider{   color: red; } .panier_btn_devis {   border-radius: 7px;   padding: 5px 18px; } .panier_container{   padding-top: 10px; } .panier_total_produits_label{ width: 75%; display: inline-block; text-align: right;   text-decoration: underline; } .panier_total_produits{ width: 25%; display: inline-block; text-align: center; } .panier_total_prix_label{ width: 75%; display: inline-block; text-align: right;   text-decoration: underline; } .panier_total_prix {   width: 25%;   display: inline-block;   text-align: center;   /*! margin-bottom: 20px; */   font-weight: bold;   line-height: 3vw;   font-size: calc(var(--default-font-size) + 9px );   padding-top: 5px; } .panier_total_prix + span {   margin-left: -4%;   font-weight: bold;   font-size: calc(var(--default-font-size) + 9px ); } .panier_total_remise_label {   width: 75%;   display: inline-block;   text-align: right;   text-decoration: underline; } .panier_total_remise_prix {   width: 25%;   display: inline-block;   text-align: center;   margin-bottom: 20px;   font-weight: bold;   line-height: 3vw;   font-size: calc(var(--default-font-size) + 9px ); } .panier_total_remise_prix + span {   margin-left: -4%;   font-weight: bold;   font-size: calc(var(--default-font-size) + 9px ); } .panier_input_quantite { width: 10%;   border-color: black !important;   background-color: white !important;   color: var(--text-color) !important;   vertical-align: middle;   margin-top: 0px;   font-size: var(--default-font-size) !important;   text-align: center; } .panier_table_produits{ width: 100%; text-align: center; } .panier_table_produits > tbody > tr > td:nth-child(4) {   width: 27%;   /*min-width: 251px;*/ } .panier_table_produits > tbody > tr > td:nth-child(3) {   min-width: 95px; } .panier_table_produits > tbody > tr > td:nth-child(1) button {   color: red; } .panier_table_produits > tbody > tr:nth-child(2n) {   background-color: var(--back-color); } .panier_table_produits > tbody > tr > th:nth-child(1) button, .panier_table_produits > tbody > tr > td:nth-child(1) button {   width: 100%;   font-size: 1.6vw;   margin: unset; } .panier_services{   display: block;   text-align: center;   padding: 8px 5px 5px 5px;   text-shadow: 1px 1px 1px #000;   border-radius: 7px;   font-weight: bold;   box-shadow: 1px 1px 1px black;   cursor: pointer;   background-color: #a5a5a5;   margin: 1% 20% 3% 20%;   color: white; } .panier_container_commentaire {   width: 100%;   position: relative;   margin-bottom: 20px; } .panier_container_commentaire span {   width: 97%;   display: block;   padding: 10px 0px 0px 20px;   font-size: 23px;   text-transform: uppercase;   text-decoration: underline;   font-weight: bold; } .panier_container_commentaire textarea {   width: 70%;   min-height: 100px;   margin-left: 15%; } .panier_container_horaire {   margin: 20px 0; } .panier_container_horaire span{   width: 97%;   display: block;   padding: 10px 0px 0px 20px;   font-size: 23px;   text-transform: uppercase;   text-decoration: underline;   font-weight: bold; } .panier_container_horaire input {   left: calc(50% - 138px);   font-size: 20px; } .panier_container_horaire select {   left: calc(50% - 81px);   font-size: 19px; } .panier_hide {   display: none !important; } .panier_container_ingredient td {   text-align: left; } .panier_ingredient {   margin: 5px 0px 5px 0; } .panier_ingredient:first-of-type {   margin-left: 100px; } .panier_table_produits button {   font-size: 2.4vw;   padding: unset;   /*margin: 0px 22px -5px 18px;*/   line-height: 3vw;   background-image: unset;   box-shadow: unset;   filter: unset;   background-color: unset;   cursor: pointer;   color: #575757;   font-weight: bold;   text-align: center;   border: unset;   vertical-align: middle;   width: 54px; } .panier_btn_paiement{   filter: drop-shadow(2px 2px 3px rgba(100,20,0 , 0.7)); } .panier_btn_paiement:active{   filter: unset; } @media screen and (max-width: 1080px) { .panier_compact_container {   height: 12vw;   top: 14vw;   width: 16vw; } .panier_compact_prix, .panier_compact_article {  font-weight: bold;  line-height: 3vw;  bottom: 9vw;   }   .panier_container {  margin: 2%;  font-size: 2.8vw;   }   .panier_table_produits {  font-size: 2vw;   }   .panier_table_produits button{  font-size: 47px !important;  line-height: 45px;  padding: 0px 0px 0px 0px;   }   .panier_table_produits .validatorField {  width: 5.5vw;  font-size: 2.6vw !important;   }   .panier_table_produits > tbody > tr > td:nth-child(1) button {   font-size: 4vw !important;   margin-top: 1vw; }   .panier_table_produits > tbody > tr > td:nth-child(4) button{  font-size: 5.6vw !important;   }   .panier_link_connect {  padding: 7px 9px 8px 9px;   }   .panier_container_horaire input {  left: calc(50% - 190px);  font-size: 30px;   }   .panier_container_horaire select {  left: calc(50% - 104px);  font-size: 28px;   } } [class*="_galerie_public_container"]{   display:block; } [class*="_big_image_container"] {   position: fixed;   z-index: 15;   left: 50%;   top: 50%;   transform: translate(-50%, -50%);   box-shadow: 0px 0px 12px var(--shadow-color);   border: 5px double var(--mid-color);   background-color: var(--back-color);   width: -moz-max-content;   height: -moz-max-content;   width: -webkit-max-content;   height: -webkit-max-content;   width: max-content;   height: max-content;   border-radius: var(--default-radius); } [class*="_big_image_overlay"] {   z-index: 14;   position: fixed;   top: 0;   left: 0;   right: 0;   bottom: 0;   background: var(--overlay-color); } [class*="_big_picture"]{   z-index: 16;   max-width: 925px;   max-height: 700px;   display: block; } .galerie_close {   z-index: 17;   display: block;   position: absolute;   right: -15px;   top: -15px;   background-image: url(../../public/galerie/images/croix.svg);   background-size: 100%;   width: 20px;   height: 20px; } [class*="_medium_image_container"]{   display:block;   width:100%;   height:500px; } [class*="_description_image_container"] {   position: relative;   top: 3vw;   text-align: center; } [class*="_medium_image_container"] a img{   position: relative;   top: 50%;   left: 50%;   margin-right: -50%;   transform: translate(-50%, -50%);   max-width: calc(100% - 10px);   max-height: calc(100% - 10px); } [class*="_minis_image_container"]{   display:block;   width:100%;   height:100px;   overflow-x:auto;   overflow-y:hidden;   text-align: center; } [class*="_minis_image_slider"]{   width: -moz-max-content;   width: -webkit-max-content;   width: max-content;   height:100%;   display: inline-block;   min-width: 100%; } [class*="_minis_image_container"] a img {   display: inline-block;   top: 50%;   margin-right: var(--default-margin);   position: sticky;   max-width: 25%;   max-height: 88%; } .galerie_mini_activated{   opacity:1;   border:1px solid red;   max-height: 94%; } .galerie_mini_desactivated{   border:unset;   opacity:0.5;   max-height: 90%; } .news_galerie_public_container{   height: 0; } #\36 _galerie_public_container div, #\37 _galerie_public_container div, #\33 _galerie_public_container div, #\34 _galerie_public_container div {   height: 22vw; } #\36 _galerie_public_container img, #\37 _galerie_public_container img, #\33 _galerie_public_container img, #\34 _galerie_public_container img {   transform: translate(0, -50%);   margin-right: 0;   left: 0; } @media screen and (max-width: 1080px) { #\36 _galerie_public_container div, #\37 _galerie_public_container div, #\33 _galerie_public_container div, #\34 _galerie_public_container div {   height: 30vw; } [class*="_minis_image_container"] {   height: 10vw;   }   [class*="_medium_image_container"]{  height:60vw;   }   [class*="_big_picture"]{  max-width: 90vw;  max-height: 70vw;   }   .galerie_close{  width: 40px;  height: 40px;   }   [class*="_description_image_container"] {  top: 4vw;   } } .contact_public_container {   text-align: center;   margin: var(--default-margin);   border-radius: var(--default-radius); } .contact_public_titre {   font-size: var(--default-title-font-size);   text-transform: uppercase;   text-decoration: underline;   font-weight: bold;   width: 30%;   display: inline-block;   text-align: right; } .contact_public_soustitre {   color: #696969;   width: calc(70% - var(--default-margin));   display: inline-block;   text-align: left;   margin-left: var(--default-margin); } .contact_public_form {   display: inline-block; } .contact_public_info {   margin-top: 6%;   display: none; } .contact_public_custom_field {   margin-top: 6%; } .contact_public_table tr td {   text-align: right;   vertical-align: top; } .contact_public_table tr td:nth-child(2n) {   width: 300px; } .contact_public_table textarea {   resize: vertical; } .contact_public_table input, .contact_public_table textarea {   width: 100%; } .contact_public_custom_field {   text-align: center; } .contact_public_custom_field table {   display: inline-table;   width: 24%;   border-top: ridge 4px var(--mid-color);   border-left: ridge 4px var(--mid-color);   border-right: groove 4px var(--mid-color);   border-radius: var(--default-radius);   border-bottom: groove 4px var(--mid-color);   background-color: var(--back-color2);   height: 230px;   vertical-align: top; } .contact_boutique img {   height: 90px; } @media screen and (max-width: 1080px) {   .contact_public_container {  font-size: var(--default-font-size);  padding: var(--default-margin);   }   .contact_public_titre {  width: 100%;  text-align: left;   }  .contact_public_soustitre {  margin-left: var(--default-margin);  width: 100%;   } .contact_public_custom_field table{   width: 45%; }  } .burger_public_container{   z-index: 100;   display: none; } .burger_public_overlay, .burger_public_collapse_indicator {   display: none; } @media screen and (max-width: 1080px) { .burger_public_container {   display: block;   position: fixed;   top: var(--default-margin);   background-image: url(../../public/burger/images/burger.svg);   height: 10vw;   width: 10vw;   background-repeat: no-repeat;   background-size: 10vw;   right: 0px;   filter: drop-shadow(3px 3px 2px var(--shadow-color));   background-position: center;   margin: var(--default-margin); }   .burger_public_croix{  background-image: url(../../public/burger/images/croix.svg);  background-repeat: no-repeat;   }   .burger_public_show {  display: block !important;   }   .burger_public_overlay {  width: 100%;  height: 100%;  z-index: 89;  position: fixed;  top: var(--default-menu-top);  background: linear-gradient(to bottom, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0.37) 30%,rgba(23,23,23,1) 49%,rgba(52,52,52,1) 50%,rgba(52,52,52,1) 100%);  }   .burger_public_overlay_show{  display: block !important;   }   .burger_public_collapse_indicator {  display: inline-block !important;  position: relative;  width: 10%;  font-weight: bold;  color: var(--button-text-color);  text-decoration: none;  font-size: calc(var(--default-font-size) + 2.5vw);  padding: 2.5vw 0;   } } .suggestion_public_container {   text-align: center;   margin-top: 15px; /*   background-color: var(--back-color);   border-top: ridge 4px var(--mid-color);   border-left: ridge 4px var(--mid-color);   border-right: groove 4px var(--mid-color);   border-top-right-radius: var(--default-radius);   border-top-left-radius: var(--default-radius);   border-bottom: groove 4px var(--mid-color); */ } .suggestion_public_title {   text-align: left;   text-decoration: underline; /*   background-color: var(--back-color3); */ } .suggestion_public_container_minifiche {   overflow-y: hidden;   overflow-x: auto;   display: flex; /*   background: var(--high-color); */ } @media screen and (max-width: 1080px) { .suggestion_public_container_minifiche > .produit_mini_fiche_container {   min-width: 24vw; } .suggestion_public_container_minifiche .produit_minifiche_panier_btn {   background-size: 5vw;   height: 5vw; } } .devis_public_container {   padding-top: var(--default-margin); } .devis_public_btns, .devis_public_preview {   width: calc(100% - calc(var(--default-margin) * 2));   margin: var(--default-margin);   padding-bottom: var(--default-margin); } .devis_btn_show_devis {   margin: 0; } .devis_msg_no_devis {   margin: var(--default-margin);   padding-left: var(--default-margin); } .devis_table_liste {   width: calc(100% - calc(var(--default-margin) * 2));   text-align: center;   margin: var(--default-margin);   padding-bottom: var(--default-margin); } .devis_table_liste tbody tr:nth-child(2n) {   background-color: var(--overlay-color); } .devis_public_preview_head{   width: 100%;   page-break-before: always;   display: none; } .devis_public_preview_head:first-child {   page-break-before: auto;   display: block; } .devis_public_preview_head_titles {   display: inline-block;   text-align: center;   border-top: 1px solid black;   border-bottom: 1px solid black;   border-left: 1px solid black;   height: 120px;   padding-top: 1vw;   width: 48%;   margin-left: 2%; } .devis_public_preview_head_title {   font-size: var(--default-title-font-size); } .devis_public_preview_head_subTitle {   font-size: var(--default-title-font-size);   display: inline-block; } .devis_public_preview_head_coordonne_magasin {   width: 38%;   display: inline-block;   padding-left: 10%;   vertical-align: top;   padding-top: 1vw;   border-top: 1px solid black;   border-bottom: 1px solid black;   border-right: 1px solid black;   height: 120px;   margin-bottom: calc(var(--default-margin) + 20px); } .devis_public_preview_head_container_info, .devis_public_preview_head_coordonne_client {   display: inline-block !important;   padding: var(--default-margin);   border: 1px solid black;   vertical-align: middle; } .devis_public_preview_head_container_info {   margin-left: 2%; } .devis_public_preview_head_coordonne_client {   float: right;   margin-right: 2%; } .devis_public_preview_head_numero_devis, .devis_public_preview_head_client_cntnr, .devis_public_preview_head_client_title {   font-weight: bold;   margin-bottom: var(--default-margin); } .devis_public_preview_head_client, .devis_public_preview_head_date {   padding-left: var(--default-margin);   font-weight: normal; } .devis_public_preview_content {   min-height: 600px;   width: 96%;   margin-top: calc(var(--default-margin) + 20px);   margin-left: 2%; } .devis_public_preview_content_table{   width: 100%;   border-collapse: collapse;   text-align: center;   border: 1px solid black; } .devis_public_preview_content_table td, .devis_public_preview_content_table th {   border: 1px solid black; } .devis_public_preview_content_table td:first-of-type, .devis_public_preview_content_table th:first-of-type {   border-left: unset; } .devis_public_preview_content_table td:last-of-type, .devis_public_preview_content_table th:last-of-type {   border-right: unset; } .devis_public_preview_content_table th {   border-top: unset; } .devis_public_preview_content_table tbody tr:nth-child(2n){   background-color: var(--shadow-color); } .devis_public_preview_footer {   text-align: right;   width: 96%;   margin-top: calc(var(--default-margin) + 20px);   margin-left: 2%;   position: relative;   bottom: 0px; } .devis_public_preview_footer_infos{   display: inline-block;   width: 100%; } .devis_public_preview_footer_table {   padding: calc(var(--default-margin) / 2);   display: inline-block;   width: 44%;   border: 1px solid black; } .devis_public_preview_footer_table tbody{   display: inline-block;   width: 100%; } .devis_public_preview_footer_table tbody tr{   width: 100%;   display: inline-block; } .devis_public_preview_footer_table tbody tr td{   display: inline-block;   width: 48%; } .devis_public_preview_footer_table> tbody > tr > td:nth-child(1) {   text-align: left; } .devis_public_preview_footer_table> tbody > tr:nth-child(5n) {   font-weight:bold; } .devis_public_page_break {   page-break-before: always; } .devis_public_page_break tbody tr:first-of-type{   font-size: 0; } .devis_public_preview_footer_cgv {   font-size: var(--default-font-size);   text-align: center;   padding-top: var(--default-margin);   display: none; } .devis_public_preview_footer_cgv:last-child {   display: block; } .devis_public_title{   padding-left: calc(var(--default-margin) * 2);   font-size: calc(var(--default-font-size) + 10px);   text-transform: uppercase;   text-decoration: underline;   font-weight: bold; } .devis_public_previewinfo_currency {   float: right; } /* Réference */ .devis_public_preview_column_1 {   width: 11vw; } /* Libéllé */ .devis_public_preview_column_2 { } /* Prix unitaire HT */ .devis_public_preview_column_3 {   width: 10vw; } /* TVA */ .devis_public_preview_column_4 {   width: 5vw; } /* Prix unitaire TTC */ .devis_public_preview_column_5 {   width: 10vw; } /* Quantité */ .devis_public_preview_column_6 {   width: 5vw; } /* Total TTC */ .devis_public_preview_column_7 {   width: 10vw; } @media print {   [class*="_container"]{  display: none;   }   .le_main .hierarchie2_public_container, .mon_compte_result{  display:block;   }   .mon_compte{  display:none;   }   .le_main{  position: absolute;  width: 99%;  top: 0px;  left: 0px;  border: unset;  color: black;  box-shadow: unset;  background-color: white;  padding-bottom: unset;   }   .devis_public_container{  display: inline-block !important;  border: unset;  background-color: unset;   }   .devis_public_btns{  display: none;   }   .devis_public_preview {  font-size: 10px;  width: 100%;  padding: 0;  position: absolute;  left: 0;  top: 0;  background-color: white;   }   .devis_public_preview_head{  display: block !important;   }   .devis_public_preview_content{  display: block;  width: 99%;  margin-left: unset;   }   .devis_public_preview_footer{  display: block;   }   .devis_public_preview_footer_cgv{  display: block;   }   .devis_public_preview_head:last-of-type{  top: 400px;   }   .devis_public_page_break tbody tr:first-of-type{  display: content;   }   .devis_public_preview_head_numero_devis, .devis_public_preview_head_client_cntnr, .devis_public_preview_head_date_title{  margin-bottom: unset;   }   .devis_public_preview_head_titles, .devis_public_preview_head_coordonne_magasin {  height: 90px;  margin-left: 0%;  width: 44.4%;   }   .devis_public_preview_head_container_info{  margin-left: unset;   }   .devis_public_page_break tbody tr:first-of-type {   font-size: unset;   }   .devis_public_preview_footer_table {   margin-bottom: calc(var(--default-margin) + 60px);   }   .devis_public_preview_content_table{ } .devis_public_preview_subcontent {   height: 520px;   margin-top: calc(var(--default-margin) + 20px); } .devis_public_preview_footer_cgv {   bottom: 0mm;   position: absolute;   font-size: 8px;   width: 100%; } } @media screen and (max-width: 1080px) {   .devis_public_preview {    }   .devis_public_preview_head_title {  font-size: var(--default-title-font-size);   }   .devis_public_preview_head_subTitle {  font-size: calc(var(--default-title-font-size) - 1vw);   }   .devis_public_preview_head_titles, .devis_public_preview_head_coordonne_magasin {  height: 21vw;   }   .devis_public_preview_head_coordonne_client {   margin-left: 12%; } } .facture_public_container {   padding-top: var(--default-margin); } .facture_public_btns, .facture_public_preview {   width: calc(100% - calc(var(--default-margin) * 2));   margin: var(--default-margin);   padding-bottom: var(--default-margin); } .facture_btn_show_facture {   margin: 0; } .facture_msg_no_facture {   margin: var(--default-margin);   padding-left: var(--default-margin); } .facture_table_liste {   width: calc(100% - calc(var(--default-margin) * 2));   text-align: center;   margin: var(--default-margin);   padding-bottom: var(--default-margin); } .facture_table_liste tbody tr:nth-child(2n) {   background-color: var(--back-color3); } .facture_public_preview_head{   width: 100%;   page-break-before: always;   display: none; } .facture_public_preview_head:first-child {   page-break-before: auto;   display: block; } .facture_public_preview_head_titles {   display: inline-block;   text-align: center;   border-top: 1px solid black;   border-bottom: 1px solid black;   border-left: 1px solid black;   height: 120px;   padding-top: 1vw;   width: 48%;   margin-left: 2%; } .facture_public_preview_head_title {   font-size: var(--default-title-font-size);   display: none; } .facture_public_preview_head_titles img { width: 100%; padding-left: 2vw; } .facture_public_preview_head_subTitle {   font-size: var(--default-title-font-size);   display: inline-block; } .facture_public_preview_head_coordonne_magasin {   width: 38%;   display: inline-block;   padding-left: 10%;   vertical-align: top;   padding-top: 1vw;   border-top: 1px solid black;   border-bottom: 1px solid black;   border-right: 1px solid black;   height: 120px;   margin-bottom: calc(var(--default-margin) + 20px); } .facture_public_preview_head_container_info, .facture_public_preview_head_coordonne_client {   display: inline-block !important;   padding: var(--default-margin);   border: 1px solid black;   vertical-align: middle; } .facture_public_preview_head_container_info {   margin-left: 2%; } .facture_public_preview_head_coordonne_client {   float: right;   margin-right: 2%; } .facture_public_preview_head_numero_facture, .facture_public_preview_head_client_cntnr, .facture_public_preview_head_client_title {   font-weight: bold;   margin-bottom: var(--default-margin); } .facture_public_preview_head_client, .facture_public_preview_head_date {   padding-left: var(--default-margin);   font-weight: normal; } .facture_public_preview_head_date_title {   font-weight: bold; } .facture_public_preview_content {   min-height: 600px;   width: 96%;   margin-top: calc(var(--default-margin) + 20px);   margin-left: 2%; } .facture_public_preview_content_table{   width: 100%;   border-collapse: collapse;   text-align: center;   border: 1px solid black; } .facture_public_preview_content_table td, .facture_public_preview_content_table th {   border: 1px solid black; } .facture_public_preview_content_table td:first-of-type, .facture_public_preview_content_table th:first-of-type {   border-left: unset; } .facture_public_preview_content_table td:last-of-type, .facture_public_preview_content_table th:last-of-type {   border-right: unset; } .facture_public_preview_content_table th {   border-top: unset; } .facture_public_preview_content_table tbody tr:nth-child(2n){   background-color: var(--back-color); } .facture_public_preview_footer {   text-align: right;   width: 96%;   margin-top: calc(var(--default-margin) + 20px);   margin-left: 2%;   position: relative;   bottom: 0px; } .facture_public_preview_footer_infos{   display: inline-block;   width: 100%; } .facture_public_preview_footer_table {   padding: calc(var(--default-margin) / 2);   display: inline-block;   width: 44%;   border: 1px solid black; } .facture_public_preview_footer_table tbody{   display: inline-block;   width: 100%; } .facture_public_preview_footer_table tbody tr{   width: 100%;   display: inline-block; } .facture_public_preview_footer_table tbody tr td{   display: inline-block;   width: 48%; } .facture_public_preview_footer_table> tbody > tr > td:nth-child(1) {   text-align: left; } .facture_public_preview_footer_table> tbody > tr:nth-child(5n) {   font-weight:bold; } .facture_public_page_break {   page-break-before: always; } .facture_public_page_break tbody tr:first-of-type{   font-size: 0; } .facture_public_preview_footer_cgv {   font-size: var(--default-font-size);   text-align: center;   padding-top: var(--default-margin);   display: none; } .facture_public_preview_footer_cgv:last-child {   display: block; } .facture_public_title{   padding-left: calc(var(--default-margin) * 2);   font-size: calc(var(--default-font-size) + 10px);   text-transform: uppercase;   text-decoration: underline;   font-weight: bold; } .facture_public_previewinfo_currency {   float: right; } /* Réference */ .facture_public_preview_column_1 {   width: 11vw; } /* Libéllé */ .facture_public_preview_column_2 { } /* Prix unitaire HT */ .facture_public_preview_column_3 {   width: 10vw; } /* TVA */ .facture_public_preview_column_4 {   width: 5vw; } /* Prix unitaire TTC */ .facture_public_preview_column_5 {   width: 10vw; } /* Quantité */ .facture_public_preview_column_6 {   width: 5vw; } /* Total TTC */ .facture_public_preview_column_7 {   width: 10vw; } .facture_public_preview_container_rib {   display: inline-block;   width: 50%;   margin-right: var(--default-margin);   text-align: left;   padding: calc(var(--default-margin) / 2);   vertical-align: middle; } .facture_public_preview_rib_val {   margin-right: calc(2 * var(--default-margin)); } @media print {   [class*="_container"]{  display: none;   }   .le_main .hierarchie2_public_container, .mon_compte_result{  display:block;   }   .mon_compte{  display:none;   }   .le_main{  position: absolute;  width: 99%;  top: 0px;  left: 0px;  border: unset;  color: black;  box-shadow: unset;  background-color: white;  padding-bottom: unset;   }   .facture_public_container{  display: inline-block !important;  border: unset;  background-color: unset;   }   .facture_public_btns{  display: none;   }   .facture_public_preview {  font-size: 10px;  width: 100%;  padding: 0;  position: absolute;  left: 0;  top: 0;  background-color: white;   }   .facture_public_preview_head{  display: block !important;   }   .facture_public_preview_content{  display: block;  width: 99%;  margin-left: unset;   }   .facture_public_preview_footer{  display: block;   }   .facture_public_preview_container_rib {  display: inline-block;   }   .facture_public_preview_footer_cgv{  display: block;   }   .facture_public_preview_head:last-of-type{  top: 400px;   }   .facture_public_page_break tbody tr:first-of-type{  display: content;   }   .facture_public_preview_head_numero_facture, .facture_public_preview_head_client_cntnr, .facture_public_preview_head_date_title{  margin-bottom: unset;   }   .facture_public_preview_head_titles, .facture_public_preview_head_coordonne_magasin {  height: 90px;  margin-left: 0%;  width: 44.4%;   }   .facture_public_preview_head_container_info{  margin-left: unset;   }   .facture_public_page_break tbody tr:first-of-type {   font-size: unset;   }   .facture_public_preview_footer_table {   margin-bottom: calc(var(--default-margin) + 60px);   }   .facture_public_preview_content_table{ } .facture_public_preview_subcontent {   height: 520px;   margin-top: calc(var(--default-margin) + 20px); } .facture_public_preview_footer_cgv {   bottom: 0mm;   position: absolute;   font-size: 8px;   width: 100%; } } @media screen and (max-width: 1080px) {   .facture_public_preview {    } .facture_public_preview_head_titles img {   padding-top: 5vw;   width: 50vw;   padding-left: 1vw; }   .facture_public_preview_head_title {  font-size: var(--default-title-font-size);   }   .facture_public_preview_head_subTitle {  font-size: calc(var(--default-title-font-size) - 1vw);   }   .facture_public_preview_head_titles, .facture_public_preview_head_coordonne_magasin {  height: 21vw;   }   .facture_public_preview_head_coordonne_client {   margin-left: 12%; } } /* .paiementpaybox_container {   position: relative;   z-index: 3;   margin: 3% 1%;   border: 1px solid black;   box-shadow: 4px 4px 4px #817872;   border-radius: 50px;   background: #ffd89e;   background: -moz-linear-gradient(top, #ffd89e 0%, #ffd89e 1%, #f79953 35%, #f79953 100%);   background: -webkit-linear-gradient(top, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   background: linear-gradient(to bottom, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd89e', endColorstr='#f79953',GradientType=0 );   padding: 1% 1% 2% 1%;   text-align: center; } .paiementpaybox_explication{   text-align: center;   text-decoration: underline;   font-weight: bold; } .paiementpaybox_btn_new_adr {   width: 20%;   position: relative;   left: calc(50% - 10%); } .paiementpaybox_btn_valid_adr{   filter: drop-shadow(3px 3px 3px #000);   margin-top: 20px; } .paiementpaybox_btn_valid_adr:active{   filter: unset; } .paiementpaybox_form fieldset {   background: #fff;   border: 1px solid #B5B5B5;   border-radius: 4px;   text-align: left; } .paiementpaybox_form fieldset div label {   display: inline-block;   width: 200px; } .paiementpaybox_inp_adresse input:last-of-type {   display: block;   left: 200px; } .paiementpaybox_braintree_logo {   display: block;   width: 189px;   height: 44px;   background: url(public/paiementpaybox/images/bt_a-paypal-service_v_black.svg);   background-repeat: no-repeat;   background-size: auto 100%; } .paiementpaybox_hide {   display: none; }  ADRESSE  .paiementpaybox_list_adr {   display: flex;   flex-flow: row wrap;   justify-content: space-evenly;   margin: var(--default-margin) 0; } #container_facturation, #container_livraison {   border-style: dashed none;   border-width: 1px;   margin-bottom: var(--default-margin); } .paiementpaybox_adr {   display: inline-block;   border: 1px dashed var(--back-color3);   border-radius: var(--default-radius);   cursor: pointer;   box-shadow: var(--shadow-box);   padding: var(--default-margin);   width: 400px;   margin: var(--default-margin);   background-color: var(--back-color3);   color: var(--back-color); } .paiementpaybox_adr:hover {   box-shadow: 0px 0px 8px #000; } .paiementpaybox_adr_selected {   box-shadow: 2px 2px 2px var(--back-color3);   background-color: var(--back-color);   color: var(--back-color3); } .paiementpaybox_adr > span {   pointer-events: none;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none; } .paiementpaybox_container_adr:active {   box-shadow: unset; } .paiementpaybox_container_adr {   margin: 20px; } .paiementpaybox_name_adr {   text-transform: uppercase;   margin: 0 10px 0 0; } .paiementpaybox_rue_adr {   display: block;   pointer-events: none; } .paiementpaybox_ville_adr {   margin: 0 0 0 10px;   text-transform: uppercase; } .paiementpaybox_selected_adr {   border-color: blue !important;   background-color: #ececec !important; } .paiementpaybox_title {   font-size: 23px;   text-decoration: underline;   text-align: left;   padding: 10px 0px 0px 20px;   text-transform: uppercase;   font-weight: bold; } .paiementpaybox_container_adresse, .paiementpaybox_container_produit {   border: 1px solid var(--back-color2);   border-radius: var(--default-radius);   margin: var(--default-margin); } .paiementpaybox_info_produit, .paiementpaybox_info_adresse, .paiementpaybox_info_paiementpaybox, .paiementpaybox_info_retrait {   background: var(--back-color3);   border-top-right-radius: var(--default-radius);   border-top-left-radius: var(--default-radius);   padding: var(--default-margin);   font-size: var(--default-title-font-size);   text-decoration: underline; } .paiementpaybox_table_produits, .paiementpaybox_table_total {   border: 1px solid var(--back-color2);   border-radius: 4px;   margin: var(--default-margin) 0;   background-color: white;   text-align: center; } .paiementpaybox_table_produits{   width: 100%; } .paiementpaybox_table_total {   width: 40%;   position: relative;   left: calc(100% - 40%); } .paiementpaybox_table_total > tbody > tr > td:first-of-type{   padding-right: 10px;  font-weight: bold; } .paiementpaybox_table_total > tbody > tr > td:nth-child(2){ } .paiementpaybox_table_total tbody tr th {   padding: 10px; } .paiementpaybox_table_produits > tbody > tr > th:nth-child(1) {   width:40%; } .paiementpaybox_table_produits > tbody > tr > td:nth-child(1) {   width:40%; } .paiementpaybox_table_produits tbody tr:nth-child(2n),.paiementpaybox_table_total tbody tr:nth-child(2n) {   background: #ddd; } .paiementpaybox_container_ingredient > td {   text-align: left;   padding: 0 0 0 5%; } .paiementpaybox_btn_modif_adresse, .paiementpaybox_btn_modif_panier, .paiementpaybox_btn_suite {   margin: 0 0 var(--default-margin) 0;   width: 20%;   position: relative;   left: calc(50% - 10%); } .paiementpaybox_recap_adr {   display: flex;   flex-flow: row nowrap;   justify-content: space-evenly;   margin: var(--default-margin) 0; } .paiementpaybox_recap_adr_fact, .paiementpaybox_recap_adr_livr {   border: 1px solid var(--back-color2);   border-radius: var(--default-radius);   flex: 0 1 40%; } .paiementpaybox_recap_info_adr {   display: block;   text-align: center;   font-size: calc(var(--default-font-size) + 3px);   text-decoration: underline;   border-bottom: 1px solid var(--back-color2);   padding: var(--default-margin); } .paiementpaybox_recap_container_adr {   padding: var(--default-margin);   text-align: center; } .paiementpaybox_container_info_cgv {   text-align: center;   margin-bottom: var(--default-margin); } .paiementpaybox_total, .paiementpaybox_method, .paiementpaybox_retrait {   margin: 0 0 10px 50px; } .paiementpaybox_method span {   margin: 0 0 0 10px; } .paiementpaybox_btn_modif_adresse span, .paiementpaybox_btn_modif_panier span, .paiementpaybox_btn_modif_heure span {   background-color: #4a1705;   color: white;   text-shadow: 1px 1px 1px black;   border-radius: 7px;   font-weight: bold;   padding: 5px 15px;   font-family: phitra;   border: 2px outset white;   filter: drop-shadow(2px 2px 3px rgba(100,20,0 , 0.7));   cursor: pointer;   text-decoration: none; } .paiementpaybox_btn_modif_adresse span:hover, .paiementpaybox_btn_modif_panier span:hover, .paiementpaybox_btn_modif_heure span:hover {   filter: drop-shadow(3px 3px 3px #000); } .paiementpaybox_btn_modif_adresse span:active, .paiementpaybox_btn_modif_panier span:active, .paiementpaybox_btn_modif_heure span:active {   filter: unset !important; } .paiementpaybox_adresse {   display: inline-block;   width: 30%;   padding: 10px;   border: 1px solid #b4b4b4;   border-radius: 4px;   background: #fff;   margin: 10px 2%;   box-shadow: 2px 2px 2px black;   vertical-align: middle;   text-align: center; } .paiementpaybox_retrait {   width: 30%;   margin-left: 35%;   background-color: white;   border: 1px solid gray;   font-weight: bold; padding: 7px 0px 3px 0px; }  .paiementpaybox_info_cgv {   cursor: pointer;   text-decoration: underline; } .paiementpaybox_cgv_container {   height: 800px;   overflow-y: scroll; } .paiementpaybox_cheminement_container {   font-size: var(--default-title-font-size);   vertical-align: middle;   display: flex;   flex-flow: row nowrap;   justify-content: space-evenly;   align-items: center;   margin: var(--default-margin) 0; } .paiementpaybox_cheminement_actual {   color: var(--back-color3); } .paiementpaybox_info_paiementpaybox_provider {   background: url(../../public/paiementpaybox/images/bt_a-paypal-service_v_black.svg);   width: 100%;   height: 50px;   background-repeat: no-repeat;   background-size: auto 100%;   margin: 10px 0;   text-align: right; } .paiementpaybox_btn_modif_panier > a, .paiementpaybox_btn_modif_adresse > a, .paiementpaybox_btn_modif_heure > a, .paiementpaybox_btn_suite > a {   margin-right: 10px;   margin-left: 10px;   background-color: #4a1705;   color: white;   text-shadow: 1px 1px 1px black;   border-radius: 7px;   font-weight: bold;   padding: 5px 15px;   font-family: phitra;   filter: drop-shadow(2px 2px 3px rgba(100,20,0 , 0.7));   cursor: pointer;   border: 2px outset; } .paiementpaybox_btn_modif_panier > a:hover, .paiementpaybox_btn_modif_adresse > a:hover, .paiementpaybox_btn_modif_heure > a:hover, .paiementpaybox_btn_suite > a:hover{   filter: drop-shadow(3px 3px 3px #000); } .paiementpaybox_annuler {   margin: 15px 0;   display: inline-block;   border: 2px outset #fff;   border-radius: 7px;   background: #4a1705;   color: #fff;   font-weight: bold;   text-shadow: 1px 1px 1px black;   padding: 5px 15px;   filter: drop-shadow(2px 2px 3px rgba(100,20,0 , 0.7));   cursor: pointer; } .paiementpaybox_annuler:hover {   button: hover \{ filter: drop-shadow(3px 3px 3px #000);   filter: drop-shadow(3px 3px 3px #000); } .paiementpaybox_modal_cgv {   position: fixed;   display: block;   width: calc(60% - 42px);   padding: 20px;   border: 1px solid black;   border-radius: 50px;   box-shadow: 4px 4px 4px #817872;   height: calc(100% - 50px);   left: 20%;   top: 0;   background: #ffd89e;   background: -moz-linear-gradient(top, #ffd89e 0%, #ffd89e 1%, #f79953 35%, #f79953 100%);   background: -webkit-linear-gradient(top, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   background: linear-gradient(to bottom, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd89e', endColorstr='#f79953',GradientType=0 ); } .paiementpaybox_modal_cgv.hidden {   display: none; } .paiementpaybox_cgv {   height: calc(100% - 54px);   overflow: auto;   text-align: justify;   font-family: sans-serif; } .paiementpaybox_container_magasin {   display: inline-block;   text-align: center;   margin: 0 0 0 35px; } .paiementpaybox_braintree_overlay {   background: #000;   opacity: 0.4;   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 50px;   z-index: 9999; } .paiementpaybox_braintree_overlay_rotate {   display: block;   position: absolute;   background: url(../../images/waiting.svg);   background-repeat: no-repeat;   background-size: contain;   animation: rotate 2s linear infinite;   width: 100px;   height: 100px;   top: calc(50% - 50px);   left: calc(50% - 50px);   z-index: 99999; } .paiementpaybox_public_modal_cgv {   position: absolute;   top: 90px;   left: 10%;   width: 80%;   padding: var(--default-margin);   border: 2px solid var(--back-color3);   border-radius: var(--default-radius);   background: var(--back-color);   text-align: center; } .paiementpaybox_public_modal_cgv.hidden {   display: none; } .paiementpaybox_msg_info_container {   text-align: center;   padding: var(--default-margin); } @media screen and (max-width: 1080px) {   .paiementpaybox_info_produit, .paiementpaybox_info_adresse, .paiementpaybox_info_paiementpaybox, .paiementpaybox_info_retrait {  font-size: 4.5vw;   }   .paiementpaybox_btn_modif_panier {  margin-top: 12vw;   }   .paiementpaybox_adresse {  width: 50%;   }   .paiementpaybox_info_adresse {  margin-top: 40px !important;   }   .paiementpaybox_retrait {  width: 50%;  margin-left: 25%;   }   .paiementpaybox_info_suite, .paiementpaybox_info_suite2, .paiementpaybox_info_cgv{  font-size: 1.5vw;   }   .paiementpaybox_modal_cgv {  width: calc(100% - 42px);  left: 0;   }   .paiementpaybox_cgv {  font-size: 10px;   }   .paiementpaybox_container_magasin {  font-size: 27px;   } */ } [class*="hierarchie2_public_container"] ul, li {   list-style-type:none;   text-decoration:none; } .hierarchie2_public_container_mon_compte {   position: relative;   z-index: 1; } .menu_public {   position: absolute;   width: 100%;   top: var(--default-menu-top);   padding: unset;   z-index: 3;   margin: 0;   max-width: 100%;   text-align: center;   background: var(--button-back-color);   box-shadow: var(--shadow-box); } .menu_public > li {   display: inline-block;   cursor: pointer;   border-right: 1px solid var(--button-text-color); } .menu_public > li:first-of-type {   border-left: 1px solid var(--button-text-color); } .menu_public_categorie {   background: var(--back-color3); } .menu_public a {   display: block;   color: var(--button-text-color);   font-family: sans-serif;   padding: var(--default-margin);   text-decoration: none; } .menu_public a:hover {   text-shadow: var(--button-text-color-focus) 0 0 9px;   color: var(--button-text-color-focus); } .menu_public a:focus {   text-shadow: var(--button-text-color-focus) 0 0 9px;   color: var(--button-text-color-focus); } .menu_public > li > ul {   display: flex;   position: absolute;   left: 0%;   width: 100%;   padding-left: unset;   background: var(--button-back-color);   height: 0%;   flex-flow: row nowrap;   overflow: hidden; } .menu_public > li:hover > ul {   height: 69vh;   transition: 0.1s 0.3s height, 0s 0.3s box-shadow;   box-shadow: var(--shadow-box); } .menu_public > li > ul > li {   display: inline-block;   vertical-align: top;   flex: 1 1 10%;   border-right: 1px solid var(--button-back-color);   filter: grayscale(0.5);   max-height: 69vh; } .menu_public > li > ul > li > a {   text-align: left;   font-size: calc(var(--default-font-size) + 1px);   background-color: var(--mid-color);   margin: unset;   border-bottom: 1px solid var(--button-back-color);   font-weight: bold;   height: 30px; } .menu_public > li > ul > li:last-of-type {   border-right: unset; } .menu_public > li > ul > li > ul {   padding: unset;   max-height: 62vh;   overflow-y: auto; } .menu_public > li > ul > li > ul > li a {   font-size: calc(var(--default-font-size) - 4px);   text-align: left;   margin: unset;   font-family: arial;   padding: 5px var(--default-margin); } .menu_public > li > ul > li > ul > li > ul {   padding-left: calc(var(--default-margin) * 2); } .menu_public > li > ul > li > ul > li > ul > li{   text-align: left; } .menu_public > li > ul > li > ul > li > ul > li > a {   font-size: calc(var(--default-font-size) - 4px); } .test_pun {   position: absolute;   width: 100%;   top: 116px;   padding: unset;   z-index: 3;   margin: 0;   max-width: 100%;   text-align: center;   background: var(--button-back-color);   box-shadow: var(--shadow-box); } .test_pun > li {   display: inline-block;   cursor: pointer;   border-right: 1px solid var(--button-text-color); } .test_pun > li:first-of-type {   border-left: 1px solid var(--button-text-color); } .test_pun_categorie {   background: var(--back-color3); } .test_pun a {   display: block;   font-weight: bold;   color: var(--button-text-color);   font-family: sans-serif;   padding: var(--default-margin);   margin: 0 calc(var(--default-margin) - 4px);   text-decoration: none; } .test_pun a:hover {   text-shadow: var(--button-text-color-focus) 0 0 9px;   color: var(--button-text-color-focus); } .test_pun a:focus {   text-shadow: var(--button-text-color-focus) 0 0 9px;   color: var(--button-text-color-focus); } .test_pun > li > ul {   display: none;   position: absolute;   left: 0%;   width: 100%;   padding-left: unset;   box-shadow: var(--shadow-box);   background: var(--button-back-color); } .test_pun > li:hover > ul {   display: flex;   flex-flow: row nowrap; } .test_pun > li > ul > li {   display: inline-block;   vertical-align: top;   flex: 1 1 10%;   border-right: 1px solid var(--button-back-color); } .test_pun > li > ul > li > a {   font-size: calc(var(--default-font-size) - 4px);   background-color: var(--mid-color);   margin: unset;   border-bottom: 1px solid var(--button-back-color); } .test_pun > li > ul > li:last-of-type {   border-right: unset; } .test_pun > li > ul > li > ul {   padding: unset; } .test_pun > li > ul > li > ul > li a {   font-size: calc(var(--default-font-size) - 4px);   text-align: left;   margin: unset; } .test_pun > li > ul > li > ul > li > ul {   padding-left: calc(var(--default-margin) * 2); } .test_pun > li > ul > li > ul > li > ul > li{   text-align: left; } .test_pun > li > ul > li > ul > li > ul > li > a {   font-size: calc(var(--default-font-size) - 4px); } .mon_compte{   padding: 20px;   text-align: center; } .mon_compte li {   width: 25%;   display: inline-block;   text-align: center; } .mon_compte li a div {   font-weight: bold;   display: inline-block;   font-size: var(--default-font-size);   cursor: pointer;   border-radius: var(--default-radius);   color: var(--button-text-color);   padding: var(--default-margin);   box-shadow: 3px 3px 3px var(--shadow-color);   vertical-align: middle;   background-color: var(--button-back-color); } .mon_compte li a:hover div {   color: var(--button-text-color-focus);   box-shadow: 3px 3px 3px var(--shadow-color-hover); } @media screen and (max-width: 1080px) {   .hierarchie2_public_container {  top: 0;  position: absolute;   }   .hierarchie2_public_container {  position: absolute;  top: 0px;  z-index: 100;   }   .menu_public {  top: var(--default-menu-top);  overflow-y: auto;  z-index: 99;  display: none;  position: fixed;  max-height: calc(100% - var(--default-menu-top));  box-shadow: unset;   }  .menu_public > li {  width: 100%;   }   .menu_public > li:first-of-type {  border-left: none;   }  .menu_public > li:hover > ul {  height: unset;  transition: unset;  box-shadow: unset;   }  .menu_public > li > ul {  position: relative;  display: none;  height: none;   }  .menu_public > li > a {  width: 80%;  float:left;  display: inline-block;  padding: var(--default-margin) 0;  margin: unset;  font-size: calc(var(--default-font-size) + 3.5vw);  padding-left: 10%;   }  .menu_public > li > ul > li{  display: block;   }   /*   .menu_public > li > ul > li > .burger_public_collapse_indicator {  padding: 0.4em 0;  margin: 0px 0 0px 0;  font-size: 5.5vw;  background: unset;  border: unset;  border-bottom-color: unset;  border-bottom-style: unset;  border-bottom-width: unset;  box-shadow: unset;  border-bottom: 1px solid #6b6b6b;  border-radius: unset;   } */   .menu_public > li > ul > li > a {  font-size: 5.5vw;  border-bottom: 1px solid var(--back-color2);  height: auto;   }  .menu_public > li > ul > li > ul {  text-align: left;   }  .menu_public > li > ul > li > ul > li {  display: inline-block;  width: 50%;  vertical-align: top;   }  .menu_public > li > ul > li > ul > li > a {  font-size: calc(var(--default-title-font-size) - 0.5vw);   }  .menu_public > li > ul > li > ul > li > a {  font-size: calc(var(--default-font-size) + 1vw);  color:#f2e28e;   }   .menu_public > li > ul > li > ul > li > ul > li > a {  font-size: calc(var(--default-font-size) + 0.6vw);   }   .menu_public_text_link {  padding-left: unset;   }   .mon_compte {  margin: unset;  padding: unset;   }  .mon_compte li {  width: 70%;  margin: var(--default-margin);   }  .mon_compte li a div {  font-size: 4vw;  width: calc(100% - 20px);   } }   .fraisdeport_public_container {   text-align: right; } .fraisdeport_label, .fraisdeport_prix {   display: inline-block; } .fraisdeport_label {   padding-right: var(--default-margin); } .fraisdecaramel_container_prix {   padding: 10px 20px;   text-transform: uppercase;   text-align: center;   background: var(--back-color);   padding: var(--default-margin);   margin-top: var(--default-margin); } .fraisdecaramel_prix {   font-weight: bold;   padding-left: 5px; } .fraisdecaramel_container {   position: relative;   z-index: 3;   margin: 3% 1%;   border: 1px solid black;   box-shadow: 4px 4px 4px #817872;   border-radius: 50px;   background: #ffd89e;   background: -moz-linear-gradient(top, #ffd89e 0%, #ffd89e 1%, #f79953 35%, #f79953 100%);   background: -webkit-linear-gradient(top, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   background: linear-gradient(to bottom, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd89e', endColorstr='#f79953',GradientType=0 );   padding: 1% 1% 2% 1%;   text-align: center; } .fraisdecaramel_explication{   text-align: center;   text-decoration: underline;   font-weight: bold; } .fraisdecaramel_btn_new_adr {   width: 20%;   position: relative;   left: calc(50% - 10%); } .fraisdecaramel_btn_valid_adr{   filter: drop-shadow(3px 3px 3px #000);   margin-top: 20px; } .fraisdecaramel_btn_valid_adr:active{   filter: unset; } .fraisdecaramel_form fieldset {   background: #fff;   border: 1px solid #B5B5B5;   border-radius: 4px;   text-align: left; } .fraisdecaramel_form fieldset div label {   display: inline-block;   width: 200px; } .fraisdecaramel_inp_adresse input:last-of-type {   display: block;   left: 200px; } .fraisdecaramel_braintree_logo {   display: block;   width: 189px;   height: 44px;   background: url(public/fraisdecaramel/images/bt_a-paypal-service_v_black.svg);   background-repeat: no-repeat;   background-size: auto 100%; } .fraisdecaramel_hide {   display: none; } /* ADRESSE */ .fraisdecaramel_list_adr {   display: flex;   flex-flow: row wrap;   justify-content: space-evenly; /*   margin: var(--default-margin) 0; */ } #container_facturation, #container_livraison {   background: var(--back-color); /*   border-style: dashed none;   border-width: 1px;   margin-bottom: var(--default-margin); */ } .fraisdecaramel_adr {   display: inline-block;   border: 1px dashed var(--back-color3);   border-radius: var(--default-radius);   cursor: pointer;   box-shadow: var(--shadow-box);   padding: var(--default-margin);   width: 400px;   margin: var(--default-margin);   background-color: var(--back-color3);   color: var(--back-color); } .fraisdecaramel_adr:hover {   box-shadow: 0px 0px 8px #000; } .fraisdecaramel_adr_selected {   box-shadow: 2px 2px 2px var(--back-color3);   background-color: var(--back-color);   color: var(--back-color3); } .fraisdecaramel_adr > span {   pointer-events: none;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none; } .fraisdecaramel_container_adr:active {   box-shadow: unset; } .fraisdecaramel_container_adr {   margin: 20px; } .fraisdecaramel_name_adr {   text-transform: uppercase;   margin: 0 10px 0 0; } .fraisdecaramel_rue_adr {   display: block;   pointer-events: none; } .fraisdecaramel_ville_adr {   margin: 0 0 0 10px;   text-transform: uppercase; } .fraisdecaramel_selected_adr {   border-color: blue !important;   background-color: #ececec !important; } .fraisdecaramel_container_title {   font-size: calc(var(--default-font-size) + 0.3em);   text-transform: uppercase;   font-weight: bold;   cursor: pointer;   background: var(--back-color);   padding: var(--default-margin);   margin-top: var(--default-margin);   border-bottom: 1px dashed; } .fraisdecaramel_title {   padding-left: var(--default-margin); } .fraisdecaramel_container_adresse, .fraisdecaramel_container_produit {   border: 1px solid var(--back-color2);   border-radius: var(--default-radius);   margin: var(--default-margin); } .fraisdecaramel_info_produit, .fraisdecaramel_info_adresse, .fraisdecaramel_info_fraisdecaramel, .fraisdecaramel_info_retrait {   background: var(--back-color3);   border-top-right-radius: var(--default-radius);   border-top-left-radius: var(--default-radius);   padding: var(--default-margin);   font-size: var(--default-title-font-size);   text-decoration: underline; } .fraisdecaramel_table_produits, .fraisdecaramel_table_total {   border: 1px solid var(--back-color2);   border-radius: 4px;   margin: var(--default-margin) 0;   background-color: white;   text-align: center; } .fraisdecaramel_table_produits{   width: 100%; } .fraisdecaramel_table_total {   width: 40%;   position: relative;   left: calc(100% - 40%); } .fraisdecaramel_table_total > tbody > tr > td:first-of-type{   padding-right: 10px;  font-weight: bold; } .fraisdecaramel_table_total > tbody > tr > td:nth-child(2){ } .fraisdecaramel_table_total tbody tr th {   padding: 10px; } .fraisdecaramel_table_produits > tbody > tr > th:nth-child(1) {   width:40%; } .fraisdecaramel_table_produits > tbody > tr > td:nth-child(1) {   width:40%; } .fraisdecaramel_table_produits tbody tr:nth-child(2n),.fraisdecaramel_table_total tbody tr:nth-child(2n) {   background: #ddd; } .fraisdecaramel_container_ingredient > td {   text-align: left;   padding: 0 0 0 5%; } .fraisdecaramel_btn_modif_adresse, .fraisdecaramel_btn_modif_panier, .fraisdecaramel_btn_suite {   margin: 0 0 var(--default-margin) 0;   width: 20%;   position: relative;   left: calc(50% - 10%); } .fraisdecaramel_recap_adr {   display: flex;   flex-flow: row nowrap;   justify-content: space-evenly;   margin: var(--default-margin) 0; } .fraisdecaramel_recap_adr_fact, .fraisdecaramel_recap_adr_livr {   border: 1px solid var(--back-color2);   border-radius: var(--default-radius);   flex: 0 1 40%; } .fraisdecaramel_recap_info_adr {   display: block;   text-align: center;   font-size: calc(var(--default-font-size) + 3px);   text-decoration: underline;   border-bottom: 1px solid var(--back-color2);   padding: var(--default-margin); } .fraisdecaramel_recap_container_adr {   padding: var(--default-margin);   text-align: center; } .fraisdecaramel_container_info_cgv {   text-align: center;   margin-bottom: var(--default-margin); } .fraisdecaramel_total, .fraisdecaramel_method, .fraisdecaramel_retrait {   margin: 0 0 10px 50px; } .fraisdecaramel_method span {   margin: 0 0 0 10px; } .fraisdecaramel_btn_modif_adresse span, .fraisdecaramel_btn_modif_panier span, .fraisdecaramel_btn_modif_heure span {   background-color: #4a1705;   color: white;   text-shadow: 1px 1px 1px black;   border-radius: 7px;   font-weight: bold;   padding: 5px 15px;   font-family: phitra;   border: 2px outset white;   filter: drop-shadow(2px 2px 3px rgba(100,20,0 , 0.7));   cursor: pointer;   text-decoration: none; } .fraisdecaramel_btn_modif_adresse span:hover, .fraisdecaramel_btn_modif_panier span:hover, .fraisdecaramel_btn_modif_heure span:hover {   filter: drop-shadow(3px 3px 3px #000); } .fraisdecaramel_btn_modif_adresse span:active, .fraisdecaramel_btn_modif_panier span:active, .fraisdecaramel_btn_modif_heure span:active {   filter: unset !important; } .fraisdecaramel_adresse {   display: inline-block;   width: 30%;   padding: 10px;   border: 1px solid #b4b4b4;   border-radius: 4px;   background: #fff;   margin: 10px 2%;   box-shadow: 2px 2px 2px black;   vertical-align: middle;   text-align: center; } .fraisdecaramel_retrait {   width: 30%;   margin-left: 35%;   background-color: white;   border: 1px solid gray;   font-weight: bold; padding: 7px 0px 3px 0px; }  .fraisdecaramel_info_cgv {   cursor: pointer;   text-decoration: underline; } .fraisdecaramel_cgv_container {   height: 800px;   overflow-y: scroll; } .fraisdecaramel_cheminement_container {   font-size: var(--default-title-font-size);   vertical-align: middle;   display: flex;   flex-flow: row nowrap;   justify-content: space-evenly;   align-items: center;   margin: var(--default-margin) 0; } .fraisdecaramel_cheminement_actual {   color: var(--back-color3); } .fraisdecaramel_info_fraisdecaramel_provider {   background: url(../../public/fraisdecaramel/images/bt_a-paypal-service_v_black.svg);   width: 100%;   height: 50px;   background-repeat: no-repeat;   background-size: auto 100%;   margin: 10px 0;   text-align: right; } .fraisdecaramel_btn_modif_panier > a, .fraisdecaramel_btn_modif_adresse > a, .fraisdecaramel_btn_modif_heure > a, .fraisdecaramel_btn_suite > a {   margin-right: 10px;   margin-left: 10px;   background-color: #4a1705;   color: white;   text-shadow: 1px 1px 1px black;   border-radius: 7px;   font-weight: bold;   padding: 5px 15px;   font-family: phitra;   filter: drop-shadow(2px 2px 3px rgba(100,20,0 , 0.7));   cursor: pointer;   border: 2px outset; } .fraisdecaramel_btn_modif_panier > a:hover, .fraisdecaramel_btn_modif_adresse > a:hover, .fraisdecaramel_btn_modif_heure > a:hover, .fraisdecaramel_btn_suite > a:hover{   filter: drop-shadow(3px 3px 3px #000); } .fraisdecaramel_annuler {   margin: 15px 0;   display: inline-block;   border: 2px outset #fff;   border-radius: 7px;   background: #4a1705;   color: #fff;   font-weight: bold;   text-shadow: 1px 1px 1px black;   padding: 5px 15px;   filter: drop-shadow(2px 2px 3px rgba(100,20,0 , 0.7));   cursor: pointer; } .fraisdecaramel_annuler:hover {   button: hover \{ filter: drop-shadow(3px 3px 3px #000);   filter: drop-shadow(3px 3px 3px #000); } .fraisdecaramel_modal_cgv {   position: fixed;   display: block;   width: calc(60% - 42px);   padding: 20px;   border: 1px solid black;   border-radius: 50px;   box-shadow: 4px 4px 4px #817872;   height: calc(100% - 50px);   left: 20%;   top: 0;   background: #ffd89e;   background: -moz-linear-gradient(top, #ffd89e 0%, #ffd89e 1%, #f79953 35%, #f79953 100%);   background: -webkit-linear-gradient(top, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   background: linear-gradient(to bottom, #ffd89e 0%,#ffd89e 1%,#f79953 35%,#f79953 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd89e', endColorstr='#f79953',GradientType=0 ); } .fraisdecaramel_modal_cgv.hidden {   display: none; } .fraisdecaramel_cgv {   height: calc(100% - 54px);   overflow: auto;   text-align: justify;   font-family: sans-serif; } .fraisdecaramel_container_magasin {   display: inline-block;   text-align: center;   margin: 0 0 0 35px; } .fraisdecaramel_braintree_overlay {   background: #000;   opacity: 0.4;   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   border-radius: 50px;   z-index: 9999; } .fraisdecaramel_braintree_overlay_rotate {   display: block;   position: absolute;   background: url(../../images/waiting.svg);   background-repeat: no-repeat;   background-size: contain;   animation: rotate 2s linear infinite;   width: 100px;   height: 100px;   top: calc(50% - 50px);   left: calc(50% - 50px);   z-index: 99999; } .fraisdecaramel_public_modal_cgv {   position: absolute;   top: 90px;   left: 10%;   width: 80%;   padding: var(--default-margin);   border: 2px solid var(--back-color3);   border-radius: var(--default-radius);   background: var(--back-color);   text-align: center; } .fraisdecaramel_public_modal_cgv.hidden {   display: none; } .fraisdecaramel_msg_info_container {   text-align: center;   padding: var(--default-margin); } .fraisdecaramel_modal_form {   display: block;   position: absolute;   width: 60%;   background: white;   text-align: center;   left: 20%;   top: 20%;   padding: 1vw;   border-radius: var(--default-radius);   box-shadow: var(--shadow-box); } .fraisdecaramel_modal_form.hidden {   display: none; } .fraisdecaramel_container_retrait_magasin {   margin: var(--default-margin) 0;   text-transform: uppercase;   font-weight: bold;   font-size: calc(var(--default-font-size) + 0.3em);   background: var(--back-color);   padding: var(--default-margin);   margin-top: var(--default-margin); } .fraisdecaramel_input_recuperer {   vertical-align: middle;   cursor: pointer;   box-shadow: 0px 0px var(--default-margin) calc(var(--default-margin) / 2) var(--back-color3);   margin-left: var(--default-margin); } .fraisdecaramel_label_recuperer {   vertical-align: middle;   cursor: pointer; } @media screen and (max-width: 1080px) {   .fraisdecaramel_info_produit, .fraisdecaramel_info_adresse, .fraisdecaramel_info_fraisdecaramel, .fraisdecaramel_info_retrait {  font-size: 4.5vw;   }   .fraisdecaramel_btn_modif_panier {  margin-top: 12vw;   }   .fraisdecaramel_adresse {  width: 50%;   }   .fraisdecaramel_info_adresse {  margin-top: 40px !important;   }   .fraisdecaramel_retrait {  width: 50%;  margin-left: 25%;   }   .fraisdecaramel_info_suite, .fraisdecaramel_info_suite2, .fraisdecaramel_info_cgv{  font-size: 1.5vw;   }   .fraisdecaramel_modal_cgv {  width: calc(100% - 42px);  left: 0;   }   .fraisdecaramel_cgv {  font-size: 10px;   }   .fraisdecaramel_container_magasin {  font-size: 27px;   } } .paiementmulti_title {   font-size: 23px;   text-decoration: underline;   text-align: left;   padding: 10px 0px 0px 20px;   text-transform: uppercase;   font-weight: bold;   margin-left: 9px;   display: none; } .paiementmulti_inp_radio_paie {   display: none !important; } .paiementmulti_inp_radio_paie + label {   display: none; } .paiementmulti_inp_radio_paie + label + br {   display: none; } .paiementmulti_list_type {   text-align: center;   font-size: 1.3em; } .paiementmulti_list_type label {   vertical-align: middle; } .paiementmulti_btn_proceed {   font-size: calc(var(--default-font-size) + 0.3em); } .paiementstripe_cheminement_container {   display: none; } .paiementstripe_msg_info_container {   margin: var(--default-margin);   font-size: calc(var(--default-font-size) + 0.3em);   text-align: center;   background: var(--back-color);   padding: var(--default-margin);   border-radius: var(--default-radius); }