@charset "UTF-8";
/* skin css */
	
/**********************************************************************
 * CLEARFIX :                                                         *
 **********************************************************************/

	@font-face {
		font-family : 'iconfontz' ;
		src : url('zft/iconfontz.woff2') format('woff2') ;
		src : url('zft/iconfontz.woff') format('woff') ;
		}

	body {
		column-count : 1 ;
		column-gap : 1.5em ;
		column-rule : 0px solid inherit ;
		column-fill : unset ;
		column-width : unset ;
		-webkit-font-smoothing : antialiased ;
		-moz-osx-font-smoothing : grayscale ;
		font-style : normal ;
		font-weight : normal ;
		font-variant : normal ;
		-webkit-hyphens : auto ;
		-moz-hyphens : auto ;
		hyphens : auto ;
		text-transform : none ;
		text-align : left ;
		text-decoration : none ;
		text-indent : 0em ;
		vertical-align : baseline ;
		white-space : normal ;
		word-break : normal ;
		word-spacing : 0.0rem ;
		word-wrap : normal ;
		letter-spacing : 0.0rem ;
		line-height : 1.0rem ;
		color : inherit ;
		background-color : inherit ;
		/*
		-webkit-text-stroke-width : 0rem ;
			text-stroke-width : 0rem ;
		-webkit-text-stroke-color : #000 ;
			text-stroke-color : #000 ;
		text-shadow: 0em -0.02em 0.1em rgba(000,000,000,0.5) ,
				 0em  0.05em 0.1em rgba(255,255,255,1.0) ;
		*/
		}

	h1 {
		text-align : center ;
		text-decoration : none ;
		display : flex ;
		flex-direction : row ;
		flex-wrap : wrap ;
		justify-content : center ;
		align-items : center ;
		align-content : center ;
		width  : inherit ;
		max-width : -webkit-min-content ;
		max-width :    -moz-min-content ;
		max-width :         min-content ;
		height : inherit ;
		flex-grow : 1 ;
		margin : 0 ;
		color : inherit ;
		background-color : transparent ;
		background-blend-mode : normal ;
		background-size : contain ; /* 0 100% cover contain */
		background-repeat : no-repeat ;
		background-position : center ;
		background-attachment : inherit ;
		background-origin : border-box ;
		background-clip : border-box ;
		}
	
	h1:hover { cursor : pointer ; }

	h1,h2,h3,h4,h5,h6 {
		font-weight : bold ;
		word-break : keep-all ;
		text-decoration : underline ;
		line-height : 1.5em ;
		margin : 2em 0em 0em 0em ;
		}
	
	h1 { font-size : 2.5rem ; }
	h2 { font-size : 2.2rem ; }
	h3 { font-size : 1.9rem ; }
	h4 { font-size : 1.6rem ; }
	h5 { font-size : 1.3rem ; }
	h6 { font-size : 1.0rem ; }
	p  { font-size : 1.0rem ; }
	
	a:link,a:active,a:visited {
		color : inherit ;
		text-decoration : none ;
		outline : none ;
		}
	a:hover {
		color : #0000FF ;
		text-decoration : underline ;
		}

	figure {
		margin : 1em auto ;
		overflow : hidden ;
		}
	figure * {
		width  : 100% ;
		height : auto ;
		}
	figcaption {
		font-size   : 0.6em ;
		font-style  : italic ;
		text-align  : left ;
		word-break  : break-all ;
		line-height : initial ;
		}

	img { max-width  : 100% ; }

	sub,sup { line-height : 0 ; }

	table {
		width : 100% ;
		table-layout : fixed ;
		border-collapse : collapse ;
		}
	th * , td * {
		width : 100% ;
		box-sizing : border-box ;
		}

	ul { margin : 0 ;
		 list-style-type : none ;
		 list-style-position : outside ;
		 }
	ul       li { text-indent : 2em ; }
	ul    ul li { text-indent : 4em ; }
	ul ul ul li { text-indent : 6em ; }
	li:before { content : "- " ; }
	li:after  { content : " ;" ; }
	li:last-of-type:after { content : "." ; }

	div.CL_jQuery > ul {
		margin : unset ;
		list-style-type : unset ;
		list-style-position : unset ;
		}
	div.CL_jQuery > ul           > li { text-indent : unset ; }
	div.CL_jQuery > ul      > ul > li { text-indent : unset ; }
	div.CL_jQuery > ul > ul > ul > li { text-indent : unset ; }
	div.CL_jQuery > ul > li:before { content : none ; }
	div.CL_jQuery > ul > li:after  { content : none ; }
	
	input[type="text"] ,
	input[type="button"] ,
	input[type="reset"] ,
	input[type="submit"] ,
	input[type="password"] ,
	input[list="browsers"] ,
	textarea , select , button {
		color : inherit ;
		font-family : inherit ;
		font-size : inherit ;
		padding : 0.1em ;
		box-sizing: border-box ;
		}
	
	input[type="text"] ,
	input[type="password"] ,
	input[list="browsers"] ,
	select[multiple] ,
	textarea {
		background-color: inherit ;
		border-radius: 5px ;
		border : 1px solid ;
		border-top-color    : HSLA(0, 0%, 0%  , 0.3) ;
		border-left-color   : HSLA(0, 0%, 50% , 0.3) ;
		border-right-color  : HSLA(0, 0%, 50% , 0.2) ;
		border-bottom-color : HSLA(0, 0%, 100%, 0.5) ;
		box-shadow : inset 0px 1px 11px 0px HSLA(0, 0%, 0%, 0.07) ;
		}
	
	input:not([type="radio"])
		 :not([type="checkbox"])
		 :not([type="reset"])
		 :not([type="submit"]), textarea {
		 	
			}
	
	textarea {
		padding : 1em ;
		resize : vertical ; /* horizontal vertical none */
		min-height : 4em ;
	/*  BORDERBOX TEXT
		width : 333px ;*/
		}

	label { cursor : pointer ; }

	fieldset {
		padding : 1em ;
		}
	fieldset > legend {
		padding : 0 0.5em ;
		}

	input[type="checkbox"],
	input[type="radio"] {
		 -webkit-appearance : none ;
			-moz-appearance : none ;
				 appearance : none ;
		outline : 0 ;
		width  : 1em ;
		height : 1em ;
		cursor : pointer ;
		background : inherit ;
		background-position : center ;
		background-repeat : no-repeat ;
		}
	
	input[type="checkbox"]:not(.switch) {
		border : 1px solid ;
		border-radius : 20% ;
		background-size : 80% ;
		background-color : transparent ;
/*		box-shadow : inset 0 0 0 1px HSL(0, 0%, 50%) ;*/
		}
	input[type="checkbox"]:not(.switch):checked {
		background-image : url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJtNi40LDFsLTAuNywwLjdsLTIuOCwyLjhsLTAuOCwtMC44bC0wLjcsLTAuN2wtMS40LDEuNGwwLjcsMC43bDEuNSwxLjVsMC43LDAuN2wwLjcsLTAuN2wzLjUsLTMuNWwwLjcsLTAuN2wtMS40LC0xLjRsMCwweiIgaWQ9InBhdGg0MTk2Ii8+DQo8L3N2Zz4=);
		}

	input[type="radio"] {
		border : 1px solid;
		border-radius : 50% ;
		background-size : 100% ;
/*		box-shadow : inset 0 0 0 1px HSL(0, 0%, 30%) ;*/
		}
	input[type="radio"]:checked {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxjaXJjbGUgZmlsbD0iIzAwMDAwMCIgaWQ9ImNpcmNsZTQyNDUiIHI9IjI0IiBjeT0iNDAiIGN4PSI0MCIvPg0KPC9zdmc+);
		}

	input[type="checkbox"].switch {
		 -webkit-appearance : none ;
			-moz-appearance : none ;
				 appearance : none ;
		transform: scale(0.5);
		cursor : pointer ;
		width: 4rem;
		height: 2rem;
		border-radius : 2rem ;
		outline : 0 ;
		}
	input[type="checkbox"].switch::before, input[type="checkbox"].switch::after {
		font-weight: bold;
		}
	input[type="checkbox"].switch::before {
		float: right;
		}
	input[type="checkbox"].switch {
		box-shadow: inset -2rem 0 0 #7F0000, inset 0 0 0 1px #7F0000;
		}
	input[type="checkbox"].switch:checked {
		box-shadow: inset 2rem 0 0 #0F0, inset 0 0 0 1px #0F0;
		}
	input[type="checkbox"].switch:checked::before {
		float: left;
		}
	input[type="checkbox"].switch::before ,
	input[type="checkbox"].switch:checked::before { margin : 1ex 2ex ; }





/* :: CLASSES PERSO :::::::::::::::::::::::::::::::::::::::::::::::: */
	
	*.CL_tab0 { text-indent : 0.0rem ; }
	*.CL_tab1 { text-indent : 1.0rem ; }
	*.CL_tab2 { text-indent : 2.2rem ; }
	*.CL_tab3 { text-indent : 3.4rem ; }
	*.CL_tab4 { text-indent : 4.8rem ; }

	*.CL_fullwidth {
		width  : 100% ;
		height : inherit ;
		max-width  : none ;
		max-height : none ;
		}

	*.CL_floatL {
		float  :left ;
		margin : 0.3em 0.5em 0.0em 0em ;
		}
	*.CL_floatR {
		float : right ;
		margin : 0.3em 0em 0.0em 0.5em ;
		}

	*.CL_icoFont { font-family : "iconfontz" ; }

	*.CL_icoLink::after {
		content : "c" ;
		font-family : "iconfontz" ;
		font-size : 0.6em ;
		margin : auto 0.6em auto 0.6em ;
		}
	
	*.CL_texteaser {
		white-space : nowrap ;
		overflow : hidden ;
		text-overflow : ellipsis ;
		/* width : 12em ; contrainte de taille : 12em par exemple */
		}

	.CL_tooltip { position : relative ;	}

	.CL_tooltiptext {
		z-index: 1 ;
		visibility : visible ;
		position: absolute ;
		width : 10em ;
		left : 0% ;
		bottom : 150% ;
		padding : 0.5em ;
		margin-left : -50% ;
		border-radius : 6px ;
		text-align : center ;
		text-decoration : none ;
		font-weight : bold ;
		font-size : 12px ;
		text-shadow : none ;
		color : #fff ;
		background-color : HSLA(0, 0%, 0%, 0.7) ;
		cursor : text ;
		}

	.CL_tooltiptext::after {
		content : "" ;
		position : absolute ;
		top  : 100% ;
		left : 50% ;
		margin-left : -5px ;
		border-width : 5px ;
		border-style : solid ;
		border-color : HSLA(0, 0%, 0%, 0.7) transparent transparent transparent ;
		}

	.CL_tooltip:hover .CL_tooltiptext {
		visibility : visible ;
		}

	.CL_jQ_diaporama  {
		display : flex ;
		flex-direction : row ;
		flex-wrap : wrap ;
		justify-content : space-around ;
		align-items : center ;
		align-content : center ;
		}

	div.CL_jQ_diaporama img {
		cursor : default ;
		transform : scale(1.0) ;
		transform-origin : 50% 50% 0px ;
		transition : all 125ms ease-in-out ;
		box-shadow : 0 0.05em 0.2em 0 rgba(0, 0, 0, 0.7) ;
		margin-right : 1em ;
		}
	div.CL_jQ_diaporama div:first-of-type img:hover {
		transform-origin : 0% 50% 0px ;
		}
	div.CL_jQ_diaporama img:hover {
		cursor : zoom-in ;
		transform : scale(1.1) ;
		transform-origin : 50% 50% 0px ;
		transition : all 125ms ease-in-out ;
		box-shadow : 0 0.2em 1.7em 0 rgba(0, 0, 0, 0.5) ;
		}
	div.CL_jQ_diaporama div:last-of-type img:hover {
		transform-origin : 100% 50% 0px ;
		}
	
	div.CL_jQ_diaporama a {
		display : inline-block ;
		width  : fit-content ;
		height : fit-content ;
		}
	
	div.CL_jQ_diaporama a::after {
		display : block ;
		width : fit-content ;
		position : relative ;
		right : 1ex ;
		bottom : 1.5ex ;
		margin-left : auto ;
		content : 'J' ;
		font-family : "iconfontz" ;
		font-size : 1.5em ;
		text-align : right ;
		color : HSLA(0, 0%, 50%, 1) ;
		mix-blend-mode : screen ;
		text-shadow : none ;
		}
	div.CL_jQ_diaporama a:hover::after { visibility : collapse ; }





/* :: AGENCEMENT ::::::::::::::::::::::::::::::::::::::::::::::::::: */

	#SP_btn_head_menu.CL_icoFont:hover ,
	#SP_btn_head_share.CL_icoFont:hover { cursor : pointer ; }

	#FDN-CONTENT-HEAD *.CL_icoFont {
		z-index : 1 ;
		width  : 4ex ;
		height : inherit ;
		padding : 50% 0 ;
		font-size : 1.5em ;
		text-align : center ;
		}
	
	#FDN-CONTENT-HEAD h1 { margin : 0 ; }
	
	#FDN-CONTENT-NAVI { padding: 2em 10em 5em ; }
	
	#FDN-CONTENT-NAVI nav {
		column-fill : inherit ;
		column-gap : 0em ;
		column-span : all ;
		column-width : auto ;
		}

	#FDN-CONTENT-NAVI nav *.CL_tab0 { font-size : 1.0em ; }
	#FDN-CONTENT-NAVI nav *.CL_tab1 { font-size : 0.8em ; }
	#FDN-CONTENT-NAVI nav *.CL_tab2 { font-size : 0.7em ; }
	#FDN-CONTENT-NAVI nav *.CL_tab3 { font-size : 0.6em ; }

	#FDN-CONTENT-NAVI nav * { line-height : 1.2rem ; }
	
	.FDN-CONTENT { padding : 0.5em ; }
	
	#FDN-SITE-WIDTH-IMGP {
		min-height : 40vh ;
		height : 40vh ;
		display : flex ;
		flex-direction : column ;
		flex-wrap : wrap ;
		justify-content : center ;
		align-items : center ;
		align-content : center ;
		background-color : transparent ;
		background-blend-mode : normal ;
		background-size : cover ;/* 100% cover contain */
		background-repeat : no-repeat ;
		background-position : center ;
		background-attachment : inherit ;
		background-origin : border-box ;
		background-clip : border-box ;
		}
	
	#FDN-SITE-WIDTH-IMGP * { margin : unset ; }
	
	#FDN-SITE-WIDTH-IMGP h2 {
		font-size : 5.0rem ;
		letter-spacing : 0.1em ;
		text-align : center ;
		text-shadow : 0 0 0.2em  HSLA(0, 0%, 00%, 1.0) ;
		}
	
	.FDN-CONTENT-COL-ASID {
		line-height: initial;
		word-spacing: initial;
		letter-spacing: initial;
		}
	
	form#FM_auth div { text-align : center ; }
	form#FM_auth div * { margin-top : 1em ; }





/* :: SHARE :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	#FDN-SHARE-BOT {
		display : flex ;
		flex-direction : row ;
		flex-wrap : wrap ;
		justify-content : flex-end ;
		align-items : center ;
		align-content : center ;
		}

	#FDN-SHARE-TOP img {
		width : 44px ;
		height : auto ;
		margin : 4px ;
		}

	#FDN-SHARE-BOT img {
		width : 20px ;
		margin : 7px ;
		}
	
	#FDN-SHARE-BOT a:last-of-type img { margin-right : 0 ; }





/* :: FOOTER ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	
	#FDN-SITE-WIDTH-FOOT {
		margin-top : 11vh ;
		background-color : #5c6670 ;
		padding : 3vh 0 5vh ;
		}
	
	#FDN-CONTENT-FOOT {
		color : hsla(212,10%,60%,1.0) ;
		text-shadow : none ;
		font-family : sans-serif ;
		word-spacing : initial;
		letter-spacing : initial ;
		line-height : initial ;
		display : flex ;
		flex-direction : row ;
		flex-wrap : wrap ;
		justify-content : space-between ;
		align-items : stretch ;
		align-content : space-between ;
		height : 3em ;
		box-sizing : content-box ;
		}
	
	#FDN-CONTENT-FOOT nav div.CL_logo_foot {
		width  : 7em ;
		height : 7em ;
		background-color : transparent ;
		background-blend-mode : normal ;
		filter : saturate(0%) brightness(110%) ;
		mix-blend-mode : overlay ;/* overlay soft-light */
		background-size : contain ;/* 100% cover contain */
		background-repeat : no-repeat ;
		background-position : center ;
		background-attachment : inherit ;
		background-origin : border-box ;
		background-clip : border-box ;
		}
	
	#FDN-CONTENT-FOOT nav {
		font-size : 0.7em ;
		display : flex ;
		flex-direction : column ;
		flex-wrap : wrap ;
		justify-content : flex-start ;
		align-items : flex-start ;
		align-content : initial ;
		width : 75% ;
		height : inherit ;
		}
	#FDN-CONTENT-FOOT nav * { text-indent : 0 ; }
	
	#FDN-CONTENT-FOOT #DV_signatures {
		font-size : 0.7em ;
		display : flex ;
		flex-direction : column ;
		flex-wrap : nowrap ;
		justify-content : flex-end ;
		align-items : flex-end ;
		align-content : flex-end ;
		width : 25% ;
		height : inherit ;
		border : 0px solid hsla(212,10%,60%,0.5) ;
		border-left-width : 1px ;
		}
	
	#FDN-CONTENT-FOOT #DV_auth div { text-align : right ; }





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

	@media only screen and (max-width:481px) {
		
 		h1 { font-size : 1.3rem ; }
 		#FDN-SITE-WIDTH-IMGP h2 { font-size : 2.2rem ; }
		
		#FDN-CONTENT-NAVI { margin : 0 2vw ; }
		
		#FDN-SHARE-TOP { margin-right : 2vw }
		
		#FDN-CONTENT-NAVI { padding: 1em ; }
		
		#FDN-CONTENT-COL-2-CENT h2:first-of-type { margin-top: unset ; }
		
		#FDN-CONTENT-FOOT {
			flex-direction : column ;
			height : auto ;
			}
		
		#FDN-CONTENT-FOOT nav ,
		#FDN-CONTENT-FOOT #DV_auth ,
		#FDN-CONTENT-FOOT #DV_signatures {
			width : 100% ;
			margin-top  : 1em ;
			padding-top : 1em ;
			border-left : none ;
			border-top-width  : 1px ;
			border-left-width : 0px ;
			}

		}