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

body, html 			{ height:100%; margin:0; padding:0; background-color:FFF; }

body 				{ font-family:Din-regular, Arial, Geneva, Helvetica, sans-serif; background-color:#FFF; color:#000; font-size:12px; }


@font-face 			{ font-family : 'Din-regular'; 
					  src: url('fonts/dinregular.otf') format('opentype'); }
					  
@font-face 			{ font-family : 'Din-light';
 					  src: url('fonts/dinlight.otf') format('opentype'); }

@font-face 			{ font-family : 'Din-medium';
 					  src: url('fonts/dinmedium.otf') format('opentype'); }

@font-face 			{ font-family : 'Din-bold';
 					  src: url('fonts/dinbold.otf') format('opentype'); }
					  
@font-face 			{ font-family : 'Din-black';
 					  src: url('fonts/dinblack.otf') format('opentype'); }

@font-face 			{ font-family : 'Tillium';
 					  src: url('fonts/tillium999.otf') format('opentype'); }

@font-face 			{ font-family : 'Noodle';
 					  src: url('fonts/big_noodle_titling.otf') format('opentype'); }


a 					{ color:#6499b8; text-decoration:none; }
a:hover 			{ color:#244c63; text-decoration:none; }


/*----------------- LIGNE HEADER PERMANENTE--------------------------------------------------------------------------------*/

#header_all 				{ border-bottom:1px solid #E8E8E8; z-index:10; position: fixed; left: 0px; top: 0px; 
							  width: 100%; background-color:#FFF; }
							  
#header_all .conteneur 		{ background-color:#FFF; padding:5px; width:1000px; }

#logo_header				{ width:100px; float:left; padding:3px 0 0 0; }

#nav_primaire 				{ float:right; text-transform:uppercase; font-family:Tillium, Din-medium, Arial, Helvetica, sans-serif; }


/*.nav_button				{ float:left; text-transform:uppercase; font-family:Tillium, Din-medium, Arial, Helvetica, sans-serif;
							  padding:15px 16px 0 16px; color:#8eb8d1; }

.nav_button a 				{ color:#8eb8d1; }*/

.selected					{ border-bottom:4px solid #008fb3; padding: 0 0 8px 0; }


.jquerycssmenu							{  }

.jquerycssmenu ul						{ margin: 0; padding:15px 0 0 0; list-style-type: none; }

.jquerycssmenu ul li					{ position: relative; display: inline; float: left; padding:0 18px 0 18px; color:#8eb8d1; }

.jquerycssmenu ul li a					{ display: block; text-decoration: none; color:#8eb8d1; }

.jquerycssmenu ul li a:hover			{ color:#275C7C; }

.jquerycssmenu ul li ul					{ position: absolute; left: 0; display: block; visibility: hidden; }

.jquerycssmenu ul li ul li				{ display: list-item; float: none; width:165px; }

.jquerycssmenu ul li ul li ul			{ top: 0; }

.jquerycssmenu ul li ul li a			{ background: #8eb8d1; color:#FFF; padding: 8px; margin: 3px; }

.jquerycssmenu ul li ul li a:hover		{ background: #8eb8d1; color:#275C7C; }



/*------------------------------------------------------------------------------------------------------------------------*/

#level01 			{ background-color:#fcfbfd; width:100%; min-width:1000px; padding:50px 0 5px 0; }
#level02 			{ background-color:#becfd7; width:100%; min-width:1000px; height:365px; 
					  background-image:url(images/bandeau/bandeau_journal.jpg); background-position:center; }
#level03 			{ background-color:#fcfbfd; width:100%; min-width:1000px; padding:50px 0 0 0; }
#level04 			{ background-color:#fcfbfd; width:100%; min-width:1000px; padding:30px 0 0 0; }
#level05 			{ background-color:#fcfbfd; width:100%; min-width:1000px; padding:0; }
#level06 			{ background-color:#fcfbfd; width:100%; min-width:1000px; padding:0; }

.conteneur 			{ width:980px; margin:0 20px 0 20px; margin:0 auto; }

#ghost 				{ clear:both; height:1px; }
#ghost_contenu 		{ clear:both; height:20px; }


#logo				{ padding:20px 0 20px 50px; float:left; }

#twitter			{ float:right; width:520px; height:120px; padding:50px 20px 0 0; }


.title01			{ font-family:Noodle, Din-medium, Arial, Helvetica, sans-serif; font-size:25px; color:#6499b8; text-transform:uppercase;
					  background: url("images/dot.gif") no-repeat scroll left center transparent; padding:0 0 0 20px; }

.line				{ clear:both; height:6px; background-color:#e3f0f5; width:100%; margin:12px 0 20px 0; }

.news_bloc			{ width:210px; float:left; padding: 0 35px 0 0; }
.news_title			{ text-transform:uppercase; font-family:Din-bold, Arial, Helvetica, sans-serif; padding:0 0 18px 0; font-size:13px; }
.news_txt			{}
.news_plus			{ padding:20px 0 0 0; font-family:Din-medium, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; }
.news_plus a		{ color:#6398b7; text-decoration:none; }
.news_plus a:hover	{ color:#244c63; text-decoration:none; }


#col_left			{ float:left; width:450px; height:400px; }

#dossiers_bloc		{  }
.dossier_line		{ border-bottom:1px dotted #999; padding:0 0 20px 0; margin:0 0 20px 0; }
.dossier_title		{ text-transform:uppercase; font-family:Din-bold, Arial, Helvetica, sans-serif; font-size:14px; }
.dossier_title1		{ text-transform:uppercase; font-family:Din-bold, Arial, Helvetica, sans-serif; color:#6499b8; }


#col_right			{ float:right; width:490px; height:400px; }

#omq_bloc			{ background-color:#e3f0f5; border-bottom:1px solid #6499b8; border-top:1px solid #6499b8; 
					  padding:30px; margin:12px 0 0 0; }


#footer				{ font-family:Noodle, Din-medium, Arial, Helvetica, sans-serif; font-size:12px; color:#6499b8; 
					  text-align:center; padding:0 0 60px 0; }


#contenu_text		{ width:800px; padding:20px; }


#message_temp		{ font-family:Din-medium, Arial, Helvetica, sans-serif; font-size:15px; text-align:center; text-transform:uppercase; }