body{
   width: 1400px;
   margin: auto;/*  Pour centrer notre page */
   margin-top: 2px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   background-image: url("images/water1.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   border: 0.5px solid #FFFFFF;
}
/*::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}*/
/* L'en-tête */
header {
   width: 1040px;
   margin: auto;
   /*position:fixed;*/
   /*border: 1px solid black;*/
}
/* Bloc date du jour*/
#bloc_date{
	width:470px;
	margin: auto;
	background-color: #005050;
	text-align:center;
	color:#ffffff; 
	border-radius: 10px;
	/*position:fixed;
	padding-bottom:20px;*/
}
/* Je sélectionne les <li> du menu horizontal */
nav{
	width: 1400px;
	height:100px;
	/*vertical-align:top;
	float: left;margin-top:50px;
	position:absolute;
	position: absolute;
	top: 95px;*/
	/*right: 1em;*/
	/*position:fixed;*/
	/*border: 1px solid black;*/
}
#position_menu{
	width:200px;
	margin-top:30px;
	background-color: #F4F9FD;
	text-align: center;
	font : bold 20px Batang, arial, serif;
	/*color:yellow;*/
}
section {
	margin-top:10px;
	width:1400px;
	/*border: 1px solid black;*/
}
footer{
   width:1400px;
   padding: 0px;
   margin: auto;
   margin-top:20px;
   clear: both;
   text-align: center;
   color: #ffffff;
   background-color: #002a72;
   background-image: url("images/motif2.png");
   background-repeat: repeat-x;
   border: 2px solid black;
   border-radius: 10px;
}
/* Le menu */
#menu_horizontal{
font : bold 11px Batang, arial, serif;
list-style-type : none;
padding-bottom : 70px; /* à modifier suivant la taille de la
police ET de la hauteur de l'onglet dans #onglets li */
border-bottom : 1px solid #9EA0A1;
margin-left : 0;
}
ul#menu_horizontal li {
float : left;
width:160px;
/*height : 80px;  à modifier suivant la taille de la police
pour centrer le texte dans l'onglet */
background-color: #77B5FE;/*#F4F9FD*/
margin : 2px 2px 0 2px !important; /* Pour les navigateurs
autre que IE */
margin : 1px 2px 0 2px; /* Pour IE */
border : 1px solid #9EA0A1;
text-align:center;
vertical-align:middle;
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
/* Quelques effets sur les menus */
#elem_menu{ /* Tous les titres de menus */    
   color: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:15px;
   font-weight:bold;
 }
#elem_menu:hover{color:yellow;}
#agenda:hover{color:yellow;}
#resultat:hover{color:yellow;}
#agenda{
	color: white;
	font-size:13px;
	font-style: italic;
}
#resultat{
	color: white;
	font-size:13px;
	font-style: italic;
}
#ffn, #cdos{display:inline-block;}
#centre, #ddcspp{display:inline-block;}
#pdp{
	width:900px;
	display:inline-block;
}
#information{
	width:700px;
	height:400px;
	overflow: auto;
	display:inline-block;
	vertical-align:top;
}
#information p{
	margin:5px;
	font-size:15px;
	text-align:justify;
}
#prochainement{
/*margin-left:620px;*/
	width:550px;
	display:inline-block;
	vertical-align:top;
}
#prochainement p{
	margin:5px;
	font-size:15px;
	text-align:justify;
}
#prochainement a{
	font-size:20px;
	color:#000000;
}
#prochainement img{
	vertical-align:middle;
}
#evenement{
	width:680px;
	height:400px;
	display:inline-block;
	overflow: auto;
}
.imgflotleft{
   float: left;
}
.imgflotright{
   float: right;
}
/* Bloc EN CONSTRUCTION*/
#en_construction{
   position:absolute;
   width:800px;
   margin-left: 240px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   background-color:#00bcff;
}
#en_construction h2{
	text-align:center;
}
/* Bloc WP FEMININ*/
#wpfemme_1{
	height:600px;
	overflow:auto;	
}
#wpfemme h3{
	text-align:center;	
}
#table_wp{
   position:relative;
   left:20px;
   top:0px;
   bottom:0px;
   width:800px;
   /*margin-left: 240px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   /*margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   /*padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   background-color:#ff8ad6;
   text-align:center;
   border:5px solid black;
}
#table_wp td{
	border-width:1px;
	border-style:solid; 
	border-color:black;
	text-align:center;
	font-size:12px;
}
#table_wp_clas{
   position:relative;
   left: 20px;
   top: 20px;
   bottom:0px;
   width:800px;
   /*margin-left: 240px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   /*margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   /*padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   background-color:#ffaad6;
   text-align:center;
   border:5px solid black;
}
#table_wp_clas td{
	border-width:1px;
	border-style:solid; 
	border-color:black;
	text-align:center;
	font-size:12px;
}
#tableau_clubs{
   width:800px;
   margin:auto;
   margin-bottom:20px;
   text-align:center; 
}
/* Bloc anciens calendriers*/
#tableau_anciens_calendriers{
   width:800px;
   height:500px;
   margin:auto;
   margin-top:20px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   background-color:#00bcff;
   text-align:center;   
}
/* Bloc nouveaux résultats   #new_result, */
#page_resultat{
   width:800px;
   height:500px;
   margin:auto;
   margin-bottom:450px;
   padding: 20px;   
   margin-left: 240px;
}
#page_resultat p{
   text-align:center;
}
/* Bloc anciens résultats*/
#tableau_resultats{
   margin:auto;
   background-color:#00bcff;
   text-align:center;
   border:5px solid red; 
   background-color:#00bcff;   
}
#tableau_resultats td{
	border-width:1px;
	border-style:solid; 
	border-color:red;
	font-size:12px;
}
/* Bloc records */
#tab_record{
   width:800px;
   height:500px;
   margin:auto;
   margin-top:20px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   background-color:#00bcff;
   text-align:center;   
}
/*Corps de la presentation du comité*/
#presentation{
	width:800px;
	height:500px;
	margin:auto;
	margin-bottom:20px;
	background-color:#00bcff;
}
#presentation p{
	margin:5px;
	text-align:justify;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#presentation h3{
	margin:0px;
	text-align:center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
/* BLOC PHOTO */
#photo{
   width:800px;
   height:500px;
   text-align:center;
   margin:auto;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
}
#calend{
   width:800px;
   background-color:#00bcff;
   margin:auto;
   /*margin-left: 240px;  Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   /*padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   /*text-align:center;*/
}
#calend h3 { 
	text-align:center;
}
#table_form{
	width:100%;
}
#table_calend{
	width:100%;
	border-width:5px;
	border-style:outset;
}
#table_calend td { 
	border-width:1px;
	border-style:solid; 
	border-color:red;
	text-align:center;
	font-size:12px;
 }
#scroll{
	height:520px;
	overflow: auto;
	background-color:#ffffbd;
 }
a.bouton:link{
  width:150px; 
  height:30px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  font-weight:bold; 
  background-color:#000080;
  padding:5px
}
a.bouton:visited{
  width:150px; 
  height:30px;
  text-decoration:none; 
  color:white; 
  text-align:center;
  font-weight:bold;
  background-color:#000080;
  padding:5px
}
a.bouton:hover{
  width:150px; 
  height:30px; 
  text-decoration:none;
  color:white; 
  text-align:center; 
  font-weight:bold; 
  background-color:#0000FF;
  background-image:url(aqua.jpg);
  padding:5px
}
.bouton{
  text-align:center;
  padding:5px;
  border-radius: 10px;
}
a.bouton1:link{
  width:150px; 
  height:30px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  font-weight:bold; 
  background-color:#000080;
  padding:5px
}
a.bouton1:visited{
  width:150px; 
  height:30px;
  text-decoration:none; 
  color:white; 
  text-align:center;
  font-weight:bold;
  background-color:#000080;
  padding:5px
}
a.bouton1:hover{
  width:150px; 
  height:30px; 
  text-decoration:none;
  color:white; 
  text-align:center; 
  font-weight:bold; 
  background-color:#0000FF;
  background-image:url(aqua.jpg);
  padding:5px
}
.bouton1{
  text-align:center;
  padding:5px;
  border-radius: 10px;
}
#table_enf{
	width:100%;
}
#enf td{
	border-width:3px;
	border-style:solid; 
	border-color:yellow;
	text-align:center;
	font-size:20px;
}
#enf{
   width:800px;
   height:600px;
   margin:auto;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   background-color:#3d78c3;
   text-align:center;
}
table[tab_wpfemme]{
	border:2px;
}
a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
top: -20px;
left: -50px;
}
#acn p{
	font-size:20px;
	text-align:justify;
}