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

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #f7f9fb;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}

#conteneur{
	background-color:#ffffff;
	background-image: url(../img_cadre/f_gauche.png);
	background-repeat:repeat-y;		
	width:100%; 
	min-width:1150px; 
	max-width:100%; 
	
}


#site{
	width: 100%;
	background: #FFFFFF;
	text-align: left;
	z-index:2;

}
#boite_haut{
	display: block;
	width:100%; 
	height: 21px;
	background-image: url(../img_cadre/fond_boite_haut.png);
	text-align: center;
}

#haut{
	display: block;
	width:100%; 
	min-width:1120px; 
	max-width:100%; 
	height: 101px;
	background-image: url(../img_cadre/f_haut.png);

}
#ImgFond{
position: absolute;
width:100%;
height:101px;
margin: 0px;
background-image: url("../img/FondMenu.png");
background-repeat:no-repeat;
background-position:right;
}

#logo{
float: left;
width:230px;
height:90px;
margin: 0px;
}

#logo_projet_sport{
	margin-top:15px;
	margin-left:15px;
	border:0px;
} 


#bandeau_pub{
max-width: 837px; 
height:31px;
background-image: url("../img_cadre/t50.png");
position: absolute;
display:none;
display:block;
border:1px solid #006699;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;



}
#bandeau_pub p{
	margin:0px;
	line-height:31px;
	padding-left: 10px;
	padding-right:10px;
	color: #006699;
}

#deco{
	display:block;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width:550px;
	height:406px;
	background-image: url(../img_fond/fond_course_a_pied.jpg);
	z-index:1;
}


#banniere_haut{
float: left;
height:90px;

width:885px;
 
margin: 0px;
}

#titre {
	width: 885px;
	height:60px;
	margin: 0px;
	padding: 0px;
	padding-top:5px;
}
#menu_haut {
	height:21px;
	margin: 0px;
	padding: 0px;

}

#boite_haut a{
font-family:Verdana, Arial, Helvetica, sans-serif;
display: inline;
height: 20px;
line-height: 20px;
font-size:11px;
color:#ffffff;
text-decoration:none;
margin: 0px;
padding: 0px;
padding-left:20px;
padding-right:20px;
border: 1px solid #103567;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-color:#556f92;
border-right-color:#1a365c;
font-weight: normal;
}
#menu_haut a:hover{
color:#ffffff;
background-image: url(../img_cadre/btn_menu_haut_over.png);
}




#menu_gauche {
	float:left;
	width: 200px;
	background-image: url(../img_cadre/f_gauche.png);
	
}
#menu_droite {
	float:right;
	width: 120px;
	
}

#contenu_sauv {
	
	min-width:840px;	
	margin-left:200px;
	margin-right:120px;
	background-color:#f9f9f9;
	padding:0px;
}
#texte_sauv {
	
	display:block;
	display:table;
	width:820px;
	padding-left: 30px;
	padding-right: 30px;

	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: auto;
	margin-right:auto;
		background-color:#ffffff;


}


#contenu {
	
	min-width:820px;	
	margin-left:200px;
	margin-right:120px;
	padding:0px;
}
#anti_clearfloat {
	display:table;
	
	margin-left: auto;
	margin-right: auto;
	

}
#texte {
	display:block;
	width:760px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}


.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft { 
    clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearright { 
    clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#bas{
	display: block;
	height: 55px;
	background-image: url(../img_cadre/f_bas.png);
	text-align:center;
}

#copy{
	display: block;
	height: 15px;
	background-image: url(../img_cadre/f_copy.png);
	text-align:center;
}
#copy p{
	
	line-height: 15px;
	color: #F9F9F9;
	text-align:center;
	margin:0px;
	font-size:10px;
}

#lien{
	display: block;
	text-align:center;
	border:0px solid #526d9f;
	border-bottom-width: 1px;
	background-color:#d6ddeb;
}
#lien p{
	display: block;
	line-height: 15px;
	color: #006699;
	text-align:center;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
}

#lien a {
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	line-height:15px;
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: center;

	border: 1px solid #f4f6f9;
	border-bottom-color:#dedfe1;
	border-left-color:#eceff5;
	border-right-color:#bcc8db;
	background-color: #e3e9f3;
	background-image: url(../img_btn/btn.png);
	margin: 0px;

}

#lien a:hover {

	text-decoration: none;
	color: #ffffff;
	background-color: #86C60C;


}


#menu{
display: block;
width: 200px;
}
#contact{
display: block;
width: 120px;
height:350px;
margin-top: 50px;
margin-bottom: 50px;
}

#diapo{
display: block;
margin-left: 17px;
width: 200px;

}



#menu a{
display: block;
width: 200px;
height: 30px;
line-height: 30px;
text-indent:30px;
font-size:12px;
background-image: url(../img_cadre/btn_menu.png);
color:#ffffff;
text-decoration:none;
margin: 0px;
padding: 0px;
font-weight: normal;
margin-bottom:0px;
}


#menu a:hover{
color:#133c75;

background-image: url(../img_cadre/btn_menu_over.png);
}
#menu2 a{
display: block;
width: 200px;
height: 30px;
line-height: 30px;
text-indent:30px;
font-size:12px;
color:#ffffff;
text-decoration:none;
margin: 0px;
padding: 0px;
font-weight: normal;
margin-bottom:0px;
background-image: url(../img_cadre/btn_menu.png);

}


#menu2 a:hover{
color:#133c75;
background-image: url(../img_cadre/btn_menu_over.png);


}

	
.bouton_haut_espace_perso{
	margin-left: 40px;
	margin-top:70px;
	position: absolute;
	border:1px solid #006699;
	border-bottom-width: 0px;
	border-right-width: 0px;
}




.menu_perso{
	float: left;
}

.ssmenu_perso{
	display:  none;
	position:absolute;
	border:1px solid #006699;
	border-bottom-width:0px;
	margin-left: -1px;
	background-color:#FFFFFF;
	
}

.menu_perso .ssmenu_perso a{
	text-align:left;
	border-right-width:0px;
	border-bottom-width:1px;
	font-size: 10px;
	
	
}
.menu_perso .ssmenu_perso a:hover{
	text-align:left;
	border-right-width:0px;
	border-bottom-width:1px;
	font-size: 10px;

}


.bouton_haut_espace_perso a{
	 display: block;
	 height:25px; 
	 line-height:25px; 
	 text-align:center; 
	 color:#1c5199;
	 text-decoration:none;
	 font-weight:bold;
	 font-size:12px;
	 border:0px solid #006699;
	 border-right-width: 1px;
	 margin-right:0px;
	 background-color:#FFFFFF;
	 padding-left:10px;
	 padding-right:10px;
	 border-left-color: #7C98C0;
		font-weight: normal;
		background-image: url(../img_cadre/btn_neps.png);

}


.bouton_haut_espace_perso a.admin{
	  background-color:#000000;
	  color:#FFFFFF;
}
.bouton_haut_espace_perso a.gestionnaire{
	  background-color:#034c71;
	  color:#FFFFFF;
}


.bouton_haut_espace_perso a.preparateur{
	  background-color:#9bc50f;
	  color:#FFFFFF;
}

.bouton_haut_espace_perso a.club{
	  background-color:#006699;
	  color:#FFFFFF;
}
.bouton_haut_espace_perso a.categorie{
   background-color:#798BB3;
	  color:#FFFFFF;
}


.bouton_haut_espace_perso a.equipe{
		background-color:#BCC5D9;
	  color:#2C4988;
	
}


.bouton_haut_espace_perso a.sportif{
	  background-color:#ffffff;
	  color:#2C4988;
}

.bouton_haut_espace_perso a:hover{
	 display: block;
	 height:25px; 
	 line-height:25px; 
	 text-align:center; 
	 color:#1c5199;
	 text-decoration:none;
	 font-weight: normal;
	 font-size:12px;
	 border:0px solid #006699;
	 border-right-width: 1px;
	 margin-right:0px;
	 padding-left:10px;
	 padding-right:10px;
	 border-left-color: #7C98C0;
	 filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	
	  background-color:#9bc50f;
	  color:#ffffff;
	  background-image:none;



}



.bouton_haut_espace_visite{
	margin-left: 230px;
	margin-top:0px;
	position: absolute;
	border:1px solid #006699;
	border-bottom-width: 0px;
	border-right-width: 0px;
}


.bouton_haut_espace_visite a{
	 display: block;
	 height:25px; 
	 line-height:25px; 
	 text-align:center; 
	 color:#1c5199;
	 text-decoration:none;
	 font-weight:bold;
	 font-size:12px;
	 border:0px solid #006699;
	 border-right-width: 1px;
	 margin-right:0px;
	 background-color:#FFFFFF;
	 padding-left:10px;
	 padding-right:10px;
	 border-left-color: #7C98C0;
	font-weight: normal;
	background-image: url(../img_btn/newbtn_30.png);


}


.bouton_haut_espace_visite a.admin{
	  background-color:#000000;
	  color:#FFFFFF;
}

.bouton_haut_espace_visite a.gestionnaire{
	  background-color:#034c71;
	  color:#FFFFFF;
}


.bouton_haut_espace_visite a.preparateur{
	  background-color:#9bc50f;
	  color:#FFFFFF;
}

.bouton_haut_espace_visite a.club{
	  background-color:#006699;
	  color:#FFFFFF;
}
.bouton_haut_espace_visite a.categorie{
   background-color:#798BB3;
	  color:#FFFFFF;
}


.bouton_haut_espace_visite a.equipe{
		background-color:#BCC5D9;
	  color:#2C4988;
	
}


.bouton_haut_espace_visite a.sportif{
	  background-color:#ffffff;
	  color:#2C4988;
}

.bouton_haut_espace_visite a:hover{
	 display: block;
	 height:25px; 
	 line-height:25px; 
	 text-align:center; 
	 color:#1c5199;
	 text-decoration:none;
	 font-weight: normal;
	 font-size:12px;
	 border:0px solid #006699;
	 border-right-width: 1px;
	 margin-right:0px;
	 background-color:#FFFFFF;
	 padding-left:10px;
	 padding-right:10px;
	 border-left-color: #7C98C0;
	 filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	
	background-color:#9bc50f;
	color:#ffffff;
	background-image:none;
	


}

.bouton_haut_retour_espace_visite{
	margin-left: 40px;
	margin-top:-6px;
	z-index:100;
	position: absolute;
	border:1px solid #006699;
	border-bottom-width: 0px;
	border-right-width: 0px;
	 filter:alpha(opacity=90);
	opacity: 9;
	-moz-opacity:9;
}


.bouton_haut_retour_espace_visite a{
	 display: block;
	 height:25px; 
	 line-height:25px; 
	 text-align:center; 
	 color:#1c5199;
	 text-decoration:none;
	 font-weight:bold;
	 font-size:12px;
	 border:0px solid #006699;
	 border-right-width: 1px;
	 border-bottom-width: 1px;
	 margin-right:0px;
	 background-color:#FFFFFF;
	 padding-left:10px;
	 padding-right:10px;
	 border-left-color: #7C98C0;
	font-weight: normal;
	background-image: url(../img_btn/newbtn_30.png);

}


.bouton_haut_retour_espace_visite a.admin{
	  background-color:#000000;
	  color:#FFFFFF;
}

.bouton_haut_retour_espace_visite a.gestionnaire{
	  background-color:#034c71;
	  color:#FFFFFF;
}


.bouton_haut_retour_espace_visite a.preparateur{
	  background-color:#9bc50f;
	  color:#FFFFFF;
}

.bouton_haut_retour_espace_visite a.club{
	  background-color:#006699;
	  color:#FFFFFF;
}
.bouton_haut_retour_espace_visite a.categorie{
   background-color:#798BB3;
	  color:#FFFFFF;
}


.bouton_haut_retour_espace_visite a.equipe{
		background-color:#BCC5D9;
	  color:#2C4988;
	
}


.bouton_haut_retour_espace_visite a.sportif{
	  background-color:#ffffff;
	  color:#2C4988;
}

.bouton_haut_retour_espace_visite a:hover{
	 display: block;
	 height:25px; 
	 line-height:25px; 
	 text-align:center; 
	 color:#1c5199;
	 text-decoration:none;
	 font-weight: normal;
	 font-size:12px;
	 margin-right:0px;
	 background-color:#FFFFFF;
	 padding-left:10px;
	 padding-right:10px;
	 border-left-color: #7C98C0;
	 filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	
	background-color:#9bc50f;
	color:#ffffff;
	background-image:none;
	


}

.lien_menu_perso {
	height: 40px;
	line-height: 40px;
	float:left;
	padding: 0px 0px;
	margin:4px;
	font-weight: normal;
}


.bouton_haut {
	 margin-top:68px;
	 position: absolute;
	 min-width:880px;
}


.bouton_haut a{
	 display: block;
	 background-image: url(../img_cadre/course.png);
	 width: 163px; 
	 height:28px; 
	 line-height:28px; 
	 text-align:center; 
	 color:#1c5199;
	 text-decoration:none;
	 font-weight:bold;
	 float:left; 
	 margin-right:5px;
	 font-size:12px;
}


.bouton_haut a#perte_poids{
margin-left:40px;
}
.bouton_haut a#perte_poids:hover{
	 background-image: url(../img_cadre/perte_poids_over.png);
	 color:#FFFFFF;
	 text-decoration:none;
	  font-weight:bold;
}
.bouton_haut a#forme:hover{
	 background-image: url(../img_cadre/forme_over.png);
	 color:#FFFFFF;
	 text-decoration:none;
	  font-weight:bold;
}


.bouton_haut a#course:hover{
	 background-image: url(../img_cadre/course_over.png);
	 color:#FFFFFF;
	 text-decoration:none;
	  font-weight:bold;
}
.bouton_haut a#cyclisme:hover{
	 background-image: url(../img_cadre/cyclisme_over.png);
	 color:#FFFFFF;
	 text-decoration:none;
	  font-weight:bold;
}

.bouton_haut a#preparation:hover{
	 background-image: url(../img_cadre/preparation_over.png);
	 color:#FFFFFF;
	 text-decoration:none;
	  font-weight:bold;
}
#barre_photo{
	display: block;
	position:absolute;
	height:65px;
	width:54px;
	border:1px solid #006699;
	border-bottom-width:0px;
	margin-left: 215px;
	margin-top:40px;
	background:#ffffff;
}
#barre_photo .photo{
	display: block;
	position:absolute;
	height:65px;
	width:54px;

}

#barre_photo .voile{
	display: block;
	position:absolute;
	height:65px;
	width:54px;

}


#espace_barre_perso{
display: block;
}

#barre_perso{
	display: block;
	height:40px;
	width:100%;
	border:1px solid #006699;
	margin-top:-1px;
	border-left-width:0px;
	border-right-width:0px;
	background-image: url(../img_cadre/fond_espace_perso.jpg);
}



#barre_perso #menu_perso{
	display:table;
	background-image:url(../img_cadre/btn_fond_menu_admin.jpg);
	margin-left: 270px;
	width:850px;
	border: 0px solid #006699;
	border-left-width:1px;
	border-right-width:0px;
	
	
}
#barre_perso #menu_perso .bord{
	float: left;
	width: 3px;
	height:40px;
	background-image:url(../img_cadre/btn_bord_centre_menu.jpg);
}
#barre_perso #menu_perso a{
	float:left;
	height:40px;
	line-height: 40px;
	font-size:10px;
	padding-left:12px;
	padding-right:12px;
	border: 0px solid #006699;
	border-left-color:#eceff5;
	border-left-width:1px;
	border-right-color:#9ab2be;
	border-right-width:1px;


}
#barre_perso #menu_perso a:hover{
	background-image:url(../img_cadre/btn_fond_menu_admin_over.png);
	padding-left:12px;
	border-left-color:#006699;
	border-right-color:#006699;

}

#admin_menu_perso, #public_menu_perso{
	float:left;

}
#admin_menu_perso .lien,  #public_menu_perso .lien{
	float:left;

}


#barre_perso #menu_perso #admin_menu_perso a, #barre_perso #menu_perso #public_menu_perso a{
	height:40px;
	line-height: 40px;
	font-size:10px;
	padding-left:12px;
	padding-right:19px;
	border: 0px solid #006699;
	border-left-color:#eceff5;
	border-left-width:1px;
	border-right-color:#9ab2be;
	border-right-width:1px;
	background-image:url(../img_cadre/barre_perso_admin_fond.png);
	color:#003399;
}
#barre_perso #menu_perso #public_menu_perso a{
	padding-left:12px;
	padding-right:12px;
	background-image:none;

}
#barre_perso #menu_perso #admin_menu_perso a:hover, #barre_perso #menu_perso #public_menu_perso a:hover{
	background-image:url(../img_cadre/btn_fond_menu_admin_over.png);
	padding-left:12px;
	border-left-color:#006699;
	border-right-color:#006699;
	text-decoration:none;
	color:#FFFFFF;

}

a.adminlien{
	height:40px;
	line-height: 40px;
	font-size:10px;
	padding-left:12px;
	padding-right:19px;
	border: 0px solid #006699;
	border-left-color:#eceff5;
	border-left-width:1px;
	border-right-color:#9ab2be;
	border-right-width:1px;
	background-image:url(../img_cadre/barre_perso_admin_fond.png);
	color:#003399;


}
a:hover.adminlien{
	background-image:url(../img_cadre/btn_fond_menu_admin_over.png);
	padding-left:12px;
	border-left-color:#006699;
	border-right-color:#006699;
	text-decoration:none;
	color:#FFFFFF;

}


#barre_perso #menu_perso #admin_menu_perso .lien .ssmenu, #barre_perso #menu_perso #public_menu_perso .lien .ssmenu{
	display:  none;
	position:absolute;
	border:1px solid #006699;
	border-top-width:1px;
	border-bottom-width:0px;
	
	margin-left: -1px;
	background-color:#FFFFFF;
	margin-top:40px;
}

#barre_perso #menu_perso #admin_menu_perso .lien .ssmenu a, #barre_perso #menu_perso #public_menu_perso .lien .ssmenu a{
	display:block;
	float:inherit;
	text-align:left;
	border-right-width:0px;
	border-left-width:0px;
	border-bottom-width:1px;
	background-image:none;
	line-height:20px;
	height:20px;
	background-color: #ffffff;
}
#barre_perso #menu_perso #admin_menu_perso .lien .ssmenu a:hover, #barre_perso #menu_perso #public_menu_perso  .lien .ssmenu a:hover{
	text-align:left;
	background-image:none;
	line-height:20px;
	height:20px;
	text-decoration:none;
	background-color: #b1d147;
	

}

#barre_perso #RechercheSportif{
	float:left;
	text-decoration:none;
	
	border:0px solid #006699;

	border-left-color:#eceff5;
	border-left-width:1px;
	border-right-color:#006699;
	border-right-width:1px;
	background-image:url(../img_cadre/barre_perso_admin_fond.png);

	

}
#barre_perso #RechercheSportif input{
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #006699;
	margin: 8px;
	height:20px;
	line-height:20px;
	
	width:200px;
	


}


#barre_visite{
	display: block;
	height:25px;
	width:100%;
	margin-left:40px;
	padding-top:40px;
	margin-bottom:2px;
}


#logo_blanc{
	margin-top:8px;
}


.boite_erreur{

	padding: 0px;
	margin: 0px;
	text-align:center;
	background-color: #990000;
	display: block;

}
.boite_erreur p{
	margin:0px;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	line-height:25px;
	text-align:center;
	}

.nbr_mail {
	position: absolute;
	margin-left:10px;
	margin-top:-23px;
	color:#bddea2;
	font-weight:bold;
	width:18px;
	height:12px;
	line-height:12px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a.nbrmail .nbr_mail {
	text-decoration:none;
}

a:hover.nbrmail {
text-decoration: none;
}

a:hover.nbrmail .nbr_mail {
text-decoration: none;
color:#ffffff;
}



#BackgroundPopupNavigateur, #BackgroundPopupValidation{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
} 

#PopupNavigateur, #PopupValidation{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:408px;  
background:#FFFFFF;  
border:1px solid #006699;  
z-index:2;  
padding:12px;  
font-size:13px;
	

	-moz-box-shadow: 0px 0px 10px #000000; 
  -webkit-box-shadow: 0px 0px 10px #000000; 
  box-shadow: 0px 0px 10px #000000;

} 
#PopupValidation{  
width:600px;  
padding:20px;  
padding-top:5px;
padding-bottom:20px;

} 
#PopupNavigateur h1, #PopupValidation h1{  
text-align:left;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;
margin-left:0px;
text-indent:0px;
background-image:none;
}  

#PopupNavigateur a, #PopupValidation a{
	display: block;
	border:1px dotted #D3D3D3;  
	margin: 0px;
	margin-top: 10px;
	padding:0px;
	color: 006699;
	line-height:50px;
	vertical-align:middle;
	font-size:18px;
	text-indent:70px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;



}

#PopupNavigateur a#fermer, #PopupValidation a#fermer{
border:3px dotted #D3D3D3;
position:absolute;
margin-left:380px;


}


#PopupNavigateur a:hover, #PopupValidation a:hover{
text-decoration:none;
color: #70b626;
}


#PopupNavigateur a#ie{
background-image: url('../img/navigateur/ie.png');
background-repeat:no-repeat;
}

#PopupNavigateur a#chrome{
background-image: url('../img/navigateur/chrome.png');
background-repeat:no-repeat;
}
#PopupNavigateur a#firefox{
background-image: url('../img/navigateur/firefox.png');
background-repeat:no-repeat;
}

a#PopupNavigateurClose, a#PopupValidationClose { 
	text-indent:0px;
	text-align:center;
	line-height:25px;
	background-color:#F9F9F9;
		border:1px solid #006699;  

	background-color:#006699;
	background-image: url(../img_btn/btn_30.png);
	color:#FFFFFF;
	font-weight:normal;

}  
a#PopupNavigateurClose:hover, a#PopupValidationClose:hover { 
	color:#FFFFFF;
	background-color:#70b626;
			border:1px solid #70b626;  


}