@charset "utf-8";
/* CSS Document */

.nunito {
	font-family: 'Nunito', sans-serif;
}

.bleu {
	color:#00b5ec;
	font-weight:bold;
}
.bleu-st {
	color:#00b5ec;
	font-size:1.6rem;
	font-weight:bold;
}
.jaune {
	color:#f7bf31;
	font-weight:bold;
}
.bgjaune {
	background-color:#f2e1c9;
}

.orange {
	color:#f4950d;
	font-weight:bold;
}
.orange-renforce {
	color:#24AF97;
	font-weight:bold;
}
.orange-renforce-st {
	color:#24AF97;
	font-size:1.6rem;
	font-weight:bold;
}

.violet {
	color:#2b2d74; 
}
.violet.titre {
	padding: 3px 8px 3px 8px;
	margin-top:25px;
	background-color:#f7bf31;
	width:30%;
}
.bg_header {
	/*background-color:#35b3a8;	*/
}
.bgbleu {
	background-color:#d7e6ea;
}
.btn-bleu {
    color: #fff;
    background-color: #00b5ec;
    border-color: #00b5ec;
	/*border-radius:20px;*/
}
.btn-orange {
    color: #fff;
    background-color: #f4950d;
    border-color: #f4950d;
	/*border-radius:20px;*/
}
.btn:hover {
	color:#DFD;
	border-color: rgba(43, 45, 116, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 255, 51, 0.9);
	color:#2b2d74
}

area:hover {
	cursor:pointer;
}

#alert_box {
	display: none;
	opacity: 0.9;
	background-color: #FDD61C;
	color: #4C3C90;
	border: #4C3C90 solid 1px;
	border-radius: 4px;
	z-index: 500;
	text-align: center;
	position: absolute;
	padding: 1px 4px;
	font-size:1.0rem;
	font-weight:bold
}

.px-16 {
	padding:0 16rem;
}

.rounded-pill {
  border-radius: 30rem !important;
}

hr.violet {
	border: 1px solid;
	margin: 0 -15px 0 -48px;
}

@media (max-width: 767.98px) {
	.col-md-pl-1 {
		padding-left:10px !important;	
		padding-right:10px !important;	
	}
	.btn-md-block, .mr-2-md {
        display: block;
        width: 80%;
		margin-right:0;
		margin:auto;
   }
   .img-md {
	   width:20%;
   }
   .logo-md {
	   height:40px;
   }
   .violet.titre {
	padding: 5px 8px 5px 8px;
	background-color:#f7bf31;
	width:50%;
}

}

@media (max-width: 575.98px) {
	.logo-md {
	   height:30px;
   }
}

@media (max-width: 991.98px) {
	.container-fluid {
	   width : 100%;
   }
}

@media (min-width: 992px) {
	.container-fluid {
	   width : 65%;
   }
}

@media (min-width: 768px) {
	.col-lg-pl-5 {
		padding-left:3rem !important;
	}
	.col-lg-px-5 {
		padding:0 3rem !important;
	}
	.mr-2-md {
		margin-right:0.5rem !important;
	}
	.logo-md {
	   max-width : 100%;
	   height:auto;
   }
}