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

.color-white{

    color: white !important;
    }
    .color-orange{
        color : #D5452A !important;
    
        
    }
    .color-black{
        color:black !important;
    
    }
    .color-bleu{


        color: rgb(9 59 100) !important;
    }

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

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

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

.text-shadow2{

    text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px !important;;
}


#wdc{

    overflow-y: auto !important;
   background-color:white !important;
}
.ubuntu {
    font-family: 'Ubuntu', sans-serif;


}

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

  

    .sombre{

        text-shadow:none !important;
        color: rgb(9 59 100) !important;
    }

    .sombre1{

        text-shadow:none !important;
        color: black !important;
    }

  .ampoule{
    display:flex !important;
    position: relative;height: 55vw !important;
    top: 40px !important;
    min-width: 110vw !important;
    background-image: url(./sites/sitma/images/ampoule4.png) !important;
    background-size: contain !important;
    margin-left: -4vw !important;
    outline: none !important;
    background-repeat: no-repeat !important;
  }
  
  
    .intro_footer{

min-height : auto !important ;

    }
    .bg2{

        background-image: url(./sites/sitma/images/partie2c.jpg)  !important;
    background-size: 100%  !important;
    background-repeat: no-repeat  !important;
    }

    .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{

        top:70vw !important;
        left:20vw !important;
        height:60vw !important;
        width:60vw !important;
        border-radius:30vw!important;
    }
    .tournesols{
        min-height: 140vw !important;
        
    }
    .footer1{
        min-height: 130vw !important;
        
    }

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

    }

    .carte{

        height: 105vw !important;
        width: 75vw !important;
        margin: 4vw !important;
    }

    .paragraphe1{

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

    .text_carte1{

        font-size: 5vw !important;
        padding: 4vw !important;
        line-height: 5vw !important;
    }

    .text_carte2{

        font-size: 3.5vw !important;
        line-height: 3.5vw !important;
        padding-top: 3.5 !important;
    }

    .dieze{
        font-size: 6vw !important;

    }
.row1{

    /*margin-top: -45px !important;*/
}

.font2{

font-size: 4vw !important;

}
.font3{
  /*  color : white !important ;  */
    font-size:5vw !important;
}
.font4{
    color : white !important ;
        font-size:6vw !important;
    }

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

    }
    .part1{

        background-image: url(https://wdc.sitma-asso.com/sites/sitma/images/partie1d.jpg) !important;
        background-size: 100vw !important;
        background-position: top right !important;
        background-repeat: no-repeat !important;
        min-height: none !important;
        min-height: 160vw !important;
        /*background-color: #bfc9c8 !important;*/

    }
    .logos_partenaires{

        width:20vw !important;
    }
    .Ml60{

        width:65vw !important;
        
         }
    .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: 4vw !important;
        text-align: left !important;*/
        font-family: 'Ubuntu', sans-serif;
        font-size: 4vw !important;
        text-align: left !important;
        text-shadow: none !important;
        color: black !important;
        text-align: justify !important;
        margin-right: 4vw!important;
    
    }
    .fontsize2 {
        font-family: 'Ubuntu', sans-serif;
        font-size:4vw !important;
        text-align: left !important;
        padding: 0px !important;
    
    }
    .fontsize3 {
        font-family: 'Ubuntu', sans-serif;
        font-size: 4vw !important;
        text-align: right !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;

    }
    .bloc_all_width2{
        width:100vw !important;
    padding-right: 8px !important;
    padding-left: 8vw !important;
    padding-top: 0px !important;
    padding-bottom: 4vw !important;
        
            }
    .noPadding{
        padding:0px  !important;
        padding-bottom: 4vw !important;
    }

    .btn2{
        margin-right: 2vw !important;
    }

    .mnu1{

        display:none;
    }


#flex_row_006_YYU{

    justify-content: center !important;
width:96vw !important;
}

.space{
    width:30vw !important;
}
  }

   /*desktop*/






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


    .ampoule{
        display:none !important;
      
      }
      
    .font2{

        font-size: 2vw !important;
        }
        .font3{
           
                font-size:3vw !important;
            }
        .font4{

        font-size: 4vw !important;
        }
    .btmenu{
       
       
        cursor:pointer;
    }
    .crossclose{
 
        display:none !important;
    }
    .menu{
 
        display:none !important;
    }

    .logobas{

        width:38vw !important;
        top:6vw !important;
        
            }
    .top_pub{
        padding-top:2vw !important;
   
    }

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

        top:8vw !important;
        left:70vw !important;
        height:22vw !important;
        width:22vw !important;
        border-radius:11vw!important;
    }

    .tournesols{
        min-height: calc(55vw/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;
    }
    .part1{

        background-image: url(https://wdc.sitma-asso.com/sites/sitma/images/partie1.jpg) !important;
        background-size: 100vw !important;;
        background-position: right top !important;
        background-repeat: no-repeat !important;
    
       min-height: calc(100vw/1.79) !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

}


  }