.h1_cadre {text-align:center;}

/* RECHERCHE ACTUS */

div#articles_search {
	position: relative;
	width:90%;
	max-width: 400px;
	overflow: hidden;
	border: 1px solid var(--cg_bleu);
	border-radius: 3em;
	margin: 10px auto;
}
.search_input {
	border:1px solid var(--cg_bleu);
	overflow:hidden;
	background:#FFF;
}
div#articles_search input.search_value {
	border: 0 none;
    color: #999;
    font-family: inherit;
    font-size: 1.2em;
	width: calc(98% - 50px);
    padding: 0 0 0 5px;
    height: 29px;
    float: left;
    margin: 2px 0 0 7px;
	
}
div#articles_search input.search_submit {
	height:33px;
	width:38px;
	float:right;
	background:var(--cg_bleu) url(../img/public/blog_search_btn.svg) center no-repeat;
	background-size:22px;
	border: 0 none;
	cursor:pointer;
}

.result_total {position:relative; text-align:center; font-style: italic; margin:0 auto 30px auto;}

.result_item {position:relative; overflow: hidden; margin:0 auto; max-width:800px; width:90%; padding:5px 0;}
.result_item a { color:inherit; text-decoration:none;}
.result_groupe {float:left; text-align: center; width:100px; padding:5px 10px; background:var(--cg_bleu); color:#FFF; font-size:0.9em; border-top-left-radius:0.5em; border-bottom-right-radius:0.5em;}

.item_atelier .result_groupe {background:var(--cg_bleuclair);}
.item_blog .result_groupe {background:var(--cg_vert_eau);}


.result_name {float:right; width:calc(100% - 120px); padding:5px 0; font-size:1.1em;}
.result_item:hover .result_groupe {background:#000;}
.result_item:hover .result_name {color:var(--cg_bleu);}

.result_item_sep {position:relative; margin:5px auto; height:3px; background:var(--cg_gris_clair); max-width:800px; width:90%;}


/* FAQ */

div#liste_faq_title {
	margin:60px 0 0 0;
    padding: 20px 20px 15px 20px;
    font-size: var(--cg_fs_2);
    font-weight: normal;
    line-height: 1.1em;
	text-align: center;
	background: var(--cg_vert_eau);
	color:#FFF;
}

div#liste_faq_sstitle {
	margin:0 0 50px 0;
	padding:10px 20px 20px 20px;
	font-size:var(--cg_fs_3);
	font-weight:normal;
	line-height:1em;
	text-align: center;
	background: var(--cg_vert_eau);
	color:#FFF;
}


.articles_filtre_cadre { 
	position:relative; margin:0 auto 30px auto; overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
	padding: 0 0 10px 0;
	overflow-x: auto;
}
.articles_filtre_item {
	position:relative;
	/*float:left;*/
	flex: 0 0 auto;
}
.articles_filtre_item a {
	padding:6px 20px;
	border-radius:3em;
	text-decoration:none;
	display:table;
	margin:10px;
	color:#000;
	text-transform:uppercase;
	background:#f6f4f2;
}

.articles_filtre_item a:hover, .articles_filtre_tag_on a {color:#FFF; background:var(--cg_bleu);}
.articles_filtre_link a {
	padding:6px 20px 6px 50px;
	background:#f6f4f2 url(../img/public/blog_filtre_link.svg) 15px center no-repeat;
}
.articles_filtre_link a:hover, .articles_filtre_link_actif a {color:#FFF; background:var(--cg_bleu) url(../img/public/blog_filtre_link_hover.svg) 15px center no-repeat;}



@media screen and (max-width : 1200px) {	
}

@media screen and (max-width : 959px) {	
	
}
@media screen and (max-width : 900px) {	
}
	
@media screen and (max-width : 800px) {	
	.h1_cadre { margin: -10px 0 20px 0;}
	div#liste_faq_title {margin: 30px 0 0 0;}
	div#liste_faq_sstitle {margin: 0 0 30px 0;}
	.articles_filtre_item a {
		padding:6px 10px;
		border-radius:3em;
		margin:5px;
		font-size:0.8em;
	}
	.faq_top .news_titre {font-size: 1em;}
}
@media screen and (max-width : 750px) {
	
}
@media screen and (max-width : 650px) {
}
	
@media screen and (max-width : 600px) {	
	.result_groupe {float:none; width:80px; padding:5px 10px; font-size:0.8em;}
	.result_name {float:none; margin:10px auto 0 auto; width:100%; padding:5px 0 0 0;}
	.result_item {padding:5px 0 0 0;}
	.result_item.result_groupe_autre {padding:0;}
	.result_item.result_groupe_autre .result_groupe {display:none;}
	.result_item.result_groupe_autre .result_name {padding:0;}
}
@media screen and (max-width : 480px) {
}
@media screen and (max-width : 400px) {
}