/* -------------------------------------------------------------
POUR TOUT LE SITE
------------------------------------------------------------- */

* {
border: 0;
margin: 0 auto;
padding: 0;
font-size: 13px;
font-family: 'trebuchet ms', arial, helvetica, sans-serif;
color: #333;
text-align: justify;
text-decoration: none;
list-style: none;
}

/* -------------------------------------------------------------
CORPS
------------------------------------------------------------- */

html, body {
width: 100%;
background: #333 url('images/fond/fond.png') repeat-x scroll center top;
}

#site {
width: 780px;
}

/* -------------------------------------------------------------
BANNIERE
------------------------------------------------------------- */

#banniere {
width: 800px;
height: 337px;
background: #c00101 url('images/fond/banniere.png') no-repeat scroll center top;
}

/* LIENS DU HAUT */

#banniere p {
margin: 0 0 0 18px;
font-size: 11px;
color: #fff;
}

#banniere p a, #banniere p a:visited {
font-size: 11px;
color: #fff;
}

#banniere p a:hover {
text-decoration: underline;
color: #fff;
}

/* -------------------------------------------------------------
CONTENU
------------------------------------------------------------- */

#contenu {
width: 800px;
padding: 10px 0;
background: #c00101 url('images/fond/contenu.png') repeat-y scroll center top;
}

/* -------------------------------------------------------------
HAUT DE PAGE
------------------------------------------------------------- */

p.haut_de_page {
text-align: right;
padding: 0 23px 0 0;
}

p.haut_de_page, p.haut_de_page a {
color: #fff;
font-size: 10px;
}

p.haut_de_page a:hover, p.haut_de_page a:visited {
text-decoration: underline;
}

/* -------------------------------------------------------------
BAS
------------------------------------------------------------- */

#bas {
width: 800px;
height: 20px;
clear: both;
background: #c00101 url('images/fond/bas.png') no-repeat scroll center top;
}

/* LIENS DU BAS */

#bas #liens_bas {
width: 780px;
padding: 35px 0 15px 0;
text-align: center;
}

/* -------------------------------------------------------------
CONTENU GAUCHE
------------------------------------------------------------- */

#gauche {
float: left;
width: 230px;
}

/* BLOC */

#gauche .menu_haut, #gauche .agenda_haut, #gauche .caddie_haut {
width: 200px;
height: 54px;
margin: 0 0 0 18px;
background: #fff url('images/bloc_gauche/bloc_haut.png') no-repeat scroll left top;
}

#gauche .menu_haut h1, #gauche .agenda_haut h1, #gauche .caddie_haut h1 {
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 12px 0 0 20px;
}

#gauche .menu_milieu, #gauche .agenda_milieu {
width: 200px;
margin: 0 0 0 18px;
background: #fff;
}

#gauche .caddie_milieu {
width: 190px;
margin: 0 0 0 18px;
background: #fff;
padding: 5px;
}

#gauche .menu_bas, #gauche .agenda_bas, #gauche .caddie_bas {
width: 200px;
height: 15px;
background: #fff url('images/bloc_gauche/bloc_bas.png') no-repeat scroll left top;
}

#gauche .menu_bas {
margin: 0 0 20px 18px;
}

#gauche .caddie_bas {
margin: 0 0 20px 18px;
}

#gauche .agenda_bas {
margin: 0 0 0 18px;
}

/* MENU */

.menu_milieu ul {
padding: 12px 0 0 20px;
}

.menu_milieu ul li a {
font-weight: bold;
}

.menu_milieu ul li a:hover {
padding: 0 0 0 5px;
color: #c00101;
}

.menu_milieu ul li a.marque {
color: #c00101;
}

/* CADDIE */

#caddie a {
border: 1px solid black;
padding: 5px;
}

#caddie a:hover {
color: #c00101;
}

#caddie ul li a{
padding: 0;
border: 0;
}

#caddie ul{
list-style-type: square;
margin: 10px 0 10px 15px;
}

#caddie ul li {
list-style-type: square;
}

/* CALENDRIER */

#mois {
text-align: center;
}

#mois * {
color: #808080;
}

#gauche .agenda_milieu p, #gauche .agenda_milieu form {
display: inline;
}

#gauche .agenda_milieu form input{
background-color: transparent;
}

#calendrier {
margin: 0 0 0 20px;
}

#calendrier * {
text-align: center;
padding: 0 2px;
}

#calendrier th {
font-weight: bold;
}

#calendrier a {
background-color: #f5cccc;
}

#calendrier a.transparent {
background-color:transparent;
}

#calendrier td {
border: 1px solid #ccc;
}

#calendrier td.vide {
border: transparent;
}

#calendrier td.aujourdhui {
border: 1px solid #333;
}

#lien_bas {
text-align: center;
}

#lien_bas * {
color: #808080;
}

/* -------------------------------------------------------------
CONTENU DROITE
------------------------------------------------------------- */

#droite {
float: right;
width: 545px;
margin: 0 25px 0 0;
background: #fff;
}

/* BLOC */

#droite .bloc_haut {
width: 545px;
height: 54px;
background: #fff url('images/bloc_droite/bloc_haut.png') no-repeat scroll left top;
}

#droite .bloc_haut h1 {
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 12px 0 0 20px;
}

#droite .bloc_milieu {
width: 505px;
background: #fff;
padding: 12px 20px 0 20px;
}

#droite .bloc_bas {
width: 545px;
height: 15px;
background: #fff url('images/bloc_droite/bloc_bas.png') no-repeat scroll left top;
}

/* TITRES */

#droite h2 {
font-size: 16px;
font-weight: bold;
margin: 0 0 1em 0;
}

#droite h2 span {
font-size: 13px;
font-weight: normal;
color: #808080;
}

/* LIENS */

#droite a:hover {
color: #c00101;
}

#droite p.lienzoneprivee {
margin: 1em 0 0 0;
}

/* PAGE MEMBRES */

#droite .membre {
float: left;
margin: 0 0 1em 0;
width: 100%;
}

#droite .membre img {
float: left;
}

#droite .membre .palmares{
float: left;
width: 395px;
padding: 0 0 0 10px;
}

#droite .membre .palmares h2, #droite .membre img, #droite .membre .palmares{
margin: 0 0 1em 0;
}

#droite .membre p{
font-weight: bold;
}

/* FORMULAIRES */

#droite form h2 {
margin: 0 0 1em 0;
}

#droite label {
display: block;
}

#droite label.inline {
display: inline;
}

#droite input, #droite textarea, #droite select {
border: 1px solid black;
margin: 0 0 1em 0;
}

#droite input.submit {
width: 133px;
text-align: center;
margin: 1em 0 0 0;
}

#droite input.moyen {
width: 266px;
}

#droite select {
width: 133px;
}

#droite form span {
color: #cc0000;
margin: 1em 0 0 0;
}

#droite .bouton {
margin: 1em 0 0 0;
}

#droite .bouton2 {
margin: 0 1em 0 0;
}

#droite #adresse_contact {
float: right;
margin-right: 150px;
}

#droite #adresse_contact h2 {
margin: 0 0 1em 0;
}

/* PAGE SHOP */

#droite .article {
width: 100%;
float: left;
margin-bottom: 10px;
}

#droite .article .image{
width: 100px;
float: left;
}

#droite .article .description{
width: 395px;
float: left;
padding: 0 5px;
}

/* PAGE LIENS */

#droite li a {
/* font-size: 16px;*/
line-height: 2em;
}

#droite li a span.url {
font-size: 13px;
color: #808080;
}

/* PAGE FORUM */

#droite .forum1 {
background-color: #eee;
}

#droite .forum1, #droite .forum2 {
margin-bottom: 1em;
}

#droite .forumauteur {
background-color: #cdcdcd;
}

#droite .forumauteur h2, #droite .forumauteur p{
display: inline;
}

#droite .forumauteur p{
margin: 0 0 0 1em;
}

/* PAGE COTISATIONS */

#droite table.cotisations {
border-collapse: collapse;
width: 100%;
margin-top: 1em;
}

#droite table.cotisations td {
border: 1px solid black;
padding: 0 2px;
}

#droite form p.form_date select {
width: 90px;
}

/* -------------------------------------------------------------
DIVERS
------------------------------------------------------------- */

.espace {
clear: both;
}

#droite p.alerte {
display: block;
text-align: left;
height: 1.5em;
margin: 0 100px 1em 0;
border-bottom: 1px solid #c00101;
}


#droite textarea.grand {
width: 500px;
height: 300px;
}

#droite textarea.moyen {
width: 500px;
height: 150px;
}

#droite input.margintop {
margin-top: 1em;
}

#droite a.apercu {
display: block;
margin-bottom: 1em;
}


#droite table.galeries {
width: 100%;
margin: 0 0 15px 0;
text-align: center;
border-collapse: separate;
border-spacing: 10px;
}

#droite table.galeries tr td.galeries {
height: 182px;
padding: 5px;
vertical-align: middle;
text-align: center;
border: 1px #c00101 solid;
}

#droite table.galeries tr td.galeries img {
padding: 5px 0 0 0;
}

#droite table.galeries tr td.galeries span.galeries {
font-size: 15px;
font-weight: bold;
}

#droite table.galeries tr td.galeries a:hover {
text-decoration: none;
}

#droite img.galeries {
text-align: center;
padding: 10px;
border: 1px #c00101 solid;
display: block;
}

p.centre {
text-align: center;
}

td.galeries {
background-color: #fff;
}

.cache {
display: none;
}

#droite p.date {
font-weight: bold;
color: #c00101;
}

#droite table#agenda {
width: 100%;
}

#droite table#agenda tr td {
height: 2em;
}

#droite table#agenda tr td.date {
width: 80px;
}

#droite table#agenda tr td.heure {
width: 80px;
}