@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 ;
		-webkit-text-stroke-color : currentColor ;
/*
		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 ; }

	h2#H_page_title  {
		-webkit-text-stroke-width : 0.02em ;
		-webkit-text-stroke-color : initial ;
		}
	.CL_MD_inside h2 {
		-webkit-text-stroke-width : 0.00em ;
		-webkit-text-stroke-color : initial ;
		}

	h1,h2,h3,h4,h5,h6 {
		font-weight : bold ;
		word-break : keep-all ;
		text-decoration : underline ;
		text-align : left ;
		line-height : 1.5em ;
			    hyphens : none ;
		-webkit-hyphens : none ;
		margin : 2em 0em 0em 0em ;
		}
	
	h1 { font-size : 2.5rem ; margin-left : 0.0rem }
	h2 { font-size : 2.2rem ; margin-left : 0.0rem }
	h3 { font-size : 1.9rem ; margin-left : 1.0rem }
	h4 { font-size : 1.6rem ; margin-left : 1.0rem }
	h5 { font-size : 1.3rem ; margin-left : 1.0rem }
	h6 { font-size : 1.0rem ; margin-left : 1.0rem }
	p  { font-size : 1.0rem ; margin-left : 0.0rem ; margin-top:1em }
	
	a:link,a:active,a:visited {
		/*display : contents ;  efface le conteneur et révèle son enfant */
		color : inherit ;
		text-decoration : none ;
		outline : none ;
		}
	a:hover {
		color : #007FFF ;
		text-decoration : underline ;
		}

	a[href*="http"]::after {
		content : "c" ;
		font-family : "iconfontz" ;
		font-size : 0.6em ;
		margin : auto 0.6em auto 0.6em ;
		line-height : initial ;
		}
	
	figure {
		margin : 1em auto ;
		overflow : hidden ;
		}
	figure *:not(figure table) {
		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 {
		border-collapse : collapse ;
		width :         min-content ;
		width :    -moz-min-content ;
		width : -webkit-min-content ;
		}
	.CL_MD_inside table { width:initial }
	table th {
		padding:0.5em ;
		font-size:0.8em ;
		}
	table th , table td { border : 1px solid currentcolor }
	table td {
		padding : 0.3em ;
		font-size:0.7em ;
		}

	ul { margin : 0 ;
		 list-style-type : none ;
		 list-style-position : outside ;
		 text-align : left ;
		 }
	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 ; }

	code , pre {
		white-space : pre-line ;
		font-family : monospace ;
		font-size : 0.8em ;
		line-height: 1em;
		border-radius: 0.2em ;
		color : #000 ;
		background-color : #7F7F7F ;
		border : 1px solid currentcolor ;
		}
	code {
		vertical-align : middle ;
		padding : 0.1em ;
		}
	pre {
		padding: 0.8em;
		border-radius: 0.3em;
		}
	pre > code { border:none }

	blockquote::before {
		content : "\201C" ;
		font-size : 5em ;
		line-height : 0em ;
		position : relative ;
		bottom : -.5em ;
		left : 0em ;
		opacity : 0.2 ;
		}
	blockquote {
		font-family : serif ;
		font-size : 0.8em ;
		font-style: italic ;
		font-weight : bold ;
		letter-spacing: 0.00rem;
		line-height  : 1.1em;
		padding-left : 1em ;
		margin-left  : 2em ;
		margin-right : 0em ;
		border-left : 0.5em solid rgba(127,127,127,0.3) ;
		}
	blockquote > p { opacity:0.7 }

/*
····································································72⊣·····80⊣···········320·800x480⊣

####### ####### ######  #     #     #  
#       #     # #     # ##   ##    ### 
#       #     # #     # # # # #     #  
#####   #     # ######  #  #  #        
#       #     # #   #   #     #     #  
#       #     # #    #  #     #    ### 
#       ####### #     # #     #     #  
                                       
····································································72⊣·····80⊣···········320·800x480⊣
*//* !► FORM : */

/*

si un champ n'est pas conforme à ce que l'on attend,
on peu le styler comme ça :

fieldset,
input[type=text],
input[type=email],
input[type=number],
textarea { -webkit-appearance:none }

input:invalid { box-shadow:0 0 5px 1px red }
input:focus:invalid {	 outline:none }

Reste à voir ça avec webkit :
input[type=radio]
select

*/
	
	input[type="text"] ,
	input[type="email"] ,
	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 ;
		margin : auto auto 1em auto ;
		box-sizing: border-box ;
		}

	select:not([multiple]),button,/* :not(div.slick-lightbox button) ??? */
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		border-width : 0px ;
		background-image : linear-gradient(to bottom,
			rgba(255, 255, 255, 0.3),rgba(000,000,000,0.3)) ;
		box-shadow : inset  0 0.1em 0.03em #FFFFFF ,
							0 0.1em 0.1em HSLA(0, 0%, 0%, 1) ;
		}
	
	input[type="text"] ,
	input[type="email"] ,
	input[type="password"] ,
	input[list="browsers"] ,
	select[multiple] ,
	textarea {
		border : 1px solid ;
		background-color: inherit ;
		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[type="text"] ,
	input[type="email"] ,
	input[type="password"] ,
	input[list="browsers"] ,
	select[multiple] ,
	fieldset, 
	textarea {
		padding: 0.2em 1em ;
		border-radius: 5px ;
		}
	
	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 ;
		text-align: left ;
		margin : auto auto 2em auto ;
		}
	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.4rem ; }
	*.CL_tab2 { text-indent : 2.8rem ; }
	*.CL_tab3 { text-indent : 4.2rem ; }
	*.CL_tab4 { text-indent : 5.6rem ; }

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

	*.CL_floatL , div#FDN-HEART-CONTENT img[alt*="-l"] {
		float  :left ;
		margin : 0.3em 0.5em 0.0em 0em ;
		}
	*.CL_floatR , div#FDN-HEART-CONTENT img[alt*="-r"] {
		float : right ;
		margin : 0.3em 0em 0.0em 0.5em ;
		}

	*.CL_icoFont { font-family : "iconfontz" ; }
	
	*.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 ;
		}





/* :: Jquery diaporama ::::::::::::::::::::::::::::::::::::::::::::: */

	.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 ;
		max-width  : 128px ;
		max-height : 128px ;
		transform : scale(1.0) ;
		transform-origin : 50% 50% 0px ;
		transition : all 125ms ease-in-out ;
		margin-right : 1em ;
		box-shadow : 0 0.05em 0.2em 0 rgba(0, 0, 0, 0.7) ;
		}
	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 span:hover { cursor : pointer ; }

	#FDN-CONTENT-HEAD *.CL_icoFont {
		z-index : 1 ;
		flex : 1 ;
		height : inherit ;
		padding : 50% 0 ;
		font-size : 1.5em ;
		}
	
	#FDN-CONTENT-HEAD #SP_btn_head_menu { text-align:left }
	#FDN-CONTENT-HEAD h1 { margin:0 ; width:max-content }
	#FDN-CONTENT-HEAD #SP_btn_head_share { text-align:right }
	
	#FDN-CONTENT-NAVI { padding: 2em 10em 5em ; }
	
	#FDN-CONTENT-NAVI nav {
		column-fill : auto ;
		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 * { white-space:pre }
	
	.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%, 0.3) ;
		}
	
	.FDN-CONTENT-COL-ASID {
		line-height: initial;
		word-spacing: initial;
		letter-spacing: initial;
		}
	
	div#FDN-HEART-CONTENT > div:nth-child(1n) {
		width : 100% ;
		margin : 1em 0 0em 0 ;
		}
	div#FDN-HEART-CONTENT > div:nth-child(1n) div:not(.CL_jQuery) {
/*
		max-width : -webkit-fit-content ;
		max-width :    -moz-fit-content ;
		max-width :         fit-content ;
*/
		}

	form#FM_auth div { text-align : center ; }
	form#FM_auth div * { margin-top : 1em ; }





/*
····································································72⊣·····80⊣···········320·800x480⊣

#     # ######  
##   ## #     # 
# # # # #     # 
#  #  # #     # 
#     # #     # 
#     # #     # 
#     # ######  
                
····································································72⊣·····80⊣···········320·800x480⊣
*//* !► MD */
	.CL_MD_inside h1 {color:inherit}

	.CL_MD_inside div , 
	.CL_MD_inside hr  , 
	.CL_MD_inside img ,
	.CL_MD_inside p   ,
	.CL_MD_inside pre ,
	.CL_MD_inside table {margin:1em auto 0em}

	.CL_MD_inside img { display:block ; max-width:300px }

	.CL_MD_inside li {
		margin-left : 3em ;
		text-indent : unset ;
		}
	.CL_MD_inside li:after { content:normal }
	.CL_MD_inside ol li:before { content:normal }
	.CL_MD_inside ul li:before { content:"- " }
	.CL_MD_inside ul li { margin-left:2em }

	.CL_MD_inside .CL_prepa_ratio { position:relative }
	.CL_MD_inside .CL_prepa_ratio:after { display:block ; content:'' }
	.CL_MD_inside .CL_prepa_ratio > * { position:absolute ; width:100% ; height:100% ; object-fit:contain ; background-color:#000 }
	.CL_MD_inside .CL_set_ratio_1_1:after  { padding-top : 100%    }
	.CL_MD_inside .CL_set_ratio_4_3:after  { padding-top :  75%    }
	.CL_MD_inside .CL_set_ratio_3_2:after  { padding-top :  66.66% }
	.CL_MD_inside .CL_set_ratio_16_9:after { padding-top :  56.25% }
	.CL_MD_inside .CL_embeded_media { width:300px ; margin:auto }








/* :: PAYPAL ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	#FDN-PAYPAL-BOT {
		margin-top : 7em ;
		}
	#FDN-PAYPAL-BOT form {
		width : -webkit-fit-content ;
		width :    -moz-fit-content ;
		width :         fit-content ;
		margin : auto ;
		}





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

	#FDN-SHARE-BOT {
		display : flex ;
		flex-direction : row ;
		flex-wrap : wrap ;
		justify-content : flex-end ;
		align-items : center ;
		align-content : center ;
		margin-top  : 1em ;
		padding-top : 0em ;
		border-top : 1px solid rgba(127,127,127,0.5) ;
		}

	#FDN-SHARE-TOP img {
		width : 44px ;
		height : auto ;/*
		margin : 4px ;*/
				margin : 0em 0.5em 0.5em 0.5em ;
		}

	#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 ;
		height : inherit ;
		flex-grow : 1 ;
		}
	#FDN-CONTENT-FOOT nav * { text-indent : 0 ; }
	
	#FDN-CONTENT-FOOT #DV_signatures {
		font-size : 0.7em ;
		text-align : right ;
		display : flex ;
		flex-direction : column ;
		flex-wrap : nowrap ;
		justify-content : flex-end ;
		align-items : flex-end ;
		align-content : flex-end ;
		height : inherit ;
		padding-left : 2em ;
		border : 0px solid hsla(212,10%,60%,0.5) ;
		border-left-width : 1px ;
		}
	
	#FDN-CONTENT-FOOT #DV_auth div { text-align : right ; }





/* :: < 800 px ::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	@media only screen and (max-width:801px) {
		
		#FDN-CONTENT-NAVI { padding:2em 2em 5em ; }
		
		}

/* :: < 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-CONTENT-NAVI nav * { line-height: 2em; }
		
		#FDN-SHARE-TOP { margin-right : 2vw }
		
		#FDN-CONTENT-NAVI { padding: 1em ; }
		
		#FDN-CONTENT-COL-2-CENT h2:first-of-type { margin-top: unset ; }
		
			div#FDN-HEART-CONTENT > div:nth-child(1n) { margin : 0em 0 4em 0 }
		
		#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 ;
			}

		}