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

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

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

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

#site {
width: 750px;
}

/* -------------------------------------------------------------
HAUT
------------------------------------------------------------- */

#haut {
width: 100%;
height: 30px;
border-bottom: 1px solid #333;
background: #000;
}

#haut #haut_contenu {
width: 750px;
}

#haut #haut_contenu * {
color: #ccc;
font-size: 11px;
}

#haut #haut_contenu p.gauche {
float: left;
padding: 6px 0 0 5px;
}

#haut #haut_contenu p.gauche span.italique {
font-style: italic;
}

#haut #haut_contenu p.droite {
float: right;
text-align: right;
padding: 6px 5px 0 0;
}

#haut #haut_contenu p.droite span.italique {
font-style: italic;
}

#haut #haut_contenu p a:hover {
color: #009999;
}

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

#banniere {
height: 150px;
}

/* -------------------------------------------------------------
MENU
------------------------------------------------------------- */

#menu {
height: 60px;
background: transparent url('images/fond/menu.png') no-repeat scroll center top;
}

#menu *  {
color: #ccc;
}

#menu ul {
width: 720px;
}

#menu ul li {
float: left;
}

#menu ul li a {
float: left;
width: 80px;
height: 60px;
line-height: 60px;
font-weight: bold;
display: block;
text-align: center;
}

#menu ul li.evidence a, #menu ul li a:hover {
color: #009999;
border-bottom: 5px solid #009999;
background: #1a1a1a;
}

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

#contenu {
width: 750px;
padding: 15px 0 0 0;
background: #fff url('images/fond/contenu.png') no-repeat scroll center top;
}

#contenu h3 {
color: #1a1a1a;
padding: 0 0 15px 0;
}

#contenu a {
color: #009999;
}

#contenu a:hover {
text-decoration: underline;
}

#contenu span.italique {
font-size: 12px;
font-style: italic;
}

#contenu span.italique_normal {
font-size: 13px;
font-style: italic;
}

#contenu span.gras {
font-weight: bold;
}

#contenu span.gras_normal {
font-size: 13px;
font-weight: bold;
}

#contenu span.italique_gras {
font-weight: bold;
font-style: italic;
}

#contenu .centre {
text-align: center;
}

#contenu img.image_gauche {
float: left;
display: block;
margin: 4px 5px 5px 0;
}

#contenu img.centre {
display: block;
text-align: center;
margin: 0 auto 15px auto;
}

#contenu img.image_droite {
float: right;
display: block;
margin: 4px 0 5px 5px;
}

/* BLOC GAUCHE */

#contenu .gauche {
float: left;
width: 487px;
padding: 0 15px;
}

#contenu .gauche h1 {
font-size: 18px;
color: #009999;
padding: 0 0 6px 23px;
margin: 0 0 15px 0;
background: url('images/bordures/bordure_bouteille.png') no-repeat left bottom;
}

#contenu .gauche h2 {
font-size: 14px;
color: #046380;
padding: 0 0 15px 0;
}

#contenu .gauche p {
padding: 0 0 15px 0;
}

#contenu .gauche p.envoye_par_bordure, 
#contenu .gauche p.envoye_par {
font-size: 12px;
color: #002f2f;
padding: 0 0 15px 0;
}

#contenu .gauche p.envoye_par_bordure {
margin: 0 0 15px 0;
background: url('images/bordures/bordure_pleine.png') repeat-x left bottom;
}

#contenu .gauche p.envoye_par_bordure span.italique, 
#contenu .gauche p.envoye_par span.italique {
color: #002f2f;
}

#contenu .gauche p.gris {
padding: 0 5px;
margin: 0 0 15px 0;
background: #ececec;
}

#contenu .gauche p.photos {
text-align: center;
font-size: 12px;
padding: 0 0 15px 0;
}

#contenu .gauche p.archive {
height: 84px;
padding: 26px 5px 0 115px;
margin: 0 0 15px 0;
border: 1px solid #1a1a1a;
background: #ccc url('images/icones/rar_grand.png') no-repeat 5px center;
}

#contenu .gauche ul {
padding: 0 0 15px 0;
}

#contenu .gauche *.bordure_pleine {
padding: 15px 0 !important;
background: transparent url('images/bordures/bordure_pleine.png') repeat-x left top;
}

#contenu .gauche *.bordure_pleine_centre {
padding: 15px 0 !important;
text-align: center;
background: transparent url('images/bordures/bordure_pleine.png') repeat-x left top;
}

/* DATE */

#contenu .gauche .date {
float: left;
width: 45px;
padding: 5px 5px 0 0;
}

#contenu .gauche .mois, 
#contenu .gauche .jour {
padding: 3px 2px;
font-size: 11px;
color: #ccc;
text-align: center;
font-weight: bold;
background: #002f2f;
}

#contenu .gauche .jour {
font-size: 13px;
background: #046380 url('images/icones/calendrier.png') repeat-x scroll center top;
}

/* BLOC DEMI */

#contenu .gauche .demi {
float: left;
width: 50%;
}

#contenu .gauche .demi ul li {
line-height: 20px;
}

/* BLOC TIER */

#contenu .gauche .tier {
float: left;
width: 162px;
}

#contenu .gauche .tier * {
display: block;
text-align: center;
}

#contenu .gauche .tier img {
margin: 0 auto 15px auto;
border: 1px solid #009999;
}

#contenu .gauche .tier img.sans_bordure {
margin: 0 0 15px 0;
border: none;
}

#contenu .gauche .tier p.pdf {
margin: 0 0 0 17px;
background: url('images/icones/pdf.png') no-repeat scroll left 2px;
}

#contenu .gauche .tier p.rar {
margin: 0 0 0 19px;
background: url('images/icones/rar.png') no-repeat scroll 19px 2px;
}

/* MEMBRES */

#contenu .gauche p.gauche_membres {
float: left;
width: 50%;
padding: 15px 0 !important;
background: transparent url('images/bordures/bordure_pleine.png') repeat-x left top;
}

#contenu .gauche p.droite_membres {
float: right;
width: 50%;
text-align: right;
padding: 15px 0 !important;
background: transparent url('images/bordures/bordure_pleine.png') repeat-x left top;
}

#contenu .gauche img.membres {
float: left;
padding: 0 15px 15px 0;
}

#contenu .gauche p.droite_membres .select_membres {
width: 100px;
font-size: 11px;
color: #1a1a1a;
margin: -3px 0 0 0;
vertical-align: middle;
cursor: pointer;
border: 1px solid #009999;
}

#contenu .gauche p.droite_membres .select_membres option {
font-size: 11px;
color: #222;
cursor: pointer;
}

#contenu .gauche p.droite_membres .bouton_membres {
width: 27px;
height: 20px;
font-size: 11px;
color: #002f2f;
padding: 0 0 2px 0;
margin: -3px 0 0 1px;
text-align: center;
vertical-align: middle;
cursor: pointer; 
background: #ececec;
border: 1px solid #009999;
}

/* GALERIES */

#contenu .gauche .galeries_galeries, 
#contenu .gauche .videos_videos {
float: left;
width: 162px;
height: 220px;
}

#contenu .gauche .galeries_miniatures, 
#contenu .gauche .videos_miniatures {
float: left;
width: 162px;
height: 196px;
}

#contenu .gauche a img.commentaires_images {
float: left;
margin: 5px 10px 10px 0;
border: 1px solid #009999;
}

#contenu .gauche .galeries_galeries h2, 
#contenu .gauche .galeries_galeries p, 
#contenu .gauche .galeries_miniatures p, 
#contenu .gauche .videos_videos h2, 
#contenu .gauche .videos_miniatures h2, 
#contenu .gauche .videos_videos p, 
#contenu .gauche .videos_miniatures p {
text-align: center;
}

#contenu .gauche .galeries_galeries a img, 
#contenu .gauche .galeries_miniatures a img, 
#contenu .gauche .videos_videos a img, 
#contenu .gauche .videos_miniatures a img, 
#contenu .gauche a img.centre {
display: block;
text-align: center;
margin: 0 auto 15px auto;
border: 1px solid #009999;
}

#contenu .gauche object.video {
width: 457px;
height: 343px;
}

/* FORMULAIRE */

#contenu .gauche .formulaire {
width: 450px;
text-align: center;
}

#contenu .gauche p.erreur, 
#contenu .gauche p.confirmation {
font-style: italic;
padding-left: 18px;
}

#contenu .gauche p.erreur {
color: #ff0000;
background: transparent url('images/icones/erreur.png') no-repeat scroll left 3px;
}

#contenu .gauche p.confirmation {
color: #339933;
background: transparent url('images/icones/confirmation.png') no-repeat scroll left 3px;
}

#contenu .gauche label {
cursor: pointer;
}

#contenu .gauche p.obligatoire, 
#contenu .gauche p span.obligatoire {
color: #ff0000;
}

#contenu .gauche .select, 
#contenu .gauche .box, 
#contenu .gauche .npa, 
#contenu .gauche .lieu, 
#contenu .gauche .textarea, 
#contenu .gauche .bouton {
font-size: 12px;
color: #002f2f;
cursor: pointer;
border: 1px solid #009999;
}

#contenu .gauche .box, 
#contenu .gauche .textarea, 
#contenu .gauche .bouton {
width: 448px;
}

#contenu .gauche .bouton {
width: 223px;
text-align: center;
background: #ececec;
}

#contenu .gauche .npa {
width: 30px;
}

#contenu .gauche .lieu {
width: 404px;
margin: 0 0 0 8px;
}

#contenu .gauche .select {
width: 450px;
}

#contenu .gauche .select option {
font-size: 12px;
color: #1a1a1a;
cursor: pointer;
}

#contenu .gauche .checkbox {
vertical-align: middle;
margin: 0 0 2px 0;
display: inline;
}

/* TABLEAU CLASSEMENT */

#contenu .gauche table.classement {
width: 100%;
margin: 0 0 15px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#contenu .gauche table.classement tr.gris {
background: #ececec;
}

#contenu .gauche table.classement tr th {
color: #2d2d2d;
padding: 5px 10px;
background: #ccc;
}

#contenu .gauche table.classement tr td.rang, 
#contenu .gauche table.classement tr td.rang_evidence, 
#contenu .gauche table.classement tr td.points, 
#contenu .gauche table.classement tr td.points_evidence {
width: 10%;
text-align: center;
}

#contenu .gauche table.classement tr td.equipe, 
#contenu .gauche table.classement tr td.equipe_evidence {
width: 80%;
padding: 3px 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#contenu .gauche table.classement tr td.rang_evidence, 
#contenu .gauche table.classement tr td.equipe_evidence, 
#contenu .gauche table.classement tr td.points_evidence {
color: #fbfbfb;
background: #009999;
}

/* TABLEAU DOCUMENTS */

#contenu .gauche table#documents {
width: 100%;
margin: 0 0 15px 0;
border-collapse: collapse;
}

#contenu .gauche table#documents tr.gris {
background: #ececec;
}

#contenu .gauche table#documents tr th {
color: #2d2d2d;
padding: 5px 10px;
background: #ccc;
}

#contenu .gauche table#documents tr th.centre {
text-align: center;
}

#contenu .gauche table#documents tr td.documents, 
#contenu .gauche table#documents tr td.documents_gris {
width: 60%;
padding: 5px 0 5px 26px;
background: transparent url('images/icones/pdf.png') no-repeat scroll 10px center;
}

#contenu .gauche table#documents tr td.documents_gris {
background: #ececec url('images/icones/pdf.png') no-repeat scroll 10px center;
}

#contenu .gauche table#documents tr td.type, 
#contenu .gauche table#documents tr td.creation, 
#contenu .gauche table#documents tr td.auteur {
width: 10%;
text-align: center;
font-size: 11px;
padding: 5px 0;
}

#contenu .gauche table#documents tr td.creation {
width: 20%;
}

/* TABLEAU FORUM */

#contenu .gauche table#forum {
width: 100%;
margin: 0 0 15px 0;
border-collapse: collapse;
}

#contenu .gauche table#forum tr.gris {
background: #ececec;
}

#contenu .gauche table#forum tr th {
color: #2d2d2d;
padding: 5px 10px;
background: #ccc;
}

#contenu .gauche table#forum tr th.centre {
text-align: center;
}

#contenu .gauche table#forum tr td.categories {
width: 50%;
padding: 5px 0 5px 10px;
}

#contenu .gauche table#forum tr td.categories span.petit {
font-size: 11px;
font-style: italic;
color: #666;
}

#contenu .gauche table#forum tr td.sujets, 
#contenu .gauche table#forum tr td.forum, 
#contenu .gauche table#forum tr td.forum a, 
#contenu .gauche table#forum tr td.messages, 
#contenu .gauche table#forum tr td.messages a,
#contenu .gauche table#forum tr td.auteur, 
#contenu .gauche table#forum tr td.auteur a {
width: 10%;
text-align: center;
font-size: 11px;
padding: 5px 0;
}

#contenu .gauche table#forum tr td.auteur {
width: 40%;
}

#contenu .gauche .bloc_message, 
#contenu .gauche .bloc_message_gris {
padding: 10px;
margin: 0 0 15px 0;
border: 1px solid #ccc;
}

#contenu .gauche .bloc_message p, 
#contenu .gauche .bloc_message_gris p {
padding: 0;
}

#contenu .gauche .bloc_message p.envoye_par_forum, 
#contenu .gauche .bloc_message_gris p.envoye_par_forum {
font-size: 12px;
color: #002f2f;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
background: url('images/bordures/bordure_pleine.png') repeat-x left top;
}

#contenu .gauche .bloc_message_gris {
border: 1px solid #ccc;
background: #ececec;
}

#contenu .gauche .bloc_message img.forum, 
#contenu .gauche .bloc_message_gris img.forum {
float: left;
padding: 5px 10px 0 0;
}

/* BLOC DROITE */

#contenu .droite {
float: left;
width: 218px;
padding: 0 3px 0 0;
margin: 0 0 0 8px;
}

#contenu .droite .haut, 
#contenu .droite .millieu, 
#contenu .droite .bas {
width: 218px;
}

#contenu .droite .haut {
height: 4px;
background: transparent url('images/fond/gauche_haut.png') no-repeat scroll center top;
}

#contenu .droite .millieu {
padding: 2px 0 6px 0;
background: #ececec;
}

#contenu .droite .millieu h1 {
font-size: 15px;
color: #009999;
padding: 0 8px;
}

#contenu .droite .millieu h2 {
font-size: 13px;
color: #002f2f;
padding: 10px 8px 5px 8px;
}

#contenu .droite .millieu p {
font-size: 12px;
padding: 5px 8px;
}

#contenu .droite .millieu p.anniversaire {
font-style: italic;
margin: 0 0 0 8px;
padding-left: 18px;
background: transparent url('images/icones/anniversaire.png') no-repeat scroll left center;
}

#contenu .droite .millieu ul {
padding: 10px 8px 0 8px;
}

#contenu .droite .millieu ul.commentaires {
padding: 0 8px;
}

#contenu .droite .millieu ul li {
font-size: 12px;
}

#contenu .droite .millieu p a, 
#contenu .droite .millieu ul li a {
font-size: 12px;
line-height: 19px;
}

#contenu .droite .millieu ul li.evidence a {
color: #002f2f;
font-weight: bold;
}

#contenu .droite .millieu img {
display: block;
margin: 15px auto 5px auto;
border: 1px solid #009999;
}

#contenu .droite .millieu img.sans_bordure {
border: none;
}

/* BLOC DEMI */

#contenu .droite .demi {
float: left;
width: 50%;
}

#contenu .droite .bas {
height: 4px;
margin: 0 0 15px 0;
background: transparent url('images/fond/gauche_bas.png') no-repeat scroll center top;
}

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

#bas {
width: 100%;
border-top: 2px solid #000;
background: #333;
}

#bas_contenu {
width: 750px;
height: 259px;
padding: 15px 5px;
background: #333 url('images/fond/bas.png') no-repeat scroll center top;
}

#bas_contenu * {
color: #808080;
}

#bas_contenu h1 {
font-size: 15px;
color: #009999;
padding: 0 0 15px 7px;
}

#bas_contenu h2 {
font-size: 13px;
color: #ccc;
padding: 0 0 15px 7px;
}

#bas_contenu p {
font-size: 11px;
}

#bas_contenu a {
color: #009999;
}

#bas_contenu a:hover {
text-decoration: underline;
}

/* BLOC GAUCHE */

#bas_contenu .gauche {
float: left;
width: 512px;
}

#bas_contenu .gauche p {
padding: 0 0 0 7px;
}

/* TABLEAU CALENDRIER */

#bas_contenu .gauche #calendrier {
height: 184px;
margin: 0 0 15px 5px;
}

#bas_contenu .gauche #calendrier th {
width: 70px;
font-size: 11px;
padding: 0 0 10px 0;
text-align: center;
}

#bas_contenu .gauche #calendrier td {
padding: 2px;
border: 1px solid #1a1a1a;
background: #1a1a1a;
}

#bas_contenu .gauche #calendrier td.aujourdhui {
padding: 2px;
border: 1px solid #292929;
background: #292929;
}

#bas_contenu .gauche #calendrier td.vide {
padding: 2px;
border: transparent;
background: none;
}

/* INFO-BULLE */

#bas_contenu .gauche #calendrier td a.jeunesse, 
#bas_contenu .gauche #calendrier td a.autre, 
#bas_contenu .gauche #calendrier td a.anniversaire {
z-index: 1;
position: relative;
}

#bas_contenu .gauche #calendrier td a.jeunesse:hover, 
#bas_contenu .gauche #calendrier td a.autre:hover, 
#bas_contenu .gauche #calendrier td a.anniversaire:hover {
z-index: 2;
}

#bas_contenu .gauche #calendrier td a.jeunesse span, 
#bas_contenu .gauche #calendrier td a.autre span, 
#bas_contenu .gauche #calendrier td a.anniversaire span {
display: none;
}

#bas_contenu .gauche #calendrier td a.jeunesse:hover span, 
#bas_contenu .gauche #calendrier td a.autre:hover span, 
#bas_contenu .gauche #calendrier td a.anniversaire:hover span {
position: absolute;
width: 180px;
top: 2px;
left: 17px;
display: block;
font-size: 11px;
text-align: center;
padding: 5px 5px 8px 5px;
border: 2px solid #009999;
background: #1a1a1a;
}

#bas_contenu .gauche #calendrier td a.anniversaire:hover span {
width: 169px;
border: 2px solid #993300;
}

#bas_contenu .gauche #calendrier td a.autre:hover span {
border: 2px solid #009900;
}

#bas_contenu .gauche #calendrier td a.jeunesse img, 
#bas_contenu .gauche #calendrier td a.autre img, 
#bas_contenu .gauche #calendrier td a.anniversaire img {
vertical-align: -2px;
}

/* FORMULAIRE */

#bas_contenu .gauche .select {
width: 100px;
font-size: 11px;
color: #1a1a1a;
vertical-align: middle;
cursor: pointer;
border: 1px solid #1a1a1a;
}

#bas_contenu .gauche .select option {
font-size: 11px;
color: #222;
cursor: pointer;
}

#bas_contenu .gauche .bouton {
width: 27px;
height: 20px;
font-size: 11px;
color: #ccc;
padding: 0 0 2px 0;
margin: 0 0 0 1px;
text-align: center;
vertical-align: middle;
cursor: pointer; 
background: #1a1a1a;
border: 1px solid #009999;
}

/* LEGENDE */

#bas_contenu .gauche span.legende {
margin: 0 0 0 51px;
padding: 0 10px;
text-align: center;
vertical-align: middle;
background: #1a1a1a;
border: 1px solid #009999;
}

#bas_contenu .gauche span.anniversaire, 
#bas_contenu .gauche span.jeunesse, 
#bas_contenu .gauche span.autre {
font-size: 11px;
vertical-align: 1px;
}

#bas_contenu .gauche span.anniversaire {
color: #993300;
}

#bas_contenu .gauche span.jeunesse {
color: #009999;
}

#bas_contenu .gauche span.autre {
color: #009900;
}

#bas_contenu .gauche span.legende img {
vertical-align: -2px;
}

/* BLOC DROITE */

#bas_contenu .droite {
float: left;
width: 224px;
padding: 0 0 0 7px;
}

#bas_contenu .droite p {
padding: 4px 0 0 6px;
}

#bas_contenu .droite a {
font-size: 11px;
}

/* DATE */

#bas_contenu .droite .date {
float: left;
width: 36px;
padding: 5px 5px 14px 6px;
}

#bas_contenu .droite .mois, 
#bas_contenu .droite .jour {
padding: 3px 2px;
font-size: 11px;
text-align: center;
font-weight: bold;
background: #002f2f;
}

#bas_contenu .droite .jour {
font-size: 13px;
background: #002f2f url('images/icones/calendrier.png') repeat-x scroll center top;
}

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

#credits {
width: 100%;
border-top: 1px solid #666;
background: #000;
}

#credits * {
color: #808080;
font-size: 11px;
}

#credits p {
padding: 10px 0;
text-align: center;
}

#credits a:hover {
text-decoration: underline;
}

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

.espace {
clear: both;
}

.cache {
display: none;}