*
{
	margin:0;
	padding:0;
}


/*.blackBody
{
	background-color:Black;
}*/

.header3
{
	text-align:center;
	background-color:Black;
}

.header3 h1
{
	font-family:Arial;
	font-size:10px;
	color:White;
}

.header3 a
{
	color:inherit;
	text-decoration:none;
}
.mainContent a
{
	color:inherit;
	text-decoration:none;
}

.mainContent a:hover
{
	color:inherit;
	text-decoration:underline;
}

/*Progress Bar*/
.PrProgress
{
    display: block;
    position: relative;
/*    padding: 2px 3px;*/
    margin:0px auto;

	text-align:left;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
	bottom:450px;
	/*left:100px;*/
	width:244px;

}
.PrContainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.PrHeader
{
    background: url(../images/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    white-space:nowrap;
    font-family: arial,helvetica,clean,sans-serif;
    width:242px;
}
.PrBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}
.PrIFrame
{
	
}
/* -------------------------------------------------------------------------------------------------*/

.mainContent
{
	background-image:url(../images/Background.jpg);
	width:100%;

}

.MoroccanSide
{
		/*background-image:url(../images/BackSide.png);*/
	border: solid 2px #ABABAB;
    width:1024px;
     margin:0pt auto;
}

.MoroccanEn,
.Moroccan
{
	width:1024px;
    margin:0pt auto;
}


.Moroccan .Header
{
   width:1024px;
   background: transparent url(../images/Banner.jpg);
   display:block;
   height:218px;
}

.MoroccanEn .Header
{
   width:1024px;
   background: transparent url(../images/en/Banner_en.jpg);
   display:block;
   height:218px;
}

.Moroccan .Header2
{
   width:1024px;
   background: transparent url(../images/commonHeader.jpg);
   display:block;
   height:218px;
}

.MoroccanEn .Header2
{
   width:1024px;
   background: transparent url(../images/commonHeader.jpg);
   display:block;
   height:218px;
}

.MoroccanEn .Lang,
.Moroccan .Lang
{
    float:right;
}

.MoroccanEn .Lang .french,
.Moroccan .Lang .french
{
    width:154px;
    height:25px;
    /*background: transparent url(../images/French.jpg) no-repeat 0 0;*/
}

.Lang .english
{
    width:154px;
    height:25px;
    /*background: transparent url(../images/English.jpg) no-repeat 0 0;*/
}

.Lang .underLang
{
        width:154px;
    height:168px;
    background: transparent url(../images/BannerLeft.jpg) no-repeat 0 0;
}

.Moroccan .BannerMenu, .MoroccanEn .BannerMenu
{
    width:1024px;
    height:8px;
    background: transparent url(../images/Menu/BannerUp.jpg) no-repeat 0 0;
}

.Moroccan .FooterMenu
{
    width:800px;
    height:4px;
    background: transparent url(../images/Menu/Banner-Down.gif) no-repeat 0 0;
}

.MoroccanEn .FooterMenu
{
    width:800px;
    height:4px;
    background: transparent url(../images/en/Menu/Banner-Down.gif) no-repeat 0 0;
}

.MoroccanEn .menu li,
.Moroccan .menu li 
{ float :left ; 
	padding-left:8px;
	padding-right:8px;
}

.MoroccanEn .menu a,
.Moroccan .menu a, 
.MoroccanEn .menu a:visited,
.Moroccan .menu a:visited
{
	text-decoration:none;
}

.MoroccanEn .menu,
 .Menu 
{ 
	height:42px;
  }
  
  .Menu .Button,
  .Menu .LeftPart
  {
  	float:left;
  	height:42px;
  	}
  	
  	.Menu .RightPart
  	{
  		background:transparent url(../images/Menu/MenuRight.jpg) no-repeat 1px 0;
  		width:5px;
  		float:right;
  		height:42px;
  		}
  .Menu .LeftPart
  	{
  		background:transparent url(../images/Menu/MenuLeft.jpg) no-repeat -1px 0;
  		width:4px;
  		}
 .Menu .ButtonNotSelected .Button.Left
  {
  	width:10px;
  	background: transparent url(../images/Menu/ButtonMenuLeft.png) no-repeat 0 0;
  	}
  .Menu .ButtonNotSelected .Button.ButtonContent
  {
  	background: transparent url(../images/Menu/ButtonMenuContent.gif) repeat-x 0 0;
  	color:White;
  	padding: 0 10px;
  	}
  .Menu .ButtonNotSelected .Button.Right
  {
  	background: transparent url(../images/Menu/ButtonMenuRight.png) no-repeat 0 0;
  	width:10px;
  	}
  	
  .Menu .ButtonSelected .Button.Left
  {
  	width:10px;
  	background: transparent url(../images/Menu/ButtonMenuLeftWhite.png) no-repeat 0 0;
  	}
  .Menu .ButtonSelected .ButtonContent
  {
  	background: transparent url(../images/Menu/ButtonMenuContentWhite.png) repeat-x 0 0;
  	color:Black;
  	padding: 0 10px;
  	}
  .Menu .ButtonSelected .Button.Right
  {
  	background: transparent url(../images/Menu/ButtonMenuRightWhite.png) no-repeat 0 0;
  	width:10px;
  	}
  	
  	.Menu .Button.ButtonContent .Text 
  	{
  		vertical-align:middle;
  		font-size:14px;
		font-weight:bold;
  	}
  	
  	.Menu .Button.ButtonContent .Text.SingleLine
  	{
  		line-height:42px;
  		text-align:center;
  	 }
  	
  	.Menu .Button.ButtonContent .Text.MultiLine
  	{
  		text-align:center;
  		line-height:normal;
  		padding-top:3px;
  	}
  	
  	.Menu .Button.ButtonContent .Text.SingleLine a
  	{
  		color:White;
  	}
  	
  	.Menu .ButtonSelected .Button.ButtonContent .Text.SingleLine a
  	{
  		color:Black;
  	}
  	

.MoroccanEn .menu li div, 
.Moroccan .menu li div 
{
 display:block;
 height:42px;
 cursor:pointer;
}

.Moroccan .Menu .Button.ButtonContent.item1
 {
     width:94px;
 }
 
 .MoroccanEn .Menu .Button.ButtonContent.item1
 {
     width:125px;
 }
 
.Moroccan .Menu .Button.ButtonContent.item2
 {
     width:110px;
 }
 .MoroccanEn .Menu .Button.ButtonContent.item2
 {
    width:125px;
 }

 
 
.Moroccan .Menu .Button.ButtonContent.item3
 {
     width:200px;
 }
 .MoroccanEn .Menu .Button.ButtonContent.item3
 {
     width:134px;
 }
 
.Moroccan .Menu .Button.ButtonContent.item4
 {
     width:150px;
 }
 .MoroccanEn .Menu .Button.ButtonContent.item4
 {
     width:150px;
 }
 
.Moroccan .Menu .Button.ButtonContent.item5
 {
     width:124px;
 }
 .MoroccanEn .Menu .Button.ButtonContent.item5
 {
     width:125px;
 }
 
.Moroccan .Menu .Button.ButtonContent.item6
 {
     width:96px;
 }
 .MoroccanEn .Menu .Button.ButtonContent.item6
 {
     width:116px;
 }
 
.Moroccan .Menu .Button.ButtonContent.item7
 {
     width:116px;
 }
 .MoroccanEn .Menu .Button.ButtonContent.item7
 {
     width:116px;
 }
 

 

.MoroccanEn .UpContent, 
.Moroccan .UpContent
{
    width:1024px;
    height:17px;
    background: transparent url(../images/UpContentWhite.jpg) no-repeat 0 -3px;
}

.MoroccanEn .UpContentBlack,
.Moroccan .UpContentBlack
{
    width:1024px;
    height:33px;
    background: transparent url(../images/UpContentBlack.jpg) no-repeat 0 -2px;
    
}


.MoroccanEn .ContentWhite,
.Moroccan .ContentWhite
{
	padding-left:15px;
    background: transparent url(../images/ContentWhite.jpg) repeat-y 0 0;
    font-family:Arial;
    font-size:12px;
    min-height: 600px;
}

.MoroccanEn .ContentBlack,
.Moroccan .ContentBlack
{
	padding-left:15px;
	background: transparent url(../images/BackContentBlack.jpg) repeat-y 0 0;    
    font-family:Arial;
    font-size:12px;
    min-height: 600px;
    
}


.MoroccanEn .Content h2,
.Moroccan .Content h2
{
	color: #003366;
}

.MoroccanEn .Conditions .Title,
.Moroccan .Conditions .Title
{
	font-weight:bold;
	margin-bottom:10px;
	font-size:1.2em;
}

.MoroccanEn .Conditions .content,
.Moroccan .Conditions .content
{
	padding-bottom:14px;
}

.MoroccanEn .Footer,
.Moroccan .Footer
{
    width:1024px;
    height:98px;
    background: transparent url(../images/ContentWhite.jpg) repeat-y 0 0;
}

.MoroccanEn .FooterBlack,
.Moroccan .FooterBlack
{
    width:1024px;
    height:98px;
    background: transparent url(../images/BackContentBlack.jpg) repeat-y 0 0; 
}


.MoroccanEn .Left .Up,
.Moroccan .Left .Up
{
	height:31px;
    background: transparent url(../images/BoxRight_Up.gif) no-repeat 0 0;
}

.MoroccanEn .Left .Middle,
.Moroccan .Left .Middle
{
    background: transparent url(../images/BoxRight_Middle.gif) repeat-y 0 0;

}

.Moroccan .meteo .Middle
{
	   
}

.MoroccanEn .Left .Down,
.Moroccan .Left .Down
{
    background: transparent url(../images/BoxRight_Down.gif) no-repeat 0 0;
    height:26px;
}

.MoroccanEn .caracteristique,
.Moroccan .caracteristique
{
	list-style-type:none;
	
}

.MoroccanEn .caracteristique li,
.Moroccan .caracteristique li
{
	padding-top:6px;
}

.MoroccanEn .item,
.Moroccan .item
{
	font-weight:bold;
	font-size:12px;
}

.MoroccanEn .toBook,
.Moroccan .toBook
{
	color:Red;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	margin-left:100px;
}

.MoroccanEn .toBook:hover,
.Moroccan .toBook:hover
{
	text-decoration:underline;
}

.MoroccanEn .MoreInfo,
.Moroccan .MoreInfo
{
	color:#0EBE31;
	text-decoration:none;
	font-weight:bold;
}

.MoroccanEn .MoreInfo:hover,
.Moroccan .MoreInfo:hover
{
	text-decoration:underline;
}

.MoroccanEn .boxLinks,
.Moroccan .boxLinks
{
	padding-top:6px;
}

.MoroccanEn .photo,
.Moroccan .photo
{
	width: 176px;
	position:relative;
    overflow:hidden;
    height:532px;
    
}

.MoroccanEn .photo .items,
.Moroccan .photo .items
{
	position:absolute; 
    right:5px; 
    /* this time we have very large space for height */     
    height:20000em; 
    margin: 0 0 0 16px ;
    
}

.MoroccanEn .photo .items .item,
.Moroccan .photo .items .item
{
	padding: 15px 0;
	
}

.itemMeteo
{
	border-bottom:solid 1px #BCBCBC;
	height:5px;
}

.FlashInfoBoxExtensibleBlack,
.FlashInfoBoxExtensible
{
	margin-top:15px;
}

.FlashInfoBoxExtensible .LeftCornerTop
{
    height:12px;
    width:12px;
    float: left;
    background: transparent url(../images/CornerLeftUp.gif) top left no-repeat;
}

.FlashInfoBoxExtensibleBlack .LeftCornerTop
{
    height:12px;
    width:12px;
    float: left;
    background: black url(../images/CornerLeftUpBlack.gif) top left no-repeat;
}


.FlashInfoBoxExtensible .RightCornerTop
{
    height:12px;
    width:12px;
    float: right;
    background: transparent url(../images/CornerRightUp.gif) top left no-repeat;
}

.FlashInfoBoxExtensibleBlack .RightCornerTop
{
    height:12px;
    width:12px;
    float: right;
    background: black url(../images/CornerRightUpBlack.gif) top left no-repeat;
}

.FlashInfoBoxExtensible .MiddleUp
{
    margin-left: 12px;
        margin-right: 12px;
}

.FlashInfoBoxExtensible .LeftCornerBottom
{
    height:12px;
    width:12px;
    float: left;
    background: transparent url(../images/CornerLeftBottom.gif) top left no-repeat;
}

.FlashInfoBoxExtensibleBlack .LeftCornerBottom
{
    height:12px;
    width:12px;
    float: left;
    background: black url(../images/CornerLeftBottomBlack.gif) top left no-repeat;
}

.FlashInfoBoxExtensible .RightCornerBottom
{
    height:12px;
    width:12px;
    float: right;
    background: transparent url(../images/CornerRightBottom.gif) top right no-repeat;
}

.FlashInfoBoxExtensibleBlack .RightCornerBottom
{
    height:12px;
    width:12px;
    float: right;
    background: black url(../images/CornerRightBottomBlack.gif) top right no-repeat;
}


.FlashInfoBoxExtensible .TopContainer
{
    
   
    height:12px;
   
}

.FlashInfoBoxExtensible .TopContainer .MiddleTop
{
	background: transparent url(../images/BoxUp.gif) repeat-x;
	margin-left:12px;
	margin-right:12px;
	height:12px;
}

.FlashInfoBoxExtensibleBlack .TopContainer
{
	background: black url(../images/BoxUp.gif) top left repeat-x;
   
    height:12px;
}

.FlashInfoBoxExtensibleBlack .Content,
.FlashInfoBoxExtensible .Content
{
    padding-left:10px;
    padding-right:10px;
    background: transparent url(../images/BorderOrange.gif) top left repeat-y;
}

.FlashInfoBoxExtensibleBlack .ContentContainer,
.FlashInfoBoxExtensible .ContentContainer
{
    background: #FFF url(../images/BorderOrange.gif) top right repeat-y;
}


.FlashInfoBoxExtensible .BottomContainer
{
    height:12px;   
}

.FlashInfoBoxExtensibleBlack .BottomContainer
{
	    background: black url(../images/BoxBottom.gif) top left repeat-x;
    height:12px;   
}

.FlashInfoBoxExtensible .BottomContainer .MiddleBottom
{
     background: transparent url(../images/BoxBottom.gif) repeat-x;
	margin-left:12px;
	margin-right:12px;
	height:12px;
}



.Pager a,
.VillaPhoto a
{
	color:Black;
	text-decoration:none;
}

.Pager .item
{
	float:left;
	height:15px;
	padding:0 3px 0 3px;
	margin:0 3px 0 3px;
	border:solid 1px #7B7B7B;
	color:Black; 
	background-color:#DCDCDC;
}

.Pager .item.hover
{
	background-color:#333333;
	border:solid 1px #DCDCDC;
}

.Pager .item.hover a
{
	color:White;
}

.pointer
{
	cursor: pointer;
}

.imageLegend
{
    visibility:hidden;
    z-index:-1;
}

.FooterTagBlack,
.FooterTagBlack,
.FooterTagBlack a,
.FooterTagBlack a
{
    background-color:Black;
    color:White;
    text-decoration:none;    
    padding-bottom:5px;
    font-size:8pt;
    font-family:Arial;
}

.FooterTag,
.FooterTag,
.FooterTag a,
.FooterTag a
{

    height:25px;    
    color:Black;
    text-decoration:none;
    
    padding-bottom:5px;
    font-size:8pt;
    font-family:Arial;
}

.FooterTagBlack a:hover,
.FooterTagBlack a:hover
{   
    text-decoration:underline;    
}

/**********************************gestionnaire ui error********************/
#error
{
	width: auto;
	height: auto;
	background-color: #FFFFCC;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -100px;
	text-align: center;
	border: solid 1px black;
	border-right: solid 3px black;
	border-bottom: solid 3px black;
	color: #FF0000;
}
/**************************************************************************/
#loading 
{    
     width: 280px;
     height: 100px;
     background-color: #c0c0c0;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -50px;
     margin-left: -100px;
     text-align: center;
     border:solid 1px black;
     border-right: solid 3px black;
     border-bottom:solid 3px black;
}