.menu_2 {
background-color: black;
min-width: 10%;
max-width: 100%;
height: auto;
}

img {
border: none;
margin: 0px;
vertical-align: top;
border: 0px solid;
min-width: 10%;
max-width: 100%;
height: auto;
}

body
{
background-color: black;
min-width: 10%;
max-width: 100%;
height: auto;
}

.case-gauche {
background-color: white;
min-width: 10%;
max-width: 100%;
height: auto;
}

.menu-gauche {
background-color: #CCC5B2;
min-width: 10%;
max-width: 179px;
height: auto;
}

.main {
background-image: url("fond-barre-recherche-droite.gif");
background-repeat: repeat;
min-width: 10%;
max-width: 100%;
height: auto;
}

.specialtab
{
background-color: white;
min-width: 10%;
max-width: 100%;
height: auto;
}

table {
border: none;
min-width: 10%;
max-width: 98%;
height: auto;
}

.table2 {
border: 1px solid gray;
cellpading: 1px;
cellspacing: 1px;
min-width: 10%;
max-width: 100%;
height: auto;
}

h1 {
font-family: Verdana;
font-size: 24px;
margin-top: 30px;
margin-left: 10px;
margin-bottom: 50px;
}

h2 {
font-family: Verdana;
font-size: 20px;
margin-top: 30px;
margin-left: 10px;
font-weight: bold;
}

h3 {
font-family: Verdana;
font-size: 18px;
margin-top: 30px;
margin-left: 10px;
font-weight: bold;

}

h4 {
font-family: Verdana;
font-size: 17px;
margin-top: 30px;
margin-left: 10px;
font-weight: bold;
}

h5 {
font-family: Verdana;
font-size: 16px;
margin-top: 30px;
margin-left: 10px;
font-weight: bold;
}

.footer-right {
background-image: url("fond-barre-recherche-droite.gif");
background-repeat: repeat;
min-width: 10%;
max-width: 100%;
height: auto;
}

.menu {
font-size: 16px;
margin-left: 5px;
min-width: 10%;
max-width: 100%;
height: auto;
}

.menu_1 {
font-size: 16px;
margin-top: 10px;
margin-left: 5px;
font-weight: bold;
min-width: 10%;
max-width: 100%;
height: auto;
}


.navigation {
color: white;
margin-top: 2px;
margin-bottom: 2px;
font-family: Verdana;
font-size: 16px;
text-decoration: none;
margin-top: 3px;
margin-bottom: 3px;
}


li {
	text-decoration: none;
	font-family: Verdana;
	font-size: 14px;
        text-align: left;
        margin-left: 1px
        padding-left: 1px;
        margin-top: 5px;
        margin-bottom: 5px;
}

a {
font-family: Verdana;
font-size: 14px;
text-decoration: none;
color: black;
margin-top: 3px;
margin-bottom: 3px;
}

.categories {
margin-top: 0px;
min-width: 14%;
max-width: 100%;
height: auto;
}

.table_main {
border: 0px;
vertical-align: top;
margin: 0px;
padding: 0px;
height: auto;
}

.case {
margin-top: 20px;
margin-bottom: 20px;
margin-right: 80px;
margin-left: 20px;
background-image: url("bg_block_lvl1.jpg");
background-repeat: x-repeat;
text-align: center;
min-width: 10%;
max-width: 100%;
height: auto;
}

p {
font-family: Verdana;
margin-left: 10px;
font-size: 16px;
}

.liens {
font-family: Verdana;
font-size: 13px;
color: black;
}

ul li {list-style-type :none;}

.partie
font-family: Verdana;
font-size: 16px;
color: gray;
margin-left: 2px;
font-weight: bold;
}

.1 {
font-weight: bold;
}

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

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

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        min-width: 10%;
        max-width: 100%;
        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é */
        min-width: 10%;
        max-width: 100%;
        height: auto;
    }
    
    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;
    }
    
    /* Un message personnalisé */

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }
}