html
{	overflow: scroll;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body
{   width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center; /* pour corriger le bug de centrage IE */

    background-color: #FFF;
    font-family: Arial;
    font-size: 11px;
    color: black;

}

td
{	
}

.hidden 
{   display: none;
}

.gras
{   font-weight: bold;
}

#retour
{   position: absolute;
    top: 150px;
}

#page-wrapper
{   clear: both;
    width: 1024px;
    min-height: 660px;
    _height: 660px;

    background: url(../pictures/background.jpg) no-repeat;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#page-wrapper, #page-wrapper td
{   font-family: Arial;
    font-size: 11px;
    color: black;
}

/**********/
/* Header */
/**********/

#header		   
{   clear: both;
    float: left;
    width: 1024px;
    height: 192px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background: url(../pictures/header.jpg) no-repeat 1px 1px;
}
		

#header h1
{   display: none;
}  

#logo
{   position: absolute;
    _position: relative;
    top: 12px;
    margin-left: 24px;
    width: 215px;
}

#logo img
{   width: 215px;
    height: 169px;
    border: 0px;
}


/********/
/* Menu */
/********/
#menu
{   position: absolute;
    top: 192px;
    width: 960px;
    line-height: 28px;
    padding: 0;
    margin: 0;
}

#menu img
{   border: 0px;
    margin: 0px;

}
#menu, #menu ul
{   width: 990px;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 28px;
}

#menu li
{   float: left;
}

#menu li a
{   font-family: Arial, "Trebuchet MS";
    color: white;
    text-decoration: none;
    letter-spacing: 1px;
}

#menu li a:hover
{   color: black;

}

.menu0 
{   background-color: #B8CEE6;
    padding: 0px 10px;
}
.menu1
{   background-color: #FF0000;
    padding: 0px 10px;
}

.menu2
{   background-color: #633010;
    padding: 0px 10px;
}

.menu3
{   background-color: #D5A8D2;
    padding: 0px 10px;
}

.menu4
{   background-color: #FF6600;
    padding: 0px 10px;
}

.menu5
{   background-color: #32474D;
    padding: 0px 10px;
}

.menu6
{   background-color: #849194;
    padding: 0px 10px;
}

.menu7
{   background-color: #5B6C71;
    padding: 0px 10px;
}
.menu8
{   background-color: #ADB5B8;
    padding: 0px 10px;
}

.menu9
{   background-color: #71B15F;
    padding: 0px 10px;
}

.menu10
{   background-color: #46595E;
    padding: 0px 10px;
}


/*********/
/* Right */
/*********/

#page_right
{   float: left;
    width: 264px;
    height: 415px;
    margin-top: 25px;
    background: url(../pictures/accueil/background_right.jpg) no-repeat;
}

#page_right h2
{   margin: 0px;
    padding: 0px;
    margin-top: 7px;
    margin-left: 7px;
    font-family: Arial;
    font-size: 14px;
}

/* Couleur des titres, liens, ... */
.rubrique1 h2, .rubrique1 h5, .rubrique1 h4, .rubrique1 a, .rubrique1 #annonces a
{   color: #FF0000;
}

.rubrique2 h2, .rubrique2 h5, .rubrique2 h4, .rubrique2 a, .rubrique2 #annonces a
{   color: #633010;
}

.rubrique3 h2, .rubrique3 h5, .rubrique3 h4, .rubrique3 a, .rubrique3 #annonces a
{   color: #D5A8D2;
}

.rubrique4 h2, .rubrique4 h5, .rubrique4 h4, .rubrique4 a, .rubrique4 #annonces a
{   color: #FF6600;
}

.rubrique5 h2, .rubrique5 h5, .rubrique5 h4, .rubrique5 a, .rubrique5 #annonces a
{   color: #32474D;
}

.rubrique6 h2, .rubrique6 h5, .rubrique6 h4, .rubrique6 a, .rubrique6 #annonces a
{   color: #849194;
}

.rubrique7 h2, .rubrique7 h5, .rubrique7 h4, .rubrique7 a, .rubrique7 #annonces a
{   color: #5B6C71;
}

.rubrique8 h2, .rubrique8 h5, .rubrique8 h4, .rubrique8 a, .rubrique8 #annonces a
{   color: #ADB5B8;
}

.rubrique9 h2, .rubrique9 h5, .rubrique9 h4, .rubrique9 a, .rubrique9 #annonces a
{   color: #D6DADB;
}

.rubrique10 h2, .rubrique10 h5, .rubrique10 h4, .rubrique10 a, .rubrique10 #annonces a
{   color: #46595E;
}

.rubrique1 h5, .rubrique2 h5, .rubrique3 h5, .rubrique4 h5, .rubrique5 h5, .rubrique6 h5, .rubrique7 h5, .rubrique8 h5, .rubrique9 h5, .rubrique10 h5
{   float: left;
    margin: 0px;
    font-size: 12px;
}

.rubrique1 h4, .rubrique2 h4, .rubrique3 h4, .rubrique4 h4, .rubrique5 h4, .rubrique6 h4, .rubrique7 h4, .rubrique8 h4, .rubrique9 h4, .rubrique10 h4
{   clear: both;
    margin: 0px;
    font-size: 13px;
}

.rubrique1 #fiches a
{   background-color: #FF0000;
    color: white;
}

#fiches
{   position: relative;
    _position: absolute;
    margin-left: 295px;
    _margin-left: 0px;
    margin-top: -50px;
    _margin-top: 0px;
    _top: 10px;
    _left: 300px;
    padding: 0px;
    z-index: 1000;
}

#fiches_items
{   float: left;
    width: 150px;
    text-align: center;
}

.fiche, .fiche2
{   width: 100%;
    margin-bottom: 7px;
    padding: 2px;
}

.fiche a, .fiche2 a
{   color: white;
    font-weight: bold;
    text-decoration: none;
}

.fiche a:hover, .fiche2 a:hover
{   color: black;
}

#fiches h4
{   clear: both;
    float: left;
}

.rubrique2 .fiche, .rubrique2 .fiche a, .rubrique2 .fiche2, .rubrique2 .fiche2 a
{   background-color: #633010;
}

.rubrique3 .fiche, .rubrique3 .fiche a, .rubrique3 .fiche2, .rubrique3 .fiche2 a
{   background-color: #D5A8D2;
}

.rubrique4 .fiche, .rubrique4 .fiche a, .rubrique4 .fiche2, .rubrique4 .fiche2 a
{   background-color: #FF6600;
}

.presentation
{   position: relative;
    position: _absolute;
    margin-top: 70px;
    _margin-top: 0px;

}

#savoir_plus
{   background-color: #CCC;
    padding: 5px;
    width: 200px;
}

#savoir_plus h3
{   margin-top: 0px;
    margin-bottom: 5px;
    color: white;
    font-size: 12px;

}

#savoir_plus h4 a
{   color: black;
    font-size: 11px;
    text-decoration: none;
}

#savoir_plus h4 a:hover
{   color: white;

}

/* Newsletter */
#newsletter
{   width: 249px;
    height: 53px;
    overflow: hidden;
}

#newsletter_content
{   margin-left: 9px;

}

#newsletter_content form
{   margin: 0px;
    padding: 0px;  
	margin-top: 5px;
}

#newsletter_content label
{   font-family: Arial;
    font-size: 11px;
	font-weight: bold;
	margin-right: 10px;

}

#newsletter input.text
{   border: 1px solid black;
	width: 120px;
}			 

#submit_newsletter
{   width: 30px;	
	height: 20px;
	margin-left: 3px;
	border: 0px;
	background-color: #B8CEE6;
	font-weight: bold;
	font-size: 11px;
}	


#newsletter_dialog
{	margin-top: 10px;
	text-align: left;
}		 

#newsletter_dialog label
{	clear: both;
	float: left;
	width: 100px;
	text-align: left;	  
	font-weight: bold;
}		 

#newsletter_dialog input
{	float: left;
	width: 350px;
}		 	  
 
#sexe
{	float: left;
	width: 200px;
}

#activite
{	float: left;
	width: 400px;
	margin-left: 50px;
}	

#sexe td, #activite td
{	font-size: 12px;
}

.sexe 
{	width: 200px;
	
}
.activite
{	width: 200px;
	
}

input#homme, input#femme, input#kine, input#prof_sport, input#sage_femme, input#prof_danse, input#association, input#club, input#particulier
{	width: 30px;
}
  
input#newsletter_inscription 
{	width: 100px; 
	height: 20px;
	margin-left: 190px;
	margin-top: 20px;
	border: 0px;
	background-color: #CE0B0B;
	font-weight: bold; 
	color: white;
}  	

#newsletter_message
{	margin-top: 200px;
	margin-left: 300px;
}	


/* Calendrier */
#calendrier
{   width: 249px;
    height: 121px;
    margin-top: 9px;
    overflow: auto;
}

#calendrier_content
{   margin-left: 9px;

}


.calendrier_item
{   color: black;
    text-decoration: none;
}

.calendrier_item1
{   background-color: lightgrey;
}

.calendrier_item_content
{   margin: 4px;
}

.calendrier_intitule
{   margin-top: 4px;
}

.calendrier_intitule a
{   font-weight: bold;
    line-height: 11px;
    color: black;
    text-decoration: none;
}

.calendrier_date a
{   line-height: 11px;
    color: black;
    text-decoration: none;

}

.calendrier_lieu a
{   font-style: italic;
    color: black;
    line-height: 11px;
    text-decoration: none;

}


/* Petites annonces */
#petites_annonces
{   width: 249px;
    height: 131px;
    margin-top: 9px;
    overflow: auto;
}

#petites_annonces_content
{   margin-left: 9px;

}


.annonce_item
{   color: black;
    text-decoration: none;
}

.annonce_item1
{   background-color: lightgrey;

}

.annonce_item_content
{   margin: 4px;

}

.annonce_resume
{   margin-top: 4px;
    margin-bottom: 4px;
}

.annonce_resume a
{   line-height: 12px;
    color: black;
    text-decoration: none;

}


#annonces
{   float: right;
    margin-right: 15px;
    _margin-right: 15px;
    margin-top: 5px;
}

#annonces a
{   font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}


/********/
/* Page */
/********/
#page
{   width: 1000px;
    height: 500px;
}
   
#left
{   clear: both;
    float: left;
    width: 735px;
    height: 390px;
}

#page_left
{   clear: both;
    float: left;
    width: 250px;
    margin-left: 1px;
}

#page_menu
{   width: 230px;
    height: 140px;
    overflow: auto;
}

#page_menu ul
{   margin-top: 15px;
    list-style: none;
}


/* Couleur des sous-menus */
.rubrique1 li a
{   color: #FF0000;
}

.rubrique2 li a
{   color: #633010;
}

.rubrique3 li a
{   color: #D5A8D2;
}

.rubrique4 li a
{   color: #FF6600;
}

.rubrique5 li a
{   color: #32474D;
}

.rubrique6 li a
{   color: #849194;
}

.rubrique7 li a
{   color: #5B6C71;
}

.rubrique8 li a
{   color: #ADB5B8;
}

.rubrique9 li a
{   color: #D6DADB;
}

.rubrique10 li a
{   color: #46595E;
}

#page_menu a
{   font-weight: bold;
    text-decoration: none;
    line-height: 13px;
}

#page_middle
{   float: left;
    width: 460px;
    _width: 470px;
    height: 400px;
    margin-top: 40px;
    padding-right: 10px;
    overflow: auto;
}

/* Couleur des titres */
#page_middle .rubrique1 h2, #page_middle .rubrique1 h5
{   color: #FF0000;
}

#page_middle .rubrique2 h2, #page_middle .rubrique2 h5
{   color: #633010;
}

#page_middle .rubrique3 h2, #page_middle .rubrique3 h5
{   color: #D5A8D2;
}

#page_middle .rubrique4 h2, #page_middle .rubrique4 h5
{   color: #FF6600;
}

#page_middle .rubrique5 h2, #page_middle .rubrique5 h5
{   color: #32474D;
}

#page_middle .rubrique6 h2, #page_middle .rubrique6 h5
{   color: #849194;
}

#page_middle .rubrique7 h2, #page_middle .rubrique7 h5
{   color: #5B6C71;
}

#page_middle .rubrique8 h2, #page_middle .rubrique8 h5
{   color: #ADB5B8;
}

#page_middle .rubrique9 h2, #page_middle .rubrique9 h5
{   color: #D6DADB;
}

#page_middle .rubrique10 h2, #page_middle .rubrique10 h5
{   color: #46595E;
}

#page_right
{   margin-top: 40px;
    
}

#picto
{   position: absolute;
    top: 579px;
    left: 860px;

}

/***********/
/* Accueil */
/***********/
#logos_groupe_leaderfit
{   display: none;
    position: absolute;
    width: 360px;
    _position: relative;
    top: 350px;
    _top: -410px;
    margin-left: 40px;
}

#diaporama
{   position: absolute;
    width: 300px;
    _position: relative;
    height: 100px;
    top: 220px;
    margin-left: 415px;
    _top: -440px;
}

#videos
{   position: absolute;
    width: 320px;
    _position: relative;
    height: 150px;
    top: 220px;
	margin: 0px;
	padding: 0px;
    margin-left: 405px;
    _top: -440px;
	overflow: hidden;
}	

#videos img
{	border: 0px;
}
	
#accueil_left
{   clear: both;
    float: left;
    width: 360px;
    height: 390px;
    margin-top: 28px;
    margin-left: 40px;
    _margin-left: 20px;
    overflow: hidden;
}

#accueil_left h2
{   margin: 0px;
    margin-top: 20px;
    padding: 0px;
    font-family: Arial;
    font-size: 17px;

}

#groupe_leaderfit
{   clear: both;
}

#groupe_leaderfit ul
{   margin: 3px;
    margin-left: 20px;
    padding: 0px;
}

#actualites
{   margin-top: 20px;
    height: 170px;
    padding: 10px;
    overflow: auto;
    border: 1px solid;
}

#actualites h2
{   margin-top: 0px;

}

.actualite_item
{   color: black;
    text-decoration: none;
}

#actualites h3 
{   font-size: 12px;
    margin: 0px;
}

#actualites h3 a
{   font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: black;
}

.actualite_item1
{   background-color: #E6E9F4;
    padding: 3px;

}

.actualite_item2
{   padding: 3px;
}

.actualite_item_content
{   margin: 4px;
    margin-bottom: 10px;
}

.actualite_resume
{   margin-top: 4px;
    margin-bottom: 4px;
}

.actualite_resume a
{   line-height: 12px;
    color: black;
    text-decoration: none;
    font-size: 11px; 
}

#actualite_plus
{   clear: both;
    height: 20px;
    text-align: right;
    width: 310px;
}

#actualite_plus a
{   line-height: 20px;
    font-weight: bold;
    font-size: 12px;
    color: black;
}

#accueil_middle
{   float: left;
    margin-top: 28px;
}

#carte
{   clear: both;
    float: left;
        margin-top: 90px;
    width: 332px;
    height: 324px;
    background: url(../pictures/accueil/carte.jpg) no-repeat;

}

#pub
{   display: none;
	margin-top: 240px;
    margin-left: 20px;
    width: 300px;
    height: 50px;
}

#pub img
{   border: 0px;

}

#accueil_right
{   float: left;
    width: 264px;
    height: 415px;
    margin-top: 53px;
    background: url(../pictures/accueil/background_right.jpg) no-repeat;
}

#accueil_right h2
{   margin: 0px;
    padding: 0px;
    margin-top: 7px;
    margin-left: 7px;
    font-family: Arial;
    font-size: 14px;
    color: #32474D;
}

#accueil_right #annonces a
{   color: #32474D;
}

#accueil_right #annonces a:hover
{   color: black;
}

/* Scroller */
#news_scroller
{	width: 285px;
	height: 120px;
	margin-top: 15px;
	margin-left: 25px;

	font-family: Arial;
	font-size: 12px;
	color: #6F787E;
	line-height: 12px;
}								

#news_scroller a
{	font-family: Arial;
	font-size: 12px;
	color: #6F787E;
	text-decoration: none;	  
}

#news_scroller a:hover
{	color: #494F53;
}




/*************/
/* Calendier */
/*************/

#choix_pays
{   clear: both;
    float: left;
    width: 450px;
    text-align: center;
}

#choix_pays h3
{   text-align: left;

}
#choix_pays img
{   border: 0px;
}

#pays
{   width: 340px;
    margin-left: auto;
    margin-right: auto;

}
#france
{   float: left;
}

#belgique
{   float: left;

}

#luxembourg
{   float: left;
}

#choix_ville
{   display: none;
    clear: both;
    float: left;
    width: 430px;
    margin-top: 20px; 
}

#choix_ville h3
{   margin-bottom: 10px;

}

#choix_ville ul
{   margin: 0px;
    padding: 0px;
    display: inline;
    width: 420px;
}

#choix_ville ul li
{   display: inline;
    margin-right: 5px;
}

#choix_ville ul li a
{   font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    line-height: 18px;
}

#choix_ville ul li a:hover
{   background-color: black;
    color: white;
}

#choix_module
{   clear: both;
    float: left;
    width: 450px;
    text-align: center;
    margin-top: 20px;
}

#choix_module h3
{   text-align: left;

}

#modules
{   width: 420px;
    _width: 390px;
    margin-left: auto;
    margin-right: auto;
}

.choix_module
{   float: left;
    width: 120px;
    margin-right: 10px;
    padding: 5px;
    background-color: #CCC;
}

.choix_module a
{   color: white;
    text-decoration: none;
    font-weight: bold;

}

#validation
{   clear: both;
    width: 460px;
    text-align: center;
}

#valider
{   margin-top: 30px;
    background-color: #32474D;
    border: 0px;
    color: white;
    padding: 3px;
    font-size: 11px;
    font-weight: bold;
    
}

.calendrier_bloc h3, .calendrier_bloc_closed h3
{   clear: both;
    margin: 0px;
    margin-top: 20px;
    background-color: #32474D;
    color: white;
    padding: 3px;
    font-size: 12px;
    cursor: pointer;
}

.calendrier_bloc_closed .calendrier_content
{   clear: both;
    margin: 0px;
    display: none;
}

.calendrier_bloc .calendrier_item1, .calendrier_bloc .calendrier_item2, .calendrier_bloc_closed .calendrier_item1, .calendrier_bloc_closed .calendrier_item2
{   clear: both;
    height: 13px;
    line-height: 13px;
}

.calendrier_bloc .calendrier_content .calendrier_item1, .calendrier_bloc_closed .calendrier_content .calendrier_item1
{   background-color: white;
}

.calendrier_bloc .calendrier_content .calendrier_item2, .calendrier_bloc_closed .calendrier_content .calendrier_item2
{   background-color: lightgrey;
}


.calendrier_bloc .calendrier_date, .calendrier_bloc_closed .calendrier_date
{   float: left;
    width: 210px;
    margin-right: 3px;
}

.calendrier_bloc .calendrier_lieu, .calendrier_bloc_closed .calendrier_lieu
{   float: left;
    width: 100px;
    margin-right: 3px; 
}

.calendrier_bloc .calendrier_inscription, .calendrier_bloc_closed .calendrier_inscription
{   float: left;
    width: 100px;
    text-align: right;
}


#calendrier_nav
{   clear: both;
    float: left;
    line-height: 14px;
}

.nav_pays
{   float: left;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    text-transform: uppercase;
}

.calendrier_all_nav
{   clear: both;
    margin-bottom: 10px;
    float: right;
    cursor: pointer;
}

.calendrier_all_nav a
{   color: black;
    font-weight: bold;
    background-color: lightgrey;
    padding: 5px;
    text-decoration: none;
}
.calendrier_all_error
{   clear: both;
    margin-top: 30px;
    float: left;
    color: red;
}
.calendrier_error
{   clear: both;
    margin-top: 10px;
    float: left;
    color: red;
}

#calendrier_all2
{   clear: both;
    margin-top: 10px;

}
#calendrier_footer
{   clear: both;
    float: left;
    width: 100%;
    text-align: center;
}

#calendrier_retour
{   width: 100px;
    height: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: #32474D;
}

#calendrier_retour a
{   line-height: 20px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#calendrier_retour a:hover
{   color: black;
}


/**************/
/* Actualités */
/**************/
#actu_header
{   width: 600px;
    height: 114px;
    background: url(../pictures/actu_header.jpg);
}

#actu_content
{   float: left;
    text-align: left;
    margin: 10px;
}