/* CSS Document */
html{ padding:0px; margin:0px;}
body{ background-color:#fff; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; color:#000;}
/* liens et liens survolés */
a{ color:#471472; text-decoration: none;}
a:hover{ color:#06B; text-decoration:none;}
a img{border:none;}
/* titres primaires, secondaires et chemin de progression + style paragraphe*/
h1{ font-size:16px; text-transform:uppercase; text-align:center; color: #000; padding:5px;} 
h2{ font-size:14px; text-align:center; color:#000; padding:5px; margin-bottom:5px; border:1px solid #981802;} 
h3{ font-size:12px; text-align: right; color:#fff; padding:5px 15px; margin:0; background-color: #981802; font-weight:lighter; background-image:url(images/rouge.png); background-repeat:repeat;} 
p{ color:#000;}
/*div pour les liens rapide et la recherche, permet d'éviter le débordement de l'objet flash*/
#barre{position:absolute; margin-top:0; display:inline; height:20px; width:100%;}
#lien_rapide {float:left;padding:5px; height:20px; font-size:10px;}
#rech{ float: right;}
/* style en-tête et en-tête pour impression masquée */
#header{ height:120px; width:100%; background-image:url(images/degrade_header.gif); background-repeat:repeat-x;}
#header object{ position:relative; top:24px;}
#header_print{ display:none;}
/*spécifications chemin de progression*/
#chemin{ margin: 0 0 0 150px; height:15px; text-align:right; color:#fff;}
#chemin a{ color:#fff;}
#chemin a:hover{ color:#CB230A; text-decoration: none;}
/*div du menu gauche*/
#gauche{ position:absolute; left:0; margin:0; padding:0; color:#fff; width:150px; height:630px; background-image:url(images/degrade_corner.gif); background-repeat:repeat-x;}
#gauche a{ color:#000; font-size:12px; text-decoration: none;}
#gauche a:hover{ color:#fff; text-decoration:none;}
/*spécifications du menu déroulant*/	
dl, dt, dd, ul, li { margin:0; padding:0; list-style-type:none;}
#menu { position: absolute; top:0; left:0; margin:10px 1px; color:#fff}
dl#menu { width: 150px;}
dl#menu dt { cursor: pointer; margin:2px 0; height:20px; line-height:20px; text-align:center; border-bottom:1px solid #fff;}
dl#menu dd { border: 1px dotted #fff;}
dl#menu li { text-align:left; padding-left:1px;}
dl#menu li a, dl#menu dt a { color:#fff; text-decoration:none; display:block; border:0 none; height:100%;}
dl#menu li a:hover, dl#menu dt a:hover { background:#fff; font-weight:bold; color:#333;}
/*arrondi du haut*/
#corner{ height:50px; width:50px; left:150px; margin:-1px -3px; position:absolute; background-image:url(images/corner.gif); background-repeat:no-repeat;}
/*div du contenu*/
#contenu{ margin-left:150px; padding:5px 10px; background-color:#fff;}
#contenu ul li{ color:#000; text-align:justify; list-style-type:disc; list-style-position:inside;}/*styles listes*/
#contenu img{ float:left; margin:10px; border:1px dotted gray;}/*div pour photos*/
.important{ font-weight:bold; color:#981802;}/*class des mots importants*/
/*div du pied de page*/
#foot{ margin:10px 0 0 150px; border-top:1px dashed #999; font-size:10px; text-align:center; color:#666; bottom:0;} 
/*tableau*/
table{ border:1px solid #000; width:100%; border-collapse:collapse; border-spacing:0pt; empty-cells:hide; text-align:center;}
table img{ float:none; text-align:center;}
td{ border:1px solid #000; vertical-align:middle;}
.hide{ display:none;}/*permet de cacher les éléments inutilisés*/

/*Mise en forme du formulaire d'inscription*/
#inscription { border:none; margin:0; padding:0; width:100%;}
/* Mise en forme du titre et du pied de formulaire */
#titreForm, #piedForm {	font:14px bold; color:#fff; background:#981802; margin:0; padding:.5em;}
#piedForm { text-align:right;}
#piedForm input { font-weight: bold; margin-left:1em;}
/* Mise en forme corps de formulaire */
#corpForm { border:1px solid #981802; color:#000; background:#efefef; margin:0; padding:1em;}
#corpForm fieldset { margin:0; font-style:normal; padding:0 1em 1em;}
#corpForm legend { font-weight:bold; color:#000; background:transparent;}
#corpForm p { padding:.2em 0; margin:0 0 .2em 0;}
#corpForm fieldset.coordonnees label { white-space:normal; width: 230px; clear: none;float: left; text-align:right; margin:0 10px 0 0;}
#corpForm input[type="text"], #corpForm textarea, #corpForm select {width:180px;}
#corpForm .legende { font-style:italic; color:#666; background:transparent; margin:0; padding:0;}
#corpForm textarea { vertical-align:top;}
/*mise en forme annuaire electronique*/
form#rech { margin: 0;padding: 0;width: 100%; }
form#rech label { display: block;  float: left; width: 150px; padding: 0; margin: 5px 0 0; text-align: right; font-weight:bold; }
form#rech input, form#rech textarea, form#rech select {width:260px; margin:5px 0 0 10px; }
form#rech input[type="submit"]{width:100px;}

/*galerie photo des évènements*/
#galerie { position:relative; width:100%; height:450px;}
#carre { width:240px; float:left;}
#carre a { display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:0; cursor:pointer;}
#carre a img { width:50px; height:50px; border:0;}
#carre a:hover { border-color:#333;}
#carre a:hover img { position:absolute; width:auto; height:auto; left:250px; top:0; border:1px dashed #333; background-color:#000000;}

/* galerie photos de promo */
#album { width:100%; height:750px; margin:0 auto;}
.gallery { padding:10px; position:relative; width:100%;}
.gallery li { float:left; list-style-type:none;}
.gallery li a, .gallery li a:visited { list-style-type:none; font-size:10px; float:left; text-decoration:none; color:#000; background:#fff; text-align:center; width:100px; height:20px; line-height:20px; border:1px solid #444; margin:2px;}
.gallery li a img { position:absolute; visibility:hidden;}
.gallery li a img.landscape { top:190px; left:0px; cursor:default;}
.gallery li a:hover { background:#ddd;}
.gallery li a:active, .gallery li a:focus { background:#981802; color:#fff;}
.gallery li a:active img, .gallery li a:focus img { visibility:visible;}

/*plan du site*/
#sitemap { padding:10px 0 0 150px; color: #000;}
#sitemap li {list-style-type: none;}
ul#sitemap > li { margin-bottom: 10px;}
#sitemap ul li { margin:0 0 0 30px; list-style-image:url(/images/join.gif);}
#sitemap ul li.firstfollow { margin:0 0 0 30px; list-style-image:url(/images/join.gif);}
#sitemap ul li.last { margin:0 0 0 30px; list-style-image:url(/images/joinbottom.gif);}

/*mise en forme fiche membre*/
.nom{ color:#483d8b; font-weight:bold; font-size:15px;}
.titre { font-size:14px; background-color:#981802; color:#fff; text-align:center;}
.suite { text-align:left; vertical-align:top; padding:5px 10px 5px 10px;}
.reponse { color:#483d8b; font-weight:bold;}
input.membre { border: 1px solid #999;}

/*mise en forme fiche renseignement*/
.titrederoul {width:700px;background-color:#981802;text-align:center;cursor: pointer; font-size:14px; color:#fff;}
.deroul {background-color:#efefef;text-align:left;vertical-align:top;padding:5px 10px 5px 10px;}
.sousderoul{background-color: #fff; color:#000;}