/*Paramétrage de l'affichage des liens*/

a:link { /*Defines the style for normal unvisited links.*/
	color: #000000; 
	text-decoration: none;
	}
a:visited { /*Defines the style for visited links*/
	color: #000000; 
	text-decoration: none;
	}

a:active { /*Defines the style for active links. A link becomes active once you click on it.*/
	color: #009900; 
	text-decoration: none;
	}

a:hover { /*Defines the style for hovered links. A link is hovered when the mouse moves over it. Note: Not supported by Netscape browsers prior to version 6.*/
	color: #009900; 
	text-decoration: none;
	}

/*La classe "souligne" utlisée en particulier pour les liens vers extérieurs et entre certaines pages internes*/

a:hover.souligne { 
	color: #009900; 
	text-decoration: underline;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 0px;

	}

/*Une classe spéciale pour la photo sur la homepage*/

div.photo {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

/*La classe "retrait" utilisée pour mettre en page le contenu des pages*/

div.retrait {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	}

/*La classe "retrait2" utilisée pour mettre en page le contenu de la page photos*/

div.retrait2 {
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 15px;
	margin-bottom: 20px;
	}
	
/*La classe "horaires" utilisée pour mettre en page les horaires sur les pages cours_adultes.php et cours_enfants.php*/

div.horaires {
	margin-left: 100px;
	}

div.pied {
	margin-top: 50px;
	margin-bottom: 10px
}

/* l'Id "Layers" permet de paraméter l'affichage du contenu des menus déroulants du navigateur*/

#Layers ul {
	padding: 0px; 
	margin: 0px; 
}
#Layers li {
	margin: 0px;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 4px;
}

#Layers a {
	display: block; font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: none;
}

#Layers a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: underline;
}

/*la classe "lisere" est utilis�Epour créer le liser�Egris autour des menus déroulants du navigateur*/

.lisere {
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

td {
	font-size: 11px;
	text-decoration: none;
}

.gris {
	color: #CCCCCC;
}

.vert {
	color: #009900;
}

/*définition du texte defilant*/

.scroll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}


/*définition des styles du tableau "tarifs" de tarifs.php*/

#tarifs {
	margin-top: 10px;
	margin-bottom: 25px;
}

#tarifs table {
	vertical-align: middle;
	border: 1px solid #019901;
}

#tarifs td {
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #019901;
	border-bottom-color: #019901;
	border-left-color: #019901;
	border-right-color: #019901;
}

#tarifs td.hg {
	border-right-style: none;
	border-left-style: solid;
}

#tarifs td.haut {
	border-right-style: none;
}

#tarifs td.prem_col {
	font-weight: bold;
	border-left-style: solid;
}

#tarifs td.centre {
	border-left-style: solid;
}

#tarifs td.total_col {
	font-size: 14px;
	font-weight: bold;
}

#tarifs tr.prem_ligne {
	background-color: #F2FAE0;
	font-weight: bold;
}

#contacts {
	margin-top: 10px;
	margin-bottom: 35px;
}

#contacts table {
	vertical-align: middle;
	border: 1px solid #019901;
}

#contacts td {
	text-align: center;
	border: 1px solid #019901;
}

#contacts td.hg {
	border-right-style: none;
}

#contacts td.haut {
	border-right-style: none;
	border-left-style: none;
}

#contacts td.hd {
	border-left-style: none;
}

#contacts td.prem_col {
	/* font-weight: bold; */
}

#contacts tr.prem_ligne {
	background-color: #F2FAE0;
	font-weight: bold;
}

#photos {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#photos table {
	vertical-align: bottom;
	border: 1px solid #019901;
}

#photos tr.prem_ligne {
	background-color: #F2FAE0;
	font-weight: bold;
}

#photos td.prem_ligne {
	text-align: left;
	padding-left: 10px;

}

#photos td {
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #019901;
	border-right-color: #019901;
	border-bottom-color: #019901;
	border-left-color: #019901;
}

#vignette table{
	vertical-align: bottom;
	border: 0px none;
}

#vignette td{
	border: 0px none;
	font-size: 9px;
}

#apercu {
	margin-top: 10px;
	margin-bottom: 35px;
}