html
  {
  scroll-behavior: smooth;
  }
BODY
  {
  font-family: Arial, verdana;
  letter-spacing: 1px;
  margin: 0;
  top:0 !important;
  box-sizing: border-box;
  overflow-x: hidden;
  }
div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, a, em, img, fieldset, strong, ol, ul, li, dl, dt, dd,
form, label, table, tr, th, td 
  { 
  margin: 0;
  } 
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(http://gtranslate.net/flags/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
.goog-te-gadget-simple {height:20px;line-height:20px;}  
.goog-te-gadget-simple img { display: inline-block; max-width: none; }
.VIpgJd-ZVi9od-ORHb-OEVmcd {display:none !important; }
    
#google_translate_element
  {
  position: absolute;  
  top: 12px;
  right: 175px;
  }
         
#bandeau-top
  {
  height: 45px;
  background-color: #3F417A;
  line-height: 45px;
  padding: 0 25px;
  }
#bandeau-top .bandeau-top-left
  {
  width: 50%;
  height: 45px;
  float: left;
  line-height:45px;
  }
#bandeau-top .bandeau-top-right
  {
  display: flex;
  justify-content: right;
  align-items: center;
  width: 50%;
  height: 45px;
  float: right;
  line-height: 45px;  
  }
.minibtnreseau
  {
  display: block;
  float: right;
  width: 26px;
  height: 26px;
  line-height: 45px;
  }
.minibtnreseau img
  {
  width: 26px;
  height: 26px;
  opacity: 1;
  border-radius: 800px 800px 800px 800px;
  overflow: hidden;
  }
.minibtnreseau a:hover img
  {
  opacity: 0.6;
  }
a.lien-white
  {
  text-decoration:none;
  color: #FFFFFF;
  font-size: 12pt;
  }  
a.lien-white:hover
  {
  color: #FFFFFF;
  text-decoration: underline;
  }

#slider
  {
  max-width: 1100px;
  margin: 0 auto;
  }
.carousel-inner img 
  {
  width: 100%;
  height: 100%;
  }
.carousel-caption
  {
  background: rgba(0, 0, 0, .5);
  }
@media screen and (max-width: 640px) {
.carousel-caption h3
  {
  font-size: 11pt;
  }
.carousel-caption p
  {
  display: none;
  }
}

#bandeau-top-main-img
  {
  max-width: 1100px;
  margin: 0 auto;
  }
#bandeau-top-main-img img
  {
  width: 100%;
  height: 100%;
  }
@media screen and (max-width: 510px) {
    #bandeau-top-main-img {
        margin-top: 50px;
    }
}

.presentation
  {
  margin: 5% 0;
  }
  
.title-section
  {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  }
.title-section h1
  {
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  }
.title-section .barre
  {
  width: 25%;
  height: 5px;
  background-color: #3F417A;
  }
  
.background-grey 
  {
  position: relative;
  z-index: 1;
  background-color: #F2F2F2;
  margin: 10% 0;
  padding: 25px 0;
  }
.background-grey:before, .background-grey:after {
  background: inherit;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
.background-grey:before {
  top: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.background-grey:after {
  bottom: 0;
  -webkit-transform: skewY(1.5deg);
          transform: skewY(1.5deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.text-boutiques
  {
  padding: 35px 15px 25px 15px;
  text-align: center;
  }
.text-boutiques span
  {
  font-size: 14pt;
  }

.boutiques
  {
  display: flex;
  justify-content: center;
  width: 80%;
  height: auto;
  margin: 25px auto 0 auto;
  gap: 35px;
  }
.boutiques .btnshop
  {
  width: 200px;
  height: 200px;
  }
.boutiques .btnshop img
  {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 0ms;
  overflow: hidden;
  margin: auto;
  }
.boutiques .btnshop a:hover img
  {
  opacity: 0.6;
  }
@media screen and (max-width: 640px) {
.boutiques
  {
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  width: 90%;
  }
.boutiques .btnshop
  {
  width: 80%;
  height: 80%;
  }
}

.showmore
  {
  width: 300px;
  height: 55px;
  margin: 0 auto 55px auto;
  }
.showmore a
  {
  display: block;
  width: 300px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #3F417A;
  font-size: 14pt;
  color: #FFFFFF;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-decoration: none;
  }
.showmore a:hover
  {
  background-color: #696BB1;
  color: #FFFFFF;
  }
  
.showmoreonmenu
  {
  width: 250px;
  height: 35px;
  margin: 15px auto;
  }
.showmoreonmenu a
  {
  display: block;
  width: 250px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #3F417A;
  font-size: 12pt;
  color: #FFFFFF;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-decoration: none;
  }
.showmoreonmenu a:hover
  {
  background-color: #696BB1;
  color: #FFFFFF;
  }
  
.tab-pagination
  {
  clear: both;
  margin: 0 0 35px 0;
  position: relative;
  text-align:center;
  }
.tab-pagination a
  {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 5px 0 0;
  background-color: #3F417A;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  line-height:30px;
  text-align: center;
  color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
.tab-pagination a:hover
  {
  background-color: #46A5E3;
  color: #FFFFFF;
  text-decoration: none;
  }
.tab-pagination a.next
  {
  margin: 0 0 0 15px;
  }
.tab-pagination a.next:hover
  {
  color: #FFFFFF;
  }
.tab-pagination a.prec
  {
  margin: 0 15px 0 0;
  font-weight: bold;
  }
.tab-pagination a.prec:hover
  {
  color: #FFFFFF;
  }
.tab-pagination a.select
  {
  display: inline-block;
  width: 28px;
  height: 30px;
  background-color: #3F417A;
  font-size: 10pt;
  font-weight: bold;
  color: #FFFFFF;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }
  
#mainfooter
  {
  width: 100%;
  height: auto;
  background-color: #272727;
  display: flex;
  justify-content: center;
  align-items: top;
  line-height: 20pt;
  }
#mainfooter .colfooter
  {
  color: #FFFFFF;
  padding: 25px;
  }
#mainfooter .colfooter .titlecolfooter
  {
  font-size: 14pt;
  }
#mainfooter .colfooter .libelcolfooter
  {
  font-size: 12pt;
  }
#mainfooter .colfooter a
  {
  font-size: 12pt;
  text-decoration: none;
  color: #FFFFFF;
  }
#mainfooter .colfooter a:hover
  {
  text-decoration: underline;
  }
#mainfooter .colfooter span
  {
  font-size: 12pt;
  text-decoration: none;
  color: #FFFFFF;
  }

#mentionslegales
  {
  width: 90%;
  height: auto;
  margin: 0 auto;
  text-align: justify;
  font-size: 12pt;
  margin: 55px auto;
  line-height: 20px;
  }
#mentionslegales .titlesschapitres
  {
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  color: #3F417A;
  }

#mentionslegales a
  {
  color: #000000;
  }
#mentionslegales a:hover
  {
  color: #3F417A;
  text-decoration: underline;
  }
  
#contact
  {
  width: 80%;
  height: 100%;
  margin: 35px auto 0 auto;
  padding-top: 20px;
  }
#contact #bloccontact
  {
  width: 100%;
  height: auto;
  padding: 0 0 25px 0;
  }
#contact #bloccontact .mainsstitle { width: 100%; height: 100%; font-size: 15pt; font-weight: bold; text-align: left; color: #3F417A; }
#contact #bloccontact .frmchampleft
  {
  float: left;
  width: 48%;
  height: auto;
  margin-top: 15px;
  }
#contact #bloccontact .frmchampright
  {
  float: right;
  width: 48%;
  height: auto;
  margin-top: 15px;
  }
#contact #bloccontact .frmcaptcha
  {
  width: 303px;
  margin: 15px auto 0 auto;
  float: left;
  }
#contact #bloccontact input
  {
  width: 100%;
  height: 45px;
  border: 0;
  font-size: 12pt;
  background-color: #FFFFFF;
  padding: 0 0 0 15px;
  }
#contact #bloccontact textarea
  {
  width: 100%;
  height: 180px;
  padding: 15px 0 0 15px;
  display: block;
  vertical-align: top;
  border: 0;
  font-size: 12pt;
  background-color: #FFFFFF;
  }

.btnenvoimessage
  {
  width: 310px;
  height: 50px;
  line-height: 50px;
  margin: 35px auto 0 auto;
  float: right;
  }
.btnenvoimessage a
  {
  display: block;
  width: 310px;
  height: 50px;
  background-color: #3F417A;
  font-size: 16pt;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 50px;
  text-align: center;
  transition: all .4s ease-in-out;
  }
.btnenvoimessage a:hover
  {
  background-color: #696BB1;
  color: #FFFFFF;
  }
  
.bandeau-img-text
  {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: auto;
  margin: 55px auto 0 auto;
  }
.bandeau-img-text .infosimg
  {
  width: 48%;
  height: auto;
  }
.bandeau-img-text .infostext
  {
  width: 48%;
  height: auto;
  }
.bandeau-img-text .infostext .titretexte
  {
  width: 100%;
  height: 100%;
  font-size: 22pt;
  font-weight: bold;
  text-align: center;
  color: #3F417A;
  }
.bandeau-img-text .infostext .detailstexte
  {
  width: 100%;
  height: 100%;
  font-size: 12pt;
  text-align: justify;
  margin-top: 25px;
  line-height: 16pt;
  }
.bandeau-img-text .infostext .btnaction
  {
  width: 310px;
  height: 50px;
  line-height: 50px;
  margin: 45px auto 0 auto;
  }
.bandeau-img-text .infostext .btnaction a
  {
  display: block;
  width: 310px;
  height: 50px;
  background-color: #3F417A;
  font-size: 16pt;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 50px;
  text-align: center;
  transition: all .4s ease-in-out;
  }
.bandeau-img-text .infostext .btnaction a:hover
  {
  background-color: #696BB1;
  }
  
#scrollUp
  {
  position: fixed;
  bottom : 50px;
  right: -100px;
  opacity: 0.5;
  z-index: 99999;
  }

.clear { clear: both; }

@media screen and (max-width: 740px) {
.title-section h1
  {
  font-size: 24pt;
  }
.margetop-mobile
  {
  margin: 45px 0 0 0;
  }
#mainfooter
  {
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
   
#contact
  {
  width: 90%;
  padding: 0;
  }
#contact #bloccontact .mainsstitle { width: 95%; height: 100%; font-size: 12pt; font-weight: bold; text-align: center; color: #E4022E; margin-top: 35px; }

#contact #bloccontact .frmchampleft
  {
  width: 100%;
  height: auto;
  margin-top: 15px;
  }
#contact #bloccontact .frmchampright
  {
  width: 100%;
  height: auto;
  margin-top: 15px;
  }
#contact #bloccontact .frmcaptcha
  {
  width: 303px;
  height: auto;
  margin: 25px auto 0 auto;
  float: none;
  }
.btnenvoimessage
  {
  width: 310px;
  height: 50px;
  line-height: 50px;
  margin: 35px auto 0 auto;
  float: none;
  } 

.bandeau-img-text
  {
  width: 100%;
  height: 100%;
  margin-top: 35px;
  flex-direction: column;
  justify-content: center;
  }
.bandeau-img-text .infosimg
  {
  width: 90%;
  margin: 0 auto;
  }
.bandeau-img-text .infostext
  {
  width: 90%;
  margin: 25px auto 0 auto;
  }
}


#carouselExampleControls
  {
  max-width: 1100px;
  margin: 65px auto 55px auto;
  }
#carouselExampleControls .carousel-inner {
  padding: 1em;
}
#carouselExampleControls .card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
}
#carouselExampleControls .carousel-control-prev,
#carouselExampleControls .carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  #carouselExampleControls .carousel-item {
    margin-right: 0;
    flex: 0 0 calc(100%/4);
    display: block;
  }
  #carouselExampleControls .carousel-inner {
    display: flex;
  }
}
#carouselExampleControls .card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
#carouselExampleControls .card img {
    max-height: 100%;
}
@media (max-width: 767px) {
  #carouselExampleControls .card .img-wrapper {
    height: 17em;
  }
}

.searchbar
  {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: auto;
  padding: 0 15px;
  margin: 40px auto 0 auto;
  }
@media screen and (max-width: 510px) {
.searchbar
  {
  margin: 75px auto 0 auto;
  }
}
.searchbar .inputsearch
  {
  display: inline-block;
  width: 85%;
  height: 45px;
  font-size: 12pt;
  padding: 0 0 0 10px;
  }
.searchbar .btnsearch
  {
  display: inline-block;
  width: 14%;
  height: 45px;
  background-color: #3F417A;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 12pt;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin-left: auto;
  }
.searchbar .btnsearch:hover
  {
  background-color: #696BB1;
  }

.titlesection
  {
  text-align: center;
  padding: 10px 0 0 0;
  margin: 15px 0 0 0;
  }
.titlesection span
  {
  font-family: "Arial", "Times New Roman";
  font-size: 4.5rem;
  color: #373736;
  }
  
.bloc-vignettes-infos-shop
  {
  width: 90%;
  height: auto;
  margin: 0 auto 65px auto;
  display: flex;
  justify-content: space-between;
  align-items: start;
  }
.bloc-vignettes-infos-shop .vignette-info-shop
  {
  width: 20%;
  height: auto;
  text-align: center;
  }
.bloc-vignettes-infos-shop .vignette-info-shop i
  {
  width: 100%;
  height: auto;
  font-size: 45pt;
  margin: 0 0 15px 0;
  color: #272727;
  }
.bloc-vignettes-infos-shop .vignette-info-shop span
  {
  font-size: 12pt;
  }

.bandeau-holiday
  {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: #FFFAF4;
  border: 1px solid #FFA346;
  padding: 10px;
  text-align: center;
  }
.bandeau-holiday i
  {
  font-size: 14pt;
  color: #DF7000;
  padding: 0 10px 0 0;
  }
.bandeau-holiday span
  {
  font-size: 10pt;
  color: #DF7000;
  }

.categories 
  {
  margin: 55px 0 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding: 20px;
  }
.category 
  {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
.category img 
  {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  transition: transform 0.3s ease; 
  }
.category:hover img 
  {
  transform: scale(1.1); /* Effet de zoom sur l'image au survol */
  }
.category a 
  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centre le contenu verticalement */
  align-items: center; /* Centre horizontalement */
  text-decoration: none;
  color: white;
  font-size: 1.5em;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5); /* Fond noir semi-transparent */
  text-align: center;
  padding: 0 10px;
  }
.category-title 
  {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
  margin: 0;
  transition: transform 0.3s ease;
  }
.category:hover .category-title 
  {
  transform: translateY(-10px); /* D�place le titre vers le haut au survol */
  }
.category:hover a 
  {
  background: rgba(0, 0, 0, 0.7); /* Fond l�g�rement plus sombre au survol */
  }

@media (max-width: 768px) {
  .categories {
    grid-template-columns: 1fr; /* Affichage en une seule colonne sur les petits �crans */
  }
}


@media screen and (max-width: 510px) {
.titlesection
  {
  margin: 75px 0 0 0;
  }
.titlesection span
  {
  font-size: 3rem;
  }
.bandeau-holiday
  {
  margin: 50px 0 0 0;
  }
}

@media screen and (max-width: 1200px) {
#google_translate_element
  { 
  position: absolute;
  top: 15px;
  left: 15px;
  } 
.bandeau-top-left
  {
  display: none;
  }
.searchbar
  {
  width: 90%;
  }
.searchbar .inputsearch
  {
  width: 74%;
  }
.searchbar .btnsearch
  {
  width: 25%;
  }
}

@media screen and (max-width: 640px) {
#google_translate_element
  { 
  position: absolute;
  top: 12px;
  left: 15px;
  }
.bandeau-top-left
  {
  display: none;
  }
#mainfooter .colfooter
  {
  text-align: center;
  }
#mainfooter .colfooter table
  {
  margin: 0 auto;
  text-align: left;
  }
.searchbar
  {
  flex-wrap: wrap;
  }
.searchbar .inputsearch
  {
  width: 100%;
  }
.searchbar .btnsearch
  {
  width: 100%;
  margin: 15px 0 0 0;
  }
.bloc-vignettes-infos-shop
  {
  flex-wrap: wrap;
  }
.bloc-vignettes-infos-shop .vignette-info-shop
  {
  width: 45%;
  }
.bloc-vignettes-infos-shop .vignette-info-shop:nth-child(1)
  {
  margin: 0 0 45px 0;
  }
.bloc-vignettes-infos-shop .vignette-info-shop:nth-child(2)
  {
  margin: 0 0 45px 0;
  }
}

/*
     FILE ARCHIVED ON 01:00:41 Jul 10, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:07:18 Sep 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.35
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.032
  esindex: 0.006
  cdx.remote: 12.13
  LoadShardBlock: 116.794 (3)
  PetaboxLoader3.resolve: 107.698 (4)
  PetaboxLoader3.datanode: 115.252 (5)
  load_resource: 128.163
  loaddict: 32.737
*/