body {margin:0;padding:0;color:#000; background:url(http://www.hors-circuit-maroc.com/library/images/h/bg.jpg) repeat;}/*background:#F6CF9C;*/

body, td, th, textarea, select, h1, h2, h3, h4, h5, h6 {font:11px/1.25em arial, sans-serif;margin:0;}

p {margin:1em 0;}

a {color:#333;text-decoration:none;}
a:visited {color:#333;}
a:hover {color:#666;}
a:focus {outline:none;}

/* generic */
.clear{clear:both;}


#main 			{width:991px;}

#header 		{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgHeader.jpg) no-repeat top; height:170px; vertical-align:top;}
#headerLogo 	{padding:0 75px 10px 25px; width:200px; height:80px; float:left;}
#headerTitre 	{padding:0 55px 10px 10px; height:60px; margin-top:20px; font-family:"Comic Sans MS"; font-size:26px; color:#4D4127; font-weight:bold; text-decoration:none;}
#headerNav 		{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgHeaderMenu.jpg) no-repeat; height:41px;}
#headerNavBg 	{float:right; padding-right:12px;}
#headerNavH 	{float:none;}
#headerFlash 	{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgHomeF.jpg); vertical-align:top; padding:12px 0 1px 0;}
#headerFMA 		{background:url(http://www.hors-circuit-maroc.com/library/images/h/big.png) top center no-repeat; margin:0; padding:12px; height:242px;}

#content 		{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgHomeF.jpg); padding:20px 0 20px 0; height:auto; *height:540px;}
#content2 		{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgHomeF.jpg); padding:10px 0 20px 0; height:auto; min-height:540px; }/* *height:540px; */
#contentP 		{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgHomeF.jpg) repeat-y; padding:20px 5px 10px 5px; height:30px;}
#contentH1 		{width:200px; position:relative; vertical-align:top; float:right; padding-right:45px; padding-top:15px;}
#contentDesc	{width:440px; padding-right:10px; text-align:left; float:left; margin-top:-160px;}
#contentDescN	{width:660px; padding-right:1px;}
.txtDescription {font-family:Arial; font-size:12px; color:#333333; font-weight:normal; text-decoration:none;}
.txtDescriptionN{font-family:Arial; font-size:12px; color:#333333; font-weight:normal; text-decoration:none;}
#ContentHomeImg1 img {border:5px #FFFFFF solid; width:170px; height:120px; }
#ContentHomeImg2 img {border:5px #FFFFFF solid; width:170px; height:120px; }
#DesImg1 			 {position: absolute; width: 192px; height: 72px; left: 30px; top: 125px; }
#DesImg2 			 {position: absolute; width: 192px; height: 72px; left: 40px; top: 110px; }
#content ul,
#content li, 
#content2 ul, 
#content2 li	{margin-left:10px; }
.pdtI01			{font-family:'Comic Sans MS'; font-size:14px; color:#333333;}
.pdtI00,#pdtI00 {font-family:Arial; font-size:12px; color:#333333; font-weight:normal; text-decoration:none;}
.pdtI00  ul, 
.pdtI00 li		{margin-top:0; padding-top:0;}
.pdtIdiv		{width: 660px; padding-bottom: 26px;}
.pdtIdiv2		{width: 660px; padding-bottom: 10px;min-height:145px;}
.pdtIdiv2S		{width: 660px; padding-bottom: 10px;}
.pdtIdiv2_Mag		{width: 700px; padding-bottom: 10px;}
.pdtI02, .pdtI02R	{padding:4px 10px 0px 10px; font-family:'Comic Sans MS'; font-size:14px; color:#333333; width:140px; background:#DF9A5B;}
.pdtI03			{border:3px #DF9A5B solid; padding:10px; font-family:Arial; font-size:12px; color:#333333;}
.pdtIgal		{width:90px; margin:0px 10px 8px 0px; float:left; border:1px solid #E1BD89;}
.pdtI04			{padding:10px; font-family:Arial; font-size:12px; color:#333333; height:100%;}
.pdtI05			{padding:10px; font-family:Arial; font-size:12px; color:#333333; background:#F9DDB7; border:3px #DF9A5B solid;}
.pdtI06			{border: 2px #FFFFFF solid;}
.pdtI07			{border: 1px #E1BD89 solid;}
.pdtI08			{border: 3px #DF9A5B solid;}
.bold			{ font-weight:bold;}
.w660			{ width:660px; margin:0;}
.p8				{ padding:8px;}
.pb12			{ padding-bottom:12px;}
.pt50			{ padding-top:50px;}
.locationP		{font-family:Arial; font-size:12px; color:#333333; font-weight:normal; text-decoration:none; padding:8px 5px 2px 50px;  
                 background:url(http://www.hors-circuit-maroc.com/library/images/p/bgLocationP.jpg) no-repeat; height:30px; }
.locationP a	{font-weight:bold; text-decoration:none;}
.pdtI09			{padding:8px; background:#F6CF9C; border:8px #DF9A5B solid;}
.pdtI09_Mag2		{padding:4px; background:#F6CF9C; border:3px #DF9A5B solid; height:145px;}
.pdtI09_Mag		{padding:4px; background:#F6CF9C; border:3px #DF9A5B solid; }
.pdtI10			{border: 1px #E1BD89 solid; background:#F9DDB7; width:413px; height:142px; float:right}
.pdtI10DR		{border: 1px #E1BD89 solid; background:#F9DDB7; width:413px; height:142px; float:right}
.pdtI10i		{border: 1px #E1BD89 solid; background:#F9DDB7; width:413px; height:152px; float:right}
.pdtI10i_Mag2		{border: 1px #E1BD89 solid; background:#F9DDB7; width:431px; height:142px; margin-right:6px;}
.pdtI10i_Mag		{border: 1px #E1BD89 solid; background:#F9DDB7; width:431px;height:152px; float:left; margin-right:6px;}
.pdtI11			{border: 2px #FFFFFF solid; width:200px; height:140px;}
.pdtI11R img		{border: 2px #FFFFFF solid; width:200px; height:140px;}
.pdtI11_Mag2		{border: 2px #FFFFFF solid; width:200px; height:140px; float:right;}
.pdtI11i                {border: 2px #FFFFFF solid; width:200px; height:150px;}
.pdtI11i img            {width:200px; height:150px;}
.pdtI11i a img            {width:20px; height:20px;}
.pdtI11i2 img	        {border: 1px #FFFFFF solid; width:200px; height:150px;}
.pdtI11i2 a img	        {border: 1px #FFFFFF solid; width:20px; height:20px;}
.pdtI11i3 img	        {border: 2px #FFFFFF solid; width:200px; height:150px; float:left; margin:0 12px 10px 10px;}
.pdtI11i4 img	        {border: 1px #FFFFFF solid; float:left; margin:0 12px 10px 10px;}
.pdtI10i .txtDescription div p { padding:0; margin:0;}
.TitlTxt01		{font-family:'Comic Sans MS'; font-size:17px; color:#F8DDB7; font-weight:normal; text-decoration:none; float:left; height:41px; 
				 background:url(http://www.hors-circuit-maroc.com/library/images/h/bgTop1.jpg) no-repeat; padding:10px 5px 1px 10px; margin-left:15px;}
.TitlTri01		{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgTopTrit1.jpg) no-repeat top; height:53px; }				 
.TitlTxt02		{font-family:'Comic Sans MS'; font-size:17px; color:#F8DDB7; font-weight:normal; text-decoration:none; float:left; height:41px; 
				 background:url(http://www.hors-circuit-maroc.com/library/images/h/bgTop2.jpg) no-repeat; padding:10px 5px 1px 10px; margin-left:15px;}	
.TitlTri02		{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgTopTrit1.jpg) no-repeat top; height:53px; }		
.w80FL			{width:80px; float:left;}	
.w200FL			{width:200px; float:left;}
.w28FL			{width:28px; float:left;} 
.w500FL			{width:500px; float:left;}
.w500			{width:500px;}			 

#contentLeft 	{width:200px; float:left; vertical-align:top; padding-top:8px;}
#Left 		{width:200px; background:url(http://www.hors-circuit-maroc.com/library/images/h/LeftMenuMidle.jpg) repeat-y; margin-top:0; padding-top:0;}
.MenuLeftB 	{font-family:Arial; font-size:12px; color:#575757; font-weight:normal; text-decoration:none; padding:0; margin:0;}

#contentBar 	{width:40px; height:450px; float:left;}
#contentPage 	{float:left; vertical-align:top; width:690px; min-height:500px;}
#contentPage ul {margin-left:0;}

#footer 	{background:url(http://www.hors-circuit-maroc.com/library/images/h/bgFooter.jpg) no-repeat; height:150px;}
#footerContent 	{float:left; vertical-align:top; width:991px;}
#footerMenuB1 	{padding:9px 0 0 0; background:url(http://www.hors-circuit-maroc.com/library/images/h/bgFooterMenu.jpg) no-repeat center; vertical-align:middle; height:26px;}
#footerMenuB2 	{vertical-align:bottom; padding-top:10px;}
.footerMenuB 	{font-family:"Comic Sans MS"; font-size:12px; color:#5E4E31; font-weight:normal; text-decoration:none;}
#footerMenuB1 span a 	{font-size:15px;}
#Filter		{width:618px; height:180px; border:1px #DF9A5B solid; background:#F8DDB7; padding:10px 10px 10px 30px; font-family:Arial; font-size:12px; }
#FilterExcu	{width:618px; height:150px; border:1px #DF9A5B solid; background:#F8DDB7; padding:10px 10px 10px 30px; font-family:Arial; font-size:12px; }
#Filter2	{width:618px; min-height:20px; border:1px #DF9A5B solid; background:#F8DDB7; padding:10px 10px 10px 30px; font-family:Arial; font-size:12px; margin-bottom:10px; }
#Filter3	{width:618px; min-height:20px; border:1px #DF9A5B solid; background:#F8DDB7; padding:10px 10px 10px 30px; font-family:Arial; font-size:12px; margin-top:10px; }
.filterContent	{width:100px; margin-right:50px; margin-bottom:12px; float:left;}	
.filterContent1	{width:100px; padding-right:30px; margin-bottom:12px; float:left;}	
.filterContent2	{width:100px; margin-right:50px; margin-bottom:12px; float:left;}			 
.selFilter 	{width:100px; border:#E1BD89 solid; background:#F6CF9C; }
.FilterButton   {width:180px; margin-right:67px; margin-top: -10px; float:right;}
.FilterButtonExcu {width:180px; margin-right:67px; margin-top: -5px; float:right;}
.selFilter  option{font-weight:normal;}
option.aSel, .aSel {font-weight:bold;}

/* Pagination */
.pagination		{ width:616px; font-family:Arial; color:#333333; text-decoration:none; }
ul.pager		{width:616px; list-style-image:none;list-style-position:outside;list-style-type:none;margin:10px 0px 25px -3em; background:#F9DDB7; border:2px #DF9A5B solid; height:17px;}
ul.pager li		{float: left;margin-left:2px; margin-top:1px; font-size:11px;}
ul.pager li a		{font-size:11px; text-decoration: none;padding:2px 6px;color:#333;}
ul.pager li a:hover	{color:#fff;background:#DF9A5B none repeat scroll 0%;font-size:11px;}
ul.pager li.current	{font-size:14px;font-weight:bold;color:#37464f;padding:0px 4px;}

/* search */
#search 			{margin:5px 0 5px 0;padding:0 0 5px 0;border-bottom:#C0A077 dashed 1px;}
#search h2 			{font-weight:bold;font-size:12px;margin:0;}
#search h2 a 			{color:#000;text-decoration:none; }
#search h2 a:hover 		{color:#000;text-decoration:underline; }
#search h4 			{font-weight:normal;font-size:11px;margin:0 0 1px 0;color:#999;}
#search span.sMore		{margin:0 0 0 5px;color:#CB925D;font-size:11px;font: bold 100% 'Arial','Helvetica','Verdana',sans-serif;}
#search span.sMore a 		{color:#CB925D;text-decoration:none; }
#search span.sMore a:hover 	{color:#CB925D;text-decoration:underline; }

/* reservation*/
td	{font-size:12px;}
.ResInput{width:150px; margin-right:2px;font-size:12px;}
#infoPerso, #projet{
	background-color:#F6CF9C;
	padding:8px; 
	border:1px #693D14 solid;
	/*border-top:0;*/
	margin-bottom:15px;
	position:relative;
	}
.particip{
	padding:0 10px 0 10px;  /*1px 10px 3px 10px*/
	font-family:'Comic Sans MS'; 
	font-size:14px; 
	color:#333333; 
	width:140px; 
	background:#F6CF9C;
	border-left:1px #693D14 solid;
	border-top:1px #693D14 solid;
	border-right:1px #693D14 solid;
	font-weight:bold;
	z-index:99;
	/*cursor:pointer;*/
}	
.tit01 {font-family:Arial;font-size:12px; padding:3px; font-weight:bold;}
.tix01 {font-family:Arial;font-size:12px; font-weight:normal;}

/***************************************************************************************************************************************/


ul.NavigationHC, 
ul.NavigationHC li, 
ul.NavigationHC ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font: 99% 'Comic Sans MS';
 font-weight: normal;
}

ul.NavigationHC {
 position: relative;
 z-index: 597;
 float: left;
}

ul.NavigationHC li {
 float: left;
 vertical-align: middle;
 zoom: 1;
}

ul.NavigationHC li.hover,  
ul.NavigationHC li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.NavigationHC ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 margin-top:0;
 font-size: 12px;
 text-transform: none;
 width: 240px;
}

ul.NavigationHC ul li {
 float: none;
 line-height: 1.3em;
 font-weight: normal;
 /* background-color: transparent;*/ 
 /*padding: 4px 5px;*/
 height:28px;
 background-color: #54472A;
 color: #FCF7E0;
 border-top:1px #64563B solid;
}	
	
ul.NavigationHC ul ul {
 top: 1px;
 left: 99%;
}

ul.NavigationHC li:hover > ul {
 visibility: visible;
}

ul.NavigationHC li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.NavigationHC li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}





ul.NavigationHC {
 font-weight:normal;
 margin-top:1px;
 margin-left:1px;
}

	ul.NavigationHC li.one {
	 margin:0 0px 0 0;
	 padding: 5px 8px 3px 8px;
	 /*background-color: #54472A;*/
	 color: #FCF7E0;
	 font-family:"Comic Sans MS";
	 font-size:16px;
	 font-weight:normal;
	 vertical-align:middle;
	 height:31px;
	 border-right:1px #64563B solid;
	}

	
	ul.NavigationHC li.hover, 
	ul.NavigationHC li.fixhover, 	
	ul.NavigationHC li:hover {
	 background-color: #9F8755;
	 color: #FCF7E0;
	 font-weight: normal;
	}

	ul.NavigationHC a:link, 
	ul.NavigationHC a:visited	  { color: #FCF7E0; text-decoration: none; font-weight: normal;}
	ul.NavigationHC a:hover		  { color: #FCF7E0; font-weight: normal;}
	ul.NavigationHC a:active	  { color: #FCF7E0; font-weight: normal;}
	/*ul.NavigationHC ul.sub_menu a { width: 180px; height:20px; }*/


ul.NavigationHC *.Nav {
 padding-right: 20px;
 background-image: url(http://www.hors-circuit-maroc.com/library/images/nav/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.NavigationHC *.selectedNav {
 /*padding-right: 20px;
 background: #9F8755 url(http://www.hors-circuit-maroc.com/library/images/nav/nav-arrow-right.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;*/
 background-color: #9F8755;
}

ul.NavigationHC .sub_menu div.selectedNav {
 background-color: #9F8755;
 padding: 0 5px;
 height:28px;
 /*background: #9F8755 url(http://www.hors-circuit-maroc.com/library/images/nav/nav-arrow-right.gif);*/
 background: #9F8755; 
 background-repeat: no-repeat;
 background-position: 100% 50%;
}
ul.NavigationHC .sub_menu div.selectedNav2 {
 background-color: #9F8755;
 padding: 0 5px;
 height:28px;
}
ul.NavigationHC .sub_menu div.noselectedNav {
 padding: 4px 5px;
 height:28px;
}

/*---*/
ul.NavigationHC ul.sm_mt li.hover, 
ul.NavigationHC ul.sm_mt li.fixhover, 	
ul.NavigationHC ul.sm_mt li:hover {
 background-color: #9F8755;
 color: #FCF7E0;
 font-weight: normal;
}
ul.NavigationHC ul.sm_mt {
 margin-top:-165px;
}
ul.NavigationHC ul.sm_mt li {
 float: none;
 line-height: 1.3em;
 font-weight: normal;
 height:20px;
 background-color: #54472A;
 color: #FCF7E0;
 border-top:1px #64563B solid;
}
ul.NavigationHC .sm_mt div.selectedNav {
 background-color: #9F8755;
 padding: 0 5px;
 height:20px;
 background: #9F8755; 
 background-repeat: no-repeat;
 background-position: 100% 50%;
}
ul.NavigationHC .sm_mt div.selectedNav2 {
 background-color: #9F8755;
 padding: 2px 5px;
 height:20px;
}
ul.NavigationHC .sm_mt div.noselectedNav {
 padding: 2px 5px;
 height:20px;
}

ul.NavigationHC ul.sub_menu2 li.hover, 
ul.NavigationHC ul.sub_menu2 li.fixhover, 	
ul.NavigationHC ul.sub_menu2 li:hover {
 background-color: #9F8755;
 color: #FCF7E0;
 font-weight: normal;
}

ul.NavigationHC ul.sub_menu2 {
 margin-top:-75px;
}
	
ul.NavigationHC ul.sub_menu2 li {
 float: none;
 line-height: 1.3em;
 font-weight: normal;
 height:20px;
 background-color: #54472A;
 color: #FCF7E0;
 border-top:1px #64563B solid;
}

ul.NavigationHC .sub_menu2 div.selectedNav {
 background-color: #9F8755;
 padding: 0 5px;
 height:20px;
 /*background: #9F8755 url(http://www.hors-circuit-maroc.com/library/images/nav/nav-arrow-right.gif);*/
 background: #9F8755; 
 background-repeat: no-repeat;
 background-position: 100% 50%;
}
ul.NavigationHC .sub_menu2 div.selectedNav2 {
 background-color: #9F8755;
 padding: 2px 5px;
 height:20px;
}
ul.NavigationHC .sub_menu2 div.noselectedNav {
 padding: 2px 5px;
 height:20px;
}

ul.NavigationHC ul.sub_menu ul.sub_menu {
 height:20px;
 padding: 0;
}
ul.NavigationHC ul.sub_menu ul.sub_menu div.noselectedNav, ul.NavigationHC ul.sub_menu ul.sub_menu div.selectedNav {
 height:20px;
 padding: 2px 5px;
}
/*---*/

ul.NavigationHC *.selected {
 background-color: #9F8755;
}
.headR {
background:#F3C483;
padding:15px 0 15px 5px;
}
.TitreR{
font-family:"Comic Sans MS"; font-size:14px; color:#4D4127;
}
.selCircuit{
width:200px;
margin-right:50px;
}

.circuitDem{
	width:210px; 
	padding:8px; 
	margin:10px 15px 10px 10px; 
	border:1px #EBB47A solid; 
	background:#F3C07C; 
	-moz-border-radius : 5px 5px; 
	font-family:Arial; 
	font-size:12px; 
	color:#333333; 
	font-weight:bold; 
	text-decoration:none;
}
.circuitDem a{
	font-family:Arial; 
	font-size:12px; 
	color:#333333; 
	font-weight:bold; 
	text-decoration:none;
}