/* CSS Document */

body{margin:0 auto; background: #ffffff url(images/main-bg.png) left top repeat-x;}
div, h1, h2, p, form, label, input, textarea, img, span{margin:0; padding:0;}
ul{	margin:0; 	padding:0; 	list-style-type:none;	font-size:0;}
/*------------------------------------------------body--------------------*/
a:focus {
outline:none;
} 
 #global{margin: 0 auto;text-align:left; width: 968px; background:url(images/bg_body.gif) center top repeat-y #fff;}
/*----TOP PANEL----*/
#topPan{width:968px; height:23px; background-color:#1D8DE3; margin:0 auto; border-bottom:#fff solid 1px;}
#topPan ul{height:22px; position:absolute; top:2px; right:250px;}
#topPan ul li{float:left;  height:20px; color:#FFFFFF;}
#topPan ul li a{ height:16px; display:inline-block; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding-right:10px;}
#topPan ul li a:hover{color:#FEF0B7; text-decoration:none; padding-right:10px;}


#topPan ul li.tourismania{float:left; height:20px; width:90px;}
#topPan ul li.tourismania a{ height:16px; display:inline-block; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px; border-left:#fff solid 1px;}
#topPan ul li.tourismania a:hover{color:#FEF0B7; text-decoration:none; border-left:#FEF0B7 solid 1px;}

#topPan ul li.register{float:left; height:20px;}
#topPan ul li.register a{ height:16px; display:inline-block; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px; border-left:#fff solid 1px;}
#topPan ul li.register a:hover{color:#FEF0B7; text-decoration:none; border-left:#FEF0B7 solid 1px;}
/*------------------------------------------------top part--------------------*/
#top{width:968px;height:105px;margin:0 auto;	}


#bodyx{width:968px;margin:0 auto;padding:0;color:#000; background:url(images/bg_inside.png) top left repeat-x;}
#bodyx .nav{ display:block; width:968px;height:44px;border-bottom:#09203B solid 1px; background:#1D8DE3; color:#522101;}
#bodyx ul.nav li.navLink{float:left;height:23px;}
#bodyx ul.nav li.navLink a.service{padding:0 15px 0 15px;font:12px/46px Arial, Helvetica, sans-serif;color:#522101;text-transform:uppercase;	text-decoration:none; border-right:#522101 solid 1px; height:23px; }
#bodyx ul.nav li.navLink a.service:hover{color:#F0E3D0; border-right:#F0E3D0 solid 1px; height:23px;}

#bodyx ul.nav li.navLink a.contact{padding:0 15px 0 15px;	font:12px/46px Arial, Helvetica, sans-serif;color:#522101;text-transform:uppercase;	text-decoration:none; height:23px;}
#bodyx ul.nav li.navLink a.contact:hover{color:#F0E3D0; height:23px;}
/*------------------------------------------------top part--------------------*/
 
.divider1{position: relative;height: 5px; width:960px; clear: both; margin:0 auto;}

/*----/Bottom Left Panel----*/
#bodybottomPan2{width:963px; position:relative; margin:0 auto; padding-left:5px;}

#bottomleftPanHF{width:707px; float:left; color:#163C7B; border:1px solid #1D8DE3; padding-bottom:10px;}
#bottomleftPanHF p{ display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:0 10px 5px 10px; text-align:justify; background:url(images/rayaume-Maroc.jpg) center center no-repeat; line-height: 20px;}
#bottomleftPanHF h2{width:550px; height:39px; display:block; color:#003366; font:18px Arial, Helvetica, sans-serif; line-height:39px; text-decoration:none; padding:0 0 0 15px;  margin:5px 0 10px 5px; text-transform:uppercase;}

#bottomrightPanREC{width:243px; float:left; color:#09203B; margin:0 0 0 5px; text-align:center;}
#bottomrightPanREC h2{width:210px; height:30px; display:block; background:url(images/puceOrange.png) 0 0 no-repeat ; color:#FF9900; font:13px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px;  margin:5px 0 10px 5px;text-transform:uppercase; font-weight:bold;}

#bottomrightPanREC2{width:243px; float:left; color:#09203B; margin:0 0 0 5px; text-align:center;}
#bottomrightPanREC2 h2{padding:0 0 0 55px;}

.bottomrightPanRECDevis{width:243px; float:left; color:#09203B; margin:0 0 0 5px; text-align:center;}
.bottomrightPanRECDevis h2{width:210px; height:30px; display:block; background:url(images/puceBlue.png) 0 0 no-repeat ; color:#163C7B; font:13px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; padding:0 0 0 25px;  margin:5px 0 10px 5px;text-transform:uppercase; font-weight:bold;}

.destination {color:#1D8DE3; font:13px Arial, Helvetica, sans-serif; text-decoration:none;}
.destination a{color:#003366; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase;}
.destination a:hover{color:#000; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
.photo { width:180px; height:102px; border:1px solid #522101;}
.photo2 { width:210px; height:170px; border:1px solid #000000;}
.libre {FONT: bold 14px/14px Trebuchet MS, Verdana, sans-serif; COLOR: #000; margin-left:5px;}
.apartirde {FONT: 12px Trebuchet MS, Verdana, sans-serif; margin-left:5px; width:80px; color:#000000;}
.dirham {FONT: bold 15px Trebuchet MS, Verdana, sans-serif; margin-left:5px; color:#003366;}
.prix {FONT: bold 35px Trebuchet MS, Verdana, sans-serif; margin-left:5px; color:#003366;}
.milevel2 {color:#000000; font:13px Arial, Helvetica, sans-serif; padding:10px; }

.titreprod { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; text-align: justify; padding:5px 5px 5px 5px; border:1px solid #522101;}
.titreprod a{ font-family:Arial, Helvetica, sans-serif; color:#1D8DE3; text-decoration:none; }
.titreprod a:hover{ font-family:Arial, Helvetica, sans-serif; color:#09203B; text-decoration:none;}

.titreprod2 { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-align: justify; }
.titreprod2 a{ font-family:Arial, Helvetica, sans-serif; color:#522101; text-decoration:none; }
.titreprod2 a:hover{ font-family:Arial, Helvetica, sans-serif; color:#9C4903; text-decoration:none;}

.texterech2 {color:#522101; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold;}

.reserve { padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  WIDTH: auto; COLOR: #fff; LINE-HEIGHT: 16px;  BACKGROUND-COLOR: #1D8DE3;text-decoration:none;}
.reserve a{  padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #000; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #9C4903; text-decoration:none;}
.reserve a:hover{padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #fff; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #87AEC5; text-decoration:none;}
/*----FOOTER PANEL----*/

#footermainPan{height:108px; background:url(images/footerbg.png) 0 0 repeat-x; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; }

#footerPan{width:530px; position:relative; margin:0 auto; padding-top:15px;}

#footerPan ul{width:180px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; color:#000; }
#footerPan ul li a{padding:0 10px 0; color:#000;  text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline; color:#FFFFFF;}

#footerPan p.copyright{width:380px;position:relative; margin:0 auto; color:#000;  font-size:11px;}
.iata{margin-left:190px; color:#000; font:10px Arial, Helvetica, sans-serif;}
.webM a{color:#000; font:10px Arial, Helvetica, sans-serif; position:relative; margin:0 auto; text-align:center; text-decoration:none; margin-left:180px;}
.webM ul li a:hover{color:#000; text-decoration:none; position:relative; margin:0 auto;}