html,body{
margin:0;
padding:0;
overflow:auto;
background-color:#FFFFFF;
}/* pour enlever la scrollbar de IE */

#fond {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-site-test.jpg);
/*background:url(images/fond-index-ete2010.jpg);
background:url(images/fond-index-hiver.jpg);*/
/*background:url(images/fond.jpg);*/
/*background:url(images/fond-yooner.jpg);*/
}

#fond-presentation {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-presentation.jpg);
}

#fond-contact {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-contact.jpg);
}

#fond-randonnee {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-randonnee.jpg);
}

#fond-marche {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-marche.jpg);
}

#fond-speleo {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-speleo.jpg);
}

#fond-escalade {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-escalade.jpg);
}

#fond-parapente {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-parapente.jpg);
}

#fond-rafting {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-rafting.jpg);
}

#fond-hydrospeed {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-hydrospeed.jpg);
}

#fond-canoraft {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-canoraft.jpg);
}

#fond-canyoning {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-canyoning.jpg);
}

#fond-airboard {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-airboard.jpg);
}

#fond-yooner {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-yooner.jpg);
}

#fond-snake-gliss {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-snake-gliss.jpg);
}

#fond-raquette {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-raquette.jpg);
}

#fond-igloo {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-igloo.jpg);
}

#fond-parcours-vtt {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-parcours-vtt.jpg);
}

#fond-location-vtt {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-location-vtt.jpg);
}

#fond-parcours-arapaho {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-parcours-arapaho.jpg);
}

#fond-trottinette {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-trottinette.jpg);
}

#fond-traineau {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-traineau.jpg);
}

#fond-tarifs-hiver {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-tarifs-hiver.jpg);
}

#fond-tarifs-ete {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-tarifs-ete.jpg);
}

#fond-groupes {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-groupes.jpg);
}

#fond-entreprises {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-entreprises.jpg);
}

#fond-particuliers {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-particuliers.jpg);
}

#fond-liens {
position:absolute;
left: 50%; 
width: 970px;
height: 589px;
margin-left: -485px; /* moitié de la largeur */
z-index:1;
background:url(images/fond-liens.jpg);
}

h1 {
margin-top:0px;
margin-bottom:10px;
padding:0;
font-size:12px;
color:#fe5d2f;
}

h2 {
margin-top:0px;
margin-bottom:10px;
padding:0;
font-size:12px;
font-weight:normal;
}

p {
margin:0 0 10px 0;
padding:0;
text-align:justify;
line-height:140%;
}

a {
color:#FFFFFF;
text-decoration:underline;
}

img {
border:0;
margin:0;
padding:0;
}


ul {
margin:0;
padding:0;
}

li {
margin:0;
padding:0;
}

#menu {
height:30px;
width:970px;
margin-top:10px;
z-index:1000;
}

/****************************/
/* 	début menu	déroulant	*/
/****************************/
ul, li {
list-style-type:none;
}
 
/*chaque sous-menu*/
#menu ul li {
position:relative;
float:right;
width:120px;
cursor:none;
display:block;
height:22px;
z-index:1000;
color:#FFFFFF;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-align:center;
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:120px;
border:none;
top:22px;
left:0;
background:#3C863B;
}

#menu ul li ul li {
height:100%;
}
 
#menu ul li ul li a {
color:#FFFFFF;
font-size:12px;
font-weight:normal;
display:block;
height:100%;
border:1px solid #dddddd;
text-decoration:none;
}
 
/*au passage de la souris on inverse les couleurs de la case*/
#menu ul li ul li a:hover {
color:#ffffff;
background:#84BE7F;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:0px;
left:120px;
}
 
/*décalage du sous-menu niveau 2 le plus à droite vers la gauche*/
#menu ul li ul li ul.dernier {
left:-110px;
}	

/****************************/
/* 	Fin menu	déroulant	*/
/****************************/
	
#photos {
position:absolute;
left:37px; 
top:224px;
}

#photos-presentation {
position:absolute;
left:580px; 
top:40px;
}

#map {
position:absolute;
left:580px; 
top:80px;
border: 1px solid #CCCCCC;
}

#texte {
position:absolute;
margin-top:15px;
margin-left:65px;
width:440px;
padding:5px 15px 5px 15px;
background:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border:solid #fe6d43 1px;
font-family:Arial;
font-size:12px;
font-weight:normal;
}

#texte a {
color:#000000;
text-decoration:underline;
}

#texte2 {
position:absolute;
margin-top:270px;
margin-left:65px;
width:440px;
padding:5px 15px 5px 15px;
background:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border:solid #fe6d43 1px;
font-family:Arial;
font-size:12px;
font-weight:normal;
}

#texte-droite {
position:absolute;
margin-top:15px;
margin-left:560px;
width:310px;
padding:5px 15px 5px 15px;
background:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border:solid #fe6d43 1px;
font-family:Arial;
font-size:12px;
font-weight:normal;
}
#textephoto {
position:absolute;
margin-top:20px;
margin-left:65px;
width:810px;
padding:15px 15px 15px 15px;
background:#FFFFFF;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border:solid #fe6d43 1px;
font-family:Arial;
font-size:12px;
font-weight:normal;
z-index:0;
}
.transparent { z-index:0;}
#semaine {
position:absolute;
margin-top:15px;
margin-left:65px;
width:640px;
padding:10px;
background:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border:solid #fe6d43 1px;
font-family:Arial;
font-size:12px;
font-weight:normal;
}

#tarifs {
position:absolute;
margin-top:15px;
margin-left:65px;
width:640px;
padding:10px;
background:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border:solid #fe6d43 1px;
font-family:Arial;
font-size:12px;
font-weight:normal;
}

#location {
position:absolute;
margin-top:15px;
margin-left:65px;
width:520px;
padding:10px;
background:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border:solid #fe6d43 1px;
font-family:Arial;
font-size:12px;
font-weight:normal;
}

table {
font-family:Arial;
font-size:10px;
font-weight:normal;
}

#footer {
position:absolute;
bottom:0px;
width:970px;
height:40px;
}

#logo {
position:absolute;
left:710px;
top:440px;
width:235px;
height:148px;
}

#cheques-vacances {
position:absolute;
left:750px;
top:290px;
width:235px;
height:148px;
z-index:1000;
}

#coordonnees {
width:450px;
height:40px;
font-family:Arial;
font-size:10px;
margin-left:40px;
padding:0;
font-weight:normal;
text-align:left;
color:#FFFFFF;
}

#slogan {
position:absolute;
left:540px;
top:15px;
}

#copyright {
position:absolute;
left:730px;
top:40px;
font-family:Arial;
font-size:12px;
color:#CCCCCC;
text-align:right;
}

#copyright a {
font-family:Arial;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
}
/****************************/
/* 	début Tableau	*/
/****************************/

#table-semaine th {
	background: #3e83c9;
	color: #fff;
	font-size:12px;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
	border-right: 1px solid #fff;
}

#table-semaine td {
	padding: 0px 4px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}

#table-semaine td * {
	padding: 0px 0px;
}

#table-semaine tr.alt td {
	background: #ecf6fc;
}

#table-semaine tr.over td, #table-semaine tr:hover td {
	background: #bcd4ec;
}