@charset "UTF-8";
/* skirt less */





	@import "persona.less" ;





	body {
		color : @fg_color ;
		text-shadow : 0 1px 0px HSLA(0, 0%, 100%, 0.7) ;
		background-color : @bg_color ;
		background-blend-mode : normal ;
		background-image : url( @bg_image ) ;
		background-size : initial ;/* 100% cover contain */
		background-repeat : repeat ;
		background-position : left top ;
		background-attachment : inherit ;
		background-origin : border-box ;
		background-clip : border-box ;
		}
	
	.FDN-SITE-WIDTH       { width : @_SITE_WIDTH_ ; }
	.FDN-PAGE-WIDTH       { max-width : @_PAGE_MAX_W_ ; }
	.FDN-CONTENT-COL-ASID { display : @_ASID_DISPL_ ;
							  width : @_ASID_WIDTH_ ;
								top : @_HEAD_HEIGHT_ ;
						   position : -webkit-sticky ;
						   position : -moz-sticky ;
						   position : -ms-sticky ;
						   position : -o-sticky ;
						   position : sticky ; }
	.FDN-CONTENT-COL-CENT { width : 100% - (@_ASID_WIDTH_*2) ; }
	
	#FDN-CONTENT-HEAD { height : @_HEAD_HEIGHT_ ; }
	#FDN-CONTENT-HEAD h1 {
		background-position : center ; /* left center */
		background-image : url( @hd_logo ) ;
		}
	
	#FDN-SITE-WIDTH-NAVI, 
	#FDN-SITE-WIDTH-SHARE-TOP ,
	body *.FDN-SITE-WIDTH:nth-child(4) { margin-top : @_HEAD_HEIGHT_ ; }
	
	#FDN-SITE-WIDTH-HEAD, 
	#FDN-CONTENT-NAVI, 
	#FDN-SHARE-TOP {
		border-bottom : 1px solid HSLA(0, 0%, 0%, 0.3) ;
		background-color : lighten(@bg_color , 0%) ;
		}
	
	#FDN-SITE-WIDTH-HEAD {
		background-color : @hd_color ;
		box-shadow : 0 0px 10px rgba(0, 0, 0, 0.8) ;
		}
	h1 when (@hd_logo > "") {
		color : transparent ;
		text-shadow : none ;
		}
	
	#FDN-CONTENT-NAVI , 
	   #FDN-SHARE-TOP { box-shadow : 0 5px 10px rgba(0, 0, 0, 0.5) ;
	  				   border-radius : 0 0 2px 2px ; }
	
	#FDN-SITE-WIDTH-IMGP { margin-top : @_HEAD_HEIGHT_ }
	
	
	


/* :: NAVIGATION TOP ::::::::::::::::::::::::::::::::::::::::::::::: */

#FDN-CONTENT-NAVI nav {
	font-size : 1.2rem ;
	column-count : 1 ;
	column-gap : 1.5em ;
	column-rule : 1px dashed fade(@fg_color,20%) ;
	}
#FDN-CONTENT-NAVI nav *.nav_titre , 
#FDN-CONTENT-COL-1-ASIL nav *.nav_titre { font-weight : bold ; }

/* :: NAVIGATION ASIDE ::::::::::::::::::::::::::::::::::::::::::::: */

#FDN-CONTENT-COL-1-ASIL nav { font-size : 0.6em ; }

#FDN-CONTENT-COL-1-ASIL nav *.CL_tab0 { text-indent : 0.0em ; }
#FDN-CONTENT-COL-1-ASIL nav *.CL_tab1 { text-indent : 0.0em ; }
#FDN-CONTENT-COL-1-ASIL nav *.CL_tab2 { text-indent : 0.8em ; }
#FDN-CONTENT-COL-1-ASIL nav *.CL_tab3 { text-indent : 1.6em ; }
#FDN-CONTENT-COL-1-ASIL nav *.CL_tab4 { text-indent : 3.2em ; }





/* :: WEBKIT SCROLLBAR ::::::::::::::::::::::::::::::::::::::::::::: */

//::-webkit-scrollbar { width : 15px ; }
//
//::-webkit-scrollbar-track {
//	border-radius : 0px ;
//	background-color : HSLA(0, 0%, 0%, 0.05) ;
//	box-shadow : none ;
//	}
//::-webkit-scrollbar-track:hover {
//	background-color : HSLA(0, 0%, 0%, 0.1) ;
//	box-shadow : inset 0 0 10px HSLA(0, 0%, 0%, 0.4) ;
//	}
//
//::-webkit-scrollbar-thumb {
//	border-radius : 3px ;
//	background-color : fade(@fg_color,20%) ;
//	box-shadow : none ;
//	}
//::-webkit-scrollbar-thumb:hover {
//	border : none ;
//	background-color : @fg_color ;
//	}
//::-webkit-scrollbar-thumb:active {
//	background-color : @fg_color ;
//	box-shadow : inset 0 0 10px RGBA(0, 0, 0, 0.7) ;
//	}

/* :: OSX SCROLLBAR :::::::::::::::::::::::::::::::::::::::::::::::: */

*.FDN-SITE-WIDTH { border-right : 1px solid fade(@fg_color,10%) ; }

::-webkit-scrollbar { width : 14px ; }

::-webkit-scrollbar-track {
	border-radius : 0px ;
	background-color : transparent ;
	box-shadow : none ;
	}
::-webkit-scrollbar-track:hover {
	background-color : transparent ;
	box-shadow : none ;
	}

::-webkit-scrollbar-thumb {
	border : 3px solid @bg_color ;
	border-radius : 20px ;
	background-color : fade(@fg_color,20%) ;
	box-shadow : none ;
	}
::-webkit-scrollbar-thumb:hover {
	background-color : fade(@fg_color,50%) ;
	}
::-webkit-scrollbar-thumb:active {
	border : 4px solid @bg_color ;
	background-color : darken(@fg_color, 10%) ;
	}

/* :: NAV FORM INPUTS :::::::::::::::::::::::::::::::::::::::::::::: */

	input[type="checkbox"]:not(.switch) {
		border-color : @fg_color ;
		background-color : lighten(@fg_color,50%) ;
		}

	input[type="radio"] {
		border-color : @fg_color ;
		background-color : lighten(@fg_color,50%) ;
		box-shadow : 0  0.02em 0.1em HSLA(0, 0%, 0%, 0.5) ;
		}

	input[type="checkbox"].switch {
		border: 2px grey;
		border-style: inset;
		background : HSL(0, 0%, 50%) ;
		box-shadow: inset -2rem 0 0 #7F0000, inset 0 0 0 1px #7F0000 ,
					0  0.02em 0.2em HSLA(0, 0%, 0%, 1) ;
		}
	input[type="checkbox"].switch:checked {
		box-shadow: inset 2rem 0 0 #0F0, inset 0 0 0 1px #0F0 ,
					0  0.02em 0.2em HSLA(0, 0%, 0%, 1);
		}
	input[type="checkbox"].switch::before, input[type="checkbox"].switch::after {
		transform: scale(2);
		}
	input[type="checkbox"].switch::before {
		content: "x";
		color: #000;
		}
	input[type="checkbox"].switch:checked::before {
		content: "✓";
		color: #fff;
		}
	
	/*
	https://css-tricks.com/examples/ButtonMaker/
	http://css-button-generator.com/
	*/
	
	button,/* :not(div.slick-lightbox button) ??? */
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	select:not([multiple]) {
		transform : scale(0.9) ;
		font-weight : bold ;
		padding : 0em 1em ;
		text-shadow : 0.0em 0.05em 0 RGBA(255, 255, 255, 0.7) ;
		border : 0.04em solid @fg_color ;
		background-color : lighten(@fg_color,50%) ;
		box-shadow : 0 -0.0px 0px HSLA(0, 0%, 0%, 0) ,
					 inset 0 0.1em 0 lighten(@fg_color,60%) ,
					 0  0.02em 0.1em HSLA(0, 0%, 0%, 0.5) ;
		}
	
	input[type="reset"],
	input[type="submit"] {/*background-color:initial*/}
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] { border-radius : 1em ; }
	
	select { border-radius : 0.2em ; }
	
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	select:not([multiple]):hover {
		cursor : pointer ;
		filter: brightness(110%);
		}
	
	button:active,
	input[type="button"]:active,
	input[type="reset"]:active,
	input[type="submit"]:active,
	select:not([multiple]):active {
		outline: 0;
		border: 0;
		filter : brightness(70%) ;
		box-shadow : inset 0 0.2em 0.5em 0 #000 ;
		}
	button:not(button.slick-arrow):active,
	input[type="button"]:active,
	input[type="reset"]:active,
	input[type="submit"]:active {
		transform : scale(0.9) ;
		}

/* :: ARIANE ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@riane_height  : 1.3em ;
@riane_padding : 0.3em ;

#FDN-ARIANE {
	display : @_ARIA_DISPL_ ;
	color : @r_fg_color ;
	font-size : 8px ;
	font-weight : bold ;
	font-family : "Arial","sans-serif" ;
	letter-spacing : 0.0em ;
	word-spacing : 0.0em ;
	word-wrap : break-word ;
	word-break : normal ;
	white-space : normal ;
	line-height : 1.0em ;
	text-transform : uppercase ;
	text-decoration : none ;
	vertical-align : baseline ;
	text-shadow : none ;
	}
#FDN-ARIANE * {
	position : relative ;
	float : left ;
	height : @riane_height ;
	padding : @riane_padding (@riane_height/2) 0 (@riane_height/2) ;
	margin : 0 ((@riane_height/2)+0.5%) 1em 0 ;
	background : @r_bg_color ;
	}
#FDN-ARIANE *:first-child::before {
	border : none ;
	}
#FDN-ARIANE *::before {
	content : '' ;
	position : absolute ;
	left : (@riane_height/2*-1) ;
	margin-top : (@riane_padding*-1) ;
	border-width : (@riane_height/2) 0 (@riane_height/2) (@riane_height/2) ;
	border-style : solid ;
	border-color : @r_bg_color @r_bg_color @r_bg_color transparent ;
	}
#FDN-ARIANE *::after {
	content : '' ;
	position : absolute ;
	right : (@riane_height/2*-1) ;
	top : 0 ;
	border-top : (@riane_height/2) solid transparent ;
	border-bottom : (@riane_height/2) solid transparent ;
	border-left : (@riane_height/2) solid @r_bg_color ;
	}
#FDN-ARIANE *:last-child::after {
	
	}
#FDN-ARIANE a:hover {
	color : inherit ;
	text-decoration : none ;
	}





/* :: ACTU TEASER :::::::::::::::::::::::::::::::::::::::::::::::::: */

#DV_actuTeaser {
	padding-left : 1em ;
	height : 10em ;
	border-left : 0.5em solid ;
	border-left-color : RGBA(255, 0, 0, 0.5) ;
	border-bottom : 0.1em dashed ;
	border-bottom-color : @fg_color ;
	overflow : hidden ;
	margin : 1em 0em 1em 1em ;
	}





/* :: SLICK :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*html body div#FDN-SITE-WIDTH-TRUN.FDN-SITE-WIDTH div#FDN-PAGE-WIDTH-TRUN.FDN-PAGE-WIDTH div#FDN-CONTENT-COL-2-CENT.FDN-CONTENT.FDN-CONTENT-COL-CENT div#FDN-HEART-CONTENT div#CALIBRE div.CL_jQuery.CL_jQ_carousel.slick-initialized.slick-slider.slick-dotted button.slick-next.slick-arrow*/
button.slick-prev.slick-arrow::before ,
button.slick-next.slick-arrow::before { color:@fg_color }
button.slick-prev.slick-arrow ,
button.slick-next.slick-arrow { background-color:unset }
/*html body div#FDN-SITE-WIDTH-TRUN.FDN-SITE-WIDTH div#FDN-PAGE-WIDTH-TRUN.FDN-PAGE-WIDTH div#FDN-CONTENT-COL-2-CENT.FDN-CONTENT.FDN-CONTENT-COL-CENT div#FDN-HEART-CONTENT div#CALIBRE div.CL_jQuery.CL_jQ_carousel.slick-initialized.slick-slider.slick-dotted ul.slick-dots li.slick-active button*/
ul.slick-dots li.slick-active button { background-color:transparent }
ul.slick-dots li:not(.slick-active)  button { background-color:transparent }





/* :: FOOTER ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#FDN-CONTENT-FOOT nav div.CL_logo_foot {
	background-image : url( @hd_logo ) ;
	}






/* :: < 480 px ::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	@media only screen and (max-width:481px) {

		#FDN-CONTENT-NAVI nav { column-count : 1 ; }

		#FDN-CONTENT-NAVI nav * { line-height : 1.7em ; }

		}