body, h1, h2, h3, h4, h5, a {
    font-family: Calibri,Arial, Verdana, Sans-Serif; /*Roboto*/
}


.catalogue-search-container .placeholder input[type="text"].multiselect-input-auto-complete {
    width: 500px;
	border-width:0px;
	border-style: none;
}
.multiple-select-container input[type="text"] {
    margin-top: 0px;
    font-size: 18px;
    border-bottom: none !important;
}

.cta-contextual.cta-save {

    margin-top: 5px;
}

/* =================================== EDIT Corentin */


h1:before, h2:before, h3:not(.question):before {
    background-color: #0098D8;  /*#028DD3;*/
}

.badge-container .badge {
    background-color: #0098D8;
}

h4:before {
    display: none;
}

h4,
a {
    color: #1D2D60;
}

a > .fa, a:hover > .fa, a.selected > .fa {
    color: #0098D8;
}

.main-container .colored-row-container {
	background-color : #EDF6F9;
}

.body-home1 .main-container {
	background-color : #EDF6F9;
}

.body-home1 .main-container .colored-row-container {
	background-color : #FFFFFF;
}



/*************************
       PAGE DE LOGIN      
*************************/

#login .mainLoginForm  input[type="text"],
#login .mainLoginForm  input[type="password"] {
    margin-bottom: 2rem;
	border-radius: 10px;
}

#login .mainLoginForm  label {
    display:none;
}

#login .mainLoginForm .cta-action {
    background-color: #028DD3;
	color: #FFFFFF;
    border-radius: 25px;
    padding-right: 25px;
	font-weight:bold;
}

#login .mainLoginForm .cta-action:hover {
    border-color: #C61548;
    background-color: #C61548;
    color: #ffffff;
}

#login .mainLoginForm .cta-action .fa, 
#login .mainLoginForm .cta-action:hover .fa {
    background-color: transparent;
	box-shadow: none;
}

#login .mainLoginForm .cta-action .fa + span, 
#login .mainLoginForm .cta-action span + .fa {
    margin-left: 0px;
}

#login .mainLoginForm .cta-container {
    margin-top: -30px;
}

@media (max-width: 768px){
	#login .cta-action-separator {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#login h1 {
		margin-top: 45px;
	}
	
	#login .login-content {
		padding: 3rem 2rem 4rem 3rem;
	}
}

.new-account {
	color: #028DD3;
	font-weight:bold;
}



/*************************
       BARRE COOKIE      
*************************/

#cookieChoiceInfo .cta-contextual.medium {
    height: 10px;
    line-height: 10px;
}

.wbt-cookie-bar {
    background-color: #EDF6F9;    
}

.cta-contextual {
    border-color: #028DD3;
	color: #028DD3;
}

.cta-contextual:hover {
	border-color: #C61548; /*#1D2D60;*/
	color: #C61548; /*#1D2D60;*/
}

.cta-contextual.main {
    border-color: #028DD3;
    background-color: #028DD3;
    color: #ffffff;
}

.cta-contextual.main:hover {
    border-color: #1D2D60;
    background-color: #1D2D60;
    color: #ffffff;
}

/*************************
       HEADER      
*************************/

/* Header *******************/

header {
	min-height: inherit;
	position: relative;
	z-index: 1;
}

header .manager-logo-container {
	display: flex;
	flex-direction: row;
	padding: 0 20px;
	align-items: center;
	justify-content: center;
}

.header-content .manager-logo-container {
	display: flex;
	position: relative;
	top: auto;
	left: auto;
	min-width: 140px;
}

header .manager-logo-container img {
	max-height: 60px;
}

header .header-content {
	width: 100%;
}

header .header-row .page-title,
header .header-row .help {
	display: none;
}

header .main-nav {
	margin-bottom: 0;
}

header .main-nav > ul > li {
	display: block;
}

header .main-nav > ul > li + li {
	margin-left: 10px;
}

header .main-nav > ul > li + li:before {
	content: '';
	display: block;
	width: 1px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 8px;
}

header .main-nav > ul > li > a {
	display: inline-block;
	font-size: 16px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	line-height: 32px;
	text-decoration: none;
}

header .main-nav > ul > li > a .fa {
	display: none;
}

header .main-nav > ul > li > a.selected:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0px 0px;
	margin-left: 20px;
}

.header-search-block {
	min-width: 240px;
	width: 240px;
	right: 340px;
}

.header-search-block .multiple-select-container {
	height: 40px;
}

.header-search-block .multiple-select-container .custom-select {
	border-radius: 0;
}

.header-search-block .multiple-select-container .custom-select .select-list {
	margin-top: 1px;
}

.header-search-block .multiple-select-container input[type="text"] {
	margin-top: -10px;
	border: none !important;
}

.header-search-block .custom-select:not(.flag-select) .select-list .placeholder {
	/*padding: 6px 15px 6px 0 !important*/
}

.header-search-block .multiple-select-container.search-container .multiple-select-btn {
	bottom: 1px;
}

header .logged-in-profile-container {
	height: 72px;
	width: auto;
	min-width: 320px;
	padding: 0;
	flex-direction: row;
}

header .logged-in-profile-container .profile-pic {
	padding-bottom: 0;
	padding-right: 10px;
	display: flex;
	align-items: center;
}

header .logged-in-profile-container .badge-container img {
	width: 50px;
	min-width: 50px;
	max-width: 50px;
	height: 50px;
	min-height: 50px;
}

header .logged-in-profile > span {
	text-align: left;
}

header .logged-in-profile > .name {
	font-size: 15px;
	white-space: normal;
	margin-top: 3px;
    padding-bottom: 0px;
}

header .logged-in-profile > .score {
	/*display: none;*/
}

header .profile-reminders {
	position: relative;
	top: auto;
	right: auto;
	padding: 0 20px;
	flex-direction: row;
	align-items: center;
	flex-wrap: inherit;
}

*::-ms-backdrop, header .logged-in-profile { /* IE11 */
	width: auto;
}

*::-ms-backdrop, header .logged-in-profile-container .profile-pic { /* IE11 */
	margin-right: 10px;
}

header .profile-reminders a + a {
	margin-top: 0;
	margin-left: 10px;
}

header .logged-in-profile-container .nav-submenu {
	margin-top: 0;
	padding-top: 10px;
	font-size: 14px;
}

header .logged-in-profile-container .flag-select {
	line-height: 36px;
	min-height: 40px;
}

header .logged-in-profile-container .flag-select .select-list {
	font-size: 14px;
	min-height: 40px;
	padding-left: 0;
}

header .logged-in-profile-container .flag-select .select-list ul {
	font-size: 14px;
	padding-left: 0;
}

header .logged-in-profile-container .flag-select i {
	top: 4px;
}

header .logged-in-profile-container .flag-select .placeholder {
	display: flex;
	align-items: center;
	height: 36px;
	line-height: normal;
	margin-top: 0;
	font-size: 14px;
}

header .logged-in-profile-container .flag-select .placeholder img {
	padding-top: 0;
}

@media (max-width: 1600px) {
	
	.header-content .main-nav {
		padding-left: 200px;
	}
	
	header .main-nav ul {
		padding-left: 0;
	}
	
	header .main-nav > ul > li > a {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 1280px) {
	
	.header-content .manager-logo-container {
		min-width: auto;
	}
	
	.header-content .main-nav {
		padding-left: 100px;
	}
	
	header .main-nav > ul > li + li:before {
		display: none;
	}
	
	header .main-nav > ul > li > a.selected:after {
		margin-left: 0;
	}
	
	header .main-nav > ul > li > a {
		font-size: 14px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.logged-in-profile .name,
	.logged-in-profile .score,
	.logged-in-profile .role {
		display: none;
	}
	
	header .logged-in-profile-container {
		min-width: 220px;
	}
	
	.header-search-block {
		right: 240px;
	}
}

@media (max-width: 1024px) {
	
	header .manager-logo-container {
		display: none;
	}
	
	header .header-content {
		align-content: center;
		align-items: center;
	}
	
	header .header-content .side-nav-btn {
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	header h1 {
		font-size: 26px !important;
	}
	
	header .header-row .page-title {
		display: none;
		padding-bottom: 0;
	}
	
	.header-search-block {
		right: 100px;
	}
	
	header .logged-in-profile-container {
		width: auto;
		min-width: inherit;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	header .logged-in-profile-container .profile-pic {
		padding-right: 0;
	}
	
	header .logged-in-profile {
		margin-right: 20px;
	}
}

@media (max-width: 768px) {
	
	header .logged-in-profile-container {
		padding-right: 20px;
	}
	
	header .logged-in-profile-container .profile-pic .badge {
		left: 40px;
	}
}

header .main-nav > ul > li > a {
    color: #9FACBA;
}

header .main-nav > ul > li > a:hover {
    color: #1D2D60;
}

header .main-nav > ul > li > a.selected {
    color: #0098D8;
/*#028DD3;*/
}

header .main-nav > ul > li > a.selected:after {
    bottom: 10px;
    margin-left: 0px;
    width: 100%;
}

header .main-nav > ul > li > a.selected:after {
    background-color: #0098D8;  /*#028DD3;*/
}

header .main-nav > ul > li + li:before {
    width: 0px;
}

.header-content .main-nav {
    position: relative;
    padding-top: 0px;
}

header .main-nav ul {
    max-width: 600px;
    padding-left: 0px;
}

.profile-reminders a .fa {
    color: #9FACBA;
}

header .logged-in-profile-container .logged-in-profile .nav-submenu {
    text-transform: none;
}

header .nav-submenu {
    left: 0%;
	top:140%
}

/****************************************
            WIDGET RECHERCHE
****************************************/
.widget-searchBoxWidget .inner:not(.colored-row-container) .searchBox {
    background-color: #C61548;
    padding: 20px;
    border-radius: 5px;
}

.SearchBoxWidget {
	margin:50px 0px;
}

.SearchBoxWidget > .searchBox > .inner {
	padding: 20px 0px;
}

.SearchBoxWidget .header-search-block {
    width:100%;
	right:0;
	background-color:#FFFFFF;
	border-radius:5px;
}

.SearchBoxWidget .header-search-block .search-container,
.SearchBoxWidget .header-search-block .search-container .custom-select,
.SearchBoxWidget .header-search-block .search-container .custom-select .select-list,
.SearchBoxWidget .header-search-block .search-container .custom-select .select-list .placeholder,
.SearchBoxWidget .header-search-block .search-container .custom-select .select-list .placeholder .multiselect-input-auto-complete{
	background-color:transparent;
}

.SearchBoxWidget .header-search-block .search-container .custom-select {
	border : 0px;
}

.SearchBoxWidget .header-search-block .multiple-select-container .multiple-select-btn .fa {
    color: #9FACBA;
}

.SearchBoxWidget .header-search-block .multiple-select-container input[type="text"] {
    margin-top: -8px;
}

.SearchBoxWidget .search-container .placeholder input[type='text'].multiselect-input-auto-complete::placeholder{
	color:#FFFFFF;
}

.SearchBoxWidget h4.overlay {	
    width: 60%;
    text-align: left;
    color: #FFFFFF;	
    margin-bottom: 0px;
}

.SearchBoxWidget h4.overlay:before {
    display:none;
}

@media (max-width: 768px){
	.SearchBoxWidget h4.overlay {
		width: 90%;
	}
}

/******************************************
WIDGET NEWS
******************************************/
.generic-news-carousel .col-5.generic-news-carousel-content-banner-image {	
    border: 0;
    border-radius: 10px;
}

.generic-news-carousel .news-wall-pagination a:only-child {
	display:none !important;
}

@media (max-width: 768px){
	.generic-news-carousel .news-wall-container {
		overflow: visible;
		padding: 0 0 0 0;
	}
	
	.generic-news-carousel-main-slider .generic-news-carousel-content-banner {
		width:100%;
	}
	
	.generic-news-carousel .news-wall-col {
		padding-right: 0px;
	}
	
	.generic-news-carousel-content-banner-text .intro-p {
		padding-right: 0px;
		text-align: justify;
	}
	
	.generic-news-carousel-content-banner.col-container:not(.three-col-container) > [class*="col-"]:not(.col-12) + [class*="col-"]:nth-child(2n) {
		padding-right: 0;
	}
}

/*******************************************
WIDGET CATEGORIE
*******************************************/
.widget-categories-list .image-container .pic-rect-180 {
	width:180px;
	border-radius:10px;
}

.widget-categories-list h4:before {
    display:none;
}

/******************************************
LAST WIDGET
******************************************/

.widget-category3 .pic-rect-84 {
	display:none;
}

.widget-category3 h1 {
	text-transform:uppercase;
}

.widget-category3 .choice .choice_btn_car {
    background: transparent;
    box-shadow: none;
	color:#9FACBA;
}

.widget-category3 .choice .choice_btn_car.choice_btn_car_select {
    background: transparent;
    box-shadow: none;
    color: #028DD3;
}

.widget-category3 .title-container .choice {
    margin-left: 0px;
}

.widget-category3 .title-container .choice .choice_btn_car:not(:empty):first-child {
	padding-left:0px;
}

/********************************************
CARDS
********************************************/
.list-mode .preview.default-course-preview .subject-type,
.card-mode .preview.default-course-preview .subject-type {
    color: #9FACBA;
}

.card-mode .preview.default-course-preview .subject-type img,
.list-mode .preview.default-course-preview .subject-type img {
	filter: grayscale(1);
}

.hearted i::before {
    color: #9FACBA;
}

.hearted.selected i::before {
    color: #C61548;
}

.hearted i span, 
.hearted.selected span i::before {
    display: none;
}

.gauge-list .gauge-display {
    background-color: #C61548;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-display {
    background-color: #C61548;
}

.cta-action .fa {
    color: #ffffff;
    background-color: #028DD3;
}

.cta-action:hover .fa {
    background-color: #C61548;
}

.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i {
    background-color: #1D2D60;
}

/*.lesson-menu-main-container .col-lesson-menu-sidebar .col-5 a{display:none;}*/

/******************************************
CATALOG
******************************************/
.catalog:not(.catalog-details) .colored-row-container {
	background-color: #028DD3;
}

.hearted-total i::before {
    color: #C61548;
}

.catalogue-sidebar-button {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background-color: #028DD3;
}

.catalogue-sidebar-button.selected {
    border-color: #FFFFFF;
}

.catalogue-sidebar-list li.selected, .catalogue-sidebar-list li.selected > i {
    color: #028DD3;
}

.select-list .placeholder, 
.select-list ul {
    padding-left: 5px;
}

.catalogue-search-container .multiple-select-container .custom-select > .select-list .placeholder {
    height: 47px;	
    padding-top: 3px;
}

.catalogue-search-container .multiple-select-container .custom-select {
    border-radius: 10px;
}

.catalog-search.multiple-select-container.search-container .multiple-select-btn {
    bottom: 3px;
}

.catalog-search.multiple-select-container .multiple-select-btn .fa {
    color: #9FACBA;
}


.accordion-button .fa ,
.accordion-button .fa-chevron-right {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #9FACBA;
}

@media (max-width:768px){
	.catalog-search.search-container {
		margin-left: 0px;
	}
	
	.catalogue-search-container .placeholder input[type="text"].multiselect-input-auto-complete {
		width: 250px;
	}
	
	.catalogue-main-container {
		margin-top:-10px;
	}
	
	.catalogue-main-container .catalogue-sidebar-filter-container a.cta-contextual:last-child{
		display:none;
	}
	
	.list-mode .preview.default-course-preview .inner span:not(.hearted) {
		display: none;
	}
	
	.list-mode .preview.default-course-preview .other-data {
		display: none;
	}
	
	.list-mode .preview.course-preview .inner .star-ranking-container {
		justify-content: flex-end;
		margin-top: 17px;
	}
	
	.list-mode .preview.default-course-preview > div.inner {
		padding: 15px 4px 20px 10px;
	}
	
	.list-mode .card-list-btn-container {
		display: block;
		position: absolute;
		right: 3px;
		bottom: 23px;
	}
	
	.list-mode .preview.default-course-preview .list-data-phone {
		width: 100%;
		margin-left: -86px;
		flex-direction: column;
	}
	
	.list-mode .preview.default-course-preview {
		min-height: 180px;
	}
	
	.list-mode .gauge-list {
		margin-left: 15px;
	}
	
	.list-mode .preview.default-course-preview .banner {
		padding: 5px 0 5px;
	}
	
	.list-mode .preview.course-preview .inner .subject-type {
		margin-right: 0;
		position: absolute;
		top: 21px;
		right: 54px;
	}
	
	.list-mode .preview.default-course-preview .list-preview-content {
		width: 100%;
	}
}

.cta-action {
	font-family: Arial, Verdana, Sans-Serif !important;
}


input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled {
    border-bottom: solid !important;
	border-bottom-color: #D3D3D4 !important;
	border-bottom-width: 0.5px !important;
}

body {
    color: #000000;
}

/* .colored-row-container.body-default .main-container .colored-row-container {
    background-color: #ffffff;
}
*/
 .generic-news-carousel-container{
    background-color: #ffffff !important;
}

.widget-categories-list .categories-list li {
    width: 160px;
}

.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i {
    background-color: #0098D8 !important;
}

 footer a:hover {
    color: #ffffff;
}

footer .footer-logo-container,
footer .col h5 {
	height: 110px;
}

footer {
 
    padding-top: 5px;
	padding-left: 15px;
	}
	
	
footer a, a.discreet {
    font-size: 14px;
    line-height: 12px;
}

footer {
grid-template-columns: 350px 330px auto ;
}


/*footer .footer-tagline {
grid-column-start: 1;
grid-column-end: 2;
}*/

footer .footer-nav-col {
	grid-column-start: 1;
grid-column-end: 2;

}

footer .social-media-col {
	grid-column-start: 2;
grid-column-end: 4;

/*grid-column-start: 2;
grid-column-end: 3;
margin-top:50px;*/
}

footer .newsletter-col {
grid-column-start: 4;
grid-column-end: 5;
}

/*footer .cta-contextual {
    width: 55px;
}*/

footer i.fa.fa-envelope-o
{
	font-size: 16px;
}

body, p {
    font-size: 18px;
	/*text-align: justify;*/
}

.image-container img:hover, .news-wall-background img {
      border: 3px solid;
  border-color:#C61548;
}


section.inner:not(.colored-row-container) + section.inner:not(.colored-row-container) {
	padding: 20px 30px 40px;
}

footer i.fa.fa-envelope-o:hover, footer i.fa.fa-phone-o:hover,footer a:hover {
	color: #C61548 !important;
    
}

.cta-contextual:hover >i.fa.fa-envelope-o  {

    color: #C61548 !important;
}


.cta-contextual:hover  >i.fa.fa-phone {

    color: #C61548 !important;
}

footer i.fa.fa-envelope-o:hover
{
	font-size: 16px;
	color: #C61548 !important;
}

footer i.fa.fa-phone:hover
{
	font-size: 16px;
	color: #C61548 !important;
}

/*footer a >  .fa:hover{
    color: #C61548 !important;
}*/