/*
Theme Name: OceanWP Enfant
Description: OceanWP Enfant, theme enfant de OceanWP
Author: Sebastien Heckmann
Template: oceanwp
Version: 1.0.0
*/

#site-header{
    background-color: #27334B;
    color: #ffffff;
    border-bottom: none;
}

/* général */
.boldText{ font-weight: 700; }

.font-weight-400 {
    font-weight: 400;
}

.highlightOrange{
    color: #ffffff;
    background-color: #ff7500;
}
.highlightYellow{
    color: #323741;
    background-color: #ffcd00;
}

.yellowParagraph{ color: #ffcd00; }
.orange{ color: #ff7500 !important; }
.whiteText{ color: #ffffff !important; }

.lightH2Text{
    font-weight: 300;
    font-size: 35px;
}

.h2VideosPage{
    font-size: 35px;
}

.h3VideosPage{
    font-size: 20px;
    font-weight: 400;
}
.digitText{
    font-family: Roboto, sans-serif;
    font-size: 60px;
    font-weight: 600;
    color: #ffffff;
}

.paragraphText{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
}

.orangeSeparator{
    background-color: #ff7500 !important;
    height: 2px;
    border-radius: 10px;
}

.orangeHrSeparator{
    border: 1px solid #ff7500;
    border-radius: 10%;
}

.h3VideosPage{/* ==================== */

}

.whiteSeparator{
    border: 1px solid #ffffff;
    border-radius: 10%;
}

.anthracitBackground{
    background-color: #323741;
    padding: 20px 0px;
}

.h3VideosPage{
    font-size: 20px;
    font-weight: 400;
}
.digitText{
    font-family: Roboto, sans-serif;
    font-size: 60px;
    font-weight: 600;
    color: #ffffff;
}

.paragraphText{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
}

.orangeSeparator{
    background-color: #ff7500 !important;
    height: 2px;
    border-radius: 10px;
}

.orangeHrSeparator{
    border: 1px solid #ff7500;
    border-radius: 10%;
}


.maxWidth1800{
    max-width: 1800px;
    margin: auto;
}

.rowContainer{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.centeredContainer60, .centeredContainer70, .centered60, .centeredContainer80 { margin: auto;}
.centered60{ max-width: 850px; }
.centeredContainer60{
    max-width: 850px;
    padding: 40px 0px;
}
.centeredContainer70{ max-width: 1140px; }
.centeredContainer80{ max-width: 1200px; }

.flexContainer{ display: flex; }
.positionRelative {position: relative; }
.margin0{ margin: 0px !important; }
.italic{ font-style: italic; }
.verticalSeparator{
    width: 5px;
    background-color: #27334b;
    border-radius: 10px;
}
.dashicons-plus-alt:hover{ cursor: pointer; }

#selectionVideosContainer, #parolesConsommateursContainer, #videosUneConsommateurs{
    transition: all 1.2s ease;
    overflow: hidden;
}

#btn404{
    display: inline-block;
    background-color: #ff7500;
    color: #ffffff;
    padding: 10px;
    border-radius: 20px;
}
#btn404:hover{ transform: scale(1.05); }

.iframe-container {
    overflow: hidden;
    /* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)*/
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 22px;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.noVideoContainer{
    background-color: beige;
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.noVideoInside{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.noVideoFlexboxCenter{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.maxWidth1300 .elementor-container{ max-width: 1300px !important; }
.maxWidth1140-7 > .elementor-container{ max-width: calc(1140px + 3.5%) !important; }

.lirePlusContainer {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.lirePlusLink {
    color: #ff7500;
}

.lirePlusLink:hover {
    color: orangered;
}

.lirePlusLinkGrey {
    color: #7a7a7a;
    font-weight: 400;
}

.displayNone{ display: none !important; }

.obfusc:hover{ cursor: pointer; }

/* MARGINS - PADDINGS */

.mb-2 {
    margin-bottom: 5px;
}

.mb-3 {
    margin-bottom: 10px;
}

.mb-4 {
    margin-bottom: 20px;
}

/* end MARGINS - PADDINGS  */

/* loader */
.loader {
    margin: auto;
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #ff7500; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* boutons */
.buttonWrapper > a, .buttonWrapper div#changeActusCat, .buttonWrapper div#changeActusCatMobile, .btn-video{
    display: inline-block;
    line-height: 1;
    text-align: center;
    transition: all .3s;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    padding: 12px 40px;
    border-radius: 20px;
    background-color: #27334b;
    fill: #ffffff;
    color: #ffffff;
}

.btn-video { background-color: #ff7500 !important; }
.btn-video:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.textNotation{
    font-family: "Fira Sans";
    font-weight: 700;
}

.load_more_ctnr{
    position: relative;
    width:100%;
    display: flex;
    justify-content: center;
    margin: 25px auto 30px auto;
    padding-bottom: 30px;
}

.load_more_btn{
    width: 62px;
    transition: all .2s ease-in-out;
}
.load_more_btn:hover{
    cursor: pointer;
    transform: scale(1.1);
}

.reduire_btn{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff7500;
    font-size: 24px;
    font-weight: 400;
    transition: 0.2s ease-in-out;
}

.reduire_btn:hover{
    cursor: pointer;
    transform: scale(1.1) translateY(-50%);
}

/* lien actif menu principal*/
.dropdown-menu > .current-menu-item > a { position: relative;}
.dropdown-menu > .current-menu-item > a > span::after {
    content: "•";
    color: #ffcd00;
    position: absolute;
    left: 50%;
    top: 20px;
    font-size: 25px;
}

/* liens */
.link_load_more {
    color: #FF7500;
    text-decoration: underline;
    padding-bottom: 15px;
}
.link_load_more:hover {
    cursor: pointer;
}

/* surcharge sous-onglets du menu principal */
.blue-menu-item{ background-color: #27334b; }
.blue-menu-item > a:hover{ background-color: #344666 !important; }
.blue-menu-item > a{ color: #fff !important; }

/* Bouton "nous rejoindre" barre menu*/

.dropdown-menu > .btnNousRejoindre.current-menu-item > a { color: #ffffff !important;}
.dropdown-menu > .btnNousRejoindre.current-menu-item > a > span::after {
    top: 25px;
    color: #ff7500;
}
.btnNousRejoindre > a > span {
    background-color: #ff7500;
    padding: 0.6em 1em;
    border-radius: 20px;
}

.btnNousRejoindre > a:hover{
    transform: scale(1.1);
    color: #ffffff;
}

.btnNousRejoindre > a:hover { color: #ffffff !important; }

/* Surcharge style sous-onglets menu desktop */
.dropdown-menu ul li a.menu-link{ padding: 9px 15px !important; }

/*.dropdown-menu > .menu-item > .sub-menu > .menu-item-has-children > .sub-menu {*/
/*    max-height: calc(100vh - 310px);*/
/*    overflow: scroll;*/
/*}*/

/* Sub-Menu page 'les Preuves' */
.submenuContainer{
    display: flex;
    background-color: #ffcd00;
}

#leftSubmenuContainer{ background-color: #e8e8e8; }
#leftSubmenuContainer:hover{ cursor: pointer; }
.innerLeftSubmenu{
    padding: 12px 50px 12px 10px;
    margin: auto;
    display: flex;
    justify-content: flex-end;
}
.rightSubmenuContainer{
    background-color: #ffcd00;
    margin: auto;
    padding: 10px 10px 10px 100px;
    display: flex;
    justify-content: center;
}

.changeCategoryCtnr{
    position: absolute;
    width: 100%;
    right: 0px;
    padding: 0 15px;
    z-index: 10;
}

.changeCategoryContainer{display: none;}

.changeCategoryContainer.open {
    display: block;
    background-color: #44557BF0;
    overflow-y: auto;
    max-height: 400px;
    scrollbar-width: thin; /* Firefox */
}

.changeCategoryContainer .fa-times:hover{
    transform: scale(1.4);
    cursor: pointer;
}

.changeCategoryText{ color: #ffffff;}
.changeCategoryText:hover{ color: #ffcd00 !important;}
.borderSubmenu{ border-right: 1px solid #27334b; }

.submenuContainerOpen{
    position: fixed;
    top: 0px;
    z-index: 100;
    width: 100%;
    transition: 0.8s ease-in-out;
}

.subMenuTabContainer{
    display: flex;
    justify-content: space-between;
}

.textSubmenu{
    color: #27334B;
    font-weight: normal;
}
a > .textSubmenu:hover { color: #ffffff; }
.h2subMenu{ margin: 0px !important; }
.lineHeightSubMenuLink{ line-height: normal !important; }

div.lineHeightSubMenuLink{
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding: 0 16px;
}

.dropdownSubMenu{
    background-color: #ffcd00 !important;
    top: 240% !important;
}

.dropdownSubMenu li a.menu-link:hover {
    background-color: #ebbc00 !important;
    color: #27334B !important;
}

/* onglet actif submenu*/
#subMenuLesPreuves > .current-page > .lineHeightSubMenuLink { position: relative;}
#subMenuLesPreuves > .current-page > .lineHeightSubMenuLink > span { font-weight: bolder !important; }
#subMenuLesPreuves > .current-page > .lineHeightSubMenuLink > span::after {
    content: "•";
    color: #27334b;
    position: absolute;
    left: 50%;
    top: 15px;
    font-size: 18px;
}

/* RESPONSIVE SUBMENU */
.sidenav {
    height: 100%;
    width: 70%;
    max-width: 400px !important;
    margin-left: -420px;
    position: fixed;
    z-index: 100;
    left: 0;
    background-color: #ffcd00;
    overflow-x: hidden;
    transition: 0.8s;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    border-top: 1px solid #27334B;
}

.sideNavTab ul li{ border-bottom: 1px solid #27334B; }
.sideNavTab ul .current-page > a, .sideNavTab ul .current-page > .no_link  { font-weight: bolder !important; }
.sideNavTab ul .current-page > a::before, .sideNavTab ul .current-page > .no_link::before{
    content: "•";
    color: #FFFFFF;
}
.sideNavTab ul .current-page > .no_link::before{ margin-right: 5px; }
.sideNavTab ul .current-page > a:hover::before { color: #27334b; }

.sideNavOpen{
    margin-left: 0px !important;
    position: fixed;
    top: 0px;
    transition: 0.8s;
}
.sideNavOpen2{
    margin-left: 0px !important;
    position: fixed;
    transition: 0.8s;
    text-align: left;
}

.sidenav a, .sidenav .no_link, .sidenav div.changeCategoryText  {
    padding: 12px 16px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}
.sidenav a:hover { color: #27334B; }
.sidenav a .closeText, .sidenav .changeCategoryText .closeText {
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#close_mysidenav:hover{ cursor :pointer; }
.sideNavUl{ margin: 0px !important; }
.changeCategoryContainerMobile{ background-color: #27334b !important; }
.changeCategoryContainerMobile a:hover{ color: #ffcd00 !important; }

/*sous-menu responsive mobile : "changer de catégorie" */

.changeCatMobileParentName{
    color: #27334b;
    padding: 8px 16px !important;
}

.changeCatMobileParentName:hover{
    color: #ffffff;
    cursor: pointer;
}
.changeCatMobileChildName{ color: #27334b !important; }
.changeCatMobileChildName:hover{ color: #ffcd00 !important; }
.contents {
    background: #cdcdcd;
    color: #27334b;
    padding: 20px;
    margin:0;
}
.slide-up, .slide-down { overflow:hidden; }
.slide-up > div, .slide-down > div {
    margin-top: -250%;
    transition: margin-top 0.6s ease-in-out;
}
.slide-down > div { margin-top: 0; }


/* ICONE BURGER SUBMENU*/
#nav-icon3{
    width: 25px;
    height: 25px;
    margin: 10px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #27334B;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) { top: 0px; }
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 9px; }
#nav-icon3 span:nth-child(4) { top: 18px; }
#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

/* --> fin Icone*/
/* fin responsive submenu*/

/* FOOTER*/
.footerContainer{
    display: flex;
    flex-wrap: wrap;
    padding: 40px 30px;
    border-top: 1px solid #E8E8E8;
    background-color: #ffffff;
}
.footerContainer > div{
    display: flex;
    margin: auto;
    padding: 0px 20px;
}
.footerCtnrLogo img{
    width: 100%;
    max-width: 250px;
}
.footerCtnrSocialMedia{ display: flex; }
.footerCtnrSocialMedia img{
    width: 100%;
    max-width: 70px;
}
.footerCtnrSocialMedia > div{
    flex-grow: 1;
    padding: 1px;
    transition: 0.2s;
}
.footerCtnrSocialMedia > div:hover{ transform: scale(1.1); }
.footerCtnrHoraires{
    display: flex;
    flex-direction: column;
    font-size: small;
}
.footerCtnrTel img{
    width: 100%;
    max-width: 300px;
}

.footerSecondCtnr{
    display: flex;
    flex-wrap: wrap;
    padding: 2px 30px;
    font-weight: 500 !important;
    background-color: #ffffff;
}

.footerSecondCtnr > div{
    padding: 0px 20px;
}
.footerSecondCtnr a:hover{ color: #ff7500; }

.footerLastCtnr{
    display: flex;
    background-color: #27334b;
    padding: 10px 30px;
    font-size: 16px !important;
    font-weight: 500 !important;
}
.footerLastCtnr > div{ padding: 0px 20px;}
.footerLastCtnr a{ color: #ffffff; }
.footerLastCtnr a:hover{ color: #ff7500; }


/* ---> fin footer */

/* page les preuves */
.categoryContainer{
    display: flex;
    justify-content: space-between;
}
.subCategoryContainer{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1140px;
}

.subCategoryContainer a:hover{ color: #ffcd00 !important; }

.boxSubMenu{
    background-color: #eeeeee;
    margin: 20px;
    padding-top: 50%;
}

.boxSubMenuCategories{
    background-color: #eeeeee;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.boxSubMenuCategories:hover, .linkBoxSubMenu:hover .actualParentImageCategory path{ background-color: #27334b !important; }
.linkBoxSubmenu:hover .textImageCategory, .linkBoxSubCategory:hover .textImageCategory, .textImageCategory:hover,
.linkBoxSubmenu:hover .parentImageCategory path, .linkBoxSubMenu:hover .actualParentImageCategory path,
.linkBoxSubmenu:hover .imageCategory path, .linkBoxSubCategory:hover .imageCategory path,
.linkBoxSubmenu:hover .imageCategory polygon, .linkBoxSubCategory:hover .imageCategory polygon,
.linkBoxSubmenu:hover .imageCategory rect, .linkBoxSubCategory:hover .imageCategory rect,
.linkBoxSubmenu:hover .imageCategory ellipse,.linkBoxSubCategory:hover .imageCategory ellipse,
.linkBoxSubmenu:hover .imageCategory circle,.linkBoxSubCategory:hover .imageCategory circle{
    color: #ffcd00 !important;
    fill: #ffcd00 !important;
}

.categoryBox{
    min-height: unset !important;
    height: 80px !important;
}

.boxImageAndText{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 15px;
}

.boxParentCategoryNav{
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
}

.linkBoxSubmenu{ padding: 10px; }
.categoryContainer a:hover{
    color: #ffcd00 !important;
}
.linkBoxSubCategory{
    padding: 10px;
    max-height: calc(1140px / 4);
}

.imageCategory{
    width: 40%;
    margin: auto;
    max-height: 55%;
}
.parentImageCategory{
    height: 50%;
    margin-right: 30px;
    scroll-margin-left: 10px;
}
.actualParentImageCategory{ background-color: #d0c8c8 !important; }

.textImageCategory{
    font-family: "Fira Sans";
    font-weight: 200;
    line-height: 1.1;
    text-align: center;
}

#firstContainerPreuves{
    display: flex;
    width: 100%;
    margin: 30px 0px;
}

#firstContainerPreuvesLeft{ display: flex; }

#firstContainerPreuvesRight{
    display: flex;
    padding: 0px 20px;
}

#actusCtnr{
    display: flex;
    width: 100%;
    margin: 0px 0px 50px 0px;
}

#enSavoirPlusCtnr{
    display: flex;
    width: 100%;
    margin: 0;
}

#enSavoirPlusDescriptionHeader{
    position: relative;
    overflow: hidden;
    height: 250px;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.enSavoirPlusDescriptionBlur{
    width:100%;
    height: 70px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    background-image: linear-gradient(transparent, #FFCD00);
    transition: height 1.2s;
}

.clicCategoryText{
    text-align: center;
    padding-top: 20px;
}

.categoriesContainer, .descriptionContainer{
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
}

.innerCategoryBox{
    width: 100%;
    background-color: #eeeeee;
}

.descriptionImageContainer1, .descriptionTextContainer{
    display: flex;
    padding: 10px;
}

/* PAGE 'THEMATIQUE METIER' */

.descriptionImageYellow path, .descriptionImageYellow rect, .descriptionImageYellow circle, .descriptionImageYellow ellipse, .descriptionImageYellow polygon{ fill: #ffcd00 !important; }

.sectorDescriptionContainer{
    position: relative;
    overflow: hidden;
    /* height: 150px; */
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

#sectorContainerClosed{ height: 150px; }

.sectorDescriptionBlur{
    width:100%;
    height: 70px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    background-image: linear-gradient(transparent, #ffffff);
    transition: height 1.2s;
}

.readCtnr{
    justify-content: space-between;
    margin-top: 10px;
    transition: height 1.2s;
}

.readCtnr:hover{cursor: pointer;}
.readMoreContainer{ display: flex;padding: 0 10px;}

.readMoreSeparatorContainer{
    flex-grow: 1;
    margin: auto;
    padding-left: 25px;
}

/* TUILES ADHERENTS*/
.tuileGlobalContainer{
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}

.tuileTitleContainer{ background-color: #27334B; }
.tuileTitle{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    padding: 10px 15px;
}

.tuileBodyContainer {
    height: 100%;
    padding: 10px 15px 25px;
}

.tuileBodyContainer > div:first-child {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.clickableTile {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
}

.clickableTile:hover {
    cursor: pointer;
}

.tuileInfos {
    display: flex;
    margin-bottom: 5px;
}
#allAdhSecteurContainer{
    flex-wrap: wrap;
    margin: auto;
}

/** PREVENTION TEXT ACCORDION **/

.pqp_prevention_text_ctnr {
    max-width: 1500px;
    margin: auto;
    padding: 20px 0;
}

.pqp_prevention_text {
    color: #150F63;
    font-family: "Source Sans Pro", sans-serif;
}

.pqp_prevention_text_accordion {
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 18px 25px;
    width: 100%;
    border: none;
    transition: 0.5s;
}

.pqp_prevention_text_accordion .pqp_prevention_text {
    font-size: 28px;
    font-weight: 600;
}

.pqp_prevention_text_accordion .pqp_prevention_text span {
    text-align: left;
}

.pqp_prevention_text_accordion > div:first-child {
    display: flex;
    align-items: center;
}

.pqp_prevention_text_accordion img {
    margin-right: 20px;
}

.pqp_prevention_text_ctnr.active .pqp_prevention_text_content {
    padding: 0 35px 15px;
}

.pqp_prevention_text_ctnr .fa-chevron-down {
    font-size: 35px;
    color: #150F63;
    transition: all 0.3s ease-out;
}

.pqp_prevention_text_ctnr.active .fa-chevron-down {
    transform: rotate(180deg);
}

.pqp_prevention_text_content {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out, padding-left 0.3s;
}

.pqp_prevention_text_content > div:first-child {
    border-top: 2px solid #150F63;
    padding-top: 20px;
}

.pqp_prevention_text_content ol {
    list-style-type: none;
}

.pqp_prevention_text_content ol li::before {
    content: counter(list-item)" – ";
}

.pqp_prevention_text_accordion, .pqp_prevention_text_content {
    background-color: #F7F7F7;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}

/** end PREVENTION TEXT ACCORDION **/


.tuileIcon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    margin-right: 5px;
}
.tuileIcon svg{
    max-height: 20px;
    width: 100%;
}
.referencementTable tr{ padding: 10px; }
.referencementTable tr td{ padding: 10px !important; }
.referencementIconCtnr .descriptionImageYellow {
    max-width: 80px;
}

.note_ctnr{
    display: flex;
    align-items: center;
}
.note_ctnr > div:first-child { text-align: center; }
.note_ctnr > div:first-child > div:first-child {
    display: flex;
    align-items: baseline;
}
.note_ctnr > div:first-child > div:nth-child(2) { line-height: 13px; }

.note_10, .noteText {
    font-family: 'Fira Sans';
    font-weight: 600;
}
.noteText{
    font-size: 26px;
    line-height: 26px;
}
.note_10{
    font-size: 13px;
}

.note_italic{
    font-family: 'Fira Sans';
    font-style: italic;
    font-size: 13px;
    font-weight: 400;
}

.star_ctnr{
    display: flex;
    height: 20px;
    width: 20px;
    margin-right: 3px;
}

.tuile_title_company{
    font-weight: 600;
}

#allAdhSecteurContainer.grid:after {
    content: '';
    display: block;
    clear: both;
}

#allAdhSecteurContainer .grid-item {
    float: left;
}

#allAdhSecteurContainer .grid-item img {
    display: block;
    max-width: 100%;
}

/* page d'accueil */
.homeBackground{ background-color: #27334B; }

/* page "la Solution" */

#solutionFirstImage{
    position: absolute;
    width: 20%;
    right: 5px;
    bottom: 0px;
    z-index: -1;
}

.hrPageSolution{
    position: absolute;
    right: 0px;
    margin: 0px !important;
}

.fiveStarsContainer{
    display: flex;
    width: 100%;
}

.opinionContainer{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 15px;
}

.opinionStarsContainer{
    display: flex;
    justify-content: flex-end;
}

.starsCtnr{
    width: 80px;
    margin: auto 10px auto 0px;
}

.opinionIconContainer{
    display: flex;
    vertical-align: middle;
    width: 40px;
    min-width:40px;
    padding-bottom: 20%;
}

.opinionIconContainerImage{ width: 100% !important; }

.opinionContentContainer{ padding-left: 15px; }
.opinionCommentText{
    font-size: small;
    line-height: 1.5;
    margin: 0 0 5px;
}

/* page 'la charte' */

.triangleContainerDesktopIn{ transform: translateY(-50%); }

/* page 'les actus' */
.categoryActusCtnr{ padding: 4px 15px; }

/* page 'témoignages de consommateurs */
.trustPilotCtnr{ background-color: #EEEEEE; }

.trustPilotCtnr > div{
    display: flex;
    flex-wrap: wrap;
    padding: 80px 0px;
}
.trustPilotLeft{
    width: 50%;
    padding: 50px 100px 50px 0px;
}
.trustpilot-widget{ max-width: 350px; }
.trustPilotRight{ width: 50%; }
.trustPilotRight p { margin-bottom: 50px; }
.trustPilotBtn{
    display: inline-block;
    background-color: #27334b;
    color: #FFFFFF !important;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 400;
    border-radius: 20px;
    padding: 10px 30px;
    text-decoration: none;
}
.trustPilotBtn:hover{ transform: scale(1.1); }

/* pagination */
.pagination-container{
    margin: 35px 0;
    display: flex;
    flex-direction: column;
}
.pagination{ margin: auto; }
.pagination .page-numbers {
    color: #27334b;
    display: block;
    width: auto;
    float: left;
    margin: 4px 4px 4px 0;
    padding: 4px 12px 5px 12px;
    text-decoration: none;
}

.pagination .page-numbers:hover { color: #ff7500; }

.pagination .current {
    background: #ff7500;
    color: #ffffff;
    border-radius: 50%;
    padding: 4px 12px 5px 12px;
}

/* articles */
.articles-title-ctnr{
    background-color: #ffcd00;
    color: #27334b;
    padding: 40px 0px 30px;
    margin-bottom: 50px;
}

.articles-title-ctnr h1 {
    font-size: 40px;
    color: #27334b;
}
.articles-title-ctnr hr {
    border-top: #27334b 2px solid;
    margin: 10px 0 7px !important;
    height: 0px !important;
}
.articles-title-ctnr .article-breadcrumb{
    display: flex;
    justify-content: flex-end;
}
.articles-title-ctnr .article-breadcrumb, .articles-title-ctnr .article-breadcrumb a{
    color: #27334b !important;
    font-weight: 500;
}
.articles-title-ctnr .article-breadcrumb a:hover{
    text-decoration: underline;
}
.articles-ctnr{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.articles-content{
    width: 75%;
    padding-right: 50px;
}
.articles-right-column{
    width: 25%;
    background-color: #EEEEEE;
    color: #27334b !important;
}
.articles-sidebar-excerpt, .articles-sidebar-content {
    padding: 25px 20px;
    font-weight: 400;
}
.articles-sidebar-excerpt {
    background: #27334B;
    color: white;
    font-size: 22px;line-height: 1.2;
}
.articles-sidebar-content hr{
    border-top: 1px solid #27334b !important;
}
.articles-sidebar-content a{
    color: #27334b;
}
.articles-sidebar-content a:hover{
    color: #ff7500;
}
.articles-sidebar-content .articles-sidebar-similar {
    color: #27334b !important;
    font-family: "Fira Sans";
    font-weight: 600;
    font-size: 17px;
}
.articles-sidebar-content .sidebar-content-info{
    display: block;
    text-align: right;
}
.articles-sidebar-content .sidebar-content-info .sidebar-date{
    font-weight: 700;
    font-size: 15px;
}
.articles-ctnr, .articles-ctnr h2, .articles-ctnr h3, .articles-ctnr p{
    color: #27334b !important;
}
.articles-ctnr h2 {
    font-size: 28px !important;
    font-weight: 700;
    margin-top: 50px;
}

.articles-ctnr h3 {
    font-size: 24px !important;
    font-weight: 400;
    margin-top: 30px;
}


/* footer */
.footerHoursText{ font-size: small; }
.footerRS{
    max-width: 60px;
    padding: 10px !important;
}

/* videos*/
.ytp-button {
    border: none;
    background-color: transparent;
    padding: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: default;
    line-height: inherit;
}
.ytp-large-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15%;
    height: 15%;
    min-width: 35px;
    min-height: 35px;
    max-width: 68px;
    max-height: 48px;
    margin-left: -7.5%;
    margin-top: -7.5%;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1), top 0.3s ease-in-out;
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1), top 0.3s ease-in-out;
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1), top 0.3s ease-in-out;
    z-index: 63;
}
.ytp-large-play-button:hover{ cursor: pointer; }


.ytp-button.ytp-with-opacity #Soustraction_1 { fill-opacity: 0.2; }

.colorYoutubeButton{ fill: #ff7500 !important; }
.title_video_ctnr{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee;
    opacity: 0.9;
    height: 25%;
    min-height: 60px;
    width: 100%;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0px;
}

.youtube-icon-overload .elementor-custom-embed-play{
    opacity: 1;
    background: url(/uploads/2020/04/btn-play.svg) no-repeat center;
    background-size: contain;
    width: 15%;
    height: 15%;
    min-width: 35px;
    min-height: 35px;
    max-width: 68px;
    max-height: 48px;
}
.youtube-icon-overload .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play{
    opacity: 1;
    background: url(/uploads/2020/04/btn-play-1.svg) no-repeat center;
}
.youtube-icon-overload .eicon-play{
    display: none;
}

.title_video{
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    margin: 0px;
}

.hasThumbnail:hover .title_video_ctnr{
    height: 100%;
    padding-top: 25%;
}
.hasThumbnail:hover{ cursor: pointer; }
.hasThumbnail:hover .ytp-large-play-button{
    top: 40%;
    transition: all 0.3s ease-in-out;
}
.hasThumbnail:hover.no_title .ytp-large-play-button{ top: 50%; }
.text_site_thematique h2{
    font-weight: 500;
}

.text_site_thematique h2{
    font-size: 21px;
}

.breadcrumb{
    font-size: 14px;
    font-weight: 400;
    color: #ff7500;
}

a.breadcrumb:hover{
    color: #ff7500;
    text-decoration: underline;
}

.imageSuccess{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-height: 100%;
    min-width: 100%;
    border: 1px solid #EEEEEE;
}

.imageSuccessNo{
    background: #eeeeee url('../../../uploads/2019/07/simley-sombre.svg') center/35% no-repeat padding-box;
}

.moreWeightedText{
    font-weight: 400;
    font-size: 16px;
}

.grey-screen-ctnr {
    width: 100%;
    background-color: gray;
    padding: 50px;
}

.grey-screen-video {
    position: relative;
    width: 100%;
    padding-top: 48%;
    background-color: grey;
    margin: 50px 0px;
}
.grey-screen-message {
    color: #ffffff;
    text-align: center;
}

.elementor-widget-video .elementor-fit-aspect-ratio {
    height: unset !important;
}

.overload_fit_aspect_ratio {
    height: unset !important;
    padding-bottom: unset !important;
    aspect-ratio: unset !important;
}

.grey-screen-message p, .grey-screen-message div, .grey-screen-message a {
    font-family: 'Source sans pro', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff !important;
}
.grey-screen-message a {
    color: #ff7500 !important;
    text-decoration: underline !important;
}
.grey-screen-message a:hover { text-decoration: unset; }

.pqp-responsive-video-wrap::before {
    padding-top: 0;
}


/* ////  MEDIA QUERIES  //// */

/* FULL SCREEN */
@media only screen and (min-width: 960px) {
    .centeredContainer60, .centered60 {
        width: 60% !important;
    }

    .centeredContainer70 {
        width: 70%;
    }

    .centeredContainer80, .hrPageSolution {
        width: 80%;
    }

    .separator60 {
        max-width: calc(100% - ((100% - 850px) / 2));
    }

    .submenuContainer {
        /*padding-left: calc((100% - 950px) / 2);*/
        /*padding-right: calc((100% - 950px) / 2);*/
    }

    .h2subMenu {
        font-size: 22px;
    }

    #leftSubmenuContainer {
        width: 25%;
    }

    .rightSubmenuContainer {
        width: 75%;
    }

    #nav-icon3 {
        display: none;
    }

    #firstContainerPreuvesLeft {
        width: 50%;
        margin-right: 30px;
    }

    #firstContainerPreuvesRight {
        width: 50%;
        margin-left: 30px;
    }

    #lesPreuvesFirstContainer, #referencementCtnr {
        margin-top: 60px;
    }

    #referencementCtnr {
        display: flex;
        flex-direction: row-reverse;
    }

    #readMoreBigCtnr {
        width: 75%;
    }

    .referencementIconCtnr {
        width: 25%;
        text-align: center;
        margin-right: 25px;
    }

    #actusCtnr {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    #actuCtnrLeft {
        width: 60%;
        margin-right: 20px;
    }

    #actuCtnrRight {
        margin-left: 20px;
        text-align: right;
    }

    #enSavoirPlusCtnr {
        justify-content: space-between;
        align-items: center;
        margin: 62px 0px;
    }

    #enSavoirPlusCtnrBtn {
        position: relative;
        font-size: 16px;
    }

    .twoActusContainer {
        margin: 30px;
        width: calc(50% - 60px);
    }

    .fourActusContainer {
        margin: 30px;
        width: calc(25% - 60px);
    }

    .adjustActusRowContainer {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .linkBoxSubmenu {
        width: calc(100% / 3);
        height: calc(18vw - 40px);
        min-height: 16vw;
    }

    .textImageCategory {
        font-size: 18px;
    }

    .clicCategoryText {
        padding-bottom: 30px;
    }

    .descriptionImageContainer1 {
        width: calc(100% / 3);
    }

    .descriptionImageContainer2 {
        display: flex;
        flex-direction: column;
        align-items: end;
        margin-left: auto;
        width: 70%;
    }

    .descriptionImage {
        padding: 10px 20px 20px 0px;
        align-items: center;
        max-height: 80px;
    }

    .descriptionTextContainer {
        width: calc(100% / 1.5);
    }

    .footerContainer > div:nth-child(1), .footerContainer > div:nth-child(4) {
        width: 25%;
    }

    .footerContainer > div:nth-child(2) {
        width: 20%;
    }

    .footerContainer > div:nth-child(3) {
        width: 30%;
    }

    .columnGoogleImg {
        max-width: 80px;

        .buttonWrapper > a, .buttonWrapper div#changeActusCat, .buttonWrapper div#changeActusCatMobile {
            font-size: 16px;
        }

        #changeActusCat {
            display: block;
            width: 100%;
        }

        #changeActusCat:hover {
            cursor: pointer;
        }

        #changeActusCatMobile {
            display: none !important;
        }

        /* menu en 'sticky' sur écrans larges*/

        #site-header {
            position: sticky !important;
            top: 0px !important;
        }

        .actu_title {
            font-size: 26px;
            line-height: 1.2;
        }
    }

    /* TABLETS */
    @media only screen and (min-width: 376px) and (max-width: 959px) {
        .centeredContainer60, .centered60 {
            width: 80%;
        }

        .centeredContainer70, .centeredContainer80 {
            width: 85%;
        }

        .hrPageSolution {
            width: 90%;
        }

        .submenuContainer {
            /*padding-left: 70px;*/
            /*padding-right: 70px;*/
        }

        .h2subMenu {
            font-size: 20px;
        }

        #lesPreuvesFirstContainer, #referencementCtnr {
            margin-top: 40px;
        }

        #enSavoirPlusFirstContainer {
            margin-top: 33px;
        }

        #enSavoirPlusFirstContainer > .buttonWrapper {
            margin-bottom: 33px;
            text-align: center;
            font-size: 22px !important;
        }

        #enSavoirPlusDescriptionHeader {
            margin: auto;
        }
    }

    /* SMARTPHONES */
    @media only screen and (max-width: 375px) {
        .centeredContainer60, .centered60, .centeredContainer70, .centeredContainer80, .hrPageSolution {
            width: 90%;
        }

        #leftSubmenuContainer {
            width: 70%;
        }

        .rightSubmenuContainer {
            width: 25%;
        }

        .submenuContainer {
            /*xs*/
        }

        .h2subMenu {
            font-size: 18px;
        }

        #lesPreuvesFirstContainer, #referencementCtnr, #enSavoirPlusFirstContainer {
            margin-top: 20px;
        }

        #enSavoirPlusFirstContainer > .buttonWrapper {
            margin-bottom: 20px;
        }

        .categoryContainer {
            flex-direction: column;
        }

        .categoriesContainer {
            flex-direction: column;
        }

        .linkBoxSubmenu {
            width: calc(100vw - 20vw);
            height: calc(calc(100vw / 4) - 40px);
            min-height: 40vw;
        }

        .linkBoxSubCategory {
            width: 100%;
            height: 80vw;
        }

        .grey-screen-ctnr {
            padding: 10px;
        }

        .grey-screen-message p, .grey-screen-message div, .grey-screen-message a {
            font-size: 16px;
        }

        .elementor-fit-aspect-ratio .grey-screen-message {
            min-width: 70%;
        }
    }

    /* TABLETS AND SMARTPHONES */
    @media only screen and (max-width: 959px) {
        .subMenuTabContainer {
            display: none;
        }

        #leftSubmenuContainer {
            display: none;
        }

        #nav-icon3 {
            display: block;
        }

        #firstContainerPreuves {
            flex-direction: column;
            align-items: center;
        }

        #actusCtnr {
            flex-direction: column;
        }

        .verticalSeparatorTurn {
            width: 30% !important;
            height: 5px !important;
            margin: 25px 0px;
        }

        #firstContainerPreuvesLeft, #firstContainerPreuvesRight {
            text-align: center;
        }

        .buttonWrapper > a, .buttonWrapper div#changeActusCat, .buttonWrapper div#changeActusCatMobile {
            font-size: 13px;
        }

        #changeActusCat {
            display: none !important;
        }

        #changeActusCatMobile {
            display: block;
        }

        #changeActusCatMobile:hover {
            cursor: pointer;
        }

        /* menu en 'sticky' sur tablettes + smartphones*/
        .boxed-layout #wrap {
            overflow: unset !important;
        }

        #site-header {
            position: sticky !important;
            top: 0px !important;
        }

        #readMoreBigCtnr {
            width: 100%;
        }

        .referencementIconCtnr {
            display: flex;
            align-items: center;
            text-align: center;
            margin: auto;
        }

        .referencementIconCtnr .descriptionImageYellow {
            margin-right: 20px;
        }

        .articles-content {
            width: 100%;
            padding-right: 0px !important;
        }

        .articles-right-column {
            width: 100%;
            margin-top: 50px !important;
        }
    }

    /* TABLETS AND SMARTPHONES */
    @media only screen and (max-width: 729px) {
        .descriptionContainer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .parentImageCategory {
            margin: auto !important;
        }

        .textImageCategory2 {
            display: none;
        }

        .descriptionImageContainer2 {
            display: flex;
            flex-direction: row;
        }

        .threeVideosContainer, .twoActusContainer, .oneVideoContainer {
            margin: 10px;
            width: calc(100% - 20px);
        }

        .adjustActusRowContainer {
            width: calc(100% + 40px);
            margin-left: -20px;
        }

        .descriptionImage {
            align-items: center;
            max-height: 60px;
            min-height: 50px;
        }

        .descriptionTextContainer {
            width: 100%;
        }

        .descriptionTextContainer p {
            text-align: center;
        }

        .footerContainer > div {
            justify-content: center;
            text-align: center;
            padding-top: 15px;
            width: 100%;
        }

        .footerSecondCtnr {
            flex-direction: column;
            background-color: #ff7500;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .footerSecondCtnr a {
            color: #ffffff !important;
        }

        .footerSecondCtnr a:hover {
            color: #27334b !important;
        }

        .footerLastCtnr {
            flex-direction: column;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .actu_title {
            font-size: 24px;
            line-height: 1.2;
        }

        #allAdhSecteurContainer {
            max-width: 400px;
        }

        .tuileGlobalContainer {
            margin: 15px;
            width: calc(100% - 30px);
        }

        .trustPilotLeft, .trustPilotRight {
            width: 100%;
        }

        .trustPilotLeft {
            padding: 0 0 50px;
        }

        .trustPilotCtnr > div {
            padding: 40px 0px;
        }

        .articles-title-ctnr h1 {
            font-size: 26px;
        }

        .articles-ctnr h2 {
            font-size: 20px !important;
            margin-top: 30px;
        }

        .articles-ctnr h3 {
            font-size: 18px !important;
            margin-top: 30px;
        }

        .pqp_prevention_text_accordion {
            padding: 18px 35px;
        }

        .pqp_prevention_text_accordion .pqp_prevention_text {
            font-size: 18px;
        }

        .pqp_prevention_text_accordion img {
            width: 35px;
        }

        .pqp_prevention_text_ctnr .fa-chevron-down {
            font-size: 20px;
        }

    }

    /* TABLETS (from 376 to 729px) */
    @media only screen and (min-width: 376px) and (max-width: 729px) {
        .categoryContainer {
            flex-direction: column;
        }

        .categoriesContainer {
            flex-direction: column;
        }

        .linkBoxSubmenu {
            width: calc(100vw - 20vw);
            height: calc(calc(100vw / 4) - 40px);
            min-height: 40vw;
            padding: 10px;
        }

        .textImageCategory {
            font-size: 16px;
        }

        .clicCategoryText {
            padding-bottom: 20px;
        }

        .descriptionImageContainer1 {
            width: calc(100% / 2);
        }

        .grey-screen-message p, .grey-screen-message div, .grey-screen-message a {
            font-size: 16px;
        }

        .elementor-fit-aspect-ratio.grey-screen-ctnr {
            padding-bottom: 60vh !important;
        }

        .elementor-fit-aspect-ratio .grey-screen-message {
            min-width: 70%;
        }
    }

    /* BIG SMARTPHONES (from 376 to 559px) */
    @media only screen and (min-width: 376px) and (max-width: 559px) {
        .tuileSuccessGlobalContainer {
            width: 100%;
        }

        .tuileGlobalContainer {
            margin: 10px;
            width: calc(100% - 20px);
        }

        .linkBoxSubCategory {
            width: calc(100% / 2);
            height: calc(80vw / 2);
        }
    }

    /* SMALL TABLETS (from 560 to 729px) */
    @media only screen and (min-width: 560px) and (max-width: 729px) {
        .tuileSuccessGlobalContainer {
            width: 50%;
        }

        .linkBoxSubCategory {
            width: calc(100% / 3);
            height: calc(80vw / 3);
        }

        .fourActusContainer {
            margin: 30px;
            width: calc(50% - 60px);
        }
    }

    /* TABLETS (from 730 to 959px) */
    @media only screen and (min-width: 730px) and (max-width: 959px) {

        #allAdhSecteurContainer {
            max-width: 800px;
        }

        .tuileGlobalContainer {
            margin: 15px;
            width: calc(50% - 30px);
        }

        .tuileSuccessGlobalContainer {
            width: calc(100% / 3);
        }

        .oneVideoContainer {
            margin: 10px;
            width: calc(100% - 20px);
        }

        .threeVideosContainer, .twoActusContainer {
            margin: 10px;
            width: calc(50% - 20px);
        }

        .fourActusContainer {
            margin: 10px;
            width: calc(calc(100% / 3) - 20px);
        }

        .adjustActusRowContainer {
            width: calc(100% + 40px);
            margin-left: -20px;
        }

        .hideSixthElement {
            display: none;
        }

        .linkBoxSubmenu {
            width: calc(calc(100vw / 3) - 40px);
            height: calc(18vw - 40px);
            min-height: 22vw;
        }

        .textImageCategory {
            font-size: 15px;
        }

        .clicCategoryText {
            padding-bottom: 20px;
        }

        .linkBoxSubCategory {
            width: calc(100% / 4);
            height: calc(80vw / 4);
        }

        .descriptionImageContainer1 {
            width: calc(100% / 3);
        }

        .descriptionImageContainer2 {
            display: flex;
            flex-direction: column;
            align-items: end;
            margin-left: auto;
            width: 70%;
        }

        .descriptionImage {
            padding: 10px 20px 20px 0px;
            align-items: center;
            max-height: 80px;
        }

        .descriptionTextContainer {
            width: calc(100% / 1.5);
        }

        .footerContainer > div {
            padding-top: 15px;
            width: 50%;
        }

        .actu_title {
            font-size: 25px;
            line-height: 1.2;
        }

        .articles-title-ctnr h1 {
            font-size: 35px;
        }

        .articles-ctnr h2 {
            font-size: 24px !important;
            margin-top: 40px;
        }

        .articles-ctnr h3 {
            font-size: 20px !important;
            margin-top: 40px;
        }

    }

    /* UP 960px FULL SCREEN TO 1200px (from 960px to 1200px)*/
    @media only screen and (min-width: 960px) and (max-width: 1200px) {

        .linkBoxSubCategory {
            width: calc(100% / 4);
            height: calc(80vw / 4);
        }

        .tuileSuccessGlobalContainer {
            width: calc(100% / 3);
        }

        .tuileGlobalContainer {
            margin: 15px;
            width: calc(calc(100% / 3) - 30px);
        }

        .oneVideoContainer {
            margin: 20px;
            width: calc(100% - 40px);
        }

        .threeVideosContainer {
            margin: 20px;
            width: calc(calc(100% / 2) - 40px);
        }
    }

    /* UP 960px FULL SCREEN TO 1050px (from 960px to 1050px)*/
    @media only screen and (min-width: 960px) and (max-width: 1050px) {
        .rightSubmenuContainer {
            padding: 10px 10px 10px 10px !important;
        }
    }

    /* BIG FULL SCREEN (from 1201px)*/
    @media only screen and (min-width: 1201px) {
        .linkBoxSubCategory {
            width: calc(100% / 4);
            height: calc(80vw / 4);
        }

        .descriptionImageContainer2 {
            display: flex;
            flex-direction: column;
            align-items: end;
            margin-left: auto;
            width: 60%;
        }

        .tuileSuccessGlobalContainer {
            width: 25%;
        }

        #allAdhSecteurContainer {
            max-width: 1500px;
        }

        .tuileGlobalContainer {
            margin: 15px;
            width: calc(25% - 30px);
        }

        .oneVideoContainer {
            margin: 20px;
            width: calc(100% - 40px);
        }

        .threeVideosContainer {
            margin: 20px;
            width: calc(calc(100% / 3) - 40px);
        }
    }

    /* TABLETS AND FULLSCREEN (from 730px) */
    @media only screen and (min-width: 730px) {
        .footer_by_pqp {
            flex-grow: 1;
        }

        .footer_by_pqp div {
            justify-content: flex-end;
        }
    }


    /*STYLE PERSO POUR GRAVITYFORM*/
    .modified_gravity_chosen .chosen-container, .modified_gravity_chosen .chosen-single {
        height: 40px !important;
        border-radius: 9px;
        font-size: 18px;
    }

    .modified_gravity_chosen .chosen-single {
        display: flex !important;
        align-items: center;
        padding: 0 0 0 16px !important;
        background: #fff !important;
        box-shadow: unset !important;
    }

    .modified_gravity_chosen .chosen-single div b {
        background-position: 0 10px !important;
    }

    #field_1_12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .modified_gravity_chosen label {
        width: 100%;
    }

    .modified_gravity_chosen .ginput_container_radio {
        display: flex;
        align-items: center;
    }

    .modified_gravity_chosen .gfield_description {
        width: calc(100% - 50px);
    }

    .modified_gravity_form .validation_message {
        font-weight: unset;
        color: #ff7500 !important;
        padding-top: 1px !important;
    }

    .modified_gravity_form li.gfield.gfield_error {
        background-color: unset !important;
        margin-bottom: unset !important;
        border: unset !important;
    }


    /* ==================== */
    /* ==================== */
    /* PAGE CONSTELLATION */
    /* ==================== */
    /* ==================== */
    #archive-page {
        background-color: #27334B !important;
    }

    #archive-page .content-area {
        padding-right: 0 !important;
        border-right-width: 0 !important;
    }

    .orange-card {
        background-color: #FF7500;
    }

    .yellow-card {
        background-color: #FFCD01;
    }

    .blue-text,
    .yellow-card h2,
    .yellow-card .single-card-content p {
        color: #27334B !important;
    }


    /* ==================== */
    /* HEADER */
    /* ==================== */
    .constellation-header {
        background-color: #27334B;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .constellation-header h1 {
        font-size: 50px;
        font-weight: bold;
        color: #FFF;
    }

    .constellation-header h2 {
        font-size: 40px;
        font-weight: 300;
        color: #FFF;
        text-align: center;
        padding-bottom: 20px;
    }

    .constellation-gray-separator {
        width: 20%;
        margin: 0 auto;
        padding-bottom: 100px;
    }

    /* ==================== */
    /* CARDS */
    /* ==================== */
    .loop {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        max-width: 1340px;
        margin: 0 auto;
        padding-bottom: 50px;
        flex-wrap: wrap;
    }

    .card-container {
        margin-bottom: 60px;
        width: 25%;
        min-height: 360px;
        padding: 40px 30px 0 30px;
        position: relative;
    }

    .single-card-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card-container.odd:hover,
    .card-container.odd:hover .single-card-know-more {
        background-color: #FF7500 !important;
        color: #fff !important;
        cursor: pointer !important;
    }

    .card-container.even:hover,
    .card-container.even:hover .single-card-know-more,
    .card-container.even:hover .single-card-content,
    .card-container.even:hover .single-card-title h2 {
        background-color: #FFCD01 !important;
        color: #27334B !important;
        cursor: pointer !important;
    }

    .card-container.even:hover .cool-hover::after {
        background: #27334B !important;
    }

    .single-card-container .white-logo img {
        width: 192px;
        height: 57px;
        vertical-align: baseline;
    }

    /* Hide & Show Logo au hover  */
    .blue-logo {
        display: none;
    }

    .even:hover .single-card-container .white-logo,
    .yellow-card .single-card-container .white-logo {
        display: none;
    }

    .even:hover .single-card-container .blue-logo,
    .yellow-card .single-card-container .blue-logo {
        display: block;
    }

    .single-card-container h2,
    .single-card-content {
        color: #fff;
    }

    .single-card-title h2 {
        font-size: 22px;
        font-weight: bold;
        padding-top: 30px;
        text-align: center;
    }

    .single-card-content {
        text-align: center;
    }

    .single-card-content {
        font-size: 22px;
        font-weight: lighter;
        margin-top: -15px;
    }

    /* ==================== */
    /* BTN EN SAVOIR PLUS */
    /* ==================== */
    .know-more-responsive {
        display: none;
    }

    .card-container:hover .know-more-responsive {
        display: none;
    }

    .single-card-know-more {
        opacity: 0;
        background-color: #27334B;
        width: 100%;
        border: none;
        position: absolute !important;
        bottom: 20px;
        left: 0;
        right: 0;
    }

    .card-container:hover .single-card-know-more {
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        opacity: 1;
    }

    .single-card-know-more svg,
    .know-more-responsive svg {
        width: 25px;
        margin-left: 10px;
    }

    .cool-hover {
        text-decoration: none;
        color: #fff;
        position: relative;
    }

    .cool-hover::after {
        content: "";
        position: absolute;
        left: 30%;
        bottom: 0;
        width: 30%;
        transform: translate(-50%);
        height: 2px;
        background: #FFF;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 350ms ease-in;
    }

    .cool-hover:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }


    /* ==================== */
    /* JUMBOTRONS */
    /* ==================== */
    .jumbotron-container {
        display: none;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 460px;
        padding: 50px 0;
        margin-bottom: 60px;
        position: relative;
    }


    .jumbotron-container:before,
    .jumbotron-container:after {
        display: block;
        content: '';
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .jumbotron-container:before {
        right: 100%;
        margin-right: -1px;
    }

    .jumbotron-container:after {
        left: 100%;
        margin-left: -1px;
    }

    .jumbotron-container.odd:before,
    .jumbotron-container.odd:after {
        background-color: #FF7500;
    }

    .jumbotron-container.even:before,
    .jumbotron-container.even:after {
        background-color: #FFCD01;
    }

    #outer-wrap {
        overflow-x: hidden;
    }

    .jumbo-logo-responsive {
        display: none;
    }

    .jumbotron-container h2 {
        max-width: 100%;
        padding-left: 22%;
        margin-left: 0;
        padding-right: 6%;
        margin-bottom: 20px;
        font-size: 28px;
        font-weight: bold;
    }

    .jumbotron-container.odd,
    .jumbotron-container.odd h2 {
        background-color: #FF7500;
        color: #FFF;
    }

    /* Logos dans jumbotrons */
    .jumbo-blue-logo-responsive {
        display: none !important;
    }

    .jumbotron-container.even {
        background-color: #FFCD01;
        color: #27334B;
    }

    .jumbotron-container.even .jumbo-blue-logo {
        display: block;
        margin-bottom: 30px;
    }

    .jumbotron-container.even .white-logo {
        display: none;
    }

    .main-jumbotron-section {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
    }

    .aside-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 20%;
        margin-right: 40px;
    }

    .white-logo img,
    .blue-logo img {
        width: 192px;
        height: 57px;
    }

    .jumbo-btn {
        background-color: #27334B;
        border-radius: 30px;
        padding: 5px 40px;
        color: #FFF;
        border: none;
        font-size: 20px;
        font-weight: normal;
    }

    .jumbo-btn a {
        color: #FFF;
        text-decoration: none;
    }

    .jumbo-btn-desktop {
        display: block;
    }

    .jumbo-btn-responsive {
        display: none;
    }

    .first-text-section,
    .second-text-section {
        width: 40%;
    }

    .first-text-section ul,
    .second-text-section ul {
        margin: 0 !important;
    }

    .first-text-section p,
    .second-text-section p {
        line-height: 22px;
        font-size: 18px;
    }

    .first-text-section {
        padding-right: 10px;
    }

    .second-text-section {
        padding-left: 35px;
    }

    /* ============================ */
    /* Bloc En savoir plus */
    /* ============================ */
    #bloc-en-savoir-plus {
        background-color: #E6E6E6;
    }

    #bloc-en-savoir-plus h2 {
        font-size: 36px;
    }

    #bloc-en-savoir-plus p {
        font-size: 19px;
    }

    #bloc-en-savoir-plus .container-en-savoir-plus {
        display: flex;
        justify-content: center;
        padding: 50px 0;
    }

    #bloc-en-savoir-plus .btnEnSavoirPlus {
        display: inline-block;
        background-color: #ff7500;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding: 0.6em 3.1em;
        border-radius: 40px;
    }

    #bloc-en-savoir-plus .btnEnSavoirPlus:hover {
        transform: scale(1.1);
    }

    #bloc-en-savoir-plus .bloc-en-savoir-plus--left {
        width: 70%;
    }

    #bloc-en-savoir-plus .bloc-en-savoir-plus--left.mw-50 {
        max-width: 50%;
    }

    #bloc-en-savoir-plus .bloc-en-savoir-plus--right:not(.mw-50) {
        flex: 30%;
        padding: 0 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #bloc-en-savoir-plus .bloc-en-savoir-plus--right .iframe_form input[type="text"],
    #bloc-en-savoir-plus .bloc-en-savoir-plus--right .iframe_form input[type="number"],
    #bloc-en-savoir-plus .bloc-en-savoir-plus--right .iframe_form input[type="email"],
    #bloc-en-savoir-plus .bloc-en-savoir-plus--right .iframe_form input[type="tel"] {
        background-color: #FFF;
    }

    #bloc-en-savoir-plus .bloc-en-savoir-plus--right .iframe_form button[type="submit"] {
        border-radius: 40px !important;
        color: #FFF !important;
        padding: 0.6em 3.1em !important;
    }

    /* Filter section page secteur d'activité */
    .filter_commune {
        border-radius: 2rem;
        margin: 1rem 0 2rem;
        max-width: 400px;
        margin-left: calc(100% - 400px);
    }

    /* Form */
    .filter_commune .filter_commune__form {
        display: flex;
        justify-content: normal;
        align-items: flex-end;
        gap: 1rem;
    }

    .filter_commune__form div.city_class {
        flex-basis: 40%;
        flex-grow: 1;
        position: relative;
    }

    .filter_commune .filter_commune__form .button {
        width: max-content;
        padding: 1rem !important;
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .filter_commune__form :is(.input, .button) {
        border: 2px solid #ff7500;
        height: 5rem;
        border-radius: 5px;
        z-index: 1003;
        position: relative;
        height: 4rem;
    }

    /*
		Style Résultat des filtres
	*/
    .filter_commune .commune__result {
        display: block;
        background: white;
        border-radius: 10px;
        box-shadow: 5px 5px 13px "E3E5E7";
        z-index: 999;
        overflow-y: auto;
        display: none;
        max-height: 40rem;
        padding: 0 2.5rem;
        position: absolute;
        width: 100%;
    }

    .filter_commune__form .button:hover {
        box-shadow: 3px 5px 13px #E3E5E7;
        transform: scale(1.11);
    }

    .js_get_keywords_around_me {
        background-color: transparent;
        width: 100%;
        padding: .5rem;
        border: 1px solid #ff7500;
        margin: 1rem 0;
        font-weight: 500;
    }

    /* Hide scroller result */
    .filter_commune .commune__result::-webkit-scrollbar {
        width: 5px;
    }

    .filter_commune .commune__result::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    /* END Hide scroller result */
    .filter_commune input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        padding: 0 2rem;
    }

    .commune__result ul {
        list-style: none;
        margin-left: -5px;
    }

    .commune__result ul li {
        padding: 5px;
        cursor: pointer;
        transition: .9s;
    }

    .commune__result ul li:hover {
        border-bottom: 1px solid #ff7500;
    }

    /*
		END Style Résultat des filtres
	*/
    @media (max-width: 717px) {

        .filter_commune .filter_commune__form div {
            width: 100%;
        }

        .filter_commune {
            max-width: 100%;
            margin-left: 0;

        }

        .filter_commune .filter_commune__form .button {
            flex-basis: content;
        }

        .commune__result {
            z-index: 99999;
            padding: .5rem;
        }
    }




    /* END Filter Styles */
    /* ================================ */
    /* ================================ */
    /* ================================ */
    /* ////  MEDIA QUERIES  //// */
    /* ================================ */
    /* ================================ */
    /* ================================ */
    @media (max-width: 960px) {
        /* 2 colonnes pour tablettes */
        .card-container {
            width: 50%;
        }

        .first-text-section,
        .second-text-section {
            width: auto;
        }
    }

    @media (max-width: 520px) {
        /* 1 colonne pour smartphones */
        .card-container {
            width: 100%;
        }
    }

    /* TABLETS */
    @media only screen and (min-width: 376px) and (max-width: 1220px) {
        #loop-constellation {
            flex-direction: row;
        }

        .jumbotron-container {
            height: auto;
        }

        .jumbotron-container h2 {
            padding-left: 50px;
            text-align: center;
        }

        .main-jumbotron-section {
            width: 90%;
            padding: 0 50px 0 50px;
        }

        .card-container .single-card-know-more {
            display: none !important;
        }

        .know-more-responsive {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #27334B;
            width: 100%;
            border: none;
            color: #fff;
            text-decoration: underline;
        }
    }

    /* Tablettes */
    @media only screen and (max-width: 830px) {
        .main-jumbotron-section {
            flex-direction: column;
            align-items: center;
        }

        .jumbotron-container {
            height: auto;
        }

        .jumbo-blue-logo-responsive {
            display: block !important;
        }

        .jumbo-logo-responsive,
        .jumbo-blue-logo-responsive {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 60%;
        }

        .jumbo-logo-responsive img,
        .jumbo-blue-logo-responsive img {
            position: relative;
            left: 50%;
            right: 50%;
            transform: translate(-50%, -50%);
            margin-top: 50px;
            height: 80px;
        }

        .jumbo-logo-desktop,
        .jumbo-blue-logo-desktop {
            display: none !important;
        }

        .jumbotron-container h2 {
            text-align: left;
            padding-left: 11%;
        }

        .jumbo-btn-desktop {
            display: none;
        }

        .jumbo-btn-responsive {
            display: block;
        }

        .second-text-section {
            padding-left: 0;
        }

    }

    @media only screen and (max-width: 740px) {
        .constellation-header h1 {
            font-size: 40px;
            text-align: center;
        }

        .constellation-header h2 {
            font-size: 32px;
        }

        .constellation-gray-separator {
            width: 90%;
        }
    }

    /* SMARTPHONES */
    @media only screen and (max-width: 520px) {
        .jumbotron-container h2 {
            font-size: 22px;
            text-align: left;
            padding-left: 5%;
        }

        .main-jumbotron-section {
            width: 90%;
            padding: 0;
        }

        .jumbo-logo-responsive img,
        .jumbo-blue-logo-responsive img {
            position: relative;
            left: 50%;
            right: 0;
            transform: translate(-50%);
        }

        #bloc-en-savoir-plus .container-en-savoir-plus {
            display: block;
        }

        #bloc-en-savoir-plus .bloc-en-savoir-plus--left {
            width: 100%;
        }

        #bloc-en-savoir-plus h2 {
            font-size: 28px;
        }

        #bloc-en-savoir-plus .bloc-en-savoir-plus--left.mw-50 {
            max-width: initial;
        }

        #bloc-en-savoir-plus .bloc-en-savoir-plus--right:not(.mw-50) {
            padding: 0;
        }
    }

    /* Correctif pour le menu */
    /* @see https://ferie.medium.com/detect-a-touch-device-with-only-css-9f8e30fa1134 */
    /* Tablette Samsung - la souris n'est pas "précise", car on a le touchscreen et une souris */
    @media all and (pointer: coarse) {
        #site-navigation li.custom-hover > .sub-menu {
            display: block;
            visibility: visible !important;
            opacity: 1 !important;
        }

        #site-navigation li.custom-hover {
            position: relative;
        }
    }
    /* Tous les autres cas - desktop, mobile, tablette */
    @media not all and (pointer: coarse) {
        #site-navigation li:hover > .sub-menu {
            display: block;
            visibility: visible !important;
            opacity: 1 !important;
        }

        #site-navigation li:hover {
            position: relative;
        }
    }



    /* Page video */
    .categorie__title {
        display: flex;
        align-items: center;
        gap: 20px
    }

    .categorie__title h2 {
        margin: 0;
        padding: 0
    }

    .categorie__title img {
        width: 70px;
    }

    .frame-container {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        cursor: pointer;
    }

    .frame-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        border: none;
        width: 100%;
        height: 100%;
    }

    .img {
        width: 50px;
        height: 100%;
    }

    .image-overlay {
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .swiper-slide {
        width: 560px;
        border-radius: 20px;
    }

    /* End page Video */
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        display: none;
        flex-direction: column;
        gap: 1rem;
    }

    .card {
        background: white;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        padding: 0;
        width: 90% !important;
        height: 90vh !important;
        max-width: 100% !important;
        max-height: 100vh;
    }

    .modal__close button {
        font-size: 20px;
        font-weight: bold;
        top: 20px;
        right: 20px;
        position: absolute;
        font-family: cursive;
        background: none;
        color: white;
        border: none;
    }

    .modal iframe {
        width: 100%;
        height: 100%;
    }

    .video__swiper .swiper-container {
        overflow: hidden;
    }

    .button-swip {
        padding: 10px;
        border-radius: 50%;
        cursor: pointer;
        position: absolute;
        top: 43%;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        z-index: 9999;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px !important;
        font-weight: 700;
        color: #27334B;
    }

    .swiper-button-prev {
        left: -4rem !important;
    }

    .swiper-button-next {
        right: -4rem !important;
    }

    .video__swiper {
        position: relative;
        z-index: 2;
    }

    .video__swiper .swiper-pagination {
        margin-top: 2rem !important;
        position: initial !important;
    }
}

/* Popup adherents */
.popup {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    overflow-y: auto;
}
.popup-content {
    width: calc(100% - 20px);
    max-width: 800px;
    max-height: 80%;
    margin: 20px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    background: #FFF;
    display: flex;
    padding: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    position: relative;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media screen and (max-width: 1024px) {
    .popup-content {
        padding: 20px;
    }
}

.popup-content::-webkit-scrollbar {
    display: none;
}

.popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 60px;
    color: #ffffff;
    transition: transform 0.3s ease;
}

.popup-close:hover {
    transform: scale(1.25);
}

.popup-content .section-videos {
    width: 100%;
}

.popup-content .section-videos .video-card {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup-content .ca-pqp-container {
    display: flex;
    gap: 20px;
    padding: 20px 30px;
    margin-top: 20px;
    background: #F7F8FA;
    border-radius: 20px;
    align-items: center;
}

.popup-content .ca-pqp-container img {
    width: 24px;
    height: auto;
}

.popup-content .ca-pqp-container .ca-pqp {
    font-family: "Source Sans Pro", serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 25px;
    color: #27334B;
}

.popup-content .adh-description {
    line-height: 28px;
    margin-bottom: 0;
}

.popup-content .section-videos .video-card a {
    display: flex;
}

.popup-content .section-videos .video-card .play-container {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
}

.popup-content .section-videos .video-card .play-icon {
    position: absolute;
}

.popup-content .section-videos .video-card img:not(.play-icon),
.popup-content .thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    object-fit: cover;
}

.popup-content h4 {
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    font-family: "Source Sans Pro", serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
}

.popup-content .mobile-tap-btn {
    display: none;
}

@media screen and (max-width: 1024px) {
    .popup-content .mobile-tap-btn {
        display: block;
        top: 5px;
        position: relative;
    }
}

.popup-content .mobile-tap-btn svg {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: var(--Actuelles-Bleu-200, #E7EAF0);
    padding: 5px 5px 5px 6px;
}

.popup-content h5 {
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    font-family: "Fira Sans", serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 0;
}

.popup-content p {
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    font-family: "Source Sans Pro", serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.popup-content .btn-lire,
.popup-content .btn-voir,
.popup-content .back-adh {
    cursor: pointer;
    display: flex;
    padding: 15px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: var(--Actuelles-Bleu-Pqp, #27334B);
    color: var(--Actuelles-Blanc, #FFF);
    text-align: center;
    font-family: "Fira Sans", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.32px;
    width: fit-content;
}

.popup-content .btn-lire:hover,
.popup-content .btn-voir:hover,
.popup-content .back-adh:hover {
    background: var(--Actuelles-Orange-Pqp, #FF7500);
    color: white;
}

.popup-content .back-adh {
    cursor: pointer;
    background: white;
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    border: solid 1px var(--Actuelles-Bleu-Pqp, #27334B);
}

.popup-content .back-adh:hover {
    color: white;
    background: var(--Actuelles-Bleu-Pqp, #27334B);
}

.popup-content .btn-voir {
    margin-top: 25px;
}

.popup-content .section-success {
    width: 100%;
}

.popup-content .section-success-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.popup-content .section-ranking {
    width: 100%;
}

.popup-content .section-ranking .section-title {
    margin-bottom: 0;
}

.popup-content .section-ranking .keywords-qty {
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    font-family: "Source Sans Pro", serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-top: 25px;
    font-style: italic;
}

.popup-content .section-ranking .section-subtitle {
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    font-family: "Fira Sans", serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
}

.popup-content .section-ranking .section-ranking-line {
    display: flex;
    padding: 8px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid var(--Actuelles-Bleu-300, #B8C0D1);
    height: 50px;
}

.popup-content .section-ranking .section-ranking-line .position {
    width: 100px;
    text-align: left;
    color: #000;
    font-family: "Source Sans Pro", serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    display: flex;
    align-items: flex-start;
}

.popup-content .section-ranking .section-ranking-line .position span {
    font-size: 10px;
    line-height: 15px;
}

.popup-content .section-ranking .section-ranking-line .keywords {
    width: calc(100% - 100px);
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Source Sans Pro", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.popup-content .section-ranking .section-ranking-line.header {
    margin-top: 25px;
}

.popup-content .popup-header {
    width: 100%;
}

.popup-content .popup-header .top-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.popup-content .popup-header .top-container > div {
    width: max-content;
}

.popup-content .popup-header .bottom-container {
    margin-top: 15px;
}

.popup-content .elementor-icon-list-icon i {
    color: #FFCD00 !important;
}

.popup-content .elementor-icon-list-item,
.popup-content .elementor-icon-list-text {
    color: #1D4153 !important;
}

.popup-content .elementor-icon-list-item:last-of-type {
    color: var(--Plus-que-PRO-Blue-blue-500, #1D4153);
    font-family: Inter, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.popup-content .popup-header .top-container > div:last-of-type {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    font-family: Inter, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    border: 1px solid var(--Plus-que-PRO-Neutral-white-200, #F6F6F6);
}

.popup-content .popup-header .adh-name {
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    font-family: "Fira Sans", serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
}

.popup-content .success-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.popup-content .success-content:hover {
    background: var(--Actuelles-Bleu-50, #F7F8FA);
}

.popup-content .success-content:hover .mobile-tap-btn svg {
    background: var(--Actuelles-Bleu-Pqp, #27334B);
}

.popup-content .success-content:hover .mobile-tap-btn svg path {
    stroke: white;
}

.popup-content .post-date {
    font-family: "Source Sans Pro", serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    width: 100%;
}

.popup-content .video-card .post-date {
    font-weight: 700;
}

.elementor-button {
    cursor: pointer;
}

/* Bloc référencement */
.big-section-ranking {
    display: flex;
    flex-direction: column;
    background: white;
}

.big-section-ranking .columnCtnr {
    display: flex;
}

.big-section-ranking .titleColumnCtnr {
    margin-top: 50px;
}

.big-section-ranking .titleColumnCtnr .columnPositionCtnr,
.big-section-ranking .columnCtnrLeft,
.big-section-ranking .columnKeywordCtnr {
    width: 100px;
    text-align: left;
}

.big-section-ranking .titleColumnCtnr .columnKeywordCtnr,
.big-section-ranking .keywordValue {
    width: fit-content;
    flex: 0 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.big-section-ranking .columnAdherentCtnr {
    text-align: right;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.big-section-ranking .referencementTable {
    border-bottom: 1px solid var(--Actuelles-Bleu-300, #B8C0D1);
    height: 76px;
    align-items: center;
}

.big-section-ranking .referencementTable td {
    padding: 0 !important;
    border-bottom: 1px solid var(--Actuelles-Bleu-300, #B8C0D1);
}

.big-section-ranking .referencementTable td > .columnCtnr {
    height: 76px;
    align-items: center;
}

.big-section-ranking .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    max-width: 700px;
}

.big-section-ranking .subtitle {
    color: #000;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.big-section-ranking .header .text-orange-pqp {
    display: block;
}

.big-section-ranking .header .filter_commune,
.big-section-ranking .header .filter_commune input {
    margin: 0;
    width: 300px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: rgba(39, 51, 75, 0.50);
    height: 100%;
    border: none;
    outline: none !important;
}

.big-section-ranking .header .filter_commune input {
    padding: 0;
}

.big-section-ranking .header .filter_commune input::placeholder {
    color: rgba(39, 51, 75, 0.50);
}

.big-section-ranking .header .filter_commune,
.big-section-ranking .header .filter_commune .filter_commune__form,
.big-section-ranking .header .filter_commune .city_class,
.big-section-ranking .header .filter_commune .input {
    height: 55px;
}

.big-section-ranking .header .filter_commune .input {
    border: none;
    outline: none;
}

.big-section-ranking .header .filter_commune .input {
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--Actuelles-Bleu-300, #B8C0D1);
    background: #FFF;
    padding: 0 2rem;
    gap: 15px;
    width: 300px;
}

.big-section-ranking .header .filter_commune .commune__result {
    background: white;
    border-radius: 10px;
    z-index: 999;
    overflow-y: auto;
    display: none;
    max-height: 40rem;
    padding: 0 2.5rem;
    position: relative;
    width: 100%;
    border: 1px solid var(--Actuelles-Bleu-300, #B8C0D1);
    margin-top: 5px;
    cursor: pointer;
}

.big-section-ranking .header .filter_commune .commune__result ul{
    list-style: none;
    margin-left: -5px;
}

.big-section-ranking .header .filter_commune .commune__result ul li {
    border: none;
    text-align: center;
    transition: unset;
    padding: 5px;
    cursor: pointer;
}

.big-section-ranking .header .filter_commune .commune__result ul li:hover {
    background: #ff7500;
    color: white;
    font-weight: 700;
    border-radius: 5px;
}

@media screen and (max-width: 600px) {
    .big-section-ranking .header .filter_commune,
    .big-section-ranking .header .filter_commune .input,
    .big-section-ranking .header .filter_commune input {
        width: 100%;
    }

    .big-section-ranking .referencementTable td > .columnCtnr {
        width: 100%;
        overflow: hidden;
    }

    .big-section-ranking .referencementTable .columnCtnr {
        width: 100%;
        box-sizing: border-box;
        align-items: center;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .big-section-ranking .referencementTable .columnCtnr > div {
        flex: 1;
        text-overflow: ellipsis;
        width: 100%;
        text-align: center;
    }

    .big-section-ranking .columnCtnr.titleColumnCtnr:after {
        content: 'Positionnement dans le moteur de recherche Google';
        display: flex;
        opacity: 1;
        width: 100%;
        text-align: center;
        height: 76px;
        align-items: center;
        justify-content: center;
        color: #000;
        font-family: "Source Sans Pro";
        font-size: 18px;
        font-style: normal;
        line-height: 26px;
        font-weight: 700;
        border-bottom: 1px solid var(--Actuelles-Bleu-300, #B8C0D1);
    }
    .big-section-ranking .columnCtnr.titleColumnCtnr > div {
        display: none;
    }
    .big-section-ranking .referencementTable td > .columnCtnr {
        margin: 10px 0;
    }
}

/* Etiquettes sur cards adhérent */
#resultat-loop .elementor-shortcode {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.single-term-display > a {
    display: flex;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 100px;
    background: #FFF;
    color: var(--Actuelles-Bleu-Pqp, #27334B);
    font-family: "Fira Sans", serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    border: solid 1px #acacac;
}

.single-term-display > a > img {
    width: 25px;
    height: 25px;
}

.popup-content .single-term-display > a {
    background: var(--Actuelles-Bleu-200, #E7EAF0);
    border: none;
}

.term-slider {
    position: relative;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.term-slider .single-term-display {
    width: max-content;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    display: none;
}

.term-slider .single-term-display.active {
    opacity: 1;
}

.single-term-display.fade-in {
    opacity: 1 !important;
    transition: opacity 1s ease-in-out;
}

.single-term-display.fade-out {
    opacity: 0 !important;
}