body {margin:0;padding:0;color:#000; background:url(../library/images/h/bg.jpg) repeat;}/*background:#D8AF77;*/



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(../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;}
.hTitre 	{padding:0; margin:0; font-family:"Comic Sans MS"; font-size:26px; color:#4D4127; font-weight:bold; text-decoration:none;}

#headerNav 		{background:url(../library/images/h/bgHeaderMenu.jpg) no-repeat; height:41px;}

#headerNavBg 	{float:right; padding-right:12px;}

#headerNavH 	{float:none;}

#headerFlash 	{background:url(../library/images/h/bgHomeF.jpg); vertical-align:top; padding:12px 0 1px 0;}

#headerFMA 		{background:url(../library/images/h/big.png) top center no-repeat; margin:0; padding:12px; height:242px;}



#content 		{background:url(../library/images/h/bgHomeF.jpg); padding:20px 0 20px 0; height:auto; *height:540px;}

#content2 		{background:url(../library/images/h/bgHomeF.jpg); padding:10px 0 20px 0; height:auto; min-height:540px; }/* *height:540px; */

#contentP 		{background:url(../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:#000000; font-weight:normal; text-decoration:none;}

.txtDescriptionN{font-family:Arial; font-size:12px; color:#000000; 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:#000000;}

.pdtI00,#pdtI00 {font-family:Arial; font-size:12px; color:#000000; 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:#000000; width:140px; background:#BD7344;}

.pdtI03			{border:3px #BD7344 solid; padding:10px; font-family:Arial; font-size:12px; color:#000000;}

.pdtIgal		{width:90px; margin:0px 10px 8px 0px; float:left; border:1px solid #E1BD89;}

.pdtI04			{padding:10px; font-family:Arial; font-size:12px; color:#000000; height:100%;}

.pdtI05			{padding:10px; font-family:Arial; font-size:12px; color:#000000; background:#E6BD85; border:3px #BD7344 solid;}

.pdtI06			{border: 2px #FFFFFF solid;}

.pdtI07			{border: 1px #E1BD89 solid;}

.pdtI08			{border: 3px #BD7344 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(../library/images/p/bgLocationP.jpg) no-repeat; height:30px; }

.locationP a	{font-weight:bold; text-decoration:none;}

.pdtI09			{padding:8px; background:#D8AF77; border:8px #BD7344 solid;}

.pdtI09_Mag2		{padding:4px; background:#D8AF77; border:3px #BD7344 solid; height:145px;}

.pdtI09_Mag		{padding:4px; background:#D8AF77; border:3px #BD7344 solid; }

.pdtI10			{border: 1px #E1BD89 solid; background:#E6BD85; width:413px; height:142px; float:right}

.pdtI10DR		{border: 1px #E1BD89 solid; background:#E6BD85; width:413px; height:142px; float:right}

.pdtI10i		{border: 1px #E1BD89 solid; background:#E6BD85; width:413px; height:152px; float:right}

.pdtI10i_Mag2		{border: 1px #E1BD89 solid; background:#E6BD85; width:431px; height:142px; margin-right:6px;}

.pdtI10i_Mag		{border: 1px #E1BD89 solid; background:#E6BD85; 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(../library/images/h/bgTop1.jpg) no-repeat; padding:10px 5px 1px 10px; margin-left:15px;}

.tTxt01		{font-family:'Comic Sans MS'; font-size:17px; color:#F8DDB7; font-weight:normal; text-decoration:none; padding:0; margin:0;}
				 
.TitlTri01		{background:url(../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(../library/images/h/bgTop2.jpg) no-repeat; padding:10px 5px 1px 10px; margin-left:15px;}	

.TitlTri02		{background:url(../library/images/h/bgTopTrit1.jpg) no-repeat top; height:53px; }		

.TitlRightTtr01		{font-family:'Comic Sans MS'; font-size:17px; color:#53462A; font-weight:normal; text-decoration:none; height:23px; width:188px;
			 background:url(../library/images/h/LeftMenuTop2.jpg) no-repeat; padding:16px 0 0 12px; margin:0;}

.TitlRightTtr01off	{font-family:'Comic Sans MS'; font-size:17px; color:#F8DDB7; font-weight:normal; text-decoration:none; float:left; height:37px; width:200px;
			 background:url(../library/images/h/LeftMenuTop2off.jpg) no-repeat; padding:0; margin:0;}

.TitlRightTxt01		{font-family:Arial; font-size:12px; color:#000000; font-weight:normal; text-decoration:none; padding:0 15px 2px 15px; margin-top:0;}


.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(../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(../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(../library/images/h/bgFooterMenu.jpg) no-repeat center; vertical-align:middle; height:26px;}
#footerMenuB1 span a 	{font-size:15px;}

#footerMenuB2 	{vertical-align:bottom; padding-top:10px;}

.footerMenuB 	{font-family:"Comic Sans MS"; font-size:12px; color:#5E4E31; font-weight:normal; text-decoration:none;}

#Filter		{width:618px; height:180px; border:1px #BD7344 solid; background:#F8DDB7; padding:10px 10px 10px 30px; font-family:Arial; font-size:12px; }

#FilterExcu	{width:618px; height:150px; border:1px #BD7344 solid; background:#F8DDB7; padding:10px 10px 10px 30px; font-family:Arial; font-size:12px; }

#Filter2	{width:618px; min-height:20px; border:1px #BD7344 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 #BD7344 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:#D8AF77; }

.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:#E6BD85; border:2px #BD7344 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:#BD7344 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:#BD7344;font-size:11px;font: bold 100% 'Arial','Helvetica','Verdana',sans-serif;}

#search span.sMore a 		{color:#BD7344;text-decoration:none; }

#search span.sMore a:hover 	{color:#BD7344;text-decoration:underline; }



/* reservation*/

td	{font-size:12px;}

.ResInput{width:150px; margin-right:2px;font-size:12px;}

#infoPerso, #projet{

	background-color:#D8AF77;

	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:#000000;

	width:140px; 

	background:#D8AF77;

	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 li.catmargin {
 width: 130px;
 text-align: center;
}

ul.NavigationHC li.catmargin ul {
 text-align: left;
}

ul.NavigationHC ul {

 visibility: hidden;

 position: absolute;

 top: 100%;

 left: 0;

 z-index: 598;

 margin-top:0;

 font-size: 12px;

 text-transform: none;

 width: 290px;

}



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.camp-bedouin-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(../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(../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(../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:#000000;

	font-weight:bold; 

	text-decoration:none;

}

.circuitDem a{

	font-family:Arial; 

	font-size:12px; 

	color:#000000;

	font-weight:bold; 

	text-decoration:none;

}













#featured{ 
	width:897px; 
	position:relative; 
	height:242px;
	padding:0;
	margin:0;
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:670px; 
	list-style:none; 
	padding:0; margin:0; 
	width:230px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0 1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:1px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:12px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#fff;  background:#9F8755; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#554E3E; 
}
#featured li.ui-tabs-selected{ 
	background:url('../library/images/h/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#4C4026; 
}
#featured .ui-tabs-panel{ 
	width:670px; height:240px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:173px; left:0; 
	height:70px; 
	width:670px;
	background: url('../library/images/h/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:21px; font-family: "Comic Sans MS", Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:bold;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}