body { margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: #FFFFFF; }
#foreground { position: absolute; top: 225px; left: 0; z-index: 2; width: 100%; }
#background { position: absolute; top: 225px; left: 20%; z-index: 2; width: 60%; }
#conteneur { clear: both; width: 100%; min-height: 60%; margin: 25px 0 1em 0; padding: 0; font-size: 10pt; background-image: url(IMG/site/blanc.png); background-repeat: repeat; background-attachment: scroll; background-position: left top; }
#contenu { float: right; width: 65%; margin: 0; padding: 0; }
#colonne { float: right; margin: 0; padding: 2% 2.5%; width: 30%; font-size: 9pt; }
#pied { clear: both; width: 100%; margin: 0; padding: 1em 0; font-size: 9pt; text-align: center; }
img#logo { position: absolute; top: 25px; left: 25px; z-index: 2; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
img#fond { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; }

/************************/
/*	Mise en page	*/
/************************/
.gauche { float: left; }
.droite { float: right; }
.aucun { clear: both; }
.entier { width: 100%; }
.demi { width: 50%; }
.quart { width: 25%; }
.tier { width: 33%; }
.cache { visibility: hidden; }
.invisible { display: none; }
.texte-gauche { text-align: left; }
.texte-centrer { text-align: center; }
.texte-droite { text-align: right; }

/********************************************************/
/*	Affichage de la page d'accueil	*/
/********************************************************/
.news h1 { margin: 0; padding: 0; text-align: left; }
#carte { width: 98%; height: 350px; margin: 1%; }

/****************************************/
/*	Affichage des rubriques 	*/
/****************************************/
/* Contenu de la rubrique */
.rubrique { margin: 1% 1%; padding: 70px 1% 1% 1%; width: 46%; border: 1px solid; }
.rubrique h1 { display: inline; margin: -69px 5px 0 0; padding: 70px 3px 1px 3px; font-size: 12pt; color: #FFFFFF; }
.rubrique h1+p { display: inline; }
/* Sous-rubriques de la rubrique */
.sous-rubriques { margin: 1% 1%; padding: 0; width: 48%; }
.sous-rubriques div { margin: 0.25em 0 0 0; border-width: 1px 0 1px 0; border-style: solid; }
.sous-rubriques h2 { margin: 0; padding: 0.5em 0 0.5em 0; text-align: left; }
.sous-rubriques div div { display: none; border: 0; }
.sous-rubriques div:hover div { display: block; }
/* Articles de la rubrique */
.articles { margin: 1% 1%; padding: 0; width: 48%; }
.articles h3 { margin: 1em 0 0 0; padding: 1px 3px; font-size: 10pt; color: #FFFFFF; border-radius: 2pt; -moz-border-radius: 2pt; }
.articles ul { margin: 0; padding: 0; list-style: none; }

/************************/
/*	Typographie	*/
/************************/
/* Liens */
a { color: #009; /* #8B0000; */ text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
h1 a, h2 a, h3 a { color: inherit; }
/* Contenu */
#hierarchie { font-variant: small-caps; }
#hierarchie a { color: #000000; }
.surtitre {}
.titre { margin: 1em 0 0.5em 0; padding: 2px; font-weight: bold; text-align: left; border-bottom: 5px solid #6495ED; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.soustitre {}
.date { margin: 0 0 0.7em 0; padding: 0; font-size: 9pt; font-style: italic; }
.lien { margin: 0.7em; padding: 0.2em; }
.chapo { margin: 0 0 1.5em 0; padding: 0; font-family: Georgia, Times, serif; font-weight: bold; line-height: 1.4em; }
.texte {}
.ps {}
.notes { margin: 0; padding: 0 0 0 20px; background: url(IMG/icones/asterisque.png) no-repeat scroll left top; }
.important { color: #FF0000; }
.maj { font-variant: small-caps; }
.pagination .on { margin: 0; padding: 0.3em; background-color: #6495ED; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.icone { float: left; width: 50%; margin: 2em 0 0 0; text-align: center; }
.evenements { float: left; margin: 0 0.5em 1em 0; width: 33%; }
/* Titres */
h1 { margin: 0 0 1em 0; padding: 0.3em 0 0.3em 0; font-family: ; font-size: 16pt; font-weight: bold; text-align: center; }
h2 { margin: 2em 0 1em 0; padding: 0; font-family: ; font-size: 14pt; font-weight: bold; text-align: center; }
h3 { margin: 2em 0 1em 0; padding: 0; font-family: ; font-size: 12pt; font-weight: bold; text-align: left; }
hr { width: 70%; margin: 1em 15%; padding: 0; border-width: 0 0 1px 0; border-color: #000000; }
/* Couleurs */
.couleur1 { color: #DC143C; }
.couleur2 { color: #6495ED; }
.couleur3 { color: #FF8C00; }
.couleur4 { color: #008000; }
.couleur5 { color: #9932CC; }
.hachure1 { background: url(IMG/site/hachures-rouge.png) repeat scroll left top; }
.hachure2 { background: url(IMG/site/hachures-bleu.png) repeat scroll left top; }
.hachure3 { background: url(IMG/site/hachures-orange.png) repeat scroll left top; }
.hachure4 { background: url(IMG/site/hachures-vert.png) repeat scroll left top; }
.hachure5 { background: url(IMG/site/hachures-violet.png) repeat scroll left top; }
.bordure1 { border-color: #DC143C; }
.bordure2 { border-color: #6495ED; }
.bordure3 { border-color: #FF8C00; }
.bordure4 { border-color: #008000; }
.bordure5 { border-color: #9932CC; }
.fond1 { background-color: #DC143C; /* #BC8F8F; */ }
.fond2 { background-color: #6495ED; /* #87CEFA; */ }
.fond3 { background-color: #FF8C00; /* #FFA500; */ }
.fond4 { background-color: #008000; /* #8FBC8F; */ }
.fond5 { background-color: #9932CC; /* #DA70D6; */ }

/************************/
/*	Colonne		*/
/************************/
#colonne h2 { font-size: 9pt; }
#colonne h3 { margin: 0.5em 0 0.1em 0; padding: 0; font-size: 9pt; font-weight: bold; text-align: left; }

/****************/
/*	Menu	*/
/****************/
.smenu { font-family: Impact, sans-serif; font-size: 23px; text-align: center; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.smenu span, .ssmenu span { visibility: hidden; }
.smenu a { color: #000000; }
.smenu a:hover, a:focus { text-decoration: none; }
p#smenu1 { background: #6495ED url(IMG/site/menu_le_club.png) no-repeat scroll center top; }
p#smenu2 { background: #6495ED url(IMG/site/menu_competitions.png) no-repeat scroll center top; }
p#smenu3 { background: #6495ED url(IMG/site/menu_sorties.png) no-repeat scroll center top; }
p#smenu4 { background: #6495ED url(IMG/site/menu_adherents.png) no-repeat scroll center top; }
p#smenu5 { background: url(IMG/site/menu_recherche.png) no-repeat scroll left top; }
.ssmenu { margin: 0; padding: 0.3em; background-color: #6495ED; font-size: 9pt; color: #FFFFFF; border-radius: 0.3em; -moz-border-radius: 0.3em; }
.ssmenu a { color: #FFFFFF; }
.ssmenu ul { margin: 0; padding: 0.3em; }
.ssmenu ul li { list-style-type: disc; list-style-position: inside; padding-left: 0.2em; color: #F93; }
.ssmenu ul li:hover, .ssmenu ul li a:hover, .ssmenu ul li a:focus  { background-color: #F93; color: #FFFFFFF; text-decoration: none; }
.ssmenu ul li:hover { list-style-type: circle; }
.ssmenu fieldset { margin: 0; padding: 0.3em; background-color: #6495ED; border: 0; border-radius: 0.3em; -moz-border-radius: 0.3em; }
.ssmenu legend { display: none; font-weight: bold; }

/****************/
/*	Pied	*/
/****************/
#pied a { color: #000000; font-weight: bold; }
address { width: 100%; font-size: 9pt; font-style: italic; text-align: center; }

/************************/
/*	Formulaires	*/
/************************/
fieldset { border: 1px solid #B8860B; }
input { background-color: #D2B48C; border: 1px solid #B8860B; }
input.texte { width: 66%; }
textarea { width: 66%; height: 15em; background-color: #D2B48C; border: 1px solid #B8860B; }
.formulaire_ok, .formulaire_erreur { margin: 1em; padding: 0.5em; color: #FF0000; font-weight: bold; font-variant: small-caps; text-align: center; border: 1px solid #FF0000; }

/****************/
/*	Listes	*/
/****************/
ul {}
li {}
li.sans { list-style-type: none; }

/************************/
/*	Tableaux	*/
/************************/
.texte table { margin: 1em auto 1em auto; padding: 0; color: #FFFFFF; border: 1px solid #8B0000; border-collapse: collapse; }
.texte caption { margin: auto; padding: 0.3em; color: #000000; font-weight: bold; text-align: center; caption-side: top; }
.texte th { margin: 0; padding: 0.3em; text-align: center; vertical-align: middle; background-color: #DC143C; }
.texte td { margin: 0; padding: 0.3em; text-align: left; vertical-align: middle; background-color: #CD5C5C; border: 1px solid #8B0000; }
.calendrier table { width: 100%; text-align: center; }
.calendrier caption { margin: 0; padding: 0 0 3px 0; border-bottom: 1px solid #000000; }
td.horsperiode { color: #808080; }
td.libre {}
td.occupe { font-weight: bold; background-color: #6495ED; border-radius: 33%; -moz-border-radius: 33%; }
td.today { font-weight: bold; color: #FFFFFF; background-color: #6495ED; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); border-radius: 33%; -moz-border-radius: 33%; }