@charset "utf-8";
/* CSS Document */

html {font-size: 100%}
*{ margin: 0; padding: 0; outline:none}
body {background-color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px}
img {border: none}
ul {margin: 0; padding: 0}
h1 {color: #A21D4A; font-size: 20px}
h2 {color:#000000; font-size: 20px; width:220px; border-bottom: solid 1px #A21D4A; padding-bottom:7px; text-transform: uppercase}
a:link {color: #A21D4A; text-decoration: underline}
a:visited {color: #A21D4A; text-decoration: none}

/* Erreur et validation de page */
.formulaire_non_valide {background-color: #fd8e93; border:#ff3333 2px solid; margin: 5px; color:#FFF; text-align:center; height: 30px; font-size: 1.2em; line-height: 28px}
.formulaire_non_valide em {vertical-align: top; font-style:normal}
.formulaire_valide {background-color: #b1ffb1; border:#9fcf9f 2px solid; margin: 5px; color:#FFF; text-align:center; height: 30px; font-size: 1.2em; line-height: 28px}
.formulaire_valide em {vertical-align: top; font-style:normal}
.menu_barre {border: none; border-left: 1px solid #FFF; height: 20px}
.separateur {clear:both; border:none; color:#FFF}
.img_mouaze_right {float:right; margin-top: -3px}

/* Index */
#index {padding: 60px 50px 50px 60px}

#index p {text-align:justify; font-size:12px; margin: 10px 0 25px 0; }


#news {margin: 30px 0 0 0}
#news p {padding-bottom:7px; border-bottom: solid 1px #A21D4A}
#news em {font-size: 11px}
#news .link  {text-align: right; display:block}
#a_consulter {margin: 30px 0 0 0}

/* Biographie */
#biographie p {text-align:justify; font-size:12px; margin: 10px 0 25px 0; color:#000000;}

h5 {font-size:110%; margin-top:20px;}


/* Les tableaux */
table { margin-left:94px; margin-top:30px}
td { height:53px; width:186px }

/* Formulaire livre d'or */
form#formulaire_livre_or {margin-bottom:50px;}
form#formulaire_livre_or p {margin-left:50px; margin-bottom:5px}
form#formulaire_livre_or p label {float:left; margin-right:10px;}
form#formulaire_livre_or input {border:solid 1px #000000; background-color:#FFFFFF}
#formulaire_livre_or textarea {height:145px; border:solid 1px #000000; background-color:#FFFFFF; margin-top:5px; margin-bottom:15px; vertical-align:middle; width:410px; float:left;}
#boite_auteur {margin-left:10px;}
.taille_bouton {float:right; margin-right:10px;}

/* Livre d'or */
#messages_livre_or hr {border: #7d043a 1px solid; border-left: none; border-right: none; border-bottom:none; margin-bottom: 10px }
#messages_livre_or p {padding: 10px}
#messages_livre_or em {color:#999; font-size: 0.8em}

#principal {background:url(../images/fond.jpg) no-repeat center top; width: 1000px; margin: 0 auto}
#principal_admin { background:url(../images/fond_admin.jpg) no-repeat center top; width: 1024px; margin: 0 auto}
#banniere {height: 214px; background-image: url(../images/banniere.jpg); background-repeat:no-repeat; width: 820px; margin: 0 auto; text-align:right; cursor:pointer}
#banniere_admin {height: 214px; background: url(../images/banniere_admin.jpg) no-repeat; width: 820px; margin: 0 auto; text-align:right}
#banniere_admin h1 {color: #A21D4A; font-size: 25px; margin: 0; padding-top: 185px; padding-right: 35px} 
#corps {width: 820px; margin: 0 auto; background-color:#FFF}
#zone_texte {padding: 10px; width: 540px; min-height: 643px}

.formulaire {margin-bottom:15px;}

/* Le menu du front office */
ul#menu {
	background:url(../images/pixel_back_menu.gif) repeat-x; 
	color:#FFF; 
	width: 820px; 
	height:24px; 
	margin: 0 auto; 
	text-align:center;
	vertical-align:middle;
	list-style-type:none;
	position: relative;
}
ul#menu li {display: inline; float:left}
ul#menu li:hover { background:url(../images/pixel_back_menu_hover.gif) repeat}
ul#menu li ul {position:absolute}
ul#menu li ul li{display: inherit; clear:both; font-size: 0.8em; background-color:#282a29; border-bottom:#FFF 1px solid; width: 102px; line-height: 20px; vertical-align:middle}
ul#menu li ul li:hover { background: #333}
ul#menu li a {width: 101.6px; display:block; color:#FFF; text-decoration:none; line-height: 24px}
ul#menu li span {width: 101.6px; display:block; color:#FFF; text-decoration:none; line-height: 24px; cursor: pointer}

.trait {color: #A21D4A;}
.couleur {color: #A21D4A; margin-left:220px}

/* Ecole : Cours */

#cours h1 {font-size: 1.8em; text-align:center}
#cours h2 {margin: 15px 0 0 0;}
#cours em {font-style:normal; text-align:center; font-size: 0.65em; display: block}
#cours td {background-color:#DBDBDB; text-align: center}
#cours p {margin-top: 20px}
#cours ul {list-style:disc; margin-left: 30px}
.cours_adresse {text-align:right; margin: 10px 0 10px 0}
.jour {color: #A21D4A; text-decoration:underline; margin-top: 10px; display: block}

/* Ecole : Stages */
#stages h1 {font-size: 1.8em; text-align:center}
#stages h2 {margin: 50px 0 25px 0;}
#stages p {margin-top: 20px}
#stages ul { list-style:disc; margin-left: 30px}

/* Ecole : Formation Pro */

#formation_pro h1 {font-size: 1.5em; text-align:center}
#formation_pro h2 {margin: 50px 0 25px 0;}
#formation_pro p {margin-top: 20px}
#formation_pro ul { list-style:disc; margin-left: 30px}

/* Contact : Contacter Mouze */

#contacter_mouaze h2 {margin: 40px; width: auto; text-transform:none}
#contacter_mouaze form {margin-left: 70px}
#contacter_mouaze form fieldset {border: none}
#contacter_mouaze form label {margin-left: 15px}
#contacter_mouaze form input[type=text] {border: #A21D4A 1px solid; background-color:#FFF;}
#contacter_mouaze form textarea {border: #A21D4A 1px solid; background-color:#FFF}
#contacter_mouaze form input[type=submit] {float:right; margin-right:10px;}

.separation_formulaire {margin-bottom:20px;}

#button_radio {margin-left:127px; margin-bottom:20px;}
#nom, #email {float:right; margin-right:200px;}

/* Shows et Agenda */
.show {width: 520px; margin: 0 auto; margin-bottom: 20px; margin-top: 65px}
.show img {cursor: pointer;}
.show .legende {margin: 10px 10px 50px 10px}
.show .legende p {margin-bottom: 20px}
.show .legende p.informations {text-align:right}

.img_show {float:left; padding:5px; width:100px;}

/* DanceFloors */
#danceFloors {margin-top: 25px}
#danceFloors div.unDanceFloor img.imageLeft{ margin-bottom: 10px}
#danceFloors div.unDanceFloor img.imageLeft, #danceFloors div.unDanceFloor div.texteMiddle, #danceFloors div.unDanceFloor p{float: left; width: 173px; height: 173px}
#danceFloors div.unDanceFloor div.texteMiddle {border-right: 1px #999 solid; padding-left: 5px; padding-right: 5px}
#danceFloors div.unDanceFloor p {padding-left: 5px; padding-right: 5px}
#danceFloors h4 {color: #A21D4A; margin-bottom: 10px}
#danceFloors em {font-size: 0.6em}
#danceFloors hr {clear: left; border: none; color:#FFF}

/* Partenaires */

#partenaires {margin-top: 20px}
#partenaires img { float:left; margin: 10px 0 10px 0; width: 175px}
#partenaires div.texteUnPartenaire {float: left; width: 345px; padding: 0 5px 0 5px; margin: 10px 0 10px 0}
#partenaires hr { clear:left; height: 0px; border: #999 1px dotted; border-bottom: none; border-left: none; border-right: none }
#partenaires div.texteUnPartenaire h4 {color: #A21D4A}
#partenaires div.texteUnPartenaire p.lien {text-align: right; margin-top: 15px}

/* Mentions légales */
#mentions_legales p {margin: 10px}

/* Footer */
#footer {width: 820px; margin: 0 auto; color:#FFF; font-size: 0.7em; background-color:#FFFFFF;}
#footer p {text-align:center; color:#000000; border-top: 1px #000000 solid; width:614px; margin: 0 auto; padding-top:4px;}