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

.orange{
	color: #E36A4C;
}

.d-flex{
	display: flex;
}

.f-size-1-1em{
	font-size: 1.1em !important;
}

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

.align-center{
	align-items: center;
}

.margin-0{
	margin: 0;
}

.padding-right-0-3{
	padding-right: 0.3em;
}

.sr-only{                              /* pour RGAA contrast*/
	border-color: #3D566E !important;
	color: #3D566E !important;
}

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

.rouge, .red-text{
	color : #EC130E;
}
.bleu{color : #3D566E;}
.orange-text{
	color : #ed7454;
}

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

.display-none{
	display: none;
}

.text-center{
	text-align: center;
}

.italic{
	font-style: italic;
}

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

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

.w-60{width: 60%;}


/* PADDING*/

/* Pas de padding bottom -> utiliser 'pb-0' */

.padding-top-10{
	padding-top: 0.625em;
}
/* MARGIN*/
.width-100{
	width: 100%;
    margin: auto;
}

.font-size-1-5{font-size: 1.5em !important;}

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

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

.div-video-daylimotion div{
    margin-bottom: 1.875em;
    padding: 0
}

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

.text-center{
	text-align: center;
}

ol{
    margin-bottom: 0;
}

/* RGAA */

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

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

.button-lien-classique{
	cursor : pointer;
	background-color: transparent;
	border : none;
	/*color: #007bff;*/
	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;
	font-weight: 700;
}


.page-contenu:not(#questions-frequentes) h3{
	font-size: 1.25em;
	font-weight : 700;
	margin-top: 0.705rem;	
}
.page-contenu:not(#questions-frequentes):not(#div-parcours-personnalises):not(#div-echanger-orientation) h3:before{
	content : '• ';
	color: #ed7454;
}
.page-contenu:not(#questions-frequentes):not(#div-parcours-personnalises):not(#div-echanger-orientation) .bullet-orange-before:before{
	content : '• ';
	color: #ed7454;
}
.page-contenu p,
.page-contenu div,
.page-contenu span{
	font-size: 1em;
}
.page-contenu ul {
  list-style: none;
}
.page-contenu:not(#questions-frequentes) ul li {
 line-height: 1.85;
}
.page-contenu ul li::before {
  content: "\2022";
  color: #E36A4C;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

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

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

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

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


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

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

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

/*COOKIE BANNER*/

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

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

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

/* IFRAME DOUBLE CLICK*/

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

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

    
@media (max-width: 991px) {

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

@media (max-width: 767px) {

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