/* rappel : a sert de lien , par contre on n'a pas à préciser de quoi la feuille .css dépend  */ 
/*  attention : certaines classes otn été définies ici , mais ne servent pas ! ( voir  les exos ) */ 
 
a {
	text-decoration: none;
}

a:link{
	color:#191970;
	}
a:visited{
	color:#800000;
	}
a:active{
	color:#FF9900;
	}

a:hover{
	color:#FF0000;
	text-decoration: underline;
	/*font-weight:bold;*/
	}
	}

.Tabnormal {
	background-color : #000000;
	color:#C0C0C0;
	}
.Tabover {
	background-color : #2F4F4F;
	color:#FFFF00;
	}
	 
/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
margin: 0;
padding: 0;
background: white;
font: 80% tahoma;
} 
/* ATTENTION : Ces paramètres sont très importants pour la cohérence et l'esthétique de tous les menus  */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
} 
/* *** AG / Gestion des paramètres de menu HORIZONTAL .* **/
/* AG / Actions sur les pptés du menu intégral : positionnement top/left de la barre générale des onglets ....*/
#menu {
	position: relative;
	top: 0;
/* Penser à réactiver le paramètre auto : Il centre mieux la bande verte */	
	left: 40px;
	z-index: 100;
	width: 100%;
}
/* AG / Actions sur largeur de chaque colonne/onglet ( width) , de positionnement d'1 onglet par rapport au suivant (float ) */
#menu dl {
float: left;
width: 12em;
}
/* AG / Actions sur le contenu de tous les onglets : Ex : cadrage "center" du titre dans 1 onglet  */
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:#00FF66;
border: 1px  #000000;
margin: 1px;
}
/* AG / Actions sur le contenu global du menu : ex :  cadrage sur 1 px border  de la colonne*/
#menu dd {
display: none;
border: 1px solid gray;
}
/* AG / Actions sur le contenu global de chaque onglet horizontal  , Ex : background  des colonnes */
#menu li {
text-align: center;
background: #FFFFFF;
}
/* AG / Actions sur les composants de l'onglet horizontal ( ex : couleur d'1 ligne dans l'onglet )  */
#menu li a, #menu dt a {
color: #483D8B; 
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
font-size:11px;
}
/* AG / Actions sur les composants de l'onglet horizontal en cas de hover ( ex : couleur de fond  d'1 ligne dans l'onglet ) */
#menu li a:hover, #menu dt a:hover {
color:#FFFFFF;background-color:#4169E1;
}
/* AG / *** ATTENTION  : DUPLIC  en "Mehu" des paramètres des menus comme ci-dessus, mais ici gestion du menu VERTICAL */
/*Actions sur les composants de l'onglet horizontal en cas de hover ( ex : couleur de fond  d'1 ligne dans l'onglet ) */
/*
/* *************************************************** 1er sous-menu */
#mevu1 {
/*position: relative;
top: 6em; */
position: absolute;
top: 15em;
left: 17em;
width: 6em;
z-index:100;
}
#mevu1 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size:11px;
}
#mevu1 dd {
position: absolute;
z-index: 100;
left: 6em;
margin-top: -1.4em;
width: 19em;
background: #87CEEB;
border: 0px solid gray;
}

#mevu1 ul {
padding: 2px;
}
#mevu1 li {
text-align: left;
font-size: 75%;
height: 18px;
line-height: 18px;
}
#mevu1 li a, #mevu1 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu1 li a:hover {
text-decoration: underline;
}
/* *************************************************** 2ème sous-menu */
#mevu2 {
position: absolute;
top: 15em;
/*left: 38em;  */
/*left: 42em;*/
left: 30%;
/*width: 11em; */
width: 21em;
z-index:100;
}
#mevu2 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size:11px;
}
#mevu2 dd {
position: absolute;
z-index: 100;
left: 11em;
margin-top: -1.4em;
width: 30em;
background: #87CEEB;
border: 0px solid gray;
}
#mevu2 ul {
padding: 2px;
}
#mevu2 li {
text-align: left;
padding-left:5px;
font-size: 75%;
height: 18px;
line-height: 18px;
}
#mevu2 li a, #mevu2 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu2 li a:hover {
text-decoration: underline;
} 
/* *************************************************** 3ème sous-menu */
#mevu3 {
position: absolute;
top: 14em;
left: 33em;  
width: 315px;
z-index:100;
}
#mevu3 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:1px;
font-weight: normal;
font-size:11px;
}
#mevu3 dt a:hover {
text-decoration: underline;
} 
#mevu3 dd {
position: absolute;
z-index: 100;
left: 315px;
margin-top: -1.4em;
width: 280px;
background: #87CEEB;
border: 0px solid gray;
}
#mevu3 ul {
padding: 2px;
}
#mevu3 li {
text-align: left;
padding-left:5px;
font-size: 75%;
height: 18px;
line-height: 18px;
}
#mevu3 li a, #mevu3 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu3 li a:hover {
text-decoration: underline;
}
/* *************************************************** 4ème sous-menu */
#mevu4 {
position: absolute;
/*top: 25em; */
top: 15em;
left: 15em;
width: 31em;
z-index:100;
}
#mevu4 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size:11px;
}
#mevu4 dt a:hover {
text-decoration: underline;
} 
#mevu4 dd {
position: absolute;
z-index: 100;
left: 31em;
margin-top: -1.4em;
width: 21em;
background: #87CEEB;
border: 0px solid gray;
}
#mevu4 ul {
padding: 2px;
}
#mevu4 li {
text-align: left;
padding-left:5px;
font-size: 75%;
height: 18px;
line-height: 18px;
}
#mevu4 li a, #mevu4 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu4 li a:hover {
text-decoration: underline;
}
/* *************************************************** 5ème sous-menu */
#mevu5 {
position: absolute;
/*top: 27em;*/
/*left: 42em;*/
/*top: 25em;*/
top:24em;
left: 450px;
width: 21em;
z-index:100;
}
#mevu5 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size:11px;
}
#mevu5 dd {
position: absolute;
z-index: 100;
left: 21em;
margin-top: -1.4em;
width: 14em;
background: #87CEEB;
border: 0px solid gray;
}
#mevu5 ul {
padding: 2px;
}
#mevu5 li {
text-align: left;
padding-left:5px;
font-size: 75%;
height: 18px;
line-height: 18px;
}
#mevu5 li a, #mevu5 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu5 li a:hover {
text-decoration: underline;
} 
/* *************************************************** 6ème sous-menu */
#mevu6 {
position: absolute;
top: 24em;
left: 450px;
width: 23em;
z-index:100;
}
#mevu6 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size:11px;
}
#mevu6 dd {
position: absolute;
z-index: 100;
left: 295px;
margin-top: -1.4em;
width: 250px;
background: #87CEEB;
border: 0px solid gray;
}
#mevu6 ul {
padding: 2px;
}
#mevu6 li {
text-align: left;
padding-left:5px;
font-size: 75%;
height: 18px;
line-height: 18px;
}
#mevu6 li a, #mevu6 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu6 li a:hover {
text-decoration: underline;
} 
/* *************************************************** 7ème sous-menu */
#mevu7 {
position: absolute;
top: 10em;
left: 17em;
width: 18em;
z-index:100;
}
#mevu7 dt {
cursor: pointer;
background: #FFDAB9;
height: 18px;
line-height: 18px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size: 10px;
}
#mevu7 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu7 dt a:hover {
text-decoration: underline;
}
#mevu7 dd {
position: absolute;
z-index: 100;
left: 18em;
margin-top: -1.4em;
width: 17em;
background: #87CEEB;
border: 0px solid gray;
height: 18px;
line-height: 18px;
}

#mevu7 ul {
padding: 2px;
}
#mevu7 li {
text-align: left;
padding-left:5px;
font-size: 75%;
height: 18px;
line-height: 18px;
}
#mevu7 li a, #mevu7 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu7 li a:hover {
text-decoration: underline;
}
/* *************************************************** 8ème sous-menu */
#mevu8 {
position: absolute;
/*top: 37em;*/
/*left: 42em;*/
top: 25em;
left: 30%;
width: 21em;
z-index:100;
}
#mevu8 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size:11px;
}
#mevu8 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu8 dt a:hover {
text-decoration: underline;
}
/* *************************************************** 9ème sous-menu */
#mevu9 {
position: absolute;
/*top: 35em;*/
top: 25em;
left: 47em;
width: 16em;
z-index:100;
}
#mevu9 dt {
cursor: pointer;
background: #FFDAB9;
height: 20px;
line-height: 20px;
margin: 0px 0;
border: 1px solid gray;
text-align: left;
padding-left:5px;
font-weight: normal;
font-size:11px;
}
#mevu9 dt a {
color: #000;
text-decoration: none;
display: block;
}
#mevu9 dt a:hover {
text-decoration: underline;
} 
/* -------------------------------------- page catalogue cellule 1 */

 #cell1 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell1 dt  {
color: #FFFF00;font-size:12px;
}
#cell1 dt  a {
color: #FFFF00;font-size:12px;
}
#cell1  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell1  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell1  dd a:hover {
color:#FFA07A; font-size:11px;
}  
/* -------------------------------------- page catalogue cellule 2 */
#cell2 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell2 dt  {
color: #FFFF00;font-size:12px;
}
#cell2 dt  a {
color: #FFFF00;font-size:12px;
}
#cell2  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell2  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell2  dd a:hover {
color:#FFA07A; font-size:11px;
}  
/* -------------------------------------- page catalogue cellule 3 */
#cell3 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell3 dt  {
color: #FFFF00;font-size:12px;
}
#cell3 dt  a {
color: #FFFF00;font-size:12px;
}
#cell3  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell3  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell3  dd a:hover {
color:#FFA07A; font-size:11px;
}  
/* -------------------------------------- page catalogue cellule 4 */
#cell4 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell4 dt  {
color: #FFFF00;font-size:12px;
}
#cell4 dt  a {
color: #FFFF00;font-size:12px;
}
#cell4  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell4  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell4  dd a:hover {
color:#FFA07A; font-size:11px;
}  
/* -------------------------------------- page catalogue cellule 5 */
#cell5 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell5 dt  {
color: #FFFF00;font-size:12px;
}
#cell5 dt  a {
color: #FFFF00;font-size:12px;
}
#cell5  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell5  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell5  dd a:hover {
color:#FFA07A; font-size:11px;
} 
/* -------------------------------------- page catalogue cellule 6 */
#cell6 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell6 dt  {
color:#FFFF00;font-size:12px;
}
#cell6 dt  a {
color: #FFFF00;font-size:12px;
}
#cell6  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell6  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell6 dd a:hover {
color:#FFA07A; font-size:11px;
} 
/* -------------------------------------- page catalogue cellule 7 */
#cell7 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell7 dt  {
color: #FFFF00;font-size:12px;
}
#cell7 dt  a {
color: #FFFF00;font-size:12px;
}
#cell7  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell7  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell7 dd a:hover {
color:#FFA07A; font-size:11px;
} 
/* -------------------------------------- page catalogue cellule 8 */
#cell8 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell8 dt  {
color: #FFFF00;font-size:12px;
}
#cell8 dt  a {
color: #FFFF00;font-size:12px;
}
#cell8  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell8  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell8 dd a:hover {
color:#FFA07A; font-size:11px;
} 
/* -------------------------------------- page catalogue cellule 9 */
#cell9 dl {
margin: 10px;
padding: 0px;
font-size:12px;
}
#cell9 dt  {
color: #FFFF00;font-size:12px;
}
#cell9 dt  a {
color: #FFFF00;font-size:12px;
}
#cell9  dt a:hover {
color:#FFA07A; font-size:12px;
}  
#cell9  dd a {
color:#FFFFFF; font-size:11px;
} 
#cell9 dd a:hover {
color:#FFA07A; font-size:11px;
}