@charset "iso-8859-1";
* { margin:0; padding:0}

body {
 color:black;
 background-color:white;
 position: absolute;
 left:0;
 top:0;
 margin:0;
 padding:0;
 border:0;
 font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 80%;
 text-decoration:none;
 z-index:1;
}
img {border:0}

#haut { display:block; position: absolute; padding:0;margin:0; width:100%; height:400px; left:0; top:0; text-align:left;}
#haut.accueil { background:transparent url(../images/carte.gif) scroll no-repeat right top;}
#haut img { display:block; padding-right:6px}

#fond, #corps, #titre, #menu, #pied { display:block; position: relative; left:0; top:0; padding:0;margin:0;}

#fond { background:transparent url(../images/rio-napo.gif) scroll repeat-x left bottom; width:auto; height:auto;margin-top:100px; border-top:3px solid #900;z-index:33; }
#corps {width:auto;height:auto; padding:0 0 25px 0;margin-left:40px;}

#entete {
 width:100%;
 height:54px;
 position:absolute;
 top:0;left:0;
 padding:15px 0 33px 150px;
 overflow:hidden;
  background:#CDB url(../images/vert.jpg) scroll repeat-y left top;
}
#entete p {width:100%;white-space:nowrap;}
#entete p img {display:inline;padding:0 50px 0 0}
#entete p span {display:inline; font-size:20px; line-height:30px; vertical-align:bottom}

#menu { width:100%; border-bottom:1px dotted green;}
#menu.accueil { width:690px;}
#menu img {float:left;}
#menu a { background:#FD9; float:right; width:auto; padding:5px; margin:11px 3px 0 0;height:20px}
#menu a { font-size: 16px;font-weight:bold; text-decoration:none;}
#menu a.inactif { color:white}
#menu a.flag { display:block;}
#menu a.barnav:hover, #menu a.flag:hover { background-color:#E86B08;color:white}

#pied {background:#CDB url(../images/vert.jpg) scroll repeat-y left top; width: auto; height: auto; border-top:2px solid #900; padding:5px 0 0 10px;}
#pied { font-size:12px; white-space:nowrap; height:30px;vertical-align:middle}
#pied a { display:block; position:absolute; top:5px;right:15px; text-align:right;}

/* listes */
ul {list-style-position:outside; list-style-type:disc ;padding:0 0 0 20px;}
ul ul {list-style-position:outside; list-style-type:circle ;padding:0 0 0 20px;width:auto}

/* liens */
a:link,a:visited {color: #590; text-decoration: underline; font-weight:normal;}
a:visited {color:#508;}
a:hover, .err, #pied a:hover {color:#C52}
a.mailto {color:black;font-weight:bold;text-decoration: none}
/* liens spécifiques */
td.img a {background-color: transparent; color:blue; border:0; margin:0; padding:0; text-decoration:none; display:inline}
/************/

#tableau { padding:0 0 40px 100px;display:block;position:relative;clear:both}
/* visite : légende photo */
#affiche{border-width: 0; height:30px; margin:0;padding:0;width:600px;background-color:transparent;} 
#cadre {background-color: transparent} 
td.img, td.img-signal {width:auto;height:auto;padding:4px;margin:0;background-color:: transparent}
td.img a {background-color: transparent;color:#0000FF;border:0;margin:0;padding:0;text-decoration:none; display:inline}

/* cadre des vignettes */
.img {border: #EFCE84 3px solid}
.img-signal {border: #E86B08 3px solid}

/******************************************************************************************/


/* verif du formulaire*/
.verif-signal, .verif {border-width: 0; width:1.5em; font-size:1em;text-align: center; vertical-align: middle;}
.verif {background-color: transparent; color:#D95413}
.verif-signal {background-color: #FFEDD2; color:black}

/* contenu */
div.contenu {width:100% }
.contenu { text-align:justify; color:black; text-decoration:none; font-weight:normal;}
.contenu { font-family:arial, verdana, geneva, helvetica, sans-serif;}
/* ?????????????????????? */
/* zones de saisie du formulaire */
table#C_ok_0_C {border:#008800 2px solid; width:auto; margin:0 10px 10px 0;}
th {width:auto;text-align:right;height:2em; }
 td { width:auto;}
.x, .x-signal {color:black; text-decoration:none; font-weight:normal; font-size: 1em;font-family:"Comic Sans MS", arial, verdana, geneva, helvetica, sans-serif;}
th p.x, th p.x-signal {padding-left:10px}
span.x, span.x-signal {padding:0 5px 0 5px}
th p, th input, td input, td select, td span, td p {display:inline; white-space:nowrap} 
.x-signal {background-color: #FD9}
th, td {background-color: white}
/* zone et bouton ok*/
.ok, .ok-signal, .okok { color:black; font-weight:normal; font-size:1em;font-family:arial, verdana, geneva, helvetica, sans-serif}
.ok {background-color: transparent}
.ok-signal {background-color: green}
input.ok {background-color: grey; color:#D95413; font-weight:bold}
input.ok-signal {background-color:black; color:white; font-weight:bold}
input.okok {background-color: blue; color:white; font-weight:bold}

p.okok-signal {background-color: yellow}
p.okok {background-color: white}

/* verif du formulaire*/
td.ok {background-color: transparent; color:blue}
table.ok {background-color:white}
table.ok-signal {background-color:#FD9}

/* images */
img {border:0}
img.photo {border:0;padding:0;margin:0} 


/*******************************************************************************************/



/* Titres */

#affiche, h1, h2, h3, err {text-align:left; color:#590; text-decoration:none; display:block}
#affiche, h1, h2, h3, .err {font-family:verdana, arial, geneva, helvetica, sans-serif;}

/* h1 : titre de la page (bienvenue, visite, ... */
#affiche, h1 {
 clear:both;
 font-size:20px; font-weight:normal;
 padding:10px 0 20px 0;
}

h2 {white-space:nowrap;}
h2 { font-size:20px; font-weight:normal}
h2 {padding:15px 0 5px 0;}

/* .err : erreur notamment pas de Javascript même rouge que a:hover */
/* h3 : sous-chapitre */
h3, .err { font-size:1.4em; font-weight:normal}
h3 {color:#FF00FF}
.err { padding:10px;}

/* pages accueil et excursions */
#chapo {width:600px;padding:0 0 20px 0}
div.acc-gauche {padding:0 15px 0 0;z-index:2}
div.acc-droite {width:35%;padding:0 10px 10px 10px;float:right}
div.acc-bas {margin-left:223px}
.exc-gauche {padding:10px 40px 20px 0;float:left;}
.exc-droite {padding:10px 40px 20px 0;float:right;}
img.exc-droite {padding-left:10px}
#note {clear:both;text-align:left;color:#989;font-size:14px;font-weight:bold;padding:5px 0 15px 0}
#note.accueil {text-align:right;width:320px;padding:23px 0 0 0}
#plan {display:block;position:absolute;bottom:60px;left:0;z-index:22}
a.flag {font-size:0.7em; font-family:"Comic Sans MS", arial, verdana, geneva, helvetica, sans-serif; font-weight:normal;}