body, html {height:100%; margin: 0px; padding: 0px;
   background-image: linear-gradient(to right, #eee 0%, #eee 100%); } 

/* sert a placer le footer en bas mais HR ne fonctionne plus */
body {  display: flex;  flex-direction: column; } 

a:hover { color: white; text-decoration: none;	}
a:active, a:focus { color: green; }
p > a:link 	{ color: green ;  } 
p > a:visited   { color: green ; text-decoration: none;}
/* 								 menu 						 */
#haut {  position: sticky;  top: 0px; } 

div > a:link 	{ color: white ; text-decoration: none; } 
div > a:visited { color: white; }

nav { width: 100%; background-color: #A0A0A0;} /* couleur bandeau */  
nav > ul { margin: 0px; padding: 0px; solid #ffffff;}
nav > ul::after {content:"";display: block; clear: both;}
nav > ul > li { float: left; position: relative; }
/* taille menu */
nav > ul > li a {padding: 10px 45px; color: #FFF; } /* couleur menu FFF  */
 /*  barre sur le menu 7+3=10 pixels couleur (228,77,38,0.15) */
nav > ul > li:hover a {padding:7px 45px 10px 45px;} /* 45px espace entre les menus */
.menu:hover   {border-top:3px solid gray;  background-color: RBGa(0,255,0,0.15); } /* petite barre 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;}
/* menu */
.menu  a {color:#fff;}
.menu  a:hover {color:#fff;}
/* sous menus */
.submenu li { border-bottom: 1px solid #CCC; } /* lignes de separation solid #CCC */
/* texte  hauteur 15px largeur 200 px couleur  #222538 */
.submenu li a{ padding:50px 50px;font-size:15px;width: 300px;color:#220000;} /* largeur sous menu */
/* fond sous menu */
.submenu { background-color: gray }
.submenu li:hover a{color:#EEE;font-weight:bold;} 

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

/* 								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: #444; color: #fff;  /* background-color: #808080; */
   padding: 8px 0px; width: 100%;} /* */

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