/*@import url(http://www.ump-ni.org/fileadmin/templates/css/contact.css);*/
@charset "utf-8";
/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #404142;/*#FFF;*/
	text-align: center;
}

body{background: #ddb12a;}
.clear { clear:both; }
a
{
	color:#225999;
}
a:hover{
	color:#BD2146;
}
a img{ border:none; }
#page{
	position:relative;
	width: 900px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #dae7ef;
	}
#banner{
	height: 146px;
	width: 100%;
	background: #dae7ef;
	}
#menu1{
	height: 21px;
	width: 100%;
	background: url(../images/menu1-bg.jpg) no-repeat;
	}
#menu1 ul{
	margin: 0;
	padding: 0;
	display: block;
	height: 21px;
	float: right;
	}
	
#menu1 li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
#menu1 li a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	border-left: solid 2px #ddb12a;
	}
#menu1 li a:hover{
	background: #dae7ef; 
	color:#5292BE;
	}
#left {
	display: block;
	width: 185px;
	float: left;
	background: #dae7ef;
	
	}
	
#menu2 {
	display: block;
	width: 185px;
	background: url(../images/menu2-bg.jpg) repeat-y;
	padding-bottom : 10px;
	
	}
	
#menu2 ul, .menu-ul ul{
	padding: 0;
	margin: 0;
	text-align:left;
	list-style: none;
	}
#menu2 ul li a{
	padding-top: 5px;
	color: #5d6c78;
	font-weight: bold;
	text-decoration : none;
	font-size: 16px;
	display: block;
	height: 20px;
	width: 158px;
	background: url(../images/menu2-1-bg.jpg) repeat-x bottom;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	

}
#menu2 ul li.menu2last a{
	padding-top: 5px;
	color: #5d6c78;
	font-weight: bold;
	text-decoration : none;
	font-size: 16px;
	display: block;
	height: 20px;
	width: 158px;
	background: url(../images/menu2-1-bg.jpg) repeat-x bottom;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#menu2 ul ul li a, .menu-ul li a{
	display:block;
	color: #5d6c78;
	text-decoration : none;
	padding-top: 3px;
	margin-top: 1px;
	background : none;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border-bottom: solid 2px #dae7ef;
	background: url(../images/menu2-2-bg.jpg) no-repeat right center;
	}
	.menu-ul li a{
		padding-bottom:3px;
	}
#menu2 ul ul li a span.nom{
	text-transform: capitalize;
	}
#menu2 ul ul li a span.departement{
	font-style: italic;
	font-size: 10px;
	}
#menu2 ul ul li a:hover, .menu-ul li a:hover 
{
	color:#000;
}
#leftbottom{
	padding-top: 60px !important;
	padding-top: 80px;
	display: block;
	width: 185px;
	background: url(../images/left-bg.jpg) top no-repeat;
	height: 300px;
}


#leftbottom h1{
	display: block;
	text-align: right;
	width: 158px;
	color: #006da5;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 2px #fff;

}

#leftbottom img{
	float: left;
	border-right: 3px #fcb638 solid;
	margin-left: 14px !important;
	margin-left: 5px;
	display: block;
	width: 90px;
	}
#leftbottom p{
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	margin-left: 3px;
	font-size: 12px;
	width: 70px !important;
	width: 30px;
	height: 98px;
	vertical-align: top;
	text-align: left;
	}
#leftbottom span.suite, #leftbottom span.suite2{
	margin-top: 10px;
	display: block;
	width: 158px;
	background: url(../images/left-suite-bg.jpg) right no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	}


#leftbottom span.suite a{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #fcb638;
	margin-right: 5px;

	}
.maincontener{
	display: block;
	float: left;
	width: 715px;
	background: #fff;
	}
	.maincontener h1.titre{
		text-align:left;
		display: block;
		font-size: 22px;
		font-weight: bold;
		background: none;
		color: #5d6c78;
		padding: 0;
		margin: 0 10px;
		margin-top: 10px;
		border-top: solid 1px #fcb638;
		padding-left: 30px;
		}
#mainheader{
	width: 715px;
	display: block;
	text-align: left;
	float: left;
	background: #fff;
	}
#mainheader img{
	margin-left: 10px;
	float: left;
	display: block;
	
	}
#mainheader form{
	margin-top: 3px;
	margin-left: 35px;
	float: right;
	display: block;
	background: url(../images/mainheader-forms.jpg) no-repeat;
	width: 191px;
	height: 48px;
	
	}
#mainheader form span{
	display: block;
	font-size: 12px;
	margin-left: 30px;
	}
	
#mainheader form input.text{
	display: block;
	float: left;
	font-size: 12px;
	margin-left: 17px !important;
	margin-left: 8px;
	border: none;
	background: #fff;
	margin-top: 8px;
	width: 120px;
	
	}
#mainheader form input.submit{
	display: block;
	float: left;
	font-size: 11px;
	margin-left: 5px;
	background: #dae7ef;
	margin-top: 5px;
	width: 30px;
	}
#searchConteneur label, #newsletterConteneur label
{
	color:#ffffff;
}
/* ELU -- MARC */
.mainune, .elu-contenu, .mainune2 {
	background: url(../images/une-border-bg.jpg) repeat-y left;
	margin-left: 10px;
	margin-right: 10px;
	border-right: 2px solid #dae7ef;
	border-bottom: 2px solid #dae7ef;
	padding-bottom: 10px;
	text-align:left;
	font-size:12px;
	}
.mainune2 {background: url(../images/une-border-bg.jpg) repeat-y left #e6edf5;}

	.elu-contenu {
		margin-bottom:10px;
	}
	.elu-details {
		background:#DDE7F1 url(../images/une-border-bg.jpg) repeat-y left;
		margin-left: 10px;
		margin-top: 10px;
		margin-right: 10px;
		border-right: 2px solid #9DB5D2;
		border-bottom: 2px solid #9DB5D2;
		padding-left: 5px;
		text-align:left;
		font-size:12px;
	}
		.elu-details h1
		{
			font-size:12px;
			background:url(../images/panneau_header_bg.jpg) repeat-x 0 0;
			padding:3px 4px; margin:0; 
			color:#FFFFFF;
		}
		.elu-id
		{
			float:left;
			width:240px;
			background:url(../images/panneau_header_body.jpg) repeat-x 0 0;
			border-right: 2px solid #9DB5D2;
		}
			.elu-photo { float:left; padding:15px;}
				.elu-photo img { border:1px solid #cccccc; }
			.elu-id-details { color:#1275AC; padding:15px; }
		.elu-menu
		{
			border-left: 2px solid #9DB5D2;
			width:180px;
			float:left;
			margin-left:-2px;
			padding:10px 0 0 10px;
			background:#fff url(../images/anglesup.jpg) no-repeat 100% 0;
			
		}
			.elu-menu ul
			{
				padding-bottom:10px;
				padding-right:10px;
				background:url(../images/anglesdown.jpg) no-repeat 100% 100%;
			}
.mainune2 h1, .mainune h1, .elu-contenu h1{
	display: block;
	text-align: left;
	font-size: 12px;
	background: url(../images/une-header-bg.jpg) right;
	padding:1px 10px;;
	padding-left: 20px;
	margin-right: -3px;
	color:#FFFFFF;
	}
	/*
	.elu-contenu h3, .elu-contenu p
	{
		margin-left:20px; margin-right:20px;
	}
	*/
	.elu-bloc
	{
		background:url(../images/une-border-bg.jpg) repeat-y left;
		margin:5px 10px 10px 15px;
		padding:0;
		padding-left:5px;
	}
		.bloc_header
		{
			height:19px;
			background:url(../images/header_bg.jpg) no-repeat 100% 0;
			
		}
		.bloc_header h4
		{
			color:#006AA5;
			background:url(../images/arrow.gif) no-repeat 12px 6px;
			padding:0; margin:0;
			padding-left:25px;
			padding-top:2px;
			
		}
		h2 span.bloc_bulle{ 
			display:block; 
			text-indent:-9999px;
			width:10px; 
			height:auto;
			float:left;
			background:url(../images/bullet.gif) no-repeat 0 50%; 
			text-decoration:none; 
			border:none !important;
		}
		.bloc_body_white
		{
			border-right: 2px solid #9DB5D2;
			border-bottom: 2px solid #9DB5D2;
			background:#ffffff;
			padding:10px;
		}
		.bloc_body_blue
		{
			border-right: 2px solid #9DB5D2;
			border-bottom: 2px solid #9DB5D2;
			background:#E5EEF4;
			padding:10px;
		}
		
		.bloc_body_white h2, .bloc_body_blue h2
		{
			color:#999999;
			float:none; display:block;
			text-indent:0;
		}
		
/* ELUS LISTE */
.elus-list{ padding:10px;} 
	.elu-list-item{
		float:left;
		padding:10px;
		height:120px;
		width:100px;
		margin:5px;
	}
		.elu-list-item a{
			
		}
		.elu-list-item a img{
			border:1px solid #9DB5D2;
			border-left-width:4px;
		}
		.elu-list-item a:hover img{
			border-color:#225999;
		}
		
		.elu-list-item span.nom{
			font-size:11px;
			text-transform: capitalize;
		}
		.elu-list-item span.elu-dep{
			font-size:10px; font-style:italic; font-stretch:condensed; color:#9DB5D2;
			display:block;
			text-align:left;
		}


.mainune2 img, .mainune img{
	display: block;
	width: 90px;
	height: 98px;
	float: left;
	margin-left: 20px !important;
	margin-left: 10px;
	margin-top: 10px;
	}
.mainunetext{
	display: block;
	float: left;
	width: 535px !important;
	width: 520px;
	margin-right: 20px;
	margin-left: 20px;
	
	}
	
.mainunetext h2, .elu-contenu h2{
	color: #fcb638;
	font-size: 12px;
	text-align: left;
	}
	
.mainunetext h2 span, .elu-contenu h2 span{
	font-size: 14px;
	color: #777777;
	border-bottom: 2px solid #fcb638;
	text-transform: uppercase;
	}
.mainunetext p{
	color: #000;
	font-size: 11px;
	text-align: left;
	}
.mainune h6, .mainune2 h6{
	margin: 0;
	padding: 0;
	color: #0a699f;
	font-size: 11px;
	font-style: italic; 
	font-weight: normal;
	text-align: left;
	padding-bottom: none;
	
	}
.mainune span.suite a, .mainune2 span.suite a, .elu-bloc span.suite a{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #5d6c78;
	padding-top: 2px;
	margin-right: 5px;
	padding-right: 10px;
	display: block;
	text-align: right;
	background: url(../images/une-bt-suite-bleu.jpg) no-repeat right;
	}
.mainune2 span.suite a, .elu-bloc .bloc_body_blue span.suite a {
	background: url(../images/une-bt-suite-blanc.jpg) right no-repeat;
	}
#mainnews1{
	display: block;
	width: 470px;
	float: left;
	margin-left: 10px;
	}
#mainnews2{
	display: block;
	float: left;
	background: #dae7ef;
	width: 204px;
	border-left: solid 1px #fcb638;
	margin-left: 20px;
	margin-top: 8px;
	padding-bottom: 20px;
	}
#mainnews2 #carton, #mainnews2 #phrase, #mainnews2 #chiffre{
	
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 153px;
	background: #fff url(../images/mainnews2-header1.jpg) no-repeat top center;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;

	}
#mainnews2 #phrase{
	background: #fff url(../images/mainnews2-header2.jpg) no-repeat top center;
	}
#mainnews2 #chiffre{
	background: #fff url(../images/mainnews2-header3.jpg) no-repeat top center;
	}
#mainnews1 #mainbref, #mainnews1 #maincommuniques, #mainnews1 #maineclairages{
	display: block;
	background: #fdfcc2 url(../images/une-border-bg.jpg) repeat-y left;
	border-right: 2px solid #dae7ef;
	border-bottom: 2px solid #dae7ef;
	padding-left: 20px;
	padding-bottom: 10px;
	}
#mainnews1 #maincommuniques{
	background: #e5eef4 url(../images/une-border-bg.jpg) repeat-y left;
	}
#mainnews1 #maineclairages{
	background: #fff url(../images/une-border-bg.jpg) repeat-y left;
	}
#mainnews1 #mainbref h1, #mainnews1 #maincommuniques h1, #mainnews1 #maineclairages h1{
	display: block;
	text-align: left;
	font-size: 12px;
	background: url(../images/une-header-bg.jpg) right;
	padding-left: 12px;
	margin-left: -20px;
	margin-right: -4px;
	color:#FFFFFF;
	}
	.maineclairage h1 span.bloc_bulle
	{
		display:block; 
		text-indent:-9999px;
		width:10px; 
		height:auto;
		float:left;
		background:url(../images/bullet.gif) no-repeat 0 50%; 
		text-decoration:none; 
		border:none !important;
	}
	 
#mainnews1 #mainbref h2, #mainnews1 #maincommuniques h2{
	display: block;
	color: #fcb638;
	font-size: 12px;
	text-align: left;
	}
	
#mainnews1 #mainbref h2 span,  #mainnews1 #maincommuniques h2 span{
	font-size: 14px;
	color: #5d6c78;
	border-bottom: solid 2px #fcb638;
	text-transform: uppercase;
	}
#mainnews1 #mainbref p, #mainnews1 #maincommuniques p, #mainnews1 #maineclairages .maineclairage p, 
#mainnews2 #carton p, #mainnews2 #phrase p, #mainnews2 #chiffre p{
	color: #000;
	font-size: 11px;
	text-align: left;
	}
#mainnews2 #phrase p{ font-style: italic;}
#mainnews1 #mainbref h6, #mainnews1 #maincommuniques h6, #mainnews2 #phrase h6{
	margin: 0;
	padding: 0;
	color: #0a699f;
	font-size: 11px;
	font-style: italic; 
	font-weight: normal;
	text-align: left;
	padding-bottom: none;
	
	}
#mainnews1 #mainbref span.suite a, #mainnews1 #maincommuniques span.suite a, #mainnews1 #maineclairages .maineclairage span.suite a,
#mainnews2 #carton span.suite a, #mainnews2 #phrase span.suite a, #mainnews2 #chiffre span.suite a{
	text-decoration: none;   
	font-size: 10px;
	font-weight: bold;
	color: #5d6c78;
	padding-top: 2px;
	margin-right: 5px;
	padding-right: 10px;
	display: block;
	text-align: right;
	background: url(../images/une-bt-suite-bleu-fondJaune.jpg) no-repeat right;
	}
#mainnews1 #maincommuniques span.suite a{
	background: url(../images/une-bt-suite-blanc.jpg) no-repeat right;
	}
#mainnews1 #maineclairages .maineclairage span.suite a, 
#mainnews2 #carton span.suite a, #mainnews2 #phrase span.suite a, #mainnews2 #chiffre span.suite a{ 
	background: url(../images/une-bt-suite-bleu.jpg) no-repeat right;
	}
#mainnews1 #maineclairages .maineclairage h1{
	background: #ffdfa4;
	color: #5d6c78;
	font-size: 12px;
	margin-left: 0px;
	margin-right: 10px;
	
	}
#mainnews1 #maineclairages .maineclairage p{
	margin-right: 10px;
	}
#footer{
	background: url(../images/footer-bg.jpg) repeat-x;
	}
#footer a{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	}
/* sitemapsitemapsitemapsitemapsitemapsitemapsitemap
*
*	sitemap
*
*sitemapsitemapsitemapsitemapsitemapsitemapsitemap*/
.csc-sitemap
{
	padding-left:5px;
	margin:10px !important;
	text-align:left;
}
	.csc-sitemap ul
	{
		padding-top:25px;
		background:transparent url(../images/une-header-bg.jpg) no-repeat 100% 0;
		display:block; 
		margin:0;
		margin-right:-2px;
	}
		.csc-sitemap ul ul
		{
			padding-top:0;
			background:none;
		}


/*

EDITO

*/
.edito
{
	padding-left:20px;
	padding-right:20px;
}
/*
	ECLAIRAGES
*/
.eclairages
{
	padding-left:20px;
	padding-top:20px;
}
	.eclairage
	{
		width:161px;
		padding-left:8px;
		background:url(../images/une-border-bg.jpg) repeat-y 0 0;
		float:left;
		margin-bottom:10px;
	}
		.eclairage table
		{
			width:123px;
			height:134px;
			border-collapse:collapse;
		}
			.eclairage table td.image
			{
				vertical-align:top;
			}
				.eclairage table td.image a:hover img
				{
					opacity:.5;
				}
			.eclairage table td.texte
			{
				height:48px;
				text-align:center; vertical-align:middle;
				color:#FFFFFF;
				background:#0165a1;
				font-size:11px; 
				font-weight:bold;
				line-height:11px;
			}
				.eclairage table td.texte a { color:#FFFFFF; text-decoration:none; }

.eclairage-lien-bilan { float:left; margin-top:24px; margin-left:9px; }