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

/*
_________                 __                  
\_   ___ \ __ __  _______/  |_  ____   _____  
/    \  \/|  |  \/  ___/\   __\/  _ \ /     \ 
\     \___|  |  /\___ \  |  | (  <_> )  Y Y  \
 \______  /____//____  > |__|  \____/|__|_|  /
 \/           \/                    \/*/




.assocChecks label{
  display: inline-block;
}

.multiselect-container.dropdown-menu {
    position: absolute!important;
}

.containerForfait, .menuSpecial, .header-navigation-wrapper img {
    display: none !important;
}

/*.mobile-search-toggle {
    display: none!important;
}*/

.sousMembre {
    padding: 50px 0 !important;
    margin-bottom: 100px !important;
}

.postDate {
    display: none;
}

/**/

.lc-1h3odyr {
    background-color: #4BAEA0 !important;
}

.sousMembre {
    margin-top: 0 !important;
}

h3.gris {
    color: #000;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #FFAF20;
}

.category-3 .banner {
    background-image: url('images/Blogue_703.jpg') !important;
}

.category-7 .banner {
    background-image: url('images/alaune_731.jpg') !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FFAF20;
}

::placeholder {
    color: #FFAF20;
}

#mc_embed_signup form {
    padding: 0 !important;
}

#mc_embed_signup .mc-field-group input {
    margin-bottom: 20px;
    border: 0;
    border-radius: 25px;
    padding: 8px 30px !important;
}

#mc_embed_signup .mc-field-group {
    clear: none !important;
    position: relative;
    width: auto !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}

html.responsive-menu-pro-open {
    overflow: hidden !important;
}

.footerInfo ul li {
    line-height: 1.25;
}

html {
    overflow-x: hidden;
}

a:focus {
    text-decoration: none !important;
    outline: 0;
}

.header-toggles {
    margin: 0 !important;
}

.centerV {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

input[type="submit"] {
    background: #4BAEA0 !important;
}

p {
    line-height: 1.7 !important;
}

body {
    letter-spacing: normal !important;
    line-height: 1.6;
}

body, h1, h2, h3, h4, input, select {
    font-family: 'Montserrat', sans-serif !important;
    color: #4C4D4F;
}

h1, h2, h3, h4 {
    letter-spacing: 1px !important;
}

h2 {
    font-size: 55px !important;
    font-weight: 700 !important;
    color: #4BAEA0;
    text-transform: uppercase;
}

h3 {
    font-weight: 600 !important;
}

blockquote {
    border: 0 !important;
    color: #4BAEA0 !important;
    font-style: italic;
    font-size: 22px;
    font-weight: bold;
    padding: 0 !important;
}

.highlight {
    font-weight: 700;
    color: #4BAEA0;
}

.insideCa {
    padding: 30px 0;
}

.insideCa strong {
    color: #4BAEA0;
}

.insideCa a {
    color: #000 !important;
    font-weight: normal !important;
}

.insideCa a:hover {
    color: #4BAEA0 !important;
}

.content2Cols:after {
    content: " ";
    width: 55px;
    height: 4px;
    display: inline-block;
    background-color: #4BAEA0 !important;
    margin-bottom: -15px;
}

#zoneArticle, #zoneRessources {
    margin-top: 50px;
}

/* for bloque id "content_5050" */

/*section.content-h5050 {*/

/*@extend %padding-justtop;*/

/*}*/

section.content-h5050 .h5050-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*section.content-h5050 .h5050-container .h5050-half {*/

/* if you want space between your 2 half, put the 50% to 48% and tada (does not need to be 48%, can be anything) */

/*width: 50%;*/

/*}*/

@media screen and (max-width: 1280px) {
    /*section.content-h5050 .h5050-container .h5050-half {*/
    /*width: 100%;*/
    /*}*/
}

section.content-h5050 .h5050-container .h5050-half.h5050-topalign {
    align-self: flex-start;
}

section.content-h5050 .h5050-container .h5050-half.h5050-grid:first-of-type .h5050-half-inner {
    margin-right: 0;
}

@media screen and (max-width: 1280px) {
    section.content-h5050 .h5050-container .h5050-half.h5050-grid:first-of-type .h5050-half-inner {
        margin-right: auto;
    }
}

section.content-h5050 .h5050-container .h5050-half.h5050-grid:last-of-type .h5050-half-inner {
    margin-left: 0;
}

@media screen and (max-width: 1280px) {
    section.content-h5050 .h5050-container .h5050-half.h5050-grid:last-of-type .h5050-half-inner {
        margin-left: auto;
    }
}

section.content-h5050 .h5050-container .h5050-half .h5050-half-inner {
    width: 100%;
}

section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider, section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-text, section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-image {
    padding: 0;
    width: 100%;
}

section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider.slick-dotted {
    margin-bottom: 0 !important;
}

section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider .h5050-item .h5050-item-img {
    /* padding top is for image proportions */
    padding-top: 60%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/*section.content-h5050 .h5050-container .h5050-half .h5050-half-inner .h5050-slider .slick-dots {*/

/* this is for dots up and down */

/* @extend %slick-dots; */

/*}*/

section.content-h5050.inverted .h5050-container {
    direction: rtl;
}

section.content-h5050.inverted .h5050-container .h5050-half {
    direction: ltr;
}

/*section.content-h5050:not(.inverted) .h5050-container {*/

/* this is use full for padding on the inside or ouside but only one side */

/*}*/

.primary-menu>li>.sub-menu:after {
    content: "ACPI";
    font-weight: 900;
    font-size: 180px;
    color: #F5F6F6;
    position: absolute;
    bottom: -44px;
    left: 0;
    text-transform: uppercase;
    display: inline-block !important;
    border: 0;
}

.primary-menu>li>.sub-menu {
    width: 100vw;
    -webkit-box-shadow: inset 2px 0px 7.3px -0.7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 2px 0px 7.3px -0.7px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 0px 7.3px -0.7px rgba(0, 0, 0, 0.2);
    border: 1px solid #E5E5E5;
    padding: 2rem 0 5rem 0;
    display: flex;
    padding-left: 33%;
}

.primary-menu .sub-menu li>a {
    color: #3A897D !important;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 38px !important;
    position: relative;
    margin-top: 45px;
}

.primary-menu .sub-menu li>a:hover {
    color: #FCA100 !important;
}

.primary-menu .sub-menu li>a:after {
    width: 60px;
    background-color: #3F968A;
    height: 1px;
    display: inline-block !important;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.primary-menu .sub-menu li li ul li a {
    font-size: 14px;
    padding-bottom: 0 !important;
    margin: 15px;
}

.primary-menu .sub-menu li li ul li a:after {
    display: none !important;
}

.leHidden>a {
    display: none !important;
}

.primary-menu-wrapper {
    height: 100%;
}

ul.primary-menu {
    height: 100%;
    align-items: stretch;
    margin: 0 !important;
    letter-spacing: 0 !important;
}

.overlay header {
    z-index: 10000000000000000;
}

.mobile-nav-toggle {
    display: none !important;
}

.primary-menu>li.menu-item-has-children>a {
    padding-right: 0 !important;
}

body:before {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.58);
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s all ease-in-out;
    z-index: 1;
}

body.overlay:before {
    opacity: 1;
}

.wp-custom-logo .header-titles {
    align-items: flex-end!important;
}

.header-titles-wrapper {
    padding: 2.8rem 0 !important;
}

.header-titles-wrapper span.title {
    color: #4BAEA0;
    padding-bottom: 8px;
    text-transform: lowercase;
    font-size: 16px;
}

.header-titles-wrapper span.title.medium {
    font-weight: 600;
    padding-right: 5px;
}

.header-navigation-wrapper {
    align-items: center !important;
}

.header-navigation-wrapper .site-title {
    display: inline-block;
    background-color: #4BAEA0;
    padding: 15px 20px;
    font-size: 14px;
    min-width: 185px;
    text-align: center;
}

.header-inner {
    align-items: center !important;
    padding: 0 !important;
    margin: 0!important;
}

.primary-menu ul::before, .primary-menu ul::after {
    display: none !important;
}

.primary-menu>li {
    align-items: center;
    display: flex;
}

.primary-menu>li>.sub-menu>li {
    /*width: 48%;*/
    width: 100%;
    margin: 0 auto !important;
}

.primary-menu>li>.sub-menu>li>a {
    display: none;
}

.primary-menu>li>.sub-menu ul {
    position: relative;
}

.primary-menu>li>.sub-menu>li>ul {
    /* display: flex;*/
    width: 100%;
    justify-content: flex-start;
}

.primary-menu>li>.sub-menu>li>ul>li {
    width: 100%;
}

.primary-menu>li.menu-item-has-children>ul ul {
    right: 0 !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: opacity 0.15s linear, transform 0.15s linear !important;
    width: 100%;
    background-color: transparent !important;
}

body:not(.overlay-header) .primary-menu ul {
    background-color: #fff !important;
}

.primary-menu ul a {
    padding: 1rem 0 !important;
    font-size: 14px;
}

.primary-menu li {
    margin: 0 25px !important;
}

.primary-menu li>a {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.primary-menu li:hover {
    cursor: pointer;
}

.primary-menu li:hover a {
    color: #3F9689 !important;
    text-decoration: none !important;
}

.primary-menu ul li.menu-item-has-children .icon {
    display: none;
}

.header-toggles {
    background-color: #4BAEA0;
    height: 100%;
}

#site-header {
    background-color: #fff !important;
    padding: 0 2%;
    z-index: 10!important;
}

.header-navigation-wrapper {
    background-color: #FFAF20 !important;
    width: 80%;
    position: absolute;
    right: 0;
    height: 100%;
}

.header-titles-wrapper {
    max-width: 100% !important;
    margin-right: 0 !important;
}

.cover-header-inner-wrapper {
    justify-content: center !important;
}

.cover-header-inner {
    padding: 0!important;
}

.container {
    max-width: 1720px !important;
    margin: 0 auto;
}

.cover-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 150px 0 85px 0;
    margin-top: 34px;
    position: relative;
    z-index: 0;
}

.cover-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 40%;
    z-index: -1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.contentBanner {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: normal !important;
    text-align: center;
    padding-bottom: 50px;
}

.contentBanner p {
    padding-right: 40%;
}

.contentBanner h1 {
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 700;
    margin: 0;
    line-height: 95px;
    font-family: 'Montserrat', sans-serif !important;
}

.contentBanner h1 strong {
    color: #4BAEA0!important;
}

.contentBanner h3 {
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 400 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.contentBanner h4 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700 !important;
}

.contentBanner .btn {
    position: static;
}

.btn {
    font-size: 18px;
    background-color: #3F9689;
    transition: all 0.2s;
    position: absolute;
    right: 0;
    display: inline-block;
    bottom: 0;
}

.btn:hover {
    background-color: #4BAEA0;
}

.btn:hover .btnArrow {
    background-color: #3F9689;
}

.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: #fff !important;
}

#site-content {
    margin-top: 100px;
}

#page .btn a {
    color: #ffffff;
}

.btn a {
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
}

.btnArrow {
    background-color: #4BAEA0;
    color: #ffffff;
    display: inline-block;
    padding: 12px 15px;
}

.btnArrow i {
    transform: rotate(-45deg);
}

.btnLeft {
    display: inline-block;
    padding: 12px 15px;
}

.btnLeftForm {
    font-size: 18px;
    background-color: #3F9689 !important;
    transition: all 0.2s;
    padding: 0;
    display: inline-block;
}

.btnLeftForm span {
    padding: 0 12px;
}

.btnLeftForm:hover {
    background-color: #4BAEA0 !important;
    text-decoration: none;
}

.btnLeftForm:hover .btnArrow {
    background-color: #3F9689;
}

#customFormButton, #nextStepSub {
    display: none;
}

.parentTriangle {
    height: 430px;
}

.banner.bannerText .parentTriangle {
    height: 350px;
}

.banner .crumbs {
    margin-top: 30px;
}

.banner .crumbs, .banner .crumbs a, .banner .crumbs i {
    font-size: 14px;
    color: #4C4D4F;
    text-decoration: none;
}

.banner .crumbs i {
    font-size: 10px;
}

.parentTriangle {
    position: relative;
}

.triangleBgPage {
    width: 305px;
    height: 0px;
    border-style: inset;
    border-width: 0 0 305px 305px;
    border-color: transparent transparent #fff transparent;
    float: left;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    position: absolute;
    right: 0;
    bottom: -70px;
}

.banner.bannerText .triangleBgPage {
    width: 155px;
    border-width: 0 0 155px 155px;
}

.triangleBg {
    width: 430px;
    height: 0px;
    border-style: inset;
    border-width: 0 0 430px 430px;
    border-color: transparent transparent #fff transparent;
    float: left;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    position: absolute;
    right: 0;
    bottom: -70px;
}

.banner.bannerText .triangleBg {
    width: 200px;
    border-width: 0 0 200px 200px;
}

.triangleBg .rs {
    background-color: #4BAEA0;
}

.triangleBg .rs:hover {
    background-color: #FCA100;
}

.triangleBg>div {
    text-align: center;
    bottom: -340px;
    left: -160px;
    position: relative;
    width: 93px;
    margin: 0px;
}

.at-resp-share-element .at-share-btn {
    border-radius: 25px !important;
    margin-right: 10px !important;
}

.carre .at-resp-share-element .at-share-btn {
    border-radius: 0 !important;
}

.theExcerpt {
    margin-bottom: 20px;
}

.btnAnime {
    border: none;
    display: block;
    text-align: center;
    cursor: pointer;
    text-transform: none;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #4BAEA0;
    font-weight: 500;
    font-size: 16px;
    background-color: #fff !important;
    padding: 10px 40px;
    font-family: 'Montserrat', sans-serif !important;
}

.AdminUne {
    margin-bottom: 185px;
}

.bgThumb {
    width: 100%;
    height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.btnAnime:hover {
    text-decoration: none;
    color: #ffffff;
}

.btnAnime span {
    position: relative;
    z-index: 1;
}

.home .bigBlog {
    min-height: auto !important;
}

.bigBlog {
    padding-right: 0;
    padding-bottom: 20px;
}

.bigBlog p {
    color: #4C4D4F;
}

.bigBlog h1 {
    font-size: 30px;
    margin: 30px 0 20px;
    color: #000;
}

.bigBlog h2 {
    font-size: 25px!important;
    margin: 30px 0 20px;
    color: #4BAEA0;
    text-transform: none;
}

.bigBlog h3 {
    font-size: 20px;
    margin: 30px 0 20px;
    color: #000;
}

.bigBlog a {
    text-decoration: none;
}

.bigBlog .template-parts .d-1-12 {
    display: none;
}

.bigBlog .template-parts .d-10-12 {
    width: 100%;
}

.bigBlog .template-parts .background_gris {
    padding: 50px;
}

.btnAnime:after {
    content: "";
    position: absolute;
    left: 35%;
    top: 0;
    height: 490%;
    width: 200%;
    background: #4BAEA0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btnAnime:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
    left: 0;
    width: 175%;
    height: 650%;
}

.boxForfait {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    margin: 10px;
    padding: 125px 0;
}

.boxForfait .btnAnime {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    color: #ffffff;
    background-color: #4BAEA0 !important;
}

.boxForfait .btnAnime:after {
    background: #FFAF20;
    width: 230%;
}

.versement {
    font-size: 30px;
    color: #4BAEA0;
    margin-top: 15px;
}

.hrforfait {
    border-color: #4BAEA0;
    width: 60px;
    margin: 10px auto;
}

.containerForfait {
    margin-top: 100px;
}

.boxForfait .prixForfait strong {
    color: #4BAEA0;
    font-size: 100px;
    line-height: 60px;
}

.prixForfait p {
    margin: 0 !important;
}

.boxForfait .prixForfait {
    font-size: 60px;
    color: #4BAEA0;
}

.prixForfait sup {
    font-size: 30px;
    top: -1.5em;
}

.titreForfait {
    color: #4BAEA0;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

.paddingBox {
    padding: 50px 0;
}

.paddingBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
}

.paddingBox li {
    padding-left: 1em;
    text-indent: -.7em;
}

.paddingBox li::before {
    content: "• ";
    color: #4BAEA0;
    /* or whatever color you prefer */
}

.sousMembre {
    background-color: #4BAEA0;
    text-align: center;
    font-weight: 500;
    color: #ffffff;
    padding: 350px 0 50px 0;
    margin-top: -285px;
    font-size: 30px;
}

.sousMembre a {
    color: #ffffff;
    text-decoration: none;
}

.topVert {
    background-color: #4BAEA0;
    border-top-right-radius: 15px;
    max-width: 70%;
    padding: 70px 0 30px 0;
    position: relative;
}

.topVert a {
    display: inline-block;
}

.topVert:before {
    content: "";
    background-color: #4BAEA0;
    position: absolute;
    left: -50%;
    width: 50%;
    height: 100%;
    top: 0;
}

.bottomVert {
    background-color: #4BAEA0;
    padding: 95px 0 44px 0;
    position: relative;
}

.bottomVert {
    font-size: 13px;
    color: #ffffff;
}

.bottomVert a {
    color: #ffffff;
    text-decoration: none;
}

.bottomVert a:hover {
    color: #4C4D4F !important;
}

.bottomVert .rsContainer a:hover {
    background-color: #4C4D4F !important;
    color: #fff !important;
}

.bottomVert:before {
    content: "";
    background-color: #4BAEA0;
    position: absolute;
    left: -105%;
    width: 150%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.rsContainer {
    margin: 30px 0;
}

.search .color-accent {
    color: #fff !important;
}

.pagination .nav-links {
    padding-top: 50px;
}

.rs {
    border-radius: 100px;
    height: 20px;
    width: 20px;
    background-color: #FCA100;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
    font-size: 13px;
    position: relative;
}

.rs i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bottomJaune {
    background-color: #FCA100;
    color: #ffffff;
    position: relative;
    padding: 60px 0;
    display: block;
    width: 100%;
    min-height: 370px;
}

.bottomJaune a {
    text-decoration: none;
}

.bottomJaune:before {
    content: "";
    background-color: #FCA100;
    position: absolute;
    left: -8.33%;
    width: 8.33%;
    height: 100%;
    top: 0;
    border-top-left-radius: 15px;
}

.bottomJaune:after {
    content: "";
    background-color: #FCA100;
    position: absolute;
    right: -17.33%;
    width: 17.33%;
    height: 100%;
    top: 0;
    overflow: hidden;
    z-index: -1;
}

.bottomJaune ul {
    margin: 10px 0;
}

.bottomJaune ul li {
    margin-left: 0;
    list-style-type: none;
    margin-right: 0;
}

.bottomJaune ul li a {
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
}

.bottomJaune ul li a:hover {
    color: #4BAEA0;
}

.bottomJaune ul li a:after {
    content: '\f054';
    font-family: "Font Awesome 5 Pro";
    color: #4BAEA0;
    margin-left: 15px;
}

.bottomJaune ul.sub-menu li a {
    font-size: 13px;
    font-weight: 500;
}

.bottomJaune ul.sub-menu li a:after {
    display: none;
}

.bottomJaune ul.sub-menu li ul.sub-menu {
    display: none;
    margin-left: 20px;
}

.bottomJaune ul.sub-menu li ul.sub-menu li {
    margin: 0;
}

.bottomJaune ul.sub-menu li ul.sub-menu li a {
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
}

.infolettre {
    background-color: #FFAF20;
    color: #ffffff;
}

.infolettre {
    margin-top: 65px;
}

.infolettre h2 {
    color: #ffffff;
    margin-bottom: 10px;
}

.infolettre h3 {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 0;
    padding-bottom: 20px;
}

#footer {
    margin-top: 185px;
}

.paddingForm {
    padding-right: 12px;
}

#mc_embed_signup_scroll input[type="submit"] {
    background-color: #FFAF20 !important;
    border-bottom: 2px solid #ffffff;
    border-radius: 0 !important;
    margin-top: 30px !important;
}

.postDate {
    color: #808080;
    font-size: 18px;
    margin-top: 20px;
}

#membre {
    margin-top: 30px;
}

.congresUne {
    margin: 185px 0;
}

.congreBg {
    min-height: 685px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.infoCongres {
    margin-top: -165px;
    background-color: rgba(75, 174, 160, 0.9);
    margin-left: 25px;
    margin-right: 25px;
    padding: 55px 70px;
    color: #ffffff;
    font-size: 18px;
    position: relative;
    overflow: hidden;
}

.infoCongres .motBg {
    top: -80px;
    right: -145px;
    bottom: auto;
}

.infoCongres .btn {
    bottom: -55px;
    right: -70px;
    background-color: #FCA100;
}

.infoCongres .btn:hover {
    background-color: #FFAF20;
}

.infoCongres .btn:hover .btnArrow {
    background-color: #FCA100;
}

.infoCongres .btnArrow {
    background-color: #FFAF20;
}

.infoCongres h2 {
    color: #ffffff;
    margin: 0;
}

.infoCongres h3 {
    color: #ffffff;
    margin: 0 0 25px 0;
    font-weight: 500;
}

.dateCongres {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
}

.petitePubBg {
    margin: 20px;
}

.bottomLink .btnAnime {
    margin-top: 35px;
}

.toggle-inner .toggle-text {
    display: none;
}

.header-toggles .toggle {
    height: 100% !important;
}

.primary-menu-wrapper {
    display: block !important;
}

.header-inner .primary-menu-wrapper+.header-toggles .toggle-wrapper:first-child::before {
    display: none;
}

.search-modal-inner {
    background-color: #4BAEA0 !important;
}

.search-modal .search-field, .search-untoggle svg {
    color: #fff !important;
}

.search-modal {
    top: 134px !important;
}

.downArrow a {
    position: relative;
    display: inline-block;
    margin: 75px 0 0;
    font-size: 22px;
}

.downArrow a i {
    margin-top: 0;
    animation: MoveUpDown 5s linear infinite;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 35px;
}

.downArrow a:hover span, .downArrow a:hover i {
    color: #4BAEA0;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: -50px;
    }
    50% {
        bottom: -75px;
    }
}

.sousMembre a {
    position: relative;
}

.sousMembre span {
    display: inline-block;
}

.rightArrow {
    position: absolute;
    right: -50px;
    display: inline-block;
    transform: rotate(270deg);
}

.sousMembre a:hover .rightArrow {
    animation: MoveleftRight 5s linear infinite;
}

@keyframes MoveleftRight {
    0%, 100% {
        right: -50px;
    }
    50% {
        right: -100px;
    }
}

.menuSpecial a:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: " \f084";
    position: absolute;
    right: -5px;
    top: -5px;
    font-size: 22px;
    transform: rotate(225deg);
}

.primary-menu li.menuSpecial a {
    color: #3F9689 !important;
    padding-right: 30px;
    position: relative;
}

body .primary-menu li.menuSpecial:hover a {
    color: #fff !important;
}

.primary-menu li.current-menu-item>a, .primary-menu li.current-menu-item>.link-icon-wrapper>a, .primary-menu li.current-menu-ancestor>a {
    text-decoration: none !important;
    color: #3F9689 !important;
}

/*.primary-menu li>ul>li.current-menu-ancestor a,*/

.primary-menu li>ul>li.current-menu-item>a {
    color: #FCA100 !important;
}

.header-navigation-wrapper img {
    align-self: center;
    margin-right: 8.33%;
    margin-left: 30px;
}

.copyrights {
    font-size: 9px;
}

.bioAuteur img {
    margin: 0 auto;
}

.banner {
    height: 430px;
    background-position: center;
}

.banner.bannerText {
    height: 350px;
}

.banner h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    font-size: 84px;
}

.banner .surtitre {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px;
}

.overlaybanner {
    background-color: rgba(63, 150, 137, 0.8);
    height: 430px;
}

.banner.bannerText .overlaybanner {
    height: 350px;
}

.background_gris {
    background-color: #F6F6F6;
    margin: 110px 0 50px 0;
    padding: 60px 0;
}

.background_gris h3 {
    margin-top: 0 !important;
}

.contenuBanner {
    height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.banner.bannerText .contenuBanner {
    height: 350px;
}

.contenuBanner .color-accent {
    color: #ffffff;
}

.contenuBanner .taxonomies {
    position: relative;
    z-index: 5;
}

.contenuBanner .taxonomies a {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.imageEtiquette {
    position: relative;
    margin-top: 50px;
    margin-bottom: 150px;
    overflow: hidden;
}

.etiquette {
    position: absolute;
    top: 115px;
    left: -65px;
    color: #ffffff;
    background-color: rgba(75, 174, 160, 0.9);
    padding: 35px 145px;
    font-size: 30px;
    max-width: 735px;
}

.etiquette h2 {
    color: #ffffff;
    margin: 0;
}

.etiquette p {
    margin: 0;
    line-height: 35px !important;
}

.category #alaune h3 {
    margin-top: 20px !important;
}

div.taxonomy {
    margin: 10px 0;
    font-size: 16px;
    letter-spacing: 0px;
}

div.taxonomy .title-taxonomy {
    font-weight: 600;
    color: #4BAEA0;
}

#page h3 {
    font-size: 30px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0 !important;
}

#page h3 {
    margin: 20px 0;
}

#site-content a {
    color: #4BAEA0;
    text-decoration: none;
    font-weight: bold;
}

#site-content a:hover {
    color: #000;
}

.h5050-half-inner {
    padding-right: 80px;
}

.sectionMembre {
    background-color: #F6F6F6;
    padding: 110px 0 85px 0;
    position: relative;
    margin: 100px 0;
}

.sectionMembre h2 {
    font-weight: normal !important;
    margin: 0;
}

.sectionMembre h3 {
    margin-top: 0 !important;
    color: #4BAEA0 !important;
    font-weight: 600 !important;
}

.contentSlide {
    padding-left: 30px;
    padding-bottom: 10px;
}

.contentSlide strong {
    color: #4BAEA0;
    font-size: 22px;
}

.contentSlide:after {
    content: ' ';
    height: 4px;
    width: 55px;
    background-color: #4BAEA0;
    display: inline-block;
}

.theCols {
    min-height: 200px;
    margin: 30px 0;
}

.silder {
    margin: 20px 0;
}

.slick-next:before {
    content: '\f054' !important;
    font-family: "Font Awesome 5 Pro" !important;
    color: #4BAEA0 !important;
}

.slick-prev:before {
    content: '\f053' !important;
    font-family: "Font Awesome 5 Pro" !important;
    color: #4BAEA0 !important;
}

.silder button {
    background-color: transparent !important;
}

.slick-prev {
    left: -8.33% !important;
}

.slick-next {
    right: -8.33% !important;
}

.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {
    text-decoration: none !important;
    color: #3A897D !important;
}

.miniBoxGris .smallBlog {
    font-size: 18px !important;
    line-height: 18px !important;
}

.insideMiniBlog {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.smallBlog {
    margin-left: 20px;
    font-size: 22px;
    font-weight: 500;
}

.smallThumb {
    padding-bottom: 87.5%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.miniBoxGris {
    background-color: #F6F6F6;
    padding: 35px;
    margin-bottom: 40px;
}

.miniBoxGris a {
    color: #000;
    text-decoration: none;
    font-weight: 300;
}

.miniBoxGris a:hover {
    color: #4D4D4D;
}

.bigBlog a:hover .bigThumb, .miniBoxGris a:hover .smallThumb {
    opacity: 0.5;
}

.miniBoxGris h4 {
    font-size: 22px!important;
    margin-top: 0;
}

/*Intranet*/

#login-button {
    display: none!important;
    background: transparent;
    position: absolute;
    top: 40px;
    right: 10%;
    padding: 0;
    width: 55px;
    height: 55px;
}

#login-button a {
    color: #fff;
    font-size: 20px;
}

.flex-ctn {
    display: flex;
}

a.featured-img-link {
    display: block;
}

.borderBox {
    padding: 25px;
    height: 100%;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
}

.primary-menu>li#menu-item-login {
    position: relative;
    padding: 0 30px;
    margin: 0!important;
}

.primary-menu>li#menu-item-login>a {
    font-size: 30px;
}

.primary-menu>li#menu-item-login>ul.sub-menu {
    padding: 0 25px;
    width: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    min-width: 225px;
}

.primary-menu>li#menu-item-login:hover>ul.sub-menu {
    /*left: 50%;*/
    opacity: 1;
    /*transform: translate(-50%, 0);*/
    right: 0;
    transform: translate(0, 0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}

.primary-menu>li#menu-item-login>ul.sub-menu::after {
    display: none!important;
}

.primary-menu>li#menu-item-login>ul.sub-menu li {
    display: block;
    padding: 25px 0;
    border-bottom: 1px solid #4BAEA0;
}

.primary-menu>li#menu-item-login>ul.sub-menu li:last-child {
    border-bottom: none;
}

.primary-menu>li#menu-item-login>ul.sub-menu li a {
    font-size: 16px;
    display: inline-block;
    text-transform: none;
    padding: 0 !important;
    margin: 0;
}

.primary-menu>li#menu-item-login>ul.sub-menu li a::after {
    display: none!important;
}

.boxMembership {
    margin-top: 30px;
}

.boxMembership h2 {
    margin-bottom: 50px;
}

.containerAvantage {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.boxAvantage {
    width: 22%;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    margin: 10px;
    padding: 75px 25px;
}

.boxAvantage h3 {
    font-size: 30px;
    margin-top: 0;
}

.boxAvantage i {
    font-size: 100px;
    color: #4BAEA0;
    margin-bottom: 25px;
}

.btn-container {
    background-color: #4BAEA0;
    text-align: center;
    font-weight: 500;
    color: #ffffff;
    padding: 250px 0 50px 0;
    margin-top: -210px;
    font-size: 30px;
}

.btn-container a {
    position: relative;
    color: #fff!important;
    text-decoration: none;
}

.btn-container span {
    display: inline-block;
}

.rightArrow {
    position: absolute;
    right: -50px;
    display: inline-block;
    transform: rotate(270deg);
}

.btn-container a:hover .rightArrow {
    animation: MoveleftRight 5s linear infinite;
}

.wptb-table-container {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.wptb-table-container table {
    width: 100%;
    max-width: 100%;
}

#zoneRessources, .cols3 {
    text-align: center;
}

#zoneArticle .article, #zoneRessources .article, .cols3 .article {
    position: relative;
    padding: 30px;
    text-align: left;
}

#zoneArticle .article .content, #zoneRessources .article .content, .cols3 .article .content {
    position: relative;
    padding-top: 70%;
}

#zoneArticle .article a, #zoneRessources .article a, .cols3 .article a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px 0;
    text-decoration: none;
    z-index: 1;
}

#zoneArticle .article a:after, #zoneRessources .article a:after, .cols3 .article a:after, #zoneRessources .article a:after {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #4baea0;
    opacity: 0.8;
    z-index: -1;
}

#zoneRessources .article a h3, .cols3 .article a h3 {
    margin-bottom: 20px!important;
}

.cols3 .article a span {
    display: block;
    padding: 10px 40px;
    color: #fff;
    background-color: #4BAEA0;
}

#zoneArticle .article a:hover:after, #zoneRessources .article a:hover:after, .cols3 .article a:hover:after {
    display: block;
}

.cols3 .article a h3 {
    margin: 0!important;
}

.content-h333333 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

#zoneArticle .article a {
    justify-content: space-between;
}

#zoneArticle .article a span.cat, #zoneRessources .article a span.cat, .cols3 .article a span.cat {
    display: block;
    padding: 5px 15px;
    margin: 30px 40px;
    border: 2px solid #4BAEA0;
    background-color: #4BAEA0;
    border-radius: 25px;
    color: #ffffff;
    font-weight: 400;
}

.bottomLink a {
    text-decoration: none;
    display: inline-block;
}

#site-content .wp-video {
    margin: 0 auto;
    padding: 50px 0;
}

.miniBox a span.cat {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    border: 1px solid #4BAEA0;
    border-radius: 25px;
    color: #4BAEA0;
    font-weight: 400;
    font-size: 13px;
}

.miniBox a:hover span.cat {
    border: 1px solid #000;
    color: #000;
}

.descriptionAuthor {
    margin: 50px 0;
}

.descriptionAuthor .flex-ctn {
    display: flex;
}

.descriptionAuthor .flex-ctn .author {
    display: inline-block;
    margin-bottom: 15px;
}

.descriptionAuthor .flex-ctn img {
    border-radius: 100%;
}

#zoneRessources .article a h3, #zoneArticle .article a h3, #zoneRessources .article a h3, .cols3 .article a h3 {
    background-color: rgba(75, 174, 160, 0.8);
    color: #ffffff!important;
    padding: 10px 40px;
    max-width: 75%;
    margin: 15px 0 30px!important;
    font-size: 30px;
    letter-spacing: 0!important;
}

#zoneRessources .article a:hover h3, #zoneRessources .article a:hover div, #zoneArticle .article a:hover h3, #zoneRessources .article a:hover h3, .cols3 .article a:hover h3, #zoneArticle .article a:hover span.cat, #zoneRessources .article a:hover span.cat, .cols3 .article a:hover span.cat, .cols3 .article a:hover span {
    background-color: transparent;
    border-color: transparent;
}

#zoneRessources .article a h3 {
    font-size: 20px;
    padding: 10px 25px;
    margin: 0!important;
}

#zoneRessources .article a div {
    font-weight: 400;
    font-size: 16px;
}

/* Calendrier */

#tribe-events-content {
    margin-top: 50px!important;
}

#page h3.tribe-events-calendar-month__calendar-event-title {
    margin: 0;
    font-size: 12px;
    line-height: 1.38;
}

#page .tribe-events-calendar-month h3 {
    margin: 0;
}

#page .view-list .tribe-events-title-bar {
    display: none;
}

.tribe-events-loop {
    max-width: 700px;
    margin: 0 auto;
}

.tribe-events-list-event-title a, .tribe-events-read-more, .tribe-events-month-event-title a, .tribe-organizer a, .tribe-organizer-url a, .tribe-related-events-title a, .tribe-event-url{
    color: #4BAEA0;
}

.tribe-events-list .tribe-events-past {
    display: none!important;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
    background-color: #4BAEA0!important;
    border: 1px solid #4BAEA0!important;
    color: #fff!important;
}

#tribe-events .tribe-events-button:hover, .tribe-events-button:hover {
    background-color: #fff!important;
    color: #4BAEA0!important;
}

.tribe-events-header__events-bar, .tribe-events-c-events-bar, .tribe-events-c-ical {
    display: none!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding: 0!important;
}

.tribe-events-single h2 {
    font-size: 25px !important;
}

.tribe-events-schedule h2 {
    font-weight: 400!important;
    color: #000000;
    margin: 15px 0;
}

#tribe-events-pg-template .tribe-events-content h5, .tribe-events-after-html h5, .tribe-events-before-html h5 {
    font-size: 18px!important;
}

#tribe-events-pg-template .tribe-events-content h3, .tribe-events-after-html h3, .tribe-events-before-html h3 {
    color: #4BAEA0;
}

.tribe-events-single .nf-form-content {
    max-width: 100%;
}

.tribe-events-single .tribe-events-back {
    display: none;
}

.tribe-events-single .tribe-events-event-categories a {
    color: #4BAEA0;
}

.nf-form-cont {
    padding: 0 25px;
}

#ninja_forms_required_items, .nf-field-container {
    margin: 25px 0;
}

.nf-form-cont .one-half, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths {
    width: 48%!important;
}

.nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {
    margin-left: 0!important;
    margin-right: 2%;
}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
    background: #4BAEA0!important;
}

.tribe-theme-twentytwenty .tribe-events .tribe-events-calendar-month__day-cell--selected {
    background: #4BAEA0!important;
}

.nf-field-description {
    margin-bottom: 15px;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    background: #FCA100!important;
    color: #ffffff!important;
    text-decoration: none;
}

.tribe-events-cal-links a {
    color: #4BAEA0!important;
}

.tribe-events-event-url a {
    color: #4BAEA0!important;
}

.tribe-events-nav-pagination a {
    color: #4BAEA0!important;
}

.tribe-events-single-event-description a {
    color: #4BAEA0!important;
}

/* Liste article */

.listArticle .containerFlex {
    margin: 0 -15px;
}

.listArticle .containerFlex .col {
    padding-bottom: 50px;
}

.listArticle .containerFlex .col .content {
    margin: 0 15px;
}

.listArticle .containerFlex .col a {
    text-decoration: none;
}

.listArticle .containerFlex .col a h3 {
    margin-top: 20px;
}

.listArticle .containerFlex .col a:hover h3 {
    color: #4BAEA0!important;
}

.listArticle .featured-img {
    width: 100%;
    padding-top: 74.94%;
}

.listArticle .desactivate {
    position: relative;
}

.listArticle .desactivate:before {
    content: "";
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6ffffff', GradientType=0);
    /* IE6-9 */
}

.listArticle .desactivate .featured-img {
    position: relative;
}

.listArticle .desactivate .featured-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.listArticle .desactivate .featured-img:after {
    content: "Vous devez souscrire à un compte supérieur pour accèder à l'article.";
    position: absolute;
    z-index: 15;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    color: #ffffff;
}

.listArticle .taxonomies {
    margin: 20px 0;
}

#tribe-events-pg-template, .tribe-events-pg-template {
    max-width: 100%!important;
    padding: 0 8.33%;
}

/* Liste site incontournable */

.containerFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.containerFlex .article {
    padding: 50px 0;
    border-bottom: 1px solid #4BAEA0;
}

.containerFlex .siteIncontournable {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 25px;
    height: 100%;
}

.containerFlex .siteIncontournable .btnLink {
    position: relative;
    width: 100%;
    height: 60px;
}

.containerFlex .siteIncontournable .btnLink .btn {
    left: 0;
    right: auto;
}

.containerFlex .siteIncontournable .title-auteur, .containerFlex .siteIncontournable .title-description {
    color: #4BAEA0;
    font-weight: 600;
}

.containerFlex .siteIncontournable .coupCoeur {
    margin: 10px 0;
}

.containerFlex .siteIncontournable .coupCoeur i {
    color: #FCA100;
}

.containerFlex .siteIncontournable .title h3 {
    margin: 0!important;
}

.containerFlex .siteIncontournable p {
    margin: 10px 0;
}

.containerFlex .article:nth-child(3n+0) .content {
    padding-right: 0;
}

.containerFlex .article:nth-child(3n+1) .content {
    padding-left: 0;
}

.containerFlex .article:nth-child(3n+0) {
    border-right: none;
}

button.toggleButton {
    background-color: transparent!important;
    color: #4BAEA0;
    padding: 0;
}

button.toggleButton:hover {
    color: #000;
}

button.toggleButton:focus {
    outline: none;
}

button.toggleButton i {
    font-size: 25px;
    font-weight: 400;
}

div.toggleContain {
    display: none;
}

/* Recherche site incontounable */

#search-filter-form-1748 .sf-field-search {
    position: relative;
    /*margin-bottom: 50px;*/
}

#search-filter-form-1748 .sf-field-search:after {
    content: "Recherche avancée";
    color: #4BAEA0;
    font-size: 30px!important;
    font-weight: 700!important;
    letter-spacing: 0px !important;
    display: block;
    padding: 15px!important;
}

.searchSiteIncontournable {
    background-color: #F6F6F6;
    padding: 45px 0;
    margin: 25px 0;
}

.searchandfilter h4 {
    font-size: 21px!important;
    font-weight: 600!important;
    letter-spacing: 0px !important;
    text-transform: none;
    padding: 0 0 5px!important;
}

.searchandfilter ul {
    margin: 0 -15px;
    display: flex!important;
    flex-wrap: wrap;
}

.searchandfilter ul li {
    padding: 15px!important;
    width: 33%;
}

.searchandfilter ul li label {
    width: 100%;
}

.searchandfilter ul li label select {
    padding: 5px;
    border-color: #4C4D4F;
    color: #4C4D4F;
    width: 100%;
}

.searchandfilter ul li.sf-field-search {
    width: 100%;
    padding: 0!important;
}

.searchandfilter ul li.sf-field-search label {
    width: 33%;
    padding: 15px!important;
}

.searchandfilter ul li label .sf-input-text {
    padding: 15px;
    margin-bottom: 15px;
    width: 100%;
    border-color: #4C4D4F;
    color: #4C4D4F;
}

.searchandfilter ::placeholder {
    color: #4C4D4F;
    opacity: 1;
    /* Firefox */
}

.searchandfilter :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #4C4D4F;
}

.searchandfilter ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #4C4D4F;
}

.searchandfilter .sf-field-reset {
    display: block;
    width: 100%;
}

.searchandfilter .sf-field-reset a {
    font-weight: 100!important;
    font-size: 16px;
    display: inline-block;
    margin: 0 auto;
    color: #4BAEA0 !important;
}

.searchandfilter .sf-field-reset a:hover {
    color: #808080 !important;
}

.wp-pagenavi a, .wp-pagenavi span {
    font-weight: 400!important;
    border: none!important;
}

.wp-pagenavi span.pages {
    display: none;
}

/*STYX*/

.formPart {
    display: inline-block;
    width: 100%;
    margin-bottom: 80px;
}

.form-group {
    margin: 15px 0;
    padding: 0 15px;
}

.formPart h4 {
    padding: 0 15px;
}

h4 {
    font-size: 25px !important;
    font-weight: 700 !important;
    color: #4BAEA0;
    text-transform: uppercase;
}

.page-id-1034 #footer {
    margin-top: 0!important;
}

.signUpForm input {
    margin-top: 15px!important;
}

.signUpForm label {
    font-weight: 500;
}

.required {
    color: #4BAEA0;
    padding-left: 4px;
}

.consigne {
    font-weight: bold!important;
}

.input-group {
    margin-top: 40px;
}

.formPartAccount {
    background-color: #F6F6F6;
    padding: 60px 0;
}

.formPartAccount label {
    color: #000;
}

.formPartOnes select {
    padding: 12px;
    font-family: 'Open Sans', sans-serif;
}

.pickAdhesion {
    margin-bottom: 40px;
}

.otherPhones input {
    margin-bottom: 5px!important;
}

.pickAdhesion {
    margin-bottom: 40px;
}

.formPartOne .select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    line-height: 3;
    background: #FCA100;
    overflow: hidden;
    border-radius: .25em;
}

.formPartOne .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    padding: 0 1em;
    background: #4BAEA0;
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
}

.formPartOne .select:hover::after {
    color: #FFAF20;
}

.formPartFour {
    position: relative;
}

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.multiselect-container .input-group {
    margin: 5px
}

.multiselect-container>li {
    padding: 0
}

.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}

.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px;
    height: 100%;
    font-weight: 700
}

.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}

.multiselect-container>li>a {
    padding: 0
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px
}

.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    margin: 0
}

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}

.filter .btn {
    padding: 6px 3px
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.btn-default {
    background-color: #4BAEA0 !important;
    color: #f9f9f9;
}

.btn-default:hover {
    background-color: #4BAEA0 !important;
    color: #f9f9f9;
}

.open>.dropdown-toggle.btn-default {
    color: #f9f9f9;
    background-color: #0074d9;
    border-color: #0049bf;
}

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 10px 0;
    padding: 5px 0px;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    float: left;
    width: 100%;
    border-radius: .25em;
    text-align: left;
    padding: 11px 20px !important;
}

.multiselect-selected-text {
    font-size: 16px;
    font-weight: 500;
}

.multiselect-container.dropdown-menu {
    padding: 20px 10px !important;
    width: 100%;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.open>.dropdown-menu {
    display: block;
    position: relative;
}

.multiselect-container>li>a>label {
    padding: 0 !important;
}

.multiselect-container>li {
    padding: 0;
    margin: 10px 0 !important;
}

.dropdown-toggle::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 45px;
    padding: 0 1em;
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
}

.btn-group.open .dropdown-toggle::after {
    transform: rotate(-180deg);
}

.select.open::after {
    transform: rotate(-180deg);
}

/*Form steps start*/

/* Hide all steps by default: */

.autreAdhesionPart {
    display: none;
}

.autreAdhesionPart label {
    display: inline-block;
}

.formNav {
    padding: 40px 0;
}

.polAnulation, .polPayment, .polProtec, .polCollecte {
    padding: 15px 0;
}

.polAnulation p, .polPayment p, .polProtec p, .polCollecte p {
    margin: 0;
    font-size: 12px;
}

.montantInscription {
    padding-bottom: 50px;
}

.fullPayForm {
    padding: 50px 0;
}

#testCoupon {
    margin-top: 30px;
}

.assocPartInsc {
    margin-bottom: 0;
}

.acceptEmail {
    font-size: 14px;
    margin-left: 5px;
    color: green;
}

.denyEmail {
    font-size: 14px;
    margin-left: 5px;
    color: red;
}

.acceptEmail {
    font-size: 14px;
    margin-left: 5px;
    color: green;
}

.tab {
    display: none;
}

.theDots {
    visibility: hidden;
}

#membre button {
    background-color: #4BAEA0;
    color: #ffffff;
    border: none;
    font-size: 17px;
    /*font-family: Raleway;*/
    cursor: pointer;
}

#membre button.disabled {
    background-color: #F6F6F6;
}

#membre button:hover {
    opacity: 0.8;
}

#prevBtn {
    background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */

.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.step.active {
    opacity: 1;
}

/* Mark the steps that are finished and valid: */

.step.finish {
    background-color: #bbbbbb;
}

.element-hidden {
    display: none;
}

.plans li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
}

.plan-name, .plan-price, .plan-details, .button, .more-options, .best-choice {
    padding: 30px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.plans {
    margin: 0 auto;
    max-width: 95%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    position: relative;
}

@media screen and (max-width: 768px) {
    .plans {
        max-width: 95%;
    }
}

.plans .plan-box {
    display: -webkit-box;
    display: flex;
    width: 33.3333%;
    background: #fbfbfb;
    margin: 10px 0;
    min-height: 650px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.plans .plan-box .best-choice {
    background: #D5FFFC;
    text-transform: uppercase;
    font-weight: 600;
    color: #437299;
    box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15), inset 0 2px 3px rgba(0, 0, 0, 0.15);
    margin-top: auto;
}

.plans .plan-box:hover {
    margin-top: -15px;
    background: white;
}

@media all and (max-width: 700px) {
    .plans .plan-box:hover {
        margin-top: 10px;
    }
}

.plans .plan-box:hover .plan-price {
    text-align: center;
}

.plans .plan-box:hover .more-options {
    display: block;
    padding: 20px;
    text-align: left;
    position: relative;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.plans .plan-box:hover .more-options .additional-options {
    position: relative;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.plans .plan-box:hover .more-options a {
    color: #9E2B20;
    text-decoration: none;
}

@media all and (max-width: 700px) {
    .plans .plan-box:first-child {
        margin-bottom: 20px;
    }
}

.plans .plan-box:nth-child(2) {
    margin-top: 0;
    box-shadow: -3px 0 3px rgba(0, 0, 0, 0.15), 3px 0 3px rgba(0, 0, 0, 0.15);
    position: relative;
}

.plans .plan-box:nth-child(2):hover {
    margin-top: -35px;
}

@media all and (max-width: 700px) {
    .plans .plan-box:nth-child(2):hover {
        margin-top: 0px;
        margin-right: -30px;
    }
}

@media all and (max-width: 700px) {
    .plans .plan-box {
        width: 100%;
    }
}

.plan-details li strong {
    color: #4BAEA0;
}

.plan-details, .element-hidden.additional-options ul {
    margin: 0;
}

.plans .plan-name {
    font-size: 32px;
    text-align: center;
    margin: 0;
    padding: 20px;
    color: #fbfbfb;
    background-color: #4BAEA0;
}

.plans .plan-price {
    color: #4BAEA0;
    font-size: 24px;
    padding: 20px 10px;
    text-align: center;
}

.plans .plan-price strong {
    font-size: 50px;
    align-self: baseline;
    line-height: 1;
    font-weight: 800;
}

.plans .plan-options {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    width: 100%;
}

.plans .plan-options li {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 0;
    margin: 5px 0;
}

.plans .plan-options .button {
    margin-top: auto;
    display: block;
    background: #E0401C;
    color: white;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
}

.plans .plan-options .button:hover {
    background: #ed380f;
}

.paySignUp {
    margin-top: 40px;
}

.couponCode {
    padding: 60px;
    background-color: #fbfbfb;
}

#claimCode::placeholder {
    color: #4BAEA0;
}

/*Form steps end*/

/*PreLaunch Start*/

/*.primary-menu>li#menu-item-login {
    visibility: hidden;
}*/

/*.header-toggles {
    visibility: hidden;
    display: none!important;
}*/

/*PreLaunch End*/

/*
  ________      .__    .___
 /  _____/______|__| __| _/
/   \  __\_  __ \  |/ __ |
\    \_\  \  | \/  / /_/ |
 \______  /__|  |__\____ |
 \/              \/  */

.covers {
    background-size: cover;
    background-repeat: no-repeat;
}

.pc {
    display: inline-block;
    width: 100%;
    margin-bottom: -6px;
}

.cb {
    clear: both;
}

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

.white {
    color: #ffffff;
}

.black {
    color: #000;
}

.grey {
    color: #58585A;
}

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

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

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

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

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

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

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

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

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

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

.filler {
    min-height: 1px;
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.nowrap {
    white-space: nowrap
}

.left {
    text-align: left !important
}

.right {
    text-align: right !important
}

.center {
    text-align: center !important
}

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

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

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

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

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

.no-pad {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-pad-v {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.no-pad-h {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-pad-t {
    padding-top: 0 !important
}

.no-pad-b {
    padding-bottom: 0 !important
}

.no-pad-l {
    padding-left: 0 !important
}

.no-pad-r {
    padding-right: 0 !important
}

.no-mar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-mar-v {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.no-mar-h {
    margin-left: 0 !important;
    margin-right: 0 !important
}

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

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

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

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

.no-mar-last:last-child {
    margin-bottom: 0 !important;
}

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.fliph {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
}

.flipv {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-filter: FlipV;
    filter: FlipV;
    -ms-filter: "FlipV";
}

.rotate90 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*-webkit-transform-origin: 0 0;
 	-moz-transform-origin: 0 0;
 	-ms-transform-origin: 0 0;
 	-o-transform-origin: 0 0;*/
}

.rotate180 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270 {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.vcenter {
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.vcenter section {
    height: 100%;
}

.vcenter .container {
    display: table;
    width: 100%;
    height: 100%;
}

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

.w-full {
    width: 100%;
}

.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}

.w-75 {
    width: 75%;
}

.w-third {
    width: 33.33%;
}

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

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

.col-group {
    font-size: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d-full {
    width: 100%;
}

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

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

@media screen and (max-width: 1910px) {
    .b1-1-2 {
        width: 50%;
    }
    .b1-2-2 {
        width: 100%;
    }
    .b1-1-3 {
        width: 33.3333333333%;
    }
    .b1-2-3 {
        width: 66.6666666667%;
    }
    .b1-3-3 {
        width: 100%;
    }
    .b1-1-4 {
        width: 25%;
    }
    .b1-2-4 {
        width: 50%;
    }
    .b1-3-4 {
        width: 75%;
    }
    .b1-4-4 {
        width: 100%;
    }
    .b1-1-5 {
        width: 20%;
    }
    .b1-2-5 {
        width: 40%;
    }
    .b1-3-5 {
        width: 60%;
    }
    .b1-4-5 {
        width: 80%;
    }
    .b1-5-5 {
        width: 100%;
    }
    .b1-1-6 {
        width: 16.6666666667%;
    }
    .b1-2-6 {
        width: 33.3333333333%;
    }
    .b1-3-6 {
        width: 50%;
    }
    .b1-4-6 {
        width: 66.6666666667%;
    }
    .b1-5-6 {
        width: 83.3333333333%;
    }
    .b1-6-6 {
        width: 100%;
    }
    .b1-1-7 {
        width: 14.2857142857%;
    }
    .b1-2-7 {
        width: 28.5714285714%;
    }
    .b1-3-7 {
        width: 42.8571428571%;
    }
    .b1-4-7 {
        width: 57.1428571429%;
    }
    .b1-5-7 {
        width: 71.4285714286%;
    }
    .b1-6-7 {
        width: 85.7142857143%;
    }
    .b1-7-7 {
        width: 100%;
    }
    .b1-1-8 {
        width: 12.5%;
    }
    .b1-2-8 {
        width: 25%;
    }
    .b1-3-8 {
        width: 37.5%;
    }
    .b1-4-8 {
        width: 50%;
    }
    .b1-5-8 {
        width: 62.5%;
    }
    .b1-6-8 {
        width: 75%;
    }
    .b1-7-8 {
        width: 87.5%;
    }
    .b1-8-8 {
        width: 100%;
    }
    .b1-1-9 {
        width: 11.1111111111%;
    }
    .b1-2-9 {
        width: 22.2222222222%;
    }
    .b1-3-9 {
        width: 33.3333333333%;
    }
    .b1-4-9 {
        width: 44.4444444444%;
    }
    .b1-5-9 {
        width: 55.5555555556%;
    }
    .b1-6-9 {
        width: 66.6666666667%;
    }
    .b1-7-9 {
        width: 77.7777777778%;
    }
    .b1-8-9 {
        width: 88.8888888889%;
    }
    .b1-9-9 {
        width: 100%;
    }
    .b1-1-10 {
        width: 10%;
    }
    .b1-2-10 {
        width: 20%;
    }
    .b1-3-10 {
        width: 30%;
    }
    .b1-4-10 {
        width: 40%;
    }
    .b1-5-10 {
        width: 50%;
    }
    .b1-6-10 {
        width: 60%;
    }
    .b1-7-10 {
        width: 70%;
    }
    .b1-8-10 {
        width: 80%;
    }
    .b1-9-10 {
        width: 90%;
    }
    .b1-10-10 {
        width: 100%;
    }
    .b1-1-11 {
        width: 9.0909090909%;
    }
    .b1-2-11 {
        width: 18.1818181818%;
    }
    .b1-3-11 {
        width: 27.2727272727%;
    }
    .b1-4-11 {
        width: 36.3636363636%;
    }
    .b1-5-11 {
        width: 45.4545454545%;
    }
    .b1-6-11 {
        width: 54.5454545455%;
    }
    .b1-7-11 {
        width: 63.6363636364%;
    }
    .b1-8-11 {
        width: 72.7272727273%;
    }
    .b1-9-11 {
        width: 81.8181818182%;
    }
    .b1-10-11 {
        width: 90.9090909091%;
    }
    .b1-11-11 {
        width: 100%;
    }
    .b1-1-12 {
        width: 8.3333333333%;
    }
    .b1-2-12 {
        width: 16.6666666667%;
    }
    .b1-3-12 {
        width: 25%;
    }
    .b1-4-12 {
        width: 33.3333333333%;
    }
    .b1-5-12 {
        width: 41.6666666667%;
    }
    .b1-6-12 {
        width: 50%;
    }
    .b1-7-12 {
        width: 58.3333333333%;
    }
    .b1-8-12 {
        width: 66.6666666667%;
    }
    .b1-9-12 {
        width: 75%;
    }
    .b1-10-12 {
        width: 83.3333333333%;
    }
    .b1-11-12 {
        width: 91.6666666667%;
    }
    .b1-12-12 {
        width: 100%;
    }
    .b1-full {
        width: 100% !important;
    }
    .b1-hide {
        display: none !important;
    }
    .b1-show.b {
        display: block;
    }
    .b1-show.ib {
        display: inline-block;
    }
    .b1-left {
        text-align: left !important;
    }
    .b1-right {
        text-align: right !important;
    }
    .b1-center {
        text-align: center !important;
    }
    .b1-no-mar {
        margin: 0 !important;
    }
}

@media screen and (max-width: 1680px) {
    .b2-1-2 {
        width: 50%;
    }
    .b2-2-2 {
        width: 100%;
    }
    .b2-1-3 {
        width: 33.3333333333%;
    }
    .b2-2-3 {
        width: 66.6666666667%;
    }
    .b2-3-3 {
        width: 100%;
    }
    .b2-1-4 {
        width: 25%;
    }
    .b2-2-4 {
        width: 50%;
    }
    .b2-3-4 {
        width: 75%;
    }
    .b2-4-4 {
        width: 100%;
    }
    .b2-1-5 {
        width: 20%;
    }
    .b2-2-5 {
        width: 40%;
    }
    .b2-3-5 {
        width: 60%;
    }
    .b2-4-5 {
        width: 80%;
    }
    .b2-5-5 {
        width: 100%;
    }
    .b2-1-6 {
        width: 16.6666666667%;
    }
    .b2-2-6 {
        width: 33.3333333333%;
    }
    .b2-3-6 {
        width: 50%;
    }
    .b2-4-6 {
        width: 66.6666666667%;
    }
    .b2-5-6 {
        width: 83.3333333333%;
    }
    .b2-6-6 {
        width: 100%;
    }
    .b2-1-7 {
        width: 14.2857142857%;
    }
    .b2-2-7 {
        width: 28.5714285714%;
    }
    .b2-3-7 {
        width: 42.8571428571%;
    }
    .b2-4-7 {
        width: 57.1428571429%;
    }
    .b2-5-7 {
        width: 71.4285714286%;
    }
    .b2-6-7 {
        width: 85.7142857143%;
    }
    .b2-7-7 {
        width: 100%;
    }
    .b2-1-8 {
        width: 12.5%;
    }
    .b2-2-8 {
        width: 25%;
    }
    .b2-3-8 {
        width: 37.5%;
    }
    .b2-4-8 {
        width: 50%;
    }
    .b2-5-8 {
        width: 62.5%;
    }
    .b2-6-8 {
        width: 75%;
    }
    .b2-7-8 {
        width: 87.5%;
    }
    .b2-8-8 {
        width: 100%;
    }
    .b2-1-9 {
        width: 11.1111111111%;
    }
    .b2-2-9 {
        width: 22.2222222222%;
    }
    .b2-3-9 {
        width: 33.3333333333%;
    }
    .b2-4-9 {
        width: 44.4444444444%;
    }
    .b2-5-9 {
        width: 55.5555555556%;
    }
    .b2-6-9 {
        width: 66.6666666667%;
    }
    .b2-7-9 {
        width: 77.7777777778%;
    }
    .b2-8-9 {
        width: 88.8888888889%;
    }
    .b2-9-9 {
        width: 100%;
    }
    .b2-1-10 {
        width: 10%;
    }
    .b2-2-10 {
        width: 20%;
    }
    .b2-3-10 {
        width: 30%;
    }
    .b2-4-10 {
        width: 40%;
    }
    .b2-5-10 {
        width: 50%;
    }
    .b2-6-10 {
        width: 60%;
    }
    .b2-7-10 {
        width: 70%;
    }
    .b2-8-10 {
        width: 80%;
    }
    .b2-9-10 {
        width: 90%;
    }
    .b2-10-10 {
        width: 100%;
    }
    .b2-1-11 {
        width: 9.0909090909%;
    }
    .b2-2-11 {
        width: 18.1818181818%;
    }
    .b2-3-11 {
        width: 27.2727272727%;
    }
    .b2-4-11 {
        width: 36.3636363636%;
    }
    .b2-5-11 {
        width: 45.4545454545%;
    }
    .b2-6-11 {
        width: 54.5454545455%;
    }
    .b2-7-11 {
        width: 63.6363636364%;
    }
    .b2-8-11 {
        width: 72.7272727273%;
    }
    .b2-9-11 {
        width: 81.8181818182%;
    }
    .b2-10-11 {
        width: 90.9090909091%;
    }
    .b2-11-11 {
        width: 100%;
    }
    .b2-1-12 {
        width: 8.3333333333%;
    }
    .b2-2-12 {
        width: 16.6666666667%;
    }
    .b2-3-12 {
        width: 25%;
    }
    .b2-4-12 {
        width: 33.3333333333%;
    }
    .b2-5-12 {
        width: 41.6666666667%;
    }
    .b2-6-12 {
        width: 50%;
    }
    .b2-7-12 {
        width: 58.3333333333%;
    }
    .b2-8-12 {
        width: 66.6666666667%;
    }
    .b2-9-12 {
        width: 75%;
    }
    .b2-10-12 {
        width: 83.3333333333%;
    }
    .b2-11-12 {
        width: 91.6666666667%;
    }
    .b2-12-12 {
        width: 100%;
    }
    .b2-full {
        width: 100% !important;
    }
    .b2-hide {
        display: none !important;
    }
    .b2-show.b {
        display: block;
    }
    .b2-show.ib {
        display: inline-block;
    }
    .b2-left {
        text-align: left !important;
    }
    .b2-right {
        text-align: right !important;
    }
    .b2-center {
        text-align: center !important;
    }
    .b2-no-mar {
        margin: 0 !important;
    }
}

@media screen and (max-width: 1440px) {
    .b3-1-2 {
        width: 50%;
    }
    .b3-2-2 {
        width: 100%;
    }
    .b3-1-3 {
        width: 33.3333333333%;
    }
    .b3-2-3 {
        width: 66.6666666667%;
    }
    .b3-3-3 {
        width: 100%;
    }
    .b3-1-4 {
        width: 25%;
    }
    .b3-2-4 {
        width: 50%;
    }
    .b3-3-4 {
        width: 75%;
    }
    .b3-4-4 {
        width: 100%;
    }
    .b3-1-5 {
        width: 20%;
    }
    .b3-2-5 {
        width: 40%;
    }
    .b3-3-5 {
        width: 60%;
    }
    .b3-4-5 {
        width: 80%;
    }
    .b3-5-5 {
        width: 100%;
    }
    .b3-1-6 {
        width: 16.6666666667%;
    }
    .b3-2-6 {
        width: 33.3333333333%;
    }
    .b3-3-6 {
        width: 50%;
    }
    .b3-4-6 {
        width: 66.6666666667%;
    }
    .b3-5-6 {
        width: 83.3333333333%;
    }
    .b3-6-6 {
        width: 100%;
    }
    .b3-1-7 {
        width: 14.2857142857%;
    }
    .b3-2-7 {
        width: 28.5714285714%;
    }
    .b3-3-7 {
        width: 42.8571428571%;
    }
    .b3-4-7 {
        width: 57.1428571429%;
    }
    .b3-5-7 {
        width: 71.4285714286%;
    }
    .b3-6-7 {
        width: 85.7142857143%;
    }
    .b3-7-7 {
        width: 100%;
    }
    .b3-1-8 {
        width: 12.5%;
    }
    .b3-2-8 {
        width: 25%;
    }
    .b3-3-8 {
        width: 37.5%;
    }
    .b3-4-8 {
        width: 50%;
    }
    .b3-5-8 {
        width: 62.5%;
    }
    .b3-6-8 {
        width: 75%;
    }
    .b3-7-8 {
        width: 87.5%;
    }
    .b3-8-8 {
        width: 100%;
    }
    .b3-1-9 {
        width: 11.1111111111%;
    }
    .b3-2-9 {
        width: 22.2222222222%;
    }
    .b3-3-9 {
        width: 33.3333333333%;
    }
    .b3-4-9 {
        width: 44.4444444444%;
    }
    .b3-5-9 {
        width: 55.5555555556%;
    }
    .b3-6-9 {
        width: 66.6666666667%;
    }
    .b3-7-9 {
        width: 77.7777777778%;
    }
    .b3-8-9 {
        width: 88.8888888889%;
    }
    .b3-9-9 {
        width: 100%;
    }
    .b3-1-10 {
        width: 10%;
    }
    .b3-2-10 {
        width: 20%;
    }
    .b3-3-10 {
        width: 30%;
    }
    .b3-4-10 {
        width: 40%;
    }
    .b3-5-10 {
        width: 50%;
    }
    .b3-6-10 {
        width: 60%;
    }
    .b3-7-10 {
        width: 70%;
    }
    .b3-8-10 {
        width: 80%;
    }
    .b3-9-10 {
        width: 90%;
    }
    .b3-10-10 {
        width: 100%;
    }
    .b3-1-11 {
        width: 9.0909090909%;
    }
    .b3-2-11 {
        width: 18.1818181818%;
    }
    .b3-3-11 {
        width: 27.2727272727%;
    }
    .b3-4-11 {
        width: 36.3636363636%;
    }
    .b3-5-11 {
        width: 45.4545454545%;
    }
    .b3-6-11 {
        width: 54.5454545455%;
    }
    .b3-7-11 {
        width: 63.6363636364%;
    }
    .b3-8-11 {
        width: 72.7272727273%;
    }
    .b3-9-11 {
        width: 81.8181818182%;
    }
    .b3-10-11 {
        width: 90.9090909091%;
    }
    .b3-11-11 {
        width: 100%;
    }
    .b3-1-12 {
        width: 8.3333333333%;
    }
    .b3-2-12 {
        width: 16.6666666667%;
    }
    .b3-3-12 {
        width: 25%;
    }
    .b3-4-12 {
        width: 33.3333333333%;
    }
    .b3-5-12 {
        width: 41.6666666667%;
    }
    .b3-6-12 {
        width: 50%;
    }
    .b3-7-12 {
        width: 58.3333333333%;
    }
    .b3-8-12 {
        width: 66.6666666667%;
    }
    .b3-9-12 {
        width: 75%;
    }
    .b3-10-12 {
        width: 83.3333333333%;
    }
    .b3-11-12 {
        width: 91.6666666667%;
    }
    .b3-12-12 {
        width: 100%;
    }
    .b3-full {
        width: 100% !important;
    }
    .b3-hide {
        display: none !important;
    }
    .b3-show.b {
        display: block;
    }
    .b3-show.ib {
        display: inline-block;
    }
    .b3-left {
        text-align: left !important;
    }
    .b3-right {
        text-align: right !important;
    }
    .b3-center {
        text-align: center !important;
    }
    .b3-no-mar {
        margin: 0 !important;
    }
}

@media screen and (max-width: 1280px) {
    .b4-1-2 {
        width: 50%;
    }
    .b4-2-2 {
        width: 100%;
    }
    .b4-1-3 {
        width: 33.3333333333%;
    }
    .b4-2-3 {
        width: 66.6666666667%;
    }
    .b4-3-3 {
        width: 100%;
    }
    .b4-1-4 {
        width: 25%;
    }
    .b4-2-4 {
        width: 50%;
    }
    .b4-3-4 {
        width: 75%;
    }
    .b4-4-4 {
        width: 100%;
    }
    .b4-1-5 {
        width: 20%;
    }
    .b4-2-5 {
        width: 40%;
    }
    .b4-3-5 {
        width: 60%;
    }
    .b4-4-5 {
        width: 80%;
    }
    .b4-5-5 {
        width: 100%;
    }
    .b4-1-6 {
        width: 16.6666666667%;
    }
    .b4-2-6 {
        width: 33.3333333333%;
    }
    .b4-3-6 {
        width: 50%;
    }
    .b4-4-6 {
        width: 66.6666666667%;
    }
    .b4-5-6 {
        width: 83.3333333333%;
    }
    .b4-6-6 {
        width: 100%;
    }
    .b4-1-7 {
        width: 14.2857142857%;
    }
    .b4-2-7 {
        width: 28.5714285714%;
    }
    .b4-3-7 {
        width: 42.8571428571%;
    }
    .b4-4-7 {
        width: 57.1428571429%;
    }
    .b4-5-7 {
        width: 71.4285714286%;
    }
    .b4-6-7 {
        width: 85.7142857143%;
    }
    .b4-7-7 {
        width: 100%;
    }
    .b4-1-8 {
        width: 12.5%;
    }
    .b4-2-8 {
        width: 25%;
    }
    .b4-3-8 {
        width: 37.5%;
    }
    .b4-4-8 {
        width: 50%;
    }
    .b4-5-8 {
        width: 62.5%;
    }
    .b4-6-8 {
        width: 75%;
    }
    .b4-7-8 {
        width: 87.5%;
    }
    .b4-8-8 {
        width: 100%;
    }
    .b4-1-9 {
        width: 11.1111111111%;
    }
    .b4-2-9 {
        width: 22.2222222222%;
    }
    .b4-3-9 {
        width: 33.3333333333%;
    }
    .b4-4-9 {
        width: 44.4444444444%;
    }
    .b4-5-9 {
        width: 55.5555555556%;
    }
    .b4-6-9 {
        width: 66.6666666667%;
    }
    .b4-7-9 {
        width: 77.7777777778%;
    }
    .b4-8-9 {
        width: 88.8888888889%;
    }
    .b4-9-9 {
        width: 100%;
    }
    .b4-1-10 {
        width: 10%;
    }
    .b4-2-10 {
        width: 20%;
    }
    .b4-3-10 {
        width: 30%;
    }
    .b4-4-10 {
        width: 40%;
    }
    .b4-5-10 {
        width: 50%;
    }
    .b4-6-10 {
        width: 60%;
    }
    .b4-7-10 {
        width: 70%;
    }
    .b4-8-10 {
        width: 80%;
    }
    .b4-9-10 {
        width: 90%;
    }
    .b4-10-10 {
        width: 100%;
    }
    .b4-1-11 {
        width: 9.0909090909%;
    }
    .b4-2-11 {
        width: 18.1818181818%;
    }
    .b4-3-11 {
        width: 27.2727272727%;
    }
    .b4-4-11 {
        width: 36.3636363636%;
    }
    .b4-5-11 {
        width: 45.4545454545%;
    }
    .b4-6-11 {
        width: 54.5454545455%;
    }
    .b4-7-11 {
        width: 63.6363636364%;
    }
    .b4-8-11 {
        width: 72.7272727273%;
    }
    .b4-9-11 {
        width: 81.8181818182%;
    }
    .b4-10-11 {
        width: 90.9090909091%;
    }
    .b4-11-11 {
        width: 100%;
    }
    .b4-1-12 {
        width: 8.3333333333%;
    }
    .b4-2-12 {
        width: 16.6666666667%;
    }
    .b4-3-12 {
        width: 25%;
    }
    .b4-4-12 {
        width: 33.3333333333%;
    }
    .b4-5-12 {
        width: 41.6666666667%;
    }
    .b4-6-12 {
        width: 50%;
    }
    .b4-7-12 {
        width: 58.3333333333%;
    }
    .b4-8-12 {
        width: 66.6666666667%;
    }
    .b4-9-12 {
        width: 75%;
    }
    .b4-10-12 {
        width: 83.3333333333%;
    }
    .b4-11-12 {
        width: 91.6666666667%;
    }
    .b4-12-12 {
        width: 100%;
    }
    .b4-full {
        width: 100% !important;
    }
    .b4-hide {
        display: none !important;
    }
    .b4-show.b {
        display: block;
    }
    .b4-show.ib {
        display: inline-block;
    }
    .b4-left {
        text-align: left !important;
    }
    .b4-right {
        text-align: right !important;
    }
    .b4-center {
        text-align: center !important;
    }
    .b4-no-mar {
        margin: 0 !important;
    }
}

@media screen and (max-width: 1125px) {
    .b5-1-2 {
        width: 50%;
    }
    .b5-2-2 {
        width: 100%;
    }
    .b5-1-3 {
        width: 33.3333333333%;
    }
    .b5-2-3 {
        width: 66.6666666667%;
    }
    .b5-3-3 {
        width: 100%;
    }
    .b5-1-4 {
        width: 25%;
    }
    .b5-2-4 {
        width: 50%;
    }
    .b5-3-4 {
        width: 75%;
    }
    .b5-4-4 {
        width: 100%;
    }
    .b5-1-5 {
        width: 20%;
    }
    .b5-2-5 {
        width: 40%;
    }
    .b5-3-5 {
        width: 60%;
    }
    .b5-4-5 {
        width: 80%;
    }
    .b5-5-5 {
        width: 100%;
    }
    .b5-1-6 {
        width: 16.6666666667%;
    }
    .b5-2-6 {
        width: 33.3333333333%;
    }
    .b5-3-6 {
        width: 50%;
    }
    .b5-4-6 {
        width: 66.6666666667%;
    }
    .b5-5-6 {
        width: 83.3333333333%;
    }
    .b5-6-6 {
        width: 100%;
    }
    .b5-1-7 {
        width: 14.2857142857%;
    }
    .b5-2-7 {
        width: 28.5714285714%;
    }
    .b5-3-7 {
        width: 42.8571428571%;
    }
    .b5-4-7 {
        width: 57.1428571429%;
    }
    .b5-5-7 {
        width: 71.4285714286%;
    }
    .b5-6-7 {
        width: 85.7142857143%;
    }
    .b5-7-7 {
        width: 100%;
    }
    .b5-1-8 {
        width: 12.5%;
    }
    .b5-2-8 {
        width: 25%;
    }
    .b5-3-8 {
        width: 37.5%;
    }
    .b5-4-8 {
        width: 50%;
    }
    .b5-5-8 {
        width: 62.5%;
    }
    .b5-6-8 {
        width: 75%;
    }
    .b5-7-8 {
        width: 87.5%;
    }
    .b5-8-8 {
        width: 100%;
    }
    .b5-1-9 {
        width: 11.1111111111%;
    }
    .b5-2-9 {
        width: 22.2222222222%;
    }
    .b5-3-9 {
        width: 33.3333333333%;
    }
    .b5-4-9 {
        width: 44.4444444444%;
    }
    .b5-5-9 {
        width: 55.5555555556%;
    }
    .b5-6-9 {
        width: 66.6666666667%;
    }
    .b5-7-9 {
        width: 77.7777777778%;
    }
    .b5-8-9 {
        width: 88.8888888889%;
    }
    .b5-9-9 {
        width: 100%;
    }
    .b5-1-10 {
        width: 10%;
    }
    .b5-2-10 {
        width: 20%;
    }
    .b5-3-10 {
        width: 30%;
    }
    .b5-4-10 {
        width: 40%;
    }
    .b5-5-10 {
        width: 50%;
    }
    .b5-6-10 {
        width: 60%;
    }
    .b5-7-10 {
        width: 70%;
    }
    .b5-8-10 {
        width: 80%;
    }
    .b5-9-10 {
        width: 90%;
    }
    .b5-10-10 {
        width: 100%;
    }
    .b5-1-11 {
        width: 9.0909090909%;
    }
    .b5-2-11 {
        width: 18.1818181818%;
    }
    .b5-3-11 {
        width: 27.2727272727%;
    }
    .b5-4-11 {
        width: 36.3636363636%;
    }
    .b5-5-11 {
        width: 45.4545454545%;
    }
    .b5-6-11 {
        width: 54.5454545455%;
    }
    .b5-7-11 {
        width: 63.6363636364%;
    }
    .b5-8-11 {
        width: 72.7272727273%;
    }
    .b5-9-11 {
        width: 81.8181818182%;
    }
    .b5-10-11 {
        width: 90.9090909091%;
    }
    .b5-11-11 {
        width: 100%;
    }
    .b5-1-12 {
        width: 8.3333333333%;
    }
    .b5-2-12 {
        width: 16.6666666667%;
    }
    .b5-3-12 {
        width: 25%;
    }
    .b5-4-12 {
        width: 33.3333333333%;
    }
    .b5-5-12 {
        width: 41.6666666667%;
    }
    .b5-6-12 {
        width: 50%;
    }
    .b5-7-12 {
        width: 58.3333333333%;
    }
    .b5-8-12 {
        width: 66.6666666667%;
    }
    .b5-9-12 {
        width: 75%;
    }
    .b5-10-12 {
        width: 83.3333333333%;
    }
    .b5-11-12 {
        width: 91.6666666667%;
    }
    .b5-12-12 {
        width: 100%;
    }
    .b5-full {
        width: 100% !important;
    }
    .b5-hide {
        display: none !important;
    }
    .b5-show.b {
        display: block;
    }
    .b5-show.ib {
        display: inline-block;
    }
    .b5-left {
        text-align: left !important;
    }
    .b5-right {
        text-align: right !important;
    }
    .b5-center {
        text-align: center !important;
    }
    .b5-no-mar {
        margin: 0 !important;
    }
}

@media screen and (max-width: 1024px) {
    .th-1-2 {
        width: 50%;
    }
    .th-2-2 {
        width: 100%;
    }
    .th-1-3 {
        width: 33.3333333333%;
    }
    .th-2-3 {
        width: 66.6666666667%;
    }
    .th-3-3 {
        width: 100%;
    }
    .th-1-4 {
        width: 25%;
    }
    .th-2-4 {
        width: 50%;
    }
    .th-3-4 {
        width: 75%;
    }
    .th-4-4 {
        width: 100%;
    }
    .th-1-5 {
        width: 20%;
    }
    .th-2-5 {
        width: 40%;
    }
    .th-3-5 {
        width: 60%;
    }
    .th-4-5 {
        width: 80%;
    }
    .th-5-5 {
        width: 100%;
    }
    .th-1-6 {
        width: 16.6666666667%;
    }
    .th-2-6 {
        width: 33.3333333333%;
    }
    .th-3-6 {
        width: 50%;
    }
    .th-4-6 {
        width: 66.6666666667%;
    }
    .th-5-6 {
        width: 83.3333333333%;
    }
    .th-6-6 {
        width: 100%;
    }
    .th-1-7 {
        width: 14.2857142857%;
    }
    .th-2-7 {
        width: 28.5714285714%;
    }
    .th-3-7 {
        width: 42.8571428571%;
    }
    .th-4-7 {
        width: 57.1428571429%;
    }
    .th-5-7 {
        width: 71.4285714286%;
    }
    .th-6-7 {
        width: 85.7142857143%;
    }
    .th-7-7 {
        width: 100%;
    }
    .th-1-8 {
        width: 12.5%;
    }
    .th-2-8 {
        width: 25%;
    }
    .th-3-8 {
        width: 37.5%;
    }
    .th-4-8 {
        width: 50%;
    }
    .th-5-8 {
        width: 62.5%;
    }
    .th-6-8 {
        width: 75%;
    }
    .th-7-8 {
        width: 87.5%;
    }
    .th-8-8 {
        width: 100%;
    }
    .th-1-9 {
        width: 11.1111111111%;
    }
    .th-2-9 {
        width: 22.2222222222%;
    }
    .th-3-9 {
        width: 33.3333333333%;
    }
    .th-4-9 {
        width: 44.4444444444%;
    }
    .th-5-9 {
        width: 55.5555555556%;
    }
    .th-6-9 {
        width: 66.6666666667%;
    }
    .th-7-9 {
        width: 77.7777777778%;
    }
    .th-8-9 {
        width: 88.8888888889%;
    }
    .th-9-9 {
        width: 100%;
    }
    .th-1-10 {
        width: 10%;
    }
    .th-2-10 {
        width: 20%;
    }
    .th-3-10 {
        width: 30%;
    }
    .th-4-10 {
        width: 40%;
    }
    .th-5-10 {
        width: 50%;
    }
    .th-6-10 {
        width: 60%;
    }
    .th-7-10 {
        width: 70%;
    }
    .th-8-10 {
        width: 80%;
    }
    .th-9-10 {
        width: 90%;
    }
    .th-10-10 {
        width: 100%;
    }
    .th-1-11 {
        width: 9.0909090909%;
    }
    .th-2-11 {
        width: 18.1818181818%;
    }
    .th-3-11 {
        width: 27.2727272727%;
    }
    .th-4-11 {
        width: 36.3636363636%;
    }
    .th-5-11 {
        width: 45.4545454545%;
    }
    .th-6-11 {
        width: 54.5454545455%;
    }
    .th-7-11 {
        width: 63.6363636364%;
    }
    .th-8-11 {
        width: 72.7272727273%;
    }
    .th-9-11 {
        width: 81.8181818182%;
    }
    .th-10-11 {
        width: 90.9090909091%;
    }
    .th-11-11 {
        width: 100%;
    }
    .th-1-12 {
        width: 8.3333333333%;
    }
    .th-2-12 {
        width: 16.6666666667%;
    }
    .th-3-12 {
        width: 25%;
    }
    .th-4-12 {
        width: 33.3333333333%;
    }
    .th-5-12 {
        width: 41.6666666667%;
    }
    .th-6-12 {
        width: 50%;
    }
    .th-7-12 {
        width: 58.3333333333%;
    }
    .th-8-12 {
        width: 66.6666666667%;
    }
    .th-9-12 {
        width: 75%;
    }
    .th-10-12 {
        width: 83.3333333333%;
    }
    .th-11-12 {
        width: 91.6666666667%;
    }
    .th-12-12 {
        width: 100%;
    }
    .th-full {
        width: 100% !important;
    }
    .th-hide {
        display: none !important;
    }
    .th-show.b {
        display: block;
    }
    .th-show.ib {
        display: inline-block !important;
    }
    .th-left {
        text-align: left !important;
    }
    .th-right {
        text-align: right !important;
    }
    .th-center {
        text-align: center !important;
    }
    .th-bg-left {
        background-position: left !important;
    }
    .th-bg-right {
        background-position: right !important;
    }
    .th-bg-top {
        background-position: top !important;
    }
    .th-bg-bottom {
        background-position: bottom !important;
    }
    .th-bg-center {
        background-position: center !important;
    }
    .th-no-mar {
        margin: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .tv-1-2 {
        width: 50%;
    }
    .tv-2-2 {
        width: 100%;
    }
    .tv-1-3 {
        width: 33.3333333333%;
    }
    .tv-2-3 {
        width: 66.6666666667%;
    }
    .tv-3-3 {
        width: 100%;
    }
    .tv-1-4 {
        width: 25%;
    }
    .tv-2-4 {
        width: 50%;
    }
    .tv-3-4 {
        width: 75%;
    }
    .tv-4-4 {
        width: 100%;
    }
    .tv-1-5 {
        width: 20%;
    }
    .tv-2-5 {
        width: 40%;
    }
    .tv-3-5 {
        width: 60%;
    }
    .tv-4-5 {
        width: 80%;
    }
    .tv-5-5 {
        width: 100%;
    }
    .tv-1-6 {
        width: 16.6666666667%;
    }
    .tv-2-6 {
        width: 33.3333333333%;
    }
    .tv-3-6 {
        width: 50%;
    }
    .tv-4-6 {
        width: 66.6666666667%;
    }
    .tv-5-6 {
        width: 83.3333333333%;
    }
    .tv-6-6 {
        width: 100%;
    }
    .tv-1-7 {
        width: 14.2857142857%;
    }
    .tv-2-7 {
        width: 28.5714285714%;
    }
    .tv-3-7 {
        width: 42.8571428571%;
    }
    .tv-4-7 {
        width: 57.1428571429%;
    }
    .tv-5-7 {
        width: 71.4285714286%;
    }
    .tv-6-7 {
        width: 85.7142857143%;
    }
    .tv-7-7 {
        width: 100%;
    }
    .tv-1-8 {
        width: 12.5%;
    }
    .tv-2-8 {
        width: 25%;
    }
    .tv-3-8 {
        width: 37.5%;
    }
    .tv-4-8 {
        width: 50%;
    }
    .tv-5-8 {
        width: 62.5%;
    }
    .tv-6-8 {
        width: 75%;
    }
    .tv-7-8 {
        width: 87.5%;
    }
    .tv-8-8 {
        width: 100%;
    }
    .tv-1-9 {
        width: 11.1111111111%;
    }
    .tv-2-9 {
        width: 22.2222222222%;
    }
    .tv-3-9 {
        width: 33.3333333333%;
    }
    .tv-4-9 {
        width: 44.4444444444%;
    }
    .tv-5-9 {
        width: 55.5555555556%;
    }
    .tv-6-9 {
        width: 66.6666666667%;
    }
    .tv-7-9 {
        width: 77.7777777778%;
    }
    .tv-8-9 {
        width: 88.8888888889%;
    }
    .tv-9-9 {
        width: 100%;
    }
    .tv-1-10 {
        width: 10%;
    }
    .tv-2-10 {
        width: 20%;
    }
    .tv-3-10 {
        width: 30%;
    }
    .tv-4-10 {
        width: 40%;
    }
    .tv-5-10 {
        width: 50%;
    }
    .tv-6-10 {
        width: 60%;
    }
    .tv-7-10 {
        width: 70%;
    }
    .tv-8-10 {
        width: 80%;
    }
    .tv-9-10 {
        width: 90%;
    }
    .tv-10-10 {
        width: 100%;
    }
    .tv-1-11 {
        width: 9.0909090909%;
    }
    .tv-2-11 {
        width: 18.1818181818%;
    }
    .tv-3-11 {
        width: 27.2727272727%;
    }
    .tv-4-11 {
        width: 36.3636363636%;
    }
    .tv-5-11 {
        width: 45.4545454545%;
    }
    .tv-6-11 {
        width: 54.5454545455%;
    }
    .tv-7-11 {
        width: 63.6363636364%;
    }
    .tv-8-11 {
        width: 72.7272727273%;
    }
    .tv-9-11 {
        width: 81.8181818182%;
    }
    .tv-10-11 {
        width: 90.9090909091%;
    }
    .tv-11-11 {
        width: 100%;
    }
    .tv-1-12 {
        width: 8.3333333333%;
    }
    .tv-2-12 {
        width: 16.6666666667%;
    }
    .tv-3-12 {
        width: 25%;
    }
    .tv-4-12 {
        width: 33.3333333333%;
    }
    .tv-5-12 {
        width: 41.6666666667%;
    }
    .tv-6-12 {
        width: 50%;
    }
    .tv-7-12 {
        width: 58.3333333333%;
    }
    .tv-8-12 {
        width: 66.6666666667%;
    }
    .tv-9-12 {
        width: 75%;
    }
    .tv-10-12 {
        width: 83.3333333333%;
    }
    .tv-11-12 {
        width: 91.6666666667%;
    }
    .tv-12-12 {
        width: 100%;
    }
    .tv-full {
        width: 100% !important;
    }
    .tv-hide {
        display: none !important;
    }
    .tv-show.b {
        display: block;
    }
    .tv-show.ib {
        display: inline-block;
    }
    .tv-left {
        text-align: left !important;
    }
    .tv-right {
        text-align: right !important;
    }
    .tv-center {
        text-align: center !important;
    }
    .tv-bg-left {
        background-position: left !important;
    }
    .tv-bg-right {
        background-position: right !important;
    }
    .tv-bg-top {
        background-position: top !important;
    }
    .tv-bg-bottom {
        background-position: bottom !important;
    }
    .tv-bg-center {
        background-position: center !important;
    }
    .tv-no-mar {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
    .m-1-2 {
        width: 50%;
    }
    .m-2-2 {
        width: 100%;
    }
    .m-1-3 {
        width: 33.3333333333%;
    }
    .m-2-3 {
        width: 66.6666666667%;
    }
    .m-3-3 {
        width: 100%;
    }
    .m-1-4 {
        width: 25%;
    }
    .m-2-4 {
        width: 50%;
    }
    .m-3-4 {
        width: 75%;
    }
    .m-4-4 {
        width: 100%;
    }
    .m-1-5 {
        width: 20%;
    }
    .m-2-5 {
        width: 40%;
    }
    .m-3-5 {
        width: 60%;
    }
    .m-4-5 {
        width: 80%;
    }
    .m-5-5 {
        width: 100%;
    }
    .m-1-6 {
        width: 16.6666666667%;
    }
    .m-2-6 {
        width: 33.3333333333%;
    }
    .m-3-6 {
        width: 50%;
    }
    .m-4-6 {
        width: 66.6666666667%;
    }
    .m-5-6 {
        width: 83.3333333333%;
    }
    .m-6-6 {
        width: 100%;
    }
    .m-1-7 {
        width: 14.2857142857%;
    }
    .m-2-7 {
        width: 28.5714285714%;
    }
    .m-3-7 {
        width: 42.8571428571%;
    }
    .m-4-7 {
        width: 57.1428571429%;
    }
    .m-5-7 {
        width: 71.4285714286%;
    }
    .m-6-7 {
        width: 85.7142857143%;
    }
    .m-7-7 {
        width: 100%;
    }
    .m-1-8 {
        width: 12.5%;
    }
    .m-2-8 {
        width: 25%;
    }
    .m-3-8 {
        width: 37.5%;
    }
    .m-4-8 {
        width: 50%;
    }
    .m-5-8 {
        width: 62.5%;
    }
    .m-6-8 {
        width: 75%;
    }
    .m-7-8 {
        width: 87.5%;
    }
    .m-8-8 {
        width: 100%;
    }
    .m-1-9 {
        width: 11.1111111111%;
    }
    .m-2-9 {
        width: 22.2222222222%;
    }
    .m-3-9 {
        width: 33.3333333333%;
    }
    .m-4-9 {
        width: 44.4444444444%;
    }
    .m-5-9 {
        width: 55.5555555556%;
    }
    .m-6-9 {
        width: 66.6666666667%;
    }
    .m-7-9 {
        width: 77.7777777778%;
    }
    .m-8-9 {
        width: 88.8888888889%;
    }
    .m-9-9 {
        width: 100%;
    }
    .m-1-10 {
        width: 10%;
    }
    .m-2-10 {
        width: 20%;
    }
    .m-3-10 {
        width: 30%;
    }
    .m-4-10 {
        width: 40%;
    }
    .m-5-10 {
        width: 50%;
    }
    .m-6-10 {
        width: 60%;
    }
    .m-7-10 {
        width: 70%;
    }
    .m-8-10 {
        width: 80%;
    }
    .m-9-10 {
        width: 90%;
    }
    .m-10-10 {
        width: 100%;
    }
    .m-1-11 {
        width: 9.0909090909%;
    }
    .m-2-11 {
        width: 18.1818181818%;
    }
    .m-3-11 {
        width: 27.2727272727%;
    }
    .m-4-11 {
        width: 36.3636363636%;
    }
    .m-5-11 {
        width: 45.4545454545%;
    }
    .m-6-11 {
        width: 54.5454545455%;
    }
    .m-7-11 {
        width: 63.6363636364%;
    }
    .m-8-11 {
        width: 72.7272727273%;
    }
    .m-9-11 {
        width: 81.8181818182%;
    }
    .m-10-11 {
        width: 90.9090909091%;
    }
    .m-11-11 {
        width: 100%;
    }
    .m-1-12 {
        width: 8.3333333333%;
    }
    .m-2-12 {
        width: 16.6666666667%;
    }
    .m-3-12 {
        width: 25%;
    }
    .m-4-12 {
        width: 33.3333333333%;
    }
    .m-5-12 {
        width: 41.6666666667%;
    }
    .m-6-12 {
        width: 50%;
    }
    .m-7-12 {
        width: 58.3333333333%;
    }
    .m-8-12 {
        width: 66.6666666667%;
    }
    .m-9-12 {
        width: 75%;
    }
    .m-10-12 {
        width: 83.3333333333%;
    }
    .m-11-12 {
        width: 91.6666666667%;
    }
    .m-12-12 {
        width: 100%;
    }
    .m-full {
        width: 100% !important;
    }
    .m-hide {
        display: none !important;
    }
    .m-show.b {
        display: block;
    }
    .m-show.ib {
        display: inline-block;
    }
    .m-left {
        text-align: left !important;
    }
    .m-right {
        text-align: right !important;
    }
    .m-center {
        text-align: center !important;
    }
    .m-bg-left {
        background-position: left !important;
    }
    .m-bg-right {
        background-position: right !important;
    }
    .m-bg-top {
        background-position: top !important;
    }
    .m-bg-bottom {
        background-position: bottom !important;
    }
    .m-bg-center {
        background-position: center !important;
    }
    .m-no-mar {
        margin: 0 !important;
    }
}

/*   _____             .___.__         ________                             .__
 /     \   ____   __| _/|__|____    \_____  \  __ __   __________________|__| ____   ______
/  \ /  \_/ __ \ / __ | |  \__  \    /  / \  \|  |  \_/ __ \_  __ \_  __ \  |/ __ \ /  ___/
/    Y    \  ___// /_/ | |  |/ __ \_ /   \_/.  \  |  /\  ___/|  | \/|  | \/  \  ___/ \___ \ 
\____|__  /\___  >____ | |__(____  / \_____\ \_/____/  \___  >__|   |__|  |__|\___  >____  >
\/     \/     \/         \/         \__>           \/                     \/     \/*/

@media only screen and (max-width: 1735px) {
    .container {
        padding: 0 5%;
    }
    .overlay-header #site-header {
        padding: 0 2%;
    }
    .header-navigation-wrapper {
        width: 85%;
    }
}

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

@media only screen and (max-width: 1635px) {
    h2 {
        font-size: 50px !important;
    }
    .primary-menu li {
        margin: 0 20px !important;
    }
    .boxAvantage {
        width: 47%;
    }
    #zoneArticle .article a h3, .cols3 .article a h3 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1545px) {
    .contentBanner h1 {
        font-size: 70px;
        line-height: 70px;
    }
    .primary-menu li {
        margin: 0 15px !important;
    }
    .header-toggles .toggle {
        padding: 0 2rem !important;
    }
}

@media only screen and (max-width: 1405px) {
    .header-navigation-wrapper {
        width: 87%;
    }
    .primary-menu li>a {
        font-size: 12px;
    }
    .banner h1 {
        font-size: 80px;
    }
    .banner .surtitre {
        font-size: 33px;
    }
    h2 {
        font-size: 45px !important;
    }
    #zoneArticle .article, #zoneRessources .article, .cols3 .article {
        padding: 25px;
    }
    #zoneArticle .article a h3, .cols3 .article a h3 {
        font-size: 24px;
    }
}

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

@media only screen and (max-width: 1280px) {
    .primary-menu li {
        margin: 0 10px !important;
    }
    .primary-menu>li>.sub-menu {
        padding: 25px 40px;
    }
    #responsive-menu-pro-container .rsContainer .rs {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 5px;
        margin-top: 35px;
    }
    #responsive-menu-pro-container .rsContainer .rs:hover {
        background-color: #4C4D4F !important
    }
    #responsive-menu-pro-container {
        top: 134px !important;
        padding-top: 40px !important;
    }
    button#responsive-menu-pro-button {
        right: 6%!important;
    }
    .header-navigation-wrapper .site-title {
        min-width: 125px;
    }
    .banner h1 {
        font-size: 70px;
    }
    .banner .surtitre {
        font-size: 32px;
    }
    .infolettre img {
        object-fit: cover;
        width: 100%;
        height: 700px;
    }
    .header-navigation-wrapper {
        width: 75%;
    }
    .contentBanner h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .contentBanner h4 {
        font-size: 22px!important;
    }
    .topVert {
        max-width: 100%;
    }
    .bottomVert {
        padding: 0px 0 44px 0;
    }
    .boiteJaune {
        position: relative;
        right: 0;
        bottom: -80px;
        width: 100%;
    }
    .triangleBg {
        bottom: -85px;
    }
    #zoneArticle .article, #zoneRessources .article, .cols3 .article {
        padding: 15px;
    }
}

@media screen and (max-width: 1140px) {
    #login-button {
        display: block!important;
    }
    .banner h1 {
        font-size: 65px;
    }
    .banner .surtitre {
        font-size: 30px;
    }
    ul.primary-menu {
        display: none !important;
    }
    .header-navigation-wrapper .site-title {
        min-width: 165px;
    }
}

@media screen and (max-width: 1024px) {
    .banner h1 {
        font-size: 60px;
    }
    .banner .surtitre {
        font-size: 28px;
    }
    .AdminUne {
        margin-bottom: 85px;
    }
    .bigBlog {
        padding-right: 0;
    }
    .bigCongres h2 {
        margin-top: 30px;
    }
    .congreBg {
        min-height: 485px;
    }
    .sousMembre, .versement {
        font-size: 24px;
    }
    .boxForfait .prixForfait strong {
        font-size: 100px;
    }
    .prixForfait sup {
        font-size: 30px;
    }
    .titreForfait {
        font-size: 35px;
    }
    p {
        line-height: 1.4 !important;
    }
    .contentBanner, .boiteJaune, .btn, .postDate, .infoCongres, body {
        font-size: 16px !important;
    }
    .imageEtiquette {
        margin-bottom: 60px;
    }
    .h5050-image {
        margin-bottom: 40px;
    }
    .theCols {
        margin: 30px;
    }
    h2 {
        font-size: 45px !important;
    }
    .bigBlog h3, h3 {
        font-size: 24px;
    }
    #footer .container {
        padding: 0;
    }
    .bottomJaune {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .bottomJaune .col {
        float: none;
    }
    .bottomJaune:before {
        display: none;
    }
    .bottomJaune:after {
        display: none;
    }
    .topVert, .bottomVert, .bottomJaune {
        padding-left: 5%;
        padding-right: 5%;
    }
    .congresUne {
        margin: 85px 0;
    }
    .motBg, .motBgPage {
        display: none;
    }
    .h5050-half-inner {
        padding-right: 0;
    }
    .bigBlog {
        min-height: auto;
        padding-bottom: 40px;
    }
    .motBg {
        font-size: 150px;
    }
    .bottomLink {
        position: relative;
        margin-top: 30px;
    }
    .contentBanner h3 {
        font-size: 28px
    }
    .contentBanner h1 {
        font-size: 60px;
        line-height: 67px;
    }
    .insideBoiteJaune {
        max-width: 100%;
    }
    .contentBanner h4 {
        font-size: 20px!important;
    }
    .cover-header {
        min-height: auto !important;
    }
    .downArrow {
        display: none;
    }
    .boxAvantage {
        width: 100%;
    }
    #zoneArticle .article, #zoneRessources .article, .cols3 .article {
        padding: 15px 16.66%;
    }
    .bottomLink .btnAnime {
        margin-top: 5px;
    }
    .borderBox {
        margin: 20px 0;
        height: auto;
    }
}

@media screen and (max-width: 1000px) {
    #responsive-menu-pro-container {
        top: 116px !important;
    }
    .header-inner .toggle, .header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
        color: #4BAEA0 !important;
    }
    .search-modal .search-field {
        font-size: 2.2rem !important;
    }
    .responsive-menu-pro-inner, .responsive-menu-pro-inner::before, .responsive-menu-pro-inner::after {
        background-color: #FFAF20 !important;
    }
    button#responsive-menu-pro-button {
        right: 5% !important;
    }
    .banner h1 {
        font-size: 55px;
    }
    .banner .surtitre {
        font-size: 26px;
    }
    #login-button {
        right: 100px;
    }
    #login-button a {
        color: #FFAF20;
    }
}

@media screen and (max-width: 900px) {
    .sectionBas {
        background-image: none !important;
        padding-top: 0 !important;
    }
    .contentBanner h1 {
        font-size: 55px;
        line-height: 65px;
    }
    .banner h1 {
        font-size: 48px;
    }
    .banner .surtitre {
        font-size: 24px;
    }
    h2 {
        font-size: 40px !important;
    }
    #footer {
        margin-top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .bioAuteur img {
        margin: 0 !important;
    }
    .infoCongres .btn {
        right: auto;
        left: 0;
    }
    .etiquette {
        position: relative;
        padding: 35px;
        top: 0;
        left: 0;
    }
    .bottomJaune:before {
        display: none;
    }
    .infoCongres {
        margin-left: 0;
        margin-right: 0;
        padding: 55px;
    }
    .sousMembre .rightArrow {
        display: none;
    }
    .containerForfait {
        margin-top: 50px;
    }
    .boiteJaune {
        padding: 45px;
        bottom: -50px;
    }
    .contentBanner {
        margin: 0 20px;
    }
    .contentBanner h1 {
        font-size: 39px !important;
        line-height: 47px !important;
    }
    .content2Cols {
        padding-left: 10px;
    }
    .contentBanner h3 {
        font-size: 25px;
    }
    .contentBanner h4 {
        font-size: 20px;
    }
    .parentTriangle {
        display: none;
    }
    .motBg {
        display: none;
    }
    .btn {
        position: relative;
        margin-top: 20px;
    }
    .banner h1 {
        font-size: 40px;
    }
    .banner .surtitre {
        font-size: 22px;
    }
    h2 {
        font-size: 35px !important;
    }
    .boxForfait .btnAnime {
        max-width: 50%;
    }
    .boxMembership h2 {
        margin-bottom: 15px;
    }
    #zoneArticle .article, #zoneRessources .article, .cols3 .article {
        padding: 15px;
    }
    #zoneRessources h2 {
        margin: 0 15px;
    }
    .searchandfilter ul li {
        width: 100%;
    }
    #page h3 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 700px) {
    .search-modal {
        top: 116px !important;
    }
}

@media screen and (max-width: 640px) {
    #site-content {
        margin-top: 50px;
    }
    .banner {
        margin-bottom: 50px;
    }
    .infoCongres h2 {
        font-size: 33px !important;
    }
    .contentBanner h1 {
        font-size: 50px;
        line-height: 57px;
    }
    .contentBanner h4, .contentBanner p {
        padding-right: 0;
    }
    .banner h1 {
        font-size: 28px;
    }
    .banner .surtitre {
        font-size: 20px;
        line-height: 25px;
    }
    h2 {
        font-size: 25px !important;
    }
    h3 {
        font-size: 20px !important;
    }
    .banner, .overlaybanner, .contenuBanner {
        height: 330px;
    }
    .d-1-12 {
        width: 2%;
    }
    .d-10-12 {
        width: 96%;
    }
    .miniBoxGris .smallBlog {
        margin-left: 0;
        margin-top: 10px;
    }
    #site-content {
        margin-top: 50px;
    }
    .background_gris {
        margin: 50px 0;
    }
}

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

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