@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');



.submenu {
    display: none;
    position: absolute;
    width: 15%;
    max-width:30vw;
    background-color: #d2442c;
   /* border: 1px solid #ffffff;*/
    padding: 10px;
left:20vw;
    bottom: 0;
}

.submenu li {
    margin: 0;
    padding: 0;
    border-bottom:#dddddd 1px solid;
}

.submenu li a {
    display: block;
    padding: 5px 0;
    color: #ffffff;
    text-decoration: none;
}

.submenu li a:hover {
    color: #093a64;
}


.drop-shadow1 {
    filter: drop-shadow(0 0 0.75rem #093b6485);
}

.drop-shadow2 {
    filter: drop-shadow(0vw 0vw 1vw #093b6485);
}

.text-shadow1 {
    text-shadow: 0 0 5px white;
}

#wdc {
    overflow-y: auto !important;
}

.ubuntu {
    font-family: 'Ubuntu', sans-serif;
}

.bt_agenda .bt_conf .bt_actu{
    font-family: 'Ubuntu', sans-serif !important;

}
/*mobile*/
@media screen and (max-width: 780px){

    .drone{
        top: 5vw;
       right:4vw;
       max-height: 15vw; 
       max-width: 15vw;
       display:none;

    }

    .btmenu{
       
        display:flex !important;
        cursor:pointer;
    }
    .crossclose{
 
        cursor:pointer;
    }
 

    .menu{z-index:1000000; font-weight:bold; font-size:4vw; width:100%; background:#f1f1f1;  position:absolute;text-align:center; }
    .menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
    .menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
    .menu li:hover{display: block;  color:#093b64;  background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
    .menu ul li a { text-decoration:none;  margin: 0px; color:white}
    .menu ul li a:hover {  color:#093b64; text-decoration:none;}
    .menu a{text-decoration:none; color:white}
    .menu a:hover{text-decoration:none; color:white;}







    /*timeline ligne verticale*/

    #flex_column_009_XYN {
        margin-right: 40px !important;
        background-position-x: right !important;
    }
    /* puce départ timeline */
#flex_column_008_IQP {

    justify-content: right !important;
    flex-direction: row-reverse !important;
    padding-right: 30px !important;
    
    }
    .bulle_droite{
        display: none !important;
    }
.puce{
    margin-right:-22px !important;
    margin-left:10px !important;
    min-height:65px !important;
    max-height:65px !important;
    min-width:50px !important;
    max-width:50px !important;
}

.titre_evt{
    font-size: 5vw !important;
    font-family: 'Ubuntu', sans-serif !important;
}
.descriptif_evt{
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 4vw !important;
}
.titre_rub{
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 6vw !important;
}
.repeated_evt{
    width: 25vw !important;
    height:25vw !important;
}
.date_actu1 {
visibility: visible !important;
position:absolute !important;
display: flex !important;
top: -8vw !important;
font-size: 4vw;
font-family: 'Ubuntu', sans-serif !important;
}
.dating{
    margin-top:9vw;
}
/* ------------ fin timeline ---------------------------------------------------*/

    .logobas {
        width: 60vw !important;
        top: 3vw !important;
        opacity: 1 !important;
    }

    .menubas {
        text-align: left !important;
        align-items: flex-start !important;
        padding: 5vw !important;
        font-size: 5vw !important;
        top: 20vw !important;
    }

    .sociaux {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding: 5vw !important;
        top: 65vw !important;
    }

    .icoreseau {
        height: 10vw !important;
        margin-right: 15vw !important;
        width: auto !important;
    }

    .adresse {
        text-align: right !important;
        align-items: flex-end !important;
        font-size: 5vw !important;
        padding-right: 4vw !important;
        top: 80vw !important;
        left: 0px !important;
        width: 100vw !important;
    }

    .text-pub {
        line-height: 4vw !important;
        font-size: 4vw !important;
        margin: 0px !important;
    }

    .top_pub {
        padding-top: 23vw !important;
    }
    .inscription{

      
        width:100vw !important;
        border-radius:4px!important;
        padding-left: 4vw !important;
        padding-right: 4vw !important;
    }
 

    .tournesols{
        min-height: 155vw !important;
        
    }

    .footer1 {
        min-height: 130vw !important;
    }

    .section2 {
        min-height: 110vw !important;
        background-position: 25% !important;
    }

    .section3 {
        min-height: auto !important;
    }

    .carte {
        height: 60vw !important;
        width: 40vw !important;
        margin: 4vw !important;
    }

    .paragraphe1 {
        font-size: 1.3vw !important;
        padding: 1.5vw !important;
        line-height: 2vw !important;
    }

    .text_carte1 {
        font-size: 2.6vw !important;
        padding: 3vw !important;
        line-height: 3.5vw !important;
    }

    .text_carte2 {
        font-size: 2.2vw !important;
        line-height: 2.6vw !important;
    }

    .drone {
        top: 5vw!important;
        right: 4vw!important;
        max-height: 15vw!important;
        max-width: 15vw!important;
    }

    .screen_height {
        min-height: none;
    }

    .logo {
    /*    display: none!important;*/
    }

    .displayBig {
        display: none!important;
    }

    .nodisplayBig {
        display: flex!important;
    }
/*
    .logomobile {
        display: flex!important;
        font-size: 10vw;
    }
*/
    .fontsize {
        font-family: 'Ubuntu', sans-serif;
        font-size: 3vw !important;
    }

    .fontsize2 {
        font-family: 'Ubuntu', sans-serif;
        font-size: 4vw !important;
    }

    .entete {
        justify-content: flex-start;
    }

    .menu_desktop {
        display: none!important;
    }

    .color_text_enligne {
        color: #093b64 !important;
        font-size: 3.5vw  !important;
        font-weight: 600 !important;
    }

    .enligne {
        justify-content: flex-start;
        position: relative;
        height: 4vw;
        width: 20vw;
        padding-right: 2vw;
        left: 0px;
        top: 8vw;
    }

    .avatar {
        position: relative;
        min-height: 8vw !important;
        min-width: 8vw !important;
        border: solid 0.2vw #093b64!important;
        border-radius: 4vw!important;
        outline: none!important;
        margin-left: 4vw!important;
    }

    .bloc_all_width {
        width: 100vw !important;
        padding: 4vw !important;
    }

    .noPadding {
        padding: 0px  !important;
        padding-bottom: 4vw !important;
    }

}

/*-------------*/
/*  desktop    */
/*-------------*/

@media screen and (min-width: 781px){

 /*timeline ligne verticale*/

 #flex_column_009_XYN {
    margin-right: 0px !important;
    background-position-x: 50% !important;
}

/* puce départ timeline */
#flex_column_008_IQP{


flex-direction: column !important;
justify-content: center !important;
margin-right: 0px !important;
}
.bulle_droite{
    display: flex !important;
}
.puce{
    margin-right:0px !important;
    margin-left:0px !important;
    min-height:50px !important;
    max-height:50px !important;
    min-width:50px !important;
    max-width:50px !important;
}

.titre_evt{
    font-size: 1.8vw !important;
}
.descriptif_evt{
    font-size: 1.2vw !important;
}
.repeated_evt{
    width: 8vw !important;
    height:8vw !important;
}







    .logobas {
        width: 38vw !important;
        top: 6vw !important;
    }

    .top_pub {
        padding-top: 7vw !important;
    }

    .text-pub {
        line-height: 1.4vw !important;
        font-size: 1.4vw !important;
    }
    .inscription{

        margin-top:4vw !important;
     }
    /*.inscription {
        top: 8vw !important;
        left: 70vw !important;
        height: 22vw !important;
        width: 22vw !important;
        border-radius: 11vw!important;
    }*/

    .tournesols{
        min-height: calc(70vw/1.77) !important;
        
    }

    .footer1 {
        min-height: calc(40vw/1.77) !important;
    }

    .section2 {
        min-height: calc(100vw/1.77) !important;
    }

    .section3 {
        min-height: calc(100vw/1.77) !important;
    }

    .carte {
        height: 30vw !important;
        width: 20vw !important;
        margin: 2vw !important;
    }

    .paragraphe1 {
        font-size: 1.3vw !important;
        padding: 1.5vw !important;
        line-height: 2vw !important;
    }

    .text_carte1 {
        font-size: 1.3vw !important;
        padding: 1.3vw !important;
        line-height: 1.5vw !important;
    }

    .text_carte2 {
        font-size: 1.1vw !important;
        line-height: 1.3vw !important;
    }

    .screen_height {
        min-height: calc(100vw/1.90) !important;
    }

    .nodisplayBig {
        display: none !important;
    }

  /*  .drone {
        top: 25vw;
        right: 10vw;
        max-height: 25vw;
        max-width: 25vw;
    }*/
    .drone {
        top: 5vw!important;
        right: 4vw!important;
        max-height: 15vw!important;
        max-width: 15vw!important;
    }
    .displayBig {
        display: flex!important;
    }

    .avatar {
        position: relative;
        min-height: 3vw;
        min-width: 3vw;
        border: solid 0.2vw white;
        border-radius: 2vw;
        outline: none;
        left: 0px;
    }

    .color_text_enligne {
        color: white !important;
        font-size: 1.2vw !important;
    }

    .entete {
        
        justify-content: flex-end;
    }

    .menu_desktop {
        display: flex!important;
    }

    .enligne {
        justify-content: flex-end;
        position: relative;
        color: white !important;
        height: 4vw;
        width: 20vw;
        padding-right: 2vw;
        left: 0px;
        top: 0px;
    }

    .logo {
        display: flex!important;
    }

    .logomobile {
      /*  display: none!important;*/
    }

    .fontsize {
        font-family: 'Ubuntu', sans-serif;
        font-size: 1.5vw !important;
    }

    .fontsize2 {
        font-family: 'Ubuntu', sans-serif;
        font-size: 2vw !important;
    }

}

@media screen and (min-width: 1200px){
    .logo {
        display: flex!important;
    }

    .logomobile {
        display: none!important;
    }

    .fontsize {
        font-family: 'Ubuntu', sans-serif;
        font-size: 1vw;
    }

    .fontsize2 {
        font-family: 'Ubuntu', sans-serif;
        font-size: 1.5vw;
    }

}