html, body {
	margin: 0;
	padding: 0;
	background-color:#C3DEF7;
	/*background:url(images/bkgrd.jpg);*/
	background-repeat: repeat-x;
	font-family: Arial; font-size: 11px;
}
* {
	margin: 0;
	padding: 0;
}

#page
	{
	width: 100%;
	margin: 0 auto;	
	text-align: center;
	visibility: visible;
}
#top
	{
	width:100%;
	min-width:1006px;
	height:305px;
	margin: 0 auto;	
	text-align: center;
	visibility: visible;	
}

#top_gauche
	{
	width:100px;
	height:100%;
	margin: 0 auto;	
	text-align: left;
	visibility: visible;
	float:left;
}
#top_droit
	{
	width:100px;
	height:100%;
	margin: 0 auto;	
	text-align: left;
	visibility: visible;
	float:left;
}
#top_centre
	{
	height:100%;
	width:80%;
	min-width:806px;
	margin: 0 auto;	
	text-align: center;
	visibility: visible;
	float:left;
}
.musiques {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #0000FF;
	font-size: 15px;
}

#content
{
	width:100%;
	min-width:1006px;
	height:1260px;
	margin: 0 auto;	
	text-align: center;
	visibility: visible;
}
#titre 
	{
	background-color: #FFFFFF;
	position: relative;
	height: 133px
	}
	
#recherche 
	{
	background-color: #FFFFFF;
	position: relative;
	height: 35px;
	background-image:url(../images/back_gros_titre.gif);
	background-repeat:repeat-x;
	}

#menu_g
	{
	position: relative;
	padding-right:5px;
	padding-left:5px;
	width: 20%;
	float: left;
	text-align:right;
	}
	
#boite5
	{
	position: relative;
	padding-right:5px;
	width: 20%;
	float: left;
	text-align:right;
	}
	
#centre
	{
	width: 79%;
	text-align:center;
	float: left;
	padding-bottom:10px;
	}
	
#boite6
	{
	position: relative;
	width: 45%;
	text-align:center;
	float: left;
	}

#boite7
	{
	position: relative;
	width: 53%;
	float: left;
	padding-left:10px;
	text-align:center;
	}

#footer
	{
	width: 100%;
	height:30px;
	margin: 0 auto;	
	text-align: center;
	visibility: visible;
	background-image:url(../images/back_bottom.gif);
	background-repeat:repeat-x;
	}
	
.Cadre_Orange 
{
	border:1px #FB8C39 solid;
	text-align:left;
}
.Boite_Orange 
{
	background-color:#FB8C39;
}
.Orange{
	background: url(../images/haut_orange.gif);
}
.Orange_bas{
	background: url(../images/bas_orange.gif);
}

.Cadre_Vert 
{
	border:1px #3DD846 solid;
	text-align:left;
}
.Boite_Vert 
{
	background-color:#3DD846;
}
.Vert{
	background: url(../images/haut_vert.gif);
}
.Vert_bas{
	background: url(../images/bas_vert.gif);
}

.Boite_Bleu 
{
	background-color:#2f9dff;
}
.Cadre_Bleu 
{
	border:1px #2f9dff solid;
	text-align:left;
}
.Bleu
{
	background: url(../images/haut_bleu.gif);
}
.Bleu_bas{
	background: url(../images/bas_bleu.gif);
}

td          { font-family: Arial; font-size: 10px; color: #000000}*/
h1          { font-family: Arial; color: #354F94}
h2          { font-family: Arial; color: #354F94}
h3          { font-family: Arial; color: #FF0000}
li			{ font-family: Arial; font-size:10px}
.PetitTitre { font-family: Arial; font-size: 12px; color: #354F94}
.DescMembre { font-family: Arial; font-size: 12px; color: #FF0000; font-style:italic; font-weight:bold}
.PetitTitreListe { font-family: Arial; font-size: 10px; color: #354F94; font-weight:bold}
.DescMembreListe { font-family: Arial; font-size: 10px; color: #FF0000; font-weight:bold}
.NomArtiste	{ font-family: Arial; font-size: 12px; color: #FF0000; font-style:italic; font-weight:bold}
.info		{ font-family:Verdana; font-size:9px; color:#666666; font-style:italic}

/*
/* ###################################################################################
/* Traitement des différents menus
/* ###################################################################################
*/
TD.survol:hover{
	background-color:#3DD846;
}
TD.survol_orange:hover{
	background-color:#FB8C39;
}
.sous_menu{
	color : #000000;
	font-size : 11px;
	font-family : Verdana;
	font-weight:bold;
	font-style:italic;
}
a.survol_menu_Bleu:hover,a.survol_menu_Vert:hover{
	font-size:15px;
	color:#FFFFFF;
}
td.survol_menu_Bleu:hover{
	background:#2f9dff;
}
td.survol_menu_Vert:hover{
	background:#3DD846;
}

a,a:link,a:hover,a:visited,a.active{ /* définition de la classe "image" de la balise <a> */
	text-decoration:none;
}
a.btn,a.btn:link,a.btn:hover,a.btn:visited,a.btn.active{ /* définition de la classe "image" de la balise <a> */
	display:block;
	/*display: block; /* la balise a doit être en bloc */	
    width: 87px; /* largeur de l'image réactive */
    height: 27px; /* hauteur de l'image réactive */
    background-image: url(../images/btn/btn_1.gif); /* source de l'image de départ */
    background-repeat: no-repeat;
	text-decoration:none;
	color : #FFFFFF;
	font-size : 11px;
	font-family : Arial;
	font-weight: bold;
	text-align:center;
	text-shadow:#000000;
	vertical-align:middle;
	padding-top:5px;
}
a.btn:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/btn_2.gif); /* source de l'image d'arrivée */
	 vertical-align:middle;
     }

a.envoie { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 87px; /* largeur de l'image réactive */
     height: 27px; /* hauteur de l'image réactive */
     background-image: url(../images/btn/envoie_mini_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.envoie:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/envoie_mini_2.gif); /* source de l'image d'arrivée */
     }
a.annule { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 87px; /* largeur de l'image réactive */
     height: 27px; /* hauteur de l'image réactive */
     background-image: url(../images/btn/annule_mini_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.annule:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/annule_mini_2.gif); /* source de l'image d'arrivée */
     }
a.visu { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 87px; /* largeur de l'image réactive */
     height: 27px; /* hauteur de l'image réactive */
     background-image: url(../images/btn/visu_mini_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.visu:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/visu_mini_2.gif); /* source de l'image d'arrivée */
     }
a.valide { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 87px; /* largeur de l'image réactive */
     height: 27px; /* hauteur de l'image réactive */
     background-image: url(../images/btn/valide_mini_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.valide:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/valide_mini_2.gif); /* source de l'image d'arrivée */
     }
a.hmen1 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 55px; /* hauteur de l'image réactive */
     background-image: url(../images/acc_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.hmen1:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/acc_2.gif); /* source de l'image d'arrivée */
     }
	 
a.hmen2 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 24px; /* hauteur de l'image réactive */
     background-image: url(../images/vid_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.hmen2:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/vid_2.gif); /* source de l'image d'arrivée */
     }
	 
a.hmen3 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url(../images/site_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.hmen3:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/site_2.gif); /* source de l'image d'arrivée */
     }
a.hmen4 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url(../images/bout_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.hmen4:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/bout_2.gif); /* source de l'image d'arrivée */
     }
a.hmen5 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 27px; /* hauteur de l'image réactive */
     background-image: url(../images/ann_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.hmen5:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/ann_2.gif); /* source de l'image d'arrivée */
     }
	 
a.hmen6 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 27px; /* hauteur de l'image réactive */
     background-image: url(../images/eve_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.hmen6:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/eve_2.gif); /* source de l'image d'arrivée */
     }
	 
a.hmen7 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 41px; /* hauteur de l'image réactive */
     background-image: url(../images/pet_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.hmen7:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/pet_2.gif); /* source de l'image d'arrivée */
     }
	 
a.hmen8 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url(../images/bil_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.hmen8:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/bil_2.gif); /* source de l'image d'arrivée */
     }
	 
a.search { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 163px; /* largeur de l'image réactive */
     height: 40px; /* hauteur de l'image réactive */
     background-image: url(../images/btn/btn_search_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.search:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/btn_search_2.gif); /* source de l'image d'arrivée */
     }
a.save { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 163px; /* largeur de l'image réactive */
     height: 40px; /* hauteur de l'image réactive */
     background-image: url(../images/btn/btn_save_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.save:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/btn_save_2.gif); /* source de l'image d'arrivée */
     }
	
a.compte { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 29px; /* hauteur de l'image réactive */
     background-image: url(../images/fr_compte_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.compte:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/fr_compte_2.gif); /* source de l'image d'arrivée */
     } 
a.eve { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 29px; /* hauteur de l'image réactive */
     background-image: url(../images/fr_eve_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.eve:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/fr_eve_2.gif); /* source de l'image d'arrivée */
     } 
a.ann { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 29px; /* hauteur de l'image réactive */
     background-image: url(../images/fr_ann_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.ann:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/fr_ann_2.gif); /* source de l'image d'arrivée */
     } 
a.carte { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 29px; /* hauteur de l'image réactive */
     background-image: url(../images/fr_carte_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.carte:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/fr_carte_2.gif); /* source de l'image d'arrivée */
     } 
a.deconnecte { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 245px; /* largeur de l'image réactive */
     height: 34px; /* hauteur de l'image réactive */
     background-image: url(../images/btn/fr_deconnecte_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.deconnecte:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/btn/fr_deconnecte_2.gif); /* source de l'image d'arrivée */
     } 
.bottom_link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;
}	 
a.bottom_link:active, a.bottom_link:visited, a.bottom_link:hover
{
	color:#CC3333;
	text-decoration:none;
}
a.menu_bas:hover
{
	color:#CC3333;
	text-decoration:none;
}



.menu_bas
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 17px;
	color:#336699;
	font-weight: bold;
}

.texte 
{
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	white-space:normal;
}

.txtSite
{
	text-indent:20px
}
.titre 
{
	font-family: Arial;
	font-style: italic;
	font-size: 18px;
	color: #336699;
	text-align:center;
	white-space:normal;
}

.grostitre 
{
	font-family: Optima Bold;
	font-style: italic;
	font-size: 25px;
	font-weight:bold;
	color: #3399FF;
	text-align:left;
	white-space:normal;
}

.info 
{
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
	color: #336699;
	text-align:left;
	white-space:normal;
}

.intitule 
{
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
	color: #336699;
	white-space:normal;
}

.ent{
	color : #000000;
	font-size : 10px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.entite{
	color : #000000;
	font-size : 10pt;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.TitreCase{
	color : #FFFFFF;
	font-size : 12px;
	font-family : Arial;
	font-weight: bold;
	text-shadow:#000000;
	vertical-align:middle;
	quotes:inherit;
	text-indent:30px
}
.PiedCase{
	color : #FFFFFF;
	font-size : 10px;
	font-family : Arial;
	font-style:italic;
	font-weight: bold;
	text-shadow:#000000;
	vertical-align:middle;
	text-align:right;
}

a.ok { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 27px; /* largeur de l'image réactive */
     height: 29px; /* hauteur de l'image réactive */
     background-image: url(../images/ok_1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.ok:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/ok_2.gif); /* source de l'image d'arrivée */
     }

.Login{
	color : #FFFFFF;
	font-size : 10px;
	font-family : Arial;
	font-weight: bold;
	text-shadow:#000000;
	quotes:inherit;
	text-align:center;
	white-space:normal;
}

.onglet{
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.onglet_actif{
background-color:#3DD846;
}
TD.onglet:hover{
	background-color:#3DD846;

}

.onglet_orange{
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.onglet_orange_actif{
background-color:#FB8C39;
}
TD.onglet_orange:hover{
	background-color:#FB8C39;

}
.ejs_tick_class{
position:relative;
width:100%;
height:20px;
font:bold 18px Verdana;
text-decoration:none;
color:#0000FF;
}

.ejs_tick_class a{
color:#0000FF;
text-decoration:none;
}

.ejs_tick_class a:hover{
color:orange;
text-decoration:none;
}