html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
border:0 none;
color:black;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
body
{
	font-size: 80%;
	background-color: #140c3e; /* Couleur de fond, bleu nuit*/
	font-family: Times New Roman, Arial, Verdana, serif;
	color: #555555;
	width: 100%;
	height: 100%;
}
acronym
{
	border-bottom: 1px dotted black;
	cursor: help;
}
#compteur {
	width: 150px;
	margin: auto;
	padding-top: 10px;
}
#compteur2 {
	width: 200px;
	margin: auto;
	padding-top: 10px;
}
#page
{
	height: 100%;
	width: 100%;
}
#entete
{
	height: 155px;
	width: 100%;
	background-color: white;
	border-bottom: 5px solid black;
}
#fond_banniere
{
	height: 100px;
	width: 100%;
	background-image: url("../image/fond_entete.png");
	background-repeat: repeat-x;
	border-bottom: 4px solid black;
}
#banniere
{

	background-image: url("../image/banniere.png");
	background-repeat: no-repeat;
	background-position: top center;
}
#banniere a.accueil
{
	display: block;
	width: 100%;
	height: 100px;
	margin-bottom: -100px;
}
#new
{
	width: 1000px;
	margin: auto;
	margin-top: 105px;

	overflow: hidden;
}

#navigation
{
	height: 40px;
	width: 100%;
	background-image: url("../image/fond_bouton.png");
	background-repeat: repeat-x;
	border-bottom: 4px solid #17016b;
	background-position: top;
	position: absolute;
	z-index: 500;
	margin-top: 8px;
}
#encadre_navigation
{
	height: 52px;
	border-bottom: 2px solid black;
}
#ensemble_menu
{
	width: 1000px;
	margin: auto;	
}
#ensemble_sous_menu
{
	
}
#menu
{
	margin-top: 0px;
}
#ligne_maj
{
	width: 1000px;
	margin-bottom: -5px;
	padding: 0;
}
#maj
{
	text-align: right;
}
#jo
{
	text-align: left;
}
#new .rond_new
{
	background-color: #fcff0c;
	margin-top: 5px;
	width: 100%;
	height: 100%;
	-moz-border-radius : 10px;
	-khtml-border-radius : 10px;
	-border-radius : 10px;
}
#nouvelle
{
	padding:3px 10px 3px 10px;
	font-family: Times New Roman, Arial, Verdana, serif;
	height: 20px;
	overflow: hidden;
	line-height: 17px;
}
#nouvelle table
{
	width: 980px;
	margin: auto;
}
#nouvelle td.droite
{
	width: 850px;	
}
#nouvelle td.droite a
{
    color: red;
    text-decoration: none;
}
#nouvelle td.droite a:hover, #nouvelle td.droite a:focus, #nouvelle td.droite a:active
{
    text-decoration: underline;
}
#nouvelle td.gauche
{
	width: 120px;
    text-decoration: underline;
	color: #00529B;
	vertical-align: middle;
}

#menu ul
{
    margin:0;
    padding:0;
	z-index: 55;
}
#menu li{
	list-style-type: none;
    height:40px;
    float:left;
    color: white;
    text-align:center;
    overflow:hidden;
	background-color: #222222;
	text-transform:uppercase;
	background-image: url("../image/fond_bouton.png");
	background-repeat: repeat-x;
	border-bottom: 4px solid #17016b;
	z-index: 55;
}
#menu li#home{
    width:40px;
}
#menu li#starclass{
    width:40px;
}
#menu li#club{
    width:100px;
}
#menu li#entrainement{
    width:140px;
}
#menu li#competition{
    width:130px;
}
#menu li#temps{
    width:104px;
}
#menu li#pratique{
    width:90px;
}
#menu li#media{
    width:60px;
}
#menu li#galerie{
    width:90px;
}
#menu li#partenaire{
    width:110px;
}
#menu li#lien{
    width:60px;
}
#menu li#partage{
    width:30px;
}
#menu a{
	display: block;
    color:#a3a691;
    text-decoration:none;
	padding:5px 0px;
	z-index: 55;
}
#menu p{
    padding:0px 0px;
	font-size: 80%;
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-weight: bold;
	border-right: 1px solid black;
	border-left: 1px solid black;
	z-index: 55;
}
#menu li#home img{
	padding-top: 0px;
    width:16px;
}
#menu li#starclass img{
    width:30px;
	margin-top: -5px;
}
#menu p.titre{
    padding:5px 0px;
	font-size: 120%;
	border: none;
}
#menu p.titre a{
    padding:5px 0px;
	font-size: 100%;
	border: none;
	height:20px;
	margin-top: -15px;
	padding-top: 25px;
}
#menu p a:hover, #menu p a:focus, #menu p a:active{
    color: white;
	background-color: black;
}
#menu p.titre a:hover, #menu p.titre a:focus, #menu p.titre a:active{
    color: white;
	background-color: #17016b;
}
#corps
{
	clear: both;
	width: 1002px;
	margin: auto;
	padding-top: 46px;
	
}
#contenu
{
	width: 1000px;

	border-left: 1px solid black;
	border-right: 1px solid white;
	border-bottom: none;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contenu_gauche
{
	float: left;
	width: 795px;
}
#clear
{
	clear: both;
}
#menu_droite
{
	width: 205px;
	float: right;
	text-align: left;
}
#menu_droite .rond_coin_couleur
{
	width: 100%;
	height: 100%;
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius : 20px;
	-khtml-border-radius : 20px;
	-border-radius : 20px;
}
.meteo
{
	width: 172px;
	margin: auto;
	background-color: #000000;
}
#menu_droite .haut_menu_droite
{
	width: 210px;
	height: 23px;
	margin: 0px;
	background-image: url("../image/haut.png");
	background-repeat: no-repeat;
}
#menu_droite .bas_menu_droite
{
	width: 210px;
	height: 20px;
	margin: 0px;
	background-image: url("../image/bas.png");
	background-repeat: no-repeat;
	margin-top: 0px;
}
#menu_droite .milieu_menu_droite
{
	background-color: #ffffff;/* blanc */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #17016b;
}
#menu_droite h3
{
	padding-left: 60px;
	font-size: 120%;
	text-decoration: underline;
	font-weight : bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu_droite h4
{
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 100%;
	font-weight : bold;
}
#menu_droite .anniv_haut
{
	width: 204px;
	height: 20px;
	margin-bottom: -20px;
	background-image: url("../image/post_it_haut.png");
	background-repeat: no-repeat;
}
#menu_droite .anniv_milieu
{
	width: 204px;
	background-image: url("../image/post_it_milieu.png");
	background-repeat: repeat-y;
}
#menu_droite .anniv_bas
{
	width: 204px;
	height: 85px;
	background-image: url("../image/post_it_bas.png");
	background-repeat: no-repeat;
}
#menu_droite .anniv_bas img
{
	padding-left: 70px;
	padding-top: 10px;
	width: 69px;
}
#menu_droite .saint {
width: 200px;
margin: auto;
border: 1px dotted;
font-style: italic;
margin-bottom: 5px;
color: white;
}
#facebook {
width: 190px;

margin: auto;
padding-top: 5px;
padding-bottom: 10px;
}
#fb {
background-color: #eceff5;
}
#dopage {
width: 200px;
margin: auto;
}
#dopage:hover, #dopage:focus, #dopage:active {
opacity: 0.8;
}
#calendar
{
	width: 180px;
	margin: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}
#calendar .rond
{
	background-color: #569099;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	height: 100%;
	-moz-border-radius : 10px;
	-khtml-border-radius : 10px;
	-border-radius : 10px;
}
/* Calendrier */
#calendar table.calendrier {
	margin: auto;
	text-align: center;
	border-collapse: collapse;
}
#calendar caption {
	font-size: 120%;
	color: #002d36;
}
#calendar img {
	border: none;
	width: 27px;
	opacity: 0.5;
}
#calendar img:hover, #calendar img:focus, #calendar img:active{
	opacity: 1;
}
#calendar table.calendrier th {
	font-weight: bold;
	color: white;
}
#calendar table.calendrier td {
	width: 10px;
	height: 10px;
	padding: 6px;
	margin: 0px;
	color: white;
}
#calendar .jourEvenement {
	background-color: rgb(203, 206, 250);
}

#calendar .lienCalendrierJour {
	
	background-color: rgb(112, 121, 241);
}
#calendar a.Jour {
	position: relative;
	color: white;
	text-decoration: none;
	display: block;
	cursor: default;
}
#calendar a.Jour span {
	display: none; /* on masque l'infobulle */
}
#calendar a.Jour:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
#calendar a.Jour:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 25px; /* on positionne notre infobulle */
	right: 10px;
	background-color: rgb(112, 121, 241);
	color: black;
	text-align: left;
	padding: 3px;
	border: 1px solid rgb(112, 121, 241);
}
#calendar .jourVac {
	background-image: url("../image/vac.png");
	background-position: bottom;
	background-repeat: repeat-x;

}
#calendar a.Vac {
	position: relative;
	color: white;
	text-decoration: none;
	display: block;
	cursor: default;
}
#calendar a.Vac span {
	display: none; /* on masque l'infobulle */
}
#calendar a.Vac:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
#calendar a.Vac:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 25px; /* on positionne notre infobulle */
	right: 10px;
	background-color: #2bd710;
	color: black;
	text-align: left;
	padding: 3px;
	border: 1px solid #2bd710;
}
#calendar .lienCalendrierJouretVac {
	background-color: rgb(112, 121, 241);
	background-image: url("../image/vac.png");
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
}
#calendar .jourEvenementetVac {
	background-color: rgb(203, 206, 250);
	background-image: url("../image/vac.png");
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
}
#calendar .calendrier caption {
	margin: auto;
	margin-bottom: 5px;
}
#calendar a.JouretVac {
	position: relative;
	color: white;
	text-decoration: none;
	display: block;
	cursor: default;
}
#calendar a.JouretVac span{
	display: none; /* on masque l'infobulle */
}
#calendar a.JouretVac:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
#calendar a.JouretVac:hover span {
	display: block; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 25px; /* on positionne notre infobulle */
	right: 10px;
text-align: center;
	border: 1px solid blue;
}
#calendar em.Vac {
	display: block;
	background-color: #2bd710;
	color: white;
	
	font-style: normal;

}
#calendar strong.Jour {
	display: block;
	background-color: rgb(112, 121, 241);
	color: white;
	
	font-weight: normal;

}
/* Administration */
#calendar #tabAjoutEvent {
	margin: auto;
}
#calendar #tabAjoutEvent td {
	width: 50%;
	text-align:center;
}
/* Infobulles */
#calendar a.info {
	position: relative;
	color: white;
	text-decoration: none;
	display: block;
}
#calendar a.info span {
	display: none; /* on masque l'infobulle */
}
#calendar a.info:hover, #calendar a.info:focus, #calendar a.info:active {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
#calendar a.info:hover span, #calendar a.info:focus span, #calendar a.info:active span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 25px; /* on positionne notre infobulle */
	right: 10px;
	background-color: rgb(203, 206, 250);
	color: black;
	text-align: left;
	padding: 3px;
	border: 1px solid rgb(203, 206, 250);
}
/* Liste des événements à supprimer */
#calendar table.listeEvent {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}
#calendar table.listeEvent td {
	padding: 5px;
}
#anniversaire
{
	padding-left: 7px;
}
#anniversaire a
{
	text-decoration: none;
	color: black;
}
#anniversaire a:hover, #anniversaire a:focus, #anniversaire a:active
{
	text-decoration: underline;
}
#anniversaire .passe
{
	font-style: italic;
}
#anniversaire .aujourdhui
{
	color: red;
}
#anniversaire .aujourdhui a
{
	text-decoration: none;
	color: red;
}
#anniversaire .aujourdhui a:hover, #anniversaire .aujourdhui a:focus, #anniversaire .aujourdhui a:active
{
	text-decoration: underline;
}
#pied {
	clear: both;
	height: 100px;
	width: 100%;
	background-image: url("../image/fond_entete.png");
	background-repeat: repeat-x;
	border-top: 4px solid black;
	z-index: 15;
}
#ensemble_pied {
	width: 1000px;
	margin: auto;
}
#ensemble_pied table{
	margin: auto;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}
#ensemble_pied table td a{
	text-decoration: none;
	color: black;
}
#ensemble_pied table td a:hover, #ensemble_pied table td a:focus, #ensemble_pied table td a:active {
	text-decoration: underline;
	color: white;
}
#ensemble_pied table td{
	text-align: center;
	vertical-align: middle;
}
#ensemble_pied table.ligne1{
	width: 300px;
	line-height: 24px;
}
#ensemble_pied table.ligne2{
	width: 300px;
	line-height: 19px;
}
#ensemble_pied table.ligne3{
	width: 400px;
	line-height: 24px;
}
#ensemble_pied table.ligne4{
	width: 300px;
	line-height: 24px;
}
#image2_pied {
	width: 106px;
	height: 100px;
	background-image: url("../image/test2.png");
	float: right;
}
#image_pied {
	width: 177px;
	height: 100px;
	background-image: url("../image/test.png");
	float: left;
}
#ensemble_pied .bas{
	margin-top: 5px;
}
#ensemble_pied .ombre{
	opacity: 0.6;
}
#ensemble_pied .ombre:hover, #ensemble_pied .ombre:focus, #ensemble_pied .ombre:active {
	opacity: 1;
}