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

/* divs.css                                    */

/*                                             */

/* Schéma définissant le stle de la page   */

/*                                             */

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





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

/* Schéma Divs                                 */



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


/* Mise en page globale */

body {
margin: 0;
padding: 0;
background: #88b76b;
color: #000000;
font-size: 100%;
font-family: "Comic Sans", Verdana, Arial, Helvetica, serif;
}
p {
margin: 0 0 1em 0;
}
h1 {
font-style: oblique;
font-size: 300%;
font-weight: normal;
height: 100px;
color:#333333;
margin: 0 0 0 1em;
}

h2 {
font-style: oblique;
font-size: 180%;
font-weight: lighter;
height: 50px;
color: #333333;
margin: 0 0 0 1em;
}


/* En-tête */

#header {
	height: 100px;
	background-image:url(Nuages.gif);
	background-repeat:repeat;
	background-position:left;
	background-attachment:scroll
}
#header h1 {
	text-indent: -5000px;
	margin:0;
	line-height: 0%;
}
#header p {
margin: 45px 0 0 200px;
font-weight: bold;
color: #0f0;
font-size: 1.1em;
}


/* Menu horizontal */

#menuhaut {
	margin: 0;
	padding: 0.1em 0.5em 0.1em 0.5em;
	font-size: 80%;
	list-style-type: none;
	background-color: #483c0f;
	color: #d1ab17;
	text-align: right;
}

#menuhaut li {
	display: inline;
}

#menuhaut a {
	color: #d1ab17;
	text-decoration:none;
}

#menuhaut a:hover {
	text-decoration: underline;
	color: #962525;
}

/* Menu de navigation général */

#global {  /* pas de largeur définie donc la page va occuper toute la largeur */
background-color: #88b76b;
}
#blocmenu {
float: left;
width: 200px;
margin-right: 3em;
height: 550px;
background-color:#336600;
color:#898;
}
#blocmenu h2 {
color: #88B76B;
margin: 1em 0 0 1.5em;
text-decoration: none;
}
#blocmenu p {
margin-left: 1em;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
background: #337500;
height: auto;
/*line-height: auto;*/
border: 8px solid #336600;
padding: 2px 8px 0 2px;
font-weight: lighter;
}

#menu dt a {
color:#CFC;
text-decoration: none;
}
#menu dt a:hover {
	text-decoration: underline;
	color: #88b76b;
}
#menu dt a.enVisite {
color:#88B76B;
text-decoration: line-through;
}

#menu dd {
position: absolute;
z-index: 100;
left:10em;
margin-top: -1.4em;
width: 10em;
background: #339000;
border: 2px #336600;
}

#menu ul {
height:auto;
padding: 1px;
}
#menu li {
left: 10em;
font-size: 85%;
}
#menu li a {
color: #FFD700;
border: 5px solid #336600;
text-decoration: none;
display: block;
height: auto;
}

#menu li a:hover {
text-decoration: underline;
color: #F0E68C;
}

/* Photos tournantes*/
#mesPhotos {
	margin:16px 0 0 10px;
}

/*Zone de texte*/
#contenu {
float: none;
margin: 0 3em 0 220px;
background-color: #88b76b;
}

#contenu p {
margin: 0 0 0 1em;
}
#listcontenu p {
margin-left: 1em;
}
#listcontenu ul {
margin: 0 0 1em 0;
}
#listcontenu li {
list-style-type: none;
margin:0 0 2em 5em;
}
#listcontenu li a {
font-size: 120%;
text-decoration: none;
color: #333322;
}
#listcontenu li a:hover {
color: #996600;
}
/*Fin zone de texte*/

/*Post-it*/
a.info {
position: relative;
text-decoration: none;
color: #FFFF33;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /*contournement d'un bogue d'IE */
z-index: 500;
}
a.info:hover span {
display: block;
position:static;
z-index: 500;
top: 2em;
left: 1em;
width: 43em;
background: #88b76b;
text-align: center;
color: #CCCCCC;
padding: 0.2em
}
/*Fin Post-it*/

/*-- Encart --*/
#encart {
float: right;
font-family: "Times New Roman", Times, serif;
width: 370px;
margin: 8px 3px 5px 2px;
padding-top: 7px;
background-color: #999933;
}
#encart h3 {
font-size: 120%;
margin: 0 0 0 30px;
}
#bloccadre {
background-color: #CCCC33;
padding: 0 0 15px 12px;
}
#bloccadre ul {
margin: 1em 0 0 0;
padding: 2px;
font-size: 80%;
list-style-type: none;
}
#bloccadre li {
margin: 0.2em 0 0 0.5em;
}
#bloccadre li a {
font-size:100%;
font-weight: bold;
color: #000;
text-decoration:none;
}
#bloccadre li a:hover {
text-decoration: underline;
color: #CC0000;
}
#contact {
bottom: 10%;
/*position: static;*/
width: 100em;
margin: 5em 3em 0 220px;
font-family: "Times New Roman", Times, serif;
font-size: 100%;
}
#valide {
clear: both;
width: 750px;
margin: 0;
text-decoration:none;
}

/*planches de photos*/
#photos p {
	font-family:Times, serif;
	font-size: 90%;
	color:#FFFF00;
}
#photos h1 {
	font-size: 250%;
	height: 72px;
}
#photos h3 {
	font-size: 96%;
	color: #333333;
	font-weight: lighter;
	text-align: left;
	margin-left: 2em;
}

/*cours SaNa*/
#lieu p {
	color:#333;
	font-size:0.8em;
}
#lieu span {
	font-family:courrier;
	color:#666;
}
#mapcontainer {
	float:left;
	width:560px;
	height:420px;
	border:2px inset #ccc;
}