* { margin:0; padding:0; }
body{ color:#3c3c3c; font:normal 11px 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-right:13px; margin-top:4px; background:url(../images/puce-fr.gif) no-repeat right 5px; }
	
ul, ol{ list-style-type:none; }
p{ padding:3px 0; text-align:justify; }
input, textarea, select{ font:normal 11px 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 18px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:16px 4px 2px 4px; }
h3{ color:#7c7c7c; font:normal 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:5px; }

div#main{ width:1000px; margin:auto; position:relative; }
	
/*-------------------------------------------------------------[ HEADER ]---------------------------------------------------------------*/
	div#flashcontent { position:absolute;top:105px;left:13%;width:765px;height:400px;z-index:100; display:none; }
	div#header{ width:1000px; height:227px; float:left; padding-top:1px; }
		/*- Banniere -*/
		div#banniere{ width:100%; height:188px; position:relative; background:url(../images/banniere.jpg) no-repeat left top; }
			/*div#logo{ width:127px; height:167px; float:left; margin:11px 0 0 21px; background:url(../images/logo.png) no-repeat left top;}*/
			div#logo{ width:10px; height:167px; float:left; margin:11px 0 0 21px;}
			/* hack pour ie6*/
			* html div#logo{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/logo.png", sizingMethod="scale");}
			/* fin hack*/
				div#logo a{ height:167px; display:block; }
					div#logo a span{ display:none; }
				
			div#sloganfr, div#sloganar, div#sloganes, div#sloganen{ width:680px; height:94px; float:left; margin:64px 0 0 0; }
			div#sloganfr{ background:url(../images/slogan-fr.png) no-repeat left top; }
			div#sloganes{ background:url(../images/slogan-es.png) no-repeat left top; }
			div#sloganen{ background:url(../images/slogan-en.png) no-repeat left top; }
			
			/* hack pour ie6*/
			* html div#sloganfr{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/slogan-fr.png", sizingMethod="scale");}
			* html div#sloganes{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/slogan-fr.png", sizingMethod="scale");}
			* html div#sloganen{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/slogan-fr.png", sizingMethod="scale");}
			
			/* fin hack*/
			
			div#search-lang{position:absolute; right:10px; 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; }
					* html div#search-lang-l{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/bgTop-l.png", sizingMethod="scale");}
					div#search-lang-r{ background:url(../images/bgTop-r.png) no-repeat right top; }
			* html div#search-lang-r{_background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src="../images/bgTop-r.png", sizingMethod="scale");}		
				div#search-lang-ct{ width:375px; height:45px; float:left; background:url(../images/bgTop-c.png) repeat-x left top; }
				div#search{ width:260px; height:31px; float:left; padding-top:2px; }
					div#search input{ width:208px; height:18px; float:left; margin-top:4px; }
					div#search input.btnSubmit{ width:30px; height:26px; float:right; cursor:pointer; margin-top:0; background:url(../images/icon-search.gif) no-repeat left top; }
				
				div#lang-bord{ width:138px; height:39px; float:right; border-left:2px solid #999; padding-top:6px; }
				div#lang{}
					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; }
					div.selectZone select{ display:none; }
					div.selectZone span{ display:block; width:90px; padding-left:9px; float:right; height:25px; line-height:25px; background:url(../images/icon-select.gif) no-repeat right 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; }
							div.selectZone ul li a{ display:block; padding:4px 0; padding-left:9px; color:#000; }
								div.selectZone ul li a:hover{ text-decoration:none; color:#FFF; background-color:#333; }
					
				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:238px; 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{ 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:left; padding:0 7px; line-height:38px; position:relative; font-size:11px;}
							div.menu ul li a{ color:#FFF; }
							div.menu ul li.active a{ color:#3CC; }
							
						.es div.menu ul li.fin ul{left:-66px;}
						
						div.menu ul li ul{ width:181px; position:absolute; left:0; top:38px; display:none; }
							div.menu ul li ul li{ width:100%; padding:0; clear:left; 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-left:16px; display:block; background:url(../images/puce2.gif) no-repeat 8px 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 left bottom; border:0; }
		/*- End Menu -*/
							
/*-----------------------------------------------------------[ END HEADER ]-------------------------------------------------------------*/
/*------------------------------------------------------------[ CONTENT ]---------------------------------------------------------------*/
	div#content{ width:1000px; float:left; padding-top:6px; }
		div#leftCol{ width:324px; float:left; }
			div.leftCel{ width:324px; float:left; }
				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; font-size:12px; text-transform:none; padding:6px 0 12px 0; }
					div.blockActus a.savoirPlus{ float:right; }
					div.imgActus{ width:86px; height:72px; float:left;padding-right:4px }
					div.textActus{ width:232px; float:left; }
						div.textActus p{ padding:0; }
				div.lireAussi{ float:left; color:#53aac5; font-weight:bold; padding:4px 0 8px 0; }
				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:right; font-size:10px; margin-top:6px; background:url(../images/bgAll-b.gif) repeat-x left top; }
					div.listAll a{ display:block; height:24px; padding-left:26px; color:#FFF; background:url(../images/bgAll-b-l-fr.gif) no-repeat left top; line-height:24px; }
						div.listAll a span{ display:block; height:24px; background:url(../images/bgAll-b-r-fr.gif) no-repeat right top; padding-right:7px; }
						div.listAll a:hover{ text-decoration:underline; }
						
				div.size1{ width:124px; }
				div.size2{ width:185px; }
				div.size3{ width:228px; }
		
		div#rightCol{ width:636px; float:right; }
			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-fr.gif) no-repeat left top; }
					div#rightCol div.leftCel div.listAll a span{ background:url(../images/bgAll-v-r-fr.gif) no-repeat right top; }
			
			div.rightCel{ width:266px; float:right; }
				div#agendafr, div#agendaen, div#agendaes{ width:266px; height:49px; float:left; padding-bottom:9px; }
					div#agendafr a, div#agendaen a, div#agendaes a{ height:49px; display:block; }
						div#agendafr a span, div#agendaen a span, div#agendaes a span{ display:none; }
				div#agendafr{ background:url(../images/Agenda-fr.gif) no-repeat left top; }
				div#agendaen{ background:url(../images/Agenda-en.gif) no-repeat left top; }
				div#agendaes{ background:url(../images/Agenda-es.gif) no-repeat left top; }
				
						
				div#revue{ width:266px; float:left; padding:0 0 9px 0; }
					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#bulletinfr, div#bulletinen, div#bulletines{ width:266px; height:49px; float:left; padding-bottom:9px; }
					div#bulletinfr a, div#bulletinen a, div#bulletines a{ height:49px; display:block; }
						div#bulletinfr a span, div#bulletinen a span, div#bulletines a span{ display:none; }
					div#bulletinfr{ background:url(../images/bulletin-fr.gif) no-repeat left top; }
					div#bulletinen{ background:url(../images/bulletin-en.gif) no-repeat left top; }
					div#bulletines{ background:url(../images/bulletin-es.gif) no-repeat left top; }
						
				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-fr.gif) no-repeat left top; }
						div#publication-ct h2{ padding:0 0 6px 0; }
							div#publication-ct p{ padding:0; font:bold 13px Arial, Helvetica, sans-serif; color:#7c7c7c; text-align:left; line-height:18px; }
							div#publication-ct p a{color:#7c7c7c;}
						div#publication div.listAll a{ background:url(../images/bgAll-l-1-fr.gif) no-repeat left top; }
							div#publication div.listAll a span{ background:url(../images/bgAll-r-1-fr.gif) no-repeat right top; }
			
			div#media{ width:636px; float:left; padding-top:10px }
				div#videotheque{ width:214px; height:117px; float:left; }
					div#videotheque h2{ color:#195778; padding:0 0 11px 0; }
				div#galerie{ width:403px; float:right; }
					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{ float:left; padding:7px 0; }
		div#footer div.menu{ font-size:10px; }
			div#footer ul{ width:70%; float:left; }
				div#footer div.menu li{ background:url(../images/sepMenu.gif) no-repeat right 15px; }
			div#footer div.pyxi{ width:26%; float:right; text-align:left; line-height:37px; color:#FFF; }
				div#footer div.pyxi a{ color:#FFF; }
/*-----------------------------------------------------------[ END FOOTER ]-------------------------------------------------------------*/


/* h2 */
.arrLeft{float:left;display:inline;background:url(../images/bg-left-arrondi.png) left top no-repeat;padding-left:12px;margin-left:10px;}
.arrRight{float:left;display:inline;background:url(../images/bg-right-arrondi.png) right top no-repeat;padding-right:12px;}
.arrCenter{float:left;display:inline;background:url(../images/bg-center-arrondi.png) center top repeat;height:36px;}

#lang ul{overflow:hidden;}
#lang li{float:left;display:inline;font-family:Verdana;font-size:15px;color:#fff;padding:0 8px;background:url(../images/bg-sep-menu.gif) right center no-repeat;}
#lang li.last{background:none;}
#lang li a{float:left;display:inline;font-family:Verdana;font-size:15px;color:#fff;text-decoration:none;height:36px;line-height:36px;}