/* CSS Document */

html, body {margin: 0; padding: 0; height: 100%;}
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */

body
{
    margin: 0;
	text-align:center; /* On utilise text-align: center pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */
	font-family: Arial, 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size:0.8em;
	background:url(images/fond8.gif) repeat-y top left;
}

#page
{
position: relative; /* Permet au bloc de servir de référent pour ses descendants positionnés en absolu */
min-height: 100%;
background:url(images/fond9.gif) right top repeat-y;
}
#entete /* L'entête principale */
{
height:40px;
background:url(images/entetefond.gif) repeat-x;
}
#entete2 /* Pour créer une marge avec les 2 dégradés de la page */
{height:10px;
background-color:#AFE7E3;
}
.moteur {margin:auto;} /* Centrage du logo moteur de recherche */

#corps
{
  padding:5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  text-align:justify;
  background-color:#AFE7E3;
  border-left:#AFE7E3 solid 10px;
  border-right:#AFE7E3 solid 10px;
  margin-left:60px;
  margin-right:60px;
  }

#date /*Pour insertion javascript date et le centrer */
 {	left: 50%;
	right: 50%;}
		
#pied_page1
{height: 50px;
clear: both;  /* Très important : permet de positionner le pied de page juste en dessus des blocs flottants */
border-top:#AFE7E3 solid 10px;

}
#pied_page2 
{   
   position: absolute;
   bottom: 0; left: 0;
   width: 100%;
   height: 4em;
   padding: 5px 0px 5px 0px;
   font-size:0.8em;
   color:#336699;
}

#bas_page
{margin:auto;} /* Centrage du tableau de bas de page */
#maj
{text-align:center;
}
.copyright { color:#336699; /* texte compris dans le tableau de droite */
font-size:smaller;
} 

/* Mise en forme tableau logo reactif */

#tableau
{

width:638px;  /* taille du menu très important */
height:540px;
margin:auto;
}


/* Cellule gauche */
#gauche
{
background: url(images/gauche.gif) no-repeat left top; /* Insertion de l'image */
}
#gauche tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#gauche p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#gauche p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 41px ;       /* Largeur image double choisie */
	line-height: 540px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/gauche.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#gauche p a:hover
{
	background: url(images/gauche.gif) no-repeat 0 -540px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut1 */
#haut1
{
background: url(images/haut1.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut1 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut1 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut1 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut1.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut1 p a:hover
{
	background: url(images/haut1.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut2 */
#haut2
{
background: url(images/haut2.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut2 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut2 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut2 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut2 p a:hover
{
	background: url(images/haut2.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut3 */
#haut3
{
background: url(images/haut3.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut3 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut3 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut3 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut3 p a:hover
{
	background: url(images/haut3.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut4 */
#haut4
{
background: url(images/haut4.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut4 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut4 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut4 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut4.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut4 p a:hover
{
	background: url(images/haut4.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut5 */
#haut5
{
background: url(images/haut5.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut5 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut5 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut5 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut5.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut5 p a:hover
{
	background: url(images/haut5.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut6 */
#haut6
{
background: url(images/haut6.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut6 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut6 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut6 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut6.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut6 p a:hover
{
	background: url(images/haut6.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut7 */
#haut7
{
background: url(images/haut7.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut7 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut7 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut7 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut7.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut7 p a:hover
{
	background: url(images/haut7.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut8 */
#haut8
{
background: url(images/haut8.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut8 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut8 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut8 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut8.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut8 p a:hover
{
	background: url(images/haut8.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut9 */
#haut9
{
background: url(images/haut9.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#haut9 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut9 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut9 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut9.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut9 p a:hover
{
	background: url(images/haut9.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut10 */
#haut10
{
background: url(images/haut10.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#haut10 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut10 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut10 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut10.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#haut10 p a:hover
{
	background: url(images/haut10.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut11 */
#haut11
{
background: url(images/haut11.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#haut11 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut11 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut11 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut11.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#haut11 p a:hover
{
	background: url(images/haut11.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut12 */
#haut12
{
background: url(images/haut12.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#haut12 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut12 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut12 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut12.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#haut12 p a:hover
{
	background: url(images/haut12.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut13 */
#haut13
{
background: url(images/haut13.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#haut13 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut13 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut13 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut13.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#haut13 p a:hover
{
	background: url(images/haut13.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule haut14 */
#haut14
{
background: url(images/haut14.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#haut14 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#haut14 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#haut14 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/haut14.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#haut14 p a:hover
{
	background: url(images/haut14.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas1 */
#bas1
{
background: url(images/bas1.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas1 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas1 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas1 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas1.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas1 p a:hover
{
	background: url(images/bas1.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas2 */
#bas2
{
background: url(images/bas2.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas2 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas2 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas2 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas2 p a:hover
{
	background: url(images/bas2.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas3*/
#bas3
{
background: url(images/bas3.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas3 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas3 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas3 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas3 p a:hover
{
	background: url(images/bas3.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas4 */
#bas4
{
background: url(images/bas4.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas4 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas4 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas4 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas4.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas4 p a:hover
{
	background: url(images/bas4.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas5 */
#bas5
{
background: url(images/bas5.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas5 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas5 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas5 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas5.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas5 p a:hover
{
	background: url(images/bas5.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas6 */
#bas6
{
background: url(images/bas6.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas6 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas6 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas6 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas6.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas6 p a:hover
{
	background: url(images/bas6.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas7 */
#bas7
{
background: url(images/bas7.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas7 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas7 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas7 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas7.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas7 p a:hover
{
	background: url(images/bas7.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas8 */
#bas8
{
background: url(images/bas8.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas8 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas8 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas8 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas8.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas8 p a:hover
{
	background: url(images/bas8.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas9 */
#bas9
{
background: url(images/bas9.gif) no-repeat left top; /* Insertion de l'image dégradée */
}

#bas9 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas9 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas9 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas9.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#bas9 p a:hover
{
	background: url(images/bas9.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas10 */
#bas10
{
background: url(images/bas10.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#bas10 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas10 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas10 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas10.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#bas10 p a:hover
{
	background: url(images/bas10.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas11 */
#bas11
{
background: url(images/bas11.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#bas11 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas11 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas11 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas11.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#bas11 p a:hover
{
	background: url(images/bas11.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas12 */
#bas12
{
background: url(images/bas12.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#bas12 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas12 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas12 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas12.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#bas12 p a:hover
{
	background: url(images/bas12.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas13 */
#bas13
{
background: url(images/bas13.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#bas13 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas13 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas13 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas13.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#bas13 p a:hover
{
	background: url(images/bas13.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule bas14 */
#bas14
{
background: url(images/bas14.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#bas14 tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#bas14 p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#bas14 p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 40px ;       /* Largeur image double choisie */
	line-height: 270px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/bas14.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#bas14 p a:hover
{
	background: url(images/bas14.gif) no-repeat 0 -270px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Cellule droite */
#droite
{
background: url(images/droite.gif) no-repeat left top; /* Insertion de l'image dégradée */
}
#droite tr /* Toutes les listes à puce se trouvant dans un menu */
{list-style-type:none;
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}
#droite p /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
{
margin: 0 ;
padding: 0 ;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:0.1em;
color:#E7E7E7;
}
#droite p a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 37px ;       /* Largeur image double choisie */
	line-height: 540px ;  /* demi-hauteur de l'image double correspondant à la hauteur d'une image sur les 2 */
	color: #3366FF ;
	text-align:center;
	text-decoration:none;
	background: url(images/droite.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#droite p a:hover
{
	background: url(images/droite.gif) no-repeat 0 -540px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Fin mise en forme tableau logo reactif */

/* Circulaire 99232 */
.circulaire99232
{margin:auto
}
#pied_page3
{height: 60px;
clear: both;  /* Très important : permet de positionner le pied de page juste en dessus des blocs flottants */
border-top:#AFE7E3 solid 10px;
}
#pied_page4 
{   
   position: absolute;
   bottom: 0; left: 0;
   width: 100%;
   height: 3em;
   padding: 5px 10px 0 5px;
   font-size:0.8em;
   color:#336699;
   }

.retrait2
{padding-left:60px;
list-style-type: none;
}
h2, h3, h4, h5, .couleur
{color:#336699;
}
.couleur6
{color:#008080;
font-size:1.3em;
}

/* Circulaire 01511 */
.tableaux
{margin:auto;
border: double 3px #008080;
}
.tableaux td, th
{border: double 3px #008080;
}
.tableaux th
{color:#336699;
}
.titre_511
{color:#000080;
}
/* Loi 11 février 2005 */
.fleche_164905 
{padding-left:70px;}
.main
{padding-left:90px;}
.circulaire511
{margin:auto
}
.couleur4
{color:#000080;
padding-left:40px;

}
.couleur4 a /* les liens des titres */
{color:#008080;
text-decoration:underline;
}
.couleur4 a:visited
{
color:#008080;
}
.couleur4 a:hover
{text-decoration:none;
color:#336699;
}

/* Modification de la couleur des liens */
a
{color:#336699;
}
a:visited
{text-decoration:underline;
color:#336699;
}
a:hover
{text-decoration:none;
color:#008080;     
}
.tab1 
{margin-left:140px;
}

/* Bordures tableaux page Plan du site */
.bord
{border-left: 2px groove #008080;
padding-left: 5px;
}
/* Fin bordures page Plan du site */
h2, h3, h4, h5
{color:#336699;
font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
}
h3
{text-indent:10px;
}
h4
{text-indent:40px;
}
.titre_menu
{text-align:justify;
}
h5
{text-indent:70px;
}
.fleche_164905 
{padding-left:70px;}
.main2
{padding-left:130px;}
.PUCBLEU
{padding-left:60px;}
.ident
{padding-left:80px;}
.couleur3
{color:#008080;}
/* Mise en page des titres des pages en listes de définition */
.fleche_titre  /* Titre principal */
{margin-left:70px;
list-style-image: url("images/164905.gif");
}
.main_titre /* Titre secondaire */
{margin-left:110px;
list-style-image: url("images/r_hand.gif");
}
.flechette_titre /* Troisième niveau de titre */
{margin-left:130px;
list-style-image: url("images/PUCBLEU.gif");
}
/* Retrait liste définition texte */
.flechette_texte
{margin-left:40px;
list-style-image: url("images/PUCBLEU.gif");
}
.retrait
{
list-style-position: outside;
list-style-type: none;
}
/* On enlève les bordures des images */
img
{border:none;
}
/* On fait glisser le tableau des validations w3C dans dégradé de gauche */ 
.valid
{margin-left:-70px;
}
.titre_vert
{list-style-type: none;
}
.compteur1
{border:6px #7A83F8 ridge;
}
.compteur_live
{
color:#336699;
font-size:smaller;
font-family:Arial, Helvetica, sans-serif;
} 
.compteur3
{border:2px #336699 dashed;
}
.couleur7
{color:#336699;
}
.red
{color:#990033;
}