/**********************************************************************************************************************************/
/************************************************* DECLINAISONS COULEURS **********************************************************/
/**********************************************************************************************************************************/

	/***********************************************************************/
	/****************************** metz_2021 ***********************************/
	/***********************************************************************/
	/*
		COULEUR PRINCIPALE > bleu
			tres clair > exemple : fond du bloc A la une
				.color_primary_light = #e6effe
			clair > exemple : fond du bloc Le saviez-vous
				.color_primary_medium = #007db2
			fonce > exemple : textes en bleu, filtres sur les images, boutons filtres du bloc A la une ///// COULEUR REPRISE POUR TEXTE EN COULEUR
				.color_primary_dark = #164194
			tres fonce > exemple : fond du bloc Footer
				.color_primary_dark_night = #164194


		COULEUR SECONDAIRE > jaune
			clair > exemple : fond du bouton "Afficher map / grid"
				.color_secondary_light = #e29e29
			fonce > exemple : contour et texte du btn select du bloc À votre service
				.color_secondary_dark = #ae650c


		NUANCES BLANC / GRIS NOIR
			blanc
				.hue_light = #ffffff

			gris clair > exemple : fond du bloc Contenu principal
				.hue_medium = #f0f0f0

			gris fonce > exemple : fond du bloc Pour aller plus loin
				.hue_dark = #e0e0e0

			noir
				.hue_dark_night = #000000
	*/

/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************* RESET **********************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

	/********************************************************************************/
	/****************************** Normalisation ***********************************/
	/********************************************************************************/

		/* Init foundation */
		body {background:#ffffff; color:#000000;}
		a, main a {color:#000000;}
		a:hover, main a:hover, a:focus, main a:focus {color:#164194}

	/* EFFET SELECTION TXT */
		::selection {background:#164194; color:#e6effe;}
		::-moz-selection {background:#164194; color:#e6effe;}


/********************************************************************************/
/************************************ Loader ************************************/
/********************************************************************************/

	.reveal-overlay.load-popin .sk-circle .sk-child::before {background-color:#ffffff;}

	#second_display #loader_filters {background:rgba(0,0,0,0.6);}
	#second_display #loader_filters .sk-circle .sk-child::before {background-color:#ffffff;}

	.sk-circle.qual .sk-child::before {background-color:#ffffff;}
	.sk-circle .sk-child::before {background-color:#164194;}

	.cs-loader {background:rgba(22,65,148,0.8);}
	.cs-loader-inner {color:#ffffff;}
	.cs-loader-inner label {color:#ffffff;}

	@-webkit-keyframes load7 {
		0% {box-shadow:0 2em 0 -1.3em #164194;}
		65% {box-shadow:0 2.5em 0 0 #164194;}
		100% {box-shadow:0 2em 0 -1.3em #164194;}
	}
	@keyframes load7 {
		0% {box-shadow:0 2em 0 -1.3em #164194;}
		65% {box-shadow:0 2.5em 0 0 #164194;}
		100% {box-shadow:0 2em 0 -1.3em #164194;}
	}


/********************************************************************************/
/************************************ Typo 3 ************************************/
/********************************************************************************/

	/* default styles for extension "tx_cssstyledcontent" */

		/* Border just around the image */
			div.csc-textpic-border div.csc-textpic-imagewrap img {border:2px solid #2a3032;}

	/* Table */
		.contenttable thead th {border-bottom:2px solid #dadada;}
		.contenttable th, .contenttable td {border-top:1px solid #dadada;}
		.contenttable-striped tbody tr:nth-of-type(odd) {background-color:rgba(0,0,0,.05);}
		.contenttable-bordered th, .contenttable-bordered td {border:1px solid #dadada;}

	/* Frame */
		.csc-frame-ruler-before::before {border-top:1px solid rgba(0,0,0,0.25);}
		.csc-frame-ruler-after::after {border-bottom:1px solid rgba(0,0,0,0.25);}

	/* default styles for extension "tx_frontend" */
		.ce-border iframe {border:2px solid #2a3032;}

	/* Table */
		.ce-table thead th {border-bottom:2px solid #dadada;}
		.ce-table th, .ce-table td {border-top:1px solid #dadada;}
		.ce-table-striped tbody tr:nth-of-type(odd) {background-color:rgba(0,0,0,.05);}
		.ce-table-bordered th, .ce-table-bordered td {border:1px solid #dadada;}

	/* Frame */
		.frame-ruler-before::before {border-top:1px solid rgba(0,0,0,0.25);}
		.frame-ruler-after::after {border-bottom:1px solid rgba(0,0,0,0.25);}


/********************************************************************************/
/******************************* Formulaires ************************************/
/********************************************************************************/

	/* legend */
		legend {color:#164194; /*color:#ffffff;*/}
		.reveal legend, #moteur_collecte legend {/*color:#164194;*/ color:#ffffff;}

	/* labels */
		label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, .label {color:#164194; /*color:#ffffff;*/}
		.reveal label, .reveal .input-group-label, .reveal .powermail_label.powermail_radio_legend, .reveal .powermail_label, .reveal .label {/*color:#164194;*/ color:#ffffff;}
		#moteur_collecte label, #moteur_collecte .input-group-label, #moteur_collecte .powermail_label.powermail_radio_legend, #moteur_collecte .powermail_label, #moteur_collecte .label {/*color:#164194;*/ color:#ffffff;}

	/* champs */
		input, select, textarea, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'] {color:#666666; /*color:#ffffff;*/ background-color:#ffffff; /*background-color:transparent;*/}
		.reveal input, .reveal select, .reveal textarea, .reveal [type='text'], .reveal [type='password'], .reveal [type='date'], .reveal [type='datetime'], .reveal [type='datetime-local'], .reveal [type='month'], .reveal [type='week'], .reveal [type='email'], .reveal [type='number'], .reveal [type='search'], .reveal [type='tel'], .reveal [type='time'], .reveal [type='url'], .reveal [type='color'],
		#moteur_collecte input, #moteur_collecte select, #moteur_collecte textarea, #moteur_collecte [type='text'], #moteur_collecte [type='password'], #moteur_collecte [type='date'], #moteur_collecte [type='datetime'], #moteur_collecte [type='datetime-local'], #moteur_collecte [type='month'], #moteur_collecte [type='week'], #moteur_collecte [type='email'], #moteur_collecte [type='number'], #moteur_collecte [type='search'], #moteur_collecte [type='tel'], #moteur_collecte [type='time'], #moteur_collecte [type='url'], #moteur_collecte [type='color'] {/*color:#666666;*/ color:#ffffff; /*background-color:#ffffff;*/ background-color:transparent; border:1px solid #ffffff;}

		input::-webkit-input-placeholder {color:#666666; /*color:#ffffff;*/}
		input::-moz-placeholder {color:#666666; /*color:#ffffff;*/}
		input:-moz-placeholder {color:#666666; /*color:#ffffff;*/}
		input:-ms-input-placeholder {color:#666666; /*color:#ffffff;*/}
		input[placeholder] {color:#666666; /*color:#ffffff;*/}

		.reveal input::-webkit-input-placeholder, #moteur_collecte input::-webkit-input-placeholder {/*color:#666666;*/ color:#ffffff;}
		.reveal input::-moz-placeholder, #moteur_collecte input::-moz-placeholder {/*color:#666666;*/ color:#ffffff;}
		.reveal input:-moz-placeholder, #moteur_collecte input:-moz-placeholder {/*color:#666666;*/ color:#ffffff;}
		.reveal input:-ms-input-placeholder, #moteur_collecte input:-ms-input-placeholder {/*color:#666666;*/ color:#ffffff;}
		.reveal input[placeholder], #moteur_collecte input[placeholder] {/*color:#666666;*/ color:#ffffff;}

		textarea:focus, select:focus, [type='file']:focus, [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus {background-color:#ffffff; border-color:#164194;}
		.reveal textarea:focus, .reveal select:focus, .reveal [type='file']:focus, .reveal [type='text']:focus, .reveal [type='password']:focus, .reveal [type='date']:focus, .reveal [type='datetime']:focus, .reveal [type='datetime-local']:focus, .reveal [type='month']:focus, .reveal [type='week']:focus, .reveal [type='email']:focus, .reveal [type='number']:focus, .reveal [type='search']:focus, .reveal [type='tel']:focus, .reveal [type='time']:focus, .reveal [type='url']:focus, .reveal [type='color']:focus,
		#moteur_collecte textarea:focus, #moteur_collecte select:focus, #moteur_collecte [type='file']:focus, #moteur_collecte [type='text']:focus, #moteur_collecte [type='password']:focus, #moteur_collecte [type='date']:focus, #moteur_collecte [type='datetime']:focus, #moteur_collecte [type='datetime-local']:focus, #moteur_collecte [type='month']:focus, #moteur_collecte [type='week']:focus, #moteur_collecte [type='email']:focus, #moteur_collecte [type='number']:focus, #moteur_collecte [type='search']:focus, #moteur_collecte [type='tel']:focus, #moteur_collecte [type='time']:focus, #moteur_collecte [type='url']:focus, #moteur_collecte [type='color']:focus {background-color:transparent; border-color:#e29e29;}

		select {background:#ffffff url(../img/metz/bg_select.png) no-repeat 97% center;}
		.reveal select,
		#moteur_collecte select {background-color:transparent;}

	/* checkbox / radio */

	/* range */
		.slider-fill {background:#164194;}
		.slider-handle {background-color:#ffffff; border:2px solid #164194;}
		.slider-handle input {background-color:transparent !important;}
		.slider-handle:hover {background-color:#164194;}

	/* submit */
		input[type="submit"], input[type="button"], .powermail_confirmation input[type="submit"] {color:#164194 !important; border:1px solid #e6effe !important; background:#ffffff !important;}
		input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {background:#e6effe !important; color:#164194 !important;}

	/* champs obligatoires */
		.mandatory, .femanager_new .control-label span {color:#ae650c;}

	/* champs desactives */
		input[type="submit"][disabled] {background:#cacaca !important;}
		input[type="text"][disabled] {background:#cacaca !important;}
		.input-group-label, .input-group-label > :first-child {background-color:#efefef;}


/********************************************************************************/
/******************************* date picker ************************************/
/********************************************************************************/

	body .datepicker td span.active, body .datepicker td.active.day, body .datepicker td.active.year {color:#ffffff;}
	body .datepicker td span.active, body .datepicker td.active.day, body .datepicker td.active.year {background:#ae650c;}


/********************************************************************************/
/**************************** Classes generiques ********************************/
/********************************************************************************/

	.shadow {box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2);}
	.shadow_inset {-moz-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1);}
	.grey_border {border:1px solid #efefef;}
	.overlay {background:rgba(0,0,0,0.5);}


/********************************************************************************/
/******************************* Slick slider ***********************************/
/********************************************************************************/

	.slick-slider .slick-dots li button {background:#ffffff; border:2px solid #164194;}
	.slick-slider .slick-dots li.slick-active button, .slick-slider .slick-dots li button:hover, .slick-slider .slick-dots li button:focus {background:#164194;}
	.slick-slider .slick-dots li button {background:#ffffff;}


/********************************************************************************/
/****************** Boutons, boutons liens, boutons close ***********************/
/********************************************************************************/

	/*** Liens ***/
		/* Bouton LIEN basique */
			.btn_lien a, #content_page .btn_lien a, #content_page_popin .btn_lien a {color:#ffffff; background:transparent url(../img/metz/arrow_next_btn_lien.png) no-repeat 0 center;}

		/* Bouton ALL */
			.btn_all a, #content_page .btn_all a, #content_page_popin .btn_all a {color:#164194; border:1px solid #164194; background-color:transparent;}
			.btn_all a::before, .btn_all a::after, .btn_all a span::before, .btn_all a span::after {background-color:#164194;}

			.color_primary_dark_night .btn_all a {color:#ffffff; border:1px solid #ffffff !important;}
			.color_primary_dark_night .btn_all a::before, .color_primary_dark_night .btn_all a::after, .color_primary_dark_night .btn_all a span::before, .color_primary_dark_night .btn_all a span::after {background-color:#ffffff;}

			.btn_all a:hover, #content_page .btn_all a:hover, #content_page_popin .btn_all a:hover,
			.btn_all a:focus, #content_page .btn_all a:focus, #content_page_popin .btn_all a:focus {border-color:transparent;}

			.color_primary_dark_night .btn_all a:hover, .color_primary_dark_night .btn_all a:focus {border-color:transparent !important;}

		/* Bouton TXT // texte sans lien :le P est dans le A */
			p.btn_txt span {color:#ffffff;}

		/*** Bouton RETOUR ***/
			.btn_back a, #content_page .btn_back a, #content_page_popin .btn_back a, button.btn_back {color:#164194; border:1px solid #164194; background-image:url(../img/metz/arrow_prev_btn_all.png); background-color:transparent;}
			p.btn_back a:hover, .btn_lien a:focus, #content_page p.btn_back a:hover, #content_page p.btn_back a:focus, #content_page_popin p.btn_back a:hover, #content_page_popin p.btn_back a:focus, button.btn_back:hover, button.btn_back:focus, button.btn_back.is-active {background-color:#e6effe; color:#164194;}

		/* BUTTON */
			.button {color:#164194; border:1px solid #164194; background-color:#ffffff;}
			.button:hover, .button:focus, .button.is-active {color:#ffffff; background-color:#164194;}

	/*** Boutons close ***/
		/* Btn close / version petite croix */
			.btn_close {color:#164194; background:transparent;}
			/* etat hover - focus */
			.btn_close:hover, .btn_close:focus {background-color:transparent; color:#e6effe;}

		/* Close button Foundation */
			.close-button {color:#164194; background:transparent;}
			/* etat hover - focus */
			.close-button:hover, .close-button:focus {background-color:transparent; color:#e6effe;}

		/* Close button Foundation popin */
			.reveal .close-button {background-color:#164194; color:#ffffff;}
			/* etat hover - focus */
			.reveal .close-button:hover, .reveal .close-button:focus {background-color:#164194; color:#ffdd00;}

			/* Popin not full */
			.reveal:not(.full) .close-button {top:0; right:0;}

		/* Close button Foundation popin fullscreen */
			.reveal.full .close-button, .search_area_cont.is_search .close-button {color:#ffffff; background-color:transparent;}
			/* etat hover - focus */
			.reveal.full .close-button:hover, .reveal.full .close-button:focus,
			.search_area_cont.is_search .close-button:hover, .search_area_cont.is_search .close-button:focus {color:#ffdd00; background-color:transparent;}

		/* Close button advanced = "FERMER + croix" ou "TEXTE + croix" */
			.reveal .close-advanced {background-color:#000000;}
			.close-advanced .title {color:#164194;}
			.close-advanced .title::after {background:#164194;}
			.close-advanced .inner {color:#164194; background-color:transparent;}
			/* etat hover - focus */
			.reveal .close-advanced:hover, .reveal .close-advanced:focus {background-color:#164194;}


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************* LAYOUT *********************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

/****************************************************************************************/
/******************************** Structure generale ************************************/
/****************************************************************************************/

	/* fix */
	.off-canvas {background:#e6e6e6;}

	#offCanvasLeft {background:#ffffff;}

	/*btn close menu smart*/
		#btn_close_menu_smart {background:#164194;}
		#btn_close_menu_smart span {color:#ffffff;}

	.off-canvas-content, .off-canvas-content {background:#ffffff;}
	.off-canvas-wrapper-inner {background:#ffffff;}
	.js-off-canvas-exit, .js-off-canvas-overlay {background:rgba(0,0,0,0.5);}
	#main {background:#ffffff;}


/****************************************************************************************/
/************************************** Cookies *****************************************/
/****************************************************************************************/

	#cookie_msg.callout {background:#164194;}
	#cookie_msg.callout::after {background-color:rgba(230,239,254,0.4);}
	#cookie_msg.callout p {color:#ffffff;}
	#cookie_msg.callout a {border-bottom:1px solid #ffffff;}
	#cookie_msg.callout .close-button {color:#ffffff;}
	#cookie_msg.callout a:hover, #cookie_msg.callout a:focus, #cookie_msg.callout .close-button:hover, #cookie_msg.callout .close-button:focus {color:rgba(255,255,255,0.6);}


/****************************************************************************************/
/************************************** Header ******************************************/
/****************************************************************************************/

	/* Sticky */
		#header #data-sticky-header {background:#ffffff;}
		#data-sticky-header::after {background-color:#e0e0e0;}

	/* Liens d'evitement */
		#accessi ul li a, #accessi ul li button {color:#ffffff; background:#164194;}

	/* Logo */

	/* Burger button */
		.hamburger {background:transparent;}
		.hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before {background-color:#164194;}

		/*actif*/
		.hamburger--spring .menu_title {color:#ffffff;}
		.hamburger--spring.is-active .hamburger-inner {background-color:transparent;}

		/*hover*/
		.hamburger--spring.is-active:hover .hamburger-inner, .hamburger--spring.is-active:focus .hamburger-inner {background-color:transparent;}

		/*BURGER OPEN MENU SMART*/

	/* MENU PRINCIPAL */

	/* BTN / LIEN PICTO */
		#header .container_btn_menu::after {background:#164194;}

		/* infobulle */
		#header .btn_menu .txt_btn_menu {color:#164194; background:#e6effe;}
		#header .btn_menu .txt_btn_menu::before {border-color:#e6effe transparent;}

		/* Pictos */
			/* Search button */
				#btn_search {background-image:url(../img/metz/picto_loupe.png);}
			/* Carte interactive */
				#carto_link	.btn_menu {background-image:url(../img/metz/picto_carte.png);}
			/* Carte interactive */
				#profil_link .btn_menu {background-image:url(../img/metz/picto_profil.png);}

	/* TOOLS HEADER */
		#trad::after, #tools_header #meteo_date::after {background:#ffffff;}
		#tools_header p, #tools_header button, #tools_header #meteo p, #tools_header li {color:#ffffff;}

		/* Langues */
			#trad button:before {background:url(../img/metz/picto_traduire.png) no-repeat right center;}
			#bloc_langues ul {background-color:#164194;}
			#bloc_langues ul li a:hover, #bloc_langues ul li a:focus {background-color:rgba(0,0,0,0.2);}

		/* Meteo */

/****************************************************************************************/
/************************************** Popins ******************************************/
/****************************************************************************************/

	/* Style generique */
		.reveal {background-color:#ffffff;}
		/* titre */
			.reveal .titre_bloc, .titre_popin .titre_bloc {color:#164194;}

	/* Popin full */
		.reveal.full {background:#164194;}
		.reveal.full::before, #bandeau_page .search_area_cont.is_search::before {background:url(../img/metz/bg_titre_bloc_light.png) no-repeat center center; background-size:contain;}
		.reveal.full::after, #bandeau_page .search_area_cont.is_search::after {background-color:#ffffff;}
		/* titre */
			.reveal.full .titre_bloc, .search_area_cont .titre_popin .titre_bloc {color:#ffffff;}

	/* Popin detail */
		#popin_detail {background-color:#f0f0f0;}

	/* Popup vidéo Popin not full */
		#popup .titre_popin {position:static;}
		#popup iframe, #popup img {margin-bottom:2.5rem;}


/****************************************************************************************/
/******************************* POPIN MENU PRINCIPAL ***********************************/
/****************************************************************************************/

	/*** MENU PRINCIPAL PC ***/
		/* BTN CLOSE HORIZONTAL MENU */
			#btn_close_horizontal_menu.close-button {color:#ffffff;}
			#btn_close_horizontal_menu.close-button:hover, #btn_close_horizontal_menu.close-button:focus {color:#ffdd00;}

		/* LEVEL 1*/
			#menu_principal > ul > li > a {color:#164194;}
			/* line sous item level 1 */
				#menu_principal > ul > li > a::after {background-color:#ffdd00;}

		/* LEVEL 2*/
			/* bg sous menu */
				#menu_principal li ul.sous_menu, #menu_principal li ul.sous_menu::before, #menu_principal li ul.sous_menu::after {background:#164194;}
			/* item level 2 */
				#menu_principal ul li li.level2 > a {color:#ffffff;}
			/* image rubrique level 2 */
				#menu_principal ul li li.level2 .img-menu {background:#000000;}

		/* LEVEL 3 */
			#menu_principal ul li ul li li.level3 > a {color:#ffffff; background-image:url(../img/metz/level3_arrow.png); background-color:transparent;}
			#menu_principal ul li ul li li.level3 > a:hover, #menu_principal ul li ul li li.level3 > a:focus {color:rgba(255,255,255,0.6);}

		/* GESTION PAGE ACTIVE */
			#menu_principal > ul.menu li ul li ul li.active a {background:#e6effe;}

		/* OVERLAY MENU */
			#overlay_menu {background:#164194;}


/****************************************************************************************/
/********************************** Bandeau image ***************************************/
/****************************************************************************************/

	/* Version avec hauteur dynamique + 2colonnes + go to next strat */
		#bandeau_page, #bandeau_page_popin {background-color:transparent;}

		/**/ #page #bandeau_page.bandeau_page_elu .img, #bandeau_page_popin.bandeau_page_elu .img {background-color:#164194;}

		/* HOME FILIGRANE SUR BANDEAU IMAGE */
		/*	#home #bandeau_page #logo_filigrane {background:url(../img/metz/filigrane_bandeau_image_home.png) no-repeat center center; background-size:auto 100%;}*/
			#home #bandeau_page #logo_filigrane::before {background:url(../img/metz/filigrane_bandeau_image_home.png) no-repeat center center; background-size:auto 100%;}

			/*DECLINAISON FILIGRANE CENTRE + NOM COMMUNE*/
				#home #bandeau_page #logo_filigrane.center p {color:#ffffff;}

		/* GO TO NEXT STRAT */
			#go_to_next p, #go_to_next p a {background:url(../img/metz/got_to_next_strate.png) no-repeat center center;}


/****************************************************************************************/
/*************************************** Footer *****************************************/
/****************************************************************************************/

	#footer {color:#ffffff;}
	#footer a:before {background:#ffdd00;}

	/* #33124 Logo FEDER */
		#logo_feder {background:rgba(255,255,255,0.05); border-top-color:transparent;}


/****************************************************************************************/
/************************************ Fil d'ariane **************************************/
/****************************************************************************************/

	#fil_ariane .breadcrumbs li {background:url(../img/metz/sep_ariane.png) no-repeat left center; color:#ffffff;}
	#fil_ariane .breadcrumbs li a {border-bottom:1px solid transparent;}
	#fil_ariane .breadcrumbs li a:hover, #fil_ariane .breadcrumbs li a:focus {border-bottom:1px solid #ffffff;}


/****************************************************************************************/
/******************************* Share / Bloc note / MAJ ********************************/
/***************************************************************************************/

	/* Version avec btn PRINT / btn Partager / btn Tweeter */
		#social_share #print, #social_share_popin #print_popin {background:#ffffff url(../img/metz/picto_print.png) center center no-repeat;}
		#social_share .share_btn, #social_share_popin .share_btn {background:#ffffff url(../img/metz/picto_share.png) center center no-repeat;}


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************ TEMPLATES *******************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

/********************************************************************************/
/************************************* HOME *************************************/
/********************************************************************************/

	/*** ANCHORS ***/
		#anchors li a:before {background:#e6effe; background:rgba(221, 221, 221, 0.3); box-shadow:0 0 0 1px #dddddd;}
		#anchors li a:after {background:#f0f0f0; box-shadow:0 0 0 2px #164194;}
		#anchors li a span {background:#f0f0f0; color:#164194;}
		#anchors li a span:before {border-color:transparent #f0f0f0;}

	/*** BLOCS HOME ***/
		/* COULEURS */
			/* couleur principale (metz_2021 = bleu) */
				.color_primary_light {background-color:#e6effe;}
				.color_primary_medium {background-color:#007db2;}
				.color_primary_dark {background-color:#164194;} /* <=====> COULEUR PRINCIPALE <=====> */
				.color_primary_dark_night {background-color:#164194;}

			/* couleur secondaire (metz_2021 = jaune) */
				.color_secondary_light {background-color:#e29e29;}
				.color_secondary_dark {background-color:#ae650c;}

			/* blanc */
				.hue_light {background-color:#ffffff;}

			/* gris */
				.hue_medium {background-color:#f0f0f0;}
				.hue_dark {background-color:#e0e0e0;}

			/* noir */
				.hue_dark_night {background-color:#000000;}

		/* bg couleurs */
			.color_primary_light .bg_color, .color_primary_light .space_mounetaine, .color_primary_light .img {background-color:#e6effe;}
			.color_primary_medium .bg_color, .color_primary_medium .space_mounetaine, .color_primary_medium .img {background-color:#007db2;}
			.color_primary_dark .bg_color, .color_primary_dark .space_mounetaine, .color_primary_dark .img {background-color:#164194;}
			.color_primary_dark_night .bg_color, .color_primary_dark_night .space_mounetaine, .color_primary_dark_night .img {background-color:#164194;}
			.color_secondary_light .bg_color, .color_secondary_light .space_mounetaine, .color_secondary_light .img {background-color:#e29e29;}
			.color_secondary_dark .bg_color, .color_secondary_dark .space_mounetaine, .color_secondary_dark .img {background-color:#ae650c;}
			.hue_light .bg_color, .hue_light .space_mounetaine, .hue_light .img {background-color:#ffffff;}
			.hue_medium .bg_color, .hue_medium .space_mounetaine, .hue_medium .img {background-color:#f7f7f7;}
			.hue_dark .bg_color, .hue_dark .space_mounetaine, .hue_dark .img {background-color:#f0f0f0;}
			.hue_dark_night .bg_color, .hue_dark_night .space_mounetaine, .hue_dark_night .img {background-color:#000000;}

		/* titre */
			.bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {color:#164194;}
			.bloc_home .titre_bloc .bloc_home_title {background-image:url(../img/metz/bg_titre_bloc_dark.png);}
			.bloc_home .titre_bloc .bloc_home_title::before {background:#164194;}

			/* cas particuliers */
				/* fond bleu fonce = texte + bg titre blanc */
					.bloc_home.color_primary_dark_night {color:#ffffff;}
					.color_primary_dark_night .titre_bloc .bloc_home_title {background-image:url(../img/metz/bg_titre_bloc_light.png); color:#ffffff;}
					.color_primary_dark_night .titre_bloc .bloc_home_title::before {background:#ffffff;}
				/* strate carte dans page edito = bg titre avec opacite - a travailler */
					#bloc_info_utile .titre_bloc .bloc_home_title, #content_page #bloc_info_utile .titre_bloc .bloc_home_title, #content_page_popin #bloc_info_utile .titre_bloc .bloc_home_title {background-image:url(../img/metz/bg_titre_bloc_dark_fond.png);}
					#bloc_info_utile .titre_bloc::after {background-color:rgba(255,255,255,0.5); background:-moz-linear-gradient(top, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 );}

	/*** ZONE MOTEUR MORPHING ***/
		#bandeau_page .search_area_cont.is_search {background:#164194;}
		#popin_recherche .wrap_popin.is_search {background:transparent;}

		.is_search #zone_recherche input[type="text"], #popin_recherche #zone_recherche input[type="text"] {border-color:#ffffff; background:none;}

		#suggestions .titre_suggestions {color:#ffffff;}
		#suggestions li a {border-bottom:1px solid #ffffff; color:#ffffff; width:100%;}
		#suggestions .btn_lien a {background-color:transparent !important;}
		#suggestions .btn_lien a:hover, #suggestions .btn_lien a:focus {color:#ffffff !important;}

		/* ZONE MOTEUR */
			#zone_recherche input[type="text"] {border:1px solid transparent; background:rgba(22,65,148,0.9);}
			.color_placeholder::-webkit-input-placeholder {color:#ffffff !important;}
			.color_placeholder::-webkit-input-placeholder {color:#ffffff !important;}
			.color_placeholder::-moz-placeholder {color:#ffffff !important;}
			.color_placeholder:-moz-placeholder {color:#ffffff !important;}
			.color_placeholder:-ms-input-placeholder {color:#ffffff !important;}
			.color_placeholder[placeholder], #zone_moteur #zone_recherche input[type="text"] {opacity:1 !important; color:#ffffff !important;}
			#zone_recherche button {background-image:url(../img/metz/picto_micro.png);}
			#zone_recherche .noVocalRecognition {background-image:url(../img/metz/picto_micro.png);}

		/* vocalRecognitionOn */
			#zone_recherche button.vocalRecognitionOn::before, #zone_recherche button.vocalRecognitionOn::after {box-shadow:0 0 0 1px #164194;}

		/*** TAG ***/
			#tags li a {color:#164194; background:#ffffff; border-color:rgba(15,50,106,0.3);}
			#tags li.act a, #tags li a:hover, #tags li a:focus {background:rgba(255,255,255,0.8);}

	/* Acces rapides */
		/*#acces_filtres*/ .btn_select {color:#ae650c; border-color:#ae650c; background-image:url(../img/metz/bg_btn_select.png);}
		/*#acces_filtres*/ .btn_select:hover, /*#acces_filtres*/ .btn_select:focus {background-color:#ae650c; color:#ffffff; background-image:url(../img/metz/bg_btn_select_white.png);}
		/*#acces_filtres*/ .dropdown-pane ul {background:#ffffff;}
		/*#acces_filtres*/ .dropdown-pane ul li a, .dropdown-pane ul li button {color:#000000;}
		/*#acces_filtres*/ .dropdown-pane ul li:not(:last-of-type) {border-bottom:1px solid #e0e0e0;}
		/*#acces_filtres*/ .dropdown-pane ul li a:hover, /*#acces_filtres*/ .dropdown-pane ul li a:focus,
		.dropdown-pane ul li a:hover, .dropdown-pane ul li a:focus {background:#f0f0f0; color:#ae650c;}
		#acces_rapides li a .img::before {background:#e6effe;}
		#acces_rapides li a .txt, #acces_rapides li a .info_doc {color:#164194;}
		#acces_rapides li a .info_doc span:not(:last-child):after {background:#164194;}
		#acces_rapides li a:hover .img::before, #acces_rapides li a:focus .img::before{background:#164194;}

	/*** A LA UNE - Slider ***/
		/* on laisse voir les items next / prev en opacite sans permettre d'interagir avec */
			#agenda .list_item[aria-hidden="true"]::before {background:#e6effe;}
			#agenda .list_item[aria-hidden="true"]:hover .txt {background:#ffffff;}
			#agenda .list_item[aria-hidden="true"]:hover .titre {color:#164194;}

		/* Init tabs */
			#agenda .tabs-title > a[aria-selected='false'] {background-color:#ffffff; color:#164194; border-color:#164194;}
			#agenda .tabs-title > a:hover[aria-selected='false'], #agenda .tabs-title > a:focus, #agenda .tabs-title > a[aria-selected='true'] {background:#164194; color:#ffffff;}

		/* Skin slick */
			/* arrow next / prev */
				/* arrow next / prev pour A la une */
					#agenda .slick-arrow {background-color:#ffffff;}
					.slick-arrow.slick-prev::before {content:url(../img/metz/arrow_prev_alaune.png);}
					.slick-arrow.slick-next::before {content:url(../img/metz/arrow_next_alaune.png);}
				/* arrow next / prev pour diaporamas image */
					.diaporama_images .slick-arrow.slick-prev::before {content:url(../img/metz/arrow_slick_prev.png);}
					.diaporama_images .slick-arrow.slick-next::before {content:url(../img/metz/arrow_slick_next.png);}

	/*** ZOOM SUR ***/
		#zoom_sur .img:after {background:linear-gradient(to bottom, #164194, transparent);}

	/*** TERRITOIRE ***/
		/* Map */
		.cls-1 {fill:#ffffff; stroke:#1a395e;}
		.cls-1:hover > *, .cls-1:focus > *, #metz_metropole_map a.hover * {fill:#ffdd00;}
		#metz_metropole_infos p {background-image:url(../img/metz/bg_infos_territoire.png); color:#164194;}
		#map_list ul li a:hover, #map_list ul li a:focus,
		#map_list ul li a:hover, #map_list ul li a:focus {background:#f0f0f0; color:#ae650c;}

/********************************************************************************/
/*********************************** PAGE TYPE **********************************/
/********************************************************************************/

	/*** TITRE PAGE ***/
		#page h1, #popin_detail #titre_page_popin p {color:#ffffff;}

		#page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {color:#0f326a;}

	/*** PARAM TXT ***/
		#content_page h2, #content_page_popin h2,
		#content_page h2 a,	#content_page_popin h2 a,
		#content_page h3, #content_page_popin h3,
		#content_page h3 a, #content_page_popin h3 a,
		#content_page h4, #content_page_popin h4,
		#content_page h4 a, #content_page_popin h4 a {color:#164194;}

	/*SKIN PARAGRAPHE*/

	/*SKIN LIEN*/
		#content_page a, #content_page_popin a {border-bottom:2px solid #ae650c;}
		#content_page a:hover, #content_page a:focus, #content_page_popin a:hover, #content_page_popin a:focus {color:#ae650c;}

	/*SKIN LIENS EXTERNE*/
		a[href^="http://"]:not([href*="www.eurometropolemetz.eu"])::after,
		a[href^="https://"]:not([href*="www.eurometropolemetz.eu"])::after {content:url(../img/metz/arrow_external_link_color.png);}

		.bloc_col a[href^="http://"]:not([href*="www.eurometropolemetz.eu"])::after,
		.bloc_col a[href^="https://"]:not([href*="www.eurometropolemetz.eu"])::after {content:url(../img/metz/arrow_external_link_white.png);}

		a[href^="http://"]:not([href*="www.eurometropolemetz.eu"])::after,
		a[href^="https://"]:not([href*="www.eurometropolemetz.eu"])::after {padding:0 8px;}

		/*a[href^="http://"]:not([href*="www.eurometropolemetz.eu"]):hover::after,
		a[href^="https://"]:not([href*="www.eurometropolemetz.eu"]):focus::after {opacity:0.7;}*/

		a[href^="http://"]:not([href*="www.eurometropolemetz.eu"]),
		a[href^="https://"]:not([href*="www.eurometropolemetz.eu"]) {display:inline-block;}

		.bloc_col a[href^="http://"]:not([href*="www.eurometropolemetz.eu"]),
		.bloc_col a[href^="https://"]:not([href*="www.eurometropolemetz.eu"]) {display:inline-block;}

	/*SKIN LEGENDE LIEN IMG*/

		/* skin diaporama */
			#content_page figcaption.csc-textpic-caption, #content_page_popin figcaption.csc-textpic-caption,
			#content_page p.figcaption, #content_page_popin p.figcaption,
			#content_page .bloc_video .description p, #content_page_popin .bloc_video .description p {color:#ffffff; background:rgba(0,0,0,0.75);}

		/* skins specifique image seule */
			#content_page .csc-textpic figcaption,
			#content_page_popin .csc-textpic figcaption {color:#000000; background:transparent;}

		/* btn telecharger image */
			#content_page p.btn_download_pic a,
			#content_page_popin p.btn_download_pic a,
			.popin.reveal p.btn_download_pic a {background:#ffffff;}

	/*SKIN LIST*/
		#content_page ul li, #content_page ol li, #content_page_popin ul li, #content_page_popin ol li {list-style-image:url(../img/metz/puce_liste.png);}

	/*SKIN TABLEAUX*/
		#content_page table caption, #content_page_popin table caption {color:#ffffff; background:#164194;}
		#content_page th, #content_page_popin th {border:1px solid #dcdcdc;}
		#content_page th > *, #content_page_popin th > * {color:#000000;}
		#content_page th, #content_page tfoot td, #content_page_popin th, #content_page_popin tfoot td {background:#dcdcdc;}
		#content_page td, #content_page_popin td {border:1px solid #dcdcdc;}

	/* BLOCKQUOTE */
		#content_page blockquote, #content_page_popin blockquote {background:url(../img/metz/quote_top.png) no-repeat top left, url(../img/metz/quote_bottom.png) no-repeat bottom right;}

	/* BLOC DIAPORAMA IMAGES SLICK */
		.diaporama_images .contenu_bloc {background:#efefef;}
		#col_right .diaporama_images .slick-slider .slick-list {background:#efefef;}
		.diaporama_images .slider-nav-images .slick-list.draggable {background:#efefef;}
		.diaporama_images .slider-nav-images .slick-slide {background:#164194;}
		.diaporama_images .slider-nav-images .slick-slide.slick-current {border:2px solid #e6effe;}
		.diaporama_images .slider-nav-images.slick-slider .slick-arrow {background:#164194;}
		.image_pop .slick-slider .slick-list, #image_pop_col_right .slick-slider .slick-list {background-color:#ffffff;}

	/* DATE MAJ */
		.date_maj, #content_page .date_maj, #content_page_popin .date_maj {color:#164194;}

	/* SLIDER VIDEO */
		.video_slider .slick-slider .slick-arrow, .video_pop .slick-slider .slick-arrow {background:#e0e0e0;}
		#content_page .video_slider .slider-nav .slick-slide:hover img, #content_page .video_slider .slider-nav .slick-slide:focus img,
		#content_page_popin .video_slider .slider-nav .slick-slide:hover img, #content_page_popin .video_slider .slider-nav .slick-slide:focus img {border:2px solid #e6effe;}
		.video_pop .slick-slider .slick-list {background-color:#ffffff;}

	/* COLONNE CONTEXTUELLE */
		.bloc_col .titre_bloc, #content_page .bloc_col .titre_bloc, #content_page_popin .bloc_col .titre_bloc {border-bottom:2px solid #ffffff; background:url('../img/metz/bg_titre_bloc_col.png') no-repeat left 0.5rem;}
		.bloc_col .content_bloc, #content_page .bloc_col .content_bloc, #content_page_popin .bloc_col .content_bloc {background:#164194;}
		.bloc_col *, #content_page .bloc_col *, #content_page_popin .bloc_col * {color:#ffffff;}
		.bloc_col a:hover, #content_page .bloc_col a:hover, #content_page_popin .bloc_col a:hover,
		.bloc_col a:focus, #content_page .bloc_col a:focus, #content_page_popin .bloc_col a:focus {color:#ffdd00; border-color:#ffdd00;}

	/* LE SAVIEZ VOUS */
		.info a, #content_page .info a, #content_page_popin .info a {border-color:#ffdd00 !important;}

	/* BLOC GEOLOC */
		.adresse {background-image:url(../img/metz/picto_adresse.png);}
		.horaires {background-image:url(../img/metz/picto_horaires.png);}
		.mail {background-image:url(../img/metz/picto_site_web.png);}
		.website {background-image:url(../img/metz/picto_site_web.png);}
		.tel {background-image:url(../img/metz/picto_tel.png);}
		.gg_link {background-image:url(../img/metz/picto_gg_link.png);}

		.info_utile .info_map {background-color:#f0f0f0;}

		.info_utile a[href^="http://"]:not([href*="www.eurometropolemetz.eu"])::after,
		.info_utile a[href^="https://"]:not([href*="www.eurometropolemetz.eu"])::after {content:url(../img/metz/arrow_external_link_white.png);}

		#popup-content a[href^="http://"]:not([href*="www.eurometropolemetz.eu"])::after,
		#popup-content a[href^="https://"]:not([href*="www.eurometropolemetz.eu"])::after {content:url(../img/metz/arrow_external_link_white.png);}

	/* STRATE GEOLOCALISATION */
		.ol-popup {background-color:#164194; -webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter:drop-shadow(0 1px 4px rgba(0,0,0,0.2));}
		.ol-popup:after {border-top-color:#164194;}
		.ol-popup:before {border-top-color:#cccccc;}
		.ol-popup-closer {color:#ffffff;}
		.ol-popup-closer:hover:after,
		.ol-popup-closer:focus:after {color:#e6effe;}
		#popup-content * {color:#ffffff !important;}

	/* ACCORDEON ACCORDION #36655 */
		#content_page .bloc_contenu_accordeon .accordion-content ul li, #content_page .bloc_contenu_accordeon .accordion-content ol li, #content_page_popin .bloc_contenu_accordon .accordion-content ul li, #content_page_popin .bloc_contenu_accordeon .accordion-content ol li {list-style-image:url(../img/metz/puce_liste.png);}
		.bloc_contenu_accordeon .list_item, #content_page .bloc_contenu_accordeon .list_item, #content_page_popin .bloc_contenu_accordeon .list_item{border: 2px solid #164194;color: #164194;}

	/* DATE MAJ */
		.date_maj, #content_page .date_maj, #content_page_popin .date_maj {color:#164194;}

	/* QUESTIONNAIRE QUALITE */
		/*#quality_form {background-color:#164194;}*/
		#quality_form form fieldset legend, #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend {color:#ffffff;}
		#quality_form .form_item > .ligne_form > label {color:#ffffff; background-image:url(../img/metz/arrow_cim_quality.png);}
		#quality_form .form_item .ligne_form input[type="radio"]:checked + label,
		#quality_form .form_item .ligne_form input[type="radio"]:not([disabled]):focus + label,
		#quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:hover,
		#quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:focus {/*color:#e6effe;*/ opacity:0.5;}
		#quality_form .form_item .ligne_form input[disabled] + label {opacity:0.5;}
		#comment label, #comment label span, #comment p, #comment p a {color:#ffffff !important;}
		#comment p a {border-color:#ffdd00;}
		#comment p a:hover, #comment p a:focus {color:#ffdd00 !important;}
		/*#quality_form #comment .ligne_form > label:hover {color:#000000;}*/
		#quality_form #comment .ligne_form textarea {background:#ffffff; color:#000000;}
		#quality_form p {color:#ffffff;}

	/* BLOCS BAS DE PAGE */
		/* POUR ALLER PLUS LOIN */
			#mise_en_avant .list_item .txt {background:rgba(0,0,0,0.5); color:#ffffff;}
			#mise_en_avant .list_item .titre {color:#ffffff !important;}


/********************************************************************************/
/********************************** PAGE LISTE **********************************/
/********************************************************************************/

	/* Filtrer */
	#line_tools_moteur .show_filters, #line_tools_moteur .nb_result_container {background-color:#164194; color:#ffffff;}
	#line_tools_moteur .show_filters {background-image:url('../img/metz/btn_show_filters.png');}

	/* Afficher la carte */
	#line_tools_moteur #switch_display {background-image:url('../img/metz/picto_display_map_bg.png');}
	#line_tools_moteur #switch_display:before {background-image:url('../img/metz/btn_show_map.png');}
	#line_tools_moteur #switch_display.act:before {background-image:url('../img/metz/btn_show_map_act.png');}

	/* Filtres */
		/*#filters {background:#e0e0e0;}
		#filters .titre_bloc {color:#164194;}
		#filters .close-button {color:#164194;}
		#filters .close-button:hover {color:#e29e29;}
		#zone_filters {border-bottom:2px solid #164194;}*/

		/*gestion champs date*/
			#filters .ligne_form.date input[type="text"] {/*background:#fff url(../img/metz/bg_calendar.png) no-repeat right 1.5rem center;*/ background:transparent url(../img/metz/bg_calendar.png) no-repeat right 1.5rem center;}

		/*gestion champs select*/
			#filters select {background-color:transparent;}
			#filters select option {background-color:#164194;}

		/*gestion champs checkbox tag*/
			/*#filters .input-group label, #zone_filters a {border:1px solid #164194; color:#164194;}*/
			#filters .input-group label, #zone_filters a {box-shadow:0 0 0 1px #ffffff; color:#ffffff;}
			/*#filters .input-group .border.tag label {background:#ffffff;}*/
			#filters .input-group .border.tag [type="checkbox"]:checked + label,
			#filters .input-group .border.tag label:hover,
			#filters .input-group.radio .border.tag [type="radio"]:checked + label,
			#filters .input-group.radio .border.tag label:hover,
			#zone_filters .is-active a,
			#zone_filters a:hover, #zone_filters a:focus {/*color:#ffffff;*/ color:#164194; /*background-color:#164194;*/ background-color:#ffffff;}

			#filters .input-group .border.tag input:checked + label:hover {background-color:rgba(255,255,255,0.65);}
			#filters .input-group .border.tag input:checked:focus + label {background-color:rgba(255,255,255,0.65);}
			#filters .input-group .border.tag input:focus + label {box-shadow:0 0 0 1px #ae650c;}

		/*submit + reset filtres*/
			#reset_search_popin a, #content_page #reset_search_popin a {background-image:url(../img/metz/btn_reset_filters.png); /*color:#164194;*/ color:#ffffff; /*border-bottom:1px solid #164194;*/ border-bottom:2px solid #e6effe;}
			#reset_search_popin a:hover, #content_page #reset_search_popin a:hover,
			#reset_search_popin a:focus, #content_page #reset_search_popin a:focus {border-color:#ae650c !important; background-color:transparent;}

		#moteur_collecte > div {background-color:#164194;}

/* Resultats */
	/* Item generique */
		.list_item > a, #content_page .list_item > a, #content_page_popin .list_item > a, .list_item > .link {background:#ffffff !important;}

		/* Zone texte */
			/*pour item classique sans img > ex. ASSOCIATION*/
				.list_item .txt {background:#ffffff; color:#164194; border-color:transparent;}

				/* .list_item:hover .txt, .list_item > a:hover .txt, .list_item > a:focus .txt, #content_page .list_item > a:hover .txt, #content_page .list_item > a:focus .txt, #content_page_popin .list_item > a:hover .txt, #content_page_popin .list_item > a:focus .txt, .list_item > .link:hover .txt {box-shadow:inset 0 0 0 2px #164194;} */

				/* V2 */
					.list_item > a, #content_page .list_item > a, #content_page_popin .list_item > a, .list_item > .link {background:#164194 !important;}

					.list_item:hover .txt, .list_item > a:hover .txt, .list_item > a:focus .txt, #content_page .list_item > a:hover .txt, #content_page .list_item > a:focus .txt, #content_page_popin .list_item > a:hover .txt, #content_page_popin .list_item > a:focus .txt, .list_item > .link:hover .txt {background:rgba(22,65,148,0.1); color:#ffffff;}

			/*pour bandeau item avec img > ex. AGENDA*/
				.list_item.bandeau_item:hover .txt, .list_item.bandeau_item > a:hover .txt, .list_item.bandeau_item > a:focus .txt, #content_page .list_item.bandeau_item > a:hover .txt, #content_page .list_item.bandeau_item > a:focus .txt, #content_page_popin .list_item.bandeau_item > a:hover .txt, #content_page_popin .list_item.bandeau_item > a:focus .txt, .list_item.bandeau_item > .link:hover .txt {background:rgba(22,65,148,0.8); color:#ffffff;}
				.list_item_bandeau_item .txt * {color:inherit;}

		/* Btn add calendar */
			.btn_add_calendar {background:transparent url(../img/metz/circle_more.png) no-repeat 0 center;}

	/* Items collecte dechets */
		.list_item_full.collecte_dechets .link {border:2px solid #164194;}
		.list_item_full.collecte_dechets .titre, #content_page .list_item_full.collecte_dechets .titre, #content_page_popin .list_item_full.collecte_dechets .titre {color:#164194;}

	/* Items recherche generale */
		.list_item .redMarkup, .list_item .redMarkup *, .list_item.bandeau_item:hover .redMarkup, .list_item.bandeau_item > a:hover .redMarkup, .list_item.bandeau_item > a:focus .redMarkup {background-color:#000000 !important; color:#ffffff !important;}

		.list_item.search .type::after {background:#e6effe;}
		.list_item.search .type span {background:#e6effe; color:#164194;}


/********************************************************************************/
/***************************** PAGE DETAIL / POPIN ******************************/
/********************************************************************************/

	/*BANDEAU IMAGE / TITRE*/
		#bandeau_page_popin {background:#164194;}
		#bandeau_page .date, #bandeau_page_popin .date {color:#164194;}
		#bandeau_page .date .contain, #bandeau_page_popin .date .contain {background:#ffffff;}

	/* ARROWS NAV POPIN */
		.wrap_arrow {background:#e0e0e0;}
		.to_right .arrows {background:url(../img/metz/arrow_next_alaune.png) right center no-repeat;}
		.to_left .arrows {background:url(../img/metz/arrow_prev_alaune.png) left center no-repeat;}

		/* Slider image - Categorie*/
			#col_left_inner .cat, #col_left_inner_popin .cat {background:#164194; color:#ffffff;}


/********************************************************************************/
/***************************** Moteur de recherche ******************************/
/********************************************************************************/

	/* Moteur dans la page */
		#elastic .btn_input {box-shadow:0 0 0 2px #c2c2c2; background-color:#ffffff;}
		#elastic .btn_input button {background:#ffffff url(../img/metz/picto_loupe.png) no-repeat center center;}

	/* Pagination */
		#content_page .pagination a, #content_page .pagination li.current {color:#164194;}
		#content_page .pagination a {background:#f0f0f0; color:#000000;}
		#content_page .pagination li.current {color:#164194; background-color:#e6effe;}
		#content_page .pagination a:hover, #content_page .pagination a:focus {color:#ffffff; background:#164194;}


/********************************************************************************/
/******************************* CARTE INTERACTIVE ******************************/
/********************************************************************************/

	/* OUVERTURE DES FILTRES POUSSE LA MAP */
		#carto #zone_map #modal_window {background-color:rgba(0, 0, 0, 0.5);}

	/* Footer */
		.carto_tpl #footer {background:#ffffff;}
		.carto_tpl #footer::before {background:#000000;}
		.carto_tpl #footer p {color:#000000;}

	/* fil d'ariane */
		.carto_tpl #fil_ariane {background:#ffffff;}

	/* Nombre de resultats */
		#carto #carto_results {background:#164194;}
		#carto #carto_results button {color:#ffffff; border-bottom:1px solid #ffffff;}
		#carto #carto_results .filtrer {background:url(../img/metz/btn_show_filters_cartotpl.png) no-repeat left 1px;}
		#carto #carto_results .reinit {background:url(../img/metz/btn_reset_filters_cartotpl.png) no-repeat left 1px;}

	/* Filtres */
		#carto #map_filters .tabs-title {background:#232323; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
		#carto #map_filters .tabs-title a span {color:#ffffff;}
		#carto #map_filters .tabs-title a span.bg_img {background-color:#ffffff;}

		/* indication presence de filtres actifs */
		#carto #map_filters .tabs-title a span.bg_img.has_filtres_actifs::before {background:#164194;}

		/* survol des entrees */
		#carto #map_filters .tabs-title:hover, #carto #map_filters .tabs-title.is-active {background:#164194;}
		#carto #map_filters .tabs-title:hover a, #carto #map_filters .tabs-title:hover a span, #carto #map_filters .tabs-title.is-active a, #carto #map_filters .tabs-title.is-active a span {color:#ffffff;}

	/* Btn "Tout afficher" / "Tout effacer" */
		#content_page #carto .display_all .clic_will_show_all {background-image:url(../img/metz/btn_show_all_cartotpl.png);}
		#content_page #carto .display_all .clic_will_erase_all {background-image:url(../img/metz/btn_hide_all_cartotpl.png);}
		#content_page #carto .display_all button:hover, #content_page #carto .display_all button:focus {color:#164194;}

	/* Form */
		/* formulaire global */
		#carto .tabs-content {background:#ffffff !important;}

	/* Modal carto */
		#modal_window.carto_tpl .list_item .item_default {background:#ffffff;}
		#modal_window.carto_tpl .list_item .thumb-desc p a {color:#ffffff; border-bottom:1px solid #ffffff;}
		#modal_window.carto_tpl .list_item .thumb-desc p a:hover, #modal_window.carto_tpl .list_item .thumb-desc p a:focus {color:#164194; border-bottom:1px solid #164194;}
		#modal_window.carto_tpl .btn_close span {color:#ffffff;}
		#modal_window.carto_tpl .btn_close:hover span, #modal_window.carto_tpl .btn_close:focus span {color:#164194;}


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************ MODULES *********************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

/********************************************************************************/
/********************************* Plan du site *********************************/
/********************************************************************************/

	#content_page .csc-sitemap li a:before {background:#ae650c;}

/********************************************************************************/
/********************************** Fil rouge ***********************************/
/********************************************************************************/

	#popin_fil_rouge .content {background:rgba(0,0,0,0.05);}
	#popin_fil_rouge a:hover .content, #popin_fil_rouge a:focus .content {border:1px solid #164194;}
	.alert .titre_bloc p {color:#164194;}
	.alert .contenu_bloc p {color:#000000;}
	.alert .date_bloc p {color:#164194;}


/****************************************************************************************/
/********************************** Bandeau alerte **************************************/
/****************************************************************************************/

	#bandeau_alerte.callout {background:rgba(22,65,148,0.7);}
	#page #bandeau_alerte.callout {background:rgba(22,65,148,1);}
	#bandeau_alerte.callout .wrap::before {background-image:url(../img/metz/bandeau_alerte.png); background-color:rgba(230,239,254,0.4);}
	#bandeau_alerte.callout p {color:#ffffff;}
	#bandeau_alerte.callout .wrap::after {background-color:rgba(230,239,254,0.4);}
	#bandeau_alerte.callout .close-button {color:#ffffff; background:transparent;}
	#bandeau_alerte.callout .close-button:hover, #bandeau_alerte.callout .close-button:focus {color:rgba(255,255,255,0.6);}


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

	.list_item.faq, #content_page .list_item.faq, #content_page_popin .list_item.faq {border:2px solid #164194; color:#164194;}
	.list_item.faq .accordion-content {color:#000000;}
	#content_page .bloc_faq, #content_page_popin .bloc_faq {background-color:#f0f0f0;}
	#content_page .bloc_faq h2, #content_page_popin .bloc_faq h2 {color:#164194;}
	#content_page .bloc_faq h2:before, #content_page_popin .bloc_faq h2:before {background-color:#164194;}
	#content_page .accordion_container li .accordion-title, #content_page_popin .accordion_container li .accordion-title {color:#164194;}
	#content_page .accordion_container li .accordion-title::before, #content_page_popin .accordion_container li .accordion-title::before {content:url(../img/metz/btn_show_all_cartotpl.png);}


/****************************************************************************************/
/************************************* Sondage ******************************************/
/****************************************************************************************/

	.percent {background-color:#164194; color:#ffffff;}

	@-webkit-keyframes results {
		0% {background-color:#164194;}
	}
	@-moz-keyframes results {
		0% {background-color:#164194;}
	}
	@keyframes results {
		0% {background-color:#164194;}
	}


/********************************************************************************/
/********************************** Social Wall *********************************/
/********************************************************************************/

	/* Reset */
		.stream li { background:#ffffff;}

	/* Content blocks */
		.stream li span {color:#000000;}
		.stream li .meta.item-likes img {border:1px solid #dddddd; background:#ffffff;}
		.stream li.dcsns-error {color:#990000;}

	/* Filter */
		#dcsns-filter .link-all {color:#ffffff;}
		#dcsns-filter li a {border:1px solid #ffffff;}
		#dcsns-filter li a:hover, #dcsns-filter li a:focus, #dcsns-filter li a.iso-active {background-color:#ffffff; color:#164194;}
		#dcsns-filter li a.iso-active:hover, #dcsns-filter li a.iso-active:focus {opacity:0.7;}

		#content_page #dcsns-filter .link-all {color:#164194;}
		#content_page #dcsns-filter li a, #content_page #dcsns-filter li a, #content_page #dcsns-filter li a {border:1px solid #164194;}
		#content_page #dcsns-filter li a.selected, #content_page #dcsns-filter li a:hover, #content_page #dcsns-filter li a:focus {background-color:#e6effe; color:#164194;}

		#dcsns-filter li.f-facebook a {background-image:url(../img/metz/sw_picto_facebook_filter.png);}
		#dcsns-filter li.f-twitter a {background-image:url(../img/metz/sw_picto_twitter_filter.png);}
		/*#dcsns-filter li.f-google a {background-image:url(../img/metz/sw_picto_googleplus_filter.png);}*/
		#dcsns-filter li.f-instagram a {background-image:url(../img/metz/sw_picto_instagram_filter.png);}
		#dcsns-filter li.f-youtube a {background-image:url(../img/metz/sw_picto_youtube_filter.png);}


/********************************** Co-Marquage *********************************/


/*********************************** Dashboard **********************************/


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************ RESPONSIVE ******************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

/********************************************************************************/
/************************** LARGE de 1280 a 1024 ********************************/
/********************************************************************************/

@media only screen and (max-width:80em) {
}

/********************************************************************************/
/*************************** MEDIUM de 1023 a 640 *******************************/
/********************************************************************************/

@media screen and (max-width:63.9375em) {

	/*********************************** LAYOUT **********************************/
		/*** /POPIN/ MENU PRINCIPAL ***/
			#offCanvasLeft .menu.vertical.accordion > li > a {background:#164194; color:#ffffff;}

			/* level 2 */
			#offCanvasLeft .sous_menu.vertical {background:#f0f0f0;}
			#offCanvasLeft .menu.vertical .level2 {background:#ffffff;}
			#offCanvasLeft .menu.vertical .level2 > a {color:#000000;}

			/* level 3 */
			#offCanvasLeft .menu.vertical .level3 > a {color:#000000;}

		/*** FOOTER ***/
			#menu_footer ul li:not(:last-child) {border-right:2px solid #ffffff;}

	/*********************************** PAGE LISTE **********************************/

		.list_item .txt, .list_item > a .txt, #content_page .list_item > a .txt, #content_page_popin .list_item > a .txt, .list_item > .link .txt {background:rgba(22,65,148,0.1); color:#ffffff;}
		.list_item.bandeau_item .txt, .list_item.bandeau_item > a .txt, #content_page .list_item.bandeau_item > a .txt, #content_page_popin .list_item.bandeau_item > a .txt, .list_item.bandeau_item > .link .txt {background:rgba(22,65,148,0.65); color:#ffffff;}
}


/********************************************************************************/
/*************************** SMALL de 640 a 320 *********************************/
/********************************************************************************/

@media screen and (max-width:39.9375em) {
	/*********************************** LAYOUT **********************************/
		/* menu horizontal */
			/*#tools {width:100%; justify-content:center; height:5rem; background:#f0f0f0;}*/
	#bandeau_alerte.callout {background:#164194;}

	/************************************ HOME ***********************************/
		/*** BANDEAU PAGE ***/
			#bandeau_page:after, #bandeau_page_popin:after {background:#164194;}
			#home #bandeau_page #logo_filigrane {background:url(../img/metz/filigrane_bandeau_image_home.png) no-repeat center center; background-size:100% auto;}

	/**************************** PAGE TYPE ****************************/

		.image_pop .slick-slider .slick-arrow {background:#164194;}
		.image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow {background:#164194;}

	/**************************** PAGE DETAIL / POPIN ****************************/
		/* ARROWS NAV POPIN */
			/*.wrap_arrow {background-color:#f6f6f6;}*/
}