body {
margin: 0;
padding: 0;
background-image: url(images/background.gif);
background-repeat: no-repeat;
font: 70% arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
}

#menu dt {
cursor: pointer;
text-align: center;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
background-color: #95a287;
color: inherit;
width: 85px;
border-bottom: 1px dashed white;
padding-left: 3px;
padding-top: 3px;

}
#menu li a, #menu dt a {
background-color: inherit;
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
text-decoration: underline;
}
.footer {
 background-image: url(images/footer.gif); 
 background-repeat: no-repeat; 
 height: 37px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:9px;
 background-color: inherit;
 color:#FFFFFF;
 text-align: center;}

/* LIENS FOOTER*/

A.mentions:link {color: #FFFFFF; text-decoration:underline; background-color: inherit;}
A.mentions:visited {color: #FFFFFF; text-decoration: underline; background-color: inherit;}
A.mentions:hover { color: #FFFFFF;  text-decoration: none; background-color: inherit;}
A.mentions:active {color: #FFFFFF;  text-decoration: underline; background-color: inherit;}

/* BASE */
.header { background-image: url(images/header02.gif); background-position: right; background-repeat: no-repeat;}
.inside {background-image: url(images/fond.gif); height: 460px; background-repeat: no-repeat; margin-top: 30px; vertical-align:top; padding-top: 30px;}
.insiderando {background-image: url(images/fond2.gif); height: 620px; background-repeat: no-repeat; margin-top: 30px; vertical-align:top; padding-top: 30px;}

/* IMAGES MENU */
.menu1 { background-image:url(images/menu1.gif); background-repeat:no-repeat; width: 80px; height: 22px; padding-top: 4px;}
.menu2 { background-image:url(images/menu2.gif); background-repeat:no-repeat; width: 115px; height: 22px; padding-top: 4px;}
.menu3 { background-image:url(images/menu3.gif); background-repeat:no-repeat; width: 90px; height: 22px; padding-top: 4px;}
.menu4 { background-image:url(images/menu4.gif); background-repeat:no-repeat; width: 42px; height: 22px; padding-top: 4px;}
.menu5 { background-image:url(images/menu5.gif); background-repeat:no-repeat; width: 61px; height: 22px; padding-top: 4px;}
.menu6 { background-image:url(images/menu6.gif); background-repeat:no-repeat; width: 90px; height: 22px; padding-top: 4px;}
.menu7 { background-image:url(images/menu7.gif); background-repeat:no-repeat; width: 77px; height: 22px; padding-top: 4px;}
.menu8 { background-image:url(images/menu8.gif); background-repeat:no-repeat; width: 75px; height: 22px; padding-top: 4px;}
.menu9 { background-image:url(images/menu9.gif); background-repeat:no-repeat; width: 54px; height: 22px; padding-top: 4px;} 
.menu10 { background-image:url(images/menu10.gif); background-repeat:no-repeat; width: 129px; height: 22px; padding-top: 4px;}

DIV#base{ float:left;}
DIV#Titre { float: left;}
DIV#fil a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#996600; background-color: inherit; font-weight: bold; padding-left: 10px; float: inherit; vertical-align:top; text-align: left;}

DIV#fil { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#996600; background-color: inherit; font-weight: bold; padding-left: 10px; float: inherit; vertical-align:top; text-align: left;}


DIV#txtaccueil {
float:left;
width: 390px; 
height: 200px;
margin-left: 50px;
padding-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
background-color : inherit;
color:#50aec9; 
}

DIV#txtaccueilRando {
float:left;
width: 390px; 
height: 550px;
margin-left: 50px;
padding-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
background-color : inherit;
color:#50aec9; 
}


DIV#txtliens {
float:left;
width: 600px; 
height: 200px;
margin-left: 50px;
padding-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
background-color : inherit;
color:#50aec9; 
}

DIV#txtaccueil2 {
float:left;
width: 390px; 
height: 200px;
margin-left: 50px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
background-color : inherit;
color:#50aec9; 
}

DIV#txtaccueil2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px; 
background-color : inherit;
color:#50aec9;
text-decoration: none;
font-weight: bold;
}

DIV#plan {
float:left;
width: 250px; 
height: 250px;
margin-left: 50px;
padding-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
background-color : inherit;
color:#50aec9;
text-align:center;
}


DIV#envoi {
float:left;
width: 700px; 
height: 400px;
margin-left: 50px;
padding-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
background-color : inherit;
color:#50aec9;
background-image: url(images/feuille2.jpg);
background-repeat: no-repeat;
background-position:right;
}

DIV#envoi2 {
float:left;
width: 700px; 
height: 400px;
margin-left: 50px;
padding-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
background-color : inherit;
color:#50aec9;
background-image: url(images/fleur3.jpg);
background-repeat: no-repeat;
background-position:right;
}

DIV#envoi3 {
float:left;
width: 700px; 
height: 400px;
margin-left: 50px;
padding-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
background-color : inherit;
color:#50aec9;
}


DIV#flower {background-image:url(images/FLOWER.jpg); 
background-repeat:no-repeat; 
background-position:left;
vertical-align:bottom;
height: 129px;
width: 180px;
}

.Titre { font-family : Arial, Helvetica, sans-serif; font-size:16px; background-color: inherit; color:#50aec9; font-weight: bold; text-align: center;}

DIV#action {
float:left;
height: 330px; width: 276px;
background-image:url(images/girl.jpg);
background-repeat: no-repeat;
background-position:bottom;}

DIV#insidebase {
float:left;
height: 330px; width: 276px;
text-align:center;
padding-top: 30px;
}

DIV#insidebase2 {
float:left;
height: 330px; width: 310px;
text-align:right;
padding-top: 30px;
z-index: 0;
}


DIV#origine {
float:left;
height: 230px; width: 276px;
text-align:center;
margin-top: 220px;
background-image: url(images/pierres1.jpg);
background-repeat:no-repeat;
background-position:center;
}

DIV#imgaction {
float:left;
height: 230px; width: 276px;
text-align:center;
margin-top: 220px;
background-image: url(images/pierres2.jpg);
background-repeat:no-repeat;
background-position:center;
}

DIV#etvous {
float:left;
height: 200px; width: 276px;
margin-top: 250px;
background-image: url(images/pierres3.jpg);
background-repeat:no-repeat;
background-position:center;
}

DIV#maitre {
float:left;
height: 330px; width: 276px;
margin-top: 100px;
background-image: url(images/pierres4.jpg);
background-repeat:no-repeat;
background-position:center;
}

DIV#memoire {
float:left;
height: 190px; width: 276px;
margin-top: 250px;
background-image: url(images/pierres5.jpg);
background-repeat:no-repeat;
background-position:center;
}

DIV#emotions {
float:left;
height: 230px; width: 276px;
text-align:center;
margin-top: 230px;
background-image: url(images/pierres6.jpg);
background-repeat:no-repeat;
background-position:center;
}

DIV#seances {
float:left;
height: 330px; width: 276px;
margin-top: 80px;
background-image: url(images/fleur1.jpg);
background-repeat:no-repeat;
background-position:center;
}

DIV#combien {
float:left;
height: 400px; width: 276px;
text-align:center;
margin-top: 60px;
background-image: url(images/fleur2.jpg);
background-repeat:no-repeat;
}

DIV#partenaires {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 60px;
background-image: url(images/partenaires.jpg);
background-repeat:no-repeat;
}

DIV#deroulement {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 60px;
background-image: url(images/fleur3.jpg);
background-repeat:no-repeat;
}

DIV#mention {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 30px;
background-image: url(images/mentions.jpg);
background-repeat:no-repeat;
}

DIV#mention2 {
float:left;
height: 425px; width: 276px;
text-align:center;
margin-top: 30px;
background-image: url(images/mentions.jpg);
background-repeat:no-repeat;
}


DIV#credits {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 30px;
background-image: url(images/credits.jpg);
background-repeat:no-repeat;
}

DIV#tarifs {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 20px;
background-image: url(images/black.jpg);
background-repeat:no-repeat;
}

DIV#plume {
float:left;
height: 200px; width: 276px;
text-align:center;
margin-top: 240px;
background-image: url(images/plume.jpg);
background-repeat:no-repeat;
}

DIV#feuille1 {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 20px;
background-image: url(images/feuille1.jpg);
background-repeat:no-repeat;
}

DIV#photo {
float:left;
height: 268px; width: 200px;
text-align:center;
margin-top: 30px;
margin-left: 60px;
background-image: url(images/photo.jpg);
background-repeat:no-repeat;
}


DIV#feuille2 {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 20px;
background-image: url(images/feuille2.jpg);
background-repeat:no-repeat;
}

DIV#feuille3 {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 40px;
background-image: url(images/feuille3.jpg);
background-repeat:no-repeat;
}

DIV#rando {
float:left;
height: 350px; width:234px;
text-align:center;
margin-top: 30px;
margin-left: 40px;
background-image: url(images/rando.jpg);
background-repeat:no-repeat;
}


DIV#temoignages {
float:left;
height: 330px; width: 276px;
text-align:center;
margin-top: 10px;
background-image: url(images/temoignages.jpg);
background-repeat:no-repeat;
}


/* BLOC INFOS SECONDAIRES */
.infosec {
	height: 20px;
	width: 220px;
	margin-left: 230px;
	margin-top: 10px;
	z-index: 1;
	left: 82px;
	top: 0px;
}
h1#header
{
	height: 85px ;
	margin: 0;
}

pre
{
	overflow: auto ;
}

* html pre
{
	width: 814px ;
}
.bloc1 {
	background-repeat:no-repeat;
	height: 20px;
	width: 50px;
	float: left;
	background-image: url(images/picto_accueil.gif);
	padding-left: 15px;
	font-family :Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.bloc2 {
	background-repeat:no-repeat;
	height: 20px;
	width: 50px;
	float: left;
	background-image: url(images/picto_mail.gif);
	padding-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.bloc3 {
	background-repeat:no-repeat;
	height: 20px;
	width: 70px;
	float: left;
	background-image: url(images/picto_plan.gif);
	padding-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

A.txtsecondaire:link { color:#000000; text-decoration: none; background-color: inherit;}
A.txtsecondaire:visited {color:#000000; text-decoration: none; background-color: inherit;}
A.txtsecondaire:hover {color:#000000; text-decoration: underline; background-color: inherit;}
A.txtsecondaire:active {color:#000000; text-decoration: none; background-color: inherit;}

A.actu:link { color:#50aec9; text-decoration: underline; background-color: inherit;}
A.actu:visited {color:#50aec9; text-decoration: underline; background-color: inherit;}
A.actu:hover {color:#50aec9; text-decoration: underline; background-color: inherit;}
A.actu:active {color:#50aec9; text-decoration: underline; background-color: inherit;}

A.retour:link { color:#8b977c; text-decoration: none; background-color: inherit; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
A.retour:visited {color:#8b977c; text-decoration: none; background-color: inherit;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
A.retour:hover {color:#8b977c; text-decoration: underline; background-color: inherit;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
A.retour:active {color:#8b977c; text-decoration: none; background-color: inherit;font-family:Arial, Helvetica, sans-serif; font-size:11px;}