* { margin:0; padding:0; }
body{ color:#3c3c3c; font:normal 14px Verdana, Tahoma, Arial; }

fieldset, form, input, p, ul, li, dl, dt, dd, h1, h2, h3, ol{ margin:0;	padding:0; border:0; }
a{ color:#e2001b; cursor:pointer; outline:none; text-decoration:none; }
	a:hover{ text-decoration:underline; }
	a.savoirPlus{ padding-left:13px; margin-top:4px; background:url(../images/puce-ar.gif) no-repeat left 5px; }
	
ul, ol{ list-style-type:none; }
p{ padding:3px 0; text-align:justify;}
input, textarea, select{ font:normal 14px Verdana, Arial, Helvetica, sans-serif; }
ul.myList{ padding:4px 4px 12px 10px; }
	ul.myList li{ background:url(../images/p-puce.gif) no-repeat left 6px; padding-left:8px; padding-bottom:1px; }
		ul.myList li a{ text-decoration:underline; }

h2{ color:#666; font:normal 20px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:16px 4px 2px 4px; }
h3{ color:#7c7c7c; font:normal 16px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:5px; }

div#main{ width:1000px; margin:auto; direction:rtl;position:relative; }

/*-------------------------------------------------------------[ HEADER ]---------------------------------------------------------------*/
	div#flashcontent {position:absolute;top:105px;left:13%;width:765px;height:400px;z-index:100;}
	div#header{ width:1000px; height:227px; float:left; padding-top:1px; }
		/*- Banniere -*/
		div#banniere{ width:100%; height:188px; position:relative; background:url(../images/banniere-ar.gif) no-repeat left top; }
			div#logo{ width:127px; height:167px; float:right; margin:11px 21px 0 0; background:url(../images/logo.png) no-repeat left top; }
			/* hack ie6*/
			* html div#logo{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/logo.png", sizingMethod="scale");}
			/* fin de ie6*/
			
				div#logo a{ height:167px; display:block; }
					div#logo a span{ display:none; }
				
			div#sloganar{ width:627px; height:124px; float:right; margin:34px 38px 0 0; background:url(../images/slogan-ar.png) no-repeat right top; }
			/* hack ie6*/
			* html div#sloganar{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/slogan-ar.png", sizingMethod="scale");}
			/* fin de hack*/
			div#search-lang{ width:395px; height:45px; position:absolute; left:23px; top:0; }
				div#search-lang-l, div#search-lang-r{ width:10px; height:45px; float:left; }
					div#search-lang-l{ background:url(../images/bgTop-l.png) no-repeat left top; }
					/* hack ie6*/
					* html div#search-lang-l{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/bgTop-l.png", sizingMethod="scale");}
					/*fin de hack*/
					div#search-lang-r{ background:url(../images/bgTop-r.png) no-repeat right top; }
					/* hack ie6*/
					* html div#search-lang-r{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/bgTop-r.png", sizingMethod="scale");}
					/*fin de hack*/
					
				div#search-lang-ct{ width:375px; height:45px; float:left; background:url(../images/bgTop-c.png) repeat-x left top; }
				div#search{ width:221px; height:31px; float:right; padding-top:6px; }
					div#search input{ width:160px; height:18px; float:right; margin-top:4px; }
					div#search input.btnSubmit{ width:30px; height:26px; float:left; cursor:pointer; margin-top:0; background:url(../images/icon-search.gif) no-repeat left top; }
				
				div#lang-bord{ width:135px; height:39px; float:left; border-right:2px solid #3e515b; padding-top:6px; }
				div#lang{ width:121px; height:31px; float:left; }
					div#lang div.topBlock-ct{ width:99px; }
					div#lang select{ width:96px; margin-top:4px; border:1px solid #FFF; }
					
				div.selectZone{ width:99px; height:25px; position:relative; direction:ltr; }
					div.selectZone select{ display:none; }
					div.selectZone span{font-size:12px; display:block; width:60px; text-align:right; padding-right:9px; padding-left:30px; float:right; height:25px; line-height:25px; background:url(../images/icon-select.gif) no-repeat left top; cursor:pointer; }
					div.selectZone ul{ width:99px; position:absolute; right:0; top:25px; background-color:#FFF; }
						div.selectZone ul li{ border-bottom:1px solid #CCC; text-align:right; }
							div.selectZone ul li a{ display:block; padding:4px 0; padding-right:9px; color:#000; }
								div.selectZone ul li a:hover{ text-decoration:none; color:#FFF; background-color:#333; }
					
				div.selectZone{ width:99px; height:25px;}
					div.selectZone select{ display:none; }
					
				div.topBlock-l, div.topBlock-r{ width:11px; height:31px; float:left; }
				div.topBlock-l{ background:url(../images/bgZone-l.png) no-repeat left top; }
				div.topBlock-r{ background:url(../images/bgZone-r.png) no-repeat right top; }
				div.topBlock-ct{ float:left; width:199px; height:28px; background-color:#FFF; padding-top:3px; }

		/*- End Banniere -*/
		/*- Menu -*/
		div.menu{ width:1000px; height:38px; float:left; font-size:12px; margin-top:1px; background:url(../images/bgMenu.gif) repeat-x left top; }
			div.menu-bgLeft{ width:1000px; float:left; background:url(../images/bgMenu-l.gif) no-repeat left top; }
				div.menu-bgRight{ width:989px; float:left; padding:0 6px; background:url(../images/bgMenu-r.gif) no-repeat right top; }
					div.menu ul{ width:100%; float:left; }
						div.menu ul li{ float:right; padding:0 7px; line-height:38px; position:relative; }
							div.menu ul li a{ color:#FFF;font-size:12px;font-weight:bold; }
							div.menu ul li.active a{ color:#3CC; }
							
						div.menu ul li ul{ width:181px; position:absolute; right:0; top:38px; z-index:99; display:none;  }
							div.menu ul li ul li{ width:181px; padding:0; display:block; background-color:#236f92; line-height:normal; font-size:11px; border-bottom:1px solid #2b8bb8; }
								div.menu ul li ul li a, div.menu ul li.active ul li a{ padding:4px 6px; padding-right:16px; display:block; background:url(../images/puce2.gif) no-repeat 170px 8px; color:#FFF; }
									div.menu ul li ul li a:hover{ background-color:#56acc6; text-decoration:none; }
							div.menu ul li ul li.bgEnd{ height:6px; font-size:1px; background:url(../images/subMenu-bg.png) no-repeat right bottom; border:0; }
		/*- End Menu -*/
							
/*-----------------------------------------------------------[ END HEADER ]-------------------------------------------------------------*/
/*------------------------------------------------------------[ CONTENT ]---------------------------------------------------------------*/
	div#content{ width:1000px; float:left; padding-top:6px; }
		div#leftCol{ width:324px; float:right; }
			div.leftCel{ width:324px; float:right; }
				div.leftCel h2{ color:#53aac5; padding-left:0; }
				div.blockActus{ width:324px; float:left; border-bottom:1px solid #53aac5; padding-bottom:4px; margin-bottom:4px; }
					div.blockActus h3{ color:#53aac5; text-transform:none; padding:6px 0 12px 0;font-weight:bold; }
					div.blockActus a.savoirPlus{ float:right;font-size:12px;font-weight:bold; }
					div.imgActus{ width:86px; height:72px; float:right; }
					div.textActus{ width:232px; float:left; }
						div.textActus p{ padding:0;}
				div.lireAussi{ float:right; color:#53aac5; font-weight:bold; padding:4px 0 8px 0; text-align:right; }
				ul.list{ width:314px; padding-left:10px; float:left; }
					ul.list li{ padding:2px 0; }
						ul.list li a{ color:#53aac5; }
					
				div.listAll{ width:100%; float:left; margin-top:6px; background:url(../images/bgAll-b.gif) repeat-x left top; text-align:right; }
					div.listAll a{ display:block; height:24px; padding-right:26px; color:#FFF; background:url(../images/bgAll-b-l-ar.gif) no-repeat right top; line-height:24px; }
						div.listAll a span{ display:block; height:24px; background:url(../images/bgAll-b-r-ar.gif) no-repeat left top; padding-left:7px; }
						div.listAll a:hover{ text-decoration:underline; }
						
				div.size1{ width:124px; }
				div.size2{ width:164px; }
				div.size3{ width:228px; }
		
		div#rightCol{ width:636px; float:left; }
			div#rightCol div.leftCel h2, div#rightCol div.blockActus h3, div#rightCol ul.list li a, div#rightCol div.lireAussi{ color:#739933; }
			div#rightCol div.blockActus{ border-color:#739933; }
			div#rightCol div.textActus{ width:100%; }
			div#rightCol div.leftCel{ color:#7c7c7c; }
			div#rightCol div.leftCel div.listAll{ background:url(../images/bgAll-v.gif) repeat-x left top; }
				div#rightCol div.leftCel div.listAll a{ background:url(../images/bgAll-v-l-ar.gif) no-repeat right top; }
					div#rightCol div.leftCel div.listAll a span{ background:url(../images/bgAll-v-r-ar.gif) no-repeat left top; }
			
			div.rightCel{ width:266px; float:left; }
				div#agendaar{ width:266px; height:49px; float:left; padding-bottom:9px; background:url(../images/Agenda-ar.gif) no-repeat left top; }
					div#agendaar a{ height:49px; display:block; }
						div#agendaar a span{ display:none; }
					
				div#revue{ width:266px; float:left; padding:0 0 9px 0; }
					div#revue .lien_agenda{ background:url(../images/Agenda-ar.gif) no-repeat left top; display:block; height:56px;}
					div#revue h2{ padding:0 0 6px 0; }
					ul.myList2{ width:100%; float:left; }
						ul.myList2 li{ padding-bottom:1px; }
							ul.myList2 li a{ display:block; color:#666; padding:2px 16px; background-color:#e5f0e5; }
								ul.myList2 li a:hover{ background-color:#55acc7; color:#FFF; text-decoration:none; }
				
				div#bulletinar{ width:266px; height:49px; float:left; padding-bottom:9px; background:url(../images/bulletin-ar.gif) no-repeat left top; }
					div#bulletinar a{ height:49px; display:block; }
						div#bulletinar a span{ display:none; }
							
				div#publication{ width:266px; float:left; padding:0 0 9px 0; }
				div#publication-ct{ width:216px; height:107px; padding:20px 11px 20px 39px; background:url(../images/bulletinBg-ar.gif) no-repeat left top; }
					div#publication-ct h2{ padding:0 16px 6px 0; }
						div#publication-ct p{ padding:0; font-weight:bold;font-size:13px; color:#7c7c7c; text-align:right; line-height:18px; }
						div#publication-ct p a{color:#7c7c7c;}
					div#publication div.listAll a{ background:url(../images/bgAll-l-1-ar.gif) no-repeat right top; }
						div#publication div.listAll a span{ background:url(../images/bgAll-r-1-ar.gif) no-repeat left top; }
			
			div#media{ width:636px; float:left;padding-top:10px }
				div#videotheque{ width:214px; height:117px; float:right; }
					div#videotheque h2{ color:#195778; padding:0 0 11px 0; }
				div#galerie{ width:403px; float:left; }
					div#galerie h2{ color:#CCC; padding:0 0 11px 0; }
					div#galerie ul{ width:403px; height:77px; float:right; padding:20px 0; background-color:#e6e6e6; }
						div#galerie ul li{ float:left; padding:0 9px; }	
					
				
		div#centerCol{ width:1000px; clear:both; }
			div#centerCol h2{ padding-bottom:14px; }
			div.block{ width:228px; height:123px; padding:11px; float:left; }
				div.block a.savoirPlus{ float:right; }
			div.color1{ background-color:#f9f9f7; }
			div.color2{ background-color:#efeeee; }
			div.color3{ background-color:#e6e7e7; }
			div.color4{ background-color:#dedede; }
/*-----------------------------------------------------------[ END CONTENT ]------------------------------------------------------------*/
/*-------------------------------------------------------------[ FOOTER ]---------------------------------------------------------------*/
	div#footer{ width:1000px; float:left; padding:7px 0; }
		div#footer div.menu{ font-size:12px; }
			div#footer ul{ width:70%; float:right; }
				div#footer div.menu li{ background:url(../images/sepMenu.gif) no-repeat left 15px; }
			div#footer div.pyxi{ width:26%; float:left; text-align:left; line-height:37px; color:#FFF; font-weight:bold;}
				div#footer div.pyxi a{ color:#FFF; }
/*-----------------------------------------------------------[ END FOOTER ]-------------------------------------------------------------*/