

/* ########################################
            Infos générales
########################################## */


html {overflow-y:scroll}

* {color:#000000; list-style-type:none; margin:0; 
   outline:none; padding:0; text-decoration:none;}

body {background-color:#EBEBEB; font-family:"trebuchet ms"; font-size:12px;}

#ombre_top {width:950px; height:20px; margin:auto;
			background:url('images/ombre_top.jpg') bottom no-repeat;}

#page {width:925px; margin:auto; padding-top:5px;
	   padding-left:25px; padding-bottom:10px; overflow:hidden;
	   background:url(images/ombre_middle.jpg) top center repeat-y;}

#ombre_bottom {width:950px; height:6px; margin:auto; margin-bottom:10px;
			   background: url('images/ombre_bottom.jpg') top no-repeat;}


.news {margin-top:10px; width:900px; text-align:justify;}
.news p {background-color:#CCCCCC; margin-top:0px;}

.index {margin-top:10px; width:900px; text-align:justify;}
.index p {background-color:#CCCCCC; margin-top:0px; padding-left:20px; padding-right:20px}
.index p img {margin-right:10px; margin-bottom:10 px}

.equipes {width:900px; text-align:justify;}
.equipes p {background-color:#CCCCCC; margin-top:0px;}


/* ########################################
            Blocs paragraphes
########################################## */


/* Bloc entre les sous-titres */
h1 {align:center; valign:middle; text-align:center; height:40px; width:10px;
	float:left; background:url('images/titre_fond_2.png') top center repeat-y;
    margin-top:10px;}

/* Sous-titres */
h2 {align:center; valign:middle; text-align:center; height:40px; width:445px;
	float:left; background: url('images/titre_fond.png') bottom no-repeat;
	color:white; margin-top:10px;}

/* Titres généraux */
h3 {align:center; valign:middle; text-align:center; height:40px;
	background: url('images/titre_fond.png') bottom no-repeat;
	color:white; margin-bottom:0px;}

/* Titres secondaires */
h4 {align:center; valign:middle; text-align:center; height:40px;
	background: url('images/titre_fond_3.png') bottom no-repeat;
	color:white; margin-bottom:0px;}

/* Bloc long entre les paragraphes */
h5 {align:center; valign:middle; text-align:center; height:108px; width:10px; 
	float: left; background:url('images/titre_fond_2.png') top center repeat-y;
	margin-bottom:0px;}

/* Titres en 3e position */
h6 {align:center; valign:middle; text-align:center; height:40px;
	background: url('images/titre_fond_4.png') bottom no-repeat;
	color:white; margin-bottom:0px;}

/* Paragraphes */
.par6l  {align:center; valign:middle; text-align:center; height:108px;
		 width:445px; float: left; margin-bottom:0px;}
.par8l  {align:center; valign:middle; text-align:center; height:144px;
		 width:445px; float: left; margin-bottom:0px;}
.par9l  {align:center; valign:middle; text-align:center; height:162px;
		 width:445px; float: left; margin-bottom:0px;}
.par10l {align:center; valign:middle; text-align:center; height:180px;
		 width:445px; float: left; margin-bottom:0px;}
.par11l {align:center; valign:middle; text-align:center; height:198px;
		 width:445px; float: left; margin-bottom:0px;}
.par12l {align:center; valign:middle; text-align:center; height:216px;
		 width:445px; float: left; margin-bottom:0px;}

/* Classements */
.cla8l  {align:center; valign:middle; height:144px;
	     width:445px; float: left; margin-bottom:0px;}
.cla9l  {align:center; valign:middle; height:162px;
	     width:445px; float: left; margin-bottom:0px;}
.cla10l {align:center; valign:middle; height:180px;
		 width:445px; float: left; margin-bottom:0px;}
.cla11l {align:center; valign:middle; height:198px;
		 width:445px; float: left; margin-bottom:0px;}
.cla12l {align:center; valign:middle; height:216px;
		 width:445px; float: left; margin-bottom:0px;}

/* Liste des membres 2008-2009 */
.membres0809  {align:center; valign:middle; height:504px; margin-top:10px;
			   width:445px; float: left; margin-bottom:0px;}

/* Composition du comité */
.comite  {align:center; valign:middle; height:108px; margin-top:10px;
		  width:445px; float: left; margin-bottom:0px;}

/* Page comité */
.comite2 {align:center; valign:middle; text-align:center; height:468px;
		  width:445px; float: left; margin-bottom:0px;}


/* ########################################
         Styles d'écriture et liens
########################################## */


.Style1 {color:#000000; font-size: 12px; font-weight: normal;}
.Style2 {color:#0055BB; font-size: 12px; font-weight: bold;}
.Style3 {font:Cambria; text-align:center; color: #000000; font-size: 16px; font-weight: bold}
.Style4 {color:#0055FF; font-size: 12px; font-weight: normal;}
.Style5 {color:#0000FF; font-size: 7px; font-weight: normal}
.Style6 {color:#000000; font-size: 12px; font-weight: normal; padding-left:20px; padding-right:20px}
.Style7 {color:#000000; font-size: 12px; font-weight: bold;}

.lettrine {float:left; font-size:3em; font-weight:bold;
		   color:#729EBE; margin:1px; padding:1px 5px 1px 5px;
		   line-height:1em;}

a:hover {color:#676767;}


/* ########################################
                Calendrier
########################################## */


/* Cadre autour du tableau */
#cadre {width:888px; border:solid 1px gray; float:left; margin-top:1px; margin-bottom:10px;
		padding-bottom:15px; padding:5px; padding-top:0px; text-align:justify;}

/* Ensemble du tableau */
table.menu {text-align:center; vertical-align:middle; align:center;}
table.calendrier {margin-left: 25px; margin-top:20px; margin-bottom:15px; font-size:11px; border:none;}
table.calendrier img {vertical-align:middle; align:center}

/* En-tête des colonnes */
table thead th{ padding:5px 0 0 5px; text-align: center;}

/* Titres mois */
table tbody th {color:#FFF; background:#3D6180; align:center; vertical-align:middle;
				padding:5px 5px; text-align:center;}

/* Cases du tableau */
table tbody td  {border-bottom:1px solid #dcdcdc; text-align:center;
				 padding:5px 3px; background-color:#FFF;}

/* Styles de surlignage */
table td.blanc              {background-color:#FFFFFF;}
table td.tournoi-individuel {background-color:#E3BE4C;}
table td.administratif      {background-color:#66FF66;}
table td.matchs-equipes     {background-color:#80D0D0;}


/* ########################################
              Header et Footer
########################################## */


#header {height:175px; width:900px;}

#footer {width:100%; height:34px; margin:auto;
		 font:12px/24px verdana; text-align:center; font-size:0.8em}


/* ########################################
                 Menu Haut
########################################## */

#contenant_menu_haut {margin:0px; padding:0px; width:100%;
					  height:10px; margin-top:10px; margin-bottom:27px;}

dl, dt, dd, ul, li {margin:0; padding:0; list-style-type:none;}

#menu_haut {position:absolute; top:200px; left:0; z-index:25;
			width:100%; font-family:"Bauhaus 93", Verdana;
			left:50%; width:900px; margin-left:-450px;}

#menu_haut dl {float:left; width:150px;}

#menu_haut dt {cursor:pointer; text-align:center; background:#ccc;}

#menu_haut dd {display:none;}

#menu_haut li {text-align:center; background:#fff;}

#menu_haut dt a {color:#000; text-decoration:none; display:block;
				 height:100%; background-image:url(images/menu1.png);
				 line-height:37px; color:white; font-size:1.2em;}

#menu_haut dt a:hover, #menu dt a:focus {background-image:url(images/menu2.png);}

#menu_haut li a {font-family:Verdana; background-color:#253E61; font-size:0.8em;
				 color:#FFF; text-decoration:none; display:block; height:100%;
				 border:0 none; height:20px; line-height:20px;}

#menu_haut li a:hover, #menu li a:focus {background:#81B0D1; border-left:solid 2px #FFF;
										 border-right:solid 2px #FFF; height:20px; line-height:20px;}


