@font-face{
    font-family:"Varela Round";
    src:url("../fonts/VarelaRound-Regular.ttf") format("truetype");
    font-style:normal;
    font-weight:400
}

@font-face {
	font-family: Outfit Bold;
	src: url(../fonts/Outfit-Bold.ttf);
}

@font-face {
	font-family: Outfit;
	src: url(../fonts/Outfit-Regular.ttf);
}

@font-face {
	font-family: Outfit Bold;
	src: url(../fonts/Outfit-Bold.ttf);
}

@font-face {
	font-family: Outfit Medium;
	src: url(../fonts/Outfit-Medium.ttf);
}
@font-face {
	font-family: Outfit Light;
	src: url(../fonts/Outfit-Light.ttf);
}

body {
	background-color:#FFF;
	/*font-family: Varela Round;*/
	font-family: Outfit,serif;
}
.wrapper {
	background-color:#f7f4ee;
}

.filter-header {
	font-weight: 500;
}


.annonce .annonce-header {
	background-color: #293875;
	color:#FFF;
	font-weight: 500;
	font-size:1.3rem;
}
.annonce .annonce-details-btn {
	font-weight: 500;
}

.blue-cdm{
	color:#2E3192;
}
.bluelight-cdm{
	color:#00b2f0;
}

footer {
	background-color:#2a3875;
}


.color-yellow {
	color:#FFB21F;
}
.color-blue {
	color:#293875;
}
.bg-blue {
	background-color:#293875;
}
.bg-yellow {
	background-color:#FFB21F;
}

.bg-beige {
	background-color:#f7f4ee;
}

.bg-beige-fonce {
	background-color:#eee8db;
}


.text-primary {
	color:#293875!important;
}

a {
    color: #293875;
}
.btn {
    padding: 0.375rem 1rem;
    border-radius: 1rem;
}
.btn-group-sm>.btn, .btn-sm {
	padding: 0.25rem 1rem;
    border-radius: 1rem;
}
.btn-primary {
    color: #fff;
    background-color: #293875;
    border-color: #293875;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #374681;
    border-color: #374681;
}
.btn-outline-primary {
    color: #293875;
    border-color: #293875;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #293875;
    border-color: #293875;
}

.btn-warning {
    color: #293875;
    background-color: #FFB21F;
    border-color: #FFB21F;
}
.btn-warning:hover {
    color: #FFF;
    background-color: #fda600;
    border-color: #fda600;
}

.nav-tabs.material .nav-link.active {
    color: #FFB21F;
    box-shadow: inset 0 -2px 0 0 #FFB21F;
}
.btn-white {
	color:#293875;
	border-color: #FFF;
	background-color:#FFF;
}
.btn-white:hover {
	color:#FFF;
	background-color:#2929fa;
	border-color: #293875;
}
.text-highlight {
	color:#2929fa!important;
}
.nav a:not(.active):hover {
	color:#2929fa!important;
}
.page-item.active .page-link {
    background-color: #293875;
    border-color: #293875;
}
.page-link {
    color: #293875;
}
.badge-primary {
    background-color: #2929fa;
}
.list-group-item.active {
    background-color: #293875;
    border-color: #293875;
}

.btn-xs {
	padding: .125rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
	border-color: rgba(0,0,0,.125);
}

.sectionTitle {
    font-size: 22px;
    /*font-weight: 600;*/
    font-family: Outfit Bold;
    margin-bottom: 1.25rem;
}

.sectionBold {
    font-size: 18px;
    font-family: Outfit Bold;
    margin-bottom: 1rem;
}

.sectionTitle.newsList {
	font-size: 18px;
}
.pageTitle {
	font-size: 40px;
	text-transform:none;
	font-weight: 700;
	margin-bottom:0;
}

.nav-link.active {
	color:#ffa700!important;
}

.bg-medialex {
	background-color: #f7f4ee;
}


.title-yellow-mark {
	letter-spacing: 3px;
}

.title-yellow-mark:after {
    bottom: -.5rem;
    content: "";
    height: .25rem;
    left: 50%;
    position: absolute;
    right: 50%;
    width: 1.25rem;    
    background-color: rgb(255 178 31);
}

.title-yellow-mark-left {
	letter-spacing: 3px;
}


.title-yellow-mark-left:after {
    bottom: -.5rem;
    content: "";
    height: .25rem;
    left: 0;
    position: absolute;
    padding-left:0;
    margin-left: 0 !important;
    margin-right:auto;
    width: 1.25rem;    
    background-color: rgb(255 178 31);
}

  

.circle {	
    align-items: center;
    border-radius: 9999px;
    display: inline-flex;
    height: 100px;
    margin-bottom: 1.5rem;
    width: 100px;
    background-color: rgb(255 255 255);
    padding: 1.25rem;
}