/* 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
 */

#main{
	padding: 0;
}

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


.display-none{display: none;}

/* POLICE */

.orange{color: #E36A4C;}
.rouge{color : #EC130E;}
.bleu{color : #3D566E;}
.blanc{color : #FFF;}
.noir{color: #000;}
.corail{color : #ED7454;}
.vert{color : #51B9AA;}
.jaune{color : #E2C838;}
.violet{color : #797FBB;}

.bg-bleu{background-color: #3D566E;}
.bg-moutarde{background-color: #e2c838;}

.italic{font-style: italic;}

.f-size-1-1em{font-size: 1.1em !important;}
.f-size-1-2em{font-size: 1.2em !important;}
.f-size-1-3em{font-size: 1.3em !important;}
.font-size-1-5{font-size: 1.5em !important;}
.f-weight-500{font-weight: 500 !important;}
.strong{font-weight: bold;}

.medium-text{
	font-size: 13px;
	font-weight: 400;
}

.medium-large-text{
	font-size: 0.9375em;
	font-weight: 600;
}

.small-text{
	font-size: 1em !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}
.light-text{
	font-size: 0.85em !important;
}

.sr-only{ /* pour RGAA contrast*/
	border-color: #3D566E !important;
	color: #3D566E !important;
}
.btn-blue .sr-only{ /* pour RGAA contrast*/
	color : white !important;	
}
.underline-white{
    padding: 0 10px;
    box-shadow: inset 0 -0.5625em 0 0 white;
}
.underline{text-decoration: underline;}
.uppercase{text-transform: uppercase;}

.hover-underline:hover{
	text-decoration: underline;
}

/* MARGIN / PADDING*/

.margin-0{margin: 0;}
.padding-right-0-3{padding-right: 0.3em;}
.width-100{
	width: 100%;
    margin: auto;
}

.align-center{align-items: center;}
.d-flex{display: flex;}

.badge-primary{background-color: #0051a7; }

.background-red{
	background-color: #D92C2C; /* rouge message flash - changé pour la RGAA*/ 
}

.badge-rose{background-color: #ffbdba; } /*ATTENTION couleur imposée par la comm*/
.badge-saumon{background-color: #fed8ce; }/*ATTENTION couleur imposée par la comm*/
.badge-bleu-gris{background-color: #b5cbd6; }/*ATTENTION couleur imposée par la comm*/
.badge-jaune-pale{background-color: #f8efc7; }/*ATTENTION couleur imposée par la comm*/
.badge-violet-clair{background-color: #d8daea; }/*ATTENTION couleur imposée par la comm*/
.badge-bleu-vert{background-color: #c7e9e6;}/*ATTENTION couleur imposée par la comm*/
.badge-gris-clair{background-color: #ededed;border : 2px solid #e8e8e8; font-weight: bold; color:#3D566E;}/*ATTENTION couleur imposée par la comm*/

.badge-bordure-rose{border: 2px solid #ffbdba; }/*ATTENTION couleur imposée par la comm*/
.badge-bordure-saumon{border: 2px solid #fed8ce; }/*ATTENTION couleur imposée par la comm*/
.badge-bordure-bleu-gris{border: 2px solid #b5cbd6; }/*ATTENTION couleur imposée par la comm*/
.badge-bordure-jaune-pale{border: 2px solid #f8efc7; }/*ATTENTION couleur imposée par la comm*/
.badge-bordure-violet-clair{border: 2px solid #d8daea; }/*ATTENTION couleur imposée par la comm*/
.badge-bordure-bleu-vert{border: 2px solid #c7e9e6;}/*ATTENTION couleur imposée par la comm*/


.w-60{width:60%;}

.w-33{width:33%;}

.h-33 {
	height:33%;
}

.ul-sans-bullet{
	list-style: none !important;
	padding-left: 0;
}
.ul-sans-bullet li{
	line-height: 2 !important;
}
.ul-sans-bullet li::before {
  	content: "" ! important;
}

.ul-aeree li{
	padding-bottom: 0.5rem;
}

.bandeau-alerte-rouge{
	background-color: #D92C2C; /* rouge message flash - changé pour la RGAA*/
	color: white; 
}
.bandeau-alerte-rouge a,
.bandeau-alerte-rouge p{
	color: white;
}
.bandeau-alerte-jaune{
	background-color: #e2c838;
}
.bandeau-alerte-jaune a,
.bandeau-alerte-jaune p{
	color:#3D566E;
}
.ombre-bottom{
	box-shadow: 0 0.6875em 0.625em -0.0625em #CECECE;
	-webkit-box-shadow: 0 0.6875em 0.625em -0.0625em #CECECE;
	-moz-box-shadow: 0 0.6875em 0.625em -0.0625em #CECECE;
}
.ombre-top{
	 width: 100%;
	box-shadow: 0 -0.125em 0.625em -0.0625em #CECECE;
	-webkit-box-shadow: 0 -0.125em 0.625em -0.0625em #CECECE;
	-moz-box-shadow: 0 -0.125em 0.625em -0.0625em #CECECE;
}

.sous-titre{
	font-size : 1.25em !important;
	font-weight: bold;
}

.div-element{
     padding: 0 0 1.25em 0;
}
.div-element-cadre{
     padding: 0.3125em 1.25em;
}

.fa-external-link-alt{
	font-size: 0.75rem !important;
}

.img-120{
	width: 120px !important;
	height: 120px !important;
}

.none{
    display: none;
}

/* UTILE SVG */
.st-bleu-france{fill:#293173;}
.st-rouge-france{fill:#E10814;}
.st-blanc-france{fill:#9D9D9C;}
/* FIN UTILE SVG */


.blur{
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.hover-center{
    display: flex;
    justify-content: center;
}

/* CADRE --------------------------------------------------------------------------------------*/

body{
    background: #F2F6F7;
    height: auto;
}
.container{
    max-width: 85.375em;
    padding: 0;
}
.row{
    margin: 0;
}

/* EVITEMENT*/
.div-evitement{
    width: 100%;
    height: auto;
    background: #3D566E;
    top: 0;
    left: 0;
}
.div-evitement ul{
    margin: 0;
    padding: 0;
}
.div-evitement li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.div-evitement a{
    position: absolute;
    left: -437.5em;
    padding: 0;
    margin-left: 0.625em;
    color: #fff;
    background: #3D566E;
    text-decoration: none;
}
.div-evitement a:focus{
    position: static;
    top: .2em;
    left: 0;
}

/* HEADER ----------------------------------------------------------------------------- */
header{
    width: 100%;
    height: 185px; /* ATTENTION : 30px minimum au dessus et en dessous de la Marianne*/
    background: #fff; 
    z-index: 999;
}
.header{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
}
#logomarianne {
    width: 8.5em;
    /*height: 100%;*/ /*Sous chrome avec height: 100% -> Les logos du header sont minuscules au premier chargement de la page*/
    margin-right: 1.25em;
}
#logopsup {
    width: 15em;
    height: 100%;
    position: relative; /* ATTENTION : Alignement des éléments du header sur "Francaise" de Marianne*/
    top : 4px; /* ATTENTION : Alignement des éléments du header sur "Francaise" de Marianne*/
}
#div-psup-header{
	height: 100%;
}
.psup-header{
    width: auto;
    margin-left: 1em;
    margin-right: 1em;
    padding: 0;
    box-sizing: border-box;
}
.psup-header a:hover{
    text-decoration: none;
}
.reseaux-sociaux{
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: 0;
}

.reseaux-sociaux ul{
    width: 100%;
    height: 100%;
    display: flex;
    margin-right: 0.625em;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    padding: 0;
}

.reseaux-sociaux ul li{
    display: inline-block;
    list-style: none;
    margin-right: 1em;
    position: relative; /* ATTENTION : Alignement des éléments du header sur "Francaise" de Marianne*/
    top: 2px; /* ATTENTION : Alignement des éléments du header sur "Francaise" de Marianne*/
}

.reseaux-sociaux ul li a,
#link-dropdown-questions-frequentes{
    font-size: 1.125em; 
    color: #3D566E;
    font-weight: 600;
    text-decoration: none;
}
#link-dropdown-questions-frequentes{
	background-color: transparent;
	border: none;
}
#link-redirection-questions-frequentes.down-arrow-questions-frequentes:after{
    content: '';
    width: 1.875em;
    height: 1.875em;
    background: #3D566E; /* BLEU */
    position: absolute;
    transform: rotate(45deg);
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top : 10em;
    z-index: 10;
}
.liste-dropdown-questions-frequentes .sr-only-focusable{
	color: white !important;
}
.reseaux-sociaux ul li a:hover{
    color: #8B97A9;
    text-decoration: none;
    transition: .2s;
}
#liens-fb, #liens-tw{
    margin: 0 0.1875em 0 0;
}

#se-connecter{
    width: 10.625rem;
    height: auto;
    border: 0;
    box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.16), 0 0.125em 0.3125em rgba(0, 0, 0, 0.26);
    border-radius: 0.3125em;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 1.125em;
    font-weight: 700;
    color: #3d566e;
    padding: 0.625rem;
}
#dropdown-menu-se-connecter{
	position: relative;
	display: inline-block;
}
#dropdown-menu-se-connecter .dropdown-content {
	display: none;
	position: absolute;
	min-width: auto;
	z-index: 1;
	right : 0;
	border: 0;
	box-shadow: 0 0.125em 0.625em rgba(0, 0, 0, 0.16), 0 0.125em 0.3125em rgba(0, 0, 0, 0.26);
	border-radius: 0.3125em;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 1rem;
	font-weight: 700;
	color: #3d566e;
}
#ul-dropdown{
	display: flex;
	flex-direction: column;
	padding: 0.625rem 0.625rem 0.625rem 0;
}
#ul-dropdown li{
	margin-left: auto;
	margin-right: 0.625rem;
}
#ul-dropdown li:nth-of-type(1){
	padding-bottom: 0.3125rem;
}
#ul-dropdown li a{
	display: inline-block;
	width : auto;
	text-align: right;
	white-space : nowrap;
	background-color : transparent;
	padding: 0 0 0.15rem 0;
	
}
#ul-dropdown li a span{
	margin-top: 0.1875rem;
} 

/* MENU */

#hamburger{
    padding: 0;
    border: none;
    background: none;
    color: #3D566E;
}

#hamburger:hover{
    cursor: pointer;
}

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

.div-hamburger{
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end;
    right: 1.875em;
    z-index: 9999;
}
.contenu-hamburger{
    width: 70%;
    height: 100vh;
    display: none;
    right: 0;
    top: 0;
    justify-content: flex-end;
    position: absolute;
}
.contenu-hamburger ul{
    width: 70%;
    height: 100vh;
    padding-top: 5.625em;
    z-index: 999;
    background: #fff;
    text-align: left;
}
.contenu-hamburger ul li{
    list-style: none;
    margin-right: 2.5em;
    padding: 0.625em 0;
}
.contenu-hamburger ul li a{
    color: #3D566E;
    font-weight: 500;
    text-decoration: none;
}
.contenu-hamburger ul li:nth-of-type(1){
    text-align: left;
    border-top: 0.125em solid #EA7152;
    border-bottom: 0.125em solid #EA7152;
}
.highlighted-a-menu{
	background-color: #e84d24;
}

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

.menu-actif{
    display: flex !important;
    animation: slideIn .4s forwards;
}

@keyframes slideOut{
    from{
        right:0;opacity:1;
    }
    to{
        right:-40.625em;
        opacity:0.8;
    }
}

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

#li-questions-frequentes{
	height: 100%;
}
#li-questions-frequentes #div-relative{
	position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}
#li-questions-frequentes ul li a:hover {
    color: #fff;
}
#link-redirection-questions-frequentes {
    display: block;
    position: relative;
    z-index: 30;
}
#link-dropdown-questions-frequentes {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* MAIN ----------------------------------------------------------------------------- */
main{
    padding-left: 2.5em;
    padding-right: 2.5em;
}
#main{
    background: #fff;
} 

/* FOOTER ----------------------------------------------------------------------------- */
footer{
    width: 100%;
    background-color: #3D566E;
}
footer div ul li h2{
    color: #ffffff;
    font-family: Arial;
    font-size: 1.25em;
    font-weight: 700;
}
footer ul{
    list-style: none;
    padding-left: 0;
}
footer a, footer span{
    color: #ffffff;
    font-family: Arial;
    font-size: 0.875em;
}
footer span:hover{
    text-decoration: underline;
    cursor: pointer;
}
footer a{
	text-decoration: none;
}
footer a:hover{
    color: #ffffff;
}

/* MESSAGE FLASH ----------------------------------------------------------------------------- */

.div-message-flash{
	min-height : 40px;
	height: auto;
	padding-top: 0.45em;
	padding-bottom: 0.45em;
    display: flex;
    align-items: center;
}

.text-message-flash{
	font-size: 0.875em;
	font-weight: 600;
    margin: 0;
}
.text-message-flash a{
	text-decoration: underline;
}

/* VIDEOS */

#div-container-video, .div-container-video{
	display: flex;
    justify-content: center;
    margin:auto;
    margin-bottom: 1.25em;
    
}

#div-video, .div-video{
	position: relative;
    width: 56.1875em;
    max-width: 100%;
    height: 31.6875em;
    padding-bottom: 50.5%;
}

#div-video #video-parcoursup-cest-quoi,
#div-video iframe, .div-video iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.div-video-daylimotion{
    padding: 0;
    display: flex;
    flex-direction : row-reverse;  
}
.div-video-daylimotion > div{
	margin-bottom: 1.875em;
}

.video-daylimotion{
    width: 100%;
    height: 24.125em;
}
.video-daylimotion iframe{
    width: 100%;
    height: 100%;
    padding-right: 0.9375em !important;
}
.text-video-daylimotion{
   padding-left: 0.9375em !important;
}

ol{
    margin-bottom: 0;
}

/* RGAA */

button.close{
	padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.btn.focus, .btn:focus {
	outline: 0 !important;
	box-shadow: 0 0 0 .25rem black !important;
}

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

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

/**
 * emove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
  outline: 0.0625em dotted ButtonText;
}

.btn.focus,
.btn:focus{
    outline: 0.3125em auto -webkit-focus-ring-color;
}

.btn-blue{
    background: #005373;
    color: #fff;
}
.btn-blue:hover{
    color: #fff;
}

.btn-bloc-phase-couleur{
	color : #3d566e; /*blue*/
	font-size: 1em;
	font-weight: 700;
	border: 0.25em solid #E36A4C;
	border-radius: 0.3125em;
	padding: 0.5em;
	text-decoration: none;
}

.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;
}

.highlight-vert{
	background-color: rgba(81, 185, 170, 0.3) !important;
    color: #0C5076;
	padding: 0.1875em 0.5875em;
	display: inline-block;
}
.highlight-bleu-hussard{
	background-color: rgba(12, 80, 118, 0.3) !important; /* Ratio RGAA 4.52 avec police bleu*/
	padding: 0.1875em 0.5875em;
	display: inline-block;
}
.highlight-bleu-hussard-60{
	background-color: #6696ac !important;
	padding: 0.1875em 0.5875em;
	display: inline-block;
}

.highlight-bleu-hussard-100{
	background-color: rgba(12, 80, 118, 1) !important; 
	padding: 0.1875em 0.5875em;
	color: #fff;
	display: inline-block;
}
.highlight-corail{
	background-color: #FBB7A2 !important;
	padding: 0.1875em 0.5875em;
	display: inline-block;
	width: 100%;
}
.highlight-jaune-60{
	background-color: #f0df90 !important;
	padding: 0.1875em 0.5875em;
	display: inline-block;
}
.highlight-jaune-100{
	background-color: rgba(226,200,56, 1) !important;
	padding: 0.1875em 0.5875em;
	display: inline-block;
}
.button-lien-classique{
	cursor : pointer;
	background-color: transparent;
	border : none;
	color : #0051a7;
	text-decoration: underline;  
}
.button-lien-classique:hover{
	text-decoration: underline; 
	color : #0056b3;
}

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

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

.iframe-clic{
	display:none; width:1px; height:1px; border: 0px;
}

/* PAGES DE CONTENU -------------------------------------------------------*/

.page-contenu{
	padding: 0 2.5em 1.875em 2.5em ;
	color : #3d566e;
	width: 100%;
	height: 100%;
}
.page-contenu iframe{
	border: none;
}

.page-contenu h1{
	font-size: 2em;
	font-weight : 700;
	color: #3D566E;
	margin-top: 0;
	margin-bottom: 1.25rem;	
}
.page-contenu h2,
.page-contenu .h2{
	font-size: 1.625em;
	font-weight : 700;
	margin-top: 0.9375rem;
	margin-bottom: 1.25rem;	
}
.page-contenu .sub_h2{
	font-size: 1.35em !important;
	font-weight: 700;
}
.page-contenu:not(.div-accordeon) h3{
	font-size: 1.25em;
	font-weight : 700;
	margin-top: 0.705rem;	
}

.page-contenu:not(.div-accordeon):not(#div-parcours-personnalises):not(#div-echanger-orientation) h3:before{
	content : '• ';
	color: #ed7454;
}
.page-contenu:not(.div-accordeon):not(#div-parcours-personnalises):not(#div-echanger-orientation) .bullet-orange-before:before{
	content : '• ';
	color: #ed7454;
}
.page-contenu:not(.div-accordeon):not(#div-parcours-personnalises):not(#div-echanger-orientation) h3.h3-sans-bullet:before{
	content : '';	
}
.page-contenu .sans-bullet:before{
	content : '';	
}
.page-contenu p:not(.h1, .h2, .h3, .h4, .h5, .h6),
.page-contenu div,
.page-contenu span{
	font-size: 1em;
}
.page-contenu ul {
  list-style: none;
}
.page-contenu:not(.div-accordeon) ul li {
 line-height: 1.75;
}
.page-contenu ul li:not(.card-body)::before {
  content: "\2022";
  color: #E36A4C;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.page-contenu ol:not(.breadcrumb) li:not(.card-body)::before {
  content: "";
}

.page-contenu ul.ul-tirets-orange li::before{
	content: "-";
	color: #ed7454;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.page-contenu a:not(.breadcrumb-a):not(.btn-bloc-phase-couleur):not(.a-sans-underline) {
 	color : #0051a7; 
	text-decoration: underline;
}

.sommaire ul li a {
	text-decoration: none !important;
	color: #3D566E !important;
	font-size: 1.15em;
	font-weight: 700;
}

.span-intro{
	margin-top: 0.625em;	
	font-weight: 600;
}

.btn-couleur{
	border: 4px solid #ed7454 !important;
}

.texte-epais{
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.25em;
}

.btn-bloc-phase-couleur img{
	width: 2.3775em;
}

.page-contenu .div-pq{
    padding: 1em 1em 1em 1em;
    background-color: #FDEAE6;
}

.page-contenu .div-corail{
    padding: 1em 1em 1em 1em;
    background-color: rgba(237, 116, 84, 0.3);
    color: #0C5076;
}

.page-contenu .div-vert{
    padding: 1em 1em 1em 1em;
    background-color: rgba(81, 185, 170, 0.3);
    color: #0C5076;
}

.page-contenu .div-cadre-epais{
    padding: 1em 1em 1em 1em;
    border: 3px solid rgba(0,0,0,.125) !important;
}

.page-contenu .div-violet{
    padding: 1em 1em 1em 1em;
    background-color: rgba(121, 127, 187, 0.3);
    color: #0C5076;
}

.page-contenu .div-bordure-corail{
    padding: 1em 1em 1em 1em;
    border: 3px solid rgba(237, 116, 84, 1);
    border-radius : 7px;
}

.alert-blue{
	border-color: #3D566E;
}

#icon-calculator{
	font-size: 3em;
	color : #35D599;
}

.date-maj{
	color : #486077;
}

#img-tchat-2021{
	width: 100%;
	height: auto;
}
.accordion .card .card-header-title{
	width: 100%;
}

.a-reseaux-sociaux{
	text-decoration: none !important;
}
.picto-reseaux-sociaux {
    width: 33px;
    height: auto;
}

#page-completer-dossier ul li{
	line-height: 1.5;
}

#img-arch-voeux{
	max-width: 100%;		
}


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

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

/*MENU -------------------------------------------------------*/
 
#div-menu{ 
	padding-top: 1.5em; 
	padding-left : 0;
	padding-right : 0;
	color: #3D566E; 
} 
#div-menu ul li{
	line-height: 1.5 !important;
}
#div-menu li:hover{ 
	border-bottom-width: 4px !important;
} 
#div-menu li:hover a{ 
	font-size: 1.125em;
	font-weight: 700;
} 
#div-menu a{ 
	text-decoration: none;
	color: #3D566E;
} 
#div-menu ul.ul-sans-bullet li::before {
	content: none !important	;
}

.navbar-brand {
	position: relative;
    left: 50%;
    margin-left: -70px !important;
}

#menu-ancres-grand-ecran .nav-link{
	max-width: 100%;
}

@media screen and (max-width: 576px) {
	/* RESPONSIVE menu ancres */
	#page-fiche-formation{
		padding-top: 75px !important;
	}
	#menu-ancres-grand-ecran {
		display: none;
		max-width: 100%;
	}
	#menu-hamburger {
		display: block;
		position: fixed;
	   	/*top: 0;*/
	    left: 0;
	    z-index: 1;
	    width: 100%;
	    border: 1px solid rgba(222,226,230,0.5);
	    border-radius: 0 0 0.75em 0.75em;
	    background: rgba(255,255,255,0.8);
	}
}
@media screen and (min-width: 576px) {
	#menu-ancres-grand-ecran {
		display: block;
	}
	#menu-hamburger {
		display: none;
	}
}

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

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

#button-cookie img{
    width: 1.5em;
}  

/*COOKIE BANNER*/

.cookiebanner{
    position: fixed;
    left: 0px;
    right: 0px;
    height: auto;
    min-height: 1.55em;
    z-index: 255;
    background: rgb(144, 187, 245);
    color: rgb(0, 0, 0);
    line-height: 1.55em;
    padding: 0.35em 1.1em;
    font-family: arial, sans-serif;
    font-size: 0.9em;
    bottom: 0px;
    opacity: 1;
}

.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;
	/*
		Code retiré du fichier cookiebanner.js => à priori pas d'impact sur l'affichage de la bannière
		background:'+i+";
		filter:alpha(opacity="+100*t+");
		opacity:"+t+";
		z-index:"+this.options.zindex+';
	*/
}

/* IFRAME DOUBLE CLICK*/

#iframe-double-click{
	display:none; 
	width: 0.0625em; 
	height: 0.0625em; 
	border: 0;
}

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

    
@media (max-width: 61.938em) {

    .page-contenu{
	    padding: 0 1.25em 2.375em  1.25em ;
    }
    
}

@media (max-width: 47.938em) {

    .div-video-daylimotion div{
        margin-bottom: 0.75em;
    }

    .video-daylimotion iframe{
        padding-right: 0 !important;
    }

    .text-video-daylimotion{
        padding-left: 0 !important;
    }
    
    .page-contenu{
	    padding: 0 0.625em 1em 0.625em ;
    }
    
}

.click_hidden {
	display:none; width:1px; height:1px; border: 0px;
}

/* CARD VIDEO MINIFIEE ----------------------------------------------*/

.card-minifiee{
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    border-radius: 4px;
}
.card-minifiee .btn-modal{
	background: 0;
    border: 0;
    color: #3D566E;
    font-weight: 700;
}
.card-minifiee .btn-modal:hover{
	 cursor: pointer;
	 text-decoration: underline;
}
.card-minifiee .card-header{
    background-color: #f8f9fa;
    color: #3D566E;
    font-size: 500;
    width: 80%;
    border-bottom: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-minifiee .card-header p{
	margin-bottom : 0.25rem;
	font-weight: bold;
	font-size: 1.1em !important;
}
.card-minifiee .card-header button{
   padding-left: 0;
}
.card-minifiee .card-header .fa{
	font-size: 0.85rem;
}
.card-minifiee .card-body{
	padding: 5px;
	text-align: center;
}
.card-minifiee .card-body img{
	max-width: 15rem; 
}

@media (max-width: 29.625em) {
  
	.card-minifiee{
		display: flex;
		flex-direction: column;
 	}
	.card-minifiee .card-header{
		width: 100%;
	}
 	.card-minifiee .img-video-minifiee{
		max-width: 100%; 
	}
}

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


@media (min-width : 83.375em) { /*1334px*/
    .menu-hamburger{
        display: none;
    }
    .nav-skip-mobile{
        display: none;
    }
}

@media (max-width: 83.313em) { /*1333.008px*/
    header{
        position: fixed;
        top: 0;
        height: 8.4375em; /* ATTENTION : 30px minimum au dessus et en dessous de la Marianne*/
    }
    main{
        padding-left: 3.125em;
        padding-right: 3.125em;
    }
    .reseaux-sociaux{
        display: none;
    }
    .nav-skip{ 
        display: none; 
    } 
    .div-evitement-mobile{
        width: 100%;
        height: auto;
        background-color: #3D566E;
        top: 0;
        left: 0;
        z-index: 9999;
    }
    .div-evitement-mobile ul{
        margin: 0;
        padding: 0;
    }
    .div-evitement-mobile li{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .div-evitement-mobile a{
        position: fixed;
        height: auto;
        left: -437.5em;
        padding: 0;
        margin-left: 0.625em;
        color: #fff;
        text-decoration: none;
    }
    .div-evitement-mobile a:focus{
    	background-color: #3D566E;
        position: absolute;
        top: .2em;
        left: 0;
    }
    #liste_milieu ul{
        margin: -6%;
    }
    .liste_gauche {
        width: 50%;
    }
    #logomarianne {
        width: 5em;
    }
    #logopsup {
        width: 14.375em;
    }
}

@media (max-width: 68.750em) { /*1100px*/
    header{
        height: 7.565em; /* ATTENTION : 30px minimum au dessus et en dessous de la Marianne*/
    }
    #logomarianne {
        width: 4.375em;
    }
    #logopsup {
        width: 13.125em;
    }
    .contenu-hamburger ul{
        padding-top: 4.6875em;
    }
}

@media (min-width: 62.000em) {  /*992px*/
    .footer-main-tablette{
        display: none;
    }
    .footer-main{
        display: flex;
        justify-content: space-around;
        padding-top: 1.5em;
    }
    .footer-main ul:nth-of-type(2){
        margin-top: 2em;
    }
}

@media (max-width: 61.938em) { /*991.008px*/
    
    .footer-main-tablette{
        display: flex;
        text-align: center;
        padding-top: 1.5em;
    }
    
    .footer-main{
        display: none;
    }
    
    main{
        padding-left: 0.3125em;
        padding-right: 0.3125em;
    }
    
    .contenu-hamburger ul{
        width: 80%;
        height: 100vh;
        z-index: 999;
        background: #fff;
        text-align: left;
    }
    
    #logomarianne {
        width: 3.75em;
    }
    
    #logopsup {
        width: 12.5em;
        top : 1px; /* ATTENTION : Alignement des éléments du header sur "Francaise" de Marianne*/
    }

    .liste_gauche {
        width: auto;
        margin: auto;
    }
    
    .liste_gauche ul{
        padding: 0;
        text-align: center;
    }
    .liste_droite {
        width: auto;
        margin: auto;
    }
    .liste_droite ul{
        padding: 0;
        text-align: center;
    }
    
    @keyframes slideOut{
        from{
            right:0;opacity:1;
        }
        to{
            right:-37.5em;opacity:0.8;
        }
    }
}

@media (max-width: 47.938em) {  /*767.008px*/
    
     header{
        height: 4.375em;
    }
    
    .psup-header{
        margin: auto;
    }
    
    .contenu-hamburger ul {
        width: 100%;
        padding-left: 0.9375em;
        padding-top: 4.375em;
    }
    
    #logomarianne{
        display: none;
    }
    
    #logopsup{
        width: 12.5em;
    }
    
    .liens-reseaux-sociaux div:nth-of-type(1){
       text-align: center;
       margin-bottom: 0.6875em;
   }

   .reseaux-etudiant-gouv p{
       text-align: center;
       width: 100%;
   }

   .reseaux-etudiant-gouv p img{
       width: auto;
   }
    
    .div-hamburger {
        right: 1.25em;
    }
    
}

@media (max-width: 43.750em) { /*700px*/
    
    @keyframes slideOut{
        from{
            right:0;opacity:1;
        }
        to{
            right:-28.125em;opacity:0.8;
        }
    }
    
}

@media (max-width: 37.500em) { /*600px*/
    
    @keyframes slideOut{
        from{
            right:0;opacity:1;
        }
        to{
            right:-21.875em;opacity:0.8;
        }
    }
    
}

@media (max-width: 31.250em) { /*500px*/
    
    @keyframes slideOut{
        from{
            right:0;opacity:1;
        }
        to{
            right:-18.75em;opacity:0.8;
        }
    }
    
    #logopsup{
        width: 11.25em;
    }
    
    #hamburger {
        font-size: 1.875em;
    }
    
}

@media (max-width: 25.000em) { /*400px*/

    .baniere{
        height: 12.5em;
    }
    
    @keyframes slideOut{
        from{
            right:0;opacity:1;
        }
        to{
            right:-15.625em;opacity:0.8;
        }
    }
    
    #hamburger {
        font-size: 1.625em;
    }
    
    #logopsup{
        width: 10em;
    }
    
}