/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																					COMMUNS A TOUS																							/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/		
*, html
{
	padding:0;
	margin:0;
	
	line-height:1; 

}

body
{

	font-family:"Arial", Tahoma, Helvetica;
	width:100%;
	height:100%;
	font-size:82%; /* s'adapte à la conf du navigateur */
	background:#e3e4e5;
	overflow-x:hidden;
}

div{}

header{
	width:100%;
	font-family:"Roboto", Tahoma, Helvetica;
}

footer {
	margin-top:20px;
}

body>footer {
	margin-top:0;
	padding-top: 20px;
}

nav{}
		
	nav ul li{
		float:left;		
		list-style-type:none;
	}
		nav a, nav span{			
			text-transform:uppercase;
			text-decoration:none;
		}
	
section{
	position:relative;
}

article{}

	
p{
	font-size:1em;
	line-height:1.2em;
	margin:5px 0 5px 0;
	color: #5a5b5d
}
header p{
	color:#fff;
}
ul{}

	ul li{
		list-style-type:none;
	}
	
em{
	font-size:1em;
}

button{
	border:0;
	background:0;
}

button, a, 
input[type="button"]{
	cursor:pointer;
}

a, a:visited{
	color:inherit;
}

::-webkit-input-placeholder {
    color:    #fff;
}
:-moz-placeholder { 
    color:    #fff;
}
::-moz-placeholder { 
    color:    #fff;
}
:-ms-input-placeholder { 
    color:    #fff;
}

abbr[title], dfn[title]{
	border-bottom:0;
}
span.js-link{
	visibility:hidden;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																					HEADINGS																											/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/

h1, h2, h3, h4, h5, h6{
	font-family:"Roboto", Tahoma, Helvetica;

}

h1{
	font-size:2em;
}
	.content > h1{
		font-family: "Roboto", Tahoma, Helvetica;
		font-size: 2em;
		font-weight: 200;
		text-transform: uppercase;
		color: #5a5b5d;
		width: 100%;
		overflow: hidden;
	}
h2{
	font-size:1.5em;
	font-weight:200;
	text-transform:uppercase;
	color:#5a5b5d;
	margin-bottom:5px;
}
		
h3{
	font-weight:500;
}
	
h4{}
	
h5{}

h6{}


/* ----------------------------- */
/* === STYLES SPIP IMPORTES ===  */
/* ----------------------------- */
.spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; margin-top: 10px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; max-width: 100%; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }
a.spip_out, a.spip_url, a.external, a.spip_mail, a[href^="mailto:"] {background-position: right center;background-repeat: no-repeat;}
.caractencadre-spip{color:#444444;}
table.spip{width: 100%;margin:20px 0;}
    table.spip span.spip_documents{margin:5px 10px;}
    table.spip td{padding:10px 5px;vertical-align: middle;min-width: 60px}
    table.spip td strong{color:#764891;}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																					CLASSES																											/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/
.content{
	float:left;
	margin-top: 20px;
	width:630px;
}

.container{position:relative; width:960px; margin:0 auto; padding:0;}
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.din{
	font-family:"Roboto", Tahoma, Helvetica;
}
.cap{
	text-transform:uppercase;
}
.left{
	float:left;
}

.right{
	float:right;
}

.clear-fix{
	clear:both;
}

.bd-r{
	border-right:1px solid #333;
}

.format-font{
	font-family:'Arial', Tahoma, Helvetica;
}

.format-position{
	position:absolute;
	top:0;
	width: 100%;
}

.hidden{
	display:none;
}
.h27 {height:27px;}
.transparent,
body.page .container .sidebar aside.zebre ul li.transparent,
#bloc-agenda-home article.transparent{
	background:transparent;
}
	
	
/* d�coration */
.arrow-bottom-green, .arrow-bottom-grey{
	width:15px;
	height: 7px;
	display: block;
	position: absolute;
	z-index:999;
	display:none;
	}
.arrow-bottom-green{
	background: url(../img/header/arrow-bottom-green.png) no-repeat top center;
	margin-top:22px;
	margin-left:50px;
	
}

.arrow-bottom-grey{
	background: url(../img/header/arrow-top-grey.png) no-repeat top center;
	margin-top:35px;
	margin-left:50px;
	
}

ul li:hover .arrow-bottom-green, 
ul li:hover .arrow-bottom-grey{
	display:block;
	z-index:999;
}

.full{
	width:100%
}

.center{
	text-align: center;
}

.slider-button{
		background: #fff;
		display: block;
		width: 90px;
		min-height: 50px;
		float: left;
}

.content-nav-button, 
.push-link{
	background: #323335;
	padding:3px;
	width:25.5px;
	height:25.5px;
	float:left;
	margin-left:1px !important;
}
.content-nav-button.disabled{
    background-color: #999;
    cursor: default;
}

	
 .push-link{
	width:45px;
	display:block
 }

.nav-vert{
		width: 26px;
	}
		.nav-vert button{
			margin-bottom:1px !important;
		}
.nav-vert .mbn{ /* Margin bottom null */
	margin-bottom:0 !important;
}
		
.tb{
	display:table;
	height: 100%;
	width: 100%
}
.cell{
	display:table-cell;
	vertical-align:middle;
	position: relative;
	width: 100%;
}

input[type="submit"].btn, input[type="button"].btn, button.btn, a.btn{
			background-image:url(../img/content-navigation/nav-link-btn.png);
			background-repeat:no-repeat ;
			background-position:top right;
			padding: 7px 30px 7px 7px !important;
			opacity:.8;
			text-decoration:none;
			border:0;
			cursor:pointer;
			font-family:"Arial", Tahoma, Helvetica;
			font-size:1em;
		}
input[type="submit"].btn{
    height: 27px;
    line-height: 27px;
    padding: 0 30px 0 7px !important;
}
			a.btn:hover{
				opacity:1;
				text-decoration:none;
			}
			
input, textarea {
   /* -webkit-appearance: none;*/
    border-radius: 0;
}
.list-mag-nav a{
	background:#323335;
	float: left;
	height: 31px;
	line-height: 29px;
	text-align: center;
	width: 31px;
}
.list-mag-nav a.see{
	  background: #1e9977;
}

.errormsg {
	color:#F00;
	margin:-10px 0 10px;
	padding:5px;
	z-index:1;
}

.pagination{
	clear:left;
}
.pagination ul li{
	float:left;
	margin-left:8px;
	color:#5a5b5d;
	text-transform:none;
}
	.pagination ul li a{
		text-transform:none;
	}
	.pagination ul li a.active{
		font-weight:bold;
		text-decoration:underline;
	}
	
/* Bouton roll */
h2.roll a, h2.roll a{
		display:block;
		width:100%;
		background:url(../img/content-navigation/sidebar-btn-grey.png) no-repeat right -24px;
		line-height: 1.6em;
	}
	
.grey h2.roll a{
		background:url(../img/content-navigation/sidebar-btn-white.png) no-repeat right -24px;
	}
	h2.roll a.close, h3.roll a.close{
		background-position: right 0px;
	}

/* Addthis button*/
.home .addthis_toolbox{
	position:relative;
	padding-bottom:5px
}
.addthis_toolbox{
		padding: 0;
		background: transparent;
		margin: 0px;
		position: absolute;

	}
	.addthis_toolbox ul li {
		max-width:109px;
	}
	.home .addthis_toolbox ul li{
		width: 50%;
		padding-top: 5px;
	}
		.addthis_toolbox ul li a{
			padding:0px;
			background:transparent;
		}
		.post-share .addthis_toolbox{
			right:0
		}
	
	
	
	
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																							COLORS																										/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/

/* Bloc push */		
.push-home.blue h2, .blue a, .blue p.post-date, body.page section .blue footer .btn, .blue .post-share ul li a {
	background-color:#008cbb;
	color:#fff;
}
.push-home.light-blue h2, .light-blue a, .light-blue p.post-date, .light-blue .post-share ul li a{
	background-color:#38a7cc;
	color:#fff;
}
.push-home.purple  h2, .purple a, .purple p.post-date,.purple .post-share ul li a{
	background-color:#6a4380;
	color:#fff;
}
.push-home.pink h2, .pink a, .pink p.post-date, .pink .post-share ul li a{ 
	background-color:#FF6DAB;
	color:#fff;
}
.push-home.red  h2, .red a, .red p.post-date, .red .post-share ul li a{
	background-color:#b60c0c;
	color:#fff;
}
.push-home.green h2, .green a, .green p.post-date, .green .post-share ul li a{
	background-color:#a1ab00;
	color:#fff;
}
.push-home.orange h2, .orange a, .orange p.post-date, .orange .post-share ul li a{
	background-color:#ff8400;
	color:#fff;
}
.push-home.grey h2, .grey a, .grey p.post-date, .grey .post-share ul li a{
	background-color:#5a5b5d;
	color:#fff;
}

/* Btn */
input[type="submit"].grey, input[type="button"].grey, button.grey, a.grey {
	background-color:#5a5b5d;
	color:#fff;

}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																							BREADCRUMB																							/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/
.breadcrumb{
	float: left;
	margin-top: 7px;
	font-family:"Arial", Tahoma, Helvetica;
	font-style:italic;
	text-align:center;
}
	.breadcrumb ul{
		float:left;
	}
	.breadcrumb ul li {
		float:left;
		
	}
		.breadcrumb ul li a,.breadcrumb ul li span{
			padding:7px;
			background:#5a5b5d;
			color:#fff;
			text-decoration:none;
			min-width: 80px;
			display: block;
		}
		.breadcrumb ul li:first-child span, .breadcrumb ul li:first-child a {
			background:#323335;
		}
		.breadcrumb ul li:last-child a, .breadcrumb ul li:last-child span {
			 /*background:#b3b5ba; */
			background:#5a5b5d;
		}
		.breadcrumb .breadcrumb-arrow{
			display: block;
			width: 15px;
			height: 26px;
			background: url(../img/content-navigation/breadcrumb-arrow.png) no-repeat top left;
			float: left;
			
		}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																							HEAD																											/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/
#logo{
		float:left;
		margin-left:-5px;
		position: relative;
		z-index: 999;
}
#nav-header-top{
	float:left;
}

/* Menus de navigations */
.navigation {
	overflow: visible;
	position:relative;
}
	.navigation > ul ul{
		left:0;
		max-height: 0;
		opacity: 0.5;
		overflow: hidden;
		position:absolute;
		transition: ease-out 0.3s;
		z-index: 1000;
	}
	.navigation > ul> li:hover > ul{
		opacity: 1;
		max-height: 1000px;
		transition: ease-in 0.3s;
		z-index: 1001;
	}
		/*.navigation > ul > li > ul > li:hover > ul{
			left:0px;
		}*/

/* Newsletter */
.popup-block{
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999;
	margin:0;
	top: 0;
	left: 0;
	display:none;
}
	.popup-block  h2{
		font-size:2em;
		font-weight:normal;
		font-style:normal;
		margin-bottom:10px;
	}
	.popup-block #popin_bg{
		background:#000;
		position:absolute;
		opacity:.3;
		display:none;
		height:100%;
		width:100%;
		margin-top:-3px;
	}
	.popup-block #form_newsletter{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -200px;
		margin-top:-100px;
		z-index: 999;
		background: #fff;
		padding: 20px;
		display:none;
	}
	.popup-block .result{
		color: #5a5b5d;
		font-size: 2em;
	}
		.popup-block #form_newsletter label{
			color:#333;
			font-size:2em;
		}
		.popup-block #form_newsletter input[type="submit"]{
			border: 0;
			background: #333;
			color: #fff;
			padding: 5px 3px;
			line-height: 1.5em;
			width: 60px;
		}
		.popup-block #form_newsletter input[type="text"]{
			width:200px;
		}
		.popup-block #form_newsletter #close_popin{
			position: absolute;
			top: 0;
			background: #000;
			color: #fff;
			padding: 5px;
			font-size: 1.5em;
			margin-top: -27px;
			right: 0;
		}
		p.mention_parenthese{font-size: 2.2em;color: #333333;}

/***
 * Menu top
 **/	
#nav-bar-header-top{
	background-color:#5a5b5d;
	border-bottom:2px solid #000;
	padding:0;
	margin-left: 0;
	font-weight:300;	
}
	#nav-bar-header-top > ul > li{
		background:url(../img/header/arrow-top-black.png) no-repeat bottom center;
		height: 39px;
		padding-bottom:7px;
		position:relative;
		transition: 0.5s;
	}
	#nav-bar-header-top > ul > li:hover{
		background:url(../img/header/arrow-top-white.png) no-repeat bottom center #000;
		transition: 0.1s;
	}
		#nav-bar-header-top > ul > li:hover > a{
			color:#fff;
		      transition: 0.1s;
		}
		#nav-bar-header-top > ul > li a{
			text-decoration:none;
			font-size:1.5em;
			color:#b9baba;
			line-height:2em;
			margin:0 11px;			
			font-weight:400;
		      transition: 0.5s;
		}
			
			#nav-bar-header-top > ul ul{
				background:url(../img/background/bg-menu-black.png);
				margin:8px 0px 0;
				padding:0;
			}
				#nav-bar-header-top > ul ul li{
					float:none;					
				}
				#nav-bar-header-top > ul ul > li{
					margin-bottom:0;
				}
					#nav-bar-header-top > ul ul li a{
						font-size:1em;
						color:#fff;
						text-transform:none;
						text-align:left;
						min-width:240px;
						display:block;
						padding-left:15px;
						transition: 0.5s;
					}
						#nav-bar-header-top > ul ul li a:hover{
							color:#000;
							background-color:#fff;
							transition: 0.1s;
						}
	
/***
 * Menu left
 **/

/* mini menu */ 
#nav-bar-header-left{
	font-weight:300;
	float:right;
	margin:5px 0;
	font-size:0.9em;
}
	#nav-bar-header-left ul li > span{
		text-transform:uppercase;
		color: #5a5b5d;
		margin-top:2px;
		display:block;
	}
	#nav-bar-header-left div{
		font-size:.8em;
		margin-top:3px;
		font-weight:300;
		font-style:italic;
	}
	#nav-bar-header-left ul li a{
		padding:0 0 7px 0;
		color:#5a5b5d;
		line-height:1.5em;
		
	}
	#nav-bar-header-left ul li{
		padding:0 0 0 10px;
	}
	#nav-bar-header-left ul li.bd-r	{		
		padding:0 9px;
	}
	#nav-bar-header-left ul li.bd-r ul{
		
	}
		#nav-bar-header-left > ul ul{
				color: #fff;
				min-width: 94px;
				z-index: 1000;
			}
			#nav-bar-header-left > ul ul li{
				float:none;
				background: #333;
				
			}
			#nav-bar-header-left > ul > li > ul li a{
				line-height:1.5em;
				color:#fff;
				font-size:.9em;
			}
/* Champs de recherche */
#header-search{
	margin-top: 3px;
}
	#header-search input[type='text'], #header-search input[type='image']{
		background:#5a5b5d;
		margin:0;
		border:0;
		color:#fff;
	}
	#header-search input[type='image']{
		padding:4px 2px 4px 8px;
	}
	#header-search input[type='text']{
		width:172px;
		padding: 0 2px 0 8px;
		letter-spacing:1.5px;
		font-size:.8em;
		font-weight:300;	
		height: 22px;
		line-height: 20px;
	}
	
	
/***
 * Menu Bottom
 **/
#menu-mobile{display: none;}
#nav-bar-header-bottom{
	margin:36px 0 0 0;
	background-color: #008cbb;
}
    /* Menu 1er niveau */
    #nav-bar-header-bottom > ul > li {
	  background-color:#008cbb;
	  float:left;
	  height: 24px;
	  position:relative;
	  transition: background-color 0.5s;
	  width: 100px;
	  z-index: 999;
    }
    #nav-bar-header-bottom>ul > li:hover{
	  background-color:#1e9977;
	  transition: background-color 0.1s;
    }
    #nav-bar-header-bottom>ul li:hover >ul{
	  opacity: 1;
	  max-height: 1000px;
	  transition: ease-in 0.3s;
	  z-index: 1000;
    }
    #nav-bar-header-bottom>ul li ul:hover {
	  overflow:visible; 
    }
    #nav-bar-header-bottom>ul a, #nav-bar-header-bottom>ul span{
	  color:#5a5d5b;
	  display:block;
	  text-transform:uppercase;
	  transition: color 0.5s;
    }
	  #nav-bar-header-bottom > ul > li > a, #nav-bar-header-bottom > ul > li > span{
		  font-size: 0.95em;
		  text-align: center;
		  display: block;
		  float: left;
		  color: #fff;
		  font-weight: 400;
		  border-left: 1px solid #fff;
		  margin: 6px 0 5px;
		  text-align: center;
		  width: 100%;
	  }
	  #nav-bar-header-bottom > ul > li:first-child > a, #nav-bar-header-bottom > ul > li:first-child > span{
		border: 0;
	  }

	  #nav-bar-header-bottom>ul ul{
		font-size: 0.9em;
		left:0; 
		max-height: 0;
		opacity: 0.5;
		overflow:hidden;
		position:absolute; 
		top: 24px;
		transition: ease-out 0.3s;
		z-index: 999;
	  }
		#nav-bar-header-bottom>ul ul li{
		    position: relative;
		}
		    #nav-bar-header-bottom>ul ul li a{
			  padding:15px 20px;
			  width:170px;
		    }
		    
		#nav-bar-header-bottom>ul > li > ul > li{
		    border-bottom:1px solid #888;
		    background-color:rgba(225,225,225,0.9);
		    transition: background-color 0.5s;
		}
		#nav-bar-header-bottom>ul > li > ul > li:first-child > a{
		    background: url(../img/header/arrow-bottom-green.png) no-repeat 45px -1px;
		}
		#nav-bar-header-bottom>ul > li > ul > li:hover{
		    background-color:rgba(192,192,192,0.9);
		    transition: background-color 0.1s;
		}
		#nav-bar-header-bottom>ul > li > ul > li > a:hover {
		    color:#1e9977;
		    transition: color 0.1s;
		}
		    #nav-bar-header-bottom>ul ul ul{
			  /*display:none;*/
			  font-size: 1em;
			  font-weight:bold;
			  left:210px;
			  top:0px;
		    }
			  #nav-bar-header-bottom>ul ul ul li{
				background-color:/*url(../img/header/list-arrow-black.png) no-repeat 9px 18px */rgba(225,225,225,0.9);
				transition: background-color 0.5s;
			  }
				#nav-bar-header-bottom>ul ul ul li a{
				    background:url(../img/header/list-arrow-black.png) no-repeat 9px 18px;
				    transition: background-color 0.5s;
				}
			  #nav-bar-header-bottom>ul ul ul li:hover{
				background-color:rgba(30,153,119,0.9);
				transition: background-color 0.1s;
			  }
				#nav-bar-header-bottom>ul ul ul a{
				    text-transform:none;
				}
				#nav-bar-header-bottom>ul ul ul li:hover a{
				    background-image:url(../img/header/list-arrow-white.png);
				    color:#fff;
				    transition: color 0.1s;
				}
					  
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																						SLIDER - HOME																								/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/						

/* Slider */
#bloc-posts-home {
	font-family:"Roboto", Tahoma, Helvetica;
	height:394px
}
    #bloc-posts-home>article {
	  display:none;
	  overflow: hidden;
    }
    #bloc-posts-home>article:first-child {
	  display:block;
    }
#bloc-posts-home ul li{
	height: 392px
}
#bloc-posts-home img{
	/* margin-top: -35px; */
}

#bloc-posts-home .post-content{
	height: 100%;
	width: 282px;
	position:relative;
	text-align:left;
	padding: 55px 0px 4px 0px;
	margin-top: -44px; /*40*/
	margin-left: 35px;

}
.post-content ul{
	margin-bottom:20px;
	clear:left;
}
.post-content ul li{
	margin-left: 15px;
	margin-top: 5px;
	color: #5a5b5d;
	line-height: 1.2em;
	list-style-type:disc;
}
	#bloc-posts-home .post-content p, #bloc-posts-home .post-content h2{
		position:relative;
		z-index:99
	}
	#bloc-posts-home .post-content .bg-opacity{
		background:url(../img/background/bg-menu-grey-black.png);
		width:100%;
		height:462px; /*height:427px; */
		z-index:0;
	}
	#bloc-posts-home .post-content h2{
		font-family:"Roboto", Tahoma, Helvetica;
		font-weight:200;
		color: #fff;
		font-size: 2em;
		line-height: 1.2em;
		text-align: right;
		padding: 10px 30px 10px;
		text-transform:uppercase;
		
	}
	
	#bloc-posts-home .post-content h2 span{
		float:none;
		background:#000;
		padding:0 5px;
		
	}
		
	.post-desc{
		font-family: "Arial", Tahoma, Helvetica;
		color: #fff;
		line-height: 1.3em;
		width: 200px;
		margin-right: 20px;
		position: relative;
		margin-left: 87px;
	}
	
	#bloc-posts-home .post-content .post-date{
		margin-top:299px;
		padding-top:5px;
		width: 81px;
		min-height:72px;
		color:#fff;
		text-transform:uppercase;
		float:left;
		background:#1e9977;
		position:absolute;
		font-weight:200;
		top: 0;
	}
		.post-date .post-day{
			font-size:4em;
			font-weight:200;
			float:left;
			width:100%;
			text-align:center;
		}
		.post-date .post-month{
			margin-left:5px;
			font-size:.8em;
		}
		.post-date .post-year{
			font-weight:400;
			font-size:1em;
			
		}
		.post-date .post-month, .post-date .post-year{		
			
		}
		.arrow-right-slider-content{
			background:url(../img/home-slider/slider-right.png);
			width: 26px;
			height: 50px;
			left: 100%;
			top: 50px;
		
		}
	
	
/* Navigation */
#nav-bloc-posts-home div{
	margin-top: -53px;
	position: relative;
    z-index: 999;
}
	#nav-bloc-posts-home p{
			float: left;
			background: #fff;
			line-height: 3.2em;
			height: 50px;
			font-weight:500;
			font-size:1.2em;
			margin:0;
			letter-spacing:2px
	}
	
	#nav-bloc-posts-home button img{
		margin-top:3px;
	}
	
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																						BLOCS - HOME																								/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/			

/* Agenda */
#bloc-agenda-home{
	border-top:3px solid #323335;
	margin-top:-3px;
	padding:20px 10px;
	color:#5a5b5d;
	width:630px;
}
	#bloc-agenda-home #list-events-home {
		position:relative;
	}
		#bloc-agenda-home #list-events-home h3{
			font-family: "Arial",Tahoma,Helvetica;
			font-size: 1em;
			font-weight: bold;
			margin-left: 30px;
			text-transform: uppercase;
			clear: left;
		}
	#bloc-agenda-home article{
		background:#fff;
		overflow: hidden;
		padding: 10px;
		
	}
	#bloc-agenda-home article div.event-content{
		float: none;
		clear: left;
		margin-left:50px;
		max-width:450px;
		line-height:1em;
	}
	#bloc-agenda-home p.event-date{
		font-size:2em;
		font-weight:500;
		float:left;
		color:#323335;
		margin:5px 10px 5px 10px;
		font-family:"Roboto", Tahoma, Helvetica;
	}
	#bloc-agenda-home article a, #bloc-agenda-home article span{
		font-weight:bold;
		text-decoration:none;
	}
	#bloc-agenda-home article a.right{
		clear:right;
		font-weight:bold;
		color:#38a7cc;	
		text-decoration:none;
	}
	
	#bloc-agenda-home .content-nav{
		position:absolute;
		right:0;
		top:-25.5px;
	}
	
	
/* News */
#bloc-news-home {
	margin-top:-53px;
	width: 310px;
	background:#fff;
}
	#bloc-news-home h2{
		font-style:italic;
		font-weight:400;
		font-size:1.7em;
		color:#323335;
		text-transform:none;
		margin:10px 10px 0;
	}
		#bloc-news-home h3{
			font-family:"Arial", Tahoma, Helvetica;
			margin-top:31px;
			font-weight:bold;
			padding-left:10px;
		}
		#bloc-news-home ul {
			float: left;
			clear: left;
			max-height: 350px;
		}
			#bloc-news-home ul li {
				border-top:1px #323335 solid;		
				
			}
				#bloc-news-home ul li a{
					color:#38a7cc;
				}
			span.picto{
				padding-left: 30px;
				padding-top: 5px;
				display: block;
				width: 4px;
				height: 29px;
				float: left;
				margin: 10px;
			}
			span.twitter{
					background:url(../img/pictos/share-twitter-bleu.png) no-repeat #d5d5d5 center;
			}
			span.facebook{
					background:url(../img/pictos/share-facebook-bleu.png) no-repeat #d5d5d5 center;
			}
			span.gplus{
					background:url(../img/pictos/share-googleplus-bleu.png) no-repeat #d5d5d5 center;
			}
			span.lkn{
					background:url(../img/pictos/share-lkn-bleu.png) no-repeat #d5d5d5 center;
			}
			span.rss{
					background:url(../img/pictos/share-rss-bleu.png) no-repeat #d5d5d5 center;
			}
			
			.news-content{
				clear:left;
				margin:0 10px 10px;
			}
			.news-date{
				margin:-1em 10px;
				color:#5a5b5d;
			}
			
			#bloc-news-home form{
				margin-top: 14px;
				margin-left: 22px;
				float: left;
			}

.push-home{
	width:33%;
	float:left;
	overflow: hidden;
	margin-top:20px;
}
	.push-home .push-link{
		float:right;
		margin:0;
		padding:0;
		background:url(../img/content-navigation/nav-link-right.png) no-repeat center #323335;
	}
	.push-home .push-title{
		float: left;
		margin: 8px 0 0 0;
		text-align: right;
		width:260px;
	}
	
	.push-home .push-image{
		width:100%;
		height:100px;
		background:#333;
		overflow:hidden;
	}
	.push-home .push-image.haute{
		height:100% !important;
	}
	.push-home.center{
		margin-left:0.5%;
		margin-right:0.5%;
	}
	.push-home h2{
		font-family: "Roboto", Tahoma, Helvetica;
		font-weight: 200;
		font-size: 1em;
		color: #fff;
		text-align: right;
		float: left;
		width: 100%;
		min-height:22px;
		margin:0;
	}
	.push-home h2 a{
		color:#fff;
		text-decoration:none;
		margin-right: 5px;
	}
	.push-home .push-container{
		background: #fff;
		min-height: 190px;
		text-align: left;
		width: 100%;
		float: right;

	}
		.push-home .push-container p,.push-home .push-container h3, .home .addthis_toolbox {
			margin:10px;
		}
		.push-home .push-container h3 a{
			text-decoration:none;
			background:none;
			color:#5a5b5d;
		}
		
	.push-home .push-container h3{
		font-size:1.4em;
		font-style:italic;
		border-bottom:1px #5a5b5d solid;
		margin-bottom:10px;
		padding-bottom:10px;
		
	}
	
	.push-home .push-container ul{
		/*width:100%;*/
		width:257px;
	}
		.push-home .push-container ul li{
			float:left;
		}
	
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																						FOOTER																										/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/		


/* Part 1 - liste des logos */
#logo-footer-list ul {
		display: block;
		float: left;
		border-right: 1px #5a5b5d solid;
}
#logo-footer-list ul li{
	float:left;
	height:80px;
	width:136px;
	background:#fff;
	border-left:1px #5a5b5d solid;
	border-bottom:1px #5a5b5d solid;

}

	#logo-footer-list ul li a{
		text-align: center;
		display: block;
	}
	
	
	
/* Part 2 - site map */
#site-map-footer{
	background:#fff;
	padding-bottom:20px;
}
	
	#site-map-footer > div{
			float:left;
			width: 109px;
			text-align: left;
			margin-top:40px;
			margin-bottom:10px;
			padding:0px 25px;
			border-right: 1px solid #d5d5d5;
			overflow:hidden;
			min-height:385px;
		}
		#site-map-footer > div ul{
			margin-top:8px;
			margin-bottom:20px;
			float:left;
		}
		#site-map-footer a{
			color:#5a5b5d;
			font-style:italic;
			line-height:1.4em;
			text-decoration:none;
		}		
		#site-map-footer > div ul li a{
			font-size:.9em;
			font-weight:300;
		}
		#site-map-footer > div > a{
			font-size:1em;
			font-weight:400;
			font-style:normal;
			text-transform:uppercase;
			display: block;
		}
		#site-map-footer > div ul li a:hover{
			text-decoration:underline;
		}
		#site-map-footer ul li ul li{
			float:none;
		}
		
		

		
/* Footer bottom */
#footer-bottom{
	background:#5a5b5d;
	overflow:hidden;
	font-size:.9em;
}
	#footer-bottom ul{
		text-align: center;
		overflow: hidden;
	}
	#footer-bottom ul li{
		display: inline;
	}
		#footer-bottom ul li a{
			color:#fff;
			padding:0 10px;
			border-left:1px solid #fff;
			line-height:4em;
			text-decoration:none;
		}
			#footer-bottom ul li a:hover{
				text-decoration:underline
			}
			
			
#logo-footer-list{
	overflow:hidden
}
	#logo-footer-list>div{
		width:20000000px;
	}
#footer-nav-link-left, #footer-nav-link-right{
	background: #000;
	padding: 33px 4px;
	position: absolute;
	z-index: 995;

}
		#footer-nav-link-left{
			left:0;
		}
		#footer-nav-link-right{
			right: 0px;
			}
			

		
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																										/
																						SIDEBAR																	/
																																										/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/				
				


#aside-mag-newsletter input::-webkit-input-placeholder {
	color: #5a5b5d;
}

#aside-mag-newsletter input::-moz-placeholder { /* Firefox 18- */
color: #5a5b5d;
}

#aside-mag-newsletter input::-moz-placeholder {  /* Firefox 19+ */
	color: #5a5b5d;
}

#aside-mag-newsletter input::-ms-input-placeholder {  
	color: #5a5b5d;
}
#aside-mag-newsletter>p{font-size:1.4em}
		

	
.sidebar aside{
	padding:10px;
	background:#d5d5d5;
	margin-bottom: 20px;
	overflow:hidden;
	width: 290px;
	float:right;
	clear:right
	
}
	/* roll btn */
	.sidebar aside h3, .sidebar aside h2.roll{
		font-weight:300;
		color:#5a5b5d;
		text-transform:uppercase;
	}
	.sidebar ul li>h3 a{
		line-height:1.2em;
		height:auto;
		
	}
	.sidebar aside.grey a{
		color:#d5d5d5;
	}
	.sidebar aside form {
		margin-top:5px;
	}
	.sidebar aside a{
		text-decoration:none;			
	}
	.sidebar aside a:hover{
		text-decoration:none;
	}
	.sidebar h3  > a:hover{
		text-decoration:none;
	}
	.sidebar > div{
		overflow:hidden
	}
	
	.sidebar aside, .sidebar aside form input{
		font-family:"Roboto", Tahoma, Helvetica;
		font-weight:300;
	}
	.sidebar aside.grey, .sidebar aside.grey h2,aside.grey a {
		background:#5a5b5d;
		color:#d5d5d5;
	}
	.sidebar aside.white, .sidebar .white h2, .sidebar .white h3, .sidebar .white a {
		background:#fff;
		color:#5a5b5d;
	}	

	
.sidebar{
	width:320px;
	margin-top:20px;
}

.sidebar h2{
	font-size:1.5em;
}
	
		.sidebar h2 a, .sidebar h3 a, .sidebar > div > p{
			color: inherit;
			font-size: inherit;
			text-decoration: none;
			display: block;
			height: 24px;
			line-height: 24px;

		}
			.sidebar > div > p{
				font-size: 1.6em;
				margin-left:10px;
				text-transform: uppercase;
				font-weight: 100;
				font-family: "Roboto", Tahoma, Helvetica;
				color: #5a5b5D;
				}	
		
.sidebar h2.rch{
	font-size:1.2em;
}
	
	.sidebar > div > h2{
		margin-left: 10px;
	}

.sidebar .white-heading, .sidebar .grey-heading{
	margin-bottom: 0 !important;
	width: 290px;
	line-height: 1.5em;
	padding: 10px;

}
.sidebar .white-heading{
	background: #fff;
}
.sidebar .grey-heading{
	background: #d5d5d5;
}
.sidebar aside.full {
	padding:0;
	width:310px;
	background:none;

}	
	.sidebar aside.zebre ul li{
			padding:10px;
			background:#fff;
	}
	.sidebar aside.zebre ul li h4{
		background:none;
	}
	.sidebar aside.plain {
		background:#fff;
	}
	

#aside-logos ul li img{
	/*max-width: 200px;*/
	max-width: 100%;
	max-height: 86px;
}
#aside-logos ul li{ padding:10px;text-align:center; }
#aside-logos ul li.logo-left{
	float: left;
	display: block;
	width: 40%;
}
#aside-logos ul li.logo-right{
	float: right;
	display: block;
	width: 47%;
}

/*  search form */
#aside-search input[type="text"]{
	background:url(../img/header/search.png) no-repeat 5px center #5a5b5d;
	border: 0;
	height: 29px;
	line-height: 28px;
	padding: 0 22px;
	margin-top:0;
	width:208px;
	float: left;
	color:#fff;
	
}

	#aside-search input[type="submit"]{
		background:#5a5b5d;
		text-transform:uppercase;
		color:#fff;
		border: 0;
		height: 29px;
		line-height: 28px;
		padding: 0 5px !important;
		margin-left:1px  !important;
		float: left;
		font-size:1.2em;
	}

/*  search rubrique */
#aside-rubric ul li a{
	display: block;
	line-height: 1.3em;
	margin: 7px 0 5px 0;
	padding: 6px 9px;
	text-decoration: none;
	font-weight: 400;
	font-style: italic;
	margin-left: -10px;
	width: 292px;
	font-size: 1.3em;
}

#aside-rubric .sous-listing {display:none;}

#aside-rubric .sous-listing li a {
	background-color: transparent;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	margin-top: 0;
	margin-bottom: 0;
}


/* search themes */

	#aside-themes ul li{
		line-height:1.2em;
	}
	#aside-themes ul li a{
		width:267px;
		display:block;
		background:url(../img/content-navigation/sidebar-link-right.png) no-repeat right center;
		line-height:1.5em;
		padding-left:10px;
		font-weight:400;
		padding-right:3px;
	}
	#aside-themes ul li a:hover{
		padding-right:0px;
	}
	
	
/* Les plus lus */
#aside-plulu, #aside-plucomm{
	padding:0;
	width:310px;
}
	#aside-plulu h2, #aside-plucomm h2{
		background:#fff;
		
	}
	
	#aside-plulu p, #aside-plucomm p{
		font-style:italic;
	}
		#aside-plulu ul li, #aside-plucomm ul li{
			border-top: 1px solid #5a5b5d;			
			padding: 5px 10px;
			font-size:.9em;
		}


/* recherche par rubrique */	
#aside-rubric ul {
	margin-left:-10px;width:310px;
}
#aside-rubric ul li a {
	margin-left:0;
}

/* recherche par type de document */
#aside-rubric-download li{
    background: url(../img/header/list-arrow-black.png) no-repeat 0 3px;
    color: #5a5b5d;
    font-weight: 300;
    margin: 8px 0;
    padding-left: 10px;
}





.sidebar aside.zebre h3, .sidebar aside.plain h3, .sidebar aside.zebre h4, .sidebar aside.plain h4{
	text-transform:uppercase;
	font-weight:500;
	font-size:1em;
	padding-top:5px;
	color:#5a5b5d;
	line-height:1.4em;
}							

	


/* search mag */	
#aside-search-mag-date {overflow:visible;}
#aside-search-mag-date select{
	float:left;
	height:26px;
	width:285px;
	background:#323335;
	border:0;
	color:#fff;

}
	
/* NL mag */
#aside-mag-newsletter {
	padding: 0;
	width: 310px;
	background: none;
	
}
#aside-mag-newsletter input[type="text"], #aside-mag-newsletter input[type="email"], #aside-mag-newsletter input[type="tel"]{
	background: #fff;
	margin-bottom: 10px;
	padding: 8px 6px;
	width: 100%;
	border: 0;
	color: #5a5b5d;
	font-size: 1.2em;
}
	
#aside-mag-newsletter INPUT[type='text'].invalid, #aside-mag-newsletter INPUT[type='email'].invalid {
	background-color:#ffdddd;
}



#aside-single-btn, aside.aside-single-btn{
	background:#fff;
	padding:0;
	font-family:"Roboto", Tahoma, Helvetica;
	text-transform:uppercase;
	margin-top:10px;
	width:310px;
	}
	#aside-single-btn a, aside.aside-single-btn a{
		text-align: left;
		float: left;
		padding-left: 10px !important;
		width: 270px;
	}


/* agenda */
#aside-agenda{
	
	overflow: visible;
}



/* Liste de lien de vers les réseaux sociaux */
#rs{
	position: fixed;
	top: 111px;
	right: 0;
	z-index:999;
}
#rs li{height:48px;overflow:hidden;}
#rs li:hover a img{margin-top:-48px;}


@media only screen and (min-width: 768px) and (max-width: 959px){
	.container{width:768px;}
	.sidebar{float:left; margin-left:148px;}
	/* BLOC-POSTS-HOME */	
	#bloc-agenda-home{ width:100%; padding:0; padding-top:10px;}
	#bloc-news-home{ 	width:100%; margin-top:0px}

	#logo-footer-list{border-left:solid 1px #5a5b5d;border-top:1px solid #5a5b5d;margin-bottom:20px}
	#logo-footer-list ul li{border-left:none; border-right:solid 1px #5a5b5d; width:191px;}
	
	.push-home .push-title{width:200px;}
}
 
 
@media only screen and (min-width: 768px) {#nav-bar-header-bottom{display: block !important;}}

@media only screen and (max-width: 767px) {
	.content{width:100%;}
	.container{width:300px;}
	.pagination{height:30px; margin-bottom:20px;}
	.sidebar{float:left;}
	
	#menu-mobile{background-color: #008cbb;color: #FFF;display: block;padding: 5px;position: absolute;top: 180px;text-decoration: none;text-transform: uppercase;line-height: 20px;}
	#menu-mobile img{margin-left: 10px;vertical-align: middle;}
	#nav-bar-header-bottom{display: none;}
	
	#nav-bar-header-top > ul > li{width:100%; text-align:center;}
	#nav-bar-header-top > ul > li > ul > li, #nav-bar-header-top > ul > li > ul{width:100%;}
	#nav-bar-header-top > ul > li > ul > li > a{text-align:center; padding:0;}

	#nav-bar-header-left{width:100%; margin-top:20px;}
	#header-search input[type='text']{width:160px;}
	
	#rs{clear: both;}

	/* MAIN NAV */
	#logo img{width:100px;}
	#nav-header-top{float:right; width:204px;}
	#nav-bar-header-top > ul > li{height:auto;}
	#nav-bar-header-top > ul > li > a{font-size:1em;}
	#nav-bar-header-top ul ul li a{min-width:0; width:204px; margin:0;}
	
	

	/* NAV BOTTOM */
	#nav-bar-header-bottom{width:100%; background-color:transparent;z-index: 999;position: relative;}

		#nav-bar-header-bottom ul li{float:none; position:relative; width:300px; border-bottom:solid 1px white;}
			#nav-bar-header-bottom ul li a{border-left:none; text-align:center;}

		#nav-bar-header-bottom > ul ul{max-height:none; overflow:visible; position:relative; top:0; opacity:1; display:none;}
		#nav-bar-header-bottom > ul > ul{top:0;}
			#nav-bar-header-bottom > ul > li{height:auto; background-color:transparent;}
			#nav-bar-header-bottom > ul > li:hover{background-color:transparent;}
			#nav-bar-header-bottom > ul li:hover > ul{max-height:none;}
				#nav-bar-header-bottom > ul > li > a{float:none; background-color:#008cbb; padding:10px 0; margin:0;}
	
		#nav-bar-header-bottom > ul ul li a{width:300px; padding-left:0; padding-right:0;}
			#nav-bar-header-bottom > ul > li > ul > li:first-child > a{background:none;}

		#nav-bar-header-bottom > ul ul ul{left:0;}


	/* BLOC-POSTS-HOME */
	#bloc-agenda-home{ width:100%; padding-left:0; }
	#bloc-news-home{ 	width:100%; margin-top:0px}
	.push-home{width:100%}
	#bloc-posts-home img{margin-top:20px;position: relative;left: 50%;margin-left: -1263px;}
	#bloc-posts-home .post-content{margin-top:15px;}

	#logo-footer-list{border-left:solid 1px #5a5b5d;border-top:1px solid #5a5b5d;margin-bottom:20px}
	#logo-footer-list ul li{border-left:none; border-right:solid 1px #5a5b5d; width:149px;}
	
	#site-map-footer{padding-top:20px;}
	#site-map-footer > div{width:300px; padding:0; min-height:0; border:none; margin:0 auto; float:none; text-align:center}
	#site-map-footer > div a, #site-map-footer > div ul{float:none;}
	
	

	/* Liste de lien de vers les réseaux sociaux */
	#rs{
		position: relative;
		top: initial;
		right: initial;
		
	}
		
		#rs ul li{
		float: left;
		margin-right: 2px;
		margin-top: 10px;
		width: 58.4px;
		height: 47px;
		background: #5a5b5d;
		text-align: center;
	}
	#rs ul li.last{margin-right:0}
	
}

@media only screen and (max-width: 479px) {#menu-mobile{top:180px}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.container{width:420px;}
	.sidebar{margin-left:40px;}
	
	.push-home .push-title{width:360px;}
	
	#header-search input[type='text']{width:230px;}

	#logo img{width:150px;}
	#nav-header-top{width:274px;}
	#nav-bar-header-top ul ul li a{width:274px;}


	/* NAV BOTTOM */
		#nav-bar-header-bottom ul li{width:420px;}
	
		#nav-bar-header-bottom > ul ul li a{width:420px;}

	#logo-footer-list ul li{width:209px;}
	
	
	#rs ul li{
			float: left;
			margin-right: 2px;
			margin-top: 10px;
			width: 82.4px;
			height: 51px;
			background: #5a5b5d;
			text-align: center;
		}
		#rs ul li.last{margin-right:0}
		
	
}

@media only screen and (max-width: 400px){
    .popup-block #form_newsletter{margin-left: -160px;width: 280px;}
    .arrow-right-slider-content{display: none;}
    #bloc-posts-home .post-content{margin-left:28px;}
}

.formulaire_spip{
	margin-left:53px;
	margin-bottom:30px;
	float:left;
	position:relative;
}
	.formulaire_spip .error{
		position: absolute;
		bottom: -20px;
		padding: 10px;
		background: #b60c0c;
		left: 20px;
		min-width: 200px;
		text-align: center;
		color: #fff;
	}
	.formulaire_spip ul li{
		clear:left;
		float:left;
		width:100%;
		margin-top:15px;
		list-style-type:none;
	}
		.formulaire_spip ul li input[type="submit"],.formulaire_spip ul li input[type="text"], .formulaire_spip ul li textarea,.formulaire_spip ul li select{
			float:right;
			background: #FCFCFC;
			border:1px solid #5a5b5d;
		}
.formulaire_spip ul li textarea{
		margin: 0px;
		width: 363px;
		height: 213px;
		
		}

		.formulaire_spip ul li input[type="text"]{
		line-height: 1.5em;
		}
		.formulaire_spip select{
			min-width:270px;
			line-height:1.5em;
		}
		.formulaire_spip input[type="submit"]{
		width: 200px;
		border: 0;
		padding: 5px !important;
		color: #fff;
		background: #333;
		float: right;
		margin-top: 20px !important;
		margin-right: -20px !important;
		}
		.saisie_checkbox div, .saisie_radio div{
			float: left;
			margin-right: 20px;
			clear: left;
			width: 100%
		}
		.saisie_checkbox>label,.saisie_radio>label{
			float:left;
			border-bottom: 1px solid #5a5b5d;
			width: 100%;
			padding-bottom: 5px;
			margin-top:5px;
		}
	
				.saisie_checkbox div>*, .saisie_radio div>*{
					float:right;
					margin-left:5px;
					margin-top:10px;
				}
				
		@media only screen and (max-width: 767px){
			.formulaire_spip{margin-left:20px;}
			.formulaire_spip ul li{margin-left: 0;width:88%;}
				.formulaire_spip select,.formulaire_spip ul li textarea, .formulaire_spip input[type="text"]{width: 100%;}
			.formulaire_spip ul li>label{margin-bottom:5px;float: left;width: 100%;}
			.formulaire_spip input[type="submit"] {margin-right: 35px !important;}
		.formulaire_spip 	.error{
				position: initial;
				padding: 6px;
				text-align: center;
				color: #fff;
				clear: left;
				float: left;
				width: 92%;
			}
			.formulaire_spip input[type="submit"] {
				width: 95%;
				padding:7px !important;
				position: initial;
				clear: left;
				float: left;
			}
			.formulaire_spip ul li{width:95%}
		}
		@media only screen and (max-width: 480px){
			.push-home .push-title{width:246px;}
				.formulaire_spip ul li{width:93%}
				.formulaire_spip .error{width:85%}
				.formulaire_spip input[type="submit"] {width:90%;}
				.formulaire_spip ul li select{ min-width:initial;}
		}

		.formulaire_spip .erreur_message, .formulaire_spip .reponse_formulaire_erreur {display:none;}

body .caractencadre-spip {color: #5a5b5d;}

#form_special form .cb {clear:both;display: block;}
#form_special form li.radio {float: left;width: 109px;}
#form_special form li {margin-bottom: 20px;margin-top: 20px;height: 30px;list-style-type: none; }

#form_special form{margin-top:3%;}
#form_special form label{
	float:left;
	width:30%; height:30px;
	margin-bottom:2%;
	color:black;
}
#form_special form input[type=text], #contact form textarea{
	float:right;
	width:65%; height:30px;
	margin-bottom:2%;
	padding-left:2%;
}
#form_special form input[type=submit]{border:none;}

#form_special .bg-blue.validate{background-color:#008cbb;	display:block;
	float:right;
	padding:7px 15px;
	text-transform:uppercase;
	color:white;height: 30px;}


	
#form_special .formulaires ul li {
	width:auto;
	padding-right:20px;
	clear:left;
}
	#form_special .formulaires strong,#form_special .formulaires span,#form_special .formulaires fieldset{color: #5a5b5d;}
	#form_special .formulaires ul li.radio {
		clear:none;
		margin-bottom: 0;
	}
	#form_special .formulaires ul li label{
		padding-right: 10px;
		color: #5a5b5d;
	}
	#form_special .formulaires ul li input[type="radio"]{
		float:right;
	}
/* Page 404 */

.page-404 p {color: #000000;font-size:19px;margin:0 auto;width: 47%;}
.page-404 p a {color: #008cbb;text-decoration:underline;}
.page-404 p a:hover {color: #008cbb;text-decoration:none;}