/* CSS Document */
@import url('style.reset.css');

body {
	background:#8A9FA0;
	margin-top:5%;
}

a, a:visited {
	text-decoration:none;
	color:#000;
}

#main {
	display:block;
	width:1017px;
	height:620px;
	border:1px solid #92D055;
	background:#fff url('images/background.jpg') no-repeat top left;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	position: relative;
	/**
	position:absolute;
	left: 50%;
	top: 50%;
	width:1017px;
	height:620px;
	margin-top: -310px;
	margin-left: -508px;
	 */
}

#header {
	display:block;
	clear:both;
	height:95px;
}

#header h1 {
	display:none;
}

#menu {
	display:block;
	clear:both;
	height:55px;
	overflow:hidden;
	text-align:center;
	margin-left:200px;
	padding-top:20px;
}

#contenu {
	display:block;
	clear:both;
	height:430px;
	margin-left:240px;
	margin-right:85px;
	overflow:hidden;
}

#contenu #texte {
	display:block;
	width:320px;
	float:left;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:justify;
}

#contenu #texte #texte2 {
	width:320px;
	height:390px;
	overflow:auto;
}

#contenu #texte #sub_menu {
	display:block;
	clear:both;
	height:55px;
	overflow:hidden;
	text-align:center;
}


#contenu #texte h1 {
	margin-bottom:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#E6601A;
}

#contenu #texte h1 a, #contenu #texte h1 a:visited {
	color:#E6601A;
	text-decoration:none;
}

#contenu #texte h2 {
	margin-top:14px;
}

#contenu #texte p {
	padding-bottom:10px;
}

#contenu #image {
	display:block;
	width:362px;
	float:right;
	overflow:hidden;
}

#contenu #image #preview {
	display:block;
	width:360px;
	height:241px;
	border:1px solid #CE976C;
	background:url('images/photos/loading.gif') no-repeat center center;
}

#contenu #image ul {
    position:absolute;
	display:block;
	list-style:none;
	margin:6px 0px 0px 0px;
	height:0px;
}

#contenu #image ul li {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

#contenu #image ul li img {
	display:block;
	float:left;
	width:74px;
	height:54px;
	margin:0px 19px 0px 0px;
	border:1px solid #98CB6A;
	background:url('images/photos/loading.gif') no-repeat center center;
}

#contenu #image p {
    position:absolute;
    bottom:25px;
	display:block;
	width:360px;
	height:100px;
	margin:0px;
	padding:0px;
	padding-top:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	color:#687F4D;
}

#contenu #image a, #contenu #image a:visited {
	color:#687F4D;
}

#footer {
	display:block;
	clear:both;
	height:20px;
	background:#527E1B;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#fff;
	text-align:center;
}


#niveau_1 {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

#niveau_1 li {
	display:inline;
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	margin-right:0px;
}

#niveau_2 {
	display:none;
	list-style:none;
	margin:0px;
	padding:0px;
	background:#000;
}

#niveau_2 li {
	display:inline;
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:20px;
}

#menu span, #sub_menu span {
	display:none;
}

#menu a, #sub_menu a {
	display:block;
	height:50px;
}

.accueil {
	width:75px;
	background:url('images/menu/accueil.jpg')
}

.accueil:hover {
	background:url('images/menu/accueil_hover.jpg')
}

.actualites {
	width:90px;
	background:url('images/menu/actualites.jpg')
}

.actualites:hover {
	background:url('images/menu/actualites_hover.jpg')
}

.studio {
	width:75px;
	background:url('images/menu/studio.jpg')
}

.studio:hover {
	background:url('images/menu/studio_hover.jpg')
}

.le_parc {
	width:75px;
	background:url('images/menu/le_parc.jpg')
}

.le_parc:hover {
	width:75px;
	background:url('images/menu/le_parc_hover.jpg')
}

.services {
	width:82px;
	background:url('images/menu/services.jpg')
}

.services:hover {
	width:82px;
	background:url('images/menu/services_hover.jpg')
}

.tarifs {
	width:70px;
	background:url('images/menu/tarifs.jpg')
}

.tarifs:hover {
	width:70px;
	background:url('images/menu/tarifs_hover.jpg')
}

.situation {
	width:90px;
	background:url('images/menu/situation.jpg')
}

.situation:hover {
	width:90px;
	background:url('images/menu/situation_hover.jpg')
}

.contact {
	width:80px;
	background:url('images/menu/contact.jpg')
}

.contact:hover {
	width:80px;
	background:url('images/menu/contact_hover.jpg')
}

.chambre {
	width:85px;
	background:url('images/menu/chambre.jpg')
}

.chambre:hover {
	background:url('images/menu/chambre_hover.jpg')
}

.bungalow {
	width:96px;
	background:url('images/menu/bungalow.jpg')
}

.bungalow:hover {
	width:96px;
	background:url('images/menu/bungalow_hover.jpg')
}

.duplex {
	width:75px;
	background:url('images/menu/duplex.jpg')
}

.duplex:hover {
	width:75px;
	background:url('images/menu/duplex_hover.jpg')
}



#copyright {
	display:block;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	margin-top:50px;
	/**
	position:absolute;
	left: 50%;
	top: 50%;
	width:1017px;
	height:20px;
	margin-top:325px;
	margin-left: -508px;
	*/
}

#copyright a, #copyright a:visited {
	color:#666;
	text-decoration:none;
}

.list_inline ul li {
	display:inline;
	list-style:none;
}

.see_more {
	text-align:right;
	margin:20px 25px 20px 0px;
	padding:0px;
}

.see_more a, .see_more a:visited {
	text-decoration:underline;
}

#feuillage {
	position: absolute;
	width: 185px;
	height: 300px;
}
#feuillage2 {
	position: absolute;
	width: 85px;
	height: 575px;
	right: 0;
	top: 50px;
}


div.langswitcher {
	position:relative;
	top:121px;
	left:131px;  
    width:80px;
    text-align:center;
}

div.langswitcher a {
    font-family:"Arial", sans-serif;
    font-size:0.8em;
    color:#3966ff;
    font-weight:bold;
}