body{
	font-family: 'Helvetica';
	width : 1078px;
	height : 1000px;
	margin : 0 auto;
	background-image:url(../img/background.jpg);
	background-repeat:no-repeat;
	z-index : 0;
	}

p{
  font-family: 'Helvetica';
  letter-spacing:0.05em;
 }

 a{
 	text-decoration: none;
    font-family: 'Helvetica';
 	outline: none;
 	color : #af5757;

 }

 .bold{
	font-weight: bold;
}

.panel img{
	display: block;
    margin-left: auto;
    margin-right: auto
}
/*header*/

header{
	position : absolute;
	padding-left: 305px;
	padding-top: 10px;
	z-index: 5;

}

/*footer*/
footer{
	position : relative;
	z-index : 20;
	top : -55px;
	left : 150px;
	color : #787265;
}

.contact, .mentions{
	float : left;
}


.contact{
	width : 700px;
}



/*main*/

.main{
	background-image: url(../img/background-main.png);
	z-index:1;
	height : 977px;
	position : relative;
	top :20px;

}

/*navigation*/

nav{
	width : 310px;
	float : left;
	/*border:1px solid;*/
	}
	
nav ul{
	list-style:none;
	margin-top : 215px;
	} 
	
nav li{
	padding-bottom : 25px;
	}
	
nav a{
	display : block;
	font-size : 14px;
	text-decoration : none;
	color : #5b584d;
	}


nav a:hover{
	font-weight : 700;
	color:#ad5858;	}

.active{
	font-weight : 700;
	color:#ad5858;	}

li.menu-description{
	margin-left : 50px;
}

li.menu-description img{
	padding-right : 13px;
	margin-left : -50px;
}

li.menu-tarifs{
	margin-left : 60px;
}

li.menu-tarifs img{
	padding-right : 15px;
	margin-left : -58px;
}

li.menu-carte{
	margin-left : 70px;
}

li.menu-carte img{
	padding-right : 15px;
	margin-left : -58px;
}

li.menu-activites{
	margin-left : 85px;
}

li.menu-activites img{
	padding-right : 25px;
	margin-left : -58px;
}


.contenu{
	width : 740px;
	height: 450px;
	float : left;
	margin-top : 127px;
}

/*titres*/
h1{
	font-size : 25px;
	color : #787265;
	text-align: center;
	padding-top : 20px;
	padding-bottom : 20px;
}

h2{
	font-size : 20px;
	color : #ef797b;
	text-align: center;
	padding-bottom : 10px;
	font-weight: lighter;
}

h3{
	text-align : center;
	margin-top : 25px;
}

/*page acueil*/

h5{
	font-size : 15px;
	color : #787265;
	text-align: center;
	padding-top : 4px;
	padding-bottom : 10px;
	font-style : italic;
}

.rezdechaussee, .etage{
	width : 340px;
	float : left;
	padding-right : 30px;
	padding-top : 15px;
}

p.rezdechaussee, p.etage{
	font-size : 12px;
	color : #787265;
	line-height : 1.2;
}

.rose{
	color : #af5757;
}

.centrer{
	text-align :;
}

/*mentions*/

.mentions{
	width : 730px;
}

/*page acces*/

p.acces{
	text-align : center;
	color : #787265;
}

/*page activités*/

a:hover.site{
	font-weight : bold;
}


h4{
	margin-top : 30px;
	color : #787265;
	font-weight: bold;
}

p.activites{

	color : #787265;
}

p.detail1{

	width: 350px;
	font-size: 14px;
	color : #787265;
	float : left;
	text-align : justify;
	line-height: 1.4;
}
p.detail2{

	width: 700px;
	font-size: 14px;
	color : #787265;

	text-align : justify;
	line-height: 1.4;

}

p.detail3{

	width: 700px;
	font-size: 14px;
	color : #787265;

	text-align : justify;
	line-height: 1.4;

}

.saintfort, .chateau, .mortagne, .royan, .zoo, .saintes{
	float : right;
	margin-top : 10px;
	margin-right: 45px
}

.chateau{
	margin-bottom: 50px;
}

.port-maubert, .fontaine, .antilles, .port-meschers{
	margin-right : 90px;
}

.vitrizay{
	margin-left : 50px;
}

.voile, .fontaine2, .base, .grottes{
	margin-top : 0px;
}

.apres1{
	height : 25px;
	margin-top : 30px;
	margin-left: 380px;
}

.avant, .apres{
	height : 25px;
	margin-top : 30px;
}
.avant{
	margin-left: 295px;
}
.apres{
	margin-left: 70px;
}


/*tarifs*/

.periodes{
	margin-top : 15px;
	color : #787265;
	font-weight: bold;
}

.tarifs{
	color : #af5757;
}

p.texte-tarifs{
	margin-top : 30px;
	margin-left : 160px;

}

p.texte-detail{
	margin-top : 30px;
	margin-left : 160px;
	color : #787265;
	font-style: italic;
}

/*carte d'acces*/

iframe{
	margin-left : 70px;
}

.acces{
	margin-top: 40px;
	margin-bottom : 40px;
	line-height : 0.8;
}




.clearfix:after{
		content :".";
		visibility : hidden;
		display : block;
		height : 0;
		clear : both;
}