CSS HACK ROME
<style type="text/css">
/*<![CDATA[*/
.body { overflow-x: hidden; overflow-y: auto; }
.jtpl-main {overflow-x:hidden;}
.jtpl-breadcrumb {display:none;}
.jimdo-free-footer-ad { display:none}
/* hauteur fond image arriere plan */
@media (min-width: 768px) { .jtpl-header--image { height: 90px;} }
@media (max-width: 768px) { .jtpl-header--image { height: 0px;} }
/* ajout d'un fond sombre au photo d'arriere plan - .cc-indexpage .jtpl-header
.jtpl-header--image { background: rgba(0, 0, 0, .35) url('');background-blend-mode: darken; background-repeat: no-repeat; background-size: cover; }*/
/* Pleine largeur et fond de couleur
#cc-m-7817534156 {width: 92vw; left: 50%; transform: translateX(-50%); position: relative; padding: 5% 5% 5% 5%!important; background-color: #d3e6dd;}*/
/*Fond de couleur ou image à 100% 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 et fond de couleur
@media (min-width: 768px) {#cc-m-79... { background:#7b3f28; color: white; width: 96vw; left: calc(-50vw + 50%); position: relative; padding:40px !important; } }
@media (max-width: 768px) {#cc-m-7988146215 { background:#7b3f28; color: white; width: 100%; left: calc(-50vw + 50%); position: relative; padding:18px !important; } }*/
/* Image de 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;} }*/
/* Image de fond scroll 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 DOIGHT
@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;}}
/*** responsive iframe video carre 100% ***/
.video1 { position: relative; padding-bottom: 80%; /* 16:9 */ padding-top: 25px; height: 0;}
.video1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*** responsive iframe video 16/9 ***/
.video2 { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.video2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* effets */
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="effe3"] {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; }
/* 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 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%;}
/* 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;}}
/* Drapeau anglais pour "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 pour "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;}
/* Largeur meta-link */
@media (min-width: 768px) {.j-info-row {text-align: center; width: 100%;}}
@media (min-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:1 00%;padding: 0px 0px 0px 0px;left: 90px;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>
<style type="text/css">
/*<![CDATA[*/
/************************ACCUEIL*************************/
/* hauteur fond image arriere plan accueil */
@media (min-width: 768px) { .jtpl-header--image { height: 541px;} }
@media (max-width: 768px) { .jtpl-header--image { height: 220px;} }
/* 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; }
#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; }*/
/* 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-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:#;}}*/
/* image situe en bas à gauche 1er bandeau accueil*/
@media (min-width: 1170px){#cc-m-10888419183: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-10888419183: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;}}
/* 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--
@media (min-width: 768px) {.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--
@media (min-width: 768px) {.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 gauche au defilement de la page--*/
#cc-matrix-AAAAAAAAA, #cc-m-EEEEEEEEE {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 au defilement de la page--*/
#cc-matrix-BBBBBBBB, #cc-m-CCCCCCCC {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 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>
<script type="text/javascript">
//<![CDATA[
(function() {
document.addEventListener('scroll', function() {
var elems = document.querySelectorAll('#cc-matrix-YYYYYYYYYY,#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('gauche');
}
}
});
})();
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
(function() {
document.addEventListener('scroll', function() {
var elems = document.querySelectorAll('#cc-matrix-2437754676, #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('droite');
}
}
});
})();
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
(function() {
document.addEventListener('scroll', function() {
var elems = document.querySelectorAll('#cc-m-9179336776,#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>
Dernière mise à jour : 02/07/2024