@charset "UTF-8";


html body 
{ padding:0; margin: auto; margin-left: auto;background-color: black;
margin-right: auto;font-family: Quicksand; color: white; font-size: 10px;  }


.veuves
{ width: 4400px; height:1080px;}

.plage
{ width: 4400px; height:500px;margin-top: 150px;}
.plage02
{ width: 4000px; height:500px;margin-top: 150px;}
.plage03
{ width: 3000px; height:594px;margin: auto;margin-top: 150px;}


#navbar ul .premier
{ border: none; color: black;font-size: 16px;font-weight: bold;margin-left: 20px;}
#navbar ul .deuxieme
{ border: none; }


}
nav
{margin-left: 160px;
}

#navbar ul li  {
border-left: 1px solid #BBC1BC; 
display: inline;
padding-right: 15px;
padding-left: 15px;

color: #8A7756;


} 
#navbar ul li a{ text-decoration: none;
color: #8A7756;	
}


#navbar a:link {
color: #8A7756;	
}
#navbar a:hover {
color: #912C00; 	
}
#navbar a:active {
color: white; 	
}




.arcane_0
{ width: 7500px; height: 100%; font-size: 10px; font-family: Quicksand; color: white;}

#hdp img {
     border:0; 
     position:fixed; 
     top:5px; 
    margin-left: 20px; float: left;
    
}

#hdp1 img {
     border:0; 
     position:fixed; 
     top:0px; 
    margin-left: 0px; float: left;
    width: 80px; height: 40px; box-shadow: 0px 20px 30px black; border-radius: 0px 0px 5px; 0px;
}
#hdp2 img {
     border:0; 
     position:fixed; 
     top: 100px; 
    margin-left: 0px; float: left;
    width: 40px; height: 422px; box-shadow: 0px 20px 30px black; border-radius: 0px 0px 5px; 0px;
}

.matto
{ width: 2472px; height:920px; padding:0; margin:auto; background-color:black; }
.matto section
{ border: 0px; margin: auto; margin-top: 0px; }
.radeau
{ width: 1800px; height:1200px; padding:0; margin:auto; }
.matmundus
{ width: 1800px; height:1200px; padding:0; margin:auto; }
h1 
{font-size:10px; margin-left:200px; }
section
{border: 0px; margin: auto; margin-top: 10px;}


.fresque 

{margin-left: 200px;font-size:15px }
em  { font-size: 15px;
}

.ode
{ width: 1542px; height:900px;}

figure  {
 border: 0px;
padding:0;
float: left;
margin: 0px;
 margin-bottom: -3px;
 
}




.marche2  
{margin-left: 300px; margin-top: 30px;}
.marche
{margin-left: 0px; margin-top: 80px;}