*{
padding:0;
margin:0;
}

@font-face {
    font-family: 'nexab';
    src: url('../font/nexa_bold-webfont.eot');
    src: url('../font/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nexa_bold-webfont.woff') format('woff'),
         url('../font/nexa_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alex';
    src: url('../font/alexbrush-regular-webfont.eot');
    src: url('../font/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/alexbrush-regular-webfont.woff') format('woff'),
         url('../font/alexbrush-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nove';
    src: url('../font/novecentosanswide-book-webfont.eot');
    src: url('../font/novecentosanswide-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/novecentosanswide-book-webfont.woff') format('woff'),
         url('../font/novecentosanswide-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color:#EAE2D5;
}
.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	right:0;	
	overflow: hidden;
}

#maincontent {
	position:relative;
	width:944px;
	margin:auto;
	height:1200px;
}
	

.header{
background-image:url('../img/fond-menu.png');
width:944px;
height:120px;
}

.main{
width:942px;
border:1px solid black;
height:1750px;
margin-bottom:40px;
}

.header #titre {
position:absolute;
top:35px;
left:40px;
}

.header h1{
font-family: 'nexab';
font-weight:lighter;
text-transform: uppercase; 
font-size:20px;
position:absolute;
top:95px;
left:50px;
}

.header ul{
position:absolute;
top:91px;
left:485px;
font-family: 'nexab';
font-weight:lighter;
text-transform: uppercase;
font-size:20px;
}

.header li{
float:left;
list-style-type: none;
padding-left:30px;
}

.header  a{
color:black;
text-decoration:none;
 }
 
.header  a:hover{
 color:white;
text-decoration:none;
 }
 
.header p{
position:absolute;
top:30px;
left:740px;
font-family: 'nexab';
font-weight:lighter;
text-transform: uppercase;
font-size:35px;
}

.une{
border-bottom:1px solid black;
padding-bottom:30px;
padding-top:30px;
}

.une h1{
font-family:'nexab';
text-align:center;
font-weight:lighter;
text-transform: uppercase;
font-size:40px;
}

.une h2{
font-family: 'alex';
text-align:center;
font-weight:lighter;
font-size:25px;
margin-top:-10px;

}

.une #photo-home{
margin-top:40px;
border:1px solid black;
margin-left:20px;
}

.une #desc-home{
float:right;
text-align:justify;
width:200px;
margin-right:20px;
margin-top:40px;
font-family:'nove';
font-size:15px;
}

.historique{
margin-top:30px;
position:relative;
font-family:'nove';
font-size:15px;
border-bottom:1px solid black;
padding-bottom:30px;
height:400px;
}


.historique h1{
position:absolute;
top:15px;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
left:130px;
font-weight:lighter;
}

.historique h2{
position:absolute;
top:62px;
left:130px;
font-family: 'alex';
font-weight:lighter;
}

.description-historique img{
margin-top:30px;
border:1px solid black;
margin-left:20px;
float:left;
}

.description-historique #col1{
width:250px;
margin-top:30px;
text-align:justify;
float:left;
margin-left:20px;
}

.description-historique #col2{
width:245px;
margin-top:30px;
text-align:justify;
float:left;
margin-left:20px;
}

.acces{
position:relative;
margin-top:40px;
}

.acces h1{
position:absolute;
top:15px;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
left:130px;
font-weight:lighter;
}



.acces h2{
position:absolute;
top:62px;
left:130px;
font-family: 'alex';
font-weight:lighter;
}


.desc-acces p{
margin-top:30px;

font-family:'nove';
font-size:15px;
width:300px;
margin-left:20px;
text-align:justify;
}

.desc-acces ul{
padding-left:15px;
padding-top:30px;
}

.desc-acces li{
font-family:'nove';
font-size:15px;
width:370px;
margin-left:20px;
line-height:20px;
text-align:justify;
}

.acces .cuisine-home{
margin-left:20px;
border:1px solid black;
position:absolute;
top:120px; 
left:400px;
}

.footer a{
color:black;
text-decoration:none;
}
.footer a:hover{
color:black;
text-decoration:underline;
}

.footer{
margin-top:-148px;
background-image:url('../img/footer.png');
width:943px;
height:112px;
position:relative;
margin-bottom:50px;
}

.footer h1{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
top:0px;
left:40px;
font-weight:lighter;
}

.footer .adresse a{
color:black;
text-decoration:none;
}
.footer .adresse a:hover{
color:black;
text-decoration:underline;
}

.footer .adresse{
position:absolute;
font-family:'nove';
font-size:25px;
top:45px;
left:40px;
}


.footer .creation a{
color:black;
text-decoration:none;
}
.footer .creation a:hover{
color:black;
text-decoration:underline;
}


.footer .creation {
position:absolute;
font-family:'nove';
font-size:15px;
top:83px;
left:20px;
}


.footer .mail a{
color:black;
text-decoration:none;
}
.footer .mail a:hover{
color:black;
text-decoration:underline;
}

.footer .mail{
position:absolute;
font-family:'nove';
font-size:17px;
top:83px;
left:270px;
}


.footer .tel a{
color:black;
text-decoration:none;
}
.footer .tel a:hover{
color:black;
text-decoration:underline;
}

.footer .tel{
position:absolute;
font-family:'nove';
font-size:40px;
top:35px;
left:700px;
}

.main-alentours{
border:1px solid black;
height:1750px;
padding-top:-20px;
}


.main-alentours h1{
font-family:'nexab';
text-align:center;
font-weight:lighter;
text-transform: uppercase;
font-size:40px;
margin-top:30px;
}

.main-alentours h2{
font-family: 'alex';
text-align:center;
font-weight:lighter;
font-size:25px;
margin-top:0px;
}

.aerobulle{
margin-top:40px;
position:relative;
}

.aerobulle img{
float:left;
padding-left:20px;
padding-right:20px;
}

.aerobulle p{
font-family:'nove';
float:right;
margin-right:20px;
text-align:justify;
width:600px;
margin-top:0px;
}

.aerobulle h4{
font-family:'alex';
font-size:26px;
margin-top:px;
font-weight:lighter;
}


.aerobulle h3{
font-family:'nexab';
font-size:30px;
text-transform: uppercase;
font-weight:lighter;
margin-left:20px;
}

.aerobulle .btn{
position:absolute;
top:180px;
left:790px;
}



.chateau{
margin-top:40px;
position:relative;
}

.chateau img{
float:left;
padding-left:20px;
padding-right:20px;
}

.chateau p{
font-family:'nove';
float:right;
margin-right:20px;
text-align:justify;
width:600px;
margin-top:0px;
}

.chateau h4{
font-family:'alex';
font-size:26px;
margin-top:px;
font-weight:lighter;
}


.chateau h3{
font-family:'nexab';
font-size:30px;
text-transform: uppercase;
font-weight:lighter;
margin-left:20px;
}

.chateau .btn{
position:absolute;
top:180px;
left:790px;
}


hr{
width:907px;
padding-right:20px;
padding-left:20px;
margin-top:40px;
}



.footer .alentours a{
color:black;
text-decoration:none;
}
.footer .alentours a:hover{
color:black;
text-decoration:underline;
}

.footer-alentours{
margin-top:-112px;
background-image:url('../img/footer.png');
width:943px;
height:112px;
position:relative;
margin-bottom:30px;
}

.footer-alentours h1{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
top:0px;
left:40px;
font-weight:lighter;
}

.footer-alentours .adresse{
position:absolute;
font-family:'nove';
font-size:25px;
top:45px;
left:40px;
}

.footer-alentours .creation{
position:absolute;
font-family:'nove';
font-size:15px;
top:83px;
left:20px;
}

.footer-alentours .mail{
position:absolute;
font-family:'nove';
font-size:17px;
top:83px;
left:270px;
}

.footer-alentours .tel{
position:absolute;
font-family:'nove';
font-size:40px;
top:35px;
left:700px;
}

.main-gite{
height:1950px;
width:942px;
border:1px solid black;
}

.main-cuisine{
height:1860px;
width:942px;
border:1px solid black;
}

.main-etage{
height:3415px;
width:942px;
border:1px solid black;
}


.menu-gite{
width:943px;
height:102px;
background-image:url('../img/fond-menu-gite.png');
position:relative;
}

.salle-vie h2{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-size:20px;
font-weight:lighter;
top:35px;
left:80px;
}

.salle-vie p{
position:absolute;
font-family:'alex';
top:55px;
left:80px;
font-size:25px;
}

.cuisine h2{
position:absolute;
top:35px;
left:410px;
font-family:'nexab';
text-transform:uppercase;
font-size:20px;
font-weight:lighter;
}

.cuisine p{
position:absolute;
font-family:'alex';
top:55px;
left:410px;
font-size:25px;
}

.etage h2{
position:absolute;
top:35px;
left:720px;
font-family:'nexab';
text-transform:uppercase;
font-size:20px;
font-weight:lighter;
}


.etage p{
position:absolute;
font-family:'alex';
top:55px;
left:720px;
font-size:25px;
}

.main-gite h3, .main-cuisine h3, .main-etage h3{
text-align:center;
font-family:'nexab';
text-transform:uppercase;
font-size:40px;
font-weight:lighter;
margin-top:30px;
}

.main-gite h4, .main-cuisine h4, .main-etage h4{
font-family:'alex';
font-size:25px;
text-align:center;
margin-top:5px;

}

.titre-gite{
background-image:url('../img/titre-gite.png');
width:556px;
height:112px;
margin:auto;
position:relative;
margin-top:30px;
}

.titre-gite h5{
font-family:'nexab';
text-transform:uppercase;
font-size:30px;
font-weight:lighter;
padding-top:25px;
padding-left:135px;
}

.titre-gite p{
font-family:'alex';
font-size:25px;
position:absolute;
top:80px;
left:70px;
}

.titre-cuisine{
background-image:url('../img/titre-cuisine.png');
width:556px;
height:112px;
margin:auto;
position:relative;
margin-top:30px;
}

.titre-cuisine h5{
font-family:'nexab';
text-transform:uppercase;
font-size:30px;
font-weight:lighter;
padding-top:27px;
padding-left:195px;
}

.titre-cuisine p{
font-family:'alex';
font-size:25px;
position:absolute;
top:80px;
left:140px;
}

.titre-etage{
background-image:url('../img/titre-etage.png');
width:556px;
height:112px;
margin:auto;
position:relative;
margin-top:30px;
}

.titre-etage h5{
font-family:'nexab';
text-transform:uppercase;
font-size:30px;
font-weight:lighter;
padding-top:25px;
padding-left:205px;
}

.titre-etage p{
font-family:'alex';
font-size:25px;
position:absolute;
top:80px;
left:140px;
}



.photo-sdv{
position:relative;
margin-top:60px;
margin-left:20px;
}

.photo-sdv img{
border:1px solid black;
}

.photo-sdv .sofa{
position:absolute;
top:0;
left:460px;
}

.photo-sdv .tv{
position:absolute;
top:309px;
left:460px;
}

.photo-sdv .escalier{
position:absolute;
top:615px;
left:0px;
}

.photo-sdv .salon{
position:absolute;
top:615px;
left:460px;
}

.photo-sdv .btn-contact{
position:absolute;
top:1350px;
z-index:40; 
left:320px;
border:none;
}

.photo-sdv .btn-contact1{
position:absolute;
top:1250px;
z-index:40; 
left:320px;
border:none;
}

.photo-etage .btn-contact1{

padding-top:30px;
z-index:40; 
padding-left:320px;
border:none;
}


.footer-gite a{
color:black;
text-decoration:none;
}
.footer-gite a:hover{
color:black;
text-decoration:underline;
}

.footer-gite{
margin-top:920px;
background-image:url('../img/footer.png');
width:943px;
height:112px;
position:relative;
margin-bottom:30px;
}


.footer-gite h1{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
top:-0px;
left:40px;
font-weight:lighter;
}

.footer-gite .adresse{
position:absolute;
font-family:'nove';
font-size:25px;
top:45px;
left:40px;
}

.footer-gite .creation{
position:absolute;
font-family:'nove';
font-size:15px;
top:83px;
left:20px;
}

.footer-gite .mail{
position:absolute;
font-family:'nove';
font-size:17px;
top:83px;
left:270px;
}

.footer-gite .tel{
position:absolute;
font-family:'nove';
font-size:40px;
top:35px;
left:700px;
}

.photo-sdv .cuisine02{
margin-top:20px;
}

.photo-sdv .cuisine03{
position:absolute;
top:615px;
left:460px;
}

.photo-sdv .cuisine04{
position:absolute;
top:920px;
left:460px;
}


.footer-cuisine a{
color:black;
text-decoration:none;
}
.footer-cuisine a:hover{
color:black;
text-decoration:underline;
}

.footer-cuisine{
margin-top:220px;
background-image:url('../img/footer.png');
width:943px;
height:112px;
position:relative;
margin-bottom:30px;
}

.footer-cuisine h1{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
top:0px;
left:40px;
font-weight:lighter;
}

.footer-cuisine .adresse{
position:absolute;
font-family:'nove';
font-size:25px;
top:45px;
left:40px;
}

.footer-cuisine .creation{
position:absolute;
font-family:'nove';
font-size:15px;
top:83px;
left:20px;
}

.footer-cuisine .mail{
position:absolute;
font-family:'nove';
font-size:17px;
top:83px;
left:270px;
}

.footer-cuisine .tel{
position:absolute;
font-family:'nove';
font-size:40px;
top:35px;
left:700px;
}

.photo-etage{
padding-top:40px;

}

.photo-etage img{
margin-left:17px;
border:1px solid black;
margin-top:30px;

}

.photo-etage p{
font-family:'alex';
font-size:40px;
text-align:center;
margin-top:30px;
}


.footer-etage a{
color:black;
text-decoration:none;
}
.footer-etage a:hover{
color:black;
text-decoration:underline;
}

.footer-etage{
margin-top:128px;
background-image:url('../img/footer.png');
width:943px;
height:112px;
position:relative;
margin-bottom:30px;
}

.footer-etage h1{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
top:0px;
left:40px;
font-weight:lighter;
}

.footer-etage .adresse{
position:absolute;
font-family:'nove';
font-size:25px;
top:45px;
left:40px;
}

.footer-etage .creation{
position:absolute;
font-family:'nove';
font-size:15px;
top:83px;
left:20px;
}

.footer-etage .mail{
position:absolute;
font-family:'nove';
font-size:17px;
top:83px;
left:270px;
}

.footer-etage .tel{
position:absolute;
font-family:'nove';
font-size:40px;
top:35px;
left:700px;
}

.menu-gite a{
color:black;
text-decoration:none;
}

.menu-gite a:hover{
color:white;
text-decoration:none;
}

.main-tarifs{
border:1px solid black;
height:950px;
padding-top:-20px;
}


.main-tarifs h1{
font-family:'nexab';
text-align:center;
font-weight:lighter;
text-transform: uppercase;
font-size:40px;
margin-top:30px;
}

.main-tarifs h2{
font-family: 'alex';
text-align:center;
font-weight:lighter;
font-size:25px;
margin-top:0px;
}

.main-tarifs p{
font-family:'nove';
font-weight:lighter;
text-transform: uppercase;
font-size:20px;
margin-top:30px;
margin-left:20px;
padding-bottom:30px;
}

.main-tarifs ul{
margin-left:20px;
}

.main-tarifs li{
list-style-type: none;
font-family:'nove';
font-size:20px;
padding-bottom:20px;
}

.main-tarifs img{
padding-left:300px;
}


.footer-tarifs a{
color:black;
text-decoration:none;
}
.footer-tarifs a:hover{
color:black;
text-decoration:underline;
}

.footer-tarifs{
margin-top:-110px;
background-image:url('../img/footer.png');
width:943px;
height:112px;
position:relative;
margin-bottom:30px;
}

.footer-tarifs h1{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
top:0px;
left:40px;
font-weight:lighter;
}

.footer-tarifs .adresse{
position:absolute;
font-family:'nove';
font-size:25px;
top:45px;
left:40px;
}

.footer-tarifs .creation{
position:absolute;
font-family:'nove';
font-size:15px;
top:83px;
left:20px;
}

.footer-tarifs .mail{
position:absolute;
font-family:'nove';
font-size:17px;
top:83px;
left:270px;
}

.footer-tarifs .tel{
position:absolute;
font-family:'nove';
font-size:40px;
top:35px;
left:700px;
}

.main-contact{
border:1px solid black;
height:950px;
position:relative;
padding-top:-20px;
}

.main-contact img{
position:absolute;
top:480px;
left:-70px;

}

.main-contact h1{
font-family:'nexab';
text-align:center;
font-weight:lighter;
text-transform: uppercase;
font-size:40px;
margin-top:30px;
}

.main-contact h2{
font-family: 'alex';
text-align:center;
font-weight:lighter;
font-size:25px;
margin-top:0px;
}

.main-contact p{
font-family:'nove';
font-weight:lighter;
text-transform: uppercase;
font-size:30px;
margin-top:30px;
margin-left:20px;
padding-bottom:30px;
}

.main-contact ul{
margin-left:20px;
}

.main-contact li{
list-style-type: none;
font-family:'nove';
font-size:20px;
padding-bottom:20px;
}

.main-contact img{
padding-left:300px;
}


.footer-contact a{
color:black;
text-decoration:none;
}
.footer-contact a:hover{
color:black;
text-decoration:underline;
}

.footer-contact{
margin-top:-110px;
background-image:url('../img/footer.png');
width:943px;
height:112px;
position:relative;
margin-bottom:30px;
}

.footer-contact h1{
position:absolute;
font-family:'nexab';
text-transform:uppercase;
font-family:20px;
top:0px;
left:40px;
font-weight:lighter;
}

.footer-contact .adresse{
position:absolute;
font-family:'nove';
font-size:25px;
top:45px;
left:40px;
}

.footer-contact .creation{
position:absolute;
font-family:'nove';
font-size:15px;
top:83px;
left:20px;
}

.footer-contact .mail{
position:absolute;
font-family:'nove';
font-size:17px;
top:83px;
left:270px;
}

.footer-contact .tel{
position:absolute;
font-family:'nove';
font-size:40px;
top:35px;
left:700px;
}

.contact-cadre{
background-image:url('../img/contact-cadre.jpg');
width:627px;
height:634px;
margin:auto;
margin-top:60px;
}

.contact-cadre p{
font-size:20px;
text-align:center;
padding-top:150px;
}

<
