body,html {  height: 100%; margin: 0px; padding: 0px;
   background-image: linear-gradient(to right, #555 0%, #d90 100%); }  /*#66ff33 0%, #f90 100%*/
   /*background-image: linear-gradient(to right, #333 0%, #d90 100%); } */
/* p {  margin: 20px; padding: 0px; } */

body {display:flex; flex-direction: column; }	/* pour le footer */


corps >a:link 	{ color: red; text-decoration: none; } 
corps >a:visited { color: red; }
corps >a:hover { color: red; text-decoration: none;	}
corps >a:active, a:focus { color: red; }


/*___________________________ menu ____________________________________*/
#haut { position : sticky; top: 0px  
 	 font-size: small; vertical-align: text-top; color: white; font-weight: bold;}
#milieu	 { position : sticky; top: 0px  
	 font-size: small; vertical-align: text-top; color: red; font-weight: bold;}

nav { width: 100%; background-color: #A0A0A0;} /* couleur bandeau */

nav > ul { margin: 0px; padding: 0px;}
nav > ul::after {content:"";display: block; clear: both;}
nav > ul > li { float: left; position: relative; }
/* taille menu */
nav > ul > li a {padding: 10px 35px; color: #FFF;} 
 /*  barre sur le menu 7+3=10 pixels couleur (228,77,38,0.15) */
nav > ul > li:hover a {padding:7px 35px 10px 35px;}
.menu:hover   {border-top:3px solid #ffffff; background-color: RBGa(255,255,0,0.15); }

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

.submenu {display: none } /* cacher les sous menu */

nav a{ display: inline-block; text-decoration:none;}

nav li:hover .submenu{display: inline-block; position: absolute; top: 100%; left: 0px; padding: 0px; z-index: 1000;}

/* sous menus */
.submenu li { border-bottom: 1px solid #CCC; } /* lignes de separation solid #CCC */
/*  sous menu  texte  hauteur 13px largeur 200 px couleur  #222538 */
.submenu li a{ padding:50px 50px;font-size:15px;width: 180px;color:#220000;} 

/* fond sous menu */
.submenu { background-color: gray }
.submenu li:hover a{color:#EEE;font-weight:bold;} 


nav > centrer {text-align: center; color: white;}

/* ------------------------------------------------------------- heure à droite --- */
nav > div {position: absolute; top: 10px;  right: 10px ; text-align: right;  color: white; font-weight: bold;} 

/* ------------------ footer -------------------------------------- */
#bas { position: sticky; bottom:0; top: bottom; }
/*#ligne {bottom: 100: top:bottom;}*/

#footer {  margin-top: auto; 
   font-size: small; text-align: center; vertical-align: center;
   background-color: #808080; color: #fff; 
   padding: 8px 0px; width: 100%;} /* */

#footer a {   font-size: small; vertical-align: text-top; color: white; font-weight: bold;}