Hack à copier par les stagiaires

/* HAUTEUR IMAGE ARRIERE PLAN HEADER
@media (min-width: 768px) { .jtpl-header--image { height: 90px;} }
@media (max-width: 768px) { .jtpl-header--image { height: 0px;} }*/

/* DUOTONE IMAGES MULTIPLES ARRIERE PLAN
.jqbga-slider--image {position:unset!important}
.jqbga-slider--image--wrap::before { background-color: rgb(1 90 102);
content: ''; display: block; width: 100%; height: 100%; mix-blend-mode: multiply;
position: absolute; top: 0; left: 0;}
.jqbga-slider--image--wrap::after { background-color: rgb(1 90 102);
content: ''; display: block; width: 100%; height: 100%; mix-blend-mode: hue;
position: absolute; top: 0; left: 0;}*/

/*FOND DE COULEUR PLEINE LARGEUR MAIS PAS LE CONTENU
#cc-m-6610449218 {margin: -5px -100%; padding: 2.5em 100% !important; background: #eff8ff; color: #333!important; box-sizing: border-box; }*/

/* PLEINE LARGEUR TOTALE & FOND DE COULEUR - 1
#cc-m-XXXXXXXX {width: 92vw; left: 50%; transform: translateX(-50%); position: relative; padding: 5% 5% 5% 5%!important; background-color: #F0F0F0;}*/

/* PLEINE LARGEUR TOTALE & FOND DE COULEUR - 2
@media (min-width: 768px) {#cc-m-YYYYYYYY { background:#F0F0F0; color: white; width: 96vw; left: calc(-50vw + 50%); position: relative; padding:40px !important; } }
@media (max-width: 768px) {#cc-m-YYYYYYYY { background:#F0F0F0; color: white; width: 100%; left: calc(-50vw + 50%); position: relative; padding:18px !important; } }*/

/* PLEINE LARGEUR IMAGE FOND FIXE SANS EFFET PARALLAX AVEC TEXTE ET COULEUR DEGRADE
@media (min-width: 768px) { #cc-m-EEEEEEEE { display: block!important; width: 88vw; left: calc(-50vw + 50%); position: relative; padding:6vw !important; background-image: linear-gradient(180deg,rgba(209, 162, 89, 0.8901960784313725) 0%,rgba(222, 174, 93, 0.28) 100%),url(https://image.jimcdn.com/app/cms/image/transf/none/path/se9f98d08e2c6ed47/image/ie2a6e7426427ef0e/version/1593962838/image.jpg) ; background-blend-mode: unset; background-size: cover; background-attachment: scroll; background-position: center; height:auto; }}
@media (max-width: 768px) { #cc-m-EEEEEEEE { background-image: linear-gradient(180deg,rgba(209, 162, 89, 0.8901960784313725) 0%,rgba(222, 174, 93, 0.28) 100%),url('https://image.jimcdn.com/app/cms/image/transf/none/path/se9f98d08e2c6ed47/image/ie2a6e7426427ef0e/version/1593962838/image.jpg'); width: 100%; left: calc(-50vw + 50%); position: relative; padding:18px !important; background-size: cover; background-position: center; height:auto;} }*/

/* PLEINE LARGEUR IMAGE FOND FIXE AVEC EFFET PARALLAX AVEC TEXTE ET COULEUR DEGRADE
@media (min-width: 768px) { #cc-m-EEEEEEEE { display: block!important; width: 88vw; left: calc(-50vw + 50%); position: relative; padding:6vw !important; background-image: linear-gradient(180deg,rgba(209, 162, 89, 0.8901960784313725) 0%,rgba(222, 174, 93, 0.28) 100%),url(https://image.jimcdn.com/app/cms/image/transf/none/path/se9f98d08e2c6ed47/image/ie2a6e7426427ef0e/version/1593962838/image.jpg) ; background-blend-mode: unset; background-size: cover; background-attachment: fixed; background-position: center; height:auto; }}
@media (max-width: 768px) { #cc-m-EEEEEEEE { background-image: linear-gradient(180deg,rgba(209, 162, 89, 0.8901960784313725) 0%,rgba(222, 174, 93, 0.28) 100%),url('https://image.jimcdn.com/app/cms/image/transf/none/path/se9f98d08e2c6ed47/image/ie2a6e7426427ef0e/version/1593962838/image.jpg'); width: 100%; left: calc(-50vw + 50%); position: relative; padding:18px !important; background-size: cover; background-position: center; height:auto;} }*/

/* PLEINE LARGEUR GALERIE SLIDER 100%
@media (min-width: 768px) {.cc-m-gallery-slider ul img {margin: 0 auto;height: 50vh !important;max-height: 50vh !important; object-fit: cover; width: 100%; }}
@media (max-width: 768px) {.cc-m-gallery-slider ul img {margin: 0 auto;height: 20vh !important;max-height: 20vh !important; object-fit: cover; width: 100%; }}
.cc-m-gallery-slider {width: 100vw; left: 50%; transform: translateX(-50%); position: relative; padding: 0px 0% 0% 0%!important; background-color: #000; margin-top: 0px;}*/
/* POUR EVITER SUR SMARTPHONE LE DEFILMEENT AVEC LE DOIGT
@media (min-width: 768px) {.cc-m-gallery-container { z-index:0;}}
@media (max-width: 768px) {.cc-m-gallery-container { z-index:-1;}}
@media (min-width: 768px) {.jtpl-section-main{ background-color: ;}}
@media (max-width: 768px) {.jtpl-section-main{ background-color: unset;}}*/
/* .bx-wrapper { -ms-touch-action: none!important; touch-action: none!important;}*/
/* .cc-m-gallery-slider .bx-wrapper .bx-viewport ul { transform:none!important}*/
/* .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display:none}

.bx-wrapper .bx-controls-direction a { display:none}
.cc-m-gallery-slider a.cc-m-gallery-slider-fullscreen { display:none!important}*/
/* SI BESOIN DE METTRE TEXTE PAR DESSUS
.cc-m-gallery-slider .bx-wrapper .bx-caption span {padding: 8px;color: #fff!important;font-size: 46px!important;position: absolute;top: -27vh;margin-left: auto;margin-right: auto;text-align: center;width: 80vw;left: 50%;transform: translateX(-50%);background-color: rgb(0 0 0 / 55%);border-radius: 0px;} */

/* PLEINE LARGEUR GALERIE IMAGE VERTICALE 100%
@media (min-width: 768px) {.jtpl-content .cc-m-gallery-stack{ background:#fff; color: white; width: 100vw; left: calc(-50vw + 50%); position: relative; padding:40px 0px !important; } }
@media (max-width: 768px) {.jtpl-content .cc-m-gallery-stack { background:#fff; color: white; width: 100vw!important; left: calc(-50vw + 50%); position: relative; padding:0px !important; } }*/
/* si images pas la meme taille :
@media (min-width: 768px) {.cc-m-gallery-stack img { height: 22vw!important; object-fit: cover;}}
@media (max-width: 768px) {.cc-m-gallery-stack img { height: 22vw!important; object-fit: cover;}}*/
/* si besoin d'afficher à 100% sur smartphone alors :
@media (max-width: 768px) {.cc-m-gallery-stack img { height:unset!important ; object-fit: ;}}
@media (max-width: 768px) {.cc-m-gallery-stack-column{ width: 100%!important;}}*/

/*** IFRAME VIDEO RESPONSIVE CARRE - 1/1 100% ***/
.video1 { position: relative; padding-bottom: 80%; /* 16:9 */ padding-top: 0px; height: 0;}
.video1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0px}

/*** IFRAME VIDEO RESPONSIVE CINEMA - 16/9 100% ***/
.video2 { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0;}
.video2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0px}

/*** responsive iframe video 9/16 ***/
.video3 { position: relative; padding-bottom: 177.6%; /* 16:9 */ padding-top: 0px; height: 0;}
.video3 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0px;/*pointer-events: none;*/}

/* EFFETS */
img[alt="50"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 50px; object-fit: cover;}
img[alt="100"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 100px; object-fit: cover;}
img[alt="150"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 150px; object-fit: cover;}
img[alt="200"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 200px; object-fit: cover;}
img[alt="250"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 250px; object-fit: cover;}
img[alt="300"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 300px; object-fit: cover;}
img[alt="350"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 350px; object-fit: cover;}
img[alt="400"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 400px; object-fit: cover;}
img[alt="450"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 450px; object-fit: cover;}
img[alt="500"] {border: 0px solid #222729 !important; border-radius: 0px; width: 100%; height: 500px; object-fit: cover;}
img[alt="effet1"]:hover {filter: brightness(1.2);-webkit-filter: brightness(1.2);-moz-filter: brightness(1.2);-o-filter: brightness(1.2);-ms-filter: brightness(1.2);}
img[alt="effet2"] {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
img[alt="effet2"]:hover {transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); }
img[alt="effet3"] {transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;}
img[alt="effet3"]:hover {border-radius: 200px; }
img[alt="rond"] {border-radius: 800px; }
img[alt="shape1"] {transition: border-radius 500ms ease-in-out;border-top-left-radius: 1rem 4rem; border-radius: 56% 44% 73% 27% / 45% 68% 32% 55%;}

img[alt="shape1"]:hover {border-radius: 79% 21% 29% 71% / 11% 74% 26% 89% ; }
img[alt="shape2"] {transition: border-radius 500ms ease-in-out;border-top-left-radius: 1rem 4rem; border-radius: 61% 64% 48% 64% / 45% 68% 32% 55%;}

img[alt="shape2"]:hover {border-radius: 79% 21% 29% 71% / 11% 74% 26% 89% ; }
img[alt="shape3"] {transition: border-radius 500ms ease-in-out;border-top-left-radius: 1rem 4rem; border-radius: 65% 44% 37% 72% / 45% 68% 32% 55%;}
img[alt="shape3"]:hover {border-radius: 79% 21% 29% 71% / 11% 74% 26% 89% ; }

/* H4 */
@media (min-width: 768px){.j-module h4 {font-family: "Cinzel",serif,"google"; font-size: 55px; font-weight: normal;font-style: normal; text-align: center; text-transform: none; color: #ffffff; margin-top: -207px;}}
@media (max-width: 768px){.j-module h4 {font-family: "Cinzel",serif,"google"; font-size: 30px; font-weight: normal;font-style: normal; text-align: center; text-transform: none; color: #ffffff; margin-bottom: px; margin-top:-168px; }}

/*POSITION BOUTON RETOUR */
@media (min-width: 768px) { #cc-m-XXXX{ position: relative; margin-top: -108px; margin-bottom: 52px;}}
@media (max-width: 768px) { #cc-m-XXXX{ position: relative; margin-top: -108px; margin-bottom: 52px;}}

/* TAILLE BOUTON CONTENU ARTICLE STYLE 2*/
@media (min-width: 768px){.content-options-inner .j-calltoaction-link-style-2:link, .content-options-inner .j-calltoaction-link-style-2:visited {width: 100%;font-weight: bold;}}
@media (max-width: 768px){.content-options-inner .j-calltoaction-link-style-2:link, .content-options-inner .j-calltoaction-link-style-2:visited { background-color: #; margin: 0px;}}

/* TAILLE BOUTON BAS DE PAGE STYLE 2 */
.sidebar-options .j-calltoaction-link-style-2:link, .sidebar-options .j-calltoaction-link-style-2:visited {margin: 0px;padding: 4px 6px 0px 6px;border-top: 0px;border-left: 0px;border-right: 0px; width:100%;border-bottom-width: 1px}

/* DRAPEAU ANGLAIS "EN")
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(X) > a:nth-child(1)
{opacity: 0!important;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(X) > a:nth-child(1)
{opacity: 0!important;}
#cc-nav-view-XXXXXX { background-image: url(https://image.jimcdn.com/app/cms/image/transf/none/path/sa1d021b278a20903/image/ia09c8729d7802840/version/1583159317/image.png); background-position: center; background-repeat: no-repeat;}*/

/* DRAPEAU ESPAGNOL "ES")
.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(X) > a:nth-child(1)
{opacity: 0!important;}
.jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(X) > a:nth-child(1)
{opacity: 0!important;}
#cc-nav-view-2516914831 { background-image: url(https://image.jimcdn.com/app/cms/image/transf/none/path/sa1d021b278a20903/image/i179a75063bb45390/version/1583159336/image.png); background-position: center; background-repeat: no-repeat;}*/

/*Pretty-Grids pour Jimdo par Realia - https://pretty-grids.jimdo.com**/
/* Centrer les galeries en version mobile uniquement */
@media (max-width: 768px){.cc-m-gallery-container {text-align: center;}
.ccgalerie div.thumb_pro1, .ccgalerie div.thumb_pro2, .ccgalerie div.thumb_pro3, .ccgalerie div.thumb_sq1, .ccgalerie div.thumb_sq2, .ccgalerie div.thumb_sq3 {float: none;display:inline-block;}}

/* Toujours centrer les galeries */
.cc-m-gallery-container {text-align: center;}
.ccgalerie div.thumb_pro1, .ccgalerie div.thumb_pro2, .ccgalerie div.thumb_pro3, .ccgalerie div.thumb_sq1, .ccgalerie div.thumb_sq2, .ccgalerie div.thumb_sq3 {float: none;display:inline-block;}

/*************** Style flashing des galeries horizontales ******************/
.cc-m-gallery-cool-item div:hover img { opacity: 1;-webkit-animation: flash 1.5s; animation: flash 1.5s;}
@-webkit-keyframes flash {0% {opacity: .4;}100% {opacity: 1;}}
@keyframes flash {0% {opacity: .4;} 100% {opacity: 1;}}.cc-m-gallery-cool img {border-radius: 5px;}
/*************** Style des galeries verticales ******************/
.cc-m-gallery-stack-column .cc-m-gallery-stack-item a {overflow: hidden;position: relative;background: #000;display: block;width: 100%; height: 100%;}.cc-m-gallery-stack-column .cc-m-gallery-stack-item a img, .cc-m-gallery-stack-column .cc-m-gallery-stack-item a img:hover {-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;cursor: pointer !important;}.cc-m-gallery-stack-column .cc-m-gallery-stack-item a img:hover { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-opacity: 0.8; opacity: 0.8;}.cc-m-gallery-stack-column .cc-m-gallery-stack-item a:after { font-family: jimdoiconfontweb !important; font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased;}.cc-m-gallery-stack-column .cc-m-gallery-stack-item a:hover:after { content:'\E5F0'; position:absolute;z-index:9;top: 50%;left: 50%; -webkit-transform: translateY(-50%) translateX(-50%);-o-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); color: #FFF; text-decoration: none !important; font-size: 0px;}
@media only screen and (max-width:767px) {.cc-m-gallery-stack-column .cc-m-gallery-stack-item a:after {content: '\E5F0'; position: absolute; z-index: 9; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); color: #FFF; text-decoration: none !important; font-size: 0rem;}.cc-m-gallery-stack-column .cc-m-gallery-stack-item a img {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-opacity: 0.8; opacity: 0.8;}}
@media only screen and (max-width:768px) {.cc-m-gallery-stack-column {width: 100% !important;}}

/* Titre du texte alt sous les images des galeries */
.titre-galerie2 { color: white !important;font-weight: bold;position: absolute;margin-top: -56px;background-color: rgba(0, 0, 0, 0.65) ;padding: 10px;border-bottom-left-radius: 5px; border-top-right-radius: 5px;}
.titre-galerie { font-weight: bold; }

/*mise en forme des articles produits */

.hproduct {margin-bottom: 20px;border: 1px solid #808080; padding: 20px; background: rgb(255,255,255);
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,#eee 50%,rgba(246,246,246,1) 100%);
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,#eee 50%,rgba(246,246,246,1) 100%);}
.sz-thumb>span { text-align: center;}
select.cc-product-variant-selectbox { padding: 12px; margin-top: 16px;}

.j-checkout__customer-order-note__label { color: red; font-size: 25px;}

/* ⚠ Pour les commandes retirées à l'atelier choisir "Paiement à enlèvement du colis", les frais de port seront supprimés à l'étape suivante*/

/* Largeur meta-link */
@media (min-width: 768px) {.j-info-row {text-align: center; width: 100%;}}
@media (max-width: 768px) {.j-info-row {text-align: center; width: 100%;}}
@media (min-width: 768px) {.j-meta-links {text-align: center; width: 100%;}}
@media (max-width: 768px) {.j-meta-links {text-align: center; width: 100%;}}
@media (min-width: 768px) {.j-admin-links { text-align: center;width: 100%;}}
@media (max-width: 768px) {.j-admin-links { display:none}}

/*]]>*/
</style>

<script type="text/javascript">
//<![CDATA[
/* Ajout du texte alt sous les images des galeries horizontale*/
document.addEventListener('DOMContentLoaded', function() {
var galleryItems = document.querySelectorAll('.cc-m-gallery-cool-item');
for (var i = 0, length = galleryItems.length; i < length; i++) {
var galleryItem = galleryItems[i],
img = galleryItem.querySelector('img');
if (img.getAttribute('alt')) {
altText = document.createElement('p');
altText.classList.add('j-module', 'n', 'j-text', 'titre-galerie2');
altText.textContent = img.getAttribute('alt');
galleryItem.appendChild(altText);}}
});

/* Ajout du texte alt sous les images des galeries verticales */
document.addEventListener('DOMContentLoaded', function() {
var galleryItems = document.querySelectorAll('.cc-m-gallery-stack-item');
for (var i = 0, length = galleryItems.length; i < length; i++) {
var galleryItem = galleryItems[i],
img = galleryItem.querySelector('img');
if (img.getAttribute('alt')) {
altText = document.createElement('p');
altText.classList.add('j-module', 'n', 'j-text', 'titre-galerie');
altText.textContent = img.getAttribute('alt');
galleryItem.appendChild(altText);}}
});

//]]>
</script>

<style type="text/css">
/*<![CDATA[*/

/* couleur fond menu scrolled
.jtpl-header.scrolled {background-color: #1c1c1c;}
.jtpl-header { box-shadow: 0 0 30px rgba(0,0,0,0);}
.jtpl-header { background-color: transparent ; transition: background-color .3s; }*/

/* menu
.jtpl-navigation .j-nav-level-1 a:link, .jtpl-navigation .j-nav-level-1 a:visited { background-color: rgb(255, 255, 255);}
.jtpl-navigation .j-nav-level-1 { border-bottom: 0px solid rgba(150,150,150,.0); box-shadow: 5px 5px 30px rgba(0,0,0,.0); width: 320px;}
.navigation-alignment a, .navigation-alignment a:link, .navigation-alignment a:visited {letter-spacing: 1px; padding: 0px 10px;}*/

/* couleur fond menu smartphone
.jtpl-top-bar { background-color: #1c1c1c;}
.jtpl-mobile-navigation__label {background-color: #9999;}
.jtpl-mobile-navigation { background-color: #262626;}*/

/*largeur-plus-importante-pour-le-menu-et-le-logo
@media (min-width: 1500px) {.navigation-vertical-alignment {max-width:92%; height:95px;}}
@media (max-width: 1500px) {.navigation-vertical-alignment {max-width:92%; height:90px;}}
@media (max-width: 1175px) {.navigation-vertical-alignment {max-width:95%; height:89px;}}
@media (max-width: 768px) {.navigation-vertical-alignment {max-width:95%; height:0px;}}*/

/* logo
@media (min-width: 1500px){.jtpl-logo {}}
@media (max-width: 1500px){.jtpl-logo {}}
@media (max-width: 768px){.jtpl-logo {position: relative;width: 60%;max-width:100%;padding: 0px 0px 0px 0px;left: 50%;transform: translateX(-50%);margin-top: -69px;z-index: 101;}}*/

/*Mise en forme table
.mceEditable {border: 0px black solid;border-radius: 5px;padding: 0px; background-color: #;}
@media (min-width: 768px){.table, th, td { border: 1px solid #fff; padding: 13px; border-radius: 6px; background-color: #e2e2e2;vertical-align: top;color: black;}}
@media (max-width: 768px){.table, th, td { border: 1px solid #fff; padding: 3px; border-radius: 3px; background-color: #e2e2e2;vertical-align: top;color: black;}}*/

/*]]>*/
</style>

<script type="text/javascript">
//<![CDATA[
window.addEventListener('scroll', function() {
if (window.scrollY > 0) {
document.querySelector('.jtpl-header').classList.add('scrolled');
} else {
document.querySelector('.jtpl-header').classList.remove('scrolled');
}
});
//]]>
</script>

/* apparition d'un fond sombre sur les titres accueils sur slider
#cc-matrix-5750176125 {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
#cc-matrix-5750176125:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); background: rgba(0, 0, 0, .45) url('');background-blend-mode: darken; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px; }
#cc-matrix-5750176225 {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
#cc-matrix-5750176225:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); background: rgba(0, 0, 0, .45) url('');background-blend-mode: darken; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px;}*/

/* texte situe en bas du logo - after
@media (min-width: 1170px){#cc-web:after { position: relative; bottom: 0px; left: 0px; content: "Elles font le mur"; display: block; width: 100%; height: 60px; z-index: 3; text-align: center; background-size: cover; font-family: cursive; color: #fff; font-size: 41px; font-family: cursive;}}
@media (max-width: 1170px){#cc-web:after { position: relative; bottom: 0px; left: 0px; content: "Elles font le mur"; display: block; width: 100%; height: 0px; z-index: 3; text-align: center; background-size: cover; font-family: cursive; color: #fff; font-size: 28px; font-family: "Patrick Hand",cursive,"google";}}*/

/* image situe en bas d'un element accueil - before
@media (min-width: 1170px){#cc-m-xxxxxxx:before { background-image: url(https://image.jimcdn.com/app/cms/image/transf/none/path/s2d29027705fb7ba4/image/i74acc4ac5214ef1f/version/1601831191/image.png); position: absolute; bottom: 0px; left: 29px; content: ""; display: block;width: 30vw; height: 30vw; z-index: 1; background-size: cover;}}
@media (max-width: 1170px){#cc-m-xxxxxxxx:before { background-image: url(https://image.jimcdn.com/app/cms/image/transf/none/path/s2d29027705fb7ba4/image/i74acc4ac5214ef1f/version/1601831191/image.png); position: absolute; bottom: 0px; left: 0px; content: ""; display: block;width: 45vw; height: 45vw; z-index: 2; background-size: cover;}}*/

/* hauteur identique pour toute les colonnes de la page accueil
@media (min-width: 768px) {#cc-m-AAAAAAAAAAA.j-hgrid { display: flex; }}
#cc-m-AAAAAAAAAAA.cc-m-hgrid-column { background-clip: content-box;}
   #cc-matrix-BBBBBBBBBBB , #cc-matrix-CCCCCCCCC { box-shadow: 3px 3px 14px #d3d3d3, -3px -3px 4px #c3c3c3; padding: 10px; height: 100%; box-sizing: border-box;     border-radius: 10px; }*/

/*position contenu des titres accroches page accueil
@media (min-width: 768px) { #cc-m-AAAAAAAAAAA { position: absolute;    margin-top: -372px;    width: 1130px; }}
@media (max-width: 768px) { #cc-m-AAAAAAAAAAA { position: absolute;    margin-top: -221px;    width: 100%;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX h1 {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX h1 {color:#fff ;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX h2 {color:#fff;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX h2 {color:#fff;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX h3 {color:#fff;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX h3 {color:#fff;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX p {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX p {color:#fff ;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX ul {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX ul {color:#fff ;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:link {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:link {color:#fff ;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:hover {color:#3fb1df ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:hover {color:#;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:visited {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:visited {color:#;}}*/

/*position contenu des titres accroches page accueil
@media (min-width: 768px) { #cc-matrix-YYYYYYYYYYY { position: relative; margin-top: -366px; }}
@media (max-width: 768px) { #cc-matrix-YYYYYYYYYYY { position: relative; top: -133px; margin-bottom: -133px;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX h1 {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX h1 {color:#fff ;}}
@media (min-width: 768px) { #cc-m-XXXXXXXXXXX h2 {color:#fff;}}
@media (max-width: 768px) { #cc-m-XXXXXXXXXXX h2 {color:#fff;}}
@media (min-width: 768px) { #cc-m-XXXXXXXXXXX h3 {color:#fff;}}
@media (max-width: 768px) { #cc-m-XXXXXXXXXXX h3 {color:#fff;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX p {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX p {color:#fff ;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX ul {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX ul {color:#fff ;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:link {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:link {color:#fff ;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:hover {color:#3fb1df ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:hover {color:#;}}
    @media (min-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:visited {color:#fff ;}}
    @media (max-width: 768px) { #cc-m-XXXXXXXXXXX .j-text a:visited {color:#;}}*/

/* taille slider hauteur
.cc-m-gallery-slider ul img {margin: 0 auto;height: 400px !important;max-height: 400px !important;object-fit: cover;width: 100%;}*/

/* Image de fond fixe parallax avec texte et couleur degrade
@media (min-width: 768px) { #cc-m-9179336776 { display: block!important; width: 88vw; left: calc(-50vw + 50%); position: relative; padding:6vw !important; background-image: linear-gradient(180deg,rgba(209, 162, 89, 0.8901960784313725) 0%,rgba(222, 174, 93, 0.28) 100%),url(https://image.jimcdn.com/app/cms/image/transf/none/path/se9f98d08e2c6ed47/image/ie2a6e7426427ef0e/version/1593962838/image.jpg) ; background-blend-mode: unset; background-size: cover; background-attachment: fixed; background-position: center; height:auto; }}
@media (max-width: 768px) { #cc-m-9179336776 { background-image: linear-gradient(180deg,rgba(209, 162, 89, 0.8901960784313725) 0%,rgba(222, 174, 93, 0.28) 100%),url('https://image.jimcdn.com/app/cms/image/transf/none/path/se9f98d08e2c6ed47/image/ie2a6e7426427ef0e/version/1593962838/image.jpg'); width: 100%; left: calc(-50vw + 50%); position: relative; padding:18px !important; background-size: cover; background-position: center; height:auto;} }*/

/*position bouton retour accueil
@media (min-width: 768px) { #cc-XXXXXX { display:none;}}
@media (max-width: 768px) { #cc-XXXXXX  { display:none}}*/

/*animation slidein accueil
#cc-m-13163739531 { animation: slideIn 1s ease-out .4s backwards; }
@keyframes slideIn { from { transform: translateY(50%); opacity: 0; } }*/

/*animation zoom accueil
.jtpl-logo a img {-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}*/

/* animation slider slide in down--
.jqbga-slider, .jqbga-slider--image{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}*/

/* animation slider slide in top--
.jqbga-slider, .jqbga-slider--image{-webkit-animation-name:fadeInTop;animation-name:fadeInTop;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}*/

/* animation slider slide in left--
.jqbga-slider, .jqbga-slider--image{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}*/

/* animation slider slide in right--
.jqbga-slider, .jqbga-slider--image{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}*/

/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/

/* animation de la gauche vers la droite au defilement de la page--*/
#cc-matrix-AAAAAAAAA, #cc-m-BBBBBBBB {opacity:0;}
.gauche {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/* animation de la droite vers la gauche au defilement de la page--*/
#cc-matrix-CCCCCCCC  , #cc-m-DDDDDDDD{opacity:0;}
.droite {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*animation de bas en haut au defilement de la page */
#cc-matrix-EEEEEEE, #cc-matrix-FFFFFFF {opacity:0;}

.bas {-webkit-animation-name:fadeInRight;animation-name:fadeInBas;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}}@-webkit-keyframes fadeInBas{0%{opacity:0;-webkit-transform:translate3d(0%,100%,0);transform:translate3d(0%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInBas{0%{opacity:0;-webkit-transform:translate3d(0%,100%,0);transform:translate3d(0%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*animation zoom au defilement de la page */
#cc-m-YYYYYYYYY, #cc-m-ZZZZZZZZZZ {opacity:0;}
.zoom {-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}100% {opacity: 1;}}@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}100% {opacity: 1;}}

/*]]>*/
</style>

document.addEventListener('scroll', function() {
var elems = document.querySelectorAll('#cc-matrix-EEEEEEE, #cc-matrix-FFFFFFF');
for (var i = 0, length = elems.length; i < length; i++) {

var elem = elems[i];
if (window.scrollY < elem.offsetTop + elem.offsetHeight && window.scrollY + window.innerHeight > elem.offsetTop) {

elem.classList.add('bas');
}
}
});
})();
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
(function() {
document.addEventListener('scroll', function() {
var elems = document.querySelectorAll('#cc-m-YYYYYYYYY,#cc-m-ZZZZZZZZZZ');
for (var i = 0, length = elems.length; i < length; i++) {
var elem = elems[i];
if (window.scrollY < elem.offsetTop + elem.offsetHeight && window.scrollY + window.innerHeight > elem.offsetTop) {
elem.classList.add('zoom');
}
}
});
})();
//]]>
</script>

QUICKWEB.me