@CHARSET "ISO-8859-1";

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0 auto;
  padding: 0;
  background: #CCCCCC;
  text-align:center;
}

ul { list-style: none; }
ul li { list-style: none; }


img {
	border:0px solid blue;
	margin:0;
	padding:0;
	}
	

#pnlMain {
	position: relative;
	width: 850px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align:left;
	min-height:800px;
}

/* Lien spécifique terrain */
#pnlTerrain {
  position: absolute; margin:0; padding: 0; top: 25px; left : 250px; padding-top: 15px; padding-left: 10px;
  width: 380px; background-color: whitesmoke; border: 2px solid red; height: 50px;
}
#pnlTerrain a {background-color: whitesmoke; color:red; text-decoration: underline }

/* Panneau d'affichage d'une annonce */
#Annonce {
	position: absolute;
        margin:0;
        padding:0;
	top:420px;
	left:0px;
	z-index: 100;
	border:1px solid red;
	width:600px;
	/*height:500px;*/
	background-color: aliceblue;
	}

#Annonce .fin {
	/*position:relative;*/
        width:95%;
	margin:10px;
        padding:0px;
	text-align:right;
	font-size: x-small;
	color:red;
	font-style: italic;
	}

#Annonce .texte {
	/*width:95%;*/
        /*width:500px;*/
        /*height:500px;*/
        margin:0;
	color: red;
	padding: 20px 10px 10px 20px;
	border:0px solid blue;
        font-family:Verdana,Helvetica,sans-serif;
	font-size: 20px;
	text-align: center;
	}	

	

/* Logo et Bannière */
#pnlBan {
  padding:7px 7px 7px 7px;
  background-color: #FFFFFF;
  border:0px solid blue;
}

#pnlBan img { background-color: #FD0001}

#linBan {
  height: 160px;
  /*background-color: yellow;*/
  background-color: #FFFFFF;
}

#linBan a,a:hover,a:link,a:visited { background-color: #FFFFFF}
.Banniere {
	background-color: #FD0001;
	}

/* Menu Horizontal */
#pnlMenuH {
	width:100%;
	height:31px;
	z-index: 4;
	}
	
ul#menuH
{
	position: relative;
	margin: 0 ;
	padding: 0 0 0 7px ;
	list-style-type: none ;
	z-index: 4;
}

ul#menuH li
{
	float: left ;
	text-align: center ;
	height: 25px;
	z-index:4;
}

ul#menuH li a
{
	padding-top:3px;
	height: 20px;
	width: 115px ;
	background-color:#33CCFF;
	line-height: 30px ;
	font: 10pt "Trebuchet MS";
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 5px solid #FFFFFF ;
	z-index: 4;
}

ul#menuH li a:hover
{
	color: #FF0000 ;
	background-color: #00FFFF;
	z-index:4;
}

#menuH ul li { list-style: none ; float:none ; z-index:4;}
#pnlMenuH ul li.sousmenu { position: relative; z-index:4;}
#pnlMenuH ul ul { display:none; position: absolute; top: 18px; left: -15px;
  border: red solid 1px; padding: 0; background-color:#33CCFF ;
  padding-top: 3px; padding-bottom:3px; z-index:5; }
#pnlMenuH ul ul li {float:none; padding: 0 ; margin:0;
		line-height: normal; height: 13pt;  z-index:100;}
#pnlMenuH ul ul li a { margin : 0 ;padding: 0; font: 7pt Verdana ;
	border: 0 ; width:100px ; z-index:100;}
#pnlMenuH ul ul li a:hover { color: red ; background-color: blue;
	border:0px ; padding : 0; z-index:100;}

/* Dérouler du sous-menus*/
#pnlMenuH ul li.sousmenu:hover ul.niveau2 { display: block; z-index:100; }


/* Page avec lien dans une image */
#zoneCentre {
	width:100%;
	height:680px;
	background-color: #FFFFFF;
	border: 0px solid blue;
	}
	
#pnlGauche {
	padding:8px;
	position: absolute;
  left:0;
	width:180px;
	height:630px;
	background-color: #FFFFFF;
	margin:0 auto;
	text-align: center;
	border: 0px solid blue;
	}

#pnlDroit {
	margin-left: 200px;
	border: 0px solid red;
	height:650px;
	text-align: center;
	position: relative;
	}

.menImage {
	margin-top:20px;
	width:600px;
	height:400px;
	}

.menImage ul {
  /*position:relative;*/
}

.menImage ul a {
  padding:5px 0px 0px 0;
  position:absolute;
  display:block;
  width:150px;
  height:20px;
  text-decoration:none;
  font: 9pt Verdana,Arial,Helvetica,sans-serif;
}

/* Equipes */
.tbEquipe {
	width:650px;
	border:0px solid blue;
}
.tbEquipe th {

	}
	
.tbEquipe td {
	padding-top:3px;
	padding-bottom:3px;
	vertical-align: middle;
	border:0px solid blue;
	font-size: 8pt;
	}
	
.tdEquipe {
	width:200px;

	}
.tdPlusInfo {
	width:75px;
	}
.tdHoraire {
	padding-left: 10px;
	}


#pnlCentre {
	border: 0px solid green;
	}

/* Zone Menu Vert Page d'Accueil */
#pnlMenVert {
  background-color: inherit;
  position: absolute;
  right:0;
  width: 40%;
  text-align: center;
  z-index: 1;
  float:left;
}

ul#MenVert {list-style-type: none; margin:0px;padding:0; text-align: center;   z-index: 1;} 

ul#MenVert li {margin-bottom: 5px;   z-index: 1;
  }

ul#MenVert a {
     padding-top:3px;
     margin: 0 auto;
     width: 85%; 
     height: 20px;
     display: block;
     font: 9pt Verdana, sans-serif;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #FFFFFF;
     background-color: #33CC66;   z-index: 1;}
	 
ul#MenVert a:hover {
     background: #7CFC00;
     color: #000000;
     border: 1px solid gray;   z-index: 1;
     }

#pnlMenVert a{
   border: 0px solid blue; background: white;
}


/* Zone Rouge et Jaune à gauche pour Page d'Accueil */
#pnlRouge {
  border:0px solid blue;
  margin-left:7px;
  margin-right:7px;
  background-color:#FF0000;
  /*margin-right: 40%;*/
  width:59%;
  min-height:400px;
}


/* Panneau pour le mot du Président */
#pnlPres {
	padding-bottom:20px;
	}
	
#pnlPres tt{
	font-size: 15pt; font-weight: bold; margin-left:8px;
	}

#pnlPres .pt {
	border:0px solid yellow;
	margin-top:10px;
	margin-left:7px;
	margin-right:7px;
	font-size: 12pt; 
	font-weight: bold;
	color: #FFFFFF; 
	text-align: justify;
	font-family: "Helvetica, sans-serif";
  font-style: italic;
	}

#pnlPres .pp {
	border:0px solid yellow;
	margin-top:10px;
	margin-left:8%;
	margin-right:5%;
	font-size: 8pt; 
	font-weight: normal;
	color: #FFFFFF; 
	text-align: justify;
	font-family: "Verdana, sans-serif";
	}

#pnlPres p {
	margin-bottom: 0;
	margin-top:0;
	}


.ps {
	border:0px solid blue;
	margin-left:5%;
	margin-right:5%;
	font-size: 8pt; 
	font-weight: bold;
	color: #FFFFFF; 
	text-align: justify;
	font-family: "Helvetica, sans-serif";
  /*font-style: italic;*/
	}

.psAuteur { 
	 font-size: 10pt; 
	 font-weight: bold;
	 margin: 8px 30px  8px 8px;
	 text-align: right; text-indent: 0pt; font-style: italic; color: #FFFF99
	 }

.Jaune {
	border:5px solid red;
	}

.txtJaune {
	 font-size: 8pt;
	 font-weight:bolder;
	 color: #FF0000; 
	 text-align: justify; 
	 font-family: "Verdana sans-serif";
	 /*font-style: italic ;*/
	 background-color: #FFFF00;
	 padding:8px;
	}

.txtJaune hr {
	  color: gray; width:90%; text-align: center; border-style: groove;
	}

/* Pied de Page utilisé uniquement sur page d'accueil */
/* hauteur 400px pour assurer la compatibilité IE6 */
#pnlPied {
	text-align:center;
  background-color: inherit;
  color:#000000;
  border:0px solid red;
  padding-bottom:25px;
}