/* ---------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------  CSS global du site -----
-------------------------------------------------------------------------------------------------------------------------------   */

* {
	margin:0px;
	padding:0px;
} 

body {
	background-image:url("../images/site/background.png");
	background-repeat:repeat-x;
	background-color:#ffffff;
	font-family:Time new roman, Arial;
}

#global{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:830px;
}

/* ----------------------------------------------------------------------------------------------------------  Entête du site ----- */

#enteteGymkhana {
	height:100px;
	width:825px;
	background-image:url("../images/site/enteteGymkhana.png");
	background-repeat:no-repeat;
}

#menuHorizontal {
	margin-top:5px;
	height:30px;
	width:825px;
	background-image:url("../images/site/menuHorizontal.png");
	background-repeat:no-repeat;
}

#entete {
	height:171px;
	width:825px;
	margin-top:5px;
	background-repeat:no-repeat;
}

/* --------------------------------------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------------------------- Menu -----
  ------------------------------------------------------------------------------------------------------------------- */
  
 /* ----------------------------------------------------------------------------------------------------------  Menu du site ----- */

#menu{
	width:141px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-left:1px;
}

ul#menuPrincipal{
	list-style-type:none;
	border:none; 
	cursor:pointer;
	float:left;
	margin-left:1px;
}

li#menu{
	list-style-type:none;
	border:none; 
	cursor:pointer;
}

#calendrier{
	margin:2px;
	margin-top:460px;
	margin-left:220px;
}

/* ---------------------------------------------------------------------------------------------------------- Accueil ----- */

.accueil{
	background: url("../images/site/boutons/btnAccueilNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.accueil:hover{
	background-image:url("../images/site/boutons/btnAccueilSurvol.png");
	background-repeat:no-repeat;
}

.accueil:active{
	background-image:url("../images/site/boutons/btnAccueilSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Recreatif ----- */

.recreatif{
	background: url("../images/site/boutons/btnRecreatifNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.recreatif:hover{
	background-image:url("../images/site/boutons/btnRecreatifSurvol.png");
	background-repeat:no-repeat;
}

.recreatif:active{
	background-image:url("../images/site/boutons/btnRecreatifSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Competitif ----- */

.competitif{
	background: url("../images/site/boutons/btnCompetitifNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.competitif:hover{
	background-image:url("../images/site/boutons/btnCompetitifSurvol.png");
	background-repeat:no-repeat;
}

.competitif:active{
	background-image:url("../images/site/boutons/btnCompetitifSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Activite ----- */

.activitee{
	background: url("../images/site/boutons/btnActiviteNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.activitee:hover{
	background-image:url("../images/site/boutons/btnActiviteSurvol.png");
	background-repeat:no-repeat;
}

.activitee:active{
	background-image:url("../images/site/boutons/btnActiviteSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Activite ----- */

.resultat{
	background: url("../images/site/boutons/btnResultatNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.resultat:hover{
	background-image:url("../images/site/boutons/btnResultatSurvol.png");
	background-repeat:no-repeat;
}

.resultat:active{
	background-image:url("../images/site/boutons/btnResultatSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Photos ----- */

.photo{
	background: url("../images/site/boutons/btnPhotoNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.photo:hover{
	background-image:url("../images/site/boutons/btnPhotoSurvol.png");
	background-repeat:no-repeat;
}

.photo:active{
	background-image:url("../images/site/boutons/btnPhotoSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Coordonnee ----- */

.coordonnee{
	background: url("../images/site/boutons/btnCoordoneeNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.coordonnee:hover{
	background-image:url("../images/site/boutons/btnCoordoneeSurvol.png");
	background-repeat:no-repeat;
}

.coordonnee:active{
	background-image:url("../images/site/boutons/btnCoordoneeSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Liens ----- */

.lien{
	background: url("../images/site/boutons/btnLienNormal.png") ; 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:142px;
	height:22px;
}

.lien:hover{
	background-image:url("../images/site/boutons/btnLienSurvol.png");
	background-repeat:no-repeat;
}

.lien:active{
	background-image:url("../images/site/boutons/btnLienSurvol.png");
	background-repeat:no-repeat;
}

/* -------------------------------------------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------------------------- sous-menu -----
  ----------------------------------------------------------------------------------------------------------------------- */
    
ul#sousMenu{
	list-style-type:none;
	border:none; 
	cursor:pointer;
	padding:0px;
	width:123px;
	float:right;
}

li#sousMenu{
	list-style-type:none;
	border:none; 
	cursor:pointer;
}

/* ---------------------------------------------------------------------------------------------------------- Bebe gym ----- */

.bebeGym{
	background: url("../images/site/sousMenu/btnBambinoNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:123px;
	height:22px;
}

.bebeGym:hover{
	background-image:url("../images/site/sousMenu/btnBambinoNormal.png");
	background-repeat:no-repeat;
}

.bebeGym:active{
	background-image:url("../images/site/sousMenu/btnBambinoNormal.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Bout d'Chou ----- */

.boutDchou{
	background: url("../images/site/sousMenu/btnBoutChouNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:123px;
	height:22px;
}

.boutDchou:hover{
	background-image:url("../images/site/sousMenu/btnBoutChouSurvol.png");
	background-repeat:no-repeat;
}

.boutDchou:active{
	background-image:url("../images/site/sousMenu/btnBoutChouSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Niveaux 1 à 6 ----- */

.niveaux{
	background: url("../images/site/sousMenu/btnNiveauxNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:123px;
	height:22px;
}

.niveaux:hover{
	background-image:url("../images/site/sousMenu/btnNiveauxSurvol.png");
	background-repeat:no-repeat;
}

.niveaux:active{
	background-image:url("../images/site/sousMenu/btnNiveauxSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Adolescent ----- */

.adolescent{
	background: url("../images/site/sousMenu/btnAdoNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:123px;
	height:22px;
}

.adolescent:hover{
	background-image:url("../images/site/sousMenu/btnAdoSurvol.png");
	background-repeat:no-repeat;
}

.adolescent:active{
	background-image:url("../images/site/sousMenu/btnAdoSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Adulte ----- */

.adulte{
	background: url("../images/site/sousMenu/btnAdulteNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:123px;
	height:22px;
}

.adulte:hover{
	background-image:url("../images/site/sousMenu/btnAdulteSurvol.png");
	background-repeat:no-repeat;
}

.adulte:active{
	background-image:url("../images/site/sousMenu/btnAdulteSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Cheerleading ----- */

.cheerleading{
	background: url("../images/site/sousMenu/btnCheerNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:123px;
	height:22px;
}

.cheerleading:hover{
	background-image:url("../images/site/sousMenu/btnCheerSurvol.png");
	background-repeat:no-repeat;
}

.cheerleading:active{
	background-image:url("../images/site/sousMenu/btnCheerSurvol.png");
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------------------------------------------- Camp de jour----- */

.campDeJour{
	background: url("../images/site/sousMenu/btnCampDeJourNormal.png"); 
	background-repeat:no-repeat;
	border: none; 
	cursor: pointer; 
	width:123px;
	height:22px;
}

.campDeJour:hover{
	background-image:url("../images/site/sousMenu/btnCampDeJourSurvol.png");
	background-repeat:no-repeat;
}

.campDeJour:active{
	background-image:url("../images/site/sousMenu/btnCampDeJourSurvol.png");
	background-repeat:no-repeat;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------  Contenu du site ----- */

#contenu {
	margin-top:-30px;
	width:825px;
}

#contenuTexte{
	background-image:url("../images/site/BackContenu.png");
	background-repeat:no-repeat; 
	text-align:left;
	width:683px;
	float:right;
	overflow:visible;
	min-height:610px;
}

#texte{
	margin:5px;
	padding:5px;
	Margin-top:35px;
}

/* ----------------------------------------------------------------------------------------------------------  Pied de page du site ----- */

#piedPage {
	border:solid 1px white;
	text-align:center;
	clear:both;
	margin-bottom:10px;
	background-image: url("../images/site/piedDePage.png");
	background-repeat:no-repeat;
	background-position:bottom;
	width:825px;
	height:75px;
}
	
#imageLogo {
	background-image: url("../images/site/logo.gif");
	background-position:bottom;
	width:137px;
	height:52px;
	float:left;
	margin-top:10px;
}

#textPied{
	font-size:12px;
	text-align:right;
	margin-left:610px;
	width:200px;
	margin-top:20px;
}
