#wdc {
    overflow-y: auto !important;
}
#wdc-content {
background-color: transparent !important;
}
.color-white{

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

    .color-bleu{
        color : #0c4470 !important;
    
    }
  


    .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;
            }
    
    .text-shadow2{
    
        text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px !important;;
    }
    

    

.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;
}
/*----------------------------------------------*/
/*           mobile                 */
/*----------------------------------------------*/
@media screen and (max-width: 780px) {



.swap_to_column{

    flex-direction: column !important;
width: 100% !important;
max-width: none !important;
min-height :initial !important;
margin-left: 0!important;
}    
.swap_to_display{

  display:none !important;
}    
.swap_to_text_justify{
font-size: 3vw !important;
padding-left:4vw !important;;
padding-right:4vw !important;;
text-align:justify !important;
}  

.swap_to_text_center{
    font-size: 3vw !important;
    padding-left:4vw !important;;
    padding-right:4vw !important;;
    text-align:center !important;
    }  

.space_top_bottom_5vw {
margin-top:5vw !important;
margin-bottom:5vw!important;
}  

.order_first {
    
   order:-1 !important;

    }  




.prochaine1{

font-size:3vw !important;

}

.prochaine{

    height: 55vw  !important;
    width: 55vw  !important;
    border-radius: 35vw  !important;
    left: -100px !important;

}



.footer1{

    min-height: 130vw !important;

}

.titre2{

display:none;

}
.trophee0_text{

    /*text-align: left !important;*/
     font-size: 3vw  !important;; 
     padding-left: 0  !important;; 
     padding-top: 0  !important;;
}

.trophee0_title{
    font-size: 2vw  !important;; 
   /* color : #0c4470 !important;*/
}
.trophee1_rondo{

    height: 40vw !important;
    width: 40vw !important;
}
    .trophee0{
order:1 !important;
top:0px !important;
width: 75vw !important;
height:40vw !important;

    }

    .trophee4{
      /* order:1 !important;*/

      min-width: 60vw !important;
      height: 40vw !important;
      min-height: 155vw !important;
            }
            .trophee4-text{
                /* order:1 !important;*/
          
               font-size : 3vw !important;
                  
                      }

.partie2{

background-position: -55vw -15vw !important;
 /*   min-height:148vw !important;*/
}

    .trophee1{
        order:2 !important;
height:45vw !important;
    }
.intro0{

   flex-wrap: wrap;
}
.part1{
    background-image: url(./sites/sitma/images/jcbonnet3a.jpg) !important;
   /* min-height:115vw !important;*/

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

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

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

    .fontsize4 {
        font-family: 'Ubuntu', sans-serif;
        font-size: 4vw !important;
    
    }
    .enligne{
        position: relative;
        height: 4vw;
        width: 100vw;
        padding-right: 2vw;
        left: 0px;
        color: rgb(0, 0, 0);
        outline: none;
        display: flex;
    }

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

    }


    .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;
    }
    .menu_desktop {
        display : none!important;;

    }
   .enligne{
        display : none!important;

    }
}



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

    .titre0{

        display:none !important;

        
        }
    .enligne{
        display : flex!important;
        justify-content: flex-end;

    }

    .menu_desktop{
        display : flex !important;

    }
    .fontsize {
        font-family: 'Ubuntu', sans-serif;
        font-size: 3vw !important;
        text-align: left !important;
    
    }
    .fontsize2 {
        font-family: 'Ubuntu', sans-serif;
        font-size:3vw !important;
    
    }

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


    .fontsize3 {
        font-family: 'Ubuntu', sans-serif;
        font-size: 3vw !important;
        text-align: right !important;
    
    }

   


}