@charset "utf-8";
/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
   	background: #fff;
background-image: url("/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/guide-du-routard/thumbs/routard-lonely-planet-maroc02.png");/*routard-lonely-planet-maroc01.jpg*/
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 100% 30%; 
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
   	line-height: 147%;
}

#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
	background: #fff;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #666666;/*#039*/
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #666666;/*#669*/
	border-top: 1px solid #666666;/*#e8edff*/
}
.oce-first
{
	background: #f2dddc;/*#d0dafd*/
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #990000;/*#339*/
	background: #f2dddc;/*#eff2ff*/
}
  
h1 {
     	font-size: 14px;
     	color: #990000;
     	font-weight: normal;
}
h4,h5,h6   {
     	font-size: 12px;
     	color: #990000;
     	font-weight: normal;
}
     
h2   {
        color: #990000;
	font-weight: normal;
	font-size: 12px;
	/*text-transform: uppercase;*/
	margin:0;
	padding:0;  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

h3   {
        color: #990000;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	margin-bottom: 10px;
	padding-top: 0;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;   
}

a    {
       color: #666;
}

a:hover {
	color: #990000;
}
	
.container {
	padding-top: 5px;
	width: 770px;
	margin: 0 auto;
}

#main {
	width: 770px;
	clear: left;
	margin-top: 0;
	float: left;
}

#logo {
	width: 200px;
	float: left;		
}

#searchBox {
	width: 170px;
	float: right;
	margin-top: 42px;
}

#searchBox input {
	width: 170px;
	background: none;
	color: #666;
	border: solid 1px #CCCCCC;
	font-size: 12px;
	height: 17px;
}

#menurow {
	border-top: solid 1px #CCCCCC;
	float: left;
	clear: left;
	margin-top: 5px;
	width: 770px;
	height: 30px;	
}

#login {
	height:28px;
	line-height:26px;
	float: right;
	width: 100px;
	text-align: right;
}

#login a {
	color: #990000;
	text-decoration: none;
	font-size: 10px;
}
	
#loginpanel{
	background:#fff;
	border:solid 1px #CCCCCC;
	width:350px;
	padding:10px;
        padding-right: 0;
	color:#666;
	position:relative;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	text-align: left;
	margin-left: -260px;
	height: 100px;
}

#loginpanel label {
	font-size: 10px;
}

#loginpanel p{
	margin:0;
	padding: 0;
}

#loginpanel h3{
	display : none;
}

#form-login-remember label{
	float: left;
	clear: left;
	margin-left: 7px;
}

#form-login-remember .inputbox {
	width: 30px;
	border: none;
}

#form-login-username {
	float: left;
	margin-right: 15px;
}

#loginpanel ul {
	width: 330px;
	margin:0;
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

#form-login .button {
	margin:0;
	padding:0;
	width: 70px;
	margin-left: 40px;
}

#loginpanel ul li{
	list-style: none;
	float: left;
	margin-right: 5px;
	font-size: 8px;
}

#loginpanel input {
	float: left;
	width: 120px;
	border: solid 1px #ccc;
	color: #666;
	background: none;
	font-size: 10px;
	margin-right: 40px;
        margin-bottom: 5px;
}

#header {
	width: 770px;
	float: left;
	display: inline-block;
	margin-bottom: 20px;
}

#content {
	width: 490px;
	float: left;
}

#content2 {
	width: 700px;
	float: left;
}

#main #content2 #userForm {
background: white url(/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/riad-aladdin-aquarelle.gif) no-repeat 152% 110%;/*122% 20%*/
margin :0;
padding:0;
width:770 px;
}

#right {
	width: 27%;/*222px*/
	float: right;
	background: #E0DDD2;/*#EEEEEE*/
	padding-top: 20px;
	padding-bottom: 70px;
	margin-top: 20px;
}

#right .moduletable {
	width: 185px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#footer {
	clear: left;
	float: left;
	width: 770px;
	text-align: right;
	border-top: solid 1px #CCCCCC;
	font-size: 9px;
	margin-top: 30px;
	margin-bottom: 30px;
}

h2.contentheading, h2.componentheading {
	margin-bottom: 20px;
	margin-top: 10px;
}

.clear {
	clear: both;
}


/* COMMON TAGS */
.modifydate {
	color: #C0C0C0;
}

.author {
	color: #C0C0C0;
}

.createdate {
	color: #C0C0C0;
}

.contenttoc {
	margin: 5px;
}


ul { 
	margin: 2px;
	padding: 6px;
	padding-left: 15px;
}

li {	
	padding-left: 1px;
	line-height: 150%;
}

ul.arrow1 li,
ul.arrow2 li {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.buttons {
	float:right;
	width:85px;
}

.buttons .buttonheading {
	float:left;
}

.buttons img {
border: 0;
}

fieldset {
	border: none;
}

textarea,
input { 
	border: solid 1px #ccc; 
	color: #666; 
}

.button { 
	background: none; 
	border: solid 1px #ccc; 
	color: #990000; 
}


/* Poll Module Styles */

.poll-radio {
	padding:0;
	float:left;
	clear:left;
	text-align:left;
}

.poll-option {
	float:left;
	padding-bottom:6px;
	padding-top: 3px;
	width:85%;
	margin-left: 2px;
}

.poll h3 {
	border:none;
}

#marrakech {
background: white url("/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/marrakech-bg.gif") no-repeat bottom center;
width: 770px;
}

.aladdin 
{

background-color: transparent;

background-image: url(/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/view.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

cursor: pointer;

display: inline-block;

}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#skype {
float:right;

}

#textHaut h1, #textHaut h2, #textHaut a (ligne 118)

{

font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;

color: #666666;

background-color: #eeeeee;

padding-top: 0px;

padding-right: 0pt;

padding-bottom: 0px;

padding-left: 0px;

font-size: 10px;

border-bottom-width: 0px;

text-align: center;

font-weight: normal;

text-transform: none;

float: none;

}

#communicate a {
	padding-left:15px;
}
.bookmark {
	background:#fff url(/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/star.png) no-repeat scroll 0 1px;
}
.sendToFriend {
	background:#fff url(/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/msg.png) no-repeat scroll 0 1px;
}
.contactUs {
	background:#fff url(/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/msg.png) no-repeat scroll 0 1px;
}
.faceBookFan {
	background:#fff url("/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/facebook.png") no-repeat scroll 0 1px;
}
.skype {
	background:#fff url("/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/riad/skype.png") no-repeat scroll 0 1px;
}




#panel a 

{

color: #666666;

font-size: 10px;

}

#communicate a
{

padding-left: 15px;

}

/*Tableau Distances Maroc*/

tr.tabcolor{ width:50px; background-color:#f7f2e9; text-align: center; font :#666 bold; }  
.cellule-titre{ background-color: #f0e9d9; width:50px; height:20px; font-weight: bold; }  
td.off { background: #F7F2E9; font-size:12px; }  
td.on { background: #F3EBDD; font-size:13px; font-weight: bold; } 
td a { text-decoration: none; color:#666; }  
a:hover{ color : #990000; }

/* Tooltips Css */
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(/hotel-marrakech/riad-marrakech/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/hotel-marrakech/riad-marrakech/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/hotel-marrakech/riad-marrakech/images/tt_bottom.gif) top right no-repeat; overflow:hidden}



/*guide du routard*/


#guide-du-routard { 
background-color: white;
background-image: url("/hotel-marrakech/riad-marrakech/images/stories/maroc/marrakech/guide-du-routard/thumbs/logo-guide-du-routard.gif");
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 100% 10%; 
width: 200px;
height: 94px;
}