body {
font-family: 'Open Sans', sans-serif;
font-weight:300;
margin:0px;
padding:0px;
font-size:20px;
width:100%;
}
a {
text-decoration:none;
color:black;
}

a:focus
{
outline:0;
}


#header {
height:150px;
padding:0px;
background:black;
}

#header .container {padding:0px;}
.header1 {
background:url('images/logo.png') no-repeat center center;
background-size:auto 90%;
height:100%;
width:120px;
display:inline-block;
}

.header2 {
background:url('images/titre.png') no-repeat center center;
background-size:auto 90%;
height:100%;
width:454px;
display:inline-block;
}

.header3 {
background:url('images/medaillon.png') no-repeat center center;
background-size:auto 90%;
float:right;
height:100%;
width:150px;
}

#page {
min-width:1024px;
max-width:1280px;

margin:0 auto;
}

#page>div {
width:100%;
}

#video {
height:400px;
background:url('images/video.jpg') no-repeat center center;
background-size: 100% auto;
}

#video a.play {
display:block;
width:140px;
height:140px;
background: url('images/play.png') no-repeat center center;
background-size:90% auto;
margin: 100px auto;
}

.description {
height:auto;
padding:50px 20px;
}

#description1 .titre {
background:url('images/bloc1.png') left center no-repeat;
}
#description2 .titre {
background:url('images/bloc2.png') left center no-repeat;
}
#description3 .titre {
background:url('images/bloc3.png') 20px center no-repeat;
}
#description5 .titre {
background:url('images/bloc5.png') 20px center no-repeat;
}

.description .titre {
display:inline-block;
width:32%;
padding-left:120px;
padding-right:20px;
background-size:auto 70px!important;
border-right:3px solid black;
font-size:32px;
font-weight:700;
vertical-align:middle;
text-transform:uppercase;
}

.description .texte {
display:inline-block;
width:50%;
margin-left:30px;
vertical-align:middle;
}
#footerblocks {
text-align:justify;
}

#footerblock1,#footerblock3 {
background-color: black;
color:white;
}

#footerblock1 {background:url('images/abonnez.png') no-repeat center 40px black; background-size:100px auto;}
#footerblock3 {background:url('images/reservez.png') no-repeat center 40px black; background-size:100px auto;}

.footerblock {
width:33%;
display:inline-block;
height:300px;
vertical-align:top;
text-align:center;
text-transform:uppercase;
padding-top:150px;
position:relative;
}

#footerblocks:after {
content:'';
width:100%;
display:inline-block;
}

.footerblock .titre {

font-weight:700;
display:block;
}
.lien {
position:absolute;
bottom:40px;
width:90%;
}
#footerblock1 a, #footerblock3 a {
display:inline-block;
margin:0 auto;
padding:10px 30px;
border-radius:5px;
background:white;
color:black;
width:auto;
}

a.facebook {
display:block;
padding:10px;
padding-left:50px;
background: url('images/facebook.png') left center no-repeat;
background-size:auto 90%;
width:60%;
text-align:left;
margin:5px auto;
margin-top:20px;
}

a.twitter {
display:block;
padding:10px;
padding-left:50px;
background: url('images/twitter.png') left center no-repeat;
background-size:auto 90%;
width:60%;
text-align:left;
margin:5px auto;
}

#tripadvisor a {
display:block;
padding:20px;
border:6px solid green;
background: url('images/trip.png') no-repeat center center;
background-size:auto 90%;
height:100px;
}

#tripadvisor .container {
padding:0px;
}

#footer {
text-align:center;
background:black;
}

#footer a {
color:white;
display:block;
font-weight:300;
}

.container {
padding:20px;
}



#para1 {background:url('images/para1.jpg') 50% 0 no-repeat fixed;}
#para2 {background:url('images/para2.jpg') 50% 0 no-repeat fixed;}
#para3 {background:url('images/para3.jpg') 50% 0 no-repeat fixed;}
#para4 {background:url('images/mozaic.jpg') 50% 0 no-repeat fixed;}
#para5 {background:url('images/para5.jpg') 50% 0 no-repeat fixed;}

.para {
height:370px;
}

#page.aa {
max-width:1279px;
}