/* CSS Document */

/*PAGE LAYOUT*/
body {

	overflow-y : auto;
	overflow-x : hidden;
	font-family:Verdana;
	font-size:10px;
	color:#666666;
}

p {
	padding : 5px 20px 5px 20px;
}
a {
	color : #706114;
}
#offres_speciales a:link, #offres_speciales a:visited   {
	text-decoration : none;
}
#offres_speciales a:hover   {
	text-decoration : underline;
}
TEXTAREA {
	font-size:11px;
	font-family:arial;
}
TEXTAREA:focus {
	background-color:#ccc;
}
SELECT {
	background-color:#ccc;
	font-size:11px;
}
INPUT {
	color:black;background-color:white;font-size:11px;font-family:arial;
}
INPUT:focus {
background-color:#ccc;
}


/*TEXTES*/
h1{
	font-size:12px;
	font-weight:bold;
	color:#6e6014;
	text-transform:uppercase;
	letter-spacing:-1px;
	background : white;
}

.subtitle {
	color: #9d9d9d;
}
h3{
	background-color:#f0e1b4;
	color:#000;
	font:13px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0 60px 10px 0px;
	padding-left:4px;
	line-height:18px;
}

/*ELEMENTS MAIN TEMPLATE*/
#main_background{
	position:absolute;
	width:1680px;
	height:800px;
	margin-top:-400px; /* moitié de la hauteur */
	margin-left:-840px; /* moitié de la largeur */
	left:50%; 
	top:50%;
	background-repeat : no-repeat;
	background-position:center center;
}
#menu {
	position:absolute;
	left:0;
	top:150px;
	text-align:left;
	width:247px;
}
#content {
	position:absolute;
	width : 900px;
	height: 600px;
	text-align: center;
	margin-top:-300px; /* moitié de la hauteur */
	margin-left:-450px; /* moitié de la largeur */
	left:50%; 
	top:50%;
	
}

#content-html {
	position:absolute;
	width : 900px;
	height: 600px;
	text-align: center;
	margin-top:-325px; /* moitié de la hauteur */
	margin-left:-450px; /* moitié de la largeur */
	left:50%; 
	top:50%;
	background : url(../images/flash/template_main.jpg);
	background-position:center bottom;
	background-repeat : no-repeat;
}
#template-top {
	position:absolute;
	top:25px;
	left:0px;
}

/*BIENVENUE*/
#bienvenue-content{
	position:absolute;
	text-align:left;
	width:218px;
	height:375px;
	top:150px;
	right:5px;
	background : url(../images/flash/index/template_bienvenue.jpg);
	background-position:center bottom;
	background-repeat : no-repeat;
}

#bienvenue-content h1 {
	margin:33px 100px 0 20px;
}
#bienvenue-bt{
	position:absolute;
	text-align:left;
	width:132px;
	height:65px;
	bottom:-5px;
	left:80px;
	font-weight:bold;
}
#bienvenue-bt a:link,#bienvenue-bt a:visited{
	text-decoration:underline;
	color:#6e6014;
}
#bienvenue-bt a:hover{
	text-decoration:none;
	color:#6e6014;
}

/*POP UP ST EX */
#pop_up {
	position:absolute;
	width:600px;
	top:130px;
	left:100px;
}

#pop_up div {
	position:absolute;
	top:150px;
	left:100px;
	width:570px;
	height:300px;
	text-align:left;
}
ul#pop_up {
	position:absolute;
	top:0;
	left:0;
	width:460px;
}
ul#pop_up li {
	float:left;
	width:193px;
	height:268px;
}
#pop_up li span {
	position:relative;
	top:18px;
	left:18px;
}
/*CHAMBRES*/
#chambres-plan{
	position:absolute;
	text-align:left;
	width:332px;
	height:194px;
	top:150px;
	left:150px;
	background-position:center bottom;
	background-repeat : no-repeat;
}
#chambres-content{
	position:absolute;
	text-align:left;
	width:332px;
	height:194px;
	top:380px;
	left:150px;
	background-position:center bottom;
	background-repeat : no-repeat;
}

/*SERVICES, SITUATION, TARIFS*/
#services-photo,#situation-photo,#tarifs-photo{
	position:absolute;
	text-align:left;
	width:516px;
	height:379px;
	top:150px;
	left:140px;
	background-position:center bottom;
	background-repeat : no-repeat;
}
#bienvenue-photo{
	position:absolute;
	text-align:left;
	width:560px;
	height:451px;
	top:124px;
	left:135px;
	background : url(../images/flash/index/template_bienvenue2.jpg);	
	background-position:center bottom;
	background-repeat : no-repeat;

}
#services-photo{
	background : url(../images/flash/services/template_services.jpg);
}
#situation-photo{
	background : url(../images/flash/situation/template_situation.jpg);
}
#tarifs-photo{
	background : url(../images/flash/tarifs/template_tarifs.jpg);
}
#services-content,#situation-content,#tarifs-content{
	position:absolute;
	text-align:left;
	width:239px;
	height:379px;
	top:150px;
	right:5px;
}
#services-content{
	background : url(../images/flash/services/template_services2.jpg);
	background-repeat : no-repeat;
}
#situation-content{
	background : url(../images/flash/situation/template_situation2.jpg);
	background-repeat : no-repeat;
}

#tarifs-content{
	background : url(../images/flash/tarifs/template_tarifs2.jpg);
	background-repeat : no-repeat;
}
#services-content h1 {
	margin:40px 150px 0 20px;
}
#situation-content h1 {
	margin:40px 120px 0 20px;
}
#tarifs-content h1{
	margin:40px 170px 0 20px;
}

/*PRESS*/
#press-fr-content{
	position:absolute;
	text-align:left;
	width:239px;
	height:379px;
	top:150px;
	left:180px;
}
#press-fr-content h1, #press-et-content h1, #press-tv-content h1{
	margin:40px 90px 0 20px;
}

#press-et-content{
	position:absolute;
	text-align:left;
	width:239px;
	height:379px;
	top:150px;
	left:440px;
}

#press-tv-content{
	position:absolute;
	text-align:left;
	width:239px;
	height:379px;
	top:150px;
	left:700px;
}

/*CONTACT*/
#contact-content{
	position:absolute;
	text-align:left;
	width:439px;
	height:379px;
	top:150px;
	right:15px;
	background-position:center bottom;
	background-repeat : no-repeat;
}
ul#contact{
	position:absolute;
	text-align:left;
	top:150px;
	left:150px;
	list-style-type : none;
}
ul#contact li{
	clear:both;
}
/*PHOTOTHEQUE*/
#phototheque-content{
	position:absolute;
	text-align:left;
	width:750px;
	height:379px;
	top:150px;
	left:140px;
	background-position:center bottom;
	background-repeat : no-repeat;
}
#phototheque-content div {
	float:left;
	text-align:center;
	width :  170px;
	height : 100px;
}
#phototheque-pop-exupery div{
	width :  170px;
	height : 260px;

}
/*MENU_BOTTOM*/
#menu_bottom{
	position:absolute;
	left:25px;
	top:603px;
}
#menu_bottom ul, #menu_bottom{
	list-style-type : none;
	text-align:left;
	padding:0;
	margin:0;
	color : white;
}
#menu_bottom li {
	position:absolute;
	width:300px;
}
#menu_bottom a:link,#menu_bottom a:visited {
	color : white;
	text-decoration : none;
}
#menu_bottom a:hover {
	color : white;
	text-decoration : underline;
}

/* FOOTER */
#footer{
	width:100%;
	position:absolute;
	left:25px;
	top:750px;
	color:#ccc;
	text-align:center;
}


/*BOX SCROLL*/
#button-scroll {
	position:absolute;
	width:16px;
	height:30px;
	bottom:10px;
	right:10px;
	!right:20px;
}

#scroll_up {
	cursor: pointer;
}
#scroll_down {
	cursor: pointer;
}
#scroll_box {
	height: 200px;
	width: 300px;
	overflow: auto;
}

form, #form a:link, #form a:visited {
	color : #000;
}