/*-----------------------------------*\
 ça c'est le menu haut horizontal de julien crego  from https://juliencrego.com/astuces/creer-un-menu-horizontal-simplissime-en-css/
 \*-----------------------------------*/
 
 
/*  #33FFFF = bleu très clair  
    #0099FF = bleu un peu plus foncé
	#3366CC = bleu plus foncé bandeau
	#FFE843 = jaune
*/

                       
.menu {
    background-color: #3366CC ;  /* ajout d'une couleur d’arrière-plan au menu */ 
	text-align: center ;  /* allignement du texte dans le menu right ou center */ 
}
.menu li {
    display: inline-block ;  /* changer le type des lignes qui correspondent aux éléments li de la liste. 
	                            Nous allons donc utiliser la propriété display: inline-block; qui aura pour effet de supprimer les puces 
								et de mettre les liens côte à côte sur la même ligne. Le sélecteur utilisé ici, .menu li cible les éléments
								li à l’intérieur d’un élément utilisant la classe menu. li est le bouton en fait */ 
}
.menu a {
    text-decoration: none ; /* Suppression du soulignement des liens */    
	display: block ;
    width: 140px ;    /* largeur des boutons */  
    padding: 5px 0 ; /* Ajout de marges internes */  
    text-align: center ; /* Centrage du texte à l'intérieur des boutons */    
    border: 1px solid #FFFFFF ; /* #FFE843 = jaune Ajout d'une bordure de couleur aux boutons */    
    background-color: #0099FF ; /* #ed2794 = rose Ajout d'une couleur d'arrière-plan */
    color: #FFFFFF ; /* #FFE843 = jaune Modification de la couleur du texte */    
    margin: 5px ;text-align: center ; /* Espacements des boutons */    
    border-radius: 5px; /* Ajout d'arrondis pour les boutons */
}
.menu a:hover {
    background-color: #3366CC ;  /* #FFE843 = jaune effet au survol des boutons, on utilise le pseudo-sélecteur :hover */ 
    color: #FFFFFF ;
    border-color: #FFFFFF ;
	hover: li 
     left:182px ;
	 opacity:1 ;
	 width:160px ; 
     transition:0.5s left,0.5s width,1s opacity ;
	}
.menu a:focus{
    
    transition: all 0.5s 0.5s;
}
.menu a.actif {    
    background-color: #3366CC ;   /* #FFE843 = jaune bouton du bouton qui est actif  */ 
    color: #FFFFFF ;
    border-color: #FFFFFF ;
}

  /* ça c'est la fin du menu horizontal */
  

.test {
	 FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-ALIGN: justify; LINE-HEIGHT: 12px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-SIZE: 11px; MARGIN: 0px; COLOR: #666666;
}
.newsBlcTit {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 30px; } 
.news { 
     FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
     BORDER-RADIUS: 20px; /* Ajout de bord arrondis pour les cadres */ }
.news1 {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 20px; }
.news2 {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; }
.news3 {
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; COLOR: #FF0000; }	 
 
body {
	FONT-SIZE: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	margin: 0px;
	CROLLBAR-3DLIGHT-COLOR: #66CCFF;
	SCROLLBAR-TRACK-COLOR: #66CCFF; 
	SCROLLBAR-DARKSHADOW-COLOR: #66CCFF;
}
a.couleurLienHaut {
	color:#FFFFFF;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.couleurLienHaut:hover {
	color:#3F65E9;
	text-decoration:none;
}
a.couleurLienMenu {
	color:#333333;
	text-decoration:none;
	margin-left: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
a.couleurLienMenu:hover {
	color:#1378A9;
	text-decoration:none;
}
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a.couleurLienNavigation {
	color:#1378A9;
	text-decoration:none;
}
a.couleurLienNavigation:hover {
	color:#1378A9;
	text-decoration:none ;
}
a.couleurLienSavoirPlus {
	color:#000033;
	text-decoration:none;
}
a.couleurLienSavoirPlus:hover {
	color:#1378A9;
	text-decoration:none;
}
a {
	color:#1378A9;
	text-decoration:none;
}
a:hover {
	color:#1378A9;
	text-decoration:none ;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000033;
	text-transform: uppercase;
	margin-bottom: 5px;
}
h3 suplément {
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 20px; 
	BACKGROUND: url(*.gif) no-repeat left center; 
	TEXT-TRANSFORM: uppercase;
}
#textTitle1 {
	FONT-SIZE: 12px; COLOR: #FF9966; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
#textTitle2 {
	FONT-SIZE: 20px; 
	COLOR:#0066CC; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:bold;
}
#textMain {
	FONT-SIZE: 14px; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif;
}
.separationVerticale {
	background-image:url(../image/newFrame/contenu_separation.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.separationHorizontale {
	background-image:url(../image/newFrame/contenu_separation.gif);
	background-repeat:repeat-x;
	background-position:center;
}
.separHorizBasPage {
	background-image:url(../image/newFrame/contenu_separBpage.gif);
	background-repeat:repeat-x;
	background-position:center;
}