#menu_list li.menu-actu:before {transform: scaleX(1); }

/* PAGE COIN DES HUITRES */

.last_article {position:relative; width:100%; max-width:1000px; margin:40px auto; text-align:center;}
.last_article a, .liste_article_plus_resultat a { color:inherit; text-decoration:none;}
.last_article_nom {font-size:3em; line-height:1em; color:#000; 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_bleuclair); color:#FFF; font-size:1em; font-weight:bold;transition: background 0.5s;}
.last_article_link a:hover {background:var(--cg_bleu);transition: background 0.5s;}


.articles_filtre_cadre { position:relative; margin:0 auto 30px auto; overflow: hidden;}
.articles_filtre_item {
	position:relative;
	float:left;
}

.articles_filtre_item a {
	padding:6px 20px;
	border:1px solid #000;
	border-radius:3em;
	text-decoration:none;
	display:table;
	margin:10px;
	color:#000;
	text-transform:uppercase;
	background:#f6f4f2;
}

.articles_filtre_item a:hover {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;}


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;}
.titre_coinhuitre {font-size:1.8em;font-weight:700;}

.liste_article_grid {display:grid;	grid-template-columns:repeat(3, 1fr); border-left:1px solid #CCC;border-top:1px solid #CCC;}

.liste_article_grid.news_few_result {border-top:0;}

.liste_article_item {grid-column:span 1; padding:10px;/*border-top:1px solid #CCC;*/border-bottom:1px solid #CCC;border-right:1px solid #CCC;}
.news_few_result .liste_article_item {border-top:1px solid #CCC;}
.liste_article_item:hover { background:#f3f3f3;}

.news_keyword {margin:8px 0 0 0;color:var(--cg_bleuclair); text-transform: uppercase; font-weight: bold;}
.liste_article_item:hover .news_keyword {color:var(--cg_bleu);}

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





/* 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_bleuclair);}

.news_titre p {margin:0;}
.news_photo {
	margin: 0;
	width:100%;
	overflow:hidden;
}
.news_photo img {
	max-width:100%;border-radius:0.5em; 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.85em;
}



.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 0 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;*/
}


.tag_htag {color:var(--cg_bleuclair); font-weight: bold;font-size: 1.1em;}
.articles_tag_content p:hover a {color: #FFF;background: var(--cg_bleu);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 {display:none;/* ne souhaite pas afficher la recherche comme il y a la recherche générale */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: 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:#36b2c2 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_bleuclair); 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;}

div#atelier_session_content { position:relative; background:var(--cg_bleuclair); padding:25px 0; margin:0 auto;}
div#atelier_session_title {font-size:2em; color:var(--cg_bleu);margin:0 0 15px 0;}
div#atelier_session_sstitle {font-size:2.5em; line-height:1.1em; color:var(--cg_blanc);}
div#atelier_session_liste {position:relative; width:100%; margin:25px auto; color:#FFF;}
div#atelier_session_liste_entete {color:var(--cg_bleu);font-size:1.2em;font-weight:bold; padding:15px 0; border-bottom:1px solid var(--cg_bleu);}
.atelier_session_liste_ligne {font-size:1.1em;padding:15px 0; border-bottom:1px solid var(--cg_bleu);}
.atelier_session_liste_grid {display:grid;	grid-template-columns:repeat(8, 1fr);}
.atelier_session_liste_grid .item_date {grid-column:span 3;}
.atelier_session_liste_grid .item_lieu {grid-column:span 2;}
.atelier_session_liste_grid .item_dispo {grid-column:span 2;}
.dispo_title {display:none;}
.atelier_session_liste_grid .item_inscription {grid-column:span 1; text-align:right; font-size: 0.9em;}
.atelier_session_liste_grid .item_inscription a:hover {background:var(--cg_bleu);}
/*.atelier_session_liste_grid .item_inscription.item_complet {grid-column:span 3; text-align:right;}*/
div#atelier_session_liste a {border:1px solid var(--cg_blanc); border-radius:0.5em; padding:5px 10px;display:inline-block;color:#FFF;text-decoration:none;}
.atelier_session_liste_grid .item_inscription.item_complet {border:1px solid var(--cg_jaune); background:var(--cg_jaune); border-radius:0.5em; padding:5px 10px;display:inline-block;color:var(--cg_bleu);text-align:center; margin:-5px 0 0 0;}
.atelier_session_liste_grid .item_date, .atelier_session_liste_grid .item_lieu {padding:0 15px 0 0;}


/* FORM ATELIER */


div#email {position:relative; width:92%;max-width:1000px !important; display:table; padding:10px 0 0 0;margin:0 auto;}

.contactok {
	position:relative;
	width:98%;
	max-width:600px;
	margin:10px auto 30px auto;
	padding:20px;
	text-align:center;
	background:#c5faa8;
}
.contactok p {margin:5px auto;padding:0}

.contact_grille {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	margin:0 0 15px 0;
}
.contact_grille_6, .contact_grille_4, .contact_grille_3, .contact_grille_2, .contact_grille_1 {padding:0 15px;}
.contact_grille_6 {grid-column:span 6;}
.contact_grille_4 {grid-column:span 4;}
.contact_grille_3 {grid-column:span 3;}
.contact_grille_2 {grid-column:span 2;}
.contact_grille_1 {grid-column:span 1;}

.frm_title {position:relative; margin:25px auto; font-size:1.8em; line-height:1.1em;  font-weight:bold; color:var(--cg_bleuclair);max-width:1000px !important;}
.frm_sstitle {position:relative; margin:25px auto; font-size:1.4em; line-height:1.1em; font-weight:bold; color:var(--cg_bleu);max-width:1000px !important;}

.frm_ligne_sstitre {position:relative; text-align:left; grid-column:span 6; width:97%; padding:10px; background:var(--cg_jaune); margin:25px auto 0 auto; font-size:1.1em; line-height:1em; font-weight:bold; color:var(--cg_bleu);}

.champ_titre {margin:15px 0 5px 0;}

.champ_valeur input,
.champ_valeur select,
.champ_valeur textarea {width:calc(100% - 20px); border:none; background:#e3f3f8; color:#206374;padding:10px 10px; border-radius:0.5em;}

.champ_valeur.atelier_frm_objet select {background:var(--cg_bleu); color:#FFF;}

.champ_valeur select {width:100%;}
.champ_valeur select option {font-weight: bold; font-style:normal !important;}

.champ_valeur input::placeholder,
.champ_valeur textarea::placeholder{color:#a2a2a2;}

.frm_submit {margin:25px auto 0 auto;}

.frm_submit .bouton_envoyer {
	/* Rounded Corners */
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	width:100%;
	background:var(--cg_bleuclair) url(../img/public/picto_plus.png) 10px center no-repeat;
	transition: background 0.5s;
	font-size:1.1em;
	padding:20px 0;
	text-transform:uppercase;
	border:0px;
	color:#FFF;
	cursor:pointer;
}

.frm_submit .bouton_envoyer:hover {background:var(--cg_bleu) url(../img/public/picto_plus.png) 15px center no-repeat; transition: background 0.5s;}


.info_rgpd {position:relative; margin:30px auto 15px auto !important;font-size:0.8em;}



.erreur_info {
  background: none repeat scroll 0 0 #FFB4B4;
  border-bottom: 1px solid #CC0000;
  border-top: 1px solid #CC0000;
  font-size: 0.8em;
  color: #CC0000;
  padding: 10px 15px;
  margin: 10px auto;
}


/* PAGE VALIDATION DEMANDE INSCRIPTION */
div#frm_validation_logo {position:relative; margin:0 auto; width:90%; max-width:200px; text-align:center;}
div#frm_validation_logo img {
    width: auto;
    max-width: 100%;
}

p.msg_validation {position:relative; width:90%; max-width:600px; margin:25px auto; padding:25px; background:var(--cg_jaune); color:var(--cg_bleu); font-size:1.2em; text-align:center;}
.frm_cadre_validation {position:relative; width:90%; max-width:600px; margin:0 auto;}

.frm_cadre_validation input.bouton_submit {
	background: var(--cg_bleu);
	border: 1px solid #FFF;
	padding: 10px 20px;
	border-radius: 0.2em;
	color: #FFF;
	text-transform: uppercase;
	margin: 25px auto;
	cursor:pointer;
	font-weight:bold;
	width:100%;
	font-size:0.9em;
}
.frm_cadre_validation input.bouton_submit:hover {
	background: #000;
}

.frm_validation_error {position:relative;float:none;overflow:hidden;width:90%; max-width:600px;border:1px solid #CC0000;background:#ffb4b4;padding:5px 0;margin:0 auto 15px auto;}
.frm_validation_error p.erreur {color:#CC0000;padding:2px 0 2px 30px;text-align:left;background:url(../img/administration/frm_error.png) center left no-repeat;width:calc(98% - 30px);margin:0 1%;}

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

@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) {	
	
	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 15px;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;}
	
	
	
	
	.contact_grille_2 {grid-column:span 3;}
	.contact_grille_1 {grid-column:span 3;}
	
}
@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%;
	}
	
	div#atelier_session_liste_entete {display:none;}
	.atelier_session_liste_grid .item_date {grid-column:span 6;}
	.atelier_session_liste_grid .item_lieu {grid-column:span 6;}
	.atelier_session_liste_grid .item_dispo,
	.atelier_session_liste_grid .item_inscription {grid-column:span 6; text-align:left;padding:10px 0 0 0;}
	.dispo_title {display:inline;}
	
}
@media screen and (max-width : 650px) {
	
	.contenu_date {margin: -20px 0 0 10px;}
}
	
@media screen and (max-width : 600px) {	
	.liste_article_grid {display:grid;	grid-template-columns:repeat(1, 1fr);}
	div#atelier_session_title {font-size:1.5em;}
	div#atelier_session_sstitle {font-size:2em;}
}
@media screen and (max-width : 480px) {
	div#liste_article .grid-sizer, div#liste_article .grid-item {
		width: 100%;
	}
	
	
	
	.contact_grille_3 {grid-column:span 6;}	
	.contact_grille_2 {grid-column:span 6;}
	.contact_grille_1 {grid-column:span 6;}
	
	.frm_submit .bouton_envoyer {margin:25px auto 0 auto;}
	
}
@media screen and (max-width : 400px) {
	.fiche_tag p.fiche_tag_titre {width:100%;}
}