.page-contenu-grise{
	background-color: #F2F6F7;
}

.page-contenu-grise .highlight{
	background-color: #3D566E;
	color : white;
}

.div-partage-page{
	text-align: right;
	padding: 0;
	color : #3d566e;
	font-weight: 700;
	font-size: 	1em;
	display: flex;
    justify-content: flex-end;
}
.div-partage-page p{
	margin-right: 0.3125em;
}

.div-accordeon ul{
    padding: 0;
}
.div-accordeon button{
    height: 100%;
    border: 0;
}
.div-accordeon button span{
    color: #3d566e;
}
.div-accordeon ul.collapse{
    padding: 0;
}
.div-accordeon ul:not(.collapse){
    padding: 0;
}
.div-accordeon ul li.container:before{
    content: '';
}
.div-accordeon button span{
    color: #3d566e;
}

/* ACCORDEON NIVEAU 1*/

.rubriqueDebut > .card{
	 margin-bottom: 0.9375rem;
	 border: none;
}
.rubriqueDebut button{
	background-color: transparent;
}
.rubriqueDebut .card-header{
	background-color: white;
	padding-top: 0.3125em; 
	padding-bottom: 0.3125em;
}
.rubriqueDebut .card-header > div:nth-child(1){
	padding-left: 0.5em;
}
.rubriqueDebut .card-header h3 button{
	font-size: 1.5rem;
	color: #3d566e;
	padding-left: 0;	
	white-space: normal;
}
.accordion .card .card-header h4 button{
	color: #3d566e;
	font-size: 1.125rem;
}
.rubriqueDebut .card-header h3 button:hover{
	text-decoration: none;
}
.rubriqueDebut .card-body{
	font-size: 1em;
	line-height: 1.25;
	padding : 0 1rem;
}
.nested-accordion .card-body{
	padding-top : 0.5rem;
	padding-bottom : 1rem;
}
.rubriqueDebut .span-card-body ul{
	padding-left: 2.5rem !important;
	margin-bottom: 1rem;
}
.rubriqueDebut span.highlight{
	background-color: #2b7bb9 ;
	color: white;
}

/* ACCORDEON NIVEAU 2*/

.nested-accordion {
	margin-top : 0.9375em;
}
.nested-accordion > .card{
 	 margin-bottom: 0.5em; 
 	 box-shadow: 0 0.0625em 0.0625em rgb(200,200,200,0.8); 
}

/* ACCORDEON NIVEAU 3*/

.sub-nested-accordion{
	margin-top : 0.9375em;
}
.sub-nested-accordion > .card{
 	 margin-bottom: 0.5em; 
 	 box-shadow: 0 0.0625em 0.0625em rgb(200,200,200,0.8); 
}

.btn-link{
    text-align: left;
}

.div_transcription{
    border: 0.0625em solid #005373; 
    margin-bottom: 1.25em;
    padding-right: 1rem;
    padding-left: 1rem;
}
.div_transcription .div-calendrier{
    width: 100%; 
}
.div_transcription .div-calendrier img{
    width: 100%;
}
.div_transcription .first_p{
    margin-top: 1em;
}
.div_transcription .upper{
    font-style: italic;
}
.div_transcription #description1 h2, 
.div_transcription #description2 h2,  
.div_transcription #description3 h2{
    color: #3D566E;
    font-size: 1.6em;
}
.div_transcription #description1 h3, 
.div_transcription #description2 h3, 
.div_transcription #description3 h3{
    color: #3D566E;
    font-size: 1.3em;
}
.div_transcription #pdf{
    margin-right: 0.3125em;
}


/* CORRECTION RGAA ------------------------------------------------------------------*/

.card-body > span.span-card-body > br {
    display: none;
}
.card-body p {
    line-height: 1.5; 
}

.accordion .card .card-header h3 button, 
.accordion .card .card-header h4 button {
    display: block;
    width: 100%;
    font-size: 1.25rem;
    white-space: normal;
	text-align: left;
	text-decoration: none;
}
.accordion .card .card-header button {
	position: relative;
    cursor: pointer;
}
.accordion .card .card-header button:focus,
#div-result-found-questions-frequentes span:focus {
	outline: 1px dashed #000;
	outline-offset: 4px;
}
.accordion .card .card-header button .fas{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
    cursor: pointer;
}
.accordion .accordion .card .card-header h3 button {
    font-size: 1.125rem;
}

.parent-theme .rubriqueDebut .border-active {
	border-bottom: 5px solid rgb(227, 106, 76);
}

.border-active .card-header .button-active {
	font-weight: 700;
}

/* ACCUEIL ------------------------------------------------------------------------------------------- */

/* MENU HOVER ------------------------------------------------------------------*/

.div-questions-frequentes{
    display: none;
    background-color: #3D566E; /*BLEU*/
    color: #fff;
    width: 85.375em;
    min-height: 25.625rem;
    padding: 2.5em 0 0.625em 0;
    position: absolute;
    z-index: 99999999;
    top: 183px;
    left: calc(50% - 60em);
}

.div-questions-frequentes > div{
	padding-left : 1.25em;
}

.div-questions-frequentes .liste-dropdown-questions-frequentes{
	margin : 0;
	width: 100%;
	padding : 0;
}

.div-questions-frequentes h2{
    font-family: Arial;
	font-size: 1.1875em;
	white-space: normal;
	margin-bottom: 1.25em;
	font-weight: 700;
}

.div-questions-frequentes ul {
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.div-questions-frequentes ul > li{
	font-family: Arial;
    font-size: 1.125em;
	margin: 0 0 0.4375em 0;
	cursor: pointer;
}
.div-questions-frequentes ul > li > a {
	color: white;
	font-weight: 400;
	font-size: 1em;
}

.div-questions-frequentes .div-arrow {
    background: url("/images/dock/popover-arrow.png") no-repeat scroll center -0.3125em transparent;
    height: 0.9375em;
    position: relative;
    width: 100%;
    z-index: 999;
}

/* SLIDER*/

/* MODE DEKSTOP / TABLETTE */

.slider_accueil{
    width: 100%;
    background: #3D566E;
    position: relative;
}
.slider_accueil div button:hover{
    cursor: pointer;
}
.slider_accueil div:hover{
    opacity: 0.80;
    transition: 0.3s;
}
.slider_accueil div button{
    width: 100%;
    height: 100%;
    text-align: left;
    padding-left: 1.5625rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    background: none;
    border: 0;
}
.slider_accueil div .date_header{
    display: flex;
    margin: 0;
    color: #fff;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.031875rem;
    font-family: Arial;
}
.slider_accueil div .text_header{
    display: flex;
    color: #fff;
    font-family: Arial;
    font-size: 	1.5rem;
    line-height: 1.2;
}
.slider_accueil_actif{
    background: #fff;
    transition: all 0.2s ease-out 0s;
}
.slider_accueil_actif button{
    border-top: 0.3125rem solid #E36A4C !important;
    border-bottom: 0.3125rem solid #E36A4C !important;
    border-left: 0.3125rem solid #E36A4C !important;
    border-right: 0.3125rem solid #E36A4C !important;
}
.slider_accueil_actif button .text_header,
.slider_accueil_actif button .date_header{
    color: #3D566E;
}
.slider_accueil div{
    padding: 0;
}
.slider_accueil #button_phase1{
    border-right: 0 !important
}
.slider_accueil #button_phase2, 
.slider_accueil #button_phase3{
    border-left: 0 !important;
    border-right: 0 !important
}
.slider_accueil #button_phase4{
    border-left: 0 !important
}



/* MODE MOBILE */

.slider_accueil_mobile{
    width: 100%;
    background: #3D566E;
    position: relative;
}
.slider_accueil_mobile div button:hover{
    cursor: pointer;
}
.slider_accueil_mobile div button{
    width: 100%;
    height: 100%;
    text-align: left;
    background: none;
    padding-left: 1.625rem !important;
    padding-right: 0;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    border: 0;
}
.slider_accueil_mobile div .date_header_mobile{
    /* display: flex; */
    margin: 0;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
}
.slider_accueil_mobile div .text_header_mobile{
    font-size: 1.625rem;
    color: #fff;
    margin-bottom: 0.25rem;
    line-height: 0;
}
.slider_accueil_actif_mobile{
    background: #fff;
    padding: 0;
}
.slider_accueil_actif_mobile button{
    border-top: 0.1875rem solid #E36A4C !important;
    border-bottom: 0.1875rem solid #E36A4C !important;
    border-left: 0.1875rem solid #E36A4C !important;
    border-right: 0.1875rem solid #E36A4C !important;
}
.slider_accueil_actif_mobile button .text_header_mobile, 
.slider_accueil_actif_mobile button .date_header_mobile{
    color: #3D566E;
}
.slider_accueil_mobile .span-double{
    display: flex;
    margin-bottom: 0.9375rem;
    margin-top: 0.625rem;
}
.slider_accueil_mobile #button_mobile_phase2, 
.slider_accueil_mobile #button_mobile_phase3{
    border-left: 0 !important;
    border-right: 0 !important
}
.slider_accueil_mobile #button_mobile_phase1{
    border-right: 0 !important
}
.slider_accueil_mobile #button_mobile_phase4{
    border-left: 0 !important
}

.div-phase{
	position: relative;
}
.arrow-1, 
.arrow-3, 
.arrow-1-1-1{
    width: 1.875rem;
    height: 100%;
    background-image: url(../images/timeline/timeline1_arrow2.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    right: -1.3125rem;
    transition: all 0.2s ease-out 0s;
}
.arrow-1-1, 
.arrow-3-1, 
.arrow-3-1-1{
    width: 1.875rem;
    height: 100%;
    background-image: url(../images/timeline/timeline1_arrow3.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    right: -1.25rem;
    transition: all 0.2s ease-out 0s;
}
.arrow-2, 
.arrow-4, 
.arrow-2-1-1-1{
    width: 1.875rem;
    height: 100%;
    background-image: url(../images/timeline/timeline1_arrow2.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: -0.5rem;
    transition: all 0.2s ease-out 0s;
}
.arrow-2-1, 
.arrow-4-1, 
.arrow-2-1-1, 
.arrow-2-1-2-1{
    width: 1.875rem;
    height: 100%;
    background-image: url(../images/timeline/timeline1_arrow4.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: -0.6875rem;
    transition: all 0.2s ease-out 0s;
}
.arrow-2-1-5, 
.arrow-4-1-5, 
.arrow-2-1-1-5, 
.arrow-2-1-2-1-5{
    width: 1.875rem;
    height: 100%;
    background-image: url(../images/timeline/timeline1_arrow5.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
    position: absolute;
    top: 0%;
    left: -0.5625rem;
    transition: all 0.2s ease-out 0s;
}

/* CONTACT --------------------------------------------------------------------- */
#div-contact {
	min-width: 100%;
	background-color: #f2f6f7;
	color :  #3d566e;
}
#div-contact.page-contenu {
	padding-bottom: 0;
}
#div-contact ul{
	padding-left: 0;
	margin-left: 0.9375em;
}
#div-contact-white-part{
	overflow-y : scroll;
	height : 50.05rem;
	background-color: white;
	min-width: 100%;
	padding: 1.25em 4% 3.75em 4% ;
}
#div-contact-white-part > div:nth-child(1){
	padding-left: 0 !important;
}
#div-contact-white-part iframe {
	min-width: 100%;
	border: none;
	min-height: 60em;
	overflow: hidden;
}
#div-contact-white-part select {
	font-weight: normal !important;
}
#div-contact-white-part #IdentiteNom,
#div-contact-white-part #IdentitePrenom {
	min-width: 17.625em;
}
#div-contact-white-part #nationalite,
#div-contact-white-part #type_diplome {
	min-width: 15.3125em;
}
#div-contact .numero-bold{
	font-weight: 800;
	font-size: 1.5em;
}
#div-contact #ul-service-accessible li{
	margin-bottom: 0.625em;
}
#div-contact .btn-bloc-phase-couleur{
	background-color: white;
	text-align: center;
	padding: 0.9375em 1.25em 0.9375em 1.25em;
}
#div-contact #ul-numeros-outemer li{
	margin-bottom: 0.3125em;
}

/* PAGE CORONAVIRUS ---------------------------------------------------------------------*/

#div-coronavirus .card-body ul {
	margin-bottom: 1rem;
}
#div-coronavirus .card-body ul li{
	padding-left: 2rem;
}
#div-coronavirus .card-body ul.ul-sans-bullet li{
	padding-left: 1rem;
}

/* PHASES --------------------------------------------------------------------- */
.cadre-zone-contextuelle{
	padding-left: 0;
	padding-right: 0;	
}
.cadre-zone-contextuelle .div-title-zone-contextuelle{
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	min-height: 3.75em;
	position: relative;
}
.cadre-zone-contextuelle .div-title-zone-contextuelle h2{
	font-family: inherit;
	font-size: 1.5em;
	font-weight: 700;
	color : #3d566e;
	width: 100%;
	margin-bottom: 0;
}
.cadre-zone-contextuelle .div-title-zone-contextuelle button{
    min-width: 1.875em;
    height: 1.875em;
    background-image: url(../images/Pictogramme/picto-close.svg);
    background-size: 100% 100%;
    position: absolute;
    right: 1.25em;
    border: 0;
    background-color: transparent;
}
.cadre-zone-contextuelle .div-title-zone-contextuelle button:hover{
    opacity: 0.8;
    transition: .3s;  
    cursor: pointer;
}
.cadre-zone-contextuelle .button-video{
    background: 0;
    border: 0;
    color: #3D566E;
    font-weight: 700;
}
.cadre-zone-contextuelle .button-video:hover{
    cursor: pointer;
}
.cadre-zone-contextuelle #modal-video-parcoursup2 iframe,
.cadre-zone-contextuelle #modal-video-parcoursup3 iframe {
    width: 100%;
    height: 29.375em;
    position: absolute;
    top: 0;
    left: 0;
}

/* BLOCS AFFICHAGE TEXTE ---------------------------------------------------------------------*/

.cadre-zone-contextuelle .cadre-zone-blocs{
	padding-left: 0;
	padding-right: 0;
	height: auto;
}

.cadre-zone-contextuelle .div-zone-blocs{
    color : #3D566E; 
    z-index: 100;
    padding-left: 0;
    padding-right: 0;
}

.cadre-zone-contextuelle .bloc-phase{
	display: flex;
    position: relative;
    text-align: center;
    min-height: 20.625em;
}
.cadre-zone-contextuelle #slider4 .bloc-phase{
	min-height: 22em;
}
.cadre-zone-contextuelle #slider4 .bloc-phase:nth-child(1) .bloc-row{
	padding: 0 1.5625rem 0 1.5625rem;
}
.cadre-zone-contextuelle #slider4 .bloc-phase:nth-child(2) .bloc-row{
	padding: 0 0.9375rem 0 0.9375rem;
}
.cadre-zone-contextuelle #slider4 .bloc-phase:nth-child(3) .bloc-row{
	padding: 0 1.5625rem  0 1.5625rem ;
}
.cadre-zone-contextuelle .bloc-phase .bloc-row ul {
    text-align: center;
    padding: 0;
    list-style: none;
}
.cadre-zone-contextuelle .bloc-phase .bloc-row ul > li{
    margin: 0 0 0.4375em 0;
}
.cadre-zone-contextuelle .bloc-phase .bloc-row > div:nth-child(1){
    margin-top: 0.3125em;
    line-height : 5;
    min-height : 5em;
}
.cadre-zone-contextuelle .bloc-phase .bloc-row > div:nth-child(1) > img{
    min-height : 5em;
    min-width : 5.1875em;
}
.cadre-zone-contextuelle .bloc-phase .bloc-row a:not(.btn-bloc-phase-couleur){
	padding-top: 1.25em;    
}
.cadre-zone-contextuelle .bloc-phase .bloc-row a .lien-fond-bleu{
	padding: 0px 5px;
    box-shadow: inset 0 -2.5625em 0 0 #3d566e;
    color: white;
    background-color: #3d566e;
}
.cadre-zone-contextuelle .bloc-phase .bloc-row a .lien-fond-corail{
	padding: 0px 5px;
    box-shadow: inset 0 -2.5625em 0 0 #fcb19d;
    color: #0C5076;
    background-color: #fcb19d;
}

.cadre-zone-contextuelle .bloc-phase .bloc-row .div-btn-bloc-phase-couleur{
	font-family : Arial !important;
    min-height: 4.0625em;
    line-height: 3.437;
    white-space: nowrap;
}
.cadre-zone-contextuelle .bloc-phase h2{ 
	line-height: 1.25;
}
.cadre-zone-contextuelle .bloc-phase p{
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.25;
}
.cadre-zone-contextuelle .bloc-phase a{
	color : #3D566E;
	font-size: 1em;
	font-weight: 700;
	text-decoration: none;
}
.cadre-zone-contextuelle .img-arrow{
	position: absolute;
    right: 0;
    top: 36%;
}

.cadre-zone-contextuelle .div-arrow-img{
	display: flex;
	min-width: 100%;
	min-height:auto;
	justify-content: flex-end;
}

.cadre-zone-contextuelle .picto{
    min-width: 3.125em;
    margin-bottom: 1em; 
}

.cadre-zone-contextuelle .picto2{
    min-width: 3.125em;
    margin-bottom: 1em;
}

.cadre-zone-contextuelle .div-zone-blocs-full-width{
	min-height : 17em;
	padding : 0.9375em 0.9375em 0 0.9375em;
	text-align: center;
	background-color: #FDEAE6 ; /*orange clair*/
	position:relative;
}
.cadre-zone-contextuelle .div-zone-blocs-full-width a{
	color : #3D566E;
	text-decoration: underline;
	cursor: pointer;
}

.cadre-zone-contextuelle .div-zone-blocs-full-width ul{
	list-style: none ;
}

.cadre-zone-contextuelle .div-zone-blocs-full-width > div:nth-child(1){
	padding-top : 0;
}
.cadre-zone-contextuelle .div-zone-blocs-full-width ul li{
	font-weight: 500;
	line-height: 1.25;
	margin-top: 0.75rem;
}
.cadre-zone-contextuelle .div-zone-blocs-full-width ul li.fw-bold{
	font-weight: 800;
}
.cadre-zone-contextuelle .size-20{
    font-size: 	1.25em;
}

.cadre-zone-contextuelle #slider1, 
.cadre-zone-contextuelle #slider2, 
.cadre-zone-contextuelle #slider3, 
.cadre-zone-contextuelle #slider4{
    width: 100%;
    background: #F2F6F7;
}

/** RESPONSIVE PAGES PHASES -------------------------------------------------------------------------**/

@media (max-width: 80.188em) {
	.cadre-zone-contextuelle .bloc-phase{
		min-height: 22.8125em;
	}
}

@media (max-width: 79.125em) {
	.cadre-zone-contextuelle .bloc-phase{
		min-height: 22.5em;
	}
	.cadre-zone-contextuelle .bloc-phase .bloc-row > div:nth-child(1){
	    margin-top: 1.875em;
	}
	.arrow-overlay{
	 	position: absolute;
	    left: 22.8125em;
	    top: 5.9375em;
	    z-index: 10;
	}
	.div-zone-blocs-full-width{
		min-height: 23.75em;
	}
}
@media (max-width: 75.625em) {
	.cadre-zone-contextuelle .bloc-phase{
		min-height: 23.75em;
	}
}
@media (max-width: 71.875em) {
	.cadre-zone-contextuelle .bloc-phase {
		min-height : 24.375em;
	}
	.cadre-zone-contextuelle .bloc-phase .small-text{
	   font-size: 0.9375em;
	}
}
@media (max-width: 67.813em) {
	.cadre-zone-contextuelle .bloc-phase {
		min-height : 25em;
	}
}

@media (max-width: 64.313em) {
	.cadre-zone-contextuelle .bloc-row{
		padding-right: 0.1875em;
	}
	.cadre-zone-contextuelle .bloc-phase{
		min-height: 25.625em;
	}
}
@media (max-width: 61.938em) {
    .cadre-zone-contextuelle #slider4, 
    .cadre-zone-contextuelle #slider3, 
    .cadre-zone-contextuelle #slider2, 
    .cadre-zone-contextuelle #slider1{
        margin-bottom: 0.9375em;    
    }
    .cadre-zone-contextuelle #div-zone-contextuelle-cadre{
    	padding-bottom: 0;
    	margin-left: 0;
    	margin-right: 0;
    	min-width: 100%;
    }
    .cadre-zone-contextuelle #div-zone-contextuelle-gauche{
    	padding-left: 1.25em;
    }
    .cadre-zone-contextuelle .div-title-zone-contextuelle h2{
    	font-size: 1em;
    }
    .cadre-zone-contextuelle .bloc-phase{
		padding-top: 0;
		padding-left : 0;
		padding-right : 0;
		min-height: 21.875em;
	}
	.cadre-zone-contextuelle .bloc-row{
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}
	.cadre-zone-contextuelle .bloc-phase .bloc-row > div:nth-child(1){
	    margin-top: 0 !important;
	}
	.cadre-zone-contextuelle .bloc-phase .bloc-row > div:nth-child(1) > img{
	    min-height : 2.1875em;
	    min-width : 2.25em;
	}
	.cadre-zone-contextuelle .bloc-phase .bloc-row > div:nth-child(3){
	    margin-bottom: 0 !important;
	}
	.cadre-zone-contextuelle .bloc-phase p{
		font-weight: 700;
		font-size: 0.75em;
		line-height: normal;
	}
	.cadre-zone-contextuelle .bloc-phase p.small-text{
		font-size: 0.75em !important;
	}
	.cadre-zone-contextuelle .bloc-phase a{
		color : #3D566E;
		font-size: 0.875em;
		font-weight: 700;
	}
	.cadre-zone-contextuelle .bloc-phase a.btn-bloc-phase-couleur{
		font-size: 0.875em !important;
	}
	.cadre-zone-contextuelle .bloc-phase ul > li{
		font-size: 0.75em;
	}
    .cadre-zone-contextuelle .div-zone-blocs-full-width{
		min-height: 26.25em;
	}
	.cadre-zone-contextuelle .div-zone-blocs-full-width{
    	min-height: 19.25em !important;
    }
    .cadre-zone-contextuelle .div-zone-blocs-full-width p{
    	font-size: 0.8125em;
    }
    .cadre-zone-contextuelle .div-zone-blocs-full-width ul > li{
    	font-size: 0.75em;
    }
	.cadre-zone-contextuelle .img-arrow{
		top: 29%;
		right : -12px;
	}
    .cadre-zone-contextuelle #slider3 .img-arrow{
        top: 26%;
    }
    .cadre-zone-contextuelle #slider4 .img-arrow{
        top: 38%;
        right: -6%;
    }
	.cadre-zone-contextuelle .div-tuile-cadre span{
		font-size: 1.25em;
	}
	.cadre-zone-contextuelle .div-tuile-cadre-overlay-arrow{
		height: 40px;
		width: 40px;
		line-height: 40px;
		right: 4%;
	}
    .cadre-zone-contextuelle #slider4 .bloc-phase:nth-of-type(2){
        padding-left: 1.875em;
        padding-right: 1.875em;
    }
}

@media (max-width: 47.938em) {
    .cadre-zone-contextuelle .bloc-phase{
	    min-height: 17.5em;
	}
	.cadre-zone-contextuelle #slider4 .bloc-phase{
		min-height: 22em;
	}
	.cadre-zone-contextuelle .bloc-phase .bloc-row > div:nth-child(1) > img{
	    min-height : 2.5em;
	    min-width : 2.5625em;
	}
	.cadre-zone-contextuelle .bloc-phase p,
	.cadre-zone-contextuelle .bloc-phase p.small-text,
	.cadre-zone-contextuelle .bloc-phase a,
	.cadre-zone-contextuelle .bloc-phase a.btn-bloc-phase-couleur{
		font-size: 1em;
	}
	.cadre-zone-contextuelle .div-zone-blocs-full-width{
		min-height: 21rem !important;
	}
	.cadre-zone-contextuelle .img-arrow{
        top: auto;
		bottom: 10px;
        right: 0;
        left: 0;
        transform: rotate(90deg);
	}
    .cadre-zone-contextuelle #slider1 .img-arrow{
        bottom: 0;
    }
    .cadre-zone-contextuelle #slider2 .img-arrow{
        bottom: -5%;
    }
    .cadre-zone-contextuelle  #slider3 .img-arrow{
     	top : auto;
        bottom: -5%;
    }
    .cadre-zone-contextuelle #slider3 .bloc-phase:nth-of-type(2) .img-arrow{
     	top : auto;
     	bottom: -20%;
    }
    .cadre-zone-contextuelle #slider3 .bloc-phase:nth-of-type(3){
       padding-top: 7.1875em;
    }
    .cadre-zone-contextuelle #slider4 .img-arrow{
     	top : auto;
        bottom: 15%;
        right: 2%;
    }
	.cadre-zone-contextuelle .div-tuile-cadre span{
		font-size: 	1.25em;
	}
	.cadre-zone-contextuelle .div-tuile-cadre-overlay-arrow{
		min-height: 40px;
		min-width: 40px;
		line-height: 40px;
		right: 4%;
	}
}

@media (max-width: 37.438em) {
    .cadre-zone-contextuelle .bloc-phase{
	    min-height: 19.375em !important;
	    padding-top: 0.625em;
	}
	.cadre-zone-contextuelle .bloc-phase p{
		font-size: 	1.25em;
	}
	.cadre-zone-contextuelle .bloc-phase a{
		font-size: 1em;
	}
	.cadre-zone-contextuelle .div-zone-blocs-full-width .fw-bold{
		font-size: 0.875rem;
	}
	.cadre-zone-contextuelle .div-zone-blocs-full-width ul{
		padding-left: 0;
	}
	.cadre-zone-contextuelle .div-zone-blocs-full-width li{
		font-size: 0.875em;
	}
    .cadre-zone-contextuelle #slider4 .img-arrow{
        bottom: -4%;
    }
	 .cadre-zone-contextuelle #slider4 .bloc-phase:nth-of-type(2) .img-arrow{
     	bottom: -6%;
    }
}

@media (max-width: 27.188em) {
	.cadre-zone-contextuelle .div-title-zone-contextuelle h2.title-zone-contextuelle-left{
		text-align: left;
		padding-left: 10%;
	}
	 .cadre-zone-contextuelle #slider4 .bloc-phase:nth-of-type(1) .img-arrow{
     	bottom: -6%;
    }
}
@media (max-width: 25.938em) {
	.cadre-zone-contextuelle .div-title-zone-contextuelle h2.title-zone-contextuelle-left{
		text-align: left;
		padding-left: 6%;
	}
}
@media (max-width: 25.000em) {
	.cadre-zone-contextuelle .div-title-zone-contextuelle h2.title-zone-contextuelle-left{
		text-align: left;
		padding-left: 3%;
	}
}

/* 1jeune1solution -------------------------------------*/

.main-tuile-1jeune1solution {
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.tuile-1jeune1solution{
	width: 31%;
	min-width: 300px;
    position: relative;
	padding-right: 0;
	padding-left: 0;
	margin-bottom : 2em;
	border-radius: 5px;
}
.tuile-1jeune1solution .bloc-title {
	display: flex;
    padding: 5px 10px;
}
.tuile-1jeune1solution .padding-content {
	padding: 12px 2px 0 2px;
}
.tuile-1jeune1solution .padding-content li {
	margin-left: -12px;
}
.main-tuile-1jeune1solution .padding-content {
	padding: 12px 2px 0 2px;
}
.main-tuile-1jeune1solution .padding-content li {
	margin-left: -12px;
}
.main-tuile-1jeune1solution #bloc-1 {
	border: 4px solid #f0df90;
}
.main-tuile-1jeune1solution #bloc-1 .bloc-title {
	background-color:#f0df90;
}
.main-tuile-1jeune1solution #bloc-2 {
	border: 4px solid #6696ac;
}
.main-tuile-1jeune1solution #bloc-2 .bloc-title {
	background-color:#6696ac;
}
.main-tuile-1jeune1solution #bloc-3 {
	border: 4px solid #f0df90;
}
.main-tuile-1jeune1solution #bloc-3 .bloc-title {
	background-color:#f0df90;
}
.main-tuile-1jeune1solution #bloc-4 {
	border: 4px solid #6696ac;
}
.main-tuile-1jeune1solution #bloc-4 .bloc-title {
	background-color:#6696ac;
}
.main-tuile-1jeune1solution #bloc-5 {
	border: 4px solid #f0df90;
}
.main-tuile-1jeune1solution #bloc-5 .bloc-title {
	background-color:#f0df90;
}
.main-tuile-1jeune1solution #bloc-6 {
	border: 4px solid #6696ac;
}
.main-tuile-1jeune1solution #bloc-6 .bloc-title {
	background-color:#6696ac;
}

.platforme-1jeune1solution #img-france-relance{
	width : 220px;
	height : 220px;	
}
.platforme-1jeune1solution #img-solu-num-vert{
	height : 150px;
}

/* CONSEILS VOEUX --------------------------------------------------------------------- */
#div-conseils-voeux .highlight-bleu-gris{
	font-size: 0.8em;
	line-height: 1.9;
}

#div-conseils-voeux .ul-sans-bullet{
	padding-left: 0;
}

/* FORMATIONS --------------------------------------------------------------------- */
#div-les-formations .div-boutons-recherche{
    width: 100%;
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	margin: auto;
	margin-top: 0.9375em;
	flex-direction: row;
}
#div-les-formations .div-boutons-recherche > div{
	margin: 0.625em 0.3125em;
}

/* PLAN DU SITE ---------------------------------------------------------------------------------------- */
#div-plan-du-site ul {
	padding-left: 2.5em;
}
#div-plan-du-site ul > li{
	list-style: none;
	line-height: 1.875;
}
#div-plan-du-site ul > li > a{
	text-decoration: underline;
}

/* POINTS ETAPE --------------------------------------------------------------------------------------- */
.div_point_etape{
    border: 0.05em solid #005373; 
    margin-bottom: 1.2em;
}

/* QUESTIONS FREQUENTES --------------------------------------------------------------------------------------- */
#questions-frequentes .link,
#questions-frequentes a{
	text-decoration: underline;
	cursor: pointer;
	color : #2C7BBC;
	font-weight: 500;
	padding-left: 0;
}
#questions-frequentes .parent-header{
	margin-top: 0;
}

/* BARRE DE RECHERCHE*/
#form-rechercher-questions-frequentes{
	height: 1.9375em;
	float: right;
	background-color: white;
	width: 20.625em;
}
#questions-frequentes #icone-rechercher-questions-frequentes {
	height: 1.9375em;
	color : #8d96a6;
	float: right;	
	padding-left: 0.9375em;
	background-color: transparent;
	border: none;
}
#questions-frequentes #rechercher-questions-frequentes{
	border : none !important;
	border-radius : 0 ;
	font-size: 1em;
	display: inline-block ;
}
#questions-frequentes #reinitialiser-recherche{
	color: #3d566e;
    border: 0.1rem solid #E36A4C !important;
    border-radius: 0.3125em;
}



/* QUESTIONS FREQUENTES CONSEILS --------------------------------------------------------------------------------------- */
#page-questions-frequentes-conseils .accordion .card:not(.container){
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.125) !important;
}
#page-questions-frequentes-conseils .accordion .h3-sans-bullet{
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}
#page-questions-frequentes-conseils h3:before,
#page-questions-frequentes-conseils .sous-titre-section:before{
	content : '' !important;	
}
#page-questions-frequentes-conseils .titre-ressources{
	margin-top: 1.5rem!important;
}
#page-questions-frequentes-conseils .titre-ressources{
	font-size: 1.25rem;
}
#page-questions-frequentes-conseils h3{
	font-size: 1.5rem;
	margin-top: 1rem;
}

/* SERVICES NUMERIQUES ---------------------------------------------------------------------------------*/
#page-service-numerique #btn-profil-sn #div-eleves-etudiants,
	#page-service-numerique #btn-profil-sn #div-equipes-educatives {
	background-color: white;
	padding: 0.4em 0;
}
#page-service-numerique #btn-profil-sn #div-eleves-etudiants {
	border-top-left-radius: 2.5em;
	border-bottom-left-radius: 2.5em;
	text-align: right;
}

#page-service-numerique #btn-profil-sn #div-equipes-educatives {
	border-top-right-radius: 2.5em;
	border-bottom-right-radius: 2.5em;
	text-align: left;
}
#page-service-numerique .btn-blanc{
	color: #737373;
	padding: 0.15em 1.15em;
	height: 100%;
	width: 100%;
	background-color: transparent;
}
#page-service-numerique #btn-profil-sn #btn-eleves-etudiants {
	border-radius: 5px;
}
#page-service-numerique button.active {
	color: #3D566E !important;
	text-decoration: underline;
	font-weight: bold;
}
#page-service-numerique .div-logo-entete {
	height: 100%;
	width: 100%;
	position: relative;
}
#page-service-numerique .logo-entete {
	height: auto;
	width: auto;
	max-height: 125px;
	max-width: 90%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#page-service-numerique .logo-entete-sm {
	max-height: 125px;
	margin: auto;
	max-width: 100%;
}

#page-service-numerique #div-aucun-resultat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: white;
}
#page-service-numerique #div-aucun-resultat p {
	font-weight: bold;
	font-size: 1.1em;
}
#page-service-numerique .div-titre-changer-reg-sn{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 1em;
}
#page-service-numerique .btn-changer-region {
	background-color: transparent;
	border: none;
	text-decoration: underline;
	color: #3d566e;
	padding-left: 0;
	cursor: pointer;
}
#page-service-numerique .logo-region-sn {
	padding: 5px 0;
}
#page-service-numerique .desc-region-sn{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
#page-service-numerique .filtres-aide, #page-service-numerique .filtres-proposition{
	width: 90%;
}
#page-service-numerique .filtres-aide-sm, #page-service-numerique .filtres-proposition-sm{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
#page-service-numerique .accordion {
	border-bottom: none !important;
}
#page-service-numerique .accordion.accordion-service .card {
	border: none;
}
#page-service-numerique .accordion.accordion-service .card-header {
	border-bottom: none !important;
	background-color: white;
	border: none;
	padding: 0;
}
#page-service-numerique .accordion .card .card-header h3 button {
	font-size: 0.85em;
}
#page-service-numerique .accordion.accordion-service .card-body {
	padding: 0;
}
#page-service-numerique #div-profil-sn {
	display: flex;
	justify-content: center;
}
#page-service-numerique #filtres-services-numeriques {
	padding: 1.5em 0;
}

#page-service-numerique .filtres-services li::before{
	content: none !important;
}
#page-service-numerique .h2-sn{
	font-weight: bold;
	margin : 0 0 0.15em 0;
	font-size: 1rem;
}
#page-service-numerique .badge-filtre{
	white-space : normal; 
	color : #3D566E;
}
#page-service-numerique #nb-services p{
	text-align: right;
	font-style: italic;
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/** RESPONSIVE  -------------------------------------------------------------------------**/
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 83.313em) { /*1333.008px*/
    .slider_accueil_actif button {
        border-top: 0.25rem solid #E36A4C !important;
        border-bottom: 0.25rem solid #E36A4C !important;
        border-left: 0.25rem solid #E36A4C !important;
        border-right: 0.25rem solid #E36A4C !important;
    }
    .slider_accueil div .text_header{
        font-size: 1.1875rem;
    }
    .slider_accueil div .date_header {
        font-size: 0.9375rem;
    }
    .slider_accueil div button {
        padding-left: 1.21875rem;
    }
    .slider_accueil{
        margin-top: 8.5em; /* ATTENTION : 30px minimum au dessus et en dessous de la Marianne*/
    }
    .slider_accueil div:hover{
        opacity: 1;
        transition: unset;
    }
    
    .arrow-1, 
    .arrow-3, 
    .arrow-1-1-1 {
        right: -1.1875rem;
    }
    .arrow-2-1, 
    .arrow-4-1, 
    .arrow-2-1-1, 
    .arrow-2-1-2-1 {
        left: -0.625rem;
    }
}

@media (max-width: 68.750em) { /*1100px*/
    .slider_accueil_actif button {
        border-top: 0.1875rem solid #E36A4C !important;
        border-bottom: 0.1875rem solid #E36A4C !important;
        border-left: 0.1875rem solid #E36A4C !important;
        border-right: 0.1875rem solid #E36A4C !important;
    }
    .slider_accueil{
        margin-top: 7.65em; /* ATTENTION : 30px minimum au dessus et en dessous de la Marianne*/
    }
    .slider_accueil div .text_header{
        font-size: 1.095rem;
    }
    .slider_accueil div .date_header{
        font-size: 0.845rem;
        font-weight: 500;
    }
    .slider_accueil div button {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
    .br{
        display: none;
    }
}

@media (max-width: 61.938em) { /*991.008px*/
    .slider_accueil div .text_header {
        font-size: 	0.875rem;
    }
    .slider_accueil div .date_header {
        font-size: 0.6895rem;
        letter-spacing: 0;
    }
    .slider_accueil div button {
        padding-bottom: 0.4375rem;
        padding-top: 0.4375rem;
    }
    .arrow-1, 
    .arrow-3, 
    .arrow-1-1, 
    .arrow-3-1 {
        right: -1.125rem;
    }
    
    #form-rechercher-questions-frequentes{
		width: 18.75em;
	}
}

@media (max-width: 59.375em) {
	#div-contact-white-part iframe {
		min-height: 90em;
	}
}

@media (max-width: 51.875em) { /*830px*/
    .slider_accueil div .date_header {
        font-size: 0.625rem;
    }
}

@media (min-width: 48em) { /* 768px*/
    .slider_accueil{
        display: flex;
    }
    .slider_accueil_mobile{
        display: none;
    }
}

/* MODE TABLETTE DESKTOP*/
@media (min-width : 47.939em) { /* 766px*/
	.d-md-block {
		display: block !important;
	}
	.d-md-none {
		display: none !important;
	}
}

/* MODE MOBILE*/
@media (max-width : 47.938em) { /*767.008px*/
	.d-sm-none {
		display: none !important;
	}
	.d-sm-block {
		display: block !important;
	}
	#page-service-numerique{
		padding: 0;
	}
	#page-service-numerique h1{
		font-size: 1.2em;
	}
	#page-service-numerique #btn-profil-sn #div-equipes-educatives,
		#page-service-numerique #btn-profil-sn #div-eleves-etudiants {
		border-radius: 2.5em;
		text-align: center;
	}
	#page-service-numerique #btn-profil-sn #div-equipes-educatives {
		margin-top: 10px;
	}
	#page-service-numerique .div-titre-changer-reg-sn{
		margin-bottom: 1em;
		flex-direction: column;
		justify-content: space-between;
	}
	#page-service-numerique .desc-region-sn{
		flex-direction: column;
	}
	#page-service-numerique .lien-cons-sn{
		padding-left: 0 !important;
		padding-top: 0.5em !important;
	}
	#page-service-numerique .logo-region-sn {
		max-width: 50%;
		padding: 5px 0;
	}
	#page-service-numerique .btn-changer-region {
		text-align: left;
	}
	#page-service-numerique #filtres-services-numeriques {
		padding: 0.25em !important;
	}
	#page-service-numerique #blocs-services-numeriques {
		padding: 0 0.15em;
	}
	#page-service-numerique #nb-services p{
		padding: 0.25em ;
		text-align: left;
	}
	#page-service-numerique .filtres-aide-sm li{
		line-height: 1.75em !important;
	}
	#page-service-numerique .bloc-sn-mobile{
		padding-left: 0;
		padding-right: 0;
	}
	#page-service-numerique #btn-profil-sn #btn-eleves-etudiants,
	#page-service-numerique #btn-profil-sn #btn-equipes-educatives {
		white-space: normal;
	}
	#page-service-numerique .badge-filtre{
		text-align: left;
	}
	
	.slider_accueil_mobile{ /* ATTENTION : 30px minimum au dessus et en dessous de la Marianne*/
        margin-top: 4.45em !important;
    }
    .slider_accueil{
        display: none;
    }
    .slider_accueil_mobile{
        display: flex;
    }

    .arrow-1, 
    .arrow-3, 
    .arrow-1-1, 
    .arrow-3-1 {
        right: -1.1875rem !important;
    }
    .arrow-2, 
    .arrow-4, 
    .arrow-2-1-1-1 {
        left: -0.4375rem;
    }
    #div-form-rechercher-questions-frequentes{
		height: 4rem;
	}
    #form-rechercher-questions-frequentes{
		width: 100%;
		height: 3.125em;
	}
	#rechercher-questions-frequentes{
		width : 90% !important;
		font-size: 1.25em;
		line-height : 2.5;
		display: inline-block !important;
		padding-left: 1.25em;
	}
}

@media (max-width : 42.813em) { /* 684px*/
	#rechercher-questions-frequentes{
		width : 87% !important;
	}
}

@media (max-width: 42em) { /*672px*/
    .slider_accueil_mobile div .date_header_mobile{
        font-size: 1.25rem;
    }
    .slider_accueil_mobile div .text_header_mobile{
        font-size: 1.375rem;
    }
}

@media (max-width: 36.188em) { /*579px*/
    .slider_accueil_mobile div .date_header_mobile{
        font-size: 1.0625rem;
    }
    .slider_accueil_mobile div .text_header_mobile{
        font-size: 1.1875rem;
    }
    .slider_accueil_mobile.span-double{
        margin-bottom: 0.625rem;
        margin-top: 0.625rem;
    }
    .slider_accueil_mobile div button {
        padding-left: 1.375rem !important;
    }
    
    .arrow-2-1-5, 
    .arrow-4-1-5, 
    .arrow-2-1-1-5, 
    .arrow-2-1-2-1-5 {
        left: -0.625rem;
    }
    .arrow-2, 
    .arrow-4, 
    .arrow-2-1-1-1 {
        left: -0.5625rem;
    }
}

@media (max-width : 35em) { /*560px*/
	#page-questions-frequentes-conseils .accordion .card-header h3 button{
		width: 90%;
	}
	
	#rechercher-questions-frequentes{
		width : 85% !important;
	}
	.accordion .card-header h3 button{
		white-space: normal;
		text-align: left;
		padding-right: 0;
	}
}

@media (max-width: 31.813em) { /*509.008px*/
    
    .slider_accueil_mobile div .date_header_mobile{
        font-size: 0.9375rem;
    }

    .slider_accueil_mobile div .text_header_mobile{
        font-size: 1.0625rem;
    }
}

@media (max-width: 28.875em) { /*462px*/
    .slider_accueil_mobile div .date_header_mobile{
        font-size: 0.8125rem;
    }
    .slider_accueil_mobile div .text_header_mobile{
        font-size: 0.9375rem;
    }
    .slider_accueil_mobile .span-double{
        margin-bottom: 0.4375rem;
        margin-top: 0.625rem;
    }
    .slider_accueil_mobile div button {
        padding-left: 1.25rem !important;
    }
    .arrow-2-1-5, 
    .arrow-4-1-5, 
    .arrow-2-1-1-5, 
    .arrow-2-1-2-1-5 {
        left: -0.6875rem;
    }
    .arrow-2, .arrow-4, .arrow-2-1-1-1 {
        left: -0.625rem;
    }
}

@media (max-width : 26.563em) { /*424px*/
	#rechercher-questions-frequentes{
		width : 82% !important;
	}
}

@media (max-width: 25.938em) { /*415px*/
    .slider_accueil_mobile div .date_header_mobile{
        font-size: 0.75rem;
    }
}

@media (max-width : 25.000em) { /*400px*/
    .div-partage-page span{
    	font-size: 	0.75em;
    }
    .div-partage-page img{
    	height: 1.5625em;
    	width: 1.5625em;
    }
}

@media (max-width: 23.750em) { /* 380px*/
    .slider_accueil_mobile div .date_header_mobile{
        font-size: 0.625rem;
    }
    .slider_accueil_mobile div .text_header_mobile{
        font-size: 0.75rem;
    }
    .slider_accueil_mobile div button {
        padding-left: 1.125rem !important;
    }
     .slider_accueil_mobile .span-double {
        margin-bottom: 0;
        margin-top: 0.4375rem;
    }
}