/* CSS print */
html{ padding:0px; margin:0px;}
body{ background-color:#fff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; color:#000;}
/* liens et liens survolés */
a{ color:#000; text-decoration: underline;}
/* titres primaires, secondaires et chemin de progression + style paragraphe*/
h1{ font-size:14px; text-transform:uppercase; text-align:center; color: #000; padding:5px;} 
h2{ font-size:12px; text-align:center; color:#000; padding:5px; margin-bottom:5px; border:1px solid #981802;} 
p{ color:#000;}
/*div pour les liens rapide et la recherche*/
#barre, #lien_rapide, #rech{ display:none;}
/* en-tête masquée, en-tête pour impression activée */
#header, #header object{ display:none;}
#header_print{ float:right; background-color:#fff;}
/*chemin de progression, menu et arrondi cachés*/
#chemin, #gauche, #corner{ display:none;}
/*div du contenu*/
#contenu{ background-color:#fff;}
#contenu ul li{ color:#000; text-align:justify; list-style-type:circle; list-style-position:inside;}/*styles listes*/
#contenu img{ float:left; margin:10px; border:1px dotted gray;}/*div pour photos*/
.important{ font-weight:bold;}/*class des mots importants*/
/*div du pied de page*/
#foot{ display:none;} 
/*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:12px bold ; color:#000; background:#fff; 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;}
#corpForm input{ border: 1px solid #999;}
/*mise en forme annuaire electronique*/
.annuaire p{ width:300px; clear:left; margin:0; padding:5px 0 8px 0; padding-left:155px; /*largeur colonne des labels*/height: 1%;}
.annuaire label{ font-weight:bold; float:left; margin-left:-155px; width:150px; }
.annuaire input[type="text"]{ width:180px;}
.annuaire select{ width:250px;}

/*galerie photo des évènements*/
#galerie { position:relative; width:100%;}
#carre { width:240px; float:left;}
#carre a { display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:0; }
#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; list-style-type:none; position:relative; width:100%;}
.gallery img { border:0;}
.gallery li { float:left;}
.gallery li a, .gallery li a:visited { 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; top:-400px; left:0; visibility:hidden; border:0;}
.gallery li a img.landscape { top:160px; margin-left:5px;}
.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 { 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:#000; font-weight:bold; font-size:15px;}
.titre { font-size:14px; background-color:#999; color:#000; text-align:center;}
.suite { text-align:left; vertical-align:top; padding:5px 10px 5px 10px;}
.reponse { color:#000; font-weight:bold; font-style:italic;}
input.membre { border: 1px solid #999;}

/*mise en forme fiche renseignement*/
.titrederoul {width:700px;background-color:#981802;text-align:center; 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;}