@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;


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

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

    }

    .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;}



    .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;
    }
/*
    .inscription{

        top:70vw !important;
        left:20vw !important;
       height:60vw !important;
        width:90vw !important;
        border-radius:4px!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;
       right:4vw;
       max-height: 15vw; 
       max-width: 15vw;
       display:none;

    }
    .screen_height{
        min-height: none;
    }
    .logo{
       /* display:none!important;*/
    }

    .displayBig
    {
        display : none!important;

    }
    .nodisplayBig{
        display : flex!important;

    }
    .logomobile{
        display:none!important;
    /*    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) {


    .btmenu{
       
       
        cursor:pointer;
    }
    .crossclose{
 
        display:none !important;
    }
    .menu{
 
        display:none !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:30vw !important;
        border-radius:4px!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.5vw !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;
    }
    .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{
s
        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

}


  }