/* CSS Document */
body {
background-color: #B2B9BF;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

a img {border: none;}

a:link {
text-decoration: none;
color: #000000;
border: none;
}

a:visited {
text-decoration: none;
color: #000000;
border: none;
}

a:hover {
text-decoration: none;
color: #000000;
border: none;
}

a:active {
text-decoration: none;
color: #000000;
border: none;
}


/* ######################### TEMPLATE ######################### */


#cadre-hauteur {
position:absolute;
height:500px;
width: 100%;
margin-top: -250px;
top: 50%;
}

#cadre {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width:1600px;
height: 500px;
}

#centre {
position: absolute;
top: 32px;
left: 0px;
width: 50%;
height: 416px;
background-image: url(../image/index/nuagesgauche.jpg);
background-repeat: no-repeat;
}

#centre2 {
position: absolute;
top: 32px;
right: 0px;
width: 50%;
height: 416px;
background-image: url(../image/index/nuagesdroite.jpg);
background-repeat: no-repeat;
background-position:right;
}

#coeur {
position: absolute;
width: 538px;
height: 497px;
left: 50%;
margin-left: -269px;
z-index: 10;
}

#titre {
position: absolute;
width: 570px;
height: 340px;
left: 50%;
top: 0px;
margin-top: -110px;
margin-left: -595px;
z-index: 11;
}

#coeur-entrer {
position: absolute;
width: 191px;
height: 215px;
left: 50%;
top: 0px;
margin-top: 70px;
margin-left: -9px;
z-index: 11;
}

#entrer {
position: fixed;
bottom: 20px;
right: 20px;
width: 200px;
height: 20px;
}

#hidden {
visibility: hidden;
}