/* 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 : #af0062;
}
#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:#af0062;
	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:-5px;
	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-position:center bottom;
	background-repeat : no-repeat;
}
#template-top {
	position:absolute;
	top:25px;
	left:0px;
}

/* Flash Index */
#index-content {
	position:relative;
	top:90px;
}

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

#bienvenue-content h1 {
	margin:33px 100px 0 20px;
}

/*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:240px;
	left:5px;
	background-position:center bottom;
	background-repeat : no-repeat;
}
#chambres-content2{
	position:absolute;
	text-align:left;
	width:406px;
	height:94px;
	top:340px;
	left:345px;
	background : url(../images/template_chambres_content2.jpg);
	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:145px;
	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/template_bienvenue2.jpg);	
	background-position:center bottom;
	background-repeat : no-repeat;

}
#services-photo{
	background : url(../images/template_services.jpg);
}
#situation-photo{
	background : url(../images/template_situation.jpg);
}
#tarifs-photo{
	background : url(../images/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/template_services2.jpg);
	background-repeat : no-repeat;
}
#situation-content{
	background : url(../images/template_situation2.jpg);
	background-repeat : no-repeat;
}

#tarifs-content{
	background : url(../images/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:170px;
	left:160px;
}
#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:170px;
	left:410px;
}

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

/*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;
}

/*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;
}



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