/*
Theme Name: Hemispheres et Cie - OHVL
Theme URI: http://www.hemispheres-compagnie.com/
Author: Hémisphère et Compagnie
Author URI: http://www.hemispheres-compagnie.com/
Description: Themes Pour OHVL.
Version: 1
Text Domain: Hemispheres et Cie - OHVL

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'DINPro';
    src: url('css/font/DINPro.otf') format('otf'),
        url('css/font/DINPro.tff') format('ttf'),
        url('css/font/DINPro.woff') format('woff'),
        url('css/font/DINPro.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Black';
    src: url('css/font/DINPro-Black.otf') format('otf'),
        url('css/font/DINPro-Black.tff') format('ttf'),
        url('css/font/DINPro-Black.woff') format('woff'),
        url('css/font/DINPro-Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Light';
    src: url('css/font/DINPro-Light.otf') format('otf'),
        url('css/font/DINPro-Light.tff') format('ttf'),
        url('css/font/DINPro-Light.woff') format('woff'),
        url('css/font/DINPro-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Bold';
    src: url('css/font/DINPro-Bold.otf') format('otf'),
        url('css/font/DINPro-Bold.tff') format('ttf'),
        url('css/font/DINPro-Bold.woff') format('woff'),
        url('css/font/DINPro-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Medium';
    src: url('css/font/DINPro-Medium.otf') format('otf'),
        url('css/font/DINPro-Medium.tff') format('ttf'),
        url('css/font/DINPro-Medium.woff') format('woff'),
        url('css/font/DINPro-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'D-DIN';
    src:url('css/font/D-DIN.otf') format('otf'),
        url('css/font/D-DIN.ttf') format('ttf'),
        url('css/font/D-DIN.woff') format('woff'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'D-DIN-bold';
    src:url('css/font/D-DIN-Bold.otf') format('otf'),
        url('css/font/D-DIN-Bold.ttf') format('ttf'),
        url('css/font/D-DIN-Bold.woff') format('woff'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'DIN-light';
    src:url('css/font/DIN-Light-Regular.otf') format('otf'),
        url('css/font/DIN-Light-Regular.ttf') format('ttf'),
        url('css/font/DIN-Light-Regular.woff') format('woff'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'DINCondensed-Bold';
    src:url('css/font/DINCondensed-Bold.otf') format('otf'),
        url('css/font/DINCondensed-Bold.ttf') format('ttf'),
        url('css/font/DINCondensed-Bold.woff') format('woff'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'SourceSansPro';
    src:url('css/font/SourceSansPro-Regular.otf') format('otf'),
        url('css/font/SourceSansPro-Regular.ttf') format('ttf'),
        url('css/font/SourceSansPro-Regular.woff') format('woff'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'SourceSansPro-Bold';
    src:url('css/font/SourceSansPro-Bold.otf') format('otf'),
        url('css/font/SourceSansPro-Bold.ttf') format('ttf'),
        url('css/font/SourceSansPro-Bold.woff') format('woff'); 
        font-weight: bold;
        font-style: normal;
}
@font-face {
    font-family: 'Knockout-HTF90UltmtWelterwt-Regular';
    src:url('css/font/Knockout-HTF90UltmtWelterwt-Regular.otf') format('otf'),
        url('css/font/Knockout-HTF90UltmtWelterwt-Regular.ttf') format('ttf'),
        url('css/font/Knockout-HTF90UltmtWelterwt-Regular.woff') format('woff'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'EuroSans-Regular';
    src:url('css/font/EuroSans-Regular.otf') format('otf'),
        url('css/font/EuroSans-Regular.ttf') format('ttf'),
        url('css/font/EuroSans-Regular.woff') format('woff'),
        url('css/font/EuroSans-Regular.woff2') format('woff2'); 
        font-weight: normal;
        font-style: normal;
}



/*
 * Global styles
 */
html {
    min-height: 100%;
}
body {
    font-family: DINPro, arial;
    margin: 0;
    background-color: #7a2981;
    color: #ffffff;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    max-width: 100%;
    width: auto;
}
ul {
    margin: 0 0 15px;
    padding: 0 0 0 15px;
}
h2 {
    font-size: 37.65px;
    line-height: 1.16;
    letter-spacing: -1.3px;
    color: #4e5860;
}
.clearfix:before,
.clearfix:after{
    content: "";
    clear: both;
    display: block;
}
.form-inscription .bcorange,
.bcorange{
    border-color:#fc672c;
}
.corange{
    color: #fc672c;
}
.cviolet{
    color: #48124E;
}
.cvert{
    color: #52c43b;
}
.crouge{
    color: #ff0000;
}
.cbleu{
    color: #4378e3;
}
.euro_symbole{
    font-family: 'EuroSans-Regular';
}
p {
    margin: 0 0 10px;
}
.posrelative{
    position: relative;
}
.hide{
    display: none !important;
}
.btn-orange{
    border: none;
    background: #fc672c;
    color: #ffffff;
    border-bottom: solid 2px #e30613;
    padding: 5px 28px 7px 25px;
    font-size: 19px;
    letter-spacing: -0.1px;
    cursor: pointer;
}
.btn-violet{
    background-color: #7a2981;
    border-bottom-color: #48124E;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.valid{color:#00cc00;}
.error{color:#cc0000;}
.d-block{display:block;}
.d-inline-block{display:inline-block;}
.d-grid{display:grid;}
.grid-2col{grid-template-columns:1fr 1fr;}
.t-d-none{text-decoration:none;}
.t-d-und{text-decoration:underline;}



/*
 * Containers
 */
header .max-container{
    overflow: visible;
    z-index: 1;
}
.x-max-container,
.full-container,
.max-container,
.max-inner-container {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
    overflow: hidden;
}
.max-inner-container{
    max-width: 1116px;
}
.x-max-container{
    max-width: 1920px;
}
.full-container{
    max-width: 100%;
}
.cpurple{
    color: #7a2981;
}
.bkg-purple{
    background-color: #7a2981;
}
.underline-separator.corange-separator:after,
.file-fields-container > .upload_file-container > button.bkg-orange,
.bkg-orange{
    background-color: #fc672c;
}
.corange {
    color: #fc672c;
}
.bor-orange {
    border-color: #fc672c;
}
 body:not(.home) #primary.bkg-white,
.bkg-white{
    background-color: #ffffff;
}
 body:not(.home) #primary.bkg-grey-light,
.bkg-grey-light{
    background-color: #faf9f9;
}
.bkg-grey{
    background-color: #887b76;
}
.talign_center,
.talign-center{
    text-align: center;
}
.talign_right{
    text-align: right;
}
.cgrey{
    color: #887b76;
}
.maxwidth-50_prec{
    max-width: 50%;
    width: 100%;
}
.width-50_prec{
    width: 50%;
    max-width: 100%;
}
#content{
    padding-top: 86px;
}
.msg-ok,
.msg-error {
    margin: 0 0 15px 0;
    border: solid 1px #ff0000;
    color: #ff0000;
    padding: 3px 5px 3px 5px;
    font-style: italic;
}
.msg-ok{
    color: #00ff00;
    border-color: #00ff00;
}
body:not(.home) #main {
    min-height: 300px;
    padding-bottom: 150px;
}
body.single-evenement:not(.home) #main {
    padding-bottom: 0;
}
.valid-msg,
.error-msg{
    color: #00dd00;
    text-align: center;
}
.error-msg{
    color: #ff0000;
}
.reservation-container .valid-msg {
    padding: 25px 0;
    margin: 0;
}
.grid-3{
    display: -ms-grid;
    display: grid;
}
.grid-3 > *:nth-child( 3n + 1 ){grid-column:1;}
.grid-3 > *:nth-child( 3n + 2 ){grid-column:2;}
.grid-3 > *:nth-child( 3n ){grid-column:3;}
.of-hidden{
	overflow: hidden;
}


.switch,
.switch-inv{
    position: relative;
    display: inline-block;
    width: 120px;
    height: 36px;
    border-radius: 4px;
    overflow: hidden;
}
.switch input,
.switch-inv input {
    display: none;
}
.switch .slider,
.switch-inv .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5cb85c;
    -webkit-transition: .3s;
    transition: .3s;
    width: 200%;
}
.switch input:checked + .slider,
.switch-inv input + .slider{
    left: -100%;
}
.switch-inv input:checked + .slider{
    left: 0;
    background-color: #5cb85c;
}
.switch .slider:before,
.switch-inv .slider:before{
    position: absolute;
    content: "";
    height: 28px;
    width: 13px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(99px);
    -ms-transform: translateX(99px);
    transform: translateX(99px);
    left: 4px;
}
.switch input:checked + .slider,
.switch-inv input + .slider{
    background-color: #c9302c;
}
.switch input:focus + .slider,
.switch-inv input:focus + .slider{
    box-shadow: 0 0 1px #5cb85c;
}
.switch input:checked + .slider:before,
.switch-inv input + .slider:before{
    left: calc( 50% + 4px );
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.switch-inv input:checked + .slider:before{
    left: 4px;
    -webkit-transform: translateX(99px);
    -ms-transform: translateX(99px);
    transform: translateX(99px);
}
.switch .slider .on, 
.switch .slider .off,
.switch-inv .slider .on,
.switch-inv .slider .off{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    color: #ffffff;
    padding: 7px 17px 0 0;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
}
.switch .slider .off,
.switch-inv .slider .off{
    left: 50%;
    padding-left: 17px;
    padding-right: 0;
}


.checkbox-text-container {
    display: flex;
    flex-wrap: wrap;
}
.checkbox-text-container input,
input + .checkbox-text i.fa-check-square-o,
input:checked + .checkbox-text i.fa-square-o {
    display: none;
}
input + .checkbox-text i {
    line-height: 1.3;
    margin-right: 10px;
}
input:checked + .checkbox-text i.fa-check-square-o {
    display: block;
}
.checkbox-text {
    border: solid 1px #ebebeb;
    background-color: #fff;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45%;
    padding: 0.5em;
    font-size: 1.2rem;
    cursor: pointer;
    margin-bottom: 15px;
}
.checkbox-text:nth-of-type(2n+1) {
    margin-right: 10%;
}
input:checked + .checkbox-text {
    color: #fff;
    background-color: #fc672c;
}
.checkbox-text-container br {
    display: block;
}

.checkbox-list-container {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}
.checkbox-list-container label {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #ccc;
    padding: 15px 0;
}
.checkbox-list-container label:first-child {
    border-top: solid 1px #ccc;
}
.checkbox-list-container label p {
    margin: 0;
}



.bouton-souligne {
    margin-bottom: 25px;
    display: inline-block;
    color: #fc672c;
    text-decoration: none;
    border-style: solid;
    border-width: 2px;
    border-color: transparent transparent #fc672c;
    padding: 10px 0 0;
    transition-property: padding, border-color, border-width, margin-bottom;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
}
.bouton-souligne:hover {
    border-color: #fc672c;
    padding: 10px;
    margin-bottom: 15px;
}
.bouton-souligne.cpurple{
    color: #7a2981;
    border-color: transparent transparent #7a2981;
}
.bouton-souligne.cpurple:hover {
    border-color: #7a2981;
}



/*
 * Headers
 */
#masthead {
    min-height: 86px;
    background: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-bottom: solid 4px #fc672c;
    transition-property: min-height, border-width;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.bandeau-header {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}
.logo,
.home.scrolled .logo {
    position: absolute;
    left: calc( 50% - 42px );
    top: 5px;
    transition-property: top, left;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.logo img,
.home.scrolled .logo img {
    display: block;
    max-width: 85px;
    transition: max-width .3s ease-in-out;
}
.main-navigation {
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    max-width: 494px;
}
.main-navigation > div[class^="menu-"]{
    display: none;
    z-index: 1;
    position: relative;
}
.menu-toggle {
    background: url(images/icon_menu.png) no-repeat left center / auto 100%;
    border: none;
    cursor: pointer;
    margin-left: 31px;
    color: #fc672c;
    padding-left: 43px;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0;

}
.primary-menu {
    padding: 46px 0 46px 87px;
    margin: 0;
    list-style: none;
    background: rgba(255,255,255,0.97);
}
.primary-menu > li {
    margin-bottom: 0;
}
.primary-menu a {
    text-decoration: none;
    display: block;
    padding: 17px 0;
}
.primary-menu .sub-menu a{
    padding: 0;
}
.primary-menu .menu-item-has-children > a {
    padding-bottom: 0;
}
.primary-menu .sub-menu {
    padding: 0;
}
.primary-menu a > p.title,
.primary-menu a > p.desc{
    font-family: D-DIN-bold;
    text-transform: uppercase;
    color: #000000;
    margin: 0 0 0 0;
    font-size: 18px;
    letter-spacing: 3.6px;
}
.primary-menu a > p.desc,
.primary-menu .sub-menu a > p.title{
    margin: 2px 0 0 0;
    font-family: D-DIN;
    text-transform: none;
    letter-spacing: 0.4px;
    font-size: 14px;
    font-style: italic;
    color: #887B76;
}
.primary-menu .sub-menu a > p.title {
    margin: 0;
    padding: 2px 0;
}
.primary-menu a:hover > p.title, 
.primary-menu a:hover > p.desc{
    color: #fc672c;
}
header .bloc_socials {
    position: absolute;
    margin: 0;
    top: 4px;
    left: 200px;
}
header .bloc_socials > a {
    color: #fc672c;
    font-size: 20px;
    padding: 0 5px;
}

.top-right {
    position: absolute;
    width: auto;
    top: 23px;
    right: 60px;
}
.top-right > div.widget{
    display: inline-block;
    vertical-align: middle;
    padding-left: 6px;
}
.top-right .widget_polylang {
    padding-top: 7px;
}
.top-right div.widget.widget_polylang li{
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    max-width: 22px;
    margin-left: 10px;
}
.widget_polylang .lang-item a,
.widget_polylang .lang-item img{
    display: block;
}
.top-right div.widget.widget_polylang li a span {
    display: none;
}
.top-right div.widget.widget_nav_menu .menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-right div.widget.widget_nav_menu .menu li {
    padding-left: 25px;
    position: relative;
}
.top-right div.widget.widget_nav_menu .menu li:first-child{
    padding-left: 23px;
}
.top-right div.widget.widget_nav_menu .menu li:first-child::before {
    display: none;
}
.top-right div.widget.widget_nav_menu .menu li,
.top-right div.widget.widget_nav_menu .menu li a{
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    color: #fc672c;
    font-family: D-DIN-bold;
    letter-spacing: 0;
}
.widget_polylang > ul{
    margin: 0;
    padding: 0;
    font-size: 0;
}



/*
 * Home
 */
.home #content{
    padding-top: 0;
}
.home .menu-toggle {
    margin-left: 46px;
}
.home .main-navigation {
    top: 22px;
}
.home .logo {
    left: calc( 50% - 103.5px );
    top: 12px;
}
.home .logo img{
    max-width: 207px;
}
.home .top-right div.widget.widget_nav_menu .menu li::before {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 22px;
    background: #fc672c;
    left: 22px;
}
.home .top-right div.widget.widget_nav_menu .menu li,
.home .top-right div.widget.widget_nav_menu .menu li a{
    letter-spacing: 2.8px;
}
.home .top-right div.widget.widget_nav_menu .menu li {
    padding-left: 52px;
}
.home .top-right > div.widget{
    padding-left: 0;
}
.home:not(.scrolled) #masthead {
    min-height: 0;
    border-bottom-width: 0;
}
.home_slideshow{
    padding: 0;
    list-style:none;
}
.home_slideshow > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    /*height: 100%;*/
    height: auto;
}
.home_slideshow img {
    display: block;
    width: 100%;
    height: 100%;
}
.home_slideshow + .lSAction > a {
    width: 30px;
    height: 52px;
    top: 46.6%;
    background-position: 0 0;
    opacity: 1;
    z-index: 0;
}
.home_slideshow + .lSAction > .lSPrev {
    background-image: url(images/fleche_gauche.png);
    left: 3%;
}
.home_slideshow + .lSAction > .lSNext {
    background-image: url(images/fleche_droite.png);
    right: 2.7%;
    left: auto;
}
.slide_absolute {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 32%;
}
.slide-event .slide_absolute {
    left: calc((100% - 750px) / 2 );
    right: calc((100% - 750px) / 2 );
    background-color: #fff;
    width: 750px;
    padding: 15px;
    border: solid 3px #fc672c;
}
.slide_absolute br {
    display: block;
}
.home_slideshow > li.clone:last-child .slide_absolute,
.home_slideshow > li.clone + li .slide_absolute {
    top: 34.8%;
    padding-right: 5%;
}
.titre1 {
    color: #48124E;
    text-transform: uppercase;
    font-weight: bolder;
    font-family: DINPro-Black;
    line-height: 1;
    font-size: 56px;
    letter-spacing: 9px;
    margin-bottom: 3px;
}
.home_slideshow > li.clone:last-child .titre1,
.home_slideshow > li.clone + li .titre1 {
    font-size: 107px;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.titre2 {
    color: #fc672c;
    text-transform: uppercase;
    font-weight: 400;
    font-family: DINPro-Black;
    font-size: 46px;
    letter-spacing: 5px;
    margin-bottom: 7px;
}
.home_slideshow > li.clone:last-child .titre2,
.home_slideshow > li.clone + li .titre2 {
    font-size: 39px;
    letter-spacing: 0;
    margin-bottom: 0;
}
.titre3 {
    color: #fc672c;
    font-size: 26px;
    padding-left: 0;
    letter-spacing: -1.4px;
    margin-bottom: 16px;
}
.home_slideshow > li.clone:last-child .titre3,
.home_slideshow > li.clone + li .titre3 {
    font-size: 21px;
    letter-spacing: -1.3px;
    margin-bottom: 0;
}
.slide_absolute a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background: #48124E;
    line-height: 1;
    border: solid 2px #ffffff;
    padding: 10px 27px;
    font-size: 29px;
}
.bandeau-drapeaux {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.slideshow-drapeaux ul {
    padding: 0;
    list-style: none;
    margin: 0;
    line-height: 1;
    max-height: 20px;
    overflow: hidden;
}
.slideshow-drapeaux li {
    display: inline-block;
    vertical-align: bottom;
}
.slideshow-drapeaux img {
    display: block;
    opacity: 0.75;
}

.home .home1-sidebar h1,
.sidebar-home1 .widget_custom_html .titre-home{
    font-family: SourceSansPro-Bold;
    text-transform: uppercase;
    margin: 15px auto 30px;
    padding: 26px 0;
    letter-spacing: 2.1px;
    line-height: 1.15;
    text-align: center;
    max-width: 860px;
    font-size: 24px;
}
.home .home1-sidebar h1.underline-separator::after{
    display: none;
}
.sidebar-home1 .widget_custom_html .titre-home{
    margin-bottom: 0;
}
.underline-separator{
    position: relative;
    padding-bottom: 26px;
}
.underline-separator::after{
    content: "";
    display: block;
    height: 5px;
    width: 62px;
    position: absolute;
    background: #ffffff;
    bottom: 0;
    left: calc( 50% - 31px );
}
.sidebar-home1{
    text-align: center;
    /*margin-bottom: 40px;*/
}
.sidebar-home1 > .widget_custom_html {
    padding-top: 35px;
    padding-bottom: 97px;
}
.sidebar-home1 > .widget_custom_html:first-child a {
    display: inline-block;
    max-width: 290px;
    width: 100%;
    vertical-align: top;
    color: #fff;
    text-decoration: none;
    border: solid 3px #fc672c;
    text-transform: uppercase;
    font-family: DINCondensed-Bold;
    font-size: 28px;
    padding: 13px;
    letter-spacing: 2px;
    line-height: 1.1;
    transition: background-color .15s ease-in-out;
}
.sidebar-home1 > .widget_custom_html:first-child a:hover {
    background-color: #fc672c;
}
.sidebar-home1 > .widget_custom_html:first-child a:first-child {
    margin-right: 48px;
}
.sidebar-home1 > .widget_custom_html:first-child a:last-child {
    margin-left: 48px;
}
.sidebar-home1 .widget_widget_img_texte {
    max-width: 375px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.widget_widget_img_texte .widget_img_texte_img-container {
    padding-top: 2px;
    min-height: 93px;
}
.widget_widget_img_texte + .widget_widget_img_texte .widget_img_texte_img-container {
    padding-top: 0;
}
.widget_widget_img_texte + .widget_widget_img_texte + .widget_widget_img_texte .widget_img_texte_img-container {
    padding-top: 5px;
}
.widget_widget_img_texte .widgettitle {
    font-family: Knockout-HTF90UltmtWelterwt-Regular;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 3.3px;
    margin: 0 0 14px;
}
.widget_widget_img_texte .widget_img_texte_texte-container {
    font-family: D-DIN;
    font-size: 18px;
    line-height: 1.3;
    /*letter-spacing: -0.7px;*/
    padding: 0 15px;
}

.large-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    margin-top: 62px;
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 39px;
}

.home_event_slideshow.lightSlider {
    /*display: table;*/
    display: block;
    min-height: 360px;
}
.home_event_slideshow.lightSlider > li {
    position: relative;
    font-size: 16px;
    float: none;
    overflow: hidden;
    max-height: 360px;
    /*display: table-cell;*/
    
    min-height: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}
.home_event_slideshow .img-container{
    height: 100%;
    position: relative;
}
.home_event_slideshow .img-container > img{
    display: block;
    max-height: 360px;
    /*width: 360px;*/
    /*height: 360px;*/
    width: 100%;
    height: 100%;
}
.home_event_slideshow .date_absolute {
    position: absolute;
    background-color: rgba( 255, 255, 255, 0.9 );
    color: #fc672c;
    top: 5.938em;
    left: 6.375em;
    left: calc( 50% - 4.031em );
    max-width: 8.063em;
    width: 100%;
    text-align: center;
    min-height: 7.875em;
    transition: top .1s ease-in-out;
    /*transition: left .2s linear;*/
}
.home_event_slideshow .particuliers .date_absolute{
    /*color: rgba(151,255,50,0.8);*/
    color: rgba(139,225,69,1);
    color: #000;
}
.home_event_slideshow > li:hover .date_absolute {
    top: -100%;
    top: calc( ( 100% * -1 ) + 5.938em );
    /*left: calc( 100% + 6.375em );*/
}
.home_event_slideshow .date_absolute.date_absolute-2dates {
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    padding: 4% 0;
    font-family: D-DIN-bold;
}
.jour-2dates .date_absolute-2dates-big {
    font-size: 1.6em;
    text-transform: uppercase;
}
.home_event_slideshow .date_absolute.date_absolute-2dates > p {
    margin: 3px 0;
}
.home_event_slideshow .address_absolute {
    top: 0;
    position: absolute;
    left: 16%;
    right: 0;
    background-color: rgba( 255, 255, 255, 0.9 );
    transition: top .1s ease-in-out;
    
    left: 10%;
    right: 10%;
    width: 80%;
    padding: 5px;
}
.home_event_slideshow .date_absolute .jour_mini,
.home_event_slideshow .date_absolute .jour_nombre,
.home_event_slideshow .date_absolute .mois{
    margin: 11% 0 0;
    font-family: D-DIN-bold;
    font-size: 2.375em;
    letter-spacing: 0.1em;
    line-height: 0.8;
    text-transform: uppercase;
    min-height: 0.800em;
}
.home_event_slideshow .date_absolute .jour_nombre{
    margin: 2% 0 0;
    font-size: 3.375em;
    min-height: 0.800em;
}
.home_event_slideshow .date_absolute .mois{
    margin: 4% 0 0;
    font-size: 1.2em;
    letter-spacing: 0.1em;
}
.home_event_slideshow .location_absolute {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 16%;
    background-color: rgba( 255, 255, 255, 0.9 );
    transition: bottom .1s ease-in-out;
    /*transition: right .2s linear;*/
    padding: 2px 0;
    
    left: 10%;
    right: 10%;
    width: 80%;
}
.home_event_slideshow > li:hover .location_absolute {
    bottom: 100%;
    /*right: 116%;*/
}
.home_event_slideshow > li:hover .address_absolute{
    top: -100%;
}
.home_event_slideshow .location_absolute .ville,
.home_event_slideshow .address_absolute .nom_lieu{
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    font-family: D-DIN-bold;
    font-size: 1.750em;
    padding-left: 0.929em;
    margin: 0.35em 0 0.09em;
    font-weight: bolder;
    letter-spacing: 0.09em;
    
    margin: 0.15em 0 0;
    padding-left: 0;
}
.home_event_slideshow .location_absolute .type_event,
.home_event_slideshow .address_absolute .address {
    font-family: D-DIN;
    margin: 0 0 0.3em;
    color: #7a2981;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 0 2.000em;
    font-size: 1.156em;
    
    padding: 0;
}
.home_event_slideshow .address_absolute .address {
    padding: 0;
    margin: 0;
}
.home_event_slideshow .address_absolute .nom_lieu {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
}
.home_event_slideshow .hover_absolute {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    transition: top .1s ease-in-out;
    /*
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    *//*background-color: #612669;*//*
    background-color: rgba(97,38,105,0.7);
    background-size: 100% 100%;*/
}
.home_event_slideshow > li:hover .hover_absolute {
    top: 0;
}
.covid-home-message {
    font-size: 2rem;
    padding: 50px 0;
    position: relative;
}
.covid-home-message::before,
.covid-home-message::after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #fff;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 480px;
}
.covid-home-message::after {
    top: auto;
    bottom: 0;
}
.hover-absolute-bkg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    /*background-color: #612669;*/
    background-color: rgba(97,38,105,0.7);
    background-size: 100% 100%;
}
.particuliers .hover_absolute {
    background-color: #ecff2b;
}
.particuliers .hover-absolute-bkg {
    background-blend-mode: color-burn;

    /*background-color: rgba(151,255,50,0.8);*/
    background-color: rgba(193,225,69,0.9);
}
.particuliers .hover_absolute::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    /*box-shadow: 0 -200px 240px -140px rgba(0, 0, 0, 0.5) inset;*/
    z-index: 1;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
/*    background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 75%,rgba(0,0,0,0.5) 95%, rgba(0,0,0,0.6) 99%);
    background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 75%,rgba(0,0,0,0.5) 95%, rgba(0,0,0,0.6) 99%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 75%,rgba(0,0,0,0.5) 95%, rgba(0,0,0,0.6) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/
    background: url( 'images/shadow.png' ) no-repeat 0 0 / 100% 100%;
}
.hover_absolute .prochaine_date {
    font-family: DIN-light;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.438em;
    letter-spacing: 0.083em;
    margin: 15px 0 0;
    z-index: 2;
    position: relative;
}
.home_event_slideshow .bandeau-top {
    margin: 0;
    text-align: center;
    background: #7a2981;
    font-family: SourceSansPro;
    font-size: 25px;
    font-style: italic;
    padding: 10px 0 10px;
    letter-spacing: 1px;
    z-index: 2;
    position: relative;
}
.hover_absolute .type_event {
    font-family: D-DIN-bold;
    text-transform: uppercase;
    font-size: 2em;
    margin: 0.200em 0 0;
    letter-spacing: 0.085em;
    line-height: 1.08;
    text-align: center;
    word-wrap: break-word;
    z-index: 2;
    position: relative;
}
.particuliers .hover_absolute .type_event {
    color: #7a2981;
}
.hover_absolute .ville {
    font-family: D-DIN;
    text-transform: uppercase;
    font-size: 2.250em;
    margin: 0.4em 0 0;
    letter-spacing: 0.033em;
    text-align: center;
    z-index: 2;
    position: relative;
}
.hover_absolute .adresse {
    text-align: center;
    margin: 0.3em 0 0;
    z-index: 2;
    position: relative;
    font-weight: bold;
    font-size: 1.7em;
    line-height: 1;
}
/*.particuliers .hover_absolute .adresse {
    font-size: 2em;
    font-weight: bold;
}*/
.hover_absolute .date {
    font-family: DIN-light;
    /*font-size: 1.500em;*/
    font-size: 1.200em;
    margin: 0.333em 0 0;
    letter-spacing: 0.055em;
    text-align: center;
    z-index: 2;
    position: relative;
}
.home_event_slideshow.lightSlider > li.particuliers .hover_absolute .ville,
.home_event_slideshow.lightSlider > li.particuliers .hover_absolute .adresse,
.home_event_slideshow.lightSlider > li.particuliers .hover_absolute .date {
    color: #000;
}
.hover_absolute .date_fin {
    /*display: none;*/
    margin-top: 0;
}
.hover_absolute .participer {
    text-align: center;
    margin: 0.838em 0 0;
    z-index: 2;
    position: relative;
}
.hover_absolute .participer > a {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-family: D-DIN;
    padding: 0.391em 0.652em 0.391em 0.696em;
    background: #fc672c;
    display: inline-block;
    font-size: 1.375em;
    letter-spacing: 0.025em;
}
.hover_absolute .participer > a{
    background-color: #7a2981;
}
.home_event_slideshow.lightSlider + .lSAction > .lSPrev,
.home_event_slideshow.lightSlider + .lSAction > .lSNext{
    background-image: url( images/events_arrow_right.png );
    background-repeat: no-repeat;
    width: 54px;
    height: 54px;
    background-position: center center;
    right: 26px;    
    top: calc( 50% - 28px );
    border-radius: 50%;
    z-index: 0;
}

.home_event_slideshow.lightSlider + .lSAction > .lSPrev{
    background-image: url( images/events_arrow_left.png );
    left: 18px;
}

.link_all_event{
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-family: DIN-Light;
    display: inline-block;
    padding: 60px 86px 0 40px;
    margin-top: 33px;
    font-size: 19px;
    letter-spacing: 1.3px;
    background-image: url(images/fleche_droite_longue.png), url(images/icon_calendar.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, center top;
    margin-bottom: 27px;
}

.type_events_list{
    padding: 0 0 7px;
}

.type_events_list > li {
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 1em;
}

.type_events_list > li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    font-family: D-DIN-bold, DIN-Light;
    display: block;
    /*font-size: 18px;*/
    font-size: 20px;
    /*letter-spacing: -0.5px;*/
    letter-spacing: 0;
    position: relative;
}
.type_events_list > li a::after {
    content: "";
    height: 2px;
    background-color: #fff;
    transition: all .3s ease-in-out;
    left: 50%;
    width: 0;
    bottom: 0;
    position: absolute;
}
.type_events_list > li a:hover::after {
    left: 0;
    width: 100%;
}

.badge-home-container {
    text-align: center;
}
#colophon::before,
/*.presse-home-container::after,*/
.services-home-container::after,
.badge-home-container::after {
    content: "";
    width: 100%;
    height: 21px;
    position: absolute;
    left: 0;
    background: url(images/triangle-grey.png) no-repeat left bottom / 100% 21px;
    bottom: 0;
}
.services-home-container::after{
    background-image: url(images/triangle-orange-inv.png);
}
#colophon {
    position: relative;
    padding-top: 55px;
}
#colophon::before{
    height: 55px;
    background-image: url(images/triangle-purple.png);
    background-size: 100% 55px;
    bottom: auto;
    top: -55px;
    left: 0;
    right: 0;
}
.badge-home-container > .max-container {
    background: url(images/carte_adherent_home_bkg.jpg) no-repeat left top;
    padding-bottom: 92px;
}
.badge-home-container .large-title {
    margin: 79px 0 0 0;
    font-family: D-DIN-bold;
    font-size: 49px;
    letter-spacing: 3.7px;
    padding-bottom: 28px;
}
.badge-home-container .desc {
    font-family: DIN-light;
    max-width: 773px;
    margin: 24px auto 69px auto;
    font-size: 24px;
    letter-spacing: -1.65px;
    line-height: 1.32;
    text-align: center;
    color: #000000;
}
.badge-home-container .demander_sa_carte {
    text-decoration: none;
    text-transform: uppercase;
    background: url(images/fleche_droite_orange.png) no-repeat;
    background-position: center right 15px;
    display: inline-block;
    padding: 16px 68px 13px 35px;
    font-size: 21px;
    font-family: SourceSansPro;
    letter-spacing: 2.9px;
    border: solid 3px;
    margin-left: 11px;
    transition: all .15s ease-in-out;
}
.badge-home-container .demander_sa_carte:hover{
    background: #fc672c;
    color: #ffffff;
}
.services-home-container {
    padding-bottom: 54px;
}
.services-home-container .large-title {
    font-size: 43.3px;
    margin: 48px 0 34px;
    font-family: D-DIN-bold;
    letter-spacing: 2.6px;
    padding-bottom: 25px;
}
.services-home-container .large-title.underline-separator::after {
    height: 4px;
    width: 53px;
}
.services-home-container .small-title {
    text-transform: uppercase;
    font-family: D-DIN-bold;
    font-size: 22px;
    text-align: center;
    max-width: 940px;
    margin: 0 auto 42px;
    letter-spacing: 1.63px;
}
.services-home-container .avantages_list {
    padding: 0 0 7px;
    margin: 0 0 28px;
}
.services-home-container .avantages_list > li:first-child{
    margin-left: 0.27%;
}
.services-home-container .avantages_list > li:last-child{
    margin-right: 1.61%;
}
.services-home-container .avantages_list > li{
    display: inline-block;
    vertical-align: top;
    max-width: 22.04%;
    width: 100%;
    margin-right: 3.32%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.25);
    box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.25);
}
.services-home-container .avantages_list > li > a{
    display: block;
    margin-bottom: 70px;
}
.services-home-container .avantages_list .img-container img {
    display: block;
}
.services-home-container .avantages_list > li .absolute {
    position: absolute;
    bottom: calc( -100% + 70px );
    transition: bottom .2s ease-in-out;
    left: 0;
    right: 0;
    background: #ffffff;
    height: 100%;
    color: #000000;
    text-align: center;
}
.services-home-container .avantages_list > li:hover .absolute {
    bottom: -70px;
}
.services-home-container .avantages_list > li .absolute .small-title {
    font-family: D-DIN;
    font-size: 19px;
    padding: 20px 0 15px 10px;
    letter-spacing: -0.3px;
    line-height: 1;
    margin-bottom: 13px;
    margin: 0 0 13px;
}
.services-home-container .avantages_list > li .absolute .small-title.underline-separator::after {
    height: 3px;
    width: 29px;
    background: #887B76;
    left: calc( 50% - 11px );
}
.services-home-container .avantages_list > li .absolute .excerpt {
    text-align: center;
    font-size: 13px;
    padding: 6px 22px 0px 29px;
    letter-spacing: -0.6px;
    margin: 0 0 38px;
}
.services-home-container .avantages_list > li .absolute > a {
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    background-color: #7a2981;
    line-height: 1;
    padding: 9px 15px 5px 14px;
    margin-left: 10px;
    font-size: 14px;
}
.link_all_services {
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 84px 0 0;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: -0.3px;
    background-image: url(images/fleche_droite_longue.png);
    background-repeat: no-repeat;
    background-position: right 21px center;
    background-size: auto 15px;
}

.presse-home-container {
    padding-bottom: 90px;
}
.presse-home-container .max-inner-container {
    padding: 0 15px 0 17px;
}
.presse-home-container .large-title {
    margin: 44px 0 39px;
    font-size: 43px;
    letter-spacing: 1px;
    padding-bottom: 17px;
}
.presse-home-container .large-title.underline-separator::after {
    width: 55px;
    height: 5px;
    left: calc( 50% - 26px );
}
.presses_home_listing {
    padding: 0;
    -webkit-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.25);
    box-shadow: 7px 7px 5px 2px rgba(0,0,0,0.25);
}
.presses_home_listing > li {
    display: table;
    width: 100%;
    padding: 0;
    background: #ffffff;
}
.presses_home_listing > li > a {
    display: table-row;
    text-decoration: none;
}
.presses_home_listing > li > a > div{
    display: table-cell;
    vertical-align: top;
    text-align: center;
}
.presses_home_listing .presse_title {
    margin: 56px 0 27px 0px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 28px;
    color: #7a2981;
    font-family: Knockout-HTF90UltmtWelterwt-Regular;
    letter-spacing: 3.3px;
    padding: 0 0 8px 0;
}
.presses_home_listing .presse_title.underline-separator::after {
    background: #7a2981;
    height: 2px;
    width: 56%;
    left: 21.5%;
}
.presses_home_listing .presse_desc {
    color: #887B76;
    margin: 0 0 0;
    padding: 0 80px 55px;
    font-family: SourceSansPro;
    text-align: center;
    background: url(images/fleche_droite_presse.png) no-repeat center bottom;
}
.presses_home_listing > li > a > div img{
    display: block;
}



.site-footer {
    text-align: center;
}
.site-footer .large-title {
    margin: 74px 0 66px;
    font-family: 'Knockout-HTF90UltmtWelterwt-Regular';
    letter-spacing: 6.45px;
    font-size: 44px;
    padding-bottom: 25px;
}
.nous_contacter_blocs {
    text-align: center;
    margin: 0 0 72px;
}
.nous_contacter_blocs > div {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 28%;
}
.nous_contacter_blocs > div > p {
    margin: 0 0 20px;
    font-family: SourceSansPro-bold;
    text-transform: uppercase;
    font-size: 33px;
    letter-spacing: 0.4px;
    padding: 0 0 13px;
    position: relative;
}
.nous_contacter_blocs > div > div > p {
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: SourceSansPro;
    font-size: 24px;
}
.nous_contacter_blocs > div > p::after {
    content: "";
    height: 2px;
    width: 65.4%;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 18.3%;
}
.nous_contacter_blocs > div > div > p a {
    color: #ffffff;
    text-decoration: none;
}
.nous_contacter_blocs > div > div > p a:hover {
    text-decoration: underline;
}
.nous_contacter_blocs > div:last-child > div > p{
    text-transform: none;
}
.bloc_newsletter {
    display: inline-block;
    border: solid 2px #ffffff;
    max-width: 892px;
    width: 100%;
    margin: 0 0 56px;
}
.bloc_newsletter > *,
.bloc_newsletter > * > *{
    display: inline-block;
    vertical-align: middle;
}
.bloc_newsletter > div {
    max-width: 677px;
    width: 100%;
}
.bloc_newsletter label {
    background: transparent;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    padding: 17px 5px 16px 40px;
    font-size: 30px;
    font-family: SourceSansPro;
    letter-spacing: -1px;
}
.bloc_newsletter input {
    background: transparent;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    padding: 23px 0 17px 25px;
    font-size: 25px;
    font-family: SourceSansPro;
    letter-spacing: 3px;
    width: 100%;
    max-width: 460px;
}
#newsletter_footer::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
#newsletter_footer::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
#newsletter_footer:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
#newsletter_footer:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.bloc_newsletter button {
    border: none;
    background: #ffffff;
    color: #7a2981;
    font-family: SourceSansPro-bold;
    text-transform: uppercase;
    padding: 14px 20px 18px 22px;
    font-size: 31px;
    letter-spacing: 1.2px;
    max-width: 211px;
    width: 100%;
}

.bloc_socials {
    margin-bottom: 40px;
}
.bloc_socials > a{
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 42px;
    padding: 0 15px 0;
    margin: 0 0 0 0px;
}
.bloc_socials > a::before{
    content: "";
    display: block;
    font-family: FontAwesome;
}
.bloc_socials > a.facebook::before{
    content: "\f09a";
}
.bloc_socials > a.instagram::before{
    content: "\f16d";
}
.bloc_socials > a.twitter::before{
    content: "\f099";
}



.footer_menu {
    font-family: DIN-light;
    margin-bottom: 20px;
}
.footer_menu > span,
[class^="menu-menu-footer-"] {
    display: inline-block;
    vertical-align: middle;
}
.footer-menu{
    padding: 0;
    margin: 0;
}
.footer-menu > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    padding-left: 19px;
    padding-right: 17px;
    border-left: solid 2px #ffffff;
    letter-spacing: -0.1px;
}
.footer-menu > li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}
.footer_menu > span {
    font-size: 18px;
    padding-right: 18px;
}

/*
 * Pages
 */
/*.page_bkg_img_container {
    background: #7a2981
}*/
.page_bkg_img_container > img {
    display: block;
    margin: auto;
    width: 100%;
}
body:not(.home) .bkg-interior,
body:not(.home) #primary{
    /*background: #ebebeb;*/
    background: #ffffff;
    color: #000000;
}
.page:not(.home) #primary.bkg-lightgrey{
    background: #ebebeb;
}
.page:not(.home) h1,
.archive h1.services{
    font-size: 61.37px;
    font-family: DINPro-Black;
    text-align: center;
    text-transform: uppercase;
    padding: 72px 0 24px 12px;
    margin: 0 0 40px;
    letter-spacing: -1.2px;
}
.page:not(.home) h1.underline-separator::after{
    width: 101px;
    background: #000000;
    left: calc( 50% - 50.5px );
}

.col2::before, .col2::after {
    content: "";
    clear: both;
    display: block;
}
.col2 > *{
    display: inline-block;
    max-width: 50%;
    width: 100%;
    float: left;
}

/*
 * Qui sommes-nous
 */
.qui-sommes-nous_plus {
    padding-top: 63px;
    padding-bottom: 167px;
}
.qui-sommes-nous_plus .bkg-orange {
    padding: 61px calc( ( 100% - 1220px ) / 2) 0;
    color: #ffffff;
}
.qui-sommes-nous_plus .bkg-orange h2{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 51px;
    letter-spacing: 2.4px;
    padding-bottom: 31px;
    margin-bottom: 71px;
}
.qui-sommes-nous_plus .bkg-orange .underline-separator::after {
    height: 1px;
    width: 144px;
    left: calc( 50% - 72px );
}
.qui-sommes-nous_plus .col2 {
    margin-bottom: 86px;
}
.qui-sommes-nous_plus .col2 > :first-child {
    padding-left: 44px;
}
.qui-sommes-nous_plus .col2 > *{
    padding-left: 18px;
    font-size: 20px;
    line-height: 1.44;
    margin: 0;
}
.qui-sommes-nous_plus .famille {
    text-align: center;
    padding-bottom: 37px;
}
.qui-sommes-nous_plus .famille > div {
    display: inline-block;
    vertical-align: top;
    margin: 0 25px 72px;
}
.qui-sommes-nous_plus .famille img {
    display: block;
}
.qui-sommes-nous_plus .famille > div > p {
    margin: 24px 0 3px;
    font-size: 37px;
    text-align: center;
    letter-spacing: 2.7px;
}
.qui-sommes-nous_plus .famille > div > p + p {
    margin: 0;
    color: #000000;
    font-size: 22px;
    text-transform: uppercase;
}
.qui-sommes-nous_plus .nos_valeurs {
    margin: 0 0 106px;
}
.qui-sommes-nous_plus .nos_valeurs > .underline-separator {
    text-transform: uppercase;
    padding-top: 89px;
    font-size: 51px;
    letter-spacing: 2.3px;
    margin: 0;
    padding-bottom: 41px;
    color: #4e5860;
}
.qui-sommes-nous_plus .nos_valeurs > .underline-separator:after {
    background-color: #4e5860;
    height: 1px;
    width: 144px;
    background: #4e5860;
    left: calc( 50% - 72px );
}
.qui-sommes-nous_plus .valeurs_blocs > div {
    display: inline-block;
    max-width: 50%;
    width: 100%;
    vertical-align: top;
}
.qui-sommes-nous_plus .valeurs_blocs div.reserve_aux_professionnels,
.qui-sommes-nous_plus .valeurs_blocs div.garantie_membres{
    background: url(images/user.png) no-repeat center 39px;
    color: #4e5860;
    padding: 92px 0 0;
}
.qui-sommes-nous_plus .valeurs_blocs div.garantie_membres{
    background-image: url(images/case_cochee.png);
}
.qui-sommes-nous_plus .valeurs_blocs div.reserve_aux_professionnels .bloc_title ,
.qui-sommes-nous_plus .valeurs_blocs div.garantie_membres .bloc_title {
    color: #000000;
    text-align: center;
    margin: 37px 0 29px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1.3px;
}
.qui-sommes-nous_plus .valeurs_blocs div.reserve_aux_professionnels p + p ,
.qui-sommes-nous_plus .valeurs_blocs div.garantie_membres p + p {
    font-size: 20px;
    text-align: center;
    font-weight: lighter;
    max-width: 514px;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 0 auto 10px;
    font-family: DINPro-Light;
}
.qui-sommes-nous_plus .valeurs_blocs div.reserve_aux_professionnels p strong,
.qui-sommes-nous_plus .valeurs_blocs div.garantie_membres p strong {
    font-weight: bold;
}
.qui-sommes-nous_plus .chiffres_ohvl {
    max-width: 1098px;
    background: #7a2981;
    margin: 0 auto 0;
    text-align: center;
    padding: 38px 0 44px;
    color: #ffffff;
}
.qui-sommes-nous_plus .chiffres_ohvl > div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px 0;
}
.qui-sommes-nous_plus .chiffres_ohvl > div > p {
    font-size: 47.16px;
    font-weight: bold;
    margin: 0;
    margin: 0 0 5px 0px;
    padding-left: 30px;
}
.qui-sommes-nous_plus .chiffres_ohvl > div > p + p {
    font-size: 18.84px;
    text-transform: uppercase;
    font-family: 'DINPro-Light';
    font-weight: lighter;
    padding: 0 0 0 30px;
    background-repeat: no-repeat;
    background-position: left center;
}
.qui-sommes-nous_plus .chiffres_ohvl > div:nth-child(1) > p:last-child {background-image:url(images/chiffres_marker.png);}
.qui-sommes-nous_plus .chiffres_ohvl > div:nth-child(2) > p:last-child {background-image:url(images/chiffres_user.png);}
.qui-sommes-nous_plus .chiffres_ohvl > div:nth-child(3) > p:last-child {background-image:url(images/chiffres_flag.png);}
.qui-sommes-nous_plus .chiffres_ohvl > div:nth-child(4) > p:last-child {background-image:url(images/chiffres_users.png);}


/*
 * Agenda
 */
body:not(.home).page-template-template-evenements #primary {
    padding: 58px 29px 51px 0;
    background-color: #f6f6f6;
}
.agenda-container{
    -webkit-box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.29);
    box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.29);
    margin: 0 auto 43px;
    max-width: 960px;
}
.tax-type_evenement h1,
.page.page-template-template-evenements:not(.home) h1 {
    padding: 59px 0 24px 15px;
    margin: 0 0 56px;
}
.event-container h2 {
    margin: 0 8.02% 38px 9.06%;
    color: #ffffff;
    width: 82.9%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'DINPro-Black';
    padding: 10px 0 12px 0;
    font-size: 42px;
    letter-spacing: 0px;
}
.event-container h3 {
    font-family: 'DINPro-Black';
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px;
    font-size: 34px;
}
.event-container ul {
    list-style: none;
    padding: 0;
    max-width: 750px;
    margin: 0 auto 31px auto;
}
.event-container ul:last-child {
    margin-bottom: 76px;
}
.event-container:last-child ul:last-child {
    margin-bottom: 0;
}
.event-container:last-child {
    padding-bottom: 77px;
}
.event-container ul li {
    margin: 0 0 25px 0;
}
.event-container ul li a{
    display: flex;
    /*padding: 0 0 0 31.6832%;*/
    position: relative;
    min-height: 72px;
    text-decoration: none;
}
.event-container ul li > *{
    border-style: solid;
    border-width: 1px 1px 0;
}
.event-container ul li > *:last-child{
    border-style: solid;
    border-width: 1px 1px 1px;
}
.event-container .infos_inscription ul li > *{
    border: none;
}
.event-container ul p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 5px 50px 5px 5px;
    font-size: 1.5rem;
    letter-spacing: 0.2px;
    background-repeat:  no-repeat;
    background-position: right center;
    background-position: right 10px center;
}
.event-container ul p.date{
    color: #ffffff;
    /*position: absolute;*/
    left: 0;
    top: 0;
    bottom: 0;
    padding: 4px 2px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    max-width: 31.6832%;
    letter-spacing: -1px;
    overflow: hidden;
}
.event-container .date br {
    display: block;
}

/*
.event-container:nth-child(3n) h2{background:#756864;}
.event-container:nth-child(3n) ul li > *{border-color:#756864;}
.event-container:nth-child(3n) ul p + p{color:#756864;background-image:url(images/agenda_fleche_droite.png);}
.event-container:nth-child(3n) ul p.date{background:#756864;}

.event-container:nth-child(3n+1) h2{background:#fc672c;}
.event-container:nth-child(3n+1) ul li > *{border-color:#fc672c;}
.event-container:nth-child(3n+1) ul p + p{color:#fc672c;background-image:url(images/agenda_fleche_droite_orange.png);}
.event-container:nth-child(3n+1) ul p.date{background:#fc672c;}

.event-container:nth-child(3n+2) h2{background:#7a2981;}
.event-container:nth-child(3n+2) ul li > *{border-color:#7a2981;}
.event-container:nth-child(3n+2) ul p + p{color:#7a2981;background-image:url(images/agenda_fleche_droite_violet.png);}
.event-container:nth-child(3n+2) ul p.date{background:#7a2981;}
*/

.event-container h2,
.event-container.events-orange h2{background:#fc672c;}
.event-container ul li > *,
.page-template-template-evenements_inscrits .event-container > ul > li > a,
.event-container.events-orange ul li > *,
.page-template-template-evenements_inscrits .event-container > ul > li.events-orange > a{border-color:#fc672c;}
.event-container ul p + p,
.event-container.events-orange ul p + p{color:#fc672c;background-image:url(images/agenda_fleche_droite_orange.png);}
.page-template-template-evenements_inscrits .event-container ul p + p,
.page-template-template-evenements_inscrits .event-container ul .events-orange p + p{color:#fc672c;}
.event-container ul p.date,
.page-template-template-evenements_inscrits .event-container ul p.date,
.event-container.events-orange ul p.date,
.page-template-template-evenements_inscrits .event-container ul .events-orange p.date{background:#fc672c;}

.event-container.events-violet h2{background:#7a2981;}
.event-container.events-violet ul li > *,
.page-template-template-evenements_inscrits .event-container > ul > li.events-violet > a{border-color:#7a2981;}
.event-container.events-violet ul p + p{color:#7a2981;background-image:url(images/agenda_fleche_droite_violet.png);}
.page-template-template-evenements_inscrits .event-container ul .events-violet p + p{color:#7a2981;}
.event-container.events-violet ul p.date,
.page-template-template-evenements_inscrits .event-container ul .events-violet p.date{background:#7a2981;}

.event-container.events-bleu h2{background:#4378e3;}
.event-container.events-bleu ul li > *,
.page-template-template-evenements_inscrits .event-container > ul > li.events-bleu > a{border-color:#4378e3;}
.event-container.events-bleu ul p + p{color:#4378e3;background-image:url(images/agenda_fleche_droite_bleue.png);}
.page-template-template-evenements_inscrits .event-container ul .events-bleu p + p{color:#4378e3;}
.event-container.events-bleu ul p.date,
.page-template-template-evenements_inscrits .event-container ul .events-bleu p.date{background:#4378e3;}

.event-container.events-vert h2{background:#b3e145;color:#000;}
.event-container.events-vert ul li > *,
.page-template-template-evenements_inscrits .event-container > ul > li.events-vert > a{border-color:#b3e145;}
.event-container.events-vert ul p + p{color:#000;background-image:url(images/agenda_fleche_droite_noir.png);}
.page-template-template-evenements_inscrits .event-container ul .events-vert p + p{color:#b3e145;}
.event-container.events-vert ul p.date,
.page-template-template-evenements_inscrits .event-container ul .events-vert p.date{background:#b3e145;color:#000;}

.event-container.events-noir h2{background:#000;color:#000;}
.event-container.events-noir ul li > *,
.page-template-template-evenements_inscrits .event-container > ul > li.events-noir > a{border-color:#000;}
.event-container.events-noir ul p + p{color:#000;background-image:url(images/agenda_fleche_droite_noir.png);}
.page-template-template-evenements_inscrits .event-container ul .events-noir p + p{color:#000;}
.event-container.events-noir ul p.date,
.page-template-template-evenements_inscrits .event-container ul .events-noir p.date{background:#000;}



/*
 * Contact
 */
.page-id-516.page:not(.home) h2,
.page:not(.home).page-id-218 h2{
    font-size: 42px;
    letter-spacing: -1.7px;
}
.nf-before-form-content{
    display: none;
}
.nf-form-content {
    padding: 18px 0 0;
    max-width: 936px;
    margin: 0 auto 120px;
}
.nf-form-content .label-above .nf-field-label {
    margin-bottom: 5px;
}
.nf-field-label label {
    color: #7d7d7d;
    font-size: 20px;
    font-family: 'DINPro-Light';
}
.nf-form-content .ninja-forms-field {
    font-size: 18px;
    padding: 8px 9px 9px 9px;
}
.nf-form-content .nf-field-container {
    margin-bottom: 17px;
}
.nf-form-content > nf-fields-wrap > nf-field:nth-last-child(-n+2) {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 50%;
}
.nf-form-content > nf-fields-wrap > nf-field:nth-last-child(2) {
    font-size: 13px;
    padding: 0;
    letter-spacing: 0.3px;
}
.nf-form-content > nf-fields-wrap > nf-field:last-child {
    text-align: right;
}
.nf-form-content > nf-fields-wrap > nf-field:last-child input[type="button"] {
    border: none;
}
.nf-form-content > nf-fields-wrap > nf-field:last-child input[type="button"] {
    border-bottom: solid 3px #e81f00;
    padding: 8px 38px 6px 38px;
    background: #fc672c;
    margin: 22px 0 0 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 25.63px;
    border-bottom: solid 3px #e81f20;
    font-family: 'DINPro';
    letter-spacing: 2px;
}


/*
 * Services
 */
.sous_titres .sub_title1 {
    margin: 0;
    text-align: center;
    padding: 3px 0 0 0;
    letter-spacing: -1.25px;
    font-size: 41px;
}
.sous_titres .sub_title2 {
    color: #fc672c;
    text-align: center;
    font-family: DINPro-Bold;
    text-transform: uppercase;
    font-size: 39px;
    letter-spacing: 1.15px;
    margin: 15px 0 57px;
}
.slim_orange_delimiter{
    padding-bottom: 48px;
    position: relative;
}
.slim_orange_delimiter::after {
    content: "";
    height: 1px;
    width: 144px;
    background: #fc672c;
    display: block;
    position: absolute;
    bottom: 0;
    left: calc( 50% - 77px );
}
body:not(.home) .avantages_list {
    list-style: none;
    margin: 0 auto 59px;
    max-width: 1222px;
    padding: 0 0 22px;
}
body:not(.home) .avantages_list > li {
    max-width: 22.7869%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 43px 2.9508%;
    position: relative;
    overflow: hidden;
}
body:not(.home) .avantages_list > li > a {
    display: block;
    text-decoration: none;
}
body:not(.home) .avantages_list > li:nth-child(4n+1) {
    margin-left: 0;
}
body:not(.home) .avantages_list img{
    display: block;
    width: 100%;
}
body:not(.home) .avantages_list .titre-listing {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background: #756864;
    text-transform: uppercase;
    font-weight: bolder;
    padding: 15px 12px 15px 12px;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: 0.8px;
    margin: 0;
}
body:not(.home) .avantages_list .absolute_orange {
    position: absolute;
    top: 100%;
    height: 100%;
    width: 100%;
    background: #fc672c;
    padding-top: 57px;
    transition: top ease-in-out .2s;
}
body:not(.home) .avantages_list .absolute {
    position: absolute;
    height: calc( 100% - 57px );
    width: 100%;
    top: 57px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    text-align: center;
}
body:not(.home) .avantages_list > li:hover .absolute_orange {
    top: 0;
}
body:not(.home) .avantages_list .absolute .small-title {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 43px 0 12px 0;
    font-size: 20.79px;
    letter-spacing: 1px;
}
body:not(.home) .avantages_list .absolute .small-title::after {
    background: #000000;
    height: 3px;
    width: 35px;
    left: calc(50% - 17px);
}
body:not(.home) .avantages_list .absolute .excerpt {
    margin: 27px 0 21px;
    text-align: center;
    font-size: 16.92px;
    line-height: 1.34;
    padding: 0 18px 0;
}
body:not(.home) .avantages_list .absolute > a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18.04px;
    background: #7a2981;
    padding: 5px 14px 6px 15px;
    letter-spacing: 1px;
}
.bloc-pas_encore_adherent {
    text-align: center;
    margin: 0 0 108px 0;
}
.bloc-pas_encore_adherent > a {
    display: inline-block;
    border: solid 2px #fc672c;
    padding: 14px 113px 13px 71px;
    color: #fc672c;
    text-decoration: none;
    font-size: 28.69px;
    margin: 0;
    letter-spacing: 1.4px;
    transition: all .15s ease-in-out;
}
.bloc-pas_encore_adherent > a:hover {
    background: #fc672c;
    color: #ffffff;
}
.bloc-pas_encore_adherent > a strong {
    letter-spacing: .7px;
}



/*
 * Mini page
 */
.minipage{
    /*background: url(images/connexion_final_bkg.jpg) no-repeat center center / 100% 100%;*/
    background-color: #ffffff;
    height: 100%;
    color: #000;
}
.minipage > #page .middle-container {
    position: fixed;
    top: 50%;
    transform: translate( -50%, -50% );
    left: 50%;
    width: 100%;
    max-width: 1270px;
}
.middle-container > * {
    padding-left: 60px;
    vertical-align: middle;
    float: none;
}
.bloc-connexion,
.bloc-recovery_password,
.bloc-recovery_password2,
.bloc-recovery_login {
    max-width: 461px;
}
.page.minipage .bloc-connexion h1, 
.page.minipage .bloc-recovery_password h2, 
.page.minipage .bloc-recovery_password2 h2, 
.page.minipage .bloc-recovery_login h2 {
    padding: 0 19px 0 0px;
    font-family: 'Knockout-HTF90UltmtWelterwt-Regular';
    font-weight: lighter;
    font-size: 42.62px;
    margin: 0 0 23px;
    letter-spacing: 3.4px;
    color: #7a2981;
    text-transform: uppercase;
    text-align: center;
}
.bloc-connexion form, 
.bloc-recovery_password form, 
.bloc-recovery_password2 form, 
.bloc-recovery_login form {
    background: #ffffff;
    border-radius: 5px;
    padding: 37px 41px 45px 39px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.3);
}
.bloc-connexion form > p {
    margin: 0;
}
.bloc-connexion label, 
.bloc-recovery_password label, 
.bloc-recovery_password2 label, 
.bloc-recovery_login label {
    color: #fc672c;
    font-size: 20px;
    display: block;
    margin: 0 0 9px 0;
}
.bloc-connexion input, 
.bloc-recovery_password input, 
.bloc-recovery_password2 input, 
.bloc-recovery_login input {
    border: none;
    background: #eeeeee;
    font-size: 20px;
    width: 100%;
    padding: 10px 5px 10px 10px;
}
.bloc-connexion form > p.bloc-login, 
.bloc-recovery_password form > p.bloc-login, 
.bloc-recovery_password2 form > p.bloc-login, 
.bloc-recovery_login form > p.bloc-login {
    margin: 0 0 21px 0;
}
.bloc-connexion .bloc-passwd label {
    display: inline;
}
.bloc-connexion .bloc-passwd .forgot_passwd {
    float: right;
    color: #000000;
    font-size: 15px;
    padding: 4px 3px 0 0;
    border-bottom: solid 1px #000000;
    cursor: pointer;
}
.bloc-connexion .bloc-passwd input {
    margin: 9px 0 0 0;
}
.bloc-connexion form > p.bloc-passwd {
    margin: 0 0 35px 0;
    position: relative;
}
.btn-password-visibility {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2em;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 40px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: color .3s ease-in-out;
}
.btn-password-visibility:hover {
    color: #fc672c;
}
.bloc-connexion form > p.bloc-buttons{
    margin: 0 0 41px 0;
}
.bloc-connexion form > p.bloc-buttons > button, 
.bloc-recovery_password form > p.bloc-buttons > button, 
.bloc-recovery_password2 form > p.bloc-buttons > button, 
.bloc-recovery_login form > p.bloc-buttons > button {
    display: inline-block;
    vertical-align: middle;
    max-width: 48%;
    width: 100%;
    margin: 0 2% 0 0;
    border: none;
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 0 4px 6px;
    background: none;
    color: #bfbfbf;
    letter-spacing: 1px;
}
.bloc-connexion form > p.bloc-buttons > button + button, 
.bloc-recovery_password form > p.bloc-buttons > button + button, 
.bloc-recovery_password2 form > p.bloc-buttons > button + button, 
.bloc-recovery_login form > p.bloc-buttons > button + button {
    margin: 0 0 0 2%;
    color: #ffffff;
    background: #fc672c;
    padding: 4px 4px 5px 0px;
    border-bottom: solid 3px #e81f20;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}
.bloc-connexion form > p.bloc-devenir_adherent {
    padding: 0 0 0 9px;
}
.bloc-connexion form > p.bloc-devenir_adherent > * {
    display: inline-block;
    vertical-align: middle;
    color: #bfbfbf;
    font-size: 18.47px;
}
.bloc-connexion form > p.bloc-devenir_adherent > a {
    text-decoration: none;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #7a2981;
    letter-spacing: -0.3px;
}
.page.minipage .reinit_passwd .bloc-connexion,
.page.minipage .bloc-recovery_password,
.page.minipage .bloc-recovery_password2,
.page.minipage .bloc-recovery_login {
    display: none;
}
.page.minipage .reinit_passwd .bloc-recovery_password2 {
    display: block;
}
.default-minipage_container{
    
}






/*
 * Inscription
 */
body:not(.home) .bandeau-h1 > h1 {
    max-width: 1275px;
    text-align: left;
    margin: 0 auto 0;
    padding: 40px 0 36px 0;
    text-transform: none;
    font-family: 'Knockout-HTF90UltmtWelterwt-Regular';
    font-weight: lighter;
    letter-spacing: 3.9px;
    
    /* 2022-01-28 */
    padding-left: 25px;
    padding-right: 25px;
}
.bandeau-h1 br {
    display: block;
}
.form-inscription{
    background: #ffffff;
    max-width: 807px;
    margin: 70px auto 0;
    padding: 44px 110px 81px 102px;
}
.form-inscription h2 {
    margin: 0;
    padding: 23px 0 24px 0;
    font-size: 22px;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: -0.8px;
}
.form-inscription .input-container {
    margin: 0 0 25px 0;
    position: relative;
}
.others-input-container,
.form-inscription input,
.form-inscription textarea {
    border: solid 1px #bfbfbf;
    width: 100%;
    font-size: 20px;
    padding: 9px 10px 10px 18px;
    color: #333;
    resize: vertical;
    font-family: inherit;
}
.form-inscription textarea {
    font-size: 1rem;
    padding: 4px 8px;
}
.form-inscription input[type="checkbox"] {
    width: auto;
}
.form-inscription input::placeholder {
    color: #888;
}
.others-input-container.invalid,
.form-inscription .invalid input{
    border-color: #ff0000;
}
.form-inscription .error {
    color: #ff0000;
    display: none;
}
.form-inscription .error.show {
    display: block;
}
.others-input-container.genders-fields-container {
    padding: 7px 0 12px 18px;
    margin: 0 0 13px 0;
}
.others-input-container > * {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    width: 100%;
    font-size: 17px;
    max-width: 23.5%;
    margin: 0;
}
.others-input-container.genders-fields-container > p + p {
    max-width: 34.5%;
}
.others-input-container.genders-fields-container > p + p + p {
    max-width: 42%;
}
.others-input-container .orange_checkbox {
    display: none;
}
.others-input-container input.orange_checkbox + span::before {
    content: "\f10c";
    font-family: FontAwesome;
    /*color: #535353;*/
    color: #a0a0a0;
    margin: 0 5px 0 0;
}
.others-input-container input.orange_checkbox:checked + span::before {
    content: "\f192";
    color: #fc672a;
}
.others-input-container.countries-fields-container {
    padding: 6px 15px 6px 19px;
    margin: 0 0 12px 0;
}
.others-input-container.countries-fields-container > label {
    max-width: 29%;
}
.countries-fields-container .custom-dropdown {
    max-width: 71%;
    width: 100%;
    padding: 0;
    border: solid 1px #bfbfbf;
}
.countries-fields-container .custom-dropdown select {
    padding: 5px 29px 6px 7px;
    width: 100%;
    color: #a0a0a0;
}
.countries-fields-container .custom-dropdown::after {
    content: "\f107";
    font-family: FontAwesome;
    color: #ffffff;
    background: #c9c9c9;
    top: 0;
    font-size: 32px;
    height: auto;
    width: auto;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 4px 0 5px;
    border-bottom: solid 2px #aaaaaa;
}
.file-fields-container {
    padding: 7px 14px 7px 18px;
    margin-bottom: 12px;
}
.file-fields-container input {
    display: none;
}
.file-fields-container > label {
    max-width: 29.1%;
    font-size: 19.3px;
}
.file-fields-container > .upload_file-container {
    max-width: 70.9%;
}
.file-fields-container > .upload_file-container > button,
.file-fields-container > .upload_file-container > p {
    max-width: 66.5%;
    margin: 0;
    display:inline-block;
    vertical-align: top;
    width: 100%;
    border: solid 1px #c9c9c9;
    border-right: none;
    font-size: 20px;
    min-height: 31px;
}
.file-fields-container > .upload_file-container > button{
    max-width: 33.5%;
    border: none;
    font-size: 18px;
    color: #ffffff;
    background: #c9c9c9;
    padding: 0px 10px 4px 0px;
    line-height: 1;
    cursor: pointer;
}
.form-edit-account .file-fields-container > .upload_file-container > p {
    max-width: 58.5%;
    height: 31px;
    overflow: hidden;
}
.form-edit-account .file-fields-container > .upload_file-container > button.remove-button {
    max-width: 8%;
    padding: 0;
    background: #f30000;
    position: relative;
}
.form-edit-account .file-fields-container > .upload_file-container > button.remove-button::after{
    content: "\f00d";
    font-family: FontAwesome;
}
.checkbox-container{
    margin-bottom: 12px;
}
.checkbox-container input {
    display: inline;
    width: auto;
}
.checkbox-container span{
    color: #a0a0a0;
}
.form-inscription hr {
    border-color: #a0a0a0;
    border-style: solid solid none;
}
.file-fields-container.last-fields-container {
    margin-bottom: 25px;
}
.button-container {
    margin: 0;
}
.button-container > button {
    width: 100%;
    background: #fc672c;
    color: #ffffff;
    font-size: 19px;
    padding: 9px 0 11px 9px;
    border: none;
    border-bottom: solid 2px #e30613;
    cursor: pointer;
}
.remove_collaborater {
    color: #ffffff;
    font-size: 16px;
    padding: 9px 13px;
    border: none;
    border-bottom: solid 2px #e30613;
    margin-bottom: 10px;
    background: #e0121e;
    cursor: pointer;
}
.tarif-container {
    text-align: right;
    margin: 28px 0 22px 0;
    position: relative;
}
.tarif-container > p {
    margin: 0;
    padding: 11px 30px 11px 0;
    font-size: 19px;
    letter-spacing: -0.2px;
    color: #535353;
}
.tarif-container > p::before, 
.tarif-container > p::after {
    content: "";
    height: 1px;
    width: 260px;
    background: #535353;
    position: absolute;
    top: 0;
    right: 0;
}
.tarif-container #tarif_total {
    color: #fc672c;
}
.tarif-container .corange {
    font-family: 'EuroSans-Regular';
    padding: 0 0 0 4px;
}
.tarif-container > p::after{
    bottom: 0;
    top: auto;
}
.cool_orange_checkbox > input {
    display: none;
}
.cgv-container {
    padding: 7px 0 0 38px;
    letter-spacing: -0.1px;
    position: relative;
    margin: 0 0 29px 0;
}
.cgv-container > p {
    margin: 0;
}
.cgv-container > p a {
    color: #fc677c;
}
.cool_orange_checkbox{
    position: relative;
    width: 26px;
    display: inline-block;
    height: 26px;
}
.cool_orange_checkbox > span::before {
    content: "\f096";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 32px;
    color: #fc672c;
    cursor: pointer;
}
.cool_orange_checkbox.grey_to_orange > span::before {
    color: #aaaaaa;
}
.cool_orange_checkbox > input:checked + span::before {
    content: "\f14a";
    font-size: 29px;
    top: 1px;
}
.cool_orange_checkbox.grey_to_orange > input:checked + span::before {
    color: #fc672c;
}
.submit-container {
    margin: 0;
    text-align: right;
}
.submit-container button {
    border: none;
    background: #fc672c;
    color: #ffffff;
    border-bottom: solid 2px #e30613;
    padding: 5px 28px 7px 25px;
    font-size: 19px;
    letter-spacing: -0.1px;
    cursor: pointer;
}
.petites_lignes {
    max-width: 807px;
    margin: 0 auto 128px;
    padding: 13px 0 0 14px;
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: -0.1px;
    color: #898989;
}
.form-edit-account {
    margin-bottom: 85px;
}
.form-inscription .cgv-container label {
    position: absolute;
    left: 0;
    top: 0;
}



.logout_button {
    float: right;
    color: #4e5860;
    position: relative;
    z-index: 3;
    margin-right: 15px;
}
.admin_pages-container {
    max-width: 1278px;
    width: 100%;
    margin: 0 auto 153px;
    padding-left: 15px;
    padding-right: 15px;
}
.admin_pages-container > h2 {
    margin: 37px auto 28px;
    font-size: 29px;
    position: relative;
    padding: 0 0 12px;
}
.admin_pages-container > h2::after {
    position: absolute;
    height: 3px;
    width: 100%;
    max-width: 411px;
    bottom: 0;
    left: 0;
    content: "";
    background: #a0a0a0;
}
.sub_pages {
    padding: 0;
    margin: 0 0 50px;
    list-style: none;
}
.sub_pages > li {
    max-width: 23%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2.6666%;
    position: relative;
}
.sub_pages > li:last-child {
    margin-right: 0;
}
.sub_pages a {
    display: block;
    border: solid 2px #aaaaaa;
    padding: 105px 0 0 0;
    background-repeat: no-repeat;
    background-position: center 32px;
    text-decoration: none;
    color: #000000;
    min-height: 299px;
    background-color: #ffffff;
    transition: background-color .15s ease-in-out;
}
.sub_pages a:hover {
    background-color: #eeeeee;
}
.sub_pages .gerer_compte a{background-image: url(images/icon_gerer_mon_compte.png);}
.sub_pages .gerer_collabs a{background-image: url(images/icon_gerer_collaborateurs.png);}
.sub_pages .mon_abo a{background-image: url(images/icon_mon_abonnement.png);}
.sub_pages .mes_events a{background-image: url(images/icon_mes_evenements.png);}
.sub_pages a > h3 {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'DINPro-Bold';
    font-weight: lighter;
    margin: 25px 0 22px;
    letter-spacing: 0.9px;
}
.sub_pages .gerer_collabs a > h3 {
    margin: 17px 0 12px;
    line-height: 1.15;
}
.sub_pages a > h4 {
    text-align: center;
    font-size: 18px;
    letter-spacing: -0.2px;
    margin: 0;
    color: #535353;
}
.warning-infobulle {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 3rem;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    border: solid 2px #fc672c;
    color: #fc672c;
    background-color: #fff;
    top: -20px;
    right: -20px;
}
.warning-infobulle::before {
    content: "\f12a";
    font-family: FontAwesome;
}

.boutons-espaces-adherents {
    display: flex;
    flex-wrap: wrap;
}
.boutons-espaces-adherents > * {
    width: 23%;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.boutons-espaces-adherents > a {
    text-align: center;
    text-decoration: none;
    margin-right: 2.6666%;
    text-transform: uppercase;
}
.boutons-espaces-adherents > a:nth-child(4n) {
    margin-right: 0;
}
.boutons-espaces-adherents br {
    display: initial;
}



/*
 * 404
 */
.big-404 {
    color: #7a2981;
    text-align: center;
    font-size: 150px;
    margin: 46px 0 0;
}



/*
 * carte adhérent
 */
body.page-template-template-carte_adherent-php #primary {
    background-image: url(images/carte_bkg.jpg);
    background-repeat: no-repeat;
    background-position: right -180px top 114px;
    /*background-color: #faf9f9;*/
    padding-bottom: 75px;
}
body.page-template-template-carte_adherent .bkg-interior{
    background: inherit;
}
.adherer-nationalites {
    font-size: 2.7rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.5;
    margin: 0;
    /*padding-bottom: 1rem;*/
}
body.page-template-template-carte_adherent #main{
    padding-top: 50px;
}
.sidebar-home1 .widget_custom_html .titre-home,
.text-avant-h1 {
    font-size: 1.5rem;
    font-weight: 900;
    text-align: center;
    letter-spacing: 4px;
    margin: 0;
    color: #7a2981;
    
    color: #ffffff;
    line-height: 1;
    padding: 1rem 0;
    letter-spacing: 0.6vw;
    font-size: 3.5vw;
    max-width: 100%;
    text-transform: none;
}
.page.page-template-template-carte_adherent-php h1 {
    margin-bottom: 67px;
    padding-top: 0;
}
.page-template-template-carte_adherent-php .content h2 {
    font-size: 41px;
    color: #4e5860;
}
.page-template-template-carte_adherent .bouton_inscription {
    width: auto;
    margin-bottom: 2rem;
    padding-right: 64px;
}
.page-template-template-carte_adherent .bouton_inscription:hover {
    padding-left: 37px;
    padding-right: 37px;
}
.page-template-template-carte_adherent-php .content {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 46px;
    font-size: 23.83px;
    color: #4e5860;
}
.page-template-template-carte_adherent-php .bkg-orange,
.page-template-template-carte_adherent-php .bkg-violet,
.page-template-template-carte_adherent-php .bkg-bleumarine,
.page-template-template-carte_adherent-php .bkg-gris{
    font-size: 32px;
    color: #ffffff;
    padding: 4px 14px 4px 21px;
}
.bkg-violet{background-color: #7a2981;}
.bkg-bleumarine{background-color: #26005f;}
.bkg-gris{background-color: #756864;}
.avantages_carte {
    background: #fc672c;
    text-align: center;
    padding: 0 0 115px;
}
.avantages_carte > h2 {
    padding: 76px 0 41px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    font-size: 52px;
    margin: 0 0 58px;
    letter-spacing: 2px;
}
.avantages_carte > h2::after {
    content: "";
    display: block;
    background: #ffffff;
    height: 1px;
    width: 143px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 71px);
}
.avantages_carte ul {
    margin: 0 0 71px;
    padding: 0;
    list-style: none;
    text-align: center;
}
.avantages_carte ul li {
    display: inline-block;
    vertical-align: top;
    padding: 92px 0 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 23px 0;
}
.avantages_carte ul li {background-image:url(images/icon_carte_gerer.png);}
.avantages_carte ul li + li {background-image:url(images/icon_carte_unique.png);}
.avantages_carte ul li + li + li {background-image:url(images/icon_communaute.png);}
.avantages_carte ul h3 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: lighter;
    font-family: 'DINPro-Bold';
    margin: 0 0 26px;
    letter-spacing: 1.5px;
}
.avantages_carte ul p {
    font-size: 20px;
    margin: 0;
    letter-spacing: -0.25px;
}
.avantages_carte a {
    border: solid 2px #ffffff;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-size: 28px;
    padding: 15px 103px 13px 31px;
    letter-spacing: 1.9px;
    background-image: url(images/fleche_large_droite.png);
    background-repeat: no-repeat;
    background-position: right 32px top 52%;
    background-color: #fc672c;
    transition: all .15s ease-in-out;
}
.avantages_carte a:hover {
    background-color: #ffffff;
    color: #fc672c;
}
.show_on_mobile{
    display: none;
}
.bouton_inscription{
    background-color: #ffffff;
    border: solid 2px #fc672c;
    color: #fc672c;
    text-decoration: none;
    display: inline-block;
    font-size: 28px;
    letter-spacing: 1.9px;
    transition: all .15s ease-in-out;
    
    background-image: url(images/fleche_participer_event.png);
    background-repeat: no-repeat;
    background-size: 47px auto;
    background-position: right 10px center;
    
    padding: 9px 65px 9px 10px;
    max-width: 100%;
    width: 100%;
}
.bouton_inscription:hover {
    color: #ffffff;
    background-color: #fc672c;
    padding-right: 10px;
}
.bouton_inscription.cpurple {
    border-color: #7a2981;
    color: #7a2981;
    background-image: url(images/agenda_fleche_droite_violet.png);
}
.bouton_inscription.cpurple:hover {
  background-color: #7a2981;
  color: #fff;
}



/*
 * événements
 */
.single-evenement h1,
.single-evenement h1 > span{
    display: block;
}
.single-evenement h1 {
    text-align: center;
    padding: 82px 0 47px 0;
    letter-spacing: -0.7px;
    position: relative;
    margin: 0 0 78px;
}
.single-evenement h1 > span.titre_p1 {
    font-family: 'DINPro-Black';
    text-transform: uppercase;
    font-size: 60px;
    line-height: 1;
    margin: 0 0 17px 0;
}
.single-evenement h1 > span.titre_p2 {
    font-family: 'DINPro-Bold';
    color: #fc672c;
    font-size: 46px;
    font-weight: lighter;
    line-height: 1;
    letter-spacing: 0.8px;
}
.single-evenement h1::after {
    position: absolute;
    content: "";
    display: block;
    height: 5px;
    width: 101px;
    background: #000000;
    bottom: 0;
    left: calc(50% - 52px);
}
.contenu-evenement {
    padding-top: 50px;
    margin-bottom: 100px;
}
.event_infos {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 101px;
}
.event_infos > .bloc-adresse,
.event_infos > .bloc-horaires,
.event_infos > .bloc-paiement{
    max-width: 28.671875%;
    width: 100%;
    display:inline-block;
    vertical-align: top;
    background-image: url(images/marker_gris.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 79px 0 0 0;
    color: #4e5860;
    font-size: 25.89px;
    position: relative;
}
.event_infos > .bloc-adresse p,
.event_infos > .bloc-horaires p,
.event_infos > .bloc-paiement p{
    margin: 0 0 4px;
    letter-spacing: 1px;
}
.event_infos > .bloc-adresse::after,
.event_infos > .bloc-horaires::after {
    position: absolute;
    background: #b396b5;
    width: 2px;
    content: "";
    display: block;
    height: 125px;
    /*bottom: 0;*/
    top: 50px;
    right: 0;
}
.event_infos > .bloc-horaires{
    max-width: 44.84375%;
    background-image: url(images/horaires_gris.png);
    background-position: 47.5% 9%;
}
.event_infos > .bloc-paiement{
    max-width: 26.484375%;
    background-image: url(images/paiement_gris.png);
}
.event_infos .event_infos_titre {
    margin: 0 0 0;
    padding: 0 0 0;
    text-transform: uppercase;
    color: #fc672c;
    font-size: 29px;
    font-family: 'DINPro-Bold';
    letter-spacing: 1.7px;
}
.event_infos p strong {
    font-weight: bolder;
}
.event_infos .btn-participer {
    margin: 71px 0 0 7px;
    color: #fc672c;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    border: solid 2px #fc672c;
    padding: 13px 112px 16px 31px;
    font-size: 40.82px;
    letter-spacing: 2px;
    background-image: url(images/fleche_participer_event.png);
    background-repeat: no-repeat;
    background-position: right 13.2% center;
    transition: all .15s ease-in-out;
}
.event_infos .btn-participer:hover {
    background: #fc672c;
    color: #ffffff;
}
.event-content .btn-participer {
    background-position: right 4% center;
}
.btn-participer.inscription_papier {
    margin: 0;
    font-size: 18px;
}
.event-images,
.event-only-image {
    background-color: #e4e4e4;
    padding: 50px 0;
}
.event-images > div{
    max-width: 1238px;
    margin: 0 auto;
    padding-right: 13px;
    overflow: hidden;
}
.event-images .lSSlideOuter,
.event-images .lSSlideWrapper,
.event-images .lightSlider{
    overflow: visible;
}
.event-images img {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
}
.event-images .lSSlideOuter .lSPager.lSpg > li:hover a,
.event-images .lSSlideOuter .lSPager.lSpg > li.active a {
    background: #fc672c;
}
.event-images .lSSlideOuter .lSPager.lSpg > li {
    padding: 0 9px;
}
.event-images .lSSlideOuter .lSPager.lSpg > li a{
    height: 22px;
    width: 22px;
    background: transparent;
    border: solid 3px #fc672c;
    z-index: 0;
}
.event-images .lSSlideWrapper {
    margin: 0;
    padding: 0 0 28px 0;
}
.event-images > .controllers {
    padding: 0;
    position: relative;
    overflow: visible;
}
.event-images > .controllers > button {
    position: absolute;
    width: 53px;
    height: 71px;
    background: #fc672c;
    border: none;
    left: -66px;
    top: 111px;
    cursor: pointer;
}
.event-images > .controllers > button.next {
    left: auto;
    right: -70px;
}
.event-images > .controllers > button::before {
    content: "\f104";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 90px;
    line-height: 66%;
    text-align: center;
}
.event-images > .controllers > button.next::before {
    content: "\f105";
}
.event-only-image {
    text-align: center;
}
.event-only-image a {
    display: inline-block;
}
.map-container{
    border-top: solid 1px #dfdfdf;
    min-height: 587px;
}





body:not(.home).body_class_reservation #primary {
    background: #ebebeb;
    padding-bottom: 100px;
}
.single-evenement .bandeau-h1 > span {
    display: block;
    margin: 0 auto;
    font-family: 'Knockout-HTF90UltmtWelterwt-Regular';
    font-size: 63.26px;
    max-width: 1274px;
    padding: 40px 0 33px;
    letter-spacing: 3.2px;
}
.body_class_reservation.single-evenement h1 {
    margin-bottom: 65px;
}
.reservation-container {
    background: #ffffff;
    margin: 0 auto 32px;
    width: 100%;
    max-width: 1063px;
}
.titre_inscription {
    margin: 0;
    text-align: center;
    font-size: 41px;
    color: #4e5860;
    padding: 45px 0 0 0;
    letter-spacing: -0.9px;
}
.titre_inscription > span:not(.euro_symbole) {
    color: #7a2981;
    font-family: 'DINPro-Bold';
    text-transform: uppercase;
}
.content-resa {
    color: #4e5860;
    font-size: 26.61px;
    line-height: 1;
    text-align: center;
    padding: 23px 0 32px 0;
    letter-spacing: 1.5px;
}
.reservation-container form {
    text-align: center;
    padding: 0 0 44px;
}
.reservation-container .clauses-container {
    max-width: 840px;
    margin: 0 auto 46px;
    text-align: left;
}
.reservation-container .clauses-container > .checkbox-container,
.reservation-container .clauses-container > .text-container {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    max-width: 1%;
    max-width: calc( 38px );
}
.reservation-container .clauses-container > .text-container{
    max-width: 99%;
    max-width: calc( 100% - 38px );
    padding: 4px 0 0 0;
    line-height: 1.29;
    letter-spacing: -0.11px;
    color: #535353;
}
.reservation-container .clauses-container > .text-container a {
    color: #fc672c;
    text-decoration: none;
}
.reservation-container form button {
    border: none;
    background: #fc672c;
    border-bottom: solid 2px #e30613;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    padding: 7px 18px 10px 27px;
    letter-spacing: 0px;
    cursor: pointer;
}
.indication-resa {
    margin: 0 auto 0;
    max-width: 800px;
    font-size: 18.67px;
    line-height: 1.24;
    padding: 0 0 0 7px;
    letter-spacing: -0.17px;
    text-align: center;
    color: #535353;
}
.options-container ul,
.emplacements-container ul {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    text-align: left;
    border-bottom: solid 1px #b5b5b5;
}
.options-container ul li,
.emplacements-container ul li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 33.3333%;
    font-size: 24.85px;
    margin: 0 0 27px;
}
.emplacements-container,
.forfaits-container,
.options-container{
    padding: 0 104px;
    text-align: left;
    margin: 0 0 42px;
}
.options-container-title,
.emplacement-container-title {
    font-size: 23.75px;
    color: #4e5860;
    text-align: left;
    letter-spacing: -0.4px;
    border-bottom: solid 1px #b5b5b5;
    padding: 0 0 8px 0;
    margin: 0 0 32px;
}
.options-container-title {
    font-size: 21.84px;
}
.emplacements-container ul li .euro_symbole,
.options-container ul li .euro_symbole{
    font-size: 20px;
}
.emplacements-container ul li > p,
.options-container ul li > p {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 16px;
}
.forfaits-container-title {
    color: #fc672c;
    font-size: 23.75px;
    margin: 0;
}
.forfaits-container ul {
    padding: 0 0 30px;
    margin: 0 0 20px;
    border-bottom: solid 1px #b5b5b5;
}
.forfaits-container ul li {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}
.forfaits-container ul li::before {
    position: absolute;
    content: "\f111";
    font-family: FontAwesome;
    left: 27px;
    font-size: 6px;
    top: 7px;
}





/*
 * Minipage
 */
.page-template-template-minipage .col2 > * {
    max-width: 46%;
}
.page-template-template-minipage .col2 > .default-minipage_container {
    max-width: 54%;
    padding-right: 50px;
}
.page-template-template-minipage .middle-container > * {
    padding-left: 56px;
}
.default-minipage_container {
    background: #ffffff;
    width: 100%;
    max-width: 54%;
    min-height: 400px;
}
.page-template-template-minipage .default-minipage_container h1 {
    color: #fc672c;
    font-size: 32px;
    text-align: left;
    padding: 53px 0 16px 0;
    text-transform: none;
    font-weight: 300;
    font-family: DINPro-Bold;
    margin: 0 0 0;
    letter-spacing: 0.55px;
}
.default-minipage_container > div {
    color: #4e5860;
    font-size: 25px;
    line-height: 1.32;
    letter-spacing: -0.08px;
}
.default-minipage_container > div p {
    margin: 0 0 19px;
}
.default-minipage_container > div > p:last-child > a:last-child {
    margin: 13px 25px 0 0;
    display: inline-block;
}
.default-minipage_container > div a,
.default-minipage_container > div a:hover{
    color: #7d7d7d;
}





/*
 * Gestion des collaborateurs
 */
.switch.delete_collab{
    width: 150px;
    border-radius: 0;
    max-width: 25%;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.switch.delete_collab .slider::before{
    display: none;
}
.switch.delete_collab .slider{
    background-color: #fc672a;
}
.switch.delete_collab input:checked + .slider{
    background-color: #ff0000;
}
.switch.delete_collab .slider .on,
.switch.delete_collab .slider .off{
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
    padding-top: 4px;
}
.page-template-template-gestion_collaborateurs .form-inscription h2 {
    max-width: 75%;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}





/*
 * Mes événements
 */
.page-template-template-evenements_inscrits .max-inner-container {
    margin-top: 75px;
    padding: 0 84px 0 92px;
    margin-bottom: 100px;
}
.page-template-template-evenements_inscrits .max-inner-container > h2{
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-family: 'DINPro-Bold';
    font-weight: 400;
    margin: 60px 0 42px;
    letter-spacing: 0.15px;
}
.page-template-template-evenements_inscrits .max-inner-container > h2.underline-separator::after{
    background-color: #000000;
}
.infos_inscription{
    display: none;
    border: solid 1px #dadada;
    border-top: none;
}
.page-template-template-evenements_inscrits .event-container ul{
    max-width: 100%;
}
.page-template-template-evenements_inscrits .event-container ul p.date {
    font-family: 'DINPro-Bold';
    font-weight: 400;
    padding: 11px 0 0 20px;
    font-size: 29.52px;
}
.page-template-template-evenements_inscrits .event-container ul p {
    font-size: 32.52px;
    padding: 7px 0 10px 57px;
}
.page-template-template-evenements_inscrits .event-container ul li {
    margin-bottom: 20px;
    border: none;
}
.page-template-template-evenements_inscrits .event-container > ul > li > a{
    border-width: 1px;
    border-style: solid;
}
.page-template-template-evenements_inscrits .event-container ul p + p{
    background: transparent;
}


.page-template-template-evenements_inscrits .event-container ul .infos_inscription p {
    color: #fc672c;
    font-size: 22px;
    font-family: 'DINPro-Bold';
    text-transform: uppercase;
    padding: 27px 0 10px 30px;
    letter-spacing: 1px;
}
.page-template-template-evenements_inscrits .event-container .infos_inscription ul {
    padding: 0 0 0 9.3%;
    color: #4e5860;
}
.page-template-template-evenements_inscrits .event-container .infos_inscription ul li {
    margin: 0;
    list-style: disc;
    padding: 0 0 10px 6px;
    border: none;
    font-size: 22.46px;
    letter-spacing: -0.3px;
}
.infos_inscription .horaires > strong, 
.infos_inscription .horaires > ul {
    display: inline-block;
    vertical-align: top;
}
.page-template-template-evenements_inscrits .event-container .infos_inscription .horaires ul {
    padding: 0 0 0 30px;
}
.page-template-template-evenements_inscrits .event-container > ul > li:nth-child(n) .infos_inscription .horaires p {
    padding: 0;
    font-size: 22.46px;
    color: #4e5860;
    text-transform: none;
}
.page-template-template-evenements_inscrits .event-container .infos_inscription .horaires > ul > li {
    padding: 0;
}





/*
 * Category
 */
.category #primary {
    padding-bottom: 50px;
}
.category h1 {
    text-align: center;
    font-family: 'DINPro-Black';
    text-transform: uppercase;
    margin: 74px 0 0 0;
    font-size: 60px;
    letter-spacing: -0.2px;
}
.archive h1.underline-separator::after {
    background: #303030;
    width: 100px;
    left: calc( 50% - 50px );
}
.category .sous-titre1 {
    margin: 35px 0 0;
    font-size: 41.26px;
    text-align: center;
    letter-spacing: -1.38px;
}
.category .sous-titre2 {
    margin: 23px 0 47px;
    color: #fc672c;
    text-transform: uppercase;
    font-size: 39px;
    font-family: 'DINPro-Bold';
    letter-spacing: 1.2px;
    text-align: center;
    padding-bottom: 39px;
}
.category .sous-titre2.underline-separator::after {
    background: #fc672c;
    height: 1px;
    left: calc( 50% - 70px );
    width: 144px;
}
.category #main {
    padding: 0 110px;
}
.categ-content {
    margin-bottom: 49px;
}
.categ-content .bloc-orange {
    background: #fc672c;
    color: #ffffff;
    padding: 2px 27px 6px 22px;
    font-size: 33.31px;
    font-family: 'DINPro-Medium';
    display: inline-block;
    letter-spacing: -0.5px;
    margin: 0 0 8px;
}
.categ-content > p + p {
    font-family: 'DINPro-Medium';
    font-size: 25px;
    color: #4e5860;
    line-height: 1.37;
    letter-spacing: -0.8px;
}
.article-listing {
    padding-bottom: 75px;
}
.article-listing .img-container img {
    display: block;
    margin: auto;
}
.article-listing > article{
    display: inline-block;
    vertical-align: top;
    max-width: 22.46%;
    width: 100%;
    margin-left: 3.383%;
    margin-bottom: 58px;
}
.article-listing > article:nth-child(4n+1){
    margin-left: 0;
}
.article-listing .entry-header h4 {
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    /*font-size: 21.61px;*/
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.6px;
    padding: 6px 0;
    position: relative;
    z-index: 1;
}
.article-listing .entry-header h4::before {
    position: absolute;
    content: "";
    top: -25px;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: -1;
    background-position: center 9px;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    background-size: auto 22px;
}

.article-listing > article.orange .entry-header h4::before{background-image:url(images/toc_fond_orange.jpg);}
.article-listing > article.orange .entry-header h4::before,
.article-listing > article.orange .entry-header h4 {background-color:#fc672c;}
.article-listing > article.orange .entry-content p{color:#fc672c;}
.article-listing > article.orange a{color:#7a2981;}

.article-listing > article.violet .entry-header h4::before{background-image:url(images/toc_fond_violet.jpg);}
.article-listing > article.violet .entry-header h4::before,
.article-listing > article.violet .entry-header h4 {background-color:#7a2981;}
.article-listing > article.violet .entry-content p{color:#7a2981;}
.article-listing > article.violet a{color:#fc672c;}

.article-listing > article .entry-content {
    padding: 0 8px 0;
    text-align: center;
    letter-spacing: -0.8px;
    font-weight: 600;
    min-height: 118px;
    line-height: 1;
}
.article-listing > article .entry-content strong {
    font-weight: 900;
    font-family: DINPro-Bold;
}
.article-listing > article .entry-content p{
    margin: 0 0 15px;
    font-size: 17.67px;
    line-height: 1.2;
    vertical-align: middle;
    display: inline-block;
    font-family: DINPro-Medium;
    font-weight: 400;
}
.article-listing > article .entry-contact {
    background-color: #ededed;
    padding: 14px 0 19px;
    text-align: center;
}
.article-listing > article .entry-contact p {
    margin: 0;
    font-size: 16.58px;
    letter-spacing: -0.8px;
}
.article-listing > article .entry-contact p + p {
    padding-top: 2px;
}
.article-listing > article .entry-contact p + p + p {
    padding-top: 8px;
}
.article-listing > article .entry-contact p + p + p a {
    color: #000000;
}



.tax-type_evenement #primary {
    padding-top: 30px;
    padding-bottom: 60px;
}
.tax-type_evenement h1 {
    text-align: center;
    letter-spacing: -1.2px;
    font-size: 45px;
    font-family: DINPro-Black;
    text-align: center;
    text-transform: uppercase;
}
.tax-type_evenement .event-container h2 {
    font-family: 'DINPro-Black';
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px;
    font-size: 34px;
    background: none;
    width: 100%;
    color: inherit;
}





/*
 * On parle de nous
 */
.on_parle_de_nous_listing {
    margin-top: 58px;
    margin-bottom: 125px;
}
.on_parle_de_nous_listing > article {
    max-width: 998px;
    margin: 0 auto 32px;
    background: #ffffff;
    padding: 26px 76px 26px 47px;
}
.on_parle_de_nous_listing > article .img-container,
.on_parle_de_nous_listing > article .content-container {
    display: inline-block;
    vertical-align: top;
    max-width: 29.0286%;
    width: 100%;
    margin-right: 7.1%;
}
.on_parle_de_nous_listing > article .content-container {
    max-width: 63.8714%;
    margin-right: 0;
}
.on_parle_de_nous_listing > article .content-container.full{
    max-width: 100%;
}
.on_parle_de_nous_listing > article .img-container img {
    display: block;
}
.on_parle_de_nous_listing > article .categ_title {
    text-transform: uppercase;
    font-size: 18.51px;
    padding-top: 4px;
    letter-spacing: 0.7px;
    padding-bottom: 9px;
    margin-bottom: 20px;
}
.on_parle_de_nous_listing > article .categ_title.underline-separator::after {
    left: 0;
    background: #bfbfbf;
    height: 2px;
    width: 48px;
}
.on_parle_de_nous_listing > article h2 {
    color: #fc672c;
    font-size: 20px;
    margin: 0 0 4px;
    letter-spacing: 0px;
}
.on_parle_de_nous_listing > article .excerpt {
    font-size: 18.51px;
    line-height: 1.55;
    letter-spacing: -0.4px;
    margin-bottom: 25px;
}
.on_parle_de_nous_listing > article .clearfix a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fc672c;
    border: solid 2px #fc672c;
    float: right;
    padding: 6px 44px 6px 17px;
    font-size: 16px;
    letter-spacing: 0.5px;
    position: relative;
    transition: all .15s ease-in-out;
}
.on_parle_de_nous_listing > article .clearfix a::before,
.on_parle_de_nous_listing > article .clearfix a::after{
    content: "";
    position: absolute;
    right: 12px;
    transition: all .15s ease-in-out;
}
.on_parle_de_nous_listing > article .clearfix a::before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #fc672c;
    width: 7px;
    height: 7px;
    transform: rotateZ( 45deg );
    top: calc( 50% - 4px );
}
.on_parle_de_nous_listing > article .clearfix a::after {
    width: 24px;
    height: 2px;
    background-color: #fc672c;
    top: calc( 50% - 1px );
}
.on_parle_de_nous_listing > article .clearfix a:hover{
    background-color: #fc672c;
    color: #ffffff;
}
.on_parle_de_nous_listing > article .clearfix a:hover::before{
    border-color: #ffffff;
}
.on_parle_de_nous_listing > article .clearfix a:hover::after{
    background-color: #ffffff;
}


.event-container ul p.event-new,
.single-evenement p.event-new,
.event-container ul p.event-autorisation,
.single-evenement p.event-autorisation{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    background: #f2f200;
    /*border-bottom: solid 1px #fc672c;*/
    font-weight: bold;
    
    background: #7a2981;
    color: #ffffff;
}
.event-container ul p.event-autorisation,
.single-evenement p.event-autorisation {
    /*border-bottom: none;*/
    /*border-top: solid 1px #fc672c;*/
    color: #ffffff;
    background: #13cb1b;
    
    font-size: 18px;
    padding: 4px 15px 4px 0;
    text-align: right;
}
.event-container ul p.event-autorisation.sb,
.single-evenement p.event-autorisation.sb{
    background: #fc672c;
    border-top-color: #ffffff;
}
.event-container ul p.event-autorisation.ko,
.single-evenement p.event-autorisation.ko{
    background: #ff0000;
}
.single-evenement p.event-new,
.single-evenement p.event-autorisation {
    font-size: 2em;
    max-width: 600px;
    margin: 0 auto 25px;
    padding: 6px 0;
    border: solid 1px #000000;
    text-align: center;
}
.single-evenement p.event-autorisation{
    font-size: 18px;
}


#hemcie_cookie_container #tarteaucitronRoot {
    position: relative;
	z-index: 4;
}
#hemcie_cookie_container #tarteaucitron {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
}



/* Abonnements */
.page-template-template-abonnement #main {
    text-align: center;
}
.page-template-template-abonnement #main > h2 {
    text-transform: uppercase;
    margin: 106px 0 40px;
    font-size: 57px;
    font-family: 'DINPro';
    text-align: center;
    padding: 0 0 30px;
    color: #000000;
    letter-spacing: 4.3px;
    position: relative;
}
.page-template-template-abonnement #main > h2::after {
    content: "";
    width: 86px;
    background: #000000;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.page-template-template-abonnement #main > h3 {
    margin: 50px auto 15px;
    border: solid 1px #b5b5b5;
    max-width: 1013px;
    border-left: none;
    border-right: none;
    text-align: left;
    padding: 10px 0 10px 15px;
    font-size: 25px;
}
.page-template-template-abonnement #main > .text-abo {
    color: #535353;
    font-size: 37.2px;
    margin: 0 0 6px;
}
.page-template-template-abonnement #main > .text-abo strong {
    letter-spacing: 0.5px;
}
.page-template-template-abonnement #main > .text-abo form {
    display: inline-block;
}
.page-template-template-abonnement #main > .text-abo button {
    color: #fc672c;
    background: transparent;
    border: none;
    font-size: 37.2px;
    text-decoration: underline;
    cursor: pointer;
}
.bloc-abonnements {
    border: solid 2px #b5b5b5;
    margin: 79px auto 0;
    max-width: 1013px;
    text-align: left;
}
.bloc-abonnements .bandeau {
    font-size: 26.82px;
    font-family: 'DINPro-Bold';
    padding: 14px 0 12px 37px;
    border-bottom: solid 2px #b5b5b5;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.bloc-abonnements ul {
    font-size: 28px;
    padding: 26px 0 6px 85px;
    color: #535353;
}
.bloc-abonnements ul li {
    font-size: 25.07px;
    margin-bottom: 7px;
}
.bloc-abonnements ul li:last-child{
    margin-bottom: 0;
}



.abo_user-container {
    background-color: #e9e9e9;
    max-width: 1000px;
    margin: 25px auto;
    padding: 15px;
}
.abo_user-container + hr{
    max-width: 1000px;
}
.abo_user-nom {
    text-align: left;
    font-size: 18px;
    border-bottom: solid 1px #ffffff;
    padding-bottom: 10px;
}
.text-abo {
    text-align: left;
    padding: 10px 0;
}
.bloc-abonnements {
    margin: 0;
    max-width: 100%;
    border: none;
}
.bloc-abonnements .bandeau {
    font-size: 18px;
    padding: 5px 0 10px;
    margin-bottom: 15px;
}
.bloc-abonnements table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}
.bloc-abonnements th,
.bloc-abonnements td {
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
   padding: 3px 5px;
}
.bloc-abonnements th:first-child,
.bloc-abonnements td:first-child{
    border-left: none;
}
.bloc-abonnements tr:last-child td{
    border-bottom: none;
}



.livraison {
    max-width: 400px;
    text-align: left;
    font-size: 18px;
    margin: 0 auto 20px;
}
.livraison h4 {
    border-bottom: solid 1px #000000;
    margin: 15px 0 7px;
    text-align: center;
}
.form_paiement {
    max-width: 600px;
    background: #f3f3f3;
    margin: 0 auto 25px;
    padding: 15px;
}
.form_paiement h3 {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: solid 1px #dadada;
}
.form_paiement table {
    width: 100%;
    text-align: left;
    padding: 0pt;
    margin: 15px 0;
}
.form_paiement table tr td {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #dadada;
    border-right: solid 1px #dadada;
}
.form_paiement table tr td + td {
    padding-left: 0;
    padding-right: 15px;
    text-align: right;
    border-right: none;
}
.form_paiement table tr:last-child td {
    border-bottom: none;
}
#form_paiement_ticket label {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 1rem;
    max-width: 100%;
}
#form_paiement_ticket #paiement_input_ticket,
#form_paiement_ticket #paiement_input_ticket_paiement {
    width: 100%;
    display: block;
    padding: 5px 8px;
    margin-bottom: 10px;
}



#form_paiement_ticket .file-fields-container {
    padding-left: 0;
}



.lien-retour_compte{
    text-align: right;
    margin: 15px auto;
    max-width: 807px;
}
.page-template-template-gestion_collaborateurs .lien-retour_compte,
.page-template-template-gestion_informations .lien-retour_compte {
    max-width: 595px;
}
.lien-retour_compte a{
    color: #000000;
}





/* POPUP */
.popup,
#popup{
    display: none;
/*    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    right: 1%;*/
    width: 98%;
    height: 98%;
    max-width: 1075px;
    /*padding: 0;*/
    /*font-size: 13px;*/
    background: transparent;
}
.fancybox-slide--html #popup .fancybox-close-small,
.fancybox-slide--html .popup .fancybox-close-small {
    background: #000000;
    border-radius: 50%;
}
#popup-slideshow .lslide,
#popup-slideshow .clone {
    /*width: auto;*/
    /*margin: 0 auto;*/
    /*display: block;*/
    /*transform: translateX(-50%);*/
    /*left: 50%;*/
    /*max-width: none;*/
    /*width: auto;*/
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-header,
.popup-footer{
    background-color: #e25711;
    background-image: url(images/Pop_UP-info_01.jpg);
    background-repeat: repeat-x;
    background-size: auto 20px;
    background-position: top center;
    height: 45px;
}
.popup-footer{
    background-position: bottom center;
}
.popup-content{
    background: no-repeat 51px 100px #ffffff;
    background-size: 145px auto;
    text-align: center;
    font-size: 13px;
    font-family: 'DINPro-Bold';
}
#popup img,
.popup img {
    margin: 0 auto;
}
.popup-content {
    font-size: 1rem;
}
.popup_titre1,
.popup_titre2,
.popup_titre3,
.popup_titre4,
.popup_titre5,
.popup_titre6{
    margin-bottom: 1em;
}
.popup_titre1 {font-size:2.2em;}
.popup_titre2 {font-size:2.0em;}
.popup_titre3 {font-size:1.8em;}
.popup_titre4 {font-size:1.6em;}
.popup_titre5 {font-size:1.4em;}
.popup_titre6 {font-size:1.2em;}
.popup-content #liste-hotels {
    position: absolute;
    top: -86px;
}
.popup-image {
    max-height: 600px;
    /*max-height: calc( 100vh - 30px );*/
}
.fancybox-content {
    padding: 0;
}
#popup .lSSlideOuter,
#popup .lSSlideWrapper {
    height: 100%;
}
#popup-slideshow {
    padding: 0;
    margin: 0;
    padding-bottom: 0 !important;
    height: 100% !important;
}
/* POPUP FIN */


.text-demarche-eori {
    font-family: 'DINPro-Bold';
    max-width: 650px;
    margin: 70px auto;
    border: solid 3px #fc672c;
    padding: 25px;
}



.fleche_bas {
    text-align: center;
    font-weight: 900;
    font-size: 1.2rem;
    margin: 12px auto 19px;
}
.fleche_bas i::before {
    color: #fc672c;
    font-family: FontAwesome;
    font-style: normal;
    font-size: 6em;
    line-height: 0.5;
    display: block;
    content: "\f107";
    margin: 10px 0;
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.7;
}
#popup .bouton-violet,
#popup .btn-violet {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: #7a2981;
    border: none;
    font-size: 41px;
    padding: 2px 10px 6px;
    cursor: pointer;
}



/* 2019-05-28 */
.bandeau-h1 .smaller-title {
    font-size: 0.6em;
    font-family: D-DIN-bold;
    letter-spacing: 0;
}
.input-container-2col {
    display: -ms-grid;
    display: grid;
    grid-gap: 0 15%;
}
.input-container-2col > div {grid-column:1;}
.input-container-2col > div + div {grid-column:2;}
.form-inscription .titre-bandeau-orange {
    color: #fff;
    background-color: #fc672c;
    padding: 0.3em 0.6em;
    display: inline-block;
    letter-spacing: 1px;
}
.select-streets {
    padding: 5px;
    max-width: 320px;
    width: 100%;
    margin-bottom: 25px;
}
.select-streets.select-streets-has-infos {
    margin-bottom: 10px;
}
.select-streets-infos {
    margin-bottom: 25px;
    color: #000080;
}
.form-inscription_vide-greniers .grid-3 {
    padding: 5px;
    border: solid 1px #bfbfbf;
}
.form-inscription_vide-greniers button[type="submit"] {
    width: 100%;
    font-size: 26px;
}
.message-central{
    text-align: center;
    font-size: 24px;
    margin: 24px 0;
}
.btn-participer.vide-grenier{
    background-position: right 20px center;
}



.texte_fin_inscription {
    color: #fc672c;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 3rem 0;
}
.texte_fin_inscription br {
    display: initial;
}
.depuis-1997 {
    font-size: 1.3rem;
    color: #7a2981;
}



/*
 * Animations fetes 2021
 *
 */
.anim-fetes-container {
    z-index: 1000;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.anim-fetes-container::before {
    position: absolute;
    background: #040026;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
}
.anim-fetes-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.anim-fetes {
    position: relative;
}
.anim-fetes-container p {
    margin: 0;
    font-size: 8vh;
    font-family: Source Sans Pro;
    transform: scale(0);
    transition: transform .8s ease-in-out;
}
.anim-fetes-container p.show {
    transform: none;
}
.anim-fetes-container .close-button {
    position: absolute;
    color: #fff;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 30px;
    right: 15px;
    top: 15px;
    height: 50px;
    width: 50px;
    cursor: pointer;
}
#fireworks-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.anim-fetes-container svg,
.anim-fetes-container img {
    height: 25vh;
}
/*
 * Animations fetes 2021
 *
 */



.m-b-0{margin-bottom:0;}
.m-b-25{margin-bottom:25px;}


@media screen and ( max-width: 1440px ) {
    body:not(.home).page-template-template-carte_adherent-php #primary{background-image:none;}
    br{display:none;}
    .page-template-template-carte_adherent br {display: block;}
    .article-listing > article .entry-content p br {display: initial;}
    .home_event_slideshow.lightSlider > li {display:inline-block;vertical-align:top;font-size:13px}
    .hover_absolute .type_event{font-size:2em}
    
    .popup-content br{display:block;}
    
    .covid-home-message{font-size:1.5rem;}
    
    
    .slide-event .slide_absolute {
        left: calc((100% - 650px) / 2 );
        right: calc((100% - 650px) / 2 );
        width: 650px;
    }
    .home_slideshow .titre1 {
        font-size: 2.8rem;
        letter-spacing: 0.28em;
    }
    .home_slideshow .titre2 {
        font-size: 2rem;
    }
    .slide_absolute a {
        font-size: 1.4rem;
        padding: 0.5em 1em;
    }
}


@media screen and ( max-width: 1280px ) {
    .home .main-navigation{top:15px;}
    .top-right{right:15px;top:15px;}
    .home .menu-toggle{margin-left:15px;}
    
    header .bloc_socials{left:160px;}
    
    .home_slideshow > li.clone:last-child .slide_absolute, 
    .home_slideshow > li.clone + li .slide_absolute{top:39%;}
    
    .home_slideshow > li.clone:last-child .titre1,
    .home_slideshow > li.clone + li .titre1 {font-size:75px;}
    
    .home_slideshow > li.clone:last-child .titre2,
    .home_slideshow > li.clone + li .titre2 {font-size:30px;}
    
    .home_slideshow > li.clone:last-child .titre3,
    .home_slideshow > li.clone + li .titre3 {font-size: 15px;}
    
    .slide_absolute .titre1{font-size:2.2rem}
    .slide_absolute .titre2{font-size:1.5rem;}
    .slide_absolute .titre3{font-size:1.3rem}
    .slide_absolute {top:40%;}
    .slide_absolute a {font-size:1.2rem;}
    
    .home .top-right div.widget.widget_nav_menu .menu li {padding-left:27px;}
    .home .top-right div.widget.widget_nav_menu .menu li::before {left:10px;height:15px;top:2px;}
    
    .type_events_list > li{max-width:50%;width:100%;margin:0 0 10px;display:inline-block;vertical-align:middle;}
    
    .badge-home-container > .max-container{background:none;}
    
    .page-template-template-evenements #primary{padding-right:0;}
    
    .event-images{position:relative;padding:87px 0;}
    .event-images > .controllers{position:static;}
    .event-images > .controllers > button{width:45%;height:64px;left:0;top:auto;bottom:10px;border-radius:0 0 0 20px;}
    .event-images > .controllers > button.next{right:0;border-radius:0 0 20px 0;}
    
    body:not(.home).page-template-template-evenements #primary{padding-right:0;}
    .category #main{padding:0 15px;}
    
    /* POPUP */
    #popup img {
        /*max-height: 125px;*/
    }
    .popup_titre1,
    .popup_titre2,
    .popup_titre3,
    .popup_titre4,
    .popup-content ul {
        margin-bottom: 7px;
    }
    /* POPUP FIN */
}


@media screen and ( max-width: 1080px ) {
    .home:not(.scrolled) #masthead{min-height:86px;border-bottom-width:4px;}
    .home .logo img{max-width:85px;}
    .home .logo{left:calc( 50% - 42px );top:5px;}
    
    .top-right div.widget.widget_nav_menu .menu li, 
    .top-right div.widget.widget_nav_menu .menu li a {font-size: 12px;}
    
    .home_slideshow > li.clone:last-child .titre1,
    .home_slideshow > li.clone + li .titre1 {font-size:4rem;}
    
    .home_slideshow > li.clone:last-child .titre2,
    .home_slideshow > li.clone + li .titre2 {font-size:2.4rem;}
    
    .home_slideshow > li.clone:last-child .titre3,
    .home_slideshow > li.clone + li .titre3 {font-size:1.2rem;}
    
    .slide-event .slide_absolute {padding:5px;top:22%;}
    .titre1{font-size:28px}
    .titre2{font-size:23px;}
    .titre3,
    .slide_absolute a{font-size:13px}
    
    .home #content {padding-top: 86px;}
    
    .home .top-right > div.widget.widget_polylang {position:absolute;right:0;bottom:-30px;}
    .home .top-right div.widget.widget_nav_menu .menu li:first-child::before{display:none;}
    
    .sidebar-home1 .widget_widget_img_texte {margin-bottom:30px;}
    .home_event_slideshow.lightSlider > li {font-size:12px;}
    
    .home_slideshow > li.clone:last-child .slide_absolute,
    .home_slideshow > li.clone + li .slide_absolute{top:30%;}
    
    .services-home-container .avantages_list > li:hover .absolute{bottom:0;}
    
    .nous_contacter_blocs > div{max-width:33%;}
    
    .popup-content{font-size:15px;background-position: center 10px;background-size: auto 100px;word-wrap: break-word;}
    .popup-header,
    .popup-footer{height:36px;background-size:auto 100%;}
}


@media screen and ( max-width: 990px ) {
    .presses_home_listing .presse_title{margin:25px 0;}
    .presses_home_listing .presse_desc{padding:0 25px 35px;}
    
    body:not(.home).page-template-template-evenements #primary{padding-top:0;}
    .event-container ul,
    .agenda-container{max-width:100%;}
    .event-container h2{margin-left:0;margin-right:0;width:100%;font-size:34px;word-wrap:break-word;}
    
    .single-evenement h1{margin-bottom:25px;}
    .event_infos > .bloc-adresse,
    .event_infos > .bloc-horaires,
    .event_infos > .bloc-paiement{max-width:100%;background-position:center 9%;padding-bottom:40px;margin:20px 0;}
    .event_infos > .bloc-adresse::after, 
    .event_infos > .bloc-horaires::after{top:auto;bottom:0;height:2px;width:50%;left:25%;}
    
    .nf-form-content{padding-left:15px;padding-right:15px;}
    
    .event-images .lSSlideOuter .lSPager.lSpg{display:none;}
    
    .article-listing > article:nth-child(n){max-width:32%;margin-left:2%;}
    .article-listing > article:nth-child(3n+1){margin-left:0;}
    
    /* POPUP */
    .popup,
    #popup{
/*        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        right: 1%;
        padding: 0;
        font-size: 13px;*/
        width: 100%;
        height: 100%;
    }
    #popup-slideshow .lslide,
    #popup-slideshow .clone {
        margin: 0 auto;
        /*transform: translateX(-50%);*/
        /*left: 50%;*/
        max-width: none;
        width: auto;
        min-width: calc( 100vw - 12px );
        max-width: calc( 100vw - 12px );
    }
    /* POPUP FIN */
}


@media screen and ( max-width: 860px ) {
    .services-home-container .avantages_list > li .absolute .small-title{font-size:16px;padding-left:0;}
    .services-home-container .avantages_list > li .absolute .excerpt{padding-left:10px;padding-right:10px;margin-bottom:15px;}
    
    .presses_home_listing .presse_title{margin:15px 0;font-size:22px;}
    .presses_home_listing .presse_desc{padding:0 25px 35px;font-size:16px;}
    
    .nous_contacter_blocs > div{max-width:100%;margin-bottom:5%;}
    .site-footer .large-title{font-size:36px;margin:25px 0;padding-left:15px;padding-right:15px;}
    .nous_contacter_blocs > div > p{font-size:33px;}
    .nous_contacter_blocs > div > div > p{font-size:26px;}
    .nous_contacter_blocs > div > p::after{width:40%;left:30%;}
    body:not(.home) .top-right > div.widget.widget_nav_menu{display:none;}
    
    .form-inscription{margin-top:0;padding:0 15px 15px;max-width:100%;}
    
    .middle-container > *{padding-left:0;max-width:100%;text-align:center;}
    .bloc-connexion,
    .bloc-recovery_password,
    .bloc-recovery_password2,
    .bloc-recovery_login{margin-left:auto;margin-right:auto;}
    .middle-container > div:first-child > a > img{max-height:200px;}
    .minipage > #page .middle-container{position:static;transform:none;margin-top:50px;}
    
    .slide_absolute{top:44%;}
    .titre1{font-size:25px;}
    .titre2{font-size:20px;}
    .titre3, .slide_absolute a{margin-bottom:10px;}
    
    .page-template-template-abonnement #main > h2{margin:45px 0 35px;font-size:45px;}
    .page-template-template-abonnement #main > .text-abo,
    .page-template-template-abonnement #main > .text-abo button{font-size:26px;}
    .bloc-abonnements {margin-top: 25px;margin-left: 5%;max-width: 90%;margin-right: 5%;}
    .bloc-abonnements .bandeau {font-size:24px;padding:10px;}
    .bloc-abonnements ul {padding:10px 0 6px 45px;margin:0;}
    .bloc-abonnements ul li {font-size:20px;}
    
    .adherer-nationalites,
    .sidebar-home1 .widget_custom_html .titre-home,
    .text-avant-h1{font-size:2rem;line-height:1.5;}
}


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

    .d-block-tablet{
        display: block;
    }

    .menu-toggle{font-size:1.3rem;padding-left:34px;}
    
    .primary-menu a{padding:12px 0;}
    #masthead,
    .home #masthead,
    .home:not(.scrolled) #masthead {
        top: 0;
        min-height: 86px;
        border-width: 4px;
    }
    header .bloc_socials {top:24px;left:120px;}
    /*.site-content-contain{margin-top:86px;}*/
    /*.home .site-content-contain{margin-top:75px;}*/
    .home_slideshow > li.clone:last-child .titre1,
    .home_slideshow > li.clone + li .titre1 {
        font-size: 3rem;
    }
    .titre2,
    .titre3, 
    .slide_absolute a,
    .top-right > div.widget.widget_nav_menu{display: none;}
    .slide_absolute .titre1 {
        font-size: 1.8rem;
    }
    .slide-event .slide_absolute {
        padding: 5px;
        top: 50%;
        transform: translateY(-50%);
        width: 250px;
        left: calc((100% - 250px) / 2 );
        right: auto;
    }
    .home_slideshow + .lSAction > a {
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }
    .home_slideshow > li.slide-event {
        height: 100%;
    }
    .home_slideshow .slide-event img {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .top-right > div.widget.widget_polylang,
    .home .top-right > div.widget.widget_polylang{position:static;bottom:0;padding:0;}
    .main-navigation{width:auto;text-align:left;position:static;padding:0;}
    .main-navigation > div[class^="menu-"]{
		width: 100%;
		left: 0;
		top: 100%;
		position: absolute;
		overflow: auto;
		max-height: calc( 100vh - 75px);
	}
    .bandeau-header{position:static;text-align:center;min-height:75px;}
    .bandeau-drapeaux{position:static;}
    .logo{position:static;display:inline-block;}
    .logo img {max-height:70px;}
    .menu-toggle{margin:0;position:absolute;top:25px;left:15px;}
    .primary-menu{padding:15px 15px 70px;}
    .home_slideshow > li.clone:last-child .slide_absolute,
    .home_slideshow > li.clone + li .slide_absolute{top:31%;padding:0;}
    .type_events_list > li{max-width:100%;}
    /*#content{padding-top:0;}*/
    .slide_absolute{top:15%;}
    .type_events_list > li a{padding-top:12px;position:relative;font-size:16px;}
    .type_events_list > li a::after{content:"";position:absolute;height:1px;background:#ffffff;width:40%;left:30%;top:0;}
    .link_all_event{background-image:url(images/icon_calendar.png);background-position:center top;padding-right: 40px;}
    .badge-home-container .demander_sa_carte{margin-left:0;width:100%;max-width:90%;background:none;padding:16px 0;}
    .home .menu-toggle{margin-left:0;}
    .presses_home_listing .presse_desc{padding-left:15px;padding-right:15px;font-size:18px;}
    .nous_contacter_blocs{margin-bottom:25px;}
    .footer_menu{padding-left:15px;padding-right:15px;}
    .widget_widget_img_texte .widgettitle {font-size: 30px;}
    
    .slideshow-drapeaux ul{max-height:25px}
    .slideshow-drapeaux img{height:25px}
    
    .services-home-container .avantages_list > li:first-child,
    .services-home-container .avantages_list > li,
    .services-home-container .avantages_list > li:last-child{max-width:32.3684%;margin-left:8.8158%;margin-right:8.8158%;margin-bottom:40px;}
    
    body:not(.home) .bandeau-h1 > h1{text-align:center;}
    .others-input-container.genders-fields-container > p + p,
    .others-input-container.genders-fields-container > p + p + p{max-width:50%;}
    .others-input-container > *,
    .others-input-container.countries-fields-container > label,
    .countries-fields-container .custom-dropdown,
    .file-fields-container > label,
    .file-fields-container > .upload_file-container{max-width:100%;margin:5px 0 10px;}
    
    .presses_home_listing .presse_title{margin:56px 0 27px 0px;font-size:28px;}
    .presses_home_listing .presse_desc{padding:0 15px 55px;font-size:18px;margin:0 0 30px;}
    .presses_home_listing > li:nth-child(odd) > a > div.width-50_prec + div.width-50_prec,
    .presses_home_listing > li:nth-child(even) > a > div.width-50_prec:first-child{display:none;}
    .presses_home_listing > li > a > div.width-50_prec{width:100%;text-align:center;margin-bottom:30px;}
    .presses_home_listing > li > a > div img{margin:auto;}
    .presses_home_listing{max-width:542px;margin:auto;}
    
    .on_parle_de_nous_listing > article{padding:15px;}
    .on_parle_de_nous_listing > article .img-container img{margin:auto;}
    .on_parle_de_nous_listing > article .img-container,
    .on_parle_de_nous_listing > article .content-container{margin:0 0 15px;max-width:100%;text-align:center;}
    .on_parle_de_nous_listing > article .categ_title.underline-separator::after{width:30%;left:35%;}
    .on_parle_de_nous_listing > article .clearfix a{float:none;width:100%;}
    
    .event-container ul li a{padding:0;text-align:center;display:block;}
    .event-container ul p.date{position:static;max-width:100%;text-align:center;padding:6px 0;}
    .event-container ul p{/*padding-left:50px;*/padding-right:50px;}
    
    .single-evenement h1{padding:41px 0 23.5px;}
    .single-evenement h1 > span.titre_p1{font-size:32px;}
    .single-evenement h1 > span.titre_p2{font-size:28px;}
    .event_infos .btn-participer{font-size:35px;padding:15px 0;background:none;width:80%;margin:0;}
    
    .page-template-template-carte_adherent-php .content,
    .qui-sommes-nous_plus .col2{text-align:justify;padding:0 15px;}
    .qui-sommes-nous_plus .col2 > *,
    .qui-sommes-nous_plus .col2 > :first-child,
    .qui-sommes-nous_plus .valeurs_blocs > div{padding-left:0;float:none;max-width:100%;}
    .qui-sommes-nous_plus .bkg-orange h2{font-size:34px;margin:0 0 40px;}
    
    .page-template-template-carte_adherent-php .bkg-gris,
    .page-template-template-carte_adherent-php .bkg-orange,
    .page-template-template-carte_adherent-php .bkg-violet,
    .page-template-template-carte_adherent-php .bkg-bleumarine{display:block;text-align:center;}
    
    .footer-menu > li{display:block;border-left:0;padding:15px 0 0;}
    .nous_contacter_blocs > div > p{font-size:28px;}
    .nous_contacter_blocs > div > div > p{font-size:20px;margin-bottom:10px;}
    
    .page:not(.home) h1, .archive h1.services,
    .qui-sommes-nous_plus .nos_valeurs > .underline-separator{font-size:30px;}
    .content h2{font-size:22px;padding-left:15px;padding-right:15px;}
    
    .single-evenement h1 > span.titre_p1{font-size:32px;padding:0 15px;}
    
    .page-template-template-carte_adherent-php .content h2{font-size:24px;padding:0;}
    
    .show_on_mobile{display:block;}
    .slide_absolute{top:33%;}
    .titre1{font-size:34px;}
    
    .event-images{padding-bottom:50px;}
    .event-images > .controllers > button{height:40px;}
    .event-images > .controllers > button::before{font-size:50px;}
    
    .page-template-template-abonnement #main > h2 {margin: 15px 0 8px;font-size: 30px;padding-bottom: 12px;}
    .page-template-template-abonnement #main > .text-abo,
    .page-template-template-abonnement #main > .text-abo button {font-size: 18px;}
    
    .home_event_slideshow > li .hover_absolute {top: 0;}
    .hover_absolute .type_event {font-size:1.7em;margin-top:0.300em;}
    .hover_absolute .ville {font-size:2.150em;margin-top:0.3em;}
    .hover_absolute .date_fin::before {content: "";position: absolute;top: -3px;left: 30%;width: 40%;height: 1px;background: #ffffff;}
    .hover_absolute .date_fin {display: block;position: relative;}
    
    .home_event_slideshow.lightSlider + .lSAction > .lSPrev,
    .home_event_slideshow.lightSlider + .lSAction > .lSNext{width: 36px;height: 36px;right: 10px;top: calc( 50% - 18px );background-size: 36px auto;}
    
    .popup-content{font-size:12px;padding-top:0;background-image:none;padding-left:15px;padding-right:15px;}
    .popup_date{padding-bottom:5px;}
    .popup_date::after{display: none;}
    .popup-header,
    .popup-footer {height: 15px;}
    .popup_date {padding-bottom: 0;font-size: 1.5em;}
    .popup-footer {margin-top: 0;}
    
    
    .fleche_bas i::before{font-size: 3em;margin: 0 0;}
    #popup .bouton-violet {margin: 9px 0;}
    
    .sub_pages > li:nth-child( n ) {max-width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 25px;}
    .archive h1.services {margin-bottom: 22px;padding-top: 22px;}
    .category .sous-titre1{font-size:28px;margin-top:0;}
    .category .sous-titre2 {margin: 12px 0 22px;font-size: 24px;padding-bottom: 16px;}
    .categ-content .bloc-orange {font-size: 22px;}
    .categ-content > p + p {font-size: 20px;}
    .article-listing > article:nth-child(n){max-width:48%;margin-left:4%;}
    .article-listing > article:nth-child(2n+1){margin-left:0;}
    .boutons-espaces-adherents > a {
        width: 48%;
        margin-right: 4%;
    }
    .boutons-espaces-adherents > a:nth-child(2n) {
        margin-right: 0;
    }
    
    .sidebar-home1 > .widget_custom_html {padding: 25px 15px;margin-bottom: 50px;}
    .sidebar-home1 > .widget_custom_html:first-child a:first-child,
    .sidebar-home1 > .widget_custom_html:first-child a:last-child{margin-left:0;margin-right:0;margin-bottom:25px;max-width:100%;}

    /* POPUP */
    #popup img {
        max-width: 90%;
        max-height: 90%;
    }
    .popup-content br {
        display: none;
    }
    #popup-slideshow .lslide,
    #popup-slideshow .clone {
        left: 0;
        transform: none;
        width: calc( 98vw - 12px );
    }
    /* POPUP FIN */
    
    .covid-home-message{font-size:1.2rem;padding:25px 15px;}
    
    .tax-type_evenement h1 {
        font-size: 1.9rem;
        padding-left: 0;
    }
    
    
    .checkbox-text-container {
        justify-content: center;
    }
    .checkbox-text:nth-child(n) {
        width: 100%;
        max-width: 480px;
        margin-right: 0;
    }
}

/* Portrait */
@media screen and ( max-width: 760px ) and ( max-aspect-ratio: 1/1 ) {
    .popup-content {
        font-size: 6vw;
    }
    .popup_titre1,
    .popup_titre2,
    .popup_titre3,
    .popup_titre4,
    .popup_titre5,
    .popup_titre6{
        margin-bottom: 0.6em;
    }
    
    #popupcreation-compte-bloque .popup-content {
        font-size: 12px;
    }
    #popupcreation-compte-bloque img {
        max-height: 60px;
    }
}


@media screen and ( max-width: 520px ) {
    .top-right {right:15px;top:30px;line-height:0;}
    header .bloc_socials {display:flex;flex-flow:column;align-items:center;top:16px;left:auto;right:80px;}
    
    .home_event_slideshow.lightSlider > li{font-size:16px}
    .page:not(.home) h1,
    .archive h1.services,
    .qui-sommes-nous_plus .nos_valeurs > .underline-separator{font-size:32px;padding:34px 15px 25px;}
    h2{font-size:28px;}
    .services-home-container .avantages_list > li:first-child, 
    .services-home-container .avantages_list > li, 
    .services-home-container .avantages_list > li:last-child{max-width:246px;margin-left:auto;margin-right:auto;display:block;}
    .link_all_services{width:100%;display:block;padding:0 0 30px;text-align:center;background-position:center bottom;}
    
    .home .home1-sidebar h1,
    .widget_widget_img_texte .widget_img_texte_texte-container,
    .badge-home-container .desc,
    .services-home-container .small-title{padding-left:15px;padding-right:15px;}
    
    .home .home1-sidebar h1{font-size: 20px;}
    .large-title,
    .badge-home-container .large-title,
    .services-home-container .large-title,
    .presse-home-container .large-title,
    .site-footer .large-title{font-size:34px;margin:25px 0;padding-bottom:20px;padding-left:15px;padding-right:15px;}
    .site-footer .large-title{font-size:24px;}
    
    .badge-home-container .desc,
    .services-home-container .small-title{font-size:18px;}
    
    .file-fields-container > .upload_file-container > p,
    .form-edit-account .file-fields-container > .upload_file-container > p{max-width:100%;}
    .file-fields-container > .upload_file-container > button{max-width:calc(100% - 40px);}
    .form-edit-account .file-fields-container > .upload_file-container > button.remove-button{max-width:40px;}
    .file-fields-container > .upload_file-container > p {border:solid 1px #c9c9c9;}
    
    .event-container h2{font-size:24px;}
    .event-container h3{font-size:30px;}
    .qui-sommes-nous_plus .bkg-orange{padding:25px 0;}
    .page-template-template-carte_adherent-php .content, 
    .qui-sommes-nous_plus .col2{text-align:center;}
    .qui-sommes-nous_plus .nos_valeurs{padding-left:15px;padding-right:15px;}
    
    .page-id-516.page:not(.home) h2,
    .page:not(.home).page-id-218 h2 {font-size:26px;}
    
    .nf-form-content > nf-fields-wrap > nf-field:nth-last-child(-n+2){max-width:100%;text-align:center;}
    .nf-form-content > nf-fields-wrap > nf-field:last-child input[type="button"]{width:100%;}
    .avantages_carte > h2{font-size:28px;padding:30px 15px;}
    .avantages_carte ul li{margin-bottom:25px;}
    .avantages_carte a{background-position:right 10px center;padding:9px 65px 9px 10px;max-width:90%;width:100%;margin-left:5%;margin-right:5%;}
    
    .bloc-connexion form,
    .bloc-recovery_password form,
    .bloc-recovery_password2 form,
    .bloc-recovery_login form{padding:15px;}
    .bloc-connexion form > p.bloc-passwd,
    .bloc-connexion form > p.bloc-buttons{margin:0 0 15px;}
    .bloc-connexion form > p.bloc-buttons > button,
    .bloc-connexion form > p.bloc-buttons > button + button,
    .bloc-recovery_password form > p.bloc-buttons > button,
    .bloc-recovery_password form > p.bloc-buttons > button + button,
    .bloc-recovery_password2 form > p.bloc-buttons > button,
    .bloc-recovery_password2 form > p.bloc-buttons > button + button,
    .bloc-recovery_login form > p.bloc-buttons > button,
    .bloc-recovery_login form > p.bloc-buttons > button + button{max-width:100%;margin:0 0 15px;text-align:center;}
    
    .single-evenement h1 > span.titre_p1{font-size:22px;line-height:1.3;}
    .titre1{font-size:25px;letter-spacing:2px;}
    .slide_absolute{top:20%;}
    
    .page-template-template-abonnement #main > h2{font-size: 24px;}
    .page-template-template-abonnement #main > .text-abo,
    .page-template-template-abonnement #main > .text-abo button {font-size: 16px;padding: 0 15px;}
    .bloc-abonnements .bandeau {font-size: 12px;}
    .bloc-abonnements ul {padding: 0px 0 0 0;list-style: none;}
    .bloc-abonnements ul li {font-size: 18px;text-align: center;border-bottom: solid 1px #D6D6D6;}
    .bloc-abonnements ul li strong {display: block;}
    
    .article-listing > article:nth-child(n){max-width:100%;margin-left:0;}
    
    
    .popup_titre4 + .popup_titre1{
        padding: 0;
    }
    
    .covid-home-message{font-size:1rem;}
    
    .boutons-espaces-adherents > a {
        width: 100%;
        margin-right: 0;
    }
}










@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; 
        margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown select { padding-right: .9em }
    }
}