body
{
   text-align: center;/*centrer le design sous IE*/
	background: url(images/bg.gif) repeat-x;
	background-color: #406579;
	
}

img a
{
	text-decoration: none;
}

a
{
text-decoration: none;
}

h1
{
font-size: 18px;
margin-bottom: 30px;
}

h2
{
font-size: 15px;
}
input
{
	float: left;
}

#conteneur
{
	width: 760px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	font-size: 11px;
	margin-top: 0;
	
}


#conteneurpano
{
	text-align: left;
	
}

#entete
{

	text-align: center;
	height: 150px;
	margin-top: -8px !important;
	margin-top: -15px;
	margin-left: -7px !important;
	margin-left: -10px;
	margin-right: -8px !important;
	margin-right: -10px;
	background: url(images/fond-bann.jpg) repeat-x top left;
	border: 0px solid black;
	
}



#menu
{
	
	text-align: center;
	width: 760px;
	margin-top: 0px !important;
	margin-top: -3px;
	margin-left: auto;
	margin-right: auto;
	border-top: 0px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background:gray url(images/bgOFF.gif) repeat-x top left;
	/*background-color: #FFFFFF;*/
}


#styletwo
{
	position:relative;
	display:block;
	height:25px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	
	
	
}

#styletwo ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	
}

#styletwo ul li
{
	display:block;
	float:left;
	margin:0 0 0 0;
	
}
#styletwo ul li a
{
	display:block;
	float:left;
	color: white;
	text-decoration:none;
	padding:5px 15px 5px 15px;
	height:auto;
	border-right: 0px solid white;
	background:gray url(images/bgOFF.gif) repeat-x top left;
}

#styletwo ul li a:hover,#styletwo ul li a.current
{
	color:yellow;
	/*background:transparent url(images/bgON2.gif) repeat-x top left;*/
	
}

#styletwo ul li a.current
{
	color:yellow;
	background:transparent url(images/bgON2.gif) repeat-x top left;
	border-top: 1px solid yellow;
	border-right: 1px solid yellow;
	border-left: 1px solid yellow;

}

#calendrier
{
  border: 0px solid black;
  width: 550px;
 margin-left: auto;
 margin-right: auto;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
  
  
}
table
{
  border: 1px solid black;
  text-align: center;
  margin-top: 2px;
  margin-right: auto;
  margin-left: auto;
  
}

.table2-entete 
{
  font-size : 12px;
  font-weight: bold;
  padding: 4px 6px 4px 6px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align: center;
  background-color : #3c90bd;
}

.table2-ligne1 
{
  padding: 8px 6px 8px 6px;
  text-align: left;

}

#lignes
{
  font-size : 10px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #000;
  background-color : #cde0f7;
}


#lignes:hover
{
 background-color : #448FC9;
 color : #000;
}

#liste-equipe
{
width: 170px;
height: 55px;
padding:0;
text-align: left;
border: 1px solid black;

}


#liste-equipe #cat
{

float: left;
width: 70px;
height: 55px;
border: 1px solid black;

}

#liste-equipe  #sous-cat
{

float: right;
font-size: 11px;
}

#sous-liste
{

padding-bottom: 0px;
font-size: 10px;
border: 0px solid black;
}


#liste a, #sous-liste a
{
text-decoration: none;
color:black;
width: 100px;

}

#liste a:hover, #sous-liste a:hover
{

color:blue;
font-weight: bold;
width: 100px;
background-color: #ece64c;
}


#conteneur-prog
{
	width: 580px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	font-size: 11px;
	margin-top: 0;
	
}
#bann-prog
{
width: 580px;
height: 80px;
border: 1px solid black;
background:transparent url(images/ban-prog.jpg);

}

#entete-prog
{
width: 580px;
height: 30px;
border: 1px  solid black;
border-top: 0px;
background-color: white;
line-height:30px;
text-align: center;

}
#prog-corps
{
	margin:0;
	float: left;
	padding-top: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 580px;
	background-color: white;
	text-align: center;
	border: 1px solid black;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	font-size: 11px;
}



#eve
{
	width: 260px;
	float: left;
	height: auto;
	border: 0px solid black;
	margin-bottom: 20px;
	margin-left: 15px;
	
	
}

#eve #date
{
	width: 60px;
	
	border: 1px solid #2162E8;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #2162E8;
	background-color: #21C0E8;
}


#eve #lib_eve
{
	
	width: 195px;
	border: 1px solid #2162E8;
	font-size: 13px;
	text-align: right;
	font-weight: bold;
	float: right;
	color: #2146E8;
	background-color: white;
}

#eve #com_eve
{
	margin-top: 5px;
	font-size: 10px;
	text-align: left;
	padding: 2px;
}

#corps
{
	margin:0;
	float: left;
	width: 760px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: white;
	text-align: center;
	border: 1px solid black;
	
}

#corps h1
{
	margin-top: 10px;
	
	
}

#adresse, #licences
{
float: left;
text-align: left;
border: 1px solid #5282fc;
width: 310px;

margin: 25px !important;
margin: 15px;

}

#partenaires, #sponsors
{
float: left;
text-align: center;
border: 1px solid #5282fc;
width: 320px;
margin: 25px !important;
margin: 15px;

}


#partenaires #libelle, #sponsors #libelle
{
text-align: left;
margin-top: 10px;
margin-left: 5px;
width: 295px;
border: 0px solid black;
float: left;

}

#adresse
{
float: right;
}

#contact
{
width: 550px;
float: left;
text-align: left;
border: 1px solid #5282fc;
margin: 25px !important;
margin: 15px;
}

#adresse #libelle,  #contact #libelle
{
margin-top: 10px;
margin-left: 10px;
width: 175px;
border: 0px solid black;
float: left;
}


#contact #libelle
{

width: 410px;

}

#licences #libelle
{
margin-top: 10px;
margin-left: 10px;
width: 175px;
border: 0px solid black;
float: left;
}

#adresse #icone,  #licences #icone, #contact #icone
{
margin-top: 10px;
margin-left: 10px;
width: 100px;
height: 120px;

float: left;

}

#adresse #icone
{
background:url(images/ico-adresse.png);
}

#licences #icone
{
background:url(images/ico-licence.png);
}

#contact #icone
{
background:url(images/ico-contact.png);
}

#defile
{
	width: 280px;
	height: 17px;
	font-size:11px;
	background-color: transparent;
	border:1px solid gray;
	padding: 2px 5px 2px 5px;
	margin-left: 10px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}


#edito
{
	width: 185px;
	height: 680px;
	margin-top: 0px;
	margin-bottom: 5px;
	border: 0px solid black;
	float: left;
	margin-left: 6px !important;
	margin-left: 3px;
	background:transparent url(images/fond-edito.jpg) repeat-y top left;
}

#edito h1
{
	width: 170px;
	height: 25px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0;
	color: #2162E8;
	border-bottom: 1px solid #2162E8;
	font-size: 15px;
	line-height: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

#texte_edito
{
	width: 160px;
	height: 350px;
	color: #2162E8;
	border: 0px solid black;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
}

#zone-alerte
{
	width: 260px;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 15px;
	border: 0px solid black;
	float: left;
	text-align: left;
	margin-left: 16px !important;
	margin-left: 12px;
}

#zone-alerte a
{
	color: blue;
}
#zone-alerte a:hover
{
	color: #3D98F5;
}


#zone-alerte #libelle
{
	float: right;
	font-weight: bold;
	color: red;
	text-align: left;
}

#zone-alerte #icone
{
	border: 0px solid black;
	width: 75px;
	height: 75px;
	float: left;
	background:url(images/ico-alerte.png);
}

#autre
{
	
	width: 260px;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 15px;
	border: 0px solid black;
	float: right;
	margin-right: 6px !important;
	margin-right: 3px;
	
}


#zone-news
{
	
	width: 260px;
	height: 205px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0px solid black;
	float: left;
	margin-left: 16px !important;
	margin-left: 18px;
	background-image: url(images/fond-news.jpg);
}



#zone-news h1
{
	width: 200px;
	border: 0px solid white;
	text-align:left;
	/*background: url(images/template_39.gif);*/
	font-size: 11px;
	margin: 0;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
   color: black;
}

#zone-news a
{
text-decoration: none;
color: blue;
font-size: 11px;
}

#zone-news a:hover
{
color: #efa336;
}

#chose
{
	
	
	width: 280px;
	height: 205px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 6px !important;
	margin-right: 3px;
	border:0px solid black;
	float: right;
	text-align: center;
	background-color: white;
	background-image: url(images/fond-score.jpg);
}

#chose h3
{
	
	color: #2282b6;
	font-size: 11px;
	font-weight: bold;
	margin:0;
	margin-bottom: 1px;
}

#dernier, #prochain,  #soiree
{
	
	width: 235px;
	height: 50px;
	border: 0px solid gray;
	margin: auto;
	margin-top: 5px;
	text-align: left;
}

#prochain
{
	display: none;
}
#ico_dernier, #ico_prochain,  #ico_soiree
{
	
	width: 60px;
	height: 45px;
	border:1px solid gray;
	float: left;
	margin-right: 5px;
}

.date
{
margin: 0;
color: #3C4BDE;
}

.nom
{
margin: 0;
font-weight: bold;
font-size: 12px;
color: #ED8A29;
}

a.info 
{
   position: relative;
}
a.info span 
{
   margin: 0;
   display: none; /* on masque l'infobulle */
}
a.info:hover 
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.info:hover  img
{
   opacity: 0.6;
	filter:alpha(opacity=60);
   -moz-opacity:0.6;
   -khtml-opacity: 0.6;
}


a.info:hover span 
{
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: -35px !important;
   left: 60px !important;
   top: -1px; /* on positionne notre infobulle */
   left: 60px;
   height: 39px !important;
   height: 47px;
   width: 160px;
   background: white;
   color: #2282b6;
   text-align: center;
   font-weight: bold;
   padding: 3px;
   border: 1px solid #2282b6;
}


#chose1
{
	
	width: 170px;
	height: 205px;
	margin-top: 50px;
	margin-right: 6px !important;
	margin-right: 3px;
	border:0px solid white;
	float: right;
	text-align: center;
	background-color: white
}

#chose1 h2
{
color: #3c90bd;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;

}

#chose1 form
{
border:0px solid black;
height: 110px;
width: 130px;
margin: 0;
text-align: left;
margin-left: 15px;
}


#chose1 #long
{
width: 120px;
height: 20px;
border: 1px solid #3c90bd;
color: #3c90bd;
margin-bottom: 3px;

}



#zone-image
{
	width: 370px;
background:transparent url(images/fond-image.jpg) repeat-y;
	background-color: white;
	/*border-bottom: 1px solid gray;*/
	float: left;
	margin-top: 50px;
	margin-left: 16px !important;
	margin-left: 8px;
		
}


#bordure-image
{
border: 0px solid black;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
}

#bordure-image3
{
border: 1px solid black;
width: 300px;
}

#titre-image
{

width: 320px;
height: 25px;
line-height: 25px;
border: 1px solid gray;
background-color: white;
text-align: center;
font-size: 13px;
margin-left: auto;
margin-right: auto;
margin-top: -27px;
opacity: 0.4;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
}

#titre-image a:hover
{
color: red;
}

#titre-image a:hover
{
color: blue;
font-weight: bold;
font-size: 14px;
}

#zone-liste
{
	width: 150px;
	height: 357px;
	margin-left: 0px !important;
	margin-left: 0px;
	background-image: url("images/joueur.jpg");
	background-color: white;
	border: 0px solid black;
	float: left;
}

#liste-droite
{
	border: 1px solid black;
	float: right;
}
#corps-equipe
{
	border: 1px solid black;
	float: left;
	width: 550px;
}
#liste-bureau
{
	width: 400px;
	float: left;
	font-size: 10px;
	border: 0px solid black;
}

#liste-terrain
{
	width: 315px;
	font-size: 10px;
	float: left;
	border: 0px solid black;
}

#gauche-gauche
{
	
	float: left;
	text-align: center;
	border: 0px solid black;
	width: 330px;
	margin-bottom: 10px;
	
}
#gauche-centre
{
	
	float: left;
	text-align: left;
	border: 0px solid black;
	width: 210px;
	margin-left: 5px;
	
}


#gauche-droite p
{
	margin:0;
	margin-left: 10px;
}

#club-histo, #club-presen, #club-staff, #club-equipe, #club-stade, #club-tarifs
{
	
	height: 90px;
	margin-top: 10px;
	background-color: white;
	border: 0px solid black;
	float: left;
	
}

#club-histo a, #club-presen a, #club-staff a, 
#club-equipe a, #club-stade a, #club-tarifs a
{
font-size: 20px;
text-decoration: none;
color: blue;
margin-left: 5px;
}

#club-histo a:hover, #club-presen a:hover, #club-staff a:hover, 
#club-equipe a:hover, #club-stade a:hover, #club-tarifs a:hover
{
font-size: 22px;
font-weight: bold;
}


#club-histo
{

width: 300px;
margin-right: 80px;
margin-left: 80px;
}

#club-presen
{
width: 300px;

}
#club-staff
{
width: 300px;
margin-right: 80px;
margin-left: 80px;
background:transparent url(images/staff.jpg);
	
}
#club-equipe
{
width: 300px;

}
#club-stade
{
width: 300px;
margin-right: 80px;
margin-left: 80px;
}
#club-tarifs
{
width: 300px;

}


#zone-truc0
{
	width: 200px;
	margin-left: 4px !important;
	margin-left: 2px;
	background-color: white;
	border: 0px solid black;
	float: left;
}

#zone-truc1
{
	width: 210px;
	margin-left: 4px !important;
	margin-left: 2px;
	padding: 5px 2px 5px 2px;
	background-color: white;
	border: 1px solid black;
	float: left;
	margin-bottom: 5px;
}

#zone-truc2
{
	
	width: 280px;
	height: 110px;
	margin-left: 4px !important;
	margin-left: 2px;
	padding: 5px 2px 5px 2px;
	background-color: white;
	border: 1px solid black;
	float: left;
	margin-bottom: 5px;
}

#gauche
{
	float: left;
	width: 580px;
	text-align: left;
	border: 0px solid black;
	margin-bottom: 5px;
	margin-left: 10px;
}

#new
{
width: 550px;
border: 0px solid black;
float: left;
margin-bottom: 15px;
}
#titre_new
{
width: 550px;
height: 25px;
border-bottom: 1px solid gray;
float: left;
margin-bottom: 5px;
padding: 5px;
}

#titre_new #image_titre
{
float: left;
border: 0px solid black;
margin-top: -5px;
margin-left: 6px !important;
margin-left: 3px;
}

#titre_new #titre
{
width: 360px;
float: left;
border: 0px solid black;
font-size: 15px;
font-weight: bold;
margin-left: 15px !important;
margin-left: 7px;
color: #406579;
}

#titre_new #titre a
{
color: #406579;
}

#titre_new #titre a:hover
{
color: gray;
}

#titre_new #date
{
float: right;
border: 0px solid black;
padding-left: 1px;
text-align: right;
color: black;
font-style: italic;
font-size: 10px;
}

#lib_new
{
width: 500px;
margin-left: 10px !important;
margin-left: 5px;
text-align: justify;
border-left: 1px solid gray;
border-right: 1px solid gray;
float: left;
padding: 10px;
}

#chapo_com
{
width: 550px;
border-top: 1px solid gray;
float: left;
height: 10px;
text-align: right;
margin-top: 5px;
margin-bottom: 50px;
padding: 5px;
}

#liste_comm
{
width: 550px;
margin-left: 10px !important;
margin-left: 5px;
border-top: 1px solid gray;
float: left;
margin-bottom: 15px;
margin-top: 15px;
}

#comm
{
width: 500px;
border: 1px solid black;
float: left;
margin-bottom: 15px;
padding: 5px;
}

#ajout_comm
{
width: 550px;
border: 0px solid black;
float: left;
margin-bottom: 15px;
}

#liste-gauche
{
text-align: center;
float: left;
border: 1px solid gray;
width: 110px;
height: 330px;
margin-bottom: 5px;
margin-right: 10px;
padding-left: 5px;
background:transparent url(images/fond-edito.jpg) repeat-y top center;
}

#droite
{
text-align: center;
float: right;
border: 1px solid gray;
width: 130px;
height: 330px;
margin-bottom: 5px;
margin-right: 10px;
padding-left: 5px;
background:transparent url(images/fond-edito.jpg) repeat-y top center;
}

#centre
{
text-align: center;
width: 740px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
border: 0px solid black;
}

#herbe, #stabi

{
	width: 605px;
	border: 0px solid black;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}


#herbe

{
	margin-top: 30px;
}

#stabi

{
	margin-bottom: 20px;
}

#herbe h2, #stabi h2

{
	
	width: 600px;
	height: 20px;
	border-bottom: 1px solid black;
	margin: 0;
	margin-bottom: 5px;
	text-align: left;
	

}

#herbe h3, #stabi h3

{
	width: 600px;
	height: 15px;
	font-size: 12px;
	font-style: italic;
	margin: 0;
	margin-bottom: 15px;
	text-align: right;
}


#centre2
{
text-align: center;
width: 600px;
margin-left: auto;
margin-right: auto;
border: 0px solid black;
}

#col1
{
	float: left;
	text-align: center;
	border: 0px solid black;
	width: 350px;
	height: 450px;
}

#col2
{

text-align: center;
float: right;
border: 0px solid black;
width: 350px;
}

#staff
{
	width: 300px;
	height: 100px;
	border: 1px solid black;
	margin-bottom: 15px;
	text-align: center;
	float: right;
	background:transparent url(images/staff.jpg);
}

#rubrique1
{
	width: 280px;
	height: 100px;
	margin-bottom: 15px;
	text-align: center;
	float: right;
}

#rubrique2
{
	width: 280px;
	height: 100px;
	margin-bottom: 15px;
	text-align: center;
	float: left;
}

#rubrique1 a, #rubrique2 a
{
	font-size: 18px;
	text-decoration: none;
	line-height: 80px;
	vertical-align: middle;
	color: #3658ed;
}

#rubrique1 #icone, #rubrique2 #icone
{
	height: 100px;
	width: 140px;
	float: left;
	border: 1px solid gray;
}





#bordure-image2
{
border: 1px solid black;
padding: 5px;
width: 580px;
margin-left: auto;
margin-right: auto;
margin-bottom :10px;
}





#index-equipe
{
	width: 220px;
	height: 80px;
	border: 1px solid #4b6eef;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: 30px;
	float: left;
	
}

#index-equipe a
{
 color: blue;
	
}

#index-equipe a:hover
{
 color: blue;
 font-weight: bold;
	
}

#categorie
{
	width: 100px;
	height: 80px;
	float: left;
	line-height: 80px;
	border-right: 1px dotted #4b6eef;
	font-size: 18px;
	color: #4b6eef
}


#div1,#div2,#div3
{
	text-align: center;
	width: 220px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	
	background-color: #FFF;
	margin-bottom:5px;
	
}
	
#div4,#div5
{
	width: 250px;
	height: 150px;
	background-color: #FFF;
	margin-bottom:5px;
}


#pied
{
	clear: both;
	width: 760px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFF;
	border: 1px solid black;
	background: url(images/template_39.gif);
	text-align: center;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}

#pied a
{
	text-decoration: none;
	color: yellow;
	font-weight:bold;
	margin-left: 5px;
}

#pied a:hover
{
	opacity: 0.6;
	filter:alpha(opacity=60);
   -moz-opacity:0.6;
   -khtml-opacity: 0.6;
   
}