body {
background-color:#000000;
background-image:url("../images/fond.jpg");
background-position:left top;
background-repeat:no-repeat;
margin:0px;
color:#fff;
font-family:'Arial';
font-size:1em;
width:100%;
}
img{
border:none;
}
img, li, div,  { behavior: url(pngfix/iepngfix.htc) }
.separation{
clear:both;
visibility:hidden;
}

#header{
width:600px;
height:135px;
}
#header img{
margin: 3% 0 3% 2%;
}

#panoramique{
background-image:url("../images/panoramique.jpg");
margin: 0 0 5% 0;
background-repeat:repeat-x;
height:235px;
width:100%;
}

.corps{
position:relative;

width:100%;
height:auto;
margin:1% auto;
padding:35px 0 0 0;
border:1px solid #fff;
}

#corner1{
width:39px;
height:39px;
position:absolute;
top:2.5%;
left:10%;
}
#corner2{
width:39px;
height:39px;
position:absolute;
top:8%;
left:85.8%;
}
.corps p{
width:72%;
font-size:1em;
text-align:justify;
margin:20px auto 40px auto;

}
.corps span{
color:#4d66af;
font-weight:bold;
}

.onglet{
width:90%;
height:38px;
margin:0 auto;
background-image:url("../images/onglet.jpg");
background-position:left top;
background-repeat:no-repeat;
}
.onglet h1{
color:#4d66af;
font-size:120%;
padding: 0;
display:block;
width:300px;
height:39px;
text-align:center;
line-height:39px;
vertical-align:center;

}
.onglet a{
color:#4d66af;
text-decoration:none;

}
.rectangle{
position:relative;
width:90%;
height:auto;
margin:0 auto ;
padding: 0 0 20px 0;
background-color:#131210;
border:1px solid #3b3b3b;
}
.rectangle img{
height:215px;
margin:20px 0 0 20px;
width:300px;
}
.bouton-entrer{
width:90%;
margin:0 auto 50px auto;
text-align:right;
}
.rec-gauche{
float:left;
width:40%;
text-align:center;
}
.rec-gauche img{
text-align:center;
}
.rec-droite{
position:relative;
float:right;
width:56%;
height:260px;
}
.rec-droite a{
text-decoration:none;
color:#4d66af;
font-weight:bold;
}
.rec-droite p{
width:90%;
height:auto;
margin: 0 auto;
padding:50px 0 0 0;
text-indent:15px;
font-size:1em;
}
.rec-droite img{
margin:0;
padding:0;
}
#corner3{
width:39px;
height:39px;
position:absolute;
top:2%;
left:0%;
}
#corner3 img, #corner4 img{
width:100%;
height:100%;

}
#corner4{
width:39px;
height:39px;
position:absolute;
bottom:0%;
right:2%;
}
#corner5{
width:39px;
height:39px;
position:absolute;
top:16%;
left:5%;
}
#corner6{
width:39px;
height:39px;
position:absolute;
top:61%;
left:44%;
}
#contact-accueil {
float:left;
width:100%;
height:160px;
padding:0;
font-size:1.3em;
color:#4d66af;
margin: 10% 0 0 20%;
}
span.contact-accueil {
color:#fff;
}
#page-flash-contact{
text-align:right;

width:100%;
margin:0 auto;
}
#page-flash-contact p{
text-align:center;
}
#page-flash-contact a{
color:#4366af;
}

#qui{
text-align:center;
position:relative;
float:right;
width:50%;
height:282px;
margin: 0;
}

#footer{
height:60px;
width:100%;
background-color:#4d66af;
margin:50px 0;
}
#footer p{
color:#000000;
font-size:0.75em;
padding:15px 0 0;
text-align:center;
}

/*VISITES VIRTUELLES*/
h1{
color:#4d66af;
font-family:'Arial';
}