.desktop-footer-container {
	bottom: 0;
	right: 0;
	left: 0;
}

.medrano-footer-bar a {
	text-decoration: none;
	color: white;
}

.medrano-footer-bar.full {
	background-color: #1f2532;
	display: flex;
	flex-direction: row;
	color: white;
	justify-content: center;
	padding: 10px 0 20px 0;
	position: relative;
	bottom: 0px;
	left: 0px;
	z-index: 1000;
	text-align: left;
}

.logos-labels-container {
	display: flex;
	flex-direction: column;
	padding-right: 5%;
	margin-top: 20px;
}

.logo-label-container {
	display: flex;
	margin-bottom: 20px;
	cursor: pointer;
}

.logo-container {
	min-width: 150px;
	justify-content: center;
	display: flex;
}

.logo-container img#ministere {
	max-height: 88px;
}

.logo-container img#dgac {
	width: 145px;
}

.footer img {
	max-height: 71px;
}

.footer-label-container {
	display: flex;
	align-items: center;
	max-width: 250px;
	padding-left: 20px;
}

.logo-label-container:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.aide-container {
	display: flex;
	flex-direction: column;
	padding-right: 5%;
}

.aide-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.aide-container ul li {
	height: 20px;
}

.lien-utiles-container {
	padding-right: 5%;
}

.label-lang-container ul, .lien-utiles-container ul {
	list-style: none;
	padding-left: 0;
}

.title-container {
	border-bottom: solid 1px;
	padding: 0 0 10px 0;
	margin: 20px 0 10px 0;
	min-width: 200px;
	font-weight: bold;
}

.label-aide {
	padding-bottom: 4px;
	letter-spacing: 0.5px;
	cursor: pointer;
}

.label-aide:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.label-container {
	cursor: pointer;
}

.langues-container {
	padding-right: 0px;
}

.label-lang {
	display: flex;
	padding-bottom: 4px;
	letter-spacing: 0.5px;
	cursor: pointer;
}

.label-lang-text {
	margin-top: 4px;
	margin-left: 4px;
}

.label-lang:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.flag-fr {
	background-image: url('../img/flag_fr.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 28px;
	height: 25px;
}

.flag-en {
	background-image: url('../img/flag_en.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 28px;
	height: 25px;
}

.mobile-footer-container {
    display: none;
}


@media (max-width: 1000px) {
    
    .medrano-footer-bar.full .logos-labels-container .logo-label-container {    
        flex-direction: column;
    }
    
    .medrano-footer-bar.full .logos-labels-container .logo-label-container .logo-container {    
            margin-bottom: 5px;
    }
    .langues-container .title-container,
    .lien-utiles-container .title-container {
        min-width: 150px;
    }
}

@media screen and (max-width: 768px) {
	
	.desktop-footer-container {
		display: none;
	}
    
    html {
        font-size: 80%;
    }  
	
	.footer-bottom-sheet-container {
		position: fixed;
        transition: bottom 0.2s;
        bottom: -1000px;
        box-sizing: content-box;
        width: calc(100vw - 16px);
		height: auto;
		min-height: 200px;
		right: 0;
		background: rgba(70, 70, 70, 1);
		padding: 6px 8px;
	}
	
	.footer-bottom-sheet-container .footer-bottom-sheet-title {
		border-bottom: solid 1px;
		margin-bottom: 2vh;
	}

	.footer-bottom-sheet-container li {
		margin-bottom: 7px;
	}
	
	.footer-bottom-sheet-container li a {
		font-weight: normal;
		color: white;
		margin-bottom: 1vh;
	}
	
	.mobile-footer-container {
		display: unset;
	}

    .mobile-footer-container ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
	
	.mobile-footer-container .medrano-footer-bar.full {
		flex-direction: column;
		padding-bottom: 10px;
		z-index: unset;
	}
	
	.mobile-footer-container .medrano-footer-bar.full .title-container {
		min-width: unset;
		letter-spacing: unset;
		display: flex;
		justify-content: space-around;
	}
	
	.mobile-footer-container .medrano-footer-bar.full .title-container span {
		font-weight: bold;
		color: white;
	}
	
	.mobile-footer-container .medrano-footer-bar.full .title-container #besoin:hover .footer-bottom-sheet-container,
	.mobile-footer-container .medrano-footer-bar.full .title-container #liens:hover .footer-bottom-sheet-container,
	.mobile-footer-container .medrano-footer-bar.full .title-container #langue:hover .footer-bottom-sheet-container,
	.mobile-footer-container .medrano-footer-bar.full .title-container #besoin:focus .footer-bottom-sheet-container,
	.mobile-footer-container .medrano-footer-bar.full .title-container #liens:focus .footer-bottom-sheet-container,
	.mobile-footer-container .medrano-footer-bar.full .title-container #langue:focus .footer-bottom-sheet-container {
		display: flex;
		flex-direction: column;
        bottom: 0px;
	}
	
	.mobile-footer-container .medrano-footer-bar.full .title-container #besoin:hover .footer-overlay,
	.mobile-footer-container .medrano-footer-bar.full .title-container #liens:hover .footer-overlay,
	.mobile-footer-container .medrano-footer-bar.full .title-container #langue:hover .footer-overlay,
	.mobile-footer-container .medrano-footer-bar.full .title-container #besoin:focus .footer-overlay,
	.mobile-footer-container .medrano-footer-bar.full .title-container #liens:focus .footer-overlay,
	.mobile-footer-container .medrano-footer-bar.full .title-container #langue:focus .footer-overlay {
        display: block;
	}
	
	.mobile-footer-container .medrano-footer-bar.full .title-container #besoin:hover .footer-bottom-sheet-container:after,
	.mobile-footer-container .medrano-footer-bar.full .title-container #liens:hover .footer-bottom-sheet-container:after,
	.mobile-footer-container .medrano-footer-bar.full .title-container #langue:hover .footer-bottom-sheet-container:after,
	.mobile-footer-container .medrano-footer-bar.full .title-container #besoin:focus .footer-bottom-sheet-container:after,
	.mobile-footer-container .medrano-footer-bar.full .title-container #liens:focus .footer-bottom-sheet-container:after,
	.mobile-footer-container .medrano-footer-bar.full .title-container #langue:focus .footer-bottom-sheet-container:after {
		position: absolute;
		height: 40px;
		width: 40px;
		top: -40px;
		left: calc(50% - 8px - 20px);
		content: "x";
		background-color: rgba(255, 255, 255, 1);
		pointer-events: none;
		border-radius: 20px;
		line-height: 40px;
		text-align: center;
		color: rgba(0, 0, 0, 1);
	}
	
	.mobile-footer-container .medrano-footer-bar.full .label-aide {
		font-size: 13px;
		letter-spacing: unset;
        text-decoration: underline;
		padding-bottom: unset;
		margin-right: 2vw;
		padding-right: 2vw;
		margin-bottom: 7px;
		padding-bottom: 7px;
		color: white;		
	}
	
	.mobile-footer-container .logos-mobile-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.mobile-footer-container .logos-mobile-container img#ministere {
		max-height: 88px;
		margin-right: 2vw;
	}
	
	.mobile-footer-container .logos-mobile-container img#dgac {
		max-height: 71px;
	}
    
    .label-lang-container {
        padding-left: 10px;
    }

    .footer-overlay {
        display: none;
		position: absolute;
		height: 1000vh;
		width: calc(100vw + 8px);
		top: -1000vh;
		left: -8px;
		content: " ";
		background-color: rgba(0, 0, 0, 0.5);
		pointer-events: none;

    }

    .footer-overlay:active {
         display: none;
    }

	.bottomLinksMobile{
		display: flex;
		justify-content: center;
	}

	.bottomLinksMobile a {
		border-right: solid 1px;
	}

	.bottomLinksMobile a:last-child {
		border-right: none;
	}
}