/************** FAQ ***************/

.article_faq {margin:0 auto 15px auto;}

.faq_content {		
	margin:5px auto;
	width:100%;
	overflow:hidden;
	padding:0;
}
.faq_top {
	position:relative;
	width:100%;
	padding:0 15px 5px 10px;
	height:auto;
	min-height:25px;
	margin:0 auto;
	overflow:hidden;
}


.faq_top h3 { font-size:1em; font-weight: bold;}

.news_auteur {
	font-size:1em;
	width:100%;
	margin:0 0 5px 0;
	padding:0 40px 0 0;
}
.faq_top .news_titre {
	width:100%;
	font-size:1.2em;
	font-style:italic;
	margin:0;
	background:url(../img/public/faq_plus.png) 99% center no-repeat;
	padding: 15px 20px 15px 5px;
	border-bottom:1px solid #333;
}
.faq_first_item {border-top:1px solid #333;}

.faq_top .news_titre.faq_fermer {background:url(../img/public/faq_moins.png) 99% center no-repeat;border-bottom:0; color:#00a6ff;}

.faq_top .news_titre a {color:inherit; text-decoration:none; width:100%; display:table;}
.faq_top .news_titre:hover {color:#00a6ff;}
.faq_bottom {
	position:relative;
	margin:5px auto 0 auto;
	width:calc(100% - 40px);
	padding:15px 2% 2% 2%;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;
	background:#fbfbfb;
	overflow:hidden;
}
.faq_tag {
	width:100%;
	padding:0 55px 0 80px;
    margin: -1px auto 0 auto;
    font-size: 1em;
    font-style: italic;
}
.faq_tag_content {
    border-top: 1px solid #ccc;
	background:url(../img/public/blog_picto_tag_liste.png) top left no-repeat;
	background-position:0 15px;
    overflow: hidden;
    padding: 10px 0 0 30px;
}
.faq_tag_content p {float:left;margin:2px 5px 5px 0;font-size:0.9em;}
.faq_tag_content p a {position:relative;display:table;padding: 5px 10px;background: #f8f8f8;color: #b3b3b3;text-decoration: none;transition: background 0.5s;border-radius: 0.4em;}
.faq_tag_content p:hover a {background: #4daeda;color: #FFF;transition: background 0.5s;}

.faq_lien_article {position:relative;clear:both;}
.faq_lien_article a {position:relative;display:table;padding: 12px 20px;margin: 0 auto 10px auto;background: #f1f1f1;color: #0d284e;text-decoration: none;transition: background 0.5s;border-radius: 0.4em;}
.faq_lien_article:hover a {background: #4daeda;color: #FFF;transition: background 0.5s;}





@media screen and (max-width : 500px) {
	
	.faq_top h3 { font-size: 0.8em; }
	
}