/* #E52F2F; -> ROUGE 
   #f1f1f1; -> Gris Clair 
   #0d1c38; -> Gris hover
*/

@font-face {
  font-family: Gotham;
  src: url("../font/gotham.otf");
}

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


.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, h2, h3, h4 {
  color: #1F233F;
}


h1:before, h2:before, h3:not(.question):before {
	display:none;
    background-color:  #E52F2F; 
}

h4:before {
    display: none;
}

h4,
a {
    color: #1F233F;;
}

a > .fa, a:hover > .fa, a.selected > .fa {
    color: #1F233F;;
}

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

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

.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: #E52F2F;
	color: #FFFFFF;
    border-radius: 25px;
    padding-right: 25px;
	font-weight:bold;
}

#login .mainLoginForm .cta-action:hover {
    border-color: #1D2D60;
    background-color: #1D2D60;
    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: #E52F2F;
	font-weight:bold;
}



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

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

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

.cta-contextual {
    border-color: #E52F2F;
	color: #E52F2F;
}

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

.cta-contextual.main {
    border-color: #E52F2F;
    background-color: #E52F2F;
    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%;
	min-height: 78px;
}

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: #E52F2F;
}

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: #E52F2F;
}

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: #BF124D;
    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: #E52F2F;
}

.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: #49494A;
}

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

.subject-type img {
	filter: grayscale(1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* masquer le titre du widget news */
.widget-news-une h1{
	display:none;
}
.widget-news-une  section[id$=newsCarousel_TitleContainer]{
	display:none;	
}

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

.generic-news-carousel-content-banner-text{
	background-color:#FFFFFF;
}
.generic-news-carousel .col-5.generic-news-carousel-content-banner-image {
  border: 0;
  	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 10px;
}

.generic-news-carousel .news-wall {
  height: 100%;
  min-height: 300px;
  max-height: 430px;
}

/*
.generic-news-carousel-content-banner-image {
  position: relative;
  overflow: visible;
}*/
.generic-news-carousel .generic-news-carousel-main-slider .generic-news-carousel-content-banner {
  height: 400px;
}
.news-wall-pagination .current, .news-wall-pagination .current .fa, .news-wall-pagination .current:hover .fa {
  color: #E52F2F;
}

.main-container {
  background-color: #f1f1f1;
}

.header-widget.widget-freetext{
	background-color: #f1f1f1;
}

.widget-freetext table{
  background-color: #ffffff;
}


.cta-contextual.primary,
.cta-contextual.primary:active,
.cta-contextual.primary:visited {
  border-color: #E52F2F;
  background: #E52F2F;
  color: #ffffff;
}

.cta-contextual {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  height: auto;
  padding: 10px 14px;
  border-radius: 0px;
}

.cta-contextual.primary:hover {
  border-color: #0d1c38;
  background: #0d1c38;
}

header .main-nav > ul > li > a {
  color: #0d1c38;
}

header .main-nav > ul > li > a:hover {
  color: #E52F2F !important;
}
/* les barres verticalesdans le menu  */
header .main-nav > ul > li + li::before {
	content: '';
	display: block;
	width: 1px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 8px;
}

/* section.inner { */
     /* padding-top: 40px; */
    /* padding-right: 30px; */
    /* padding-bottom: 10px; */
    /* padding-left: 30px; */
/* } */

/* #widget-freetext-209 .widget-categories-list .categories-list { */
  /* margin-top: 0px !important; */
/* } */

/* #widget-freetext-209 .col-container .widgetFreeText .home-main-container h2{ */
	/* padding:0; */
/* } */

/* #widget-freetext-209 .widget-categories-list .categories-list li { */
	/* margin: 0px 20px 0; */
/* } */
footer {
  background-color: #161616;
  color: #ffffff;
}
/* section.inner { */
  /* padding: 0px 30px; */
/* } */


.course-check{
	list-style:none;
	padding-left:25%;
	height:90px;
}

.course-check li:not(.date):before {
	content: '✓';
	color: red;
    padding-right: 10px;
}

.footer-check{
	list-style:none;
}

.footer-check li:before {
	content: "✓";
	color: white;
    padding-right: 10px;
}

.required-star:after {
    color: #ae1515;
    content: " * ";
	font-size: 30px;
}

.required-star {
	position: relative;
	float:left;
	left:-10px;
}


.top-offer {
	display:flex;
	width:100%;
	color: #ffffff;
	background-color: #E52F2F;
	display:flex;
	width:100%;
	justify-content : space-between;
}

.top-content {
	width: 40%; 
	padding: 55px;
}

.title-content {
	color:white;
}

.text-content {
	font-size:16px;
	color:white;
	margin-bottom:0px;
}

.formation {
	margin-bottom : 5px;
}

.formation-list {
	padding-left:4%;
	padding-bottom:10px;
}

.img-full {
	height: 100%;
	width: 100%;
}


.offer-list {
	display: flex;
	justify-content: center;
	margin-top:-75px;
}

.offer-list-second-line {
	padding-top:90px;
}

.offer-list .content {
	width: 355px;
    background-color: rgb(255 255 255);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
    position:relative;z-index:1;margin-left:30px;
}

.offer-list .content .text {
	padding: 25px 0 25px 0;
}

.offer-list .content .text .header {
	text-align:center;
	height: 40px;
}

.offer-list .content .text .title {
	font-size:21px;
	text-align:center;
}

.offer-list .content .text .price {
	color:red;
	font-weight:normal;
	padding-top: 15px;
	text-align:center;
}

.offer-list .content .text .form {
	text-align:center;
	font-weight:bold;
}

.offer-list-second-line .content .text .form-bottom {
	padding:20px 30px 0px 30px;
	text-align:center;
	font-weight:bold;
}

.offer-list .content .text .list {
	padding-top: 10px;
	position:relative;
}

.offer-list .content .text .btnlist {
	display:block;
	text-align:center;
}

.offer-list .content .text .btnlist .descr {
	margin-right:10px;
}

.offer-section {
	padding-top:0px !important;
}

.offer-section .header {
	display:flex;
}

.offer-section .header .left {
	width:2.5%;
	background-color:white;
}

.offer-section .header .center {
	height:30px;
	background-color:white;
	width:97.5%;
	padding-top:15px;
}

.offer-section .header .center .offer {
	float:left;
}

.offer-section .header .center .text-left {
	color:darkgrey
}

.offer-section .header .center .text {
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.offer-section .header .center .text-right {
	float:left;
	font-weight:bold;
}

.descr-offer {
	background-color: rgb(255 255 255);
	display:flex;
	width:95%;
}

.descr-offer .long-content {
	padding-bottom:20px !important;
}

.descr-offer .content {
	width: 80%; 
	padding: 55px;
	padding-left:0px;
}

.descr-offer .content .subtitle {
	font-size:16px;
}

.descr-offer .content .price {
	color:red;
	font-weight:normal;
	padding-top: 15px;
}

.descr-offer .content .subscribe {
	margin-right:10px;
}

.descr-offer .image {
	padding-bottom:20px;
}

.offer-section .classe-block {
	width: 95%;
	background-color: rgb(255 255 255);
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
	margin: 0 auto;
	display: flex;
}

.offer-section .classe-block .content {
	width:80%;
	padding: 28px;
}

.offer-section .classe-block .content .subtitle {
	padding-top: 10px;
}

.offer-section .classe-block .long-title {
	font-size:25px;
}

.offer-section .classe-block .list-top {
	margin-bottom:5px;
}


.offer-section .classe-block .list {
	padding-left: 2%;
	font-weight:bold;
}

.offer-section .classe-block .list .item {
	padding-top: 10px;
}

.offer-section .classe-block .img {
	display:inherit;
}

.offer-footer {
	color: #ffffff;
	background-color: #E52F2F;
	padding: 35px;
	display:flex;
}

.offer-footer .title {
	width:40%;
}

.offer-footer .title .text{
	color:white;
	height: 80px;
	padding-top: 60px;
	padding-left:35px;
}

.offer-footer .content {
	width:60%;
}

.offer-footer .content .list {
	font-weight:bold;
}


.offer-footer .content .list-short {
	font-weight:bold;
	padding-top:40px;
}

.offer-footer .content .item {
	padding-top: 10px;
}

.offer-footer .content .subscribe {
	margin-right:10px;
	margin-right: 10px;
	background: white;
	border-color: white;
	color: red;
}

.offer-footer .content .download {
	border-color: white;
	color: white;
}

@media (max-width: 1024px) {
	.top-offer {
		display:flex;
		width:100%;
		color: #ffffff;
		background-color: #E52F2F;
		display:flex;
		width:100%;
		justify-content : space-between;
		flex-direction: column-reverse;
	}
	
	.top-content {
		padding: 55px;
		width:auto;
	}
	
	.offer-list {
		display: flex;
		justify-content: center;
		margin-top:-75px;
		flex-direction:column;
		align-items:center;
	}
	
	.offer-list .content {
		margin-bottom:15px;
	}
}

.paiementBack {
	padding-bottom:0px !important;
}

.paiementBack .block-back {
	display:flex;
}

.paiementBack .icon-arrow {
	display: inline-block;
    border-radius: 60px;
    box-shadow: 0 0 2px #888;
    padding: 0.5em 0.6em;
	font-size:20px;
}

.paiementBack .text-back {
	margin-bottom:0px;
	padding-top:10px;
	padding-left:15px;
	font-size:18px;
}

.purchaseform {
	background-color:white;
	padding:25px;
	padding-left:40px;
	border-top: 5px solid;	
}

.first-step {
	border-image: linear-gradient(to right, red 33%, grey 25%, grey 50%,grey 50%, grey 75%, grey 75%) 5;
}

.second-step {
	border-image: linear-gradient(to right, red 66%, grey 25%, grey 50%,grey 50%, grey 75%, grey 75%) 5;
}

.last-step {
	border-image: linear-gradient(to right, red 100%, grey 25%, grey 50%,grey 50%, grey 75%, grey 75%) 5
}

.purchaseform .learner-title {
	padding-top:25px;
}

.purchaseform .left-text {
	float:left;
}

.purchaseform .error-block {
	display: inline-block;
}

.purchaseform .left-long-block {
	max-width:225px !important;
	display:inline-block;
}

.purchaseform .right-long-block {
	max-width:225px !important;
	display:inline-block;
	padding-left:8px;
}

.purchaseform .left-short-block {
	display:inline-block;
	max-width:150px !important;
}

.purchaseform .right-short-block {
	display:inline-block;
	padding-left:8px;
}

.purchaseform .checkbox-container {
	display:block;
}

.purchaseform .checkbox-text {
	padding: 10px 5px 10px 35px;
	margin-bottom:0px;
}

.purchaseform .checkbox-link {
	padding: 10px 25px 10px 0px;
	font-size: 14px;
	line-height: 20px;
}

.purchaseform .radio-firstButton {
	margin-bottom:0px !important;
}

.purchaseform .radio-secondButton {
	margin-top:10px !important;
	margin-bottom:15px !important;
}

.paiement-btn {
	margin-top:15px;
}

.paiement-detail {
	background-color:white;
	margin-left:120px;
	padding-left:0px !important;
	width:22% !important;
	height:100%;
}

.paiement-detail .text-title {
	text-align:center;
	padding-top:15px;
}

.paiement-detail .separate {
	height:2px;
}

.paiement-detail-content .title {
	text-align:center;
}

.paiement-detail-stage .title {
	padding:5px;
	font-size:18px;
}

.paiement-detail-content .price {
	text-align:center;
	color: red !important;
	font-weight: normal;
}

.paiement-detail-content .form {
	padding: 20px 30px 0px 30px;
	text-align:center;
	font-weight:bold;
}

.paiement-detail-stage .form {
	text-align:center;
	font-weight:bold;
}

.paiement-detail-content .course-check {
	padding-left:10%;
}

.paiement-detail-content .list {
	position:relative;
	padding-top:10px;
}

.price-right {
	float:right;
	padding-right:20px;'
}

.price-left {
	padding-left:20px;
}

.purchaseform .accountTitle {
	padding-top:40px;
	margin-bottom:0px !important;
}

.paiementChoice label {
	max-width:100%;
	display:inline;
	color:#55646e;
}

.purchaseform .multiplepaiementTxt {
	color: rgb(85, 100, 110);
}

.purchaseform .infoTxt {
	margin-top:10px;
}

.purchaseform .multipleInfo {
	max-width:100% !important;
}

footer .fa,
footer h5,
footer a {
	color: #646464;
}

footer {

    grid-template-columns: 3fr 3fr 230px;
}

.timeline-table .status-current {
    border-color: #E52F2F;
    background-color: #fffffF;
    color: #E52F2F;
}

/*.cta-action .fa {

    border-radius: 0px;
}*/

.timeline-table .status-current::before {
    border-left-color: #E52F2F;
}

 .main-container {
    background-color: #ffffff;
}



.body-page196 .main-container
{
        background-color: #f1f1f1;
}

.timeline-table tr.current td {
        background-color: #f1f1f1;
		color:#1f233f;
}

.timeline-table tr.current {
    background-color: #f1f1f1;
}

.breadcrumbs li:last-child:before {
    background-color: #E52F2F;
}

.timeline-table .status-todo {

    color: #E52F2F;
}

@media (max-width: 768px) { 

	.descr-offer .content {
		width: 100%;
		padding-right: 0px;
	}


	.offer-section .classe-block {
		display: block;
	}
	
	.offer-section .course-check {
		height: auto;
	}
	
	.offer-footer {
		display: block;
	}
	
	.offer-footer .title {
		width: 100%;
	}
	
	.offer-footer .title .text {
		padding-left: 0px;
	}
	
	.offer-footer .content {
		width: 100%;
	}
	
	.offer-footer .content .subscribe {
		margin-right: 0px;
		width: 100%;
	}
	
	.offer-footer .content .download {
		width: 100%;
	}
	
	.offer-section .cta-contextual.multiline {
		width: 100%;
		margin-right: 0px !important;
	}
	
	.descr-offer {
		display: block;
		width: 95%;
	}
	
	header .logged-out-profile-container .cta-contextual {
		padding: 5px;
	}
	
	.offer-list .content {
		width: 100%;
		margin-left: 0px;
	}
	
	.offer-list .content .text {
		padding: 25px 5px 25px 5px;
	}
}

.sidebar-nav {
    background-color: #FFFFFF;
}

.sidebar-nav a, .sidebar-nav a > .fa {
    color: #000000;
}

#sidebar-nav-container .sidebar-nav-list .logout {
    border-top-color: #FFFFFF;
}

#sidebar-nav-container .sidebar-nav-list ~ .sidebar-nav-list {
    border-top-color: #FFFFFF;
}

.sidebar-nav-list a.selected, .sidebar-nav-list a.selected .fa, #sidebar-nav-container .sidebar-nav-list a.selected:hover, #sidebar-nav-container .sidebar-nav-list a.selected:hover .fa {
    background-color: #F2F2F2;
    color: #000000;
}

@media (max-width: 768px){
	.generic-news-carousel-content-banner-image .image-container img {
		width: 100%;
	}

	.generic-news-carousel-container .generic-news-carousel-content-banner-image {
		margin-bottom: 0px;
	}
	
	.generic-news-carousel-container .generic-news-carousel-main-slider .news-wall-pagination {
		bottom: 5px;
	}
	
	.manager-logo-container img {
		max-height: 60px;
		height: 40px;
		width: 100%;
	}
}


@media (min-width: 769px){
	.expersante-home-content-banner.col-container:not(.three-col-container) > .col-6:first-child{
		padding-right:0px;
	}
	
	.my-stakes-container > .generic-wall-container .news-wall-next-btn {
		display:none !important;
	}
}

.go-to-catalog-link {
	display:none;
}

.my-stakes-container > .title-container > a {
	display:none;
}

.my-stakes-container > .generic-wall-container > .news-wall > .ending.news-wall-col {
	display:none;
}

body.custom .main-container{
	background-color : #F1F1F1;
}

body.body-home.custom section.widget-attributcours > .inner {
	padding-bottom:0px;
}

body.body-home.custom section.inner.widget-freetext.widget-freetext-270 {
	padding-top:0px;
	padding-bottom:0px;
}

.sidebar-nav a:hover, .sidebar-nav a:hover > .fa {
    color: #000000;
}

#sidebar-nav-container .sidebar-nav-list :hover, #sidebar-nav-container .sidebar-nav-list :hover .fa {
    color: #000000;
}

#sidebar-nav-container .sidebar-header .close-btn:hover {
    border-color: #000000;
}

.sidebar-header a.close-btn:hover, .sidebar-header a.close-btn:hover .fa {
    color: #000000;
}



.cta-contextual.primary:hover {
    border-color: #49494A;
    background: #49494A;
}

@media (max-width: 768px){
	.cta-action:not(.light):not(.cta-timer), 
	.cta-action:not(.light):not(.cta-timer):hover {
		background-color: #E52F2F;
	}
	
	.cta-action:not(.light):not(.cta-timer) {
		max-width: 100%;		
	}
	
	#ContentPlaceHolder1_LnkNextSequenceName{
		font-size:10px;
	}
}

.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i,
.card-mode .preview.course-preview:hover .cta-action .fa, 
.card-mode .preview.community-preview:hover .cta-action .fa {
    background-color: #E52F2F;
}


.card-mode .preview.default-course-preview:hover .preview-hover .cta-container:hover i,
.card-mode .preview.course-preview:hover .cta-action .fa:hover, 
.card-mode .preview.community-preview:hover .cta-action .fa:hover {
    background-color: #49494A;
}

.card-mode .banner,
.list-mode .banner {
    background-color: #E52F2F;
}

.inner.my-stakes-container .card-mode .preview.course-preview .cta-container .cta-action {
    left: -175px !important;
    top: -105px !important;
}

.gauge-value {
    color: #49494A;
}

.gauge-horizontal,
.gauge-horizontal.simple-gauge,
.list-mode .preview.course-preview .gauge-horizontal.big-gauge {
    background-color: #FFFFFF;
}

.gauge-horizontal .gauge-display,
.gauge-horizontal.simple-gauge .gauge-display {
    background-color: #E52F2F;
}

.timeline-table-wrapper {
    border-top-color: #F1F1F1;
    border-bottom-color: #F1F1F1;
}

.timeline-table tr.previous td:first-child {
    border-left-color: #E52F2F;
}

.timeline-table .status-valid {
    border-color: #E52F2F;
    color: #E52F2F;
}

.course-preview.next-course {
    background-color: #F1F1F1;
}

.main-container .colored-row-container.trainings.highlight {
	display:none;
}

.trainings-list-container .trainings-list h4{
	display:none;
}