body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

A:link, A:visited, A:active { text-decoration: none}
.legende { font-family:times new roman, serif; font-size:13px; }
.tabcom  { font-family:arial; font-size:16px; font-weight: bold; }
.avis  	{ font-family:arial; font-size:10px; }
.comtitre { font-family:bookman old style; font-size:16px; }
.barre 	{ font-weight: bold; FONT-SIZE: 12px; COLOR: #ffc000; FONT-FAMILY: arial }
.smallfnt	{ font-family:arial; font-size:10px; }
.fntlien { font-family:arial; font-size:12px; }
.titredossier { font-family:arial; font-size:16px; font-weight: bold; COLOR:#228b22 }
.dossiertitre { font-family:bookman old style; font-size:18px; COLOR:#eeeeee }
.liens {  font-family:arial; font-size:12px;  }
.discipline { font-family:times new roman, serif; font-weight: bold;  font-size:14px; COLOR:#5582b9 }
.cadre { border-width:12px; border-color:#9999FF; border-style:outset; padding:5px; }
.evenlist { font-family:arial; font-size:16px; font-weight: bold; COLOR:#ffffff }
.evendate { font-family:arial; font-size:12px; font-weight: bold; COLOR:#ffffff }
.admin { font-family:arial; font-size:16px; font-weight: bold; COLOR:#228b22 }
.assotitre  { font-family:arial; font-size:16px; font-weight: bold; COLOR:#000000 }
.clubtitre  { font-family:bookman old style; font-size:20px; font-weight: bold; COLOR:#000000 }
.warning	{ text-align:center; font-family:arial; font-size:15px; font-weight: bold; COLOR:#FF0000 }

.newstitre 	{ font-family:Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#ffffff; }
.newssujet	{ font-family:Arial; font-size:12px; font-weight:bold; font-color:#ff0000; }
.newssmall	{ font-family:Arial; font-size:10px; color:#ffffff; }
.news 		{ font-family:Arial; font-size:1em; color:#000000; background-color:#eeeeee; text-align:justify; }
.newssujet A:link, .newssujet A:visited  {color:#ffff00; }

.eventitre 	{ font-family:Helvetica, sans-serif; font-weight:bold; font-size:16px; }
.evensujet	{ font-family:Arial; font-size:12px; font-weight:bold; }
.evensmall	{ font-family:Arial; font-size:10px; }
.even 		{ font-family:Arial; font-size:12px; }



#conteneur {
position: absolute;
width: 100%;
background-color:#FFFFFF;
}


#sdm {
width: 100%;
margin-bottom: 10px;
text-align: center;
font-family:times new roman, serif; 
font-size:12px; 
COLOR:#4471a8
}

#calendrier {
width: 100%;
margin-bottom: 10px;
text-align: center;
}

.calend	{ font-family:arial; font-size:10px; }
.calendtitre { font-weight: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial }

.calendlien A:link, .calendlien A:visited, .calendlien A:active {
color:#ffffff;
}

.calendhaut {
height: 8px;
background-image:url(images/gris_ul.png);
font-size:0px;
}
.calendhautd {
height: 8px;
width: 8px;
background-image:url(images/gris_ur.png);
float: right;
font-size:0px;
}

.calendbas {
height: 8px;
background-image:url(images/gris_dl.png);
font-size:0px;
}
.calendbasd {
height: 8px;
width: 8px;
background-image:url(images/gris_dr.png);
float: right;
font-size:0px;
}

.titrevert {
font-family:bookman old style; 
font-size:16px;
font-weight: bold; 
empty-cells:hide;
border-spacing:0;
padding-top:0;
margin-bottom:1em;
border:none;
}

.arial11 {
	FONT-SIZE: 11px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.arial10 {
	FONT-SIZE: 10px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.arial11b {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.arial12b {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

.cadre {
background-color: #FFF;
border: 0 0 0 0;
}
.cadrehaut {
height: 50px;
background-image:url(images/cadrehaut.gif);
border: 0 0 0 0;
}
.cadrehautd {
height: 50px;
width: 30px;
background-image:url(images/cadrehautd.gif);
float: right;
border: 0 0 0 0;
}
.cadrebas {
height: 50px;
background-image:url(images/cadrebas.gif);
border: 0 0 0 0;
}
.cadrebasd {
height: 50px;
width: 30px;
background-image:url(images/cadrebasd.gif);
float: right;
border: 0 0 0 0;
}
.cadrecentre {
background-image:url(images/cadregauche.gif);
background-repeat: repeat-y;
border: 0 0 0 0;
}
.cadrecontenu {
background-image:url(images/cadredroite.gif);
background-repeat: repeat-y;
background-position: right;
border: 0 0 0 0;
}

.cadretitre {
margin-left: 20px;
}

.forms {
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #e5f0fa
}

.equiptitre {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #000000; 
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica; 
	TEXT-DECORATION: none
}

.contacttitre {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18px; 
	COLOR: #000000; 
	FONT-FAMILY: "bookman old style", Arial, Helvetica; 
	TEXT-DECORATION: none
}


.annonce {
margin-left:10%;
margin-right:10%;
width: 80%;
text-align: center;
font-family:times new roman, serif; 
font-size:16px; 
font-weight: bold;
COLOR:#4471a8;
}

.infoclub {
margin-left:5%;
margin-right:5%;
width:90%;
}

div.infoclub p {
text-align:justify;
}

div.infoclub p {
text-align:justify;
}

.clubimage {
margin-top:6px;
margin-bottom:16px;
text-align:center;
}


div.infoclub ul {
list-style-type: square;
font-weight: bold;
padding:0 0 0 0;
margin-top: 0;
}

div.infoclub li {
font-weight:normal;
}

div.infoclub table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
empty-cells:show;
}


.visuclub {
margin-left:10px;
margin-right:10px;
background-color: #FFFFFF;
}

div.visuclub table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
empty-cells:show;
}

div.visuclub p {
text-align:justify;
}


div.visuclub ul {
list-style-type: square;
font-weight: bold;
padding:0 0 0 0;
margin-top: 0;
}

div.visuclub li {
font-weight:normal;
}


#header {
margin: 0 0 0 0;
height: 100px;
background-color: #5582b9;
}

#headerconteneur {
position: absolute;
width: 100%;
height: 70px;
background-color:#5582b9;
}

#headercentre {
background-color:#5582b9;
margin-left: 172px;
margin-right: 179px;
text-align:center;
valign:center;
height: 70px;
}

#headergauche {
position: absolute;
left:0;
width: 172px;
}

#headerdroite {
position: absolute;
right:0;
margin-top:5px;
margin-right:6px;
width: 179px;
}



#centre {
background-color:#FFFFFF;
margin-left: 10px;
margin-right: 240px;
margin-top: 10px;
height: auto !important;
height: 85em;
min-height: 85em;
}

#fullcentre {
background-color:#FFFFFF;
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
height: auto !important;
height: 35em;
min-height: 35em;
}



#droite {
position: absolute;
right:0;
width: 240px;
margin-top: 10px;
background-color:#FFFFFF;
}
#pied {
clear:both;
height: 30px;
background-color: #FFFFFF;
text-align: center;
font-family:times new roman, serif; 
font-size:12px; 
}

div.menudroit ul {
list-style-type: none;
margin: 0;
padding:0;
}
div.menudroit li {
margin-bottom: 5px;
}
div.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
div.menudroit a:hover {
text-decoration: none;
}

div.menu {
height: 30px;
width: 100%;
margin-left:0;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
background-color: #0c2ffd;
}

div.menu ul {
margin: 0 0;
list-style-type: none;
font: 10px Verdana, sans-serif;
font-weight: bold;
}

div.menu li {
list-style-type: none;
float: left;
}

div.menu a {
margin: 0 0;
width: 100px;
height: 30px;
display: block;
line-height: 26px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
background: #fff;
background-image: url(images/buttons.jpg);
background-position: 0px 0px;
}

div.menu a:link {
background-image: url(images/buttons.jpg);
background-position: 0px 0px;
}
div.menu a:visited {
background-image: url(images/buttons.jpg);
background-position: 0px 0px;
}
div.menu a:hover {
background-image: url(images/buttons.jpg);
background-position: 0px -30px;
color: #F00;
}

div.menu a:active {
background-image: url(images/buttons.jpg);
background-position: 0px -60px;
}


p {margin: 0 0 10px 0;}

#cache {
    z-index:10; visibility:hidden;
}

.ico_commentaire 
{ 
background-image: url(images/comfonds.png); 
background-repeat: repeat-x; 
background-color:#dddddd; 
text-align:right; 
font-size : 1.0em;
margin-right:20px;
padding: 0 20px 2px 0;
}
.ico_commentaire img { border:none; vertical-align:middle; }
.ico_commentaire a {text-decoration:none; color:#000000; }
.ico_commentaire a:hover { font-weight: bold; }

#comment-info {
	margin-bottom : 0;
	font-size : 0.85em;
}

#comments {
	margin : 0 2em;
}

#comments blockquote {
	display : block;
	margin : 0 0 1em 0;
	padding : 8px 1em;
	font-style : normal;
	border : 1px solid #bdb76b;
	color : #000;
	background : #eeeeee;
}


.addcom {
	background : #ffffff;
}


.infocom {
	font-size : 0.8em;
}

div.addcom form {
margin-left: 2em;
}

div.addcom fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

div.addcom textarea {
width:80%;
}

div.addcom input[type], div.addcom textarea[name] {
	background: #ffffff;
}

div.addcom input[type=submit], div.addcom input[type=reset] {
	background : #ccc;
	color : #000;
}

div.addcom input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}
div.addcom  p.field {
	margin : 0.5em 0 0 0;
}

div.addcom  p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.download { 
text-align:center; 
font-family:Arial; 
font-size:16px; 
font-weight:bold; 
color:#000000; 
}
.download img { border:none; vertical-align:middle; }
.download a {text-decoration:none; color:#000000; }
.download a:hover { background-color:#ffff00; }