/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																						LISTES ARTICLES																							/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/		

body.articles section article{
	overflow: hidden;
}
	body.articles section header{
		overflow: hidden;
		position: relative;
	}
	body.articles.single section article, body.agenda section article{
		height: auto;
		overflow: hidden;
	}
	body.articles section h1, body.articles section h2 a, body.articles section h2 a{
	
			font-size:2em;
			color:#5a5b5d;
			font-style:italic;
			background:#fff;
			float:right;				
			font-size:1em;
			font-weight:500;
			width: 344px;
			margin-top: 20px;
			margin-bottom:0;
			text-transform:none;
			text-decoration:none;
			padding: 15px 8px 2px 276px;			
			
		}
		body.single section article .post-content h1, body.single section article .post-content h2, body.single section article .post-content h3{
			margin-left: 0;
			padding-left: 0;
			float: left;
			clear:left;
			font-size: 1.5em;
			padding: 0;
			margin: 10px 0;
			width:100%;
			color: #5a5b5d;
			font-family: "Roboto", Tahoma, Helvetica;
			font-weight: bold;
			text-transform: initial;
		}
			body.single section article .post-content h1{
				font-size:1.6em;
			}
			body.single section article .post-content h2{
				font-size:1.4em;
			}
			body.single section article .post-content h3{
				font-size:1.2em;
			}
			body.single section h2{
				padding-left:15px
			}
	body.articles  section .post-date{
		width: 60px;
		min-height: 50px;
		padding: 5px 3px;
		margin: 0;
		position: absolute;
		z-index:99;
		bottom: 0;
		
	}
	body.articles  section .post-date>img{
		left: 8px;
		position: absolute;
		top: 5px;
		width: 50px;
	}
	body.articles  section .post-day{
		font-size:2em;
		margin-top: 5px;
	}
		body.articles  section .post-day.multi-date{
			font-size: 1.35em;
			line-height: .9em;
			display: block;
		}
			body.articles  section .post-day.multi-date>span{
				font-size: .5em;
				clear: left;
				display: block
			}
			body.articles  section .post-day.multi-date+span{
				text-align:center;
				display: block;
				margin-top: 2px;
				margin-left: 2px;
				float: left;
				width: 100%;
				
			}
	body.articles  section .post-month-year{
		font-size:.8em;
	}
	
	body.articles section article .post-excerpt,
	body.articles section article .post-content{
		
		float: left;
		width: 100%;
	}
	body.articles section article .post-excerpt{
		padding-bottom: 0px;
		color: #5a5b5d;
		line-height: 1.2em;
	}

		body.single section article .post-image{
			overflow: visible;
			min-height: 3px;
			background:transparent;
			position: relative;
			width: 100%;
			height: auto;
			top:0px;
		}
			body.single section article .post-image img{
				margin-top:-30px;
			}
		
		body.articles section article .post-excerpt .post-image {
			width: 266px;
			height: 196px;
			overflow: hidden;
			background: #333;
			/* position: absolute; */
			top: 64px;
			float: left;
			margin-right: 10px;
			margin-top: -10px;
			margin-bottom: 0;
			margin-left: -15px;
		}
	body.articles section article .post-spec {
		background: #323335;
		color: #fff;
		font-style: italic;
		font-weight: 400;
		float: left;
		margin-left: 66px;
		min-height: 60px;
		padding-left: 20px;
		padding-right: 20px;
		
		}
		
		body.single section article .post-spec{
				width:auto;
				max-width:450px;
				
		}
		
	body.articles section article .tag-list{
		padding-top:10px;
		
	}
	
	body.articles section article .post-spec .post-theme{
		font-size:1.3em;
		text-transform:uppercase;
		font-weight:400;
	}
	body.articles section article .post-spec .post-theme a, body.articles section article .post-spec h1.post-theme, body.articles section article .post-spec  h2.post-theme{
		margin:0;
		padding:0;
		background:none;
		font-size: 1.2em;
		color: #fff;
		float: initial; 
		font-weight: initial;
		width: auto;
		text-decoration: none;
		text-transform:uppercase;
		padding-top: 6px;
	}
        
	body.articles section article .post-spec .post-theme a{
		font-size: 1em;
		
	}
	 body.articles section article .post-spec h1.post-theme{
		font-size: 1.3em;
	}
	body.articles section article .post-spec .post-rubrique{
		font-size: 1.1em;
		background: url(../img/header/list-arrow-white.png) no-repeat left 4px;
		padding-left: 10px;
		font-weight: 400;
		line-height: 1em;
		float:left;
	}
		
	body.articles section .post-month-year{
		width: 100%;
		display: block;
		text-align: center;		
	}
	
		body.articles.single section footer, body.agenda section footer{
			position:relative;
		top: 0;
		}
		
		body.articles article footer .left{
			margin-top:3px;
			margin-left:3px;
		}
		
		
		body.articles section footer ul li:last-child a{
			opacity:0.8;
		}
		body.articles section footer ul li:last-child a:hover{
			opacity:1;
		}
		
		body.articles section article .post-excerpt p{
			margin-right:23px;
			margin-bottom: 10px;
		}
		
    body.single section article .post-content .formulaires li{clear:both;overflow: hidden;list-style: none;margin-left:0;padding: 5px 0;}
    body.single section article .post-content .formulaires label{width: 200px;color: #6c6c6d;float: left;clear:both;font-size: 1.1em;padding: 4px 0;}
    body.single section article .post-content .formulaires li.radio{clear:none;float: left;}
    body.single section article .post-content .formulaires li.radio label{padding:0;width: auto;margin-right: 5px;clear:none;}
    body.single section article .post-content .formulaires input{width: 370px;float: left;background-color: #5a5b5d;border: 0;color: #fff;font-size: 12px;margin: 0;padding: 6px 10px 4px;}
	body.single section article .post-content .formulaires textarea{width: 370px;min-height:75px; float: left;background-color: #5a5b5d;border: 0;color: #fff;font-size: 12px;margin: 0;margin-left:75px; padding: 6px 10px 4px;}
    body.single section article .post-content .formulaires input[type=radio], body.single section article .post-content .formulaires input[type=checkbox]{margin-right: 15px;width: auto;}
    body.single section article .post-content .formulaires input[type=checkbox]{margin: 4px 0;}
    body.single section article .post-content .formulaires input[type=submit]{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;width:auto;}
    body.single section article .post-content .formulaires input[type=submit]:hover{opacity:1;}

@media only screen and (max-width: 767px){
    body.articles section article .post-spec{width: 315px;}
	  body.articles section article .post-spec .post-theme a{display: inline-block;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	 body.articles section article .post-spec h1.post-theme{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
         
        body.articles section article .post-spec .post-rubrique{white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;}
    
	body.articles section article{height:auto; width:100%;}
	body.articles section article header{position:relative; min-height:60px; }
	body.articles section article .post-excerpt{width:270px; height:auto;}
	body.articles section article h2 a{width:270px; bottom:0; float:left; padding-left:20px;}
	body.articles section article .post-image{display:none;}
	body.articles section article footer{position:relative; bottom:0; top:auto;}
	body.articles section article footer .left, body.articles section article footer .right{width:100%;}
	body.articles section article footer .right{margin-top:27px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	body.articles section article h2{width:390px;}
	body.articles section article .post-excerpt{width:390px;}
}
@media only screen and (max-width: 480px) {
	body.articles section article footer .right{margin-top:60px;}
	
    body.articles section article .post-spec{width: 195px;}
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------/
																																																				/
																					SINGLE ARTICLES																							/
																																																				/
---------------------------------------------------------------------------------------------------------------------------------------------------------------------/**/		



/* Header */
body.single article>header > img{
	position:relative;
	width:100%;
	height:auto;
	margin-top:31px
}

body.single article header h1{
	float:left;
	margin-top: 0px;
	padding-left:15px;
	font-size:1.5em;
	width:610px;
	background:#fff;
}

body.single.articles article .post-share {
	float:right;
	z-index: 99;
	padding:0;
	width:100%;
	border-bottom:3px solid #008cbb;
	height:37px;
	margin-top:-40px
}

	body.single.articles article .post-share ul {
		float: right;
		
	}
		body.single.articles article .post-share ul li{
			float:left;		
			margin-top: 1px;
		}
			
			body.articles.articles section .post-share ul li:last-child a{
				background-color:#323335;
			}
			
			/* COLORS */
			body.single.articles article .post-share ul li a{
				
				float: left;
			}			
			
			body.articles article.blue .post-share {
				border-color:#008cbb;		
			}
			body.articles article.light-blue .post-share {
				border-color:#38a7cc;		
			}
			body.articles article.purple .post-share {
				border-color:#6a4380;		
			}
			body.articles article.pink .post-share { 
				border-color:#ff6dab;		
			}
			body.articles article.red .post-share {
				border-color:#b60c0c;
			}
			body.articles article.green .post-share {
				border-color:#a1ab00;
			}
			body.articles article.orange .post-share {
				border-color:#ff8400;
			}
			body.articles article.grey .post-share {
				border-color:#5a5b5d;
			}
			/* COLORS */
			
/* Content */
body.page section article .post-content{
	width:600px;
	padding-top:10px;

}

	body.articles article .post-content p{
		margin-bottom:20px;
		clear:left;
	}
	body.articles article .post-content img.left{
		margin-right:10px;
		margin-bottom:10px;

	}
	body.articles article .post-content img.right{
		margin-left:10px;
		margin-bottom:10px;

	}

@media only screen and (max-width: 767px){
	body.page section article .post-content, body.page section article h2 a{width:270px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	body.page section article .post-content, body.page section article h2 a{width:390px;}
}

.document_article ul {margin:0;padding:0;}
.document_article ul li{display: inline-block;list-style-type:none;margin-bottom:10px;text-align: center;margin: 5px;}
.document_article .logo, .document_article .descriptif{font-size: 12px;font-style: italic;}
.document_article .descriptif {margin-left:10px;}
.nettoyeur {clear:both;}