/*
* 	CSS général 2020
*/

:root{
   	--icon-arrow-right : url("../dsfr/dist/icons/system/arrow-right-line.svg");
   	--icon-hourglass-line : url("../dsfr/dist/icons/system/hourglass-line.svg");
   	--icon-close-line : url("../dsfr/dist/icons/system/close-line.svg");
   	--icon-warning-fill : url("../dsfr/dist/icons/system/fr--warning-fill.svg");
}

/* COULEUR-----------------------------------------------------------*/

/* COLOR ----- */
.blanc { color:#ffffff!important;}
.bleu{ color : #3D566E;}
.rouge{ color : #d0140e!important}

/* BACKGROUND COLOR ----- */
.bg-white{ background-color: white !important;}

.fr-background-alt-blue-france{
	background: var(--background-alt-blue-france);
}
.fr-background-alt-pink-macaron{
	background: var(--background-alt-pink-macaron);
}
.fr-background-alt-blue-cumulus{
	background: var(--background-alt-blue-cumulus);
}
.fr-background-alt-beige-gris-galet{
	background: var(--background-alt-beige-gris-galet);
}


/* COMMUN ---------------------------------------------------------*/

/* FONT WEIGHT ----- */
.bold, .strong, .font-weight-bold{ font-weight : bold;}
.font-weight-normal, .regular-txt{ font-weight : normal !important;}

/* FONT STYLE ----- */
.italic{font-style: italic;}

/* TEXT ALIGN ----- */
.text-right{text-align: right;}
.text-center, .center{text-align: center!important;}
.text-right, .right{text-align: right!important;}
.text-left, .left{text-align: left!important;}
.justify{text-align:justify;}

/* TEXT DECORATION ----- */
.text-decoration-none{text-decoration:none!important;}
.underline{text-decoration: underline;}

/* TEXT TRANSFORM ----- */
.uppercase{
	text-transform: uppercase;
}

/* MARGIN TOP ----- */
.mt-0{ margin-top: 0;}
.mt-1{ margin-top: 1em;}
.mt-2{ margin-top: 2em;}
.mt-3{ margin-top: 3em;}
.mt-4{ margin-top: 4em;}
.mt-5{ margin-top: 5em;}

/* MARGIN BOTTOM ----- */
.mb-0{ margin-bottom: 0;}
.mb-1{ margin-bottom: 1em;}
.mb-2{ margin-bottom: 2em;}
.mb-3{ margin-bottom: 3em;}
.mb-4{ margin-bottom: 4em;}
.mb-5{ margin-bottom: 5em;}
.mb-20px{ margin-bottom: 20px;}

/* MARGIN LEFT ----- */
.ml-0{ margin-left: 0;}
.ml-1{ margin-left: 1em;}
.ml-2{ margin-left: 2em;}
.ml-3{ margin-left: 3em;}
.ml-4{ margin-left: 4em;}
.ml-5{ margin-left: 5em;}

/* MARGIN RIGHT ----- */
.mr-0{ margin-right: 0;}
.mr-8{ margin-right: 8px;}
.mr-1{ margin-right: 1em;}
.mr-2{ margin-right: 2em;}
.mr-3{ margin-right: 3em;}
.mr-4{ margin-right: 4em;}
.mr-5{ margin-right: 5em;}

/* MARGIN Y ----- */
.my-0{ margin-top: 0; margin-bottom: 0;}

.m-auto{margin: auto !important;}
.mx-auto{margin: 0 auto !important;}
.my-auto{margin: auto 0 !important;}

/* PADDING ----- */
.p-0{ padding: 0!important;}
.p-0-35{ padding: 0.35em!important;}
.p-1{ padding: 1em!important;}
.p-2{ padding: 2em!important;}
.p-3{ padding: 3em!important;}
.p-4{ padding: 4em!important;}
.p-5{ padding: 5em!important;}

/* PADDING TOP ----- */
.pt-0{ padding-top: 0!important;}
.pt-0-5{ padding-top: 0.5rem!important;}
.pt-1{ padding-top: 1em!important;}
.pt-2{ padding-top: 2em!important;}
.pt-3{ padding-top: 3em!important;}
.pt-4{ padding-top: 4em !important;}
.pt-5{ padding-top: 5em!important;}

/* PADDING LEFT ----- */
.pl-0{ padding-left: 0!important;}
.pl-1{ padding-left: 1em!important;}
.pl-2{ padding-left: 2em!important;}
.pl-3{ padding-left: 3em!important;}
.pl-4{ padding-left: 4em!important;}
.pl-5{ padding-left: 5em!important;}

/* PADDING RIGHT ----- */
.pr-0{ padding-right: 0!important;}
.pr-1{ padding-right: 1em!important;}
.pr-2{ padding-right: 2em!important;}
.pr-3{ padding-right: 3em!important;}
.pr-4{ padding-right: 4em!important;}
.pr-5{ padding-right: 5em!important;}
.pr-25{ padding-right: 25%;}

/* PADDING BOTTOM ----- */
.pb-1{ padding-bottom: 1em!important;}
.pb-2{ padding-bottom: 2em!important;}
.pb-3{ padding-bottom: 3em!important;}
.pb-4{ padding-bottom: 4em!important;}
.pb-5{ padding-bottom: 5em!important;}

/* PADDING X ----- */
.px-1{ padding-left: 1em; padding-right: 1em;}
.px-2{ padding-left: 2em; padding-right: 2em;}
.px-5px{ padding-left: 5px; padding-right: 5px;}
.pl-0-pr-5px{ padding-left:0; padding-right:5px;}

/* PADDING Y ----- */
.py-3{ padding-top: 3em; padding-bottom: 3em;}

/* DISPLAY ----- */
.block, .display-block{display : block!important;}
.d-flex{display: flex !important;}
.d-none, .display-none{display: none!important;}
.d-inline-block, .inline-block{display: inline-block;}
.d-inline, .inline{display:inline;}

.sr-only{
	border: 0;
	clip: rect(1px, 1px, 1px, 1px) ;
	-webkit-clip-path: inset(50%) ;
	        clip-path: inset(50%) ;
	height: 1px !important;
	overflow: hidden ;
	padding: 0 ;
	position: absolute ;
	width: 1px ;
	white-space: nowrap ;	
}

/* JUSTIFY CONTENT ----- */
.justify-content-between{justify-content: space-between;}
.justify-space-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-content-center{justify-content: center;}
.justify-content-end{justify-content: end;}

/* FLEX DIRECTION ----- */
.flex-row{flex-direction: row !important;}
.flex-column{flex-direction: column !important;}

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

/* ALIGN ITEMS ----- */
.align-items-flex-start{align-items: flex-start !important;}
.align-center{align-items: center;}
.align-content-flex-end{align-content: flex-end;}

/* WIDTH ----- */
.w-2{width: 16.66666666666667%;margin: 0;}
.w-4{width: 33.333333%;margin: 0;flex: 0 0 33.333333%;}
.w-5{flex: 0 0 41.666667%;max-width: 41.666667%;}
.w-6,.w-50{width: 50%;margin: 0;}
.w-7{flex: 0 0 58.333333%;max-width: 58.333333%;}
.w-8{flex: 0 0 66.666667%;max-width: 66.666667%;}
.w-10{width: 83.33333333333333%;margin: 0;}
.w-12,.w-100{width: 100% !important;}
.w-18{width: 18px;}
.w-20{width: 20%;}
.w-35{width: 35px;}
.w-40{width: 40%;}
.w-46{width: 46%;}
.w-60{width: 60%;}
.w-80{width: 80%;}

/* HEIGHT ----- */
.h-100{height:100%;}

.h-5r{height: 5rem;}
.h-10r{height: 10rem;}
.h-15r{height: 15rem;}
.h-20r{height: 20rem;}

/* VERTICAL ALIGN ----- */
.v-align-top{ vertical-align: top;}

/* LINE HEIGHT ----- */
.line-height-1{line-height: 1;}

/* WHITE SPACE*/
.white-space{
	white-space : nowrap;
}


/* LIST ----- */
.ul-with-mb-1 li {
	margin-bottom: 1em;
}
.ul-sans-bullet{
	list-style-type: none;
}

.overflow-scroll-y{
	overflow-y: scroll;
}

/* TRAITS ET BORDURES -------------------------------------------------*/

.border-gris{ border: solid 1px #E2E6EB;}
.border-top-gris{ border-top: solid 1px #E2E6EB;}
.border-bottom-gris{ border-bottom: solid 1px #E2E6EB;}
.border-left-gris{ border-left: solid 1px #E2E6EB;}
.border-right-gris{ border-right: solid 1px #E2E6EB;}

.btn{
	padding: 6px 5px !important;
    border-radius: 4px;
    font-weight: 600;
    white-space: normal !important;
    cursor: pointer;
    font-size: 1em;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 1px solid #3D566E;
    background-color: white;
}

.btn-invisible{
	border: none !important;
	background: none;
	font-weight: normal !important;
	padding : 0;
}

.btn-inactif{
	color: #AAAAAA!important;
    background-color: #DDDDDD;
    cursor: not-allowed;
}

.btn-inactif:hover, .btn-invisible:hover{
	text-decoration: none;
}

.fa-icon{
	color: #8B97A9;
}

/*.fr-tile--sm .fr-tile__body{*/
/*    margin: 0 .5rem 0 .5rem !important;*/
/*}*/
.fr-tile--sm .fr-tile__img{
	margin: 0.5rem 0 0.5rem 0.5rem !important;
}

.fr-icon-hourglass-line:before{
	mask-image: var(--icon-hourglass-line);
}

.fr-icon-close-line:before{
	mask-image: var(--icon-close-line);
}

.fr-card:has([target=_blank]) a[target=_blank]:after {
	display: none !important;	
}

.fr-card:has([target=_blank]):before {
	bottom: 2rem;
    color: var(--text-action-high-blue-france);
    content: "";
    position: absolute;
    right: 2rem;   	
   
   	--icon-size: 1.5rem;
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: var(--icon-size);
    -webkit-mask-image: var(--icon-arrow-right);
    mask-image: var(--icon-arrow-right);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: calc((.75em - var(--icon-size))* .5);
    width: var(--icon-size);
   
}

/* ELEMENTS FORMULAIRES ---------------------------------------------------------*/

/* TEXTE*/

p a {
	word-break: break-word;
}

.error-msg{
	display: none;
	font-weight: bold;
	color : #d0140e;
}

/* MODALES et TOOLTIP ---------------------------------------------------------*/

.ui-widget-content{
	border: none !important;
	color: var(--text-default-grey) !important;
}
.ui-widget-content .ui-dialog-buttonset .fr-btn{
  --text-spacing: 0;
  --title-spacing: 0;
  z-index: 1;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;

  --underline-img: none;
  --hover-tint: var(--hover);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  background-color: var(--background-action-high-blue-france);

  --idle: transparent;
  --hover: var(--background-action-high-blue-france-hover);
  --active: var(--background-action-high-blue-france-active);
  color: var(--text-inverted-blue-france);
}
.ui-widget-content .ui-dialog-buttonset .fr-btn--secondary{
	background-color: transparent;
	--hover: inherit;
	--active: inherit;
	color: var(--text-action-high-blue-france);
	box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
}

.modally {
  position: absolute;
  top: 120px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  transition: opacity 400ms ease-in;
  display: none;
  justify-content: center;
  flex-wrap: wrap;
}
.content-modally {
  flex-direction: column; 
  padding: 1rem;
  width: 100%;
  border : 1px solid lightgray;
  margin-bottom: 1rem;
}

.info-mode-dev{
	background-color : #fde6d8;
	color : #f5803e;
}

/* AJOUT SURCOUCHE BOOTSTRAP MANUELLE ---------------------------------------------------------*/

.fa-icon{
	color: #8B97A9;
}

.sticky{
	position:sticky;
 	top : 0;
}

/* TOOLTIP*/
.div-tooltip{
    margin-right: 5px;
    margin-left: 5px;
}
.div-tooltip span{
    line-height: 1;
    font-size: 1em;
}
.tooltipperso {
	position: relative;
	display: inline-block;
}
.tooltipperso .tooltiptextperso {
	visibility: hidden;
	border-radius: 3px;
	position: absolute;
	z-index: 1;
	top: -8px;
	right : -10%;
	padding : 1em;
	width: 350px;
	background-color: #3D566E;
	color: white;
	border: 1px solid white;
	text-align : left;
}
.tooltipperso:hover .tooltiptextperso {
	visibility: visible;
}

iframe{
	border: none !important;
	overflow: hidden;
	width: 100%;
}

/* le header est passé d'un .fr-container à un .fr-container-fluid, pour répondre à la demande de So-Serge d'élargir le site candidat pour les admissions 2024*/
/* Le menu déroulant de la connexion n'était donc plus entièrement visible => correctif ci-dessous pour qu'il s'affiche au moment du collaspe opened*/
#header-container{ 
	width: 100% !important;
	overflow: initial !important;
}

/* TODO ADM23 : déplacé de parcoursup.css -------------------------------------------------------------------------------------------------------------------------------------------------------*/
 
@media screen and (min-width: 62em) {
	#text-nom-prenom-print-mobile {
		display: none;
	}
}
 
 .logo_psup {
    width: 15em !important;
}
 
.fa {
	text-decoration : none!important;
}

.modal-video{
	z-index:1010;
	border-style: solid;
	border-width: 0.077em;
	background-color: white;
	text-align:justify;
	font-weight: normal; 
	display : none; 
 	position: absolute; 
	-moz-box-shadow: 0px 0.31em 0.31em 0.077em #00000061;
	-webkit-box-shadow: 0px 0.31em 0.31em 0.077em #00000061;
	-o-box-shadow: 0px 0.31em 0.31em 0.077em #00000061;
	box-shadow: 0px 0.31em 0.31em 0.077em #00000061;
}

.modal-video .modal-video-header{
	width: 100%;
	display: flex;
}
.modal-video .modal-video-title h2{
	padding-left : 1em;
	background: transparent;
}
.modal-video .modal-video-close{
	background-color: transparent;
	margin: 1em 1em 1em auto;
}
.modal-video .modal-close-button{
	background-color: transparent;
}
.modal-video .modal-close-button .fa{
	font-size: 2em;
	color: #A2A2A2;
}
.modal-video iframe{
	position: absolute;
    left: 0;
    height: 29em;
    width: 100%;
    z-index:1001;
}
.overlay-video{
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right : 0;
    min-height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1004;
}

/*Elements d'impression*/
.impression {
	display:none;
}

/*Aller a la ligne aprés un float*/
.clear{
	clear: both;
	height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

.hidden{
	visibility : hidden;
}

#panneaudroite {
	margin: auto;
	background-color: white;
}

/*pas de puces sur intl-tel-input*/
div.intl-tel-input li {
	list-style-type:none;
}

#toolbox{
	width: 80px;
	text-align: center;
}

main {
	min-height: 50vh;
}

.bulleaide {
	position: relative;
	background-color: #f2f6f7;
	padding: 5px 5px 5px 5px;
}

#container-cadre{
	background-image: url(../../image/recupDSFR/textetapes-shape.svg);
	background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
}

.fr-header__service a:after{
	display: none;	
}

/* Authentification */

.formation{
 	border-style: solid;
 	border-width: 1px;
	padding : 10px;
	margin-bottom: 10px;
	position : relative;
	border-radius : 3px;
}

.formation:hover{
	background-color: #d7e6f4;
}

.sticky{
	position : -webkit-sticky;
	position : sticky;
	top:0;
}
.clearfix{
	clear:both;
}

/* Ajout de voeu */
p.itemEpreuve {
	display: list-item;
	list-style: inside;
	text-decoration: underline;
}

div.elementCandidature {
    margin-top: 20px;
}

div#intitule {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 5px 0 5px 0;
    background-color: #3D566E;
    text-transform: uppercase;
    color: white;
    font-size: 1em;
    text-align: center;
    font-weight: 600;
}
div#intitule.incomplet {
	background-color: white;
	color: #ce4844;
	border: 1px solid #ce4844; 
	
}

div#messageErreur{
	border : 1px solid #ce4844;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #ce4844;
}

.information {
	padding: 10px 10px 10px 10px;
}

/* Pièces documents */
li.document {
	list-style: none;
}
li.document a:link,
li.document a:visited {
	font-weight: bold;
}

div.fichiers{
	margin-left : 20px;
	margin-bottom : 5px;
	display : flex;
	max-width : 100%;
}

div.infosFichier{
	width : 90%;
	float : left;
	text-align : left;
}

div.supprFichier{
	width : 10%;
	float : right;
	text-align : right;
	margin-right : 5px;
}

div.supprFichier a.fr-btn{
	margin : 0;
	padding: 1px 5px 0px 5px;
}

#messagesDerogation{
	width : 100%;
	display : inline-block;
	border-right : 5px;
	border-left : 5px;
}

div.messageSaio{
	border : solid 1px #dcdcdc;
	margin-top : 5px;
	padding : 10px;
}

div.corpsMessage{
	padding : 0 10px 0 10px;
	width : 100%;
	word-wrap: break-word; 
}
div.corpsMessage p{
	color: white;
}
div.envoyerMessage {
	background-color:  #f2f6f7;
	border: 1px solid #dcdcdc;
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
}

.messageInput {
 	border-radius: 5px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	padding: 5px 5px;
	font-size: 1em;
	width: 90%;
	height : 50px;
}

/*Descriptif preferences*/

.LienPreference{
	text-decoration : none!important;
	margin-right: 10px;
}

#descriptif_preferences{
	margin-bottom: 20px;
}

.etab-nom{
	font-size: 1.2rem;
	font-weight: 700!important;
	margin: var(--title-spacing);
}
p.formation-nom {
	font-size: 1.1em;
}

/** ma preferences**/
#formMaPreference{
	margin-top: 20px;
}

#maPreference{
	border: 1px solid #E6E6E6;
    padding: 20px;
    margin-bottom: 20px;
    color: black;
    word-wrap: break-word;
}

/*GENERAL*/

#divBloquante{
	z-index: 500;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0;
    position: absolute;
    top: 240px;
}

#Maintenance{
	min-height : 500px;
	width: 100%;
    margin: 0 auto;
}

#cadre-joyeux { /* Chevrons colorés dans le cadre (récup site statique) */
    background-image: url(../../image/recupDSFR/textetapes-shape.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
}

/**Formulaire demat**/
.divUneReponse{
    display: flex; 
    flex-direction: column;
}

.divElementFormulaire{
	margin-top : 20px;
	margin-bottom : 20px;
}

.divSaisieComplementaire {
	width : 100% !important;
	margin: 1rem 0 2rem !important;
}

.divTableau_ifsi{
	display: flex !important;	
	flex-direction: column !important;
	width : 100% !important;
}

.titreQuestion_ifsi {
	width:100% !important;
}

.titreQuestion{
	font-weight: bold;
	margin-bottom: .5rem;
}

.divListeReponse {
	width: 100%;
	text-align: left;
}

.divListeReponse_ifsi {
	width: 100% !important;
	margin-top: 1em !important;
	padding-left: 0 !important;
}

.divListeReponse_ifsi .divUneReponse input {
	width: 15px !important;
}

.titreCkeditor{
	font-weight: bold;
}

/*SCOLARITE*/
.message {
	padding: 10px;
	border: solid 1px lightgray;
}
.messageErreur {
	color:  #d0140e;
	border-color:  #d0140e;
}

/*CKEDITOR*/
.cke_notification{
	background: white !important;
	border: 2px solid var(--border-plain-info);
    padding: 1rem 2.25rem .75rem 3.5rem;
    color: var(--text-default-grey);
    opacity: 1 !important;
    
}
.cke_notification:before{
	background-image:url(../icons/system/fr--info-fill.svg);
}
.cke_notification_warning{
	border: 2px solid var(--border-plain-warning) !important;
}
.cke_notification_message{
    color: var(--text-default-grey);
    margin: var(--text-spacing);
    font-size: 1rem !important;;
    font-family: inherit !important;
}
.cke_notification_close{
	color: #000091;
    color: var(--text-action-high-blue-france);
    background-image: none !important;
	
}
.cke_notification_close span{
	display: block !important;
	color: #000091;
    color: var(--text-action-high-blue-france);
}

.widget-prdv a{
	cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: 0.25s;transition: 0.25s;
    -webkit-transition-property: background-color, color, border, -webkit-box-shadow;transition-property: background-color, color, border, -webkit-box-shadow;
    text-align: center;vertical-align: middle;text-decoration: none;font-family: inherit;font-size: inherit;line-height: 1;
	font-weight: 600; white-space : normal;-webkit-box-shadow : unset;box-shadow: unset;
	border-radius: 4px;padding: 6px 5px;background-color: #0F5AAC;
	color : white !important;	
	text-decoration: none !important;
	padding: 0.6em;
	min-height: 32px;
	margin-right: 1em;
}

#div-img-rdv{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.logo-la-bonne-alternance{
	width: 14em;
}
.dialog-trouver-contrat{
	padding-left : 2rem;
}
.dialog-trouver-contrat-flex{
	display: flex;
	justify-content: space-between;
}
.dialog-trouver-contrat .div-gauche{
	max-width: 350px;
	padding-bottom: 3em;
}
.dialog-trouver-contrat .div-droite{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
    text-align: right;
}
.dialog-trouver-contrat #img-illustration-lba{
	width: 10em;
}

.tooltiptext-help {
    width: 350px;
    margin-left: -250px;
    margin-top : 20px;
    background-color: white;
    color: black;
    text-align: left;
    padding: 10px;
    border: 1px solid #7a7a7c;
    position: absolute;
}

/* PAGES -------------------------------------------------------------------------------------------------------------------------------*/

main{
    behavior: url(./PIE.htc); 
}

.sticky{
	position:sticky;
 	top : 0;
}

.btn-invisible{
	border: none !important;
	background: none !important;
	font-weight: normal !important;
	padding : 0;
}

/* AUTHENTIFICATION  -----------------------------------------------------------------------------------*/

#bea{
	width: 240px;
}

/* IDENTITE - recherche étab actuel -----------------------------------------------------------------------------------*/

#resultsList.expand {
	height: 350px;
	overflow: auto;
}
#resultsList .result td{
	padding-left: 10px;		
}
#resultsList .result:hover{
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	background-color: #eee;
	cursor: pointer;
}
#resultsList .result_separator{
	font-weight: bold;
	color: gray;
}
#resultsList tr.result_separator td {
	border-top: solid 1px lightgray;
	border-bottom: solid 1px lightgray;
}

#Layer1 {
	position:absolute;
	z-index:1;
	background-color: #FFFFCC;
	visibility:hidden;
}

/* ETAT CIVIL -----------------------------------------------------------------------------------*/

#form-etat-civil #g_cm_cod_nai{
	width: 350px;
}

/* COORDONNEES -----------------------------------------------------------------------------------*/

#formCoordonnees #b_cm_cod{
	width: 475px;
}

/* MOT DE PASSE -----------------------------------------------------------------------------------*/

.password-level{
	width: 100%;
	height: 10px;
	display: flex;
	border: 1px solid #f6f6f6;
	background: #f6f6f6;
	margin: .75rem 0 .25rem 0;
}
.password-color{
    display: flex;
	width: 0%;
	height: 100%;
}
.password-text{
	display: flex;
	align-items: center;
	margin-left: 5px;
	color: white;
}

/* INFORMATIONS BOURSES -----------------------------------------------------------------------------------*/

#leResultatCalculSimu{
	display:inline-block;
	border: 1px solid #E2E6EB;
	min-width: 205px;
	min-height: 30px;
	padding: 1em;
}

#select_boursier{
	min-width: 190px;
}


/* SPORTIF ARTISTE */

#g_sd_cod{
	min-width: 280px;
}

/* HANDICAP - FICHE LIAISON */

#formulaire_handicap legend:not(.bold){
	font-weight: normal;	
}


/* SCOLARITE -----------------------------------------------------------------------------------*/

#progress-sco .progress-step.selected p.fr-tag,
#progress-sco .progress-step.selected a.fr-tag,
#progress-sco .progress-step.selected a.fr-tag:link,
#progress-sco .progress-step.selected a.fr-tag:visited {
	background-color: var(--background-active-blue-france);
    color: var(--text-inverted-grey);
}


/* ACTIVITES ET CENTRE D'INTERET -----------------------------------------------------------------------------------*/

textarea.textQuest{
	width: 100%;
	min-height: 15em;
	white-space:pre-wrap;
}
	
div.textQuest{
	width: 100%;
	border: solid #E2E6EB 1px;
	padding : .5em;
	min-height:2.25rem;
	white-space:pre-wrap;
	overflow-wrap: break-word;
}

/* MES VOEUX*/

div.reponse-question label {
	font-weight: normal;
}
#maj_questions div.reponse-question ul{
	padding: 0;
}
div.reponse-question li {
	list-style: none;
}

#form_Academie #g_aa_cod,
#form_Academie #g_dp_cod,
#form_Motif #g_dt_cod,
#form_Motif #g_dr_sai_lib,
#frm_RaisonDem #a_rd_cod{
	min-width: 300px;
}

.picto-voeux{
	width: 4rem;
}

/* TABLEAU DE BORD ----------------------------------------------------------------------------------*/

#btn-modale-sous-voeux{
	padding-top: 0;
	min-height: 1.5rem;
}

/* ADMISSION ----------------------------------------------------------------------------------*/

#pop_accepte{
     position: fixed;
     display: none;
     left: 50%;
     top: 50%;
     z-index: 2000;
     padding: 30px;
     background-color: #F8F8F8;
     font-size: 12px;
     line-height: 16px;
     color: #202020;
     border : 1px outset #555555;
     text-align: center;
}
#admissions\.synthese .popup{
	right : 16%;
}

#texte-lib-form-choix{
	display: flex;
	align-items: center;
	margin-top: 1rem;
}
#texte-lib-form-choix .texte-lib-form-choix-icon{
	margin-right: 1rem;
}

.cadre-css-admission .fr-tile__body{
	justify-content: start;
}

.cadre-css-admission .psup-all-wish-lists__heading,
.cadre-css-admission .psup-wish-card-entete{
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;	
}
.cadre-css-admission .psup-all-wish-lists h2,
.cadre-css-admission #text-entete-reponse,
.cadre-css-admission.div-tunnel-reponse-admission h2{
	font-size: 1.25rem;
}

.cadre-css-admission .psup-all-wish-lists > div{
	margin-top : 2rem;	
}
.cadre-css-admission .psup-all-wish-lists__heading{
	width: 100%;
	padding: 2rem 2rem 0 2rem;
	justify-content: space-between;
}

.cadre-css-admission .psup-all-wish-lists__content{
	margin-left: 0 !important;
}

.cadre-css-admission .psup-all-wish-lists--success .psup-all-wish-lists__heading,
.cadre-css-admission .psup-all-wish-lists--success .psup-all-wish-lists__content,
.cadre-css-admission .psup-wish-card-entete--success{
	background: var(--background-alt-green-emeraude);
}

.cadre-css-admission .psup-all-wish-lists--waiting .psup-all-wish-lists__heading, 
.cadre-css-admission .psup-all-wish-lists--waiting .psup-all-wish-lists__content,
.cadre-css-admission .psup-wish-card-entete--waiting{
	background: var(--background-alt-pink-macaron);
}

.cadre-css-admission .psup-all-wish-lists--info .psup-all-wish-lists__heading,
.cadre-css-admission .psup-all-wish-lists--info .psup-all-wish-lists__content,
.cadre-css-admission .psup-wish-card-entete--info{
	background: var(--background-alt-blue-cumulus);
}

.cadre-css-admission .psup-all-wish-lists--canceled .psup-all-wish-lists__heading,
.cadre-css-admission .psup-all-wish-lists--canceled .psup-all-wish-lists__content,
.cadre-css-admission .psup-wish-card-entete--canceled{
	background: var(--background-alt-beige-gris-galet);
}
.cadre-css-admission .psup-all-wish-lists__content{
	padding-top: 0;
}

.cadre-css-admission .psup-all-wish-lists__content .fr-alert,
.cadre-css-admission .psup-all-wish-lists__content .fr-highlight{
	background: var(--background-default-grey);
}
.cadre-css-admission .psup-all-wish-lists__content.fr-collapse.fr-collapse--expanded,
.cadre-css-admission .psup-wish-card-entete,
.cadre-css-admission .psup-all-wish-lists__content--padding{
	padding: 1.5rem 2rem;
}
.cadre-css-admission .psup-wish-card{
	border: none;
	padding: 0;
}
.cadre-css-admission .psup-wish-card:not(:nth-of-type(1)){
	margin-top: 2rem;	
}

.cadre-css-admission .psup-wish-card {
	background-color: var(--background-default-grey);
	background-image: linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);
    background-image: linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));
    background-position: 100% 100%,0 0,100% 0,100% 0;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 100% 1px,1px 100%,1px 100%,100% 1px;
}

.cadre-css-admission .psup-wish-card__header,
.cadre-css-admission .psup-wish-card__content,
.cadre-css-admission .psup-wish-card__footer,
.cadre-css-admission .psup-wish-card__infos:has(button, a),
.cadre-css-admission .psup-wish-card__actions{
	padding: 1rem;
}

.cadre-css-admission .psup-wish-card__content,
.cadre-css-admission .psup-wish-card__infos:has(button, a),
.cadre-css-admission .psup-wish-card__actions{
	border-top: 1px solid var(--background-contrast-grey);
}

.cadre-css-admission .psup-wish-card__content .psup-wish-card__content__buttons ul li:last-child a,
.cadre-css-admission .psup-wish-card__content .psup-wish-card__content__buttons ul li:last-child button{
	margin-bottom: 0;
}

.cadre-css-admission .psup-wish-card__infos ul{
	display: inline-flex;
	padding : 0 0.5rem;
	margin: 0;
	padding: 0;
}

.cadre-css-admission .psup-wish-card__infos ul:not(:has(li)){
	display: none;
}

.cadre-css-admission .psup-wish-card__infos ul li{
	padding : 0.5rem 0.5rem 0 0.5rem;
}

.cadre-css-admission .psup-wish-card__complement .fr-accordion__btn{
	padding: 1rem;	
}

.cadre-css-admission .psup-wish-card__footer{
	border-top: 1px solid var(--background-contrast-grey);
}

.cadre-css-admission .psup-wish-card__actions .fr-fieldset,
.cadre-css-admission .psup-wish-card__actions .fr-fieldset__element{
	margin-bottom: 0 !important;
}

.cadre-css-admission .psup-wish-card__school {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.15rem;
}
.cadre-css-admission .psup-wish-card__course {
	font-size: 1rem;
	margin-bottom: 0.15rem;
}
.cadre-css-admission .psup-wish-card__details-list {
	column-gap: 1rem;
	margin: 0;
}

.cadre-css-admission .psup-wish-card__details-list li{
	flex-grow: 1;
}

.cadre-css-admission .psup-wish-card__details-list > li:nth-child(1), 
.cadre-css-admission .psup-wish-card__details-list > li:nth-child(2){
	flex-basis: auto;
	flex-grow: 1;
}

@media (max-width: 62em) { /* SM ET MD*/
	.fr-frise__section {
		padding-top: 1.25rem;
   		padding-bottom: 3rem;
	    background: #000091 url("../../image/recupDSFR/bg-md-frise.svg") 100% 0 no-repeat;
	}
}

@media (max-width: 36em) {	/* SM ONLY*/	
	
	#div-regles-or{
		padding: 1rem !important;
	}
	
	#texte-lib-form-choix {
		align-items: start;
		flex-direction: column;
		margin-top: 0;
	}
	#texte-lib-form-choix .texte-lib-form-choix-icon{
		margin-bottom: 0.5rem;
		padding-top: 1rem;
	}	
	
	.cadre-css-admission .psup-all-wish-lists__collapse-button{
		width: calc(100% - 1rem);
		margin-left: 0;
		margin-bottom: 1rem !important;
		justify-content: center;
	}
	
	.cadre-css-admission .psup-all-wish-lists--waiting .psup-all-wish-lists__heading,
	.cadre-css-admission .psup-all-wish-lists--info .psup-all-wish-lists__heading,
	.cadre-css-admission .psup-all-wish-lists--canceled .psup-all-wish-lists__heading{
		padding: 1.5rem 1rem 0 1rem;
	}
	.cadre-css-admission .psup-all-wish-lists__content.fr-collapse.fr-collapse--expanded{
		padding: 1.5rem 1rem !important;
	}
		
	.cadre-css-admission .psup-wish-card__actions .fr-fieldset__element{
		margin-bottom: 1rem !important;
	}
	.cadre-css-admission .psup-wish-card__details-list li{
		display: flex;
		flex-direction: column;	
	}
	
	.cadre-css-admission .psup-wish-card-entete--canceled{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.cadre-css-admission .psup-wish-card__complement .fr-accordion__btn{
		flex-direction: column;
		align-items: flex-start;
	}
	.cadre-css-admission .psup-wish-card__complement .fr-accordion__btn .fr-badge{
		margin-left: 0 !important;
		margin-top: 1rem;	
	}
	
	.cadre-css-admission .psup-wish-card__complement .fr-accordion .div-graphique{
		border: none;
	}
}	
	
@media (min-width: 62em) {
	.cadre-css-admission .psup-wish-card__details-list.psup-wish-card__details-list--first li:last-child{
		text-align: right;
	}
	
	.cadre-css-admission .psup-wish-card__details-list:not(.psup-wish-card__details-list--first) > li:nth-child(1),
	.cadre-css-admission .psup-wish-card__details-list:not(.psup-wish-card__details-list--first) > li:nth-child(2) {
		flex-grow: unset;
	}
	
	.cadre-css-admission .psup-wish-card__infos ul li{
		padding-top: 0;
	}
}

/* MES VOEUX -----------------------------------------------------------------------------------*/

.page-candidatures h2{ 
	font-size: 1.4rem;
    line-height: 2.25rem;
    margin-bottom: .5rem;
}
.page-candidatures h3{ 
	font-size: 1.275rem;
    line-height: 2rem;
    margin-bottom: .5rem;
}
.page-candidatures h4{ 
	font-size: .95rem;
    line-height: 1.75rem;
    margin-bottom: .5rem;
}
.page-candidatures h5{ 
	font-size: .7rem;
    line-height: 1.75rem;
    margin-bottom: .5rem;
}

#descriptif_preferences #g_cp_des_txt{
	width: 100%;
}

table.comptages-candidatures{
	width: 100%;
}
table.comptages-candidatures td.comptage {
	/*width: 33%;*/
	vertical-align: top;
}
table.comptages-candidatures td.comptage-pn{
	width: 50%;
}
table.comptages-candidatures td.comptage-app {
	text-align: right;
}

#accordionAttNat .div_titre_accordeon{
	display: flex;
	justify-content: space-between;
	background-color: white !important;
    border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
    text-transform: none;
    cursor: pointer;

}
#accordionAttNat .div_titre_accordeon h3.titre_accordeon{
	display: flex;
    justify-content: center;
    flex-direction: column;
	border: 0;
	color: #708d94!important;
	font-weight: 600;
    font-size: 1em;
    height: 42px;
    width: 90%;
    margin-bottom: 0;
	margin-top : 5px;
	padding : 10px 15px;
}   
#accordionAttNat .div_titre_accordeon span.fa{
	width: auto;
	align-self: center;
	padding: 1em;
}   
	

#accordionAttNat .contenu_accordeon{
	background-color: white !important;
	padding : 10px 15px;
}

/* APPRENTISSAGE */
#div-liens-apprentissage{
	border-left: 1px solid #d3dce4;
    padding-left: 1em;
}

.div-left-apprentissage{
	border-right: 1px solid #eef2f3;
	padding-right: 10px;
}

.div-right-apprentissage{
	padding-left: 10px;
}

.img-elipse-chat-app{
	height: 3.5em;
}

/*PAIEMENT */
div.paiement td.montant img{vertical-align:middle;margin-right:15px;}
 
 table#rib td, table#domiciliation td, table#iban td, table#bic td {
 	border : 1px solid gray;
 }
 
 table#rib caption, table#domiciliation caption, table#iban caption, table#bic caption {
 	text-align: left;
 	font-weight: bold;
 }
 
 table#rib, table#domiciliation, table#iban, table#bic {
 	border : 1px solid gray;
 	border-collapse: collapse;
    width: 100%;
 }


/* ADMISSION -----------------------------------------------------------------------------------*/

#pop_accepte{
     position: fixed;
     display: none;
     left: 50%;
     top: 50%;
     z-index: 2000;
     padding: 30px;
     background-color: #F8F8F8;
     font-size: 12px;
     line-height: 16px;
     color: #202020;
     border : 1px outset #555555;
     text-align: center;
}

/* TABLEAU VOEUX */

#video_cloture{
	width : 60%;
	left: 32% !important;	
}

/* QUIZ - CALENDRIER FACON SITE STATIQUE*/

:root [data-theme=tuile]{
    --calendar-step-main-image: url(../../image/recupDSFR/bg-tuile.svg);
    --calendar-step-main-color: var(--pink-tuile-main-556);
}

:root [data-theme=emeraude]{
    --calendar-step-main-image: url(../../image/recupDSFR/bg-emeraude.svg);
    --calendar-step-main-color: var(--green-emeraude-main-632);
}

:root [data-theme=moutarde]{
    --calendar-step-main-image: url(../../image/recupDSFR/bg-moutarde.svg);
    --calendar-step-main-color: var(--yellow-moutarde-main-679);
}

:root [data-theme=ecume]{
    --calendar-step-main-image: url(../../image/recupDSFR/bg-ecume.svg);
    --calendar-step-main-color: var(--blue-ecume-main-400);
}

:root [data-theme=glycine]{
    --calendar-step-main-image: url(../../image/recupDSFR/bg-glycine.svg);
    --calendar-step-main-color: var(--purple-glycine-main-494);
}

:root [data-theme=grey]{
    --calendar-step-main-color: var(--grey-900-175);
}

.cadre-calendar{
	position: relative;
}
.cadre-calendar:before{
	content: "";
    position: absolute;
    width: 0.125rem;
    height: 100%;
    top: 0.5625rem;
    left: 2rem;
	background-image: linear-gradient(to bottom, var(--border-default-grey) 60%, transparent 40%);
	background-position: center bottom;
	background-repeat: repeat-y;
	background-size: 6px 30px;
}
.cadre-calendar-step:not(:last-of-type){
	margin-bottom: 5rem;
}
.calendar-step {
    border: 0.0625rem solid var(--border-default-grey);
}
.calendar-step__header {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0.75rem; 
    gap: 0.75rem;
    border-bottom: 0.0625rem solid var(--border-default-grey);
    background-image: var(--calendar-step-main-image);
    background-color: var(--grey-1000-50);
    background-repeat: no-repeat;
    background-position: 100% 0.5rem;
    background-size: 3.3125rem auto;
    flex-direction: row;
    gap: 1.5rem;
    background-position: 100% 0;
    background-size: auto;
    padding: 0.75rem 2rem;
}
.calendar-step__header:before {
    content: "";
    background-color: var(--calendar-step-main-color);
    height: 0.5rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0.5rem;
}
.calendar-step__step-num {
    font-family: Marianne;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin: 0;
    color: var(--calendar-step-main-color);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-direction: column;
    gap: 0;
    font-size: 2rem;
}
.calendar-step__step-num span {
    display: block;
    font-family: Marianne;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    color: var(--grey-1000-50);
    background: var(--calendar-step-main-color);
    -webkit-background-clip: text;
    -webkit-text-stroke: 0.125rem rgba(0, 0, 0, 0);
    letter-spacing: 0.125rem;
    line-height: 1;
    font-size: 3.5rem;
}
.calendar-step__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.calendar-step__maintitle {
    font-size: 1.25rem;
    margin: 0;
    flex-direction: column-reverse;
}
.calendar-step__date {
    order: -1;
    font-size: 1rem;
    margin: 0;
}

.calendar-step__body .fr-accordion{
	background: var(--grey-1000-50);
}

/* COFFRE FORT NUMERIQUE -----------------------------------------*/

#table-documents-cfn .tdFirst {
	width : 35%;	
}	
#table-documents-cfn .ligne-documents td{
	padding: 7px 0 0 0;
}
#table-documents-cfn .ligne-documents h3 {
	padding : 0.5em;
	background-color: var(--background-contrast-grey);
   	color: var(--text-title-grey);
}
#table-documents-cfn .ligne-documents-titre td{
	padding: 0.5rem;
	font-weight: bold;
	background-color: var(--background-alt-grey);
	border-left: 1px solid white;
}
#table-documents-cfn .ligne-documents-contenu td{
	padding: 0.5rem;
	background-color: var(--background-alt-grey);
	border-left: 1px solid white;
}

#table-documents-cfn ul.fichiers li {
	list-style: none;
	border-bottom: solid 1px lightgray;
}

#table-documents-cfn ul.fichiers div.fichier {
	display: inline-block;
	width: 100%;
}
#table-documents-cfn ul.fichiers div.bouton {
	float: right;
	vertical-align: middle;
}
#table-documents-cfn ul.fichiers div.lien {
	float: left;
	width: 70%;
}

#table-documents-cfn .strong{
	font-weight: 800; 
}

/* REPONDEUR AUTOMATIQUE -----------------------------------------------------------------------------------*/
	
/*CONTACT -----------------------------------------------------------------------------------*/

#divFormEnvoi #selectObjet{
	min-width: 300px;	
}

#divFormEnvoi #corpsMessage,
#containerConversation #corpsRelanceArea{
	width: 100%;
}

/* 404 -----------------------------------------------------------------------------------------*/

/* Loader qui tourne */
.loader {
	position : fixed;
	z-index: 9999;
	background :  url('../../image/loader.gif') 50% 50% no-repeat;
	top : 0px;
	left : 0px;
	height : 100%!important;
	width : 100%!important;
	cursor : wait;
	background-color : #0005; 
}

select {
	width: fit-content !important;

	--idle: transparent;
	--hover: var(--background-contrast-grey-hover);
	--active: var(--background-contrast-grey-active);
	--data-uri-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E");
	appearance: none !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: var(--background-contrast-grey) !important;
	background-image: var(--data-uri-svg);
	background-position: calc(100% - .5rem) 50%;
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	border-radius: .25rem .25rem 0 0;
	box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
	color: var(--text-title-grey);
	display: block;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .5rem 2.5rem .5rem 1rem;
}

.d-flex > .fr-input {
	display: inline;
	width: auto;
}

/* MENU */

#menu {
	position: relative;
}
#menu .fr-nav__list > * > .fr-nav__link {
	height: inherit;
}
#submenu {
	margin-bottom: 1rem;
}
@media (min-width: 62em) {
	#submenu {
		margin-bottom: 6rem;
	}
	#submenu ul {
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		left: 0;
		top: 5rem;
		width: 100%;
	}
}
#submenu .fr-tag:not([aria-current="page"]) {
	background-color: var(--background-contrast-grey);
	color: var(--text-label-grey);
}
#submenu .fr-tag[aria-current="page"] {
	background-color: var(--background-active-blue-france);
	color: var(--text-inverted-grey);
}

/* DSFR */

/* ADM23 : hack pour éviter les scroll horizontaux sur les fieldsets */
.psup-main-container {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

/* TIMELINE - FRISE ETAPES */
.psup-timeline-container{
	box-shadow : inset 0 1px 0 0 var(--border-default-grey);
	box-shadow: 0 2px 2px -2px var(--border-default-grey);
}

.psup-timeline-cadre{
	padding: 0.5rem 0 0.5rem 0;
}
.psup-timeline{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	padding-left: 0;
}

.psup-timeline__phase {
	display: flex;
	flex-direction: column-reverse;
	background-color: var(--background-alt-blue-france);
	padding: 1rem;
	width: 100%;
}

.psup-timeline__phase:not([aria-current="true"]) {
	display: none;
}

.psup-timeline__phase:not([aria-current="true"]) .psup-timeline__phase-title {
	color: var(--text-mention-grey);
}
.psup-timeline__phase[aria-current="true"] {
	box-shadow: inset 0 0 0 0 var(--border-default-grey), inset 0 0 0 0.25rem var(--border-default-blue-france) !important;
}
.psup-timeline__phase p {
	margin-bottom: 0;
}
.psup-timeline__phase-dates {
	color: var(--text-mention-grey);
	margin-top: 0.25rem;
}
.psup-timeline__phase-title {
	margin-top: 0.5rem;
	font-weight: 700;
	flex-grow: 1;
}

@media (min-width: 48em) {
	 .psup-timeline__phase {
		flex-basis: calc(25% - 0.75rem);
	}
	.psup-timeline__phase:not([aria-current="true"]) {
		display: flex;
	}
}

/* TABLEAU DE BORD */

.psup-dashboard__heading {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2rem;
	align-items: baseline;
}
.psup-dashboard__heading > h2 {
	flex-basis: 9999px;
}

.psup-dashboard__sections {
	width: 100%;
	gap: 1rem;
	margin: 0;
	padding: 0;
}

.psup-dashboard__section {
	background-color: var(--background-alt-grey);
	padding: 1rem;
	margin-bottom: 1rem;
}
.psup-dashboard__section-badge-list {
	--ul-type: none;
	--ul-start: 0;
	--xl-block: 0;
	--li-bottom: 0.5rem;
}

@media (min-width: 48em) {
	.psup-dashboard__heading > h2 {
		flex-basis: auto;
	}
	.psup-dashboard__sections {
		display: flex;
	}
	.psup-dashboard__section {
		flex-basis: 100%;
	}
}

/* RUBRIQUE VOEUX - LISTE CARTES  */

.psup-all-wish-lists__heading > h2 {
	flex-basis: 9999px;
	display: inline-flex;
}

.psup-all-wish-lists__collapse-button {
	margin-left: 2.4rem;
}

.psup-all-wish-lists__content {
	margin-left: calc(1rem - 2px) !important;
}

@media (min-width: 48em) {
	.psup-all-wish-lists__heading { 
		display: inline-flex; 
		column-gap: 2rem; 
		align-items: baseline;
	}
	
	.psup-all-wish-lists__heading > h2 {
		flex-basis: auto;
	}

	.psup-all-wish-lists__collapse-button {
		margin-left: 0;
	}
}

.psup-icon-color--green-emeraude {
	color: var(--artwork-minor-green-emeraude);
}
.psup-icon-color--blue-cumulus {
	color: var(--artwork-minor-blue-cumulus);
}
.psup-icon-color--pink-tuile {
	color: var(--artwork-minor-pink-tuile);
}
.psup-icon-color--grey {
	color: var(--border-plain-grey);
}

/* CARTE VOEU CONSULTATION */

.psup-wish-list {
	--ul-type: none;
	--ul-start: 0;
	--xl-block: 1rem;
	--li-bottom: 0;
}

.psup-wish-list > li + li {
	margin-top: 2rem;
}

hr, .psup-separator {
	width: 100%;
	height: 2px;
	box-shadow: inset 0 1px 0 0 var(--background-contrast-grey);
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

.psup-wish-card {
	border-width: 1px;
	border-color: var(--border-default-grey);
	border-style: solid;
	padding: 1rem 1rem 0;
}
.psup-wish-card:hover,
.psup-wish-card:focus-within{
	--idle: transparent;
	--hover: var(--background-lifted-grey-hover);
	--active: var(--background-lifted-grey-active);
	background-color: var(--background-lifted-grey);
}

.psup-wish-card:hover{
	filter: drop-shadow(var(--lifted-shadow));
}

.psup-wish-card:focus-within:not(:hover){
	filter: drop-shadow(var(--raised-shadow));
}
	

.psup-wish-card--success {
	box-shadow: inset 0 4px 0 0 var(--artwork-minor-green-emeraude);
}
.psup-wish-card--info {
	box-shadow: inset 0 4px 0 0 var(--artwork-minor-blue-cumulus);
}
.psup-wish-card--warning {
	box-shadow: inset 0 4px 0 0 var(--artwork-minor-pink-tuile);
}
.psup-wish-card--canceled {
	box-shadow: inset 0 4px 0 0 var(--border-plain-grey);
	color: var(--text-mention-grey);	
}

.psup-wish-card__school {
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}
.psup-wish-card__course {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 1.25rem;
}

.psup-wish-card__details-list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1rem;
	column-gap: 3rem;
	--ul-type: none;
	--ul-start: 0;
	--xl-block: 1.5rem;
	--li-bottom: 0;
}

@media (min-width: 62em) {
	.psup-wish-card__details-list {
		flex-wrap: nowrap;
	}
	.psup-wish-card__details-list > li:nth-child(1),
	.psup-wish-card__details-list > li:nth-child(2) {
		flex-basis: 10%;
		flex-grow: 0;
	}
}

.psup-wish-card__mention {
	font-size: 0.875rem;
	color: var(--text-mention-grey);
	margin-bottom: 0.25rem;
	min-width: 11rem;
}
.psup-wish-card__detail {
	margin-bottom: 0;
}

/* CARTE VOEU REPONSE - CONDENSEE */

.psup-wish-card .fr-btn {
	margin-top: 0;
	margin-bottom: 0;
}

/* MESSAGES CAES */

.psup-message-card {
	background-color: var(--background-alt-grey);
	border: solid 1px var(--border-default-grey);
	padding: 1.5rem;
}

.psup-message-card--from-me {
	background-color: var(--background-alt-blue-france);
}

.psup-message-card__header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
}

.psup-message-card__header > .fr-h3 {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 1rem;
	margin: 0;
	line-height: inherit;
}

.psup-message-card__date {
	margin-bottom: 0;
}

.psup-message-card p:last-of-type {
	margin: 0;
}

.psup-caes__button-list {
	list-style: none;
	padding-left: 0;
}
.psup-caes__button-list li {
	margin-top: 2rem;
}

.psup-textarea-counter {
	color: var(--text-mention-grey);
	margin-bottom: 0.5rem;
}

/* RENDEZ VOUS*/

.psup-calendrier{
	list-style: none;
	padding: 0;
}
.psup-calendrier section{
	margin-bottom: 1rem;
}
.psup-calendrier .fr-btn{
	margin-right: .75rem;
}
.psup-calendrier .fr-accordion__btn::first-letter{
	text-transform: uppercase;
}


/* HACK */
.fr-highlight{
	margin-left: 0 !important;
	padding-left: 1.5rem !important;
}
.fr-highlight--grey {
	box-shadow: inset 0.25rem 0 0 0 var(--border-plain-grey) !important;
}
.fr-modal__body{
	max-height: var(--modal-max-height);
}
.fr-modal__body .fr-content-media{
	align-items: unset;
}

.fr-modal__footer {
	z-index: 1;
}

/* DSFR hack: show outline when focus set by script on a radio button */
.fr-fieldset--error input[type="radio"]:focus:not(:focus-visible) + label::before {
	outline-style: solid !important;
}

.fr-alert{
	margin-bottom: 1rem;
}

.fr-fieldset{ /* ADM23 : mis pour éviter les scroll horizontaux sur les fieldsets */
	margin: 0 0 1rem !important;
}

.fr-server__body {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

.fr-server__footer {
    margin-top: 3.5rem;
    margin-bottom: 2rem;
}

.fr-server__image {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.5rem;
}

.fr-server__image img {
    width: 13.25rem;
    margin: 0 auto;
}

.fr-hr{
	margin-top : 1rem !important;
} 

.psup-message-card {
	margin-bottom: 1rem;
}

fieldset{
    border: 0;
    padding-left : 0 !important;
}

.select2{
	padding-left : 0 !important;
	padding-top : 0 !important;
	margin-top : 0.65rem !important;
}

.select2-container .select2-selection--single{
	height: 2.5rem !important;
}

.select2 .select2-selection{
	--idle: transparent;
    --hover: var(--background-contrast-grey-hover);
    --active: var(--background-contrast-grey-active);
    background-color: var(--background-contrast-grey);
    border-radius: 0.25rem 0.25rem 0 0;
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
    color: var(--text-label-grey);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
}

#admission h1{
	margin-top: 1rem;
}

#admission h2{
	margin-bottom: .5rem;
}

#div-instructions-administratives p[role=heading][aria-level="1"]{
	font-size: 1.5rem;
	font-weight: 700;
	margin: var(--title-spacing);
	color: var(--text-title-grey);
}
#div-instructions-administratives h2{
	font-size: 1.25rem;
}
#div-instructions-administratives h3{
	font-size: 1.15rem;
}

/* ORDONNANCEMENT VOEU (REPONDEUR AUTO / GDD) */

.psup-ordre-cadre{
	height: 100%;
	border-width: 1px;
    border-color: var(--border-default-grey);
    border-style: solid;
	background-color: var(--grey-975-75)!important;
	padding: .75rem;
}

.psup-ordre-cadre ul, /* LISTES*/
.psup-ordre-cadre ol{
	height: 95%;
	padding: 0;
	list-style: none;
	margin-top: 0;
}

.psup-ordre-cadre li {
	border-width: 1px;
    border-color: var(--border-default-grey);
    border-style: solid;
    padding: .75rem .75rem .75rem;
    width: 100%;
    display: flex;
    background-color: var(--background-default-grey);
    margin-bottom: .75em;
    flex-direction: row;
	min-height: 39.625px;
}

@media (max-width: 36em) {
	.psup-ordre-cadre{
		padding: 0.5rem;
	}
	
	.psup-ordre-cadre li {
		flex-direction: column;
	}
	
	#div-cadre-liste-voeux .input-ordre{
		width: 100% !important;
		margin-bottom: 1rem;
	}
	
	#div-cadre-liste-voeux #drag-target .div-ordre{
		text-align: left !important;
	}
}	

#div-cadre-liste-voeux #drag-target li { /* LI - CARTES */
	counter-reset: item;
	counter-increment: item;
}

.psup-ordre-cadre .div-ordre{ /* ORDRE */
	text-align: center;
	font-weight: 600;
	font-size : 16px;
	padding: 2% 10px;
}

#div-cadre-liste-voeux .input-ordre{
	width: 40px;
	font-size: .85rem;
	padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
}

.psup-ordre-cadre .div-formation{
	font-size: 1rem;
	padding: 0 0.5em;
}

.psup-ordre-carte-voeu:hover {
    filter: drop-shadow(var(--lifted-shadow));
}
.psup-ordre-carte-voeu__etab{
    margin-bottom: 0.5rem;
}	
.psup-ordre-carte-voeu__formation{
    font-weight: 700;
    margin-bottom: .5rem;
}

.tooltip-message {
	background-color : var(--background-contrast-info) !important;
	color : var(--text-default-info) !important;
	font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.5rem !important;
    border : none !important;
    padding: 1rem !important;
	
	display: inline-block;
	visibility: hidden;
	width: 320px !important;
	text-align: center;
	position: absolute;
	z-index: 1;
}

.tooltip-message {
  visibility: visible;
}

.selo-langue span.select2  {
	margin-top: 0 !important;
}

/* Select en 100% sur mobile et largeur auto sur écran md */
.psup-select {
	width: 100% !important;
}

#div-diagramme-selection .fr-tile__img{
	width: auto;
	height: auto;
}

.upload-documents .fr-error-text{
	font-size: 1rem !important;
}

@media (min-width: 48em) {
	.psup-select {
		width: fit-content !important;
	}
}
@media (min-width: 62em) {
	.fr-mt-lg-10w {
		margin-top: 5rem !important;
	}
}
@media (min-width: 78em) {
	.fr-mt-xl-5w{
		margin-top: 2.5rem !important;
	}
}	

/* CANDIDATURES */

#container-fiche .list-group-item{
	text-align: center;
	width: 100%;
	border: 1px solid #ddd;
}

#list-group-actions{
	display: flex; 	
	flex-direction: column;
}
#list-group-actions .list-group-item {
    display: flex;
    flex-direction: column;
    padding: .5em;
    border-top: none;
    border-radius: 0 !important;
}
#list-group-actions .list-group-item-heading h1,
#list-group-actions .list-group-item-heading h2,
#list-group-actions .list-group-item-heading h3,
#list-group-actions .list-group-item-heading h4,
#list-group-actions .list-group-item-heading h5,
#list-group-actions .list-group-item-heading h6{
	font-size: 1.5rem!important;
}
#list-group-actions .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-top: 1px solid #ddd;
}
#list-group-actions .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 4px;
}
#list-group-actions .list-group-item-warning{
	--title-spacing: 0 0 0.25rem;
    --text-spacing: 0 0 0.25rem;
    box-shadow: inset 0 0 0 1px #3a3a3a, inset 2.5rem 0 0 0 #3a3a3a;
    padding: 1rem 2.25rem 0.75rem 3.5rem;
    position: relative;
    box-shadow: inset 0 0 0 1px var(--border-plain-warning),inset 2.5rem 0 0 0 var(--background-flat-warning);
}
#list-group-actions .list-group-item-warning:before{
	--icon-size: 1.5rem;
    background-color: currentColor;
    color: #fff;
    color: var(--text-inverted-grey);
    display: inline-block;
    flex: 0 0 auto;
    height: 1.5rem;
    height: var(--icon-size);
    left: 0;
    margin: 1rem 0.5rem;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 0;
    vertical-align: calc(0.375em - 0.75rem);
    vertical-align: calc((0.75em - var(--icon-size))*.5);
    width: 1.5rem;
    width: var(--icon-size);
    content : "";
    -webkit-mask-image: var(--icon-warning-fill);
    mask-image: var(--icon-warning-fill);
}
#list-group-actions .list-group-item-text{
	flex-grow: 1;
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center; 
    align-items: center;
}

@media (min-width: 36em) {
	#list-group-actions{
		flex-flow: row;
	}
	#list-group-actions .list-group-item {
	    border-left: none;
	    border-top: 1px solid #ddd;
	}
	#list-group-actions .list-group-item:first-child {
	    border-top-left-radius: 4px;
	    border-bottom-left-radius: 4px;
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	    
	    border-left: 1px solid #ddd;;
	}
	#list-group-actions .list-group-item:last-child {
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	}
}

/* IDENTITE */

/* RECAP SCOLARITE*/

#ul-scolarite .psup-wish-card__details-list > li:nth-child(1), 
#ul-scolarite .psup-wish-card__details-list > li:nth-child(2){
	flex-basis: unset;
}

#ul-scolarite .psup-wish-card__details-list{
	--xl-block: 0.5rem;
}

#ul-scolarite .ul-liste-eds-et-options-sans-eds{
	--ul-type: disc;
	--ul-start : 1rem;
}

/* MODE DEV*/

#tabs-debug .fr-table td{
	padding: 0.25rem;
}


.ui-dialog .fr-modal__header{
	padding: 1rem;
}

a.fr-btn img {
	margin-left: -7px;
	padding-right: 4px;
	vertical-align:middle;
}

#ul-mdp li::marker{
	font-size: calc(var(--xl-size)*0.5);
}

.fr-tile--blue{
	--idle: transparent;
    --hover: var(--background-contrast-info-hover);
    --active: var(--background-contrast-info-active);
    background-color: var(--background-contrast-info);
    color: var(--text-default-info);
}

.fr-highlight--success{
	box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-emeraude) !important;
}
.fr-highlight--error{
	box-shadow: inset 0.25rem 0 0 0 var(--border-action-high-error) !important;
}
.fr-highlight--grey{
	box-shadow: inset 0.25rem 0 0 0 var(--border-default-grey) !important;
}


/* FRISE DU SITE STATIQUE*/
.fr-frise__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    position: relative;
}

.fr-frise__item {
    padding-left: 2.75rem;
    padding-right: 5.25rem;
    padding-bottom: 0;
    position: relative;
}

.fr-frise {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;
    height: 100%;
    padding-left: 1.5rem;
}

.fr-frise__title {
    color: #fff;
}

.fr-frise__title em {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.6666;
    font-style: normal;
    display: block;
}

.fr-frise__pictogram {
    display: none;
}

.fr-frise__item .fr-icon-arrow-right-s-line {
    display: none;
}

ul.fr-frise__list .fr-link, ol .fr-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.1875rem;
    text-decoration: underline;
    text-underline-position: under;
}
ul.fr-frise__list .fr-link:hover, ol .fr-link:hover {
    text-decoration-thickness: 2px;
}

.fr-frise__title a {
    color: inherit;
}

#btn-aide-ip {
	padding-top: 0;
	min-height: 0;
}

@media (min-width: 48em){
	ul.fr-frise__list .fr-link, ol .fr-link {
	    display: inline;
	    padding-bottom: 0;
	}
}

@media (min-width: 62em){
	.fr-frise__section {
	    padding-top: 1.1875rem;
	    padding-bottom: 1.125rem;
	    background: #000091 url("../../image/recupDSFR/bg-lg-frise.svg") 100% 50% no-repeat;
	}
	.fr-frise__list {
	    gap: 1rem;
	    flex-direction: row;
	    align-items: initial;
	}
	
	.fr-frise__item {
	    padding-left: 0;
	    padding-right: 0;
	}
	
	.fr-frise__pictogram {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    min-width: 2.5rem;
	}
	
	.fr-frise__pictogram .fr-artwork {
	    max-height: 4.25rem;
	    width: auto;
	    height: auto;
	}
	
	.fr-frise__item .fr-icon-arrow-right-s-line {
	    display: block;
		color: #fff;
		position: absolute;
	    left: 0;
	    top: 25px;
	    width: 1rem;
	    display: flex;
	    height: 1rem;
	    justify-content: center;
	    align-items: center;
	    border-radius: 50%;
	}
	
}

/* SECURITE DU COMPTE - TOTP */
.cle-otp {
	word-break: break-all;
}

@media print {
	#psup-frise, 
	.fr-sidemenu,
	.psup-wish-card button,
	.psup-wish-card a{
		display: none;
	}	
}

/* JAUGES LISTE ATTENTE*/

:root{
	--svg-jauge-background : white;
	--svg-jauge-stroke-width : 1px ;
	--svg-jauge-stroke-dasharray : 4px;
	--svg-jauge-title-font-size : .8rem;
	--svg-jauge-font-size : .9rem;
	--svg-jauge-stroke--gris : var(--grey-950-150-active);
	--svg-jauge-stroke-color--orange-terre-batue : var(--artwork-minor-pink-macaron);
}

.svg-jauge-figure{
	margin: 0;
}
.svg-jauge{
	background-color: var(--background-alt-grey);
   	align-self: center;
    overflow: visible;
    margin: 0;
}
.svg-jauge-border--bleu{
	fill: var(--svg-jauge-background);
	stroke: var(--blue-cumulus-sun-368-moon-732-active);
	stroke-width: var(--svg-jauge-stroke-width);
}
.svg-jauge-border--gris{
	fill: var(--svg-jauge-background);
	stroke: var(--svg-jauge-stroke--gris);
	stroke-width: var(--svg-jauge-stroke-width);
}
.svg-jauge-background--gris,
.svg-jauge-background--gris{
	stroke-width : var(--svg-jauge-stroke-width);
}
.svg-jauge-background--gris{
	fill : var(--grey-900-175);
	stroke: var(--svg-jauge-stroke--gris);
}
.svg-jauge-background--bleu{
	fill : var(--background-action-high-blue-cumulus);
	stroke: var(--blue-cumulus-sun-368-moon-732-active);
}
.svg-jauge-fleche--gris{
	fill : var(--svg-jauge-stroke--gris); 
}
.svg-jauge-fleche--blue-cumulus{
	fill : var(--background-action-high-blue-cumulus); 
}
.svg-jauge-fleche--orange-terre-battue{
	fill : var(--svg-jauge-stroke-color--orange-terre-batue); 
}
.svg-jauge-sous-titre{
	font-size: var(--svg-jauge-title-font-size);
}
.svg-jauge-label{
	font-size: var(--svg-jauge-font-size);
}
.svg-jauge-badge text{
	font-weight: 700;
	font-size: var(--svg-jauge-font-size);
}
.svg-jauge-badge.svg-jauge-badge--blue-cumulus{
	fill : var(--background-contrast-blue-ecume);
}
.svg-jauge-badge.svg-jauge-badge--blue-cumulus text{
	fill : var(--text-label-blue-ecume); 	
}
.svg-jauge-badge.svg-jauge-badge--gris rect{
	fill : var(--background-contrast-grey);
}
.svg-jauge-badge.svg-jauge-badge--gris text{
	fill : var(--text-default-grey); 	
}
.svg-jauge-badge.svg-jauge-badge--orange-terre-battue{
	fill : var(--background-contrast-orange-terre-battue);
}
.svg-jauge-badge.svg-jauge-badge--orange-terre-battue text{
	fill : var(--text-label-orange-terre-battue);
}
.svg-jauge-badge.svg-jauge-badge--green-tilleul-verveine{
    fill: var(--background-contrast-green-tilleul-verveine);
}
.svg-jauge-badge.svg-jauge-badge--green-tilleul-verveine text{
	fill: var(--text-label-green-tilleul-verveine);
}
.svg-jauge-tag--gris{
	fill : var(--background-contrast-grey); 
}
.svg-jauge-tag--blue-cumulus{
	fill : var(--background-contrast-blue-ecume); 
}
.svg-jauge-ligne--orange{
	stroke: var(--svg-jauge-stroke-color--orange-terre-batue);
	stroke-width: 2px;
}
.svg-jauge-ligne-vertical--blanc{
	stroke: #f5f5fe; 
	stroke-width: var(--svg-jauge-stroke-width);
	stroke-dasharray: var(--svg-jauge-stroke-dasharray);
}
.svg-jauge-border-line{
	stroke: var(--blue-cumulus-sun-368-moon-732-active);
	stroke-width: var(--svg-jauge-stroke-width);
}
.svg-jauge-icone{
	fill: var(--svg-jauge-stroke-color--orange-terre-batue);
}


/* CONCEPT / REGLE D'OR */

#div-regles-or{
	background : var(--background-alt-blue-france);
	padding : 2rem 3rem;
}
#div-regles-or-img{
	width: 80%;
}

#div-regles-or-img-2{
	width: 60%;
}

.psup-concept-col{
	flex:1;
}
.psup-concept-card{
	background: white;
	border-radius : em;
	padding : 2rem;
	height: 100%;
}
.psup-concept-card--header{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	min-height: 8rem;
	margin: auto 0;
	border-bottom: 1px solid var(--border-default-grey);
}
.psup-concept-card--title,
.psup-concept-card--img{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.psup-concept-card--title-complement{
	font-weight: bold;
	font-size : .95rem;
	color: var(--text-mention-grey);
	margin-bottom: 0;
}
.psup-concept-card--content{
	padding-top: 1rem;
	
}
.psup-concept-card--content ol li{
	margin-bottom: 2rem;
}
.psup-concept-card--content ol li::marker{
	font-size: 1.5rem;	
	color : var(--blue-ecume-main-400);
}

/* ANIMATION : EFFET DE ZOOM -----------------------------------------------------*/
.zoom-in-out-box { 
  animation: zoom-in-zoom-out 1s ease infinite; 
  animation-iteration-count: 4;  
} 

@keyframes zoom-in-zoom-out { 
  0% { 
    transform: scale(1, 1); 
  } 
  50% { 
    transform: scale(1.035, 1.035); 
  } 
  100% { 
    transform: scale(1, 1); 
  } 
} 

/* l'icone zoom */
.zoom-in-zoom-out-icon {
  	animation: zoom-in-zoom-out-icons 1s ease infinite;
  	animation-iteration-count: 2; 
}

@keyframes zoom-in-zoom-out-icons {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}


.cadre-calendar-step .fr-tile a[target=_blank]::after{
	display: none;
}