@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');

.fermer_ {
position: fixed;
  top: 2%;
  right: 2%;

  z-index: 88;
  padding: 15px 0;
  cursor: pointer;
}

.fermer_ img {
    width: 247px;
}

    .popin_p_mob { display: none;}


    .avatar_console_bt,
    .console_bt_ { display:none !important;}

    .mainAnimatedClass .avatar_console_bt, 
    html .mainClass .avatar_console_bt,
    .mainAnimatedClass .console_bt_, 
    html .mainClass .console_bt_ 
    
    
    
    { 
        display:flex !important;
    }



.modal {
    z-index: 97;
}
.modal-backdrop {
    z-index: 95;
}


.topbar { display: none;}

.col_1 .wrapper_header { padding:60px 60px 30px 60px;}
.col_1 p { 
    margin:20px 0;
    font-family: "Roboto", sans-serif !important; font-size:30px; 
    color: #ffffff;
    line-height: 1.1;
    font-weight: bold;
 }
.col_1 p span { font-weight: 100; display:block }
.texte_24 { 
    text-transform: uppercase; 
    color:#ffffff;
    font-family: "Roboto", sans-serif !important; 
    font-weight: 400; 
    font-size: 16px;
  margin: 0 0 -5px;
}
.num_24 {
    text-transform: uppercase; 
    color:#ffffff;
    font-family: "Roboto", sans-serif !important; 
    font-weight: bold; 
    font-size:30px
}

.col_2_content {
    text-align: center;
  align-self: center;

}

#header .landing-template-2023 .navigation {
    margin: 0 20px;
}



#header .landing-template-2023 #searchengine form input
{
  border-color: #fff;
}

#header .landing-template-2023 #searchengine .input-group
{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#header .landing-template-2024 #searchengine form input
{
    border-color: #fff;
  background-color: transparent;
}

.landing-template-2024 #searchengine {
    position: relative;
    z-index: 1;
}

.landing-template-2024 #searchengine .input-group-text
{
    border-color: #fff;
    border-right: none;
  background-color: transparent;
}

.landing-template-2024 #searchengine {
    width: 370px;
}

.landing-template-2024  #searchengine .input-group
{
  background-color: transparent;

}
#header .landing-template-2024 .navigation .nav-link 
{
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  font-weight: 300;
  width:26px;
  height: 26px;
  border:1px solid #ffffff;
  box-shadow: none !important;
  margin:0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .landing-template-2024 .navigation .nav-link:hover 
{
    background-color: #ffffff;

}

#header .landing-template-2024 .navigation .nav-link:hover span
{

    color:#00b2e8 !important
}

#header .landing-template-2024 .navigation .nav-link:nth-child(1)::after {
    background-color: transparent;
}

#header .landing-template-2024 .navigation .nav-link:nth-child(2)::after
{
    background-color: transparent;
}





#header .landing-template-2024 .navigation .nav-link span {
    color: #ffffff;
}
.landing-template-2024 .fas {
    font-weight: 100;
}





.landing-template-2024 { min-height: 335px; overflow:hidden}
.landing-template-2024 .col_1 {
    background: linear-gradient(90deg, rgb(0, 170, 255) 0%, rgb(0, 200, 170) 100%);
}
.landing-template-2024 .col_2 {
    display: flex;
    align-content: center;
    background-color: #ffffff;
    justify-content: center;
}




.landing-template-2024 .col_2 img { width:70%; }


#header .header_col { 
    position:relative; 
    height:100% 
}







.modal-body {
    text-align: center;
}


.main_1924_Class .post-card .body { padding: 0 5px 0 11px; }

.main_1924_Class .body h1, .main_1924_Class .body p { display:none }
.body .txt_1924 h1, .body .txt_1924 p { display:block }
.mainAnimatedClass #header .header_col::after {
    opacity: 0;
}
#header .header_col::after {
    content:"";
    position: absolute;
    background-image : url('/wp-content/uploads/2024/03/header.jpg');
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    top:0;
    left:0;
    background-repeat: no-repeat;
}


/* 

TRANSITION
 
*/


#header .header_col::after { transition: opacity 3s ease; }

.mainAnimatedClass .card-content { transition: all 2s ease; }
.mainAnimatedClass .rubrique { transition: all 2s ease; transition-delay: 4s; }
body article header::before { transition:opacity 3s; }
.lp_::before { transition:opacity 3s; }


.mainClass #header .header_col::after, 
.mainClass .post-card,
.mainClass .card-content,
.mainClass .rubrique,
html .mainClass article header::before,
.mainClass .lp_::before 
{
    transition: none !important;
}






/* 

LP 1924 

*/


.main_1924_Class .post-card footer { opacity:0; }

.main_1924_Class .card-content { 
    background-color: transparent; 
    opacity:1;
}
.main_1924_Class .header_col { 
    display:block 
}

.main_1924_Class #header .landing-template-2024 .navigation {
    z-index: 0;
}
html .main_1924_Class .post-card {
    box-shadow: 0 0 0rem 0rem rgba(0, 0, 0, 0) !important;
    border-radius: 0 !important;
    background-image: 
    url('/wp-content/uploads/2024/03/br-t1924.jpg'), 
    url('/wp-content/uploads/2024/03/br-l1924.jpg'), 
    url('/wp-content/uploads/2024/03/br-t1924.jpg'), 
    url('/wp-content/uploads/2024/03/br-l1924.jpg');

    background-position: left top, left top, left bottom, right top !important;
    background-repeat: no-repeat, no-repeat, no-repeat no-repeat !important;
    background-color: transparent;

}

.main_1924_Class .post-card header figure {
    opacity:0 !important
}

.main_1924_Class article header {
    padding: 16px 16px 0 16px;
}
.main_1924_Class article header figure {
    height: 172px !important;
}
.main_1924_Class .lp_ { 
    background: none !important;
}


.main_1924_Class article .rubrique  { 
    left: -200px;
}
.main_1924_Class #header .header_col::after {
    opacity: 1;
}

.main_1924_Class .post-card .body .h1, 
.main_1924_Class .post-card .body p {
    font-family: "Playfair Display", sans-serif;
    color:#000000;
}
.main_1924_Class .post-card .body p {
    font-size: 17px;
    line-height: 25px;
}

.main_1924_Class .post-card .body h1 {
    font-size: 22px !important;
    color: #000000 !important;
}


.main_1924_Class .card-content footer {
    display:none;
}



/* 

MAINCLASS 2024 

*/



.mainAnimatedClass .card-content, html .mainClass .card-content
{
    opacity: 1;
    background-color: #ffffff;
}




.mainAnimatedClass .rubrique, html .mainClass .rubrique {  
    left: 20px;
}

.mainAnimatedClass article header::before, html .mainClass article header {
    opacity:0;
    width:100%;
}

.mainAnimatedClass .landing-template-2023 .post-card,
html .mainClass .landing-template-2023 .post-card {
    box-shadow: 0 0 0.4rem 0.2rem rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
}




.mainAnimatedClass .body h1, .mainAnimatedClass .body p, 
html .mainClass html .body h1, html .mainClass .body p  { 
    display:block 
}

.mainAnimatedClass .body .txt_1924 h1, 
.mainAnimatedClass .body .txt_1924 p,
html .mainClass .body .txt_1924 h1, 
html .mainClass .body .txt_1924 p { 
    display:none 
}

#landing-59 { background-color: transparent;}

.main_1924_Class .la_couleur { display:none; }
.la_couleur {
    background-image: url("/wp-content/uploads/2024/03/cent_p.png") !important;
    background-attachment: fixed;
    background-position: center;
    z-index: -1;
    height: 100vh;
    position: fixed;
    width: 100%;
    top: 0;
  left: 0;
}


.mainAnimatedClass .za, html .mainClass .za {
    width:1900px;
    background: rgb(8,27,86);
    /*background: linear-gradient(76deg, rgba(232,232,234,0) 0%, rgba(232,232,234,0) 21%, rgba(64, 64, 196, 0.3) 39%, rgba(232,232,234,0.5) 61%, rgba(232,232,234,0) 79%, rgba(232,232,234,0) 100%);*/
    background: radial-gradient(circle, rgb(145, 145, 216) 0%, rgba(64,64,196,0.34) 13%, rgba(0,212,255,0) 30%);
    animation: animat__ 21s ease infinite running;
    animation-delay: -2s;
    height: 800px;
    position: fixed;
    z-index: -2;
    left: 0;
}


.mainAnimatedClass .za_1, html .mainClass .za_1 {
    width:2500px;
    background: rgb(8,27,86);
    /*background: linear-gradient(76deg, rgba(232,232,234,0) 0%, rgba(232,232,234,0) 21%, rgba(64, 64, 196, 0.3) 39%, rgba(232,232,234,0.5) 61%, rgba(232,232,234,0) 79%, rgba(232,232,234,0) 100%);*/
    background: radial-gradient(circle, rgba(231,246,55,1) 0%, rgba(255, 245, 47, 0.44) 12%, rgba(255,250,0,0) 30%);
    animation: animat__1 15s ease infinite running;
    animation-delay: -5s;
    height: 900px;
    position: fixed;
    z-index: -2;
    left: 0;
}

.mainAnimatedClass .za_2, html .mainClass .za_2 {
    width:1000px;
    background: rgb(8,27,86);
    /*background: linear-gradient(76deg, rgba(232,232,234,0) 0%, rgba(232,232,234,0) 21%, rgba(64, 64, 196, 0.3) 39%, rgba(232,232,234,0.5) 61%, rgba(232,232,234,0) 79%, rgba(232,232,234,0) 100%);*/
    background: radial-gradient(circle, rgba(112,209,111,1) 0%, rgba(64,196,87,0.44) 12%, rgba(67,255,0,0) 38%);
    animation: animat__2 22s ease infinite running;
    animation-delay: -6s;
    height: 900px;
    position: fixed;
    z-index: -2;
    left: 0;
}

.mainAnimatedClass .za_3, html .mainClass .za_3 {
    width:1000px;
    background: rgb(8,27,86);
    /*background: linear-gradient(76deg, rgba(232,232,234,0) 0%, rgba(232,232,234,0) 21%, rgba(64, 64, 196, 0.3) 39%, rgba(232,232,234,0.5) 61%, rgba(232,232,234,0) 79%, rgba(232,232,234,0) 100%);*/
    background: radial-gradient(circle, rgba(246,82,55,1) 0%, rgba(255, 43, 43, 0.355) 11%, rgba(255,0,50,0) 38%);
    animation: animat__3 17s ease infinite running;
    animation-delay: -8s;
    height: 900px;
    position: fixed;
    z-index: -2;
    left: 0;
}





html .mainClass #header .header_col::after {
    display:none;
}

html .mainClass .post-card footer { 
    display: flex !important;
    opacity: 1;
 }

html .mainClass .post-card header::before {
    background-image: none !important;
}


html .mainClass  article header {
    padding: 0;
    opacity: 1;
}
html .mainClass  article header figure {
    height: 172px !important;
}
html .mainClass  .lp_ { 
    background: none !important;
}



.main_1924_Class #header .header_col::after {
    opacity: 1;
}







/* 
linear-gradient(96deg, rgba(232,232,234,0) 0%, rgba(232,232,234,0) 21%, rgba(64, 64, 223, 0.5) 39%, rgba(232,232,234,0.5) 61%, rgba(232,232,234,0) 79%, rgba(232,232,234,0) 100%)

*/



.background_event, header {
    position: relative;
    z-index: 1;
 }

.b1924_ {
    position: fixed;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.b1924_0 {
    background-image : url('/wp-content/uploads/2024/03/b0-min.jpg');
}

/*
.b1924_1 {
    background-image : url('/wp-content/uploads/2024/03/b1-min.png');
}
.b1924_2 {
    background-image : url('/wp-content/uploads/2024/03/b2-min.png');
}
.b1924_3 {
    background-image : url('/wp-content/uploads/2024/03/b3-min.png');
}
.b1924_4 {
    background-image : url('/wp-content/uploads/2024/03/b4-min.png');
}
.b1924_5 {
    background-image : url('/wp-content/uploads/2024/03/b5-min.png');
}

*/










.header_col {display: none;}




article header {
    padding: 0;
  
}


.post-card header figure
{
  position: relative;
  height: inherit ;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}









body article header::before {
    content:"";
    width:calc(100% - 32px);
    height: 100%;
    position:absolute;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    opacity:1;
    width:calc(100% - 32px);
}

.post-card[data-id="20643"] header::before {
    background-image: url('/wp-content/uploads/2024/03/v1914_1.jpg') !important;
}

.post-card[data-id="20645"] header::before {
    background-image: url('/wp-content/uploads/2024/03/v1914_2.jpg') !important;
}

.post-card[data-id="20647"] header::before {
    background-image: url('/wp-content/uploads/2024/03/art___3.png') !important;
}

.post-card[data-id="20638"] header::before {
    background-image: url('/wp-content/uploads/2024/03/art___4.png') !important;
}


.post-card[data-id="20649"] header::before {
    background-image: url('/wp-content/uploads/2024/03/art_5.jpg') !important;
}

.lp_ {
    margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.mainAnimatedClass .lp_, .mainClass .lp_ {
  cursor: pointer;
}

.lp_::before { 
    content:"";

    height: 100%;
    position:absolute;
    z-index: 1;
    background-position: center center;
  
    opacity:1;

    background-image: url('/wp-content/uploads/2024/03/reclame.jpg');
    background-size: 84%;
    background-position: center !important;
    border-radius: 16px;
    height: calc(100%);
    overflow: hidden;
    left: 0;
    top: 0;
    width: calc(100%);
    background-repeat: no-repeat;

}


.mainAnimatedClass .lp_::before, html .mainClass .lp_::before {
    background-image: url(/wp-content/uploads/2024/03/2024_odyssee_Total-2.jpg);
background-size: cover;
}


.blocked #pop_up_vid { display:none !important;}



.lp_ .rubrique { display:none !important; }


















.card-content
{

    opacity: 0;

        background-color: #e3d2a9;
  

   
}













.modal-content {
background-color: transparent;
  border: none;
}

.close {
    position: absolute !important;
    top: 0;
    right: 0 !important;
    left: inherit; 
    font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  background-color: #000000 !important;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  z-index: 99;

}

.close:hover {
    color: #ffffff !important;
    text-decoration: none;
  }


.modal-header { border:none;}

#contactbar, #ours, #footer {
    z-index: 1;
    position: relative;
}



.b_bleu { width:100%; position:relative; }



@keyframes animat__ {
    0% {
        left:-1200px;
        bottom:5vh;
     }
    
   100% {
         left: calc(100% + 500px);
         bottom:50vh;
   
   }
}

@keyframes animat__1 {
    0% {
       left:-1500px;
       bottom:-20vh;
    }
   
  100% {
        left: calc(100% + 500px);
        bottom: 30vh;
  
  }
}

@keyframes animat__2 {
    0% {
       left:-800px;
       bottom:-10vh;
    }
   
  100% {
        left: calc(100% + 500px);
        bottom: 70vh;
  }
}

@keyframes animat__3 {
    0% {
       left:-800px;
       bottom:-30vh;
    }
   
  100% {
        left: calc(100% + 500px);
        bottom: 70vh;
  }
}











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

#header .header_col::after {
    content:"";
    position: absolute;
    background-image : url('/wp-content/uploads/2024/03/header_mob.jpg');
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    top:0;
    left:0;

}
}