/*CSS réalisé par Thibault Gentil*/
body
{
	max-width: 850px;
}

.barre_haut
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.presentation
{
	position: absolute;
	top: 120px;
	left: 50px;
	z-index: 2;
	max-width: 850px;
}

.titre
{
	position: absolute;
	left: 270px;
	top: 2px;
	text-align: right;
	color: brown;
	z-index: 2;
}

.logogites
{
	position: absolute;
	top: 3px;
	left: 10px;
	height: 78px;
	border: none;
	z-index: 2;
}

.logoepis
{
	position: absolute;
	top: 20px;
	left: 95px;
	z-index: 10;
	height: 40px;
	width: 54px;
	visibility: visible;
}


h3
{
	margin-left: 25px;
	font-family: "Arial Black", Arial, Verdana, serif;
	font-size: 1.2em;
}




#menu
{
	width: 170px;
	float: left;
	position: fixed;
	z-index: 3;
	background: #fcfa45;
	margin-top: 300px;
}


.circle
{
	list-style-type: circle;
	color: red;
	font-size: 1.1em;
	border: 1px;
}


.ancres
{
	color: red;
	text-decoration: none;
}


#corps
{
	margin-left: 210px;
	margin-top: 300px;
	max-width: 630px;
}


.info_gite
{
	text-align: justify;
	font-family: "Times New Roman", serif;
	font-size: 1.14em;
	max-width: 655px;
}


.tarif, td, th
{
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	background-color: #FFFFFF;
	width: 350px;
}


.non-encadré
{
	border: none;
}

.lien
{
	color: red;
}

a:hover
{
	color: orange;
	text-decoration: none;
}

.adresse
{
	color: green;
	margin-left: 70px;
}

#footer
{
	position: absolute;
	left: 0px;
}

.liens_divers
{
	position: relative;
	left: 75px;
}

.lien_image, .lien_image1, .lien_image2, .lien_image3, .lien_image4
{
	border: none;
}

.lien_image1
{
	margin-bottom: 45px;
}

.lien_image2
{
	margin-bottom: 14px;
}

.lien_image3
{
	margin-bottom: 24px;
}

.lien_image4
{

	margin-bottom: 17px;
}