
/* COMMON */

body {
	font: 62.5% Verdana, Sans-Serif;
	color: #424242;
	background:#f2f3f3;
	margin:0; padding:0;
	position:relative;
}


a {text-decoration:underline; outline:none;}
a:hover{text-decoration:none;}
img{border:none;}
p {margin:0; padding: 0 0 10px 0;}


/* NOT IN HTML SEMANTIC */
.noBG{background-image:none !important;}
.bgPapillon {
	position:absolute;
	top:25px; left:0;
	width:100%;
	height:183px;
	background:url(../img/bg_papillon.gif) top center no-repeat;
	z-index:8; 
}



 #wrap{
	margin:0 auto;
	width:100%;
	background:#636466 url(../img/bg_site.gif) top left repeat-x;
}
#wrapContent {
	margin:0 auto;
	width:100%;
	/*background:url(../img/bg_site_content.gif) top left repeat-x;*/
}
	/* HEADER + MENU SECTION */

	 #header {
	 	position:relative;
		width:928px; 
		margin:0 auto;
		padding: 0 0 12px 0;
		z-index:99;
	}
		 #header #utilities {
			float:left;
			width:100%;
			text-align:right;
			height:22px;
			line-height:22px;
			color:#4f4f4f;
		}
			 #header #utilities a {
				color:#4f4f4f;
				text-decoration:none;
				font-weight:bold;
				padding: 0 2px;
			}
			 #header #utilities a:hover {color:#bb2014;}
			
		 #header h2 {
			float:left;
			width:561px; height:81px;
			display:inline;
			text-indent:-9999px;
			margin:10px 0 63px 0;
			background:url(../img/bg_logo.gif) top right no-repeat;
		}		
		
		
		/* MENU SECTION */
		
		 #header #menuPrinc {
			float:left;
			width:100%;
			background:url(../img/bg_menu_line.gif) top right no-repeat;
		}
			 #header #menuPrinc .block{
				float:left;
				width:190px;
				background:url(../img/bg_menu_line.gif) top left no-repeat;
				padding:0 0 0 40px;
				min-height:80px;
			}
				 #header #menuPrinc .block h3{
					margin:0; padding:0 0 7px 0; 
					font-size:1.2em;
					color:#fff;
				}
				 #header #menuPrinc .block a {
					padding:3px 0 3px 13px;
					margin:0;
					background:url(../img/bg_menu_fleche.gif) center left no-repeat;
					color:#fff;
					float:left;
					width:85%;
					text-decoration:none;
				}
				 #header #menuPrinc .block a:hover {text-decoration:underline;}
		
						
	/* HOMEPAGE CONTENT SECTION */
							
	 #contentContainerHome {
		position:relative;
		margin:0 auto;
		width:928px;
		padding: 10px 0 25px 0;
	}			
	
		/* HOMEPAGE COL LEFT */
		
		 #contentContainerHome .colLeft {
			float:left; 
			width:578px;
			margin: 0 10px 0 0;
			display:inline;
		}
			 #contentContainerHome .colLeft .intro {
				float:left; 
				width:100%;
				padding: 20px 0 30px 0;
			}
			 #contentContainerHome .colLeft .intro img{
				float:left;
				display:inline;
				border:5px solid #c5c5c5;
				margin: 0 10px 0 0;
			}
			 #contentContainerHome .colLeft .intro h4{
				float:left;
				height:16px; width:200px;
				margin:0; padding:0 0 7px 0;
				color:#636466;
				text-transform:uppercase;
				font-size:1.6em;
				font-weight:bold;
			}
			 #contentContainerHome .colLeft .intro p{
				color:#2d2d2d;
				line-height:16px;
				font-size:1.0em;
				float:left;
				width:415px;
			}
			
			 #contentContainerHome .colLeft .whatNew{
				float:left;
				position:relative;
				width:577px;
				padding:0 0 5px 0;
				background:url(../img/bg_whatnew_bottom.gif) bottom left no-repeat;
			}
				 #contentContainerHome .colLeft .whatNew a{text-decoration:none;color:#424242;}
				 #contentContainerHome .colLeft .whatNew a:hover{text-decoration:underline;}
				 #contentContainerHome .colLeft .whatNew h4{
					float:left;
					margin:0; padding:0;
					width:577px; height:31px;
					line-height:31px;
					text-indent:47px;
					font-size:1.2em;
					text-transform:uppercase;
					background:url(../img/bg_whatnew_title.gif) bottom left no-repeat;
					color:#fff;
				}
				 #contentContainerHome .colLeft .whatNew h5{
					margin:0; padding:18px 0 18px 18px;
					color:#bb2014;
					text-transform:uppercase;
					font-size:1.0em;
				}
				 #contentContainerHome .colLeft .whatNew .blockContent{
					float:left;
					width:572px;
					background:#fff url(../img/bg_whatnew_content_btm.gif) bottom left no-repeat;
					border-left:1px solid #cacaca;
					border-right:1px solid #cacaca;
				}
					 #contentContainerHome .colLeft .whatNew .blockContent ul{margin:0;padding:0 18px; list-style:none;}
						 #contentContainerHome .colLeft .whatNew .blockContent ul li{
							margin:0; padding:0 0 19px 0;
							color:#424242;
						}
							#contentContainerHome .colLeft .whatNew .blockContent ul li span.date {color:#8d8d8d}
					
					#contentContainerHome .colLeft .whatNew .blockContent .latestPress {
						float:left;
						width:294px;
						background:url(../img/bg_latestpress.gif) right 3px repeat-y;
					}		
					#contentContainerHome .colLeft .whatNew .blockContent .latestFacts {float:left;width:278px;}	
					
		
		/* HOMEPAGE COL RIGHT */
		
		 #contentContainerHome .colRight {float:left; width:331px;}		
		 #contentContainerHome .colRight .spotLight {
			float:left; 
			width:331px;
			padding:0 0 5px 0;
			background:url(../img/bg_spotlight_bottom.gif) bottom left no-repeat;
			position:relative;
		}			
			 #contentContainerHome .colRight .spotLight h4{
				float:left;
				margin:0; padding:0;
				width:331px; height:31px;
				line-height:31px;
				text-indent:47px;
				font-size:1.2em;
				text-transform:uppercase;
				background:url(../img/bg_spotlight.gif) bottom left no-repeat;
				color:#fff;
			}		
			 #contentContainerHome .colRight .spotLight h5{
				margin:0; padding:15px 0 0 0px;
				color:#bb2014;
				text-transform:uppercase;
				font-size:1.0em;
			}			
				 #contentContainerHome .colRight .spotLight .video{
				 padding:18px 0 0px 0px;
					float:left;
			}			
			 #contentContainerHome .colRight .spotLight .blockContent{
				float:left;
				width:296px;
				background:#fff url(../img/bg_whatnew_content_btm.gif) bottom left no-repeat;
				border-left:1px solid #cacaca;
				border-right:1px solid #cacaca;
				padding: 0px 15px 15px 15px;
				line-height:15px;
			}			
				 #contentContainerHome .colRight .spotLight .spot img{
					float:right;
					display:inline;
					border:5px solid #c5c5c5;
					margin: 15px 15px 0 20px;
				}
				 #contentContainerHome .colRight .spotLight .spot p.date{
					font-size:1.0em;
					color:#424242;
					margin:0; padding:0 0 8px 0;
				}
				 #contentContainerHome .colRight .spotLight .spot a.pdf {
					display:block;
					padding:2px 0 2px 15px;
					color:#424242;
					text-decoration:none;
					background: url(../img/img_pdf.gif) bottom left no-repeat;
					
				}
				 #contentContainerHome .colRight .spotLight .spot a.pdf:hover {text-decoration:underline;}
				
				
	/* CONTENT SECTIONS */	
			
	 #contentContainer {
		position:relative;
		width:928px;
		margin:0 auto;
		padding: 24px 0 25px 0;
	}			
	
	
		/* COL LEFT */

		 #contentContainer .colLeft {
			float:left; 
			width:699px;
			margin: 0 10px 0 0;
			display:inline;
		}
			 #contentContainer .colLeft .blockPrincipal{
				float:left;
				position:relative;
				width:699px;
				padding:0 0 4px 0;
				background:url(../img/bg_blockPrincipal_bottom.gif) bottom left no-repeat;
				font-size:1.1em;
			}
				 #contentContainer .colLeft .blockPrincipal h4{
					float:left;
					margin:0; padding:0;
					width:699px; height:31px;
					line-height:31px;
					text-indent:12px;
					font-size:1.2em;
					text-transform:uppercase;
					background:url(../img/bg_blockPrincipal_title.gif) bottom left no-repeat;
					color:#fff;
				}	
				 #contentContainer .colLeft .blockPrincipal h5{
					margin:0; padding:5px 0 15px 0px;
					color:#bb2014;
					text-transform:uppercase;
					font-size:1.0em;
				}
				 #contentContainer .colLeft .blockPrincipal .blockContent{
					float:left;
					width:658px;
					border-left:1px solid #cacaca;
					border-right:1px solid #cacaca;
					padding: 26px 18px 25px 18px;
					line-height:17px;
					background:#fff;
				}
					 #contentContainer .colLeft .blockPrincipal .blockContent ol.numberList{
						padding:5px 0 15px 30px;
						margin:0;
						list-style-position:outside;
					}
					 #contentContainer .colLeft .blockPrincipal .blockContent ul.squareList{
						padding:5px 0 15px 25px;
						margin:0;
						list-style:square outside;
					}
					 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable{
						width:100%;
						border:none;
						border-bottom:1px solid #c0c0c0;
					}
						 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td{
						margin:0; padding:9px 10px;
						border-top:1px dotted #8a8a8a;
						border-left:1px solid #c0c0c0;
						border-right:1px solid #c0c0c0;
					}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td.bgGrey {background:#eff0f0;}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td span{color:#8d8d8d;}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td.title{
								color:#fff;
								font-weight:bold;
								border:1px solid #d15400;
								padding: 4px 11px;
								background:#f16b12 url(../img/bg_dataTable_title.gif) top left repeat-x;
							}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td.col0{width:1%;}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td.col1{width:76%;border-left:none !important;}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td.col2{width:23%;border-left:none !important;}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td.col0a{width:1%;}
							 #contentContainer .colLeft .blockPrincipal .blockContent table.dataTable td.colFull{width:100%;}
							
							
		/* COL RIGHT */					
		
		 #contentContainer .colRight {float:left; width:210px;}	
			 #contentContainer .colRight .blockPrincipal {
				float:left; 
				width:209px;
				padding:0 0 5px 0;
				background:url(../img/bg_colright_bottom.gif) bottom left no-repeat;
				position:relative;
			}		
			 #contentContainer .colRight .blockPrincipal h4{
				float:left;
				margin:0; padding:0;
				width:206px; height:31px;
				line-height:31px;
				text-indent:12px;
				font-size:1.1em;
				text-transform:uppercase;
				background:url(../img/bg_rightCol_title.gif) top left no-repeat;
				color:#fff;
			}		
				 #contentContainer .colRight .blockPrincipal .blockContent{
					float:left;
					width:204px;
					border-left:1px solid #cacaca;
					border-right:1px solid #cacaca;
					padding: 0px 0px 0px 0px;
					line-height:15px;
					background:#fff;
				}		
				 #contentContainer .colRight .blockPrincipal .blockContent img{padding: 2px 0 0 2px;}		
				 #contentContainer .colRight .blockPrincipal .blockContent .menu a{
					float:left;
					position:relative;
					width:167px; 
					padding: 6px 10px 6px 27px;
					background:#f3f3f3 url(../img/bg_colRight_menu.gif) top left no-repeat;
					color:#424242;
					font-weight:normal;
					text-decoration:none;
				}		
				 #contentContainer .colRight .blockPrincipal .blockContent .menu a:hover,
				 #contentContainer .colRight .blockPrincipal .blockContent .menu a.selected{
					background:#f3f3f3 url(../img/bg_colRight_menu_hover.gif) top left no-repeat;
					color:#bb2014 !important;
					font-weight:bold !important;	
				}	
					 #contentContainer .colRight .blockPrincipal .blockContent .menu a span {
						line-height:13px;
						position:relative;
						clear:both;
						display:block;
						font-weight:normal !important;
						color:#999999;
						z-index:5;
					}	
						 #contentContainer .colRight .blockPrincipal .blockContent .menu a span.bgBottom{
							position:absolute;
							display:block;
							width:204px; height:14px;
							bottom:0; left:0;
							background:url(../img/bg_bottom_menu.gif) bottom left no-repeat;
							z-index:4;
						}
					 #contentContainer .colRight .blockPrincipal .blockContent .menu a:hover span,
					 #contentContainer .colRight .blockPrincipal .blockContent .menu a.selected span{color:#727272 !important;}	
					 
					 
		/* FORM NEWSLETTER */
		
		 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label {
			float:left;
			width:90%;
			clear:both;
			padding:5px 0;
		}
			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label span {
				float:left;
				width:160px;
				padding:0 10px;
				text-align:right;
				line-height:19px;
				height:19px;
			}
			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label input.TextControl {
				position:relative;
				float:left;
				width:272px;
				border:1px solid #9e9d95;
				height:19px;
				line-height:19px;
				display:inline;
				margin: 0 8px 0 0px;
			}		 
			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label select {
				position:relative;
				float:left;
				width:276px;
				border:1px solid #9e9d95;
				height:22px;
				line-height:19px;
				display:inline;
				margin: 0 8px 0 0px;
			}			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label textarea {
				position:relative;
				float:left;
				width:272px;
				border:1px solid #9e9d95;
				height:60px;
				line-height:19px;
				display:inline;
				margin: 0 8px 0 0px;
			}
							 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter label input.small {width:131px;}		
				
			
			/* LIST RADIO */
			
			 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio {float:left; width:100%}	
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio label input {
					float:left;
					width:auto;
					padding:0 10px;
					text-align:right;
					line-height:19px;
					height:19px;
					border:none;
				}	 
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio p {padding-top:10px; float:left; width:100%}
				 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio label {
					padding:1px 0 1px 30px;
					position:relative;
				}	 
					 #contentContainer .colLeft .blockPrincipal .blockContent form.newsletter .listRadio label span {
					width:400px;
					text-align:left;
				}	
				
				/* SUBMIT INPUT */
					
	/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */					

	/* CONTENT SECTIONS */	
			
	 #contentcontainerFull {
		position:relative;
		width:968px;
		margin:0 auto;
		padding: 24px 0 25px 24px;
	}			
	
	
		/* COL LEFT */

		 #contentcontainerFull .colLeft {
			float:left; 
			width:939px;
			margin: 0 10px 0 0;
			display:inline;
		}
			 #contentcontainerFull .colLeft .blockPrincipal{
				float:left;
				position:relative;
				width:939px;
				padding:0 0 4px 0;
				background:url(../img/bg_blockPrincipal_bottom_full.gif) bottom left no-repeat;
				font-size:1.1em;
			}
				 #contentcontainerFull .colLeft .blockPrincipal h4{
					float:left;
					margin:0; padding:0;
					width:939px; height:31px;
					line-height:31px;
					text-indent:12px;
					font-size:1.2em;
					text-transform:uppercase;
					background:url(../img/bg_blockPrincipal_title_full.gif) bottom left no-repeat;
					color:#fff;
				}	
				 #contentcontainerFull .colLeft .blockPrincipal h5{
					margin:0; padding:5px 0 15px 0px;
					color:#bb2014;
					text-transform:uppercase;
					font-size:1.0em;
				}
				 #contentcontainerFull .colLeft .blockPrincipal .blockContent{
					float:left;
					width:898px;
					border-left:1px solid #cacaca;
					border-right:1px solid #cacaca;
					padding: 26px 18px 25px 18px;
					line-height:17px;
					background:#fff;
				}
					 #contentcontainerFull .colLeft .blockPrincipal .blockContent ol.numberList{
						padding:5px 0 15px 30px;
						margin:0;
						list-style-position:outside;
					}
					 #contentcontainerFull .colLeft .blockPrincipal .blockContent ul.squareList{
						padding:5px 0 15px 25px;
						margin:0;
						list-style:square outside;
					}
					 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable{
						width:100%;
						border:none;
						border-bottom:1px solid #c0c0c0;
					}
						 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td{
						margin:0; padding:9px 10px;
						border-top:1px dotted #8a8a8a;
						border-left:1px solid #c0c0c0;
						border-right:1px solid #c0c0c0;
					}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td.bgGrey {background:#eff0f0;}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td span{color:#8d8d8d;}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td.title{
								color:#fff;
								font-weight:bold;
								border:1px solid #d15400;
								padding: 4px 11px;
								background:#f16b12 url(../img/bg_dataTable_title.gif) top left repeat-x;
							}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td.col0{width:1%;}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td.col1{width:76%;border-left:none !important;}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td.col2{width:23%;border-left:none !important;}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td.col0a{width:1%;}
							 #contentcontainerFull .colLeft .blockPrincipal .blockContent table.dataTable td.colFull{width:100%;}
							
			