html, div, h1, h2, h3, hr, p, form, fieldset { margin: 0px; padding: 0px; border: 0px; display: block; }
html { background-color: #e4dbd6; color: #626261; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a { font-weight: bold; color: #a95f37; text-decoration: none; }
a:hover { color: #559a2c; text-decoration: none; }
ul {  margin: 0px; padding: 0px; border: 0px; margin-left: 6px; padding-left: 10px; color: #a95f37; list-style-type: disc; }
li a { color: #a95f37; text-decoration: none; }
li a:hover { color: #559a2c; text-decoration: none; }
h1 { font-size: 20px; font-weight: bold; color: #3588dc; }
h2 { font-size: 14px; font-weight: bold; color: #aa592c; }
h3 { font-size: 12px; font-weight: bold; color: #a95f37; }
h4 { font-size: 12px; font-weight: bold; color: #a95f37; display: inline; }
img { border: 0px; }

.aligner-gauche { float: left; }
.aligner-droite { float: right; }
.aligner-centre { margin: auto; }
.contenu-centre { text-align: center; }
.texte-justifie { text-align: justify; }
.clear_both { clear: both; }
.image_block { display: block; }
.div-hr { background: url(images/interface-hr.gif); width: 100%; height: 8px; }

#interface-cadre { background-image: url(images/interface-fond-centre.gif); background-color: #FFFFFF; width: 930px; margin: auto; margin-top: 20px; margin-bottom: 20px; }
#interface-bandeau-haut { position: relative; z-index: 0; padding-top: 8px; padding-left: 16px; padding-right: 16px; background-image: url(images/interface-bandeau-haut-fond.gif); }
#interface-contenu { margin: 8px; margin-left: 16px; margin-right: 16px; margin-bottom: 0px; padding-top: 20px; background-image: url(images/interface-colonne-gauche-fond.jpg); background-position: bottom left; background-repeat: no-repeat; }
#interface-colonne-gauche { float: left; width: 170px; height: 420px; font-size: 16px; text-align: right; background-image: url(images/interface-menu.gif); background-repeat: no-repeat; padding-right: 30px; padding-top: 4px; }
#interface-colonne-gauche ul { list-style-type: none; }
#interface-colonne-gauche li {	margin-bottom: 2px; }
#interface-colonne-gauche .accueil { margin-bottom: 6px;}
#interface-colonne-gauche a { color: #FFFFFF; font-weight: bold; }
#interface-colonne-gauche a:hover { color: #a95f37; }
#interface-colonne-gauche img { border: 0px; }
#interface-colonne-droite { float: left; width: 180px; padding-left: 20px; }
#interface-colonne-droite b { text-transform: uppercase; }
#interface-colonne-centre { float: left; width: 466px; margin-left: 16px; margin-right: 16px; }
#interface-pied-page { width: 898px; height: 37px; margin: auto; background-color: #FFFFFF; background-image: url(images/interface-pied-page-fond.gif); background-repeat: repeat-x; }
#interface-pied-page a { font-size: 11px; font-weight: bold; color: #626261; text-decoration: none; }
#interface-pied-page a:hover { color: #a95f37; text-decoration: none; }
#interface-pied-page .bouton { float: left; margin-top: 7px; }
#interface-pied-page .puce { width: 20px; height: 7px; background-color: #2466c4; font-size: 0px; }
#interface-pied-page .accueil { width: 70px; }
#interface-pied-page .comite { width: 70px; }
#interface-pied-page .commissions { width: 90px; }
#interface-pied-page .clubs { width: 60px; }
#interface-pied-page .calendrier { width: 90px; }
#interface-pied-page .publication { width: 90px; }
#interface-pied-page .photos { width: 70px; }
#interface-pied-page .contact { width: 70px; }
#interface-pied-page .credit { width: 280px; margin-top: 13px; float: left; }

.index .bienvenue-colonne-droite { float: left; width: 90px; margin-left: 20px; }
.index .bienvenue-colonne-gauche { float: left; width: 310px; }
.index .organisation-randonnees-colonne-gauche { float: right; width: 270px; text-align: right; }
.index li { font-weight: bold; }
.index .img_texte_accueil { margin-bottom: 10px; margin-right: 10px; }

.comite .cellule { width: 145px; height: 110px; padding-left: 80px; text-align: left; font-size: 10px; }
.comite .cellule b { font-size: 12px; font-weight: bold; color: #a95f37; }
.comite .cellule .role { font-size: 12px; font-weight: bold; color: #626261; }
.comite #presidente { background-image: url(images/comite/cellule-president.jpg); }
.comite #vice-president1 { background-image: url(images/comite/cellule-vice-president1.jpg); }
.comite #vice-president2 { background-image: url(images/comite/cellule-vice-president2.jpg); }
.comite #tresorier { background-image: url(images/comite/cellule-tresorier.jpg); }
.comite #secretaire { background-image: url(images/comite/cellule-secretaire.jpg); }
.comite #secretaire-adjoint { background-image: url(images/comite/cellule-secretaire-adjoint.jpg); }
.comite #membre-1 { background-image: url(images/comite/cellule-membre-1.jpg); }
.comite #membre-2 { background-image: url(images/comite/cellule-membre-2.jpg); }
.comite #membre-3 { background-image: url(images/comite/cellule-membre-3.jpg); }
.comite #membre-4 { background-image: url(images/comite/cellule-membre-4.jpg); }
.comite #membre-5 { background-image: url(images/comite/cellule-membre-5.jpg); }
.comite .centrer { margin: auto; }
.comite .gauche { float: left; }
.comite .droite { float: right; }

.commissions .colonne-droite { float: left; width: 292px; }
.commissions .colonne-gauche { float: left; margin-right: 20px; }
.commissions h1 { font-size: 20px; font-weight: bold; color: #3588dc; }
.commission-tourisme .colonne-droite { float: left; width: 360px; }
.commission-tourisme .colonne-gauche { float: left; margin-right: 20px; }
.commission-jeunes .colonne-gauche { width: 150px; float: left; font-size: 10px; text-align: center; }
.commission-jeunes .colonne-droite { width: 290px; float: left; margin-left: 20px; }
.commission-jeunes .colonne-gauche-photo { width: 226px; float: left; text-align: center; margin-right: 14px; font-weight: bold; }
.commission-jeunes .colonne-droite-photo { width: 226px; float: left; text-align: center; font-weight: bold; }
.commission-jeunes .colonne-centrer { width: 100%; text-align: center; font-weight: bold; }
.commission-plein-air .colonne-droite { float: left; width: 292px; }
.commission-plein-air .colonne-gauche { float: left; margin-right: 20px; }
.commission-plein-air .colonne-gauche-photo { width: 226px; float: left; text-align: center; margin-right: 14px; font-weight: bold; }
.commission-plein-air .colonne-droite-photo { width: 226px; float: left; text-align: center; font-weight: bold; }
.commission-formation .colonne-droite { float: left; width: 292px; }
.commission-formation .colonne-gauche { float: left; margin-right: 20px; }
.commission-securite .colonne-droite { float: left; width: 292px; }
.commission-securite .colonne-gauche { float: left; margin-right: 20px; }

.calendrier .mois-annee { font-size: 20px; font-weight: bold; color: #3588dc; }
.calendrier .colonne-gauche { width: 150px; float: left; font-weight: bold; }
.calendrier .colonne-droite { width: 300px; float: left; margin-left: 10px; }

.publications #interface-colonne-centre li { font-weight: bold;  line-height: 20px; }
.publications strong { font-size: 14px; font-weight: bold; color: #3588dc; }

.photos .colonne-droite { float: left; width: 292px; }
.photos .colonne-gauche { float: left; margin-right: 20px; }
.photos h1 { font-size: 20px; font-weight: bold; color: #3588dc; }
.photos-detail .vignette-img { border: 1px solid #b2b2b2; padding : 3px; }
.photos-detail .vignette-cadre { width: 116px; height: 100px; float: left; text-align: center; display: table-cell; vertical-align: middle; }
.photos-detail .vignette-cadre-centre {  }
.photos-detail .vignette-cadre-gauche {  }
.photos-detail .vignette-cadre-droite {  }
.photos-detail h1 { font-size: 20px; font-weight: bold; color: #3588dc; }

.contact .colonne-gauche { width: 200px; float: left; }
.contact .colonne-droite { width: 230px; float: left; margin-left: 30px; }
.contact h1 { font-size: 20px; font-weight: bold; color: #3588dc; }
.contact input { width: 100%; }
.contact textarea { width: 100%; height: 80px; }
.contact a { color: #b55c30; font-weight: bold; text-decoration: none; }
.contact a:hover { color: #559a2c; }
.contact .btn-envoyer { background-color: #FFFFFF; border: 0px; font-weight: bold; color: #a95f37; font-size: 12px; }

.annonces .vignette-cadre { width: 207px; height: 160px; float: left; text-align: center; vertical-align: middle; }