@charset "UTF-8";
/* CSS Document */

body{
	font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #eee url(images/template/body-bg.jpg) repeat-x;
}


h1 { font: normal normal 18px/24px Verdana, Arial, Helvetica, sans-serif; color: #af0000; letter-spacing:2px; margin: 0 0 20px 0; }
h2 { font: bold normal 16px/21px Verdana, Arial, Helvetica, sans-serif; color: #900000; letter-spacing:1px; margin: 0 0 10px 0; } 
h3 { font: bold normal 14px/20px Verdana, Arial, Helvetica, sans-serif; color: #900000; letter-spacing:0px; margin: 0 0 5px 0; } 
h4 { font: bold normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #900000; letter-spacing:0px; margin: 0 0 2px 0; } 

p { margin: 0 0 1em 1em; }  

a:link, a:visited { color: #a70000;}
a:hover, a:active, a:focus { color: #000;}


#logo {
	position: absolute;
	top: 0;
	z-index:11;
}
#caricature {
	position: absolute;
	top: 0;
	margin: 45px 0 0 5px;
	z-index:10;
}

/*Header*/
#header { width: 960px; margin: 0 auto 0 auto; }
	
	#top-header { float: left; width: 960px; height: 85px; background: url(images/template/header-bg.jpg) no-repeat; }
		
		#top-menu-posX { float: left; width: 300px; height: 85px; padding: 0 0 0 350px; }
		/*Top Menu*/
		ul#top-menu { float: left; height: 40px; margin: 20px 0 0 0; padding: 0;	}
			ul#top-menu li { display: block; float: left; margin: 0; padding: 0; list-style: none; }
			ul#top-menu li a{
				display: block; 
				float: left;
				height: 28px;
				padding: 12px ;
				font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
				letter-spacing: 1px;
				text-decoration: none;
			}
			ul#top-menu li a:link, ul#top-menu li a:visited { color: #666; }
			ul#top-menu li a:hover, ul#top-menu li a:active, ul#top-menu li a:focus { color: #c00000; }
			ul#top-menu li img { margin-right: 5px; vertical-align:text-bottom; }
		
		
		#newsletter { float: right; width: 220px; height: 85px; padding: 0 50px 0 40px; }
			#newsletter h4{ color: #fff; }
			#newsletter p{ float: left; margin: 0; }
			#newsletter p input { float: left; margin: 0; padding: 0;}
			#newsletter p input.inputTexte { 
				float: left; 
				width: 160px; height: 18px; 
				margin: 0; padding: 2px 10px 0 10px; 
				font: normal normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
				color: #222;
			}
			#newsletter p input.inputButton { 
				float: left;
				width: 30px; height: 20px;
				margin: 0 0 0 1px; padding: 0 0 0 0; 
				font: normal normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
				color: #222;
			}
		
			
			/*Title*/
			#title { float: left; clear: both; width: 780px; padding: 0 0 0 180px;}
				#title h1 { font: normal normal 28px/36px Verdana, Arial, Helvetica, sans-serif; color: #a50000; letter-spacing:3px; margin: 0; }
				#title h2 { font: bold normal 16px/21px Verdana, Arial, Helvetica, sans-serif; color: #666; letter-spacing:1px; margin: 0; } 
					#header h2 strong { font-weight: normal; }
	
	/*Main Menu*/
	ul#main-menu { float: right; height: 30px; margin: 10px 0 5px 0; padding: 0 0 0 150px; text-align: right; background: #c00000; }
		
#contents {
	width: 960px;
	margin: 0 auto 0 auto;
}

	#contents-left {
		float: left;
		width: 240px;
	}
		
		/*Profil*/
		#profil {
			float: left;
			width: 190px; 
			padding: 24px;
			background: #fff;
		}
			#profil img { padding: 4px; margin-bottom: 30px; border: 1px #a70000 solid;  text-decoration: none; }
			
		/*Reportage Video*/	
		#video {
			float: left; clear: both;
			width: 190px; 
			margin: 10px 0 0 0; padding: 24px;
			background: #fff;
		}
			#video a { display: block; padding: 4px;  text-decoration: none; }
			#video a:link, #video a:visited { color: #660000; background: #c00000 ; }
			#video a:hover, #video a:active, #video a:focus { color: #ff0000; background: #990000; }
			
			#video a span { display: block; padding: 5px 0 5px 5px; }
			#video a:link span, #video a:visited span{ color: #eee; }
			#video a:hover span, #video a:active span, #video a:focus span{ color: #fff; }
				
		#ps-en-direct  {
			float: left; clear: both;
			width: 190px; 
			margin: 10px 0 0 0; padding: 24px;
			background: #fff;
		}
		
			#ps-en-direct a {
				color:#666666;
				text-decoration:none;
			}
			
			#ps-en-direct a:hover {
				color:#990000;
			}
			
			#ps-en-direct em {
				font-size:9px;
				color:#999999;
			}
	
	#contents-middle {
		float: left;
		width: 450px;
		margin: 0 10px 0 10px; padding: 25px;
		background: #fff;
	}
	
		#contents-middle table td {
			padding:5px;
		}
	
		#banner {
			float: left;
			width: 440px; height: 200px;
			margin-bottom: 30px; padding: 4px; border: 1px #ccc solid;
		}
		
		ul#current-news {
			float: left;
			width: 440px; 
			margin: 0; padding: 0;
			list-style: none;
			background: #fff;
		}
		#current-news li { display: block; float: left; margin: 0; padding: 0; }
		
			ul#current-news a { display: block; float: left; width: 440px; padding: 1em 0 1em 1em; text-decoration: none; }
			
			#current-news a .date { font: normal normal 14px/18px Verdana, Arial, Helvetica, sans-seri; text-decoration: none; }
			#current-news a:link .date, #current-news a:visited .date { color: #500000; }
			#current-news a:hover .date, #current-news a:active .date, #current-news a:focus .date { color: #a70000;  }
			
			#current-news a .title { font: normal normal 14px/18px Verdana, Arial, Helvetica, sans-seri; text-decoration: none; letter-spacing: 1px;}
			#current-news a:link .title, #current-news a:visited .title { color: #000; }
			#current-news a:hover .title, #current-news a:active .title, #current-news a:focus .title { color: #a70000; }
			
			#current-news a:link .chapos, #current-news a:visited .chapos { color: #666; text-decoration: none; }
			#current-news a:hover .chapos, #current-news a:active .chapos, #current-news a:focus .chapos { color: #000; text-decoration: underline; }
			
			
	#contents-right {
		float: right;
		width: 180px;
		margin: 0; padding: 25px 9px 25px 9px;
		background: #fff;
	}
		ul.contents-right-item { float: left; width: 180px; margin: 0 0 10px 0; padding: 0; list-style: none; }
			ul.contents-right-item li { display: block; width: 180px; float: left; clear: both; margin: 0 0 10px 0; padding: 0; list-style: none; }
			ul.contents-right-item li a img { float: left; margin: 0 5px 0 0; }
			ul.contents-right-item li a { width: 180px; margin: 0; padding: 0; font:normal normal 10px/14px Verdana, Arial, Helvetica, sans-serif; list-style: none; text-decoration: none; }
			
			ul.contents-right-item li a .title { font: bold normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color: #990000; }
			ul.contents-right-item li a:link .title , ul.contents-right-item li a:visited .title  { color: #444; }
			ul.contents-right-item li a:hover .title , ul3contents-right-item li a:active .title , ul.contents-right-item li a:focus .title  { color: #990000; text-decoration: none; }
	
			ul.contents-right-item li a .chapos { font: normal  normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color: #990000; }
			ul.contents-right-item li a:link .chapos , ul.contents-right-item li a:visited .chapos  { color: #666; }
			ul.contents-right-item li a:hover .chapos , ul.contents-right-item li a:active .chapos , ul.contents-right-item li a:focus .chapos  { color: #000; text-decoration: underline; }
			
	
	#footer { float: left; clear: both; width: 960px; margin: 10px auto 10px auto; padding: 10px 0 10px 0; border-top: 1px #ccc solid; text-align: center; }
		#footer p { font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #666; }