/* PAGE LISTE ARTICLES */

div#entete_liste {width:100%;padding:15px 5px;background:#e8e9ea;margin:0 0 35px 0;overflow:hidden; border-radius:1em;}

.entete_liste_item {float:left; padding:0 10px;}
div#entete_resultat {font-size:1.4em; display:table; padding:5px 10px 0 10px;}
div#entete_pagination {float:right; border-right:0;padding:3px 10px 0 10px;}

div#entete_filtre {}

/* ASPECT DE LA LISTE DEROULANTE */


.custom-dropdown__select {
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
	width:100%;
}


.custom-dropdown__select--white {
    background-color: #fff;
    color: #444;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding: 9px 50px 9px 9px; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 0.5em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }
	.custom-dropdown::before {
        content: "\25B2";
		color: #FFF;
        font-size: 1em;
		top:11px;
		text-align:center;
    }
    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
		color: #FFF;
        height: 1em;
        font-size: 1em;
        line-height: 1;
        right: 11px;
        /*top: 50%; */
		top:26px;
		margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 38px;
		right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        /*top: .5em; bottom: .5em;*/
		top:0;
        background-color: #6eb6ba;
		border-top-right-radius:0.5em;
		border-bottom-right-radius:0.5em;
        /*border-left: 1px solid rgba(0,0,0,.1);*/
    }
	/*
    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }
	*/
    /* FF only temp fix */
    @-moz-document url-prefix() {
        /*.custom-dropdown__select              { padding-right: .9em }*/
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}





div#entete_search {
	width:25%;
	/*min-width:290px;*/
	overflow:hidden;	
}
div#entete_liste input.search_value {
	border: 0 none;
    font-family: inherit;
    font-size: 1em;
	width:calc(100% - 48px);
	padding:5px 0 5px 10px;
	height:29px;
	float:left;
	border-top-left-radius:0.5em;
	border-bottom-left-radius:0.5em;
}
div#entete_liste input.search_submit {
	height:39px;
	width:38px;
	float:left;
	padding:5px 0;
	background: #42474f url(../img/public/blog_search_btn.svg) center no-repeat;
	border: 0 none;
	cursor:pointer;
	border-top-right-radius:0.5em;
	border-bottom-right-radius:0.5em;
}





.last_article {position:relative; width:100%; margin:40px auto; padding:25px 10%; text-align:center; background: var(--cg_gris_clair);border-radius:0.8em;}
.last_article a, .liste_article_plus_resultat a { color:inherit; text-decoration:none;}
.last_article_title {display:table;margin:0 auto 20px auto;padding:9px 20px; border-radius:5em; background:var(--cg_bleu_vert); color:#FFF; font-size:1.5em;}
.last_article_nom {font-size:3em; line-height:1em; color:var(--cg_bleu_vert); margin: 0 0 35px 0; font-weight: bold;}
.last_article_resume {font-size:1.2em; color:#000; margin: 0 0 25px 0;}
.last_article_link a {display:table; width:auto; margin: 0 auto;padding:9px 20px; border-radius:5em; background:var(--cg_bleu_vert); color:#000; font-size:1em; transition: background 0.5s;}
.last_article_link a:hover {background:#000;color:#FFF;transition: background 0.5s;}

/*
.articles_filtre_cadre { position:relative; margin:30px auto; overflow: hidden;}
.articles_filtre_item {
	position:relative;
	float:left;
}
*/
.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_vert);}
.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_vert) url(../img/public/blog_filtre_link_hover.svg) 15px center no-repeat;}


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;}


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

.grid-sizer, .grid-item {
  width: 25% !important;
}
.liste_article_item.grid-item {
  padding:3px !important;
}
.liste_article_grid.news_few_result {border-top:0;}

.liste_article_item {/*grid-column:span 1;*/ padding:10px;/*border-top:1px solid #CCC;*/}

.liste_article_item:hover article { background:#f3f3f3;}

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

article {border: 1px solid #CCC;background: #FFF;}


/*********** 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_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:0 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_taupe); padding:30px 0 0 0; width:92%;max-width:1200px;}



/* LISTE DES ACTUALITES */

div#liste_article .news_content {		
	margin:0 auto 10px auto;
	width:100%;
	display:table;
	padding:10px;
}
.news_content a { text-decoration:none; display:block; color:inherit;}
.news_top {
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 2px 0;
	overflow:hidden;
}
.news_titre {
	position:relative;
	width:100%;
	font-size:1.4em;
	font-weight:bold;
	margin:10px 0;	
	padding:0;
	color:#000;
}

.news_date {
	position:relative;
	width:100%;
	font-size:0.9em;
	font-style: italic;
	margin:10px 0;	
	padding:0;
	color:var(--cg_gris_fonce);
}

article:hover .news_titre {color:var(--cg_bleu_vert);}

.news_titre p {margin:0;}
.news_photo {
	margin: 0;
	width:100%;
	overflow:hidden;
}
.news_photo img {
	width:100%;
	height:200px; object-fit:cover; object-position: center;
}
.news_bottom {
	width:100%;
	text-align:justify;
	font-size:1.05em;
	overflow:hidden;
}
.liste_contenu, .liste_contenu p {
	width:100%;
	font-size:0.9em;
}



.articles_tag { 
	width:100%;
	padding:0;
    margin: 10px auto 0 auto;
    font-size: 1em;
}

.articles_tag_content {
	background-position:0 15px;
    overflow: hidden;
    padding: 10px 0 1% 0;
}
.articles_tag_content p {float:left;margin:2px 0 5px 5px;font-size:0.9em;}
.articles_tag_content p a {
	position:relative;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #202020;
	background: #f6f4f2;
	border-radius: 8em;
	padding: 3px 10px;
	border: 1px solid #777777;	
	/*display:table;padding: 5px 10px;background: #f4f4f4;color: #6e6e6e;text-decoration: none;transition: background 0.5s;border-radius: 0.4em;*/
}


.articles_tag_content p:hover a {color: #FFF;background: var(--cg_bleu_vert);border: 1px solid #FFF;transition: background 0.5s;}




/* 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:0 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: 1em;
	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_vert) 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:#999; 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 : 1400px) {	
	.grid-sizer, .grid-item { width: 33.333333% !important;}
}
@media screen and (max-width : 1200px) {	
	/*.liste_article_grid {display:grid;	grid-template-columns:repeat(3, 1fr);*/
}
@media screen and (max-width : 1000px) {	
	.grid-sizer, .grid-item { width: 50% !important;}
}
@media screen and (max-width : 959px) {	
	
}
@media screen and (max-width : 900px) {	
	/*.liste_article_grid {display:grid;	grid-template-columns:repeat(2, 1fr);*/
}
	
@media screen and (max-width : 800px) {	
	
	div#entete_liste {background:none;}
	div#entete_liste_top {overflow:hidden; width:100%; padding:15px 5px; background:#e8e9ea; border-radius:1em;}
	div#entete_liste_top .entete_liste_item {width:50%;max-width:290px;}
	.custom-dropdown__select {max-width: 280px;}
	div#entete_search {float:right;}
	div#entete_pagination {float:none; margin:10px auto;display:table;}
	
	
	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;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;}
	
	div#liste_article .grid-sizer, div#liste_article .grid-item {
		width: 50%;
	}
	
}
@media screen and (max-width : 650px) {
	div#entete_liste_top .entete_liste_item {float:none; width:100%; margin:5px auto;}
	
	.contenu_date {margin: -20px 0 0 10px;}
}
	
@media screen and (max-width : 600px) {	
	/*.liste_article_grid {display:grid;	grid-template-columns:repeat(1, 1fr);*/
	.grid-sizer, .grid-item { width: 100% !important;}
}
@media screen and (max-width : 480px) {
	div#liste_article .grid-sizer, div#liste_article .grid-item {
		width: 100%;
	}
}
@media screen and (max-width : 400px) {
	.fiche_tag p.fiche_tag_titre {width:100%;}
}