/* LISTE DES REALISATIONS */
.h1_cadre {margin: 30px 0 0 0;}
div#real_title {position:relative; margin:40px auto;text-align:center;font-family: 'Big Shoulders', sans-serif;}

.real_list {display:table;}
.real_text {display:none;}

.real_item {margin:0 0 5px 0 !important;}

.real_item:hover .real_text {
    position: absolute;
    top: 0;
    display: block;
    width: calc(100% - 6px);
    height: 100%;
    background: rgba(255,180,0,0.6);
    color: #FFF;
    padding: 20px 10px;
	text-align: left;
}
.real_titre {margin:25px 0 10px 0; font-size:1.2em;}
.real_titre a {text-decoration:none; color:inherit; }
.real_tag_item a {margin:10px 0; display: table; padding:8px 10px 5px 10px; background:var(--cg_jaune); font-size:0.9em; text-decoration:none; color:inherit; border-radius:0.8em;}
.real_tag_item a:hover {background:var(--cg_noir); color:#FFF;}

.real_link a { position:absolute; bottom:20px; right:10px;text-decoration:none; display:table; background: url(../img/public/real_link.png) center no-repeat; width:50px; height:50px; background-size:100%;}
.real_link a:hover {background: url(../img/public/real_link_hover.png) center no-repeat; background-size:100%;}

div#real_voir_plus {position:relative; margin:25px auto; text-align: center;}
div#real_voir_plus a {text-decoration:none;}

.last_article_link a {text-decoration:none;display:table; width:auto; margin: 0 auto;padding:9px 20px; border-radius:5em; background:var(--cg_jaune); color:var(--cg_noir); font-size:0.9em;transition: background 0.5s;}
.last_article_link a:hover {background:#000; color:#FFF; transition: background 0.5s;}


/* FILTRES */
.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;
	font-family: 'Big Shoulders', sans-serif;
	font-size:1.1em;
}
.articles_filtre_item a {
	padding:10px 20px;
	text-decoration:none;
	display:table;
	margin:10px 5px;
	color:#000;
	/*text-transform:uppercase;*/
	background:#f3f3f3;
	border-radius:1.2em;
	font-size:0.9em;
}

.articles_filtre_item a:hover,
.articles_filtre_item.articles_filtre_tag_on a {color:var(--cg_noir); background:var(--cg_jaune);}
.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:var(--cg_noir); background:var(--cg_jaune);}


h1.articles_titre {position:relative; margin:0 0 40px 0; text-align:center; text-transform: uppercase; font-size:2.5em; line-height:1.7em;font-weight:400;}



/* PRESENTATION DES REALISATIONS */

.liste_article_grid {display:grid;	grid-template-columns:repeat(4, 1fr);}


.liste_article_item {grid-column:span 1; padding:10px;}

.liste_article_plus_resultat {position:relative; margin:50px auto;}



/*********** PAGE ARTICLE ************/
div#blog_retour {position:relative; display: table; z-index:98; margin: -5px auto 0 auto;}
div#blog_retour a {margin:-20px 0 0 0; float:right; background:#999; color:#FFF; text-decoration:none; padding:8px 15px; border-bottom-left-radius: 0.3em; border-bottom-right-radius: 0.3em;}

div#blog_retour a:hover {background:#000;}

.top_content, .contenu_articles_fiche .general_content {position:relative; width:92%; max-width:1200px; margin:0 auto;}
.top_content_keyword {position: relative; margin:0 auto 15px auto; font-size:1.2em; text-transform: uppercase; font-weight: bold;display:table; color:#000;}
.top_content_keyword:after {
    content: "";
    position: relative;
    width: 60px;
	left: calc(50% - 30px);
	height:5px;
	border-bottom:6px solid var(--cg_noir);
	transform: scaleX(1);  
	display:table;
}
.top_content_resume {text-align: center;}

.top_content_date {position:relative; margin:20px auto 20px auto !important;}

.contenu_date {
    font-size: 1em;
    font-style: italic;
    margin: 0;
    overflow: hidden;
    padding: 1% 0 1% 30px;
    position: relative;
}
.contenu_date {
	background: rgba(0, 0, 0, 0) url("../img/public/blog_picto_date.png") no-repeat scroll left center;
    margin: -30px 0 0 30px;
	 z-index:98;
   /* width: 100%;*/
}

.contenu {position:relative;margin:15px auto 30px auto;overflow:hidden;}


.fiche_tag { 
	margin:20px auto 0 auto;
    padding: 0;
	display:table;
}
.fiche_tag a {color:inherit; text-decoration:none;}


.fiche_tag p {float:left;margin:-8px 0 14px 5px;font-size:0.9em;}
.fiche_tag p a {position:relative;display:table;padding: 5px 10px;background: #f4f4f4;color: #6e6e6e;text-decoration: none;transition: background 0.5s;border-radius: 0.4em;}
.fiche_tag p:hover a {background: #243746;color: #FFF;transition: background 0.5s;}


.fiche_tag p.fiche_tag_titre {font-size:0.9em;font-weight:bold;margin:-5px 5px 10px 0;}

.blog_fiche.last_article {border-top:1px solid var(--cg_noir); padding:30px 0 0 0; width:92%;max-width:1200px;}


/* LISTE DES ACTUALITES */

.liste_article_item a {color:inherit; text-decoration:none;}
.news_photo {overflow:hidden; border-radius: 0.3em;}
.news_photo img {
    max-width: 100%;
    border-radius: 0.3em;
    width: 100%;
    object-fit: cover;
    object-position: top;
	-webkit-transition: all 1.5s ease; /* Safari et Chrome */
	-moz-transition: all 1.5s ease; /* Firefox */
	-ms-transition: all 1.5s ease; /* Internet Explorer 9 */
	-o-transition: all 1.5s ease; /* Opera */
	transition: all 1.5s ease;
	height:300px;
}

.real_tag {position:relative;margin:0;color:#FFF; overflow: hidden;}
.real_tag p {float:left; font-size:0.85em;margin:5px; padding:5px 10px;border:1px solid #FFF;}
.real_tag p:hover {background:var(--cg_noir); color:var(--cg_jaune);border:1px solid var(--cg_jaune);}
.news_info {position:relative;}
.news_txt {color:#FFF; font-size:0.8em;background:var(--cg_noir); padding:10px; margin:-40px 0 0 10px; width:calc(100% - 20px);}

.news_nom {font-size:1.1em; font-weight:bold;margin:0 0 20px 0;padding:0 5px; text-transform:uppercase;}
.news_resume {font-size:0.9em; text-align:justify;}


.liste_article_item:hover .news_photo img {
	-webkit-transform:scale(1.10); /* Safari et Chrome */
	-moz-transform:scale(1.10); /* Firefox */
	-ms-transform:scale(1.10); /* Internet Explorer 9 */
	-o-transform:scale(1.10); /* Opera */
	transform:scale(1.10);
}
.liste_article_item:hover .news_txt {background:var(--cg_jaune);}
.liste_article_item:hover .news_nom {color:var(--cg_noir);}
.liste_article_item:hover .news_resume {color:#FFF;}





/* RECHERCHE ACTUS */

div#articles_ariane_search {position:relative; overflow:hidden;}
.fil_ariane_articles {position:relative; float:left; width:calc(100% - 190px);}
div#articles_search {position:relative; float:right; width:160px;overflow:hidden; border:1px solid #979797; border-radius:3em; margin:10px 20px 0 0;}
.search_input {
	border:1px solid #CCC;
	overflow:hidden;
	background:#FFF;
}
div#articles_search input.search_value {
	border: 0 none;
    color: #999;
    font-family: inherit;
    font-size: 0.9em;
	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_noir) url(../img/public/blog_search_btn.svg) center no-repeat;
	background-size:22px;
	border: 0 none;
	cursor:pointer;
}



.result_search {position:relative; display:table; margin:0 auto 30px auto; padding:10px 20px; border-radius:8em; width:auto; background:var(--cg_jaune); color:#FFF; text-align:center;}
.result_search .recherche {font-style: italic; font-weight: bold;}


.delete_search a {
	background:url(../img/public/delete_search.png) 3px center no-repeat;
	padding:5px 10px 5px 35px;
	color:#FFF;
	border-radius:8em;
	border:1px solid #FFF;
	text-decoration:none;
	margin:0 0 0 50px;
	transition: background 0.5s;
}
.delete_search a:hover {background:#CC0000 url(../img/public/delete_search.png) 95% center no-repeat;transition: background 0.5s;}

@media screen and (max-width : 1200px) {	
	.liste_article_grid {display:grid;	grid-template-columns:repeat(3, 1fr);
}

@media screen and (max-width : 1100px) {	
	.real_tag {display:none;}
	.real_link a {left:10px;}
	.real_titre {margin: 10px 0 10px 0; font-size:1em;}}
}
@media screen and (max-width : 900px) {	
	.liste_article_grid {display:grid;	grid-template-columns:repeat(2, 1fr);
}
	
@media screen and (max-width : 800px) {	
	
	h1.articles_titre {margin:20px 0;}
	
	.fil_ariane_articles{position:relative; float:none; width:100%;}
	div#articles_search {float:none;margin:0 auto 30px auto;width:94%;max-width:350px;}
	
	
	.articles_filtre_item a {padding:4px 10px;margin:10px 5px;font-size:0.8em;}
	.articles_filtre_link a {padding:4px 15px 4px 40px;	background-size:15px;}
	.articles_filtre_link a:hover {background-size:15px;}
}
@media screen and (max-width : 750px) {
	div#titre h1, div#titre p.titre_page {font-size: 1.6em; text-align:center;}
	
	
}
@media screen and (max-width : 650px) {
	.real_link a {width:30px; height:30px;}
	.contenu_date {margin: -20px 0 0 10px;}
}
	
@media screen and (max-width : 600px) {	
	.liste_article_grid {display:grid;	grid-template-columns:repeat(1, 1fr);
}
@media screen and (max-width : 480px) {
}
@media screen and (max-width : 400px) {
	.fiche_tag p.fiche_tag_titre {width:100%;}
}