html,body{
	min-height: 100%;
	background: #fff;
	text-align:center;
}
textarea,p{
	text-align:left;
}
body{
	font-size: 62.5%;
	font-family: Verdana;
	color:#000;

}

#content {
	position:relative;
	width : 980px;
	height: 100%;
	margin : 0 auto;
	text-align: left;
}
#logo{
	position : absolute;
	width : 400px;
	height : 134px;
}
#lang {
	position : absolute;
	right:0;
	z-index:1200;
}

/* Titre haut */
#bigtitle,#bigtitle_phototheque{
	position: absolute;
	top:-3px;
	clear:both;
	z-index:1100;	
}
#bigtitle{
	right:10px;	
}
#bigtitle_phototheque{
	right:-100px;
}
/* Menu page d'accueil */

div#nav-main-index{
	position:relative;
	display:block;
	left:895px;
	width:150px;
	height:400px;	
	background:url(../images/bg_nav_main.gif);
	background-repeat:repeat-y;
}
div#nav-main-index span{
	display:block;
	margin:20px 0 0 32px;
}

div#nav-main-index a,div#nav-main-index a:visited,div#nav-main a,div#nav-main a:visited{
	color:white;
}
div#nav-main-index a:hover, div#nav-main a:hover{
	color:black;
	text-decoration:none;
}
/* Menu */
div#nav-main {
	position:absolute;
	top:120px;
	width : 111px;
	height : 319px;
	background : url(../images/bg_nav_main.gif) #ced539;
	z-index:50;
}

div#nav-main ul {
	text-align : right;
	padding : 15px 0 0 3px;
	list-style: none;
}
div#nav-main ul li{
	height : 30px;
}

div#nav-main ul li, div#nav-main ul li:visited{
	display : block;
	height : 30px;
	color : #000;
	background-image: url(../images/header/star_off.gif);
	background-repeat : no-repeat;
	font: 1px/0px serif;
	content: ".";
}
div#nav-main li:hover, div#nav-main li a:hover, div#nav-main li#rubencours{
	display : block;
	height : 30px;
	color : #000;
	background-image: url(../images/header/star_on.gif);
	background-repeat : no-repeat;

}
#main-content{
	position : absolute;
	top : 120px;
	left:120px;
	width : 900px;
}

ul#main-content-links {
	position:absolute;
	top:32px;
	left:10px;
	list-style: none;
	width:100px;
}
ul#main-content-links li{
	float:left;
	width:25px;
}
div#main-content-title-accueil, div#main-content-title-chambres {
	position:absolute;
	top:29px;
	left:40px;
	width : 144px;
	height : 292px;
	text-align:left;
	background : url(../images/bg_main_content_title.gif);
	background-repeat : repeat-x;
}

div#main-content-title-chambres {
	left:120px;
}

div#main-content-title-accueil span, div#main-content-title-chambres span{
	position:relative;
	display:block;
	padding-left:5px;
	width : 140px;
	color:#fff;
}
div#main-content-txt-links, div#main-content-txt-nolinks{
	position:absolute;
	top:-10px;
	width:791px;
	height : 370px;
	text-align:left;
	background : url(../images/bg_main_content_txt.gif);
	background-repeat:no-repeat;
	z-index:-1;
	
}
div#main-content-txt-nolinks{
	left:140px;
}
div#main-content-txt-links{
	left:221px;
}
div#main-content-txt-big{
	position:absolute;
	top:-7px;
	left:85px;
	width : 802px;
	height : 600px;	
	background : url(../images/bg_border_main_big.gif);
	background-repeat : no-repeat;
}
div#main-content-txt-big-noheight{
	position:absolute;
	top:-7px;
	left:85px;
	width : 802px;
	height : 600px;	
}
div#bg-border-top {
	position:absolute;
	height:62px;
	width:802px;
	background : url(../images/bg_border_top.gif);
	background-repeat : no-repeat;
	z-index:1;
}
div#bg-border-bottom {
	position:relative;
	height:70px;
	width:802px;
	background : url(../images/bg_border_bottom.gif);
	background-repeat : no-repeat;
	z-index:1;
}
div#txt{
	position:relative;
	width:650px;
	padding : 20px 30px 0 60px;
	text-align:justify;
}


div#scroll {
	position:relative;
	width : 800px;
	height : 500px;
	margin-top:30px;
	overflow-y: scroll;
	overflow-x:hidden;
}

#main-content-txt-nolinks div, #main-content-txt-links div{
	padding : 40px 80px 20px 80px;
	text-align:justify;
}

ul#phototheque {
	position:absolute;
	top:3px;
	left:50px;
	list-style : none;
	background : #b6b7ba;
	margin : 26px 0 0 50px;
	width : 132px;
	height : 532px;
	text-align:center;
}
ul#phototheque li{
	padding-top : 3px;
}
#main-content-txt-photo{
	position:absolute;
	top:-17px;
	left:198px;
	margin : 10px 0 0 0;
	background : url(../images/bg_border_main_big.gif);
	width : 802px;
	height : 600px;	
	z-index:-1;
}
#main-content-txt-photo img{
	margin-top : 50px;
	margin-left:-10px;
}
#sub-content{
	position:absolute;
	top : 500px;
	text-align:left;
}
ul#sub-content{
	position:relative;
	padding:0 0 0 17px;
	top:-40px;
	_top:-50px;
	list-style: none;
	width : 100%;
}
ul#sub-content li:first-child{
	padding-left:531px;
}

ul#sub-content li{
	float:left;
	padding-right:5px;
}

#sub-content-txt-chambres{
	position: relative;
	border : 1px solid #ced539;
	margin-left:40px;
	width : 914px;
	height : 189px;
}
#sub-content-txt-accueil{
	position: relative;
	margin-top:-30px;
	margin-left:30px;
	width : 966px;
	height :235px;
	background:url(../images/accueil/bg_phototheque.jpg);
}

#sub-content-txt-phototheque{
	padding-left:15px;
}
#sub-content-txt-plan{
	position: relative;
	border : 1px solid #ced539;
	margin-left:-100px;
	width : 174px;
	height : 158px;
	text-align:center;
}

#sub-content-txt-accueil div,#sub-content-txt-chambres div, #sub-content-txt-plan div{ 
	position: relative;
	text-align:left;
	top : -18px;
	left : -1px;
	z-index:1;
}

div#form-title {
	clear:both;
	float:left;
	width:150px;
	font-weight:bold;
}
div#form-field {
	width:400px;
	float:left;
}
ul#footer {
	position:absolute;
	top : 800px;
	text-align:center;
	list-style: none;
}
ul#footer li{
	display:inline;
	padding-right:20px;
}

div#h1{
	background : url(../images/h1.gif);
	width:700px;
	height:20px;
	background-repeat:repeat-x;
}
h1 {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ced539;
	text-transform: uppercase;
	background:white;
	display: inline;
}

h2 {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	color: #09f;
	margin: 15px 0 15px 0;
}

	
h3 {
	clear: both;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}


p {
	margin: 5px 0 5px 0;
	line-height: 140%;
}


p#error {
	color:red;
	text-decoration: blink;
	font-weight:bold;
}

#table1 {
	background:#f3f4cd;
	height:90px;
}
#table2 {
	background:#f6f6f6;
	height:90px;
}

.hidden {
	display : none;
}


.dragdrop {
	text-align:center;
	width: 400px;
	list-style-type: none;
	margin: 20px 0px;
}

.dragdrop li {
	border: 1px solid #000;
	background-color: #EFEFEF;
	margin: 2px;
	padding: 2px;
	padding-left: 10px;
	cursor: move;
}
.dragdrop li .liens {
	display: block;
	position: absolute;
}
.dragdrop li .liens a {
	text-decoration: none;
	color: #7A0C00;
	padding-left: 2px;
}

TEXTAREA:focus, input:focus {
	border: 2px solid #ced539;
}
SELECT {
	background-color:#ccc;
	font-size: 1em; 

}
INPUT {
	color:black;
	background-color:white;
}
blockquote p{
    font-size: 1.6em;    
}