/* Preset Tags *******************/

body {
	font-family: Avenir, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

h1 {
	font-family: Avenir, Arial, sans-serif;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 38px;
	padding-bottom: 0;
	text-transform: uppercase;
}

h1.simplified {
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
}

h1:before,
h3:before {
	display: none !important;
}

h2 {
	font-family: Avenir, Arial, sans-serif;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
}

h3 {
	font-family: Avenir, Arial, sans-serif;
	font-size: 30px;
	font-weight: 900;
	line-height: 50px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 20px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
}

p {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 18px;
}

p.intro-p {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 24px;
}

b {
	font-weight: 600;
}

.title-choice {
	display: flex;
}

.title-choice h4 {
	font-size: 18px;
	width: auto;
	margin-bottom: 0;
}

.title-choice h4 + h4 {
	margin-left: 40px;
}

.title-choice h4 a {
	text-decoration: none;
}

@media (max-width: 768px) {
	
	.title-choice h4 {
		min-width: 100%;
		margin-right: 0 !important;
	}
}

/* Label / Input Text *******************/

label.above {
	font-size: 14px;
	text-transform: inherit;
}

input[type="text"], 
input[type="password"], 
input[type="number"], 
textarea {
	border-width: 1px;
	border-style: solid;
	padding: 5px 10px;
	border-radius: 0;
}

label input[type="text"], 
label input[type="password"], 
label input[type="number"] {
	margin-top: 0;
}

@media (max-width: 768px) {
	
	label input[type="text"], 
	label input[type="password"], 
	label input[type="number"], 
	label textarea {
		height: 40px;
		box-sizing: border-box;
	}
}

/* Radio / Checkbox *******************/

.input-option-container span {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}

.input-option-container,
input[type=checkbox]:checked + span, 
input[type=radio]:checked + span {
	font-size: 14px;
	font-weight: 600;
}

input[type=checkbox] + span:before {
	border-radius: 0;
}

input[type=checkbox] + span:before, 
input[type=radio] + span:before {
	top: 0;
	margin-top: 7px;
}

.input-option-container .legend {
	display: block;
	font-size: 12px;
	padding-left: 0 !important;
}

/* Select *******************/

.custom-select:not(.flag-select) .select-list .placeholder {
	border-style: solid;
	border-width: 1px;
	border-radius: 0;
	padding: 5px 8px;
}

.custom-select:not(.flag-select) .select-list .placeholder.selected {
	font-weight: 600;
}

.custom-select:not(.flag-select) i {
	line-height: 42px;
}

.custom-select:not(.open) > ul, 
.select-list .placeholder,
.select-list .placeholder.selected {
	font-size: 16px;
}

.custom-select:not(.open) > ul {
	border-bottom: none;
}

.input-icon input, 
.input-icon.input-file {
	box-sizing: content-box;
	padding-right: 30px;
}

.input-icon > a,
.input-icon .fa {
	height: 34px;
	right: -20px;
}

.custom-select-container.overlay .custom-select.open .select-list .placeholder,
.custom-select-container.overlay .custom-select .select-list .placeholder,
.custom-select-container.overlay .custom-select .select-list:hover .placeholder {
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
}

@media (max-width: 768px) {
	
	.input-icon > a, 
	.input-icon .fa {
		right: 0;
	}
}

/* Call To Action *******************/

.cta-contextual {
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 600;
	border-radius: 0;
}

.cta-contextual.primary i {
	position: relative;
	bottom: -1px;
}

.cta-action.cta-action-multiline {
	font-size: 16px;
	line-height: 20px;
}

.cta-action .fa {
	font-size: 14px;
	border-radius: 0;
}

.cta-action span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

@media (max-width: 768px) {

	.cta-contextual {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.cta-action:not(.light):not(.cta-timer):not(.cta-action-multiline) .fa + span {
		line-height: 48px;
	}
}

/* Gauges *******************/

.gauge-horizontal.simple-gauge {
	height: 6px;
	border-radius: 0;
}

.gauge-horizontal.simple-gauge .gauge-display {
	height: 6px;
	border-radius: 0;
}

/* Default Preview *******************/

.card-mode .preview.default-course-preview {
	border-radius: 0;
}

.card-mode .preview.default-course-preview .banner-container .banner {
	text-transform: initial;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-horizontal,
.card-mode .preview.default-course-preview .card-preview-content .gauge-display {
	border-radius: 0;
	overflow: hidden;
	height: 6px;
}

.preview.default-course-preview .subject-type {
	font-size: 14px;
	font-weight: 600;
	max-width: 26px;
	max-height: 25px;
}

.card-mode .preview.default-course-preview .subject-type {
	width: 100%;
}

.preview.default-course-preview .hashtag {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}

.preview.course-preview .star-ranking-container {
	white-space: nowrap;
	font-size: 12px;
}

.card-mode .preview.course-preview .star-ranking-container {
	padding-left: 10px;
}

.card-mode .preview.course-preview .star-ranking {
	line-height: 14px;
}

.preview.default-course-preview .other-data {
	font-size: 14px;
	font-weight: 600;
}

.preview.default-course-preview .other-data i {
	display: inline-flex;
	align-items: center;
}

.card-mode .preview.default-course-preview p {
	height: auto;
	font-size: 12px;
	line-height: 16px;
}

.card-mode .col-container {
	flex-wrap: nowrap !important;
}

.list-mode .preview.default-course-preview .image-container img {
	border-radius: 0;
}

.list-mode .preview.course-preview .other-data .gauge-horizontal {
	position: static;
	width: 100px;
}

.list-mode .preview.course-preview .other-data .gauge-horizontal .gauge-value {
	display: none;
}

.list-mode .preview.course-preview .other-data {
	align-items: center;
}

.list-mode .preview.course-preview .other-data .gauge-horizontal,
.list-mode .preview.course-preview .other-data .gauge-display {
	display: block;
	border-radius: 0;
	overflow: hidden;
	height: 6px;
}

@media (max-width: 768px) {

	.list-mode .preview.default-course-preview > div.inner .cta-action {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	
	.list-mode .preview.default-course-preview .list-preview-content .data-container > .col-container {
		flex-wrap: nowrap;
	}
	
	.list-mode .preview.default-course-preview .list-preview-content .data-container > .col-container .star-ranking {
		height: 14px;
	}
}

/**************************************************/
/* Navigation */ 
/**************************************************/

.main-container > section.inner, 
.main-container .colored-row-container > section, 
.main-container > .single-column > section.inner, 
.main-container > .single-column .colored-row-container > section {
	max-width: 1280px !important;
}

.main-container .colored-row-container {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

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

header {
	position: relative;
	min-height: 122px;
}

header .manager-logo-container {
	display: flex !important;
	position: relative !important;
	flex-direction: row;
	padding: 0 !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	height: 100%;
	top: 0 !important;
	margin-left: 35px !important;
	left: 0 !important;
}

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

header .header-content {
	width: 100%;
	flex-wrap: nowrap;
	align-items: center;
}

header .header-row {
	width: 70px;
	height: 24px;
}

header .header-row .side-nav-btn,
header .header-row .page-title {
	display: none;
}

header .help {
	top: 0;
	right: 20px;
	border-width: 1px;
	border-style: solid;
}

header .main-nav {
	width: 100%;
}

.header-content .main-nav {
	position: relative;
	padding-top: 0;
	align-self: flex-end;
}

header .main-nav ul {
	padding-left: 115px;
	margin-top: 15px;
}

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

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

header .main-nav > ul > li > a {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 18px;
	line-height: 60px;
	text-decoration: none;
	text-transform: uppercase;
}

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: 4px;
	width: 100%;
	margin-left: 0;
}

header .header-search-block {
	display: none;
}

header .logged-in-profile-container {
	height: 122px;
	width: 240px;
	min-width: 240px;
	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: 48px;
	min-width: 48px;
	max-width: 48px;
	height: 48px;
	min-height: 48px;
}

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

header .logged-in-profile > .name {
	font-size: 15px;
	font-weight: 400;
	white-space: normal;
	margin-top: 14px;
	padding-bottom: 16px;
}

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

header .profile-reminders {
	position: relative;
	top: auto;
	right: auto;
	padding: 0 20px 0 20px;
	flex-direction: column;
	align-items: flex-start;
	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: 10px;
}

header .profile-reminders .badge-container .badge {
	margin-left: 0px;
}

header .logged-in-profile-container .nav-submenu {
	margin-top: 0;
	padding-top: 10px;
	text-transform: inherit;
	margin-left: -80px;
}

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 .select-list ul {
	font-size: 12px;
	padding-left: 0;
}

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

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: 1024px) {
	
	header {
		min-height: 84px;
	}
	
	header .manager-logo-container {
		display: none !important;
	}
	
	header .header-content {
		align-content: center;
		align-items: center;
	}
	
	header .header-content .side-nav-btn {
		text-decoration: none;
		display: flex;
	}
	
	header .header-row {
		display: flex;
		width: 100%;
		height: inherit;
	}
	
	header .header-row .page-title {
		padding-right: 40px;
		display: flex;
		font-size: 18px;
		padding-bottom: 0;
		align-items: center;
	}
	
	header .header-row .page-title i {
		display: none;
	}
	
	header .logged-in-profile-container {
		height: 84px;
		width: 240px;
		min-width: 240px;
		padding-left: 20px;
		box-sizing: border-box;
	}
	
	header .help {
		display: none;
	}
	
	header .logged-in-profile {
		margin-right: 20px;
	}
}

@media (max-width: 768px) {
	
	header {
		min-height: auto;
	}
	
	header .header-row {
		width: auto;
		margin-right: 20px;
	}
	
	header .header-content .side-nav-btn {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	header .logged-in-profile-container {
		width: auto;
		height: 80px;
		min-width: inherit;
		padding-left: 10px;
		padding-right: 20px;
	}
	
	header .logged-in-profile-container .profile-pic .badge {
		left: 42px;
	}
}

/* Footer *******************/

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

footer .col h5 + h5 {
	margin-top: 15px;
}

@media (max-width: 768px) {

	footer .footer-logo-container {
		margin-bottom: 20px;
	}

	footer {
		grid-row-gap: 10px;
	}
}

footer .newsletter-col {
   margin-left:-550px;
	font-size:16px;
	font-family: 'Century Gothic', Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF!important;
}
footer
{
	padding:20px;
	
}

/* Side Profile *******************/

#sidebar-profile-container .profile-pic img {
	margin: 0 auto;
}

/**************************************************/
/* Pages */ 
/**************************************************/

/* News Wall *******************/

*::-ms-backdrop, .generic-wall-container { /* IE11 */
	max-width: 1280px;
}

.generic-wall-container .news-wall-btn {
	display: flex !important;
	position: absolute;
	width: 80px !important;
	height: 100% !important;
	top: 0 !important;
	bottom: 0;
	border-radius: 0 !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.generic-wall-container .news-wall-btn i {
	height: 60px;
	width: 60px;
	border-radius: 0;
	font-size: 18px;
	top: 50%;
	position: absolute;
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.generic-wall-container .news-wall-previous-btn {
	left: 2px !important;
}

.generic-wall-container .news-wall-next-btn {
	right: 2px !important;
}

*::-ms-backdrop, .generic-wall-container .card-mode { /* IE11 */
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

*::-ms-backdrop, .generic-wall-container .news-wall-previous-btn i { /* IE11 */
	left: 8px !important;
}

*::-ms-backdrop, .generic-wall-container .news-wall-next-btn i { /* IE11 */
	right: 8px !important;
}

/* Home *******************/

/* Search Block */

.widget-searchBoxWidget {
	margin-bottom: 55px;
}

.widget-searchBoxWidget .SearchBoxWidget {
	margin: 0 0 0 250px;
}

.widget-searchBoxWidget .searchBox {
	padding: 40px 40px 90px;
	max-width: 540px;
	box-sizing: border-box;
	border-width: 12px;
	border-style: solid;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: -95px;
}

.widget-searchBoxWidget .searchBox h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
	max-width: 460px;
	text-transform: uppercase;
}

.widget-searchBoxWidget .header-search-block {
	margin-left: -20px;
	border-radius: 0;
	width: 720px;
	overflow: hidden;
	margin-bottom: -20px;
}

.widget-searchBoxWidget .header-search-block .custom-select .select-list .placeholder {
	padding: 0;
	border-radius: 0;
	overflow: hidden;
}

.widget-searchBoxWidget .header-search-block .multiple-select-container input {
	width: 100%;
	height: 60px;
	line-height: 60px;
	border: none;
	padding: 0 156px 0 30px;
	box-sizing: border-box !important;
	font-size: 18px !important;
	border-radius: 0 !important;
	margin-top: 0 !important;
}

.widget-searchBoxWidget .header-search-block .multiselect-input-auto-complete {
	padding-left: 20px;
}

.widget-searchBoxWidget .header-search-block .multiple-select-container input[type="text"]::placeholder {
	font-size: 16px !important;
	font-weight: 200;
}

.widget-searchBoxWidget .header-search-block .multiple-select-container .multiple-select-btn a,
.widget-searchBoxWidget .header-search-block .multiple-select-container .multiple-select-btn .fa {
	font-size: 24px;
	line-height: 60px;
	height: 60px;
	width: 48px;
}

.widget-searchBoxWidget .multiple-select-container.search-container .multiple-select-btn {
	top: 0;
	bottom: 0;
	width: 136px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 25px;
}

.widget-searchBoxWidget .multiple-select-container.search-container .multiple-select-btn:hover {
	text-decoration: none;
}

@media (max-width: 1280px) {
	
	.widget-searchBoxWidget .SearchBoxWidget {
		margin: 0;
	}
}

@media (max-width: 1024px) {
	
	.widget-searchBoxWidget {
		margin-bottom: 0;
	}
	
	.widget-searchBoxWidget .SearchBoxWidget {
		margin: auto;
	}

	.widget-searchBoxWidget .searchBox {
		padding: 40px 40px 40px;
		max-width: initial;
		margin-bottom: 0;
	}
	
	.widget-searchBoxWidget .header-search-block {
		width: 100%;
	}
}

.choice_btn_car_select {
    color: #15617f;
	font-weight: bold;
}
.pic-rect-84 {
    display: none;
	
}

.searchBox {
    background:transparent;
}

.catalogue-sidebar-button {
    color: #15617f;
}

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

.catalogue-sidebar-button {

    border-color: #15617f;

}

.catalog-search.multiple-select-container .multiple-select-btn .fa {
    color: #15617f;
}


.inner:not(.colored-row-container) .searchBox {
    background-color: transparent;
}


.widget-searchBoxWidget .searchBox {
	border-color: transparent;
}

/*#widget-searchBoxWidget.widget-searchBoxWidget-18..main-container.colored-row-container 
{
	background-color: #000000;
	background-image: url(https://apicil.xperteam.pw/courses/apicil/_media/Home/Recherche_APICIL2.png);
background-size: cover;
	
}

section#widget-searchBoxWidget widget-searchBoxWidget-18 .colored-row-container .widget-searchBoxWidget.widget-searchBoxWidget-18
{
	background-color: #FFFFFF;
	
}*/



    .body-Accueil .main-container .widget-searchBoxWidget 
{
    background-color: #FFFFFF;
	background-image: url(https://apicil.xperteam.pw/courses/apicil/_media/Home/APICIL-Ban-1920p.png)!important;
	background-size: cover !important;
	
	
	background-repeat:no-repeat;
}

.widget-searchBoxWidget .searchBox {

    margin-bottom: 0px;
}

@media (max-width: 480px) {
	
	/*	.main-container .colored-row-container */  
	.body-Accueil .main-container .widget-searchBoxWidget 
{
    background-color: #FFFFFF;
	background-image: url(https://apicil.xperteam.pw/courses/apicil/_media/Home/APICIL-Ban-400p.png) !important;
	background-size: cover !important;
	background-repeat:no-repeat;
	}
	.widget-searchBoxWidget .searchBox {
    padding: 150px 40px 150px;

}
}

/*cnasim masquer certificat côte user

#ContentPlaceHolder1_LnkExportCertificate {
  display: none !important;
}
*/


/*
widget-searchBoxWidget .widget-searchBoxWidget-18
{
background-image: url(https://apicil.xperteam.pw/courses/apicil/_media/Home/Recherche_APICIL2.png);
background-size: cover;
}*/

/* Ticket 24603 ************/
.table-container h3 {
	font-size: 24px ;
}

/* Ticket 25385 
#LnkCertificate668 {
	display: none ;
}

.col-lesson-menu-container > .col-lesson-menu-sidebar .col-5{
	display:none;
}

#ContentPlaceHolder1_LnkNextCourse {
	display:none ;
}	

**********

.following-content .divCertificates
{
	display:none;
	
	
}*/

.following-content .divCertificates {

    display: none;
}


#ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_LiteralCertificatesListPanel{
display: none !important ;
}
	

/** Ajout EB pour widget Actualités en attendant MAJ**/
body .col-5{
	width: 30%;
}

/* Ajout EB pour masquer le picto des certificats - 30/01/2024 */
#ContentPlaceHolder1_LblCertificate {
	display : none !important;
}