body, html{
font-family:tahoma,arial,helvetica,sans-serif;
font-size:14px;
padding:0;
margin:0;
}

img{border:none;}
a{
color:#fff;
text-shadow:0 0 4px #000;
text-decoration:none;
}


body.home{
background:url(../pictures/home.jpg) no-repeat center 0 #34382b;
background-size:100%;
}
body.home h1{
position:absolute;
margin-left:-330px;
margin-top:-100px;
top:50%;
left:50%;
}
body.home p{
text-align:right;
position:absolute;
margin-left:-300px;
margin-top:15px;
width:600px;
top:50%;
left:50%;
font-weight:bold;
letter-spacing:1px;
}

body.voyage{
height:100%;
width:100%;
position:absolute;
min-width:1024px;
min-height:830px;
}
#map{
display:block;
position:absolute;
margin-right:-512px;
right:50%;
left:0;
height:790px;
padding:0;
min-width:1024px;
}
#map ul{
margin-top:30px;
padding:0;
margin-right:510px;
float:right;
overflow:hidden;
width:50%;
}
#map li{
list-style:none;
display:block;
height:45px;
padding-left:5px;
border-left:5px solid #fff;
overflow:hidden;
font-size:16px;
font-weight:bold;
}
#map li:nth-child(even){ border-left:5px solid #000;}
#map li a span{
position:absolute;
transition:opacity 0.5s;
opacity:1;
margin-top:-4px;
height:45px;
}
#map li a{transition:color 0.5s;}
#map li a:hover span.lieu{opacity:1;}
#map li a span.nom{opacity:0;}
#map li a span.lieu{
right:0px;
margin-top:0px;
height:auto;
}

body.about{
max-width:1000px;
margin:0 auto;
padding:0;
padding-top:30px;
padding-left:100px;
}
p#retour{
position:fixed;
margin-left:-150px;
}
body.about h1{
font-weight:normal;
letter-spacing:1px;
}
body.about h2{
font-weight:normal;
letter-spacing:1px;
margin-top:25px;
margin-bottom:1px;
}


p#footer{
text-align:left;
position:absolute;
bottom:8%;
left:8%;
width:auto;
margin:0;
background:#fff;
padding:5px 10px 7px 10px;
font-size:15px;
font-weight:normal;
box-shadow:0 0 5px #000;
border-radius:3px;
opacity:0.7;
transition:opacity 0.3s;
letter-spacing:1px;
}
.home p#footer{display:none;}
p#footer:hover{opacity:1;}
p#footer a{
text-shadow:none;
color:#000;
text-decoration:none;
border-bottom:1px dotted #ccc;
}
p#footer a:hover{border-bottom:1px dotted #000;}

body.about p#footer{
position:relative;
padding:0;
margin:0;
margin-top:100px;
box-shadow:none;
left:0;
background:none;
}