/* Classes pour tous le site */



/* .page-margin {

    margin-left: 4rem;

    margin-right: 4rem;

}



.ff-bebas {

    font-family: 'Bebas Neue', cursive;

} */



/* .bg-mef2021-blue {

    background-color: #0066FF;

}



.bg-mef2021-paleblue {

    background-color: #00ABE5;

}



.bg-mef2021-green {

    background-color: #24DFA5;

}



.bg-mef2021-red {

    background-color: #FF0062;

}



.bg-mef2021-purple {

    background-color: #5926D1;

} */



.border-mef2021-blue {

    border: 4px solid #0066FF;

}



.border-mef2021-paleblue {

    border: 4px solid #00ABE5;

}



.border-mef2021-green {

    border: 4px solid #24DFA5;

}



.border-mef2021-red {

    border: 4px solid #FF0062;

}



.border-mef2021-purple {

    border: 4px solid #5926D1;

}



.border-mef2021-black {

    border: 4px solid #000645;

}



.c-mef2021-black {

    color: #000645;

}



.fat {

    font-weight: 600;

}



.mb-6 {

    margin-bottom: 4rem;

}



.mb-7 {

    margin-bottom: 5rem;

}



.mb-8 {

    margin-bottom: 6rem;

}



/* Containers */

.c-container-1 {

    max-width: 1600px;

    padding: 0 8vw;

}



/* Titles */



.wrap-page_titles {

    margin-top: 6rem;

    margin-bottom: 6rem;

}



.wrap-page_titles .title {

    color: white;

    /*font-size: 4rem;*/

    font-weight: 500;

    line-height: 1;

    text-transform: uppercase;

    margin-bottom: 1rem;

    letter-spacing: 0;

}



.wrap-page_titles p {

    max-width: 62rem;

    margin: 0 auto;

}



/* Texts */



.page-template-emplacement p {

    font-size: 1.6rem;

}



.c-template h1 {

    /*font-size: 4rem;*/

    letter-spacing: 0;

    margin-bottom: 1rem;

}



#t-evenement p,

#t-evenement h1,

#t-evenement h2,

#t-evenement h3,

#t-evenement h4,

#t-evenement h5 {

    color: #000347 !important;
    

}



/* banner page */



#banner-emplacement {

    background-color: #0029b5;

    height: 100vh;

}



/* END - Classes pour tous le site */





/* Page accueil */



#home #hero-home img,

#t-evenement .page-banner img {

    opacity: 0;

}



#home .wrap-title h2 {

    color: #FD0562;

    /*font-size: 3.5rem;*/

}



#evenements-mobile-1,

#evenements-mobile-2 {

    overflow: hidden;

}



#evenements-mobile-1 > img:first-child,

#evenements-mobile-1 > img:nth-child(3),

#evenements-mobile-2 > img:first-child,

#evenements-mobile-2 > img:nth-child(3) {

    position: absolute;

    top: calc(50% - 1rem);

    margin-top: -2rem;

    z-index: 1;

    width: 3rem;

    padding: 1rem;

}



#evenements-mobile-1 > img:first-child {

    left: 0rem;

}



#evenements-mobile-1 > img:nth-child(3) {

    right: 0rem;

}



#evenements-mobile-2 > img:first-child {

    left: 0rem;

}



#evenements-mobile-2 > img:nth-child(3) {

    right: 0rem;

}



#evenements-mobile-1,

#evenements-mobile-2 {

    bottom: 1.5rem;

}



#home #emplacement-left-image1 {

    background-size: cover;

    background-position: center;

    height: 40rem;

}



#home #emplacement-left-image1 > img {

    width: 28rem;

}



#home #emplacement-left-image2 {

    background-size: cover;

    background-position: center;

    height: 26rem;

}



#home #emplacement-left-image2 > img {

    width: 28rem;

}



#home .emplacement {

    padding: 1rem;

    position: relative;

    height: 12rem;

    margin-bottom: 2rem;

    width: 100%;

}



#home .emplacement a {

    display: block;

    height: 100%;

}



#home .emplacement .emplacement-title {

    position: absolute;

    left: 1rem;

    top: 1rem;

    height: 4rem;

}



#home .emplacement .emplacement-image, #home .emplacement .emplacement-hover {

    position: absolute;

    top: -2rem;

    right: -5px;

    height: 14rem;

    transition: width .25s ease-in-out;

    opacity: 1;

}



#home .emplacement .emplacement-hover {

    opacity: 0;

}



#home .emplacement .bg-animation {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

    /*transition: width .25s ease-in-out;*/

}



#home .emplacement p {

    position: absolute;

    left: 1rem;

    bottom: 1rem;

    text-decoration: underline;

    text-transform: uppercase;

    font-size: 1.25rem;

    margin: 0;

}



#home .emplacement:hover .bg-animation {

    width: 0;

}



#home .emplacement:hover .emplacement-image {

    opacity: 0;

}



#home .emplacement:hover .emplacement-hover {

    opacity: 1;

}



.wrap-reserve_ta_place > a {

    display: block;

    padding: 3rem 2rem;

}



.wrap-reserve_ta_place > a > p:first-child {

    font-size: 5rem;

    font-weight: 500;

    line-height: 4rem;

    margin-bottom: .5rem;

}



.wrap-reserve_ta_place > a > p:last-child {

    font-size: 3rem;

    line-height: 3.2rem;

    font-weight: 500;

    text-decoration: underline;

}



.wrap-reserve_ta_place .confetti {

    position: absolute;

    opacity: 0;

    width: 24rem;

    top: -9rem;

    pointer-events: none;

    

}



.wrap-reserve_ta_place .confetti.confetti-left {

    left: 1rem;

}



.wrap-reserve_ta_place .confetti.confetti-right {

    right: 1rem;

}



/* Page emplacement */

body.page-template-emplacement {

    background-color: #0066FF;

}



body.page-template-emplacement-2 {

    background-color: #FF0062;

}



body.page-template-emplacement .wrap-page_titles h1,

body.page-template-emplacement h2,

body.page-template-emplacement h3,

body.page-template-emplacement h4,

body.page-template-emplacement h5,

body.page-template-emplacement p,

body.page-template-emplacement-2 .wrap-page_titles h1,

body.page-template-emplacement-2 h2,

body.page-template-emplacement-2 h3,

body.page-template-emplacement-2 h4,

body.page-template-emplacement-2 h5,

body.page-template-emplacement-2 p {

    color: #000347;

}



#activites {

    padding: 0 8vw;

}



.activite_container {

    padding: 2rem;

}



.row_activite {

    margin: 2rem 0;

}



.row_activite:nth-child(even) {

    flex-direction: row-reverse !important;

}



#activites .activite {

    background-size: cover;

    background-position: center;

    height: 33rem;

    margin-bottom: 1rem;

}



#activites .activite + p {

    color: #000347;

    font-size: 2.3rem;

    font-weight: 500;

    line-height: 1;

    text-transform: uppercase;

    color: #000347;

}



#activites .col-12 {

    margin-bottom: 6rem;

}



#gmap-content {

    max-width: 32rem;

    margin: 0 0 0 auto;

}



#gmap-content h4 {

    font-size: 2rem;

}



#autres_evenements {

    /*margin: 9rem 0 2rem 0;*/

    padding: 0 8vw;

}



#autres_evenements h2 {

    margin-bottom: 2rem;

}



#autres_evenements .autre_evenement {

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    display: block;

    height: 30rem;

}



#autres_evenements .autre_evenement p {

    position: absolute;

    bottom: 1rem;

    right: 2rem;

    color: white !important;

    text-decoration: underline;

    text-transform: uppercase;

    font-size: 1.25rem;

    margin: 0;

}



#slider-autre_evenement_mobile .slick-arrow {

    position: absolute;

    top: 50%;

    margin-top: -1rem;

    z-index: 1;

    height: 2rem;

}



#slider-autre_evenement_mobile .left-arrow {

    left: 1.5rem;

}



#slider-autre_evenement_mobile .right-arrow {

    right: 1.5rem;

}



/* Page: party du nouvel an */

#banner-emplacement-party {

    /*background-color: #000644;*/

}



.wrap-slider_activites-links i {

    color: #000347;

    font-size: 1.35rem;

    margin-left: 1rem;

}



.wrap-slider-text > p:first-child {

    position: relative;

    font-size: 3rem;

    margin-bottom: 0;

    line-height: 1.7rem;

    margin-top: 2rem;

}



.wrap-slider-text > p:nth-child(2) {

    margin-bottom: 0;

}



#heures_activites > .emplacement-info > p:first-child {

    position: relative;

    display: inline-block;

    z-index: 3;

}



#heures_activites > .emplacement-info > p:nth-child(2) {

    /*margin-top: 1rem;*/

}



#heures_activites > .emplacement-info:first-child > p:first-child:after,

#heures_activites > .emplacement-info:nth-child(2) > p:first-child:after,

#heures_activites > .emplacement-info:nth-child(3) > p:first-child:after,

#heures_activites > .emplacement-info:nth-child(4) > p:first-child:after,

#heures_activites > .emplacement-info:nth-child(5) > p:first-child:after {

    content: '';

    position: absolute;

    top: 1.5rem;

    left: 0;

    height: 3px;

    width: 35rem;

    background-color: #000347;

    z-index: -1;

    display: none;

}



#heures_activites > .emplacement-info > p:first-child span {

    z-index: 5;

    padding-right: 2rem;

}



#heures_activites > .emplacement-info.active > p:first-child:after {

    display: block;

}



.emplacement-info {

    cursor: pointer;

}



.emplacement-info > p:first-child {

    font-size: 3rem;

    font-weight: 500;

    margin-bottom: 0;

    line-height: 3.5rem;

}



.emplacement-info > p:nth-child(2) {

    margin-bottom: 2rem;

    max-width: 30rem;

}



#wrap-info_emplacement > p {

    max-width: 30rem;

}



#slider-heures_activites .slick-arrow {

    position: absolute;

    top: 50%;

    margin-top: -3rem;

    z-index: 1;

    height: 2rem;

}



#slider-heures_activites .left-arrow {

    left: 1.5rem;

}



#slider-heures_activites .right-arrow {

    right: 1.5rem;

}



#emplacement-gmap {

    margin-top: 9rem;

    margin-bottom: 4rem;

}



#emplacement-gmap h2 {

    margin-bottom: 4rem;

}



#emplacement-gmap #map {

    width: 30rem;

    height: 30rem;

}



body.page-template-evenement-2 #artistes {

    margin-bottom: 6rem;

}



#artistes .c-custom-1 {

    max-width: 1200px;

    margin: 0 auto;

}



body.page-template-evenement-2 #artistes .artiste > span {

    font-size: 2.5rem;

}



body.page-template-evenement-2 .overlayContainer {

    margin-bottom: .5rem;

}



#artistes .artistes-container {

    padding-left: 0;

}



#artistes .c-custom-2 {

    max-width: 1000px;

    margin: 0 auto;

    position: relative;

}



#artistes .arrow-left,

#artistes .arrow-right {

    bottom: 50%;

}



#artistes .arrow-right {

    right: -11rem;

}



#artistes .arrow-left {

    left: -11rem;

}



body.page-template-evenement-2 section#artistes + section {

    margin-bottom: 8rem;

}



#diffusion_web #wrap_diffusion_texts > p:last-child {

    text-decoration: underline;

    text-transform: uppercase;

    margin-bottom: 0;

    font-size: 1.6rem;

}



#diffusion_web .border-mef2021-black {

    border: 8px solid #000645;

}



body.page-template-evenement-2 .wrap-reserve_ta_place {

    border-color: #000645;

    color: #000645;

}



body.page-template-evenement-2 .wrap-reserve_ta_place p {

    color: #000645;

}



.wrap-reserve_ta_place:hover {

    border-color: #5233C8;

    color: #000645;

}



body.page-template-evenement-2 .wrap-reserve_ta_place:hover {

    border-color: #5233C8;

    color: #000645;

}



body.page-template-evenement-2.page-id-1321 .wrap-reserve_ta_place:hover,

body.page-template-evenement-2.page-id-1343 .wrap-reserve_ta_place:hover {

    border-color: #FD0562;

    color: #000645;

}



body.page-template-evenement-2.page-id-1321 .overlay-artiste,

body.page-template-evenement-2.page-id-1343 .overlay-artiste {

    background-color: rgba(81, 50, 201, .7);

}





body.page-template-evenement-2 .footerBanner {

    display: none;

}



.page-template-evenement .footerBanner {

    margin-top: 7.5vw !important;

}



#autres_evenements a {

    position: relative;

}



#autres_evenements a:hover {

    background-image: none !important;

    background-color: transparent !important;

}



.other_event_over {

    position: absolute;

    width: 100%;

    top: 1.65rem;

    left: 0;

    opacity: 0;

    z-index: 1;

}



#autres_evenements a:hover .other_event_over {

    opacity: 1;

}



#autres_evenements p {

    position: relative;

    z-index: 2;

}