@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    element1,
    element2 {
        float: none;
        width: auto;
    }
    
    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }

    

}



nav  { border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;}
p {margin-bottom:.6em}
.reply {margin-bottom:.8em}

#menu, #menu ul{ padding:0; margin:0; list-style:none; text-align:center; }
#menu li{ display:inline-block; position:relative; border-radius:8px 8px 0 0; }
#menu ul li{ display:inherit; border-radius:0; }
#menu ul li:hover{border-radius:0; }
#menu ul li:last-child{border-radius:0 0 8px 8px; }
#menu ul{z-index:1000; position:absolute; max-height:0; left:0;right:0; overflow:hidden; -moz-transition: .8s all .3s; -webkit-transition: .8s all .3s; -o-transition: .8s all .3s; -ms-transition: .8s all .3s; transition: .8s all .3s; }
#menu li:hover ul{ max-height:15em; }
#menu li:first-child{
background-color: #65537A;
background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
#menu li:nth-child(2){
background-color: #729EBF;
background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
#menu li:nth-child(3){
background-color: #F6AD1A;
background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}
#menu li:nth-child(4){
background-color: #05537A;
background-image:-webkit-linear-gradient(top, #05537A 0%, #2C2333 100%);
background-image:linear-gradient(to bottom, #05537A 0%, #2C2333 100%);
}
#menu li:nth-child(5){
background-color: #FF0000;
background-image:-webkit-linear-gradient(top, #FF537A 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #FF537A 0%, #2A2333 100%);
}
#menu li:last-child{
background-color: #CFFF6A;
background-image:-webkit-linear-gradient(top, #CFFF6A 0%, #677F35 100%);
background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
}
#menu li:first-child li{ background:#2A2333; }
#menu li:nth-child(2) li{ background:#333A40; }
#menu li:nth-child(3) li{ background:#9F391A; }
#menu li:last-child li{ background:#677F35; }
#menu li:first-child:hover, #menu li:first-child li:hover{ background:#65537A; }
#menu li:nth-child(2):hover, #menu li:nth-child(2) li:hover{ background:#729EBF; }
#menu li:nth-child(3):hover, #menu li:nth-child(3) li:hover{ background:#F6AD1A; }
#menu li:last-child:hover, #menu li:last-child li:hover{ background:#CFFF6A; }
#menu a{ text-decoration:none; display:block; padding:8px 32px; color:#fff; font-family:arial; }
#menu ul a{ padding:8px 0; } #menu li:hover li a{ color:#fff; text-transform:inherit; }
#menu li:hover a, #menu li li:hover a{ color:#000; }


#lien-footer {
color:#333
}