/*GESTE*/

/* Fix pour la classe geste-references-listing (orthographe corrigée en J5) */
/* On applique les mêmes styles que geste-referances-lising (orthographe J3) */

/* Tooltips custom pour les icones metiers */
.geste-tooltip {
  cursor: pointer;
}

.custom-tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  z-index: 99999;
  pointer-events: none;
  display: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

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


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




body{
  font-size: 20px;
}

.sppb-addon-content img.geste-tooltip, .references-geste-items img.geste-tooltip {max-width:40px;}

.sppb-addon-content ul{
  padding-left: 18px;
  margin-left: 20px;
}
.sppb-addon-content li,
.container-fluid .geste-references-left li {
    list-style-type: none;
    position: relative
}
.sppb-addon-content li::before,
.container-fluid .geste-references-left li::before {
    content: '\2022';      
    position: absolute;
    left: -0.8em;          
    font-size: 1.2em;      
}

/*HOMEPAGE*/
#sp-header #sp-logo .sp-column .sp-module-content .custom p{
	/*font-size: 18px;
    line-height: 24px;*/
}
#sp-header #sp-top1 .sp-column .mod-languages ul li a {
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .1.5rem;
    line-height: 40px;
}
#sp-slide #sp-title .sp-module-content .geste-page-title-heading {
  	font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: 0.8px;
    padding-bottom: 10px;
    color: #393939;
}

.organisation #sp-slide #sp-title .sp-module-content .geste-page-title-heading {
    	font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: 0.8px;
    padding-bottom: 10px;
    color: #393939 !important;
}

.organisation #sp-slide #sp-title .sp-module-content .geste-page-title ul {
  color: #707070;
    font-size: 20px;
    font-weight: 100;
    line-height: 28px;
    padding-left: 18px;
  margin-bottom:30px;
}

.organisation #sp-slide #sp-title .sp-module-content .geste-page-title ul li {
  color: #333;
    font-size: 20px;
    line-height: 28px;
    font-weight: lighter;
    border-bottom: none;
    list-style-type: none;
}

.organisation #sp-slide #sp-title .sp-module-content .geste-page-title ul li:before {
    content: '\2022';
    position: absolute;
    left: -0.8em;
    font-size: 1.2em;
}

.geste-carrieres-area .sppb-container-inner {
    border-top: 1px solid #7d7773;
    padding-top: 20px;
}

#sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-title a span{
    color: #FFF;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .3rem;
    font-weight: lighter;
    text-transform: uppercase;
}
#sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-introtext p,
body.geste-news-container.view-category .references-geste-items .content p,
body.geste-news-container.view-category .references-geste-items .content,
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content {
	font-size: 14px;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  color: #707070;
}

.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content p{
  font-size: 14px;
  font-family: Merriweather-Light;
  line-height: 20px;
  color: #333;
}

#sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-introtext p {
  color: #fff;
  font-size: 16px;
}


h1.sppb-addon-title, h2.sppb-addon-title, h2.geste-title{
	color: #7D7772 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: 0.8px !important;
    font-weight: lighter !important;
    text-transform: uppercase !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
}
#chiffres h2.sppb-addon-title, #zahlen h2.sppb-addon-title, #numbers h2.sppb-addon-title {
  color: #fff !important;
}
.count-numbers .geste-counter h4 span {
  color: #fff !important;
  text-transform: uppercase;
    font-weight: bold;
}

.item-page .geste-references-right .geste-departement h4, .item-page .geste-references-right .geste-activities h4{
	font-weight: lighter;
    letter-spacing: .4rem;
    line-height: 1.4;
}

h4 {
    font-weight: bold !important;
    letter-spacing: .15rem !important;
    font-size: 14px !important;
    line-height: 1.4;
}

.container-fluid .geste-references-left p strong{
	font-size: 20px;
    font-weight: lighter;
    color: #333;
    line-height: 28px;
}

.container-fluid .geste-references-left p, 
.container-fluid .geste-references-left ul,
.sppb-row-container p, .sppb-row-container ul li{
    color: #707070;
    font-size: 20px;
    line-height: 28px;
    font-weight: lighter;
}


.container-fluid .geste-references-left ul li,
.sppb-row-container ul li {
    margin-bottom: 3px;
}

.item-page .geste-references-left .geste-date,
.item-page .geste-references-left .geste-departement,
.item-page .geste-references-left .geste-telecharger-pdf{
	font-size: 13px;
}

h2.references-geste-items-heading {
	color: #7D7773;
    font-weight: 100 ;
    font-size: 32px ;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: .3rem;
}
.geste-departement-square-block:hover .sppb-addon-title{
	font-size: 32px;
    font-weight: 100;
    letter-spacing: .3rem;
}
.geste-departement-square-block .sppb-addon-text-block .sppb-addon-content{
	font-size: 32px;
    letter-spacing: .3rem;
    font-weight: 400;
}
.sppb-addon-single-image .sppb-addon-title{
	font-size: 14px;
  letter-spacing: 0.7px;
}   
.sppb-addon-single-image .sppb-addon-title span{
	font-size: 13px;
	font-weight: lighter;
}

#sp-slide #sp-title .sp-module-content .geste-page-title-heading span{
	color: inherit;
    font-size: 13px;
    letter-spacing: .4rem;
    font-weight: bold;
    padding-bottom: 10px;
}


body.geste-slide-style-01 #sp-slide .geste-page-sub-title {
    color: #FFF;
    font-family: Merriweather-Light;
    font-size: 16px;
    line-height: 20px;
}
#sp-slide #sp-title .sp-module-content .geste-page-manager.active a {
    font-size: 16px;
    color: #FFF;
    font-family: Merriweather-Light;
}
.geste-banner .geste-banner-overlay span{
	font-size: 32px;
    font-weight: 100;
    line-height: 40px;
    text-transform: uppercase;
}
.geste-banner .geste-banner-overlay p{
	font-size: 16px;
    font-family: Merriweather-Light;
    line-height: 20px;
    margin-top: 40px;
}
.geste-history-subtitle p,
.geste-metiers-section .sppb-addon-text-block.geste-metiers-heading .sppb-addon-content p,
.texte-intro-references .reference-intro p,
.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content p {
	font-family: Merriweather-Light;
  	font-size: 16px;
  	line-height: 20px;
  	color: #707070;
}

.sppb-addon-content p, .sppb-addon-content ul{
	color: #707070;
  	font-size: 20px;
  	font-weight: 100;
  	line-height: 28px;
}

.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-overlay h3 a{
	font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    letter-spacing: .4rem;
}

.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-overlay .geste-client,
.references-geste-items .geste-client {
	font-size: 20px;
    line-height: 21px;
    letter-spacing: 1px;
    font-weight: 100;
}

.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-departement span{
	font-size: 13px;
}

#sppb-addon-1550803972521 .geste-carrieres-box .sppb-addon-content{
	font-family: Merriweather-Light;
    font-size: 16px;
    line-height: 20px;
    color: #707070;
}
#sppb-addon-1550803972534 .geste-carrieres-heading .sppb-addon-content ul{
	color: #707070;
    font-size: 18px;
    font-weight: 100;
    line-height: 26px;
}


.geste-carrieres-area .geste-appliquer-carrieres .sppb-addon-title {
    font-size: 18px;
    color: #707070;
    line-height: 28px;
    letter-spacing: .3rem;
    text-transform: uppercase;
    margin-top: 0;
}

.geste-carrieres-area .geste-appliquer-carrieres .sppb-addon-content{
  font-size: 16px;
  font-family: Merriweather-Light;
  line-height: 20px;
}
#column-id-1550803972529 .sppb-column-addons{
  width: 85%;
}
.geste-carrieres-area #column-id-1550803972530 .sppb-column-addons > div {
  border-bottom: 1px solid #7d7773;
}

.geste-carrieres-area #column-id-1550803972530 .sppb-column-addons > div:last-child {
  border-bottom: none;
}

.geste-carrieres-area .geste-appliquer-carrieres .sppb-addon-content a{
	font-size: 13px;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  font-style: normal;
}

.geste-carrieres-area .geste-appliquer-carrieres .sppb-addon-content p {
    margin-bottom: 40px;
    line-height: 20px;
}

@media screen and (max-width: 767px){
  #sp-header #sp-logo a img.sp-retina-logo {
      display: none;
  }
  .sp-page-builder .page-content #section-id-1550803972531 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}

#sp-header .logo a img.sp-default-logo {height:100%;}
#sp-header.menu-fixed #sp-logo a img.sp-retina-logo {height:100%;}

#sp-header #sp-logo .logo a {
    display: flex;
    align-items: center;
    height: 100%;
    width: fit-content;
}

@media (max-width: 767px) {
    #sp-header #sp-logo .logo a img{
        height: 20px;
        width: auto;
        max-width: 100%;
        top: 0;
    }
}

.geste-metiers-section .geste-metiers-heading .sppb-addon-content,
.departement-metiers .sppb-addon-text-block .sppb-addon-content{
  font-family: Merriweather-Light;
  font-size: 16px;
  line-height: 20px;
}

.geste-point-fort .sppb-addon-content div{
  font-size: 32px;
  line-height: 42px;
}

@media (min-width: 992px){
  .sppb-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sppb-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media screen and (min-width: 768px){
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .geste-menu-metiers,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .geste-menu-references,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .geste-menu-carreiere,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .geste-menu-news,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .geste-menu-contact,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .geste-menu-software
{
	font-size: 24px !important;
    letter-spacing: .4rem;
    font-weight: lighter;
} 
  #sp-slide #sp-title .sp-module-content {
    padding-top: 10px;
    padding-left: 30px;
  }

  .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li.geste-menu-urban a,
  .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li.geste-menu-road a,
  .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li.geste-menu-buildings a,
  .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li.geste-menu-innovation a,
  .full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li.geste-menu-rail a {
    color: #FFF;
    padding: 0;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 40px;
  }

  #sp-header.menu-fixed #sp-menu .sp-column #offcanvas-toggler >i:before, #sp-header.menu-fixed #sp-menu .sp-column #offcanvas-toggler >i:after {
    top: 14px;
}
}

#sp-sub-header .nav.menu li >a {
    line-height: 50px;
    font-size: 13px;
	letter-spacing: .3rem;
}

body.geste-slide-style-01 #sp-slide .geste-page-sub-title,
.geste-banner .geste-banner-overlay p,
.geste-metiers-section .sppb-addon-text-block.geste-metiers-heading .sppb-addon-content p,
#sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-introtext p {
    line-height: 22px;
}

@media screen and (max-width: 768px){
  #sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-title a span {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: .1.5rem;
  }
  #sp-slide #sp-title .sp-module-content .geste-page-title-heading {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: .3rem;
  }
  #sp-header #sp-logo .sp-column .logo {
      padding-left: 2px;
  }
  #sp-component {
    padding-top: 80px;
  }
  #sppb-addon-1551327306118 .sppb-responsive-bars.open .sppb-responsive-bar {
      background-color: #fff !important;
  }
  .sppb-link-list-responsive.sppb-link-list-wrap ul li a {
    line-height: 30px;
  }
}

@media screen and (max-width: 415px){
#sp-slide #sp-title .sp-module-content .geste-page-title-heading {
    font-size: 23px;
    line-height: 24px;
    letter-spacing: .2rem;
  }

  #sp-slide #sp-title .sp-module-content .geste-page-sub-title {
    line-height: 20px;
    margin-bottom: 10px;
  }

  #sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-title a span {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: .1.5rem;
    margin-bottom: 15px;
}

  #sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-introtext p {
    line-height:17px;
    font-size: 13px; 
  }

  #sp-page-builder .section-navigation {
    margin-bottom: 5px !important;
  }

  .sppb-addon-content .geste-point-fort p, .geste-point-fort ul li {
  font-size: 19px !important;
    font-weight: lighter !important;
    line-height: 26px !important;
    padding-bottom: 10px !important;
}

}

@media screen and (max-width: 376px){
#sp-header #sp-logo .sp-column .logo {
      padding-left: 0px;
  }
}


/*FORMULAIRE*/
#userForm {
  position: relative;
  z-index: 99;
}

/*general settings*/
/*text*/
#userForm .control-group .controls input ::-webkit-input-placeholder,
#userForm .control-group .controls textarea ::-webkit-input-placeholder,
#userForm .control-group .controls input :-moz-placeholder,
#userForm .control-group .controls textarea :-moz-placeholder,
#userForm .control-group .controls input ::-moz-placeholder,
#userForm .control-group .controls textarea ::-moz-placeholder,
#userForm .control-group .controls input ::-moz-placeholder,
#userForm .control-group .controls textarea ::-moz-placeholder,
#userForm .control-group .controls input :-ms-input-placeholder,
#userForm .control-group .controls textarea :-ms-input-placeholder  {
  color: #ccc;
}
.formControlLabel{
  text-transform: uppercase !important;
}
/*element state*/
#userForm .control-group .controls input:hover,
#userForm .control-group .controls input:focus,
#userForm .control-group .controls input[type="tel"]:focus,
#userForm .control-group .controls input[type="email"]:focus,
#userForm .control-group .controls textarea:hover,
#userForm .control-group .controls textarea:focus,
#userForm .control-group .controls input.rsform-error,
#userForm .control-group .controls textarea.rsform-error {
  border-color: #dc0069;
  box-shadow: none;
}


#userForm .control-group {
  vertical-align: top;
  margin: 0;
}

#userForm .control-group label {
  display: none;
}


#userForm .control-group .controls {
  margin: 15px 14px;
  width: auto;
}

#userForm .control-group .controls input {
  min-height: 50px;
}

input[type="text"]:focus, textarea:focus{
  box-shadow: none;
}

#userForm .control-group .controls input,
#userForm .control-group .controls textarea {
  max-width: 100%;
  background: #fff;
  border-radius: 0;
  border: 1px solid #ccc;  width: 100%;
  padding: 15px 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/*textarea*/
#userForm .control-group .controls textarea {
    min-height: 220px;
    font-size: 14px;
}
textarea {
  resize: none;
}

/*button send*/
#userForm #envoyer, .rsform-thankyou-button{
  text-transform: uppercase;
  padding: 15px 30px 15px 30px;
  font-size: 20px;
  border: none;
  border-radius: 0px;
  color: #FFF;
  background: #dc0069;

}
#userForm #envoyer:hover, #userForm #envoyer:active, .rsform-thankyou-button:hover, .rsform-thankyou-button:active ,  .rsform-thankyou-button:focus{
  background: #dc0069;
}
.btn-primary.focus, .btn-primary:focus, .btn:focus {
    box-shadow: none;
}
#userForm .rsform-block-envoyer {
  text-align: center;
}
/*button position*/
#userForm .rsform-block-envoyer{
  text-align: right;
}


/*error*/
#userForm .formValidation {
    width: 95%;
    display: block !important;
}

.help-block .formValidation {
  margin:0px;
}
#userForm .formError {
  color: #dc0069;
  margin-top: -34px;
  position: relative;
  float: right;
  font-size: 13px;
  font-weight: normal;
}
/*textarea error*/
#userForm .rsform-block-message .formError{
  margin-right: -16px;
}
#userForm .rsform-block-recaptcha .formError {
  top: -5px;
  float: left;
}
#userForm .rsform-block-recaptcha .formError {
  padding-left: 13px;
}
.control-group.error input{
  color: #dc0069;
}
.control-group.error input{
  box-shadow: none;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus{
  box-shadow: none;
}
/*text control info*/
#userForm .formRed {
  margin-left: 15px;
  color: #dc0069;
}

#userForm h2 {    
    margin-left: 15px ;
    text-align: center;
    margin-bottom: 40px;
}

/*responsive*/
@media (max-width: 768px) {
    #userForm h2 {
        font-size: 20px;
        margin-bottom: 22px;
        margin-left: 0;
    }
  
    .span6 {
        width: 100% !important;
    }
    #userForm .control-group .controls {
        margin: 0;
    }
    .row-fluid [class*="span"] {
        margin-left: 0;
    }

    /*error*/
    #userForm .rsform-block-message .formError{
        margin-right: 0px;
    }
    #userForm .formRed {
        margin-left: 0;
    }
}
/*FIN FORMULAIRE*/
.geste-carousel-introtext strong {
	font-family: Open Sans, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 13px;
    line-height: 20px;
}

#sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.sppb-section.grey-background{
  background-color: #7D7773 !important;
}
.sppb-section.grey-background .section-metiers h2, .sppb-section.grey-background.grey-background h2.sppb-addon-title{
  color: white !important;
}

.sppb-section.grey-background p, .sppb-section.grey-background ul li {
	color: white;
font-size: 20px;
    line-height: 28px;
    font-weight: lighter;
}

.sppb-section.grey-background ul li {
  margin-bottom: 3px;
}

.sppb-section.grey-background ul li:last-child {
  margin-bottom: 0;
}

/* .sppb-section.grey-dark-background {background-color: #9E9996 !important;} */
.sppb-section.grey-dark-background p,
.sppb-section.grey-dark-background ul li,
.sppb-section.grey-dark-background h3
 {
  color:#707070;
}

.geste-rail-metier .sppb-addon-title{
  line-height: 22px;
  margin-bottom: 26px;
}

.geste-rail-metier .sppb-addon-single-image-container {
    background: none; 
}

.section-metiers .sppb-addon-content p {
  line-height: 22px;
  font-family: Merriweather-Light;
}

.section-metiers .sppb-addon-text-block {
  min-height: 54px;
}

.geste-referances-lising .references-geste-items .article-item .content .intro .geste-project-intro,
.geste-references-listing .references-geste-items .article-item .content .intro .geste-project-intro,
body.geste-news-container.view-category .references-geste-items .content,
.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content, .sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content 
{
  font-family: Merriweather-Light;
  font-size: 14px;
  line-height: 20px;
}

.geste-referances-lising .references-geste-items .article-item .content .geste-date span,
.geste-references-listing .references-geste-items .article-item .content .geste-date span,
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-project-date,
.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content .sppb-meta-date{
	font-family: Open Sans, sans-serif;
	font-weight: lighter;
	line-height: 20px;
	font-size: 13px;
}

.geste-referances-lising .references-geste-items .article-item .content .geste-departement span:first-child,
.geste-references-listing .references-geste-items .article-item .content .geste-departement span:first-child,
.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .geste-departement span:first-child, 
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-departement span:first-child,
.geste-referances-lising .references-geste-items .article-item .content .geste-telecharger-pdf,
.geste-references-listing .references-geste-items .article-item .content .geste-telecharger-pdf
{
	font-family: Open Sans, sans-serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    color: #707070;
}

.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-telecharger-pdf a{
	color: #dc0069 !important;
	font-family: Open Sans, sans-serif;
	font-weight: bold;
	line-height: 20px;
    font-size: 13px;
}

.geste-referances-lising .references-geste-items .article-item .content .geste-departement span,
.geste-references-listing .references-geste-items .article-item .content .geste-departement span,
.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .geste-departement span, 
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-departement span
{
	font-family: Open Sans, sans-serif;
    font-weight: lighter;
    font-size: 13px;
    line-height: 20px;
}

.texte-intro-references .reference-intro {
  text-align: center;
  max-width: 600px;
  margin: 150px auto 40px;
  padding-bottom: 20px;
  border-bottom: 2px solid #b7b7b7;
}

.geste-referances-lising h4.geste-departement-title, 
.geste-references-listing h4.geste-departement-title, 
.geste-referances-lising h4.geste-activity-title,
.geste-references-listing h4.geste-activity-title {
	font-weight: lighter;
    font-size: 18px;
    letter-spacing: .4rem;
    color: #707070;
}

.geste-referances-lising .geste-departements ul li a,
.geste-references-listing .geste-departements ul li a {
    font-size: 13px;
    color: #707070;
    font-weight: bold;
}
.geste-referances-lising .geste-activities .geste-activities-option a,
.geste-references-listing .geste-activities .geste-activities-option a {
    line-height: 50px;
    color: #707070;
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
}

.geste-referances-lising .geste-activities ul li.geste-activity-title,
.geste-references-listing .geste-activities ul li.geste-activity-title {
    text-transform: uppercase;
    position: relative;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
    color: #707070;
}


.geste-referances-lising .geste-activities ul li a,
.geste-references-listing .geste-activities ul li a {
    text-transform: uppercase;
    position: relative;
    line-height: 35px;
    font-size: 13px;
    color: #707070;
}

.geste-referances-lising .geste-activities ul li.geste-activity-title span,
.geste-references-listing .geste-activities ul li.geste-activity-title span {
    background: #707070;
}

.references-geste-items h3 {
  font-size: 20px;
}


.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content .geste-project-name a{
	font-family: Merriweather-Bold;
    font-size: 16px;
    line-height: 20px;
    color:#333;
}

body.geste-slide-style-rail #sp-slide .geste-page-sub-title {
    color: #FFF;
}

.sppb-link-list-wrap ul li a {
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: 600 !important;
}

.sppb-addon-text-block sup, .section-metiers .sppb-addon-text-block p {
	font-size: 14px;
   font-family: Merriweather-Light;
  line-height: 20px;
}

.section-metiers .sppb-addon-text-block p {
  margin-top:-.5em;
}

.geste-page-sub-title {
    font-family: Open Sans, sans-serif;
}

.geste-point-fort p, .geste-point-fort ul li {
	font-size: 26px;
    font-weight: lighter;
    line-height: 34px;
    padding-bottom: 10px;
}

.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content .geste-project-name{
	    font-size: 16px;
      padding-right:0px;
}
#sp-bottom .sp-copyright .geste-heading {
    font-size: 100%;
    margin-bottom: 20px;
}
#sp-bottom .sp-module .nav.menu {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
}

#sp-bottom3 .sp-module p{
	font-size: 13px;
	font-weight: normal;
}

#sp-bottom .sp-copyright a{
      color: #FFF;
}

#sp-bottom .sp-copyright a:hover{
      color: #dc0069;
}
.geste-software-left .sppb-addon-content p:first-child, 
.container-fluid .geste-references-left p:first-child{
	font-weight: normal;
}

.geste-software-left .sppb-addon-content h3{
	font-size: 20px;
    font-weight: lighter;
    line-height: 28px;
    color: #707070;
    text-transform: uppercase;
}

.geste-software .geste-software-right .sppb-column-addons .sppb-addon-content h3 {
    color: #dc0069;
    font-size: 21px;
    font-weight: lighter;
    letter-spacing: .3rem;
    line-height: 28px;
}
.geste-software .geste-software-right .sppb-column-addons .sppb-addon-content .geste-main-color {
    color: #dc0069;
    font-size: 16px;
    font-family: Merriweather-Light;
    line-height: 25px;
}

.geste-software .geste-software-right .sppb-column-addons .sppb-addon-content p {
	font-family: Merriweather-Light;
    font-size: 16px;
    line-height: 25px;
}

.container-fluid p{
	color:#707070;
}

.geste-404 .error-message {
    text-transform: uppercase;
    font-size: 32px;
    color: #FFF;
    margin-bottom: 80px;
    line-height: 40px;
    font-weight: lighter;
    letter-spacing: .4rem;
}

.geste-404 .geste-404-return {
    background: #FFF;
    color: #dc0069;
    text-transform: uppercase;
    padding: 15px 30px;
    border-radius: initial !important;
    font-size: 13px !important;
    font-weight: bold;
    letter-spacing: .3rem;
}

.geste-slide-style-rail #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-slide-style-rail #sp-slide .geste-page-sub-title,
.geste-slide-style-urban #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-slide-style-urban #sp-slide .geste-page-sub-title,
.geste-slide-style-road #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-slide-style-road #sp-slide .geste-page-sub-title,
.geste-slide-style-buildings #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-slide-style-buildings #sp-slide .geste-page-sub-title,
.geste-slide-style-innovation #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-slide-style-innovation #sp-slide .geste-page-sub-title,
.geste-slide-style-software #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-slide-style-software #sp-slide .geste-page-sub-title,
.geste-slide-style-references #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-slide-style-references #sp-slide .geste-page-sub-title,
.geste-slide-style-01 #sp-slide #sp-title .sp-module-content .geste-page-title-heading,
body.geste-page-sub-title #sp-slide .geste-page-sub-title,
body.geste-slide-style-societe #sp-slide .geste-page-sub-title,
.geste-slide-style-societe #sp-slide #sp-title .sp-module-content .geste-page-title-heading
 {
	color: #fff;
}

.geste-page-sub-title {
    color: #585450;
    font-weight:400;
}

.organisation .geste-page-sub-title {
      color: #585450 !important;
    font-weight:400 !important;
}

.geste-page-sub-title {
  font-style: normal;
}

/* section navigation */
.section-navigation {
  margin-top: -124px !important;
  margin-bottom: 65px !important;
}

.home .section-navigation .sppb-link-list-wrap ul li a, .organisation .section-navigation .sppb-link-list-wrap ul li a{
    color: #393939;
}
.home .section-navigation .sppb-link-list-wrap ul li a:hover{
    color: #dc0069;
}
.home .section-navigation .sppb-link-list-nav ul li:before {
    background:#393939;
}
.home .section-navigation .sppb-responsive-bar {
    background-color: #000 !important;
}

.section-navigation .sppb-link-list-wrap ul li a{
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    color: #fff;
}

.section-navigation .sppb-link-list-nav ul li:before {
    background:#fff;
}

.section-navigation .sppb-icon {
  margin-top:50px;
}

.section-navigation .sppb-responsive-bar {
    background-color: #fff !important;
}

@media (max-width: 768px) {
    .section-navigation {
    margin-top: -20px !important;
    }
    .section-navigation .sppb-responsive-bar {
    background-color: #000 !important;
    }
    .section-navigation .sppb-link-list-wrap ul li a {
      color: #000;
    }
}
/*Fin section navigatin*/

.sppb-responsive-bar {
    height: 2px;
}

.metiers .geste-page-title  {
  margin-top: 62px;
}

.count-numbers h2 {
	color:#333;
}

.section-metiers h2, .grey-background h2.sppb-addon-title {
   color:#fff;
}

.sppb-article-geste-carousel .sppb-addon-content a {
	font-weight:bold !important;
	color:#333 !important;
}

.geste-activities {
	margin-top:20px;
}

body.geste-slide-style-societe #sp-slide,
body.geste-slide-style-societe #sp-slide:after {
    background: #00aa87;
}


.geste-referances-lising .references-geste-items .article-item .overlay h3,
.geste-references-listing .references-geste-items .article-item .overlay h3,
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-overlay h3 {
  display: none;
}
.geste-referances-lising .references-geste-items .article-item .overlay,
.geste-references-listing .references-geste-items .article-item .overlay {
  top:34px;
  padding-left: 22px;
}

.geste-referances-lising .references-geste-items .article-item .overlay .gest-client,
.geste-references-listing .references-geste-items .article-item .overlay .geste-client {
  font-size: 18px;
    line-height: 21px;
    letter-spacing: .4rem;
    font-weight: 100;
}

.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content a,
.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content strong, 
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content strong .geste-reference-bottom-module a.news,
.sppb-addon-content a.news,
body.geste-news-container.view-category .references-geste-items .content a,
body.geste-news-container.view-category .references-geste-items .content strong,
.sppb-addon-intro .geste-project-name,
.intro .geste-project-name,
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content strong,
.references-geste-items .content .intro .geste-project-name,
.sppb-references-geste-carousel.slick-slider .sppb-addon-content a{
  color: #707070 !important;
  font-family: Open Sans, sans-serif !important;
  font-size:16px;
}
.geste-referances-lising .references-geste-items .article-item .content .intro .geste-project-name,
.geste-references-listing .references-geste-items .article-item .content .intro .geste-project-name {
  padding-right: 4px;
}
.home .sppb-addon-intro {
  line-height: 20px;
}

.geste-counter .sppb-addon-content p {
  line-height: 24px !important;
}

body.geste-news-container.view-category .references-geste-items .geste-departement,
body.geste-news-container.view-category .references-geste-items .sppb-meta-date,
body.geste-news-container .sppb-references-geste-carousel .slick-slide .sppb-meta-date,
body.geste-news-container.view-category .references-geste-items .geste-departement span {
  font-family: Open Sans, sans-serif;	
}

.sppb-references-geste-carousel .sppb-meta-date {
	margin-bottom: 0px;
}

.geste-metiers-section:first-of-type .sppb-addon-text-block.geste-metiers-heading {
    border-bottom: 1px solid #7d7773;
}

.geste-metiers-section:not(:first-of-type) .sppb-addon-text-block.geste-metiers-heading {
    /* Tes autres règles ici */
    border-bottom: none; /* exemple */
}

.texte-intro-references .reference-intro,
.geste-referances-lising .geste-departements,
.geste-references-listing .geste-departements,
.item-page .geste-references-right .geste-departement h4, 
.item-page .geste-references-right .geste-activities h4 {
    border-bottom: 1px solid #b7b7b7;
}

body.geste-slide-style-news #sp-slide .geste-page-sub-title, body.geste-slide-style-carriere #sp-slide .geste-page-sub-title {
    color: #393939;
}

/* Espacement pour la page Références */
body.view-category.geste-references-page #sp-content-bottom {
    margin-top: 90px;
    padding: 25px 0;
}
body.view-category.geste-references-page #sp-content-bottom .container {
    width: 100%;
}
@media screen and (min-width: 1279px) {
    body.view-category.geste-references-page #sp-content-bottom .container {
        padding: 0 75px;
    }
}
body.view-category.geste-references-page #sp-content-bottom .geste-references-listing,
body.view-category.geste-references-page #sp-content-bottom .geste-referances-lising {
    padding: 50px 0 0 0;
}
body.view-category.geste-references-page .references-geste-items {
    margin-top: 50px;
}
body.view-category.geste-references-page h2.sppb-addon-title {
    text-align: center;
}

/* Ajuster le background du bouton Charger plus pour les références */
body.view-category.geste-references-page .geste-loadmore-news {
    background: #f0f0f0;
    margin: 0 45px 50px;
    padding: 30px;
}
body.view-category.geste-references-page .geste-loadmore-news:before,
body.view-category.geste-references-page .geste-loadmore-news:after {
    display: none;
}

.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-departement span:first-child {
    font-weight: bold;
    color: #707070;
}
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-departement span {
    font-family: Open Sans, sans-serif;
    color: #333;
}
.sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-project-date span{
  color: #333;
}
#sppb-addon-1560761665405 .sppb-animated-number,
#sppb-addon-1560761665443 .sppb-animated-number{
	font-family: "Merriweather";
}

article.item .geste-line{
    padding-bottom: 40px;
    text-align: center;
    border-bottom: 1px solid #b7b7b7;
    margin: 0 auto 20px;
    max-width: 900px;
}

@media screen and (max-width: 767px){
  .geste-banner .geste-banner-overlay span {
    font-size: 22px;
    line-height: 0;
  }

  .geste-banner .geste-banner-overlay p {
    margin-top: 20px;
    font-size: 14px;
  }

  #sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-title span {
      font-size: 18px;
  }
  #sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-introtext {
      margin-bottom: 0px !important;
      font-size: 12px !important;
      line-height: 18px;
  }
  #sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay h4 {
    font-size: 16px;
  }
  
}



.geste-history-content h3 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.geste-history-content .sppb-addon-text-block p {
    opacity: 0.8;
}
section.geste-history-content p {
    color: #fff;
    font-family: 'Merriweather';
    font-weight: lighter;
    font-size: 16px;
    line-height: 20px;
    font-style: normal !important;
}

.item-page .geste-references-left {
    padding: 0 ;
}

@media (min-width: 1200px) {
.sppb-row-container {
    width: 900px !important;
}}

@media (min-width: 1400px) {
.sppb-row-container {
    width: 1320px !important;
}
/*.geste-metiers-section .sppb-addon-text-block {
    max-width: 1320px !important;
}*/
}

.geste-metiers-section .sppb-addon-text-block {
    max-width: 100%;
    margin: 0 auto;
}

.sppb-addon-image-content .sppb-image-holder {
  background-repeat: no-repeat;
  background-size: contain;
  }

.geste-activities-option a,
.geste-news-lising .geste-activities ul li.geste-activity-title,
.geste-news-lising .geste-activities ul li a {
  font-size:13px;
}

sup {
  top:0em;
}

.sppb-row-container li {
margin-bottom: 10px;
}

#sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay .geste-carousel-introtext {
  margin-bottom:18px;
  font-size: 16px;
  font-family: Open Sans, sans-serif;
  /*line-height: 20px;*/
}

#sp-bottom {
  font-size: 14px;
}

#sp-bottom .sp-copyright {
  font-weight: lighter;
}

#sp-bottom .sp-copyright .geste-heading {
  font-weight: normal;
}

.geste-slide-style-rail #sp-slide #sp-title .sp-module-content .geste-page-manager.active a:hover {
  color: #fff;
  opacity: 0.5;
  transition: all 0.4s ease;
}

#sp-referance-bottom.geste-reference-bottom-module {
  margin-bottom:80px;
}

.page-content h2.sppb-addon-title {
font-size: inherit;
  font-family: inherit;
}
.page-content h2.sppb-addon-title:first-of-type {
margin-top:20px;
}

.page-content h2 {
  font-size: 24px;
  font-family: Open Sans, sans-serif;
    font-weight: normal;
}
.page-content h2:first-of-type,.page-content h3:first-of-type {
  margin-top:0px;
}

.page-content h2:nth-child(n+2),.page-content h3:nth-child(n+2) {
margin-top:30px;
  }

.geste-carousel-overlay .geste-carousel-title span {
text-transform: uppercase;
font-size: 24px;
color: #fff;
letter-spacing: 1.2px;
font-weight: 600;
}

.geste-plus-btn a {
  min-width: 250px;
  font-size:14px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.titreDessusH1 p {
  font-family: Open Sans, sans-serif;
  font-weight: normal;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.jmap_filetree span.folder {
  display:none;
}

#jmap_sitemap {
  width:100%;
}

.view-sitemap #sp-component {
    padding-top: 60px;
}

.jmapcolumn.instance1, .jmapcolumn.instance2 {
  width:50%;
}

.jmapcolumn.instance1 {
  float:left;
}

.jmapcolumn.instance2 {
  float:right;
}

.treeview a.selected {
  background-color: #fff;
  text-decoration: none;
  font-size: 20px;
}

.view-sitemap .container {
  max-width: 900px;
}


#jmap_sitemap h1 {
    border-bottom: 1px solid #7d7773;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(125, 119, 115);
    padding-bottom: 25px;
    text-align: center;
    margin-bottom: 53px !important;
color: #7D7773 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: .4rem !important;
    font-weight: lighter !important;
    text-transform: uppercase !important;
}




/*liste sous menu*/
.sppb-link-list-wrap.sppb-link-list-list ul li {
  display: inline-block;
}
.sppb-link-list-list ul li:before {
    position: absolute;
    left: 0;
    top: 15px;
    height: 15px;
    width: 1px;
    content: "";
    background: #7d7773;
}
.sppb-link-list-list ul li {
    position: relative;
}
.sppb-link-list-wrap.sppb-link-list-list ul li:first-child:before{
  display: none;
}

.sppb-link-list-wrap.sppb-link-list-list ul li a:hover{
  color: #dc0069;
}

.sppb-link-list-wrap.sppb-link-list-list ul li a{
  text-transform: uppercase !important;
}

/*menus swissmetro*/
#sp-sub-header ul#swissmetro li {
    width: auto;
    padding-left:15px;
    padding-right:15px;
}

/*LOGO ECOENTREPRISE FOOTER*/
.geste-bottom-footer #sp-bottom1.col-md-pull-8 {
    right: initial;
}
.geste-bottom-footer #sp-bottom2.col-md-push-4,
.geste-bottom-footer #sp-bottom3.col-md-push-4{
    left: initial;
}

@media screen and (max-width: 767px){
  .geste-bottom-footer #sp-bottom4 p{
    display: flex;
    justify-content: center;
  }
  .mobile-homepage-metiers .sppb-col-md-6{
  	width: 50%;
  }

  .mobile-homepage-metiers .sppb-addon-single-image .sppb-addon-title {
    font-size: 12px;
	}

	.valeur-logo-mobile img{
	    max-width: 50%;
	}  
} 

#sp-header > .row {
  display: flex;
}


@media (max-width: 767px) {
  #sp-header #sp-top1 .sp-column .mod-languages .geste-mobile-language a {
    line-height: 40px!important;
  }

  #sp-header #sp-top1 .sp-column .mod-languages .geste-mobile-language a:before {
      bottom: 6px!important;
      border-width: 10px 10px 0px 10px!important;
    }

  #sp-header #sp-top1 .sp-column .mod-languages .geste-mobile-language a:after {
      bottom: 8px!important;
      border-width: 10px 10px 0px 10px!important;
  }
}

.section-metiers .sppb-addon-text-block  {
  width:90%;
}

.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li a:hover span {
  font-weight: bold;
}

#sp-menu {
  position: relative;
}






/*************************************************** DEBUT GESTION DES COOKIES ********************************************************/

body #tarteaucitronRoot div#tarteaucitronAlertBig {
  border-radius: 0 !important;
}

div#tarteaucitronAlertBig:before {
  color: #096f88;
  font-family: inherit;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
  font-size: 1.5rem !important;
  line-height: 32px;
  font-weight: 500;
  line-height: 1.4rem;
  max-width: 50%;
}

/*IPAD PRO*/
@media only screen and (max-width: 1024px){
  #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }

  #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    max-width: 100%;
  }


}

div#tarteaucitronMainLineOffset,
.tarteaucitronBorder {
  border: 0 !important;
}

#tarteaucitron [aria-pressed=true] {
  font-weight: 700;
}

.tac_visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}

div#tarteaucitronAlertBig:focus {
  outline: 0;
}

.tarteaucitron-modal-open {
  overflow: hidden;
  height: 100%;
}

#tarteaucitronContentWrapper {
  display: unset;
}

/** 10082023 **/
div#tarteaucitronServices {
  border-radius: 0;
}

button#tarteaucitronClosePanel {
  top: 60px;
  right: 40px !important;
  border-radius: 0 0 0 0;
}
button#tarteaucitronClosePanel::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background-image: url("../images/cookie-close.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
@media screen and (max-width: 374px) {
  button#tarteaucitronClosePanel::after {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 375px) and (max-width: 1919px) {
  button#tarteaucitronClosePanel::after {
    width: calc(20px + 20 * (100vw - 375px) / 1545);
    height: calc(20px + 20 * (100vw - 375px) / 1545);
  }
}
@media screen and (min-width: 1920px) {
  button#tarteaucitronClosePanel::after {
    width: 25px;
    height: 25px;
  }
}
@media screen and (max-width: 374px) {
  button#tarteaucitronClosePanel::after {
    top: -20px;
    right: -20px;
  }
}
@media screen and (min-width: 375px) and (max-width: 1919px) {
  button#tarteaucitronClosePanel::after {
    top: calc(-20px + 20 * (100vw - 375px) / 1545);
    right: calc(-20px + 20 * (100vw - 375px) / 1545);
  }
}
@media screen and (min-width: 1920px) {
  button#tarteaucitronClosePanel::after {
    top: 0px;
    right: 0px;
  }
}

button.tarteaucitron-toggle-group {
  background: transparent !important;
  padding: 10px 0 0;
  cursor: pointer;
}

#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before {
  border-color: #707070;
}

#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::after,
#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background-color: #707070;
  border-radius: 50%;
}

#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
  font-size: 20px;
}

/* hide useless mandatory button */
#tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronAsk {
  display: none !important;
}

/* remove icon from the banner */
#tarteaucitronRoot button.tarteaucitronCTAButton {
  width: auto;
  padding: 0px 20px;
  display: inline-block;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  #tarteaucitronRoot button.tarteaucitronCTAButton {
    margin-bottom: 10px;
  }
}

#tarteaucitronRoot button.tarteaucitronDeny,
#tarteaucitronRoot button#tarteaucitronCloseAlert {
  display: inline-block;
  text-transform: none;
  width: auto;
  padding: 0px 26px;
}

#tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCross,
#tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCheck {
  display: none;
}

/* dont use bold to avoid bigger button */
#tarteaucitronRoot #tarteaucitron [aria-pressed=true] {
  font-weight: initial;
  text-shadow: initial;
}

/* fix padding if no cookies */
#tarteaucitronRoot #tarteaucitronServices li#tarteaucitronNoServicesTitle {
  padding: 20px;
}

/* hide info about cookies number */
#tarteaucitronRoot .tarteaucitronStatusInfo {
  display: none;
}

/***************/
/** 14042021 **/
span.tarteaucitronReadmoreSeparator {
  display: inline !important;
}

/******/
/** 09052021 **/
.tarteaucitronName .tacCurrentStatus,
.tarteaucitronName .tarteaucitronReadmoreSeparator {
  color: #333 !important;
  font-size: 12px !important;
  text-transform: capitalize;
}

/**************/
/** 27032021 **/
button.tarteaucitron-toggle-group {
  display: block;
}

span.tarteaucitronH3 {
  color: #096f88 !important;
  font-weight: 700 !important;
}

#tarteaucitronServicesTitle_mandatory #tarteaucitronServices_mandatory {
  max-width: initial;
  width: auto;
}

#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {
  line-height: 1.2em;
  margin-top: 7px;
  color: #707070 !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
}

.tarteaucitronLine {
  border-left: 0px solid transparent !important;
  padding-right: 50px!important;
}

.tarteaucitronLine .tarteaucitronAsk button {
  font-weight: bold!important;
}

#tarteaucitronSave {
  background: #FFFFFF;
}


#tarteaucitronRoot #tarteaucitronSave{
  text-align: right;
}
#tarteaucitronSave #tarteaucitronSaveButton {
    text-transform: uppercase;
    background-color: #dc0069;
    border: 1px solid #dc0069;
    color: #fff;
    margin: 40px;
}
#tarteaucitronSave #tarteaucitronSaveButton:hover {
    background: #a90051 !important;
    border: 1px solid #a90051 !important;
}


/*****/
/** BETTER MOBILE MODE **/
@media screen and (max-width: 767px) {
  html body #tarteaucitronRoot #tarteaucitron ul#tarteaucitronServices_mandatory .tarteaucitronDeny {
    display: none !important;
  }
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button,
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk,
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button > button,
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk > button,
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName > button {
    display: flex !important;
    height: fit-content!important;
  }
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine {
    padding: 16px !important;
    padding-left: 0px !important;
  }
  html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {
    display: none !important;
  }
  #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName span {
    width: 100% !important;
    display: inline-block;
  }
  li.tarteaucitronLine .tarteaucitronName span {
    width: 80% !important;
    display: inline-block;
  }
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group {
    width: 10% !important;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0px;
    padding: 10px 0;
  }
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:before {
    content: "▾";
    font-weight: 700;
    font-size: 16px;
  }
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:before {
    content: "▴";
  }
}
@media screen and (min-width: 768px) {
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:after {
    content: "▾";
    font-weight: 700;
    font-size: 16px;
    margin-left: 15px;
  }
  html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:after {
    content: "▴";
    margin-left: 15px;
  }
}
/****/
/***
* Reset CSS
*/
#tarteaucitronRoot div,
#tarteaucitronRoot span,
#tarteaucitronRoot applet,
#tarteaucitronRoot object,
#tarteaucitronRoot iframe,
#tarteaucitronRoot h1,
#tarteaucitronRoot h2,
#tarteaucitronRoot h3,
#tarteaucitronRoot h4,
#tarteaucitronRoot h5,
#tarteaucitronRoot h6,
#tarteaucitronRoot p,
#tarteaucitronRoot blockquote,
#tarteaucitronRoot pre,
#tarteaucitronRoot a,
#tarteaucitronRoot abbr,
#tarteaucitronRoot acronym,
#tarteaucitronRoot address,
#tarteaucitronRoot big,
#tarteaucitronRoot cite,
#tarteaucitronRoot code,
#tarteaucitronRoot del,
#tarteaucitronRoot dfn,
#tarteaucitronRoot em,
#tarteaucitronRoot img,
#tarteaucitronRoot ins,
#tarteaucitronRoot kbd,
#tarteaucitronRoot q,
#tarteaucitronRoot s,
#tarteaucitronRoot samp,
#tarteaucitronRoot small,
#tarteaucitronRoot strike,
#tarteaucitronRoot strong,
#tarteaucitronRoot sub,
#tarteaucitronRoot sup,
#tarteaucitronRoot tt,
#tarteaucitronRoot var,
#tarteaucitronRoot b,
#tarteaucitronRoot u,
#tarteaucitronRoot i,
#tarteaucitronRoot center,
#tarteaucitronRoot dl,
#tarteaucitronRoot dt,
#tarteaucitronRoot dd,
#tarteaucitronRoot ol,
#tarteaucitronRoot ul,
#tarteaucitronRoot li,
#tarteaucitronRoot fieldset,
#tarteaucitronRoot form,
#tarteaucitronRoot label,
#tarteaucitronRoot legend,
#tarteaucitronRoot table,
#tarteaucitronRoot caption,
#tarteaucitronRoot tbody,
#tarteaucitronRoot tfoot,
#tarteaucitronRoot thead,
#tarteaucitronRoot tr,
#tarteaucitronRoot th,
#tarteaucitronRoot td,
#tarteaucitronRoot article,
#tarteaucitronRoot aside,
#tarteaucitronRoot canvas,
#tarteaucitronRoot details,
#tarteaucitronRoot embed,
#tarteaucitronRoot figure,
#tarteaucitronRoot figcaption,
#tarteaucitronRoot footer,
#tarteaucitronRoot header,
#tarteaucitronRoot hgroup,
#tarteaucitronRoot menu,
#tarteaucitronRoot nav,
#tarteaucitronRoot output,
#tarteaucitronRoot ruby,
#tarteaucitronRoot section,
#tarteaucitronRoot summary,
#tarteaucitronRoot time,
#tarteaucitronRoot mark,
#tarteaucitronRoot audio,
#tarteaucitronRoot video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  /*background: initial;*/
  text-align: initial;
  text-shadow: initial;
}

/* Animation */
#tarteaucitronRoot * {
  transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms;
}

/* HTML5 display-role reset for older browsers */
#tarteaucitronRoot article,
#tarteaucitronRoot aside,
#tarteaucitronRoot details,
#tarteaucitronRoot figcaption,
#tarteaucitronRoot figure,
#tarteaucitronRoot footer,
#tarteaucitronRoot header,
#tarteaucitronRoot hgroup,
#tarteaucitronRoot menu,
#tarteaucitronRoot nav,
#tarteaucitronRoot section {
  display: block;
}

#tarteaucitronRoot ol,
#tarteaucitronRoot ul {
  list-style: none;
}

#tarteaucitronRoot blockquote,
#tarteaucitronRoot q {
  quotes: none;
}

#tarteaucitronRoot blockquote:before,
#tarteaucitronRoot blockquote:after,
#tarteaucitronRoot q:before,
#tarteaucitronRoot q:after {
  content: "";
  content: none;
}

#tarteaucitronRoot table {
  border-collapse: collapse;
  border-spacing: 0;
}

#tarteaucitronRoot a:focus-visible,
#tarteaucitronRoot button:focus-visible {
  outline: 3px dashed #ffffff;
}

/***
 * Better scroll management
 */
div#tarteaucitronMainLineOffset {
  margin-top: 0 !important;
}


/*#tarteaucitronServices::-webkit-scrollbar {
    width: 5px;
}

#tarteaucitronServices::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

#tarteaucitronServices::-webkit-scrollbar-thumb {
    background-color: #ddd;
    outline: 0px solid slategrey;
}*/
div#tarteaucitronServices {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
  height: auto !important;
}

/***
 * Responsive layout for the control panel
 */
@media screen and (max-width: 479px) {
  #tarteaucitron .tarteaucitronLine .tarteaucitronName {
    width: 90% !important;
  }
  #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
    float: left !important;
    margin: 10px 15px 5px;
  }
}
@media screen and (max-width: 767px) {
  #tarteaucitronRoot button,
  #tarteaucitronRoot button#tarteaucitronPrivacyUrl {
    width: auto;
  }
  span#tarteaucitronDisclaimerAlert {
    padding: 0;
  }
  div#tarteaucitronAlertBig:before {
    font-size: 1.875rem !important;
  }
  .tarteaucitronBorder {
    padding: 50px 20px 20px;
  }
  #tarteaucitronRoot button#tarteaucitronSaveButton {
    width: auto;
    padding: 0px 40px;
    margin-left: 20px !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig,
  #tarteaucitronServices .tarteaucitronBorder {
    padding: 10px 20px !important;
    width: auto !important;
  }
  #tarteaucitron #tarteaucitronInfo button,
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
    margin-top: 0 !important;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer,
  #tarteaucitron {
    background: #ffffff;
    border: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    top: 0 !important;
    width: 100% !important;
  }
  #tarteaucitron .tarteaucitronBorder {
    border: 0 !important;
  }
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    border: 0 !important;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle.tarteaucitronTitle.tarteaucitronTitle.tarteaucitronTitle {
    text-align: left !important;
    padding-left: 0px;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle.tarteaucitronTitle.tarteaucitronTitle.tarteaucitronTitle > button {
    margin-bottom: 0 !important;
    padding-left: 0;
    text-align: left;
  }
  .tarteaucitronName .tarteaucitronH2 {
    max-width: 80%;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) and (max-width: 1919px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
    margin-bottom: calc(20px + -15 * (100vw - 375px) / 1545);
  }
}
@media screen and (max-width: 767px) and (min-width: 1920px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #tarteaucitron {
    border: 0 !important;
    left: 0 !important;
    margin: 0 5% !important;
    max-height: 80% !important;
    width: 90% !important;
  }
}
/***
 * Common value
 */
#tarteaucitronRoot div#tarteaucitron {
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 5px 5px 20px #d0d0d0;
}
#tarteaucitronRoot div#tarteaucitron {
    overflow: auto;
  }

@media only screen and (max-width: 1024px){
  #tarteaucitronRoot div#tarteaucitron {
    overflow: auto;
  }
}

#tarteaucitronRoot button#tarteaucitronBack {
  display: none!important;
  background: #eee;
}

#tarteaucitron .clear {
  clear: both;
}

#tarteaucitron a {
  color: #171617;
  font-size: 14px;
  text-decoration: none;
  font-weight: 300;
}
#tarteaucitronRoot button.tarteaucitronCTAButton.tarteaucitronAllow{
  background: #dc0069;
  color: #ffffff;
  border: 1px solid #dc0069;
}
#tarteaucitronRoot button.tarteaucitronCTAButton.tarteaucitronAllow:hover{
  background: #a90051 !important;
  border: 1px solid #a90051;
}
#tarteaucitronRoot button {
  padding: 0px 26px;
  background: transparent;
  border: 0;
  color: #707070;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
  height: 40px;
  width: auto;
  margin: 0 10px;
  border-radius: 0px;
  font-size: 1.3rem;
  cursor: pointer;
  text-shadow: none;
  box-shadow: none;
}

#tarteaucitronRoot button:hover,
#tarteaucitronRoot button:active,
#tarteaucitronRoot button:focus,
#tarteaucitronRoot button:visited {
  background: transparent;
  color: #dc0069;
  border: none;
  outline: none;
}

#tarteaucitronAlertBig strong,
#tarteaucitronAlertSmall strong,
#tarteaucitronAlertBig a,
#tarteaucitronAlertSmall a {
  color: #096f88;
}

#tarteaucitron strong {
  font-size: 22px;
  font-weight: 500;
}

#tarteaucitron ul {
  padding: 0;
}

#tarteaucitron .tarteaucitronH1,
#tarteaucitron .tarteaucitronH2,
#tarteaucitron .tarteaucitronH3,
#tarteaucitron .tarteaucitronH4,
#tarteaucitron .tarteaucitronH5,
#tarteaucitron .tarteaucitronH6 {
  display: block;
}

.cookie-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/***
 * Root div added just before </body>
 */
#tarteaucitronRoot {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#tarteaucitronRoot * {
  box-sizing: initial;
  color: #707070;
  /*font-family: sans-serif !important;*/
  font-size: 1.5rem;
  line-height: 1.2em;
  vertical-align: initial;
  text-shadow: none;
}
#tarteaucitronRoot .tarteaucitronH1 {
  font-size: 1.625em;
  font-weight: 700;
  color: #707070;
  margin-bottom: 30px;
  text-align: left;
  line-height: 1;
}
@media (min-width: 1024px) {
  #tarteaucitronRoot .tarteaucitronH1 {
    font-size: 2.225em;
  }
}
#tarteaucitronRoot .tarteaucitronH2 {
  font-family: inherit;
  display: inline-block;
  margin: 12px 0 0 15px;
  color: #707070;
}

#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
  margin-left: 0;
}

/***
 * Control panel
 */
#tarteaucitronBack {
  background: #ffffff;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2147483646;
}

#tarteaucitron {
  display: none;
  max-height: 80%;
  left: 50%;
  margin: 0 auto 0 -430px;
  padding: 0;
  position: fixed;
  top: 6%;
  width: 860px;
  z-index: 2147483647;
}

#tarteaucitron .tarteaucitronBorder {
  background: #FFFFFF;
  border: 2px solid #333;
  border-top: 0;
  height: auto;
  overflow: auto;
}
#tarteaucitron .tarteaucitronBorder > ul {
  padding-bottom: 10px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
  background: #ffffff;
  color: #096f88;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  padding: 4px 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 70px;
}

#tarteaucitron #tarteaucitronClosePanel {
  color: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0;
}

#tarteaucitron #tarteaucitronDisclaimer {
  color: #555;
  font-size: 12px;
  margin: 15px auto 0;
  width: 80%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background: #FFFFFF;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  display: none;
  position: relative;
}

#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
  width: 100%;
  box-sizing: border-box;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronRoot .asCatToggleBtn {
  color: #096f88;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 20px 0px 0px;
  padding: 5px 20px;
  text-align: left;
  width: auto;
  background: #ffffff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  color: #096f88;
  font-weight: 500;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
  text-decoration: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
  font-size: 22px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  font-size: 16px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
  padding: 5px 10px;
  margin: 0;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  padding: 2px 0px !important;
}



#tarteaucitron #tarteaucitronInfo {
  padding: 0 !important;
  color: #707070 !important;
  text-align: left !important;
  font-weight: 500;
  background: unset !important;
}
@media screen and (max-width: 374px) {
  #tarteaucitron #tarteaucitronInfo {
    font-size: 14px;
  }
}
@media screen and (min-width: 375px) and (max-width: 1919px) {
  #tarteaucitron #tarteaucitronInfo {
    font-size: calc(14px + 4 * (100vw - 375px) / 1545);
  }
}
@media screen and (min-width: 1920px) {
  #tarteaucitron #tarteaucitronInfo {
    font-size: 18px;
  }
}
@media screen and (max-width: 374px) {
  #tarteaucitron #tarteaucitronInfo {
    line-height: 24px;
  }
}
@media screen and (min-width: 375px) and (max-width: 1919px) {
  #tarteaucitron #tarteaucitronInfo {
    line-height: calc(24px + 0 * (100vw - 375px) / 1545);
  }
}
@media screen and (min-width: 1920px) {
  #tarteaucitron #tarteaucitronInfo {
    line-height: 24px;
  }
}
#tarteaucitron #tarteaucitronInfo button {
  text-transform: none;
  border-color: transparent;
  margin-bottom: 30px;
  font-weight: 700 !important;
}
#tarteaucitron #tarteaucitronInfo button.tarteaucitronAllow.tarteaucitronAllow.tarteaucitronAllow.tarteaucitronAllow, #tarteaucitron #tarteaucitronInfo button.tarteaucitronDeny.tarteaucitronDeny.tarteaucitronDeny.tarteaucitronDeny {
  padding: 0 !important;
}
#tarteaucitron #tarteaucitronInfo button:hover {
  border-color: #096f88;
}
#tarteaucitron #tarteaucitronInfo + .tarteaucitronName {
  margin: 0 !important;
  padding: 0 !important;
}
#tarteaucitron #tarteaucitronInfo + .tarteaucitronName .tarteaucitronH2 {
  margin: 0 !important;
  font-weight: 500;
}
@media screen and (max-width: 374px) {
  #tarteaucitron #tarteaucitronInfo + .tarteaucitronName .tarteaucitronH2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 375px) and (max-width: 1919px) {
  #tarteaucitron #tarteaucitronInfo + .tarteaucitronName .tarteaucitronH2 {
    font-size: calc(14px + 4 * (100vw - 375px) / 1545);
  }
}
@media screen and (min-width: 1920px) {
  #tarteaucitron #tarteaucitronInfo + .tarteaucitronName .tarteaucitronH2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 374px) {
  #tarteaucitron #tarteaucitronInfo + .tarteaucitronName .tarteaucitronH2 {
    line-height: 20px;
  }
}
@media screen and (min-width: 375px) and (max-width: 1919px) {
  #tarteaucitron #tarteaucitronInfo + .tarteaucitronName .tarteaucitronH2 {
    line-height: calc(20px + 4 * (100vw - 375px) / 1545);
  }
}
@media screen and (min-width: 1920px) {
  #tarteaucitron #tarteaucitronInfo + .tarteaucitronName .tarteaucitronH2 {
    line-height: 1.2em;
  }
}

.tarteaucitronName {
  margin: 0 !important;
}
@media (min-width: 1024px) {
  .tarteaucitronName {
    padding-left: 45px !important;
  }
}
.tarteaucitronName .tarteaucitronH3 {
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
  color: #707070 !important;
  font-weight: 500 !important;
  margin-top: 0 !important;
}

.tarteaucitronBorder .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk button {
  font-weight: bold !important;
  color: #2D2D2D !important;
}

.tarteaucitronTitle {
  border-bottom: none;
}
.tarteaucitronTitle button {
  color: #FFFFFF !important;
  background-color: transparent !important;
  font-family: inherit !important;
}
@media (max-width: 1023px) {
  .tarteaucitronTitle button {
    margin-bottom: 0 !important;
  }
}

#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk {
  display: flex !important;
  gap: 3.125em;
}
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk > button {
  display: flex !important;
  gap: 10px !important;
  align-items: center;
  background: unset !important;
  text-transform: none !important;
}
@media (min-width: 1024px) {
  #tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk > button {
    display: inline-flex !important;
    gap: 20px !important;
  }
}
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCheck,
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCross {
  display: grid;
  align-items: center;
  height: 24px !important;
}
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCheck::before, #tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCheck::after,
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCross::before,
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCross::after {
  grid-row: 1;
  grid-column: 1;
}
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCheck::before,
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCross::before {
  content: "" !important;
  width: 21px !important;
  height: 21px !important;
  border: solid 2px #707070;
  border-radius: 50%;
}
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCheck::after,
#tarteaucitron .tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk.tarteaucitronAsk .tarteaucitronCross::after {
  margin-left: 7px !important;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline) {
  color: #096f88;
  display: none;
  font-size: 12px;
  font-weight: 500;
  margin-top: 0;
  max-width: 270px;
  padding: 20px;
  position: absolute;
  z-index: 2147483647;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^=tarteaucitronDetails] {
  width: 100%;
    display: block !important;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    color: #707070;
    position: relative;
    max-width: 90%;
    font-weight: 500 !important;
    padding: 0 0 20px 50px;
    font-size: 1.5rem !important;
}

@media (max-width: 1023px) {

  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^=tarteaucitronDetails] {
      padding: 0 0 20px 20px;
  }

}
@media screen and (max-width: 767px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^=tarteaucitronDetails] {
          padding: 0 0 20px 0px;
  }
}
@media screen and (min-width: 480px) and (max-width: 819px){
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk #tarteaucitronAllAllowed.tarteaucitronAllow, 
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk #tarteaucitronAllDenied.tarteaucitronDeny, 
  .tac_activate .tarteaucitronAllow,
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk #gtagAllowed.tarteaucitronAllow, 
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk #gtagDenied.tarteaucitronDeny, 
  .tac_activate .tarteaucitronAllow{
      font-size: 0.8rem !important;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk > button#tarteaucitronAllAllowed {
    margin: 0px 0px !important;
  }
}

@media screen and (max-width: 820px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine#tarteaucitronMainLineOffset{
    padding-top: 40px !important;
  }
}


#tarteaucitron #tarteaucitronInfo a {
  color: #707070;
  text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: #FFFFFF;
  border-left: 5px solid transparent;
  margin: 0;
  overflow: hidden;
  padding: 0px 5px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
  border-color: #096f88;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
  border-color: #c7452d;
}

/*IPAD*/
@media only screen and (max-width: 768px){
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
      padding: 15px 5px 15px 20px;
    }
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background: #FFFFFF;
  color: #096f88;
  border: 3px solid #333;
  border-left: 9px solid #333;
  border-top: 5px solid #333;
  margin-bottom: 0;
  margin-top: 21px;
  position: relative;
  padding: 80px 50px 0px;
}




#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
  margin-left: 15px;
  margin-top: 2px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
  color: #ffffff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
  margin-top: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
  display: inline-block;
  float: left;
  margin-left: 15px;
  text-align: left;
  /* width: 80%; */
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
  text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  display: inline-block;
  float: right;
  margin: 7px 15px 0;
  text-align: right;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
  background: transparent !important;
  color: #707070 !important;
  cursor: pointer;
  display: inline-block;
  padding: 11px 30px;
  text-align: center;
  text-decoration: none;
  width: auto;
  border: 0;
  font-family: inherit;
  font-size: 1.5rem !important;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
  background-color: #096f88;
  opacity: 1;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
  background-color: #c7452d;
  opacity: 1;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
  background-color: #096f88;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
  background-color: #c7452d;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
  color: #333;
  font-size: 12px;
}

#tarteaucitron .tarteaucitronH3 {
  font-size: 1.125rem;
}

#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
  width: auto !important;
  margin-left: 0 !important;
  font-size: 16px;
}

span#tarteaucitronDisclaimerAlert {
  display: inline-block;
}

#tarteaucitron .tarteaucitronBorder,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  border-color: #333 !important;
}

/***
 * Big alert
 */
.tarteaucitronAlertBigTop {
  top: 0;
}

.tarteaucitronAlertBigBottom {
  bottom: 0;
}
.tarteaucitronAlertBigBottom #tarteaucitronPrivacyUrl {
    margin: 0px auto !important;
    padding-top: 20px;

}

#tarteaucitronRoot #tarteaucitronAlertBig {
  background: #FFFFFF;
  color: #707070;
  display: none;
  font-size: 16px !important;
  left: 0;
  position: fixed;
  box-sizing: content-box;
  z-index: 2147483645;
  text-align: center;
  padding: 30px 0px;
  margin: auto;
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
}

#tarteaucitronInfo #tarteaucitronPrivacyUrlDialog {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  background: transparent;
  color: #dc0069;
  font-size: 1.5rem;
}
#tarteaucitronInfo #tarteaucitronPrivacyUrlDialog:hover {
  color: #707070;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  /*font: 15px verdana;*/
  color: #707070;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  font-weight: 700;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  color: #dc0069 !important;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:focus,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:active,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:visited {
  color: #707070 !important;
  border: none;
  outline: none;
}

#tarteaucitron #tarteaucitronServices button:hover,
#tarteaucitron #tarteaucitronServices button:focus,
#tarteaucitron #tarteaucitronServices button:active,
#tarteaucitron #tarteaucitronServices button:visited {
  border: none;
  outline: none;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
  cursor: pointer;
}

#tarteaucitronRoot .tarteaucitronDeny {
  color: #707070;
  background: transparent;
}

#tarteaucitronRoot .tarteaucitronDeny:hover {
    background: transparent;
    color: #dc0069;
}

#tarteaucitronPrivacyUrl {
  display: block;
  margin: 20px auto 20px !important;
  color: #72787A !important;
  background: transparent !important;
  text-transform: none !important;
  text-decoration: underline;
  font-weight: 500;
}
@media (min-width: 1024px) {
  #tarteaucitronPrivacyUrl {
    margin: 0px auto !important;
  }
}

#tarteaucitronPercentage {
  background: #096f88 !important;
  box-shadow: 0 0 2px #ffffff, 0 1px 2px #555;
  height: 5px;
  left: 0;
  position: fixed;
  width: 0;
  z-index: 2147483644;
}

/***
 * Icon
 */
.tarteaucitronIconBottomRight {
  bottom: 0;
  right: 0;
}

.tarteaucitronIconBottomLeft {
  bottom: 0;
  left: 0;
}

.tarteaucitronIconTopRight {
  top: 0;
  right: 0;
}

.tarteaucitronIconTopLeft {
  top: 0;
  left: 0;
}

.tarteaucitronIconTopLeft #tarteaucitronManager {
  border-radius: 2px 7px 7px 2px;
}

.tarteaucitronIconTopRight #tarteaucitronManager {
  border-radius: 7px 2px 2px 7px;
}

.tarteaucitronIconBottomLeft #tarteaucitronManager {
  border-radius: 7px 7px 2px 2px;
}

.tarteaucitronIconBottomRight #tarteaucitronManager {
  border-radius: 7px 7px 2px 2px;
}

#tarteaucitronIcon {
  background: transparent;
  position: fixed;
  display: none;
  width: auto;
  z-index: 2147483646;
}

#tarteaucitronIcon #tarteaucitronManager {
  color: transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 11px !important;
  padding: 8px 10px 8px;
  border: none;
}

#tarteaucitronIcon #tarteaucitronManager img {
  width: 50px;
  height: 50px;
}

#tarteaucitronRoot .tarteaucitronCross::before {
  content: "✗";
  display: inline-block;
  color: #ffffff;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
  content: "✓";
  display: inline-block;
  color: #ffffff;
}

#tarteaucitronRoot .tarteaucitronPlus::before {
  content: "✛";
  display: inline-block;
  color: #ffffff;
  display: none !important;
}

/***
 * Small alert
 */
.tarteaucitronAlertSmallTop,
.tarteaucitronAlertSmallBottom {
  bottom: 0;
}

#tarteaucitronAlertSmall {
  background: #333;
  display: none;
  padding: 0;
  position: fixed;
  right: 0;
  text-align: center;
  width: auto;
  z-index: 2147483646;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
  color: #707070;
  cursor: pointer;
  display: inline-block;
  font-size: 11px !important;
  padding: 8px 10px 8px;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
  background: rgba(255, 255, 255, 0.05);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
  background-color: gray;
  border-radius: 5px;
  display: block;
  height: 8px;
  margin-bottom: 1px;
  margin-top: 5px;
  overflow: hidden;
  width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
  display: block;
  float: left;
  height: 100%;
  width: 0%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
  background-color: #096f88;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
  background-color: #FBDA26;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
  background-color: #c7452d;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
  background: rgba(255, 255, 255, 0.2);
  color: #707070;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  padding: 0px 10px;
  vertical-align: top;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
  background: rgba(255, 255, 255, 0.3);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
  display: none;
  max-height: 70%;
  max-width: 500px;
  position: fixed;
  right: 0;
  width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
  background: #ffffff;
  border: 2px solid #333;
  color: #333;
  font-size: 11px;
  height: auto;
  overflow: auto;
  text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
  color: #333;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
  background: #333;
  margin-top: 21px;
  padding: 13px 0 9px 13px;
  text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
  color: #707070;
  font-size: 16px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
  background: rgba(51, 51, 51, 0.1);
  padding: 7px 5px 10px;
  word-wrap: break-word;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
  background: rgba(51, 51, 51, 0.2);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
  color: #333;
  text-decoration: none;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
  display: inline-block;
  width: 50%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
  color: #c7452d;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
  color: #333;
  display: inline-block;
  font-size: 11px;
  margin-left: 10%;
  vertical-align: top;
  width: 30%;
}

/***
 * Fallback activate link
 */
.tac_activate {
  background: #333;
  color: #707070;
  display: table;
  font-size: 12px;
  height: 100%;
  line-height: initial;
  margin: auto;
  text-align: center;
  width: 100%;
}

.tac_float {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.tac_activate .tac_float strong {
  color: #707070;
}

.tac_activate .tac_float .tarteaucitronAllow {
  background-color: #096f88;
  display: inline-block;
}

/***
 * CSS for services
 */
ins.ferank-publicite,
ins.adsbygoogle {
  text-decoration: none;
}

div.amazon_product {
  height: 240px;
  width: 120px;
}

.tarteaucitronIsAllowed .tarteaucitronDeny {
  opacity: 0.4 !important;
}

.tarteaucitronIsDenied .tarteaucitronAllow {
  opacity: 0.4 !important;
}

.tarteaucitronIsAllowed .tarteaucitronAllow {
  opacity: 1 !important;
}

.tarteaucitronIsDenied .tarteaucitronDeny {
  opacity: 1 !important;
}

.tarteaucitronLine .tarteaucitronAllow,
.tarteaucitronLine .tarteaucitronDeny {
  opacity: 0.4;
}

#tarteaucitronServices_mandatory button.tarteaucitronAllow {
  opacity: 1;
}

div#tarteaucitronInfo {
  display: block !important;
  position: relative !important;
  text-align: center !important;
  max-width: 100% !important;
  padding: 15px 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.2em;
}

a.tarteaucitronSelfLink {
  /*position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  text-align: center !important;
  display: block;
  height: 30px;*/
  display: none;
}

.tarteaucitronMainLine .tarteaucitronH2 {
  font-size: 1.5rem !important;
  margin-top: 4px !important;
}

span.tarteaucitronTitle.tarteaucitronH3 {
  margin-top: 12px !important;
}

#tarteaucitronCloseCross {
  position: absolute;
  color: #ffffff;
  font-size: 1.8rem;
  cursor: pointer;
  top: 10px;
  right: 26px;
}

.tarteaucitron-spacer-20 {
  height: 20px;
  display: block;
}

.tarteaucitron-display-block {
  display: block;
}

.tarteaucitron-display-none {
  display: none;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
  background-color: #096f88;
  color: #ffffff;
  font-family: inherit;
  font-size: 1.125rem;
  padding: 16px 50px 0px;
  text-align: left;
  margin-top: 0px;
}

/***
 * Settings icon
 */
#tarteaucitronIcon#tarteaucitronIcon#tarteaucitronIcon#tarteaucitronIcon #tarteaucitronManager#tarteaucitronManager#tarteaucitronManager#tarteaucitronManager {
  opacity: 0 !important;
}

#tarteaucitronIcon#tarteaucitronIcon#tarteaucitronIcon#tarteaucitronIcon {
  background-image: url("../images/settings.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 50% !important;
}/*# sourceMappingURL=cookies.css.map */


#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk > button {
  height: fit-content!important;
  margin: 0!important;
}

@media (max-width: 1023px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk > button {
    margin: 0px 6px!important;
  } 

  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
    padding: 16px 50px 8px 20px;
  }
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    padding: 15px 5px 15px 20px;
  }
  #tarteaucitronSave #tarteaucitronSaveButton {
    margin-left: 20px;
  }

}


#tarteaucitron #tarteaucitronServicesTitle_mandatory {
  margin-top: 20px;
}


#tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_analytic .tarteaucitronTitle button.catToggleBtn,
#tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_mandatory .tarteaucitronTitle button{
  color: #707070 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk #gtagAllowed.tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk #gtagDenied.tarteaucitronDeny{
    margin-top: 0px !important;
}


/*************************************************** FIN GESTION DES COOKIES ********************************************************/

#tarteaucitronAlertBig button#tarteaucitronPrivacyUrl{
  display: none;
}








.sppb-link-list-nav ul li a {
  text-transform: uppercase;
}

ul.collapse li.current a span {
  font-weight: bold;
}

/* Titres des filtres références - Département et Métier */
.geste-departement-title {
  text-transform: uppercase;
  padding-bottom: 20px;
  font-weight: lighter;
  font-size: 18px;
  letter-spacing: .4rem;
  color: #707070;
}

/* Centrer le titre dans la section News */
.geste-news-filter-direct .geste-departement-title {
  text-align: center;
}

#sp-footer-copyright {
    font-size: 14px;
    padding-top: 10px;
}

#sp-footercopyright-right {
  text-align: right;
}

#sp-bottom4 .custom p img {
    width: 130px;
}

#sp-bottom4 .custom {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
}

#sp-bottom #sp-bottom3 .sp-module-content {
    color: #000 !important;
    font-weight: 600;
}

#sp-bottom #sp-bottom3 .sp-module-content p {
      font-weight: 600;
}

#sp-bottom #sp-bottom3 .social-icons >li a {
    color: #000;
    border: 2px solid #000;
}

#sp-bottom #sp-bottom2 ul.menu {
    text-align: left;
    font-size: 14px;
    font-weight: 600;
}

#sp-bottom #sp-bottom2 .nav>li>a {
    padding: 1px 15px;
    color: #000;
}

#sp-bottom #sp-bottom2 .nav>li>a:hover {
    color: #dc0069;
}

#sp-bottom #sp-bottom2 .nav>li>a:focus, #sp-bottom #sp-bottom2 .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#sp-bottom .sp-column {
    text-align: left;
}

.scrollup {
  border: none;
  background-color: #000;
    bottom: 100px;
    right: 30px;
}

.scrollup:hover {
    background-color: #a90051;
}

.scrollup:before {
  color:#fff;
}

/* Styles pour l'affichage sur deux lignes des NEWS */
.geste-news-title {
    font-weight: bold;
    margin-bottom: 0px;
    display: block;
}

.geste-news-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.geste-news-title a:hover {
    color: #dc0069;
}

.geste-news-intro {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    color: #585450;
    margin-bottom: 10px;
    display: block;
}

/* Styles pour l'affichage sur deux lignes des RÉFÉRENCES */
.geste-project-name {
    font-weight: bold;
    margin-bottom: 0px;
    display: block;
    color: #333;
}

.geste-project-intro {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    color: #585450;
    margin-bottom: 0;
    display: block;
}

/* Ajustements pour les carousels */
.sppb-article-geste-carousel .geste-news-title,
.sppb-references-geste-carousel .geste-news-title {
    margin-top: 0;
}

.sppb-references-geste-carousel .geste-project-name,
.sppb-references-geste-carousel .geste-project-intro {
    color: #333;
}

.geste-metiers .sppb-addon-single-image-container img {
  background-color: #7b7773; /* Couleur de fond */
  border-radius: 50% !important; /* Forme ronde */
  transition: background-color 0.3s ease; /* Transition douce pour le hover */
}

/* Titre avec couleur par défaut */
.geste-metiers .sppb-addon-title {
  color: #7b7773 !important;
  transition: color 0.3s ease; /* Transition douce pour le hover */
}

/* Effet hover : assombrissement du background et du titre vers le noir */
.geste-metiers:hover .sppb-addon-single-image-container img {
  background-color: #333 !important; /* Couleur plus foncée au survol */
}

.geste-metiers:hover .sppb-addon-title {
  color: #333 !important; /* Titre devient noir au survol */
}

/* FIX CENTRAGE VERTICAL DES IMAGES DEPARTEMENTS EN RESPONSIVE */
.sppb-section .sppb-row .sppb-column .geste-departement-square-block {
    position: relative !important;
}

.sppb-section .sppb-row .sppb-column .geste-departement-square-block .sppb-addon-single-image-container {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    width: 160px !important;
    height: 160px !important;
    margin: 0 !important;
}

.sppb-section .sppb-row .sppb-column .geste-departement-square-block .sppb-addon-single-image-container img {
    max-width: 80% !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Double chevron fin en CSS pur */
.sppb-addon-raw-html .sppb-addon-content {
    text-align: center;
}

/* FIX TEXTE "PASSION &" - Empêcher le & de passer à la ligne tout seul */
/* Cibler uniquement le bloc PASSION & EXPERTISE dans la section DÉPARTEMENTS */
#departements .sppb-addon-text-block .sppb-addon-content p:first-child {
    white-space: nowrap !important; /* Pas de retour à la ligne pour "PASSION &" */
}

/* Centrage du texte dans la section */
.sppb-addon.sppb-addon-text-block {
/*    display: flex;
    align-items: center;
    justify-content: center;*/
}

.sppb-addon.sppb-addon-text-block .sppb-addon-content {
    width: 100%;
}

.custom-chevron-down {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    vertical-align: middle;
}

.custom-chevron-down:before,
.custom-chevron-down:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    left: 50%;
    margin-left: -6px;
}

.custom-chevron-down:before {
    top: 2px;
}

.custom-chevron-down:after {
    top: 8px;
}

/* Arrondi à droite de la section navigation */
#sp-slide:after {
    border-bottom-right-radius: 100px !important;
}

/* Arrondi en bas à gauche des images du carousel */
.geste-carousel .slick-list,
.geste-carousel .slick-track {
    border-bottom-left-radius: 100px;
    overflow: hidden;
}

.geste-carousel-item {
    border-bottom-left-radius: 100px;
    overflow: hidden;
}

.geste-carousel-item img,
.geste-carousel-item a,
.geste-carousel-item .geste-carousel-overlay {
    border-bottom-left-radius: 0px;
}

/* ========================================
   EFFET HOVER SUR LES IMAGES - NE PAS SUPPRIMER !
   Par défaut: transparent (images claires)
   Au survol: overlay noir 10% + flou 0.5px
   ======================================== */

/* 1. Carousel des références */
.sppb-references-geste-carousel .sppb-addon-media a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    background: transparent !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sppb-references-geste-carousel .sppb-addon-media a:hover:after {
    background: rgba(0,0,0,0.1) !important;
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
}

/* 2. Carousel des news/articles */
.sppb-article-geste-carousel .sppb-addon-media a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    background: transparent !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sppb-article-geste-carousel .sppb-addon-media a:hover:after {
    background: rgba(0,0,0,0.1) !important;
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
}

/* 3. Liste des références */
.references-geste-items .article-item .media a::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    background: transparent !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.references-geste-items .article-item .media a:hover::after {
    background: rgba(0,0,0,0.1) !important;
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
}

/* 4. Liste des news */
.geste-referances-lising .references-geste-items .article-item .media a::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    background: transparent !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.geste-referances-lising .references-geste-items .article-item .media a:hover::after {
    background: rgba(0,0,0,0.1) !important;
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
}

/* ========================================
   FIX IMAGES SUR GRANDS ÉCRANS
   Évite la répétition d'image sur écrans larges
   ======================================== */

/* Correctif pour le background-image du conteneur */
.sppb-article-geste-carousel .sppb-addon-media,
.sppb-references-geste-carousel .sppb-addon-media,
.references-geste-items .article-item .media {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* Règle ultra-spécifique pour surcharger les styles inline */
.sppb-addon-article-item .sppb-addon-media[style*="background"],
.sppb-addon-geste-carousel .sppb-addon-media[style*="background"],
.sppb-references-geste-carousel .sppb-addon-media[style*="background"],
.sppb-article-geste-carousel .sppb-addon-media[style*="background"] {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* Correctif pour la balise <img> */
.sppb-article-geste-carousel .sppb-addon-media img,
.sppb-references-geste-carousel .sppb-addon-media img,
.references-geste-items .article-item .media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    max-width: none !important;
}

#sp-slide .geste-carousel .geste-carousel-item .geste-carousel-overlay {
    max-width: 480px;
}

#carr h2.sppb-addon-title {
  color: #7D7772 !important;
}

.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content .sppb-meta-date, .sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-content .sppb-meta-date {
    margin-top: 22px;
}

.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .geste-project-date, .sppb-references-geste-carousel .slick-list .sppb-addon-article-item .geste-project-date {
    margin-top: 22px;
}

.sppb-article-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-media a, .sppb-references-geste-carousel .slick-list .sppb-addon-article-item .sppb-addon-media a {
    display: flex;
}


.geste-referances-lising .references-geste-items .article-item .media a, .references-geste-items .article-item .media a {
   display: flex;
}

#sp-header #sp-top1 .mod-languages .geste-mobile-language a {
  line-height: 75px;
    font-size: 15px;
    letter-spacing: 0.15em;
}

@media screen and (min-width: 768px) {
    #sp-header.menu-fixed #sp-top1 .sp-column .mod-languages .geste-mobile-language a {
        line-height: 38px;
    }
}


@media screen and (min-width: 768px) {
  #sp-header.menu-fixed #sp-top1 .sp-column .mod-languages .geste-mobile-language a:before {
      border-width: 11px 11px 0px 11px;
  }
}

#sp-header #sp-top1 .mod-languages .geste-mobile-language a:before {
    border-width: 12px 12px 0px 12px;
}

#sp-title .geste-page-sub-title {

}

body.geste-news-container.view-category .references-geste-items .sppb-meta-date {
    margin: 20px 0 2px;
}

/* Styles pour le champ de recherche - placeholder et font plus grands */
#sp-search .search input.search-query {
    font-size: 18px;
    padding: 10px 20px;
    padding-left: 30px;
}

#sp-search .search input.search-query::placeholder {
    font-size: 18px;
}

#sp-search .search input.search-query::-webkit-input-placeholder {
    font-size: 18px;
}

#sp-search .search input.search-query:-moz-placeholder {
    font-size: 18px;
}

#sp-search .search input.search-query::-moz-placeholder {
    font-size: 18px;
}

#sp-search .search input.search-query:-ms-input-placeholder {
    font-size: 18px;
}

.geste-filter-group .geste-filter-btn {
    text-transform: uppercase;
}

/* Styles pour les filtres Références */
.geste-references-filters {
  margin-bottom: 30px;
  text-align: center;
}
.geste-filter-group {
  margin-bottom: 25px;
}

/* Styles pour les filtres Départements (liens gris) */
.geste-filter-departements .geste-filter-links {
  display: flex !important;
  gap: 0;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
}
.geste-filter-departements .geste-filter-link {
  color: #dc0069;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.3s ease;
  padding: 12px 0px 8px;
  text-transform: uppercase;
}
.geste-filter-departements .geste-filter-link:hover {
  color: #707070;
}
.geste-filter-departements .geste-filter-link.active {
  color: #707070;
}
.geste-filter-departements .geste-filter-separator {
  color: #707070;
  font-weight: normal;
  padding: 5px 8px;
  display: inline-block;
  line-height: 1;
}

/* Styles pour les filtres Métiers (boutons roses) */
.geste-filter-group .geste-filter-buttons {
  display: flex !important;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
}
.geste-filter-group .geste-filter-btn {
  padding: 7px 20px;
  border: none;
  background: #dc0069;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  outline: none;
}
.geste-filter-group .geste-filter-btn:hover {
  background: #c00060;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 0, 105, 0.3);
}
.geste-filter-group .geste-filter-btn.active {
  background: #a90051;
}
.geste-filter-group .geste-filter-btn.active:hover {
  background: #8d0043;
}
.geste-filter-group .geste-filter-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.geste-filter-activity[style*="display: none"] {
  display: none !important;
}

/* Styles pour le dropdown des métiers */
.geste-filter-metiers-dropdown .geste-dropdown-container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 400px;
}

.geste-dropdown-trigger {
  width: 100%;
  padding: 10px 15px;
  background: white;
  border: 2px solid #707070;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: all 0.3s ease;
}

.geste-dropdown-trigger:hover {
  background: #f8f8f8;
  border-color: #8d0043;
}

.geste-dropdown-trigger .geste-dropdown-arrow {
  color: #dc0069;
  font-size: 12px;
  transition: transform 0.3s ease;
}

.geste-dropdown-container.open .geste-dropdown-trigger .geste-dropdown-arrow {
  transform: rotate(180deg);
}

.geste-dropdown-menu {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  background: white;
  border: 2px solid #dc0069;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: none;
  max-height: 400px;
  overflow: hidden;
}

.geste-dropdown-container.open .geste-dropdown-menu {
  display: block;
}

.geste-dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  background: #dc0069;
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.geste-dropdown-title {
  font-weight: 600;
  font-size: 14px;
}

.geste-dropdown-close {
  background: transparent;
  border: none;
  color: white;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  transition: background 0.2s ease;
}

.geste-dropdown-close .icon-remove:before {
  content: "\2715";
}

.geste-dropdown-close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.geste-dropdown-content {
  max-height: 300px;
  overflow-y: auto;
  padding: 8px 0;
}

.geste-dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  cursor: pointer;
  transition: background 0.2s ease;
  margin: 0;
}

.geste-dropdown-item:hover {
  background: #f5f5f5;
}

.geste-dropdown-item input[type="checkbox"] {
  margin: 0 10px 0 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  accent-color: #dc0069;
}

.geste-dropdown-item-label {
  font-size: 14px;
  color: #333;
  user-select: none;
}

.geste-dropdown-item input[type="checkbox"]:checked + .geste-dropdown-item-label {
  font-weight: 600;
  color: #dc0069;
}

/* Styles pour les items masqués dans le dropdown */
.geste-dropdown-item.hidden {
  display: none !important;
}

/* Styles pour le chargement des références */
.references-geste-items {
  transition: opacity 0.3s ease;
}
.references-geste-items.loading {
  opacity: 0.5;
  pointer-events: none;
}

/* Styles pour les filtres News */
.geste-news-filter-direct {
  margin-bottom: 30px;
  text-align: center;
}
.geste-filter-buttons {
  display: flex !important;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center;
}
.geste-filter-btn {
  padding: 7px 20px;
  border: none;
  background: #dc0069;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  outline: none;
}
.geste-filter-btn:hover {
  background: #c00060;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 0, 105, 0.3);
}
.geste-filter-btn.active {
  background: #a90051;
}
.geste-filter-btn.active:hover {
  background: #8d0043;
}

/* FIX: Masquer le menu des métiers par défaut sur mobile (Joomla 5) */
@media screen and (max-width: 767px) {
  /* Cibler .sp-module si présent (Joomla 3) */
  #sp-sub-header #sp-user1 .sp-module {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  #sp-sub-header #sp-user1 .sp-module.active {
    max-height: 1000px;
  }
  
  /* Support pour Joomla 5 : sp-column doit être en position relative */
  #sp-sub-header #sp-user1 .sp-column {
    position: relative;
  }
  
  /* Cibler directement ul.nav.menu si pas de .sp-module (Joomla 5) */
  /* Le ul.nav.menu joue le rôle du wrapper .sp-module en J5 */
  #sp-sub-header #sp-user1 .sp-column > ul.nav.menu {
    width: 320px;
    background: #DFDFDF;
    border: none;
    max-height: 0 !important;
    overflow: hidden;
    position: absolute !important;
    top: 49px !important;
    left: 0px !important;
    z-index: 1000;
    height: auto !important;
    transition: max-height 0.3s ease;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
  }
  
  #sp-sub-header #sp-user1 .sp-column.active > ul.nav.menu {
    border: 1px solid #444;
    max-height: 1000px !important;
  }
  
  /* Styles pour les items de menu dans la structure Joomla 5 */
  #sp-sub-header #sp-user1 .sp-column > ul.nav.menu li {
    background: none;
    border-top: 1px solid #444;
    display: block;
    width: 100%;
  }
  
  #sp-sub-header #sp-user1 .sp-column > ul.nav.menu li a {
    color: #707070;
    font-weight: normal;
  }
}

@media screen and (max-width: 767px) {
    #sp-sub-header #sp-user1 span.geste-control-icon {
        left: 0px;
    }
}

a.geste-active-lang {
  visibility: hidden;
}

/* Layout 5 colonnes : 1+2+2+2+2+2+1 - Version finale avec marges */
.sppb-section.cinq-colonnes .sppb-row-container .sppb-row {
	display: flex !important;
	flex-wrap: wrap !important;
}

/* Les colonnes de marge (col-md-1) : 15px de large chacune */
.sppb-section.cinq-colonnes .sppb-row-container .sppb-row .sppb-col-md-1 {
	flex: 0 0 15px !important;
	max-width: 15px !important;
	width: 15px !important;
	padding: 0 !important;
}

/* Les 5 colonnes de contenu se partagent l'espace restant : calc((100% - 30px) / 5) */
.sppb-section.cinq-colonnes .sppb-row-container .sppb-row .sppb-col-md-2 {
	flex: 0 0 calc((100% - 30px) / 5) !important;
	max-width: calc((100% - 30px) / 5) !important;
	width: calc((100% - 30px) / 5) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Supprimer les paddings des conteneurs internes */
.sppb-section.cinq-colonnes .sppb-col-md-2 .sppb-column {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.sppb-section.cinq-colonnes .sppb-col-md-2 .sppb-column-addons {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Centrer le contenu et forcer hauteur à 70px */
.sppb-section.cinq-colonnes .sppb-col-md-2 .sppb-addon-text-block {
	height: 70px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.sppb-section.cinq-colonnes .sppb-col-md-2 .sppb-addon-text-block p {
	margin: 0px !important;
}

/* Responsive pour 5 colonnes */
@media (max-width: 1199px) {
	/* Cacher les marges sur tablette */
	.sppb-section.cinq-colonnes .sppb-row-container .sppb-row .sppb-col-md-1 {
		display: none !important;
	}
	
	/* 3 colonnes par ligne (33.333% chacune) */
	.sppb-section.cinq-colonnes .sppb-row-container .sppb-row .sppb-col-md-2 {
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
		width: 33.333% !important;
	}
}

@media (max-width: 768px) {
	/* 2 colonnes par ligne (50% chacune) */
	.sppb-section.cinq-colonnes .sppb-row-container .sppb-row .sppb-col-md-2 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		width: 50% !important;
	}
}

@media (max-width: 480px) {
	/* 1 colonne pleine largeur (100%) */
	.sppb-section.cinq-colonnes .sppb-row-container .sppb-row .sppb-col-md-2 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

.sppb-addon-content h3 {
  color: #707070;
}

.geste-departement-square-block .sppb-addon-content p {
  font-weight: bold;
  color: #dc0069;
  letter-spacing: .1rem !important;
  font-size: 22px;
}

.geste-departement-square-block .sppb-addon-text-block {
    left: 47%; 
}

/* Empêcher PASSION & de se séparer sur 2 lignes */
#sppb-addon-1550631900682 .sppb-addon-content p:first-child {
  white-space: nowrap;
}