.div-maintenance{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 5rem;
}


/***************************************************************/
/*	HEADER
/***************************************************************/
header {
    width: 100%;
    background: #fff;
    z-index: 999;
}

#logomarianne {
    width: 125px;
    height: 100%;
    margin-right: 5px;
}

#logopsup {
    width: 200px;
    height : 72px;
}


.div-retour-dossier{
	position:absolute; 
	right : 60px;
}

.nav-header {
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: row;
    padding: 0;
    z-index: 999;
} 

.nav-header ul {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
}


.nav-header ul li {
    display: inline-block;
    list-style: none;
    /* margin-right: 15px; */
}

.nav-header ul li a {
    text-decoration: none;
}

.nav-header ul li a:hover {
    text-decoration: underline;
    transition: .2s;
}

.space-between{
	justify-content: space-between;
}

.flex-end {
	justify-content: flex-end;
}


/***************************************************************/
/*	Dropdown utilisateur connecté
/***************************************************************/

#dropdown-menu-se-connecter {
    position: relative;
    display: inline-block;
}

#se-connecter {
    width: auto;
    height: auto;
    border: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.26);
    border-radius: 5px;
    background-color: #ffffff;
    font-family: Arial;
    font-weight: 700;
    padding: 10px;
}


#dropdown-menu-se-connecter .dropdown-content {
    width: 160px;
    display: none;
    position: absolute;
    min-width: auto;
    padding: 8px 0px;
    z-index: 1000;
    right: 0px;
    border: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.26);
    border-radius: 5px;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    font-weight: 700;
    padding: 0;
}

#ul-dropdown {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

#ul-dropdown li{
	margin-left: auto;
	margin-right: 0;
}

#ul-dropdown li:nth-of-type(1), #ul-dropdown li:nth-of-type(2){
	padding-bottom: 3px;
}

#ul-dropdown li a{
	display: flex;
	font-size: 13px;
}

#ul-dropdown li a span{
	margin-top: 3px;
} 

#hamburger{
    padding: 0;
    border: none;
    background: none;
}

#hamburger:hover{
    cursor: pointer;
}

#close{
    padding: 0;
    border: none;
    background: none;
    color: #8B97A9;
}

#close:hover{
    cursor: pointer;
}

.div-hamburger{
    width: auto;
    height: auto;
    /* top: 50%; */
    margin-top: 30px;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end;
    right: 30px;
    z-index: 9001; 
} 

.contenu-hamburger{
    width: 70%;
    height: 100vh;
    display: none;
    right: 0;
    top: 0;
    justify-content: flex-end;
    position: absolute;
}

.contenu-hamburger ul{
    width: 70%;
    height: 100vh;
    padding-top: 90px;
    z-index: 999;
    background: #fff;
    text-align: left;
}

.contenu-hamburger ul li{
    list-style: none;
    margin-right: 40px;
    padding: 10px 0;
}

.contenu-hamburger ul li a{
    font-weight: 500;
}

.contenu-hamburger ul li:nth-of-type(1){
    text-align: left;
    border-top: 2px solid #EA7152;
    border-bottom: 2px solid #EA7152;
}

.highlighted-a-menu{
	background-color: #ed7454;
}

@keyframes slideIn{
    from{
        transform:translateX(50px);opacity:0;
    }
    to{
        transform:translateX(0);opacity:1;
    }
}

.menu-actif{
    display: flex !important;
    /* animation: slideIn .4s forwards; */
    position: absolute;
    z-index : 9000;
}

@keyframes slideOut{
    from{
        right:0;opacity:1;
    }
    to{
        right:-650px;opacity:0.8;
    }
}

.menu-out{
   /*  animation: slideOut .2s forwards; */
}

.blur{
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

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

/***************************************************************/
/*	Modal video
/***************************************************************/


.modal-video-parcoursup {
    text-align: center;
    min-width: 100%;
}
.modal-video-parcoursup .modal-header:before,
.modal-video-parcoursup .modal-header:after{
	 content: none;
}
.modal-video-parcoursup .modal-header button{
	cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    background-color: transparent !important;
    opacity: 1;
}
.modal-video-parcoursup .modal-content {
    min-width: 100%;
    position: relative;
    min-height: 0;
}

.modal-header-video {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.modal-video-parcoursup h3{
	margin: 0;
}

#modal-video-parcoursup iframe {
    width: 100%;
    height: 29.375em;
    position: absolute;
    top: 0;
    left: 0;
}


/***************************************************************/
/*	Media Queries
/***************************************************************/


@media (max-width: 1200px) {

/*     main{ */
/*         padding-left: 50px; */
/*         padding-right: 50px; */
/*     } */
    
    .reseaux-sociaux{
        display: none;
    }
    
   .lien-ministere1{
        justify-content: space-around;
    }

    #liste_milieu ul{
        margin: -6%;
    }
    
    #liste_gauche {
        width: 50%;
    }
    
    #logomarianne {
        width: 80px;
    }
    
    #logopsup {
        width: 230px;
    }
}

@media screen and (max-width: 768px){
	#logopsup{
		width:150px;
	}
	
	#logomarianne{
		width:60px;
	}
}

.btn-video-carte{
	font-size: 1.1em !important;
	color: #ffffff!important;
	background-color: #3D566E !important;
}


#psup-user-menu p {
    padding: 1rem;
    text-align: left;
    font-size: 0.875rem;
    color: var(--text-mention-grey);
}