/* Définition des polices personnalisées */
@font-face
{
font-family: 'vikingn';
src: url('polices/vikingn.eot');
src: url('polices/vikingn.eot?#iefix') format('embeddedopentype'),
url('polices/vikingn.woff') format('woff'),
url('polices/vikingn.ttf') format('truetype'),
url('polices/vikingn.svg#vikingn') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'arnoprocaption';
src: url('polices/arnoprocaption.eot');
src: url('polices/arnoprocaption.eot?#iefix') format('embeddedopentype'),
url('polices/arnoprocaption.woff') format('woff'),
url('polices/arnoprocaption.ttf') format('truetype'),
url('polices/arnoprocaption.svg#arnoprocaption') format('svg');
font-weight: normal;
font-style: normal;
}

h1
{
display: none;
}

h3
{
margin-top: 10px; 
margin-left: auto;
margin-right: auto;
font-size: 1.0em;
letter-spacing: 2px;
color: #CBB8B6;
}

h2
{
margin-top: 15px; 
margin-left: 15px;
font-size: 1.2em;
letter-spacing: 2px;
color: #0799ee;
}

h8
{
font-size: 0.5em;
letter-spacing: 2px;
color: #ffffff;
}

h9
{
color: #0799ee;
}



p
{
text-align: left;
margin-left: 15px;
margin-right: 15px;
color: #ffffff;
font-family: Trebuchet, sans-serif;
}


a 
{ 
color:#ffffff; 
text-decoration:none; 
} 

a:hover 
{ 
color:#0799ee; 
text-decoration:underline; 
}


/* Eléments principaux de la page */
body
{
background-color: #000519;
font-family: 'arnoprocaption', Trebuchet, sans-serif;
color: #0799EE;
}

#bordure
{
background: url('images/fond_jordsand.jpg') no-repeat fixed top center;
margin-top: -10px; 
margin-left: auto;
margin-right: auto;
padding-top: 0px;
position: relative;
width: 1024px;
height: 100%;
}

#page
{
margin-top: 0px; 
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
position: relative;
background-color: rgba(0, 5, 25, 0.7);
}

#imageheader
{
background: url('images/titre_jordsand.png') no-repeat fixed top center;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
width: 1024px;
height: 300px;
z-index: 10;
}

#menugeneral
{
background: url('images/logo_jordsand.png') no-repeat;
margin-left: 0px;
padding-left: 0px;
width: 100%;
height: 300px;
position: fixed;
z-index: 100;
}

#menugeneralboutons
{
color: #ffffff;
margin-left: 100px;
margin-top: 10px;
position: fixed;
z-index: 100;
}

#citation
{
background: url('images/citation.png') no-repeat;
width: 464px;
height: 315px;
}


#photobio
{
background: url('images/photobio.jpg') no-repeat;
width: 512px;
height: 768px;
}


#actu1
{
background: url('actus/actu1.jpg') no-repeat;
border-radius: 8px;
border: 1px;
width: 150px;
height: 150px;
}

#actu2
{
background: url('actus/actu2.jpg') no-repeat;
border-radius: 8px;
border: 1px;
width: 150px;
height: 150px;
}

#actu3
{
background: url('actus/actu3.jpg') no-repeat;
border-radius: 8px;
border: 1px;
width: 150px;
height: 150px;
}




#liensfooter
{
position: absolute;
text-align: right;
color: #ffffff;
bottom: 0px;
width: 1024px;
height: 60px;
position: fixed;
z-index: 5;
}




#presse
{
z-index: 2000;	
}	


#menugeneralpresse
{
background: url('images/logo_jordsand.png') no-repeat;
margin-left: 0px;
padding-left: 0px;
width: 100%;
height: 300px;
position: fixed;
z-index: 50;
}