/*
  _________ __            .___.__                                      __  .__  _____               .__                 
 /   _____//  |_ __ __  __| _/|__| ____     ___________   ____ _____ _/  |_|__|/ ____\   ____  ____ |  |   ____   ____  
 \_____  \\   __\  |  \/ __ | |  |/  _ \  _/ ___\_  __ \_/ __ \\__  \\   __\  \   __\  _/ ___\/  _ \|  |  /  _ \_/ ___\ 
 /        \|  | |  |  / /_/ | |  (  <_> ) \  \___|  | \/\  ___/ / __ \|  | |  ||  |    \  \__(  <_> )  |_(  <_> )  \___ 
/_______  /|__| |____/\____ | |__|\____/   \___  >__|    \___  >____  /__| |__||__|     \___  >____/|____/\____/ \___  >
        \/                 \/                  \/            \/     \/                      \/                       \/ 
        */

/*
_________                 __                  
\_   ___ \ __ __  _______/  |_  ____   _____  
/    \  \/|  |  \/  ___/\   __\/  _ \ /     \ 
\     \___|  |  /\___ \  |  | (  <_> )  Y Y  \
 \______  /____//____  > |__|  \____/|__|_|  /
 \/           \/                    \/*/
 .home #rmp_menu_trigger-5725{
    position: absolute!important;
 }
 #rmp_menu_trigger-5725{
    position: fixed!important;
 }
 a:focus, a:target{
 	text-decoration: none!important;
 	outline: none!important;
 }
 a:-webkit-any-link:focus {
   outline-offset: 0px!important;
}
* :focus, * :target { 
    outline: 0!important; 
}
.centerV{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);	
}
article.page {
    margin: 0!important;
}
#main{
  padding-bottom: 0!important;
  padding-top: 0!important;
}
.page-id-207 .sideMenu,
.page-id-4900 .sideMenu{
    display: none!important;
}
img{
    max-width: 100%!important;
}
html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer{
  max-width: 100%!important;
}
ul{
    padding-left: 20px!important;
}
article{
  margin-top: 0!important;
}
p, ol, ul{
  margin-bottom: 20px!important;
  color: var(--noir);
}
li{
  font-family: var(--RedHatDisplay)!important;
  margin-bottom: 15px!important;
}
li::marker{
  color: var(--couleur2)!important;
}
a{
  text-decoration: none!important;
  transition: all 0.2s;
  font-family: var(--RedHatDisplay)!important;
  color: var(--noir)!important;
}
a:hover{
  color: var(--couleur2)!important;
}
a:focus{
  background: rgba(0, 0, 0, 0)!important;
}
a.imgLink, 
.sectionTextGaucheImgDroite p a.imgLink { 
    border-bottom: 0px solid var(--couleur2)!important;
    display: inline-block!important;
}
h4 a,
h2 a{
    color: var(--couleur2)!important;
}
h4 a:hover,
h2 a:hover{
    color: var(--noir)!important;
}
body{
  font-family: var(--RedHatDisplay)!important;
  font-size: 1.25em!important;
  line-height: 1.5rem!important;
}
.container{
    max-width: 1920px!important;
    margin: 0 auto!important;
    position: relative;
    width: 100%;
}
#site-content{
    margin: 0!important;
}
h1{
    font-size: 2.5em; /* 50px */
    line-height: 3.438rem;
    font-family: var(--RedHatDisplay)!important;
    text-transform: none;
    color: var(--noir);
    font-weight: 700!important;
    margin-bottom: 40px;
    /*margin-bottom: 65px!important;*/
    margin-bottom: 8.2%!important;
}
h2{
    font-size: 1.88em; /* 40px */
    line-height: 2.625rem;
    font-family: var(--RedHatDisplay)!important;
    text-transform: none;
    color: var(--noir);
    margin-bottom: 20px!important;
    font-weight: 700!important;
}
.home h2{
    font-weight: 800!important;
}
h3{
    font-size: 1.75em; /* 35px */
    line-height: 2.488rem;
    font-family: var(--RedHatDisplay)!important;
    color: var(--noir);
    margin-bottom: 25px!important;
    font-weight: 700!important;
}
h4{
    font-size: 1.3em; /* 26px */
    line-height: 1.625rem;
    font-family: var(--RedHatDisplay)!important;
    text-transform: none;
    color: var(--noir);
    margin-bottom: 24px!important;
    font-weight: 700!important;
}
.btn a{
  text-decoration: none!important;
  border: 0px solid var(--couleur2);
  display: inline-block;
  padding: 10px 22px;
  font-size: 0.9em;
  line-height: 1.25rem;
  font-weight: 700!important;
  color: var(--blanc)!important;
  text-transform: none;
  transition: all 0.2s;
  position: relative;
  z-index: 1;
  font-family: var(--RedHatDisplay)!important;
  margin-bottom: 15px;
  text-decoration: none!important;

  -webkit-transition: ease-out 0.6s;
  -moz-transition: ease-out 0.6s;
  transition: ease-out 0.6s;
}
.btn a:hover{
  color: var(--couleur2)!important;
  background-color: var(--blanc)!important;
}
.btn.btnTextBlancFondJaune a{
    color: var(--blanc)!important;
    border: 1px solid var(--couleur1);
    background-color: var(--couleur1)!important;
    box-shadow: inset 0 0 0 0 var(--blanc);
}
.btn.btnTextBlancFondJaune a:hover{
    color: var(--couleur1)!important;
    box-shadow: inset 400px 0 0 0 var(--blanc);
}
.btn.btnTextBlancFondVert a{
    color: var(--blanc)!important;
    border: 1px solid var(--couleur2);
    background-color: var(--couleur2)!important;
    box-shadow: inset 0 0 0 0 var(--blanc);
}
.btn.btnTextBlancFondVert a:hover{
    color: var(--couleur2)!important;
    box-shadow: inset 400px 0 0 0 var(--blanc);
}
#petiteQte .btn.btnTextBlancFondVert a:hover{
    box-shadow: inset 280px 0 0 0 var(--blanc);
}
.btn.btnTextNoirFondBlanc a{
    color: var(--noir)!important;
    border: 1px solid var(--noir);
    background-color: transparent!important;
    box-shadow: inset 0 0 0 0 var(--noir);
}
.btn.btnTextNoirFondBlanc a:hover{
    color: var(--blanc)!important;
    background-color: var(--noir)!important;
    box-shadow: inset 400px 0 0 0 var(--noir);
}
.btn.btnTextBlancFondNoir a{
    color: var(--blanc)!important;
    border: 1px solid var(--noir);
    background-color: var(--noir)!important;
    box-shadow: inset 0 0 0 0 var(--blanc);
}
.btn.btnTextBlancFondNoir a:hover{
    color: var(--noir)!important;
    background-color: var(--blanc)!important;
    box-shadow: inset 400px 0 0 0 var(--blanc);
}
#section4 .btn.btnTextBlancFondNoir a:hover{
    color: var(--noir)!important;
    background-color: transparent!important;
    box-shadow: inset 400px 0 0 0 transparent;
}

.vert{
  color: var(--couleur2)!important;
}
.jaune{
  color: var(--couleur1)!important;
}
h2 .notBold{
    font-weight: 500!important;
}
.notBold{
    font-weight: 400!important;
}
.vert a{
  color: var(--couleur2)!important;
  border-bottom: 1px solid var(--couleur2);
}
.vert a:hover{
  color: var(--couleur1)!important;
  border-bottom: 1px solid var(--couleur1);
}
.inline,
.inline + p{
    display: inline-block!important;
}
.inline{
    margin-right: 5%;
}

/*MMMENU*/
a:focus {
  outline: none;
}
.leMenu{
    z-index: 999;
}
.leMenu ul{
    list-style-type: none;
    padding: 0!important;
    margin: 0!important;
}
.leMenu ul li{
    background-color: var(--couleur2);
}
.leMenu:before{
    content: "";
    position: absolute;
    z-index: 0;
    right: 0%;
    top: 50%;
    display: block;
    width: 100%;
    height: 11px;
    background: var(--couleur1)!important;
    transform: translateY(-50%);
}
#masthead{
    background-color: var(--couleur2);
}
#masthead ul{
    padding-left: 0!important;
}
#masthead li{
    margin-bottom: 0px!important;
}
button.sub-menu-toggle{
    display: none!important;
}
#masthead .primary-menu-container .menu-item-has-children .icon {
    right: -20px;
    top: 5px;
    font-size: 0.7em;
    cursor: pointer;
    position: absolute;
    padding: 10px 15px;
}

.menu-item i{
    display: none;
}
.menu-item-has-children i{
    display: flex;
    align-items: center;
    font-size: 0.55em;
    /*padding-right: 15px;*/
    font-weight: 700;
    margin-top: 2px;
    min-width: 20px;
}

.menu-item-has-children i:after{
    color: #F8A792!important;
    transition: all .2s;
}
.menu-item-has-children i:before{
    color: var(--primary)!important;
    transition: all .2s;
}
.menu-item-has-children:hover i:after{
    color: #F8A792!important;
}
.primary-navigation .menu-item-has-children:hover i:before{
    color: var(--primary)!important;
}
.menu-item-has-children:hover i:before{
    color: var(--couleur2)!important;
}
.menu-item-has-children i{
    transition: background-color .2s; /*Pour éviter de faire une transition du padding-right*/
}
.menu-item-has-children:hover i{
    background-color: transparent!important;
    padding-right: 10px;
}
.menu-item-has-children:hover i:before{
    content: "\f078"!important;
}
#masthead {
    z-index: 9999999999999!important;
    background-color: transparent!important;
}
#masthead ul{
    margin-bottom: 0!important;
}
.primary-navigation .primary-menu-container{
    margin: 0px!important;
    background-color: transparent!important;
}
.primary-menu-container a{
    font-weight: 700!important;
    font-family: var(--RedHatDisplay)!important;
    color: var(--noir)!important;
    font-size: 0.9em!important;
    line-height: 1.25rem!important;
}
.primary-menu-container .menu-item:hover a,
.menu-item-has-children:hover i{
    color: var(--gris)!important;
    text-decoration: none!important;
    background-color: transparent!important;
    min-width: 20px;
}
.sub-menu{
    display: none!important;
}
li:hover .sub-menu{
    display: block!important;
}
.primary-menu-container .menu-item:hover .sub-menu .menu-item a{
    color: var(--noir)!important;
}
.primary-menu-container .menu-item:hover .sub-menu .menu-item:hover a{
    color: var(--gris)!important;
    text-decoration: none!important;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a{
    /*margin: 0 0 0 45px!important;*/
    margin: 0 0 0 15px!important;
    padding: 15px!important;
    font-weight: 700!important;
}
.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
    color: var(--primary-nav--color-link-hover);
}
.primary-navigation a {
 display: block;
 font-family: var(--primary-nav--font-family-mobile);
 font-size: var(--primary-nav--font-size-mobile);
 font-weight: var(--primary-nav--font-weight);
 padding: var(--primary-nav--padding) 0;
 text-decoration: none;
}
.primary-navigation a {
    display: block;
    font-family: var(--primary-nav--font-family);
    font-size: var(--primary-nav--font-size);
    font-weight: var(--primary-nav--font-weight);
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    padding-top: 0px!important;
}
.sub-menu .sub-menu{       
    display: none;
}
.sub-menu.sousSousMenu{      
    display: block!important;
}
.menu-item-has-children:hover .sub-menu .sub-menu.sousSousMenu{      
    display: block!important;
}
.menu-item-has-children:hover .sub-menu{
    display: block!important;
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}
.menu-item-has-children:hover .sub-menu .sub-menu{
    display: none!important;
}
.primary-navigation > div > .menu-wrapper{
    display: flex;
    justify-content: flex-end!important;
    /*padding-right: 130px;*/
    padding-right: 12.1%;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    /*min-height: 400px;*/
    border: 0px;
    margin-left: 25px!important; /*Mettre meme margin que les onglets parents*/
    min-width: 150px!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%);
}
.primary-navigation > div > #menu-menu-principal-en > li > .sub-menu{
    min-width: 180px!important;
}
#menu-menu-principal-1 {
    justify-content: flex-end!important;
    padding-right: 25px!important;
}
#menu-menu-principal .menu-item-has-children a{
    padding: 15px 7px 15px 15px!important;
}
.sub-menu{
    z-index: 999999999999999999999999999999999999!important;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { /*Fleche triangulaire au dessus du submenu*/
    border-color: var(--secondary) transparent!important;
    display: none!important;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li, 
.primary-menu-container .menu-item-has-children:hover .sub-menu li, 
.primary-menu-container .menu-item-has-children:hover .sub-menu li a{
    background-color: var(--blanc)!important;
}
.primary-menu-container .menu-item-has-children:hover .sub-menu li a:hover{
    color: var(--gris)!important;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li i{
    display: none!important;
}
.primary-navigation .sub-menu .menu-item > a{
    padding: 15px!important;
    text-transform: none;
    font-weight: 400!important;
    position: relative;
}
.primary-navigation .sub-menu .menu-item > a:hover{
    color: var(--couleur2)!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 > div > .menu-wrapper > li > .sub-menu li:first-of-type{

}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li:last-of-type{

}
.sub-menu .menu-item:last-of-type a:after{ /*Faire disparaitre la dernière ligne de la liste*/
   display: none;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li i:after{
    content: "\f067"!important;
}    
.primary-navigation > div > .menu-wrapper > li > .sub-menu li i.minusIcon:after{
    content: "\f068"!important;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li i:hover:after{
    font-weight: bold!important;
}

/*Header fixed*/
#header.is-fixed, 
#headerCtn.is-fixed{
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0px;
    background-color: var(--blanc);
    z-index: 1000000;
    -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);
    margin: 0!important;
}
#header.is-fixed{
  animation: animateHeader 0.5s;
}
@keyframes animateHeader {
  from {
    top: -105px;
}
to {
    top: 0px;
}
}
.current-menu-item a,
.current-menu-item i{
    color: var(--gris)!important;
}

/*Responsive menu pro*/
.banniere-container h3{
    /*margin-bottom: 50px!important;*/
    margin-bottom: 7.5%!important;
}
.rmp_menu_trigger{
    z-index: 99999999!important;
}
.rmp-menu-item-has-children .rmp-font-icon{
    display: none!important;
}
.rmp-menu-item-has-children .rmp-menu-subarrow span{
    display: block!important;
}
.rmp-menu-subarrow{
    right: 15%!important;
    border-left: 0px!important;
    transition: all .2s!important;
}
.rmp-menu-subarrow span{
    font-weight: 400!important;
    font-size: 1.2em!important;
}
li:hover .rmp-menu-subarrow{
    color: var(--couleur2)!important;
}
.rmp-container{
    z-index: 99999998!important;
}


/*Reseau sociaux*/
#reseauxSociauxMenuOpen{
  display: none;
}
.ReseauxSociaux{
    display: flex;
    justify-content: flex-end;
}
.ReseauxSociaux div{
    display: inline-block!important;
}
.leReseau {
    display: block;
    margin-bottom: 6px;
}
.reseauSociauxHeader{
    justify-content: flex-end;
} 
.leReseau a {
    margin-right: 10px!important;
}
.leReseau i {
  color: var(--grisSociaux)!important;
  background-color: transparent;
  line-height: 1.125rem;
  font-size: 0.8em;
  transition: all .2s;
  padding: 6px 12px;
}
footer .leReseau i {
  background-color: transparent;
  line-height: 1.125rem;
  font-size: 1em;
  transition: all .2s;
  padding: 6px 12px 6px 0px;
  margin-right: 6px;
}
.leReseau a:hover i{
    color: var(--couleur2)!important;
}
/*WPML*/
.wpml-ls, .infosHeader p{
    display: inline-block!important;
    padding: 0!important;
    border: 0px solid !important;
    width: 100%;
}
.wpml-ls ul{
    padding-left: 0!important;
}
.wpml-ls ul{
    padding-left: 0!important;
    margin: 0!important;
}
.wpml-ls-item{
    position: relative;
    display: block!important;
}
.wpml-ls-item-fr{
    padding-right: 0px!important;
    padding-left: 5px!important;
}
.sideMenu .wpml-ls-item-fr{
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.wpml-ls-item-en{
    padding-right: 5px!important;
    padding-left: 0px!important;
}
.wpml-ls-item:after{
    content: "|";
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.wpml-ls-item:before {
    content: "|";
    position: absolute;
    left: 0;
    top: 0;
}
.wpml-ls-item:before {
    content: "|";
    position: absolute;
    left: 0;
    top: 0;
}
.wpml-ls-item-en:before {
    display: none!important;
}
.wpml-ls-item-fr:before {
    display: none!important;
}
.infosHeader .wpml-ls-item:hover:after{
    color: var(--secondary)!important;
}
.wpml-ls-legacy-list-horizontal a span{
  font-size: 0.8em!important;
  line-height: 1.125rem;
  font-weight: 500;
}
.wpml-ls-current-language span{
  color: var(--couleur1)!important;
}
.wpml-ls-current-language a{
  pointer-events: none;
}
.wpml-ls-legacy-list-horizontal a span {
    vertical-align: inherit!important;
}
/*Page 404*/
.error404 .page-header{
    padding: 0!important;
    text-align: center;
    border-bottom: 0em!important;
    margin: 0em!important;
    padding-top: 12.75em!important;
}
.error404 .page-header h1{
    color: var(--couleur2)!important;
    margin-bottom: 40px!important;
}
.error404 .error-404{
    text-align: center;
    margin: 2em 0em 5em 0em!important;
}
.error404 .error-404 label{
    display: none;
}
.error404 .search-submit{
  text-decoration: none!important;
  border: 2px solid var(--couleur2);
  background-color: var(--couleur2)!important;
  display: inline-block;
  padding: 0.625em 1.125em;
  font-size: 1em;
  color: var(--blanc)!important;
  text-transform: uppercase;
  transition: all 0.2s;
  position: relative;
  z-index: 100;
  font-family: var(--RedHatDisplay)!important;  
}
.error404 .search-submit:hover{
 border: 2px solid var(--couleur2);
 color: var(--couleur2)!important;
 background-color: var(--blanc)!important;
}
.error404 .search-form .search-field{
    border: 2px solid var(--noir)!important;
}
/*Search*/
.search .entry-header{
    margin-bottom: 10px!important;
}
.search .page-header{
    border-bottom: 0px solid!important;
    padding: 0% 4%!important;
    margin-bottom: 0!important;
}
.search .page-title{
    margin-bottom: 0!important;
}
.search .search-result-count{
    margin-top: 35px!important;
    margin-bottom: 35px!important;
    padding: 0% 4%!important;
}
.search .entry-footer,
.search .entry-content,
.search .post-thumbnail,
.search .next svg,
.search .prev svg {
    display: none!important;
}
.search h2{
    max-width: 100%!important;
    padding: 0 4%;
    font-size: 1.3em;
    line-height: 1.625rem;
    font-family: var(--RedHatDisplay)!important;
    text-transform: none;
    color: var(--noir);
    margin-bottom: 24px!important;
    font-weight: 700!important;
}
.search article{
   margin-bottom: 28px!important; 
}
.search .navigation {
    margin-bottom: 4%!important;
}

/*HHHEADER*/
#header, #header div, 
.resauxSociauxHeader, 
.banniere-container{
  margin: 0!important;
}
#header .container{
    margin: 0 auto!important;
}
#header{
  position: absolute;
  width: 100%;
  z-index: 999;
}
.resauxSociauxHeader{
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 999;
  left: 3%;
  text-align: center;
}
#header .logoHeader .logoCtn{
    display: none;
}
#header.is-fixed .logoHeader .logoAcc{
    display: none;
}
#header.is-fixed .logoHeader .logoCtn{
    display: block;
}
#header .logoHeader,
#headerCtn .logoHeader{
  /*padding-right: 100px;*/
  padding-right: 32%;
  text-align: center;
}
#header .logoHeader{
  padding-bottom: 10px;
}
#headerCtn .logoHeader {
  text-align: left!important;
}
#header.is-fixed .logoHeader a img,
#headerCtn.is-fixed .logoHeader a img{
  max-width: 75px!important;
}
.headerMenu{
  padding: 20px 0px!important;
}
#headerCtn .headerMenu{
  padding: 15px 0px!important;
}
#header.is-fixed .headerMenu{
  padding: 10px 0px!important;
}
.espaceHeaderCtn{
    margin: 0px!important;
    padding-bottom: 170px;
}
#header .btn a,
#headerCtn .btn a{
  margin-bottom: 0px;
}

/*Banniere*/
.banniere-container .filterBanniere{
    display: block;
    width: 100%;
    min-height: 315px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
}
.banniere-container .texteBanner .ctnBanniere{
    /*padding-right: 115px;*/
    padding-right: 23%;
}
.banniere-container .laBanniere{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banniere-container .laBanniere img{
    opacity: 0;
}
/*Side Menu*/
.sideMenu{
    position: fixed;
    z-index: 99999;
    top: 25%;
    right: 2%;
    margin: 0!important;
    background-color: var(--blanc);
    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%);
}
.sideMenu i {
    display: block;
}
.sideMenu .loption a{
    font-size: 0.5em;
    line-height: 0.563rem;
    display: block;
    padding: 17px 15px;
    position: relative;
}
.sideMenu .loption i{
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 4px;
}
.sideMenu .loption a:hover{
    color: var(--couleur2)!important;
}
.linkSideMenu:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0%;
    bottom: 0%;
    display: block;
    width: 100%;
    height: 1px;
    background: #DEDEDE;
}
.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;
}

/*FFFOOTER*/
footer {
    padding: 65px 0px 0px 0px!important;
}
footer .logoFooter{
    /*margin-bottom: 55px;*/
    margin-bottom: 19.7%;
}
footer .ctnGaucheFooter .logoFooter{
    padding-right: 32%;
}
footer .ctnGaucheFooter .btn i{
    margin-right: 10px;
    font-weight: 500!important;
}
footer .ctnGaucheInfosFooter{
    padding-right: 35px;
}
footer .resauxSociauxFooter {
    /*margin-top: 45px;*/
    margin-top: 16%;
}
footer .resauxSociauxFooter .leReseau {
    margin-left: 0px!important;
    display: inline-block!important;
    margin-bottom: 0px!important;
}
footer .resauxSociauxFooter .leReseau i {
    color: var(--noir)!important;
}
footer .resauxSociauxFooter .leReseau i:hover {
    color: var(--couleur2)!important;
}
footer .copyrights {
    margin-top: 18px;
}
footer .copyrights .textCopyright,
footer .menu-menu-footer-container ul li a,
footer .menu-menu-footer-en-container ul li a {
    font-size: 0.65em;
    line-height: 0.938rem;
    color: var(--noir);
}
footer .copyrights .textCopyright a{
    text-decoration: underline solid var(--noir) 1px!important;
    text-underline-offset: 0px;
}
footer .copyrights .textCopyright a:hover{
    text-decoration: underline solid var(--couleur2) 1px!important;
}
footer .menu-menu-footer-container ul li,
footer .menu-menu-footer-en-container ul li{
    position: relative;
    display: inline-block;
    transition: all .2s;
    margin-bottom: 0!important;
} 
footer .menu-menu-footer-container ul li:hover:after,
footer .menu-menu-footer-en-container ul li:hover:after{
    background: var(--couleur2);
} 
footer .menu-menu-footer-container ul li:after,
footer .menu-menu-footer-en-container ul li:after,
.sliderAlaUne .learnMore:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0%;
    bottom: 1px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--noir);
}
.sliderAlaUne .learnMore{
    margin-top: 30px;
    display: inline-block;
    position: relative;
}
.sliderAlaUne .learnMore:hover{
    
}
footer .ctnGaucheFooter .infolettreFooter{
    /*padding: 0 100px;*/
    padding: 0 10.5%;
    position: relative;
}
footer .ctnGaucheFooter .infolettreFooter:before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0%;
    top: 0%;
    display: block;
    width: 1px;
    height: 86%;
    background: var(--gris);
    opacity: .7;
    border-radius: 10px;
}
footer .ctnFooter{
    margin: 0!important;
}
.menu-menu-footer-container ul,
..menu-menu-footer-en-container ul{
    padding-left: 0!important;
    margin-bottom: 0!important;
    line-height: 12px;
}
.menu-menu-footer-container ul li,
..menu-menu-footer-en-container ul li{
    list-style:none;
    margin-bottom: 0px!important; 
}
footer .ctnDroitFooter{
  background-color: var(--noir);
}
footer .ctnDroitFooter {
    min-height: 420px;
    position: relative;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
footer .ctnDroitFooter:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0%;
    top: 0%;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--noir) ;
    opacity: .69;
}
footer #top-menu{
    padding-left: 0!important;
}
footer .ctnDroitFooter .iconeEspaceDonateur, 
footer .ctnDroitFooter .blockBlancFooter h3{
    text-align: center;
}
footer .ctnDroitFooter .blockBlancFooter h3{
    margin-bottom: 25px!important;
}
footer .ctnDroitFooter .iconeEspaceDonateur i{
    font-size: 3.75em;
    color: var(--noir);
}
footer .ctnDroitFooter .blockBlancFooter{
    background-color: var(--blanc);
    z-index: 2;
    /*padding: 50px 110px;*/
    padding: 5.25% 11.55%;
    position: relative;
    top: -65px;
    -webkit-box-shadow: 0px 0px 10px 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%);
}
footer .ctnDroitFooter .blockBlancFooter .btn a{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
}
footer .ctnDroitFooter .blockBlancFooter .btn a i{
    margin-right: 15px;
    font-weight: 500!important;
}
footer .ctnDroitFooter .iconeEspaceDonateur{
    margin-bottom: 15px;
}

/*Section 1*/
#section1, #section2, #section3, #section4, #section5, #section6{
  margin: 0px!important;
  position: relative;
}
#section1 {
    background-color: var(--grisPale);
}
.blocBlancSection1 {
    background-color: var(--blanc);
    color: var(--noir);
    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%);
    transition: all .2s;
    top: -42px;
    position: relative;
}
#section1 .blocBlancSection1 i{
    font-size: 5em;
    margin-bottom: 35px;
}
#section1 .blocBlancSection1 p{
    font-size: 0.9em!important;
    line-height: 1.25rem;
    display: inline-block;
    text-decoration: underline solid var(--noir) 1px!important;
    text-underline-offset: 0px;
    margin-bottom: 0px!important;
}
#section1 .blocBlancSection1 a{
    display: block;
    /*padding: 75px 4%;*/
    padding: 15.7% 4%;
}
#section1 .blocBlancSection1:hover{
    background-color: var(--couleur2);
}
#section1 .blocBlancSection1:hover i,
#section1 .blocBlancSection1:hover h4,
#section1 .blocBlancSection1:hover p{
    color: var(--blanc);
}
#section1 .blocBlancSection1:hover p{
 text-decoration: underline solid var(--blanc) 1px!important;
 text-underline-offset: 0px;
}
#section1 .blocBlanc2Section1{
 /*padding: 0px 80px;*/
 margin: 0px 12.5%;
}

/*Section 2*/
#section2{
    /*padding-top: 58px;*/
    padding-top: 3.05%;
    background-color: var(--grisPale);
}
#section2 .StatSection2,
.SectionTextIconeText .GrosTexteCtnFlexible{
    font-size: 5.5em;
    line-height: 5.938rem;
    font-weight: 900;
    color: var(--couleur2);
    margin-bottom: 5px!important;
    display: block;
}
#section2 .section2Btn,
.SectionTextIconeText .section2Btn{
    margin-top: 45px!important;
    padding: 45px 0px 55px 0px!important;
    position: relative;
}
#section2 .section2Btn:before,
.SectionTextIconeText .section2Btn:before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50%;
    height: 1px;
    background: var(--noir);
    opacity: .3;
}
#section2 .btn{
    display: inline-block;
    padding-right: 13%;
}
#section2 .imageSection2, #section2 .btn{
    padding-left: 7px;
}
/*Section 3*/
#section3 {
    padding: 55px 0px;
    position: relative;
}
.sliderAlaUne, 
.sliderAlaUne div,
.sliderCtnFlexible,
.sliderCtnFlexible div {
    max-width: none!important;
    height: auto!important;
}
.sliderAlaUne .post-content {
    max-width: 635px!important;
    display: inline-block;
    /*padding-right: 100px;*/
    padding: 5.6% 6.3%;
}
.sliderAlaUne .post-content a:hover{
    color: var(--noir)!important;
}
.sliderAlaUne .imageSlider {
    /*width: 60%;*/
    display: inline-block;
}
.sliderAlaUne .blocPost {
    display: flex!important;
    align-items: center;
    -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);
    margin: 12px!important;
}
.home .sliderAlaUne .blocPost {
    margin-bottom: 12px!important;
}
#section3 .sliderAlaUne .blocPost:hover {
    -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%)!important;
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6)!important;
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%)!important;
}
.sliderAlaUne .nomDuPost {
    line-height: 1.5rem!important;
}
.sliderAlaUne .nomDuPost {
    font-size: 1em!important;
    line-height: 1.25rem!important;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px!important;
    /*margin-bottom: 65px;*/
    margin-bottom: 12.2%;
    color: var(--couleur2)!important;
    display: block;
}
#section3 .ctnGaucheSliderSect3{
    width: 40%;
    /*padding: 110px 105px;
    padding: 7.02% 6.75%;*/
    padding: 0% 6.75%;
}
#section3 .imgDroiteSliderSect3{
    width: 60%;
}
#section3 .ctnGaucheSliderSect3 a{
    text-decoration: underline solid var(--noir) 1px!important;
    font-weight: bold!important;
    text-underline-offset: 0px!important;
}
#section3 .ctnGaucheSliderSect3 a:hover{
    text-decoration: underline solid var(--couleur2) 1px!important;
}
.sliderAlaUne .nomDuPost {
    margin-bottom: 9%;
}
.nav-slider{
    position: absolute;
    right: 11px;
    bottom: 35px;
}
.nav-slider a{
    padding: 22px 30px;
    background-color: var(--blanc);
    color: var(--noir)!important;
    position: relative;
}
.nav-slider a:hover{
    color: var(--couleur2)!important;
}
.nav-slider .nav-left{
    left: 5px;
}
.nav-slider .nav-left:after{
    content: "";
    position: absolute;
    z-index: 1;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 25px;
    background: #B3B3B3;
}
.home .blocPost{
    padding: 50px;
}
#section3 .blocPost2,
#section3 .blocPost5,
#section3 .blocPost8,
#section3 .blocPost12,
#section3 .blocPost15{
    margin: 0px;
}
/*Section 4*/
#section4{
    /*padding: 190px 0% 68px 0%;*/
    padding: 10.85% 0% 3.85% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#section4 h2{
    color: var(--blanc)!important;
    font-weight: 400!important;
}
#section4 h2{
    color: var(--blanc)!important;
    font-weight: 400!important;
    position: relative;
}
#section4 .btn{
    margin-top: 44px;
}
#section4 .ctnSection4{
    /*padding-left: 127px;*/
    padding-left: 13.35%;
}
#section4 .ctnSection4 h2:before{
    content: "";
    position: absolute;
    z-index: 1;
    left: -35px;
    top: 0%;
    display: block;
    width: 2px;
    height: 100%;
    background: var(--blanc);
}
/*Section 5*/
#section5{
    /*padding: 85px 0% 133px 0%;*/
    padding: 4.5% 0% 7% 0%;
}
#section5 h3{
    margin-bottom: 0px!important;
}
#section5 .titreSection5.en h3{
    margin-bottom: 25px!important;
}
#section5 .titreSection5,
.category .titreSection5{
    padding-bottom: 40px;
}
#section5 .blocPost,
.category .blocPost,
.page .blocPost{
    padding: 50px;
    transition: all .2s;
}
.home .blocPost{
    padding: 0px;
    transition: all .2s;
}
#section5 .blocPost .leContent,
.category .blocPost .leContent,
.page .blocPost .leContent{
    line-height: 1.5rem!important;
    margin-bottom: 25px;
    font-weight: 400;
    color: var(--noir);
}
#section5 .blocPost .thumbnail,
.category .blocPost .thumbnail,
.page .blocPost .thumbnail{
    margin-top: 30px!important;
    text-align: center;
}
#section5 .blocPost .thumbnail img,
.category .blocPost .thumbnail img,
.page .blocPost .thumbnail img{
    width: auto!important;
}
#section3 .blocPost .thumbnail img{
    max-height: 100%!important;
}

#section3 .blocPost .thumbnail{
    margin-top: 0px!important;
}
#section5 .blocPost:hover,
.category .blocPost:hover,
.single .blocPost:hover,
.page .blocPost:hover{
    -webkit-box-shadow: 0px 0px 10px 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%);
}
.home .blocPost:hover{
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}
#section5 .blocPost:hover .post-content, #section5 .blocPost .post-content a:hover{
    color: var(--noir)!important;
}
#section5 .blocPost .post-content .btn a:hover{
    color: var(--blanc)!important;
}
.blocPost2,
.blocPost5,
.blocPost8,
.blocPost12,
.blocPost15{
    /*margin: 0px 80px;*/
    margin: 0px 12.6%;
}
#section5 .blocPost .laDate,
.category .blocPost .laDate,
.single .laDate,
.page .blocPost .laDate{
    font-weight: 700!important;
    color: var(--noir)!important;
    position: relative;
    margin-bottom: 35px!important;
}
#section5 .blocPost .laDate:after,
.category .blocPost .laDate:after,
.single .laDate:after,
.page .blocPost .laDate:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: -15px;
    display: block;
    width: 35px;
    height: 3px;
    background: var(--noir);
    transform: translateY(-50%);
    border-radius: 50px;
}
#section5 .blocPost .laCat,
.category .blocPost .laCat,
.page .blocPost .laCat{
    font-size: 0.9em;
    line-height: 1.125rem;
}
#section5 .blocPost h4,
.category .blocPost h4,
.page .blocPost h4{
    font-weight: 500!important;
}
/*Categories*/
.category .blocPost,
.page .blocPost{
    border: 1px solid var(--lignesGrisePale);
    margin-bottom: 45px!important;
    /*max-height: 606px;*/
}
.home .blocPost{
    border: 0px solid var(--lignesGrisePale);
    margin-bottom: 0px!important;
}
.listingCategory .rowListing{
    padding-bottom: 85px;
}
.listing .sectionTitre{
    margin-top: 70px!important;
}
.category h1,
.nosPublications h1,
.nosPublications h2{
    padding-bottom: 40px!important;
    margin-bottom: 60px!important;
    position: relative;
}
.category h1:after,
.nosPublications h1:after,
.nosPublications h2:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--lignesGrisePale);
}
.nosPublications + .nosPublications{
    padding-top: 0!important;
    margin-top: 0!important;
}
.nosPublications + .content100 {
    padding-top: 0!important;
}
.ctnNotAvailable + .nosPublications{
    padding-top: 2%;
}
/*Singles*/
.entry-content, .entry-summary {
    font-family: var(--font)!important;
}
.entry-content ul, .entry-summary ul{
    padding-left: 25px!important;
}
#comments{
  display: none;
}
.entry-content div, 
.entry-summary div,
.entry-content h2,
.entry-content p,
.entry-content ul{
    margin-left: 0!important;
    margin-right: 0!important;
    max-width: 100%!important;
}
/*.entry-content img {
    width: 100%!important;
}*/
.entry-content{
  
}
.single h1{
    margin-bottom: 0px!important;
}
.msgEN{
    text-align: left;
    color: var(--couleur1)!important;
    font-size: 18px!important;
    margin: 0px 0px 25px 0px;
    padding: 8px;
    border: 2px solid var(--couleur1)!important;
    display: block;
    position: relative;
}
.ctnNotAvailable{
    margin: 35px 0px 15px 0px!important;
}
/*Page Navigation*/
nav.navigation {
    border-top: 0px solid!important;
    margin: 50px 0px 0px 0px!important;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding: 10px 5px 10px 20px!important;
    -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 7%);
}
.pagination .nav-links > *.current, .comments-pagination .nav-links > *.current,
.nosPublications .navigation.pagination .page-numbers.current {
    text-decoration: none!important;
    color: var(--couleur2)!important;
}
.pagination .nav-links > *, .comments-pagination .nav-links > *,
.nosPublications .navigation.pagination .page-numbers{
    font-family: var(--RedHatDisplay)!important;
    font-size: 0.9em!important;
    line-height: 1.5rem!important;
    margin-left: 0px!important;
    margin-right: 15px!important;
}
.navigation .nav-links > *,
.nosPublications .navigation.pagination .page-numbers {
    min-width: auto!important;
    min-height: auto!important;
}
.pagination .nav-links .prev {
    color: #CACACA!important;
    position: relative;
    padding-left: 20px!important;
}
.pagination .nav-links .prev:before {
    content: "\f104";
    position: absolute;
    z-index: 1;
    left: 8px;
    top: 51%;
    transform: translateY(-50%);
    display: block;
    font-size: 15px;
    font-family: "Font Awesome 5 Pro";
}
.pagination .nav-links .next {
    position: relative;
    padding-right: 20px!important;
}
.pagination .nav-links .next:after {
    content: "\f105";
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 51%;
    transform: translateY(-50%);
    display: block;
    font-size: 15px;
    font-family: "Font Awesome 5 Pro";
}
.navigation .current,
.navigation .dots{
    padding: 10px!important;
}
.navigation a{
    color: var(--noir)!important;
    border-radius: 3px!important;
    padding: 10px;
}
.navigation a:hover,
.pagination .nav-links .prev:hover{
    color: var(--blanc)!important;
    background-color: var(--couleur2)!important;
}
/*Page navigation in page*/
.nosPublications .navigation.pagination {
    padding: 20px 0px 20px 10px!important;
}
.nosPublications .navigation.pagination .page-numbers{
    line-height: 1rem!important;
    padding: 10px 12px!important;
}

/*Sidebar*/
.sidebarSingle{
  padding-left: 4%;
}
.ctnSideBar {
  border: 1px solid #ccc;
  padding: 30px;
}
.ctnSideBar .uneCat{
  margin-bottom: 15px;
}
.ctnSideBar .uneCat a{
  font-family: var(--font)!important;
  font-weight: 500!important;
  font-size: 0.8em!important;
  text-decoration: none!important;
  text-transform: uppercase;
  transition: all .2s;
}
.ctnSideBar .uneCat a:hover{
  color: var(--gold);
}
.ctnSideBar h3{
  margin-top: 0!important;
  text-transform: uppercase;
}
.category .entry-content p{
  max-width: var(--responsive--aligndefault-width)!important;
}
.archive .entry-header .entry-title{
  margin-left: 0!important;
}
.archive .entry-footer{
  margin-left: 0px!important;
}
.archive .entry-header{
  margin-top: 0px!important;
}
.archive .sectionctnGauche{
  margin-top: calc(3 * var(--global--spacing-vertical));
}
.archive .page-header{
  margin-top: var(--global--spacing-vertical)!important;
}
.archive .entry-footer.default-max-width{
  display: none;
}
.archive .laDate{
  margin-bottom: 25px;
}
.archive .sectionctnGauche a{
  text-decoration: none;
  transition: all .2s;
}
.archive .sectionctnGauche a:hover{
  color: var(--gold);
}
.archive .sectionctnGauche .more-link{
  text-transform: uppercase;
  display: none;
}
.entry-footer.default-max-width{
  background-color: transparent!important;
  border: 0px!important;
}
/*Infolettre Mailchimp*/
#mc_embed_signup_scroll{
    margin-bottom: 7px!important;
}
#mc_embed_signup_scroll h2{
    padding-left: 0px!important;
    font-size: 1.3em!important;
    line-height: 1.25rem!important;
    font-weight: 600!important;
}
#mc_embed_signup_scroll p{
    font-size: 0.9em!important;
    line-height: 1.313rem!important;
}
#mc_embed_signup_scroll input{
    border: 1px solid var(--noir);
    margin-bottom: 6px!important;
    padding: 0px 20px;
    font-size: 0.8em;
    line-height: 1.813;
    font-family: var(--RedHatDisplay)!important;
    font-weight: 500!important;
    width: 100%;
}
#mc_embed_signup_scroll input::placeholder {
    color: var(--noir)!important;
}
#mc_embed_signup div.mce_inline_error {
    background-color: #FF0000!important;
    font-weight: 400!important;
    padding: 5px 20px!important;
}
#mc_embed_signup #mc-embedded-subscribe{
    color: var(--blanc)!important;
    border: 1px solid var(--couleur2);
    background-color: var(--couleur2)!important;
    box-shadow: inset 0 0 0 0 var(--blanc);
    padding: 10px 22px;
    line-height: 1.25rem;
    font-weight: 700!important;
    display: inline-block;
    width: auto;
    margin-top: 13px;
    -webkit-transition: ease-out 0.6s;
    -moz-transition: ease-out 0.6s;
    transition: ease-out 0.6s;
}
#mc_embed_signup #mc-embedded-subscribe:hover{
    color: var(--couleur2)!important;
    box-shadow: inset 400px 0 0 0 var(--blanc);
}
/*Single*/
.single .chemin{
    font-size: 0.8em!important;
    line-height: 1rem!important;
    color: var(--noir)!important;
    position: relative;
    margin: 70px 0px 40px 0px;
    font-weight: 500;
}
.single .chemin:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: -35px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--lignesGrisePale);
}
.single .ligneChemin{
    margin: 0px 10px;
}
figcaption{
   text-align: left!important;
   font-size: 0.6em!important;
   line-height: 0.938rem!important;
}
.post-thumbnail img{
    height: auto!important;
    margin-top: 45px!important;
    margin-bottom: 45px!important;
}
.post-thumbnail img + figcaption{
    position: relative;
    margin-top: -30px;
    margin-bottom: 20px!important;
}
.post-thumbnail{
    margin: 0px 0px 0px 0px!important;
    position: relative;
}
.wp-caption-text{
    margin-bottom: 70px!important;
}
.post-thumbnail:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: -5px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--lignesGrisePale);
}
.sectionSingle{
    padding: 30px 28px 0px 0px!important;
}
.sectionSingle .laCat,
.sectionSingle .laDate{
  width: 100%;  
}
.single .entry-content p:first-of-type{
    font-size: 1.75em;
    line-height: 2.625rem;
}
.single .entry-content blockquote,
.single .entry-content blockquote + p{
    max-width: 92%!important;
}
.single .entry-content blockquote + p{
    margin-left: 4%!important;
}
.single .entry-content blockquote p{
    font-size: 1.3em!important;
    line-height: 2.125rem!important;
    font-weight: 400!important;
    font-style: italic!important;
}
.single blockquote:before{
    content: ""!important;
}
.single .entry-content a{
    color: var(--couleur2)!important;
   /* border-bottom: 1px solid var(--couleur2)!important;*/
}
.single .entry-content a:hover{
    color: var(--couleur1)!important;
    border-bottom: 1px solid var(--couleur1)!important;
}
.single .entry-content .addtoany_share_save_container a{
    border-bottom: 0px solid var(--couleur1)!important;
}
.sectionDecouvrir{
    /*padding-left: 107px;*/
    padding: 97px 0px 0px 22.5%;
}
.single .sectionDecouvrir .blocPost .titrePost h4{
    font-size: 1em!important;
    line-height: 1.25rem!important;
}
.single .sectionDecouvrir .blocPost2{
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.single .blocPost {
    border: 1px solid var(--lignesGrisePale);
    margin-bottom: 17px!important;
    padding: 50px;
    transition: all .2s;
}
.post-content a:hover{
    color: var(--noir)!important;
}
/*Contenus flexibles*/
.bg_gris{
  background-color: var(--grisPale)!important;
}
.bg_blanc{
  background-color: #fff!important;
}
/*section Text Gauche Img Droite*/
.sectionTextGaucheImgDroite{
    margin: 0px!important;
}
.sectionTextGaucheImgDroite .leTexte{
    padding-right: 2.2%;
}
.espaceHeaderCtn{
    margin: 0px!important;
    padding-bottom: 92px;
}
.sectionTextGaucheImgDroite p a,
.content5050  p a,
.sectionIconeText .textDroit a,
.content5050 li a{
    color: var(--couleur2)!important;
    text-decoration: underline solid 1px!important;
    transition: all .2s!important;
    text-underline-offset: 0px;
}
.sectionTextGaucheImgDroite p a:hover,
.content5050 p a:hover,
.sectionIconeText .textDroit a:hover,
.content5050 li a:hover{
    color: var(--noir)!important;
    border-bottom: 0!important;
}
.textDroit .btn.btnTextBlancFondVert a{
    color: var(--blanc)!important;
    border-bottom: 1px solid var(--couleur2)!important;
    transition: all .4s!important;
    text-decoration: none!important;
}
.textDroit .btn.btnTextBlancFondVert a:hover{
    color: var(--couleur2)!important;
    border-bottom: 1px solid var(--couleur2)!important;
}
.textDroit .btn a{
    text-decoration: none!important;
}
.content5050 + .content5050,
.content5050 + .content100,
.content131313 + .content100{
    padding-top: 0!important;
}
.content5050 + .content100{
    margin-top: 35px!important;
}
.espaceHeaderCtn + .sideMenu + article .sectionTextGaucheImgDroite{
    margin-top: 0px!important;
}
#PublicationsRecentes .colonne_1 {
    width: 100%!important;
    padding-right: 0!important;
}
#PublicationsRecentes .colonne_2 {
    width: 0%!important;
    padding-left: 0!important;
}
#PublicationsRecentes + .nosPublications {
    padding-top: 0!important;
}
/*Section Texte Icone Texte*/
.SectionTextIconeText{
    padding: 35px 1.25%;
    background-color: var(--grisPale);
    margin: 0px 0px 35px 0px!important;
}
.imageCentre{
    text-align: center;
}
.SectionTextIconeText .section2Btn .btn a{
    margin-right: 12%;
}
.SectionTextIconeText .textDroit{
    padding-left: 33px;
    /*padding-left: 1.8%;*/
}
.sectionIconeText .textDroit h4{
    margin-bottom: 15px!important;
}
.SectionTextIconeText .textDroit h2{
    font-weight: 400!important;
}
.SectionTextIconeText .textDroit h2{
    font-weight: 400!important;
}
.SectionTextIconeText .textDroit .vert{
    font-weight: 800!important;
}
/*Content 100*/
.content100{
    /*padding: 60px 0%;*/
    padding: 3.15% 0%;
}
.content100 .content-h5050{
    position: relative;
    width: 100%;
}
.content100 .content-h5050:before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    top: -60px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--lignesGrisePale);
}
#publicationsRecentes.content100 .content-h5050:before{
    top: 50px;
}
#publicationsRecentes.content100 h2{
    margin-bottom: 40px!important;
}
.content100 .PasdeLigne .content-h5050:before{
    display: none;
}
#publicationsRecentes .btn{
    display: inline-block;
    margin-right: 15px;
}
/*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;
  display: inline-block;
}
#tab1 ul li a{
  padding: 14px 0;
  display: inline-block;
  width: 100%;
}
#tab1{
  overflow: hidden;
}
#tab1 ul li{
    list-style-type: none!important;
    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(--couleur2)!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{
    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(--couleur2)!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(--couleur2);
}
.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(--couleur2)!important;
}
.optionsTab1 a.inactive h4,
.optionsTab1 a.inactive i{
    color: #CACACA!important;
}
.MuiContainer-root-398{
    padding: 0!important;
}
/*Animation Tab*/ /*Marche pas encore*/

/*Content 5050*/
.content5050 {
    padding: 65px 0px;
    margin: 0!important;
}
.content5050 .colonne_1{
    /*padding-right: 60px;*/
    padding-right: 5.5%;
}
.content5050 .colonne_2{
    /*padding-left: 40px;*/
    padding-left: 3.15%;
}
.content5050 .titreCtnFlexibles{
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 4%!important;
}
.content5050 .titreCtnFlexibles h1{
    margin-bottom: 35px!important;
}
.content5050 .titreCtnFlexibles h1:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 35px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--lignesGrisePale);
}
.content5050 .titreCtnFlexibles h2:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 35px;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--lignesGrisePale);
}
.h5050-text .lienPDF,
.h5050-text .btn a{
    text-decoration: none!important;
}
.h5050-text .btn.btnTextBlancFondVert a{
    padding: 10px 30px;
    font-size: 18px!important;
}
.h5050-text .lienPDF img{
    margin-right: 12px!important;
}
.h5050-text .btnTextBlancFondNoir.btn a{
    transition: all .6s!important;
    border-bottom: 1px solid var(--noir)!important;
}
.BoxShadow5050Top .titreCtnFlexibles h2:after{
    display: none;
}
.content5050 .titreCtnFlexibles h2{
    margin-bottom: 30px!important;
}
.content5050 .flex-align-top .content-h5050 .blocAligncenter  {
    display: flex!important;
    align-items: center!important;
}
.content5050 .BoxShadow5050Top .titreCtnFlexibles h2 {
    margin-bottom: 0px!important;
}
.content5050 .BoxShadow5050Top .titreCtnFlexibles:after{
    display: none;
}
.content5050 .BoxShadow5050Top .titreCtnFlexibles h1{
    margin-bottom: 20px!important;
}
.content5050 .content-h5050{
    margin-top: 25px!important;
}
.BoxShadow5050{
   /*padding: 80px 65px;*/
    padding: 4.2% 3.4%;
    -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%);
}
.content5050.bgGris,
.content100.bgGris{
    background-color: var(--grisPale)!important;
}
.content5050.bgGris .BoxShadow5050{
    background-color: var(--blanc)!important;
}
.content5050.bgGris + .content5050.bgGris{
    padding-top: 0px!important;
}
.content100.bgGris{
    padding: 35px 0px!important;
}
/*section Image Fond Plus Listing*/
.sectionImageFondPlusListing{
    background-color: #AFBC21;
}
.sectionImageFondPlusListing .bgListing{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 468px 0px 50px 0px;
    margin: 0px!important;
}
.sectionImageFondPlusListing .titreCtnFlexibles h4{
    color: var(--blanc)!important;
    text-transform: uppercase;
    padding-left: 15px!important;
    position: relative;
}
.sectionImageFondPlusListing .titreCtnFlexibles h4:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 50%;
    transform: translateY(50%);
    display: block;
    width: 3px;
    height: 28px;
    background: var(--blanc);
    border-radius: 10px;
}
.sectionImageFondPlusListing .titreCtnFlexibles h2{
   margin: 0px 0px 0px 18px!important; 
   display: inline-block;
}
.sectionImageFondPlusListing .titreCtnFlexibles i{
   font-size: 35px;
   margin-right: 11%;
}
.sectionImageFondPlusListing .titreCtnFlexibles span{
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 15px;
}
.sectionImageFondPlusListing .titreCtnFlexibles .vertForet h2,
.sectionImageFondPlusListing .titreCtnFlexibles .vertForet i,
.vertForet .titreEndroit{
    color: var(--vertForet)!important;
}
.sectionImageFondPlusListing .titreCtnFlexibles .vertPale h2,
.sectionImageFondPlusListing .titreCtnFlexibles .vertPale i{
    color: var(--vertPale)!important;
}
.vertPale .titreEndroit{
    color: #E8F54C!important;
}
.sectionImageFondPlusListing .leListing{
    background-color: #AFBC21;
    padding: 50px 70px;
}
.sectionImageFondPlusListing .oneListing{
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px!important;
}
.sectionImageFondPlusListing .oneListing .iconeListing,
.sectionImageFondPlusListing .oneListing .infoListing{
    display: inline-block;
    position: relative;
}
.sectionImageFondPlusListing .oneListing .iconeListing .numeroListing{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 44%;
    left: 50%;
    z-index: 99;
    font-size: 0.6em!important;
    color: #8C961F!important;
    font-weight: bold;
    line-height: 0.75rem;
}
.sectionImageFondPlusListing .oneListing .iconeListing{
    margin-right: 18px!important;
}
.sectionImageFondPlusListing .oneListing .iconeListing img{
    min-width: 23px;
}
.sectionImageFondPlusListing .oneListing .infoListing .titreEndroit,
.sectionImageFondPlusListing .oneListing .infoListing .endroit{
    display: block;
    font-size: 0.8em!important;
    line-height: 1rem!important;
}
.sectionImageFondPlusListing .oneListing .infoListing .titreEndroit{
    font-weight: 600;
}
.sectionImageFondPlusListing .oneListing .infoListing .endroit{
    color: var(--blanc);
}
.sectionImageFondPlusListing .allListing2{
    /*padding: 0px 70px;*/
    padding: 0px 16% 0% 10%;
}
.sectionImageFondPlusListing .allListing3{
    padding: 0px 40px 0px 70px;
    padding: 0px 10% 0% 16%;
}
.sectionImageFondPlusListing .allListing4{
    padding: 0px 15px 0px 40px;
    padding: 0px 4% 0% 20%;
}
/*listing Membre*/
.leListingMembre{
    margin-top: 45px!important;
}
.leListingMembre .oneListing{
    padding: 20px;
    -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: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.leListingMembre .oneListing .imageListing:after{
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: block;
    width: 115%;
    height: 1px;
    background: var(--lignesGrisePale);
}
.leListingMembre .oneListing .imageListing img{
    max-height: 85px;
}
.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: underline solid var(--noir) 1px!important;
    text-underline-offset: 0px;
    margin-bottom: 5px;
    display: inline-block;
    word-break: break-all;
}
.leListingMembre .oneListing .infoListing a:hover{
    text-decoration: underline solid var(--couleur2) 1px!important;
}
.leListingMembre .allListing .d-1-5{
    padding: 0px 17px 0px 5px;
}
.leListingMembre .btnToggle{
    border: 1px solid var(--lignesGrisePale);
    text-align: center;
    border-bottom: 14px solid var(--blanc)!important;
    cursor: pointer;
    transition: all .2s;
}
.leListingMembre .btnToggle:hover .ctnBtnToggle .iconePlus:after{
    color: #8C961F!important;
    border: 1px solid #8C961F;
}
.leListingMembre .btnToggle:hover .ctnBtnToggle p{
    color: #8C961F!important;
}
.leListingMembre .btnToggle .iconePlus:after {
    content: "+";
    display: inline-block;
    font-size: 80px;
    line-height: 48px;
    border: 1px solid var(--noir);
    border-radius: 50%;
    font-family: var(--Raleway)!important;
    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.vertPale .oneListing{
    border-bottom: 14px solid var(--vertPale)!important;
}
.listingMembre.vertForet .oneListing{
    border-bottom: 14px solid var(--vertForet)!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;
}
.listingMembre:before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0px;
    display: block;
    width: 83%;
    transform: translateX(-50%);
    height: 1px;
    background: var( --lignesGrisePale);
}
#listing1Pub.listingMembre:before{
    display: none;
}
.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( --lignesGrisePale);
}
.img-magnifier-container{
    display: none;
}
/*Section icone + texte*/
.listingMembre + .sectionIconeText{
   margin-top: 45px!important; 
}
.sectionIconeText{
    background-color: var(--grisPale);
    /*padding: 65px 0px;*/
    padding: 3.4% 0px;
    margin-bottom: 0px!important; 
}
.sectionIconeText .imageGauche{
    text-align: center;
}
.sectionIconeText .imageGauche img{
    max-width: 250px!important;    
}
.sectionIconeText .textDroit{
    /*padding: 0px 55px 0px 28px;*/
    padding: 0px 6% 0px 2.9%;
}
.lienSociauxIconeText{
    border: 1px solid var(--grisSociaux)!important;
    padding: 7px 10px!important;
    top: 10px!important;
    position: relative;
}
.lienSociauxIconeText i{
    color: var(--grisSociaux)!important;
    font-size: 24px;
    line-height: 26px;
    transition: all .2s!important;
}
.lienSociauxIconeText:hover i{
    color: var(--gris)!important;
}
.lienSociauxIconeText br {
    display: none!important;
}
.sectionIconeText .textDroit h3,
.h5050-text h3{
    margin-bottom: 10px!important;
}
.content5050 .lienSociauxIconeText,
.content5050 .lienSociauxIconeText:hover,
.sectionIconeText .textDroit .lienSociauxIconeText,
.sectionIconeText .textDroit .lienSociauxIconeText:hover {
    border-bottom: 1px solid var(--grisSociaux)!important;
}
/*Section Slider*/
.sectionSlider{
    margin: 0!important;
    /*padding: 65px 0px 60px 0px;*/
    padding: 3.4% 0px 3.15% 0px;
}
.sectionSlider .sliderCtnFlexible{
    /*padding: 0px 65px;*/
    padding: 0% 3.4%;
}
.sectionSlider .sliderCtnFlexible .blocSlide {
    padding: 60px 150px 75px 220px;
    /*padding: 1.03% 2.5% 1.35% 3.78%;*/
    -webkit-box-shadow: 0px 0px 10px 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%);
    max-height: 373px!important;
}
.sliderCtnFlexible .slick-list {
    padding: 15px 10px;
}
.sliderCtnFlexible .blocSlide {
    margin: 0 30px;
}
.sliderCtnFlexible .blocSlide .ctnSlide blockquote{
    margin-left: 0px!important;
}
.sliderCtnFlexible .blocSlide .ctnSlide blockquote p{
    font-family: var(--RedHatDisplay)!important;
    font-weight: 400!important;
    font-style: italic!important;
    color: var(--noir);
    line-height: 22px!important;
}
.sliderCtnFlexible .blocSlide .titreSlide{
    text-transform: uppercase;
    color: var(--couleur1)!important;
}
.sectionSlider .nav-slider .nav-left {
   border-top: 1px solid #B3B3B3;
   border-left: 1px solid #B3B3B3;
   border-bottom: 1px solid #B3B3B3;
}
.sectionSlider .nav-slider .nav-right {
   border-top: 1px solid #B3B3B3;
   border-right: 1px solid #B3B3B3;
   border-bottom: 1px solid #B3B3B3;
}
.sectionSlider .nav-slider {
    position: absolute;
    right: 83px;
    bottom: 39px;
}
/*Section 14141414*/
.content14141414{
    /*padding: 40px 0px;*/
    padding: 2.1% 0px 5.25% 0px;
}
.content14141414 .blocBlancSection1{
    /*padding: 60px 36px;*/
    padding: 15.1% 9%;
    top: 0px!important;
}
.content14141414 .blocBlancSection1 .icone i,
.content14141414 .blocBlancSection1 i,
.content131313 .the3cols i{
    font-size: 3.9em!important;
    margin-bottom: 25px!important;
}
.content14141414 .blocBlancSection1 p .fal,
.content131313 .the3cols i {
    margin-top: 20px!important;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
.content14141414 .blocBlancSection1 .text{
    text-align: left!important;
}
.content14141414 .blocBlancSection1 .text p{
    line-height: 20px!important;
}
.content14141414 .blocBlanc1{
    margin-right: 30px!important;
}
.content14141414 .blocBlanc2,
.content14141414 .blocBlanc3{
    margin: 0px 30px!important;
}
.content14141414 .blocBlanc4{
    margin-left: 30px!important;
}
.content14141414 ul{
    padding-left: 0px!important;
}
.content14141414 li span.li14{
    /*left: -10px;
    position: relative;*/
}
.content14141414 li{
    list-style-position: inside;
    line-height: 20px;
}
/*Content 131313*/
.content131313{
    /*padding-bottom: 115px;*/
    padding: 3% 0% 6.05% 0%;  
}
.content5050.bgGris + .content131313{
    padding-top: 6.05%;
}
.content131313 .h5050-half .h5050-text.BoxShadow5050Top{
    background-color: var(--blanc);
    color: var(--noir);
    -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%);
    top: 0px;
    position: relative;
    padding: 55px 47px!important;
}
.h5050-text h1{
    margin-bottom: 35px!important;
}
.content131313 .h5050-half.colonne_1 .h5050-half-inner{
    /*padding-right: 40px!important;*/
    padding-right: 7.5%!important;
}
.content131313 .h5050-half.colonne_2 .h5050-half-inner{
    /*padding: 0px 40px!important;*/
    padding: 0% 7.5%!important;
}
.content131313 .h5050-half.colonne_3 .h5050-half-inner{
    /*padding-left: 40px!important;*/
    padding-left: 7.5%!important;
}
.content131313.auto .BoxShadow5050Top{
    height: auto!important;
}
/*Content 1434*/
.content1434 .d-1-4{
    padding-right: 4%;
}
.content1434 .d-3-4{
    padding-left: 4%;
}
/*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(--noir);
    padding: 45px 0% 30px 0px;
    position: relative;
    top: 100px;
    margin-right: 30px;
    margin-right: 3.8%;
}
.sectionTimeline .blocGaucheTimeline p{
    color: var(--blanc)!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: 80%;
   max-width: 310px;
   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(--couleur2);
   font-weight: 600;
   opacity: 0;
   transition: 0.2s ease 0.4s;
}
.timeline .swiper-slide p {
   font-size: 20px!important;
   line-height: 26px!important;

}
.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;
}
.timeline .swiper-pagination-bullet::before {
   content: "";
   position: absolute;
   top: 8px;
   left: 96px;
   width: 10px;
   height: 10px;
   border-radius: 100%;
   background-color: var(--couleur2);
   transform: scale(0);
   transition: 0.2s;
}
.timeline .swiper-pagination-bullet-active {
   color: var(--couleur2);
}
.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: 5%;
       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: 5%;
       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%;
   }
}
.nosPublications{
    padding: 5% 0%;
    margin: 0!important;
}
/*Share facebook*/
.a2a_kit{
   margin: 0px!important; 
}
.single .entry-content .a2a_kit a {
    border-bottom: 0px solid var(--couleur2)!important;
    padding: 5px!important;
    border-left: 1px solid var(--grisSociaux)!important;
    border-top: 1px solid var(--grisSociaux)!important;
    border-bottom: 1px solid var(--grisSociaux)!important;
}
.single .entry-content .a2a_kit a:last-of-type {
    border-right: 1px solid var(--grisSociaux)!important;
}
.single .entry-content .a2a_kit a .a2a_svg {
    background-color: var(--blanc)!important;
    border-radius: 0px!important;
}
.single .entry-content .a2a_kit svg g,
.single .entry-content .a2a_kit svg path {
    fill:  var(--grisSociaux)!important;
}
.single .entry-content .a2a_kit .a2a_dd { /*Faire disparaitre le +*/
    display: none;
}
.single h3{
    margin: 0!important;
    max-width: 100%!important;
}
.blocCampagneTerminee{
    display: block;
    border: 2px solid var(--couleur1)!important;
    width: 100%;
    padding: 8px;
    margin-bottom: 25px;
}
.blocCampagneTerminee p{
    color: var(--couleur1)!important;
    font-size: 18px!important;
    margin-bottom: 0px!important;
}
.laCat + .titrePost{
    margin-top: 15px!important;
}
/*.Campagnes .blocPost{
    max-height: 551px;
}*/
.listingMembre {
    padding-top: 35px!important;
}
/*Ninja form*/
.nf-form-fields-required{
    display: none!important;
}
.submit-wrap input{
  text-decoration: none!important;
  border: 1px solid var(--couleur2)!important;
  display: inline-block;
  padding: 10px 22px!important;
  font-size: 0.9em;
  line-height: 1.25rem;
  font-weight: 700!important;
  color: var(--blanc)!important;
  text-transform: none;
  transition: all 0.2s;
  position: relative;
  z-index: 1;
  font-family: var(--RedHatDisplay)!important;
  margin-bottom: 15px;
  background-color: var(--couleur2)!important;
  cursor: pointer;
  transition: all .4s!important;
}
.submit-wrap input:hover{
  color: var(--couleur2)!important;
  background-color: var(--blanc)!important;
  border: 1px solid var(--couleur2)!important;
}
/*Form toucan*/
.formToucan{
    margin: 0!important;  
    top: -30px;
    position: relative;
}
.formToucan iframe{
    border: none!important;
    width: 100%!important;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    padding: 0 8%;
    /*max-height: 510px!important;*/
    min-height: 700px!important;
}
.formToucan + .content5050{
    padding-top: 25px!important;
}
.image-container{
    display: none;
}
/*Carte Embed*/
.carteEmbed{
    padding-bottom: 50px;
}
.carteEmbed iframe{
   border: 0;
   left: 0;
   top: 0;
   width: 100%;
}
@media screen and (max-width: 1024px) {
    .carteEmbed{
        padding: 0 4%!important;
    }
    .entry-content{
        padding-right: 10%;
    }
}

/*
  ________      .__    .___
 /  _____/______|__| __| _/
/   \  __\_  __ \  |/ __ |
\    \_\  \  | \/  / /_/ |
 \______  /__|  |__\____ |
 \/              \/  */
 /* for bloque id "content_5050" */
 section.content-h5050 {
 	/*@extend %padding-justtop;*/
    width: 100%;
 }
 section.content-h5050 .h5050-container {
 	display: flex;
 	align-items:center;
 	flex-wrap: wrap;
 	justify-content: space-between;
 }
 .flex-align-top section.content-h5050 .h5050-container {
  align-items:flex-start!important;
}
section.content-h5050 .h5050-container .h5050-half {
  /* if you want space between your 2 half, put the 50% to 48% and tada (does not need to be 48%, can be anything) */
  /*width: 50%;*/
}
@media screen and (max-width: 1280px) {
  section.content-h5050 .h5050-container .h5050-half {
     /*width: 100%;*/
 }
}
section.content-h5050 .h5050-container .h5050-half.h5050-topalign {
  align-self: flex-start;
}
section.content-h5050 .h5050-container.blocAligncenter .h5050-half.h5050-aligncenter {
  align-self: center;
}
section.content-h5050 .h5050-container.blocAlignTop .h5050-half.h5050-aligncenter{
    align-self: flex-start!important;
}
.flex-align-top section.content-h5050 .h5050-container .h5050-half.h5050-aligncenter {
  align-self: flex-start;
}
section.content-h5050 .h5050-container .h5050-half.h5050-grid:first-of-type .h5050-half-inner {
  margin-right: 0;
}
@media screen and (max-width: 1280px) {
  section.content-h5050 .h5050-container .h5050-half.h5050-grid:first-of-type .h5050-half-inner {
     margin-right: auto;
 }
}
section.content-h5050 .h5050-container .h5050-half.h5050-grid:last-of-type .h5050-half-inner {
  margin-left: 0;
}
@media screen and (max-width: 1280px) {
  section.content-h5050 .h5050-container .h5050-half.h5050-grid:last-of-type .h5050-half-inner {
     margin-left: auto;
 }
}
section.content-h5050 .h5050-container .h5050-half .h5050-half-inner {
  width: 100%;
}
section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider,
section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-text,
section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-image {
  padding: 0;
  width: 100%;
}
section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider.slick-dotted {
  margin-bottom: 0 !important;
}
section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider .h5050-item .h5050-item-img {
  /* padding top is for image proportions */
  padding-top: 60%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider .slick-dots {
  /* this is for dots up and down */
  /* @extend %slick-dots; */
}
section.content-h5050.inverted .h5050-container {
  direction: rtl;
}
section.content-h5050.inverted .h5050-container .h5050-half {
  direction: ltr;
}
section.content-h5050:not(.inverted) .h5050-container {
  /* this is use full for padding on the inside or ouside but only one side */
}
.covers{
  background-size: cover;
  background-repeat: no-repeat;
}
.pc{
  display: inline-block;
  width: 100%;
  margin-bottom: -6px;
}
.cb{
  clear: both;
}

.b1-show,
.b2-show,
.b3-show,
.b4-show,
.m-show,
.th-show,
.tv-show {
  display: none;
}

.white{
  color: #fff;
}
.black{
  color: #000;
}
.grey{
  color: #58585A;
}

.fs-reset,
.resetFontSize {
  font-size: 1em
}

.fw-100,
.fw-thin {
  font-weight: 100
}

.fw-200,
.fw-ultralight {
  font-weight: 200
}

.fw-300,
.fw-light {
  font-weight: 300
}

.fw-400,
.fw-book,
.fw-regular {
  font-weight: 400
}

.fw-500,
.fw-medium {
  font-weight: 500
}

.fw-600,
.fw-semibold {
  font-weight: 600
}

.fw-700,
.fw-bold {
  font-weight: 700
}

.fw-800,
.fw-extrabold {
  font-weight: 800
}

.fw-900,
.fw-black {
  font-weight: 900
}

.filler{min-height: 1px;}

.uppercase {
  text-transform: uppercase
}

.underline {
  text-decoration: underline
}

.nowrap {
  white-space: nowrap
}

.left {
  text-align: left!important
}

.right {
  text-align: right!important
}

.center {
  text-align: center!important
}

.bg-left {
  background-position: left!important
}

.bg-right {
  background-position: right!important
}

.bg-top {
  background-position: top!important
}

.bg-bottom {
  background-position: bottom!important
}

.bg-center {
  background-position: center!important
}

.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";
}

.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);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin:    0 0;
  -ms-transform-origin:     0 0;
  -o-transform-origin:      0 0;
}

.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%;
}

.vcenter .container-int {
  display: table-cell!important;
  vertical-align: middle;
}





.w-full {
  width: 100%;
}

.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-third {
  width: 33.33%;
}

.col {
  box-sizing: border-box;
  position: relative;
  float: left;
  vertical-align: top;
}

body.debugon .col {
  background: #CF6!important;
  background-clip: content-box!important;
  border: 1px solid #0FF!important;
}

.col-group {
  font-size: 0!important;
  padding-left: 0!important;
  padding-right: 0!important;
}
.d-right{
  text-align: right!important;
}
.d-left{
  text-align: left!important;
}
.d-center{
  text-align: center!important;
}
.d-1-2 {
  width: 50%;
}

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

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

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

.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.66%;
}

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

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

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

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

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

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

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

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

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

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

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

.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.1111%;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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



.d-full {
  width: 100%;
}

.nogutter .col {
  padding: 0 0!important;
}

@media screen and (max-width:1910px) {
  .b1-1-2 {
     width: 50%!important;
 }
 .b1-2-2 {
     width: 100%!important;
 }
 .b1-1-3 {
     width: 33.33%!important;
 }
 .b1-2-3 {
     width: 66.66%!important;
 }
 .b1-3-3 {
     width: 100%!important;
 }
 .b1-1-4 {
     width: 25%!important;
 }
 .b1-2-4 {
     width: 50%!important;
 }
 .b1-3-4 {
     width: 75%!important;
 }
 .b1-4-4 {
     width: 100%!important;
 }
 .b1-1-5 {
     width: 20%!important;
 }
 .b1-2-5 {
     width: 40%!important;
 }
 .b1-3-5 {
     width: 60%!important;
 }
 .b1-4-5 {
     width: 80%!important;
 }
 .b1-5-5 {
     width: 100%!important;
 }
 .b1-1-6 {
     width: 16.66%!important;
 }
 .b1-2-6 {
     width: 33.32%!important;
 }
 .b1-3-6 {
     width: 50%!important;
 }
 .b1-4-6 {
     width: 66.66%!important;
 }
 .b1-5-6 {
     width: 83.32%!important;
 }
 .b1-6-6 {
     width: 100%!important;
 }
 .b1-1-7 {
     width: 14.28%!important;
 }
 .b1-2-7 {
     width: 28.56%!important;
 }
 .b1-3-7 {
     width: 42.84%!important;
 }
 .b1-4-7 {
     width: 57.12%!important;
 }
 .b1-5-7 {
     width: 71.40%!important;
 }
 .b1-6-7 {
     width: 85.68%!important;
 }
 .b1-7-7 {
     width: 100%!important;
 }
 .b1-1-8 {
     width: 12.5%!important;
 }
 .b1-2-8 {
     width: 25%!important;
 }
 .b1-3-8 {
     width: 37.5%!important;
 }
 .b1-4-8 {
     width: 50%!important;
 }
 .b1-5-8 {
     width: 62.5%!important;
 }
 .b1-6-8 {
     width: 75%!important;
 }
 .b1-7-8 {
     width: 87.5%!important;
 }
 .b1-8-8 {
     width: 100%!important;
 }
 .b1-1-9 {
     width: 11.1111%!important;
 }
 .b1-2-9 {
     width: 22.2222%!important;
 }
 .b1-3-9 {
     width: 33.3333%!important;
 }
 .b1-4-9 {
     width: 44.4444%!important;
 }
 .b1-5-9 {
     width: 55.5555%!important;
 }
 .b1-6-9 {
     width: 66.6666%!important;
 }
 .b1-7-9 {
     width: 77.7777%!important;
 }
 .b1-8-9 {
     width: 88.8888%!important;
 }
 .b1-9-9 {
     width: 100%!important;
 }
 .b1-full {
     width: 100%!important;
 }
 .b1-hide {
     display: none!important;
 }
 .b1-show.b {
     display: block
 }
 .b1-show.ib {
     display: inline-block
 }
 .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-1-12 {
     width: 8.33%;
 }

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

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

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

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

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

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

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

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

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

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

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

}

@media screen and (max-width:1680px) {
  .b2-1-2 {
     width: 50%!important;
 }
 .b2-2-2 {
     width: 100%!important;
 }
 .b2-1-3 {
     width: 33.33%!important;
 }
 .b2-2-3 {
     width: 66.66%!important;
 }
 .b2-3-3 {
     width: 100%!important;
 }
 .b2-1-4 {
     width: 25%!important;
 }
 .b2-2-4 {
     width: 50%!important;
 }
 .b2-3-4 {
     width: 75%!important;
 }
 .b2-4-4 {
     width: 100%!important;
 }
 .b2-1-5 {
     width: 20%!important;
 }
 .b2-2-5 {
     width: 40%!important;
 }
 .b2-3-5 {
     width: 60%!important;
 }
 .b2-4-5 {
     width: 80%!important;
 }
 .b2-5-5 {
     width: 100%!important;
 }
 .b2-1-6 {
     width: 16.66%!important;
 }
 .b2-2-6 {
     width: 33.32%!important;
 }
 .b2-3-6 {
     width: 50%!important;
 }
 .b2-4-6 {
     width: 66.66%!important;
 }
 .b2-5-6 {
     width: 83.32%!important;
 }
 .b2-6-6 {
     width: 100%!important;
 }
 .b2-1-7 {
     width: 14.28%!important;
 }
 .b2-2-7 {
     width: 28.56%!important;
 }
 .b2-3-7 {
     width: 42.84%!important;
 }
 .b2-4-7 {
     width: 57.12%!important;
 }
 .b2-5-7 {
     width: 71.40%!important;
 }
 .b2-6-7 {
     width: 85.68%!important;
 }
 .b2-7-7 {
     width: 100%!important;
 }
 .b2-1-8 {
     width: 12.5%!important;
 }
 .b2-2-8 {
     width: 25%!important;
 }
 .b2-3-8 {
     width: 37.5%!important;
 }
 .b2-4-8 {
     width: 50%!important;
 }
 .b2-5-8 {
     width: 62.5%!important;
 }
 .b2-6-8 {
     width: 75%!important;
 }
 .b2-7-8 {
     width: 87.5%!important;
 }
 .b2-8-8 {
     width: 100%!important;
 }
 .b2-1-9 {
     width: 11.1111%!important;
 }
 .b2-2-9 {
     width: 22.2222%!important;
 }
 .b2-3-9 {
     width: 33.3333%!important;
 }
 .b2-4-9 {
     width: 44.4444%!important;
 }
 .b2-5-9 {
     width: 55.555%!important;
 }
 .b2-6-9 {
     width: 66.6666%!important;
 }
 .b2-7-9 {
     width: 77.7777%!important;
 }
 .b2-8-9 {
     width: 88.8888%!important;
 }
 .b2-9-9 {
     width: 100%!important;
 }
 .b2-full {
     width: 100%!important;
 }
 .b2-hide {
     display: none!important;
 }
 .b2-show.b {
     display: block
 }
 .b2-show.ib {
     display: inline-block
 }
 .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-1-12 {
     width: 8.33%;
 }

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:1440px) {
  .b3-1-2 {
     width: 50%!important;
 }
 .b3-2-2 {
     width: 100%!important;
 }
 .b3-1-3 {
     width: 33.33%!important;
 }
 .b3-2-3 {
     width: 66.66%!important;
 }
 .b3-3-3 {
     width: 100%!important;
 }
 .b3-1-4 {
     width: 25%!important;
 }
 .b3-2-4 {
     width: 50%!important;
 }
 .b3-3-4 {
     width: 75%!important;
 }
 .b3-4-4 {
     width: 100%!important;
 }
 .b3-1-5 {
     width: 20%!important;
 }
 .b3-2-5 {
     width: 40%!important;
 }
 .b3-3-5 {
     width: 60%!important;
 }
 .b3-4-5 {
     width: 80%!important;
 }
 .b3-5-5 {
     width: 100%!important;
 }
 .b3-1-6 {
     width: 16.66%!important;
 }
 .b3-2-6 {
     width: 33.32%!important;
 }
 .b3-3-6 {
     width: 50%!important;
 }
 .b3-4-6 {
     width: 66.66%!important;
 }
 .b3-5-6 {
     width: 83.32%!important;
 }
 .b3-6-6 {
     width: 100%!important;
 }
 .b3-1-7 {
     width: 14.28%!important;
 }
 .b3-2-7 {
     width: 28.56%!important;
 }
 .b3-3-7 {
     width: 42.84%!important;
 }
 .b3-4-7 {
     width: 57.12%!important;
 }
 .b3-5-7 {
     width: 71.40%!important;
 }
 .b3-6-7 {
     width: 85.68%!important;
 }
 .b3-7-7 {
     width: 100%!important;
 }
 .b3-1-8 {
     width: 12.5%!important;
 }
 .b3-2-8 {
     width: 25%!important;
 }
 .b3-3-8 {
     width: 37.5%!important;
 }
 .b3-4-8 {
     width: 50%!important;
 }
 .b3-5-8 {
     width: 62.5%!important;
 }
 .b3-6-8 {
     width: 75%!important;
 }
 .b3-7-8 {
     width: 87.5%!important;
 }
 .b3-8-8 {
     width: 100%!important;
 }
 .b3-1-9 {
     width: 11.1111%!important;
 }
 .b3-2-9 {
     width: 33.3333%!important;
 }
 .b3-3-9 {
     width: 33.3333%!important;
 }
 .b3-4-9 {
     width: 44.4444%!important;
 }
 .b3-5-9 {
     width: 55.5555%!important;
 }
 .b3-6-9 {
     width: 66.6666%!important;
 }
 .b3-7-9 {
     width: 77.7777%!important;
 }
 .b3-8-9 {
     width: 88.8888%!important;
 }
 .b3-9-9 {
     width: 100%!important;
 }
 .b3-full {
     width: 100%!important;
 }
 .b3-hide {
     display: none!important;
 }
 .b3-show.b {
     display: block
 }
 .b3-show.ib {
     display: inline-block
 }
 .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-1-12 {
     width: 8.33%;
 }

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:1280px) {
  .b4-1-2 {
     width: 50%!important;
 }
 .b4-2-2 {
     width: 100%!important;
 }
 .b4-1-3 {
     width: 33.33%!important;
 }
 .b4-2-3 {
     width: 66.66%!important;
 }
 .b4-3-3 {
     width: 100%!important;
 }
 .b4-1-4 {
     width: 25%!important;
 }
 .b4-2-4 {
     width: 50%!important;
 }
 .b4-3-4 {
     width: 75%!important;
 }
 .b4-4-4 {
     width: 100%!important;
 }
 .b4-1-5 {
     width: 20%!important;
 }
 .b4-2-5 {
     width: 40%!important;
 }
 .b4-3-5 {
     width: 60%!important;
 }
 .b4-4-5 {
     width: 80%!important;
 }
 .b4-5-5 {
     width: 100%!important;
 }
 .b4-1-6 {
     width: 16.66%!important;
 }
 .b4-2-6 {
     width: 33.32%!important;
 }
 .b4-3-6 {
     width: 50%!important;
 }
 .b4-4-6 {
     width: 66.66%!important;
 }
 .b4-5-6 {
     width: 83.32%!important;
 }
 .b4-6-6 {
     width: 100%!important;
 }
 .b4-1-7 {
     width: 14.28%!important;
 }
 .b4-2-7 {
     width: 28.56%!important;
 }
 .b4-3-7 {
     width: 42.84%!important;
 }
 .b4-4-7 {
     width: 57.12%!important;
 }
 .b4-5-7 {
     width: 71.40%!important;
 }
 .b4-6-7 {
     width: 85.68%!important;
 }
 .b4-7-7 {
     width: 100%!important;
 }
 .b4-1-8 {
     width: 12.5%!important;
 }
 .b4-2-8 {
     width: 25%!important;
 }
 .b4-3-8 {
     width: 37.5%!important;
 }
 .b4-4-8 {
     width: 50%!important;
 }
 .b4-5-8 {
     width: 62.5%!important;
 }
 .b4-6-8 {
     width: 75%!important;
 }
 .b4-7-8 {
     width: 87.5%!important;
 }
 .b4-8-8 {
     width: 100%!important;
 }
 .b4-1-9 {
     width: 11.1111%!important;
 }
 .b4-2-9 {
     width: 33.3333%!important;
 }
 .b4-3-9 {
     width: 33.3333%!important;
 }
 .b4-4-9 {
     width: 44.4444%!important;
 }
 .b4-5-9 {
     width: 55.5555%!important;
 }
 .b4-6-9 {
     width: 66.6666%!important;
 }
 .b4-7-9 {
     width: 77.7777%!important;
 }
 .b4-8-9 {
     width: 88.8888%!important;
 }
 .b4-9-9 {
     width: 100%!important;
 }
 .b4-full {
     width: 100%!important;
 }
 .b4-hide {
     display: none!important;
 }
 .b4-show.b {
     display: block;
 }
 .b4-show.ib {
     display: inline-block;
 }
 .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-1-12 {
     width: 8.33%;
 }

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

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

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

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

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

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

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

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

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

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

 .b4-12-12 {
     width: 100%;
 }
 .b4-cb{
    clear: both;
}
}

@media screen and (max-width:1024px) {
  .th-1-2 {
     width: 50%!important;
 }
 .th-2-2 {
     width: 100%!important;
 }
 .th-1-3 {
     width: 33.33%!important;
 }
 .th-2-3 {
     width: 66.66%!important;
 }
 .th-3-3 {
     width: 100%!important;
 }
 .th-1-4 {
     width: 25%!important;
 }
 .th-2-4 {
     width: 50%!important;
 }
 .th-3-4 {
     width: 75%!important;
 }
 .th-4-4 {
     width: 100%!important;
 }
 .th-1-5 {
     width: 20%!important;
 }
 .th-2-5 {
     width: 40%!important;
 }
 .th-3-5 {
     width: 60%!important;
 }
 .th-4-5 {
     width: 80%!important;
 }
 .th-5-5 {
     width: 100%!important;
 }
 .th-1-6 {
     width: 16.66%!important;
 }
 .th-2-6 {
     width: 33.32%!important;
 }
 .th-3-6 {
     width: 50%!important;
 }
 .th-4-6 {
     width: 66.66%!important;
 }
 .th-5-6 {
     width: 83.32%!important;
 }
 .th-6-6 {
     width: 100%!important;
 }
 .th-1-7 {
     width: 14.28%!important;
 }
 .th-2-7 {
     width: 28.56%!important;
 }
 .th-3-7 {
     width: 42.84%!important;
 }
 .th-4-7 {
     width: 57.12%!important;
 }
 .th-5-7 {
     width: 71.40%!important;
 }
 .th-6-7 {
     width: 85.68%!important;
 }
 .th-7-7 {
     width: 100%!important;
 }
 .th-1-8 {
     width: 12.5%!important;
 }
 .th-2-8 {
     width: 25%!important;
 }
 .th-3-8 {
     width: 37.5%!important;
 }
 .th-4-8 {
     width: 50%!important;
 }
 .th-5-8 {
     width: 62.5%!important;
 }
 .th-6-8 {
     width: 75%!important;
 }
 .th-7-8 {
     width: 87.5%!important;
 }
 .th-8-8 {
     width: 100%!important;
 }
 .th-1-9 {
     width: 11.1111%!important;
 }
 .th-2-9 {
     width: 33.3333%!important;
 }
 .th-3-9 {
     width: 33.3333%!important;
 }
 .th-4-9 {
     width: 44.4444%!important;
 }
 .th-5-9 {
     width: 55.5555%!important;
 }
 .th-6-9 {
     width: 66.6666%!important;
 }
 .th-7-9 {
     width: 77.7777%!important;
 }
 .th-8-9 {
     width: 88.8888%!important;
 }
 .th-9-9 {
     width: 100%!important;
 }
 .th-full {
     width: 100%!important;
 }
 .th-hide {
     display: none!important;
 }
 .th-show.b {
     display: block;
 }
 .th-show.ib {
     display: inline-block!important;
 }
 .th-left {
     text-align: left!important;
 }
 .th-right {
     text-align: right!important;
 }
 .th-center {
     text-align: center!important;
 }
 .th-bg-left {
     background-position: left!important;
 }
 .th-bg-right {
     background-position: right!important;
 }
 .th-bg-top {
     background-position: top!important;
 }
 .th-bg-bottom {
     background-position: bottom!important;
 }
 .th-bg-center {
     background-position: center!important;
 }
 .th-no-mar {
     margin: 0!important;
 }
 .th-1-12 {
     width: 8.33%;
 }

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:768px) {
  .tv-1-2 {
     width: 50%!important;
 }
 .tv-2-2 {
     width: 100%!important;
 }
 .tv-1-3 {
     width: 33.33%!important;
 }
 .tv-2-3 {
     width: 66.66%!important;
 }
 .tv-3-3 {
     width: 100%!important;
 }
 .tv-1-4 {
     width: 25%!important;
 }
 .tv-2-4 {
     width: 50%!important;
 }
 .tv-3-4 {
     width: 75%!important;
 }
 .tv-4-4 {
     width: 100%!important;
 }
 .tv-1-5 {
     width: 20%!important;
 }
 .tv-2-5 {
     width: 40%!important;
 }
 .tv-3-5 {
     width: 60%!important;
 }
 .tv-4-5 {
     width: 80%!important;
 }
 .tv-5-5 {
     width: 100%!important;
 }
 .tv-1-6 {
     width: 16.66%!important;
 }
 .tv-2-6 {
     width: 33.32%!important;
 }
 .tv-3-6 {
     width: 50%!important;
 }
 .tv-4-6 {
     width: 66.66%!important;
 }
 .tv-5-6 {
     width: 83.32%!important;
 }
 .tv-6-6 {
     width: 100%!important;
 }
 .tv-1-7 {
     width: 14.28%!important;
 }
 .tv-2-7 {
     width: 28.56%!important;
 }
 .tv-3-7 {
     width: 42.84%!important;
 }
 .tv-4-7 {
     width: 57.12%!important;
 }
 .tv-5-7 {
     width: 71.40%!important;
 }
 .tv-6-7 {
     width: 85.68%!important;
 }
 .tv-7-7 {
     width: 100%!important;
 }
 .tv-1-8 {
     width: 12.5%!important;
 }
 .tv-2-8 {
     width: 25%!important;
 }
 .tv-3-8 {
     width: 37.5%!important;
 }
 .tv-4-8 {
     width: 50%!important;
 }
 .tv-5-8 {
     width: 62.5%!important;
 }
 .tv-6-8 {
     width: 75%!important;
 }
 .tv-7-8 {
     width: 87.5%!important;
 }
 .tv-8-8 {
     width: 100%!important;
 }
 .tv-1-9 {
     width: 11.1111%!important;
 }
 .tv-2-9 {
     width: 33.3333%!important;
 }
 .tv-3-9 {
     width: 33.3333%!important;
 }
 .tv-4-9 {
     width: 44.4444%!important;
 }
 .tv-5-9 {
     width: 55.5555%!important;
 }
 .tv-6-9 {
     width: 66.6666%!important;
 }
 .tv-7-9 {
     width: 77.7777%!important;
 }
 .tv-8-9 {
     width: 88.8888%!important;
 }
 .tv-9-9 {
     width: 100%!important;
 }
 .tv-full {
     width: 100%!important;
 }
 .tv-hide {
     display: none!important;
 }
 .tv-show.b {
     display: block;
 }
 .tv-show.ib {
     display: inline-block;
 }
 .tv-left {
     text-align: left!important;
 }
 .tv-right {
     text-align: right!important;
 }
 .tv-center {
     text-align: center!important;
 }
 .tv-bg-left {
     background-position: left!important;
 }
 .tv-bg-right {
     background-position: right!important;
 }
 .tv-bg-top {
     background-position: top!important;
 }
 .tv-bg-bottom {
     background-position: bottom!important;
 }
 .tv-bg-center {
     background-position: center!important;
 }
 .tv-no-mar {
     margin: 0!important;
 }
 .tv-1-12 {
     width: 8.33%;
 }

 .tv-2-12 {
     width: 16.66%;
 }

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

 .tv-4-12 {
     width: 33.33%;
 }

 .tv-5-12 {
     width: 41.66%;
 }

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

 .tv-7-12 {
     width: 58.33%;
 }

 .tv-8-12 {
     width: 66.66%;
 }

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

 .tv-10-12 {
     width: 83.33%;
 }

 .tv-11-12 {
     width: 91.66%;
 }

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

@media only screen and (min-width:320px) and (max-width:640px) {
  .m-1-2 {
     width: 50%!important;
 }
 .m-2-2 {
     width: 100%!important;
 }
 .m-1-3 {
     width: 33.33%!important;
 }
 .m-2-3 {
     width: 66.66%!important;
 }
 .m-3-3 {
     width: 100%!important;
 }
 .m-1-4 {
     width: 25%!important;
 }
 .m-2-4 {
     width: 50%!important;
 }
 .m-3-4 {
     width: 75%!important;
 }
 .m-4-4 {
     width: 100%!important;
 }
 .m-1-5 {
     width: 20%!important;
 }
 .m-2-5 {
     width: 40%!important;
 }
 .m-3-5 {
     width: 60%!important;
 }
 .m-4-5 {
     width: 80%!important;
 }
 .m-5-5 {
     width: 100%!important;
 }
 .m-1-6 {
     width: 16.66%!important;
 }
 .m-2-6 {
     width: 33.32%!important;
 }
 .m-3-6 {
     width: 50%!important;
 }
 .m-4-6 {
     width: 66.66%!important;
 }
 .m-5-6 {
     width: 83.32%!important;
 }
 .m-6-6 {
     width: 100%!important;
 }
 .m-1-7 {
     width: 14.28%!important;
 }
 .m-2-7 {
     width: 28.56%!important;
 }
 .m-3-7 {
     width: 42.84%!important;
 }
 .m-4-7 {
     width: 57.12%!important;
 }
 .m-5-7 {
     width: 71.40%!important;
 }
 .m-6-7 {
     width: 85.68%!important;
 }
 .m-7-7 {
     width: 100%!important;
 }
 .m-1-8 {
     width: 12.5%!important;
 }
 .m-2-8 {
     width: 25%!important;
 }
 .m-3-8 {
     width: 37.5%!important;
 }
 .m-4-8 {
     width: 50%!important;
 }
 .m-5-8 {
     width: 62.5%!important;
 }
 .m-6-8 {
     width: 75%!important;
 }
 .m-7-8 {
     width: 87.5%!important;
 }
 .m-8-8 {
     width: 100%!important;
 }
 .m-1-9 {
     width: 11.1111%!important;
 }
 .m-2-9 {
     width: 33.3333%!important;
 }
 .m-3-9 {
     width: 33.3333%!important;
 }
 .m-4-9 {
     width: 44.4444%!important;
 }
 .m-5-9 {
     width: 55.5555%!important;
 }
 .m-6-9 {
     width: 66.6666%!important;
 }
 .m-7-9 {
     width: 77.7777%!important;
 }
 .m-8-9 {
     width: 88.8888%!important;
 }
 .m-9-9 {
     width: 100%!important;
 }
 .m-full {
     width: 100%!important;
 }
 .m-hide {
     display: none!important;
 }
 .m-show.b {
     display: block;
 }
 .m-show.ib {
     display: inline-block;
 }
 .m-left {
     text-align: left!important;
 }
 .m-right {
     text-align: right!important;
 }
 .m-center {
     text-align: center!important;
 }
 .m-bg-left {
     background-position: left!important;
 }
 .m-bg-right {
     background-position: right!important;
 }
 .m-bg-top {
     background-position: top!important;
 }
 .m-bg-bottom {
     background-position: bottom!important;
 }
 .m-bg-center {
     background-position: center!important;
 }
 .m-no-mar {
     margin: 0!important;
 }
 .m-1-12 {
     width: 8.33%;
 }

 .m-2-12 {
     width: 16.66%;
 }

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

 .m-4-12 {
     width: 33.33%;
 }

 .m-5-12 {
     width: 41.66%;
 }

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

 .m-7-12 {
     width: 58.33%;
 }

 .m-8-12 {
     width: 66.66%;
 }

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

 .m-10-12 {
     width: 83.33%;
 }

 .m-11-12 {
     width: 91.66%;
 }

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

 .m-full {
     width: 100%;
 }
}


.flex-ctn,
.flex-container {
   display: flex;
   flex-wrap: wrap; 
   /*padding: 0 2%;*/
}

/* 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 {
   display: flex;
   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%; 
}


 /*   _____             .___.__         ________                             .__
 /     \   ____   __| _/|__|____    \_____  \  __ __   __________________|__| ____   ______
/  \ /  \_/ __ \ / __ | |  \__  \    /  / \  \|  |  \_/ __ \_  __ \_  __ \  |/ __ \ /  ___/
/    Y    \  ___// /_/ | |  |/ __ \_ /   \_/.  \  |  /\  ___/|  | \/|  | \/  \  ___/ \___ \ 
\____|__  /\___  >____ | |__(____  / \_____\ \_/____/  \___  >__|   |__|  |__|\___  >____  >
\/     \/     \/         \/         \__>           \/                     \/     \/*/
@media only screen  and (min-width : 2000px) {
    .formToucan iframe{
        padding: 0 16%;
    }

}
@media only screen  and (max-width : 1840px) {
    #header .btn a,
    #headerCtn .btn a{
        padding: 12px 15px;
        font-size: 0.8em!important;
        line-height: 1.20rem;
    }
}
@media only screen  and (max-width : 1790px) {
    #header .btn a,
    #headerCtn .btn a{
        padding: 12px 15px;
        font-size: 0.8em!important;
        line-height: 1.20rem;
    }
    /*Section 3*/
    .sliderAlaUne .post-content {
        padding: 5% 6.3%;
    }

}
@media only screen  and (max-width : 1680px) {
    body {
        font-size: 1.1em!important;
        line-height: 1.3em!important;
    }
  /*Section 3*/
  .sliderAlaUne .post-content {
      padding: 5% 4.3%;
  }
}
@media only screen  and (max-width : 1600px) {
    /*Section 3*/
    .sliderAlaUne .post-content {
        padding: 4% 2.3%;
    }
}
@media only screen  and (max-width : 1535px) {
    /*HHHEADER*/
    #header .btn a,
    #headerCtn .btn a{
        padding: 12px 15px;
        font-size: 0.8em;
        line-height: 1.20rem;
    }
    /*FFFOOTER*/
    footer .btn a{
        padding: 12px 12px;
        font-size: 0.65em;
        line-height: 1.25rem;
    }
    footer .ctnGaucheFooter .btn i {
        margin-right: 5px;
    }
    footer .leReseau a {
        margin-right: 0px!important;
    }

}
@media only screen  and (max-width : 1440px) {
    body {
        font-size: 1em!important;
        line-height: 1.2em!important;
    }
    h1{
        line-height: 2.5rem;
        font-size: 2.4em;
    }
    h2{
        line-height: 2rem;
    }
    h3 {
        font-size: 1.7em;
        line-height: 1.9rem;
        margin-bottom: 16px!important;
    }
    h4 {
        line-height: 1.325rem;
        margin-bottom: 12px!important;
    }
    p, ol, ul {
        margin-bottom: 16px!important;
    }

    #header .btn a, 
    #headerCtn .btn a {
        padding: 6px 15px;
    }
    .btn a {
        padding: 5px 18px;
    }
    .h5050-text .btn.btnTextBlancFondVert a {
        padding: 10px 50px;
        font-size: 18px!important;
    }
    .h5050-text .btn.btnTextBlancFondVert a:hover {
        box-shadow: inset 430px 0 0 0 var(--blanc);
    }
    /*Menu*/
    .primary-menu-container a {
        font-size: 0.7em!important;
        line-height: 1rem!important;
    }
    .MenuPrincipal {

    }
    /*HHHEADER*/
    .primary-navigation > div > .menu-wrapper {
        padding-right: 9%;
    }
    .primary-navigation .primary-menu-container > ul > .menu-item > a {
        margin: 0 0 0 5px!important;
    }
    .banniere-container .texteBanner .ctnBanniere {
        padding-right: 22%;
    }
    .leReseau {
        margin-left: 0px;
        margin-bottom: 0px!important;
    }
    #header .btn {
        margin-left: 10px!important;
    }
    .headerMenu {
        padding: 13px 0px 20px 0px!important;
    }
    .resauxSociauxHeader {
        top: 59%;
        left: 2.5%;
    }
    .leReseau i {
        color: var(--grisSociaux)!important;
        background-color: transparent;
        line-height: 1.125rem;
        font-size: 0.8em;
        transition: all .2s;
        padding: 6px 12px;
    }
    .banniere-container .filterBanniere{
        min-height: 225px;
    }
    .sideMenu .loption .wpml-ls ul li a .motLang{
        line-height:0; 
        margin-top:2px;
    }
    /*Sidebar*/
    .sideMenu .loption .wpml-ls ul li a {
            padding: 3px 12px 16px 12px!important;
    }
    .sideMenu .loption i {
        font-size: 20px;
        line-height: 22px;
    }
    .sideMenu {
        padding-top: 5px;
    }
    .sideMenu .loption a {;
        padding: 8px;    
    }
    /*FFFOOTER*/
    footer .ctnDroitFooter {
        /*min-height: 305px;*/
        min-height: 325px;
    }
    footer .ctnGaucheInfosFooter{
        padding-right: 25px;
    }
    footer .ctnDroitFooter .blockBlancFooter .btn a i {
        margin-right: 6px;
    }
    footer .btn a {
        padding: 6px 12px;
        font-size: 0.8em!important;
        line-height: 1.25rem;
        margin-bottom: 10px!important;
    }
    footer .ctnDroitFooter .blockBlancFooter h3 {
        margin-bottom: 15px!important;
    }
    footer .ctnDroitFooter .blockBlancFooter {
        padding: 4.5% 12.55%;
        top: -54px;
    }
    .blockBlancFooter .btn:last-of-type a{
        margin-bottom: 0!important;
    }
    .blockBlancFooter .btn i{
        font-size: 1.5em!important;
    }
    footer .ctnDroitFooter .iconeEspaceDonateur {
        margin-bottom: 8px;
    }
    footer .ctnGaucheFooter .btn i {
        margin-right: 8px;
    }
    footer .ctnGaucheFooter .logoFooter {
        margin-top:9%;
        margin-bottom: 50px!important;
    }
    footer .copyrights {
        margin-top: 6px;
    }
    footer .ctnGaucheFooter .infolettreFooter:before{
        content: "";
        position: absolute;
        z-index: 1;
        left: 0%;
        top: 0%;
        display: block;
        width: 1px;
        height: 89%;
        background: var(--gris);
        opacity: .7;
        border-radius: 10px;
    }
    footer .ctnGaucheFooter .infolettreFooter{
        margin-top:38px!important;
    }
    #mc_embed_signup #mc-embedded-subscribe{
        padding: 4px 16px!important;
        margin-top: 10px!important;
    }
    /*Section 1*/
    #section1 .blocBlancSection1 a {
        padding: 15.7% 4%;
    }
    #section1 .blocBlancSection1 i {
        font-size: 4.5em;
        margin-bottom: 16px;
    }
    .icone h4{
        margin-bottom: 16px!important;
    }
    /*Section 2*/
    #section2 .StatSection2 {
        font-size: 4.9em;
        line-height: 5.638rem;
    }
    .imageSection2,
    .imageCentre {
       max-width: 150px!important; 
    }
    .imageCentre{
      position: relative;
    }
    #section2 .section2Btn, .SectionTextIconeText .section2Btn {
        margin-top: 21px!important;
        padding: 30px 0px!important;
    }
    /*Section 3*/
    .sliderAlaUne .programme {
        margin-bottom: 40px;
    }
    .sliderAlaUne .post-content {
        padding: 4.7% 6.3%;
    }
    #section3 {
        padding: 35px 0px;
    }
    .home .blocPost {
        padding:35px 0px 35px 0px;
    }
    #section5 .blocPost .leContent, 
    .category .blocPost .leContent, 
    .page .blocPost .leContent {
        line-height: 1.2rem!important;
        margin-bottom: 15px;
    }
    .sliderAlaUne .learnMore a{
        font-size: 14px!important;
    }
    .sliderAlaUne .post-content{
        max-width: 465px!important;
    }
    .nav-slider {
        position: absolute;
        right: 12px;
        bottom: 29px;
    }
    .home .sliderAlaUne .blocPost{
        padding: 0!important;
    }
    /*Section 4*/
    #section4 {
        background-size: contain;
        padding: 8.85% 0% 3.85% 0%;
    }
    #section4 .ctnSection4 h2:before {
        left: -25px;
    }
    #section4 .btn {
        margin-top: 34px;
    }
    .sliderAlaUne .learnMore {
        margin-top: 10px;
    }
    /*Section 5*/
    #section5 {
        padding: 1.5% 0% 7% 0%;
    }
    #section5 .lesPosts .blocPost {
        max-width: 340px!important;
        padding: 35px!important;
        min-height: 500px!important;
    }
    #section5 .titreSection5, 
    .category .titreSection5 {
        padding-bottom: 30px;
    }
    #section5 .blocPost, 
    .category .blocPost, 
    .page .blocPost {
        padding: 35px;
    }
    #section5 .blocPost .laDate, 
    .category .blocPost .laDate, 
    .single .laDate, 
    .page .blocPost .laDate {
        margin-bottom: 25px!important;
    }
    .post-content .btn a{
        margin-bottom: 0px;  
    }
    .titrePost h4{
        margin-bottom: 10px!important;
    }
    /*Single*/
    .single .blocPost {
        padding: 30px;
    }
    /*Section Timeline*/
    .timeline .swiper-slide-content {
        left: 30%;
    }
    .timeline .swiper-pagination{
        padding-left: 10%;
    }
    .timeline .swiper-button-prev{
        left: 14%;
        top: 8%;
    }
    .timeline .swiper-button-next {
        left: 14%;
        bottom: 8%;
    }
    .timeline .swiper-pagination-bullet {
        font-size: 1em!important;
        margin: 12px 0!important;
    }
    .timeline .swiper-pagination-bullet::before {
        left: 78px;
    }
    .timeline .swiper-slide .timeline-year {
        font-size: 30px;
        line-height: 26px;
    }
    .timeline .swiper-slide p {
        font-size: 16px!important;
        line-height: 20px!important;
    }
    .single .entry-content .a2a_kit a .a2a_svg {
        width: 19px;
        height: 19px;
    }
    .single .entry-content .a2a_kit a {
        padding: 7px!important;
    }
    .single .entry-content p:first-of-type {
        font-size: 1.5em;
        line-height: 1.8rem;
    }
    .single .entry-content blockquote, 
    .single .entry-content blockquote + p {
        max-width: 100%!important;
    }
    .single .entry-content blockquote + p {
        margin-left: 2%!important;
    }
    .single .entry-content blockquote{
        font-size:1.3em!important;
        line-height:1.7rem!important;
        margin-bottom:22px!important;
    }
    /*Section slider*/
    .sectionSlider .sliderCtnFlexible .blocSlide {
        padding: 60px 129px 75px 183px;
        margin: 0px 23px!important;
    }
    .sectionSlider .nav-slider {
        right: 71px;
    }
    /*Section texte + image*/
    .sectionTextGaucheImgDroite .leTexte {
        padding-right: 2.2%;
    }
    .sectionIconeText .imageGauche img {
        max-width: 140px!important;
    }
    /*Section 131313*/
    .content131313 {
        padding: 3% 0% 5% 0%;
    }
    .content131313 .h5050-half .h5050-text.BoxShadow5050Top {
        padding: 40px 36px!important;
    }
    .content14141414 .blocBlancSection1 .icone i, 
    .content14141414 .blocBlancSection1 i,
    .content131313 .the3cols i{
       margin-bottom: 20px!important; 
    }
    .sectionTimeline .title {
        font-size: 30px;
    }
    .titreCtnFlexibles h1{
        margin-bottom: 6%!important;
    }
    .content100 .content-h5050:before {
        top: -30px;
    }
    .BoxShadow5050Top h4{
        margin-bottom: 24px!important;
    }
    .content131313 .BoxShadow5050Top .btn a{
        margin-bottom: 0!important;
        padding: 5px 12px;
    }
    /*Section image + listing*/
    .sectionImageFondPlusListing .bgListing {
        padding: 340px 0px 50px 0px;
    }
    .sectionImageFondPlusListing .oneListing .iconeListing img {
        min-width: 21px;
    }
    .sectionImageFondPlusListing .titreCtnFlexibles i {
        font-size: 25px;
    }
    /*Listing membre*/
    .leListingMembre .oneListing .infoListing .titleBox {
        line-height: 0.9rem!important;
        margin-bottom:8px!important;
    }
    .leListingMembre .oneListing .infoListing .textBox {
        font-size: 0.65em!important;
        line-height: 0.8rem!important;
        margin-bottom: 7px!important;
    }
    .leListingMembre .oneListing .infoListing .textBox p{
        margin-bottom: 8px!important;
    }
    .listingMembre {
        padding-top: 25px!important;
    }
    .leListingMembre .oneListing .imageListing:after {
        width: 123%;
    }
    /*Section slider*/
    .sliderCtnFlexible .blocSlide .ctnSlide blockquote {
        margin: 15px 0px!important;
    }
    .ctnSlide blockquote p{
        font-size: 15px!important;
        line-height: 18px!important;
    }
    .sectionSlider .nav-slider {
        bottom: 33px;
        right: 64px;
    }
    .sectionSlider .sliderCtnFlexible .blocSlide {
        max-height: 320px!important;
    }
    .sliderCtnFlexible .blocSlide .titreSlide{
        margin-bottom:25px;
    }
    .page blockquote:before {
        left: -70px;
        top: -5px!important;
        background-size: 43px 23px;
        width: 43px;
        height: 23px;
    }
    .nav-slider a {
        padding: 16px 22px;
    }
    .sectionTimeline .blocGaucheTimeline {
        padding: 30px 0% 20px 0px;
        left: -50px;
        top: 65px;
    }
    /*Content 100*/
    .content100 {
        padding-bottom: 1.5%!important;
    }
    /*Single*/
    .category h1, .nosPublications h1, .nosPublications h2 {
        padding-bottom: 30px!important;
        margin-bottom: 45px!important;
    }
    .blocPost .ctnPost .btn a{
        font-size: 0.75em;
        line-height: 1.15rem;
    }
    nav.navigation {
        margin: 15px 0px 0px 0px!important;
    }
    .sectionSingle {
        padding: 25px 28px 0px 0px!important;
    }
    .laCat{
        margin-bottom:5px;
    }
    .single .sectionDecouvrir .blocPost .titrePost h4 {
        line-height: 1.1rem!important;
    }
    /*Content 5050*/
    .content5050 {
        padding: 65px 0px 20px 0px;
    }
    .content5050 .titreCtnFlexibles h1 {
        margin-bottom: 21px!important;
    }
    .content5050 .content-h5050 {
        margin-top: 10px!important;
    }
    .lienSociauxIconeText i {
        font-size: 15px;
        line-height: 18px;
    }
    .sectionImageFondPlusListing .titreCtnFlexibles span,
    .sectionImageFondPlusListing .oneListing {
        margin-bottom: 8px!important;
    }
    .sectionImageFondPlusListing .leListing {
        padding: 34px 70px;
    }
    .content5050 .titreCtnFlexibles h2{
        margin-bottom: 30px!important;
    }
    #mc_embed_signup_scroll h2{
        margin-bottom:7px!important;
    }
    #mc_embed_signup_scroll p{
        line-height: 1rem!important;
    }
    #mc_embed_signup_scroll input{
        margin-bottom:4px!important; 
        padding:0px 13px!important; 
        font-size:0.75em!important; 
    }
    /*Section Tab*/
    #tab1 ul li i {
        margin-right: 10px!important;
    }
    #tab1 ul li {
        list-style-type: none!important;
        margin-right: 42px!important;
    }
    /*Section Titre*/
    .listing .sectionTitre {
        margin-top: 35px!important;
    }
    /*Campagnes Permanantes*/
    .CampagnesPermanantes{
        padding-top: 2%!important;    
    }
    
}
@media only screen  and (max-width : 1280px) {
    body {
        font-size: 0.95em!important;
        line-height: 1.2rem!important;
    }
    h1 {
        font-size: 2.5em;
        line-height: 2.838rem;
        margin-bottom: 20px!important;
    }
    /*Menu*/
    .primary-navigation > div > .menu-wrapper {
        padding-right: 4%;
    }
    /*HHHEADER*/
    .resauxSociauxHeader {
        top: 50%;
    }
    .leReseau i {
        line-height: 1.325rem;
        font-size: 1.2em;
    }
    .leReseau {
        margin-left: 8%;
    }
    .banniere-container .flex-align-center{
        align-items: flex-end!important;
    }
    .sideMenu .loption a {
        font-size: 0.6em;
        line-height: 0.663rem;
    }
    /*FFFOOTER*/
    footer .btn a {
        padding: 12px 8px;
        font-size: 0.65em;
        line-height: 1.25rem;
    }
    .leReseau i {
        padding: 6px 11px;
    }
    /*Section 1*/
    #section1 {
        padding: 20px 0px;
    }
    #section1 .blocBlancSection1 {
        top: 0px;
        position: relative;
    }
    /*Seection 2*/
    #section2 .imageSection2, #section2 .btn {
        margin: 0px 4%;
    }
    /*Section 3*/
    .sliderAlaUne .programme {
        margin-bottom: 0px;
    }
    .sliderAlaUne .post-content {
        padding: 3% 2.3%;
    }
    .sliderAlaUne .post-content{
        max-width: 420px!important;
    }
    .nav-slider {
        position: absolute;
        right: 12px;
        bottom: 34px;
    }
    /*Section 5*/
    #section5 .blocPost {
        padding: 25px;
    }
    /*Section slider*/
    .sectionSlider .sliderCtnFlexible .blocSlide {
        padding: 25px 40px 40px 90px;
    }
    .sliderCtnFlexible .blocSlide .ctnSlide blockquote p {
        font-size: 18px!important;
    }
    .sectionSlider .nav-slider {
        right: 68px;
        bottom: 59px;
    }

}
@media screen and (max-width: 1170px) {
    /*HHHEADER*/
    .primary-navigation .primary-menu-container > ul > .menu-item > a {
        padding: 15px 7px!important;
    }
    .primary-menu-container a {
        font-size: 0.8em!important;
        line-height: 1.20rem!important;
    }


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

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

}
@media screen and (max-width: 1041px) {
    /*FFFOOTER*/
    footer .copyrights {
        margin-left: 16.66%;
    }
}
@media screen and (max-width: 1024px) {
    /*HHHEADER*/
    #header, #headerCtn {
        position: fixed;
        width: 100%;
        z-index: 2;
        top: 0px;
        background-color: var(--blanc);
        z-index: 1000000;
        -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);
        -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
        box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);
    }
    #header {
        position: relative;
    }
    #header .headerMenu {
        display: flex!important;
        align-items: center!important;
        padding: 0 4%!important;
    }
    #header .logoHeader .logoCtn{
        display: inline-block;
    }
    #header .logoHeader .logoAcc{
        display: none;
    }
    #header .logoHeader,
    footer .ctnGaucheFooter .logoFooter{
        padding-right: 0%;
        margin: 0px!important;
        max-width: 200px!important;
        padding-bottom: 10px;
    }    
    #header.is-fixed .logoHeader{
        padding-left: 8%;
    }
    #headerCtn .logoHeader {
        margin: 0 auto!important;
        max-width: 500px!important;
        padding: 0px 0px 15px 8%;
    }
    #headerCtn .headerMenu {
        display: flex!important;
    }
    .espaceHeaderCtn {
        padding-bottom: 130px;
    }
    .espaceHeaderCtn + .sideMenu + article .content5050{
        padding-top: 25px!important;
    }
    .banniere-container .texteBanner .ctnBanniere {
        padding-right: 15%;
    }
    .resauxSociauxHeader {
        top: 25%;
    }
    .leReseau {
        display: inline-block;
        margin-bottom: 2px;
        margin-left: 50px;
    }
    .leReseau {
        margin-left: 0px;
    }
    .banniere-container{
        padding: 0% 4%;
    }
    .home h1 {
        margin-bottom: 2.2%;
    }
    .texteBanner{
        margin-bottom: 35px;
    }
    .ctnBanniere{
        margin-top: 12px;
    }
    .flex-ctn, .flex-container {
        display: block;
    }
    .resauxSociauxHeader {
        display: inline-block;
        position: relative;
        top: 0%;
        z-index: 999;
        left: 4%;
        display: none;
    }
    #header .logoHeader{
        padding-top: 15px;
        text-align: left;
    }
    #header .logoHeader img,
    #headerCtn .logoHeader img{
        max-width: 86px!important;
    }
    .headerMenu .btn.btnTextBlancFondJaune{
        padding-right: 25%;
    }
    #header .headerMenu .btn.btnTextBlancFondJaune,
    #headerCtn .headerMenu .btn.btnTextBlancFondJaune{
        text-align: right;
    }
    /*Responsive menu pro*/
    #responsive-menu-pro-container{
        z-index: 99999!important;
        padding-top: 130px!important;
    }
    button#responsive-menu-pro-button{
        z-index: 99999999!important;
    }
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a{
        color: var(--noir)!important;
    }
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:hover, #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:focus{
        color: var(--gris)!important;
    }
    #responsive-menu-pro{
        padding: 0% 4%!important;
    }
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
        font-size: 1.8em!important;
    }
    .responsive-menu-pro-subarrow span{
        font-weight: 500!important;
    }
    .resauxSociauxMobile {
        display: inline-block;
        position: relative;
        margin-top: 35px;
    }
    .resauxSociauxMobile .leReseau{
        display: inline-block;
        margin-right: 10px!important;
    }
    #responsive-menu-pro-container #responsive-menu-pro-search-box, #responsive-menu-pro-container #responsive-menu-pro-additional-content, #responsive-menu-pro-container #responsive-menu-pro-title {
        padding: 15px 9%!important;
    }
    /*FFFOOTER*/
    footer {
        padding: 0px!important;
    }
    footer .ctnGaucheFooter{
        padding: 0px 4%;
        margin-top: 35px;
    }
    footer .ctnDroitFooter{
        padding: 0px!important;
    }
    footer .ctnDroitFooter .blockBlancFooter {
        top: 0px;
    }
    footer .ctnDroitFooter .blockBlancFooter .btn a i {
        margin-right: 5px;
    }
    footer .ctnDroitFooter {
        min-height: auto;
    }
    footer .resauxSociauxFooter {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    footer .btn a {
        font-size: 0.95em;
        line-height: 1.25rem;
        padding: 11px 22px;
    }
    footer .copyrights {
        margin-left: 0%;
        margin-bottom: 10px;
    }
    footer .ctnGaucheInfosFooter{
        padding-right: 0px;
    }    
    footer .ctnDroitFooter .blockBlancFooter .btn a {
        max-width: 251px!important;
    }
    footer .ctnGaucheFooter .logoFooter {
        margin: 0 auto!important;
    }
    /*Infolettre footer*/
    #mc_embed_signup_scroll h2 {
        font-size: 1.5em!important;
        line-height: 1.7rem!important;
    }
    #mc_embed_signup_scroll input {
        font-size: 0.95em!important;
    }
    /*Section 1*/
    #section1 {
        padding: 35px 13% 35px 4%;
    }
    #section1 .blocBlancSection1 {
        margin-bottom: 35px!important;
    }
    #section1 .blocBlancSection1 a {
        padding: 40px 4%;
    }
    #section1 .blocBlanc2Section1 {
        margin: 0px;
    }
    #section1 .blocBlanc1Section1{
        margin-right: 10px!important;
    }
    #section1 .blocBlanc2Section1{
        margin-left: 10px!important;
    }
    /*Section 2*/
    #section2 {
        padding: 3.05% 13% 3.05% 4%;
    }
    #section2 .StatSection2 {
        font-size: 3.9em;
        line-height: 4.638rem;
    }
    #section2 .imageSection2, #section2 .btn {
        padding-left: 0px;
        margin: 0px auto;
        text-align: center;
    }
    #section2 .section2Btn {
        margin-top: 5px!important;
        padding: 20px 0px 35px 0px!important;
    }
    #section2 .btn {
        padding-right: 0%;
    }
    /*Section 3*/
    #section3 {
        padding: 55px 13% 55px 4%;
    }
    #section3 .nav-slider {
        right: 1.3%;
        transform: translateX(0%);
        bottom: 25px;
    }
    .nav-slider a {
        padding: 15px 20px;
    }
    .sliderAlaUne .post-content {
        padding: 4% 3%;
    }
    .sliderAlaUne .post-content {
        max-width: 360px!important;
    }
    .content5050.bgGris + .content131313 {
        padding: 6.05% 4% 0% 4%;
    }
    .sliderAlaUne .nomDuPost {
        margin-bottom: 2%;
    }
    #section3 .ctnGaucheSliderSect3 {
        padding: 0% 3%;
    }
    /*Section 4*/
    #section4 {
        padding: 10.85% 4% 3.85% 34%;
    }
    #section4 .ctnSection4 {
        padding-left: 0;
        padding-right: 11%;
    }
    #section4 {
        background-size: cover;
    }
    /*Section 5*/
    #section5 {
        padding: 4.5% 4% 7% 4%;
    }
    #section5 .blocPost2 {
        margin: 0px;
    }
    #section5 .blocPost {
        padding: 4%;
        margin-bottom: 25px!important;
    }
    #section5 .ctnPost {
        height: auto!important;
    }
    /*Single*/
    .ligneTitre,
    .sectionSingle,
    .sectionDecouvrir{
        padding: 4%!important;
    }
    #section5 .blocPost .thumbnail, 
    .category .blocPost .thumbnail, 
    .page .blocPost .thumbnail{
        text-align: left;
    }
    .single .blocPost3 {
        margin-bottom: 45px!important;
    }
    #listing1Pub.listingMembre .titreListingMembre h1:after{
        display: none!important;
    }
    .listingTab1 div{
        padding-top: 1700px!important;
    }
    .listingTab1 div div{
        padding-top: 0px;
    }
    /*Contenus flexibles*/
    /*section Text Gauche Img Droite*/
    .sectionTextGaucheImgDroite,
    .content100{
        padding: 0% 4%;
    }
    .sectionTextGaucheImgDroite .leTexte{
        padding-right: 0%;
        margin-bottom: 35px;
    }
    /*Content 100*/
    .content100{
        padding: 35px 13% 35px 4%!important;
    }
    .content100.bgGris {
        padding: 35px 13% 35px 4%!important;
    }
    .sectionTextGaucheImgDroite + .content100{
        margin-top: 35px!important;
    }
    .content100{
        padding: 30px 4%;
    }
    .SectionTextIconeText .section2Btn .btn a{
        margin-right: 0%;
    }
    /*Section Texte Icone Texte*/
    .imageCentre{
        text-align: center;
    }
    #section2 .section2Btn, .SectionTextIconeText .section2Btn {
        margin-top: 0px!important;
        padding: 30px 0px!important;
    }
    .SectionTextIconeText .textDroit{
        padding-left: 0%;
    }
    .sectionIconeText .imageGauche {
        margin-bottom: 20px;
    }
    /*section Image Fond Plus Listing*/
    .sectionImageFondPlusListing .leListing{
        display: none!important;
    }
    /*Section14141414*/
    .content14141414 .blocBlanc1,
    .content14141414 .blocBlanc2,
    .content14141414 .blocBlanc3,
    .content14141414 .blocBlanc4{
        margin: 0% 2%!important;
    }
    .content14141414 .blocBlancSection1 {
        padding: 5% 4%;
        height: auto!important;
        margin-bottom: 25px!important;
    }
    /*Listing membre*/
    .leListingMembre .allListing .d-1-5,
    .titreListingMembre,
    .content5050 {
    padding: 0px 4%;
    }
    .leListingMembre .allListing .d-1-5{
        max-height: 360px;
    }
    .leListingMembre .btnToggle .ctnBtnToggle {
        top: 50%;
        left: 50%;
    }
    .leListingMembre .oneListing .imageListing:after {
        width: 105%;
    }
    .leListingMembre {
        margin-top: 25px!important;
    }
    .listingMembre + .sectionIconeText {
        margin-top: 15px!important;
    }
    .leListingMembre .btnToggle {
        padding: 75px!important;
    }
    .leListingMembre .btnToggle .iconePlus:after {
        margin-bottom: 10px;
    }
    .listingMembre h1{
        position: relative;
        margin-bottom: 35px!important;
    }
    .listingMembre h1:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0%;
        bottom: -15px;
        display: block;
        width: 100%;
        height: 1px;
        background: var( --lignesGrisePale);
    }
    .Campagnes .lesPosts,
    .category .lesPosts{
       padding: 0% 4%;
    }
    .Campagnes .lesPosts .blocPost1,
    .category  .lesPosts .blocPost1{
       margin-right: 3%;
    }
    .Campagnes .lesPosts .blocPost2,
    .category .lesPosts .blocPost2{
       margin-left: 3%; 
    }
    /*Section image fond + listing*/
    .sectionImageFondPlusListing .titreCtnFlexibles h4:after,
    .content5050 .titreCtnFlexibles:after,
    .sectionTimeline:after,
    .content5050 .titreCtnFlexibles h2:after,
    footer .ctnGaucheFooter .infolettreFooter:before,
    .content100 .content-h5050:before{
        display: none!important;
    }
    .sectionImageFondPlusListing .titreCtnFlexibles span{
        justify-content: flex-end;
    }
    .sectionImageFondPlusListing .titreCtnFlexibles i {
        margin-right: 0%;
        padding-left: 15px;
    }
    .sectionImageFondPlusListing .bgListing {
        padding: 340px 8% 50px 4%;
    }
    /*Content 5050*/
    .content131313 .h5050-half.colonne_1 .h5050-half-inner,
    .content131313 .h5050-half.colonne_2 .h5050-half-inner,
    .content131313 .h5050-half.colonne_3 .h5050-half-inner {
        padding: 2% 4%!important;
    }
    .content131313 .h5050-container .h5050-half .h5050-half-inner{
        padding: 2% 0%!important;
    }
    .BoxShadow5050 .colonne_1 + .colonne_2 {
        margin-top: 25px;
    }
    .h5050-image img,
    .h5050-text p iframe{
        width: 100%;
    }
    .sectionTimeline + .content5050.bgGris {
        padding-top: 35px;
        margin-top: 35px!important;
    }
    .content5050 .titreCtnFlexibles h1:after {
        bottom: -0px;
    }
    .content5050 .titreCtnFlexibles {
        padding-bottom: 2%!important;
    }
    #martinMunger .colonne_1 {
        width: 45%!important;
        padding-right: 4%;
    }
    #martinMunger .colonne_2{
        width: 55%!important;
        padding-right: 4%;
    }
    .content5050 .colonne_1 {
        padding-right: 0%;
    }
    .content5050 .colonne_2 {
        padding-left: 0%;
    }
    .content5050 .flex-align-top .content-h5050 .blocAligncenter {
        display: inline-block!important;
    }
    .colonne_1 + .colonne_2 {
        /*margin-top: 35px;*/
    }
    /*Content 1434*/
    .content1434 {
        padding: 0% 4%;
    }
    .content1434 .d-1-4{
        padding-right: 0%;
    }
    .content1434 .d-3-4{
        padding-left: 0%;
    }
    /*Section timeline*/
    .sectionTimeline {
        padding-top: 20px;
    }
    .sectionTimeline .title {
        padding-left: 4%;
    }
    .timeline .swiper-slide-content{
        left: 25%;
        width: 50%;
    }
    .timeline .swiper-pagination {
        left: 10% !important;
    }
    .timeline .swiper-button-prev,
    .timeline .swiper-button-next {
        left: 13%;
    }
    .sectionTimeline .blocGaucheTimeline {
        padding: 35px 4% 20px 4%;
        top: 0px;
    }
    .swiper-container,
    .timeline .swiper-slide{
        overflow: hidden!important;
    }
    .timeline{
        padding: 5% 0%;
    }
    .timeline .swiper-button-prev {
        top: 5%;
    }
    .sectionTimeline .blocGaucheTimeline{
        margin-right: 0%;
    }
    .sectionTimeline .blocGaucheTimeline {
        left: 0px;
    }
    .timeline .swiper-slide-content {
        left: auto;
        right: 0;
    }
    .timeline .swiper-button-prev {
        left: 15%;
        right: 8%;
    }
    /*Section 131313*/
    .content131313 .h5050-half .h5050-text.BoxShadow5050Top {
        padding: 3% 6%!important;
    }
    .content131313 .BoxShadow5050Top{
        height: auto!important;
    }
    /*listing publication*/
    .single .blocPost {
        padding: 15px;
    }
    .blocPost2, .blocPost5, .blocPost8, .blocPost12, .blocPost15 {
        margin: 0px!important;
    }
    .single .chemin {
        margin: 30px 0px;
    }
    .single .chemin:after {
        bottom: -15px;
    }
    /*Section donate*/
    .sectionDonate {
        padding: 5.8% 4% 3.15% 4%;
    }
    #tab1 ul li {
        margin-right: 20px!important;
    }
    .optionsTab1 .ui-tabs-nav{
        text-align: left;
    }
    .single .entry-content blockquote, 
    .single .entry-content blockquote + p {
        max-width: 100%!important;
    }
    .imageSection2, 
    .imageCentre {
        max-width: 100%!important;
    }
    .sectionDonate + .content100{
        padding-top: 0!important;
    }
    .h5050-text h3 em .vert{
        display: block;
        margin-bottom: 35px!important;
    }
    .sectionIconeText .textDroit {
        padding: 0px 4%;
    }
    .sectionSlider .nav-slider {
        left: auto;
        right: 0px;
        bottom: 36px;
        transform: translateX(-0%);
    }
    .h5050-text .btn.btnTextBlancFondVert a {
        padding: 10px 32px;
        font-size: 0.9em!important;
    }
    .textListingMembre{
        padding: 0px 4%;
    }

}
@media screen and (max-width: 930px) {
    /*Section 3*/
    .sliderAlaUne .post-module {
        display: block;
    }
    .sliderAlaUne .post-content, .sliderAlaUne .imageSlider{
        width: 100%;
        display: block;
    }
    .sliderAlaUne .post-content {
        padding: 3% 14% 3% 2.3%;
    }
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 768px) {
    h1 {
        line-height: 2.5rem;
    }
    /*HHHEADER*/
    .leReseau {
        margin-left: 12px;
    }
    #header .logoHeader,
    #headerCtn .logoHeader {
        padding-bottom: 15px;
    }
    #header.is-fixed .logoHeader,
    #headerCtn.is-fixed .logoHeader {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /*FFFOOTER*/
    footer .resauxSociauxFooter{
        margin-top: 0px;
    }
    footer .ctnDroitFooter .blockBlancFooter {
        padding: 8% 12.55%;
    }
    footer .ctnGaucheFooter .logoFooter {
        padding-bottom: 22px;
    }
    /*Side menu*/
    .sideMenu{
        max-width: 45px!important;
    }
    .sideMenu .loption a,
    .sideMenu .loption .wpml-ls ul li a {
        padding: 13px 5px;
    }
    .sideMenu .loption i {
        font-size: 22px;
        line-height: 26px;
    }
    .sideMenu .loption a, .sideMenu .loption .wpml-ls ul li a {
        padding: 7px 5px;
    }
    .sideMenu .loption .wpml-ls ul li a .motLang{
        display: none!important;
    }
    .sideMenu .loption .titreSideBar{
        display: none;
    }
    .sideMenu .loption .wpml-ls ul li a {
        padding: 4px 6px 6px 6px!important;
    }
    /*Section 1*/
    #section1 .blocBlanc1Section1{
        margin-right: 0px!important;
    }
    #section1 .blocBlanc2Section1{
        margin-left: 0px!important;
    }
    /*Section 3*/
    #section3 .nav-slider {
        bottom: 0px;
        right: 50%;
        transform: translateX(48%);
    }
    .sliderAlaUne .post-content {
        padding: 4%;
    }
    .sliderAlaUne .learnMore {
        margin-top: 5px;
    }
    .sliderAlaUne .blocPost {
        display: block!important;
    }
    #section3 .ctnGaucheSliderSect3{
        padding: 4% 4% 2% 4%;
    }
    #section3 .ctnGaucheSliderSect3,
    #section3 .imgDroiteSliderSect3 {
        width: 100%;
    }
    /*Section 5*/
    #section5 {
        padding: 10% 13% 7% 4%;
    }
    #section5 .titreSection5 .btn {
        margin-top: 25px;
    }
    .nosPublications{
        padding: 0% 13% 0% 4%;
    }
    /*Section timeline*/
    .timeline .swiper-button-next{
        right: 17%;
        left: auto;
    }
    .timeline .swiper-slide-content {
        left: 0;
        right: 0;
    }
    .timeline .swiper-slide .timeline-year{
        text-align: center;
    }
    .timeline .swiper-container {
        height: 300px;
    }
    .timeline .swiper-button-prev{
         top: 15%;
         left: 17%;
         right: 17%;
    }
    /*Content 5050*/
    .content5050 .titreCtnFlexibles h2:after{
        display: none;
    }
    /*Section slider*/
    .sectionSlider .nav-slider {
        left: auto;
        right: 7.4%;
        bottom: 36px;
        transform: translateX(-0%);
    }
    .listingMembre:before {
        width: 92%;
    }
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
        line-height: 27px!important;
        height: 27px!important;
    }
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
        font-size: 1.2em!important;
    }
    #mc_embed_signup_scroll input {
        font-size: 1.2em!important;
    }
    #mc_embed_signup #mc-embedded-subscribe {
        padding: 10px 22px;
        line-height: 2.25rem;
    }
    /*Section donate*/
    .optionsTab1 a h4{
        font-size: 1em;
        line-height: 1.45rem;
    }
    /*Content 131313*/
    .content131313 .h5050-half .h5050-text.BoxShadow5050Top {
        padding: 3% 8%!important;
    }
    .content5050.bgGris + .content131313 {
        padding: 6.05% 4%;
    }
    .formToucan {
        top: 0px;
    }
    .content131313 {
        padding: 3% 0% 5% 4%;
    }
    .sectionSlider .sliderCtnFlexible .blocSlide {
        max-height: none!important;
        min-height: 400px!important;
    }
    .flex{
        display: flex;
    }
    .flex .lienPDF{
        margin-right: 15px!important;
        min-width: 50px;
    }
    .content5050 .titreCtnFlexibles h2 {
        margin-bottom: 10px!important;
    }
    .content5050 + .content100 {
        margin-top: 25px!important;
    }
    #section4 {
        padding: 10.85% 13% 3.85% 8%;
    }
    
}

@media screen and (max-width: 640px) {
    /*HHHEADER*/
    #header .headerMenu .btn.btnTextBlancFondJaune, #headerCtn .headerMenu .btn.btnTextBlancFondJaune {
        text-align: left;
    }
    button#responsive-menu-pro-button {
        top: 18px!important;
    }
    #header.is-fixed .logoHeader {
        padding-left: 4%;
    }
    /*FFFOOTER*/
    footer .btn a {
        font-size: 0.85em;
        line-height: 1.25rem;
        padding: 10px 10px; 
    }
    /*Contenu flexibles*/
    .sectionTextGaucheImgDroite,
    .content100,
    .content131313,
    .content5050,
    .leListingMembre .allListing .d-1-5,
    .sectionIconeText{
        padding-right: 13%!important;
    }
    .timeline .swiper-container {
        height: 200px;
    }
    .page blockquote:before{
        display: none;
    }
    .sectionSlider .sliderCtnFlexible .blocSlide {
        padding: 15px;
    }
    .sliderCtnFlexible .blocSlide .ctnSlide blockquote p {
        font-size: 15px!important;
        line-height: 18px!important;
    }
    .sectionSlider .nav-slider {
        bottom: 0%;
    }
    .post-thumbnail:after {
        bottom: -40px;
    }
    .content5050 .colonne_1 {
        padding-right: 0%;
    }
    .content5050 .colonne_2 {
        padding-left: 0%;
    }
    .BoxShadow5050 {
        padding: 4.2% 8%;
    }
    .Campagnes .lesPosts .blocPost1,
    .category  .lesPosts .blocPost1{
       margin-right: 03%;
    }
    .Campagnes .lesPosts .blocPost2,
    .category .lesPosts .blocPost2{
       margin-left: 0%; 
    }
    /*Section slider historique*/
    .timeline .swiper-slide-content {
        left: 0%;
        right: auto;
    }
    .timeline .swiper-button-prev {
        left: 15%;
        right: auto;
        top: 22%;
    }
    .timeline .swiper-button-next {
        right: 15%;
        top: 22%;
    }
    /*Section img fond plus lidting*/
    .sectionImageFondPlusListing .titreCtnFlexibles span {
        justify-content: flex-start;
    }
    .sectionImageFondPlusListing .titreCtnFlexibles h4 {
        padding-left: 0px!important;
    }
    .sectionImageFondPlusListing .titreCtnFlexibles h2 {
        margin: 0px!important;
    }
    .titreListingMembre,
    .textListingMembre{
        padding: 0px 11% 0% 5%;
    }
    .listingMembre h1:before {
        bottom: -7px;
    }
    #section2 .StatSection2, .SectionTextIconeText .GrosTexteCtnFlexible {
        font-size: 3.5em;
        line-height: 3.938rem;
    }
    .sectionTimeline .blocGaucheTimeline {
        padding: 35px 13% 20px 4%;
    }
    .leListingMembre .btnToggle .ctnBtnToggle {
        top: 45%;
        left: 47%;
    }
    .sectionIconeText .textDroit {
        padding: 0px;
    }
    .sectionIconeText{
        padding: 8% 11% 15% 6%;
    }
    /*Slider Témoignages*/
    .sectionSlider .sliderCtnFlexible .blocSlide {
        margin: 0px 10px!important;
    }
    .sectionSlider .nav-slider {
        right: 8.4%;
        bottom: 9%!important;
    }
    /*Section icone + texte*/
    #martinMunger .colonne_1,
    #martinMunger .colonne_2 {
        width: 100%!important;
        padding-right: 0%;
    }
    .sectionIconeText .imageGauche {
        text-align: left;
    }
    /*Section listing articles*/
    .nosPublications h2 {
        padding-bottom: 20px!important;
        margin-bottom: 20px!important;
    }
    /*Singles*/
    .post-thumbnail:after{
        display: none;
    }
    .single .entry-content blockquote p {
        font-size: 1em!important;
        line-height: 1.5rem!important;
    }
    .listingTab1 div{
        padding-top: 2100px!important;
    }
    .listingTab1 div div{
        padding-top: 0px;
    }

    /*Img mobile*/ 
    .sectionImageFondPlusListing .img-magnifier-container{
        display: block!important;
        position: relative;
        box-sizing: border-box;
    }
    article .sectionImageFondPlusListing .bgListing{
        background-image: none!important;
    }
    .sectionImageFondPlusListing .bgListing {
        padding: 0px 0% 0px 0%;
    }
    .sectionImageFondPlusListing .flex-container{
        padding: 4% 4% 0%!important;
    }
    .img-magnifier-glass {
      position: absolute;
      border: 3px solid #000;
      border-radius: 50%;
      cursor: none;
      /*Set the size of the magnifier glass:*/
      width: 100px;
      height: 100px;
  }
  .image-container {
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    -ms-grid-columns: 200px 30px auto;
    grid-template-columns: 480px auto;
  }
  .image-container span{
    max-width: 75%!important;
  }
  .zoomImg{
    max-width: none!important;
  }





}


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

}

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

}