body, html /* {height:100%; margin: 0px; padding: 0px;
   background-image: linear-gradient(to right, #0dd 0%, #0aa 100%); } */
 {height:100%; margin: 0px; padding: 0px; 
background-color:white; 
background-position:center center; 
background-image: url(/Windows/fonds/Windows01.webp);
height: 100%;
    background-position: center;
    background-size: cover;
   
color : #FFF;   /* blanc */
 } 
/* 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: white; }
p > a:link 	{ color: white ; text-decoration: none; } 
p > a:visited   { color: white ; }
/* ______________________________________ 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 #00f;  background-color: RBGa(0,255,0,0.15); } /* 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 */
/* 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;} 

nav > div {position: absolute; top: 10px;  right: 10px ; text-align: right;   color: white; font-weight: bold;}
/*  : position: absolute; top: 10px; right: 10px; */
 
/* ------------------ centrage -------------------------------------- */
.element {
  margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

/* ------------------ footer -------------------------------------- */

#bas {   position: sticky;  bottom:0; top: bottom; }

#footer { margin-top: auto;
  font-size: small; text-align: center; vertical-align: center; font-weight: small;
  background: #FFF0 ;  color: #000;  /* #2599C2; #cc9900 ; */
  padding: 8px 0px; width: 100%;}

#footer a { font-size: small; vertical-align: text-top; color: #fff; text-decoration: none;}