/* YUI CSS Reset
**********************/

body, div, dl, dt, dd, ul, ol, li, h1,
h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
 }
table {
  border-collapse: collapse;
  border-spacing: 0;
 }
fieldset, img {
  border: 0;
 }
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
 }
ol, ul {
  list-style: none;
 }
caption, th {
  text-align: left;
 }
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}

.clear{
	clear: both;
	float: none !important;
}

.center{
	margin-left: auto;
	margin-right: auto;
}

div.left{
	float: left;
}

div.right{
	float: right;
}

em{
	font-style: italic;
}

strong{
	font-weight: bold;
}

/* EM FD
**********************/
body{
	font-family: Arial, sans-serif;
}

#BackBg{
	position: absolute;
	z-index: -1;
	width: 100%;
	left: 0px;
	top: 135px;
	
}
	#BackBg1{
		background: url('../img/backbg1.png');
		height: 24px;
	}
	#BackBg2{
		background: url('../img/backbg2.png');
		height: 4px;
	}
		#BackBg2.active{
			background: url('../img/backbg2-active.png');
			height: 18px;
		}

#Page{
	width: 953px;
	margin: auto;
}
	#Header{
		width: 953px;
		height: 135px;
		background: url('../img/header.jpg');
		position: relative;
	}
		#Header #Logo{
			width: 180px;
			height: 150px;
			z-index: 1000;
			left: 100px;
			top: 5px;
			position: relative;
		}
	#Menu{
	}
		#Menu ul{
		}
			#Menu ul li{
				float: left;
				padding: 0px 13px;
			}
			#Menu ul.first{
				padding-left: 250px;
				background: #000000;
				height: 24px;
			}
			#Menu ul.first li a{
				background: url('../img/puce-menu.png') no-repeat left center;
				padding-left: 20px;
				font-size: 12px;
				color: #666666;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
			}
				#Menu ul.first li a:hover, #Menu ul.first li.on a{
					color: #e7276c;
				}
		#Menu #SubMenu{
			height: 16px;
			background: url('../img/sub-menu.png') no-repeat center bottom;
		}
			#Menu #SubMenu.active{
				background: url('../img/sub-menu-active.png') no-repeat center bottom;
				height: 30px;
				text-align: center;
			}
				#Menu #SubMenu ul {
					height:17px;
					padding-top:1px;
					padding-left: 290px;
					position:relative;
				}
					#Menu #SubMenu ul li{
						color: #555555;
						padding: 0px;
							font-size: 11px;
					}
						#Menu #SubMenu ul li:after{
							content: '|';
						}
							#Menu #SubMenu ul li.last:after{
								content: '';
							}
						#Menu #SubMenu ul li a{
							color: #555555;
							text-decoration: none;
						padding-left: 9px;
						padding-right: 7px;
						}
							#Menu #SubMenu ul li a:hover{
								text-decoration: underline;
							}
	
	#Center{
		width: 953px;
		background: url('../img/center.png');
	}
		#CenterLeft{
			width: 225px;
			min-height: 526px;
			float: left;
			background: url('../img/sidebar.jpg') no-repeat;
			text-align: right;
			padding-right: 10px;
		}
			#CenterLeft h1{
				color: #bbb0ac;
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase;
				font-family: Arial, sans-serif;
				text-align: left;
				padding-left: 75px;
			}
			#CenterLeft ul.menu{
				width: 225px;
				margin-right: 0px;
				margin-left: auto;
				margin-bottom: 35px;
			}
				#CenterLeft ul.menu li{
					background: url('../img/sidebar-li.png') repeat-y right center;
					width: 225px;
					margin: 1px 0px;
				}
					#CenterLeft ul.menu li:hover,#CenterLeft ul.menu li.active{
						background: url('../img/sidebar-li-hover.png') repeat-y right center;
						
					}
					#CenterLeft ul.menu li a{
						background: url('../img/puce-sidebar.png') no-repeat right center;
						padding: 5px;
						padding-right: 15px;
						display: block;
						font-size: 11px;
						color: #ffffff;
						text-decoration: none;
					}
			#CenterLeft #SideSearch{
				background: url('../img/sidebar-li.png') repeat-y right center;
				width: 225px;
				height: 30px;
				margin-bottom: 35px;
				padding-top: 10px;
			}
				#CenterLeft #SideSearch input.text{
					background: url('../img/search.png') no-repeat;
					width: 115px;
					height: 16px;
					border: none;
					font-size: 11px;
					color: #7b7b7b;
					padding-left: 17px;
					padding-right: 5px;
					margin-left: 60px;
				}
			#CenterLeft .partners{
				background: url('../img/sidebar-li.png') repeat-y right center;
				width: 150px;
				padding: 5px 0px;
				padding-left: 75px;
			}
				#CenterLeft .partners ul li{
					float: left;
					padding: 3px;
				}
			#CenterLeft .social{
				padding: 30px;
				padding-left: 60px;
				padding-right: 0px;
			}
				#CenterLeft .social li{
					float: left;
					padding: 0px 4px;
				}
		#CenterRight{
			float: left;
			width: 718px;
		}
			#CenterRightLeft{
				float: left;
				width: 440px;
				padding: 20px 10px;
			}
			#CenterRightRight{
				float: left;
				width: 233px;
				margin: 20px 0px;
				padding: 0px 10px;
			}
				.Home #CenterRightRight{
					border-left: 1px solid #c1c1c1;
				}
				#CenterRightRight .video h1{
					color: #242021;
					font-size: 8px;
					text-transform: uppercase;
				}
				.Home h1{
					color: #e7276c;
					font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
				}
				.Home #CenterRightLeft h2{
					color: #807875;
					font-size: 16px;
					font-weight: bold;
					text-transform: uppercase;
					border-bottom: 1px solid #807875;
					width: 370px;
				}
				.Home #CenterRightLeft div.text{
					padding-top: 10px;
					width: 370px;
					font-size: 10px;
					color: #242021;
				}
					.Home #CenterRightLeft div.text a{
						color: #807875;
					}
				.Home #CenterRightLeft h3{
					font-size: 24px;
					color: #807875;
					width: 55px;
					font-weight: bold;
					line-height: 20px;
					text-align: center;
				}
				.Home #CenterRightLeftInner{
					padding-top: 12px;
				}
					.Home #CenterRightLeftInner div{
						float: left;
					}
				.Home #CenterRightRight h1{
					border-bottom: 1px solid #c1c1c1;
					margin-bottom: 15px;
				}
				.Home #CenterRightRight h2{
					font-size: 11px;
					font-weight: bold;
					color: #807875;
					border-bottom: 1px solid #807875;
					margin-bottom: 3px;
					padding-bottom: 2px;
				}
				.Home #CenterRightRight p{
					font-size: 10px;
					color: #242021;
					border-bottom: 1px solid #c1c1c1;
					padding-bottom: 8px;
					margin-bottom: 13px;
				}
					.Home #CenterRightRight p a{
						color: #807875;
					}
			#CenterRight #Breadcrumb{
			  font-size: 10px;
			  color: #aaaaaa;
			  font-weight: bold;
			  border-bottom: 1px solid #aaaaaa;
			  margin: 20px 0px 15px 15px;
			  padding-bottom: 8px;
			}
			  #CenterRight #Breadcrumb a{
			    color: #aaaaaa;
			    text-decoration: none;
			  }
			    #CenterRight #Breadcrumb a:hover{
				text-decoration: underline;
			    }
			#CenterRight h1.entry-title{
			  color: #807875;
			  font-weight: bold;
			  font-size: 16px;
			  text-transform: uppercase;
			  border-bottom: 1px solid #807875;
			}
			#CenterRight .Inner{
			  margin: 20px 0px 15px 15px;
			}
			#CenterRightLeft img.spip_logos{
			  float: right;
			  margin-left: 15px;
			  margin-bottom: 15px;
			}
			  #CenterRight .Inner h1.entry-title{
			    float: left;
			    width: 300px;
			    margin-bottom: 4px;
			    padding-bottom: 7px;
			  }
			  #CenterRight .surtitre, #CenterRight .soustitre, #CenterRight .descriptif{
			    font-size: 11px;
			    color: #807875;
			    border-bottom: 1px solid #807875;
			    margin: 4px 0px;
			    padding-bottom: 3px;
			  }
			  #CenterRight .text{
			    color: #242021;
			    font-size: 11px;
			    line-height: 17px;
			    clear: left;
			  }
			#CenterRight .Inner .menu{
			}
				#CenterRight .Inner .menu h2{
					color: #807875;
					clear: both;
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
					margin-bottom: 5px;
					padding-top: 30px;
				}
					#CenterRight .Inner .menu ul li a{
						color: #242021;
						text-decoration: underline;
						font-size: 12px;
					}
						#CenterRight .Inner .menu ul li a:hover {
							text-decoration: none;
						}
	#Footer{
		height: 34px;
		width: 100%;
		background: url('../img/footer.png');
	}
		#FooterInner{
			margin: auto;
			width: 953px;
			padding-top: 8px;
		}
			#FooterLeft{
				float: left;
				padding-left: 250px;
			}
				#FooterLeft .text{
					width: 102px;
					height: 14px;
					background: url('../img/newsletter.png');
					border: none;
					font-size: 9px;
					color: #7b7b7b;
					padding-left: 17px;
					padding-right: 4px;
				}
				#FooterLeft .submit{
					width: 74px;
					height: 14px;
					background: url('../img/newsletter-submit.png');
					border: none;
					font-size: 9px;
					color: #000000;
					text-transform: uppercase;
				}
					#FooterLeft .submit:hover{
						cursor: pointer;
					}
			#FooterRight{
				float: right;
				padding-right: 75px;
			}
				#FooterRight ul{
				}
					#FooterRight ul li{
						float: left;
						padding: 0px 5px;
					}
						#FooterRight ul li a{
							color: #ddd8d6;
							font-size: 11px;
							text-decoration: none;
						}
							#FooterRight ul li a:hover {
								text-decoration: underline;
							}

.icons { float: right; padding-right: 20px; }
.icons a#print { display: block; width: 15px; height: 16px; background-image: url('../img/print.png'); float: left; margin-left: 5px;}
.icons a#email { display: block; width: 15px; height: 10px; background-image: url('../img/email.png'); margin-top: 4px; float: left; margin-left: 5px; }
.spip_documents { margin-bottom: 20px; }
#CenterRightRight .video a { text-decoration: none; color: #000000; }
.chapo { clear: left; }

#CenterRight .videob {width: 160px; float: left; background: url('../img/img-shadow.png') bottom right; margin-right: 35px; margin-bottom: 25px; display: block; }
#CenterRight .videobc { background: #ffffff; margin-right: 6px; margin-bottom: 6px; font-size: 10px; color: #666666; height: 175px; display: block; text-align: center; position: relative;}
#CenterRight .videobc p { padding: 0px 5px; text-align: center;}
#CenterRight .videoa:hover h1 { text-decoration: underline; }
#CenterRight .videob h1 { color: #E7276C; font-size: 11px; font-weight: bold; padding: 10px 5px; text-align: center;}
#CenterRight .videobc span{position: absolute; width: 154px; bottom: 5px; left: 0px;}