* {

  font-family:"Comic Sans MS",serif;

}



body {

  background-color: orange;

  margin: 0;

  padding: 0;

  text-align:center;

}



body, td {

  color:orange;

  font-size: 15px;

}

img {border: none;}

h1 {	

  font-family:jokerman,fantasy;

	margin: 0;

//	padding: 0 0 0 10px;



	font:26pt;

	font-weight:bold;

	color:yellow;

	text-decoration:none;

	text-align:center;

}

h2 {

  font-family:jokerman,fantasy;



	margin: 0;

//	padding: 4px 0 5px 10px;



	font:30px;

	font-weight:bold;

	color:orange;

	text-decoration:none;

	text-align:center;

}

h3 {

	font:25px;

	font-weight:bold;

	color:yellow;

	text-decoration:none;

	text-align:center;

}

h4 {

	font:20px;

	font-weight:bold;

	color:yellow;

	text-decoration:none;

	text-align:center;

}

h5 {

	font:18px;

	font-weight:bold;

	color:orange;

	text-decoration:none;

	text-align:center;

}



h6 {

	font:15px;

	font-weight:normal;

	color:orange;

	text-decoration:none;

	text-align:center;

}



p {

	font:18px;

	font-weight:normal;

	color:yellow;

	text-decoration:none;

	text-align: justify;

	text-align:center;

}

ul.maliste {

	font:18px;

	font-weight:normal;

	color:yellow;

	text-decoration:none;

	text-align: justify;

	text-align:center;

}





a {

	text-decoration: none;

	font:15px;

	font-weight:bold;

	color:orange;

}

a:hover {

	color: #B53;

}

a.interne {

	text-decoration: none;

	font:15px;

	font-weight:bold;

	color:#FFFFCC;

}

a.interne:hover {

	color: blue;

}



#page {

	background-color:orange;

/*	border: solid 0px #CCC;*/

/*	border-top: none;*/

	width: 800px;

	margin: 0 auto 16px auto;

/*	border-left: 1px solid #777;*/

/*	border-right: 1px solid #777;*/

	padding: 0;

	text-align: left;

}



#top {

	width: 800px;

	height: 60px;

	background-color: orange;

	background-image: url(zfiles/5.jpg);

/*	border-bottom: none;*/

	margin:0;

	text-align: center;

}



#mid {

	width: 800px;

/*	border-bottom: 0px solid #CCC;*/

	background-image: url(zfiles/7.jpg);

	background-color: orange;

	margin:0;

	madding: 0;

}



#side {

	width: 110px;

/*	height: 768;*/

	height: 1000;

	float: left;

	margin:0;

	padding: 5px 5px 5px 5px;

	background-image: url(zfiles/4.gif);

	background-repeat:no-repeat;

}



#main {

	width: 650px;

	float: left;

	margin:0;

	padding: 7px;

	text-align: justify;

}



#break {

	clear: both;

}



#bot {

	width: 800px;

/*	border-bottom: 1px solid #777;*/

	background-image: url(zfiles/5.jpg);

	font-size: 10px;

	text-align: center;

	margin:0;

	mapping: 0;

	color: brown;

}



#bot a {

	font-size: 10px;

	color: brown;

}



#top h1 {

}

#top h2 {

}



/* Menu */

.zul {

	padding: 0;

	margin:0px;

/*	margin: 10px 0 0 0;*/

/*	list-style: none;*/

	list-style-position: inside;

	list-style-type:diamond;

	color: yellow;

}

.zli1,.zli2,.zli3,.zli4 {

	background-repeat: no-repeat;

/*	padding-left: 0px;*/

}

.zon {

	list-style-type:circle;

}

.zli1 {

	margin-left: 0px;

}

.zli2 {

	margin-left: 16px;

}

.zli3 {

	margin-left: 32px;

}

.zli4 {

	margin-left: 48px;

}



/* styles zite */

/*ici, le fond des barres de menu admin*/

#zadmin {

/*	border: 1px solid #CCC;*/

/*	background-color: #EEE;*/

	background-color: maroon;

	padding: 0 2px;

	margin: 3px 0 0 0;

}



/*la table de liste des pages*/

.ztable {

/*	border: 1px solid #CCC;*/

/*	background-color: #EEE;*/

	background-color: maroon;

	padding: 0 2px;

	margin: 5px 0;

	width: 100%;

}



/*ici, les messages dans la partie admin style "opération effectuée avec succès"*/

.zalert {

/*	border: 1px solid #C00;*/

/*	background-color: #FEA;*/

	background-color: gold;

	color: blue;

	padding: 0 2px;

}



table#promo1 {

	background-color: brown;

}

table#promo2 {

	background-color: yellow;

}

table#promo3 {

	background-color: blue;

}





/* page des stages */

table#horairesstages {

	width:100%;

	background-color: brown;

}

table#listedansesstages {

	background-color: brown;

	text-align:center;

}

table#horairesstages tr td#selectiondanse {

	color: blue;

	font-weight:bold;

	text-align:center;

}

table#horairesstages tr td#creneaustages {

	color: yellow;

	font-weight:bold;

	text-align:center;

}

table#horairesstages tr td#dansechachalatino{

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#danselindy {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#danseboogie {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#dansebachata {

/*	background-color: red; */

	font-weight:bold;



}

table#horairesstages tr td#danseorientale {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#dansetangarg {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#dansetecktonik {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#dansemjazz{

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#dansesalsa{

/*	background-color: red; */

	font-weight:bold;

}



table#horairesstages tr td#danserock {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#dansesalon {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#danseclaquettes {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#dansehiphop {

/*	background-color: red; */

	font-weight:bold;

}

table#horairesstages tr td#jourtexte {

	color: yellow;

	font-weight:bold;

}

/* fin page des stages */





table#horaires {

/*	width:600px;*/

	background-color: brown;



}

table#horaires h3 {



	font:15px;

}

table#horaires h4 {

	color: #FFCC00;

	font:12px;

	font-weight:bold;

}

table#horaires p {

	color: yellow;

	font:15px;

	font-weight:bold;

}