html {
height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; overflow: hidden;}

body {
height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; margin: 0; padding: 0;
font-family: helvetica, verdana, arial; color: #6e6e6e; /* gris moyen */ overflow: hidden;}


.case_menu { /* ********************************* POSITION des BLOCS MENU et CORPS */
float: left;
width: 25%;
height: 95%;
vertical-align: top;
padding: 0;
margin: 0;
border: 0px solid #000000;
}

.case_corps {
width: 72%;
height: 95%;
margin-left: 26%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
border: 0px solid red;
}

.menu { /* ****************************************************************** MENU */
width: 90%;
height: 100%;
vertical-align: middle;
margin: auto;
padding: 0;
border-collapse: collapse;
border: 0px dashed black;
font-size: 11px;
text-transform: uppercase; /* tout le texte sera écrit en majuscules */
}

.menu ul {
vertical-align: middle;
text-align: center;
margin: auto;
padding: 0;
}

.menu li {
list-style-type: none;
border-top: 1px solid #f1f1f4; /* gris très clair */
margin: 0;
padding: 1px;
text-decoration: none;
}

.menu li a {
color: #363636; /* gris foncé */
text-decoration: none;
}

.menu .rubrique_bleue a {
color: #0022b2; /* bleu */ text-decoration: none;}

.menu li a:hover {
color: #ff8822; /* ORANGE CUE */
text-decoration: none;
}

.menu .mentions a {
color: #c0c0c0; /* gris clair */
text-decoration: none;
}

.menu_dico { /* ****************************************************************** MENU */
width: 90%;
height: 100%;
vertical-align: middle;
margin: auto;
padding: 0;
border-collapse: collapse;
border: 0px dashed black;
font-size: 11px;
text-transform: uppercase; /* tout le texte sera écrit en majuscules */
}

.menu_dico ul {
vertical-align: middle;
text-align: right;
margin: auto;
padding: 0;
background-color: white;    /* #f1f1f4; /* gris très clair */
}

.menu_dico li {
list-style-type: none;
border-top: 1px solid white;
margin: 0;
padding: 1px;
text-decoration: none;
}

.menu_dico li a {
color: #363636; /* gris foncé */
text-decoration: none;
}

.menu_dico .rubrique_bleue a {
color: #0022b2; /* bleu */ text-decoration: none;}

.menu_dico li a:hover {
color: #ff8822; /* ORANGE CUE */
text-decoration: none;
}

.menu_dico .mentions a {
color: #c0c0c0; /* gris clair */
text-decoration: none;
}





.frame { /* ****************************************************************** le CORPS */
width: 100%;
height: 100%;
margin: auto;
padding: 0;
border: 0px dashed red;
text-align: center;
}