/* Couleurs : 
BLEU : #3D566E
BLEU CLAIR: #f2f6f7
GRIS : #CECECE
JAUNE : #ffd533
JAUNE MOUTARDE : #e2c838
ORANGE : #E36A4C;
ORANGE CLAIR : #fbddd5
ROUGE : #EC130E
ROUGE MESSAGE FLASH : #D92C2C
ancien orange : #ed7454
 */
  
/* -------------------------------------------------------------*/

/* ---------------------------*/
/* TEXT COLOR */

/* DSFR */
.psup-text-blue-cumulus{color : var(--blue-cumulus-main-526);} /* RGAA : attention au contraste entre le texte et le fond*/
.psup-text-yellow-tournesol{color : var(--yellow-tournesol-main-731);}
.psup-text-yellow-moutarde{color : var(--yellow-moutarde-main-679);}
.psup-text-green-emeraude{color : var(--green-emeraude-main-632);}
.psup-text-green-archipel{color : var(--green-archipel-main-557);}
.psup-text-purple-glycine{color : var(--purple-glycine-main-494);}
.psup-text-pink-tuile{color : var(--pink-tuile-main-556);}
.psup-text-orange-terre-battue{color : var(--orange-terre-battue-main-645);}
.psup-text-mention-grey{color:var(--text-mention-grey);}
.psup-text-brown-caramel{color: var(--artwork-minor-brown-caramel);}
.psup-text-pink-macaron{color: var(--pink-macaron-main-689);}

/* ICON COLOR */
.psup-icon-blue-cumulus:before{background-color: var(--blue-cumulus-main-526) !important;}
.psup-icon-yellow-tournesol:before{background-color: var(--yellow-tournesol-main-731) !important;}
.psup-icon-yellow-moutarde:before{background-color: var(--yellow-moutarde-main-679) !important;}
.psup-icon-brown-caramel:before{background-color: var(--artwork-minor-brown-caramel) !important;}
.psup-icon-green-emeraude:before{background-color: var(--green-emeraude-main-632) !important;}
.psup-icon-green-archipel:before{background-color: var(--green-archipel-main-557) !important;}
.psup-icon-purple-glycine:before{background-color: var(--purple-glycine-main-494) !important;}
.psup-icon-pink-tuile:before{background-color: var(--pink-tuile-main-556) !important;}
.psup-icon-orange-terre-battue:before{background-color: var(--orange-terre-battue-main-645) !important;}
.psup-icon-blue-france:before{background-color: var(--blue-france-sun-113-625) !important;}
.psup-icon-red-marianne:before{background-color: var(--red-marianne-425-625) !important;}


/* NON DSFR (anciennes)*/
.orange{color: #E36A4C;}
.rouge{color : #EC130E;}
.bleu{color : #000391;} /* #3D566E*/
.bleu-clair{color : #327ab7;}
.blanc{color : #FFF;}
.vert{color: #5CB85C;}
.jaune-banane{color : #FFC107 !important;}
.pasteque, .pstq{color : #FF3548 !important;}
.grey-custom{color: #495057 !important;}
.bleu-lagon{color : #2ABBAC !important;}
.bleu-azur, .blaz{color: #0070c0 !important;}
.violette-de-toulouse{color: #AA66CD !important;}
.trs{color: transparent !important;}
.gris-clair{color: #98a6ad !important;}

/* ---------------------------*/
/* DISPLAY*/
.display-none, .d-none{ display: none !important; }
.display-flex, .d-flex{ display: flex !important; }
.d-flex-center{display: flex;justify-content: center;}

.flex-row{
	flex-direction: row !important;
}
.flex-column{
	-ms-flex-direction: column !important;
	flex-direction: column!important;
}
.flex-column-reverse{
	flex-direction: column-reverse;
}

.flex-0-1-auto{flex: 0 1 auto;}
.flex-1-1-auto{flex: 1 1 auto;}
.flex-flow-wrap{flex-flow: wrap;}

.justify-content-center{justify-content: center;}
.justify-content-end{justify-content: end;}
.justify-content-start{justify-content: start;}
.justify-content-space-between{justify-content: space-between;}

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

.fr-translate__btn::before {
  mask-image: url(../js/dsfr/icons/user/account-circle-fill.svg) !important;
  -webkit-mask-image: url(../js/dsfr/icons/user/account-circle-fill.svg) !important;
}

.fr-translate {
  --rows : 15 !important;
}

/* ---------------------------*/
/* WIDTH */
.w-5{width:5%;}
.w-10{width:10%;}
.w-12{width:12%;}
.w-15{width:15%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-35{width:35%;}
.w-40{width:40%;}
.w-45{width:45%;}
.w-55{width:55%;}
.w-60{width:60%;}
.w-65{width:65%;}
.w-70{width:70%;}
.w-75{width:75%;}
.w-80{width:80%;}
.w-85{width:85%;}
.w-screen{width:100vw;}
.w-100{width:100%;}
.width-fit-content{width: fit-content;}
/* ---------------------------*/
/* MIN WIDTH */
.mw-200{min-width:200px;}
.mw-300{min-width:300px;}
.min-width-fit-content{min-width: fit-content;}
/* ---------------------------*/
/* HEIGHT */
.h-5{height:5%;}
.h-10{height:10%;}
.h-12{height:12%;}
.h-15{height:15%;}
.h-20{height:20%;}
.h-30{height:30%;}
.h-35{height:35%;}
.h-40{height:40%;}
.h-45{height:45%;}
.h-55{height:55%;}
.h-60{height:60%;}
.h-65{height:65%;}
.h-70{height:70%;}
.h-75{height:75%;}
.h-80{height:80%;}
.h-85{height:85%;}
.h-90{height:90%;}
.h-95{height:95%;}
.h-screen{height:100vw;}
.h-100{height:100%;}
.height-fit-content{height: fit-content;}
/* ---------------------------*/
/* MIN HEIGHT */
.mh-200{min-height:200px;}
.mh-300{min-width:300px;}

/* ---------------------------*/
/* MARGIN */

.margin-auto{margin: auto !important;}

.mb-0-5, .my-0-5 {
    margin-bottom: 0.2rem!important;
}
.mb-1, .my-1 {
    margin-bottom: 0.25rem!important;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem!important;
}

.ml-1, .mx-1 {
    margin-left: 0.25rem!important;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem!important;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}
.ml-4, .mx-4 {
    margin-left: 1.5rem!important;
}

.mt-1, .my-1 {
    margin-top: 0.25rem!important;
}
.mt-2, .my-2 {
    margin-top: 0.5rem!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 2rem!important;
}

.mr-1 {
    margin-right: 0.25rem!important;
}
.mr-2 {
    margin-right: 0.5rem!important;
}
.mr-3{
    margin-right: 1rem!important;
}
.mr-4{
    margin-right: 1.5rem!important;
}
.mr-5 {
    margin-right: 2rem!important;
}

/* ---------------------------*/
/* PADDING LEFT */
.pl-2{padding-left: 2em;}
.pl-6{padding-left: 6em;}
.pl-7{padding-left: 7em;}
.pl-8{padding-left: 8em;}
.pl-9{padding-left: 9em;}
/* PADDING */
.p-iframeGestion{padding: 10px 10px 0 10px;}

.p-1{padding:0.25rem;}
.p-2{padding:0.5rem;}
.p-3{padding:0.75rem;}
.p-4{padding:1rem;}
.p-5{padding:1.25rem;}
.p-6{padding:1.5rem;}


/* ---------------------------*/
/* BACKGROUND COLOR */
.bg-bleu{ background-color: #3D566E; }
.bg-rouge{ background-color: #D92C2C; } /* rouge message flash - changé pour la RGAA*/
.background-alt-blue-france{background : var(--background-alt-blue-france)!important;}
.background-default-grey{background : var(--background-default-grey)!important;}
.background-blue-france-925-125{background : var(--blue-france-925-125);}
.background-blue-france-950-100{background : var(--blue-france-950-100);}
.background-blue-france-975-75{background : var(--blue-france-975-75);}

/* ---------------------------*/

/* BORDER */

.border-bleu-lagon{border : 3px solid #b9e4e0 !important;}
.border-bleu-azur{border : 3px solid #0070c0 !important;}
.border-vert-success{border : 3px solid #2fc000 !important;}
.border-rouge-delete{border : 3px solid #FF3548 !important;}
.border-yellow-tournesol{border: 1px solid var(--yellow-tournesol-main-731);}
.border-green-archipel{border: 1px solid var(--green-archipel-main-557);}
.border-purple-glycine{border: 1px solid var(--purple-glycine-main-494);}
.border-grise-claire{border: 1px solid #e7e7e7;}
.border-grise{border: 1px solid lightgray;}
.border-grise-left{border-left: 1px solid lightgray;}
.border-grise-right{border-right: 1px solid lightgray;}
.border-grise-bottom{border-bottom: 1px solid lightgray;}
.border-grise-top{border-top: 1px solid lightgray;}

/* ---------------------------*/
/* FONT WEIGHT */
.f-w-b,.bold{ font-weight: 700;}
.font-weight-600{font-weight: 600;}

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

/* ---------------------------*/
/* FONT SIZE */
.f-size-1-1em{font-size: 1.1em !important;}
.font-size-1-25{font-size: 1.25em !important;}
.font-size-1-5{font-size: 1.5em !important;}

/* ---------------------------*/
/* TEXT TRANSFORM */
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase !important;}
.capitalize{ text-transform: capitalize;}

/* ---------------------------*/
/* TEXT DECORATION */
.underline, .hover-underline:hover{text-decoration: underline;}

/* ---------------------------*/
/* TEXTE - ALIGN */
.text-left {text-align: left;}
.text-center, .t-c{text-align: center;}
.text-right {text-align: right;}
.text-justify{text-align: justify;}

/* ---------------------------*/
/* VERTICAL - ALIGN */
.vertical-align-middle{ vertical-align: middle !important;}

/* ---------------------------*/
/* WORD WRAP */

.word-wrap-break-word, .word-wrap-break-word p{ word-wrap : break-word !important;}
.word-break-keep-all{ word-break : keep-all !important;}
.word-break-break-all{ word-break : break-all !important;}
.word-break-break-word{ word-break : break-word !important;}

/* MISE EN FORME -------------------------------------------------------------*/

.position-relative{position: relative !important;}
.position-fixed{position: fixed}
.position-absolute{position: absolute;}

.ul-sans-bullet{list-style-type: none;}

main,
#main{
	padding: 0;
}
.d-flex-center{
	display: flex;
	justify-content: center;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.sr-only{   /* pour RGAA contrast*/
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.align-items-center{
	align-items: center;
}
.align-content-end {
	align-content: end;
}
h1{
	font-size : 1.6rem;
	margin-bottom: 0.65em;
}
h2{
	font-size : 1.4rem;
	margin-bottom: 0.65em;
}
h3{
	font-size : 1.25rem;
	margin-bottom: 0.65em;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/* BACKGROUND -------------------------------------------------------------*/

.underline-white{
    padding: 0 10px;
    box-shadow: inset 0 -0.5625em 0 0 white;
}

.highlight-bleu-gris{
	color: white;
	background-color: #3D566E;
	padding: 0.1875em 0.5875em;
	font-size: 1em;
}

.highlight-gris{
	background-color: #D3D3D3 !important;
	padding: 0.1875em 0.5875em;
	display: inline-block;
}

.red-a:hover{
	text-decoration: underline;
	text-decoration-color: #900d0a; 
}

/* TEXTE - POLICE -------------------------------------------------------------*/

.small-text{
	font-size: 1em !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}
.medium-text{
	font-size: 13px;
	font-weight: 400;
}
.medium-large-text{
	font-size: 0.9375em;
	font-weight: 600;
}
.light-text{
	font-size: 0.85em !important;
}
.sous-titre{
	font-size : 1.25em !important;
	font-weight: bold;
}
.texte-epais{
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.25em;
}
.span-intro{
	margin-top: 0.625em;	
	font-weight: 600;
}

/* COMPOSANTS  -------------------------------------------------------------*/

/* ICONES CUSTOM DSFR*/
.fr-icon-route-line::before, .fr-icon-route-line::after {
    -webkit-mask-image: url(../img/customDSFR/icon/route-line.svg); 
    mask-image: url(../img/customDSFR/icon/route-line.svg);
}
.fr-icon-graduation-cap-line::before, .fr-icon-graduation-cap-line::after {
    -webkit-mask-image: url(../img/customDSFR/icon/graduation-cap-line.svg);
    mask-image: url(../img/customDSFR/icon/graduation-cap-line.svg);
}

/* FIELDSET */

form legend{
	width: auto !important;
	font-size: 1rem !important;
}

/* BANDEAU */
.info-cool{
	padding: 20px;
	border: 1px solid #eee;
	border-left-color: #3D566E;
	font-weight: 500;
	border-left-width: 5px;
    border-radius: 3px;
    color: #3D566E;
    background-color: #F2F6F7;
}


/* BADGE*/

.badge-primary{ background-color: #0051a7; }
.badge-rouge{ background-color: #EC130E; color: white;}
.badge-orange{ background-color: #ed7454; color: white;}
.badge-vert{ background-color: #28a745; color: white;}
.badge-jaune-banane{ background-color: #ffc107; color: #3d566e;}

.badge-rond{
	padding: 0.5em;
    border-radius: 1rem;
    font-size: 0.7rem;
}
.b-ron{
	transition: none;
	display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 0.5em;
    border-radius: 1rem;
    font-size: 0.7rem;
}

/* BOUTON */

/**
 * RGAA - Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/*BREADCRUMB -------------------------------------------------------*/

.breadcrumb{
	background-color: transparent !important;
	color : #3d566e !important;
	margin-top: 0.625em !important;
	padding-left: 0 !important;
}
.breadcrumb li,
.breadcrumb li a{
	background-color: transparent !important;
	color : #3d566e !important;
	font-size: 1em !important;
}
.breadcrumb li.breadcrumb-item.active{
	font-weight: 700;
}

/* ALERT -------------------------------------------------------*/

.alert{
	padding: .5rem 1.25rem;
}
.alert p{
	margin-bottom: 0.25em;
}
.alert p:last-child{
	margin-bottom: 0;
}
.alert-light{
	border : 1px solid #dee2e6;
}
.alert-primary{
	border-left: 5px solid #3d566e;
	background-color: #f5faff;
}
.alert-blue{
	border-color: #3D566E;
}
.alert-warning{
	border-left: 5px solid #856404;
}

/* NAV TABS -------------------------------------------------------*/

.nav-tabs .nav-link{
	color : rgba(0,0,0,.65);
	font-weight: 600;
	border-bottom : 1px solid #dee2e6;
}
.nav-tabs .nav-link:hover {
    border :none;
	border-bottom : 1px solid #dee2e6;
	background-color: #ebecf0;
}
.nav-tabs .nav-link.active{
	border :none;
	border-bottom : 1px solid #dee2e6;
}

/* MENU AVEC ONGLET VERTICAUX -------------------------------------------------------*/

.cadre-page{
	border : 1px solid #efefef;
	margin: 2em 0;
}

.tabs-menu-vertical .menu-vertical-tabs{
	padding : 0;
	border-top : 2px solid #efefef;
	border-left : 2px solid #efefef;
	border-bottom : 2px solid #efefef;
	border-top-left-radius: 0.35em;
	border-bottom-left-radius: 0.35em;
}
.tabs-menu-vertical .menu-vertical-tabs h2{
	color: rgba(0,0,0,.85);
	padding : 1em 0 0 0.85em;
}

.tabs-menu-vertical .tabs-affichage{
	border-top :2px solid #efefef;
	border-right : 2px solid #efefef;
	border-bottom : 2px solid #efefef;
	border-top-right-radius: 0.35em;
	border-bottom-right-radius: 0.35em;
}

/* MENU AVEC ONGLET HORIZONTAUX -------------------------------------------------------*/

.tabs-menu-horizontal .menu-horizontal-tabs{
	padding : 0;
	border-radius: 0.25rem;
	border : 1px solid #efefef;
	display : flex;
}

.tabs-menu-horizontal .tabs-affichage-horizontal{
	border-left :2px solid #efefef;
	border-right : 2px solid #efefef;
	border-bottom : 2px solid #efefef;
}

/* TOOLTIP -------------------------------------------------------*/

.div-tooltip{
    margin-right: 5px;
    margin-left: 5px;
}

.div-tooltip span{
    line-height: 1;
    font-size: 1em;
}

.tooltipperso {
	margin-left: 6px;
	display: inline-block;
	position: relative;
	border-bottom: 1px dotted #3d566e;
	color: #3d566e;
}

.tooltipperso .tooltiptextperso {
	font-family: Arial,Helvetica, Liberation Sans, FreeSans, sans-serif;
	visibility: hidden;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
	padding : 1em;
	width: 650px;
	/* top: -220px; Retiré car tooltip masquée dans les popup si laissé*/
	border: 1px solid #b8daff;
	border-left: 5px solid #3d566e;
	background-color: #f5faff;
	color: #3d566e;
	text-align : left;
	font-size: 0.95em;
}

.tooltipperso:hover .tooltiptextperso {
	visibility: visible;
}

/* Hilitor*/

.hilitor-result{
	background-color: #ff6;
	padding: 0;
}
.hilitor-result::before, 
.hilitor-result::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.hilitor-result::before {
  content: " [Début du marquage]";
}

.hilitor-result::after {
  content: " [Fin du marquage] ";
}

/*COOKIE BANNER*/

.cookiebanner-text{
	display:inline;
	line-height:2.5;
}

.cookiebanner-text a{
	text-decoration: underline;
	color: rgb(45, 43, 43);
}

.cookiebanner-close{
	float:right;
	padding-left: 0.125em;
}

#cookiebanner-mask{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	zoom:1;
}

#button-cookie{
    margin-top: 0.3125em;
}    

#button-cookie:hover{
    cursor: pointer;
}

/* ALERTES DSFR ---------------------------------------------------------------*/
.cadre-css-admission .psup-all-wish-lists__content 
.fr-alert, .cadre-css-admission .psup-all-wish-lists__content .fr-highlight {
    background-color: var(--background-default-grey);
}

/* TUILE ----------------------------------------------------------------------*/

.fr-tile--download-verticale{
	flex-direction: column !important;
}
.fr-tile--download-verticale .fr-tile__title{
	text-align: center;
	font-size: 1rem!important;
    line-height: 1.5rem!important;
    margin-bottom: 0.25rem!important;
}
.fr-tile--download-verticale .fr-tile__title a::after{
	--icon-size: 1rem !important;
}
.fr-tile--download-verticale .fr-tile__detail{
	text-align: center;	
	font-size: 0.875rem!important;
    line-height: 1.5rem!important;
    margin-top: 0 !important;
}
.fr-tile--download-verticale .fr-tile__header{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 5rem;
    height: 5rem;
    margin: 0 auto 1.5rem !important;
    overflow: hidden;
}


/* MODE DEV - Footer.jsp -------------------------------------------------------*/

.mod_dev_1
.mod_dev_2,
.mod_dev_3,
.mod_dev_4,
.mod_dev_5,
.masquerBtnModeDevEnabled_false,
.cacherBtnModeDevEnabled_true {
	display:block
}

.mod_dev_,
.mod_dev_7,
.masquerBtnModeDevEnabled_true,
.cacherBtnModeDevEnabled_false {
	display:none;
}

/* TAGLIBS -------------------------------------------------------*/
.btn:focus{
	box-shadow: none;	
}

.btn-bordure-orange{
    color: #3d566e !important;
    font-weight: 600 !important;
    border: 2px solid #ed7454 !important;
    border-radius: 5px !important;
    padding: 2px 8px !important;
    background: white !important;
    font-size : 0.9em !important;
    text-decoration: none !important;
}
.btn-bordure-orange:hover {
	background-color: #ed7454 !important;
    color: white !important;
}
.btn-bordure-orange:hover .fa{
    color: white !important;
}
.btn-bordure-orange .fa{
	 color: #ed7454 !important;
}
.btn-bordure-grise{
    color: #212529 !important;
    border: 1px solid #d3d9df !important;
    border-radius: 5px !important;
    padding: 4px 10px !important;
    background: #f8f9fa !important;
    font-size : 0.9em !important;
    text-decoration: none !important;
}
.btn-bordure-grise:hover{
	background-color: #6c757d !important;
    color: white !important;
}
.btn-bordure-rouge{
    color: #3d566e !important;
    font-weight: 600 !important;
    border: 2px solid #EC130E !important;
    border-radius: 5px !important;
    padding: 2px 8px !important;
    background: white !important;
    font-size : 0.9em !important;
    text-decoration: none !important;
}
.btn-bordure-rouge:hover {
	background-color: #EC130E !important;
    color: white !important;
}
.btn-bordure-rouge:hover .fa{
    color: white !important;
}
.btn-bordure-rouge .fa{
	 color: #EC130E !important;
}
.btn-bordure-verte{
    color: #3d566e !important;
    font-weight: 600 !important;
    border: 2px solid #28a745 !important;
    border-radius: 5px !important;
    padding: 2px 8px !important;
    background: white !important;
    font-size : 0.9em !important;
    text-decoration: none !important;
}
.btn-bordure-verte:hover {
	background-color: #28a745 !important;
    color: white !important;
}
.btn-bordure-verte:hover .fa{
    color: white !important;
}
.btn-bordure-verte .fa{
	 color: #28a745 !important;
}
.btn-bordure-bleue{
    color: #3d566e !important;
    font-weight: 600 !important;
    border: 2px solid #3d566e !important;
    border-radius: 5px !important;
    padding: 2px 8px !important;
    background: white !important;
    font-size : 0.9em !important;
    text-decoration: none !important;
}
.btn-bordure-bleue:hover {
	background-color: #3d566e !important;
    color: white !important;
}
.btn-bordure-bleue:hover .fa{
    color: white !important;
}
.btn-bordure-bleue .fa{
	 color: #3d566e !important;
}

.btn-bordure-orange:disabled,
.btn-bordure-grise.disabled,
.btn-bordure-rouge:disabled,
.btn-bordure-verte:disabled,
.btn-bordure-bleue:disabled{
	 border: 1px solid #DDDDDD !important;
	 color: #212529 !important;
	 background-color: #F7F7F7 !important;
	 font-weight: 400 !important;
	 cursor: not-allowed;
	 pointer-events : unset !important;
	 text-decoration: none !important;
}
.psup-lien{
	text-decoration: underline;
	color: #0051a7;
}
.psup-lien.disabled{
	color: #6E7881 !important;
	cursor: not-allowed;
	pointer-events : unset !important;
}

.btn-zone-depliable{
	border: none;
    background-color: transparent;	
    color: #3d5e77;
    font-weight: 500;
    text-align: left;
    width: fit-content;
    text-decoration: underline;
}
.collapse-zone-depliable{
	background-color: transparent;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

.classe-h1,
.classe-h2,
.classe-h3,
h5,
.btn-link{ 
	color: #3D566E; 
	font-weight: 600; 
	letter-spacing: 0; 
} 

.capitalize{
	text-transform: capitalize;
}
.vertical-align-middle{
	vertical-align: middle !important;
}
.vertical-align-top{
	vertical-align: top !important;
}

.btn.btn-link{
	outline: none;
 	box-shadow: none;
}

.div-accordeon-filtres{
	padding: 0.5em 2em;
	border-bottom: 1px solid #dee2e6;
}
.div-accordeon-filtres .form-check{
	padding: 0 1em;
}
.div-accordeon-filtres .form-group{
	margin-bottom: 0;
}
.div-accordeon-filtres fieldset{
	display: flex;
}
.div-accordeon-filtres label{
	font-weight: 400;
	font-style: italic;
}

.bb-orange{border-bottom: 2px solid #ed7454 !important;}
.bt-orange{border-top: 2px solid #ed7454 !important;}
.bl-orange{border-left: 2px solid #ed7454 !important;}
.br-orange{border-right: 2px solid #ed7454 !important;}

/* ALERTES ERREUR -------------------------------------------------------------*/
.alert-erreur{
	border: 1px solid #EC130E;
    border-radius: 5px;
    padding: 1em;
}
.alert-erreur-title{
	color: #EC130E;
	font-weight: 700;
	margin-bottom: 0.35em;
	font-size: 1.15rem;
}
.alert-erreur-body{
	color: #D92C2C;
}

/* ACCORDEONS -------------------------------------------------------------*/
.accordeon-rn .card-header .btn-link{
	display: block;	
}
.accordeon-rn .card-header .btn-link .btn-link-right{
	position: absolute;
	right: 1.5em;
}
.accordeon-rn .card-header .btn-link .badge{
	margin-right: 1em;
	padding: 0.5em;
	font-size: 0.8em;
	font-weight: 600;
}

/* JAUGES -------------------------------------------------------------*/
.jauge-ban{
	display: flex;
	flex-direction: column;
	text-align: center;
} 
.jauge-ban span{
	color : #EC130E;
	font-size: 8em;
} 


/* LOADER -------------------------------------------------------------*/
.ajaxLoader, #ajaxLoader{
	background: #fff;
	color: #000;
	border-radius: 7px;
	border: 1px solid grey;
	display: none;
	position: fixed;
	z-index: 999;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px;
	margin: auto;
	text-align: center;
}
.msg-ajaxLoader{
	color: #3D566E;
	margin-bottom: 0;
	font-weight: bold;
}

/* INFOS -------------------------------------------------------------*/

.form-info{
	margin-bottom: 1em;
	display: flex;
	font-size: 0.85em;
}
.form-info-left{
	border-right: 1px solid #ed7454;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.form-info-left .fa{
	color: #ed7454;
	padding-right: 0.5em;
}
.form-info-right{
	display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 0.5em;
}
.form-info-right p{
	color: #3D566E;
	margin-bottom: 0;
}

#js-par{
	display: none;
}
.card-fichier{
	height: 100%;
	flex-direction: row !important;	
	position: relative;
}
.card-fichier div:nth-child(1){
	display : flex;
	flex-direction: column;
	justify-content: center;
	padding: 0.5rem 1rem 1rem;
	background-color: #f8f9fa;
	color: #3d566e!important;
}
.card-fichier div:nth-child(2){
	display : flex;
	flex-direction: column;
	justify-content: center;
	padding: 0.5rem 1rem 1rem;
}
.card-fichier div:nth-child(2) a{
	font-weight: 600 !important;
	margin-bottom: 0;
	color : #98a6ad;
}


.fr-header__menu-links .fr-btns-group .fr-btn{ /* Pour aligner les items du menu mobile qui n'ont pas d'icone*/
	justify-content: flex-start;
	font-size: 1rem !important;
	padding-left: 1.1.25rem !important;
	min-height: 3rem !important;
}

input:disabled, input[readonly] {
	background-color: #cdcdcd;
	opacity: 0.6;
}

*[class^="ligneMax"]{
	overflow: hidden;
   	display: -webkit-box;
   	-webkit-box-orient: vertical;
}

*[class^="ligneMax"] p {
	font-size: inherit;
}

.ligneMax1{
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
}

.ligneMax2{
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 

}

.ligneMax3{
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
}

.ligneMax4{
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
}

.ligneMax5{
   -webkit-line-clamp: 5; /* number of lines to show */
           line-clamp: 5; 
}

.bordure-droite {
	box-shadow: inset -1px 0 0 0 #ddd;
    box-shadow: inset -1px 0 0 0 var(--border-default-grey);
}

.bordure-gauche {
	box-shadow: inset 1px 0 0 0 #ddd;
    box-shadow: inset 1px 0 0 0 var(--border-default-grey);
}

.content-modally {
  flex-direction: column; 
  padding: 1rem;
  width: 100%;
  border : 1px solid lightgray;
  margin-bottom: 1rem;
}

/* loader pour psup:LoaderDsfr */

.bt-spinner {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: transparent;
  border: 4px solid #ffffff;
  outline: 2px solid var(--background-action-high-blue-france);
  border-top-color: var(--background-action-high-blue-france);
  -webkit-animation: 1s spin linear infinite;
  animation: 1s spin linear infinite;
}

-webkit-@keyframes spin {
  -webkit-from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  -webkit-to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.toast-notification{
	position: fixed !important;
	right: 1rem;
	bottom: 1rem;
	background-color: var(--background-default-grey);
	max-width: min(50rem,calc(100vw - 2rem));
	z-index: 2;
}

@media (min-width: 62em) { /* MINIMUM MD*/
	.justify-content-end-md{
		justify-content: end;
	}	
	
	.flex-md{
		display: flex;
		flex-direction: row;
	}
	.fr-mx-lg-6w{
		margin-left: 3rem !important;
		margin-right: 3rem !important;
	}
	.fr-ml-lg-2w{
		margin-left: 1rem !important;
	}
	.fr-sidemenu__inner{
		padding-right: 1rem !important;
	}
	
	/* Par défaut, pour éviter que les graphs ne soient trop gros ==> à modifier au cas par cas dans un fichier css dédié si besoin */
	.psup-wish-card .svg-jauge{
		width : 55%; 
	}
	
	.svg-jauge{
		margin: 0 auto !important;
	}
	.svg-jauge-figure{
		display: flex;
	}
}
@media (min-width: 78em) { /* MINIMUM LG*/
	.flex-lg{
		display: flex;
		flex-direction: row;
	}
}

@media (min-width: 48em) { /* MINIMUM SM */
	#miseEnAvantNouveaute .fr-tile__title	 {
		font-size : 0.85rem;
	}
}

/* TAILLE LOGO PARCOURSUP : iso au site statique*/
header .fr-responsive-img, footer .fr-responsive-img {
	min-width: 13.525rem;
	max-width: 13.525rem;
	width: 13.525rem;
}
header .fr-header__operator a[target=_blank]::after, footer .fr-header__operator a[target=_blank]::after{ /* retrait de l'icone after sur le logo, demande so 2024*/
	display: none;
}
.fr-header .fr-header__operator{
	padding-left: 0;
}

/* 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%;
}
	
.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 [class^="fr-icon"]{
    background: #fff;
    color: #000091;
    position: absolute;
    left: 0.5rem;
    top: 0;
    width: 1rem;
    display: flex;
    height: 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

ul.fr-frise__list .fr-link, ol .fr-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.1875rem;
}

.fr-frise__title a {
    color: inherit;
}
    
@media (min-width: 48em){
	ul.fr-frise__list .fr-link, ol .fr-link {
	    display: inline;
	    padding-bottom: 0;
	}
} 
    
@media (max-width: 62em) { /* SM ET MD*/
	.fr-frise__section {
		padding-top: 1.25rem;
   		padding-bottom: 3rem;
	    background: #000091 url("../img/customDSFR/decor/bg-md-frise.svg") 100% 0 no-repeat;
	}
}
   
@media (min-width: 62em){
	.fr-frise__section {
	    padding-top: 1.1875rem;
	    padding-bottom: 1.125rem;
	    background: #000091 url("../../framework/img/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 [class^="fr-icon"] {
	    display: none;
	}
}

/* CALENDRIER FACON SITE STATIQUE*/

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

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

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

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

:root [data-theme=glycine]{
    --calendar-step-main-image: url(../img/customDSFR/decor/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);
}
button.calendar-step-bullet::before{
	content: "";
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-color: var(--calendar-step-main-color);
    position: absolute;
    left: 1.5rem;
    margin-top: .5rem;
}
button.calendar-step-bullet{
	padding-left: 3rem !important;
	color : var(--text-action-high-grey) !important;
}

#cadre-joyeux { /* Chevrons colorés dans le cadre (récup site statique) */
    background-image: url(../img/textetapes-shape.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
}
.fr-shape-w-3::before{
    content: "";
    background: url(../img/shape-w-3.svg) no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    width: 10.5rem;
    height: 18.5rem;
    z-index: -1;
}

.fr-card__play { /* Icon vidéos récupéré du site statique pour les cartes vidéo */
    background: url("../../framework/img/play.svg") no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 3.125rem;
    width: 3.125rem;
    padding: 0.25rem;
}

.psup-icone-background{
	background-color: var(--background-contrast-error);
	color: var(--text-default-error); 
	padding: .55rem .5rem .55rem .75rem;
	border-radius: 3rem;
	margin-right: 1rem;
}


/* 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);
}

/* CADRE  ADMISSION*/

.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-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*/
	.cadre-css-admission .psup-all-wish-lists__heading{
		flex-direction: column;
	}
	.cadre-css-admission .psup-wish-card__complement .fr-accordion__btn{
		flex-direction: column;
		align-items: start;
	}
	.cadre-css-admission .psup-wish-card__complement .fr-accordion__btn .fr-badge{
		margin-left: 0 !important;
		margin-top: .5rem;
	}
}

.sitVoeu p{ /* équivalent du .fr-text--xs*/
	font-size: 0.75rem !important;
    line-height: 1.25rem !important;
    margin: var(--text-spacing);
}