/* Fichier CSS d'Harmonie Danse */

* {
	margin: 0px;
	padding: 0px;
}


body {
	width: 1000px;
	margin: auto;										/* Pour centrer la page */
	margin-top: 5px;									/* Pour éviter de coller le haut de la fenêtre du navigateur */
	margin-bottom: 5px;								/* Pour éviter de coller le bas de la fenêtre du navigateur */
	/*background-image: url(images/fond_vert.jpg);	/* Image de fond de la fenêtre */
  background: #ffd9ff;
}

.menu_rollover li {
	display: inline;		/* Correction pour IE5 et IE5.5 */
}

.menu_rollover li a {
	display: block;			/* Mise en block de 'a' pour lui donner des dimensions */
	height: 20px;
	width: 140px;
	line-height: 20px;		/* hauteur de ligne pour éviter les padding */
}

.menu_rollover li a:hover {
	color: #ffffff;
	font-weight: bold;
	background: transparent url(images/fanny_2.gif) top left no-repeat;
}

a#menu1:hover {
	background-position: -5px -898px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu2:hover {
	background-position: -5px -925px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu3:hover {
	background-position: -5px -947px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu4:hover {
	background-position: -5px -969px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu5:hover {
	background-position: -5px -992px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu6:hover {
	background-position: -5px -1017px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu7:hover {
	background-position: -5px -1064px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu8:hover {
	background-position: -5px -1087px;	/* décalage de l'arrière plan pour chaque bouton */
}

a#menu9:hover {
	background-position: -5px -1112px;	/* décalage de l'arrière plan pour chaque bouton */
}

#bandeau {
	/*position: relative;			/* Position relative du bandeau */
	margin: auto;
	margin-top: 0px;				/* Marge suppérieure du bandeau */
}

#corps {
	position: relative;
	margin-top: 40px;
	margin-left: 5px;
	padding: 5px;					/* Marge intérieure du corps du site */
	width: 660px;					/* Taille de la fenêtre du corps du site */	
	float: left;
}

#menu_droit {
	position: relative;
	margin-top: 40px;
	margin-left: 0px;
	padding: 5px;					/* Marge intérieure du bandeau droit de menu */
	width: 120px;
	float: left;
}

#menu {
	position: relative;
	margin-top: 45px;					/* Marge entre le bandeau et les menus */
	margin-left: 0px;					/* Marge entre le menu et le bord du body */
	padding: 5px;						/* Marge interne des menus */
	padding-top: 10px;
	width: 140px;						/* Largeur du menu */	
	border: 0px groove #ffffff;		/* Bordures des menus */
	color: white;						/* Couleur du texte des en-têtes des menus */
	float: left;						/* Le menu flottera à gauche */
	background-image: url(images/fanny_2.gif);
}

html>body #menu { padding-top: 0px; }

#menu_h {
	position: relative;
	margin-top: 40px;					/* Marge entre le bandeau et les menus */
	margin-bottom: 20px;					/* Marge entre le menu et le bord du body */
	padding: 5px;						/* Marge interne des menus */
	width: 760px;						/* Largeur du menu */	
	border: 0px groove #000080;		/* Bordures des menus */
	color: white;						/* Couleur du texte des en-têtes des menus */
	float: top;						/* Le menu flottera en haut */
}

#pied_page {

}

.compteur {
	margin : 2px;
	border: 0px groove #000080;
	font-size: 0.8em;
	text-align: right;	
	color: gray;
}

.element_menu {
	color: gray;					/* Couleur de texte des éléments menus */
	margin-top: 2px;				/* Pour éviter que les éléments du menu ne collent au titre */
	margin-bottom: 1px;			/* Pour éviter que les éléments du menu ne soient collés */
	padding-left: 0px;			/* Marge interne gauche des éléments menus */
	/*background-color: #c0ffbf;	/* Couleur de fond des elements menus */
	background-image: url(images/fond_menu_opaque.gif);
	border: 1px groove /*#FFCC66*/;		/* Bordure des menus */
	
}

.element_menu_select {
	margin-bottom: 1px;			/* Pour éviter que les éléments du menu ne soient collés */
	padding-left: 5px;			/* Marge interne gauche des sous-menus */
	padding-right: 0px;			/* Marge interne droite des sous-menus */
	background: url(images/chaussons_petits.gif) 100% 5px no-repeat;	/* Image de flèche s'affichant quand un menu est actif */
	background-color: #cccccc;
	color: black;					/* Couleur du menu selectionné */
}

.titre {
	background-color: #a952ff;		/* Couleur du fond des titres des Titres */
	color: white;								/* Couleur du texte des titres des Titres */
	text-align: center;						/* Centrage du texte des titres des Titres */
	margin-top: 7px;							/* Marge supérieure du texte des titres des Titres */
	letter-spacing: +1px;						/* Espace les lettres d'1 pixel */
}

.titre a, .titre a:visited {
	color: white;					/* Couleur du texte des titres des Titres*/
}

a {
	text-decoration: none;		/* Liens non soulignés */
}

a:link, a:visited {
	color: black;					/* Couleur de texte des liens et des liens visités */
}

#menu ul {
	list-style-type: none;		/* Supprime les puces de liste */
}

#menu_h ul {
	list-style-type: none;		/* Supprime les puces de liste */
}

#menu a:hover{
	padding-left: 0px;			/* Décalage au survol d'un élément de menu */
	text-decoration: underline;	/* Texte souligné au survol */
	/*background-color: #008088;		/* Changement de couleur au survol */
	/*font-weight: bold;					/* Texte en gras au survol */
}

#menu_h a:hover{
	padding-left: 0px;			/* Décalage au survol d'un élément de menu */
	text-decoration: underline;	/* Texte souligné au survol */
	/*background-color: #008088;		/* Changement de couleur au survol */
	/*font-weight: bold;					/* Texte en gras au survol */
}

h6 {									/*** Corps du texte des News ***/
	background-color: #a952ff;	/* Couleur du fond des titres des News */
	color: white;					/* Couleur du texte des titres des News */
	font-size: 0.8em;				/* Taille du texte des titres des News */
	text-align: center;				/* Centrage du texte des titres des News */
	margin-bottom: 0px;				/* Marge supérieure du texte des titres des News */
}	

.news p {
	background-color: #fffbff;	/* Couleur de fond des News */
	margin: 0px;					/* Marge supérieure des News */
	font-size: 0.82em;			/* Taille du texte des News */
	padding: 2px;				/* Marge intérieure dans la fenêtre des news */
	border-bottom: 1px solid #a952ff;	/* Couleur marge BAS des news */
	border-left: 1px solid #a952ff;		/* Couleur marge GAUCHE des news */
	border-right: 1px solid #a952ff;	/* Couleur marge DROITE des news */
	text-align: justify;
}

.news {
	width: 160px;				/* Taille de la fenêtre des News */
	margin: auto;				/* Centrage de la fenêtre des News dans le Body */
}

.petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;			/* Taille du texte des News */
	color: gray;
}

.guestbook p {
	background-color: #fffbff;	/* Couleur de fond du guestbook */
	margin: 0px;					/* Marge supérieure du guestbook */
	font-size: 0.9em;			/* Taille du texte du guestbook */
	padding: 3px;				/* Marge intérieure dans la fenêtre du guestbook */
}

.guestbook {
	width: 70%;					/* Taille de la fenêtre du guestbook */
	margin: auto;				/* Centrage de la fenêtre du guestbook dans le Body */
}

.select {
	color: gray;
}

.imageflottante {
	float: left;
}

.liste_texte li {
	margin-left: 30px;			/* Marge de gauche pour les listes  dans le texte 'Professeurs'*/
	text-align: top;			/* Alignement du texte en haut des cellules */
}

.sous_menu li {
	margin-left: 15px;			/* Marge de gauche pou les elements de sous menu */
	font-size: 0.8em;			/* Taille du texte des sous menus */
}

.narration {
	font-size: 1.2em;			/* Taille du texte */
}

.filetG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #0099cc;
	padding: 4px;
}

.opaque img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

td {
	padding: 0px;			/* Evite que le texte colle aux cellules */
}

.vide {
	background-color: #00ffff;		/* Couleur des cellules vides du tableau */
	text-align: center;				/* Tous les textes des cellules seront centrés */
}

.jazz {
	background-color: #ff00ff;
	text-align: center;				/* Tous les textes des cellules seront centrés */
}

.contemporain {
	background-color: #0099ff;
	text-align: center;				/* Tous les textes des cellules seront centrés */
}

.horaire {
	background-color: #ffff00;		/* Couleur des cellules vides du tableau */
	text-align: center;				/* Tous les textes des cellules seront centrés */
}

.bulletin {
	position: relative;
	width: 650px;
}

.formulaire {
	vertical-align: top;
	font-weight:bold;
	text-align:right;
}		

.centre td {
	text-align: center;
}

.retrait li {
	margin-left: 50px;			/* Marge de gauche pour les listes */
}

.retraitT li {
	margin-left: 50px;			/* Marge de gauche pour les listes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

/*********************************/
/* MENU HORIZONTAL concours.php */
/*********************************/

ul#menutop {
	margin: auto;
	position: relative;
	width: 660px;				/*----- à augmenter pour intégrer 2007 */
	height: 36px;
	clear: both;
	background: url(images/concours/concours.gif) no-repeat 0 0;
}

#menutop ul, #menutop li {
	margin: 0;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
}

#menutop li {
	display: inline;
}

#menutop li a {
	display: inline;
	float: left;
	height: 36px;
	width: 65px;
	text-decoration: none;
	background: url(images/concours/concours.gif) no-repeat 0 -89px;
}

#menutop a:hover {
	color: #FFFFFF;
}

#menutop a#menutop1:hover {
	background-position: 0px -36px;
}

#menutop a#menutop2:hover {
	background-position:  -65px -36px;
}

#menutop a#menutop3:hover {
	background-position:  -130px -36px;
}

#menutop a#menutop4:hover {
	background-position:  -195px -36px;
}

#menutop a#menutop5:hover {
	background-position:  -260px -36px;
}

#menutop a#menutop6:hover {
	background-position:  -325px -36px;
}

#menutop a#menutop7:hover {
	background-position:  -390px -36px;
}

#menutop a#menutop8:hover {
	background-position:  -455px -36px;
}

#menutop a#menutop9:hover {
	background-position:  -520px -36px;
}

#menutop a#menutop10:hover {
	background-position:  -585px -36px;
}

ul.menu_photo {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 2em; /* positionnement du menu */
left: 3em;
width: 100%; /* précision pour Opera */
}

.menu_photo li{
	float: left;
}

.menu_photo a {       /* définition de chaque bouton du menu */
width: 100px;	   /* largeur du bouton */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #ffffff;
background: #a952ff;
}

.menu_photo a:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.menu_photo a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu_photo a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 400px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 1px solid gray;
color: #000;
}

td.gros {
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
}
.cache {
	display: none;
}
.avec_lien {
	text-decoration: underline;
}
.avec_lien a:hover {
	color: #339900;
}
/*************************** Uniformisation IE/MOZILLA*******************
html>body #menu_droit { margin: 40px 0 0 40px; }*/
/*********************************End************************************/