<!--  style de page  -->
body{white-space:nowrap;}
body{background:#D0E3FD;height:4054px ;}
ul,li {display:;list-style : none;white-space:nowrap;text-decoration: none !important;}
h1,h2,h3,h4,h5{text-align:center;color:#000000}
/*#top {position:absolute;width:1450px;height:150px; background:url(image/ciel_couchant.jpg);background-size: 1449px 150px;z-index:1}*/
#top {position:absolute;width:1450px;height:150px; background:url(image/ciel_couchant.jpg);background-size: 1449px 150px;top:0px;z-index:14}
/*#haut {position:absolute;width:1450px;height:150px; background:url(image/ciel_couchant.jpg);background-size: 1449px 150px;z-index:1}*/
#left {position:absolute;padding-left:2px;top:160px;width:330px;height:2752px;background:#D0E3FD;z-index:11}
#mid {position:absolute;left:341px;top:160px;width:911px;height:2750px;background:url(image/ciel_nuageux.jpg);background-size:cover; z-index:2}
#right {position:absolute;top:160px;left:1252px;width:206px;height:2751px;background:#D0E3FD}
#bottom-left {position:absolute;top:2910px;width:330px;height:954px;background:#D0E3FD;border:0px solid white;border-radius:6px;z-index:13}
#bottom {position:absolute;top:2911px;left:2px;width:1020px;height:1150px;background:#D0E3FD;border:0px solid silver;z-index:12}
iframe {margin-left:0px;border:1px solid white;border-radius:6px;background:#DCDCE6}
#frame1,#frame2,#frame3{background-color:#CED5E5;width:297px;height:121px}
#frame4{background:url(image/2025-1.jpg);background-size:cover;height:780px;padding-left:40px}
#frame5{width:630px;height:445px;padding-left:40px }
#frame6{height:765px;padding-left:2px;width:795px}
#frame7{margin-left:330px; background-color: #DCDCE6;width:1120px; height:768px;loading:lazy; }
#frame8{position:relative;margin-left:300px;top:30px}
#frame9{}
/*img{loading:lazy;}*/
#cal{margin-left:325px}
a{text-decoration: none;}
a:hover{background:#3E3E3E;color:white}
img{border-radius:5px;}
#table-2{width:720px;background-color:#D0E1E6}
#th1{width:180px}
#th2{width:180px}
#th3{width:180px}
#th4{width:180px}
#menu, #menu ul /* Liste */
{width:100%;
padding :0px; /* pas de marge intérieure */
margin :0px; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height :30px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */
{position:absolute;z-index:6;top:-6px;left:0px;
font-weight:normal; /* on met le texte en gras */
font-family:tahoma; /* choix de police */
font-size:13px;color:#FFF63E; /* hauteur du texte : 13 pixels */
background-image: linear-gradient(#D2D4D4,#444,#C0C0C0);  /* style du menu*/
}
#menu a{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0px; /* aucune marge intérieure */
 /* couleur de fond */  ;    
color: white ;  /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 142px; /* largeur */
}
#menu li /* Éléments des listes */     
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 0px solid silver;border-top : 0px solid silver;border-bottom: 0px solid silver;border-left: 0px solid silver /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
border-left:  px solid #c0c0c0 ;   border-right:px solid #fff ;/* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{text-align:left;white-space:nowrap;
position: absolute; /* Position absolue */
width: 140px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{width:200px;background : #737373;
/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 0px solid #c0c0c0; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li               
{
/* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul
{ 
margin    : -30px 0 0 200px ;/*On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left     : 0px solid #c0c0c0; /* Petite bordure à gauche pour ne pas coller ... */     
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul               
{
border-left: 0px #c0c0c0 ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{position:absolute;z-index:100;
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{z-index:100;
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */}
#menu li ul li a:hover{width:200px;color:white !important;background-color:#3C3C3C !important;}
/*--------------------------------------------------------*/