/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
width: 100%;
color: #000000;
background-color: #e9e9e9;
padding: 0;
margin: 0;
font-size: 12px;

}
img {
border: none;
padding: 0;
margin: 0;
}
ul, li, h1, h2, h3, h4, h5,h6, p, span {
padding: 0;
margin: 0;
}

a {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #0066CC;
text-decoration: none;
}
a:active {
color: #666666;
}


#global {
}




#content_line {
width: 100%;
margin: 0 auto;
background-color: #e9e9e9;
clear:both;
overflow: hidden;
}


#contentcol {
width: 960px;
min-height: 300px;
margin: 0 auto;
padding: 0 15px;
background-image: url(images/content.gif);
background-repeat: repeat-y; 
background-color: #ffffff;
margin-bottom: -5000px;
padding-bottom: 5000px;
clear:both;
}



#left_home {
width: 600px;
float: left;
padding: 0;
margin: 0 0 0 5px;
}
#right_home {
width: 310px;
float: right;
padding: 0 20px 0 10px;
margin: 10px 5px 30px 0;
}
#left_home .colonne {
float: left;
width: 280px;
margin: 10px 0 30px 0;
padding: 0 10px;
}
#left_home h3 {
}
#right_home h3 {

}
.ltab {
padding: 0;
margin: 0 0 10px 0;
width: 280px;
height: auto;
font-size: 12px;
border-bottom: 1px solid #cccccc;
}

.ltab h3 {
line-height: 20px;
font-size: 12px;
color: #ffffff;
background-image: url(images/title_grad2.gif);
background-repeat:repeat-x;
border: 1px solid #000000;
}
.ltab h3 a {
padding: 0 8px;
color: #ffffff;
text-decoration: none;
display: block;
}
.ltab h3 a:hover {
color: #ffffff;
text-decoration: underline;
}
.ltab h3 a:visited {
color: #eeeeee;
}
.ltab p {
background-image: url(images/para_grad2.gif);
background-repeat:repeat-x;
height: auto;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px 8px;
width: 262px;
}


.ltab a.ensavoirplus {
float: right;
position: relative;
right: 5px;
bottom: 7px;
clear: both;
margin-bottom: -18px;
}

.ldiag {
border-bottom: 1px solid #cccccc;
}
.ldiag h3 {
line-height: 20px;
padding: 0 8px;
font-size: 12px;
color: #ffffff;
background-image: url(images/title_grad2.gif);
background-repeat:repeat-x;
border: 1px solid #000000;
}
.ldiag p.texte {
text-align: left;
padding: 5px 8px;
border: none;
}
.ldiag #diag {
background-image: url(images/para_grad.gif);
background-repeat:repeat-x;
height: auto;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
}
.ldiag img {
width: 160px;
margin: 0 auto;
}

.ldiag p.lien a {
padding: 5px 8px;
width: 262px;
height: auto;
display: block;
color: #000000;
text-decoration: underline;
text-align: center;
}
.ldiag p.lien a:hover {
width: 262px;
display: block;
background-color: #f8f8ff;
text-decoration: none;
height: auto;
color: #000000;
}
#myGallery {
width: 280px;
margin: 0 0 10px 0;
padding: 0;
height: 265px;
}


.infos {
padding: 0;
margin: 0 0 12px 0;
float: left;
width: 318px;
height: auto;
}
.infos h3 {
line-height: 20px;
height: 20px;
color: #ffffff;
background-image: url(images/title_grad_red2.gif);
background-repeat:repeat-x;
font-size: 12px;
border: 1px solid #000000;
}
.infos h3 a {
height: 20px;
padding: 0 10px;
color: #ffffff;
text-decoration: none;
display: block;
}
.infos h3 a:hover {
text-decoration: underline;
color: #ffffff;
}
.infos h3 a:visited {
color: #eeeeee;
}
.infos ul {
padding: 0;
background-image: url(images/para_grad_red.gif);
background-repeat:repeat-x;
font-size: 11px;
list-style: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.infos li {
line-height: 18px;
list-style-image: none;
border-bottom: 1px solid #cccccc;
background-image: url(images/puce_rouge.gif);
background-repeat: no-repeat;
}
.infos li a {
width: 284px;
padding: 2px 10px 2px 22px;
color: #000000;
display: block;
text-decoration: none;
}
.infos li a:hover {
width: 284px;
padding-left: 27px;
padding-right: 5px;
display: block;
color: #000000;
text-decoration: none;
background-color: #fee5e2;
background-image: url(images/puce_rouge.gif);
background-repeat: no-repeat;

}

.infos li a span {
font-weight: bold;
padding-right: 4px;
}

.item {
line-height: 50px;
margin: 0 0 5px 0;
}
.item img {
float: left;
height: 50px;
padding: 0 5px 0 0;
}


#content {
width: 960px;
min-height: 300px;
margin: 0 auto;
padding: 30px 15px 40px 15px;
background-image: url(images/content.gif);
background-repeat: repeat-y; 
background-color: #ffffff;
font-size: 13px;
}

#content h2 {
padding: 0 30px;
margin: 0 auto 20px auto;
width: 860px;
line-height: 36px;
font-size: 24px;
border: 1px solid #000000;
background-image:url(images/grad_h2_2.gif);
background-repeat: repeat-x;
color: #ffffff;
clear: both;
}
#content h6 {

}
#content ul#tocmenu {
padding: 10px 30px;
margin: 20px 50px;

}
#content ul#tocmenu li {
line-height: 16px;
}
#content ul#tocmenu li a {
color: #000000;
}
#content ul#tocmenu li a:hover {
color: #3388cc;
text-decoration: none;
}

#content h3 {
margin: 22px 20px 15px 20px;
border-bottom: 2px solid #3388cc;
font-size: 16px;
clear: both;
}
#content ol {
padding:0 50px;
margin: 10px 30px;
text-align: justify;
clear: both;
}
#content ol li {
padding: 3px 0;
clear: both;
}
#content ul {
padding: 5px 70px;
clear: both;
}
#content ul li {
padding: 1px 0;
list-style-type: disc;
clear: both;
}
#content ol ul {
padding: 0 20px;
clear: both;
}
#content ol ul li {
padding: 1px 0;
list-style-type: disc;
}
#content ul li ul {
padding: 5px 30px;
}
#content ul li ul li {
list-style-type: circle;
}
#content .backtotop {
margin: 0 20px;
margin-top:7px;
line-height: 20px;
clear: both;
}
#content p.intitule {
margin: 20px 30px 5px 30px;
padding: 0 20px;
font-size: 14px;
border-bottom: 2px solid #3388cc;
}
#content dl {
margin: 5px 30px;
}
#content dt {
font-size: 16px;
padding:10px 0 3px 0;;
margin: 0;
}
#content dd {
padding:0;
margin: 0;
}

#content p {
padding: 1px 10px 1px 20px;
margin-top:6px;
width: 95%;
clear: both;
/*background-color:#3366CC;*/
}

#content .image {
margin: 5px 20px;
}
#content .lien a {
padding: 2px 20px;
}
#content h4 {
margin: 20px 20px 10px 20px;
font-size: 14px;
/*clear: both;*/
}
#content h6 {
margin: 5px 20px 2px 20px;
font-size: 13px;
font-style: italic;
}
#content dl {
margin: 0 20px;
padding: 5px 0;
}
#content dt {
margin:0;
padding: 5px 0 3px 0;
font-size: 13px;
}
#content dd {
margin:0;
padding: 0;
}

.diag {
margin: 10px 12px;
float: left;
height: 250px;
width: 240px;
}
#president {
margin: 10px 20px;
padding: 00px 0;
float:right;
}
#mot_president {
float:left;
width:500px;
}
#president img {
float: left;
border: 1px solid #000000;
}
#legende_image_president
{
float:left;
height:100px;
}
/*
#president img {
float: right;
position: relative;
bottom: 65px;
right: 100px;
margin: 0 50px -65px 50px;
border: 1px solid #000000;
}
*/

#content h5 {
font-style: italic;
font-weight: bold;
font-size: 13px;
padding: 15px 20px 3px 20px;
}

#allscolaire {
margin: 0 0 0 45px;
}

#scolaire_gauche {
width: 340px;
float: left;
margin: 0 5px 0 0;
}
#scolaire_milieu {
width: 240px;
float: left;
margin: 0 5px;
}
#scolaire_droite {

width: 260px;
float: left;
margin: 0 20px 0 5px;
}

#photo1 img {
border-style:solid;
border-width:2px;
padding: 0px;
margin: 0 0 10px 0;
width: 256px;
float:none;

}

.scolaire {
background-image: url(images/para_grad.gif);
background-repeat:repeat-x;
border-style:solid;
border-width:2px;
padding: 8px;
margin: 0 0 10px 0;
}

.scolaire h4 {
margin: 0;
margin-bottom : 13px;
}
.scolaire h5{
margin: 10px 0px 0px 0px;
}
.scolaire p {

margin: 10px 0px 0px 0px;
}
.scolaire li {
margin: 0 30px
}

#contentscolaire {
width: 960px;
min-height: 300px;
margin: 0 auto;
padding: 30px 15px 30px 15px;
background-image: url(images/content.gif);
background-repeat: repeat-y; 
background-color: #ffffff;
margin-bottom: -5000px;
padding-bottom: 5000px;
clear:both;
}
#contentscolaire h2 {
padding: 0 20px;
margin: 0 auto 15px auto;
width: 860px;
line-height: 36px;
font-size: 24px;
border: 1px solid #000000;
background-image:url(images/grad_h2_2.gif);
background-repeat: repeat-x;
color: #ffffff;
clear: both;
}
#contentscolaire h5 {
font-size: 13px;
}

#description_package
{
	float:left;
	width:400px;
	margin: 0 10px;
}
#liste_package
{
	width:380px;
	background-color:#B5D7FD;
 	margin: 0px 20px;
	border:1px solid #000000;
	
}
#liste_package ul
{
	margin: 10px 20px;
	padding: 0;
	/*background-color:#1CF5FF;*/
}
#liste_package li
{
 margin-left: 10px;
}

#beneficier_package
{
	width: auto;
	float:left;
	margin: 0 10px 0 0;
	padding: 0;	
}
#conditions_package
{
	margin: 0;
	padding: 0;	

}
#conditions_package ol
{
	background-color:#D5E7FD;
	margin: 0px 20px;
	padding: 10px 10px 10px 30px;
	border:1px solid #000000;

}
#conditions_package ol ul.li_null
{
	padding: 0;
	margin: 0 5px;
}


.Groupement_Fonction
{
	margin-top:0px;
	border:1px solid #000000;
	background-color: #ffedeb;
	/*width:inherit;*/	
	padding-bottom:11px;
	padding-top:11px;
	padding-left:0px;
	padding-right:0px;
	margin:20px;
	/*
	background-image: url(images/puce_rouge.gif);
	background-position:5px 4px;
	background-repeat: no-repeat;
	*/
	width:200px;
}
.Fonction
{
	padding-left:20px;
	padding-right:20px;
	margin-top:7px;
	margin-bottom:0px;
	font-weight:bold;
	font-size:14px;

}
.Nom_Prenom
{
	/*
	background-image: url(images/puce_rouge.gif);
	background-position:-5px 0px;
	background-repeat: no-repeat;
	*/
	/*
	background-image: url(images/puce_rouge.gif);
	background-position:-1px -3px;
	background-repeat: no-repeat;
	*/
	/*font-style: italic;*/
	margin-top:14px;
	padding-left:20px;
	padding-right:20px;
}
.Adresse
{
	padding-left:20px;
	padding-right:20px;
}
.Email
{
	background-image: url(images/email.png);
	background-position:19px 3px;
	background-repeat: no-repeat;
	margin-top:4px;
	padding-left:41px;
	padding-right:20px;
}
.Tel
{
	background-image: url(images/telephone.png);
	background-position:19px 0px;
	background-repeat: no-repeat;
	margin-top:4px;
	padding-left:41px;
	padding-right:20px;
}
.a_gauche
{
	/*float:left;*/
}

.menu_technique
{
	margin:20px 0;
	font-size:11px;
	float: right;
	width: 485px;
}
.menu_technique .titre0
{
	font-weight:bold;
	width:400px;
	float:left;
}
.menu_technique .titre1
{
	font-weight:bold;
	width:80px;
	float: left;
}
.menu_technique .contenu0
{
	width:400px;
	float:left;
}
.menu_technique .contenu1
{
	width:80px;
	float:left;
	/*background-color:#EEEEEE;*/
}
.menu_technique .ligne_contenu
{
	clear:both;
	margin:2px;
}

.Partie_Et_Notation
{
	margin-left:20px;
}

.lien_interne
{
	margin-left:20px;
	margin-bottom:2px;
	margin-top:2px;

}
.palmares
{
	margin: 20px 0px 20px 20px;
	clear: both;
	/*float: left;*/
}
	
.palmares .titre
{
	/*background-color:#EEEEFF;*/
	font-weight:bold;
	text-align:left;
	/*float:left;*/
	margin-bottom:8px;
	width: 890px;
}
.palmares .forum_ligne
{
	/*font-style:italic;*/
	/*background-color:#4444FF;*/
	padding:0px;
	margin-top:0px;
	/*padding:5px;*/
	/*margin-bottom:2px;
	margin-top:2px;*/
	width:100%;

}
.coupe_france {
float: left;
margin-bottom: 20px;
}
.jeunes {
float: left;
margin-bottom: 20px;
}
.points_nationaux {
float: left;
margin-bottom: 20px;
}
.coupe_france .bloc0 {float: left; width: 50px; margin:0px; padding:0;text-align:left;} /*Année */
.coupe_france .bloc1 {float: left; width: 160px; margin:0px;padding:0;font-size:12px;} /*Vainqueur */
.coupe_france .bloc2 {float:left; width: 160px; margin:0px;padding:0;font-size:12px;}  /* Ville */		
.coupe_france .forum_ligne {
width: 890px;
clear: both;
}
.bloc4 {
width: 890px;
margin: 0 5px;
}
.jeunes .bloc0 {float: left; width: 50px; margin:0px; padding:0;text-align:left;font-size:12px;} /*Année */
.jeunes .bloc1 {float: left; width: 160px; margin:0px;padding:0;font-size:12px;} /*Nom */
.jeunes .bloc2 {float:left; width: 160px; margin:0px;padding:0;font-size:12px;}  /* Prénom */		
.jeunes .bloc3 {float:left; width: 160px; margin:0px;padding:0;font-size:12px;}  /* Ville */		

.jeunes .forum_ligne {	
float: left;
width: 890px;
clear: both;
}
.points_nationaux .forum_ligne {
float: left;
width: 890px;
clear: both;
}

.points_nationaux .bloc0 {min-height:1px;float:left; width: 140px; margin:0px; padding:0;text-align:left;font-size:12px;} /*Année */
.points_nationaux .bloc1 {min-height:1px;float:left;width: 140px; margin:0px;padding:0;text-align:left;font-size:12px;} /*Nom */
.points_nationaux .bloc2 {min-height:1px;float:left; text-align:center;width: 90px; margin:0px;padding:0;font-size:12px;}  /* Prénom */		
.points_nationaux .bloc3 {min-height:1px;float:left; text-align:center;width: 110px; margin:0px;padding:0;font-size:12px;}  /* Ville */		
.points_nationaux .bloc4 {min-height:1px;float:left; text-align:right; width: 80px; margin:0px;padding:0;font-size:12px;}  /* PN */		


.pn {margin-left:40px;font-size:12px;}
/*
.pn .bloc0 {float: left; width: 160px; margin:0px; padding:0;text-align:left;font-size:12px;} /*Année */
/*.pn .bloc1 {float: left; width: 70px; margin:0px;padding:0;font-size:12px;} /*Nom */


img.logo {
margin: 20px 50px;
}


.mazette
{
	margin-left:0px;
}

#englobe_mazette
{
	padding-left:20px;
}

#englobe_mazette br
{
	margin:0px;
	padding:0px;
}

#englobe_mazette img
{
	margin:0px;
	padding:0px;
	width: 23px;
	height: 23px;
	float: left;
}
#englobe_mazette td {
width: 230px;
}
p.mazette
{
	/*background-color:#009966;*/
	margin-left:-20px;
	padding-bottom:10px;
	margin-bottom:10px;
	/*padding:0px;*/
	
}


/* forum */

/* CSS Document */
#allforum {
	padding-top: 30px;
	width:960px;
	float: left;
}
#forum-infos
{
	width:200px;
	float:right;
	margin: 0;
	padding: 0;
}

#forum-corps
{
	width:738px; 
	float:left;
	margin-left: 20px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}


#contentcol h4 {
	margin:0px;
	margin-top: 10px;
	margin-bottom:10px;
}

#aide
{
	background-color:#ffffff;
	width:174px;
	text-align:center;
	margin: 6px 0;
	padding:6px;
	border: 1px solid #0c8dcf;
}

#connexion
{
	background-color:#ffffff;
	width:174px;
	text-align:center;
	margin: 6px 0;
	padding:6px;
	border: 1px solid #0c8dcf;
}

#parametres
{
	background-color:#ffffff;
	width:174px;
	text-align:center;
	margin: 6px 0;
	padding:6px;
	border: 1px solid #0c8dcf;
}

#parametreForum
{
	margin:0;
	padding:0;

}

.sous_parametre
{
	background-color:#ffffff;
	margin-bottom:6px;
	padding:6px;
	width:160px;
	border: 1px solid #0c8dcf;
}

.valider
{
	/*background-color:#ABCEDE;*/

}

#message {
	background-color:#FAFAFA;
	/*background-color:#FFFFCF;*/
	width: 650px;
	padding:15px;
	margin-bottom:10px;
	margin-top:10px;
	border: 1px black solid;
}

.tableau_infos_sujet
{
	border:0px;
	margin-bottom:5px;
	border-bottom:1px black solid;
}

.Nouveau_Message
{	
	padding:10px;
	border:1px black solid;
	background-color:#FAFAFA;
	/*background-color:#F8F3FF;*/
}

form
{
	padding:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}

.grand_titre_forum_infos
{
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
	margin-top:12px;
	
}

.titre_forum_infos
{
	font-weight:bold;
	font-size:12px;
	margin:5px 0;
	padding:5px;
	text-align::center;
	
}



.forum_ligne
{

	background-color:#ffffff;
	font-size:16px;
	text-align:left;
	width:720px;
	/*line-height: 16px;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding:2px;
	float:left;
	
}

.forum-deplie
{
	font-size:12px;
	margin-bottom:0px;
	margin-top:0px;
}

.forum-deplie .forum_ligne
{
	border-bottom: 2px solid #0c8dcf;
}
.forum-deplie .bloc0 {float: left; width: 300px; font-size:12px;margin-right:6px;} /*Titre */
.forum-deplie .bloc1 {float: left; width: 90px; font-size:12px;margin-right:6px;} /* Thème */	
.forum-deplie .bloc2 {float: left; width: 130px; font-size:12px;margin-right:6px;}  /* Auteur */
.forum-deplie .bloc3 {float: left; width: 130px; font-size:12px;margin-right:6px;} /* Date */

.forum-replie
{
	font-size:12px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:10px;
	padding-right:10px;
}

.forum-replie .forum_ligne
{
	border-bottom: 2px solid #0c8dcf;
}
.forum-replie .bloc0 {float: left; width: 25px; font-size:12px; margin-right:5px; text-align:right} /* Nombre de messages */
.forum-replie .bloc1 {float: left; width: 313px; margin-right:5px;font-size:12px;} /*Titre */
.forum-replie .bloc2 {float: left; width: 100px; margin-right:5px;font-size:12px;}  /* Thème */		
.forum-replie .bloc3 {float: left; width: 135px; margin-right:5px;font-size:12px;} /* Auteur  */
.forum-replie .bloc4 {float: left; width: 55px; margin-right:5px;font-size:12px;} /*Date de création */
.forum-replie .bloc5 {float: left; width: 62px; margin-right:0px;font-size:12px;} /* Date de mise à jour */
#allforum .titre
{
	background-color:#0c8dcf;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	width:720px;
	/*line-height: 16px;*/
	color: #ffffff;
	margin-bottom:2px;
	padding:2px;
	float:left;
	border: 1px solid #0c8dcf;
}

#allforum input {
color: #0c8dcf;
background-color: #f6fcff;
border: 1px solid #0c8dcf;
font-weight: bold;
margin: 3px 3px;
padding: 1px 5px;
font-size: 12px;
}
#allforum p {
margin:0;
padding: 0;
}
input.commentaire {
margin:0;
padding: 0;
}


/* jd.gallery */

#myGallery
{
	width: 276px;
	height: 240px;
	z-index:0;
	display:none;
	margin-bottom: 10px;
	border: 2px solid #000;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(img/loading-bar-black.gif);
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 20px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	line-height: 16px;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 80%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 105px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url(img/fleche1.png) no-repeat center left;
}

* html .jdGallery a.left { background: url(img/fleche1.gif) no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url(img/fleche2.png) no-repeat center right;
}

* html .jdGallery a.right { background: url(img/fleche2.gif) no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url(img/open.png) no-repeat center center; }

* html .withArrows a.open:hover { background: url(img/open.gif) no-repeat center center;
	filter:alpha(opacity=80); }
	
/* menu */

/* Root = Horizontal, Secondary = Vertical */


ul#navmenu {
position: absolute;
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
  width: 960px;
	padding: 0;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	z-index: 10;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  text-decoration: none;
  border-left: 1px solid #ffffff;
	border-right: 1px solid #000000;

}

ul#navmenu li#accueil {
border-left: 1px solid #5a5a5a;
}
ul#navmenu li#admin {
border-left: 1px solid #000000;
float: right;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 210px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: -2px;
  border: 2px solid #000000;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 210px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  border: none;

}

/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  padding: 0 10px;
	color: #ffffff;
	background-image: url(images/menu_grad_blue.gif);
	background-repeat: repeat-x;

}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
height: 22px;
line-height: 22px;
display: block;
color: #ffffff;
background-image: url(images/menu_grad_blue_hover.gif);
background-repeat: repeat-x;
border-bottom: 2px solid #ffffff;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #3f8cb5;
  color: #ffffff;
  border: none;
  border: 1px solid #ffffff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #ffffff;
  color: #000000;
    border: none;
  border: 1px solid #ffffff;
  }

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #3f8cb5;
  color: #ffffff;
   border: 1px solid #ffffff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #ffffff;
  color: #000000;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #3f8cb5;
  color: #ffffff;
    border: 1px solid #ffffff;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #ffffff;
  color: #000000;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: -2px;
  left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

ul#navmenu li:hover li a.smenu,
ul#navmenu li.iehover li a.smenu {
background-image: url(images/arrow3_right.gif);
background-position: right;
background-repeat: no-repeat;
}
ul#navmenu li:hover li a.smenu:hover,
ul#navmenu li:hover li:hover a.smenu,
ul#navmenu li.iehover li.iehover a.smenu,
ul#navmenu li.iehover li a.smenu:hover {
background-image: url(images/arrow3_right_hover.gif);
background-position: right;
background-repeat: no-repeat;
}
ul#navmenu li:hover li:hover li a.smenu,
ul#navmenu li.iehover li.iehover li a.smenu {
background-image: url(images/arrow3_right.gif);
background-position: right;
background-repeat: no-repeat;
}
ul#navmenu li:hover li:hover li a.smenu:hover,
ul#navmenu li:hover li:hover li:hover a.smenu,
ul#navmenu li.iehover li.iehover li.iehover a.smenu,
ul#navmenu li.iehover li.iehover li a.smenu:hover {
background-image: url(images/arrow3_right_hover.gif);
background-position: right;
background-repeat: no-repeat;
}

/* oujouer */

/* CSS Document */
.ligues
{
	margin-left:0px;
	width: 180px;
	float: left;
	margin: 20px 10px 50px 10px;
}

.clubs
{
	margin: 20px 10px 50px 0;
	float:right;
}

.carte
{
	margin: 10px;
	width: 650px;
	height: 610px;
	float: left;
	/*background-color:#;*/
	
}
.ligues h3, .clubs h3 {
border-bottom: 2px solid #3388cc;
margin: 0 0 5px 0;
}

/* publication */


/* NF */

.NF_Groupement
{
	margin: 20px;
	width: 906px;
	background-color:#F4FBFF;
	padding:6px;
	border:1px solid #000000;
}
.NF_Date
{
	margin-left:10px;
	padding-top:5px;
	margin-top:3px;
	margin-bottom:6px;
	float:left;
	width:60px;
	font-weight:bold;
}
.NF_Titre
{
	padding-top:5px;
	margin-top:3px;
	float:left;
	font-weight:bold;
}
.NF_Contenu
{
	margin-bottom:5px;
	Clear:both;
	width:900px;
}
.NF_Contenu p
{
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}


/* AS */

.AS_Groupement
{
	margin: 20px;
	width: 906px;
	background-color:#F4FBFF;
	padding:6px;
	border:1px solid #000000;
}
.AS_Date
{
	margin-left:10px;
	padding-top:5px;
	margin-top:3px;
	margin-bottom:6px;
	float:left;
	width:60px;
	font-weight:bold;
}
.AS_Titre
{
	padding-top:5px;
	margin-top:3px;
	float:left;
	font-weight:bold;
}
.AS_Contenu
{
	margin-bottom:5px;
	Clear:both;
	width:900px;
}
.AS_Contenu p
{
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}



/* Où jouer ? */
/* Remplace oujouer.css */
.ligues
{
	margin-left:0px;
	width: 180px;
	float: left;
	margin: 20px 10px 50px 10px;
}

.clubs
{
	margin: 20px 10px 50px 0;
	float:right;
}

.carte
{
	margin: 10px;
	width: 650px;
	height: 610px;
	float: left;
	
}
.ligues h3, .clubs h3 {
border-bottom: 2px solid #3388cc;
margin: 0 0 5px 0;
}

.legende_diag
{
	Vertical-Align: middle;
	height:235px;
	width:240px;
	color:#0000DD;
	font-weight:normal;
	font-style: normal;
	float:left;
	vertical-align:middle;
	margin-top:10px;
	margin-left: auto;
    margin-right: auto;
}

.legende_diag .para
{
	margin-top:10px;
}