@charset "UTF-8";
/* skel css */
	
	* {
		position : initial ;
/* ça empeche Quill editor imageResize de faire le job
		width  : auto ;
		height : auto ;
*/
		margin  : 0 ;
		padding : 0 ;
		box-sizing : border-box ;
		}
	
	iframe {/**/
		display : block ;
		position : relative ;
		}
	
	body {
		position : absolute ;
		top   : 0 ;
		left  : 0;
		right : 0 ;
		display : flex ;
		flex-direction : column ;
		flex-wrap : nowrap ;
		justify-content : flex-start ;
		align-items : center ;
		align-content : center ;
		min-width  : 100% ;
		min-height : 100% ;
		width  : inherit ;
		height : inherit ;
		margin : auto ;
		font-size : 12px ;
		}
	
	#DV_auth_deco {
		z-index : 2 ;
		position : fixed ;
		display : block ;
		padding : 10px ;
		background-color : RGB(255, 0, 0) ;
		border-radius : 0 0 10px 10px ;
		border : 2px solid hsl(0, 100%, 44%) ;
		border-top-width : 0 ;
		border-color : transparent RGB(220, 0, 0) RGB(127, 0, 0) RGB(220, 0, 0) ;
		box-shadow : 0 5px 10px 0px rgba(0, 0, 0, 0.5) ;
		}
	#DV_auth_deco button {
		color : #FFF ;
		font-size : 14px ;
		font-weight : bold ;
		font-family : monospace ;
		cursor : pointer ;
		border : none ;
		text-shadow : 0 -1px 0px rgba(0, 0, 0, 0.7) ,
					  0  1px 0px RGBA(255, 255, 255, 0.5) ;
		background-color : transparent ;
		}
	
	#FDN-SITE-WIDTH-HEAD , 
	#FDN-SITE-WIDTH-NAVI ,
	#FDN-SITE-WIDTH-SHARE-TOP {
		z-index : 1 ;
		position : fixed ;
		left  : 0 ;
		right : 0 ;
		}

	#FDN-CONTENT-HEAD {
		display : flex ;
		flex-direction : row ;
		flex-wrap : nowrap ;
		justify-content : space-between ;
		align-items : center ;
		align-content : center ;
		overflow : hidden ;
		}

	#FDN-SITE-WIDTH-NAVI ,
	#FDN-SITE-WIDTH-SHARE-TOP ,
	body *.FDN-SITE-WIDTH:nth-child(4) { margin-top : 30px ; }/* par exemple */
		
	.FDN-SITE-WIDTH { width : 100% ; }
	
	.FDN-PAGE-WIDTH {
		width : 99.99% ;
		margin : auto ;
		}
	
	#FDN-SITE-WIDTH-IMGP {
		height : 45vh ;
		}
	
	#FDN-SITE-WIDTH-TRUN {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		flex-grow: 1;
		}
	
	#FDN-PAGE-WIDTH-TRUN {
		display : flex ;
		flex-direction : row ;
		flex-wrap : nowrap ;
		justify-content : center ;
		align-items : flex-start ;
		align-content : center ;
		margin : 0 auto ;
		}
	
	.FDN-CONTENT-COL-ASID {
		display : flex ;
		flex-direction : column ;
		flex-wrap : nowrap ;
		justify-content : flex-start ;
		align-items : flex-start ;
		align-content : center ;
		width : 20% ;
		overflow : hidden ;
		}
	
	.FDN-CONTENT-COL-CENT {
		width : inherit ;
		display : flex ;
		flex-direction : column ;
		flex-wrap : wrap ;
		justify-content : initial ;
		align-items : initial ;
		align-content : initial ;
		flex-grow : 1 ;
		}
	
	.FDN-CONTENT-COL-CENT * { max-width : 100% }

	div#FDN-HEART-CONTENT {
		display : flex ;
		flex-direction : column ;
		flex-wrap : wrap ;
		justify-content : flex-start ;
		align-items : initial ;
		align-content : flex-start ;
		clear : both ;
		margin-top : 7em ;
/* Serge demande 7em pr la V° desk => remettre à 0 pr V° mobile */
		}

	div#DV_contact , div#DV_lieu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content: center;
		}
	div#DV_contact img#IM_logo {
		max-height: 11em;
		object-fit: contain;
		margin-left: auto;
		}
	div#DV_lieu * {
		width: 45%;
		height: 30vh;
		}
	div#DV_lieu iframe {
		order:1 ;
		}
	div#DV_lieu img {
		order : 2 ;
		object-fit : cover ;
		}
	
	.CL_jQ_carousel {
		max-width : calc(100% - 40px) ;
		margin : auto ;
		}
	.CL_jQ_carousel * { max-width : unset ; }
	.CL_jQ_carousel img { width : 100% ; }
	
	.FDN-CONTENT-FOOT { height:unset }





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

	#FDN-CONTENT-NAVI {
		display : none ;
		max-height : 70vh ;
		overflow : auto ;
		box-sizing : content-box ;
		}

		#FDN-CONTENT-NAVI nav * ,
	.FDN-CONTENT-COL-ASID nav * ,
	 .FDN-CONTENT-COL-MAP nav * ,
		#FDN-CONTENT-FOOT nav * {
		display : none ;
		}

		#FDN-CONTENT-NAVI nav .menu { display : block ; }
	.FDN-CONTENT-COL-ASID nav .side { display : block ; }
		#FDN-CONTENT-FOOT nav .foot { display : block ; }

/* :: SHARE :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	
	#FDN-PAGE-WIDTH-SHARE-TOP {
		display : flex ;
		flex-direction : row ;
		flex-wrap : wrap ;
		justify-content : flex-end ;
		align-items : flex-start ;
		align-content : flex-start ;
		}
	
	#FDN-SITE-WIDTH-SHARE-TOP ,
	#FDN-PAGE-WIDTH-SHARE-TOP { height : 0 ; }
	
	#FDN-SHARE-TOP {
		display : none ;
		flex-direction : column ;
		flex-wrap : initial ; /* sinon ça fonctionne pas sur certains Webkit */
		justify-content : center ;
		align-items : center ;
		align-content : center ;
		}
	
	.FDN-SHARE img {
		width  :  30px ;/* par exemple */
		height : auto ;
		}





/* :: MODAL :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	div.FDN-SITE-MODAL {
		z-index : 11 ;
		position : fixed ;
		top  : 0 ;
		left : 0 ;
		width  : 100% ;
		height : 100% ;
		flex-direction : column ;
		flex-wrap : nowrap ;
		justify-content : center ;
		align-items : center ;
		align-content : center ;
		background-color: rgba(0, 0, 0, 0.3) ;
		}
	div.FDN-SITE-MODAL * {font-family : -apple-system , BlinkMacSystemFont , sans-serif ;}
	div.FDN-SITE-MODAL-BG {
		z-index : -1 ;
		position : fixed ;
		top  : 0 ;
		left : 0 ;
		width  : 100% ;
		height : 100% ;
		}
	*.FDN-SITE-MODAL-FG {
		padding : 1em ;
		border-radius : 0.2em ;
		display : flex ;
		flex-direction : column ;
		flex-wrap : nowrap ;
		justify-content : center ;
		align-items : center ;
		align-content : center ;
		background-color : white ;
		box-shadow :0px 12px 150px 10px rgba(0, 0, 0, 1) ;
		}

	div.FDN-SITE-MODAL #DV_modalTitle {
		font-size : 1.0em ;
		font-weight : bold ;
		text-decoration : underline ;
		text-transform : uppercase ;
		word-spacing : 0 ;
		}
	div.FDN-SITE-MODAL #DV_modalTitle::before { content : '\00a0' ; }
	div.FDN-SITE-MODAL #DV_modalTitle::after  { content : '\00a0' ; }

	div.FDN-SITE-MODAL button ,
	div.FDN-SITE-MODAL input[type="button"] ,
	div.FDN-SITE-MODAL input[type="reset"] ,
	div.FDN-SITE-MODAL input[type="submit"] {
		font-size : 0.8em ;
		font-weight : bold ;
		margin-top : 1em ;
		padding : 0.1em 0.4em ;
		}

	div#DV_cnil.FDN-SITE-MODAL { display : none ; }
	div#DV_auth.FDN-SITE-MODAL { display : none ; }





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

	@media only screen and (max-width:801px) {
		
		.FDN-CONTENT-FOOT { height:inherit }
		
		div#DV_lieu * {
			width:100% ;
			margin-bottom:2em ;
			}

		}

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

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

		div.FDN-PAGE-WIDTH { width:99.99% }
		div.FDN-CONTENT-COL-ASID { display:none }
		div#FDN-HEART-CONTENT { margin-top:0em }/* Serge demande 7em pr la V° desk => remettre à 0 pr V° mobile */

		}