@charset "utf-8";

/* Telephone */
@media screen and (max-width:767px), screen and (max-device-width: 767px){

    .page{
        width: 100%;
    }
    
    .colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12{
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 97%;
    }
    .repousse-colonne1,  .repousse-colonne2, .repousse-colonne3, .repousse-colonne4, .repousse-colonne5, .repousse-colonne6, .repousse-colonne7, .repousse-colonne8, .repousse-colonne9, .repousse-colonne10, .repousse-colonne11, .repousse-colonne12{
        margin: auto;
        margin-left: auto;
    }
    
    .visible-phone{display: block}
    .visible-tablet{display: none}
    .visible-desktop{display: none}
    .visible-large{display: none}
    .visible-touch{display: block}
    
    .hidden-phone{display: none}
    .hidden-tablet{display: block}
    .hiden-desktop{display: block}
    .hidden-large{display: block}
    .hidden-touch{display: none}
    
    
    
    
}/* Fin Telephone */








/* Teablette */
@media screen and (min-width: 768px) and (max-width:1024px){

    .page{
        width: 96%;
    }
    
    
    .visible-phone{display: none}
    .visible-tablet{display: block}
    .visible-desktop{display: none}
    .visible-large{display: none}
    .visible-touch{display: block}
    
    .hidden-phone{display: block}
    .hidden-tablet{display: none}
    .hiden-desktop{display: block}
    .hidden-large{display: block}
    .hidden-touch{display: none}
    
    .image-menu1{
        width: 100%;
    }
}/* Fin Teablette */








/* Petit PC */
@media screen and (min-width: 1025px) and (max-width:1299px){

    .page{
        width: 960px;
    }
    
    .visible-phone{display: none}
    .visible-tablet{display: none}
    .visible-desktop{display: block}
    .visible-large{display: none}
    .visible-touch{display: none}
    
    .hidden-phone{display: block}
    .hidden-tablet{display: block}
    .hiden-desktop{display: none}
    .hidden-large{display: block}
    .hidden-touch{display: block}
    
    .image-menu1{
        width: 100%;
    }
}/*Fin Petit PC */









/* HD*/
@media screen and (min-width: 1300px) {
    body{
        font-size: 100%;
    }
    .page{
        width: 90%;
        max-width: 1400px;
    }
    
    
    
    
    
    .visible-phone{display: none}
    .visible-tablet{display: none}
    .visible-desktop{display: none}
    .visible-large{display: block}
    .visible-touch{display: none}
    
    .hidden-phone{display: block}
    .hidden-tablet{display: block}
    .hiden-desktop{display: block}
    .hidden-large{display: none}
    .hidden-touch{display: block}
    
    .image-menu1{
        width: 100%;
    }
    
}/*Fin HD*/



/* hauteur*/
@media (max-height: 620px) {
  
    overflow-x: hidden;
    overflow-y: scroll;
}