/* GENERAL */
body {
	margin: 0px;
	font: 12px "Trebuchet MS", verdana, Trebuchet MS, sans-serif;
	color: #000;
	background-color: #99CC00;
}

#structure{
	position: relative;
	width: 770px;
	min-height: 585px;
	_height: 585px;
	left: 50%;
	margin-left: -390px;
	border: solid 5px #709500;
	background-color: #FFFFFF;
}

#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 770px;
	height: 84px;
	background-color: #FFF;
}

#header .translate {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 582px;
  width: 165px;
  height: 40px;
  padding: 5px;
  background-color: #000;
  opacity: 0.6;
}

#header .translate .contenu {
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 165px;
  height: 40px;
}

#menu {
	position: relative;
	width: 770px;
	height: 40px;
	background-color: #000;
}

.menu-nav, .menu-nav-on {
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.menu-nav li {
	float: left;
	width: auto;
	height: 40px;
}

.menu-nav li a, .menu-nav-on li {
	padding: 10px 20px 10px 20px;
	color: #fff;
	font: 12px "Trebuchet MS", verdana, Trebuchet MS, sans-serif;
	height: 20px;
	font-weight: bold;
}

.menu-nav li a {
	display: block;	
	text-decoration: none;
}

.menu-nav-on li {
	float: left;
	width: auto;
	background-color: #99CC00;
}

.menu-nav li a:hover, .menu-nav li a:focus, .menu-nav li a:active {
	width: auto;
	height: 40px;
	background-color: #99CC00;
}

#contenu {
	position: relative;
	width: 770px;
	min-height: 300px;
	_height: 300px;
}

#footer {
	position: relative;
	padding: 5px;
	width: 760px;
	min-height: 30px;
	_height: 30px;
}

.titre {
	position: relative;
	padding: 10px;
	width: 750px;
	font-size: 18px;
	font-weight: bold;
	color:#FF6600;
}

.ligne {
	position: relative;
	padding: 10px;
	width: 750px;
	min-height: 10px;
	_height: 10px;
}

#coordonnees {
	position: relative;
	padding: 5px;
	width: 760px;
	min-height: 130px;
	_height: 130px;
	background-color: #FF6600;
}

.coordonnees-photo {
	float: left;
	padding-right: 2px;
	width: 171px;
	height: 138px;
}

.coordonnees-texte {
	float: left;
	margin: 0px 0px 0px 4px;
	padding: 5px;
	width: 225px;
	min-height: 130px;
	_height: 130px;
	background-color: #BF4C00;
	color: #FFF;
}
/* FIN GENERAL */

/* Début ACCUEIL */
#accueil-gauche {
	float: left;
	padding-right: 10px;
	width: 390px;
	min-height: 10px;
	_height: 10px;
}

#accueil-droite {
	float: left;
	width: 350px;
	min-height: 10px;
	_height: 10px;
}

#accueil-promo a {
	display: block;
	margin-top: 10px;
	padding: 10px;
	width: 328px;
	min-height: 20px;
	_height: 20px;
	color: #000;
	font-size: 14px;
	border: 1px solid #FF6600;
	background-color: #FFF3EC;
	text-decoration: none;
}

#accueil-promo a:hover {
	color: #FFF;
	background-color: #FF6600;
}

/* Fin de la page d'accueil */

/* Début LE DOMAINE */
#domaine-gauche {
	float: left;
	width: 250px;
	min-height: 100px;
	_height: 100px;
}

#domaine-droite {
	float: left;
	width: 500px;
	min-height: 100px;
	_height: 100px;
}

#domaine-chambres-gauche {
	float: left;
	width: 400px;
	min-height: 100px;
	_height: 100px;
}

#domaine-chambres-droite {
	float: left;
	margin-left: 10px;
	width: 330px;
	min-height: 100px;
	_height: 100px;
}

.ul-domaine {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 8px;
}

.li-domaine {
	margin: 0px;
	padding: 0px;
}
/* Fin page LE DOMAINE */

/* Début Loisirs */

#loisirs-gauche {
	float: left;
	width: 507px;
	min-height: 100px;
	_height: 100px;
}

#loisirs-droite {
	float: left;
	margin-left: 10px;
	width: 233px;
	min-height: 100px;
	_height: 100px;
}
/* Fin Loisirs */

/* Début page Photos */

.photos-couloir{
	float: left;
	width: 370px;
}

.photos-titre-album{
	position: relative;
	margin-bottom: 5px;
	padding: 5px;
	width: 360px;
	background-color: #FF6600;
	font-size: 14px;
	color: #FFF;
	text-align: center;
}

.photo{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: 115px;
}
/* Fin page Photos */

/* Début page Tarifs */
.tarifs-ligne {
	position: relative;
	padding: 0px 0px 0px 10px;
	width: 750px;
	min-height: 20px;
	_height: 20px;
}

#tarifs-intro{
	position: relative;
	margin-left: 10px;
	width: 740px;
	height: 50px;
	background-color: #709500;
}

#tarifs-gauche, #tarifs-droite {
	float: left;
	min-height: 100px;
	_height: 100px;
}

#tarifs-gauche {
	width: 500px;
}

#tarifs-droite {
	padding-top: 10px;
	width: 250px;
}

#ligne-ancv {
	position: relative;
	padding: 10px;
	margin-left: 10px;
	width: 455px;
	height: 50px;
}

#cheque-vacances{
	float: left;
	padding: 10px;
	width: 190px;
	height: 28px;
	background-color: #FF9900;
}

#ancv {
	float: left;
	margin-left: 10px;
	width: 100px;
	height: 50px;
}


.ligne-tab, .ligne1-tab  {
	position: relative;
	margin: 0px 0px 1px 10px;
	width: 475px;
}

.ligne-tab {
	min-height: 20px;
	_height: 20px;
}

.ligne1-tab {
	min-height: 40px;
	_height: 40px;
}

.col1-tab, .col2-tab, .col3-tab{
	float: left;
	padding: 5px;
	border: 1px solid #ff6600;
	text-align: center;
}

.col1-tab {
	margin-right: 2px;
	width: 180px;
	min-height: 20px;
	_height: 20px;
}

.col2-tab {
	margin-right: 2px;
	width: 75px;
	min-height: 20px;
	_height: 20px;
}

.col3-tab {
	width: 180px;
	min-height: 20px;
	_height: 20px;
}

.col1rose-tab, .col2rose-tab, .col3rose-tab {
	float: left;
	padding: 5px;
	min-height: 20px;
	_height: 20px;
	background-color: #FFE0CC;
	border: solid 1px #FFE0CC;
	text-align: center;
}

.col1orange-tab, .col2orange-tab, .col3orange-tab {
	float: left;
	padding: 5px;
	min-height: 20px;
	_height: 20px;
	background-color: #FF9900;
	border: solid 1px #FF9900;
	text-align: center;
}

.col1rose-tab, .col1orange-tab {
	margin-right: 2px;
	width: 180px;
}

.col2rose-tab, .col2orange-tab{
	margin-right: 2px;
	width: 75px;
}

.col3rose-tab, .col3orange-tab{
	width: 180px;
}
/* Fin page Tarifs */

/* début page Contact */

#contact-gauche, #contact-droite {
	float: left;
	width: 375px;
	min-height: 100px;
	_height: 100px;
}

#contact-coordonnees {
	position: relative;
	padding: 5px;
	width: 365px;
	min-height: 20px;
	_height: 20px;
	background-color: #BF4C00;
}

#contact-coordonnees-texte {
	float: left;
	width: 223px;
	min-height: 20px;
	_height: 20px;
	color: #FFF;
}

#contact-coordonnees-photo {
	float: left;
	width: 139px;
	min-height: 20px;
	_height: 20px;
}
/* Fin de la page Contact */

.clear {
	clear: both;
	height: 0px;
	_display: none;
	visibility: hidden;
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}