/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
*/

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap');

@font-face {
  font-family: 'Agenda-Light';
  src: url('fonts/Agenda-Light.eot?#iefix') format('embedded-opentype'),
  url('fonts/Agenda-Light.woff') format('woff'),
  url('fonts/Agenda-Light.ttf')  format('truetype'),
  url('fonts/Agenda-Light.svg#Agenda-Light') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



/* General */

body{
  font-family: 'Montserrat', sans-serif;
}

.home #page-container{
  padding-top: 0px!important;
  margin-top: 0px!important;
}

.row-width{
  width: 100%!important;
}

.pdfemb-poweredby{
  display: none!important;
}

.none-actu{
  background: #EFEFEF;
  padding: 10px;
  text-align: center;
  color: #333;
  font-family: 'Montserrat',sans-serif;
  font-weight: bold;
  font-size: 20px;
}

/**/

/* Header + menu */

#main-header{
  position: fixed!important;
  height: 80px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
}

.home #main-header{
  background-color: transparent;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.0);
}

#main-header.et-fixed-header{
  background-color: #FFFFFF!important;
}

.container.et_menu_container{
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.container.et_menu_container .logo_container{
  flex-basis: 40%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: row;
  order: 2;
  transition: all 0.3s ease;
}

#main-header .container.et_menu_container .logo_container a{
  position: relative;
}

.home #main-header .container.et_menu_container .logo_container a{
  visibility: hidden;
  opacity: 0;
}

.home #main-header.et-fixed-header .container.et_menu_container .logo_container a{
  visibility: visible;
  opacity: 1;
}

#et-top-navigation{
  flex-basis: 40%;
  order: 1;
}

.menu-sup{
  flex-basis: 40%;
  order: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.menu-sup>a{
  color: #FFFFFF;
  margin-right: 20px;
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
}

.home #main-header .menu-sup>a{
  color: #FFF;
}

#main-header .menu-sup>a{
  color: #444;
}

#main-header.et-fixed-header .menu-sup>a{
  color: #444;
}

#main-header .mobile_menu_bar:before{
  display: none;
}

#main-header .mobile_menu_bar:after{
  content: "Menu";
  font-size: 19px;
}

.home #main-header .mobile_menu_bar:after{
  content: "Menu";
  color: #FFFFFF;
}

#main-header .mobile_menu_bar:after{
  content: "Menu";
  color: #333;
}

#main-header.et-fixed-header .mobile_menu_bar:after{
  color: #333;
}

#main-header .mobile_menu_bar.et_pb_header_toggle{
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.et_slide_in_menu_container{
  background-color: rgba(51, 51, 51, 0)!important;
  left: 0;
  width: 100%!important;
  opacity: 1!important;
  padding-top: 0px!important;
  transition: all 0.5s ease-in-out!important;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container{
  width: 475px;
  background-color: #FFF;
  transform: translateX(-100%)!important;
  transition: 0.5s ease-in-out!important;
}

.et_slide_in_menu_container.et_pb_fullscreen_menu_opened{
  background-color: rgba(51, 51, 51, 0.8)!important;
}

.et_slide_in_menu_container.et_pb_fullscreen_menu_opened .et_pb_fullscreen_nav_container{
  transform: translateX(0)!important;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu{
  left: 30px!important;
  top: 30px!important;
  right: auto!important;
}

.et_slide_in_menu_container #mobile_menu_slide li a,
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a{
  color: #333333;
  opacity: 1!important;
}

.mobile_menu_bar:before{
  color: #333333!important;
  font-size: 50px!important;
}

.et_header_style_fullscreen ul#mobile_menu_slide{
  padding-top: 100px;
  vertical-align: top;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li{
  padding-left: 50px!important;
  padding-right: 25px;
  margin-bottom: 15px;
  transition: all 0.3s ease!important;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li:hover,
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.current-menu-item{
  background-color: #cca175;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li:hover a,
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.current-menu-item a{
  color: #FFFFFF!important;
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li a{
  text-align: left;
  width: 100%;
  display: block;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  position: relative;
}

/**/

/* Selecteur de langue */

.wpml-ls-legacy-dropdown{
  width: 60px;
}

.wpml-ls-legacy-dropdown a{
  border: 0px;
  background-color: transparent;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
  content: "\33";
  color: #FFFFFF;
  font-family: "ETmodules"!important;
  font-weight: 600;
  font-style: normal;
  font-variant: normal;
  border: 0px;
  top: 4px;
  font-size: 21px;
  right: 0;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag{
  display: none;
}

.home .wpml-ls-legacy-dropdown .wpml-ls-item>a:before{
  color: #FFFFFF;
}

.wpml-ls-legacy-dropdown .wpml-ls-item>a:before{
  display: block;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
  font-family: 'Montserrat', sans-serif;
}

.wpml-ls-legacy-dropdown .wpml-ls-item.wpml-ls-item-fr>a:before{
  content: "FR";
  display: block;
}

.wpml-ls-legacy-dropdown .wpml-ls-item.wpml-ls-item-en>a:before{
  content: "EN";
  display: block;
}

.wpml-ls-legacy-dropdown a,
.wpml-ls-legacy-dropdown a,
.wpml-ls-legacy-dropdown .wpml-ls-current-language>a{
  transition: all 0.3s ease;
}

.home .wpml-ls-legacy-dropdown a:hover,
.home .wpml-ls-legacy-dropdown a:focus,
.home .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{
  background: #333;
}

.wpml-ls-legacy-dropdown .wpml-ls-item:hover a.wpml-ls-item-toggle:after{
  content: "\32";
}

.home #main-header .wpml-ls-legacy-dropdown .wpml-ls-item>a:before,
.home #main-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
  color: #FFF;
}

#main-header .wpml-ls-legacy-dropdown .wpml-ls-item>a:before,
#main-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
  color: #333;
}

#main-header.et-fixed-header .wpml-ls-legacy-dropdown .wpml-ls-item>a:before,
#main-header.et-fixed-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
  color: #333;
}

#main-header.et-fixed-header .wpml-ls-legacy-dropdown a:hover,
#main-header.et-fixed-header .wpml-ls-legacy-dropdown a:focus,
#main-header.et-fixed-header .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{
  background: #efefef;
}

/**/

/*HOMEPAGE VITRINE*/

.entete-homepage{
  width: 1330px;
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin: auto;
  padding-top: 40px;
}

.entete-homepage .image-entete{
  text-align: center;
}

.entete-homepage .texte-entete h1{
  color: #FFFFFF;
  font-weight: 300;
  font-size: 75px;
  text-transform: uppercase;
  padding-top: 80px;
  position: relative;
  margin-top: 110px;
  padding-bottom: 120px;
}

.section-page-int{
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px!important;
  padding-bottom: 0px!important;
  width: 1200px;
  max-width: 100%;
  margin: auto;
}

.section-page-int .wp-video{
  margin: auto;
  margin-top: 30px;
}

.section-page-int:last-child{
  padding-bottom: 70px!important;
}

.section-page-int.first{
  padding-top: 70px!important;
}

/* .bloc-text-page-int-color{
  padding: 35px;
  background: rgba(148, 116, 84, 0.10);
} */

.section-page-int h1{
  color: #333333;
  font-weight: 300;
  font-size: 32px;
  line-height: 43px;
  text-transform: uppercase;
  padding-top: 25px;
  position: relative;
  margin-bottom: 50px;
}

.section-page-int h1:before{
  content: " ";
  width: 170px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #333333;
}

.section-page-int h1 span{
  font-size: 50px;
  font-weight: 700;
  display: block;
}

.section-page-int h2{
  color: #333333;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  padding-top: 10px;
  position: relative;
  margin-bottom: 0;
}

.section-page-int p,
.section-page-int ul,
.section-page-int ul a{
  font-size: 17px;
  line-height: 26px;
  font-weight: 300;
  color: #333333;
}

.section-page-int ul a{
  font-weight: bold;
}

.image-content-int-half{
  height: calc(50% - 20px);
  margin-bottom: 40px!important;
  background-color: #CCC;
  position: relative;
}

.image-content-int-half a{
  height: 100%;
  width: 100%;
  display: block;
}

.image-content-int-half img{
  display: none;
}

.image-content-int-half.bloc-70{
  width: 70%;
}

.image-content-int-half:last-child{
  margin-bottom: 0!important;
}

.image-content-int-full{
  height: 100%;
  margin-bottom: 0!important;
  background-color: #CCC;
  position: relative;
}

.image-content-int-full a{
  height: 100%;
  width: 100%;
  display: block;
}

.image-content-int-full img{
  display: none;
}

.image-content-int-full.bloc-80{
  width: 80%;
  margin-left: auto;
  margin-right: 0px;
}

.bloc-with-part-logo-left:before{
  content: url("https://www.tonneliersdefrance.fr/wp-content/uploads/element-gauche.png");
  position: absolute;
  left: -82px;
  top: 15%;
  opacity: 100% !important;
}

.bloc-with-part-logo-left.afterloader:before{
  animation: opacity-logo-page-left 0.7s ease-in 0s both running ;
  animation-delay: 2.5s;
}

.bloc-with-part-logo-right:before{
  content: url("https://www.tonneliersdefrance.fr/wp-content/uploads/element-droite.png");
  position: absolute;
  right: -82px;
  top: -18%;
  opacity: 100% !important;
}

.bloc-with-part-logo-right.afterloader:before{
  animation: opacity-logo-page-right 0.7s ease-in 0s both running ;
  animation-delay: 2.5s;
}


@-webkit-keyframes opacity-logo-page-left {
  0% {
    opacity: 0;
    top: 100%;
  }
  100% {
    opacity: 0.3;
    top: 15%;
  }
}

@-webkit-keyframes opacity-logo-page-right {
  0% {
    opacity: 0;
    top: -100%;
  }
  100% {
    opacity: 0.3;
    top: -18%;
  }
}

.section-page-int .chiffre-cles{
  flex-basis: 100%;
  margin-top: 50px;
}

.section-page-int .chiffre-cles > div{
  flex-basis: 23.5%;
  margin-right: 2%;
  transform: scale(0);
}

.section-page-int .chiffre-cles.afterloader > div{
  animation: scale-chiffres-cles 0.7s ease-in 0s both running ;
}

.section-page-int .chiffre-cles.afterloader > div:first-child{
  animation-delay: 1.5s;
}

.section-page-int .chiffre-cles.afterloader > div:nth-child(2){
  animation-delay: 1.8s;
}

.section-page-int .chiffre-cles.afterloader > div:nth-child(3){
  animation-delay: 2.1s;
}

.section-page-int .chiffre-cles.afterloader > div:nth-child(4){
  animation-delay: 2.4s;
}

.section-page-int .chiffre-cles > div:last-child{
  margin-right: 0;
}

@-webkit-keyframes scale-chiffres-cles {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

/* Lightbox */

#rl-gallery-container-1 .rl-pagination-bottom{
  display: none;
}

.tos-desktop .tos-wrapper.tos-fixed,
.tos-wrapper.tos-fixed{
  background: #FFFFFF!important;
  z-index: 1000000;
}

.tos-caption{
  display: none;
}

.tosrus-lightbox-gallery-1 .tos-caption{
  color: #333;
  text-shadow: none!important;
  display: block;
}

.tos-wrapper.tos-has-thumbnails .tos-caption{
  bottom: 0px!important;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination a{
  width: 100px;
  height: 100px;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination{
  height: 150px;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination a{
  opacity: 0.5;
  transition: all 0.3s ease;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination a.tos-selected{
  opacity: 1!important;
}

.tos-close, .tos-next, .tos-prev{
  background: #947454!important;
}

.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide{
  padding-bottom: 200px!important;
}

/**/

.entete-homepage .texte-entete h1.afterloader{
  -webkit-animation: tracking-in-expand 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: tracking-in-expand 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation-delay: 1s;
}

.entete-homepage .texte-entete h1:before{
  content: " ";
  width: 250px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #FFFFFF;
}

.entete-homepage .texte-entete h1 span{
  font-weight: 700;
}

.entete-homepage .texte-entete p{
  width: 50%;
  max-width: 50%;
  font-size: 23px;
  line-height: 29px;
  color: #FFFFFF;
}

.entete-homepage .texte-entete p.afterloader{
  -webkit-animation: slide-in-elliptic-top-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-elliptic-top-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: 2s;
}

.entete-homepage .texte-entete p.citation{
  font-size: 18px;
  line-height: 23px;
  position: relative;
  padding-top: 20px;
  margin-top: 15px;
}

.entete-homepage .texte-entete p.citation:before{
  content: "”";
  font-size: 250px;
  line-height: 210px;
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
}

.mouse-entete{
  position: absolute!important;
  bottom: 30px;
  width: 100%;
  height: 45px;
}

.mouse{
  position: absolute;
  width: 30px;
  height: 45px;
  border: 2px solid #FFF;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: rgba(255,255,255,0);
}

.mouse span{
  position: absolute;
  width: 4px;
  height: 9px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  top: 9px;
  background-color: #FFF;
  animation: mouse 0.5s ease-in 0s infinite alternate;
}

.mouse:hover{
  background-color: rgba(255,255,255,0.2);
}

.home-notre-histoire{
  display: flex;
  flex-direction: row;
}

.first-image-notre-histoire{
  flex-basis: 60%;
  display: flex;
  align-items: center;
}

.text-notre-histoire{
  flex-basis: 40%;
  background-color: #947454;
  color: #FFFFFF;
  padding: 30px;
  padding-top: 45px;
}

.text-notre-histoire h2{
  color: #FFFFFF;
  font-weight: 300;
  font-size: 32px;
  line-height: 43px;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 0px;
  position: relative;
  margin-bottom: 50px;
}

.text-notre-histoire h2:before{
  content: " ";
  width: 170px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #FFFFFF;
}

.text-notre-histoire h2 span{
  font-size: 50px;
  font-weight: 700;
  display: block;
}

.text-notre-histoire p{
  font-size: 17px;
  line-height: 26px;
  font-weight: 300;
}

.text-notre-histoire p.intro{
  font-size: 19px;
  line-height: 28px;
  font-weight: 600;
}

.module-image-bt-histoire{
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.image-groupe-histoire{
  display: flex;
  flex-direction: column;
}

.image-groupe-histoire div:first-child{
  /*background-color: #FFFFFF;*/
  margin-bottom: 100px;
  padding: 50px;
}

.image-groupe-histoire div:last-child a{
  width: 290px;
  padding-top: 28px;
  padding-bottom: 28px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  display: block;
  border: 2px solid #d4b273;
  color: #d4b273;
  border-radius: 38px;
  background-color: #fcfcfc;
  transition: all 0.3s ease;
  font-size: 19px;
  line-height: 19px;
  font-weight: 600;
  margin-bottom: 60px;
}

.image-groupe-histoire div:last-child a:hover{
  color: #fcfcfc;
  background-color: #d4b273;
}

.link-plaquette a{
  width: 340px;
  padding-top: 28px;
  padding-bottom: 28px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  display: block;
  border: 2px solid #d4b273;
  color: #d4b273;
  border-radius: 38px;
  background-color: #fcfcfc;
  transition: all 0.3s ease;
  font-size: 19px;
  line-height: 19px;
  font-weight: 600;
  margin-bottom: 60px;
}

.link-plaquette a:hover{
  color: #fcfcfc;
  background-color: #d4b273;
}

.content-home-federation{
  width: 570px;
  max-width: 100%;
  padding-right: 25px;
}

.content-home-federation h2{
  color: #FFFFFF;
  font-weight: 300;
  font-size: 32px;
  line-height: 43px;
  text-transform: uppercase;
  padding-top: 25px;
  position: relative;
  margin-bottom: 50px;
}

.content-home-federation h2 span{
  font-size: 50px;
  font-weight: 700;
  display: block;
}

.content-home-federation h2:before {
  content: " ";
  width: 170px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #FFFFFF;
}

.content-page-federation h1{
  color: #FFFFFF;
  font-weight: 300;
  font-size: 32px;
  line-height: 43px;
  text-transform: uppercase;
  padding-top: 25px;
  position: relative;
  margin-bottom: 50px;
}

.content-page-federation h1 span{
  font-size: 50px;
  font-weight: 700;
  display: block;
}

.content-page-federation h1:before {
  content: " ";
  width: 170px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #FFFFFF;
}

.bloc-home-federation{
  display: flex;
}

.text-federation{
  flex-basis: 35%;
  padding-right: 25px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}

.chiffre-cles{
  display: flex;
  flex-wrap: wrap;
  flex-basis: 65%;
  align-content: baseline;
}

.chiffre-cles > div{
  flex-basis: 50%;
  height: 170px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.chiffre-cles > div:before{
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s ease;
}

.chiffre-cles > div:hover:before{
  transform: scale(0.9);
}

.chiffre-cles > div h3{
  color: #FFFFFF;
  font-weight: 600;
  font-size: 36px;
  text-align: center;
  margin-top: 3px;
  padding-bottom: 5px;
  position: relative;
}

.chiffre-cles > div span{
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
}

.chiffre-cles > div:first-child:before{
  background-color: #947454;
}

.chiffre-cles > div:first-child h3:before{
  content: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/03/picto-syndicat.png");
  display: block;
}

.chiffre-cles > div:nth-child(2):before{
  background-color: #a68360;
}

.chiffre-cles > div:nth-child(2) h3:before{
  content: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/03/picto-pro-actifs.png");
  display: block;
}

.chiffre-cles > div:nth-child(3):before{
  background-color: #b9936d;
}

.chiffre-cles > div:nth-child(3) h3:before{
  content: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/03/picto-futs-produits-en-2017.png");
  display: block;
}

.chiffre-cles > div:nth-child(4):before{
  background-color: #caa178;
}

.chiffre-cles > div:nth-child(4) h3:before{
  content: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/03/picto-millions-euros-chiffre-affaires.png");
  display: block;
}

.bt-savoir-plus-fede{
  width: 290px;
  padding-top: 28px;
  padding-bottom: 28px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  display: block;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 38px;
  background-color: transparent;
  transition: all 0.3s ease;
  font-size: 19px;
  line-height: 19px;
  font-weight: 600;
  margin-top: 90px;
  margin-bottom: 20px;
}

.bt-savoir-plus-fede:hover{
  border: 2px solid #d4b273;
  color: #d4b273;
  background-color: #FFFFFF;
}

#actu-home h2{
  color: #333333;
  font-weight: 300;
  font-size: 32px;
  line-height: 43px;
  text-transform: uppercase;
  padding-top: 25px;
  position: relative;
  margin-bottom: 50px;
}

#actu-home h2:before{
  content: " ";
  width: 170px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #333333;
}

#actu-home h2 span{
  font-size: 50px;
  font-weight: 700;
  display: block;
}

.blog-content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.bloc-content-global .blog-content{
  margin-top: 30px;
}

.blog-content a.content-actu{
  flex-basis: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: block;
  position: relative;
  transition: all 0.3s ease;
}

.blog-content a.content-actu:nth-child(3n),
.bloc-content-global a.content-actu:nth-child(3n){
  margin-right: 0;
}

.blog-content a.content-actu:hover .content-infos-actu{
  height: 100%;
}

.blog-content .content-infos-actu{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  padding: 30px;
  background-color: rgba(0,0,0,0.7);
  color: #FFFFFF;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bloc-content-global .blog-content .content-infos-actu{
  padding: 20px;
}

.blog-content .content-infos-actu .date-actu{
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 5px;
  margin-bottom: 5px;
  position: relative;
}

.blog-content .content-infos-actu .date-actu:before{
  content: " ";
  width: 25px;
  height: 2px;
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
}

.blog-content .content-infos-actu .title-actu{
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
}

.bloc-content-global .blog-content .content-infos-actu .title-actu{
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

.blog-content .img-actu{
  width: 100%;
  height: 440px;
  background-color: #d1bfa7;
}

.section-page-int .blog-content .img-actu{
  height: 360px;
}

.bloc-content-global .blog-content .img-actu{
  width: 100%;
  height: 320px;
  background-color: #cca175;
}

.bloc-content-global .blog-content .content-actu-newsletter .img-actu{
  height: 220px;
}

.bloc-content-global .blog-content .content-actu-newsletter .content-infos-actu{
  top: auto;
  bottom: 0;
  height: 25%;
  text-align: center;
}

.bloc-content-global .blog-content .content-actu-newsletter .content-infos-actu .title-actu{
  font-size: 17px;
  line-height: 20px;
}


.blog-content .img-actu > div{
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/03/logo-ftf-home.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: 50% 85%;
}

.blog-content .img-actu img.image-une-normale{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-pagination{
  flex-basis: 100%;
  text-align: center;
  margin-top: 10px;
}

.custom-pagination span{
  padding: 2px;
  background-color: #4f331d;
  border: 2px solid #4f331d;
  color: #fbf8f1;
  margin-left: 2px;
  margin-right: 2px;
  width: 30px;
  display: inline-block;
  font-weight: 800;
}

.custom-pagination a{
  padding: 2px;
  background-color: #fbf8f1;
  border: 2px solid #4f331d;
  color: #4f331d;
  margin-left: 2px;
  margin-right: 2px;
  width: 30px;
  display: inline-block;
  font-weight: 800;
  transition: all 0.3s ease;
}

.custom-pagination a:hover{
  background-color: #4f331d;
  color: #fbf8f1;
}

.bt-actu-all-home {
  width: 290px;
  padding-top: 28px;
  padding-bottom: 28px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  display: block;
  border: 2px solid #d4b273;
  color: #d4b273;
  border-radius: 38px;
  background-color: #fcfcfc;
  transition: all 0.3s ease;
  font-size: 19px;
  line-height: 19px;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 0px;
}

.bt-actu-all-home:hover {
  color: #fcfcfc;
  background-color: #d4b273;
}

#footer-bottom{
  background-color: #262626;
  padding-top: 30px;
  padding-bottom: 25px;
}

#footer-bottom .container{
  width: 1200px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 100%;
  margin: auto;
}

.content-footer{
  display: flex;
  flex-direction: row;
}

.contact-bt-footer{
  width: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: left;
  margin: auto;
  display: block!important;
  color: #FFF!important;
  background-color: #262626;
  transition: all 0.3s ease!important;
  font-size: 15px!important;
  line-height: 15px!important;
  font-weight: 600!important;
  margin-top: 0px;
  margin-bottom: 5px;
  text-decoration: none!important;
  position: relative;
}

.contact-bt-footer:before{
  content: "\e010";
  font-family: "ETmodules"!important;
  font-size: 21px;
  line-height: 10px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.contact-bt-footer:hover{
  text-decoration: underline!important;
}

.content-footer p{
  color: #FFFFFF;
  font-size: 13px;
  line-height: 30px;
  font-weight: 300;
}

.content-footer a{
  color: #FFFFFF;
  font-size: 13px;
  line-height: 30px;
  font-weight: 300;
  transition: all 0.3s ease;
  display: block;
}

.content-footer a:hover{
  text-decoration: underline;
}

.content-footer .logo-footer{
  flex-basis: 20%;
  display: flex;
  align-items: flex-end;
  padding-right: 25px;
}

.content-footer .logo-footer a{
  width: 135px;
  height: 135px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.content-footer .logo-footer a span{
  text-align: center;
}

.content-footer .logo-footer a span img{
  width: 70%;
}

.content-footer .contact-footer{
  flex-basis: 30%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0px;
}

.content-footer .links-footer{
  flex-basis: 30%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0px;
}

.content-footer .copy-footer{
  flex-basis: 20%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0px;
}

.leaflet-popup-content{
  margin: 9px 9px!important;
}

.leaflet-popup-content-wrapper{
  background-color: #fcf0d5!important;
  padding: 2px!important;
  padding-right: 15px!important;
  color: #4f331d!important;
  border-radius: 0px!important;
  border: 4px solid rgb(243, 226, 188)!important;
  box-shadow: 0 3px 14px rgba(243, 226, 188, 0.1)!important;
  font-family: 'Montserrat', sans-serif!important;
}

.leaflet-popup-tip{
  background-color: #f3e2bc!important;
}

.leaflet-container a.leaflet-popup-close-button{
  color: #4f331d!important;
  top: 5px!important;
  right: 5px!important;
}

.leaflet-popup-content-wrapper .title-popup {
  color: #4f331d;
  font-weight: 700;
  padding-bottom: 8px!important;
  display: block;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  transition: all 0.3s ease;
}

.leaflet-popup-content-wrapper .adresse-popup {
  color: #4f331d;
  font-weight: 400;
  padding-bottom: 10px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
}

.leaflet-popup-content-wrapper .adresse-popup:before {
  content: "\e081";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 25px;
  line-height: 25px;
}

.leaflet-popup-content-wrapper .tel-popup{
  color: #4f331d;
  font-weight: 600;
  margin-bottom: 10px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
}

.leaflet-popup-content-wrapper .tel-popup:before{
  content: "\e090";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.leaflet-popup-content-wrapper .fax-popup{
  color: #4f331d;
  font-weight: 600;
  margin-bottom: 8px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
}

.leaflet-popup-content-wrapper .fax-popup:before{
  content: "\e0fa";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.leaflet-popup-content-wrapper .email-popup{
  color: #4f331d!important;
  font-weight: 400;
  margin-bottom: 15px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: underline;
  padding-left: 28px;
}

.leaflet-popup-content-wrapper .email-popup:before{
  content: "\e076";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.leaflet-popup-content-wrapper .site-popup{
  color: #4f331d!important;
  font-weight: 400;
  margin-bottom: 0!important;
  margin-top: 20px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: underline;
  padding-left: 28px;
}

.leaflet-popup-content-wrapper .site-popup:before{
  content: "\e02c";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.leaflet-popup-content-wrapper .email-popup a,
.leaflet-popup-content-wrapper .site-popup a{
  color: #4f331d!important;
}

.moove-gdpr-branding{
  display: none!important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{
  background-color: #cca175!important;
  border: 1px solid #cca175!important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{
  color: #FFFFFF!important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{
  color: #cca175!important;
}

.content-message-copy{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.9);
  top: 0;
  left: 0;
  z-index: 2000000000;
  display: none;
  justify-content: center;
  align-items: center;
}

.message-copy{
  max-width: 95%;
  padding: 25px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  font-family: 'Montserrat', sans-serif;
  color: #333;
  width: 680px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}

.message-copy a{
  display: block;
  margin-top: 15px;
  margin-bottom: 18px;
  color: #4f331d;
  font-weight: bold;
  font-size: 20px;
}

.bt-cancel-copy{
  width: 150px;
  max-width: 100%;
  margin: auto;
  margin-top: 10px;
  padding: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: #fbf8f1;
  border: 2px solid #4f331d;
  color: #4f331d;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  z-index: 2;
  font-size: 12px;
}

.bt-cancel-copy:before {
  content: "\4a";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  margin-right: 5px;
  font-size: 20px;
  line-height: 15px;
}

.bloc-formations-region{
  font-size: 15px;
  line-height: 18px;
  font-weight: 300;
  color: rgb(51, 51, 51)!important;
  display: flex;
  margin-top: 25px;
  text-align: center;
}

.bloc-formations-region .formations-region{
  flex-basis: 31%;
  margin-right: 3%;
  color: rgb(51, 51, 51)!important;
}

.bloc-formations-region .formations-region:last-child{
  margin-right: 0;
}

.region-logo{
  text-align: center;
  display: flex;
  width: 100%;
  height: 120px;
}

.region-logo img{
  display: block;
  width: auto;
  max-height: 100%;
  margin: auto;
}

.region-titre{
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(51, 51, 51);
  text-align: center;
  padding-top: 14px;
  padding-bottom: 10px;
}

.region-text{
  color: rgb(51, 51, 51);
}

.bloc-autre-moyen-contact{
  padding: 0;
  background: #FFF;
  color: #FFF;
  margin-bottom: 50px!important;
}

.bloc-autre-moyen-contact h3{
  color: #333;
  text-align: left;
}

.bloc-autre-moyen-contact a{
  color: #333;
  display: block;
  padding-left: 0;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.bloc-autre-moyen-contact a.tel-contact:before{
  content: "\e090";
  font-family: "ETmodules"!important;
  font-size: 20px;
  line-height: 20px;
  font-weight: lighter;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  margin-right: 15px;
}

.bloc-autre-moyen-contact a.email-contact:before{
  content: "\e076";
  font-family: "ETmodules"!important;
  font-size: 20px;
  line-height: 20px;
  font-weight: lighter;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  margin-right: 15px;
}

@-webkit-keyframes link-section-home {
  0% {
    top: 9px;
  }
  100% {
    top: 12px;
  }
}

@-webkit-keyframes mouse {
  0% {
    top: 9px;
  }
  100% {
    top: 12px;
  }
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
            transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
            transform-origin: 50% 1400px;
    opacity: 1;
  }
}


/**/

/* USER Account*/

.um-account-side .um-account-meta{
  display: none;
}

.um-account-side{
  width: 100%!important;
  margin-bottom: 20px;
  padding: 0!important;
}

.um-account-main{
  padding: 0!important;
}

.um-field-label label{
  color: #777777;
  font-size: 15px;
  font-weight: normal!important;
}

body .um .um-form input[type=text],
body .um .um-form input[type=password]{
  border: 2px solid transparent!important;
  border-bottom: 2px solid #ddd !important;
  padding-left: 0!important;
  transition: all 0.3s ease;
  font-size: 15px !important;
  color: #333333!important;
  font-weight: 600!important;
}

body .um .um-form input[type=text]:focus,
body .um .um-form input[type=password]:focus{
  padding-left: 12px!important;
  border: 2px solid #ddd !important;
  background-color: #f7f7f7;
}

body .um-account-side li{
  width: 49%;
  float: left;
  margin-right: 2%!important;
  background-color: #f9f9f9!important;
  transition: all 0.3s ease;
}

body .um-account-side li:last-child{
  margin-right: 0!important;
}

body .um-account-side li a{
  transition: all 0.3s ease;
}

body .um-account-side li a.current{
  background-color: #ceaa8a!important;
  color: #FFFFFF!important;
}

body .um-account-side li a.current span.um-account-title{
  color: #FFFFFF!important;
}

body .um-account-side li a.current span.um-account-icon{
  border-color: #FFF!important;
}

body .um-account-side li a.current span.um-account-icon{
  color: #FFFFFF!important;
}

body .um-account-side li a.current span.um-account-icon{
  color: #FFFFFF!important;
}

.um-account-main{
  width: 100%!important;
}

.um-form{
  width: 1100px;
  max-width: 100%;
  margin: auto;
}

div.uimob800 .um-account-main{
  max-width: 100%!important;
}

.content-infos-user{
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: auto;
  margin-top: 50px;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}

.content-infos-user:before{
  content: " ";
  background-color: rgba(255,255,255,1);
  position: absolute;
  width: calc(100% - 60px);
  height: 100%;
  display: none;
  transition: all 0.3s ease;
  background-image: url(https://www.tonneliersdefrance.fr/wp-content/uploads/2019/02/loader-save-2.gif);
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.content-infos-user.save:before{
  display: block;
}

.content-infos-user > div.notice-save{
  flex-basis: 100%;
  background: #7ACF58;
  padding: 12px 15px !important;
  color: #fff;
  font-size: 15px;
  margin: 0 0 0 0 !important;
  border-radius: 3px;
  display: none;
  text-align: center;
  font-weight: bold;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.um-account p.um-notice{
  text-align: center;
  font-weight: bold;
}

.content-infos-user > div.bloc{
  flex-basis: 48%;
  margin-right: 4%;
}

.content-infos-user > div.bloc:nth-child(2){
  margin-right: 0;
}

.content-infos-user > div:last-child{
  margin-right: 0;
  flex-basis: auto;
  cursor: pointer;
  padding: 12px;
  margin-top: 20px;
  text-align: center;
  max-width: 100%;
  background: #ceaa8a;
  color: #FFF;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  font-size: 15px;
}

input[type=submit].um-button, input[type=submit].um-button:focus{
  font-weight: bold!important;
  background: #ceaa8a!important;
}

.content-infos-user form{
  display: flex;
  flex-wrap: wrap;
}

.content-infos-user form input,
.content-infos-user form textarea,
.content-infos-user form select{
  width: 100%;
  border: 2px solid #ddd !important;
  height: 40px !important;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 0px!important;
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 15px !important;
  color: #333333;
  font-weight: 600;
}

.content-infos-user form input{
  border: 2px solid transparent!important;
  border-bottom: 2px solid #ddd !important;
  padding-left: 0!important;
  transition: all 0.3s ease;
}

.content-infos-user form input:focus{
  border: 2px solid #ddd !important;
  padding-left: 12px!important;
  background-color: #f7f7f7;
}

.content-infos-user form textarea{
  height: 115px !important;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  resize: none;
  transition: all 0.3s ease;
}

.content-infos-user form textarea:focus{
  background-color: #f7f7f7;
}

.content-infos-user form label{
 padding-bottom: 10px;
}

.content-infos-user form label span{
  display: block;
  color: #777777;
  font-size: 15px;
}

.content-infos-user form label.full{
  flex-basis: 100%;
}

.content-infos-user form label.half,
.content-infos-user form label.half-end{
  flex-basis: 48%;
  margin-right: 4%;
}

.content-infos-user form label.half-end{
  margin-right: 0;
}

.bt-submit-profil{
  flex-basis: 100%;
}

/**/

/* Recherche globale */

.bloc-content-global{
  display: flex;
  flex-direction: column;
  width: 1100px;
  max-width: 100%;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.bloc-content-global.contact{
  display: block;
  width: 1100px;
  max-width: 100%;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.bloc-content-global h1,
.column-connexion h1{
  color: #4f331d;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  font-size: 32px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 35px;
  text-align: center;
  width: 100%;
}

.bloc-content-global h1:after,
.column-connexion h1:after{
  content: " ";
  position: absolute;
  width: 100px;
  height: 2px;
  background-color: #4f331d;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.bloc-content-global h2{
  color: #4f331d;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  font-size: 20px;
}

.bloc-content-global p,
.bloc-content-global ul,
.bloc-content-global ol{
  color: #333;
  font-weight: 400;
  display: block;
  font-size: 15px;
  position: relative;
  transition: all 0.3s ease;
}

.bloc-content-global p a,
.bloc-content-global ul a{
  color: #333;
  font-weight: 800;
  transition: all 0.3s ease;
  text-decoration: underline;
}

.bloc-content-global h2{
  margin-bottom : 15px;
}

.bloc-content-recherche-globale{
  display: flex;
  flex-direction: column;
  width: 1100px;
  max-width: 100%;
  margin: auto;
}

.content-recherche-globale{
  display: flex;
  width: 1100px;
  max-width: 100%;
  margin: auto;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  flex-wrap: wrap;
}

.content-recherche-globale h2{
  flex-basis: 100%;
  margin-top: 30px;
  color: #4f331d;
  font-weight: 700;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  font-size: 20px;
  padding-bottom: 0px;
}

.content-recherche-globale .recherche-global{
  flex-basis: 48.75%;
  margin-right: 2.5%;
  background-color: #EFEFEF;
  padding: 15px;
  margin-bottom: 2.5%;
}

.content-recherche-globale .recherche-global:nth-child(2n){
  margin-right: 0;
}

.content-recherche-globale .recherche-global .type{
  background-color: #909090;
  padding: 5px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
}

/**/

/* Section intranet */

#section-intranet-page{
  padding:0!important;
  margin:0!important;
  width: 100%!important;
  max-width: 100%!important;
}

#section-intranet-page .et_pb_row{
  width: 100%!important;
  max-width: 100%!important;
}

.menu-intranet{
  background-color: #fbf8f1;
  width: 340px!important;
  min-width: 340px!important;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  /*min-height: calc(100vh - 80px);*/
  padding-bottom: 0px;
}

.bloc-content-intranet-menu{
  position: relative;
  display: flex;
  /* top: 80px; */
  width: 340px;
  flex-direction: column;
  height: 100%;
}

.content-search-menu{
  display: flex;
  margin-bottom: 25px;
  position: relative;
}

.content-search-menu input#search-globale,
.content-search-adherent input#search-globale{
  width: 100%;
  border: 0 !important;
  height: 50px !important;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 0px!important;
  font-size: 17px !important;
  color: #FFFFFF;
  font-weight: 600;
  flex-basis: 85%;
  background: #ceaa8a;
}

.content-search-menu input#search-globale::-webkit-input-placeholder,
.content-search-adherent input#search-globale::-webkit-input-placeholder {
  font-size: 15px !important;
  color: #FFFFFF;
}

.content-search-menu .close,
.content-search-adherent .close{
  position: absolute;
  z-index: 10;
  height: 100%;
  right: 20%;
  cursor: pointer;
  display: none;
}

.content-search-menu .close:before,
.content-search-adherent .close:before{
  content: "\4d";
  font-family: "ETmodules"!important;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 18px;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  display: block;
}

.content-search-menu .bt-search-menu,
.content-search-adherent .bt-search-menu{
  flex-basis: 15%;
  position: relative;
  cursor: pointer;
  text-align: center;
  background-color: #4f331d;
}

.content-search-menu .bt-search-menu:before,
.content-search-adherent .bt-search-menu:before{
  content: "\55";
  font-family: "ETmodules"!important;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 20px;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  display: block;
}

#menu-portail-intranet>li{
  padding-left: 0px!important;
  padding-right: 0px!important;
  transition: all 0.3s ease;
  margin-bottom: 5px!important;
  cursor: pointer;
}

#menu-portail-intranet>li>a{
  color: #4f331d;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  display: block;
  font-size: 16px;
  padding-left: 0;
  padding-right: 25px;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  display: block;
}

#menu-portail-intranet>li>a>span{
  position: relative;
  padding-left: 40px;
}

#menu-portail-intranet>li>a>span:before{
  content: " ";
  position: absolute;
  left: 15px;
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
}

#menu-portail-intranet>li.current-menu-item > a,
#menu-portail-intranet>li:hover > a,
#menu-portail-intranet>li.current-menu-parent > a{
  background-color: #4f331d;
}

#menu-portail-intranet>li.current-menu-item > a,
#menu-portail-intranet>li.current-menu-item >a>span:before,
#menu-portail-intranet>li.current-menu-parent > a,
#menu-portail-intranet>li.current-menu-parent >a>span:before,
#menu-portail-intranet>li:hover > a,
#menu-portail-intranet>li:hover > a>span:before{
  color: #fbf8f1;
}

#menu-portail-intranet>li:first-child>a>span:before{
  content: "\e086";
}

#menu-portail-intranet>li:nth-child(2)>a>span:before,
#menu-portail-intranet>li:nth-child(3)>a>span:before{
  content: "\e05b";
}

#menu-portail-intranet>li:nth-child(3)>a:after {
  content: " ";
  position: absolute;
  right: 25px;
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
}

#menu-portail-intranet>li:nth-child(3)>a:after {
  content: "\4c";
}

#menu-portail-intranet>li:nth-child(3)>a.open:after {
  content: "\4b";
}

#menu-portail-intranet>li:nth-child(3).current-menu-item >a:after,
#menu-portail-intranet>li:nth-child(3).current-menu-parent >a:after,
#menu-portail-intranet>li:nth-child(3):hover > a:after{
  color: #fbf8f1;
}

#menu-portail-intranet>li:nth-child(4)>a>span:before{
  content: "\e087";
}

#menu-portail-intranet>li:nth-child(5)>a>span:before{
  content: "\e059";
}

#menu-portail-intranet>li:nth-child(6)>a>span:before{
  content: "\e082";
}

#menu-portail-intranet>li:nth-child(7)>a>span:before{
  content: "\e076";
}

.parent-submenu-intranet .sub-menu{
  padding-top: 10px!important;
  padding-bottom: 0!important;
  padding-left: 25px!important;
  display: none;
}

.parent-submenu-intranet.et-touch-hover.et-show-dropdown .sub-menu{
  display: block;
}

.parent-submenu-intranet .sub-menu li a{
  color: #4f331d;
  padding-top: 6px!important;
  padding-bottom: 6px!important;
  display: block;
  font-size: 15px;
  padding-left: 25px;
  padding-right: 6px;
  position: relative;
  transition: all 0.3s ease;
  margin-right: 30px;
  margin-bottom: 7px;
  font-weight: 600;
}

#menu-portail-intranet li .sub-menu li.current-menu-item > a,
#menu-portail-intranet li .sub-menu li:hover > a,
.parent-submenu-intranet.et-touch-hover.et-show-dropdown li:hover > a{
  background-color: #4f331d;
  color: #fbf8f1;
}

.link-suivant-home{
  width: 100%;
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: rgba(255,255,255,0.8);
}

.link-suivant-home.actu-link{
  position: absolute;
  margin-top: -55px;
  padding: 10px;
  padding-bottom: 15px;
  background: rgba(255,255,255,0.9);
}

.link-suivant-home span{
  display: block;
  width: 50px;
  height: 30px;
  margin: auto;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

.link-suivant-home span:before {
  content: "\33";
  font-family: "ETmodules"!important;
  font-size: 80px;
  line-height: 10px;
  font-weight: lighter;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  animation: link-section-home 0.5s ease-in 0s infinite alternate;
}

.single #main-content .container,
.error404 #main-content .container{
  width: 1440px!important;
  max-width: 100%!important;
  padding-left: 40px!important;
  padding-right: 35px!important;
  padding-top: 40px!important;
}

.error404 #main-content .container{
  padding-top: 140px!important;
  padding-bottom: 140px!important;
}

.single #sidebar,
.error404 #sidebar {
  display:none;
}

.error404 #main-content .container h1 {
  color: #333333;
  font-weight: 300;
  font-size: 50px;
  font-weight: 700;
  line-height: 43px;
  text-transform: uppercase;
  padding-top: 25px;
  position: relative;
  margin-bottom: 20px;
}

.error404 #left-area {
  width: 100%;
  padding: 23px 0px 0px !important;
  float: none !important;
}

.error404 #main-content .container h1 span {
  font-size: 50px;
  font-weight: 700;
  display: block;
}

.error404 #main-content .container h1:before {
  content: " ";
  width: 170px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #333333;
}

.error404 #main-content .container p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  color: #333333;
}

.single .single-link-pdf{
  display: none;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  border: 2px solid #d4b273;
  color: #FFFFFF;
  border-radius: 38px;
  background-color: #d4b273;
  transition: all 0.3s ease;
  font-size: 19px;
  line-height: 19px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0px;
}

.single .wonderplugin-pdf-iframe{
  display: block;
}

.prev-next-post-single{
  display: flex;
  width: 900px;
  max-width: 100%;
  flex-direction: row;
  justify-content: center;
  margin: auto;
  margin-top: 50px;
}

.prev-next-post-single a{
  flex-basis: 50%;
  display: flex;
  justify-content: center;
}

.prev-next-post-single a>span{
  width: 200px;
  padding-top: 12px;
  padding-bottom: 15px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  display: block;
  border: 2px solid #d4b273;
  color: #d4b273;
  border-radius: 38px;
  background-color: #fcfcfc;
  transition: all 0.3s ease;
  font-size: 19px;
  line-height: 19px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 800;
}

.prev-next-post-single a>span span{
  display: block;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}

.prev-next-post-single a:hover>span{
  color: #fcfcfc;
  background-color: #d4b273;
}

.single #main-content{
  padding-bottom: 40px;
}

.single h1 {
  color: #333333;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
  padding-top: 25px;
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 0px;
}

.single h1:before {
  content: " ";
  width: 170px;
  height: 2px;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  background-color: #333333;
}

.single h2{
  margin-top: 10px;
  color: #6d6d6d;
  font-weight: 400;
  font-size: 29px;
  line-height: 36px;
}

.single .date-actu-single {
  color: #333333;
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  padding-top: 0px;
  position: relative;
  margin-bottom: 10px;
}

@media (min-width: 981px){

  .content-page-intranet{
    width: calc(75% + 340px)!important;
    max-width: calc(100% - 340px)!important;
  }

  #main-content .container:before {
    background: none;
  }

  .single #left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
  }

}

.et_pb_widget_area_left{
  border: 0px;
}

.header-menu-portail{
  max-width: 100%;
  width: 100%;
  display: flex;
}

.logo-portail{
  display: flex;
  height: 100%;
  align-items: center;
  flex-basis: 60%;
}

.logo-portail > div:first-child{
  padding-right: 15px;
}

.logo-portail > div:last-child{
  font-family: 'Agenda-Light';
  font-size: 18px;
  line-height: 19px;
  text-transform: uppercase;
  color: #3d3c3f;
  font-weight: bold;
}

.logo-portail > div:last-child a{
  color: #3d3c3f;
}

.profil-portail{
  flex-basis: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.profil-portail > div.profil{
  padding-left: 55px;
  padding-right: 30px;
  position: relative;
  height: 103%;
  display: flex;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  line-height: 18px;
  color: #3d3c3f;
  font-weight: bold;
  flex-direction: column;
}

.profil-portail > div.profil:after{
  content: "\33";
  font-family: "ETmodules"!important;
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #ceaa8a;
  position: absolute;
  right: 0;
}

.profil-portail > div.profil:before{
  content: "\e08a";
  font-family: "ETmodules"!important;
  display: block;
  font-size: 22px;
  line-height: 39px;
  font-weight: 700;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  background-color: #ceaa8a;
}

.profil-portail > div.profil span.nomT{
  font-size: 13px;
  line-height: 16px;
  color: #3d3c3f;
  font-weight: 300;
  font-style: italic;
  display: block;
}

.submenu-compte{
  position: absolute;
  box-shadow: 0px 3px 10px rgba(0,0,0,0.05);
  padding: 8px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #FFFFFF;
  min-width: 280px;
  width: 100%;
  right: 0;
  top: 99%;
  border-top: 1px solid rgba(204, 204, 204, 0.30);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s ease;
  z-index: 100000;
}

.submenu-compte li.infos-resp{
  display: none!important;
}

.submenu-compte li{
  border-bottom: 1px solid #EFEFEF;
}

.submenu-compte li a{
  font-size: 15px;
  line-height: 18px;
  color: #3d3c3f;
  font-weight: 600;
  transition: all 0.3s ease;
  padding-top: 10px;
  padding-bottom: 12px;
  width: 100%;
  display: block;
}

.submenu-compte li a:hover{
  color: #ceaa8a;
}

.submenu-compte li:last-child{
  border: 0;
}

.profil-portail > div.profil:hover .submenu-compte{
  visibility: visible;
  opacity: 1;
}

.profil-portail > div.profil:hover:after{
  content: "\32";
}

/**/

/* Affichage dossier / documents / Sous dossier */

.none-access{
  color: #4f331d;
  background-color: #fbf8f1;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  padding-left: 15px;
  border: 1px solid #f3e2bc;
  margin-top: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

.content-subfolder{
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.content-subfolder .subfolder{
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
}

.content-subfolder > div .subfolder:first-child .infos-files{
  margin-top: 0px;
}

.content-subfolder .subfolder .infos-files{
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  background-color: #fbf8f1;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  border: 1px solid #f3e2bc;
  margin-top: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.content-subfolder .subfolder.open>.infos-files,
.content-subfolder .subfolder:hover>.infos-files{
  background-color: #fcf0d5;
}

.content-subfolder .subfolder .infos-files .name span{
  position: relative;
  padding-left: 50px;
  display: block;
}

.content-subfolder .subfolder .infos-files .name span:before{
  content: "\e05b";
  font-size: 25px;
  position: absolute;
  left: 10px;
  font-family: "ETmodules"!important;
  color: #efd598;
  transition: all 0.3s ease;
}

.content-subfolder .subfolder .infos-files .name{
  color: #4f331d;
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
  flex-basis: 70%;
}

.content-subfolder .subfolder .link-all-files{
  color: #4f331d;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  flex-basis: 30%;
  text-align: right;
  position: relative;
  transition: all 0.3s ease;
}

.content-subfolder .subfolder .link-all-files span{
  position: relative;
  display: block;
  padding-right: 40px;
}

.content-subfolder .subfolder .link-all-files span:before{
  content: "\3b";
  font-size: 20px;
  position: absolute;
  right: 10px;
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  padding-left: 20px;
}

.content-subfolder .subfolder.open>.infos-files .link-all-files span:before{
  content: "\3a";
}

.file-download{
  display: flex;
  flex-basis: 100%;
}

.file-download > div:last-child {
    flex-basis: 10%;
}

.content-files{
  flex-basis: 100%;
  padding: 20px;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 20px;
  display: none;
  z-index: 20;
  position: relative;
  border-left: 2px solid #f4e3ba;
}

.content-files-search{
  display: block;
  margin-left: 0;
  border: 0px;
  padding: 0;
  margin-bottom: 0px;
}

.content-files > div{
  display: flex;
  flex-direction: column;
}

.content-files .files{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 8px;
  background-color: #fbf0d6;
  border: 1px solid #f3e2bc;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}

.content-files .files .name{
  flex-basis: 100%;
  position: relative;
  padding-left: 30px;
  color: #4f331d;
  font-weight: 600;
  padding-right: 10px;
  font-size: 15px;
  line-height: 16px;
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.content-files .files .name.pdf:before{
  content: " ";
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/03/icon-pdf.png");
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 23px;
  transform: translateY(-50%);
}

.content-files .files .name.other:before{
  content: "\68";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 30px;
  height: 23px;
  font-size: 20px;
  font-family: "ETmodules"!important;
  color: #4f331d;
}

.content-files .files .note{
  flex-basis: 100%;
  color: #4f331d;
  font-weight: 400;
  padding-right: 10px;
  font-size: 13px;
  line-height: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.content-files .files a{
  font-size: 15px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  background-color: #4f331d;
  border: 1px solid #4f331d;
  padding: 6px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
  flex-basis: 18%;
  text-align: center;
  margin-top: 0;
  display: block;
}

.content-files .files a span{
  position: relative;
}

.content-files .files a span:before{
  content: "\e092";
  font-size: 17px;
  font-family: "ETmodules"!important;
  color: #FFFFFF;
  transition: all 0.3s ease;
  margin-right: 5px;
}

.content-files .files a:hover{
  color: #4f331d;
  background-color: #FFFFFF;
}

.content-files .files a:hover span:before{
  color: #4f331d;
}

.content-files .empty-folder{
  color: #4f331d;
  font-size: 14px;
}

/**/

/* Liste adhérents Portail */

.bt-adherent-liste-portail{
  margin-right: 0;
  flex-basis: auto;
  cursor: pointer;
  padding: 12px;
  margin-top: 20px;
  text-align: center;
  max-width: 100%;
  background: #FFFFFF;
  border: 2px solid #ceaa8a;
  color: #ceaa8a;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  font-size: 15px;
  display: none;
  position: relative;
  transition: all 0.3s ease;
}

.bt-adherent-liste-portail:hover{
  background: rgba(208, 170, 136, 0.11);
}

.bt-adherent-liste-portail:before{
  content: "\37";
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  padding-right: 10px;
}

.bt-adherent-liste-portail:after{
  content: "\37";
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  padding-left: 10px;
}

.content-adherent-liste-portail{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  flex-basis: 100%;
}

.content-adherent-liste-portail.save{
  min-height: 60px;
}

.content-adherent-liste-portail .adherent-global-portail{
  flex-basis: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  transition: all 0.3s ease;
  opacity: 1;
  border: 1px solid #f3e2bc;
}

.content-adherent-liste-portail .adherent-global-portail .title-tonn{
  flex-basis: 100%;
  color: #4f331d;
  font-size: 20px;
  line-height: 23px;
  padding: 8px;
  padding-top: 9px;
  text-align: center;
  background-color: #f3e2bc;
  font-weight: bold;
}

.content-adherent-liste-portail .adherent-global-portail.no-visible{
  visibility: hidden;
  opacity: 0;
}

.content-adherent-liste-portail .adherent-global-portail:nth-child(2n){
  margin-right: 0;
}

.content-adherent-liste-portail .adherent-global-portail .infos{
  flex-basis: 65%;
  background-color: #fcf0d5;
  padding: 20px;
  color: #4f331d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  word-break: break-word;
}

.content-adherent-liste-portail .adherent-global-portail .carte-region{
  flex-basis: 35%;
  background-color: #fbf8f1;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-adherent-liste-portail .adherent-global-portail .carte-region svg{
  max-width: 100%;
  height: 225px;
}

.content-adherent-liste-portail .adherent-global-portail .carte-region svg path{
  fill: #FFFFFF!important;
}

.content-adherent-liste-portail .adherent-global-portail .carte-region.Bretagne svg .bretagne,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Pays-de-la-Loire svg .pays-de-la-loire,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Nouvelle-aquitaine svg .nouvelle-aquitaine,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Ile-de-France svg .ile-de-france,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Haut-de-France svg .hauts-de-france,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Provence-Alpes-Cote-dAzur svg .provence-alpes-cote-azur,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Corse svg .corse,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Normandie svg .normandie,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Grand-Est svg .grand-est,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Occitanie svg .occitanie,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Auvergne-Rhone-Alpes svg .auvergne-rhone-alpes,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Centre-Val-De-Loire svg .centre-val-de-loire,
.content-adherent-liste-portail .adherent-global-portail .carte-region.Bourgogne-Franche-Comte svg .bourgogne-franche-comte{
  fill: #b67f52!important;
}

.content-adherent-liste-portail:before{
  content: " ";
  background-color: rgba(255,255,255,1);
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: all 0.3s ease;
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/02/loader-save-2.gif");
  background-position: bottom center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1000000;
}

.content-adherent-liste-portail.save:before{
  visibility: visible;
  opacity: 0.6;
}

.notice-complete{
  display: none;
  text-align: center;
  padding: 8px;
  color: #4f331d;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
}

.notice-none-complete{
  display: none;
  text-align: center;
  padding: 8px;
  color: #4f331d;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
}

.content-adherent-liste-portail .adherent-global-portail .infos .nom-prenom-responsable{
  color: #4f331d;
  font-weight: 800;
  padding-bottom: 2px!important;
  display: block;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  transition: all 0.3s ease;
}

.content-adherent-liste-portail .adherent-global-portail .infos .poste-responsable{
  color: #4f331d;
  font-weight: 700;
  padding-bottom: 15px!important;
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  transition: all 0.3s ease;
}

.content-adherent-liste-portail .adherent-global-portail .infos .adresse-tonn{
  color: #4f331d;
  font-weight: 400;
  margin-bottom: 16px!important;
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
}

.content-adherent-liste-portail .adherent-global-portail .infos .adresse-tonn:before{
  content: "\e081";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 25px;
  line-height: 25px;
}

.content-adherent-liste-portail .adherent-global-portail .infos .contact-responsable{
  color: #4f331d;
  font-weight: 400;
  margin-bottom: 20px!important;
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: underline;
  padding-left: 28px;
  word-break: break-all;
}

.content-adherent-liste-portail .adherent-global-portail .infos .siteweb a{
  color: #4f331d;
  margin-bottom: 10px!important;
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  transition: all 0.3s ease;
  padding-top: 2px;
  text-decoration: underline !important;
}

.content-adherent-liste-portail .adherent-global-portail .infos .siteweb a:before{
  content: "\e00e";
  font-family: "ETmodules" !important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 12px;
  position: relative;
  left: 5px;
  top: 3px;
  margin-right: 11px;
}

.content-adherent-liste-portail .adherent-global-portail .infos .contact-responsable:before{
  content: "\e076";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.content-adherent-liste-portail .adherent-global-portail .infos .telephone-responsable,
.content-adherent-liste-portail .adherent-global-portail .infos .fax-responsable{
  color: #4f331d;
  font-weight: 600;
  margin-bottom: 10px!important;
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
  padding-top: 2px;
}

.content-adherent-liste-portail .adherent-global-portail .infos .telephone-responsable:before{
  content: "\e090";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.content-adherent-liste-portail .adherent-global-portail .infos .fax-responsable:before{
  content: "\e0fa";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.content-adherent-liste-portail .number{
  flex-basis: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.bloc-filtres-search-adherents{
  display: flex;
  margin-top: 0px;
  margin-bottom: 30px;
}

h3.nb-ad-search{
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 0px;
  transition: all 0.3s ease;
}

.bloc-filtres-search-adherents .content-search-adherent{
  flex-basis: 50%;
  margin-right: 2%;
  display: flex;
  position: relative;
}

.bloc-filtres-search-adherents .filtre-select-region{
  flex-basis: 50%;
}

.bloc-filtres-search-adherents .filtre-select-region select{
  width: 100%;
  border: 2px solid #ddd !important;
  height: 50px !important;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 0px!important;
  font-size: 15px !important;
  color: #333333;
  font-weight: 600;
}

.logo-info-flash{
  text-align: center;
  margin-bottom: 10px;
}

.title-info-flash-content h1 {
  color: #4f331d;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 12px!important;
  padding-bottom: 24px!important;
  display: block;
  font-size: 22px;
  line-height: 28px;
  position: relative;
  transition: all 0.3s ease;
  text-align: center;
  margin-bottom: 15px;
}

.title-info-flash-content h1:after {
  content: " ";
  position: absolute;
  width: 150px;
  height: 2px;
  background-color: #4f331d;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.date-info-flash-content{
  color: #4f331d;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
  font-size: 15px;
  position: relative;
  transition: all 0.3s ease;
  text-align: center;
  margin-bottom: 15px;
}

.image-info-flash-content{
  text-align: center;
  margin-bottom: 40px;
}

.image-info-flash-content img{
  max-width: 50%;
  max-height: 350px;
}

.texte-info-flash-content a{
  color: #4f331d;
}

.texte-info-flash-content a:before{
  content: "> ";
}

.texte-info-flash-content a:after{
  content: " <";
}

.retour-infos-flash{
  color: #4f331d;
  font-weight: 800;
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
  line-height: 16px;
}

.content-colombe{
  width: 100%;
  max-width: 100%;
  padding: 20px;
  background-color: #fbf8f1;
}

.entete-colombe{
  display: flex;
  flex-direction: row;
  border: 3px solid #FFFFFF;
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/03/federation-tonneliers-de-france-la-colombe-des-tonneliers-entete-2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.entete-colombe > div{
  flex-basis: 50%;
  padding: 20px;
  text-align: center;
}

.entete-colombe > div:last-child{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.entete-colombe > div h2{
  color: #4f331d;
  font-size: 35px;
  line-height: 22px;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-bottom: 40px;
}

.entete-colombe > div h2 span{
  font-size: 20px;
}

.entete-colombe > div h3{
  color: #4f331d;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  padding-bottom: 0px;
  font-weight: bold;
}

.content-infos-archive-colombe{
  background-color: #FFFFFF;
  padding: 20px;
  display: flex;
  flex-direction: column;
  width: 600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content-infos-archive-colombe h2{
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #4f331d;
  border-bottom: 1px solid #4f331d;
  color: #4f331d;
  font-weight: bold;
  font-size: 22px;
  line-height: 24px;
}

.article-content{
  margin-bottom: 20px;
}

.article-content p{
  font-size: 15px;
  line-height: 18px;
}

.article-content p img{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.article-content a{
  color: #FFFFFF;
  background-color: #4f331d;
  padding: 10px;
  display: block;
  border-radius: 5px;
  margin-top: 15px;
  width: 150px;
  max-width: 100%;
  margin-left: auto;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.article-footer{
  width: 600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}


/**/

/* Home */

.home-bloc-top{
  height: 100vh;
  background-color: #333;
}

/**/

/* Carte adhérent Vitrine */

#map-adherent-home .map-adherent{
  width: 100%;
  height: 900px;
}

.section-page-int .map-adherent{
  width: 100%;
  height: 615px;
}

html[lang="en-US"] .section-page-int .map-adherent{
  height: 815px;
}

.marker-cluster{
  border-radius: 50%!important;
  background: none!important;
}

.marker-cluster div{
  width: 50px!important;
  height: 50px!important;
  margin: 0!important;
  background: #FFFFFF!important;
  border-radius: 50%!important;
  color: #a41515;
  font-size: 18px!important;
  font-weight: 800!important;
  line-height: 45px!important;
  border: 2px solid #a41515;
}

.leaflet-control-attribution{
  display: none!important;
}

/**/

.menu-portail-resp{
  display: none;
  margin-right: 20px;
  margin-top: 7px;
  cursor: pointer;
}

.menu-portail-resp:before{
  content: "\61";
  text-shadow: 0 0;
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: none;
  speak: none;
  font-size: 50px;
  color: #ceaa8a;
}

.menu-portail-resp.open:before{
  content: "\4d";
}

.column-connexion{
  height: calc(100vh - 80px);
}

.column-connexion .et_pb_code, .column-connexion .et_pb_code_inner{
  height: 100%;
}

.page-connexion{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
}

/* Home portail */

.content-page-intranet-home .et_pb_row_inner{
  padding: 0!important;
}

.content-portail-home{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 80px);
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.content-portail-home a{
  text-align: center;
  display: flex;
  flex-basis: 50%;
  height: 33.333333%;
  background: #f7f3e9;
  justify-content: center;
  align-items: center;
  color: #4f331d;
  font-size: 27px;
  line-height: 31px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.content-portail-home a:before{
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.3s ease;
}

.content-portail-home a:nth-child(1){
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/documentations-menu.jpg");
  color: #cda989;
}

.content-portail-home a:nth-child(1):before{
  background: rgb(79, 51, 29);
  opacity: 0.7;
}

.content-portail-home a:nth-child(2){
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/guide-bonnes-pratiques-menu.jpg");
}

.content-portail-home a:nth-child(2):before{
  background: rgb(206, 170, 138);
  opacity: 0.7;
}

.content-portail-home a:nth-child(3){
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/annuaire-adherents-menu-1.jpg");
}

.content-portail-home a:nth-child(3):before{
  background: rgb(206, 170, 138);
  opacity: 0.7;
}

.content-portail-home a:nth-child(4){
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/infos-flash-menu-1.jpg");
  color: #cda989;
}

.content-portail-home a:nth-child(4):before{
  background: rgb(79, 51, 29);
  opacity: 0.7;
}

.content-portail-home a:nth-child(5){
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/colombe-tonneliers-menu.jpg");
  color: #cda989;
}

.content-portail-home a:nth-child(5):before{
  background: rgb(79, 51, 29);
  opacity: 0.7;
}

.content-portail-home a:nth-child(6){
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/nous-contacter-menu.jpg");
}

.content-portail-home a:nth-child(6):before{
  background: rgb(206, 170, 138);
  opacity: 0.7;
}

.content-portail-home a span{
  padding-top: 45px;
  position: relative;
  z-index: 10;
}

/*.content-portail-home a span:before{
  content: " ";
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 35px;
  line-height: 35px;
  text-shadow: none;
}

.content-portail-home a:hover:before{
  opacity: 1;
}

.content-portail-home a:nth-child(1) span:before{
  content: "\e05b";
}

.content-portail-home a:nth-child(2) span:before{
  content: "\e086";
}

.content-portail-home a:nth-child(3) span:before{
  content: "\e087";
}

.content-portail-home a:nth-child(4) span:before{
  content: "\e059";
}

.content-portail-home a:nth-child(5) span:before{
  content: "\e082";
}

.content-portail-home a:nth-child(6) span:before{
  content: "\e076";
}*/

/**/

/* Document liste portail */

.content-portail-document-page .et_pb_row_inner{
  padding: 0!important;
}

.content-portail-document-page{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 80px);
  overflow: hidden;
  position: absolute;
}

.content-portail-document-page a{
  text-align: center;
  display: flex;
  flex-basis: 50%;
  height: 25%;
  background: #f7f3e9;
  justify-content: center;
  align-items: center;
  color: #4f331d;
  font-size: 30px;
  line-height: 34px;
  border: 4px solid rgba(79, 51, 29, 0);
  font-weight: 400;
  padding: 15px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.content-portail-document-page a span{
  padding-top: 50px;
  position: relative;
}

.content-portail-document-page a span:before{
  content: "\e05b";
  color: #4f331d;
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
}

.content-portail-document-page a:hover{
  border: 4px solid rgba(79, 51, 29, 0.25);
}

.content-portail-document-page a:nth-child(2){
  background: #efe9dd;
}

.content-portail-document-page a:nth-child(3){
  background: #efe9dd;
}

.content-portail-document-page a:nth-child(6){
  background: #efe9dd;
}

.content-portail-document-page a:nth-child(7){
  background: #f3ece7;
}

.document-link-resp{
  display: none;
}

.portail-contact label{
  color: #777777!important;
  font-size: 15px !important;
  line-height: 22px !important;
  font-weight: normal!important;
  width: 100%!important;
}

.portail-contact label a{
  color: #333!important;
  font-size: 15px !important;
  line-height: 22px !important;
  font-weight: bold!important;
}

.portail-contact .nf-before-form-content{
  margin-bottom: 20px;
}

.portail-contact input[type="text"],
.portail-contact input[type="email"]{
  border: 2px solid transparent!important;
  border-bottom: 2px solid #ddd !important;
  padding: 12px;
  height: 40px !important;
  padding-left: 0!important;
  transition: all 0.3s ease;
  font-size: 15px !important;
  color: #333333!important;
  font-weight: 600!important;
}

.portail-contact input[type="text"]:focus,
.portail-contact input[type="email"]:focus{
  padding-left: 12px!important;
  border: 2px solid #ddd !important;
  background-color: #f7f7f7;
}

.portail-contact textarea {
  height: 140px !important;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  resize: none;
  transition: all 0.3s ease;
  border-radius: 0px!important;
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 15px !important;
  color: #333333;
  font-weight: 600;
  width: 100%;
  border: 2px solid #ddd !important;
}

.portail-contact textarea:focus {
  background-color: #f7f7f7;
}

.portail-contact input[type="button"]{
  margin-right: 0;
  flex-basis: auto;
  cursor: pointer;
  padding: 12px;
  margin-top: 5px;
  text-align: center;
  max-width: 100%;
  background: #ceaa8a;
  color: #FFF;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
  font-size: 17px;
  border: 0px;
}

.inscription-portail{
  width: 800px;
  max-width: 95%;
}

.inscription-portail .nf-form-content nf-fields-wrap{
  display: flex;
  flex-wrap: wrap;
}

.inscription-portail .nf-form-content nf-fields-wrap nf-field{
  flex-basis: 100%;
}

.inscription-portail .nf-form-content nf-fields-wrap nf-field:nth-child(1),
.inscription-portail .nf-form-content nf-fields-wrap nf-field:nth-child(2),
.inscription-portail .nf-form-content nf-fields-wrap nf-field:nth-child(3){
  flex-basis: 32%;
  margin-right: 2%;
}

.inscription-portail .nf-form-content nf-fields-wrap nf-field:nth-child(4),
.inscription-portail .nf-form-content nf-fields-wrap nf-field:nth-child(5){
  flex-basis: 49%;
  margin-right: 2%;
}

.inscription-portail .nf-form-content nf-fields-wrap nf-field:nth-child(3),
.inscription-portail .nf-form-content nf-fields-wrap nf-field:nth-child(5){
  margin-right: 0;
}

.inscription-portail .nf-field-element ul{
  display: flex;
  flex-wrap: wrap;
}

.inscription-portail .nf-field-element ul li{
  flex-basis: 30%;
  margin-right: 15px!important;
}

.inscription-portail .nf-response-msg,
.contact-radio .nf-response-msg{
  flex-basis: 100%;
  background: #7ACF58;
  padding: 12px 15px !important;
  color: #fff!important;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  margin: 0 0 0 0 !important;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  width: 100%;
  margin-bottom: 20px!important;
}

.contact-radio .nf-response-msg p{
  color: #fff!important;
}

.contact-radio .list-radio-wrap .nf-field-element ul{
  display: flex;
}

.contact-radio .list-radio-wrap .nf-field-element ul li{
  flex-basis: 50%;
}

.leaflet-control-container > .leaflet-top{
  top: 40%!important;
}

/**/

.guide-bloc-haccp h2{
  text-align: center;
  margin-top: 35px;
  font-size: 25px;
}

.guide-bloc-haccp h4{
  margin-top: 20px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  color: #4f331d!important;
  margin-bottom: 15px;
}

.guide-bloc-haccp a{
  color: #4f331d;
  font-weight: 600;
}

.etape-guide-bloc{
  position: relative;
  padding-bottom: 40px!important;
}

.etape-guide-bloc:after{
  content: "\43";
  font-family: "ETmodules"!important;
  font-size: 50px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  color: #4f331d;
}

.etape-guide-bloc.last:after{
  content: " ";
  display: none;
}

.etape-guide-bloc .et_pb_text_inner{
  padding: 30px;
  background: #fbf8f1;
  margin-bottom: 30px;
}

.etape-guide-bloc .et_pb_text_inner h3{
  color: #FFFF;
  font-size: 18px;
  background: #ceaa8a;
  font-weight: bold;
  text-align: center;
  padding: 8px;
  padding-top: 14px;
  padding-bottom: 12px;
  margin-bottom: 15px;
}

.etape-guide-bloc .et_pb_text_inner a{
  font-size: 15px;
  color: #4f331d;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
  border: 1px solid #4f331d;
  padding: 6px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
  text-align: center;
  display: block;
  position: relative;
  margin-right: 0;
}

.etape-guide-bloc .et_pb_text_inner a:hover{
  color: #FFFFFF;
  background-color: #4f331d;
}

.etape-guide-bloc .et_pb_text_inner a:before {
  content: "\e092";
  font-size: 17px;
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  margin-right: 5px;
}

.etape-guide-bloc .et_pb_text_inner a:hover:before {
  color: #FFFFFF;
}

.guide-bloc-link h3{
  color: #FFFF;
  font-size: 20px;
  background: #ceaa8a;
  font-weight: bold;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 12px;
  margin-bottom: 0;
}

.guide-bloc-link table{
  color: #4f331d!important;
  font-weight: 400;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  line-height: 16px;
  font-size: 14px;
}

.guide-bloc-link table tr td:first-child{
  width: 5%;
}

.guide-bloc-link table tr td:nth-child(2){
  width: 80%;
}

.guide-bloc-link table tr td:last-child{
  width: 15%;
}

.guide-bloc-link table tr:nth-child(even){
  background-color: #f7f0e2;
}

.guide-bloc-link table tr:nth-child(odd){
  background-color: #fbf8f1;
}

.guide-bloc-link table a{
  font-size: 15px;
  color: #4f331d;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
  border: 1px solid #4f331d;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
  text-align: center;
  display: block;
  position: relative;
  margin-right: 0;
}

.guide-bloc-link table a:hover{
  color: #FFFFFF;
  background-color: #4f331d;
}

.acces-rapide-fichiers{
  background-color: #fbf8f1;
  padding: 12px;
  padding-top: 20px;
  margin-bottom: 35px;
  margin-top: 35px;
  border: 1px solid #f3e2bc;
}

.acces-rapide-fichiers h3{
  text-align: center;
  color: #4f331d;
  font-weight: 700;
  position: relative;
}

.content-access-rapide{
  display: flex;
  flex-direction: column;
}

.content-access-rapide .rapid-links-pages {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 18px;
  padding-bottom: 10px;
  position: relative;
}

.acces-rapide-fichiers h3:before {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 50px;
  height: 2px;
  background-color: #4f331d;
  transform: translateX(-50%);
}

.content-access-rapide .rapid-files{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.content-access-rapide .methode,
.content-access-rapide .guide{
  display: none;
}

.content-access-rapide a{
  font-size: 14px;
  color: #4f331d;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
  border: 1px solid #4f331d;
  padding: 6px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
  text-align: center;
  display: flex;
  position: relative;
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.content-access-rapide .rapid-links-pages a.menu-plus{
  margin-bottom: 0;
  margin-right: 0;
}

.content-access-rapide .rapid-links-pages > div{
  margin-right: 10px;
}

.rapid-links-pages span.open{
  display: flex;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  margin: auto;
  background-color: rgba(79, 51, 29, 0.89);
  pointer-events: auto;
  cursor: pointer;
  transition: all 0.3s ease;
}

.rapid-links-pages span.open:hover{
  background-color: rgba(79, 51, 29, 0.6);
}

.rapid-links-pages span.open:before{
  content: "\37";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  line-height: 18px;
  margin: auto;
}

.rapid-links-pages span.open.inverse{
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #dadada;
}

.rapid-links-pages span.open.inverse:before{
  content: "\36";
  color: #4f331d;
}

.content-access-rapide .rapid-links-pages a{
  background-color: #4f331d;
  color: #FFF;
}

.content-access-rapide .rapid-links-pages a:hover{
  background-color: #FFF;
  color: #4f331d;
}

.content-access-rapide a:hover{
  color: #FFFFFF;
  background-color: #4f331d;
}

.content-access-rapide a:last-child{
  margin-right: 0px;
}

.content-access-rapide .rapid-links-pages a:before {
  content: "\e02c";
  font-size: 17px;
  font-family: "ETmodules"!important;
  margin-right: 5px;
}

.content-access-rapide .rapid-files a:before {
  content: "\e092";
  font-size: 17px;
  font-family: "ETmodules"!important;
  margin-right: 5px;
}



/* Gestion des compte de compte */

.add-account-portal{
  font-size: 15px;
  color: #4f331d;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
  border: 2px solid #4f331d;
  padding: 6px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
  text-align: center;
  display: block;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 220px;
  margin: auto;
  margin-bottom: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.add-account-portal:before{
  content: "\4c";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  margin-right: 5px;
  font-size: 14px;
  line-height: 15px;
  display: inline-block;
}

.add-account-portal:hover{
  color: #FFFFFF;
  background-color: #4f331d;
}

.content-users-portal{
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.content-users-portal.refresh:before{
  display: block;
}

.content-users-portal:before{
  content: " ";
  background-color: rgba(255,255,255,1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/02/loader-save-2.gif");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.7;
  display: none;
}

.content-users-portal-titles{
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  padding: 5px;
  background-color: #4f331d;
}

.content-users-portal-titles > div{
  background-color: #4f331d;
  color: #fbf8f1;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  flex-basis: 30%;
  padding: 8px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  position: relative;
}

.content-users-portal-titles > div:after{
  content: " ";
  position: absolute;
  background-color: rgba(251, 248, 241, 0.2);
  width: 1px;
  height: 20px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.content-users-portal-titles > div:last-child:after{
  display: none;
}

.content-users-portal-liste{
  display: flex;
  flex-direction: column;
}

.content-users-portal-liste .content-users-portal-details:nth-child(odd){
  background-color: #fbf8f1;
}

.content-users-portal-liste .content-users-portal-details:nth-child(even){
  background-color: #fcf0d5;
}

.content-users-portal-details{
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  padding: 5px;
  align-items: center;
}

.content-users-portal-details > div{
  font-size: 14px;
  line-height: 16px;
  padding: 8px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 400;
  color: #4f331d;
  position: relative;
  text-align: center;
}

.content-users-portal-details > div:after{
  content: " ";
  position: absolute;
  background-color: rgba(79, 51, 29, 0.23);
  width: 1px;
  height: 20px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.content-users-portal-details > div:last-child:after{
  display: none;
}

.content-users-portal-details > div > span{
  display: none;
}

.content-users-portal-titles > div.name-account,
.content-users-portal-details > div.name-account-details{
  flex-basis: 20%;
}

.content-users-portal-titles > div.poste-account,
.content-users-portal-details > div.poste-account-details{
  flex-basis: 18%;
}

.content-users-portal-titles > div.tonn-account,
.content-users-portal-details > div.tonn-account-details{
  flex-basis: 28%;
}

.content-users-portal-titles > div.infos-account,
.content-users-portal-details > div.infos-account-details{
  flex-basis: 30%;
}

.content-users-portal-titles > div.display-account,
.content-users-portal-details > div.display-account-details{
  flex-basis: 11%;
}

.content-users-portal-titles > div.actions-account,
.content-users-portal-details > div.actions-account-details{
  flex-basis: 10%;
}

.empty-account{
  flex-basis: 100%;
  background-color: #fbf8f1;
  text-align: center;
  padding: 10px;
  color: #4f331d;
}

.bt-edit-profil,
.bt-delete-profil{
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}

.bt-edit-profil:before{
  content: "\6a";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  cursor: pointer;
  font-size: 25px;
  line-height: 25px;
}

.bt-delete-profil:before{
  content: "\4d";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  cursor: pointer;
  font-size: 25px;
  line-height: 25px;
}

.content-form-account-portal{
  position: absolute;
  background-color: rgba(255,255,255,0.95);
  width: 100%;
  height: 110%;
  z-index: 10000;
  left: 0;
  top: -10px;
  display: none;
}

.content-form-account-portal:before{
  content: " ";
  background-color: rgba(255,255,255,0.1);
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  transition: all 0.3s ease;
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/02/loader-save-2.gif");
  background-position: top center;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.content-form-account-portal.load:before{
  display: block;
}

.bloc-form-account-portal{
  position: absolute;
  width: 700px;
  max-width: 90%;
  padding: 20px;
  background-color: #fbf8f1;
  box-shadow: 0px 0px 20px rgba(79, 51, 29, 0.2);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.bloc-form-account-portal:before{
  content: " ";
  background-color: rgba(255,255,255,1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-image: url("https://www.tonneliersdefrance.fr/wp-content/uploads/2019/02/loader-save-2.gif");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.7;
  display: none;
}

.bloc-form-account-portal.save:before{
  display: block;
}

.bloc-form-account-portal h2{
  text-align: center;
  color: #4f331d;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  font-size: 20px;
  position: relative;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.bloc-form-account-portal h2:after {
  content: " ";
  position: absolute;
  width: 100px;
  height: 2px;
  background-color: #4f331d;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.bloc-form-account-portal form{
  display: flex;
  flex-wrap: wrap;
}

.bloc-form-account-portal label{
  flex-basis: 100%;
  padding-bottom: 10px;
}

.bloc-form-account-portal form label>span {
  display: block;
  color: #4f331d;
  font-size: 15px;
}

.bloc-form-account-portal form label>span span.error-text {
  color: red;
  font-size: 13px;
}

.bloc-form-account-portal form label.error-input input {
  border-color: red!important;
}

.bloc-form-account-portal form label.error-input select {
  border-color: red!important;
}

.bloc-form-account-portal form label.full {
  flex-basis: 100%;
}

.bloc-form-account-portal form label.half,
.bloc-form-account-portal form label.half-end {
  flex-basis: 48%;
  margin-right: 4%;
}

.bloc-form-account-portal form label.half-end {
  margin-right: 0;
}

.bloc-form-account-portal form label.three,
.bloc-form-account-portal form label.three-end {
  flex-basis: 30.6666%;
  margin-right: 4%;
}

.bloc-form-account-portal form label.three-end {
  margin-right: 0;
}


.bloc-form-account-portal form input,
.bloc-form-account-portal form textarea,
.bloc-form-account-portal form select {
  width: 100%;
  height: 30px !important;
  padding-right: 12px;
  padding-left: 5px!important;
  border-radius: 0px!important;
  margin-bottom: 0px;
  margin-top: 2px;
  font-size: 15px !important;
  color: #4f331d;
  font-weight: 600;
  border: 2px solid transparent!important;
  border-bottom: 2px solid #fcf0d5 !important;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
}

.bloc-form-account-portal form select {
  border: 2px solid #FFFFFF!important;
}

.bloc-form-account-portal form input[type="radio"] {
  width: 20px;
  height: 15px!important;
  display: inline-block;
  color: #333;
}

.bloc-form-account-portal form input:read-only{
  background: #f1f1f1;
  border: 2px solid #CCC!important;
}

.bloc-form-account-portal form label[for="display_card"] > span {
  text-align: center;
  position: relative;
}

.bloc-form-account-portal form label[for="display_card"] > span:after {
  content: "\72";
  font-family: "ETmodules"!important;
  font-weight: lighter;
  font-style: normal;
  font-variant: normal;
  padding-left: 5px;
}

.bloc-form-account-portal form label[for="display_card"] div span {
  width: auto;
  display: inline-block;
  color: #333;
}

.bloc-form-account-portal form label[for="display_card"] > div {
  margin-top: 10px;
  text-align: center;
}

.bloc-form-account-portal form input:focus {
  border: 2px solid #4f331d !important;
  padding-left: 12px!important;
  background-color: #FFFFFF;
}

.bt-fermer-account-user{
  margin-top: 10px;
  padding: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: #fbf8f1;
  border: 2px solid #4f331d;
  color: #4f331d;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  position: absolute;
  z-index: 2;
  font-size: 12px;
}

.bt-fermer-account-user:before{
  content: "\4a";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  display: inline-block;
  margin-right: 5px;
  font-size: 20px;
  line-height: 15px;
}

.bt-fermer-account-user:hover{
  background-color: #4f331d;
  color: #fbf8f1;
}

.content-besoins-docs{
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  padding-bottom: 2px;
  background: #FFF;
  margin-top: 10px;
}

.content-besoins-docs h3{
  text-align: center;
  color: #4f331d;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  font-size: 20px;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}

.content-besoins-docs label{
  display: flex;
}

.content-besoins-docs label input{
  flex-basis: 25px!important;
  height: 15px!important;
  margin: 0!important;
}

.content-besoins-docs label span{
  color: #4f331d!important;
  font-size: 13px!important;
  line-height: 13px;
}

.bt-ajout-account-user,
.bt-modify-account-user{
  padding: 8px;
  text-align: center;
  background-color: #4f331d;
  border: 2px solid #4f331d;
  color: #fbf8f1;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  position: relative;
  width: 200px;
  margin: auto;
  margin-top: 20px;
}

.bt-ajout-account-user:hover,
.bt-modify-account-user:hover{
  background-color: #fbf8f1;
  color: #4f331d;
}

.return-msg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.9);
  display: none;
  z-index: 1000000;
}

.return-msg .content-msg{
  position: absolute;
  padding: 12px 15px !important;
  background: #7ACF58;
  border: 2px solid #7ACF58;
  width: 90%;
  color: #fff;
  font-size: 15px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.content-delete-message{
  display: flex;
  flex-direction: column;
}

.content-delete-message .delete-message{
  color: #4f331d;
  text-align: center;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
}

.content-delete-message .delete-message span{
  color: red;
  display: block;
  font-size: 15px;
  line-height: 17px;
  font-weight: 400;
  margin-bottom: 5px;
  position: relative;
}

.content-delete-message .delete-message span:before{
  content: "\73";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  margin-right: 5px;
  font-size: 14px;
  line-height: 15px;
  display: inline-block;
}

.content-delete-message .delete-message span:after{
  content: "\73";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  margin-left: 5px;
  font-size: 14px;
  line-height: 15px;
  display: inline-block;
}

.content-delete-message .delete-message-bt{
  display: flex;
  margin-top: 15px;
  margin-bottom: 0;
  justify-content: center;
}

.content-delete-message .delete-message-bt > div {
  padding: 8px;
  text-align: center;
  border: 2px solid #4f331d;
  background-color: #fbf8f1;
  color: #4f331d;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  position: relative;
  width: 200px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content-delete-message .delete-message-bt > div.delete-yes{
  background-color: #4f331d;
  color: #fbf8f1;
}

.content-delete-message .delete-message-bt > div.delete-yes:before {
  content: "\e019";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  margin-right: 5px;
  font-size: 14px;
  line-height: 15px;
  display: inline-block;
}

.content-delete-message .delete-message-bt > div.delete-no:before {
  content: "\4a";
  font-family: "ETmodules"!important;
  font-weight: 800;
  font-style: normal;
  font-variant: normal;
  margin-right: 5px;
  font-size: 14px;
  line-height: 15px;
  display: inline-block;
}

.content-delete-message .delete-message-bt > div:hover {
  background-color: #4f331d;
  color: #fbf8f1;
}

.bt-view-contact{
  padding: 4px;
  padding-top: 6px;
  text-align: center;
  background-color: #4f331d;
  border: 2px solid #4f331d;
  color: #fbf8f1;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  width: 180px;
  max-width: 100%;
  margin-top: 9px;
  font-size: 12px;
  line-height: 14px;
}

.bt-view-contact:hover{
  background-color: #fbf8f1;
  color: #4f331d;
}

.contact-adherent-liste{
  display: flex;
  flex-direction: column;
}

.contact-adherent-liste h2 span {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-top: 3px;
  text-transform: none;
}

.contact-adherent-liste .content-contact-aherent{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.contact-adherent-liste .content-contact-aherent > div{
  flex-basis: 50%;
  font-size: 14px;
  line-height: 16px;
  padding: 15px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 700;
  color: #4f331d;
  position: relative;
}

.contact-adherent-liste .content-contact-aherent > div:first-child{
  flex-basis: 40%;
}

.contact-adherent-liste .content-contact-aherent > div:last-child{
  flex-basis: 60%;
}

.contact-adherent-liste .content-contact-aherent > div:after {
  content: " ";
  position: absolute;
  background-color: rgba(79, 51, 29, 0.23);
  width: 1px;
  height: 30px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.contact-adherent-liste .content-contact-aherent > div:last-child:after {
  display: none;
}

.contact-adherent-liste .content-contact-aherent > div.nom-poste-contact{
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #4f331d;
  position: relative;
  text-align: center;
}

.contact-adherent-liste .content-contact-aherent > div.nom-poste-contact span{
  display: block;
  font-weight: 800;
}

.contact-adherent-liste .content-contact-aherent > div.informations-contact{
  font-size: 14px;
  line-height: 16px;
  padding-left: 25px;
  padding-right: 12px;
  font-weight: 400;
  color: #4f331d;
  position: relative;
  text-align: left;
}

.contact-adherent-liste .content-contact-aherent > div.informations-contact a{
  color: #4f331d;
  display: block;
  margin-top: 7px;
  margin-bottom: 7px;
}

.contact-adherent-liste .content-contact-aherent > div.informations-contact a.email-contact-adherent:before{
  content: "\e076";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  margin-right: 10px;
}

.contact-adherent-liste .content-contact-aherent > div.informations-contact a.tel-contact-adherent:before{
  content: "\e090";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  margin-right: 10px;
}

.contact-adherent-liste .content-contact-aherent > div.informations-contact a:hover{
  text-decoration: underline;
}

.contact-adherent-liste .content-contact-aherent:nth-child(odd) {
  background-color: #fcf0d5;
}

.contact-adherent-liste .content-contact-aherent:nth-child(even){
  background-color: #fde9bc;
}

.wsp-pages-list{
  display: flex;
  flex-direction: row;
  list-style: none;
  flex-wrap: wrap;
  padding: 0!important;
}

.wsp-pages-list li.page_item{
  flex-basis: 32%;
  background-color: #fbfbfb;
  margin: 0.5%;
  padding: 10px;
  border: 1px solid #CCC;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.wsp-pages-list li.page_item:hover{
  background-color: #efefef;
}

.wsp-pages-title{
  display: none;
}

.wpfh_batch_checkbox{
  display: none!important;
}

.sp-cdm-folder-navigation-buttons a{
  display: none;
}

.sp-cdm-folder-navigation-buttons a:first-child,
.sp-cdm-folder-navigation-buttons a:nth-child(2){
  display: block;
}

.cdmViewFolderLog,
.cdm-add-comment-folder-form{
  display: none;
}

#cdm_wrapper_form > div:first-child{
  display: none!important;
}

.show-recently-uploaded-files,
.show-most-popular-files,
.sp-cdm-r-head{
  display: none!important;
}

ul.audero-context-menu > li a{
  color: #333!important;
}

.sp-cdm-r-folder,
.sp-cdm-r-file{
  background-color: #fbf8f1!important;
  border: 1px solid #f3e2bc;
  margin-top:10px;
  margin-bottom: 10px;
}

.sp-cdm-r-folder-image img,
.sp-cdm-r-folder > a > img{
  display: none!important;
}

.sp-cdm-r-folder-image,
.sp-cdm-r-folder > a {
  margin-right: 10px;
  position: relative;
  width: 55px!important;
  height: 35px;
}

.sp-cdm-r-folder > a {
  padding-left: 50px;
}

.sp-cdm-r-folder-image:before{
  content: "\e05b";
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 25px;
  line-height: 25px;
  text-shadow: none;
  display: block;
  width: 32px;
  height: 18px;
  color: #f3e2bc;
}

.sp-cdm-r-folder > a:before{
  content: "\e05b";
  font-family: "ETmodules"!important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translateY(-50%);
  font-size: 25px;
  line-height: 25px;
  text-shadow: none;
  display: block;
  width: 32px;
  height: 23px;
  color: #f3e2bc;
}

.sp-cdm-r-folder-title,
.sp-cdm-r-file-file{
  padding-bottom: 10px;
  color: #4f331d!important;
}

.cdm_nav_buttons a{
  background-color: #4f331d!important;
  color: #FFFFFF!important;
}

#sp_cdm_breadcrumbs{
  background-color: #f3e2bc!important;
}

#sp_cdm_breadcrumbs span{
  padding: 5px;
  background-color: #FFFFFF!important;
  border-radius: 5px;
}

#cdm-responsive-view a{
  color: #4f331d!important;
}

.sp-cdm-r-file-toolbox{
  background-color: #4f331d!important;
  margin-right: 10px;
}

#cdm-responsive-view .sp-cdm-r-file-toolbox a{
  color: #FFFFFF!important;
  margin: 5px;
}

#cdm_comments h4{
  margin-top: 20px;
}

.sp-cdm-r-file-toolbox{
  display: none!important;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
  color: #333!important;
}

.r-tabs .r-tabs-nav .r-tabs-anchor{
  background: #4f331d!important;
  color: #FFF!important;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
  background: #FFFFFF!important;
  color: #333333!important;
}

.sp-cdm-file-view-refresh a{
  color: #4f331d!important;
}

/* Portes ouvertes */

.texte-exergue{
  background-size: cover;
  padding: 30px;
  text-align: center;
  background-color: #f9f9f9;
  border: 4px solid #eaeaea!important;
  display: flex;
  flex-direction: column;
}

.texte-exergue strong{
  display: block;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 32px;
}

.texte-exergue h2{
  padding-top: 0px;
  font-size: 28px;
  line-height: 32px;
  color: #333333;
  margin-bottom: 25px;
}

.texte-exergue p{
  font-size: 20px;
  line-height: 28px;
  color: #4f331d;
}

.texte-exergue p.para-color{
  color: #8c1404;
  font-weight: bold;
  margin-top: 0;
}

.links-participants{
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.links-participants a{
  flex-basis: 33%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #d4b273;
  color: #FFFFFF;
  background-color: #d4b273;
  border-radius: 20px;
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 0px;
  cursor: pointer;
  margin-right: 20px;
}

.links-participants a:last-child{
  margin-right: 0px;
}

.texte-exergue a{
  width: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #d4b273;
  color: #FFFFFF;
  background-color: #d4b273;
  border-radius: 38px;
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 0px;
  cursor: pointer;
}

.texte-exergue a:hover,
.links-participants a:hover{
  color: #d4b273;
  background-color: #FFFFFF;
}

.liste-tonn-portes-ouvertes{
  padding-top: 50px;
}

.content-liste-portes-ouvertes{
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  flex-wrap: wrap;
}

.bloc-region .content-filtre-region{
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  flex-wrap: wrap;
}

#tonn-liste-po h2{
  font-size: 35px;
  line-height: 37px;
}

.bloc-region>h3{
  width: 100%;
  border-bottom: 1px solid #000;
  padding-top: 25px;
  margin-bottom: 35px!important;
}

.fiche-tonn-po{
  flex-basis: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  background-color: #fcf0d5;
  border: 4px solid #f3e2bc!important;
  padding: 15px;
  color: #4f331d;
}

.fiche-tonn-po:nth-child(3n){
  margin-right: 0;
}

.fiche-tonn-po h3{
  color: #4f331d;
  font-weight: 700;
  padding-bottom: 15px!important;
  display: block;
  font-size: 21px;
  line-height: 26px;
  position: relative;
  transition: all 0.3s ease;
}

.fiche-tonn-po .adresse{
  color: #4f331d;
  font-weight: 400;
  padding-bottom: 10px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
}

.fiche-tonn-po .adresse:before {
  content: "\e081";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 25px;
  line-height: 25px;
}

.fiche-tonn-po .tel {
  color: #4f331d;
  font-weight: 600;
  margin-bottom: 10px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
}

.fiche-tonn-po .tel:before {
  content: "\e090";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.fiche-tonn-po .email {
  color: #4f331d!important;
  font-weight: 400;
  margin-bottom: 15px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: underline;
  padding-left: 28px;
}

.fiche-tonn-po .email:before {
  content: "\e076";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.fiche-tonn-po .responsable {
  color: #4f331d;
  font-weight: 600;
  margin-bottom: 10px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  padding-left: 28px;
}

.fiche-tonn-po .responsable:before {
  content: "\e08a";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.fiche-tonn-po .site {
  color: #4f331d!important;
  font-weight: 400;
  margin-bottom: 0!important;
  margin-top: 20px!important;
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: underline;
  padding-left: 28px;
}

.fiche-tonn-po .site:before {
  content: "\e02c";
  font-family: "ETmodules"!important;
  color: #4f331d;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  left: 3px;
  top: 0;
}

.tab-tonn-list.et_pb_tabs{
  border: 0px;
}

.tab-tonn-list .et_pb_tab{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.tab-tonn-list ul.et_pb_tabs_controls{
  display: flex;
  background: none;
}

.tab-tonn-list ul.et_pb_tabs_controls li{
  flex-basis: 32%;
  margin-right: 2%;
  display: flex;
  border: 0;
  height: auto!important;
}

.tab-tonn-list ul.et_pb_tabs_controls li:last-child{
  margin-right: 0;
}

.tab-tonn-list ul.et_pb_tabs_controls li a{
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  color: #d4b273;
  border: 2px solid #d4b273;
  padding: 15px;
  border-radius: 25px;
  transition: all 0.3s ease;
  font-size: 17px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab-tonn-list ul.et_pb_tabs_controls li.et_pb_tab_active a,
.tab-tonn-list ul.et_pb_tabs_controls li:hover a{
  background: #d4b273;
  color: #FFFFFF!important;
}

.pum-container{
  top: 50%!important;
  left: 50%!important;
  max-width: 95%!important;
  transform: translateX(-50%) translateY(-50%)!important;
}
.pum-container.pum-responsive.pum-responsive-medium{
  margin-left: 0;
  width: 60%;
}
.pum-container .pum-content+.pum-close{
  top: 0!important;
  right: 0!important;
  height: 40px!important;
  font-size: 20px!important;
  line-height: 20px!important;
  background-color: #d4b273!important;
}

.pum-overlay{
  background-color: rgba(0, 0, 0, 0.83)!important;
  padding-right: 0px!important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{
  padding-right: 0px!important;
}


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

  .text-notre-histoire {
    flex-basis: 58%;
  }

  .first-image-notre-histoire{
    flex-basis: 42%;
  }

  .image-groupe-histoire{
    width: 90%;
    padding-top: 30px;
  }

  .image-groupe-histoire div:first-child{
    margin-bottom: 50px;
  }

  .text-notre-histoire p{
    font-size: 16px;
    line-height: 21px;
  }

  .text-notre-histoire p.intro{
    font-size: 16px;
    line-height: 21px;
  }

  .text-notre-histoire h2,
  #actu-home h2,
  .section-page-int h1{
    margin-bottom: 30px;
  }

  #map-adherent-home .map-adherent{
    height: 820px;
  }

  .row-federation-home{
    padding-left: 50px!important;
    padding-top: 70px!important;
    padding-bottom: 50px!important;
  }

  .bt-savoir-plus-fede{
    margin-top: 50px;
  }

  #actu-home{
    padding-top: 80px!important;
    padding-bottom: 80px!important;
  }

}

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

  #map-adherent-home .map-adherent{
    height: 975px;
  }

  .blog-content .img-actu{
    height: 370px;
  }

  .content-portail-home a {
    font-size: 24px;
    line-height: 30px;
  }

  .content-portail-document-page a{
    font-size: 20px;
    line-height: 26px;
  }

  .bloc-content-global{
    padding-top: 20px;
  }

  .bloc-content-global a.content-actu{
    flex-basis: 49%;
  }

  .bloc-content-global a.content-actu:nth-child(3n){
    margin-right: 2%!important;
  }

  .bloc-content-global a.content-actu:nth-child(2n){
    margin-right: 0!important;
  }

  .bt-savoir-plus-fede{
    margin-top: 50px;
  }

  .row-federation-home{
    padding-right: 50px!important;
  }

  .bloc-home-federation{
    flex-wrap: wrap;
  }

  .content-home-federation{
    padding-right: 0px;
  }

  .text-federation{
    flex-basis: 100%;
    padding-bottom: 20px;
  }

  .chiffre-cles{
    flex-basis: 100%;
  }

  .row-federation-home{
    padding-top: 80px!important;
  }

  .entete-homepage .texte-entete h1{
    padding-top: 30px;
    padding-bottom: 40px;
    margin-top: 70px;
    font-size: 60px;
  }

  .entete-homepage .texte-entete p{
    font-size: 16px;
    line-height: 22px;
  }

  .entete-homepage .texte-entete p.citation{
    margin-top: 0px;
  }

  #notre-histoire{
    padding: 50px!important;
  }

  .module-image-bt-histoire{
    align-items: flex-start;
  }

  .image-groupe-histoire{
    width: 100%;
  }

  .image-groupe-histoire div:first-child{
    margin-bottom: 0;
    padding-top: 50px;
    padding-right: 0;
  }

  .first-image-notre-histoire{
    flex-basis: 20%;
    display: none;
  }

  .text-notre-histoire{
    flex-basis: 100%;
  }

  .image-groupe-histoire div:last-child {
    padding-right: 50px;
  }

  .image-groupe-histoire div:last-child a{
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .content-adherent-liste-portail .adherent-global-portail{
    flex-basis: 100%;
    margin-right: 0;
  }

}


@media screen and (max-height: 940px), screen and (max-width: 980px) {

  .entete-homepage .texte-entete h1{
    padding-top: 30px;
    padding-bottom: 40px;
    margin-top: 70px;
    font-size: 60px;
  }

  .entete-homepage .texte-entete p{
    font-size: 16px;
    line-height: 22px;
  }

  .entete-homepage .texte-entete p.citation{
    margin-top: 0px;
  }
}


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

  .links-participants a{
    margin-right: 10px;
  }

  .fiche-tonn-po {
    flex-basis: 49%;
  }

  .fiche-tonn-po:nth-child(3n) {
    margin-right: 2%;
  }

  .fiche-tonn-po:nth-child(2n) {
    margin-right: 0;
  }

  .wsp-pages-list li.page_item{
    flex-basis: 49%;
  }

  .section-page-int .chiffre-cles.afterloader > div{
    animation-name: none!important;
    -webkit-animation-name: none!important;
    -moz-animation-name: none!important;
    -ms-animation-name: none!important;
    -o-animation-name: none!important;
    opacity: 1!important;
    transform: scale(1)!important;
  }

  .et_pb_section, .et_pb_module, .et_pb_row {
    animation-name: none!important;
    -webkit-animation-name: none!important;
    -moz-animation-name: none!important;
    -ms-animation-name: none!important;
    -o-animation-name: none!important;
    opacity: 1!important;
    transform: translate3d(0px, 0px, 0px)!important;
  }

  .section-page-int .chiffre-cles{
    margin-top: 0px;
  }

  .section-page-int .chiffre-cles > div{
    flex-basis: 50%;
    margin-right: 0;
    margin-bottom: 0;
  }

  .bloc-text-page-int-color{
    margin-bottom: 35px!important;
  }

  .section-page-int{
    padding-top: 35px!important;
    padding-bottom: 40px!important;
  }

  .section-page-int.first{
    padding-top: 35px!important;
    padding-bottom: 0!important;
  }

  .section-page-int:last-child {
    padding-bottom: 35px!important;
  }

  .image-content-int-half,
  .image-content-int-full{
    height: 260px;
    margin-bottom: 0!important;
  }

  .link-suivant-home{
    display: none;
  }

  .document-link-resp{
    display: flex!important;
  }

  .parent-submenu-intranet{
    display: none!important;
  }

  .column-connexion{
    display: none;
    padding: 25px;
    height: auto;
  }

  .page-connexion{
    height: auto;
  }

  .column-connexion-right{
    display: block;
  }

  /* Responsive Intranet */

  #section-intranet-page.open{
    height: calc(100vh - 79px)!important;
    overflow: hidden;
    display: block;
  }

  .menu-intranet{
    width: 100%!important;
    top: 0;
    bottom: 0;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;
    display: none;
    z-index: 10000;
    min-width: auto!important;
    height: calc(100vh - 80px);
  }

  .content-search-menu{
    margin-bottom: 0px;
  }

  .bloc-content-intranet-menu{
    position: relative;
    top: 0;
    width: 100%;
  }

  .et_pb_column.menu-intranet .et_pb_widget{
    width: 100%!important;
  }

  #menu-portail-intranet{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 130px);
    justify-content: center;
    align-items: center;
  }

  #menu-portail-intranet li{
    flex-basis: 50%;
    order: 3;
    height: 33.333333%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px!important;
  }

  #menu-portail-intranet>li>a{
    padding: 20px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    position: relative;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }

  #menu-portail-intranet>li.current-menu-item > a,
  #menu-portail-intranet>li:hover > a,
  #menu-portail-intranet>li.current-menu-parent > a{
    background: none;
  }

  #menu-portail-intranet>li.current-menu-item,
  #menu-portail-intranet>li:hover,
  #menu-portail-intranet>li.current-menu-parent{
    background-color: #4f331d!important;
  }

  #menu-portail-intranet>li:nth-child(1),
  #menu-portail-intranet>li:nth-child(4),
  #menu-portail-intranet>li:nth-child(7){
    background-color: #efe9dd;
  }

  #menu-portail-intranet>li>a>span{
    padding-left: 0px!important;
    padding-top: 50px!important;
  }

  #menu-portail-intranet>li>a>span:before{
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    font-size: 40px;
  }

  #menu-portail-intranet li:nth-child(1){
    order: 2;
  }

  #menu-portail-intranet li:nth-child(2){
    order: 1;
  }

  #menu-portail-intranet>li:nth-child(2)>a:after{
    display: none;
  }

  .menu-portail-resp{
    display: block;
  }

  .submenu-compte{
    right: -25px;
    width: 280px;
  }

  .sub-menu{
    display: none!important;
  }

  /**/

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a{
    text-align: center;
  }

  .et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li{
    padding-left: 25px!important;
    padding-right: 25px!important;
    text-align: center;
  }

  .et_header_style_fullscreen .et_pb_fullscreen_nav_container{
    width: 100%!important;
  }

  .blog-content a.content-actu{
    flex-basis: 49%;
  }

  .blog-content a.content-actu:nth-child(3) {
    margin-right: 2%;
  }

  .blog-content a.content-actu:nth-child(2n) {
    margin-right: 0;
  }

  .home #main-header .mobile_menu_bar:after{
    content: "\61";
    text-shadow: 0 0;
    font-family: "ETmodules"!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
    font-size: 50px;
  }

  #main-header .mobile_menu_bar:after{
    content: "\61";
    text-shadow: 0 0;
    font-family: "ETmodules"!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
    font-size: 50px;
  }

  #main-header{
    transition: all 0.3s ease!important;
  }

  .container.et_menu_container{
    padding-left: 15px;
    padding-right: 15px;
  }

  #main-header.et-fixed-header{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  }

  .et_header_style_left #logo, .et_header_style_split #logo{
    max-width: 100%;
  }

  .et_pb_section .et_pb_code {
    animation-name: none!important;
    -webkit-animation-name: none!important;
    -moz-animation-name: none!important;
    -ms-animation-name: none!important;
    -o-animation-name: none!important;
    opacity: 1!important;
    transform: translate3d(0px, 0px, 0px)!important;
  }

  #et-top-navigation{
    padding-left: 0px!important;
    padding-top: 0px!important;
  }

  .et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar{
    padding-bottom: 0px!important;
  }

  .menu-sup>a{
    margin-right: 5px;
    font-size: 13px;
    position: relative;
    width: 30px;
    height: 40px;
  }

  .menu-sup>a span{
    display: none;
  }

  .menu-sup>a:before{
    content: "\e08a";
    font-family: "ETmodules"!important;
    display: block;
    font-size: 22px;
    line-height: 39px;
    font-weight: 700;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    width: 30px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.3s ease;
  }

  #main-header .menu-sup>a:before{
    color: #ceaa8a;
  }

  .home #main-header .menu-sup>a:before{
    color: #FFFFFF;
  }

  .home #main-header.et-fixed-header .menu-sup>a:before{
    color: #ceaa8a;
  }

  .content-home-federation{
    width: 100%;
  }

  #map-adherent-home .map-adherent,
  .section-page-int .map-adherent{
    width: 100%;
    height: 60vh;
  }

  .row-reverse{
    flex-direction: column-reverse;
    display: flex;
  }

  .row-federation-home{
    padding: 30px!important;
    padding-top: 45px!important;
  }

  .text-notre-histoire {
    background-color: #FFFFFF;
  }

  .text-notre-histoire h2,
  .text-notre-histoire p{
    color: #947454;
  }

  .text-notre-histoire h2:before{
    background-color: #947454;
  }

  .image-groupe-histoire div:first-child{
    width: 100%;
    text-align: center;
    padding: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .image-groupe-histoire div:last-child{
    padding: 0;
  }

  .module-image-bt-histoire .et_pb_code_inner{
    width: 100%;
  }

  #notre-histoire{
    padding: 0px!important;
    padding-bottom: 30px!important;
  }

  #actu-home{
    padding: 50px!important;
    padding-bottom: 50px!important;
  }

  .mouse-entete{
    display: none;
  }

  .content-users-portal-titles{
    display: none;
  }

  .content-users-portal-details{
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
  }

  .content-users-portal-details > div{
    flex-basis: 100%!important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }

  .content-users-portal-details > div.actions-account-details{
    flex-direction: row;
    margin-top: 0;
    flex-basis: 100%!important;
  }

  .content-users-portal-details > div.actions-account-details > div{
    background: #f5e7c6;
    padding: 10px;
    border: 1px solid #4f331d;
  }

  .content-users-portal-details > div > span{
    display: block;
    background: #4f331d;
    color: #FFF;
    flex-basis: 100%;
    padding: 5px;
    margin-bottom: 10px;
  }

  .content-users-portal-details > div:after{
    display: none;
  }

}

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

  .tab-tonn-list ul.et_pb_tabs_controls{
    flex-wrap: wrap;
  }

  .tab-tonn-list ul.et_pb_tabs_controls li{
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .fiche-tonn-po {
    flex-basis: 100%;
    margin-right: 0!important;
    margin-bottom: 25px;
  }

  .tos-next, .tos-prev{
    display: none!important;
  }

  .tos-wrapper.tos-has-thumbnails .tos-pagination{
    height: 130px;
  }

  .tos-wrapper.tos-has-thumbnails .tos-pagination a{
    width: 70px;
    height: 70px;
  }

  .tos-slide{
    padding-bottom: 150px;
    padding-top: 75px;
  }

  .acces-rapide-fichiers{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .single .fluid-width-video-wrapper{
    display: none;
  }

  .single .wonderplugin-pdf-iframe{
    display: none;
  }

  .single .single-link-pdf{
    display: block;
  }

  .single .single-link-pdf{
    display: block;
  }

  .content-infos-user > div.bloc{
    flex-basis: 100%;
    margin-right: 0%;
  }

  .content-fiche-infos-flash{
    padding-left: 0px;
    padding-right: 0px;
  }

  .bloc-filtres-search-adherents{
    flex-wrap: wrap;
  }

  .bloc-filtres-search-adherents .content-search-adherent,
  .bloc-filtres-search-adherents .filtre-select-region{
    flex-basis: 100%;
    margin-bottom: 15px;
    margin-right: 0!important;
  }

  .content-adherent-liste-portail .adherent-global-portail{
    flex-basis: 100%;
    margin-right: 0px!important;
    margin-bottom: 30px!important;
  }

  .content-files .files a{
    width: 97%;
  }

  .file-download{
    flex-wrap: wrap;
  }

  .file-download > div:last-child{
    flex-basis: 100%;
  }

  .content-files .files .name{
    flex-basis: 100%;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 18px;
    margin-top: 18px;
  }

  .content-subfolder .subfolder .infos-files .name,
  .content-subfolder .subfolder .infos-files .link-all-files{
    font-size: 14px;
    line-height: 16px;
  }

  .content-subfolder .subfolder .infos-files .name span,
  .content-subfolder .subfolder .infos-files .link-all-files span{
    display: inline-block;
  }

  .content-subfolder .subfolder .infos-files .name{
    flex-basis: 100%;
  }

  .content-subfolder .subfolder .infos-files .link-all-files{
    flex-basis: 100%;
    padding-left: 0px;
    display: none;
  }

  .content-files{
    margin-left: 10px;
  }

  .bloc-content-global h1,
  .column-connexion h1{
    font-size: 24px;
  }

  .logo-portail > div:last-child{
    font-size: 12px;
    line-height: 14px;
  }

  .profil-portail > div.profil{
    padding-left: 35px;
  }

  .profil-portail > div.profil > span{
    display: none!important;
  }

  .submenu-compte li.infos-resp{
    display: block!important;
    padding-top: 5px;
    padding-bottom: 10px;
  }

  div .um-account-meta{
    display: none!important;
  }

  .bloc-content-global a.content-actu{
    flex-basis: 100%;
    margin-right: 0!important;
  }

  .blog-content a.content-actu:nth-child(3n){
    margin-right: 0!important;
  }

  .blog-content a.content-actu:nth-child(2n){
    margin-right: 0!important;
  }

  .et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li{
    margin-bottom: 5px!important;
  }

  .et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li a{
    padding-top: 12px!important;
    padding-bottom: 12px!important;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a{
    font-size: 24px;
  }

  .content-footer{
    flex-wrap: wrap;
  }

  .content-footer > div{
    flex-basis: 50%!important;
    justify-content: center;
    padding-right: 0px!important;
    text-align: center;
  }

  .content-footer .logo-footer{
    margin-bottom: 30px;
  }

  .blog-content .img-actu{
    height: 320px;
  }

  .blog-content a.content-actu{
    flex-basis: 100%;
  }

  .blog-content a.content-actu {
    margin-right: 0!important;
    margin-bottom: 40px;
  }

  .entete-homepage .texte-entete h1{
    font-size: 50px;
    animation: none;
  }

  .entete-homepage .texte-entete p{
    width: 100%;
    max-width: 100%;
    animation: none;
  }

  .entete-homepage .image-entete img{
    height: 110px;
  }


  .text-notre-histoire h2,
  .content-home-federation h2,
  #actu-home h2,
  .section-page-int h1{
    font-size: 26px;
    line-height: 37px;
    margin-bottom: 20px;
  }

  .text-notre-histoire h2 span,
  .content-home-federation h2 span,
  #actu-home h2 span,
  .section-page-int h1 span{
    font-size: 40px;
  }

}

@media screen and (max-width: 680px) {
  .bt-fermer-account-user{
    position: relative;
    width: 132px;
    margin: auto;
  }

  .content-form-account-portal:before{
    background-position: top center;
  }
}

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

  .pum-container{
    max-width: 85%!important;
  }

  .bloc-formations-region{
    flex-wrap: wrap;
  }

  .bloc-formations-region .formations-region{
    margin-right: 0px!important;
    flex-basis: 100%;
    margin-bottom: 25px;
  }

  .wsp-pages-list li.page_item{
    flex-basis: 100%;
    margin-right: 0px;
  }

  .bloc-with-part-logo-left:before,
  .bloc-with-part-logo-right:before{
    display: none;
  }

  .image-content-int-half.bloc-70,
  .image-content-int-full.bloc-80{
    width: 100%;
  }

  .contact-adherent-liste .content-contact-aherent{
    flex-wrap: wrap;
  }

  .contact-adherent-liste .content-contact-aherent > div{
    flex-basis: 100%!important;
    text-align: center!important;
  }

  .contact-adherent-liste .content-contact-aherent > div:first-child{
    padding-bottom: 5px!important;
  }

  .contact-adherent-liste .content-contact-aherent > div:last-child{
    padding-top: 5px!important;
  }

  .bloc-form-account-portal label{
    flex-basis: 100%!important;
    margin-right: 0px!important;
  }

  .content-adherent-liste-portail .adherent-global-portail .infos{
    flex-basis: 100%;
  }

  .content-adherent-liste-portail .adherent-global-portail .carte-region{
    display: none;
  }

  .content-infos-user form label.half, .content-infos-user form label.half-end{
    flex-basis: 100%;
    margin-right: 0%;
  }

  .content-portail-home a,
  .content-portail-document-page a{
    font-size: 14px;
    line-height: 17px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }

  #menu-portail-intranet>li>a{
    font-size: 12px;
    line-height: 17px;
  }

  .content-portail-document-page a span{
    padding-top: 25px;
  }

  .content-portail-document-page a span:before{
    font-size: 20px;
    line-height: 20px;
  }

  .bloc-content-global{
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-colombe{
    padding: 10px;
  }

  .entete-colombe{
    flex-wrap: wrap;
  }

  .entete-colombe > div{
    flex-basis: 100%;
  }

  .article-content a{
    width: 100%;
  }

  .content-footer{
    flex-wrap: wrap;
  }

  .content-footer > div{
    flex-basis: 100%!important;
    justify-content: center;
    padding-right: 0px!important;
    text-align: center;
  }

  .entete-homepage .texte-entete p.citation:before{
    font-size: 200px;
    line-height: 182px;
  }

  .entete-homepage .texte-entete h1{
    font-size: 30px;
    margin-top: 15px;
    padding-bottom: 15px;
  }

  .entete-homepage .texte-entete h1 span{
    display: block;
  }

  .entete-homepage .texte-entete p{
    font-size: 14px!important;
    line-height: 18px!important;
  }

  .chiffre-cles > div{
    height: 150px;
  }

  .chiffre-cles > div h3{
    font-size: 28px;
  }

  .chiffre-cles > div span{
    font-size: 13px;
    line-height: 15px;
  }

}

@media screen and (max-width: 340px) {
  #menu-portail-intranet {
    width: 100%;
    max-width: 100%;
  }
}


@media screen and (max-width: 380px) {
  #et-top-navigation{
    flex-basis: 30%;
  }

  .entete-homepage .texte-entete p.citation,
  .entete-homepage .texte-entete p{
    display: none;
  }
}

.institut-section{
  display: flex;
  flex-direction: column;
}

.fiche-tonn-po.institut {
  width: 32%;
}

/*CODE CSS POUR MODIFICATIONS DU 8 JUILLET 2025 */

.social-links {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 20px;
}

.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  transition: opacity 0.3s ease;
  color: white;
  background: transparent;
}

.social-links a:hover {
  opacity: 0.7;
}

/* Icônes SVG intégrées */
.social-links svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}

/* Container des liens sociaux header */
.social-links-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 25px;
}

.social-links-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 32px;
  text-decoration: none;
  transition: all 0.3s ease;
  background: transparent;
}

.social-links-header a:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

/* Couleur des bordures quand header fixé */
header.et-fixed-header .social-links-header a {
  border-color: #333;
}

/* Icônes SVG */
.social-links-header svg {
  width: 28px;
  height: 28px;
  fill: white;
  transition: fill 0.3s ease;
}

/* Couleur des icônes quand header fixé */
header.et-fixed-header .social-links-header svg {
  fill: #333;
}

/* Responsive */
@media (max-width: 768px) {
  .social-links-header {
    gap: 8px;
  }

  .social-links-header a {
    width: 28px;
    height: 28px;
  }

  .social-links-header svg {
    width: 18px;
    height: 18px;
  }
  .social-links-header{
    margin: 0 10px;
  }
}

.infos {
  position: relative;
  min-height: 100px;
}

.infos[style*="--logo-url"] .nom-prenom-responsable,
.infos[style*="--logo-url"] .poste-responsable,
.infos[style*="--logo-url"] .adresse-tonn {
  max-width: calc(100% - 165px); /* 145px de logo + 20px de marge */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media screen and (max-width: 600px){
  .infos[style*="--logo-url"] .contact-responsable,
  .infos[style*="--logo-url"] .siteweb {
    max-width: calc(100% - 165px); /* 145px de logo + 20px de marge */
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

.infos[style*="--logo-url"]::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  width: 135px;
  height: 100px;
  background-image: var(--logo-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 1;
}

.infos:not([style*="--logo-url"]) {
  padding-right: 0;
}

.infos:not([style*="--logo-url"]) > div {
  max-width: 100%;
}

.et_pb_module.et_pb_widget_area_left {
    position: fixed;
    min-height: 100%;
    height: 100%;
}
#text-2{
  height: 100%;
}
.textwidget{
  height: 100%;
}
.menu-portail-intranet-container{
    overflow: scroll;
    flex: 1;
  }