html, body{ height:100%; width:100%; }
body{
	background:url(/images/bkg_all_0.jpg) repeat-x top #e6e6e6;
	margin:0;
	padding:0;
	text-align:center;
	font:normal 14px Arial, Helvetica, sans-serif;
}

.doNotPrint{display:inline; }
.printOnly{ display:none;}

h1{
	font:normal 35px Arial, Helvetica, sans-serif;
	color:#2d6c94; /* color:#448cba; */
	padding:0;
	margin:15px 0 15px 0;
}
h2{	font:normal 26px Arial, Helvetica, sans-serif;
	color:#2d6c94;
	padding:0;
	margin:0px 0 5px 0;
}
h3{	font:normal 18px Arial, Helvetica, sans-serif;
	color:#2d6c94;
	padding:0;
	margin:0px 0 5px 1px;
}
/*.contenu_bloc h3{
	margin:0px 0 10px 1px;
	}*/
h4{font:bold 14px Arial, Helvetica, sans-serif; color:#2d6c94; padding:0; margin:0 0 5px 0;}
h4 a{ text-decoration:none; color:#2d6c94;}
h4 a:hover{ text-decoration:underline;  color:#2d6c94;}

h5{font:normal 20px Arial, Helvetica, sans-serif; color:#e6e6e6; padding:0; margin:0 0 5px 0;}

p{ margin:0 0 10px 0; padding:0;}
a{	text-decoration:none;
	color:#2d6c94;}
a:hover{text-decoration:underline;}

.header{ 
	width:970px;
	margin:0;
	padding:0;
	height:121px;
	text-align:left;
}
	.label_logo{ position:absolute; width:325px; height:20px; background:none; margin:90px 0 0 5px; font:italic 13px Arial, Helvetica, sans-serif; color:#f5f5f5; text-align:right;}
	.logo{
		margin:4px 0 0 0;
		width:349px;
		float:left;
	}
	.navig_head{
		width:586px;
		float:right;
		background:url(/images/navigtop_btn_up.png);
		height:120px;
		margin:2px 0 0 0;
	}
	
.main{
	width:970px;
	margin:2px 0 0 0;
	padding:0;
	background:url(/images/separateur_vertical.gif) repeat-y top right; 
	}
	.boite_contenu{
		float:left;
		background:url(/images/bkg_main_contenu.jpg) no-repeat top right;
		width:708px;
		margin:0;
		padding:0 0 20px 0;
		text-align:left;
		min-height:522px;
		_display:inline;
		_width:708px;
		}
		.contenu_top{}
			.logo_cat{}
			.date_texte{}
			.status_texte{}
			
		.contenu_player{ 
			margin:10px 0 10px 0;
			float:left;
		}
		.boite_player_media{
			background:url(/images/bkg_sousplayer.gif) bottom left no-repeat;
			margin:0 0 20px 0;
			
			min-height: 309px;
			height: 309px;
			_height:309px;
			_display:inline;
		}
		.contenu_separateur{ 
			margin:15px 0 5px 0;
			width:708px;
			
			height:17px;
		}
			.separateur_part1{
				float:right; 
				width:66px; 
				background:url(/images/separateur_horisontal.gif) repeat-x; 
				margin:9px 0 0 0; 
				height:2px;
			}
			.separateur_fleche{
				float:right; 
				width:47px; 
				text-align:center; 
				margin:0; 
				height:17px;
			}
			.separateur_part2{
				float:right; 
				width:595px; 
				background:url(/images/separateur_horisontal.gif) repeat-x; 
				margin:9px 0 0 0; 
				height:2px;
			}
		.contenu_bloc{ 
			margin:10px 0 10px 0;
			width:687px;
			text-align:justify;
		}
		.contenu_bloc div{
			margin:0 0 0 0;
			min-height:15px;
		} 
		.contenu_bloc p{
			margin:0 0 0 0;
			min-height:15px;
		} 
		.img_production{ 
			float:left; 
			margin: 0 15px 10px 0;
		}
			.galerie{ width:680px; margin:0; text-align:center;}
			.galerie_element{ 
						width:120px; 
						height:120px;
						padding:0 0 0 0px;
						background: url(/images/bkg_element_galerie.png) center no-repeat;
						text-align:center;
						
						
					}
			.legende{ padding:3px 0 10px 0; font-size:12px; text-align:left;}

		.imgleft{
			float:left;
			margin:0 5px 5px 0;
				border-top: solid 1px #c8c8c8;
				border-left: solid 1px #c8c8c8;
				border-bottom:solid 1px #fdfdfd;
				border-right:solid 1px #fdfdfd;

		}
		.imgright{
			float:right;
			margin:0 0 5px 5px;
				border-top: solid 1px #c8c8c8;
				border-left: solid 1px #c8c8c8;
				border-bottom:solid 1px #fdfdfd;
				border-right:solid 1px #fdfdfd;

		}
		.imgcenter{
			margin: 0 auto 5px auto;
				border-top: solid 1px #c8c8c8;
				border-left: solid 1px #c8c8c8;
				border-bottom:solid 1px #fdfdfd;
				border-right:solid 1px #fdfdfd;

		}
		
	/*  Liste version full */
		.elementListe{ 
			background:url(/images/separateur_horisontal.gif) repeat-x top #ececec;
			width:688px;
			
			padding:15px 0;
			font: normal 12px Arial, Helvetica, sans-serif;
		}
			.elementImage{ 
				float:left; 
				width:90px; 
				text-align:center;
			}
			.elementTextes{
				float:right; 
				width:598px;
			}
			.elementTextes_nouvelles{
				float:left; 
				width:650px;
				margin:0 0 0 20px;
			}
			.elementDesc{ 
				float:left; 
				width:380px;
				margin:0 20px 0 0;
			}
			.elementDesc_nouvelles{ 
				float:left; 
				width:440px;
				margin:0 20px 0 0;
			}
			.elementDate{ 
				float:left; 
				width:140px; 
				background:url(/images/separateur_vertical_date.gif) repeat-y left; 
				padding: 0 20px; 
			}
		.boiteliste{
			background:url(/images/separateur_horisontal.gif) repeat-x bottom #ececec; 
			padding: 0 0 2px 0; 
			margin:0 0 10px 0;
			width:688px;
		}
		
		.boite_filtre{
			float:right;
			margin: 18px 22px 6px 0;
			font: normal 12px Arial, Helvetica, sans-serif;
		}
		.pagination{
			float:right;
			margin:0 22px 10px 0;
			font: normal 12px Arial, Helvetica, sans-serif;
		}
		
	/*  Liste version acceuil */
		
		.elementListe_small{ 
			background:url(/images/separateur_horisontal.gif) repeat-x top #ececec;
			width:330px;
			
			padding:15px 0;
			font: normal 12px Arial, Helvetica, sans-serif;
		}
			.elementImage_small{ 
				float:left; 
				width:70px; 
				text-align:center;
			}
			.elementTextes_small{
				float:right; 
				width:250px;
			}
			.elementTextes_nouvelles_small{
				float:left; 
				width:320px;
				margin:0 0 0 10px;
			}
			.elementDesc_small{ 
				float:left; 
				width:100px;
				margin:0 10px 0 0;
			}
			.elementDesc_nouvelles_small{ 
				float:left; 
				width:180px;
				margin:0 10px 0 0;
			}
			.elementDate_small{ 
				float:left; 
				width:100px; 
				background:url(/images/separateur_vertical_date.gif) repeat-y left; 
				padding: 0 15px; 
			}
		.boiteliste_small{
			background:url(/images/separateur_horisontal.gif) repeat-x bottom #ececec; 
			padding: 0 0 2px 0; 
			margin:0 0 10px 0;
			width:330px;
		}
		.boite_accueil_realisations{
			float:left; 
			width:330px; 
			margin: 15px 0 0 0;
			padding:0;
			_display:inline;
		}
		.boite_accueil_nouvelles{
			float:right; 
			width:330px; 
			margin: 15px 22px 0 0; 
			_display:inline;
			_margin: 15px 22px 0 0; 
		}
		.lien_accueil{
			text-align:right; margin-top:10px;
			}
		.lien_accueil a{
			color:#2d6c94;
			}
		.lien_accueil a:hover{
			color:#2d6c94;
			}
	/* */
	
		.imgPartenaire{
			float:left;
			width:100px;
			margin:0 10px 10px 0;
			text-align:center;
		}

	.boite_navig{
		float:left;
		width:261px;
		margin:0;
		padding:28px 0 15px 1px;
		text-align:left;
		_display:inline;
		_width:261px;
		
	}
		.boite_navig a{ 
			font:normal 15px Arial, Helvetica, sans-serif; 
			color:#3b525c;
			text-decoration:none;
			margin:0 0 0 22px;
			line-height:32px;
		}
		.boite_navig a:hover{
			font:normal 15px Arial, Helvetica, sans-serif; 
			color:#448cba;
			text-decoration:none;
			margin:0 0 0 22px;
			line-height:32px;
		}
		/* version cool menu pro */
			.bouton_main{ 
				font:normal 15px Arial, Helvetica, sans-serif; 
				color:#3b525c;
				text-decoration:none;
				margin:0 0 0 22px;
				line-height:32px;
			}
			.bouton_main_over{ 
				font:normal 15px Arial, Helvetica, sans-serif; 
				color:#448cba;
				text-decoration:none;
				margin:0 0 0 22px;
				line-height:32px;
			}
			.bouton_sousmenu1{
				font: normal 14px Arial, Helvetica, sans-serif;
				background:url(/images/bkg_sousnav_rep-x.gif) repeat-x top;
				text-align:right;
				padding:4px 10px;
				border-bottom:solid 1px #e2e2e2;
				border-top:solid 1px #e2e2e2;
				border-left:solid 1px #e2e2e2;
				border-right:solid 1px #c9c9c9;
				color:#3b525c;
			}
			.bouton_sousmenu1_over{
				font: normal 14px Arial, Helvetica, sans-serif;
				background:url(/images/bkg_sousnav_rep-x.gif) repeat-x top;
				text-align:right;
				padding:4px 10px;
				border-bottom:solid 1px #e2e2e2;
				border-top:solid 1px #e2e2e2;
				border-left:solid 1px #e2e2e2;
				border-right:solid 1px #c9c9c9;
				color:#448cba;
			}
		.searchBox{
			margin:0px 0px 10px 22px;
			background:url(/images/bkg_searchbox.png) no-repeat;
			padding:8px;
			width:181px;
			border:none;
			float:left;
			font: italic 12px Arial, Helvetica, sans-serif;
			color:#697e8c;
			vertical-align:top;
			
		}
		
		.jumpBox{
			font: italic 12px Arial, Helvetica, sans-serif;
			color:#697e8c;
			margin:0px 0px 10px 22px;
			padding: 0 0 0 3px;
			
			width:240px;
			_width:230px;
		}
		.navig_separateur{
			margin:7px 0 7px 0; 
			width:261px; 
			height:2px; 
			background:url(/images/separateur_horisontal.gif) repeat-x;
			_width:250px;
		}
		.pub_container{
			padding:16px 0 0 22px;
		}
		.pub_container img{
			border:solid 1px #fff;
			float:left;
			/*margin: 0 0 15px 0;*/
		}
		.une_pub{
			margin: 0 0 15px 0;
			
		}
		
.bas_page{ 
	background:url(/images/bkg_baspage.png) repeat-x top #002d48; 
	
	margin:0;
	padding:0;
}

	.container_baspage{
		width: 970px;
		padding:20px 0;
		text-align:left;
	}
	.contact{
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#e6e6e6;
		line-height:18px;
	}
		.contact a{ color:#e6e6e6;}
		.contact a:hover{ color:#fff;}
	.mbiance{
		float:right; 
		color: #98A9B4;
		margin:125px 20px 0 0;
		line-height:15px;}
		
		
		

.elementImage_small img{
	border-top: solid 1px #c8c8c8;
	border-left: solid 1px #c8c8c8;
	border-bottom:solid 1px #fdfdfd;
	border-right:solid 1px #fdfdfd;
	}
.elementImage img{
	border-top: solid 1px #c8c8c8;
	border-left: solid 1px #c8c8c8;
	border-bottom:solid 1px #fdfdfd;
	border-right:solid 1px #fdfdfd;
	}
.img_production{
	border-top: solid 1px #c8c8c8;
	border-left: solid 1px #c8c8c8;
	border-bottom:solid 1px #fdfdfd;
	border-right:solid 1px #fdfdfd;

	}	
.imageleft{
			float:left;
			margin:0 5px 5px 0;
		}
		.imageright{
			float:right;
			margin:0 0 5px 5px;
		}
		.imagecenter{
			margin: 0 auto 5px auto;
		}
		
		
		.fbImagine {
			position:absolute;left:510px; top:29px;
			width:38px; height: 37px;
		}
		.lienFB {
			width:38px; height: 37px;
			background-repeat:no-repeat;
			display:block;
			background-image:url('/images/btn_fb.png');
			
		}
		.lienFB:hover {
			
			background-position:-38px;
		}
