/*----------------------------------------
posAbsolute CSS framework : http://www.position-absolute.com
Based on the nice Elements CSS Framework
 lessc C:\workcedric\xampp\xampp\htdocs\wordpressSdmm\wp-content\themes\default\css\global.less --watch
Developed by:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("import/reset.css");
@import url("import/externalLinks.css");
@import url("import/basicForms.css");

/* BASIC ABSTRACTION
----------------------------------------*/

/*--- CSS3 Styles ---*/



/* Elements
----------------------------------------*/
body{
	background:#FFFFFF;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#555555;
}
#printLogo{display:none;} /* added for printing the page */

p{margin: 0 0 10px 0;}


/*--- Basic Link Styles ---*/
a{color:#333;}
	a:hover{color:#333;text-decoration:none;}
	
	h2 a{text-decoration:none;}
		h2 a:hover{text-decoration:underline;}

/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6{
	margin:5px 0 10px 0;
	font-size:17px;
	color:#333333;
}
	h2{font-size:12px;font-weight:bold;}
	h3{font-size:12px;margin:8px 0 4px 0; font-weight:bold;}
	h4{color:#5C8127; font-size:14px;}
	h5{color:#5C8127; font-size:13px;}
	h6{color:#5C8127; font-size:12px;}
	
	ul{margin-left:25px; list-style-type:none;}
	ol{margin-left:25px;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em			{font-style:italic;}
#cboxCurrent {display:none !important;}

/* Standard Definitions
----------------------------------------*/
.floatLeft,.alignLeft 	{float:left;}
.floatRight,.alignRight 	{float:right;}
.clearThis 			{clear:both;}
.small				{font-size:.625em;}
.large				{font-size:1em;}
.soft				{color:#D3D3D3;}
.hide				{display:none;}
p.last				{margin-bottom:0px;}

.box { padding-bottom:12px; border-bottom:1px solid #f0f0f0; margin-bottom: 17px;}

/* List Definitions
----------------------------------------*/
ul.normal {
	list-style-type:disc;
	margin-bottom:10px;
}

ul.advanced{
	margin:0 10px 0 12px;
}
	ul.advanced li{
		display:block;
		padding: 0 0 0 17px;
		background: url(../images/background/bg_list.gif) left 4px no-repeat;
	}
		
	
/* Header
----------------------------------------*/
#flash{
	height:350px;
	text-align: center;
}
#mainContainer{ 	/* Define website WIDTH */
	width:100%;
	background:url(../images/background.gif) repeat-x scroll 0 0;
}
	#mainContent{ 	/* Define website WIDTH */
		width:960px;
		margin:0px auto;
		
	}
	

#header{ 
	margin:0; padding:0;
	width:100%;
	text-align:center;
	height:262px;	
	background: url(../images/background/bg_header.gif) left top repeat-x; 
}
	
	.headerImg{ height:262px;background: url(../images/header_programmation.jpg) center top no-repeat;}
	.bigHeader{height:351px !important;background: none !important;}
	
	.headerHistoire{background: url(../images/header_histoire.jpg) center top no-repeat;}
	.headerPasseport{background: url(../images/header_passeport.jpg) center top no-repeat;}
	.headerProgrammation{background: url(../images/header_programmation.jpg) center top no-repeat;}
	.headerConcours{background: url(../images/header_concours.jpg) center top no-repeat; }
	.headerPartenaires{background: url(../images/header_partenaires.jpg) center top no-repeat;}
	.headerPresse{background: url(../images/header_presse.jpg) center top no-repeat;}
	.headerJoindre{background: url(../images/header_joindre.jpg) center top no-repeat;}
	.headerPro{background: url(../images/title_pro.jpg) left top no-repeat; height:52px;}
		/* ENGLISH HEADER
		----------------------------------------*/
		body.en .headerHistoire{background: url(../images/en/header_histoire.jpg) center top no-repeat;}
		body.en .headerPasseport{background: url(../images/en/header_passeport.jpg) center top no-repeat;}
		body.en .headerProgrammation{background: url(../images/en/header_programmation.jpg) center top no-repeat;}
		body.en .headerConcours{background: url(../images/en/header_concours.jpg) center top no-repeat; }
		body.en .headerPartenaires{background: url(../images/en/header_partenaires.jpg) center top no-repeat;}
		body.en .headerPresse{background: url(../images/en/header_presse.jpg) center top no-repeat;}
		body.en .headerJoindre{background: url(../images/en/header_joindre.jpg) center top no-repeat;}
	
	/* NAVIGATION MENUS
	TOP Nav children of Header
	----------------------------------------*/
	ul#nav{
		margin:0; padding:0;
		background:transparent url(../images/background/bg_menu.gif) repeat scroll 0 0;
		height:33px;
		width:100%;
	}
		ul#nav li {
			float:left; 
			list-style-type:none; 
			margin:0px;
		}
		
	.navigation{padding-top:15px;}	
	.navigation .alignleft{float:right;}	
	.navigation .alignright{float:left;}	
	.navigation a{color:#8094A3; font-weight:bold; }
	
		
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height: 33px; display:block; text-indent:-9999px; outline:none;}
	
		/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
		#navAccueil a{ 			width: 49px; background: url(../images/btn/btn_home.gif) top left no-repeat; }
		#navHistoire a {		width: 89px; background: url(../images/btn/btn_histoire.gif)  top left no-repeat; }
		#navProgrammation a{ 	width: 159px; background: url(../images/btn/btn_programmation.gif)  top left no-repeat; }
		#navPasseport a{ 		width: 203px; background: url(../images/btn/btn_passeport.gif)  top left no-repeat; }
		#navConcours a{ 		width: 119px; background: url(../images/btn/btn_concour.gif)  top left no-repeat; }
		#navPartenaires a { 	width: 157px; background: url(../images/btn/btn_partenaire.gif)  top left no-repeat; }
		#navPresse a{ 			width: 136px; background: url(../images/btn/btn_presse.gif)  top left no-repeat; }
		#navEnglish a{ 			width: 48px; background: url(../images/btn/btn_en.gif)  top left no-repeat; }
	
		/* ENGLISH NAV 
		----------------------------------------*/
		body.en #navAccueil a{ 			width: 49px; background: url(../images/btn/btn_home.gif) top left no-repeat; }
		body.en #navHistoire a {		width: 89px; background: url(../images/btn/en/btn_histoire.gif)  top left no-repeat; }
		body.en #navProgrammation a{ 	width: 159px; background: url(../images/btn/en/btn_programmation.gif)  top left no-repeat; }
		body.en #navPasseport a{ 		width: 203px; background: url(../images/btn/en/btn_passeport.gif)  top left no-repeat; }
		body.en #navConcours a{ 		width: 119px; background: url(../images/btn/en/btn_concour.gif)  top left no-repeat; }
		body.en #navPartenaires a { 	width: 157px; background: url(../images/btn/en/btn_partenaire.gif)  top left no-repeat; }
		body.en #navPresse a{ 			width: 136px; background: url(../images/btn/en/btn_presse.gif)  top left no-repeat; }
		body.en #navEnglish a{ 			width: 48px; background: url(../images/btn/en/btn_en.gif)  top left no-repeat; }
	
	/* CSS Rollover (Sprites) 
	----------------------------------------*/
		ul#nav li a:hover {background-position:bottom left; /*can also be posinnionned center, or by pixels */}
		
		/* ACTIVE SECTION */
		ul#nav li a.selected {background-position:bottom left !important;}
			ul#nav li a.selected span{background-position:bottom left !important; /* USE ONLY WITH LInK FADER JS SCRIPT */}
	

		
/* Main Content
----------------------------------------*/
#mainContent{
	background:#fff;
}

#topGradient{
	padding:0;
	margin:0;
	background-image:url(../images/gradient-top-content.png);
	height:24px;
	width:958px;
}

	/* #contentSection children of Main Content
	----------------------------------------*/
		#mainContent #contentSection{ /* Define WIDTH */
			float:left;
			width: 567px;
			padding:0 26px;
		}
			#mainContent #contentSection .headerBox{ /* Define WIDTH */
				float:left;
				width: 100%;
			}
			
			/* TITLE */
			#contentSection h1 {
				 width: 100%;
				 text-indent:-10000px;
				 margin:0 0 5px 0;
			}
			#contentSection .pageHeaderMtl{height: 87px; background: transparent url(../images/background/title-mtldeverre.gif) no-repeat;}
			#contentSection .titleProgrammation{ 
				height:88px; width: 275px; 
				background: transparent url(../images/title/title_programmation.gif) top left no-repeat; 
				float:left;
				margin-top:10px;
			}
			
			#telechargerCalendrier {
				background:url("../images/btCalendrierTelecharger.gif") no-repeat scroll left top transparent !important;
				width:260px;
				height:65px;
				float:left;
				text-indent:-10000px;
				margin-bottom:50px;
			}
			
			#telechargerCalendrierEN {
				background:url("../images/btCalendrierTelechargerEN.gif") no-repeat scroll left top transparent !important;
				width:260px;
				height:65px;
				float:left;
				text-indent:-10000px;
				margin-bottom:50px;
				margin-left:10px;
			}
			
			#containerTelecharger {
				height:88px;
				width:inherit;
			}
			
			/** Bloc ne pas manquer accueil (2010-04-06) */
			#nepasmanquer{
				
				margin:22px 0;
				background:#edf5f6 url("../images/bg_nepasmanquer.jpg") top center no-repeat;
				padding:8px 12px 8px 34px;
				height:84px;
				width:520px;
			}
			#nepasmanquer h2{
				text-indent:34px;
				font-size:14px !important;
				line-height:14px;
				color:#00b7c6 !important;
				margin:0 0 2px -34px;
				background:transparent url("../images/fleche_nepasmanquer.gif") 11px 5px no-repeat;
			}
			
			/* fin ne pas manquer */
			#contentSection .pageHeaderContest{
				height: 142px; width: 100%;
				background: transparent url(../images/background/title-concours.gif) no-repeat;
				text-indent:-10000px;
			}
			
			#contentSection .titleConcours{
				height: 142px; width: 100%;
				background: transparent url(../images/title/title_concours.gif) no-repeat;
				text-indent:-10000px;
			}
			
			/* 2010-01-28 */
			#contentSection .titleConcoursPhoto{
				height: 58px; width: 100%;
				margin:0 0 20px 0;
				background: transparent url(../images/title/title_concoursPhoto.gif) no-repeat;
				text-indent:-10000px;
			}
			#contentSection .titlePrix{
				height: 17px; width: 100%;
				margin:25px 0 12px 0;
				background: transparent url(../images/title/title_prix.gif) no-repeat;
				text-indent:-10000px;
			}
			
			#contentSection .titleJoindre{
				height: 69px; width: 100%;
				background: transparent url(../images/title/title_joindre.gif) no-repeat;
			}
			#contentSection .titlePartenaire{
				height: 85px; width: 100%;
				background: transparent url(../images/title/title_partenaire.gif) no-repeat;
			}
			#contentSection .titlePasseport{
				height: 82px; width: 100%;
				background: transparent url(../images/title/title_passeport.gif) no-repeat;
			}	
			#contentSection .titlePresse{
				height: 85px; width: 100%;
				background: transparent url(../images/title/title_presse.gif) no-repeat;
			}
			#contentSection .titleHistoire{
				height: 85px; width: 100%;
				background: transparent url(../images/title/title_histoire.gif) no-repeat;
			}
			#contentSection .titleHistoire2{
				height: 85px; width: 100%;
				background: transparent url(../images/title/title_histoire2.gif) no-repeat;
			}
			#contentSection .titlePromottion{
				height: 79px; width: 100%;
				background: transparent url(../images/title/title_passepoty.gif) no-repeat;
			}
			
			
			/* Le select des musees est beeeeen long */
			select#type{
				font-size:11px;
			}
			
			.titleRecherche{
				height:40px;
				width:100%;
				background: transparent url(../images/img_titleRech.gif) no-repeat;
			}
			
			body.en .titleRecherche{
				background: transparent url(../images/en/img_titleRech.gif) no-repeat;
			}
			
				.titleCat{
					height: 15px; width: 100%;
					background: transparent url(../images/img_triercat.gif) no-repeat;
				}
				 .titleExpo{
					height: 15px; width: 100%;
					background: transparent url(../images/img_trierexpo.gif) no-repeat;
				}
				 .titleLieu{
					height: 15px; width: 100%;
					background: transparent url(../images/img_trierlieu.gif) no-repeat;
				}
				 .titleEven{
					height: 14px; width: 100%;
					background: transparent url(../images/img_trierevenement.gif) no-repeat;
				}
				body.en .titleCat{
					height: 15px; width: 100%;
					background: transparent url(../images/en/img_triercat.gif) no-repeat;
				}
				 body.en .titleExpo{
					height: 15px; width: 100%;
					background: transparent url(../images/en/img_trierexpo.gif) no-repeat;
				}
				body.en  .titleEven{
					height: 14px; width: 100%;
					background: transparent url(../images/en/img_trierevenement.gif) no-repeat;
				}
				body.en  .titleLieu{
					height: 14px; width: 100%;
					background: transparent url(../images/en/img_trierlieu.gif) no-repeat;
				}

				.titlePhoto{
					height: 17px; width: 200px;
					background: transparent url(../images/title/title_photos.gif) no-repeat;
					text-indent:-10000px;
				}
				.titleVideo{
					height: 19px; width: 200px;
					background: transparent url(../images/title/title_video.gif) no-repeat;
					text-indent:-10000px;
				}
				.titleTelechargement{
					height: 19px; width: 200px;
					background: transparent url(../images/title/title_telechargement.gif) no-repeat;
					text-indent:-10000px;
				}
			
				/* BLUE BUTTONS */
				a.btnparticipez{
					float:left;
					width: 128px; height: 29px;
  					text-indent: -10000px; 
					background: transparent url(../images/btn/btn_participer.gif) no-repeat;
				}
					a.btnparticipez:hover{background-position:bottom left;}
					body.en a.btnparticipez{background: transparent url(../images/btn/en/btn_participer.gif) no-repeat;}
			
				a.btnsavoir{
					float:left;
					text-indent:-10000px;
					width: 141px; height: 29px;
					background: transparent url(../images/btn/btn_savoir.gif) no-repeat;
				}
					a.btnsavoir:hover{background-position:bottom left;}
					body.en a.btnsavoir{background: transparent url(../images/btn/en/btn_savoir.gif) no-repeat;}
					
					/* ENGLISH NAV 
					----------------------------------------*/
					body.en #contentSection .pageHeaderMtl{ background: transparent url(../images/background/en/title-mtldeverre.gif) no-repeat;}
					body.en #contentSection .titleProgrammation{ background: transparent url(../images/title/en/title_programmation.gif) top left no-repeat; }
					body.en #contentSection .pageHeaderContest{background: transparent url(../images/background/en/title-concours.gif) no-repeat;}
					body.en #contentSection .titleConcours{	background: transparent url(../images/title/en/title_concours.gif) no-repeat;}
					
					/* modifs 2010-01-28 */
					body.en #contentSection .titleConcoursPhoto{	background: transparent url(../images/title/en/title_concoursPhoto.gif) no-repeat;}
					body.en #contentSection .titlePrix{	background: transparent url(../images/title/en/title_prix.gif) no-repeat;}
					
					
					body.en #contentSection .titleJoindre{background: transparent url(../images/title/en/title_joindre.gif) no-repeat;}
					body.en #contentSection .titlePartenaire{background: transparent url(../images/title/en/title_partenaire.gif) no-repeat;}
					body.en #contentSection .titlePasseport{background: transparent url(../images/title/en/title_passeport.gif) no-repeat;}	
					body.en #contentSection .titlePresse{background: transparent url(../images/title/en/title_presse.gif) no-repeat;}
					body.en #contentSection .titleHistoire{background: transparent url(../images/title/en/title_histoire.gif) no-repeat;}
					body.en #contentSection .titleHistoire2{background: transparent url(../images/title/en/title_histoire2.gif) no-repeat;}
					body.en #contentSection .titlePromottion{	background: transparent url(../images/title/en/title_passepoty.gif) no-repeat;}
						body.en .titleVideo{background: transparent url(../images/title/en/title_video.gif) no-repeat;}
						body.en .titleTelechargement{background: transparent url(../images/title/en/title_telechargement.gif) no-repeat;}
			.telephone{
				width:100%;
				height:48px;
				float:left;
				background: transparent url(../images/img_tel_fr.gif) 20px top no-repeat;
			}	
							
			.credits{padding-left:5px;}	
			body.en .telephone{
				background: transparent url(../images/img_tel_en.gif) 20px top no-repeat;
			}	
				
			/* PROGRAMMATION */ 
			
				
			#contentSection h2{color:#333; font-size:17px; line-height:17px; padding-top:3px;}
			#contentSection  .thumbImg{ 
					float:left;
					width:240px; height:182px;
					margin: 0 10px 20px 0;
					background: transparent url(../images/bg_images.jpg) top left no-repeat;
				}
					#contentSection  .thumbImg img{
						padding:5px 0 0 6px;
						
					} 
			#contentSection .resume{ 
				
				padding:12px 0; border-bottom:1px solid #f0f0f0;
			}	
				#contentSection .resume .thumbImg{ 
					float:left;
					width:240px; height:182px;
					margin: 0 10px 20px 0;
					background: transparent url(../images/bg_images.jpg) top left no-repeat;
				}
				#contentSection  .thumbImg img{
						padding:5px 0 0 6px;
						width:228px; height:170px;
					} 
				#contentSection .resume .smallContent{ 
					float:left;
					width:316px; 
				}
					#contentSection .resume .smallContent h2{color:#333; font-size:17px; line-height:17px;}
					#contentSection .resume .smallContent ul{margin:0;}		
					#contentSection .resume .smallContent li{ 
						padding: 0 0 0 12px;
						margin:0;
						background: url(../images/background/bg_listProg.gif) left 6px no-repeat;
					}
				#contentSection .resume .theDate{
					color:#333333;
					margin-top:-5px;
				}
				#contentSection .resume .musee{
					color:#333333;
				}
				#contentSection .resume .enSavoirPlus{
					color:#8094a3;
					text-decoration:none;
					display:block;
				}
					#contentSection .resume .enSavoirPlus:hover{
						text-decoration:underline;
					}
				#contentSection .musee li {background:none !important; padding:0 !important; list-style:none;}
				#contentSection .musee li a{text-decoration:none;}
				#contentSection  .category{
					font-size:12px;
					color:#8094a3;
					margin:8px 0;
				}
					#contentSection  .category ul {
						display:inline;
						background:none;
						margin:0;
						margin:0 !important;
					}
					#contentSection  .category li {
						display:inline;
						background:none !important;
						margin:0 !important;
						padding-left:2px !important;
					}
						#contentSection  .category li a{
							text-decoration:underline;
							color:#8094a3;
							padding:0px !important;
						}
							#contentSection  .category li a:hover{
								text-decoration:none;
							}
					
				#contentSection .resume .smallContent{ 
					float:left;
					width:316px; 
				}
					#contentSection .resume .smallContent h2{color:#333; font-size:17px; line-height:17px;margin-bottom:5px}
					#contentSection .resume .smallContent ul{margin:0;}		
					#contentSection .resume .smallContent li{ 
						padding: 0 0 0 12px;
						margin:0;
						background: url(../images/background/bg_listProg.gif) left 6px no-repeat;
					}		
			/* PARTENAIRES */ 	 
			#contentSection .logo a{ 
				float:left;
				padding: 0 40px 8px 0;
			}	
			#contentSection .forms input,#contentSection .forms textarea {
				border:1px solid #cccccc;
			}	
				#contentSection #message {
					width:532px;
					height:100px;
				}
				
			#contentSection .forms label {
				color:#555555;
			}	
			
			/* PASSEPORT */ 	 
			#contentSection .thumbCarte{ float:left;padding-right:15px;}	
			#contentSection .descCarte{ float:left; width:400px;}	
				#contentSection .descCarte ul{margin:0; float:left; width:100%;padding-bottom:10px;}		
					#contentSection .descCarte li{ 
						float:left; 
						padding: 0 0 0 12px;
						width:100%;
						margin:0;
						background: url(../images/background/bg_listProg.gif) left 6px no-repeat;
					}

			#contentSection .subNav{
				background: url(../images/background/bg_subnav.gif) bottom left repeat-x;
				margin: 0 0 35px 0;
			}		
			
				#contentSection .subNav a{
					text-indent:-10000px;
					height:35px;
					float:left; 
				}	
				#contentSection .subNav a.passeport{
					width:188px; 
					background: url(../images/btn/btn_passeport1.gif) top left no-repeat;
				}
				#contentSection .subNav a.promotion{
					width:209px; 
					background: url(../images/btn/btn_promo.gif) top left no-repeat;
				}
				#contentSection .subNav a.verre{
					width:187px; 
					background: url(../images/btn/btn_verre.gif) top left no-repeat;
				}
				#contentSection .subNav a.evenement{
					width:208px; 
					background: url(../images/btn/btn_evenement.gif) top left no-repeat;
				}
					/* EMGLISH */ 
					
					body.en #contentSection .subNav a.passeport{background: url(../images/btn/en/btn_passeport1.gif) top left no-repeat;}
					body.en #contentSection .subNav a.promotion{	background: url(../images/btn/en/btn_promo.gif) top left no-repeat;}
					body.en #contentSection .subNav a.verre{background: url(../images/btn/en/btn_verre.gif) top left no-repeat;}
					body.en #contentSection .subNav a.evenement{background: url(../images/btn/en/btn_evenement.gif) top left no-repeat;}

				
					#contentSection .subNav a:hover{
						background-position:bottom left;
					}	
					body.en #contentSection .subNav a:hover{
						background-position:bottom left;
					}	
					#contentSection .subNav a.selected{
						background-position:center left !important;
					}	
					a.professs{float: left;width:300px; margin:20px -10px 0 17px;height:77px; text-indent:-10000px;background: url(../images/img_index_fr.gif) top left no-repeat;}
						body.en a.professs{background: url(../images/img_index_en.gif) top left no-repeat;}
			/* PRESSE */ 
			#contentSection .telechargement h4{
				float:left;
				width:100%;
				clear:both;
				font-size:12px;
				font-weight:bold;
				color:#555;
				display:inline;
			}
			#contentSection .telechargement h4 p {float:left;}
			#contentSection .telechargement a{
				float:left;
				width:42%; height:22px;
				line-height:22px;
				
				font-size:12px;
				color:#555;
				text-decoration:none;
				padding: 0 0 5px 27px;
				background: url(../images/bg_pdf.gif) top left no-repeat;
			}
				#contentSection .telechargement a:hover{text-decoration:underline;}
			ul.profes{
				margin:0; padding:0;
				
			}		
				ul.profes li{
					float:left;
					width:255px; height:229px;
					padding:25px 25px 0 0;margin:0;
					border-bottom:1px solid #f0f0f0;
				}
					ul.profes li h3{
						margin:0; padding:0 0 4px 0;
						font-size:18px;
						color:#333;
					}
					ul.profes li a{color:#00b7c6; text-decoration:none;}
						ul.profes li a:hover{text-decoration:underline;}
					ul.profes li .adress,ul.profes li .tel,ul.profes li .desc{
						margin:0; padding:0 0 15px 0;
						font-size:12px;
						color:#555555;
					}
		/* CONCOURS*/ 
		
			ul.normal{
			margin:5px 0 18px 0;
			list-style-type:none;
			
			}		
			ul.normal li{ 
				padding: 0 0 0 12px;
				margin:0;
				width:435px;
				background: url(../images/background/bg_listProg.gif) left 6px no-repeat;
			}
		a.iconePdf{
			background: transparent url("../images/pdf.gif") top left no-repeat;
			width:18px;
			margin:0 10px 10px 0;
			float:left;
			height:22px;
			text-indent:-1000em;
		}
		a.linkNoir{
			font-weight:bold;
			text-decoration:none;
			color:#000;
		}
		
		body.en a.expo{
			background: url(../images/btn_expo_en.jpg) top left no-repeat;
		}
		a.expo{
			float:left;
			width:196px; height:33px;
			text-indent:-10000px;
			background: url(../images/btn_expo.jpg) top left no-repeat;
		}
		a.expo:hover{background-position:left -32px;}
			
	/* #rightCol children of Main Content
	----------------------------------------*/
		#mainContent #rightCol{ /* Define WIDTH */
			background:#FFFFFF url(../images/rightContent-bg.png) repeat-y scroll 0 0;
			float:left;
			width:338px;
		}
			#rightCol .box {
			float:left;
			padding-left:30px;
			padding-right:20px;
			padding-bottom:0;
			width:83%;
			border:none;
			margin:0;
		}
			#rightCol .box select{margin:10px 0;}
			#rightCol .box #datepicker{margin-top:18px;}
		.ou{
			height: 23px; width: 100%;
			margin-bottom:-33px;
			background: transparent url(../images/img_ou.gif) center top no-repeat;
		}
		body.en .ou{background: transparent url(../images/en/img_ou.gif) center top no-repeat;}
		
			#rightCol .pageHeaderNetwork{
				position:relative;
				float:left;
				display:inline;
				margin: 0 10px 0 19px;
				text-indent:-10000px;
				height: 34px;
				width: 127px;
				background: transparent url(../images/suiveznous.png) no-repeat;
			}	
				body.en #rightCol .pageHeaderNetwork{background: transparent url(../images/en/suiveznous.png) no-repeat;}	
			#rightCol .pageHeaderCard{
				float: left;
				height: 99px; width: 302px;
				text-indent:-10000px; 
			}
			
			#rightCol .pageHeaderCard *{float:left;}
			#rightCol .icon{
				position:relative;
				float:left;
				display:inline;
				border:none 0px;
				margin-left:3px;
			}
				#rightCol .icon a{
					width:36px; height:48px;
					float:left;
					padding-right:3px;
				}
					#rightCol .icon a.facebook{
						background: url(../images/btn/facebook.gif) top left no-repeat;
					}
					#rightCol .icon a.twitter{
						background: url(../images/btn/twitter.gif) top left no-repeat;
					}
					#rightCol .icon a.sdmm{
						background: url(../images/btn/sdmm.gif) top left no-repeat;
					}
					#rightCol .icon a.ytoube{
						background: url(../images/youtube.gif) top left no-repeat;
					}
					#rightCol .icon a:hover{
						background-position:bottom left;
					}
			#rightCol .degradeCarte{
				position:relative;
				float:left;
				display:inline;
				margin: 20px 0 0 19px;
				width: 300px;
				height: 32px;
				background: transparent url(../images/degrade-carte.png) no-repeat;
			}
			
			#rightCol .specialOffer img{
				float:left;
				
			}
				#rightCol .specialOffer .texte{
					float:left;
					width:191px;
					padding: 0 0 10px 22px;
				}
			#rightCol .add{
				clear:both;
				height:250px;
				width: 300px;
				margin: 0 0 0 19px;
			
			}
			#rightCol p.texte{
				text-align:left;
				margin: 0 39px 0 32px;
				display:block;
				clear:both;
			
			}
			.progContainer{
				margin-top:30px;
				padding-top:70px;
				background: transparent url(../images/bg_container.gif) no-repeat;
			}
			body.en .progContainer{background: transparent url(../images/en/bg_container.gif) no-repeat;}
			.smallProg{
				float:left;
				width:240px;
				padding:0 25px 0 12px;
				background: transparent url(../images/bg_fleche.gif) left 4px no-repeat;
			}
				.smallProg .title{text-transform:uppercase;text-decoration:none;}
				.smallProg .category{padding:0 !important;} 

			.flecheBullit{
				
				padding:0 25px 0 12px;
				background: transparent url(../images/bg_fleche.gif) left 4px no-repeat;
			}
			.flecheBullit a{
				color:#00b7c6;
			}


/* Footer
----------------------------------------*/
#footer{
	float:left;
	padding: 40px 0 0 0;
	height:60px; width:100%;
	color:#889ead;
}
	#footer a {color:#889ead;}
	#footer p.fLeft {
		float:left;
		width:46%;
		padding-top:19px;
		padding-left:29px;
		font-size:10px;
		color:#889ead;
	}
	#footer p.fRight {
		float:left;
		width:50%;
		font-size:10px;
		color:#889ead;
	}
		#footer p.fRight a{
			float:left;
			color:#404040;
			font-size:10px;
			text-decoration:none;
			
		}
		#footer p.fRight a.evenements{	
			padding:38px 126px 20px 0px;
			margin-right:20px;
			margin-left:39px;
			height:11px;
			width:118px;
			text-align:right;
			background: transparent url(../images/img_footer_sdmm.gif) top right no-repeat;
		}
		#footer p.fRight a.collaboration{
			padding:38px 65px 20px 0px;
			height:11px;
			width:105px;
			text-align:right;
			background: transparent url(../images/img_footer_science.gif)  right no-repeat;
		}
			body.en #footer p.fRight a.evenements{background: transparent url(../images/en/img_footer_sdmm.gif) top right no-repeat;}	
			body.en #footer p.fRight a.collaboration{background: transparent url(../images/en/img_footer_science.gif)  right no-repeat;}
/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}