/*------------------------------ general ------------------------------*/
html { 
	padding: 0;
	margin: 0;
	background:url(../images/header-bg.jpg) repeat-x #ddd;
}
body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	color: #555861;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

/*------------------------------ haut de page ------------------------------*/
/* Wrapper */
div#wrapper	{
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
	background: #ddd;
	width: 900px;
}

/* Header */
div#header {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 126px;
	background: url(../images/header.jpg) top left no-repeat;
}
div#header img{
	width:25px;
	height:25px;
	float:right;
	margin:7px 5px;
	border:0;
	}

/* Logo */
div#logo {
	float: left;
	width: 450px;
	height: 96px;
	border: 0;
	cursor: pointer;
}
div#logo h1	{
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:96px; /* for pre 6.0 IE Win */
}

/*------------------------------ formulaire ------------------------------*/
form#entryform p {
text-align: left;
}

form#entryform span input.champtexte {
align: right;
width:100%;
}
form#entryform span input.champtextelong {
align: left;
width:480px;
}

form#entryform p.left {
text-align: left;
}
form#entryform p.center {
text-align: center;
}
form#entryform fieldset {
border: 1px solid #ddd;
width:480px;
min-height:320px;
}
form#entryform textarea {
width: 100%;
height:80px;
}

form#entryform textarea.txt {
width: 100%;
height:100px;
margin-top:2px;
}

.message {
	float:right;
	height:100px;
}
/* Enregistrement Début */
div#enregistrement {
width: 480px;
color: #633;
margin: auto;
padding: 0;
font-size:11px;
}

div#enregistrement span.enregistrement{
width: 480px;
margin: 0;
padding: 0;
}

div#enregistrement span.enregistrementgauche {
float: left;
margin: 0;
padding: 0;
width: 30%;
height:25px;
}

div#enregistrement span.enregistrementdroite  {
float: left;
margin: 0 0 0 4px;
padding: 0;
width: 68%;
height:25px;
}

.notice, .etoile {
	color:red;
	font-weight:bold;
}

#wrapper #content #left #main #entryform fieldset p {
	font-size: 11px;
}

/*------------------------------  ------------------------------*/
p {margin: 0 0 10px 0;}


/* Content */
div#content {
	padding: 15px 0 15px 0;
	margin: 0;
	width: 900px;
}

/* Left Area */
div#left {
	float: left;
	width: 690px;
	line-height: 1.4em;
}
div#left2 {
	float: left;
	width: 900px;
	line-height: 1.4em;
}

/* Applications */
div#apps {
	float: left;
	width: 165px;
	padding: 15px 0 0 0;
}
div#apps h2 {
	font-size: 14px;
	margin: 0 0 5px 0;
}
div#actions ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
div#actions ul li {
	padding: 0;
	margin: 0 0 5px 0;
	display: block;
}
div#actions ul li a {
	display: block;
	height: 20px;
	width: 165px;
	text-decoration: none;
}
div#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #F2F2F2;
}
div#menu ul li {
	display: block;
	padding: 0;
	margin: 0;
	border-top: 1px solid #BDBDBD;
}
div#menu ul li a {
	display: block;
	text-decoration: none;
}
div#menu ul li a:active,  div#menu ul li a:link, div#menu ul li a:visited {color: #555861; text-decortaion: none; padding: 5px 5px 5px 10px; background: #F2F2F2;}
div#menu ul li a:hover {color: #555861; text-decortaion: none; padding: 5px 5px 5px 10px; background: #FCCA42;}


/* Main */
div#main {
	float: right;
	width: 515px;
	padding: 15px 0 0 0;
}
div#main2 {
	float: right;
	width: 700px;
	padding: 15px 0 15px 0;
}

div#left3 {
	float: left;
	width: 900px;
	line-height: 1.4em;
	}

#wrapper #content #left3 #visite {
	width: 500px;
	padding: 15px 0 0 0;
	float:left
}
#wrapper #content #left3 #visite h2 {
	font-size: 24px;
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height: 1.1em;
	font-weight:bold;
}

#wrapper #content #left3 #visite h1 {
	font-size: 16px;
	margin: 0 0 3px 0;
	font-weight: normal;
	line-height: 1.1em;
	font-weight:bold;
}

#photo {
	width:390px;
	float:right;
	}
	
div#gauche {
	float: left;
	width: 185px;
	padding: 15px 0 15px 0;
}
div#gauche h1 {
	font-size: 20px;
	margin: 0 0 15px 0;
	line-height: 1.3em;
	}

div#main h3 {
	font-size: 12px;
	margin: 0 0 5px 0;
	line-height: 1.2em;
}
div#main h1 {
	font-size: 24px;
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height: 1.1em;
}
div#main h2 {
	font-size: 15px;
	margin: 0 0 10px 0;
	line-height: 1.2em;
}
div#main h3 {
	font-size: 12px;
	margin: 0 0 5px 0;
	line-height: 1.2em;
}
div#main a:active, div#main a:link, div#main a:visited {text-decoration: underline; color: #555861;}
div#main a:hover {text-decoration: none; color: #555861; background: #FCCA42;}
div#main ul {
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}
div#main li {
	padding: 0;
	margin: 0;
	list-style-type: square;
}
div#main img.standard {
	margin: 0 0 10px 0;
}
div#main img.rght {
	float: right;
	margin: 0 0 10px 10px;
}
div#main img.border {
	float: right;
	border: 1px solid #BDBDBD;
	padding: 5px;
	margin: 0 0 10px 10px;
}
div#main .block {
	border: 1px solid #BDBDBD;
	padding: 10px 10px 0 10px;
	background: #F2F2F2;
}
.modular {
	border: 1px solid #BDBDBD;
	padding: 10px;
	margin: 0 0 10px 0;
}
.col_lft {
	float: left;
	width: 48%;
	margin: 0 0 10px 0;
}
.col_rght {
	float: right;
	width: 48%;
	margin: 0 0 10px 0;
}
p.date {font-weight: bold; color: #7B808C; margin: 0 0 5px 0; text-transform: uppercase;}


/* Right Area */
div#right {
	float: right;
	width: 200px;
	line-height: 1.3em;
}
div#right .block {
	border: 1px solid #BDBDBD;
	padding: 10px 10px 0 10px;
}
div#right h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
}
div#right img {margin: 0 0 10px 0;}
div#right p {margin: 0 0 10px 0;}
div#right ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
div#right ul li {
	padding: 0;
	margin: 0;
	display: block;
}
div#right ul li a {
	display: block;
	height: 20px;
	width: 100px;
	text-decoration: none;
}


/* Footer */
div#footer {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
	width: 900px;
	border-top: 1px solid #B0B0B0;
	line-height: 1.4em;
}
div#footer a:active, div#footer a:link, div#footer a:visited {
	color: #555861;
	text-decoration: none;
	background: none;
}
div#footer a:hover {
	color: #555861;
	text-decoration: none;
	background: #FCCA42;
}

/* Primary Navigation */
#accueil {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-accueil.jpg) 0 0 no-repeat;}
#Home {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Home.jpg) 0 0 no-repeat;}
#Le-ryad {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-le-ryad.jpg) 0 0 no-repeat;}
#the-ryad {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-the-ryad.jpg) 0 0 no-repeat;}
#La-Riad {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-La-Riad.jpg) 0 0 no-repeat;}
#Les-chambres {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Les-Chambres.jpg) 0 0 no-repeat;}
#Rooms {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Rooms.jpg) 0 0 no-repeat;}
#Le-camere {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Le-camere.jpg) 0 0 no-repeat;}
#Les-services {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Les-Services.jpg) 0 0 no-repeat;}
#Services {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Services.jpg) 0 0 no-repeat;}
#I-servizi {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-I-servizi.jpg) 0 0 no-repeat;}
#Les-Reservation {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Les-Reservations.jpg) 0 0 no-repeat;}
#Reservations {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Reservations.jpg) 0 0 no-repeat;}
#La-Prenotazione {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-La-Prenotazione.jpg) 0 0 no-repeat;}
#contact {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Nous-Contacter.jpg) 0 0 no-repeat;}
#Contact-Us {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Contact-Us.jpg) 0 0 no-repeat;}
#Contattarli {height: 30px; text-indent: -9999px; background: transparent url(../images/nav/boutons-Contattarli.jpg) 0 0 no-repeat;}

#accueil a:hover {background: transparent url(../images/nav/boutons-accueil.jpg) 0 -30px no-repeat;}
#Home a:hover {background: transparent url(../images/nav/boutons-Home.jpg) 0 -30px no-repeat;}
#Le-ryad a:hover {background: transparent url(../images/nav/boutons-le-ryad.jpg) 0 -30px no-repeat;}
#the-ryad a:hover {background: transparent url(../images/nav/boutons-the-ryad.jpg) 0 -30px no-repeat;}
#La-Riad a:hover {background: transparent url(../images/nav/boutons-La-Riad.jpg) 0 -30px no-repeat;}
#Les-chambres a:hover {background: transparent url(../images/nav/boutons-Les-Chambres.jpg) 0 -30px no-repeat;}
#Rooms a:hover {background: transparent url(../images/nav/boutons-Rooms.jpg) 0 -30px no-repeat;}
#Le-camere a:hover {background: transparent url(../images/nav/boutons-Le-camere.jpg) 0 -30px no-repeat;}
#Les-services a:hover {background: transparent url(../images/nav/boutons-Les-services.jpg) 0 -30px no-repeat;}
#Services a:hover {background: transparent url(../images/nav/boutons-Services.jpg) 0 -30px no-repeat;}
#I-servizi a:hover {background: transparent url(../images/nav/boutons-I-servizi.jpg) 0 -30px no-repeat;}
#Les-Reservation a:hover {background: transparent url(../images/nav/boutons-Les-Reservation.jpg) 0 -30px no-repeat;}
#Reservations a:hover {background: transparent url(../images/nav/boutons-Reservations.jpg) 0 -30px no-repeat;}
#La-Prenotazione a:hover {background: transparent url(../images/nav/boutons-La-Prenotazione.jpg) 0 -30px no-repeat;}
#contact a:hover {background: transparent url(../images/nav/boutons-Nous-Contacter.jpg) 0 -30px no-repeat;}
#Contact-Us a:hover {background: transparent url(../images/nav/boutons-Contact-Us.jpg) 0 -30px no-repeat;}
#Contattarli a:hover {background: transparent url(../images/nav/boutons-Contattarli.jpg) 0 -30px no-repeat;}

ul#nav { 
	float: right;
	z-index: 100;
	list-style: none; 
	padding: 0; 
	margin: 0 0 0 0; 
	background: #555861;
	width: 720px;
	height: 30px;
}
#nav li { 
	z-index: 102;
	float: left; 
	position: relative;
	text-align: left; 
 	width: 120px; 
	height: 30px; 
}
/* not applied by IE Mac or PC \*/
html>body #nav li { 
	width: 120px; 
}
/* End hack */
#nav a { 
	display: block; 
	text-decoration: none; 
	width: 120px;
	height: 30px;
	color: #FFF;
}
#nav li a:hover { 
	color: #FCCA42; 
}
#nav li ul { 
	z-index: 103;
	display: none;
	list-style: none; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	background: #FFF; 
	border-right: 1px solid #555861; 
	border-left: 1px solid #555861; 
	padding: 0; 
	margin: 0;
	width: 158px;
	voice-family: "\"}\"";/* NOT applied by IE 5.5- */ 
	voice-family: inherit; 
	width: 158px; 
}
html>body #nav li ul { 
	width: 158px; 
}
#nav li>ul { 
	top: auto; 
	left: auto; 
}
#nav li li { 
	z-index: 104;
	display: block; 
	width: 158px; 
	text-align: left; 
	float: none; 
	height: auto; 
}
#nav li li a { 
	z-index: 105;
	display: block; 
	width: 138px; 
	padding: 5px 10px 5px 10px; 
	color: #555861; 
	font-weight: normal;
	height: auto; 
	border-bottom: 1px solid #555861; 
}
#nav li li a:hover { 
	background: #FCCA42; 
	color: #555861;
}
#nav li:hover ul, #nav li.over ul { 
	display: block; 
}


/* Slideshow */
#fade, #fade2 {
	width: 690px;
	height: 180px;
}
#fade2 {
	width: 900px;
}

#imageslideshowholder {
	z-index: 1;
	position: relative;
	width: 690px;
	height: 180px;
}

#imageslideshowholder2 {
	z-index: 1;
	position: relative;
	width: 900px;
	height: 180px;
}
#imageslideshowholder img {
	position: absolute;
}
#imageslideshowholder2 img {
	position: absolute;
}

.lire a{
	
	color:#633;
	font-weight:bold;
	}

#flashcontent {
	height: 100%;
	}
	
#agrandir{
	height:15px; margin: -680px 0 -15px 30px;
	}
#vignette160 a img{
	float:right; width:163px; height:90px; margin:0 0 15px 15px; border:none;
	}
	
#vignette128 a img{
	float:right; width:128px; height:90px; margin:0 0 15px 15px; border:none;
	}
	
#vignette102 a img{
	float:right; width:87px; height:70px; margin:0 0 15px 15px; border:none;
	}
	
#clear{ clear:both;
	
	}
#wrapper #content #left #main #tarif{
	width:100%; font-size: 12px;
	}
#wrapper #content #left #main #tarif tr td{
	border-bottom: 1px dotted #643;
	}
#wrapper #content #left #main #tarif tr td em{
	font-size: 10px;
	}
#wrapper #content #left #main #tarif tr td.fin{
	border:0;
	}
#wrapper #content #left #main #tarif tr td.TarifPrix{
	text-align:right;
	}
#wrapper #content #left #main #tarif tr th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #643;
	color: #FFF;
	text-align: center;
}


div.pic {float: left; height: 130px; width: 130px;
  padding: 20px; margin: 10px 8px;
  /*background: url(../images/frame-ls.gif) center no-repeat;*/}
div.pt {/*background-image: url(../images/frame-pt.gif);*/}
div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}
div.ls img {height: 96px; width: 128px; margin: 16px 0 0;}
div.pt img {height: 128px; width: 96px; margin: 0 16px;}
div.pt ul {display: none;}
div.pic ul {margin: 0; padding: 0;}
li.title {list-style: none; text-align: center; color: #999;
  font: bold 9px Verdana, sans-serif; margin:2px}