/* CSS réalisé par Kris
---------------------------------------------------------*/
* {
	outline: none;
	-moz-outline-style: none;
}

body {
	background: #000000;
	font-size: 12px;
	font-family: Arial, Trebuchet MS, sans-serif;
	color: #FFFFFF;
	margin:0;
	padding:0;
}


/* Styles usuels
-------------------------------------------------------- */
::-moz-selection {
    background:#9dcce0;
	color:#fff;
}
::selection {
	background:#9dcce0;
	color:#fff;
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a:link, a:visited{
	text-decoration:none;
	color:#505050;
	font-weight:bold;
}
a:active, a:hover{
	text-decoration:none;
	color:#6699b6;
	font-weight:bold;
}
ul{
	list-style-image:url(theme/li.jpg);
}
a img{
	border: 0;
}


/* Page
-------------------------------------------------------- */
.btn_facebook a{
	width: 224px;
	height: 44px;
	margin: 10px 0;
	padding: 0;
	display:block;
	background: url(theme/btn_facebook.png) top left no-repeat;
}

.btn_entree a{
	width: 162px;
	height: 31px;
	margin: 10px 0;
	padding: 0;
	display:block;
	background: url(theme/btn_entree.jpg) top left no-repeat;
}

.btn_entree a:hover{
	background-position: bottom left;
}

#flashContent { width:100%; height:100%; }

#page{
	top:0px;
	width: 987px;
	margin: 0 auto;
	padding:0;
}
.loader{
	width:220px;
	height:19px;
	margin:0 auto;
	background:url(theme/loader.gif) top left no-repeat;
}
#top{
	position:relative;
	top:0px;
	height:317px;
	width:100%;
	margin: 0;
	padding:0;
	background: transparent;
}
#menu{
	float: left;
	width: 246px;
	margin: 0;
	padding: 0;
}
#contenu{
	float:left;
	width:598px;
	padding:20px 20px 0 20px;
	background:url(theme/contenu.jpg) top left no-repeat #FFFFFF;
}
#bas{
	height:22px;
	width:800px;
	margin:0 auto;
	padding-top:35px;
	background:url(theme/bas.jpg) top left no-repeat #6A8CA0;
	color:#FFFFFF;
	line-height:22px;
	text-align:center;
	}


/* Menu
-------------------------------------------------------- */
#menu ul{
	margin: 0;
	padding: 0;
	width: 246px;
	list-style: none;
}
#menu li a{
	margin: 0px;
	padding: 0px;
	width: 246px;
	display: block;
}
#menu li a.accueil{
	background: url(theme/btn_accueil.jpg) no-repeat top left;
	height: 64px;
}
#menu li a.accueil:hover{
	background-position: bottom left;
}
#menu li a.agenda{
	background: url(theme/btn_agenda.jpg) no-repeat top left;
	height: 63px;
}
#menu li a.agenda:hover{
	background-position: bottom left;
}
#menu li a.gallerie{
	background: url(theme/btn_gallerie.jpg) no-repeat top left;
	height: 63px;
}
#menu li a.gallerie:hover{
	background-position: bottom left;
}
#menu li a.tarifs{
	background: url(theme/btn_tarifs.jpg) no-repeat top left;
	height: 63px;
}
#menu li a.tarifs:hover{
	background-position: bottom left;
}
#menu li a.recrutement{
	background: url(theme/btn_recrutement.jpg) no-repeat top left;
	height: 63px;
}
#menu li a.recrutement:hover{
	background-position: bottom left;
}
#menu li a.contact{
	background: url(theme/btn_contact.jpg) no-repeat top left;
	height: 63px;
}
#menu li a.contact:hover{
	background-position: bottom left;
}
#menu li a.club{
	background: url(theme/btn_club.jpg) no-repeat top left;
	height: 64px;
}
#menu li a.club:hover{
	background-position: bottom left;
}


/* Compteur
-------------------------------------------------------- */
#player{
	margin: 0;
	padding: 0;
}

#compteur{
	height: 23px;
	background: url(theme/compteur_bg.jpg) no-repeat top left;
	padding-top:12px;
}
#compteur a{
	margin-left: 96px;
	height: 30px;
}


/* Contenu
-------------------------------------------------------- */
#contenu{
	width: 741px;
	height: 498px;
	padding: 0;
	margin: 0;
	float: right;
	background: url(theme/main_bg.jpg) fixed no-repeat top left #000000;
}

.frame{
	width: 741px;
	height: 498px;
	padding: 0;
	margin: 0;
	background: url(theme/main_bg.jpg) fixed no-repeat top left #000000;
}

#agenda {
	width: 650px;
	margin: 0 auto;
	padding-top: 20px;
}

#recrutement{
	width: 741px;
	height: 498px;
	padding: 0;
	margin: 0;
	background: url(theme/recrutement_bg.jpg);
}

#traitement p{
	font-weight: bold;
	font-size: 14px;
	padding-top: 180px;
	margin: 0;
	width: 100%;
	text-align: center;
}

#traitement p.vert{
	color: #32d532;
}

#traitement p.rouge{
	color: #dd0edd;
}

.form_text{
    color:#FFFFFF;
    background-color:transparent;
    font-size:22px;
    font-family:arial;
	border: 0;
}

.textarea{
	color:#000000;
	background-color: transparent;
	font-size:18px;
    font-family:arial;
	border: 0;
	width: 410px;
	height: 180px;
}

#gallerie{
	width: 741px;
	height: 498px;
	padding: 0;
	margin: 0;
}

.photo{
	width: 196px;
	height: 128px;
	padding-top: 8px;
	background: url(theme/photo_bg.png) top left no-repeat;
}

.photo a{
	display: block;
	position: relative;
	overflow: hidden;
}

.photo a:hover{
	opacity : 0.7;
    filter : alpha(opacity=70); 
}

#form_contact{
	float: left;
	padding: 10px;
	padding-top: 10px;
}

#form_contact p{
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

#plan{
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

#accueil{
	width: 741px;
	height: 498px;
	background: url(theme/accueil_bg.jpg) top left no-repeat;
	/*background: url(theme/accueil_bg_miss.jpg) top left no-repeat;*/
}

#box{
	height: 137px;
	width: 426px;
	float: right;
	margin: 15px 25px 0 0;
}

#bandeau{
	height: 38px;
	width: 741px;
	float: right;
	margin: 0;
}

/*-----------------------------------------------  FORMULAIRE   DE   CONTACT  ------------------------------------------------------ */

#piedForm input {
	margin:0 0 0 0px;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 0;
	border : 0;
	width : 320px;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	text-align: left;
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;
	display : block;
	width: 85px;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	font-family : "Arial";
	font-size : 14px;
	color : #FFFFFF;
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;
}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}

#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
}

#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #dadada;
	color: black;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

#corpForm textarea{
	color:#000000;
	font-size:13px;
    font-family:arial;
}

#piedForm {
	margin: 0;
	padding: 0;
	width : 320px;
	text-align : center;
	margin-top: 20px;
}

#alerte{
	font-weight: bold;
	font-size: 14px;
	color: #dd0edd;
}

#succes{
	font-weight: bold;
	font-size: 14px;
	color: #32d532;
}