/*
    serif = Bodoni, Roman, Times, Georgia, "Times New Roman", Garamond,... (= avec petit empattement aux extrémités)
    sans-serif = Arial, Helvetica, Verdana, Univers, "MS Trebuchet",... (= extrémités simples et droites)
    ( les polices Sans-serif plus faciles à lire à l'écran que les polices Serif, mais à l'inverse les polices Serif plus adaptées à l'impression)
    cursive = Chancery, Script, Brush,... (en italique) possèdent différentes dénominations : cursive, italique, oblique, slanted mais en CSS on parle de cursive.
    monospace = (largeur fixe de caractères)
    Courier, Courier New, Prestige, Lucida, "Everson Mono";...
    fantasy = Algerian, Critter, Rosewwod,... (plutôt de style décoratif) outre les caractères représentent parfois des petites images et symboles.

*/

BODY
	{
	behavior: url(csshover.htc);
	margin:0px;
/*	font-family: "Times New Roman", Times, serif;
*/
	font-family: Andale, sans-serif;
	font-size:12px;
	background-color: white;
	background-image:url(images/basketball_12.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	}


a.Lien_Menu2:link
	{
	color:black;
	text-decoration:none;
	}
a.Lien_Menu2:visited
	{
	color: #003300;
	text-decoration:none;
	}
a.Lien_Menu2:hover
	{
	color:black;
	text-decoration:none;
	font-weight:bold;
	}

div#menu ul li.menu01_selected
	{
	background-color: #FFFFFF; 
 	list-style: none; /*on enleve les icones de liste */ 
	font-size:12px;
	padding: 4px 0 4px 8px; 
	border-left: 8px solid #FF0000;
	}

/*****************************/
/* style dynamique des menus */
/*****************************/
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menu
	{ 
	width: 160px; 
	} 
div#menu ul
	{ 
	padding: 0; 
	width: 160px; 
	border:1px solid; 
	margin:0px; 
	} 
/*On positionne les elements du menu */ 
div#menu ul li
	{ 
	position:relative; 
 	list-style: none; /*on enleve les icones de liste */ 
 	border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/ 
	font-family: Comic sans MS;
	font-size:11px;
	font-weight:normal;
	background-color: #FF8888;
	background-color: rgba(256,128,128,0.80);
	} 
div#menu ul ul
	{ 
	position: absolute; 
	top: 0; 
	left: 160px; /*128px correspond au décalage a droite, on décale de la taille du ul de base*/ 
	display:none
	}   
/*fond jaune pr les sous-menu*/ 
div#menu li.sousmenu
	{ 
	background: yellow; 
	background: url(fleche.gif) 95% 50% no-repeat; 
	}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3
	{ 
	display:block; 
	}
/* fond blanc pour le menu */ 
div#menu a
	{ 
	color:#000000 
	} 
/* fond different au survol de la souris entre les sous-menu et les "basiques"*/ 
div#menu li:hover
	{ 
	background: #FFFFFF;
	} 
div#menu li.sousmenu:hover
	{ 
	background: #FFFFFF; 
	} 
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a
	{ 
	text-decoration: none; 
	padding: 4px 0 4px 8px; 
	display:block;
	border-left: 8px solid #BBB;
	width:160px; 
	} 
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover
	{ 
	font-weight:bold;
	border-left-color: red; 
	} 
div#menu ul ul li a:hover
	{ 
	border-left-color: #00FF00; 
	} 
div#menu ul ul ul li a:hover
	{ 
	border-left-color: #0000FF; 
 	}
/***********/
/*Fin menu */
/***********/
.article
	{
	font-family:Comic sans MS, Consolas, Helvetica, Univers, sans-serif;
	font-size:14px;
	}

.titre_menu
	{
	font-family:Arial, Helvetica, Univers, sans-serif;
	text-align:center;
	font-size:12pt;
	color:white;
	}
.bandeau
	{
	font-family:sans-serif;
	background-color: #ccccff;
	color:blue;
	text-align:center;
	font-size:12pt;
	width:600px;
	height:60px;
	}
.td_titre
	{
	font-size:12pt;
	color:white;
	background-color: #6666ff;
	}
.td_haut
	{
	background-color: #ccccff;
	background-image : url(images/Fonds/!122.GIF);
	border-right : solid 1px white;
	border-bottom : solid 1px white;
	}
.td_menu_normal
	{
	background-color: #ff9999;
/*	background-image : url(images/Fonds/!121.GIF);
*/	border : solid 1px red;
	}
.td_menu_choisi
	{
	background-color: white;
/*	background-image : url(images/Fonds/!121.GIF);
*/	border : solid 2px red;
	}
.lettre_init
	{
	font-family: Dejavu sans mono ,monospace;
	visibility:hidden;
	font-weight : bold;
	font-size:24px;
	color:blue;
	}