@media (min-width: 740px)
{
    #menu2{
        display: none ;
    }

    #titre{
        margin-left :400px;
        margin-top: 50px;
        font-weight: 900 !important;
       font-size: xx-large !important;
   
       background: -webkit-linear-gradient(45deg,#404040, #D2D1D6 80%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
  
      font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }

   #menu{
    position: absolute;
            width: 300px;;
           top:40px;
           left: 50px;
   }

#smenu{
margin-top: 20px;

}


#adresse{
    background-image: url("../images/cadre.png");
    font-size: small;
    

    color : #404040;

}


#horaire{
    width: 300px;
    margin-top: 50px;
}

#logoSeet{

            width: 300px;
    
            cursor: grab;
    }
button{
       width: 300px;
       font-weight: 900 !important;
       font-size: x-large !important;
       color:#D1D5D8  !important;
       border: #D5840E solid 2px !important;
      font-family: sans-serif;
      
       background: -webkit-radial-gradient( #666668, black  ) !important;
       margin-top: 5px;
   }
   button:active{
    background: -webkit-radial-gradient( #D2D1D6 ,#404040 ) !important;
   }
   #imgruban{
       position: relative;
    width: 60%;
top:10px;
left:400px;
cursor: grab;


}

.certification{
    margin-top: 20px;
}


#texte > h2 {
    text-align: left;
    margin-top:50px;
}
p{
    font-size: larger;
    font-weight: bold;
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;
    color: #404040 ;
}
  #menumobile{
      display:none;
  }
}

@media (max-width: 739px)
{
#menu2{
    position : fixed;
    z-index: 100;
    width: 100%;
    top:0px;
    left:0px;
}
    .navbar{
        background-color:rgb(27, 26, 26) !important;
        
    }
    .navbar-light .navbar-brand {
        color: white !important
    }
    .btn-riad{
    
        display: block;
        margin:0 auto;
        color:#D1D5D8  !important;
        border: #D5840E solid 2px !important;
        font-family: sans-serif;
        font-weight: bold;
        background: -webkit-radial-gradient( #666668, black  ) !important;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 95%;
    }

    .certification{
        margin-top: 20px;
    }


#logoSeet{display: none; }
#menu{display:none;}
#imgruban{
    position: relative;
    width: 100%;
top:10px;

cursor: grab;

}
#titre{
 
text-align: center;
    font-weight: 900 !important;
   font-size: xx-large !important;
margin-top: 70px;
   background: -webkit-linear-gradient(45deg,#404040, #D2D1D6 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}


#texte > h2 {
    text-align: center;
    margin-top:50px;
}
p{
    font-size: large;
    font-weight: bold;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
    color: #404040 ;
}

}