/*----------------------------------------
posAbsolute CSS framework : http://www.position-absolute.com
Based on the nice Elements CSS Framework

Name: global.css
Developed by:
----------------------------------------*/

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

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

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



/* Elements
----------------------------------------*/
body{
	background:#FFFFFF url(../images/background.jpg) repeat-x scroll 0 0;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
#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;}
	


/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6{
	margin:5px 0 10px 0;
	font-size:17px;
}
	h2{color:#5C8127; font-size:16px;}
	h3{color:#5C8127; font-size:15px;}
	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;}


/* 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:960px;
	margin:0px auto;
	
}
#header{ 
	margin:0; padding:0;
	width:100%;
	text-align:center;
	height:352px;	
}

	/* 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;
		}
		
	/* 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; }
	
	/* 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.active a {background-position:bottom left !important;}
			ul#nav li.active a 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;
			}
			#contentSection .pageHeaderMtl{
				height: 87px;
				background: transparent url(../images/background/title-mtldeverre.gif) no-repeat;
			}
			#contentSection .titleProgrammation{
				height: 85px; width: 100%;
				background: transparent url(../images/title_programmation.gif) top left no-repeat;
			}
			
			#contentSection .pageHeaderContest{
				height: 142px; width: 100%;
				background: transparent url(../images/background/title-concours.jpg) 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;
			}
				.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;}
			
				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;}
				
		
			/* PROGRAMMATION */ 	
			#contentSection .resume{ 
				
				padding:12px 0; border-bottom:1px solid #f0f0f0;
			}	
				#contentSection .resume .thumbImg{ 
					float:left;
					width:240px; height:182px;
					margin: 0 10px 0 0;
					background: transparent url(../images/bg_images.jpg) top left no-repeat;
				}
				#contentSection .resume .thumbImg img{
					padding:5px 0 0 6px;
					
				} 
				#contentSection .resume .smallContent{ 
					float:left;
					width:316px; 
				}
					#contentSection .resume .smallContent h2{color:#333; font-size:18px;}
					#contentSection .resume .smallContent ul{margin:0; float:left; width:100%;}		
					#contentSection .resume .smallContent li{ 
						float:left; 
						padding: 0 0 0 12px;
						width:41%;
						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;
					}
			/* PRESSE */ 
			#contentSection .telechargement h4{
				float:left;
				width:100%;
				clear:both;
				font-size:12px;
				font-weight:bold;
				color:#555;
			}
			#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;}
					
			
	/* #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 .pageHeaderNetwork{
				position:relative;
				float:left;
				margin: 0 22px 0 19px;
				text-indent:-10000px;
				height: 34px;
				width: 127px;
				background: transparent url(../images/suiveznous.png) no-repeat;
			}		
			#rightCol .pageHeaderCard{
				float: left;
				height: 99px; width: 302px;
				text-indent:-10000px;
				background: transparent url(../images/background/title-carte.gif) no-repeat;
			}
			#rightCol .icon{
				position:relative;
				float:left;
				border:none 0px;
				margin-left:5px;
			}
				#rightCol .icon a{
					float:left;
					height:48px;
					padding-right:3px;
					width:36px;
					text-indent:-10000px;
				}
					#rightCol .icon a.facebook {background:url("http://www.villedeverre.com/wp-content/themes/default/images/btn/facebook.gif") no-repeat scroll left top transparent;}
					#rightCol .icon a.twitter {background:url("http://www.villedeverre.com/wp-content/themes/default/images/btn/twitter.gif") no-repeat scroll left top transparent;}
			#rightCol .degradeCarte{
				position:relative;
				float:left;
				margin: 20px 0 0 19px;
				width: 300px;
				height: 32px;
				background: transparent url(../images/degrade-carte.png) no-repeat;
			}
			#rightCol .add{
				clear:both;
				border:1px solid black;
				height:248px;
				width: 298px;
				margin: 0 0 0 19px;
			
			}
			#rightCol .texte{
				text-align:left;
				margin: 0 39px 0 32px;
				display:block;
				clear:both;
			
			}



/* Footer
----------------------------------------*/
#footer{
	margin:20px 0 0 0px;
	padding: 0 0 0 0;
	height:60px;
	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;
			height:11px;
			background: transparent url(../images/img_footer_sdmm.gif) top right no-repeat;
		}
		#footer p.fRight a.collaboration{
			padding:38px 65px 20px 0px;
			height:11px;
			background: transparent url(../images/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 {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */