/* --------------------------------------------
// Gestion des footings : Feuille de style
// --------------------------------------------
// Crée par PG le 03/12/2020
// -------------------------------------------- */

/*  Corps des pages : 
 - Couleur de fond : Jaune (caode Hexa #FEEEBC 
 - Police de caractères : Verdana sans-serif en taille 12 px */ 
body {
margin: 0;
padding: 0;
background: #FEEEBC;
font: 12px verdana, sans-serif;
}

div#contenu {
	width:1200px;
	height:600px;
	top:70px;
	left:10px;
	float:left; 
	z-index: 1;
	position:absolute; 
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

/* ---- En-têtes statistiques ---  */
h1.Style1 {
	font-size: 12px;
	color: #003399;
	font-weight: bold;
	text-align: left;
}

/* ---- Tableaux génériques  */

caption { 
  caption-side: top;
  text-align: center;
  font-weight: bold;
}

table {
border: thin solid #6495ed;
border-collapse: collapse;
/* background-color: #B5CEEF;  */
text-align: left;
font-size: normal;
width:1200px; 
/* width:100%; */
/* font: 12px verdana, sans-serif; */
}

tbody {
border: thin solid #6495ed;
background-color: #EFF7FF;
text-align: left;
}

th {
	font-family: monospace;
	font: 12px verdana, sans-serif;
	font-weight: bold;
	border: thin solid #6495ed;
	border-collapse: collapse;
 	background-color: #B5CEEF;  
/*	background-color: red;      */
}

tr,td {
	font-family: monospace;
	font: 12px verdana, sans-serif;
	background-color: #EFF7FF; 
/*	background-color: green;     */
	border: thin solid #6495ed;
	border-collapse: collapse;
}

td.obesite {
	color: red;
}

td.surpoids {
	color: indianred;
}

/* 
tfoot {
    font-weight: bold;
} */

/* ---- Tableaux de connexion */
table.tconn {
border: thin solid #6495ed;
/* background-color: #EFF7FF; */
border-collapse: collapse;
font: 12px verdana normal , sans-serif;
width:500px;
text-align: left;
vertical-align: top;
}

/*
.tconn td:first-child {width: 150px;} .tconn td:first-child + td {background-color: #6495ed;}
*/ 

.tconn tr td {
background-color: #B5CEEF;
}

.tconn td:nth-child(1) {
  /* Première colonne du tableau : connexion */
  width:150px;
}

.tconn td:nth-child(2) {
  /* Deuxième colonne du tableau : connexion */
  width:200px;
}


/* ---- Tableaux pour les affichages */
table.taffiche {
border: thin solid #6495ed;
border-collapse: collapse;
font: 12px verdana normal , sans-serif;
width:1200px;
text-align: left;
vertical-align: top;
}

.taffiche tr td {
background-color: #B5CEEF;
}

.taffiche td:nth-child(1) {
  /* Première colonne du tableau : */
  width:20%;
  font-weight: bold;
}

.taffiche td:nth-child(2) {
  /* Deuxième colonne du tableau : connexion */
  width:30%px;
}

.taffiche td:nth-child(3) {
  /*  Trosième colonne du tableau : tform */
  width:20%;
  font-weight: bold;
}



/* ---- Tableaux de classe tform : pour les formulaires  */
table.tform {
border: thin solid #6495ed;
border-collapse: collapse;
font: 12px verdana normal , sans-serif;
width:1200px;
text-align: left;
vertical-align: top;
}

thead.tform {
font: 12px verdana bold , sans-serif;
border: thin solid #6495ed;
border-collapse: collapse;
}

.tform tr td {
background-color: #B5CEEF;
font: 12px verdana normal , sans-serif;
/* background-color: DarkSlateBlue; */
border: thin solid #6495ed;
border-collapse: collapse;
}

.tform td:nth-child(1) {
  /* Première colonne du tableau : tform */
  column-width:200px;
}

.tform td:nth-child(2) {
  /* Deuxième colonne du tableau : tform */
  width:200px;
}

.tform td:nth-child(3) {
  /*  Trosième colonne du tableau : tform */
  width:150px;
}

.tform td:nth-child(4) {
  /*  Quatrième colonne du tableau : tform */
  width:150px;
}


.tform td:nth-child(5) {
  width:150px;
}



/* Tableau versions  */
table.tversion {
border: thin solid #6495ed;
border-collapse: collapse;
text-align: left;
font-size: normal;
width:1200px;
}

thead.tversion {
font: 12px verdana bold , sans-serif;
border: thin solid #6495ed;
border-collapse: collapse;

}

.tversion th {
	background-color: #B5CEEF;
}
	
.tversion tr,td {
	font-family: monospace;
	font: 12px verdana, sans-serif;
	background-color: #EFF7FF; 
	border: thin solid #6495ed;
	border-collapse: collapse;
}
.tversion td:nth-child(1) {
  /* Première colonne du tableau : tversion */
  width:150px;
}

.tversion td:nth-child(2) {
  /* Deuxième colonne du tableau : tform */
  width:850px;
}

a {   
color:blue; 
text-decoration:underline;
font-weight: bold;
}

a:hover
{
color:red;
text-decoration:underline;
}

/* Menu déroulant  */

#TopMenu {
width:100%;
top:0px;
z-index: 2;
float:left;
position:absolute; 
font: 11px verdana, sans-serif;
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        background:#F2462E; /* ... et au contraire, le fond en blanc */
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        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 */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		width: 100%;
}

#menu /* Ensemble du menu */
{
        /*
		font-weight : bold; /* on met le texte en gras 
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ 
		*/
       font: 11px verdana, sans serif;
	   width: 100%;
		
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #3B4E77; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 170px; /* largeur */
		
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

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

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


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* 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                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* 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     : 1px solid #fff ; /* 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     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}