/* ______________--------------------------------------________________ */
/* -----------------	 		Joomlannuaire 		   -------------------- */
/*____________________________________________________________ */

#adirectory .cols1 .item, 
#adirectory .subcat {
	overflow: visible; 
}


/* Filtre de Recherche */
#adirectory .category {
	form {padding: 20px;
		.picto {margin-right: 0!important; margin-bottom: 20px!important;}
		.catmaplink {margin-right: 20px;
			&:before {margin-right: 5px;}
		}
	}
}

/* Blog 3 Cols */
#adirectory { 
	#itemlist { 
		.item-boot{ margin-bottom: 25px;
			&:last-child{margin-right: 0;}
			#contact {clear: both; border-bottom: 1px solid #d1d1d1; padding: 10px 0;}
		}
		.website{display: block; overflow: hidden;}
	}
}


/* Module Joomlannuaire Map */
#adirectory.joomlannuairemap{clear: both;}
#adirectory.joomlannuairemap .legend {
    display: block;
    position: absolute;
    padding: 0 8px;
    margin-top: 80px;
    z-index: 10;
}
#adirectory.joomlannuairemap legend {display: none;}
#adirectory.joomlannuairemap .legend .cat {
    display: block;
    background: #fff;
    float: left;
    clear: both;
    margin-bottom: 12px;
    font-size: @base-font-size;
    padding: 10px 15px;
    width: 100%;
    box-shadow: 1px 2px 7px rgba(0,0,0,0.2);
}

#adirectory.joomlannuairemap .legend input {
    display: none;
}

#adirectory.joomlannuairemap .legend label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    display: block;
    margin: 0;
}
#adirectory.joomlannuairemap .legend .image {
    padding-right: 15px;	
}

/* ______________--------------------------------------________________ */
/* -----------------	   Joomladministration  	   -------------------- */
/*____________________________________________________________ */

#joomladministration{
	 a.ja_more {text-align: center;}
}





/* ______________--------------------------------------________________ */
/* -----------------	         Tipi          -------------------- */
/*____________________________________________________________ */

.tipi {
	fieldset {border:0; padding: 0;
		input {height: 35px;}
	}
	input:valid {box-shadow: none;}
}


/* ______________--------------------------------------________________ */
/* -----------------	      AdPublication         -------------------- */
/*____________________________________________________________ */

#adpublication {
	padding-right: 0;
	.publiversion {
		.font-size(1.8);
	}
	.allpubli {
		color: @preset_colortext;
		&:hover { color: @preset_publicationbtncolor1;}
		span {padding-right: 5px;}
	}
	a.btn {
		width: 100%;
		height: 45px;
		margin: 20px 0 0;
		text-align: left;
		font-weight: 300;
		line-height: 2em;
		.font-size(1.8);
		i {
			display: inline-block;
			width: 30px;
			.font-size(2.4);
		}
		span {
			padding-left: 5px;
			.font-size(1.0);
		}
		&.publibtn1 {background: @preset_publicationbtncolor1;}
		&.publibtn2 {background: @preset_publicationbtncolor2;}
	}
}

/* ______________--------------------------------------________________ */
/* -----------------	      ADCookies         -------------------- */
/*____________________________________________________________ */
#adcookies{
	position: fixed; z-index: 100;	width: 100%;  color: #fff;box-shadow: 0px 0px 21px 6px rgba(0, 0, 0, 0.54);
	text-align: center; padding-top: 5px;
	background: @preset_colormaster;
	a {color: #fff; text-decoration: underline;}
	#removecookie { padding: 2px 5px; background: #fff; color: #000; border-radius: 3px; cursor: pointer; text-decoration: none; margin-left: 15px;}
}





/* ______________--------------------------------------________________ */
/* -----------------	    JoomladNews  JadNthemeNewsTicker        -------------------- */
/*____________________________________________________________ */
.JadNthemeNewsTicker {
	@media @laptop {
		margin: 20px 0 30px;
	}
	@media @tabletV {
		display: none;
	}
}



/* ______________--------------------------------------________________ */
/* -----------------	      JoomladNews Actu         -------------------- */
/*____________________________________________________________ */
.actu {
	h3 {
		padding-left: 10px;
	}
	.item {
		margin-bottom: 25px;
		> a {
			display: block;
			img {
			opacity: 1;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
			}
			&:hover {
				background: @preset_colormaster;
				img {
					opacity: .5;
				}
			}
		}	
	}
	
	//Bloc Titre et dates
	.titleactu {
		position: absolute;
		position: absolute;
		top: 0;
	}
	
	
	//Titre des articles 
	h4 {
		width: 75%;
		margin: 0;
		padding: 10px;
		background: #212121;
		font-size: 2.5rem;
		a {
			color: #fff;
			font-weight: 300;
		}
	}
	.infoblock.info1 {
		.info_datecreated {
			padding: 4px 20px;
			background: #f5f5f5;
			font-family: @font_googleFontNameT1;
			font-weight: 700;
		}
	}
	.infoblock.info2 {
		position: absolute;
		margin-top: -27px;
		right: 10px;
		@media @tabletH {
			right: auto;
			left: 10px;
		}
		.info_value a {
			padding: 4px 15px;
			background: @preset_colorsecondary;
			color: #fff;
			transition: 0.4s;
			&:hover {
				background: @preset_colormaster;
			}
		}
	}
	
	
}

/* ______________--------------------------------------________________ */
/* -----------------	      JoomladNews AGENDA         -------------------- */
/*____________________________________________________________ */
#content .btnagenda {
	@media @tabletH {
		display: block;
	}
}
#adagenda {
	padding: 0 0 0 20px;
	min-height: 240px;
	@media @tabletH {
		padding: 0;
		float: none!important;
	}
	@media @tabletV {
		min-height: auto;
	}
	
	.owl-item {
		padding: 0 10px;
		overflow: hidden;
		
		
		// TITRE 
		.item {
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
			.adaghover {
				margin-top: -246px;
				width: 224px;
				margin-left: 350px;
				position: absolute;
				height: 100%;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
				background:darken(@preset_colormaster, 15%);
				@media @scre1444 {
					margin-top: -260px;
					width: 235px;
					margin-left: 500px;
				}
				@media @scre995 {
					margin-top: -213px;
					width: 179px;	
				}
				@media @scre800 {
					margin-top: -260px;
					width: 233px;	
					margin-left: 600px;
				}
				@media @scre600 {
					margin-top: -260px;
				}
				@media @scre400 {
					margin-top: -255px;
					height: 300px;
					width: auto;
				}
				h5 {
					padding: 25px 10px; 
					font-family: @font_googleFontNameT1; 
					font-weight: 200; 
					color: #fff;
					.font-size(2.2);
					@media @scre400 {
					padding-top: 50px;
				}
				}
				.readmore {
					display: block;
					height: 40px;
					float: right;
					margin-top: 35%;
					margin-right: 10px;
					font-weight: 300;
					color: #fff;
					cursor: pointer;
					&:hover {color: @preset_colormaster;}
				}
			}
			&:hover .adaghover {
				margin-left: 120px;
				
			}
		}
		
		// DATE 
		.info_datecreated {
		    position: absolute;
			width: 120px;
			top: 0;
			height: 100%;
			display: block;
			background: fade(@preset_colormaster, 80%); 
			color: #fff;
			text-align: center;
			span.info_value {
				.font-size(3.8);
				display: block;
				max-width: 70px;
				margin: 0 auto;
				line-height: 4rem;
				&::first-line{
					.font-size(4.8);
					font-weight: 700;	
				}
			}

			span.fa {
				display: block;
				margin-top: 25px;
				margin-bottom: 40px;
				.font-size(5.2);
			}
		}
	}
}

.AgendaNavigation {
	height: 80px;
	.font-size(7.2);
	@media @laptop {
		height: 40px;
		.font-size(4.0);
	}
	@media @tabletH {
		margin-top: 10px;
	}
	a {
		vertical-align: text-top;
		line-height: 0;
		color: #a5a5a5;
		&.next {
			float: right;
		}
		&:hover {
			color: @preset_colormaster;
		}
	}
}




// ______________--------------------------------------________________ 
// -----------------	      Météo         -------------------- 
//____________________________________________________________ 
// THEME  Admonvillage
.m_th_admonvillage #weather{
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 230px;
	// Bloc Left 
	.wheaterleft {
		display: grid;
		grid-template-rows: 115px 115px;
		text-align: center;
		color: #fff;
		background-image: @img_bgmeteo;
		.dayinfo {
			background: fade(@preset_colormaster, 80%);  
		}
		.currently {
			.font-size(2.0);
			line-height: 3em;
		}
	}
	
	
	
	// Bloc Right 
	.wheaterright {
		display: grid;
		grid-template-rows: 115px 115px;
		text-align: center;
	}
	.temp {
		.font-size(11.5);
		color: @preset_colorsecondary;
		line-height: 1;
	}
	.hr {
		height: 1px; 
		background: @preset_colorsecondary;
		width: 80%;
		margin: 0 auto;
	}
	.weatlast {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		i:before {
			display: flex;
			justify-content: center;
		}
		.day {
			display: block;
			.font-size(1.2);
		}
		.hrlast {
			height: 1px; 
			background: @preset_colorsecondary;
			width: 35%;
			margin: 0 auto 5px;
		}
		.templast {
			display: block;
			line-height: 1.5rem;
		}
		.templastlow {
			display: block;
			.font-size(1.2);
			line-height: 1em;
		}
	}
}


@font-face {
	font-family: 'weather';
	src: url('../fonts/artill_clean_icons-webfont.eot');
	src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/artill_clean_icons-webfont.woff') format('woff'),
	url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'),
	url('../fonst/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#weather i:before {
	font-family: 'weather';
	font-style: normal;
}
#weather .size-1 {
	display: block;
	margin-top: 15px;	
	.font-size(4.0);
	line-height: 15px;
} 
#weather .size-2 {
	.font-size(12.0);
	line-height: 80px;
}


#weather .iconweat-0:before { content: ":"; }
#weather .iconweat-1:before { content: "p"; }
#weather .iconweat-2:before { content: "S"; }
#weather .iconweat-3:before { content: "Q"; }
#weather .iconweat-4:before { content: "S"; }
#weather .iconweat-5:before { content: "W"; }
#weather .iconweat-6:before { content: "W"; }
#weather .iconweat-7:before { content: "W"; }
#weather .iconweat-8:before { content: "W"; }
#weather .iconweat-9:before { content: "I"; }
#weather .iconweat-10:before { content: "W"; }
#weather .iconweat-11:before { content: "I"; }
#weather .iconweat-12:before { content: "I"; }
#weather .iconweat-13:before { content: "I"; }
#weather .iconweat-14:before { content: "I"; }
#weather .iconweat-15:before { content: "W"; }
#weather .iconweat-16:before { content: "I"; }
#weather .iconweat-17:before { content: "W"; }
#weather .iconweat-18:before { content: "U"; }
#weather .iconweat-19:before { content: "Z"; }
#weather .iconweat-20:before { content: "Z"; }
#weather .iconweat-21:before { content: "Z"; }
#weather .iconweat-22:before { content: "Z"; }
#weather .iconweat-23:before { content: "Z"; }
#weather .iconweat-24:before { content: "E"; }
#weather .iconweat-25:before { content: "E"; }
#weather .iconweat-26:before { content: "3"; }
#weather .iconweat-27:before { content: "a"; }
#weather .iconweat-28:before { content: "A"; }
#weather .iconweat-29:before { content: "a"; }
#weather .iconweat-30:before { content: "A"; }
#weather .iconweat-31:before { content: "6"; }
#weather .iconweat-32:before { content: "1"; }
#weather .iconweat-33:before { content: "6"; }
#weather .iconweat-34:before { content: "1"; }
#weather .iconweat-35:before { content: "W"; }
#weather .iconweat-36:before { content: "1"; }
#weather .iconweat-37:before { content: "S"; }
#weather .iconweat-38:before { content: "S"; }
#weather .iconweat-39:before { content: "S"; }
#weather .iconweat-40:before { content: "M"; }
#weather .iconweat-41:before { content: "W"; }
#weather .iconweat-42:before { content: "I"; }
#weather .iconweat-43:before { content: "W"; }
#weather .iconweat-44:before { content: "a"; }
#weather .iconweat-45:before { content: "S"; }
#weather .iconweat-46:before { content: "U"; }
#weather .iconweat-47:before { content: "S"; }