@import "../../declinable/css/declinable.css";

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

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

		/* labels */
			.reveal label, .reveal .input-group-label, .reveal .powermail_label.powermail_radio_legend, .reveal .powermail_label, .reveal .label {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:#ffffff;}
		
		/* champs */
			.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:#ffffff; background-color:transparent; box-shadow:0 0 0 1px #fff; border:none;}
			
			.reveal input::-webkit-input-placeholder, #moteur_collecte input::-webkit-input-placeholder {color:#ffffff;}
			.reveal input::-moz-placeholder, #moteur_collecte input::-moz-placeholder {color:#ffffff;}
			.reveal input:-moz-placeholder, #moteur_collecte input:-moz-placeholder {color:#ffffff;}
			.reveal input:-ms-input-placeholder, #moteur_collecte input:-ms-input-placeholder {color:#ffffff;}
			.reveal input[placeholder], #moteur_collecte input[placeholder] {color:#ffffff;}
			
			.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:#fff;}
			
			select {background:#fff url(../img/bg_select.png) no-repeat 97% center;}			
			.reveal select,
			#moteur_collecte select {background-color:transparent;}

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

			.icheckbox_minimal-blue, .iradio_minimal-blue {background-image: url(../img/blue.png) !important;}	

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

		.cs-loader {background:rgba(88,96,209,0.8);}

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

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

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

		/*** Liens ***/

			/* Bouton ALL */
				.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:#fff;}	
				.color_primary_dark_night .btn_all a {color:#fff; border:1px solid #fff;}				
				#zoom_sur.color_primary_dark_night .btn_all a {color:#fff; border:1px solid #fff;}			

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

			/* BUTTON */
					.button:hover, .button:focus, .button.is-active {color:#fff; background-color:#5860d1;}

			/*** Boutons close ***/				

				/* Close button Foundation popin */
					.reveal .close-button {color:#fff;}

				/* Close button Foundation popin */
					.reveal .close-button {background-color:#5860d1;}
					/* etat hover - focus */
					.reveal .close-button:hover, .reveal .close-button:focus {color:#fff;}					

				/* Close button Foundation popin fullscreen */
					.reveal.full .close-button, .search_area_cont.is_search .close-button {color:#fff;}

	/********************************************************************************/
	/********************************** footer ***************************************/
	/********************************************************************************/
		#footer a:before {background: #fff;}

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

		/* Popin full */
			.reveal.full {background:#5860d1;}
			/* titre */
				.reveal.full .titre_bloc, .search_area_cont .titre_popin .titre_bloc {color:#fff;}

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

		/*** MENU PRINCIPAL PC ***/

			/* BTN CLOSE HORIZONTAL MENU */
				#btn_close_horizontal_menu.close-button {color:#000;}
				#btn_close_horizontal_menu.close-button:hover, #btn_close_horizontal_menu.close-button:focus {color:#5860d1;}		

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


			/* 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:#d2d2c4;}
				/* image rubrique level 2 */
					#menu_principal ul li li.level2 .img-menu {background:#000;}

			/* LEVEL 3 */
				#menu_principal ul li ul li li.level3 > a {color:#000;}
				#menu_principal ul li ul li li.level3 > a:hover, #menu_principal ul li ul li li.level3 > a:focus {color:rgba(0,0,0,0.6);}

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


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

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

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

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

		/*** ANCHORS ***/
			#home #anchors li a:after {background:#eee; box-shadow:0 0 0 2px #5860d1;}

		/*** BLOCS HOME ***/
			#zone_recherche input[type="text"] {background:#5860d1;}

		/*** ZONE MOTEUR MORPHING ***/
			#bandeau_page .search_area_cont.is_search {background:#5860d1;}	
			.is_search #zone_recherche input[type="text"], #popin_recherche #zone_recherche input[type="text"] {border-color:#fff;}
			#suggestions .titre_suggestions {color:#fff;}
			#suggestions li a {border-bottom:1px solid #fff; color:#fff;}
			#suggestions .btn_lien a:hover, #suggestions .btn_lien a:focus {color:#fff !important;}	

			/* ZONE MOTEUR */
				.color_placeholder::-webkit-input-placeholder {color:#fff !important;}
				.color_placeholder::-webkit-input-placeholder {color:#fff !important;}
				.color_placeholder::-moz-placeholder {color:#fff !important;}
				.color_placeholder:-moz-placeholder {color:#fff !important;}
				.color_placeholder:-ms-input-placeholder {color:#fff !important;}
				.color_placeholder[placeholder], #zone_moteur #zone_recherche input[type="text"] {color:#fff;color:#fff !important;}		

				/* vocalRecognitionOn */
					#zone_recherche button.vocalRecognitionOn::before, #zone_recherche button.vocalRecognitionOn::after {box-shadow:0 0 0 1px rgba(255,255,255,1);}
					#zone_recherche button {background-image:url(../img/picto_micro.png);}
					#zone_recherche .noVocalRecognition {background-image:url(../img/picto_micro.png);}					

				/* Acces rapides */
					.btn_select {color:#5860d1; border-color:#5860d1; background-image:url(../img/bg_btn_select.png); }
					.btn_select:hover, /*#acces_filtres*/ .btn_select:focus {background-color:#5860d1; color:#fff; background-image:url(../img/bg_btn_select_white.png);}
					#acces_rapides li a .img::before {background:#d2d2c4;}	
					#acces_rapides li:not(#btn_clic_all) a:hover .img img, #acces_rapides li:not(#btn_clic_all) a:focus .img img {filter: brightness(0);}				

		/*** TERRITOIRE ***/
			/* Map */
			.cls-1:hover > *, .cls-1:focus > *, #metz_metropole_map a.hover * {fill:#5860d1;}	
			#metz_metropole_infos p {background-image:url(../img/bg_infos_territoire.png);}				

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

			/*SKIN LIEN*/
				#content_page a, #content_page_popin a {border-bottom:2px solid #5860d1;}

			/*SKIN LIENS EXTERNE*/

			/*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/puce_liste.png);}

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

			/*SKIN TABLEAUX*/
				#content_page table caption, #content_page_popin table caption {background:#777772;}
			/* BLOC DIAPORAMA IMAGES SLICK */
				.diaporama_images .slider-nav-images .slick-slide {background:#777772;}

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

			/* SLIDER VIDEO */
				.video_slider .slick-slider .slick-arrow, .video_pop .slick-slider .slick-arrow {background:#fff;}				

			/* COLONNE CONTEXTUELLE */
				.bloc_col .content_bloc, #content_page .bloc_col .content_bloc, #content_page_popin .bloc_col .content_bloc {background:#5860d1;}
				.bloc_col .titre_bloc, #content_page .bloc_col .titre_bloc, #content_page_popin .bloc_col .titre_bloc {border-bottom:2px solid #fff;}				
				.bloc_col *, #content_page .bloc_col *, #content_page_popin .bloc_col * {color:#fff;}
				.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:#fff; border-color:#fff;}

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

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


			/* STRATE GEOLOCALISATION */
				.ol-popup {background-color:#5860d1;}
				.ol-popup:after {border-top-color:#5860d1;}
				#popup-content *, .ol-popup-closer:after {color:#fff !important;}

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

		/*Filtrer*/
		#line_tools_moteur .show_filters, #line_tools_moteur .nb_result_container {background-color:#5860d1;}

		/* Filtres */

			/*gestion champs date*/
				#filters .titre_bloc {color:#fff;}
				#filters .close-button {color:#fff;}
				#filters .close-button:hover {color:#010101;}
				#zone_filters {border-bottom:2px solid #fff;}
				#filters select option {color:#5860d1;}
				#filters input:focus, #filters select:focus {color:#5860d1;}

				#filters input[type="submit"], #filters input[type="button"], .powermail_confirmation #filters input[type="submit"] {border:none;}
				#filters .ligne_form.date input[type="text"] {background:#fff url(../img/bg_calendar.png) no-repeat right 1.5rem center; color:#5860d1;}	

				#filters .input-group label, #zone_filters a {box-shadow:0 0 0 1px #fff; color:#fff;}
				#filters .input-group .border.tag label {background:transparent;}

				/*gestion champs checkbox tag*/
					#filters .input-group label, #zone_filters a {box-shadow:0 0 0 1px #fff; color:#fff;}
					#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 {color:#5860d1; background-color:#fff;}

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

			#reset_search_popin a {color:#fff; border-color:#fff; background-image:url(../img/btn_reset_filters.png);}

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

		#moteur_collecte > div {background-color:#5860d1;}

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

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

			/* Slider image - Categorie*/
				#col_left_inner .cat, #col_left_inner_popin .cat {background:#5860d1;color:#fff;}	

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

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

		#bandeau_alerte.callout {background:rgba(88, 96, 209, 1);}/*rgba(20,186,255,0.66)*//*rgba(88, 96, 209, 0.956)*/
		#page #bandeau_alerte.callout {background:rgba(88, 96, 209, 1);}/*rgba(20,186,255,0.66)*//*rgba(88, 96, 209, 0.956)*/
		#bandeau_alerte.callout .wrap::before {background-color:rgba(0, 0, 0, 0.1);background-image:url(../img/bandeau_alerte.png); }
		#bandeau_alerte.callout p {color:#fff;}
		#bandeau_alerte.callout .wrap::after {background-color:rgba(0, 0, 0, 0.1);}
		#bandeau_alerte.callout .close-button {color:#fff; background:transparent;}
		#bandeau_alerte.callout .close-button:hover, #bandeau_alerte.callout .close-button:focus {color:rgba(255,255,255,0.6);}	


	/********************************************************************************/
	/********************************** Social Wall *********************************/
	/********************************************************************************/
		#home #dcsns-filter li a:not(.link-all) {filter: brightness(100) invert(1) !important;border: 1px solid #000;}
		#home #dcsns-filter li.sw_rs a:hover, #home #dcsns-filter li.sw_rs a:focus, #home #dcsns-filter li.sw_rs a.iso-active {border-color: #fff;filter: none !important;}
		#page #dcsns-filter li.sw_rs a:hover, #page #dcsns-filter li.sw_rs a:focus, #page #dcsns-filter li.sw_rs a.iso-active {background-color: #5860d1; border-color: #5860d1;}