@charset "UTF-8";
/*
Theme Name: Twenty Seventeen Modifié
Theme URI: https://coloc.coop/
Author: Studio Créatif Coloc
Author URI: https://coloc.coop/
Description: Thème spécialement développé
Version: 1.1
Text Domain: studiocreatifcoloc
*/
/*
_________        .__                  ____  ___
\_   ___ \  ____ |  |   ____   ____   \   \/  /
/    \  \/ /  _ \|  |  /  _ \_/ ___\   \     / 
\     \___(  <_> )  |_(  <_> )  \___   /     \ 
 \______  /\____/|____/\____/ \___  > /___/\  \
        \/                        \/        \_/
        */
/* Variables */
/* color */
/*AJOUTER NOUVEAUX CSS ICI */
:root {

  --font: 'Libre Franklin', sans-serif;
  --titre: 'Libre Franklin', sans-serif;
  --noir: #231F20;
  --gris : #636466;
  --grisF : #3D4041;


}
.nf-form-content input.ninja-forms-field{
  height: auto!important;
}
/*Section Chiffre*/
.pictogramme{
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5em;
}
.pictogramme img{
  max-width: 200px;
}
.theLigne{
  display: inline-flex;
  align-items: center;
}
.underInfo{
font-size: 0.8em !important;
    max-width: 20ch;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.1em;
    margin-top: 0.5em;
}
.theNumber{
  font-size: 2em;
  color: var(--couleurPrincipale);
  font-weight: 800;
  line-height: 1em;
}
.theNumber.chiffre1{
  color: var(--couleur_1);
}
.theNumber.chiffre2{
  color: var(--couleur_2);
}
.theNumber.chiffre3{
  color: var(--couleur_3);
}
.theNumber.chiffre4{
  color: var(--couleur_4);
}
.theLigne sup{
  font-size: 1.5em;
  color: var(--couleurPrincipale);
  font-weight: 800;
  top: -0.25em!important;
}
/*Section Timeline*/
.sectionTimeline{
    margin: 0!important;
    position: relative;
    /*padding: 60px 0px;*/
    padding: 3.15% 0px;
}
.sectionTimeline:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 66%;
    height: 1px;
    background: var(--noir);
    opacity: .3;
}
.sectionTimeline .blocGaucheTimeline{
    background-color: var(--couleur_1);
    padding: 45px 0% 30px 0px;
    position: relative;
    padding-right: 45px!important;
}
.sectionTimeline .blocGaucheTimeline p{
    color: #fff!important;
}


.sectionTimeline .containerTimeline {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
}
.sectionTimeline .title {
   font-size: 38px;
   color: var(--noir);
   font-weight: 800;
   padding-left: 40%;
}
.timeline {
   width: 100%;
   background-color: #fff;
}
.timeline .swiper-container {
   height: 600px;
   width: 100%;
   position: relative;
}
.timeline .swiper-wrapper {
   transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.timeline .swiper-slide {
   position: relative;
   color: #fff;
   overflow: hidden;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}
/*.timeline .swiper-slide::after {
   content: "";
   position: absolute;
   z-index: 1;
   right: -115%;
   bottom: -10%;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .7);
   box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, .7);
   border-radius: 100%;
}*/
.timeline .swiper-slide-content {
   position: absolute;
   text-align: left;
   width: 100%;
   right: 50%;
   top: 13%;
   transform: translate(50%, 0);
   font-size: 12px;
   z-index: 2;
}
.timeline .swiper-slide .timeline-year {
   display: block;
   font-size: 40px;
   line-height: 26px;
   margin-bottom: 25px!important;
   transform: translate3d(20px, 0, 0);
   color: var(--couleurPrincipale);
   font-weight: 600;
   opacity: 0;
   transition: 0.2s ease 0.4s;
}
.timeline .swiper-slide li,
.timeline .swiper-slide p {
   font-size: 20px!important;
   line-height: 26px!important;
   color: var(--noir);
   margin-bottom: 0.5em!important;

}
.timeline .swiper-slide:nth-child(1n) span.timeline-year {
    color: var(--couleur_1);
}
.timeline .swiper-slide:nth-child(2n) span.timeline-year {
    color: var(--couleur_2);
}
.timeline .swiper-slide:nth-child(3n) span.timeline-year {
    color: var(--couleur_3);
}
.timeline .swiper-slide:nth-child(4n) span.timeline-year {
    color: var(--couleur_4);
}
.timeline .swiper-slide:nth-child(5n) span.timeline-year {
    color: var(--couleur_5);
}
.timeline .swiper-pagination-bullet:nth-child(1n)::before {
    background-color: var(--couleur_1);
}
.timeline .swiper-pagination-bullet:nth-child(2n)::before {
    background-color: var(--couleur_2);
}
.timeline .swiper-pagination-bullet:nth-child(3n)::before {
    background-color: var(--couleur_3);
}
.timeline .swiper-pagination-bullet:nth-child(4n)::before {
    background-color: var(--couleur_4);
}
.timeline .swiper-pagination-bullet:nth-child(5n)::before {
    background-color: var(--couleur_5);
}
.timeline .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1n){
  color: var(--couleur_1);
}
.timeline .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2n) {
  color: var(--couleur_2);
}
.timeline .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3n) {
  color: var(--couleur_3);
}
.timeline .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4n) {
  color: var(--couleur_4);
}
.timeline .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5n) {
  color: var(--couleur_5);
}
.timeline .swiper-slide .timeline-title {
   font-weight: 800;
   font-size: 34px;
   margin: 0 0 30px;
   opacity: 0;
   transform: translate3d(20px, 0, 0);
   transition: 0.2s ease 0.5s;
}
.timeline .swiper-slide .timeline-text {
   line-height: 1.5;
   opacity: 0;
   transform: translate3d(20px, 0, 0);
   transition: 0.2s ease 0.6s;
}
.timeline .swiper-slide-active .timeline-year {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   transition: 0.4s ease 1.6s;
}
.timeline .swiper-slide-active .timeline-title {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   transition: 0.4s ease 1.7s;
}
.timeline .swiper-slide-active .timeline-text {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   transition: 0.4s ease 1.8s;
}
.timeline .swiper-pagination {
   left: 0% !important;
   height: 100%;
   display: none;
   flex-direction: column;
  /* justify-content: center;*/
   font-style: italic;
   font-weight: 300;
   font-size: 18px;
   z-index: 9999;
}
.timeline .swiper-pagination::before {
    content: "";
    position: absolute;
    right: -40px;
    top: 10%;
    height: 80%;
    transform: translateY(0%);
    width: 2px;
    background-color: var( --noir);
    opacity: .3;
}
.timeline .swiper-pagination-bullet {
   width: auto;
   height: auto;
   text-align: center;
   opacity: 1;
   background: transparent;
   color: var(--noir);
   margin: 20px 0 !important;
   position: relative;
   font-size: 1.4em!important;
   line-height: 1.625rem;
   font-weight: 500;
   max-width: 62px!important;
}
.timeline .swiper-pagination-bullet::before {
   content: "";
   position: absolute;
   top: 8px;
   left: 96px;
   width: 10px;
   height: 10px;
   border-radius: 100%;
   background-color: var(--couleurPrincipale);
   transform: scale(0);
   transition: 0.2s;
}
.timeline .swiper-pagination-bullet-active {
   color: var(--couleurPrincipale);
}
.timeline .swiper-pagination-bullet-active::before {
   transform: scale(1);
}
.timeline .swiper-button-next, .timeline .swiper-button-prev {
   background-size: 20px 20px;
   top: 15%;
   width: 20px;
   height: 20px;
   margin-top: 0;
   z-index: 2;
   transition: 0.2s;
}
.timeline .swiper-button-prev {
   left: 8%;
   background-image: url()!important;
}
.timeline .swiper-button-prev:after{
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-size: 32px;
    font-weight: 100;
}
.timeline .swiper-button-prev:hover {
   transform: translateX(-3px);
}
.timeline .swiper-button-next {
   right: 8%;
   background-image: url()!important;
}
.timeline .swiper-button-next:after {
   content: "\f054";
   font-family: "Font Awesome 5 Pro";
   font-size: 32px;
   font-weight: 100;
}
.timeline .swiper-button-next:hover {
   transform: translateX(3px);
}
@media screen and (min-width: 768px) {
   .timeline .swiper-slide::after {
       left: -30%;
       bottom: -8%;
       width: 240px;
       height: 50%;
       box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, .7);
   }
   .timeline .swiper-slide-content {
       left: 30%;
       top: 50%;
       transform: translateY(-50%);
       width: 70%;
   }
   .timeline .swiper-slide .timeline-title {
       font-size: 46px;
       margin: 0;
   }
   .timeline .swiper-pagination {
       display: flex;
   }
   .timeline .swiper-button-prev {
       top: 0%;
       left: auto;
       left: 7%;
       transform: rotate(90deg) translate(0, 10px);
       z-index: 999999;
   }
   .timeline .swiper-button-prev:hover {
       transform: rotate(90deg) translate(-3px, 10px);
   }
   .timeline .swiper-button-next {
       top: auto;
       bottom: 0%;
       left: 7%;
       transform: rotate(90deg) translate(0, 10px);
       z-index: 999999;
   }
   .timeline .swiper-button-next:hover {
       transform: rotate(90deg) translate(3px, 10px);
   }
}

@media screen and (min-width: 1024px) {

   .timeline .swiper-slide::after {
       right: -20%;
       bottom: -12%;
       width: 240px;
       height: 50%;
       box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, .7);
   }
   .timeline .swiper-slide-content {
       left: 25%;
       width: 75%;
   }
}
.nosPublications{
    padding: 5% 0%;
    margin: 0!important;
}

.menuMobile{
  display: none!important;
}
.post-thumbnail img{
  margin: unset!important;
  width: 50%!important;
  max-width: 320px!important;
}

#rmp-menu-wrap-295 .rmp-menu-item-link:hover{
      color: #48b1c6!important;
}

#mc_embed_signup .mc-field-group input{
  font-size: 0.75em;
  color: var(--noir);
  background-color: rgba(255, 255, 255, 0.6);
}
#mc_embed_signup form{
  margin: 0!important;
}
#mc_embed_signup .button{
  height: auto!important;
  line-height: auto!important;
      padding: 10px 20px!important;
}
#mc_embed_signup input{
  border: none!important;
}
.footer .nf-form-content .list-select-wrap .nf-field-element>div, .footer .nf-form-content input:not([type=button]), .footer .nf-form-content textarea{
background-color:#E7A0AC!important;
border: none!important;
color: var(--noir)!important;
font-weight: 700!important;
}
.slick-dots{
  z-index: 99;
}
.pictogramme {
  opacity: 0;
}
.bio{
  font-size: 0.9em;
}
.petitCouleur_1{
  color: var(--couleurPrincipale);
  font-size: 0.8em;
  line-height: 1.25em!important;
}
input[type=submit]{
    display: inline-block!important;
  color: #fff!important;
  border-radius: 15px!important;
  padding: 0.9em 1.55em!important;
  transition: all 0.2s!important;
  background-color: var(--noir)!important;
  font-weight: bold!important;
  font-size: 0.9em!important;
  border: 3px solid var(--noir)!important;
      transition: all 0.5s!important;
      text-decoration: none!important;
      margin: 10px 10px 10px 0!important;
}
input[type=submit]:hover{
    text-decoration: none!important;
  background-color: #fff!important;
  color: var(--noir)!important;
}
.nf-form-content input[type=radio]{
  border: none!important;
  background-color: transparent!important;
}
.tabCtn{
  position: relative;
}
.tabCtn .nf-form-content{
  margin:initial!important;
}
.nf-field-element ul{
  list-style-type: none!important;
}
.ctn100  ul{
  padding-left: 20px;
}
.search-form label{
  display: none;
}
.search-form .search-field{
    margin: 10px!important;
    border: 1px solid #000;
    padding: 5px 10px;
}
.btnGris,
.btn{
  display: inline-block;
  color: #fff;
  border-radius: 15px;
  padding: 0.9em 1.55em;
  transition: all 0.2s;
  background-color: var(--noir);
  font-weight: bold;
  font-size: 0.9em;
  border: 3px solid var(--noir);
      transition: all 0.5s;
      text-decoration: none;
      margin: 10px 10px 10px 0;

}
.btnGris:hover,
.btn:hover{
  text-decoration: none!important;
  background-color: #fff;
  color: var(--noir);
}
.h5050-text .toggleBtn{
  font-weight: bold;
  }
  .h5050-text h3{color: var(--noir);}
.toggleBtn{
  font-size: 0.9em;
  text-decoration: underline;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  display: inline-block;
}
.toggleBtn:hover{
  cursor: pointer;
}
body{
  font-size: 20px!important;
  line-height: 22px;
  font-family: var(--font)!important;
  overflow-x: hidden;
  color: var(--grisF);
  counter-reset: my-sec-counter;
}
ol,
ul,
p{
 line-height: 28px!important;
 margin-bottom: 20px!important;
 
}



h1{
  font-size:  2.5em!important;
  font-family: var(--titre)!important;
  font-weight: 700!important;
  line-height: 1em!important;
  margin-bottom: 1em!important;
  color: #fff;
}


h2{
  font-size: 2.1em!important;
  line-height: 1em!important;
  font-family: var(--titre)!important;
  font-weight: 700!important;
  margin-bottom: 1em!important;
  color: var(--noir);


}

h3{
  font-size: 1.5em!important;
  font-family: var(--titre)!important;
  font-weight: 500!important;
  line-height: 1.1em!important;
  letter-spacing:normal!important;
  margin-bottom: 1em!important;
  color: #fff;
}
h4{
  font-size: 1.25em!important;
  font-family: var(--titre)!important;
  font-weight: 700!important;
  line-height: 1.1em!important;
  letter-spacing:normal!important;
  margin-bottom: 1em!important;
  color: var(--noir);
}
.cta{
  background-color: #F6F6F6;
  border-radius: 35px;
  padding: 5.75em;

}
.theRow{
  border-bottom: 1px solid #BEBEBE;
  display: inline-flex;
  flex-wrap: wrap;
}
.insideCols{
  padding: 1.5em 0.5em;
}
.theRow:last-child{
  border: none;
}
.theRowInside{
    align-items: flex-start;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.content-h13 .theRowInside {
  align-items: flex-start;
}
.theRow h3{
  color: var(--noir);
  font-weight: 600!important;
  margin-top: 1em; /* JR20250709 3em à 1em */
}
.couleurPrincipale{
  color: var(--couleurPrincipale);
}
.container {
  max-width: 1720px!important;
  margin: 0 auto!important;
  position: relative;
  width: 100%;
}
.topBar{
  padding: 0.75em 0;
}
.topBar .socialIcons{
  margin-left: 1em;
  color: var(--gris);
  font-size: 0.9em;
}
.socialIcons:hover{
  color: var(--couleurPrincipale);
}
#rmp-menu-additional-content-295 .socialIcons{
  margin: 0 20px!important;
}
.topBar .socialIcons:hover{
  color: var(--couleurPrincipale);
}
.topBar,
.menuBar{
  width: 100%;
}
.home .menuBar{
  border-bottom: 0;
}
.menuBar{
  border-bottom: 1px solid var(--couleurPrincipale);
}
.menuBar .container{
  display: flex;
  align-items: center;
}
.leMenuTop{
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.leMenu ul{
  border-top: 1px solid #D8DEDC;
  padding: 1.35em 0!important;
}
.leMenu .wpml-ls-item{
  display: none!important;
}

.leMenu li{
  display: inline-block;
}
.leMenuTop li{
  list-style-type: none;
  display: inline-flex;
  align-items: center;

}
.single .post-thumbnail{
  clear: both!important;
  width: 100%!important;
}
.single .entry-content{
  padding-bottom: 3em;
  width: 100%;
    clear: both;
    margin-top: 20px!important;
    display: inline-block;
}
.single .entry-content ul{
    list-style-position: inside;  
}
.leMenuTop ul
{
  margin-right: 2.3em;
}
.leMenuTop li a{
  color: var(--gris);
  font-size: 0.7em;
}
.leMenuTop li a:hover{
  color: var(--couleurPrincipale);
  text-decoration: none;
}
.leMenuTop li:after{
  content: "|";
  margin: 0 0.35em;
  display: inline-block;
  color: var(--gris);

}
.leMenuTop li:last-child:after{
  display: none;
}
.primary-navigation > div > .menu-wrapper{
  justify-content: space-between!important;
}
.primary-navigation .sub-menu .menu-item > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 0%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80%;
    height: 1px;
    background: #808080;
}
.primary-navigation .sub-menu .menu-item:last-child > a:after {
    display: none;
}
#masthead ul {
    margin-bottom: 0!important;
    margin-left: 0!important;
}
.leMenu ul.sub-menu{
  padding: 0!important;
}
.primary-navigation .menu-item-has-children a {
    padding: 15px 20px!important;
}

.primary-navigation .sub-menu .menu-item > a{
  text-align: left;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after{
  display: none!important;
}
.primary-navigation a{
  font-size: 0.8em!important;
  font-weight: 600!important;
  padding: 0.6em 0.85em!important;
  display: flex!important;
  align-items: center!important;

}
.primary-navigation a:hover{
  color: var(--couleurPrincipale)!important;
  text-decoration: none!important;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu{
  border: 0px;
  margin-left: 25px!important;
  min-width: 200px!important;
  -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 15%);
  background-color: #fff;
}

.primary-navigation .menu-item-has-children a:after{
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  content: "\f105";
  padding-left: 0.5em;
}
.btn,
.primary-navigation .btnMenu a{
  color: #fff!important;
  border-radius: 5px!important;
  background-color: var(--couleur_4)!important;
  border: 3px solid var(--couleur_4);
    transition: all 0.5s;

}
.btn:hover,
.primary-navigation .btnMenu a:hover{
  color: var(--couleur_4)!important;
  background-color: #fff!important;
}
header *, main *, footer *,        
html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer{
  max-width: auto!important;
}

.tag footer{
  margin-top: 3em;
}

/*CONTENU*/
.pills{
  display: inline-block;
  font-size: 0.8em;
  color: #fff;
  border-radius: 35px;
  padding: 0.25em 0.75em;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -3px;
  float: left;
}
.pills a{
  text-decoration: none;
}
.pills:hover{
  opacity: 0.5;
}
.h5050-text ol,
.h5050-text ul{
  padding-left: 20px;
}
.h5050-text li{
  margin-bottom: 15px;
}
.the13_23 .colonne_2 .h5050-text{
  padding-left: 9.42%;
}
.theTitle{
  padding-top: 4em;
}
.imgCover{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  /*min-height: 250px;*/
}
.paddingSectionPage{
  padding: 2em 0; /* JR20250709 réduire 3.5 à 2 */
}
.paddingSectionBottom{
  padding-top: 0;
  padding-bottom: 4.5em;
}
.paddingSectionTop{
  padding-top: 4.5em;
  padding-bottom: 0;
}
.bannerPage {
  display: inline-block;
  width: 100%;
}
.bannerPage h1{
  margin: 0!important;
  padding: 0;
}
.bannerPage .titrePage{
  margin-top: 3.25em;
  padding: 0;
  display: inline-block;
}
.bannerPage .titrePage{
     margin-bottom: 3.25em; 
}
.titrePage h1{
  color: var(--noir);
}
.btnMore{
  font-size: 0.9em;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  margin-top: 1em;
  transition: all 0.2s;
}
.btnMore:hover{
  text-decoration: none!important;
  color: var(--couleurPrincipale);
}
.btnMore:before{
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f055";
  padding-right: 10px;
  font-size: 1.35em;
}
.ctnIcone{
  margin-top: 4em;
}
.ctnSlider100Icone .slick-track {
  display: inline-flex;
  align-content: center;
}
.ctnSliderIcone img{
  display: inline-block!important;
  text-align: center;
}
.ctnSliderIcone a{
  display: inline-flex;
    align-items: center;
}
.slick-slide img {
  display: inline-block!important;
  text-align: center;
  max-width: 80%;
}
.ctnSlider{
  display: flex;
}
.ctnSlider img{
      position: absolute;
    right: 0;
    bottom: -45px;
}
.nav-slider3 .slick-arrow{
  color: #fff!important;
}
.nav-slider3 .nav-left{
  margin-right: 6px!important;
}
.nav-slider3 .nav-right{
  margin-left: 6px!important;
}
.nav-slider3{

        position: absolute;
    right: -7%;
    bottom: -4%;
}
.ctnSlider100 .slick-dots{
  display: none!important;
}
.nav-slider0{
display: flex;
    align-items: center;
    justify-content: end;
        margin-top: 0%;
    z-index: 999;
    position: relative;
}
.insideHeight{
  display: inline-block;
}
.nav-slider0 .nav-left{
  margin-right: 20px!important;
}
.nav-slider0 .nav-right{
  margin-left: 20px!important;

}
.pagingInfo{
  font-size: 0.9em!important;
}
.slick-dotted.slick-slider{
  margin-bottom: 0!important;
}
.titreSectionToggle {
    margin-bottom: 40px !important;
  }
  .theToggle {
    overflow: hidden;
    margin-bottom: 20px !important;
  }
  .rowToggle {
    background-color: #fff !important;
    margin-bottom: 6px;
    padding: 20px 30px;
    border: 1px solid var(--noir);
    display: inline-block;
    width: 100%;
  }
  .titreToggle {
    color: var(--noir);
        font-weight: bold;

  }
  .rowToggle:hover,
  .rowToggle.open {
    border: 1px solid var(--couleurPrincipale);
    cursor: pointer;
  }
  .rowToggle.open .titreToggle,
  .rowToggle.open .moreDesc,
  .rowToggle:hover .titreToggle,
  .rowToggle:hover .moreDesc {
    color: var(--couleurPrincipale);
  }
  .moreDesc {
    color: var(--noir);;
    float: right;
    margin-top: -2px;
  }
  .toggleMore{
    text-transform: none;
    margin: 2em 0;
    font-size: 0.9em;
  }
  .toggleMore ul{
    padding-left: 20px;
  }

.ctnSlider100Icone .slick-track {
  display: flex!important;
}
.ctnSlider100Icone .slick-track .slick-slide {
  display: flex!important;
  height: auto!important;
  align-items: center!important;
  justify-content: center!important;
}




.site-header a, .btn{
  text-decoration: none;
  line-height: 1;
}
.site-header a:hover{
  text-decoration: underline;
  text-decoration-style: inherit!important;
}
.siteLogo{
  padding: 0.84em 0;
}
.homeBanner{
  background-color: var(--couleurPrincipale);
  width: 100%;
  overflow: hidden;
}
.homeBanner .btnMore:hover{
  color: var(--noir);
}
.homeBanner .container{
  padding: 0 0 0 13.66%;
  max-width: 100%!important;


}
.banniere_image{
  position: relative;

}
.banniere_image img{
 object-fit: cover;
  width: 100%;  
}

.banniere_image:before{
  content: "";
  background-image: url('images/bannerAfter.png');
  position: absolute;
  left: 0;
  width: 128px;
  height: 579px;
  top: -2px;
}
.flexThat{
  display: inline-flex;
}
.homeBanner a{
  color: #fff;
}
.homeBanner .container{
  height: 100%;
  display: flex;
  align-items: center;
  min-height: 122px;
}
.verticalCenter{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
section{
  padding: 3em 0;
  display: inline-block;
  width: 100%;
}
.iconeCols i{
  font-size: 5em;
  color: var(--couleurPrincipale);
}
.h5050-container {
  display: inline-flex;
  align-items: center;
      width: 100%;
    flex-wrap: wrap;
}
.h5050-container.h5050-topalign{
  align-items: flex-start;
}
.insideIconeTxt{
  padding-left: 2.25em;
  padding-right: 3em;
  padding-bottom: 1.25em;
}
.insideIconeTxt li{
  margin-left: 20px;
}
.borderBottom{
  border-bottom: 1px solid #BEBEBE;
}
.current-menu-item{
  text-decoration: none!important;
  color: var(--couleurPrincipale);
}
.current-menu-item .sub-menu a{
  color: var(--noir)!important;
}
.current-menu-item .sub-menu a:hover{
  color: var(--couleurPrincipale)!important;
}




.home .trueHalf .colonne_1 .type-text{
  padding-right: 4em;

}
.home .trueHalf .colonne_2 .type-text{
  padding-left: 4em;

}
.trueHalf h2{
  font-weight: normal!important;
}
.trueHalf .colonne_1{
  padding-right: 2.75em;

}
.trueHalf .colonne_2 .type-text{
  padding-left: 3.25em;
}
.text5050Padding .colonne_2 .type-text{
  padding-left: 0em;
}

.h5050-text p{
  margin-bottom: 1em;
}
.h5050-text p:last-of-type {
  margin-bottom: 0em!important;
}

.borderThirds .splits .h5050-half-inner{
  border: 1px solid var(--bleu);
  padding: 3em;
}
.bgCouleurThirds .splits .h5050-half-inner{
  background-color: var(--beige);
  padding: 3rem 1.5rem;
}
/*Side Menu*/
.sideMenu{
  position: fixed;
  z-index: 1;
  top: 25%;
  right: 2%;
  margin: 0!important;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 15%);
  max-width: fit-content;
  max-width: 81px;
}
.sideMenu i {
  display: block;
}
.sideMenu .loption a{
  font-size: 0.5em;
  line-height: 0.563rem;
  display: block;
  padding: 17px 15px;
  position: relative;
  text-decoration: none;

}
.sideMenu .loption i{
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 4px;
}
.sideMenu .loption a:hover{
  color: var(--couleurPrincipale)!important;
}
.linkSideMenu:after{
  content: "";
  position: absolute;
  z-index: 1;
  left: 0%;
  bottom: 0%;
  display: block;
  width: 100%;
  height: 1px;
  background: #DEDEDE;
}
.loption:last-child a:after{
  display: none;
}
.sideMenu .loption .wpml-ls ul li{
  padding-right: 0px!important;
  margin-bottom: 0!important;
}
.lastLinkSideMenu:after{
 display: none!important;
}
.sideMenu .loption .wpml-ls ul li a{
  font-size: 1.2em;
  line-height: 1.875rem;
  padding: 10px 15px 20px 15px!important;
}
.sideMenu .loption .wpml-ls ul li a .motLang{
  font-size: 0.5em!important;
  line-height: 0.563rem!important;
  display: block!important;
  font-weight: 300!important;
  margin-top: 3px;
}
.lebtn{
  display: flex;
  align-items: center;
  border: solid 3px;
  flex-wrap: wrap;
  border-radius: 10px;
  margin: 0.75em;
  transition: all 0.5s;
}
.lebtn:hover{
  background-color: #fff;
}
/*
.bg_couleur_1:hover i{
  color: var(--couleur_1);
}
.bg_couleur_2:hover i{
  color: var(--couleur_2);
}
.bg_couleur_3:hover i{
  color: var(--couleur_3);
}
.bg_couleur_4:hover i{
  color: var(--couleur_4);
}
.bg_couleur_5:hover i{
  color: var(--couleur_5);
}
.bg_couleur_6:hover i{
  color: var(--couleur_6);
}*/
.lebtn a{
  padding: 1.4em;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  text-align: center;
  width: 100%;
  font-size: 1.8em;
}
.lebtn i{
  margin-right: 30px;
}
.titreSection h2{
  margin-bottom: 0.5em!important;
}
.titreSection{
  margin-bottom: 2.25em;
}
.bg_gris{
  background-color: #F6F6F6;
}
.bg_couleurPrincipale{
  background-color: var(--couleurPrincipale);
  color: #fff;
}
.bg_couleurPrincipale .btnMore:hover{
  color: var(--noir);
}
.bg_couleurPrincipale h3,
.bg_couleur_1 *,
.bg_couleur_2 *,
.bg_couleur_3 *,
.bg_couleur_4 *,
.bg_couleur_5 *,
.bg_couleur_6 *,
.bg_couleurPrincipale *{
  color: #fff;
}

.bg_couleur_1.invertBtn,
.bg_couleur_2.invertBtn,
.bg_couleur_3.invertBtn,
.bg_couleur_4.invertBtn,
.bg_couleur_5.invertBtn,
.bg_couleur_6.invertBtn {
  background-color: #fff;
}
.bg_couleur_1.invertBtn:hover a,
.bg_couleur_2.invertBtn:hover a,
.bg_couleur_3.invertBtn:hover a,
.bg_couleur_4.invertBtn:hover a,
.bg_couleur_5.invertBtn:hover a,
.bg_couleur_6.invertBtn{
  color: #fff;
}

.bg_couleur_1.invertBtn:hover,
.bg_couleur_1{
  background-color: var(--couleur_1);
  border-color: var(--couleur_1);
}
.invertBtn i{
  color: var(--grisF);
}
.invertBtn:hover i{
  color: #fff;
}
.bg_couleur_1.invertBtn a,
.bg_couleur_5.invertBtn a,
.bg_couleur_4.invertBtn a,
.bg_couleur_3.invertBtn a,
.bg_couleur_2.invertBtn a,
.bg_couleur_1.invertBtn a{
  color: var(--grisF);
}
.bg_couleur_1:hover a{
  color:var(--couleur_1) ;
}
.bg_couleur_2.invertBtn:hover,
.bg_couleur_2{
  background-color: var(--couleur_2);
  border-color: var(--couleur_2);
}

.bg_couleur_2:hover a{
  color:var(--couleur_2) ;
}
.bg_couleur_3.invertBtn:hover,
.bg_couleur_3{
  background-color: var(--couleur_3);
  border-color: var(--couleur_3);
}

.bg_couleur_3:hover a{
  color:var(--couleur_3) ;
}
.bg_couleur_4.invertBtn:hover,
.bg_couleur_4{
  background-color: var(--couleur_4);
  border-color: var(--couleur_4);
}

.bg_couleur_4:hover a{
  color:var(--couleur_4) ;
}
.bg_couleur_5.invertBtn:hover,
.bg_couleur_5{
  background-color: var(--couleur_5);
  border-color: var(--couleur_5);
}

.bg_couleur_5:hover a{
  color:var(--couleur_5) ;
}
.bg_couleur_6.invertBtn:hover,
.bg_couleur_6{
  background-color: var(--couleur_6);
  border-color: var(--couleur_6);
}

.bg_couleur_6:hover a{
  color:var(--couleur_6) ;
}
.insideSlider
{
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.insideSlider .imgToBg{
  background-size: cover!important;
}
.insideSlider img{
  opacity: 0;
}
.textCtn{
  padding-left: 5.25em;
  padding-right: 3.25em;
}
.textCtn strong{
  font-weight: 800;
}
.ctnSlider100 h2{
  color: var(--noir);
  font-weight: normal!important;
  line-height: 1.1em!important;
}

.imgToBg{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  max-height: 430px;
  border-radius: 35px;
  min-height: 285px;
  /*height: 100%;
  background-size: 90%;*/
}
.ctnNews .pills {
      margin-left: 0;
      margin-top: 25px;
}
.ctnNews .dateArticle{
 padding-bottom: 15px;
}
.ctnNews{
  display: inline-flex;
  margin: 2em 0.625em 0 0.625em;
  max-height: 283px;
  overflow: hidden;

  background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-height: 430px;
    min-height: 285px;
    height: 100%;
}

.ctnNews .imgToBg{
  border-radius: 0;

}
.ctnNews img{
  border-radius: 0;
}
.ctnNews h3{
  color: var(--noir);
  font-weight: 700!important;
}
.theInside{
  padding: 0.5em 3em;
  display: inline-block;
}
.theInside a{
  text-decoration: none;
}
.ctnSlider {
  background-color: var(--couleur_4);
  color: #fff;
  padding: 3.75em 5em;
  border-radius: 35px;
}
.ctnSlider h2{
  font-weight: 700!important;
  color: #fff;
}
.dateArticle{
  font-size: 0.8em;
  color: var(--gris);
}
.bottomInfo .btnMore{
  margin-top: 0;
  float: left;
  width: 100%;
}
.descriptionIntro{
  display: flex;
  align-items: center;
  
}
.nav-left,
.slick-next:before{
  content: "\f33b"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  display: inline-block;
  color: var(--noir)!important;
  opacity: 1!important;
   font-size: 37px!important;


}
.nav-right,
.slick-prev:before{
  content: "\f33a"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  display: inline-block;
  color: var(--noir)!important;
  opacity: 1!important;
   font-size: 37px!important;


}
.slick-dots li{
  margin: 0!important;
}
.slick-dots li button:before{
  font-size: 10px!important;
}
.slick-dots li.slick-active button:before{
  color: var(--noir)!important;
  opacity: 1!important;
}
.slick-arrow{
  color: var(--noir)!important;
 
}
.slick-arrow:hover,
.slick-arrow:hover:before 
{
  color: var(--couleurPrincipale)!important;
}
.nav-slider2{
  text-align: center;
    width: 30%;
    margin: auto;
  position: relative;
  z-index: 9;
}
.nav-left{
 float: left;
}
.nav-right{
  float: right;
}
.slick-dots{
  bottom: -89px!important;
      margin: 0 auto!important;
    width: 300px!important;
    margin-top: 40px!important;
    margin-bottom: -30px!important;
    position: relative!important;
    bottom: auto!important;
}
.h5050-image img{
  border-radius: 35px;
}
.insideCols.noPaddingBottom{
    padding: 1em 0.5em;

}
.insideCols ul{
  padding-left: 20px;
}
.insideCols ul li{
  line-height: 25px;
  margin-bottom: 15px;
}
.content-h13 .insideCols{
    padding: 2em 0.5em; /* JR20250709 réduire 3em à 2em */
    display: flex;
}
.content-h14 .insideCols{
    padding: 3em 0.5em;
    display: inline-flex;
    align-items: center;
}
.content-h14 .toggleCtn{
  position: absolute;
  background-color: #fff;
  z-index: 999;
}
.padding4img{
  padding-left: 1.35em;

}
.padding4img p:nth-child(2){
  font-size: 0.8em;
  line-height: 1.25em!important;
}
.padding4img .btn{
    font-size: 0.8em;
    padding: 10px 15px;
}
.insideCols i{
    color: var(--couleurPrincipale);
}
.insideCols i:hover{
  color: var(--noir);
}
.padding4img i{
  margin-right: 0.5em;
}
.padding4img i:hover{
  color: var(--noir);
}

.breadcrumbs{
  padding: 1em 0;
  border-bottom: 1px solid #BEBEBE;
}
.breadcrumbs i{
  margin-right: 15px;
}
.breadcrumbs a{
  text-decoration: none;
}
.breadcrumbs a:hover{
  color: var(--couleurPrincipale);
}
.single .dateArticle{
  padding: 1em 0;
}
.single .pills{
  margin-left: 0;
  margin-bottom: 20px;
}
.single h1{
  margin-bottom: 0.75em!important;
}
.single .post-thumbnail{
  /*margin-top: 2.6em;*/
  margin-bottom: 2.25em!important;
  display: inline-block;
}
.wp-caption-text{
  display: none;
}
.category-bio .sidebarInside{
  padding-top: 1em;
}
.sidebar{
  margin-top: 3em;
  margin-bottom: 3em;
  display: inline-block;
}
.sidebar h3{
  color: var(--noir);
  font-weight: 700!important;
}
.sidebarInside{
  border-bottom: 1px solid #BEBEBE;
  padding-bottom: 1em;
}
.sidebarInside h4{
  margin-bottom: 0!important;
}
.sidebarInside h4 a{
  text-decoration: none;
}
.sidebarInside h4 a:hover{
  color: var(--couleurPrincipale);
}
/*Seection Donate*/
.sectionDonate {
    /*padding: 110px 0px 60px 0px;*/
    padding: 3% 0px;
}
#tab1 ul li{
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  margin: 0!important;
}
#tab1 ul li a{
  padding: 14px 0;
  display: inline-block;
  width: 100%;
}
#tab1{
  overflow: hidden;
}
#tab1 ul li{
    margin-right: 60px!important;
}
#tab1 ul li h4{
    margin: 0!important;
    font-weight: 600!important;
}
#tab1 ul li h4, 
#tab1 ul li i{
    display: inline-block;
    color: #CACACA;
}
#tab1 ul li:hover h4, 
#tab1 ul li:hover i{
    color: var(--couleurPrincipale)!important;
}
#tab1 ul li i{
    font-size: 26px!important;
    margin-right: 15px!important;
    display: inline-block;
    font-size: 1.3em!important;

}
.smat112{
    padding: 0!important;
}
.optionsTab1{
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
.optionsTab1 ul{
  list-style-type: none;
}
.optionsTab1 ul{
    padding: 0px 0px 10px 0px!important;
    margin: 0px!important;
    display: flex;
}
.optionsTab1 li.ui-tabs-active h4, 
.optionsTab1 li.ui-tabs-active i{
    color: var(--couleurPrincipale)!important;
}
.optionsTab1 li.ui-tabs-active{
    position: relative;
}
.optionsTab1 li.ui-tabs-active:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 4px;
    background: var(--couleurPrincipale);
}
.optionsTab1{
    position: relative;
}
.optionsTab1:after{
        content: "";
        position: absolute;
        z-index: 1;
        left: 0%;
        bottom: 0px;
        display: block;
        width: 100%;
        height: 1px;
        background: var(--noir);
        opacity: .3;
}
.optionsTab1 a h4, 
.optionsTab1 a i{
    color: var(--couleurPrincipale)!important;
}
.optionsTab1 a.inactive h4,
.optionsTab1 a.inactive i{
    color: #CACACA!important;
}
.MuiContainer-root-398{
    padding: 0!important;
}

.infoBio{
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.infoBio{
  margin-bottom: 2.25em!important;
}
.insideBio{
    padding-left: 20px!important;

}
.insideBio i{
  margin-top: 10px;
  color: var(--couleurPrincipale);
}
.infoBio .post-thumbnail{
  margin-right: 10px;
  margin-bottom: 0!important;
}
.titreBio{
  margin-bottom: 10px;
}
.secondTitreBio{
      color: var(--couleur_1);
    font-size: 0.9em;
}
/*listing Répertoire*/
.leListingMembre{
    margin-top: 15px!important; /* JR20250709 diminuer de 45px à 15px */
}
.leListingMembre .oneListing{
 
    -webkit-box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.07);
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 7%);
    margin-bottom: 37px!important;
}
.leListingMembre .oneListing .imageListing{
    padding-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--gris);
    min-height: 126px;
}

.leListingMembre .oneListing .imageListing img{
    max-height: 85px;
}
.imageListing,
.infoListing{
  padding: 20px;
}
.leListingMembre .oneListing .infoListing .titleBox{
    font-size: 0.8em!important; /*16px*/
    line-height: 1.2rem!important;
    font-weight: 700;
    color: var(--noir)!important;
    margin-bottom: 12px!important;
    display: block;
}
.leListingMembre .oneListing .infoListing .textBox{
    font-size: 0.7em!important; 
    line-height: 1.1rem!important;
    color: var(--noir)!important;
}
.leListingMembre .oneListing .infoListing a{
    text-decoration: none!important;
    margin-bottom: 5px;
    display: inline-block;
    word-break: break-all;
    line-height: initial!important;
}
.leListingMembre .oneListing .infoListing a:hover{
    text-decoration: underline solid var(--couleurPrincipale) 1px!important;
}
.leListingMembre .allListing .d-1-5{
    padding: 0px 17px 0px 5px;
}
.leListingMembre .btnToggle{
    text-align: center;
    border-bottom: 14px solid #fff!important;
    cursor: pointer;
    transition: all .2s;
}
.leListingMembre .btnToggle:hover .ctnBtnToggle .iconePlus:after{
    color: var(--couleurPrincipale)!important;
}
.leListingMembre .btnToggle:hover .ctnBtnToggle p{
    color: var(--couleurPrincipale)!important;
}
.leListingMembre .btnToggle .iconePlus:after {
    content: "+";
    display: inline-block;
    font-size: 80px;
    line-height: 48px;
    border-radius: 50%;
    font-weight: 100!important;
    margin-bottom: 23px;
    padding: 0px 9px;
}
.allListing.active .iconePlus:after{
    content: "-";
    line-height: 24px;
    padding: 6px 9px 18px 9px;
}
.leListingMembre .btnToggle .ctnBtnToggle{
    top: 48%;
    position: absolute;
    left: 48%;
    transform: translate(-50%, -50%);
}
.leListingMembre .btnToggle .ctnBtnToggle p{
    color: var(--noir)!important;
    font-weight: 500;
}
.listingMembre.border_couleurPrincipale .oneListing{
    border-bottom: 14px solid var(--couleurPrincipale)!important;
}
.listingMembre.border_couleur_1 .oneListing{
    border-bottom: 14px solid var(--couleur_1)!important;
}
.listingMembre.border_couleur_2 .oneListing{
    border-bottom: 14px solid var(--couleur_2)!important;
}
.listingMembre.border_couleur_3 .oneListing{
    border-bottom: 14px solid var(--couleur_3)!important;
}
.listingMembre.border_couleur_4 .oneListing{
    border-bottom: 14px solid var(--couleur_4)!important;
}
.listingMembre.border_couleur_5 .oneListing{
    border-bottom: 14px solid var(--couleur_5)!important;
}
.listingMembre.border_couleur_6 .oneListing{
    border-bottom: 14px solid var(--couleur_6)!important;
}
.listingMembre.vertPale .btnToggle:hover{
    background-color: var(--vertPale)!important;
    border-bottom: 14px solid var(--vertPale)!important;
}
.listingMembre.vertForet .btnToggle:hover{
    background-color: var(--vertForet)!important;
    border-bottom: 14px solid var(--vertForet)!important;
}
.listingToggle{ /*Le display: none se toggle automatiquement avec le jQuery*/
    display: none;
}
.under10 + .btnPlusListing{ /*faire disparaitre le btn plusListing s'il y a moins de 10 cases*/
    display: none;
}

#listing1Pub.listingMembre:before{
    display: none;
}
.titreListingMembre h3{
  color: var(--noir)!important;
}
.listingMembre .titreListingMembre h1{
    position: relative;
    margin-bottom: 4.2%!important;
}
#listing1Pub.listingMembre .titreListingMembre h1:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0%;
    bottom: -30px;
    display: block;
    width: 100%;
    height: 1px;
    background: var( --couleur_1);
}
.img-magnifier-container{
    display: none;
}

/*FOOTER*/
.wp-pagenavi a, .wp-pagenavi span{
  border-color:#f1f1f1!important;
  font-size: 0.9em!important;
}
.wp-pagenavi{
  text-align: center;
  margin-top: 30px;
}
.leReseau,
.leReseau a {
  display:inline-block;
}
.leReseau a{
  margin-right: 1.05em;
}
.leReseau a:hover{
  color: var(--couleurPrincipale);
}
.leftFooter{
  padding-top: 4em;
  font-size: 0.8em;

}
.opacite{
  opacity: 0;
}
.leftFooter img{
  margin-bottom: 1.95em;
  padding-right: 20%;
}
.infolettre{
  background-color: var(--couleurPrincipale);
  background-image: url('images/bgInfolettre.png');
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 4.5em;
}
.insideInfolettre h2{
  color: #fff;
}
.nf-form-fields-required,
.insideInfolettre label{
  display: none;
}
.nf-form-content input[type=button]{
  border-radius: 5px;
  background-color: var(--noir);
}
.nf-form-content input[type=button]:hover{
  cursor: pointer;
}
.nf-error-msg{
  color: var(--noir)!important;
}
.optionsBtn ul {
  padding-left: 20px;
}
.nf-form-content  li{
  margin-bottom: 10px;
  display: inline-block;
    width: 100%;
}
.nf-form-content input[type=checkbox].ninja-forms-field{
  display: none;
}
#tab1 .optionsBtn ul li{
  list-style-type: disc;
  font-size: 1em!important;
  margin-bottom: 15px;
  line-height: 25px;
}
footer .nf-form-content .list-select-wrap .nf-field-element>div, footer .nf-form-content input:not([type=button]), footer .nf-form-content textarea{
background-color:#E7A0AC!important;
border: none!important;
color: var(--noir)!important;
font-weight: 700!important;
}
.insideFlex{
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  border-left: 1px solid #fff;
}
.insideFlex p{
  margin-bottom: 0;
}
.insideFlex i{
  font-size: 1.6666666666666667em;
  margin-right: 20px;
  margin-top: 10px;
}
.col3Menu{
  margin-bottom: 1em;
}
.col3Menu .menu-item-has-children a{
  margin-top: 0!important;
}
/*.col3Menu a{
  font-weight: normal!important;
}*/
.home #colophon {
  margin-top: 0;
}
#colophon .nf-error-msg{
color:#fff!important;
}
footer .nf-form-content .list-select-wrap .nf-field-element > div, footer .nf-form-content input:not([type="button"]), footer .nf-form-content textarea {
  font-weight: 500 !important;
}
#colophon{
  border-top: 1px solid #BEBEBE;
  display: inline-block;
  width: 100%;
  color: var(--noir);
  /*margin-top: 5em;*/
}
#colophon ul{
  margin: 0!important;
}
#colophon .sub-menu{
  margin-bottom: 1em!important;
}
#colophon li{
  list-style-type: none;
}
#colophon li a{
 margin-bottom: 0.85em!important;
 display: inline-block;
 font-weight: 700;
}
#colophon li a:hover{
  color: var(--couleurPrincipale);
}
.sub-menu-toggle{
  display: none!important;
}
#colophon .menu-item-has-children > a{
  font-weight: 700;
  /*margin-top: 1.3em;*/
}
#colophon .sub-menu a{
  font-weight: normal!important;
}
#colophon h3{
  color: #fff;
}
#colophon a{
  text-decoration: none;
}
.copyrights{
  color: var(--gris);
  padding-top: 3em;
  padding-bottom: 4em;
  font-size:  0.875em;
}
.copyrights a{
  text-decoration: underline!important;
}
.copyrights a:hover{
  color: var(--couleurPrincipale);
}
.footerFlex{
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.footer{
  display: flex;
  width: 100%;
}
.shortCutMenu{
  margin-top: 1.3em;
}
.shortCutMenu a{
  font-weight: normal!important;
}
.centerMenu{
  display: flex;
  width: 100%;
  justify-content: center;
}


/* COLOC GRID */



@media screen and (max-width: 1280px) {

}

.d-1-1 {
  width: 100%; 
}

.d-1-2 {
  width: 50%; 
}

.d-2-2 {
  width: 100%; 
}

.d-1-3 {
  width: 33.3333333333%; 
}

.d-2-3 {
  width: 66.6666666667%; 
}

.d-3-3 {
  width: 100%; 
}

.d-1-4 {
  width: 25%; 
}

.d-2-4 {
  width: 50%; 
}

.d-3-4 {
  width: 75%; 
}

.d-4-4 {
  width: 100%; 
}

.d-1-5 {
  width: 20%; 
}

.d-2-5 {
  width: 40%; 
}

.d-3-5 {
  width: 60%; 
}

.d-4-5 {
  width: 80%; 
}

.d-5-5 {
  width: 100%; 
}

.d-1-6 {
  width: 16.6666666667%; 
}

.d-2-6 {
  width: 33.3333333333%; 
}

.d-3-6 {
  width: 50%; 
}

.d-4-6 {
  width: 66.6666666667%; 
}

.d-5-6 {
  width: 83.3333333333%; 
}

.d-6-6 {
  width: 100%; 
}

.d-1-7 {
  width: 14.2857142857%; 
}

.d-2-7 {
  width: 28.5714285714%; 
}

.d-3-7 {
  width: 42.8571428571%; 
}

.d-4-7 {
  width: 57.1428571429%; 
}

.d-5-7 {
  width: 71.4285714286%; 
}

.d-6-7 {
  width: 85.7142857143%; 
}

.d-7-7 {
  width: 100%; 
}

.d-1-8 {
  width: 12.5%; 
}

.d-2-8 {
  width: 25%; 
}

.d-3-8 {
  width: 37.5%; 
}

.d-4-8 {
  width: 50%; 
}

.d-5-8 {
  width: 62.5%; 
}

.d-6-8 {
  width: 75%; 
}

.d-7-8 {
  width: 87.5%; 
}

.d-8-8 {
  width: 100%; 
}

.d-1-9 {
  width: 11.1111111111%; 
}

.d-2-9 {
  width: 22.2222222222%; 
}

.d-3-9 {
  width: 33.3333333333%; 
}

.d-4-9 {
  width: 44.4444444444%; 
}

.d-5-9 {
  width: 55.5555555556%; 
}

.d-6-9 {
  width: 66.6666666667%; 
}

.d-7-9 {
  width: 77.7777777778%; 
}

.d-8-9 {
  width: 88.8888888889%; 
}

.d-9-9 {
  width: 100%; 
}

.d-1-10 {
  width: 10%; 
}

.d-2-10 {
  width: 20%; 
}

.d-3-10 {
  width: 30%; 
}

.d-4-10 {
  width: 40%; 
}

.d-5-10 {
  width: 50%; 
}

.d-6-10 {
  width: 60%; 
}

.d-7-10 {
  width: 70%; 
}

.d-8-10 {
  width: 80%; 
}

.d-9-10 {
  width: 90%; 
}

.d-10-10 {
  width: 100%; 
}

.d-1-11 {
  width: 9.0909090909%; 
}

.d-2-11 {
  width: 18.1818181818%; 
}

.d-3-11 {
  width: 27.2727272727%; 
}

.d-4-11 {
  width: 36.3636363636%; 
}

.d-5-11 {
  width: 45.4545454545%; 
}

.d-6-11 {
  width: 54.5454545455%; 
}

.d-7-11 {
  width: 63.6363636364%; 
}

.d-8-11 {
  width: 72.7272727273%; 
}

.d-9-11 {
  width: 81.8181818182%; 
}

.d-10-11 {
  width: 90.9090909091%; 
}

.d-11-11 {
  width: 100%; 
}

.d-1-12 {
  width: 8.3333333333%; 
}

.d-2-12 {
  width: 16.6666666667%; 
}

.d-3-12 {
  width: 25%; 
}

.d-4-12 {
  width: 33.3333333333%; 
}

.d-5-12 {
  width: 41.6666666667%; 
}

.d-6-12 {
  width: 50%; 
}

.d-7-12 {
  width: 58.3333333333%; 
}

.d-8-12 {
  width: 66.6666666667%; 
}

.d-9-12 {
  width: 75%; 
}

.d-10-12 {
  width: 83.3333333333%; 
}

.d-11-12 {
  width: 91.6666666667%; 
}

.d-12-12 {
  width: 100%; 
}

.d-show {
  display: block !important; 
}

.d-hide {
  display: none !important; 
}

.d-full {
  width: 100%; 
}

.d-hide {
  display: none !important; 
}

.d-show.b {
  display: block; 
}

.d-show.ib {
  display: inline-block; 
}

.d-show.fl {
  display: flex;
  flex-wrap: wrap; 
}

.d-left {
  text-align: left !important; 
}

.d-right {
  text-align: right !important; 
}

.d-center {
  text-align: center !important; 
}

.d-no-mar {
  margin: 0 !important; 
}

.d-fw-100 {
  font-weight: 10; 
}

.d-fw-200 {
  font-weight: 20; 
}

.d-fw-300 {
  font-weight: 30; 
}

.d-fw-400 {
  font-weight: 40; 
}

.d-fw-500 {
  font-weight: 50; 
}

.d-fw-600 {
  font-weight: 60; 
}

.d-fw-700 {
  font-weight: 70; 
}

.d-fw-800 {
  font-weight: 80; 
}

.d-fw-900 {
  font-weight: 90; 
}

.d-t-align-center {
  text-align: center; 
}

.d-t-align-left {
  text-align: left; 
}

.d-t-align-right {
  text-align: left; 
}

.d-t-transform-uppercase {
  text-transform: uppercase; 
}

.d-t-transform-none {
  text-transform: none; 
}

.d-t-decoration-none a,
.d-t-decoration-none {
  text-decoration: none; 
}

.d-t-decoration-underline a,
.d-t-decoration-underline {
  text-decoration: underline; 
}

.d-bg-position-center,
.d-bg-position-center-center {
  background-position: center center; 
}

.d-bg-position-center-right {
  background-position: center right; 
}

.d-bg-position-center-left {
  background-position: center left; 
}

.d-bg-position-top-center {
  background-position: top center; 
}

.d-bg-position-top-right {
  background-position: top right; 
}

.d-bg-position-top-left {
  background-position: top left; 
}

.d-bg-position-bottom-center {
  background-position: bottom center; 
}

.d-bg-position-bottom-right {
  background-position: bottom right; 
}

.d-bg-position-bottom-left {
  background-position: bottom left; 
}

.d-bg-size-cover {
  background-size: cover; 
}

.d-bg-size-contain {
  background-size: contain; 
}

.d-bg-no-repeat {
  background-repeat: no-repeat; 
}

@media screen and (max-width: 1910px) {
  .b1-1-1 {
    width: 100%; 
  }

  .b1-1-2 {
    width: 50%; 
  }

  .b1-2-2 {
    width: 100%; 
  }

  .b1-1-3 {
    width: 33.3333333333%; 
  }

  .b1-2-3 {
    width: 66.6666666667%; 
  }

  .b1-3-3 {
    width: 100%; 
  }

  .b1-1-4 {
    width: 25%; 
  }

  .b1-2-4 {
    width: 50%; 
  }

  .b1-3-4 {
    width: 75%; 
  }

  .b1-4-4 {
    width: 100%; 
  }

  .b1-1-5 {
    width: 20%; 
  }

  .b1-2-5 {
    width: 40%; 
  }

  .b1-3-5 {
    width: 60%; 
  }

  .b1-4-5 {
    width: 80%; 
  }

  .b1-5-5 {
    width: 100%; 
  }

  .b1-1-6 {
    width: 16.6666666667%; 
  }

  .b1-2-6 {
    width: 33.3333333333%; 
  }

  .b1-3-6 {
    width: 50%; 
  }

  .b1-4-6 {
    width: 66.6666666667%; 
  }

  .b1-5-6 {
    width: 83.3333333333%; 
  }

  .b1-6-6 {
    width: 100%; 
  }

  .b1-1-7 {
    width: 14.2857142857%; 
  }

  .b1-2-7 {
    width: 28.5714285714%; 
  }

  .b1-3-7 {
    width: 42.8571428571%; 
  }

  .b1-4-7 {
    width: 57.1428571429%; 
  }

  .b1-5-7 {
    width: 71.4285714286%; 
  }

  .b1-6-7 {
    width: 85.7142857143%; 
  }

  .b1-7-7 {
    width: 100%; 
  }

  .b1-1-8 {
    width: 12.5%; 
  }

  .b1-2-8 {
    width: 25%; 
  }

  .b1-3-8 {
    width: 37.5%; 
  }

  .b1-4-8 {
    width: 50%; 
  }

  .b1-5-8 {
    width: 62.5%; 
  }

  .b1-6-8 {
    width: 75%; 
  }

  .b1-7-8 {
    width: 87.5%; 
  }

  .b1-8-8 {
    width: 100%; 
  }

  .b1-1-9 {
    width: 11.1111111111%; 
  }

  .b1-2-9 {
    width: 22.2222222222%; 
  }

  .b1-3-9 {
    width: 33.3333333333%; 
  }

  .b1-4-9 {
    width: 44.4444444444%; 
  }

  .b1-5-9 {
    width: 55.5555555556%; 
  }

  .b1-6-9 {
    width: 66.6666666667%; 
  }

  .b1-7-9 {
    width: 77.7777777778%; 
  }

  .b1-8-9 {
    width: 88.8888888889%; 
  }

  .b1-9-9 {
    width: 100%; 
  }

  .b1-1-10 {
    width: 10%; 
  }

  .b1-2-10 {
    width: 20%; 
  }

  .b1-3-10 {
    width: 30%; 
  }

  .b1-4-10 {
    width: 40%; 
  }

  .b1-5-10 {
    width: 50%; 
  }

  .b1-6-10 {
    width: 60%; 
  }

  .b1-7-10 {
    width: 70%; 
  }

  .b1-8-10 {
    width: 80%; 
  }

  .b1-9-10 {
    width: 90%; 
  }

  .b1-10-10 {
    width: 100%; 
  }

  .b1-1-11 {
    width: 9.0909090909%; 
  }

  .b1-2-11 {
    width: 18.1818181818%; 
  }

  .b1-3-11 {
    width: 27.2727272727%; 
  }

  .b1-4-11 {
    width: 36.3636363636%; 
  }

  .b1-5-11 {
    width: 45.4545454545%; 
  }

  .b1-6-11 {
    width: 54.5454545455%; 
  }

  .b1-7-11 {
    width: 63.6363636364%; 
  }

  .b1-8-11 {
    width: 72.7272727273%; 
  }

  .b1-9-11 {
    width: 81.8181818182%; 
  }

  .b1-10-11 {
    width: 90.9090909091%; 
  }

  .b1-11-11 {
    width: 100%; 
  }

  .b1-1-12 {
    width: 8.3333333333%; 
  }

  .b1-2-12 {
    width: 16.6666666667%; 
  }

  .b1-3-12 {
    width: 25%; 
  }

  .b1-4-12 {
    width: 33.3333333333%; 
  }

  .b1-5-12 {
    width: 41.6666666667%; 
  }

  .b1-6-12 {
    width: 50%; 
  }

  .b1-7-12 {
    width: 58.3333333333%; 
  }

  .b1-8-12 {
    width: 66.6666666667%; 
  }

  .b1-9-12 {
    width: 75%; 
  }

  .b1-10-12 {
    width: 83.3333333333%; 
  }

  .b1-11-12 {
    width: 91.6666666667%; 
  }

  .b1-12-12 {
    width: 100%; 
  } 
}
@media screen and (max-width: 1910px) {
  .b1-show {
    display: block !important; 
  }

  .b1-hide {
    display: none !important; 
  }

  .b1-full {
    width: 100%; 
  }

  .b1-hide {
    display: none !important; 
  }

  .b1-show.b {
    display: block; 
  }

  .b1-show.ib {
    display: inline-block; 
  }

  .b1-show.fl {
    display: flex;
    flex-wrap: wrap; 
  }

  .b1-left {
    text-align: left !important; 
  }

  .b1-right {
    text-align: right !important; 
  }

  .b1-center {
    text-align: center !important; 
  }

  .b1-no-mar {
    margin: 0 !important; 
  }

  .b1-fw-100 {
    font-weight: 10; 
  }

  .b1-fw-200 {
    font-weight: 20; 
  }

  .b1-fw-300 {
    font-weight: 30; 
  }

  .b1-fw-400 {
    font-weight: 40; 
  }

  .b1-fw-500 {
    font-weight: 50; 
  }

  .b1-fw-600 {
    font-weight: 60; 
  }

  .b1-fw-700 {
    font-weight: 70; 
  }

  .b1-fw-800 {
    font-weight: 80; 
  }

  .b1-fw-900 {
    font-weight: 90; 
  }

  .b1-t-align-center {
    text-align: center; 
  }

  .b1-t-align-left {
    text-align: left; 
  }

  .b1-t-align-right {
    text-align: left; 
  }

  .b1-t-transform-uppercase {
    text-transform: uppercase; 
  }

  .b1-t-transform-none {
    text-transform: none; 
  }

  .b1-t-decoration-none a,
  .b1-t-decoration-none {
    text-decoration: none; 
  }

  .b1-t-decoration-underline a,
  .b1-t-decoration-underline {
    text-decoration: underline; 
  }

  .b1-bg-position-center,
  .b1-bg-position-center-center {
    background-position: center center; 
  }

  .b1-bg-position-center-right {
    background-position: center right; 
  }

  .b1-bg-position-center-left {
    background-position: center left; 
  }

  .b1-bg-position-top-center {
    background-position: top center; 
  }

  .b1-bg-position-top-right {
    background-position: top right; 
  }

  .b1-bg-position-top-left {
    background-position: top left; 
  }

  .b1-bg-position-bottom-center {
    background-position: bottom center; 
  }

  .b1-bg-position-bottom-right {
    background-position: bottom right; 
  }

  .b1-bg-position-bottom-left {
    background-position: bottom left; 
  }

  .b1-bg-size-cover {
    background-size: cover; 
  }

  .b1-bg-size-contain {
    background-size: contain; 
  }

  .b1-bg-no-repeat {
    background-repeat: no-repeat; 
  } 
}
@media screen and (max-width: 1680px) {
  .b2-1-1 {
    width: 100%; 
  }

  .b2-1-2 {
    width: 50%; 
  }

  .b2-2-2 {
    width: 100%; 
  }

  .b2-1-3 {
    width: 33.3333333333%; 
  }

  .b2-2-3 {
    width: 66.6666666667%; 
  }

  .b2-3-3 {
    width: 100%; 
  }

  .b2-1-4 {
    width: 25%; 
  }

  .b2-2-4 {
    width: 50%; 
  }

  .b2-3-4 {
    width: 75%; 
  }

  .b2-4-4 {
    width: 100%; 
  }

  .b2-1-5 {
    width: 20%; 
  }

  .b2-2-5 {
    width: 40%; 
  }

  .b2-3-5 {
    width: 60%; 
  }

  .b2-4-5 {
    width: 80%; 
  }

  .b2-5-5 {
    width: 100%; 
  }

  .b2-1-6 {
    width: 16.6666666667%; 
  }

  .b2-2-6 {
    width: 33.3333333333%; 
  }

  .b2-3-6 {
    width: 50%; 
  }

  .b2-4-6 {
    width: 66.6666666667%; 
  }

  .b2-5-6 {
    width: 83.3333333333%; 
  }

  .b2-6-6 {
    width: 100%; 
  }

  .b2-1-7 {
    width: 14.2857142857%; 
  }

  .b2-2-7 {
    width: 28.5714285714%; 
  }

  .b2-3-7 {
    width: 42.8571428571%; 
  }

  .b2-4-7 {
    width: 57.1428571429%; 
  }

  .b2-5-7 {
    width: 71.4285714286%; 
  }

  .b2-6-7 {
    width: 85.7142857143%; 
  }

  .b2-7-7 {
    width: 100%; 
  }

  .b2-1-8 {
    width: 12.5%; 
  }

  .b2-2-8 {
    width: 25%; 
  }

  .b2-3-8 {
    width: 37.5%; 
  }

  .b2-4-8 {
    width: 50%; 
  }

  .b2-5-8 {
    width: 62.5%; 
  }

  .b2-6-8 {
    width: 75%; 
  }

  .b2-7-8 {
    width: 87.5%; 
  }

  .b2-8-8 {
    width: 100%; 
  }

  .b2-1-9 {
    width: 11.1111111111%; 
  }

  .b2-2-9 {
    width: 22.2222222222%; 
  }

  .b2-3-9 {
    width: 33.3333333333%; 
  }

  .b2-4-9 {
    width: 44.4444444444%; 
  }

  .b2-5-9 {
    width: 55.5555555556%; 
  }

  .b2-6-9 {
    width: 66.6666666667%; 
  }

  .b2-7-9 {
    width: 77.7777777778%; 
  }

  .b2-8-9 {
    width: 88.8888888889%; 
  }

  .b2-9-9 {
    width: 100%; 
  }

  .b2-1-10 {
    width: 10%; 
  }

  .b2-2-10 {
    width: 20%; 
  }

  .b2-3-10 {
    width: 30%; 
  }

  .b2-4-10 {
    width: 40%; 
  }

  .b2-5-10 {
    width: 50%; 
  }

  .b2-6-10 {
    width: 60%; 
  }

  .b2-7-10 {
    width: 70%; 
  }

  .b2-8-10 {
    width: 80%; 
  }

  .b2-9-10 {
    width: 90%; 
  }

  .b2-10-10 {
    width: 100%; 
  }

  .b2-1-11 {
    width: 9.0909090909%; 
  }

  .b2-2-11 {
    width: 18.1818181818%; 
  }

  .b2-3-11 {
    width: 27.2727272727%; 
  }

  .b2-4-11 {
    width: 36.3636363636%; 
  }

  .b2-5-11 {
    width: 45.4545454545%; 
  }

  .b2-6-11 {
    width: 54.5454545455%; 
  }

  .b2-7-11 {
    width: 63.6363636364%; 
  }

  .b2-8-11 {
    width: 72.7272727273%; 
  }

  .b2-9-11 {
    width: 81.8181818182%; 
  }

  .b2-10-11 {
    width: 90.9090909091%; 
  }

  .b2-11-11 {
    width: 100%; 
  }

  .b2-1-12 {
    width: 8.3333333333%; 
  }

  .b2-2-12 {
    width: 16.6666666667%; 
  }

  .b2-3-12 {
    width: 25%; 
  }

  .b2-4-12 {
    width: 33.3333333333%; 
  }

  .b2-5-12 {
    width: 41.6666666667%; 
  }

  .b2-6-12 {
    width: 50%; 
  }

  .b2-7-12 {
    width: 58.3333333333%; 
  }

  .b2-8-12 {
    width: 66.6666666667%; 
  }

  .b2-9-12 {
    width: 75%; 
  }

  .b2-10-12 {
    width: 83.3333333333%; 
  }

  .b2-11-12 {
    width: 91.6666666667%; 
  }

  .b2-12-12 {
    width: 100%; 
  } 
}
@media screen and (max-width: 1680px) {
  .b2-show {
    display: block !important; 
  }

  .b2-hide {
    display: none !important; 
  }

  .b2-full {
    width: 100%; 
  }

  .b2-hide {
    display: none !important; 
  }

  .b2-show.b {
    display: block; 
  }

  .b2-show.ib {
    display: inline-block; 
  }

  .b2-show.fl {
    display: flex;
    flex-wrap: wrap; 
  }

  .b2-left {
    text-align: left !important; 
  }

  .b2-right {
    text-align: right !important; 
  }

  .b2-center {
    text-align: center !important; 
  }

  .b2-no-mar {
    margin: 0 !important; 
  }

  .b2-fw-100 {
    font-weight: 10; 
  }

  .b2-fw-200 {
    font-weight: 20; 
  }

  .b2-fw-300 {
    font-weight: 30; 
  }

  .b2-fw-400 {
    font-weight: 40; 
  }

  .b2-fw-500 {
    font-weight: 50; 
  }

  .b2-fw-600 {
    font-weight: 60; 
  }

  .b2-fw-700 {
    font-weight: 70; 
  }

  .b2-fw-800 {
    font-weight: 80; 
  }

  .b2-fw-900 {
    font-weight: 90; 
  }

  .b2-t-align-center {
    text-align: center; 
  }

  .b2-t-align-left {
    text-align: left; 
  }

  .b2-t-align-right {
    text-align: left; 
  }

  .b2-t-transform-uppercase {
    text-transform: uppercase; 
  }

  .b2-t-transform-none {
    text-transform: none; 
  }

  .b2-t-decoration-none a,
  .b2-t-decoration-none {
    text-decoration: none; 
  }

  .b2-t-decoration-underline a,
  .b2-t-decoration-underline {
    text-decoration: underline; 
  }

  .b2-bg-position-center,
  .b2-bg-position-center-center {
    background-position: center center; 
  }

  .b2-bg-position-center-right {
    background-position: center right; 
  }

  .b2-bg-position-center-left {
    background-position: center left; 
  }

  .b2-bg-position-top-center {
    background-position: top center; 
  }

  .b2-bg-position-top-right {
    background-position: top right; 
  }

  .b2-bg-position-top-left {
    background-position: top left; 
  }

  .b2-bg-position-bottom-center {
    background-position: bottom center; 
  }

  .b2-bg-position-bottom-right {
    background-position: bottom right; 
  }

  .b2-bg-position-bottom-left {
    background-position: bottom left; 
  }

  .b2-bg-size-cover {
    background-size: cover; 
  }

  .b2-bg-size-contain {
    background-size: contain; 
  }

  .b2-bg-no-repeat {
    background-repeat: no-repeat; 
  } 
}
@media screen and (max-width: 1440px) {
  .b3-1-1 {
    width: 100%; 
  }

  .b3-1-2 {
    width: 50%; 
  }

  .b3-2-2 {
    width: 100%; 
  }

  .b3-1-3 {
    width: 33.3333333333%; 
  }

  .b3-2-3 {
    width: 66.6666666667%; 
  }

  .b3-3-3 {
    width: 100%; 
  }

  .b3-1-4 {
    width: 25%; 
  }

  .b3-2-4 {
    width: 50%; 
  }

  .b3-3-4 {
    width: 75%; 
  }

  .b3-4-4 {
    width: 100%; 
  }

  .b3-1-5 {
    width: 20%; 
  }

  .b3-2-5 {
    width: 40%; 
  }

  .b3-3-5 {
    width: 60%; 
  }

  .b3-4-5 {
    width: 80%; 
  }

  .b3-5-5 {
    width: 100%; 
  }

  .b3-1-6 {
    width: 16.6666666667%; 
  }

  .b3-2-6 {
    width: 33.3333333333%; 
  }

  .b3-3-6 {
    width: 50%; 
  }

  .b3-4-6 {
    width: 66.6666666667%; 
  }

  .b3-5-6 {
    width: 83.3333333333%; 
  }

  .b3-6-6 {
    width: 100%; 
  }

  .b3-1-7 {
    width: 14.2857142857%; 
  }

  .b3-2-7 {
    width: 28.5714285714%; 
  }

  .b3-3-7 {
    width: 42.8571428571%; 
  }

  .b3-4-7 {
    width: 57.1428571429%; 
  }

  .b3-5-7 {
    width: 71.4285714286%; 
  }

  .b3-6-7 {
    width: 85.7142857143%; 
  }

  .b3-7-7 {
    width: 100%; 
  }

  .b3-1-8 {
    width: 12.5%; 
  }

  .b3-2-8 {
    width: 25%; 
  }

  .b3-3-8 {
    width: 37.5%; 
  }

  .b3-4-8 {
    width: 50%; 
  }

  .b3-5-8 {
    width: 62.5%; 
  }

  .b3-6-8 {
    width: 75%; 
  }

  .b3-7-8 {
    width: 87.5%; 
  }

  .b3-8-8 {
    width: 100%; 
  }

  .b3-1-9 {
    width: 11.1111111111%; 
  }

  .b3-2-9 {
    width: 22.2222222222%; 
  }

  .b3-3-9 {
    width: 33.3333333333%; 
  }

  .b3-4-9 {
    width: 44.4444444444%; 
  }

  .b3-5-9 {
    width: 55.5555555556%; 
  }

  .b3-6-9 {
    width: 66.6666666667%; 
  }

  .b3-7-9 {
    width: 77.7777777778%; 
  }

  .b3-8-9 {
    width: 88.8888888889%; 
  }

  .b3-9-9 {
    width: 100%; 
  }

  .b3-1-10 {
    width: 10%; 
  }

  .b3-2-10 {
    width: 20%; 
  }

  .b3-3-10 {
    width: 30%; 
  }

  .b3-4-10 {
    width: 40%; 
  }

  .b3-5-10 {
    width: 50%; 
  }

  .b3-6-10 {
    width: 60%; 
  }

  .b3-7-10 {
    width: 70%; 
  }

  .b3-8-10 {
    width: 80%; 
  }

  .b3-9-10 {
    width: 90%; 
  }

  .b3-10-10 {
    width: 100%; 
  }

  .b3-1-11 {
    width: 9.0909090909%; 
  }

  .b3-2-11 {
    width: 18.1818181818%; 
  }

  .b3-3-11 {
    width: 27.2727272727%; 
  }

  .b3-4-11 {
    width: 36.3636363636%; 
  }

  .b3-5-11 {
    width: 45.4545454545%; 
  }

  .b3-6-11 {
    width: 54.5454545455%; 
  }

  .b3-7-11 {
    width: 63.6363636364%; 
  }

  .b3-8-11 {
    width: 72.7272727273%; 
  }

  .b3-9-11 {
    width: 81.8181818182%; 
  }

  .b3-10-11 {
    width: 90.9090909091%; 
  }

  .b3-11-11 {
    width: 100%; 
  }

  .b3-1-12 {
    width: 8.3333333333%; 
  }

  .b3-2-12 {
    width: 16.6666666667%; 
  }

  .b3-3-12 {
    width: 25%; 
  }

  .b3-4-12 {
    width: 33.3333333333%; 
  }

  .b3-5-12 {
    width: 41.6666666667%; 
  }

  .b3-6-12 {
    width: 50%; 
  }

  .b3-7-12 {
    width: 58.3333333333%; 
  }

  .b3-8-12 {
    width: 66.6666666667%; 
  }

  .b3-9-12 {
    width: 75%; 
  }

  .b3-10-12 {
    width: 83.3333333333%; 
  }

  .b3-11-12 {
    width: 91.6666666667%; 
  }

  .b3-12-12 {
    width: 100%; 
  } 
}
@media screen and (max-width: 1440px) {
  .b3-show {
    display: block !important; 
  }

  .b3-hide {
    display: none !important; 
  }

  .b3-full {
    width: 100%; 
  }

  .b3-hide {
    display: none !important; 
  }

  .b3-show.b {
    display: block; 
  }

  .b3-show.ib {
    display: inline-block; 
  }

  .b3-show.fl {
    display: flex;
    flex-wrap: wrap; 
  }

  .b3-left {
    text-align: left !important; 
  }

  .b3-right {
    text-align: right !important; 
  }

  .b3-center {
    text-align: center !important; 
  }

  .b3-no-mar {
    margin: 0 !important; 
  }

  .b3-fw-100 {
    font-weight: 10; 
  }

  .b3-fw-200 {
    font-weight: 20; 
  }

  .b3-fw-300 {
    font-weight: 30; 
  }

  .b3-fw-400 {
    font-weight: 40; 
  }

  .b3-fw-500 {
    font-weight: 50; 
  }

  .b3-fw-600 {
    font-weight: 60; 
  }

  .b3-fw-700 {
    font-weight: 70; 
  }

  .b3-fw-800 {
    font-weight: 80; 
  }

  .b3-fw-900 {
    font-weight: 90; 
  }

  .b3-t-align-center {
    text-align: center; 
  }

  .b3-t-align-left {
    text-align: left; 
  }

  .b3-t-align-right {
    text-align: left; 
  }

  .b3-t-transform-uppercase {
    text-transform: uppercase; 
  }

  .b3-t-transform-none {
    text-transform: none; 
  }

  .b3-t-decoration-none a,
  .b3-t-decoration-none {
    text-decoration: none; 
  }

  .b3-t-decoration-underline a,
  .b3-t-decoration-underline {
    text-decoration: underline; 
  }

  .b3-bg-position-center,
  .b3-bg-position-center-center {
    background-position: center center; 
  }

  .b3-bg-position-center-right {
    background-position: center right; 
  }

  .b3-bg-position-center-left {
    background-position: center left; 
  }

  .b3-bg-position-top-center {
    background-position: top center; 
  }

  .b3-bg-position-top-right {
    background-position: top right; 
  }

  .b3-bg-position-top-left {
    background-position: top left; 
  }

  .b3-bg-position-bottom-center {
    background-position: bottom center; 
  }

  .b3-bg-position-bottom-right {
    background-position: bottom right; 
  }

  .b3-bg-position-bottom-left {
    background-position: bottom left; 
  }

  .b3-bg-size-cover {
    background-size: cover; 
  }

  .b3-bg-size-contain {
    background-size: contain; 
  }

  .b3-bg-no-repeat {
    background-repeat: no-repeat; 
  } 
}
@media screen and (max-width: 1280px) {
  .b4-1-1 {
    width: 100%; 
  }

  .b4-1-2 {
    width: 50%; 
  }

  .b4-2-2 {
    width: 100%; 
  }

  .b4-1-3 {
    width: 33.3333333333%; 
  }

  .b4-2-3 {
    width: 66.6666666667%; 
  }

  .b4-3-3 {
    width: 100%; 
  }

  .b4-1-4 {
    width: 25%; 
  }

  .b4-2-4 {
    width: 50%; 
  }

  .b4-3-4 {
    width: 75%; 
  }

  .b4-4-4 {
    width: 100%; 
  }

  .b4-1-5 {
    width: 20%; 
  }

  .b4-2-5 {
    width: 40%; 
  }

  .b4-3-5 {
    width: 60%; 
  }

  .b4-4-5 {
    width: 80%; 
  }

  .b4-5-5 {
    width: 100%; 
  }

  .b4-1-6 {
    width: 16.6666666667%; 
  }

  .b4-2-6 {
    width: 33.3333333333%; 
  }

  .b4-3-6 {
    width: 50%; 
  }

  .b4-4-6 {
    width: 66.6666666667%; 
  }

  .b4-5-6 {
    width: 83.3333333333%; 
  }

  .b4-6-6 {
    width: 100%; 
  }

  .b4-1-7 {
    width: 14.2857142857%; 
  }

  .b4-2-7 {
    width: 28.5714285714%; 
  }

  .b4-3-7 {
    width: 42.8571428571%; 
  }

  .b4-4-7 {
    width: 57.1428571429%; 
  }

  .b4-5-7 {
    width: 71.4285714286%; 
  }

  .b4-6-7 {
    width: 85.7142857143%; 
  }

  .b4-7-7 {
    width: 100%; 
  }

  .b4-1-8 {
    width: 12.5%; 
  }

  .b4-2-8 {
    width: 25%; 
  }

  .b4-3-8 {
    width: 37.5%; 
  }

  .b4-4-8 {
    width: 50%; 
  }

  .b4-5-8 {
    width: 62.5%; 
  }

  .b4-6-8 {
    width: 75%; 
  }

  .b4-7-8 {
    width: 87.5%; 
  }

  .b4-8-8 {
    width: 100%; 
  }

  .b4-1-9 {
    width: 11.1111111111%; 
  }

  .b4-2-9 {
    width: 22.2222222222%; 
  }

  .b4-3-9 {
    width: 33.3333333333%; 
  }

  .b4-4-9 {
    width: 44.4444444444%; 
  }

  .b4-5-9 {
    width: 55.5555555556%; 
  }

  .b4-6-9 {
    width: 66.6666666667%; 
  }

  .b4-7-9 {
    width: 77.7777777778%; 
  }

  .b4-8-9 {
    width: 88.8888888889%; 
  }

  .b4-9-9 {
    width: 100%; 
  }

  .b4-1-10 {
    width: 10%; 
  }

  .b4-2-10 {
    width: 20%; 
  }

  .b4-3-10 {
    width: 30%; 
  }

  .b4-4-10 {
    width: 40%; 
  }

  .b4-5-10 {
    width: 50%; 
  }

  .b4-6-10 {
    width: 60%; 
  }

  .b4-7-10 {
    width: 70%; 
  }

  .b4-8-10 {
    width: 80%; 
  }

  .b4-9-10 {
    width: 90%; 
  }

  .b4-10-10 {
    width: 100%; 
  }

  .b4-1-11 {
    width: 9.0909090909%; 
  }

  .b4-2-11 {
    width: 18.1818181818%; 
  }

  .b4-3-11 {
    width: 27.2727272727%; 
  }

  .b4-4-11 {
    width: 36.3636363636%; 
  }

  .b4-5-11 {
    width: 45.4545454545%; 
  }

  .b4-6-11 {
    width: 54.5454545455%; 
  }

  .b4-7-11 {
    width: 63.6363636364%; 
  }

  .b4-8-11 {
    width: 72.7272727273%; 
  }

  .b4-9-11 {
    width: 81.8181818182%; 
  }

  .b4-10-11 {
    width: 90.9090909091%; 
  }

  .b4-11-11 {
    width: 100%; 
  }

  .b4-1-12 {
    width: 8.3333333333%; 
  }

  .b4-2-12 {
    width: 16.6666666667%; 
  }

  .b4-3-12 {
    width: 25%; 
  }

  .b4-4-12 {
    width: 33.3333333333%; 
  }

  .b4-5-12 {
    width: 41.6666666667%; 
  }

  .b4-6-12 {
    width: 50%; 
  }

  .b4-7-12 {
    width: 58.3333333333%; 
  }

  .b4-8-12 {
    width: 66.6666666667%; 
  }

  .b4-9-12 {
    width: 75%; 
  }

  .b4-10-12 {
    width: 83.3333333333%; 
  }

  .b4-11-12 {
    width: 91.6666666667%; 
  }

  .b4-12-12 {
    width: 100%; 
  } 
}
@media screen and (max-width: 1280px) {
  .b4-show {
    display: block !important; 
  }

  .b4-hide {
    display: none !important; 
  }

  .b4-full {
    width: 100%; 
  }

  .b4-hide {
    display: none !important; 
  }

  .b4-show.b {
    display: block; 
  }

  .b4-show.ib {
    display: inline-block; 
  }

  .b4-show.fl {
    display: flex;
    flex-wrap: wrap; 
  }

  .b4-left {
    text-align: left !important; 
  }

  .b4-right {
    text-align: right !important; 
  }

  .b4-center {
    text-align: center !important; 
  }

  .b4-no-mar {
    margin: 0 !important; 
  }

  .b4-fw-100 {
    font-weight: 10; 
  }

  .b4-fw-200 {
    font-weight: 20; 
  }

  .b4-fw-300 {
    font-weight: 30; 
  }

  .b4-fw-400 {
    font-weight: 40; 
  }

  .b4-fw-500 {
    font-weight: 50; 
  }

  .b4-fw-600 {
    font-weight: 60; 
  }

  .b4-fw-700 {
    font-weight: 70; 
  }

  .b4-fw-800 {
    font-weight: 80; 
  }

  .b4-fw-900 {
    font-weight: 90; 
  }

  .b4-t-align-center {
    text-align: center; 
  }

  .b4-t-align-left {
    text-align: left; 
  }

  .b4-t-align-right {
    text-align: left; 
  }

  .b4-t-transform-uppercase {
    text-transform: uppercase; 
  }

  .b4-t-transform-none {
    text-transform: none; 
  }

  .b4-t-decoration-none a,
  .b4-t-decoration-none {
    text-decoration: none; 
  }

  .b4-t-decoration-underline a,
  .b4-t-decoration-underline {
    text-decoration: underline; 
  }

  .b4-bg-position-center,
  .b4-bg-position-center-center {
    background-position: center center; 
  }

  .b4-bg-position-center-right {
    background-position: center right; 
  }

  .b4-bg-position-center-left {
    background-position: center left; 
  }

  .b4-bg-position-top-center {
    background-position: top center; 
  }

  .b4-bg-position-top-right {
    background-position: top right; 
  }

  .b4-bg-position-top-left {
    background-position: top left; 
  }

  .b4-bg-position-bottom-center {
    background-position: bottom center; 
  }

  .b4-bg-position-bottom-right {
    background-position: bottom right; 
  }

  .b4-bg-position-bottom-left {
    background-position: bottom left; 
  }

  .b4-bg-size-cover {
    background-size: cover; 
  }

  .b4-bg-size-contain {
    background-size: contain; 
  }

  .b4-bg-no-repeat {
    background-repeat: no-repeat; 
  } 
}
@media screen and (max-width: 1024px) {

  .th-padding{
    padding: 1em 0;
  }

  .th-1-1 {
    width: 100%; 
  }

  .th-1-2 {
    width: 50%; 
  }

  .th-2-2 {
    width: 100%; 
  }

  .th-1-3 {
    width: 33.3333333333%; 
  }

  .th-2-3 {
    width: 66.6666666667%; 
  }

  .th-3-3 {
    width: 100%; 
  }

  .th-1-4 {
    width: 25%; 
  }

  .th-2-4 {
    width: 50%; 
  }

  .th-3-4 {
    width: 75%; 
  }

  .th-4-4 {
    width: 100%; 
  }

  .th-1-5 {
    width: 20%; 
  }

  .th-2-5 {
    width: 40%; 
  }

  .th-3-5 {
    width: 60%; 
  }

  .th-4-5 {
    width: 80%; 
  }

  .th-5-5 {
    width: 100%; 
  }

  .th-1-6 {
    width: 16.6666666667%; 
  }

  .th-2-6 {
    width: 33.3333333333%; 
  }

  .th-3-6 {
    width: 50%; 
  }

  .th-4-6 {
    width: 66.6666666667%; 
  }

  .th-5-6 {
    width: 83.3333333333%; 
  }

  .th-6-6 {
    width: 100%; 
  }

  .th-1-7 {
    width: 14.2857142857%; 
  }

  .th-2-7 {
    width: 28.5714285714%; 
  }

  .th-3-7 {
    width: 42.8571428571%; 
  }

  .th-4-7 {
    width: 57.1428571429%; 
  }

  .th-5-7 {
    width: 71.4285714286%; 
  }

  .th-6-7 {
    width: 85.7142857143%; 
  }

  .th-7-7 {
    width: 100%; 
  }

  .th-1-8 {
    width: 12.5%; 
  }

  .th-2-8 {
    width: 25%; 
  }

  .th-3-8 {
    width: 37.5%; 
  }

  .th-4-8 {
    width: 50%; 
  }

  .th-5-8 {
    width: 62.5%; 
  }

  .th-6-8 {
    width: 75%; 
  }

  .th-7-8 {
    width: 87.5%; 
  }

  .th-8-8 {
    width: 100%; 
  }

  .th-1-9 {
    width: 11.1111111111%; 
  }

  .th-2-9 {
    width: 22.2222222222%; 
  }

  .th-3-9 {
    width: 33.3333333333%; 
  }

  .th-4-9 {
    width: 44.4444444444%; 
  }

  .th-5-9 {
    width: 55.5555555556%; 
  }

  .th-6-9 {
    width: 66.6666666667%; 
  }

  .th-7-9 {
    width: 77.7777777778%; 
  }

  .th-8-9 {
    width: 88.8888888889%; 
  }

  .th-9-9 {
    width: 100%; 
  }

  .th-1-10 {
    width: 10%; 
  }

  .th-2-10 {
    width: 20%; 
  }

  .th-3-10 {
    width: 30%; 
  }

  .th-4-10 {
    width: 40%; 
  }

  .th-5-10 {
    width: 50%; 
  }

  .th-6-10 {
    width: 60%; 
  }

  .th-7-10 {
    width: 70%; 
  }

  .th-8-10 {
    width: 80%; 
  }

  .th-9-10 {
    width: 90%; 
  }

  .th-10-10 {
    width: 100%; 
  }

  .th-1-11 {
    width: 9.0909090909%; 
  }

  .th-2-11 {
    width: 18.1818181818%; 
  }

  .th-3-11 {
    width: 27.2727272727%; 
  }

  .th-4-11 {
    width: 36.3636363636%; 
  }

  .th-5-11 {
    width: 45.4545454545%; 
  }

  .th-6-11 {
    width: 54.5454545455%; 
  }

  .th-7-11 {
    width: 63.6363636364%; 
  }

  .th-8-11 {
    width: 72.7272727273%; 
  }

  .th-9-11 {
    width: 81.8181818182%; 
  }

  .th-10-11 {
    width: 90.9090909091%; 
  }

  .th-11-11 {
    width: 100%; 
  }

  .th-1-12 {
    width: 8.3333333333%; 
  }

  .th-2-12 {
    width: 16.6666666667%; 
  }

  .th-3-12 {
    width: 25%; 
  }

  .th-4-12 {
    width: 33.3333333333%; 
  }

  .th-5-12 {
    width: 41.6666666667%; 
  }

  .th-6-12 {
    width: 50%; 
  }

  .th-7-12 {
    width: 58.3333333333%; 
  }

  .th-8-12 {
    width: 66.6666666667%; 
  }

  .th-9-12 {
    width: 75%; 
  }

  .th-10-12 {
    width: 83.3333333333%; 
  }

  .th-11-12 {
    width: 91.6666666667%; 
  }

  .th-12-12 {
    width: 100%; 
  } 
}
@media screen and (max-width: 1024px) {
  .th-show {
    display: block !important; 
  }

  .th-hide {
    display: none !important; 
  }

  .th-full {
    width: 100%; 
  }

  .th-hide {
    display: none !important; 
  }

  .th-show.b {
    display: block; 
  }

  .th-show.ib {
    display: inline-block; 
  }

  .th-show.fl {
    display: flex;
    flex-wrap: wrap; 
  }

  .th-left {
    text-align: left !important; 
  }

  .th-right {
    text-align: right !important; 
  }

  .th-center {
    text-align: center !important; 
  }

  .th-no-mar {
    margin: 0 !important; 
  }

  .th-fw-100 {
    font-weight: 10; 
  }

  .th-fw-200 {
    font-weight: 20; 
  }

  .th-fw-300 {
    font-weight: 30; 
  }

  .th-fw-400 {
    font-weight: 40; 
  }

  .th-fw-500 {
    font-weight: 50; 
  }

  .th-fw-600 {
    font-weight: 60; 
  }

  .th-fw-700 {
    font-weight: 70; 
  }

  .th-fw-800 {
    font-weight: 80; 
  }

  .th-fw-900 {
    font-weight: 90; 
  }

  .th-t-align-center {
    text-align: center; 
  }

  .th-t-align-left {
    text-align: left; 
  }

  .th-t-align-right {
    text-align: left; 
  }

  .th-t-transform-uppercase {
    text-transform: uppercase; 
  }

  .th-t-transform-none {
    text-transform: none; 
  }

  .th-t-decoration-none a,
  .th-t-decoration-none {
    text-decoration: none; 
  }

  .th-t-decoration-underline a,
  .th-t-decoration-underline {
    text-decoration: underline; 
  }

  .th-bg-position-center,
  .th-bg-position-center-center {
    background-position: center center; 
  }

  .th-bg-position-center-right {
    background-position: center right; 
  }

  .th-bg-position-center-left {
    background-position: center left; 
  }

  .th-bg-position-top-center {
    background-position: top center; 
  }

  .th-bg-position-top-right {
    background-position: top right; 
  }

  .th-bg-position-top-left {
    background-position: top left; 
  }

  .th-bg-position-bottom-center {
    background-position: bottom center; 
  }

  .th-bg-position-bottom-right {
    background-position: bottom right; 
  }

  .th-bg-position-bottom-left {
    background-position: bottom left; 
  }

  .th-bg-size-cover {
    background-size: cover; 
  }

  .th-bg-size-contain {
    background-size: contain; 
  }

  .th-bg-no-repeat {
    background-repeat: no-repeat; 
  } 
}
@media screen and (max-width: 768px) {
  .tv-1-1 {
    width: 100%; 
  }

  .tv-1-2 {
    width: 50%; 
  }

  .tv-2-2 {
    width: 100%; 
  }

  .tv-1-3 {
    width: 33.3333333333%; 
  }

  .tv-2-3 {
    width: 66.6666666667%; 
  }

  .tv-3-3 {
    width: 100%; 
  }

  .tv-1-4 {
    width: 25%; 
  }

  .tv-2-4 {
    width: 50%; 
  }

  .tv-3-4 {
    width: 75%; 
  }

  .tv-4-4 {
    width: 100%; 
  }

  .tv-1-5 {
    width: 20%; 
  }

  .tv-2-5 {
    width: 40%; 
  }

  .tv-3-5 {
    width: 60%; 
  }

  .tv-4-5 {
    width: 80%; 
  }

  .tv-5-5 {
    width: 100%; 
  }

  .tv-1-6 {
    width: 16.6666666667%; 
  }

  .tv-2-6 {
    width: 33.3333333333%; 
  }

  .tv-3-6 {
    width: 50%; 
  }

  .tv-4-6 {
    width: 66.6666666667%; 
  }

  .tv-5-6 {
    width: 83.3333333333%; 
  }

  .tv-6-6 {
    width: 100%; 
  }

  .tv-1-7 {
    width: 14.2857142857%; 
  }

  .tv-2-7 {
    width: 28.5714285714%; 
  }

  .tv-3-7 {
    width: 42.8571428571%; 
  }

  .tv-4-7 {
    width: 57.1428571429%; 
  }

  .tv-5-7 {
    width: 71.4285714286%; 
  }

  .tv-6-7 {
    width: 85.7142857143%; 
  }

  .tv-7-7 {
    width: 100%; 
  }

  .tv-1-8 {
    width: 12.5%; 
  }

  .tv-2-8 {
    width: 25%; 
  }

  .tv-3-8 {
    width: 37.5%; 
  }

  .tv-4-8 {
    width: 50%; 
  }

  .tv-5-8 {
    width: 62.5%; 
  }

  .tv-6-8 {
    width: 75%; 
  }

  .tv-7-8 {
    width: 87.5%; 
  }

  .tv-8-8 {
    width: 100%; 
  }

  .tv-1-9 {
    width: 11.1111111111%; 
  }

  .tv-2-9 {
    width: 22.2222222222%; 
  }

  .tv-3-9 {
    width: 33.3333333333%; 
  }

  .tv-4-9 {
    width: 44.4444444444%; 
  }

  .tv-5-9 {
    width: 55.5555555556%; 
  }

  .tv-6-9 {
    width: 66.6666666667%; 
  }

  .tv-7-9 {
    width: 77.7777777778%; 
  }

  .tv-8-9 {
    width: 88.8888888889%; 
  }

  .tv-9-9 {
    width: 100%; 
  }

  .tv-1-10 {
    width: 10%; 
  }

  .tv-2-10 {
    width: 20%; 
  }

  .tv-3-10 {
    width: 30%; 
  }

  .tv-4-10 {
    width: 40%; 
  }

  .tv-5-10 {
    width: 50%; 
  }

  .tv-6-10 {
    width: 60%; 
  }

  .tv-7-10 {
    width: 70%; 
  }

  .tv-8-10 {
    width: 80%; 
  }

  .tv-9-10 {
    width: 90%; 
  }

  .tv-10-10 {
    width: 100%; 
  }

  .tv-1-11 {
    width: 9.0909090909%; 
  }

  .tv-2-11 {
    width: 18.1818181818%; 
  }

  .tv-3-11 {
    width: 27.2727272727%; 
  }

  .tv-4-11 {
    width: 36.3636363636%; 
  }

  .tv-5-11 {
    width: 45.4545454545%; 
  }

  .tv-6-11 {
    width: 54.5454545455%; 
  }

  .tv-7-11 {
    width: 63.6363636364%; 
  }

  .tv-8-11 {
    width: 72.7272727273%; 
  }

  .tv-9-11 {
    width: 81.8181818182%; 
  }

  .tv-10-11 {
    width: 90.9090909091%; 
  }

  .tv-11-11 {
    width: 100%; 
  }

  .tv-1-12 {
    width: 8.3333333333%; 
  }

  .tv-2-12 {
    width: 16.6666666667%; 
  }

  .tv-3-12 {
    width: 25%; 
  }

  .tv-4-12 {
    width: 33.3333333333%; 
  }

  .tv-5-12 {
    width: 41.6666666667%; 
  }

  .tv-6-12 {
    width: 50%; 
  }

  .tv-7-12 {
    width: 58.3333333333%; 
  }

  .tv-8-12 {
    width: 66.6666666667%; 
  }

  .tv-9-12 {
    width: 75%; 
  }

  .tv-10-12 {
    width: 83.3333333333%; 
  }

  .tv-11-12 {
    width: 91.6666666667%; 
  }

  .tv-12-12 {
    width: 100%; 
  } 
}
@media screen and (max-width: 768px) {
  .tv-show {
    display: block !important; 
  }

  .tv-hide {
    display: none !important; 
  }

  .tv-full {
    width: 100%; 
  }

  .tv-hide {
    display: none !important; 
  }

  .tv-show.b {
    display: block; 
  }

  .tv-show.ib {
    display: inline-block; 
  }

  .tv-show.fl {
    display: flex;
    flex-wrap: wrap; 
  }

  .tv-left {
    text-align: left !important; 
  }

  .tv-right {
    text-align: right !important; 
  }

  .tv-center {
    text-align: center !important; 
  }

  .tv-no-mar {
    margin: 0 !important; 
  }

  .tv-fw-100 {
    font-weight: 10; 
  }

  .tv-fw-200 {
    font-weight: 20; 
  }

  .tv-fw-300 {
    font-weight: 30; 
  }

  .tv-fw-400 {
    font-weight: 40; 
  }

  .tv-fw-500 {
    font-weight: 50; 
  }

  .tv-fw-600 {
    font-weight: 60; 
  }

  .tv-fw-700 {
    font-weight: 70; 
  }

  .tv-fw-800 {
    font-weight: 80; 
  }

  .tv-fw-900 {
    font-weight: 90; 
  }

  .tv-t-align-center {
    text-align: center; 
  }

  .tv-t-align-left {
    text-align: left; 
  }

  .tv-t-align-right {
    text-align: left; 
  }

  .tv-t-transform-uppercase {
    text-transform: uppercase; 
  }

  .tv-t-transform-none {
    text-transform: none; 
  }

  .tv-t-decoration-none a,
  .tv-t-decoration-none {
    text-decoration: none; 
  }

  .tv-t-decoration-underline a,
  .tv-t-decoration-underline {
    text-decoration: underline; 
  }

  .tv-bg-position-center,
  .tv-bg-position-center-center {
    background-position: center center; 
  }

  .tv-bg-position-center-right {
    background-position: center right; 
  }

  .tv-bg-position-center-left {
    background-position: center left; 
  }

  .tv-bg-position-top-center {
    background-position: top center; 
  }

  .tv-bg-position-top-right {
    background-position: top right; 
  }

  .tv-bg-position-top-left {
    background-position: top left; 
  }

  .tv-bg-position-bottom-center {
    background-position: bottom center; 
  }

  .tv-bg-position-bottom-right {
    background-position: bottom right; 
  }

  .tv-bg-position-bottom-left {
    background-position: bottom left; 
  }

  .tv-bg-size-cover {
    background-size: cover; 
  }

  .tv-bg-size-contain {
    background-size: contain; 
  }

  .tv-bg-no-repeat {
    background-repeat: no-repeat; 
  } 
}
@media screen and (max-width: 640px) {
  .m-1-1 {
    width: 100%; 
  }

  .m-1-2 {
    width: 50%; 
  }

  .m-2-2 {
    width: 100%; 
  }

  .m-1-3 {
    width: 33.3333333333%; 
  }

  .m-2-3 {
    width: 66.6666666667%; 
  }

  .m-3-3 {
    width: 100%; 
  }

  .m-1-4 {
    width: 25%; 
  }

  .m-2-4 {
    width: 50%; 
  }

  .m-3-4 {
    width: 75%; 
  }

  .m-4-4 {
    width: 100%; 
  }

  .m-1-5 {
    width: 20%; 
  }

  .m-2-5 {
    width: 40%; 
  }

  .m-3-5 {
    width: 60%; 
  }

  .m-4-5 {
    width: 80%; 
  }

  .m-5-5 {
    width: 100%; 
  }

  .m-1-6 {
    width: 16.6666666667%; 
  }

  .m-2-6 {
    width: 33.3333333333%; 
  }

  .m-3-6 {
    width: 50%; 
  }

  .m-4-6 {
    width: 66.6666666667%; 
  }

  .m-5-6 {
    width: 83.3333333333%; 
  }

  .m-6-6 {
    width: 100%; 
  }

  .m-1-7 {
    width: 14.2857142857%; 
  }

  .m-2-7 {
    width: 28.5714285714%; 
  }

  .m-3-7 {
    width: 42.8571428571%; 
  }

  .m-4-7 {
    width: 57.1428571429%; 
  }

  .m-5-7 {
    width: 71.4285714286%; 
  }

  .m-6-7 {
    width: 85.7142857143%; 
  }

  .m-7-7 {
    width: 100%; 
  }

  .m-1-8 {
    width: 12.5%; 
  }

  .m-2-8 {
    width: 25%; 
  }

  .m-3-8 {
    width: 37.5%; 
  }

  .m-4-8 {
    width: 50%; 
  }

  .m-5-8 {
    width: 62.5%; 
  }

  .m-6-8 {
    width: 75%; 
  }

  .m-7-8 {
    width: 87.5%; 
  }

  .m-8-8 {
    width: 100%; 
  }

  .m-1-9 {
    width: 11.1111111111%; 
  }

  .m-2-9 {
    width: 22.2222222222%; 
  }

  .m-3-9 {
    width: 33.3333333333%; 
  }

  .m-4-9 {
    width: 44.4444444444%; 
  }

  .m-5-9 {
    width: 55.5555555556%; 
  }

  .m-6-9 {
    width: 66.6666666667%; 
  }

  .m-7-9 {
    width: 77.7777777778%; 
  }

  .m-8-9 {
    width: 88.8888888889%; 
  }

  .m-9-9 {
    width: 100%; 
  }

  .m-1-10 {
    width: 10%; 
  }

  .m-2-10 {
    width: 20%; 
  }

  .m-3-10 {
    width: 30%; 
  }

  .m-4-10 {
    width: 40%; 
  }

  .m-5-10 {
    width: 50%; 
  }

  .m-6-10 {
    width: 60%; 
  }

  .m-7-10 {
    width: 70%; 
  }

  .m-8-10 {
    width: 80%; 
  }

  .m-9-10 {
    width: 90%; 
  }

  .m-10-10 {
    width: 100%; 
  }

  .m-1-11 {
    width: 9.0909090909%; 
  }

  .m-2-11 {
    width: 18.1818181818%; 
  }

  .m-3-11 {
    width: 27.2727272727%; 
  }

  .m-4-11 {
    width: 36.3636363636%; 
  }

  .m-5-11 {
    width: 45.4545454545%; 
  }

  .m-6-11 {
    width: 54.5454545455%; 
  }

  .m-7-11 {
    width: 63.6363636364%; 
  }

  .m-8-11 {
    width: 72.7272727273%; 
  }

  .m-9-11 {
    width: 81.8181818182%; 
  }

  .m-10-11 {
    width: 90.9090909091%; 
  }

  .m-11-11 {
    width: 100%; 
  }

  .m-1-12 {
    width: 8.3333333333%; 
  }

  .m-2-12 {
    width: 16.6666666667%; 
  }

  .m-3-12 {
    width: 25%; 
  }

  .m-4-12 {
    width: 33.3333333333%; 
  }

  .m-5-12 {
    width: 41.6666666667%; 
  }

  .m-6-12 {
    width: 50%; 
  }

  .m-7-12 {
    width: 58.3333333333%; 
  }

  .m-8-12 {
    width: 66.6666666667%; 
  }

  .m-9-12 {
    width: 75%; 
  }

  .m-10-12 {
    width: 83.3333333333%; 
  }

  .m-11-12 {
    width: 91.6666666667%; 
  }

  .m-12-12 {
    width: 100%; 
  } 
}
@media screen and (max-width: 640px) {
  .m-show {
    display: block !important; 
  }

  .m-hide {
    display: none !important; 
  }

  .m-full {
    width: 100%; 
  }

  .m-hide {
    display: none !important; 
  }

  .m-show.b {
    display: block; 
  }

  .m-show.ib {
    display: inline-block; 
  }

  .m-show.fl {
    display: flex;
    flex-wrap: wrap; 
  }

  .m-left {
    text-align: left !important; 
  }

  .m-right {
    text-align: right !important; 
  }

  .m-center {
    text-align: center !important; 
  }

  .m-no-mar {
    margin: 0 !important; 
  }

  .m-fw-100 {
    font-weight: 10; 
  }

  .m-fw-200 {
    font-weight: 20; 
  }

  .m-fw-300 {
    font-weight: 30; 
  }

  .m-fw-400 {
    font-weight: 40; 
  }

  .m-fw-500 {
    font-weight: 50; 
  }

  .m-fw-600 {
    font-weight: 60; 
  }

  .m-fw-700 {
    font-weight: 70; 
  }

  .m-fw-800 {
    font-weight: 80; 
  }

  .m-fw-900 {
    font-weight: 90; 
  }

  .m-t-align-center {
    text-align: center; 
  }

  .m-t-align-left {
    text-align: left; 
  }

  .m-t-align-right {
    text-align: left; 
  }

  .m-t-transform-uppercase {
    text-transform: uppercase; 
  }

  .m-t-transform-none {
    text-transform: none; 
  }

  .m-t-decoration-none a,
  .m-t-decoration-none {
    text-decoration: none; 
  }

  .m-t-decoration-underline a,
  .m-t-decoration-underline {
    text-decoration: underline; 
  }

  .m-bg-position-center,
  .m-bg-position-center-center {
    background-position: center center; 
  }

  .m-bg-position-center-right {
    background-position: center right; 
  }

  .m-bg-position-center-left {
    background-position: center left; 
  }

  .m-bg-position-top-center {
    background-position: top center; 
  }

  .m-bg-position-top-right {
    background-position: top right; 
  }

  .m-bg-position-top-left {
    background-position: top left; 
  }

  .m-bg-position-bottom-center {
    background-position: bottom center; 
  }

  .m-bg-position-bottom-right {
    background-position: bottom right; 
  }

  .m-bg-position-bottom-left {
    background-position: bottom left; 
  }

  .m-bg-size-cover {
    background-size: cover; 
  }

  .m-bg-size-contain {
    background-size: contain; 
  }

  .m-bg-no-repeat {
    background-repeat: no-repeat; 
  } 
}
.flex-ctn,
.flex-container {
  display: flex;
  flex-wrap: wrap; 
}

/* align-items AKA Vertical align (Horizontal if "flex-direction = column") */
.flex-vert-start,
.flex-vert-top,
.flex-vertical-start,
.flex-vertical-top,
.flex-align-start,
.flex-align-top {
  align-items: flex-start; 
}

.flex-vert-end,
.flex-vert-bot,
.flex-vert-bottom,
.flex-vertical-end,
.flex-vertical-bot,
.flex-vertical-bottom,
.flex-align-end,
.flex-align-bot,
.flex-align-bottom {
  align-items: flex-end; 
}

.flex-vert-stretch,
.flex-vertical-stretch,
.flex-align-stretch {
  align-items: stretch; 
}

.flex-vert-center,
.flex-vertical-center,
.flex-align-center {
  align-items: center; 
}

.flex-vert-baseline,
.flex-vertical-baseline,
.flex-align-baseline {
  align-items: baseline; 
}

/* justify-content AKA Vertical align (Horizontal if "flex-direction = column") */
.flex-hori-center,
.flex-horizontal-center,
.flex-justify-center {
  justify-content: center; 
}

.flex-hori-end,
.flex-hori-right,
.flex-horizontal-end,
.flex-horizontal-right,
.flex-justify-end,
.flex-justify-right {
  justify-content: flex-end; 
}

.flex-hori-start,
.flex-hori-left,
.flex-horizontal-start,
.flex-horizontal-left,
.flex-justify-start,
.flex-justify-left {
  justify-content: flex-start; 
}

.flex-hori-between,
.flex-horizontal-between,
.flex-justify-between {
  justify-content: space-between; 
}

.flex-hori-around,
.flex-horizontal-around,
.flex-justify-around {
  justify-content: space-around; 
}

/* align-items AKA Vertical align (Horizontal if "flex-direction = column") */
.flex-hori-center,
.flex-horizontal-center,
.flex-justify-center {
  justify-content: center; 
}

.flex-hori-end,
.flex-hori-right,
.flex-horizontal-end,
.flex-horizontal-right,
.flex-justify-end,
.flex-justify-right {
  justify-content: flex-end; 
}

.flex-hori-start,
.flex-hori-left,
.flex-horizontal-start,
.flex-horizontal-left,
.flex-justify-start,
.flex-justify-left {
  justify-content: flex-start; 
}

.flex-hori-between,
.flex-horizontal-between,
.flex-justify-between {
  justify-content: space-between; 
}

.flex-hori-around,
.flex-horizontal-around,
.flex-justify-around {
  justify-content: space-around; 
}

/* switch sides AKA want to center multiple stacked blocks vertically */
.flex-dir-column,
.flex-dir-col,
.flex-dir,
.flex-switch,
.flex-column,
.flex-direction-column,
.flex-direction-col,
.flex-direction {
  flex-direction: column; 
}

.flex-dir-row,
.flex-row,
.flex-direction-row {
  flex-direction: row; 
}

.h100 {
  height: 100%; 
}

/* Général */
a:focus {
  text-decoration: none !important;
  outline: 0; 
}

.no-pad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; 
}

.no-pad-v {
  padding-top: 0 !important;
  padding-bottom: 0 !important; 
}

.no-pad-h {
  padding-left: 0 !important;
  padding-right: 0 !important; 
}

.no-pad-t {
  padding-top: 0 !important; 
}

.no-pad-b {
  padding-bottom: 0 !important; 
}

.no-pad-l {
  padding-left: 0 !important; 
}

.no-pad-r {
  padding-right: 0 !important; 
}

.no-mar {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important; 
}

.no-mar-v {
  margin-top: 0 !important;
  margin-bottom: 0 !important; 
}

.no-mar-h {
  margin-left: 0 !important;
  margin-right: 0 !important; 
}

.no-mar-t {
  margin-top: 0 !important; 
}

.no-mar-b {
  margin-bottom: 0 !important; 
}

.no-mar-l {
  margin-left: 0 !important; 
}

.no-mar-r {
  margin-right: 0 !important; 
}

.no-mar-last:last-child {
  margin-bottom: 0 !important; 
}

.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; 
}

.fliph {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH"; 
}

.pc {
  display: inline-block;
  width: 100%;
  margin-bottom: -6px; 
}

.col {
  box-sizing: border-box;
  position: relative;
  float: left;
  vertical-align: top; 
}

.colR {
  box-sizing: border-box;
  position: relative;
  float: right;
  vertical-align: top; 
}

.cb {
  clear: both; 
}

.filler {
  min-height: 1px; 
}

.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
  filter: FlipV;
  -ms-filter: "FlipV"; 
}

.rotate90 {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); 
}

.rotate180 {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); 
}

.rotate270 {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); 
}

.vcenter {
  box-sizing: border-box;
  padding-top: 0 !important;
  padding-bottom: 0 !important; 
}

.vcenter section {
  height: 100%; 
}

.vcenter .container {
  display: table;
  width: 100%;
  height: 100%; 
}

/* GÉNÉRALE */
/* HEADER */
/* HOME */
/* CONTENU */
/* FOOTER*/

/*# sourceMappingURL=style.css.map */



/*MEDIA QUERIES*/
@media only screen and (max-width: 1800px) {


}
@media only screen and (max-width: 1640px) {
.ctnSlider img{
  bottom: 0;
}

}
@media only screen and (max-width: 1720px) {

  .container{
    padding-left: 5%;
    padding-right: 5%;
  }

}
@media only screen and (max-width: 1520px) {
  .infolettre{
       padding: 0 2.5em;
  }
  .homeBanner{
    font-size: 0.8em;
  }
      .timeline .swiper-slide-content {
        left: 35%;
        width: 65%;
    }
  }
@media only screen and (max-width: 1440px) {

  .insideIconeTxt{
  padding-left: 0;
}
  .leMenu a{
    font-size: 14px!important;
  }
  h2 {
    font-size: 1.8em!important;
  }
.sideMenu .loption a {
    padding: 8px;
}
.sideMenu {
    padding-top: 5px;
}
.primary-navigation > div > .menu-wrapper {
    justify-content: flex-end!important;
}
.leftFooter{
    padding-right: 4em;
  }

}
@media only screen and (max-width: 1366px) {

}
@media only screen and (max-width: 1280px) {
  .menuMobile{
    display: inline-block!important;
  }
  .banniere_image img {
    margin-bottom: -4px;
}

    .banniere_image:before{
    display: none;
  }
  .homeBanner .container{
    padding: 0!important;
  }
  .homeBanner .verticalCenter{
  padding: 5% 8.33%;
}
  .homeBanner .container{
  display: inline-block;
  }
  .leMenu,
  .leMenuTop{
    display: none;
  }
  .bottomInfo .btnMore{
    width: 100%;
  }
  .pills{
    margin-left: 0; 
     margin-top: 15px;
  }
  .lebtn a{
    font-size: 1.4em;
  }
  .homeBanner .container {
    padding: 5% 8.33% 0;
}
.sideMenu .loption a {
    font-size: 0.6em;
    line-height: 0.663rem;
}

}
@media screen and (min-width: 2000px) {

.banniere_image:before{
  content: "";
  background-image: url('images/bannerAfter-Double.png');
  position: absolute;
  left: 0;
  width: 128px;
  height: 1158px;
  top: -3px;
}

}
@media screen and (max-width: 1024px) {
  .timeline{
    padding: 2em 0;
  }
  .timeline .swiper-pagination{
    left: 12%!important;
    top: 0;
  }
  .timeline .swiper-button-prev{
    left: 15%;
    top: 2em;
  }
  .timeline .swiper-button-next{
    left: 15%!important;

  }
  .sectionTimeline .blocGaucheTimeline{
        padding: 45px;
  }
    .paddingMobile{
    margin-bottom: 2em!important;
  }
  .homeBanner{
    font-size: 1em;
  }
  .banniere_image img{
    margin-bottom: -4px;
  }

  .flexThat{
    display: inline-block;
  }
  .h5050-container {
    display: inline-block;
  }
  .sidebar .d-full:last-of-type .sidebarInside{
    border: none;
  }
  .leMenu .wpml-ls-item{
  display: block;
}
  .leMenuTop{
    display: none;
  }
  .slick-dots {
    bottom: -0.2em!important;
}
  .ctnSlider {
        display: flow-root;
}
.nav-slider3{
  right: 0;
}
  .ctnSlider img{
    display: none;
  }
  .lebtn a{
    padding: 1em;
  }
  .footer{
    padding-top: ;
  }
  .insideInfolettre{
    padding: 5%;
  }
  .sideMenu{
    display: none;
  }
  .trueHalf .colonne_1{
    padding-right: 0;
  }
  .trueHalf .colonne_2 .type-text{
    padding-left: 0;
    padding-top: 25px;
  }
  .centerMenu{
    display: inline-block;
  }
  .primary-navigation{
    display: none;
  }

  .footer{
    display: inline-block;
  }
  .leftFooter{
             padding: 4em 5% 0em 5%;

  }

.insideSlider{
  display: inline-block;
}
body{
  font-size: 16px!important;
  line-height: 16px;
  }
  .homeBanner .container{
    display: inline-block;
  }
  .textCtn{
    padding: 20px 0;
  }
  .descriptionIntro{
    display: inline-block;
  }

.ctnSlider{
padding: 2.75em 3em;
}

}
@media screen and (max-width: 768px) {
  .timeline .swiper-container {
    height: 33rem;

}
.timeline .swiper-slide li, .timeline .swiper-slide p {
    font-size: 14px !important;
    line-height: 20px !important;
  
}
  .timeline .swiper-button-next{
    top: 2em!important;
    left: 25%!important;
  }
  .timeline .swiper-slide-content{
    left: auto!important;
  }
  .optionsTab1 ul{
    display: inline-block;
  }
  .leftFooter img{
    padding-right: 0;
  }

  .cta {
    padding: 3em;
  }
  .insideCols {
    padding: 1em 0.5em;
}
  .nav-slider0{
        justify-content: center;
  }
.ctnNews {
    border-top: 1px solid var(--grisF);
    display: inline-block;
    margin: 0.625em;
    overflow: unset;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
   max-height: inherit;
    min-height: auto; 
    height: 100%;
        padding-top: 40px;
}
.insideIconeTxt{
  padding-right: 0;
  padding-left: 0;
}
.leReseau a{
  margin: 0 0.525em;
}

.theInside {
    padding: 1.5em 0em;
    }

}

@media screen and (max-width: 956px) {



}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 340px) {
}
@media screen and (max-height: 768px) {

}