*{
box-sizing: border-box;
font-size: 16px;
font-weight: 400;
line-height: 112%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:root{
--bleuCocoGardel: #44c4ff;
--pinkCocoGardel:#ff44c4;
--yellowCocoGardel: #fecd33;
--greyCocoGardel: #6d6d6d;
--bg-color: #fff;
--bckgSideMenu: #efefef;
--bordureMenu: #44c4ff;
--bckgMenu: url();
--baseMargin33: 33px;
--baseMargin: 11px;
--baseHeightforHeader: 114px; --transition-duree: 0.4s;
}
body{
background-color: var(--bg-color);
font-family: 'Rubik', sans-serif;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 1.3em;
vertical-align: baseline; 
border-top: 1px solid #efefef;
}
#secondary{display: none;}
.no-click{ pointer-events: none;}
div.pastille{ border: 1px solid #ccc; font-size: 10px; font-style: italic; font-weight: bold; color: #fff; display: inline-block; padding: 8px 16px; margin-bottom: 7px; border-radius: 5px; text-transform: uppercase;}
.pastille-new{ background-color: #198754;}
.pastille-complet{ background-color: #dc3545;}
.follow-yt{background: #fff; border: 1px solid #ddd; padding: 7px 11px ; border-radius: 6px; display: block; text-align: center; font-size: 14px; margin-bottom: 12px; line-height: 100%;}
.follow-yt:hover,
.follow-yt:active{ background: #efefef; border: 1px solid #ccc; text-decoration: none;}
.follow-yt i{ color: #f00; font-size: 24px; vertical-align: middle; }
.video-link{background: #fff; border: 1px solid #44c4ff; padding: 7px 11px ; border-radius: 6px; display: block; text-align: left; font-size: 14px; margin-bottom: 12px; line-height: 100%;}
.hentry .entry-content a.buy-button,
a.buy-button {
border: 1px solid #ddd;
border-radius: 5px;
display: inline-block;
min-width: 50%;
padding: 12px;
margin: 3px 0px;
text-align: let;
text-transform: uppercase;
font-weight: bold;
font-size: 12.5px;
text-decoration: none;
}
.hentry .entry-content a.buy-button:hover,
a.buy-button:hover {
text-decoration: none;
background: #44c4ff;
color: #fff;
opacity: 0.75;
}
#cadre{
pointer-events: none;
position: fixed;
top:0px; left: 0px;
border: 0px solid #000;
width: 100%;
height: 100vh;
background: transparent;
opacity: 1;
z-index: 9;
}
#cadre.cadreFade{
background: #000;
opacity: 0.8; 
border-top: 2px solid var(--bleuCocoGardel);
border-right: 0px solid var(--bordureMenu);
ptransform: matrix(1, 0, 0, 1, -320, 0);
ptransition-timing-function: cubic-bezier(1,-0.58,.02,1.58);
}
a, a:hover, a:visited{color: var(--bleuCocoGardel);}
a:hover{text-decoration: underline;}
a:focus{outline: 0;}
p{ margin-bottom: 12px; }
.lead{
font-family: 'Oswald', Arial, sans-serif;
font-size: 14px;
font-weight: 700;
pline-height: 29px;
color: #333;  
padding-bottom: 0px;
text-transform: uppercase;
border-bottom: 0.5px solid #333;
}
.lead-margin-short{  } h1, h2, h3{
font-family: 'Vidaloka', serif;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-stretch: semi-condensed;
clear: both;
border: 0;
}
h1{
text-align: left;
pfont-size: clamp(1.5rem, 5vw, 4rem);
pfont-size: calc(1.5rem + 4vw);
line-height: 100%;
--minFontSize: 32px;
--maxFontSize: 160px;
--scaler: 4vw;
font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
font-size: 1.8em;
font-size: 32px;
color: var(--greyCocoGardel);
ptext-shadow: 1px 1px 1px #aaa;
pcolor: transparent;
margin: 0px; margin-bottom: 9px;
text-transform: uppercase;
}
h1.entry-title{margin-bottom: 9px;}
h2{color: #333; font-family: 'Fredericka the Great', 'Vidaloka', serif; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 3px; font-size: 1.5em;clear:both; line-height: 100%;}
.pink{ color: #ff44c4; color:#f4005e; }
.blue{ color: #44c4ff; }
.pivot{ color: #961c00; }
h3{ font-size: 18px !important; }
p+h2, p+h3{margin-top: 0px;}
h2+h3{ border-top: 0; }
#logo{
position: fixed;
border: 0px solid #0f0;
top: 22px; 
left: var(--baseMargin);
overflow: hidden;
width: 200px;
height: calc(53px + 0px);
z-index: 8;
background-color: transparent;
}
#logo img{ width: 200px; height: 53px; position: absolute; bottom: 0px;  } #btn-on{
position: fixed;
top: -1px; right: 0px;
width: var(--baseHeightforHeader);
height: calc( var(--baseHeightforHeader) + 19px - 22px) ;
border-radius: 0px;
padding: 0px;
border: 0px solid #0f0;
background-color: transparent;
cursor:  pointer;
z-index: 10;
color: var(--bleuCocoGardel);
font-weight: bold;
pfont-size: 12px;
background-image: url(https://www.cocogardel.ch/wp-content/themes/imagister/assets/loaders/ocho-fin.gif) center center no-repeat;
}
#btn-on:focus {outline:0;}
#btn-on .iconMenu{ 
width: 48px; height: 48px; pbackground: var(--bleuCocoGardel);
margin: auto;
border-radius: 50%;
border: 0px solid var(--bleuCocoGardel);
transition-duration: var(--transition-duree);
}
#btn-on .iconMenu img{ border-radius: 50% 38% 47% 38%; }
#btn-on .iconMenu:hover{
width: calc(var(--baseMargin33) - 1px);
height: calc(var(--baseMargin33) - 1px);
transition-duration: var(--transition-duree);
} 
#btn-on .textContainer{ color: #000;}
.moveIn{
transform: matrix(1, 0, 0, 1, -240, 0);
transition-duration: var(--transition-duree);
transition-timing-function: cubic-bezier(1,-0.58,.02,1.58);
}
.moveOut{
transform: matrix(1, 0, 0, 1, 0, 0);
transition-duration: calc(var(--transition-duree) - 0.15s);
transition-timing-function: cubic-bezier(1,-0.58,.02,1.58);
}
#sideMenu {
position: fixed;
top: 0;
right: -320px;
z-index: 10;
width: 320px;
height: 100%;
background-color: #17181a;
background-color: var(--bckgSideMenu);
background-image: var(--bckgMenu);
background-size: cover;
background-position: center top; 
border-left: 0px solid #44c4ff;
color: var(--bleuCocoGardel);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; font-family: 'Vidaloka', sans-serif;
font-stretch: normal;
vertical-align: baseline;
poverflow-x: scroll;
poverflow-y: hidden;
}
#sideMenu ul, #sideMenu li{ margin: 0px; padding: 0px;}
#sideMenu ul{ list-style-type: none;  background: transparent;}
#sideMenu .mainLinks{ pposition: absolute; pleft: 0px; margin-top: 33px; }
#sideMenu li{ margin: 0px 0px 5px var(--baseMargin);}
#sideMenu li a{ display: inline-block; border-bottom: 1px solid var(--bckgSideMenu); color: #555;  font-size: 26px; text-decoration: none; padding: 0px; line-height: 0.95em;}
#sideMenu li a:hover{ border-bottom: 1px solid #44c4ff; transition-duration: 0.2s; color: #000;}
#sideMenu li a:focus{outline:0;}
#sideMenu li.n2 {display: none; margin-left: 42px;}
#sideMenu li.n2 a{font-size: 18px;}
#sideMenu li.select a{color: #000; border-bottom: 1px solid #44c4ff;}
li#accueil {margin-bottom: 33px;}
#sideMenu .eventLinks{ margin-top: 55px; border-top: 0px solid #fff; }
#sideMenu .eventLinks li{ margin: 0px; border-bottom: 0px solid #fff; width: 320px; padding: 1px 0px; border: 0px solid #0f0; line-height: 1.3em;}
#sideMenu .eventLinks li a{ margin-left: var(--baseMargin); font-size: 17px; border: 0px solid #0f0; }
#sideMenu .eventLinks li a:hover{ border-bottom: 1px solid #44c4ff; transition-duration: 0.2s; color: #000;}
#sideMenu .eventLinks li a span{font-family: Arial; font-size: 14px; font-style: normal; background: #fefefe; padding-left: 3px;}
#sideMenu .aboutLinks{ position: static; left: 0px; margin-top: 33px; padding-bottom: 31px; border-top: 2px solid #fff; vertical-align: baseline; background: #efefef; }
#sideMenu .aboutLinks li{ margin: 0px; width: 320px; padding: 2px 0px; font-family: 'Rubik', arial; line-height: 1.3em; border-bottom: 0px;}
#sideMenu .aboutLinks li a{ margin-left: var(--baseMargin); font-size: 16px; line-height: 1.1em; font-style: italic;  color: #ff44c4; color:#f4005e; text-decoration: none; border-bottom: 0px;}
#sideMenu .aboutLinks li a:hover{ border-bottom: 1px solid #ff44c4; } #primary{margin-top: 11px;}
.col-full {width: 100%;}
body.woocommerce-page .col-full{width: 90%;}
table.varations td label{}
.single-product div.product table.variations td, .single-product div.product table.variations th{color: #333; margin-bottom: 2px;}
header.entry-header img{display: none;}
#ecran{
position: absolute;
top: 0px;
left:0px;
width: 100%;
height: auto;
poverflow: hidden;
border: 0px solid #f00;
border-right: 0px solid var(--bordureMenu);
margin: 0px;
padding: 0px;
}
.panel{
display: flex;
flex-direction: column;
width: 100%;
min-height: 100vh;
border: 0px solid var(--bleuCocoGardel);
padding: 0px;
}
#panel-home{position: relative; top: 0px; left: 0px; min-height: 100vh; width: 100%; poverflow: hidden; padding:0px;}
#panel1{
padding-top: var(--baseHeightforHeader);
border: 0px solid #0f0;
background: no-repeat;
background-image: url(https://images.ctfassets.net/5jh3ceokw2vz/1GppQ7guCkuuusOKk4G80S/5155f67ba0cb0b365a599a3366ed1f16/dance.gif?w=1600);
pbackground-image: url(https://i.giphy.com/media/ntZpEU8efQJrO/200.webp); 
background-size: contain;
background-color: #fff;
background-position: center 300px;
}
#defaultHomePanel{
position: relative;
top: 265px;
width: 93%;
height: 150px;
margin: 0px;
margin-left: var(--baseMargin);
text-align: left;
background: url(https://www.cocogardel.ch/wp-content/themes/imagister/assets/bkg-75.png);
padding: 3px;
}
#defaultHomePanel > div {width: 94%; margin: 0; padding:3px; border-bottom: 1px solid #44c4ff; transition-duration: var(--transition-duree);}
#defaultHomePanel > div:hover{border-bottom: 0px solid var(--bg-color); transition-duration: var(--transition-duree);}
#defaultHomePanel h1{text-align: left; font-size: 1.6em; color: #444; line-height: 105%; margin: 0px; margin-bottom: 12px;}
#defaultHomePanel p{font-size: 0.9em; line-height: 105%;}
#defaultHomePanel .nobr{} div.one-col-panel{ padding: 133px 11px 11px 11px;} div.two-col-panel,
div.three-col-panel{ padding-top: 100px; }
.subPanel.two-cols.one,
.subPanel.two-cols.two,
.subPanel.three-cols.three{ width: 100%; }
.subPanel.two-cols.one {  padding: 33px 11px 0px 11px;  }
.subPanel.two-cols.two {  padding: 11px 11px 11px 11px;  }
.subPanel.three-cols.one {  padding: 11px 11px 0px 11px;  border: 0px solid #0f0; }
.subPanel.three-cols.two {  padding: 11px 11px 0px 11px;  border: 0px solid #0f0;}
.subPanel.three-cols.three {  padding: 11px 11px 0px 11px;  border: 0px solid #0f0;}
.subPanel.three-cols.two{background: #efefef; 
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, #efefef 100%);
}
.panel ul{ border: 0px solid #44c4ff; margin: 20px 0px 20px 33px;}
.panel ul li{  margin-bottom: 3px;}
#panel-footer,
#panel-footer-mobile{
background-position-x: center;
background-position-y: bottom;
display:flex;
justify-content: center;
align-items: center;
padding: 0px;
}
#panel-footer footer,
#panel-footer-mobile footer{
flex-direction: column;
background: transparent url(//www.cocogardel.ch/wp-content/themes/imagister/assets/bkg-75.png); 
width: 310px;
padding: 11px 11px 0px 11px;
color: #000;
margin-bottom: 11px;
-webkit-box-shadow: 2px 2px 11px 0px rgba(102,102,102,0.75);
-moz-box-shadow: 2px 2px 11px 0px rgba(102,102,102,0.75);
box-shadow: 2px 2px 11px 0px rgba(102,102,102,0.75);
text-align: center;
border: 0px solid #0f0;
}
#panel-footer footer a,
#panel-footer-mobile footer a,
#panel-footer .footerSubPanel .myFooter a{
background: transparent url(//www.cocogardel.ch/wp-content/themes/imagister/assets/bkg-75.png);
padding: 0 5px;
}
#panel-footer footer a:hover,
#panel-footer-mobile footer a:hover,
#panel-footer .footerSubPanel .myFooter a,
#panel-footer .footerSubPanel .myFooter a:hover{
text-decoration: none;
}
#panel-footer{ display: none;}
#panel-footer-mobile{ display: flex;}
#panel-404{background: no-repeat bottom left url(//www.cocogardel.ch/wp-content/themes/imagister/assets/404.png);} particle.page {
padding: 11px var(--baseMargin);
margin-top: var(--baseHeightforHeader);
border: 0px solid #0f0;
min-width: 100%;
}
particle.page .the-content{
border: 0px solid #0f0;
display: flex;
flex-direction: column;
}
.woocommerce-message{margin-top: var(--baseHeightforHeader);}
.boxClass{
width: 100%; border: 1px solid #efefef;
background: linear-gradient(45deg, rgba(255,255,255,1) 0%, #efefef 100%);
margin: 11px 0px 6px 0px;
padding: 22px 22px 11px 22px;
float: left;
}
.boxClass p{margin-bottom: 6px; }
.boxClass .detailClasse{display: none;}
.boxClass .detailClasseToggle{text-align: center; display: block;}
.wpcf7 { width: 100%; border: 0px solid #0f0; }
.wpcf7-form label, .wpcf7-form p{width: 100%; clear: both; float: left;}
.wpcf7-checkbox,
.wpcf7-radio,
.wpcf7-list-item {clear: both; float: left; margin-bottom: 5px; margin-top: 2px;}
.wpcf7-checkbox,
.wpcf7-radio{border: 1px solid var(--bleuCocoGardel); width: 100%; padding: 4px 0px; cursor: pointer;}
span.wpcf7-list-item { display: block; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="submit"],
.wpcf7 select,
.wpcf7 textarea {width: 100%; border: 1px solid #44c4ff; background: #fdfdfd; margin-top: 2px;}
.wpcf7 textarea {height: 150px;}
.wpcf7 .anr_captcha_field{clear:both; float:left; width: 100%;}
.wpcf7 input[type="submit"]{color: #ff44c4; border: 1px solid #ff44c4;}
.wpcf7 input[type="submit"]:hover {background: #44c4ff; border: 1px solid #44c4ff; color: #fff;} .imagister-drop-btn {
background-color: var(--bleuCocoGardel);
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
} .imagister-dropdown {
position: relative;
display: inline-block;
} .imagister-dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
} .imagister-dropdown .imagister-dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
margin: 0px;
margin-bottom: 0px;
border: 0px solid #0f0;
} .imagister-dropdown-content a:hover {background-color: var(--bleuCocoGardel); color: #fff; text-decoration: none; } .imagister-dropdown:hover .imagister-dropdown-content {
display: block;
} .imagister-dropdown:hover .imagister-drop-btn {
background-color: var(--bleuCocoGardel);
color: #fff;
} #riviera-page h2{color:#ff5817; text-shadow: 1px 1px 1px #ffb800;}
#riviera-page h2.reverse{color:#333; text-shadow: 1px 1px 1px #ffb800;}
#riviera-page p{color: #333;} div.c4wp-icon-captcha-container{display: inline-block; width: 100%; height: 120px; border: 1px solid #44c4ff,}
div.c4wp-google-recaptcha{display: inline-block; width: 100%; height: 78px; background: #fff; border: 1px solid #44c4ff,}
li.wc_payment_method.payment_method_mame_twint{ padding: 21px 0px; } .dt-card,
.dt-card-tarif{
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 18px;
margin: 0 3px;
padding: 14px 14px 6px 14px;
margin-bottom: 15px;
transition-duration: 0.4s;
}
.dt-card{
border-radius: 12px; 
border: 1px solid #44c4ff;
color: #6d6d6d;
}
.dt-card:hover{ }
.dt-card-tarif{ border-radius: 6px; display: block; color: var(--greyCocoGardel); border: 1px solid var(--greyCocoGardel); pbackground: #ffd400; 
margin: 0 0 15px 0;
}
.content-fribourg h1{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #6d6d6d; font-weight: 600; margin: 0; padding: 0; font-stretch: semi-condensed; text-transform: uppercase; font-size: 32px; line-height: 32px;}
.content-fribourg.dt-card h1, h2, h3{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #6d6d6d; font-weight: 600; margin: 0; padding: 0; font-stretch: semi-condensed; border: 0px;}
.content-fribourg.dt-card h1, h2{ text-transform: uppercase; font-size: 32px; line-height: 32px; border: 0px;}
.content-fribourg.dt-card h2{ margin-top: 0px; }
.content-fribourg.dt-card h3{ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #6d6d6d; font-size: 18px !important; line-height: 18px; margin-top: 6px; }
.content-fribourg.dt-card p{ margin: 0 0 12px 0 !important; }
.content-fribourg h2 + h3{ margin: 0 0 12px 0; font-size: 16px; line-height: 16px; font-stretch: normal; padding-top: 0 !important; font-size: 18px !important; border: 0px;}
.dt-card .cta-pastille{
border: 1px solid #44c4ff;
background: #44c4ff;
color: #fff;
text-align: left;
padding: 9px 24px; border-radius: 6px; display: block; transition-duration: 0.4s;
margin-top: 14px;
text-decoration: none !important;
text-transform: uppercase;
}
.dt-card .cta-pastille:hover{
text-decoration: none;
padding: 18px 10% 18px 24px;
font-style: italic;
}
.dt-card .main-pointe-droite{ float: right; text-shadow: 0.5px 0.5px 0.5px #6d6d6d; transition-duration: 0.4s; line-height: 16px;}
.dt-card .cta-pastille:hover .main-pointe-droite{ transform:rotate(360deg); font-size: 32px; float:left; margin-right: 11px; font-style: normal;}
.dt-card .main-pointe-droite:after{
content: '\1F449';
}
.dt-card .cta-pastille:hover .main-pointe-droite:after{
content: '\1F60E';
}
.dt-card .cta-pastille:active .main-pointe-droite:after{
content: '\1F609';
}
.dt-card .main-pointe-gauche{ float: left; text-shadow: 0.5px 0.5px 0.5px #6d6d6d; transition-duration: 0.4s; line-height: 16px;}
.dt-card .cta-pastille:hover .main-pointe-gauche{ transform:rotate(360deg); font-size: 32px; float:left; margin-left: 11px; font-style: normal;}
.dt-card .main-pointe-gauche:after{
content: '\1F448';
}
.dt-card .cta-pastille:hover .main-pointe-gauche:after{
content: '\1F448';
}
.dt-card .cta-pastille:active .main-pointe-gauche:after{
content: '\1F448';
}
.dt-card.no-border-card{ border: 1px solid transparent; padding: 0 !important;  }
.dt-card.white-on-blue{ background: #44c4ff; color: #fff; border: 1px solid #44c4ff;}
.dt-card.white-on-blue h2, .dt-card.white-on-blue h3 { color: #fff; }
.dt-card.white-on-blue .cta-pastille{ border: 1px solid #fff; }
.dt-card.grey-on-yellow{ color: #555 !important; border: 1px solid #6d6d6d; background: #ffd400; }
.dt-card.grey-on-yellow{ color: var(--greyCocoGardel);}
.dt-card.grey-on-yellow h2, .dt-card.grey-on-yellow h3 { color: #555; }
.dt-card.grey-on-yellow .cta-pastille{ border: 1px solid #6d6d6d; background: #555; color: #ffd400;}
.dt-card.riviera{ border: 1px solid #ff5817;  } .dt-card.riviera .cta-pastille{ border: 1px solid #ff5817; background: #ff5817; color: #fff;}
.dt-card.riviera-neg{ border: 1px solid #ff5817; background: #ff5817; color: #fff;}
.dt-card.riviera-neg h1, .dt-card.riviera-neg h2, .dt-card.riviera-neg h3{ color: #fff;  } 
.dt-card.riviera-neg h3{margin-bottom: 11px;}
.dt-card.riviera-neg .cta-pastille{ border: 1px solid #fff; background: #ff5817; color: #fff;}
.dt-card.lozan{  }
.dt-card.lozan-neg{ border: 1px solid #44c4ff; background: #fafb57;  }
.dt-card.lozan-neg h1, .dt-card.lozan-neg h2, .dt-card.lozan-neg h3{   } 
.dt-card.lozan-neg h3{margin-bottom: 11px;}
.dt-card.lozan .cta-pastille{ border: 1px solid #44c4ff; background: #fafb57; color: #6d6d6d;}
.dt-card.lozan-neg .cta-pastille{ border: 1px solid #44c4ff; background: #44c4ff; color: #fff;}
.dt-card.dt-compagnie{ border: 2px solid #000;  }
.dt-card.dt-compagnie .cta-pastille{ border: 1px solid #5f5f5f; background: #5f5f5f; color: #eee;}
.dt-card.dt-compagnie-neg{ border: 2px solid #000; background: #5f5f5f; color: #eee;}
.dt-card.dt-compagnie-neg h1, .dt-card.dt-compagnie-neg h2, .dt-card.dt-compagnie-neg h3{ color: #eee;  } 
.dt-card.dt-compagnie-neg h3{margin-bottom: 11px;}
.dt-card.dt-compagnie-neg .cta-pastille{ border: 1px solid #5f5f5f; background: #5f5f5f; color: #eee;}
body .mini-pill{ border-radius: 3px; background: #000; padding: 3px 13px; display: inline-block; color:#fff; font-size: 11px;  text-transform: uppercase; font-stretch: semi-condensed; font-style: italic;  margin-bottom: 7px; }
body .mini-pill-open{ background: #58ff17; color:#333; }
body .mini-pill-closed,
body .mini-pill-red{ background: #ff5817; color:#fff; }
body .mini-pill-city{ background: #ffd400; color:#333; }
#riviera-tango-fiesta h1.entry-title,
#la-lozan-tango-fiesta h1.entry-title{ display: none; }
.divcolumnist {margin: 0 1vw; height: auto;}
.grid-sizer,.divcolumnistelmt { width: 100%; margin-bottom: 1vw; }
.divcolumnistelmt{opacity: 0; transition: opacity 0.4s ease;}
.gutter-sizer { width: 0.5%; }
.divcolumnistelmt img {
display: block;
width: 100%;
height: auto; } a.fresco, 
a.fresco img {
pointer-events: auto !important;
touch-action: manipulation !important;
cursor: pointer !important;
} @media (min-height: 650px) {
#defaultHomePanel{
position: absolute;
bottom: 30px;
margin-left: var(--baseMargin);
}
} @media (min-width: 768px) {
.divcolumnist {margin: 0 ; height: auto;}
.grid-sizer,.divcolumnistelmt { width: 24%; margin-bottom: 0.2%; }
.divcolumnistelmt{opacity: 0; transition: opacity 0.4s ease;}
.gutter-sizer { width: 0.2%; }
.divcolumnistelmt img {
display: block;
width: 100%;
height: auto; margin-bottom: 0px; 
}
.follow-yt{display: inline-block; text-align: left;}
.video-link{display: inline-block;width: 60%; text-align: left; margin-bottom: 12px;}
#logo{top: 22px;width: 180px; height: calc(48px + 0px);}
#logo img{ width: 180px; height: 48px; position: absolute; bottom: 0px;  } #sideMenu .mainLinks{ margin-top: 33px; }
#sideMenu li{ margin: 0px 0px 5px var(--baseMargin);}
#sideMenu li a{ font-size: 32px; }
#sideMenu li.n2 {display: none; margin-left: 53px;}
#sideMenu .eventLinks li a{ margin-left: var(--baseMargin);}
#sideMenu .aboutLinks{ position: fixed; left: 0px; margin-top: 33px; bottom: 0px; border-top: 2px solid #fff;  }
#sideMenu .aboutLinks li a{ margin-left: var(--baseMargin);}
.moveIn{
transform: matrix(1, 0, 0, 1, -320, 0);
transition-duration: var(--transition-duree);
transition-timing-function: cubic-bezier(1,0,0,1);
} #defaultHomePanel{
border: 0px solid #0f0;
position: relative;
top: 92px;
height: 100px;
pleft: 0px;
width: auto;
display: inline;
text-align: left;
margin-left: 0px;
margin-left: var(--baseMargin);
padding: 3px;
background: url(https://www.cocogardel.ch/wp-content/themes/imagister/assets/bkg-75.png);
border-bottom: 0px solid #fff;
-border-radius: 3px;
transform: rotate(-0deg);
}
#defaultHomePanel h1{text-align: center; line-height: 110%; color: #000;}
#defaultHomePanel .nobr{display: none;}
#defaultHomePanel > div { -width: 500px; margin: 0 auto; color: #000; border: 0px;}
#ecran{
position: absolute;
top: 0px;
}
.panel {
flex-direction: row;
}
#panel1{
margin-top: var(--baseHeightforHeader);
margin-top: 0px;
border-top: 1px solid transparent;
} div.one-col-panel{ padding: 133px 11px 11px 11px; } div.two-col-panel{ padding-top: 0px; }
.subPanel.two-cols.one{ width: 40%; border: 0px solid #0f0;}
.subPanel.two-cols.two{ width: 60%; border: 0px solid #0f0;}
.subPanel.two-cols.one,
.subPanel.two-cols.two {  padding: 133px 11px 11px 11px; }
div.three-col-panel{ padding-top: 133px; }
.subPanel.three-cols.one{ width: 33.33%; border: 0px solid #0f0;}
.subPanel.three-cols.two{ width: 33.33%; border: 0px solid #0f0; }
.subPanel.three-cols.three{ width: 33.33%; border: 0px solid #0f0;}
.subPanel.three-cols.one,
.subPanel.three-cols.two,
.subPanel.three-cols.three {  padding: 3px 11px 11px 11px; }
.subPanel.three-cols.two{background: #efefef; 
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, #efefef 100%);
}
#panel-single .subPanel.three-cols.one img{pdisplay: none; margin-bottom: 10px;}
#panel-footer footer,
#panel-footer-mobile footer{
width: 25%;
}
#panel-footer .footerSubPanel{ display: flex; justify-content: center; align-items: flex-end; width: 33.33%; border: 0px solid #0f0; height: 100vh;}
#panel-footer .footerSubPanel footer,
#panel-footer .footerSubPanel .myFooter{ 
flex-direction: column;
background: transparent url(//www.cocogardel.ch/wp-content/themes/imagister/assets/bkg-75.png); 
width: 310px;
padding: 11px 11px 0px 11px;
color: #000;
margin-bottom: 11px;
-webkit-box-shadow: 2px 2px 11px 0px rgba(102,102,102,0.75);
-moz-box-shadow: 2px 2px 11px 0px rgba(102,102,102,0.75);
box-shadow: 2px 2px 11px 0px rgba(102,102,102,0.75);
text-align: center;
border: 0px solid #0f0;
}
#panel-footer-mobile{ display: none;}
#panel-footer{ display: flex;} particle.page {
margin-top: calc(var(--baseHeightforHeader) + 33px);
}
particle.page .the-content{
flex-direction: row;
flex-wrap: wrap;
}
.boxClass{
width: 100%;
margin: 0px;
margin-bottom: 11px;
margin-right: 11px; 
}
.boxClass p{margin-bottom: 3px;}
.boxClass .detailClasse{display: inline-block;}
.boxClass .detailClasseToggle{display: block;}
.visible-en-mobile{ display: none !important;}
}  body .gform_wrapper.gravity-theme {
width: 100%;
margin: 0 auto;
border: 0px solid var(--bleuCocoGardel);
}
body .gform_wrapper.gravity-theme .gform_required_legend{ display: none; }
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label{
border-left: 0px solid var(--greyCocoGardel);
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding: 5px 7px 5px 7px;
border-radius: 4px;
background: var(--bleuCocoGardel);
color: #fff;
font-smoothing: antialiased ;
margin: 0 0 2px 0;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label:after{
}
body .gform_wrapper.gravity-theme .gfield_required{ padding-inline-start: 0; background: #f00; border: 1px solid #f00; margin-left: 7px; width: 5px; height: 5px; overflow: hidden; border-radius: 50%;}
body .gform_wrapper.gravity-theme .gfield_required:after;{ content: '\9737';  }
.gfield_required_asterisk{ font-size: 16px; }
body .gform_wrapper .gf_progressbar_wrapper,
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage,
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar{ border-radius: 4px;  }
body .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{ background: var(--bleuCocoGardel);  }
body .gform_wrapper.gravity-theme .gf_step_active .gf_step_number{ color: #fff; background: var(--bleuCocoGardel); border: 0; }
body .gform_wrapper.gravity-theme .gf_step_pending .gf_step_number{ color: var(--greyCocoGardel); border: 2px solid var(--bleuCocoGardel); } 
body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number{ color: #fff; background: var(--bleuCocoGardel); border: 2px solid var(--bleuCocoGardel); } 
body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before{ color: #fff; background: var(--bleuCocoGardel); border: 2px solid var(--bleuCocoGardel); }
body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after{   }
body .gform_wrapper.gravity-theme .gfield_description{ padding-top: 0px; font-size: 13px; }
.gchoice {
z-index:1;
position:relative;
margin: 0 0 5px 0;
padding:0;
height: 36px;
width: 100%!important;
}
input.gfield-choice-input {
z-index:2;
appearance:none;
margin:0;
padding:0;
width: 100%;
border-radius: 4px;
height:100%;
background: white;
transition: .3s all ease-in-out;
position:absolute;
background:#fff;
border: 0.5px solid var(--bleuCocoGardel);
position:absolute;
}
input.gfield-choice-input:hover{
border: 0.5px solid #000;
font-style: italic;
color: #000;
}
input.gfield-choice-input:hover,
.gchoice label:hover {
cursor:pointer;
pfont-style: italic;
pcolor: #000;
}
input.gfield-choice-input:checked {
background: #efefef;
border: 1px solid var(--bleuCocoGardel);
font-style: normal;
}
input.gfield-choice-input:checked + label {
pcolor: var(--bleuCocoGardel);
pfont-weight: bold;
pfont-style: italic;
}
.gchoice label {
z-index:3;
font-weight:400;
color:#6d6d6d;
display:block;
position: absolute;
padding: 0 0 0 40px;
top: 50%;
transform: translateY(-50%);
width:100%;
overflow:visible;
font-size: 12px;
}
input.gfield-choice-input + label:after {
content: "";
position: absolute;
left: 10px;
transform: translateY(-50%);
width: 15px;
height: 15px;
border: 0.5px solid #6d6d6d;
z-index: 2;
top: 50%;
transition: .3s all ease-in-out;
color: #888;
font-size: 20px;
text-align: center;
line-height: 16px;
font-weight: 200;
background: white;
}
input.gfield-choice-input:hover + label:after {
border: 1px solid #000;
}
input[type="checkbox"].gfield-choice-input + label:after { 
border-radius: 3px;
}
input[type="radio"].gfield-choice-input + label:after {
border-radius:50px;
}
input.gfield-choice-input:checked + label:after {
content: "\2022";
border: 1px solid var(--bleuCocoGardel);
background: white;
color: var(--bleuCocoGardel);
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_tel input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_url input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_search input[type=search],
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_total
{
border: 0.5px solid var(--bleuCocoGardel);
background: #fefefe;
border-radius: 4px;
padding: 4px;
margin: 0 0 0px 0;
transition-duration: 0.4s;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_total input{ font-weight: bold; }
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input[type=number]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input[type=email]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_tel input[type=tel]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_url input[type=url]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password input[type=password]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_search input[type=search]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea:hover
{
border: 0.5px solid #000;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_number input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_tel input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_url input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_search input[type=search]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea:focus{
border: 1px solid var(--bleuCocoGardel);
outline-color: var(--bleuCocoGardel);
outline-width: thin;
color: var(--greyCocoGardel);
font-weight: bold;
}
body .gform_wrapper .gform_body .gform_page_footer{
display: flex;
align-items: center;
justify-content: space-between;
border-top: 0px solid var(--bleuCocoGardel);
margin-top: 18px;
padding: 5px 0 0 0;
}
.main-pointe-droite,
.main-pointe-gauche{
transition-duration: 0.3s;
}
.main-pointe-droite:after{
content: '\1F449';
font-size: 28px;
margin: 0 0 0 0px;
}
.main-pointe-gauche:after{
content: '\1F448';
font-size: 28px;
margin: 0 10px 0 0;
}
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button,
body .gform_wrapper .gform_page_footer .gform_button,
body .gform_wrapper .gform_footer .gform_button{
display: flex;
align-items: center;
justify-content: space-between;
min-width: 45%;
text-align: center;
text-transform: uppercase;
background: var(--bleuCocoGardel);
color: #fff;
border: 0.5px solid var(--bleuCocoGardel);
border-radius: 4px;
margin: 0;
padding: 10px 20px;
}
body .gform_wrapper.gravity-theme .gform_page_footer button{ margin-bottom: 0; }
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button .main-pointe-gauche{
}
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:hover,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button:hover,
body .gform_wrapper .gform_page_footer .gform_button,
body .gform_wrapper .gform_footer .gform_button:hover{
font-style: italic;
background: var(--bleuCocoGardel);
color: #fff;
border: 0.5px solid var(--greyCocoGardel);
}
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button:hover .main-pointe-droite,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button:hover .main-pointe-gauche,
body .gform_wrapper .gform_page_footer .gform_button:hover .main-pointe-droite,
body .gform_wrapper .gform_footer .gform_button:hover .main-pointe-droite{
transform: rotate(-360deg);
}
body .gform_wrapper .gform_footer .gform_button .main-pointe-gauche,
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button .main-pointe-gauche,
body .gform_wrapper .gform_page_footer .gform_button .main-pointe-gauche,
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button .main-pointe-droite{
display: none;
} #input_23_7{ text-transform: uppercase; }
#field_23_7 .gchoice{ height: 60px; }
#field_23_7 .gchoice_23_7_5{ height: 80px; }
#input_43_7{ text-transform: uppercase; }
#field_43_7 .gchoice{ height: 80px; }
#programmateur #gform_submit_button_44{display: none;}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}