@font-face {
  font-family: 'Roboto-Bold';
  src: url('../font/Roboto-Bold.eot');
  src: url('../font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/Roboto-Bold.svg#Roboto-Bold') format('svg'),
       url('../font/Roboto-Bold.ttf') format('truetype'),
       url('../font/Roboto-Bold.woff') format('woff'),
       url('../font/Roboto-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('../font/Roboto-Medium.eot');
  src: url('../font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
       url('../font/Roboto-Medium.svg#Roboto-Medium') format('svg'),
       url('../font/Roboto-Medium.ttf') format('truetype'),
       url('../font/Roboto-Medium.woff') format('woff'),
       url('../font/Roboto-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../font/Roboto-Regular.eot');
  src: url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/Roboto-Regular.svg#Roboto-Regular') format('svg'),
       url('../font/Roboto-Regular.ttf') format('truetype'),
       url('../font/Roboto-Regular.woff') format('woff'),
       url('../font/Roboto-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url('../font/Poppins-Bold.eot');
  src: url('../font/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/Poppins-Bold.svg#Poppins-Bold') format('svg'),
       url('../font/Poppins-Bold.ttf') format('truetype'),
       url('../font/Poppins-Bold.woff') format('woff'),
       url('../font/Poppins-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('../font/Poppins-Medium.eot');
  src: url('../font/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
       url('../font/Poppins-Medium.svg#Poppins-Medium') format('svg'),
       url('../font/Poppins-Medium.ttf') format('truetype'),
       url('../font/Poppins-Medium.woff') format('woff'),
       url('../font/Poppins-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('../font/Poppins-Regular.eot');
  src: url('../font/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/Poppins-Regular.svg#Poppins-Regular') format('svg'),
       url('../font/Poppins-Regular.ttf') format('truetype'),
       url('../font/Poppins-Regular.woff') format('woff'),
       url('../font/Poppins-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


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

body, p {
	font-size: 14px;
	line-height: 20px;
}

body {
	font-family: 'Poppins-Regular', Poppins, Arial, Verdana, Sans-Serif;
}

h1, h2, h3, h4, h5 {
	font-family: 'Poppins-Bold', Poppins,  Arial, Verdana, Sans-Serif;
}

h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	padding-bottom: 20px;
}

h1:before,
h2:before,
h3:not(.question):before,
h4:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

h1:before {
	width: 80px;
	height: 2px;
}

h2 {
	position: relative;
	font-weight: bold;
	font-size: 30px;
	line-height: 42px;
	padding-bottom: 10px;
}

h2:before {
	width: 30px;
	height: 2px;
}

h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 10px;
	margin-bottom: 0;
}

h3:not(.question):before {
	width: 40px;
	height: 2px;
}

h4 {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
}

h4:before {
	width: 20px;
	height: 1px;
}

h1.simplified,
h2.simplified,
h3.simplified,
h4.simplified {
	padding-bottom: 0;
}

h1.simplified:before,
h2.simplified:before,
h3.simplified:not(.question):before,
h4.simplified:before {
	display: none;
}

p {
	margin-bottom: 20px;
}

.intro-p {
	font-size: 18px;
	line-height: 26px;
}

.col-container.column {
	flex-direction: column;
}

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

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

input[type="text"],
input[type="password"],
input[type="number"] {
	border-radius: 6px;
	padding: 10px 10px !important;
	font-size: 14px;
	line-height: 22px !important;
	height: 42px !important;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}

textarea {
	border-radius: 6px;
	padding: 10px 10px !important;
	font-size: 14px;
	line-height: 22px !important;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
}

label input[type="text"], 
label input[type="password"], 
label input[type="number"],
label textarea {
	margin-top: 2px;
	font-size: 14px;
	line-height: 22px;
}

.input-icon input {
	padding-right: 30px !important;
}

.input-icon > a,
.input-icon .fa {
	font-size: 20px;
	width: 34px;
	height: 42px;
	line-height: 42px;
	bottom: 0;
}

textarea {
	line-height: 18px !important;
}

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

.custom-select-container {
	flex-direction: column;
}

.custom-select {
	height: 42px;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
}

.custom-select i {
	line-height: 42px;
}

.custom-select:not(.open) > ul,
.custom-select .select-list {
	height: 42px;
}

.custom-select .select-list,
.custom-select .select-list ul {
	padding-left: 0 !important;
}

.custom-select .select-list ul li {
	min-height: auto;
}

.custom-select:not(.flag-select) .select-list ul li {
	padding: 8px 10px;
	line-height: 24px;
}

.custom-select:not(.flag-select) .select-list .placeholder {
	padding: 6px 10px !important;
	box-sizing: border-box;
	font-size: 14px !important;
	line-height: 32px;
	height: 42px;
}

.custom-select.flag-select.open .select-list .placeholder {
	height: 42px;
	box-sizing: border-box;
}

.custom-select.flag-select .select-list ul li {
	height: 34px;
}

.custom-select.flag-select i {
	top: 0px;
}

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

.input-option-container {
	font-size: 14px;
}

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

input[type=checkbox] + span:before, input[type=radio] + span:before {
	border-width: 1px;
}

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

.cta-action {
	text-decoration: none;
}

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

.cta-contextual.dashed {
	border-style: dashed;
	border-width: 1px;
}

.cta-contextual .fa {
	line-height: 20px;
	height: auto;
}

/* Badge *******************/

.badge-container .badge {
	top: -10px;
	margin-left: -8px;
}

.badge {
	font-weight: inherit;
	padding: 0 4px;
}

.badge-container i {
	font-size: 20px;
}

/* Banner *******************/

.banner-container {
	top: 12px;
	left: 12px;
}

.banner {
	padding: 4px 5px;
	text-align: center;
}

/* Star Ranking *******************/

.star-ranking-container {
	margin-left: 0;
}

.star-ranking-container.small i {
	font-size: 10px;
	padding-right: 2px;
}

/* Card Mode *******************/

.card-mode .preview.default-course-preview > div.inner {
	padding: 15px 12px 20px;
}

.card-mode .preview.default-course-preview .subject-type {
	font-size: 14px;
	line-height: 20px;
	font-weight: inherit;
}

.card-mode .preview.default-course-preview h3 {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 0;
}

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

.card-mode .preview.default-course-preview .hearted > i::before {
	font-size: 20px;
	line-height: 24px;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-horizontal {
	border-radius: 12px;
	height: 8px;
}

.card-mode .preview.default-course-preview .card-preview-content .gauge-display {
	border-radius: 12px;
	height: 8px;
}

.preview.course-preview .star-ranking-container {
	height: 20px;
	text-align: right;
}

.preview.course-preview .star-ranking.small i, 
.preview.course-preview .star-ranking-container.small i {
	font-size: 10px;
	padding-right: 2px;
}

.preview.course-preview .star-ranking-container .small i:not(.fa-star) {
	font-size: 12px;
	margin-left: 5px;
}

/* List Mode *******************/

.list-mode .preview.default-course-preview .subject-type {
	font-size: 14px;
	line-height: 20px;
	font-weight: inherit;
}

.list-mode .preview.default-course-preview h3 {
	font-size: 14px;
	line-height: 20px;
}

.list-mode .banner {
	padding: 4px 10px 4px 10px;
}

.list-mode .preview.default-course-preview .banner-container {
	top: 20px;
	left: 6px;
}

.list-mode .preview.default-course-preview .banner-container .banner {
	text-transform: initial;
	font-size: 10px;
	line-height: 12px;
}

@media (max-width: 768px) {

	.list-mode .preview.default-course-preview .banner {
		padding: 4px 5px;
	}
}

/**************************************************/
/* 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;
}

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

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

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

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

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;
	padding-left: 260px;
}

header .main-nav ul {
	text-transform: capitalize;
}

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;
	font-weight: 400;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	line-height: 24px;
	text-decoration: none;
}

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

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

.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: 4px;
}

.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: 3px 15px 6px 0 !important;
	height: 30px;
	line-height: 28px;
}

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

header .logged-in-profile-container {
	height: 72px;
	width: auto;
	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: 32px;
	min-width: 32px;
	max-width: 32px;
	height: 32px;
	min-height: 32px;
}

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

header .logged-in-profile > .name {
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
}

header .logged-in-profile > .score {
	font-weight: normal;
	line-height: 20px;
}

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 {
	margin-top: 10px !important;
}

header .profile-reminders a i:last-child {
	padding-right: 10px;
}

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

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

header .logged-in-profile-container .nav-submenu .custom-select {
	border-radius: 0;
}

header .logged-in-profile ul.nav-submenu a {
	font-size: 14px;
	text-transform: capitalize;
	padding-left: 10px;
}

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;
	height: auto;
}

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 li {
	height: 36px;
	padding: 6px 10px;
	line-height: 24px;
	text-transform: capitalize;
}

header .logged-in-profile-container .flag-select .select-list ul li img {
	padding-top: 0px;
}

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

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

header .logged-in-profile-container .flag-select.open .select-list .placeholder {
	height: 46px;
}

header .logged-in-profile-container #liLang .select-list .placeholder.selected {
	font-size: 14px !important;
}

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

@media (max-width: 1600px) {
	
	.header-content .main-nav {
		width: auto;
		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;
	}

	header .main-nav > ul > li > a.selected:after {
		right: 10px;
		margin-left: 10px;
	}
}

@media (max-width: 1280px) {
	
	.header-content .manager-logo-container {
		min-width: auto;
		padding: 0 20px;
	}

	.header-content .main-nav {
		padding-left: 0;
		position: relative;
		margin-top: auto;
		padding-top: 0;
	}

	header .main-nav > ul > li + li:before {
		display: none;
	}

	header .main-nav > ul > li > a.selected:after {
		right: 0;
		margin-left: 0;
	}

	header .main-nav > ul > li > a {
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.logged-in-profile .name,
	.logged-in-profile .score,
	.logged-in-profile .role {
		display: none;
	}
	
	header .logged-in-profile-container {
		min-width: 235px;
	}
	
	header .logged-in-profile-container .profile-pic {
		padding-right: 0;
	}
	
	.header-search-block {
		right: 260px;
	}
}

@media (max-width: 1024px) {
	
	header .header-content {
		align-content: center;
		align-items: center;
	}

	header .header-content .side-nav-btn {
		text-decoration: none;
		height: 72px;
		padding-left: 10px;
		padding-right: 10px;
		border-right-width: 2px;
		border-right-style: solid;
	}

	.header-search-block {
		right: 80px;
	}

	header .logged-in-profile-container {
		width: auto;
		min-width: inherit;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	header .logged-in-profile-container .profile-pic .badge-container {
		min-width: 32px;
	}
	
	header .logged-in-profile-container .profile-pic .badge {
		margin-left: -20px;
	}
	
	header .logged-in-profile {
		margin-right: 20px;
	}
}

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

/* Side Nav *******************/

#sidebar-nav-container .sidebar-nav-list > li > .custom-select {
	margin-top: 4px;
	padding-left: 60px;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .select-list {
	height: auto;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .select-list .placeholder {
	line-height: 35px;
}

#sidebar-nav-container .sidebar-nav-list .custom-select.flag-select .placeholder img {
	padding-top: 4px;
}

#sidebar-nav-container .sidebar-nav-list .logout {
	margin-top: 0;
}

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


.widget-searchBoxWidget-20 {
  height: 400px;
}

.SearchBoxWidget h4.overlay {
  
}

 .SearchBoxWidget h4.overlay {
  color: #ffffff;
  padding-top:50px;
  padding-left:20px;
  text-align: left;
  line-height: 46px;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 0em;
  
}

.SearchBoxWidget {
  margin: 0px;
}

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

#ContentPlaceHolder1_20-searchBoxWidget_Title
{
	padding-top:150px;
}

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

h3:not(.question):before {
    width: 40px;
    height: 0px;
}

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

footer {
	grid-template-columns: 400px 150px 160px 230px;
}

footer .footer-logo-container,
footer .footer-tagline {
	grid-column-start: 1;
	grid-column-end: 2;
}

*::-ms-backdrop, .footer-tagline {
	max-width: initial;
}

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

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

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

footer .footer-logo-container img,
footer .footer-tagline img {
	margin-bottom: 10px;
}

footer h5 {
	font-weight: bold;
	height: auto !important;
	margin-bottom: 20px;
}

footer p,
footer a {
	font-size: 12px;
	line-height: 16px;
}

footer .social-media-list {
	padding-left: 0;
}

footer label.email-field a, 
footer label.email-field button {
	line-height: 44px;
}

@media (max-width: 1380px) {
	
	footer {
		display: flex;
		flex-wrap: wrap;
	}
	
	footer .footer-logo-container,
	footer .footer-tagline {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media (max-width: 960px) {
	
	footer .footer-nav-col {
		width: 100%;
		margin-bottom: 20px;
	}
	
	footer .footer-nav-col a {
		margin: 5px 10px 5px 0 !important;
	}
}

@media (max-width: 768px) {
	
	footer {
		grid-row-gap: 20px;
	}
	
	footer .footer-logo-container,
	footer .footer-tagline,
	footer .footer-nav-col {
		margin-bottom: 0;
	}
}

.SearchBoxWidget .header-search-block .multiple-select-container .custom-select, .SearchBoxWidget .header-search-block .multiple-select-container .custom-select ul.select-list, .SearchBoxWidget .header-search-block .multiple-select-container .custom-select ul.select-list li.placeholder {
    border-radius: 10px;
}

.header-search-block {

    width: 481px !important;
}




.texteaccueilfree1
{
    color: #1C3C78;
font-family: 'Roboto-Bold';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: center;

}


.lalignecontinue-newsletter-container {
  margin-top: 40px !important;
  position: relative;
  overflow: hidden;
  width: 100% !important;
  max-width: initial !important;
  display: flex;
  justify-content: center;
}

.texteaccueilfree1title
{
color: #0D1C38;
font-family: 'Poppins-Bold';
font-size: 24px;
font-style: normal;
line-height: 36px;
letter-spacing: 0em;
text-align: center;
}





.freecolor1 {
    color: #ffffff;
}


.freetext3bck1 {
    background: #1C3C78;
    color: #ffffff !important;
	width: 800px;
	border-right: solid #1C3C78;
}
  
.freetext3bck2
{
background: #2A5CB8;
width: 800px;
color: #ffffff !important;

} 

.widget-freetext-41 .widgetFreeText h3,.widgetFreeText h4,.widgetFreeText h1,.widgetFreeText h2  
 {
    color: #ffffff;
}

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




#wbtForm {
max-width: 1240px;
margin: 0 auto;
background-color: #ffffff;
}

body.logged-in #wbtForm.
body.logged-in { background-color:#ffffff; }


body.logged-in {
	/*display: flex;
	flex-direction: column;
	min-height: 100vh;*/
	background-color:#CFD2D7;
	
}


header .manager-logo-container {

  padding: 10px;
}

.categories-list li {
  border: 2px solid #E7E8EB;
  border-radius: 15px;
}

.widget-categories-list .categories-list li {
  width: 150px !important;
  padding-left: 10px;
  padding-right: 10px;
}


.widget-categories-list .categories-list {
  justify-content: left;
  margin-left: -20px;
  
}


.widget-categories-list .categories-list li h4 {
margin-top: -30px;
display: block;
max-width: 100%;
padding-top: 0;
padding-bottom: 20px;
}


.widget-categories-list .categories-list li {
  width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 11px 11px 0;
}

.widget-categories-list .categories-list li h4 {
  font-size: 10px !important;
}

#ContentPlaceHolder1_RightDiv .widgetFreeText
{
	padding-top:50px;
}

/*.multiple-select-container .select-list {
    position: relative;
    min-height: 30px;
    height: inherit !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}*/



/* MONTAGE */
section ul,
section li {
  margin: 0;
  list-style-type: none; }
section ul {
  padding: 0; }
@media only screen and (max-width: 650px) {
  section h2 {
    font-size: 24px;
    line-height: 32px; } }
section.intro {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 24px;
  margin-bottom: 60px;
  z-index: 2; }
  @media only screen and (max-width: 991px) {
    section.intro {
      display: block; } }
  @media only screen and (max-width: 767px) {
    section.intro {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 650px) {
    section.intro {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 1200px) {
    section.intro .text {
      width: 450px;
      margin-right: 25px; } }
  @media only screen and (max-width: 991px) {
    section.intro .text {
      width: 100%;
      margin-right: 0; } }
  section.intro .text h1 {
    display: block;
    font-weight: 500;
    font-size: 38px;
    line-height: 46px;
    font-weight: 700; }
    @media only screen and (max-width: 650px) {
      section.intro .text h1 {
        font-size: 24px;
        line-height: 36px; } }
    section.intro .text h1 span {
      display: block;
      font-size: 30px;
      line-height: 42px;
      font-weight: 500; }
      @media only screen and (max-width: 767px) {
        section.intro .text h1 span {
          font-size: 20px;
          line-height: 24px; } }
    section.intro .text h1 .img {
      width: calc(100% - 618px);
      width: -moz-calc(100% - 618px);
      width: -webkit-calc(100% - 618px); }
      @media only screen and (max-width: 1200px) {
        section.intro .text h1 .img {
          width: calc(100% - 573px);
          width: -moz-calc(100% - 573px);
          width: -webkit-calc(100% - 573px); } }
      section.intro .text h1 .img img {
        object-fit: cover;
        width: 100%;
        height: auto; }
  @media only screen and (max-width: 1200px) {
    section.intro .img {
      width: calc(100% - 475px);
      width: -moz-calc(100% - 475px);
      width: -webkit-calc(100% - 475px); } }
  @media only screen and (max-width: 991px) {
    section.intro .img {
      width: 100%; } }
  @media only screen and (max-width: 1200px) {
    section.intro .img img {
      width: 100%;
      height: auto; } }
  section.intro.intro-rh .text {
    width: 548px;
    color: #1C3C78;
    margin-right: 70px; }
    @media only screen and (max-width: 991px) {
      section.intro.intro-rh .text {
        width: 100%;
        margin-right: 0; } }
    section.intro.intro-rh .text h1 strong {
      color: #3A7CF7; }
  section.intro.intro-manager {
    position: relative;
    background-color: #1C3C78;
    padding-top: 84px;
    padding-bottom: 48px;
    padding-right: 0; }
    @media only screen and (max-width: 991px) {
      section.intro.intro-manager {
        padding-top: 25px; } }
    section.intro.intro-manager:before {
      position: absolute;
      top: calc(50% - 187px);
      top: -moz-calc(50% - 187px);
      top: -webkit-calc(50% - 187px);
      right: 0;
      content: '';
      width: 403px;
      height: 410px;
      background-size: 403px 410px;
      background: url(../../../../../_domains/poma/assets/front/img/manager/opacity.png) center no-repeat;
      z-index: 8; }
      @media only screen and (max-width: 991px) {
        section.intro.intro-manager:before {
          display: none; } }
    section.intro.intro-manager .text {
      width: 597px;
      margin-right: 26px; }
      @media only screen and (max-width: 991px) {
        section.intro.intro-manager .text {
          width: 100%;
          margin-right: 0; } }
      section.intro.intro-manager .text h1 {
        color: #84ADF9;
        margin-bottom: 45px; }
        @media only screen and (max-width: 991px) {
          section.intro.intro-manager .text h1 {
            margin-bottom: 10px; } }
        section.intro.intro-manager .text h1 strong {
          color: #fff; }
      @media only screen and (max-width: 991px) {
        section.intro.intro-manager .text .buttons {
          margin-bottom: 25px; } }
      section.intro.intro-manager .text .buttons ul {
        width: 100%;
        display: flex;
        justify-content: flex-start; }
        @media only screen and (max-width: 480px) {
          section.intro.intro-manager .text .buttons ul {
            display: block; } }
        section.intro.intro-manager .text .buttons ul li {
          margin-left: 6px;
          margin-right: 6px; }
          @media only screen and (max-width: 480px) {
            section.intro.intro-manager .text .buttons ul li {
              margin-left: auto;
              margin-right: auto;
              width: 100%;
              text-align: center;
              margin-bottom: 12px; } }
          section.intro.intro-manager .text .buttons ul li:last-child a {
            background-color: transparent;
            color: #fff;
            border-width: 1px;
            border-style: solid;
            border-color: #fff; }
section.articles {
  margin-bottom: 36px; }
  section.articles .title {
    margin-bottom: 24px; }
    section.articles .title h2 {
      padding: 0;
      margin-bottom: 24px; }
    section.articles .title p {
      width: 899px;
      color: #1C3C78;
      font-family: 'Roboto-Regular', Arial;
      font-size: 18px;
      line-height: 26px; }
      @media only screen and (max-width: 991px) {
        section.articles .title p {
          width: 100%; } }
  section.articles ul {
    display: flex;
    flex-wrap: wrap; }
    section.articles ul li {
      margin-left: 12px;
      margin-right: 12px;
      width: calc(25% - 18px);
      width: -moz-calc(25% - 18px);
      width: -webkit-calc(25% - 18px);
      text-align: center; }
      @media only screen and (max-width: 1200px) {
        section.articles ul li {
          margin-left: 5px;
          margin-right: 5px;
          width: calc(25% - 8px);
          width: -moz-calc(25% - 8px);
          width: -webkit-calc(25% - 8px); } }
      @media only screen and (max-width: 991px) {
        section.articles ul li {
          margin-left: 0;
          width: calc(50% - 8px);
          width: -moz-calc(50% - 8px);
          width: -webkit-calc(50% - 8px);
          margin-bottom: 20px; } }
      @media only screen and (max-width: 480px) {
        section.articles ul li {
          width: 100%; } }
      section.articles ul li img {
        object-fit: cover;
        width: 100%;
        height: 225px;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        border-radius: 12px 12px 0 0; }
      section.articles ul li:first-child {
        margin-left: 0; }
      section.articles ul li:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 991px) {
        section.articles ul li:nth-child(odd) {
          margin-right: 10px; } }
      @media only screen and (max-width: 480px) {
        section.articles ul li:nth-child(odd) {
          margin-right: 0; } }
      section.articles ul li > div {
        border-width: 1px;
        border-style: solid;
        border-color: #E7E8EB;
        border-top: none;
        -webkit-border-radius: 0 0 12px 12px;
        -moz-border-radius: 0 0 12px 12px;
        border-radius: 0 0 12px 12px;
        padding: 24px 12px 41px 12px; }
        section.articles ul li > div h3 {
          height: 72px;
          font-size: 24px;
          line-height: 36px;
          margin-bottom: 7px;
          font-weight: 700;
          overflow: hidden; }
          @media only screen and (max-width: 1200px) {
            section.articles ul li > div h3 {
              font-size: 19px;
              line-height: 22px; } }
          @media only screen and (max-width: 480px) {
            section.articles ul li > div h3 {
              height: inherit; } }
        section.articles ul li > div > span {
          display: block;
          height: 120px;
          overflow: hidden;
          font-family: 'Roboto-Regular', Arial;
          color: #1C3C78;
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 17px; }
          @media only screen and (max-width: 480px) {
            section.articles ul li > div > span {
              height: inherit; } }
        section.articles ul li > div a {
          display: inline-block;
          margin: auto; }
section.key-number {
  background-color: #2A5CB8;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 74px;
  padding-right: 45px; }
  @media only screen and (max-width: 650px) {
    section.key-number {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 1200px) {
    section.key-number {
      padding-right: 18px; } }
  @media only screen and (max-width: 991px) {
    section.key-number {
      padding-right: 0; } }
  section.key-number ul {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 991px) {
      section.key-number ul {
        flex-wrap: wrap; } }
    section.key-number ul li {
      color: #fff; }
      @media only screen and (max-width: 991px) {
        section.key-number ul li {
          margin-left: 15px;
          margin-right: 15px;
          width: calc(25% - 30px);
          width: -moz-calc(25% - 30px);
          width: -webkit-calc(25% - 30px);
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        section.key-number ul li {
          width: 50%;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 12px; } }
      @media only screen and (max-width: 380px) {
        section.key-number ul li {
          display: flex;
          align-items: center;
          width: 100%;
          padding-left: 12px;
          padding-right: 12px; } }
      @media only screen and (max-width: 991px) {
        section.key-number ul li:first-child {
          width: 100%;
          margin: 0 0 20px 0;
          padding-left: 0;
          padding-right: 0; } }
      section.key-number ul li h4 {
        width: 291px;
        display: block;
        background-color: #336fde;
        position: relative;
        height: 170px;
        line-height: 170px;
        padding: 0;
        margin-bottom: 0;
        padding: 0 0 0 47px;
        color: #fff;
        -webkit-border-radius: 12px 0 0 12px;
        -moz-border-radius: 12px 0 0 12px;
        border-radius: 12px 0 0 12px; }
        @media only screen and (max-width: 1200px) {
          section.key-number ul li h4 {
            width: 260px;
            padding-left: 18px; } }
        @media only screen and (max-width: 991px) {
          section.key-number ul li h4 {
            width: 100%;
            height: inherit;
            line-height: inherit;
            margin-right: 0;
            padding: 15px 0;
            -webkit-border-radius: 12px 12px 0 0;
            -moz-border-radius: 12px 12px 0 0;
            border-radius: 12px 12px 0 0;
            text-align: center; } }
        section.key-number ul li h4:before {
          position: absolute;
          top: 0;
          left: 338px;
          width: 41px;
          height: 170px;
          content: '';
          background: url(../../../../../_domains/poma/assets/front/img/rh/arrow-right.png) center no-repeat; }
          @media only screen and (max-width: 1200px) {
            section.key-number ul li h4:before {
              left: 278px; } }
          @media only screen and (max-width: 991px) {
            section.key-number ul li h4:before {
              transform: rotate(90deg);
              position: absolute;
              top: -28px;
              left: calc(50% - 24px);
              left: -moz-calc(50% - 24px);
              left: -webkit-calc(50% - 24px); } }
      section.key-number ul li strong {
        display: block;
        font-weight: 700;
        font-size: 38px;
        line-height: 46px; }
        @media only screen and (max-width: 380px) {
          section.key-number ul li strong {
            margin-right: 12px; } }
      section.key-number ul li span {
        display: block;
        font-size: 16px;
        line-height: 24px;
        font-family: 'Roboto-Regular'; }
section.text-with-img {
  display: flex;
  align-items: center;
  margin-bottom: 60px; }
  @media only screen and (max-width: 650px) {
    section.text-with-img {
      margin-bottom: 40px; } }
  section.text-with-img.img-left {
    flex-direction: row-reverse; }
    section.text-with-img.img-left .text {
      margin-left: 0; }
  @media only screen and (max-width: 767px) {
    section.text-with-img.section-simulation {
      display: block; } }
  section.text-with-img.section-simulation .text {
    width: 596px;
    margin-right: 82px; }
    @media only screen and (max-width: 1200px) {
      section.text-with-img.section-simulation .text {
        width: 450px;
        margin-right: 25px; } }
    @media only screen and (max-width: 991px) {
      section.text-with-img.section-simulation .text {
        width: 100%;
        margin-right: 0; } }
    section.text-with-img.section-simulation .text h2 {
      font-size: 38px;
      line-height: 46px;
      margin-bottom: 24px; }
      @media only screen and (max-width: 650px) {
        section.text-with-img.section-simulation .text h2 {
          font-size: 24px;
          line-height: 32px; } }
    section.text-with-img.section-simulation .text p {
      font-size: 18px;
      margin-bottom: 66px; }
      @media only screen and (max-width: 650px) {
        section.text-with-img.section-simulation .text p {
          margin-bottom: 35px; } }
  section.text-with-img.section-simulation .img {
    justify-content: flex-end;
    width: calc(100% - 678px);
    width: -moz-calc(100% - 678px);
    width: -webkit-calc(100% - 678px); }
    @media only screen and (max-width: 1200px) {
      section.text-with-img.section-simulation .img {
        width: calc(100% - 475px);
        width: -moz-calc(100% - 475px);
        width: -webkit-calc(100% - 475px); } }
    @media only screen and (max-width: 991px) {
      section.text-with-img.section-simulation .img {
        width: 100%; } }
    @media only screen and (max-width: 1200px) {
      section.text-with-img.section-simulation .img img {
        width: 100%;
        height: auto; } }
  section.text-with-img.section-simulation.img-left .text {
    margin-right: 82px; }
  @media only screen and (max-width: 767px) {
    section.text-with-img.section-manager {
      display: block; } }
  section.text-with-img.section-manager .text {
    width: 471px;
    margin-left: 60px; }
    @media only screen and (max-width: 1200px) {
      section.text-with-img.section-manager .text {
        width: 450px;
        margin-left: 25px; } }
    @media only screen and (max-width: 991px) {
      section.text-with-img.section-manager .text {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px; } }
    section.text-with-img.section-manager .text h2 {
      font-size: 30px;
      line-height: 42px;
      margin-bottom: 12px; }
      @media only screen and (max-width: 650px) {
        section.text-with-img.section-manager .text h2 {
          font-size: 24px;
          line-height: 32px; } }
    section.text-with-img.section-manager .text p {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 20px; }
    section.text-with-img.section-manager .text a {
      display: inline-block;
      border-width: 1px;
      border-style: solid;
      border-color: #3A7CF7; }
  section.text-with-img.section-manager .img {
  	display: flex;
  	justify-content: center;
    width: calc(100% - 531px);
    width: -moz-calc(100% - 531px);
    width: -webkit-calc(100% - 531px); }
    @media only screen and (max-width: 1200px) {
      section.text-with-img.section-manager .img {
        width: calc(100% - 475px);
        width: -moz-calc(100% - 475px);
        width: -webkit-calc(100% - 475px); } }
    @media only screen and (max-width: 991px) {
      section.text-with-img.section-manager .img {
        width: 100%; } }
    section.text-with-img.section-manager .img img,
    section.text-with-img.section-manager .img iframe {
      object-fit: cover;
      display: block }
    section.text-with-img.section-manager .img img,
    section.text-with-img.section-manager .img iframe {
      height: auto; }      
    section.text-with-img.section-manager .img iframe {
      height: 340px; }      
      @media only screen and (max-width: 1200px) {
        section.text-with-img.section-manager .img img {
          width: 100%;
          height: auto; } }
      @media only screen and (max-width: 1200px) {
        section.text-with-img.section-manager .img iframe {
          width: 100%;} }  
        @media only screen and (max-width: 768px) {
          section.text-with-img.section-manager .img iframe {
            height: 300px; } }
        @media only screen and (max-width: 380px) {
          section.text-with-img.section-manager .img iframe {
            height: auto; } }

                  
  section.text-with-img.section-manager .text,
  section.text-with-img.section-manager .img {
    position: relative;
    z-index: 3; }
  section.text-with-img.section-manager.img-left {
  	padding-right: 60px;
    position: relative; }
      @media only screen and (max-width: 768px) {
        section.text-with-img.section-manager.img-left {
          padding-right: 0 } }    
    section.text-with-img.section-manager.img-left:before {
      position: absolute;
      top: -67px;
      left: 0;
      content: '';
      width: 431px;
      height: 559px;
      background: url(../../../../../_domains/poma/assets/front/img/manager/blur1.svg) center no-repeat; }
    section.text-with-img.section-manager.img-left .text {
      margin-right: 0;
      margin-left: 60px; }
      @media only screen and (max-width: 1200px) {
        section.text-with-img.section-manager.img-left .text {
          width: 450px;
          margin-left: 25px; } }
      @media only screen and (max-width: 991px) {
        section.text-with-img.section-manager.img-left .text {
          width: 100%;
          margin-left: 0; } }
  section.text-with-img.section-manager.img-right {
    position: relative; }
    section.text-with-img.section-manager.img-right:before {
      position: absolute;
      top: -155px;
      right: 0;
      content: '';
      width: 409px;
      height: 536px;
      background: url(../../../../../_domains/poma/assets/front/img/manager/blur2.svg) center no-repeat; }
    section.text-with-img.section-manager.img-right .text {
      margin-right: 60px; }
  section.text-with-img.section-manager.img-full {
    flex-wrap: wrap;
    width: 100%;
    text-align: center; }
    section.text-with-img.section-manager.img-full .text,
    section.text-with-img.section-manager.img-full .img {   
		width: calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
      margin-left: 0;
      margin-right: 0; }
      section.text-with-img.section-manager.img-full .text img,
      section.text-with-img.section-manager.img-full .img img,
      section.text-with-img.section-manager.img-full .text iframe,
      section.text-with-img.section-manager.img-full .img iframe {
      	display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; }
      section.text-with-img.section-manager.img-full .text iframe,
      section.text-with-img.section-manager.img-full .img iframe {
        width: 100%;
        height: 560px;}        
        @media only screen and (max-width: 1200px) {
          section.text-with-img.section-manager.img-full .text img,
          section.text-with-img.section-manager.img-full .img img,
          section.text-with-img.section-manager.img-full .text iframe,
          section.text-with-img.section-manager.img-full .img iframe {
            width: 100%;
            height: auto; } }
        @media only screen and (max-width: 1200px) {
          section.text-with-img.section-manager.img-full .text iframe,
          section.text-with-img.section-manager.img-full .img iframe {
            height: 560px; } }
        @media only screen and (max-width: 768px) {
          section.text-with-img.section-manager.img-full .text iframe,
          section.text-with-img.section-manager.img-full .img iframe {
            height: 300px; } }
        @media only screen and (max-width: 380px) {
          section.text-with-img.section-manager.img-full .text iframe,
          section.text-with-img.section-manager.img-full .img iframe {
            height: auto; } }

  section.text-with-img .text p {
    line-height: 26px;
    font-family: 'Roboto-Regular';
    color: #1C3C78; }
  section.text-with-img .text ul {
    display: flex; }
    @media only screen and (max-width: 991px) {
      section.text-with-img .text ul {
        display: block; } }
    section.text-with-img .text ul li {
      display: flex;
      align-items: flex-start;
      width: calc(50% - 12px);
      width: -moz-calc(50% - 12px);
      width: -webkit-calc(50% - 12px);
      color: #0D1C38; }
      @media only screen and (max-width: 991px) {
        section.text-with-img .text ul li {
          width: 100%;
          margin-bottom: 15px; } }
      section.text-with-img .text ul li:first-child {
        margin-right: 24px; }
      section.text-with-img .text ul li img {
        margin-right: 12px;
        object-fit: cover;
        width: 42px;
        height: 26px; }
      section.text-with-img .text ul li div strong {
        display: block;
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 6px; }
      section.text-with-img .text ul li div span {
        display: block;
        font-family: 'Roboto-Regular';
        font-size: 14px;
        line-height: 20px; }
  section.text-with-img .img {
    display: flex; }
section.talk {
  margin-bottom: 60px; }
  @media only screen and (max-width: 650px) {
    section.talk {
      margin-bottom: 40px; } }
  section.talk h2 {
    line-height: 36px;
    margin-bottom: 24px; }
  section.talk ul {
    display: flex;
    flex-wrap: wrap; }
    section.talk ul li {
      margin-left: 12px;
      margin-right: 12px;
      border-width: 1px;
      border-style: solid;
      border-color: #E7E8EB;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      padding: 36px 30px 39px 30px;
      width: calc(33.3% - 78px);
      width: -moz-calc(33.3% - 78px);
      width: -webkit-calc(33.3% - 78px);
      font-size: 18px;
      line-height: 26px; }
      @media only screen and (max-width: 991px) {
        section.talk ul li {
          padding: 16px 12px;
          margin-left: 6px;
          margin-right: 6px;
          width: calc(33.3% - 34px);
          width: -moz-calc(33.3% - 34px);
          width: -webkit-calc(33.3% - 34px); } }
      @media only screen and (max-width: 767px) {
        section.talk ul li {
          width: 100%;
          margin-bottom: 20px;
          margin-left: 0;
          margin-right: 0; } }
      section.talk ul li:first-child {
        margin-left: 0; }
      section.talk ul li:last-child {
        margin-right: 0; }
      section.talk ul li p {
        height: 130px;
        overflow: hidden;
        color: #1C3C78;
        margin-bottom: 24px;
        font-family: 'Roboto-Regular'; }
        @media only screen and (max-width: 767px) {
          section.talk ul li p {
            height: inherit; } }
      section.talk ul li > div {
        display: flex;
        align-items: center;
        color: #0D1C38; }
        @media only screen and (max-width: 991px) {
          section.talk ul li > div {
            display: block;
            text-align: center; } }
        @media only screen and (max-width: 767px) {
          section.talk ul li > div {
            display: flex;
            text-align: left; } }
        section.talk ul li > div strong {
          display: block;
          font-weight: 700;
          font-size: 24px;
          line-height: 32px;
          margin-bottom: 2px; }
        section.talk ul li > div span {
          display: block;
          font-family: 'Roboto-Regular'; }
        section.talk ul li > div img {
          object-fit: cover;
          width: 59px;
          height: 59px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          margin-right: 12px; }
          @media only screen and (max-width: 991px) {
            section.talk ul li > div img {
              margin-left: auto;
              margin-right: auto; } }
          @media only screen and (max-width: 767px) {
            section.talk ul li > div img {
              margin: 0 12px 0 0; } }
section.partners {
  margin-bottom: 80px; }
  @media only screen and (max-width: 650px) {
    section.partners {
      margin-bottom: 40px; } }
  section.partners h2 {
    margin-bottom: 53px;
    line-height: 36px; }
    @media only screen and (max-width: 650px) {
      section.partners h2 {
        margin-bottom: 25px;
        line-height: 30px; } }
  section.partners ul {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 991px) {
      section.partners ul {
        flex-wrap: wrap;
        justify-content: center; } }
    section.partners ul li {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 991px) {
        section.partners ul li {
          display: block;
          text-align: center;
          width: calc(25% - 10px);
          width: -moz-calc(25% - 10px);
          width: -webkit-calc(25% - 10px);
          margin-bottom: 10px; } }
      @media only screen and (max-width: 650px) {
        section.partners ul li {
          width: calc(33.3% - 10px);
          width: -moz-calc(33.3% - 10px);
          width: -webkit-calc(33.3% - 10px); } }
      @media only screen and (max-width: 480px) {
        section.partners ul li {
          width: calc(50% - 10px);
          width: -moz-calc(50% - 10px);
          width: -webkit-calc(50% - 10px); } }
      @media only screen and (max-width: 320px) {
        section.partners ul li {
          width: 100%; } }
      @media only screen and (max-width: 991px) {
        section.partners ul li img {
          margin-left: auto;
          margin-right: auto; } }
section.contact {
  background-color: #1C3C78;
  padding: 77px 0 62px 0;
  text-align: center;
  color: #fff; }
  @media only screen and (max-width: 1200px) {
    section.contact {
      padding-left: 20px;
      padding-right: 20px; } }
  section.contact p {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 24px;
    font-weight: 700; }
    @media only screen and (max-width: 650px) {
      section.contact p {
        font-size: 24px;
        line-height: 32px; } }
  section.contact > span {
    display: block;
    font-family: 'Roboto-Regular';
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px; }
  section.contact .buttons ul {
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 480px) {
      section.contact .buttons ul {
        display: block; } }
    @media only screen and (max-width: 480px) {
      section.contact .buttons ul li {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        margin-bottom: 12px; } }
    section.contact .buttons ul li .secondary {
      color: #fff;
      border-width: 1px;
      border-style: solid;
      border-color: #fff;
      background-color: transparent; }
  section.contact a {
    display: inline-block;
    margin: auto;
    height: 42px;
    line-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    margin-left: 6px;
    margin-right: 6px; }

/* NEW CSS */
.encart-title {
  position: relative;
  z-index: 8;
  margin-bottom: 36px; }
  .encart-title:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1C3C78;
    content: '';
    opacity: 0.8; }
  .encart-title img {
    object-fit: cover;
    width: 100%;
    height: 185px; }
    @media only screen and (max-width: 650px) {
      .encart-title img {
        height: 110px; } }
  .encart-title figure {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 92px;
    position: absolute;
    top: calc(50% - 46px);
    top: -moz-calc(50% - 46px);
    top: -webkit-calc(50% - 46px);
    left: 0;
    color: #fff;
    z-index: 5; }
    @media only screen and (max-width: 650px) {
      .encart-title figure {
        height: 72px;
        position: absolute;
        top: calc(50% - 36px);
        top: -moz-calc(50% - 36px);
        top: -webkit-calc(50% - 36px);
        left: 0; } }
    .encart-title figure h1 {
      color: #ffffff;
      font-size: 38px;
      line-height: 46px;
      font-weight: 700;
      padding: 0;
      margin: 0; }
      @media only screen and (max-width: 650px) {
        .encart-title figure h1 {
          font-size: 24px;
          line-height: 36px; } }

section.text-with-img .text h2.tiny-title {
  font-size: 30px;
  line-height: 42px; }
  @media only screen and (max-width: 650px) {
    section.text-with-img .text h2.tiny-title {
      font-size: 24px;
      line-height: 32px; } }
section.text-with-img .text h2 strong {
  color: #3A7CF7; }
section.text-with-img .text p strong {
  font-weight: 900; }
section.text-with-img .text ul {
  margin-bottom: 32px; }
  section.text-with-img .text ul.bullet-check {
    display: block; }
    section.text-with-img .text ul.bullet-check li {   
	width: calc(100% - 34px);
	width: -moz-calc(100% - 34px);
	width: -webkit-calc(100% - 34px); 
	margin-right: 0 !important;
      position: relative;
      display: block;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 6px; }
section.text-with-img .text a.a-blue {
  background-color: #3A7CF7;
  color: #fff;
  font-weight: 400;
  text-align: center; }
section.text-with-img .text a.underline {
  text-decoration: underline;
  color: #3A7CF7;
  border: none;
  height: inherit;
  padding: 0;
  margin: 0;
  display: inline; }
section.text-with-img.img-full.img-1000 {
  width: 1008px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 1200px) {
    section.text-with-img.img-full.img-1000 {
      width: 100%; } }
section.text-with-img.img-full p {
  text-align: left; }
section.text-with-img.img-full .img img {
  width: 100%;
  height: auto; }

ul.bullet-check li {
  padding-left: 34px; }
  ul.bullet-check li:before {
    position: absolute;
    top: calc(50% - 10px);
    top: -moz-calc(50% - 10px);
    top: -webkit-calc(50% - 10px);
    left: 0;
    width: 20px;
    height: 20px;
    content: ''; }
ul.bullet-check.bullet-check-blue li {
  background: url(../../../../../_domains/poma/assets/front/img/picto/bullet-check-blue.svg) left center no-repeat; }
ul.bullet-check.bullet-check-white li {
  background: url(../../../../../_domains/poma/assets/front/img/picto/bullet-check-white.svg) left no-repeat; }

.half-block {
  position: relative;
  display: flex;
  margin-top: 108px;
  z-index: 5; }
  @media only screen and (max-width: 650px) {
    .half-block {
      display: block; } }
  .half-block .text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 360px;
    width: 50%;
    color: #fff;
    padding-left: 80px;
    padding-right: 80px; }
    @media only screen and (max-width: 991px) {
      .half-block .text {
        padding-left: 25px;
        padding-right: 25px; } }
    @media only screen and (max-width: 650px) {
      .half-block .text {
	width: calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);      	
 } }
    .half-block .text:first-child {
      background-color: #1C3C78; }
    .half-block .text:last-child {
      background-color: #2A5CB8; }
    .half-block .text h2 {
      font-size: 38px;
      line-height: 46px;
      margin-bottom: 24px;
      color: #fff;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .half-block .text h2 {
          font-size: 24px;
          line-height: 32px; } }
    .half-block .text p {
      text-align: center; }
    .half-block .text ul li {
      width: 245px;
      margin-left: auto;
      margin-right: auto; }
    .half-block .text p,
    .half-block .text ul li {
      font-size: 16px;
      line-height: 24px;
      font-family: 'Roboto-Regular', Arial; }
    .half-block .text p,
    .half-block .text ul {
      margin-bottom: 24px; }
    .half-block .text a.cta-contextual {
      display: table;
      background-color: #3A7CF7;
      color: #fff;
      margin-left: auto;
      margin-right: auto; }
.arguments {
  margin: 42px 0 60px; }
  .arguments h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 24px; }
  .arguments ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .arguments ul li {
      width: calc(33.3% - 66px);
      width: -moz-calc(33.3% - 66px);
      width: -webkit-calc(33.3% - 66px);
      padding: 20px 24px 41px 24px;
      border-width: 1px;
      border-style: solid;
      border-color: #E7E8EB;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      text-align: center; }
      @media only screen and (max-width: 991px) {
        .arguments ul li {
          width: calc(50% - 62px);
          width: -moz-calc(50% - 62px);
          width: -webkit-calc(50% - 62px);
 } }
      @media only screen and (max-width: 650px) {
        .arguments ul li {
          width: 100%;
          margin-bottom: 25px; } }
      @media only screen and (max-width: 991px) {
        .arguments ul li:first-child {
          width: 100%;
          margin-bottom: 25px; } }
      .arguments ul li:nth-child(2) {
        margin-left: 24px;
        margin-right: 24px; }
        @media only screen and (max-width: 991px) {
          .arguments ul li:nth-child(2) {
            margin-left: 0; } }
        @media only screen and (max-width: 650px) {
          .arguments ul li:nth-child(2) {
            margin-right: 0; } }
      .arguments ul li > div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 189px;
        margin-bottom: 10px; }
        .arguments ul li > div img {
          margin-left: auto;
          margin-right: auto; }
      .arguments ul li p {
        font-size: 18px;
        font-family: 'Roboto-Regular', Arial;
        font-size: 18px;
        line-height: 26px;
        height: 78px;
        overflow: hidden;
        margin-bottom: 33px; }
      .arguments ul li a {
        display: table;
        margin-left: auto;
        margin-right: auto; }
        .arguments ul li > div img {
        	object-fit: cover;
        	height: 189px;
        	width: auto;
        }
footer {
	padding: 0;
  display: block;}
.footer-block {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #F3F4F5;
  padding: 36px 0 26px 0; }
  .footer-block ul,
  .footer-block li {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .footer-block .block {
          width: calc(33.3% - 141px);
      width: -moz-calc(33.3% - 141px);
      width: -webkit-calc(33.3% - 141px); }
    .footer-block .block:first-child {
      padding: 0 75px 0 30px; }
      @media only screen and (max-width: 1200px) {
        .footer-block .block:first-child {
          padding: 0 30px; } }
      @media only screen and (max-width: 767px) {
        .footer-block .block:first-child {
          width: 100%;
          margin-bottom: 25px; } }
      @media only screen and (max-width: 650px) {
        .footer-block .block:first-child {
          padding: 0 18px; } }
      .footer-block .block:first-child .logo {
        margin-bottom: 6px; }
        @media only screen and (max-width: 767px) {
          .footer-block .block:first-child .logo {
            display: flex;
            justify-content: center;
            margin-bottom: 10px; } }
    .footer-block .block:nth-child(2) {
      padding: 0 65px;
      border-left: 1px solid #E7E8EB;
      border-right: 1px solid #E7E8EB; }
      @media only screen and (max-width: 1200px) {
        .footer-block .block:nth-child(2) {
          padding: 0 30px; } }
      @media only screen and (max-width: 767px) {
        .footer-block .block:nth-child(2) {
              width: calc(50% - 122px);
    width: -moz-calc(50% - 122px);
    width: -webkit-calc(50% - 122px);; } }
      @media only screen and (max-width: 650px) {
        .footer-block .block:nth-child(2) {
          padding: 0 18px; } }
      @media only screen and (max-width: 480px) {
        .footer-block .block:nth-child(2) {
          width: 100%;
          border: none;
          border-bottom: 1px solid #E7E8EB;
          padding-bottom: 15px;
          margin-bottom: 15px; } }
      .footer-block .block:nth-child(2) h5 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 6px; }
      .footer-block .block:nth-child(2) .address {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        @media only screen and (max-width: 991px) {
          .footer-block .block:nth-child(2) .address {
            display: block; } }
        .footer-block .block:nth-child(2) .address > li {
          color: #6E7788;
          font-family: 'Roboto-Regular', Arial;
          font-size: 12px;
          line-height: 16px; }
          .footer-block .block:nth-child(2) .address > li:first-child {
            margin-right: 35px; }
            @media only screen and (max-width: 991px) {
              .footer-block .block:nth-child(2) .address > li:first-child {
                margin: 0 0 20px 0; } }
          .footer-block .block:nth-child(2) .address > li span {
            display: block;
            color: #1C3C78;
            font-family: 'Roboto-Regular', Arial;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 6px; }
    .footer-block .block:last-child {
      padding: 0 100px 0 87px; }
      @media only screen and (max-width: 1200px) {
        .footer-block .block:last-child {
          padding: 0 30px; } }
      @media only screen and (max-width: 767px) {
        .footer-block .block:last-child {
                        width: calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -webkit-calc(50% - 5px);; } }
      @media only screen and (max-width: 650px) {
        .footer-block .block:last-child {
          padding: 0 18px; } }
      @media only screen and (max-width: 480px) {
        .footer-block .block:last-child {
          width: 100%;
          border: none;
          border-bottom: 1px solid #E7E8EB;
          padding-bottom: 15px;
          margin-bottom: 15px; } }
      .footer-block .block:last-child a {
        text-decoration: underline;
        color: #3A7CF7;
        font-size: 16px;
        line-height: 24px;
        margin-top: 6px; }
  .footer-block p {
    color: #6E7788;
    font-family: 'Roboto-Regular', Arial;
    font-size: 12px;
    line-height: 16px; }


.encart-title.big-encart:before {
  opacity: 0.5; }
.encart-title.big-encart img {
  height: 308px; }
  @media only screen and (max-width: 650px) {
    .encart-title.big-encart img {
      height: 165px; } }

.prez-metier {
  display: flex;
  align-items: center;
  margin-bottom: 24px; }
  @media only screen and (max-width: 991px) {
    .prez-metier {
      display: block; } }
  .prez-metier.img-right {
    flex-direction: row-reverse; }
    .prez-metier.img-right .img {
      margin: 0 0 0 47px; }
      @media only screen and (max-width: 991px) {
        .prez-metier.img-right .img {
          margin-left: 0; } }
  .prez-metier .img {
    width: 493px;
    height: 250px;
    margin-right: 47px; }
    @media only screen and (max-width: 991px) {
      .prez-metier .img {
        width: 100%;
        height: 120px;
        margin-right: 0;
        margin-bottom: 10px; } }
    .prez-metier .img img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px; }
  .prez-metier .text {
    width: calc(100% - 540px);
    width: -moz-calc(100% - 540px);
    width: -webkit-calc(100% - 540px);
    width: calc(100% - 540px);
    width: -moz-calc(100% - 540px);
    width: -webkit-calc(100% - 540px); }
    @media only screen and (max-width: 991px) {
      .prez-metier .text {
        width: 100%; } }
    .prez-metier .text h2 {
      font-size: 38px;
      line-height: 46px;
      margin-bottom: 24px; }
      @media only screen and (max-width: 650px) {
        .prez-metier .text h2 {
          font-size: 24px;
          line-height: 32px;
          margin-bottom: 12px; } }
    .prez-metier .text p {
      font-size: 20px;
      line-height: 26px;
      font-weight: 500;
      margin: 0; }
      @media only screen and (max-width: 650px) {
        .prez-metier .text p {
          font-size: 16px;
          line-height: 18px; } }












    
/* CODE MAIN REVU */

.widgetFreeText {
	width: 100%;
}
section.intro.intro-rh .text h1,
.widgetFreeText h2 {
	color: #1C3C78;
}
section.inner {
	padding-top: 0;
	padding-bottom: 0;
}
.body-manager section.inner,
.body-decideur section.inner,
.body-presentiel section.inner,
.body-materiel section.inner,
.body-apprentissage section.inner,
.body-accompagnement section.inner {
	padding-left: 0;
	padding-right: 0;
}
.intro, 
.articles,
.text-with-img,
.talk,
.partners {
	padding-left: 30px;
	padding-right: 30px;
}
.key-number {
	margin-left: 30px;
	margin-right: 30px;
	width: calc(100% - 104px);
	width: -moz-calc(100% - 104px);
	width: -webkit-calc(100% - 104px);	
}
  @media only screen and (max-width: 1200px) {
    .key-number {
	width: calc(100% - 79px);
	width: -moz-calc(100% - 79px);
	width: -webkit-calc(100% - 79px); } 
  }
   @media only screen and (max-width: 480px) {
    .key-number {
	width: calc(100% - 59px);
	width: -moz-calc(100% - 59px);
	width: -webkit-calc(100% - 59px); } 
  }
header .logged-in-profile-container .profile-pic:hover ~ .logged-in-profile .nav-submenu, 
header .logged-in-profile-container .logged-in-profile:hover .nav-submenu {
	position: absolute;
	left: 45px;
}
.custom-select {
	border: none !important;
}
   @media only screen and (max-width: 480px) {
    header .logged-out-profile-container .cta-contextual {
	padding: 10px 14px;
  }
}
.SearchBoxWidget .header-search-block .multiple-select-container .custom-select {
	border: none;
}
/* REPRISE CODE EXISTANT */
.generic-news-carousel-container {
	margin-bottom: 99px;
}
.generic-news-carousel-container .col-container.inner.col-12 > .col-3 {
  width: 342px;
  overflow: hidden;
  margin-right: 72px; }
  .generic-news-carousel-container .col-container.inner.col-12 > .col-3 h2 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 16px; }
  .generic-news-carousel-container .col-container.inner.col-12 > .col-3 p {
    color: #1C3C78;
    font-family: 'Roboto-Regular', Arial;
    font-size: 18px;
    line-height: 26px; }
.generic-news-carousel-container .col-container.inner.col-12 > .col-9 {
  width: calc(100% - 414px);
  width: -moz-calc(100% - 414px);
  width: -webkit-calc(100% - 414px);
  width: calc(100% - 414px);
  width: -moz-calc(100% - 414px);
  width: -webkit-calc(100% - 414px); }
  .generic-news-carousel-container .col-container.inner.col-12 > .col-9 .news-wall-container {
    height: 288px;
    padding-bottom: 35px; }
    .generic-news-carousel-container .col-container.inner.col-12 > .col-9 .news-wall-container h3 {
      line-height: 32px;
      margin-bottom: 10px; }
    .generic-news-carousel-container .col-container.inner.col-12 > .col-9 .news-wall-container p,
    .generic-news-carousel-content-banner-text .intro-p {
      color: #1C3C78;
      font-family: 'Roboto-Regular','Roboto', Arial;
      font-weight: 400;
      font-size: 16px;
      padding-right: 0;
      line-height: 24px; }
      .generic-news-carousel .news-wall-col {
    		border: 1px solid #1C3C78;
    		width: 100%;
		    -webkit-border-radius: 12px;
		    -moz-border-radius: 12px;
		    border-radius: 12px;    		
      }
      .generic-news-carousel-content-banner-image .image-container img {
      	object-fit: cover;
      	height: 100%;
      	width: 100%;
      }
.generic-news-carousel .news-wall-col >a {
	height: 288px;
}
.generic-news-carousel-main-slider {
	position: relative;
}
.generic-news-carousel .generic-news-carousel-main-slider .news-wall-pagination {
	bottom: 0 !important;
	left: calc(41.66% + 10px) !important;
}
.news-wall-container {
	padding: 0;
}
.generic-news-carousel-content-banner >.col-3 {
	width: 45%;
}
.generic-news-carousel-content-banner >.col-9 {
	width: 55%;
	padding: 25px 5px 25px 35px !important;
}
.generic-news-carousel-content-banner-image .image-container img {
	border-radius: 12px 0 0 12px;
	-webkit-border-radius: 12px 0 0 12px;
	-moz-border-radius: 12px 0 0 12px;
}
.news-wall-pagination .current,
.news-wall-pagination .current .fa,
.news-wall-pagination .current:hover .fa {
  font-size: 12px;
  color: #3A7CF7; }

.news-wall-pagination a, .news-wall-pagination a .fa, .news-wall-pagination a:hover .fa {
  font-size: 12px;
  color: #CFD2D7; }
 .SearchBoxWidget h4.overlay {
 	width: 595px;
 }
 .other-data .fa {
 	padding-top: 3px;
 }
 .widget-categories-list {
 	margin-bottom: 55px;
 }
 .categories-list li {
 	border-width: 1px;
 }
 .widget-categories-list .categories-list li h4 {
	font-family: 'Roboto-Bold',Roboto;
	font-size: 14px !important;
	color: #1C3C78;
	margin-top: -18px;
 }
 .home-col-right {
 	border-left: inherit;
 }
#news-carousel-40.generic-news-carousel .news-wall-col {
	border: none;
	box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
	-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
	-moz-box-shadow: 0px 1px 8px rgba(0, 0, 100, 0.07);
}
.home-col-left .generic-news-carousel-container .image-container img {
	height: 288px;
}
section.inner:not(.colored-row-container) + section.inner:not(.colored-row-container) {
	padding-left: 0;
	padding-right: 0;
}
.widget-categories-list .categories-list {
	justify-content: space-between;
}
#main-wall-pagination-40.news-wall-pagination {
	width: 100px;
	bottom: inherit !important;
	top: 270px;
}
.news-wall {
	padding-bottom: 20px;
	padding-top: 2px;
}
 {
	
}
   @media only screen and (max-width: 768px) {
    footer.hidden-phone {
	display: block !important;
  }}
.widget-freetext-41 {
	padding: 0;
}
.widget-freetext-41 .col-container.inner.footer-widget {
	padding: 0 !important;
}
 

@media only screen and (max-width: 1280px) {
  #wbtForm {
  	width: 100%;
  	max-width: 100%;
  } 
}

@media only screen and (max-width: 992px) {
    .widget-categories-list .categories-list {
		flex-wrap: wrap;
  }
    .widget-categories-list .categories-list li {
      width: calc(33.3% - 44px) !important;
      width: -moz-calc(33.3% - 44px) !important;
      width: -webkit-calc(33.3% - 44px) !important;
      margin-bottom: 20px;
  }  
}
@media only screen and (max-width: 768px) {
  .generic-news-carousel-container .col-container.inner.col-12 > .col-3,
  .generic-news-carousel-container .col-container.inner.col-12 > .col-9 {
  	width: 100%;
  	max-width: 100%;
  	margin-right: 0;
  }
  .generic-news-carousel-container .col-container.inner.col-12 > .col-3 {
  	text-align: center;
  }
    .widget-categories-list .categories-list li {
      width: calc(50% - 44px) !important;
      width: -moz-calc(50% - 44px) !important;
      width: -webkit-calc(50% - 44px) !important;
  } 
  .SearchBoxWidget h4.overlay {
  	width: 100%;
  }  
  .generic-news-carousel-container .col-container.inner.col-12 > .col-3 h2 {
  	font-size: 24px;
  	line-height: 32px;
  }
  .generic-news-carousel-container .col-container.inner.col-12 > .col-3 h3 {
  	font-size: 18px;
  	line-height: 22px;
  } 
  .widget-freetext-46 .widgetFreeText .container >div{
  	font-size: 24px !important;
  	line-height: 32px !important;
  }  
  .body-collaborateur h3 span {
  	font-size: 18px !important;
  	line-height: 22px !important;
  }
}
@media only screen and (max-width: 650px) {
  .SearchBoxWidget h4.overlay {
    font-size: 24px;
    line-height: 36px; } 
  .widget-searchBoxWidget-20 {
  	height: 280px;
  }
  .my-stakes-container .title-container {
  	flex-wrap: wrap;
  }
	.body-collaborateur th {
		width: 100% !important;
		display: block;
	}
	.body-collaborateur table h3,
	.body-collaborateur table p {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.widget-freetext-46 {
		width: 100% !important;
		padding: 0 !important;
	}
	.widget-freetext-46 .widgetFreeText .container >div {
		top: 90px !important;
		width: 95% !important;
	}
	.widget-freetext-46 .widgetFreeText .container {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		height: 110px !important;
		margin-bottom: 40px !important;
	}
	.widget-freetext-46 .widgetFreeText .container >img {
		object-fit: cover;
		height: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.generic-news-carousel-content-banner {
		display: block;
	}
	.generic-news-carousel-content-banner >.col-3,
	.generic-news-carousel-content-banner >.col-9 {
		width: 100%;
	}
	.generic-news-carousel-content-banner >.col-3 {
		height: 80px;
	}
	.generic-news-carousel-container .col-container.inner.col-12 > .col-9 .news-wall-container,
	.generic-news-carousel .news-wall-col >a {
		height: inherit;
	}
	.generic-news-carousel .news-wall-col {
		padding-right: 0;
	}
	.generic-news-carousel-content-banner-image .image-container img {
		border-radius: 12px 12px 0 0;
		-webkit-border-radius: 12px 12px 0 0;
		-moz-border-radius: 12px 12px 0 0;
	}
	.generic-news-carousel-container .col-container.inner.col-12 > .col-9 .news-wall-container h3 {
		font-size: 18px;
		line-height: 22px;
	}
	.widget-categories-list .categories-list li {
	      width: 100% !important;
		margin-left: 0;
		margin-right: 0;
	}
	.widget-categories-list .categories-list {
		padding: 0 0 0 20px;
	}

}
.widget-category .my-stakes-container .title-container.col-container.middle,
.widget-category .my-stakes-container .generic-wall-container .news-wall-col.intro {
	display: none !important;
}
header .logged-in-profile-container .logged-in-profile .nav-submenu {
	margin-top: 5px;
}
header.with-lang .front-lang {
	right: 90px;
	z-index: 999;
}
.guest-user header.with-lang .front-lang {
	right: 285px;
	z-index: 999;
}
.select-list > li:last-child {
	top: -7px;
}
.wbt-cookie-bar {
	background-color: #1C3C78;
	color: #fff;
}
.wbt-cookie-bar .cta-contextual.main {
	border-color: #3A7CF7;
    background: #3A7CF7;	
}
#ContentPlaceHolder1_filtersHeader {
	margin-top: 20px;
}
.catalogue-sidebar-button {
    color: #3A7CF7;
    border-color: #3A7CF7;
}
.catalog-search.multiple-select-container .multiple-select-btn .fa{
    color: #3A7CF7;
}
.search-container .placeholder input[type='text'].multiselect-input-auto-complete {
	border-bottom: 1px solid #CFD2D7 !important;
}
/*
.col-lesson-catalogue-main-container .col-lesson-menu-sidebar {
	position: relative;
	top: inherit;
	margin-top: 0;
	width: 100%;
}
*/
.col-lesson-menu-sidebar .image-container {
	width: 100%;
}
/*
#sticky-container.active {
	position: relative;
	top: inherit;
	left: inherit;
	transform: inherit;
}
*/
.contact-us {
	display: flex;
	justify-content: center;
	align-items: center;
      background: url(../../../../../_domains/poma/assets/front/img/ski.png) center no-repeat;
      background-size:cover;
      height:288px;
      border-radius:25px;
}
.contact-us img {
	display: block;
	width: 48px;
	height: auto;
	margin: 0 auto 12px auto;
}
.contact-us h4 {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
	color: #ECF3FF;
	margin-bottom: 35px;
	padding-bottom: 0;
}
.contact-us a {
	margin: auto;
}
.footer-block .logo img {
	width: 109px;
	height: auto;
}
.widget-freetext-46 {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.body-collaborateur .widget-categories-list .categories-list li {
      width: calc(14% - 42px) !important;
      width: -moz-calc(14% - 42px) !important;
      width: -webkit-calc(14% - 42px) !important;
      height: 132px;
}
@media only screen and (max-width: 992px) {
	.body-collaborateur .widget-categories-list .categories-list li {
	      width: calc(25% - 44px) !important;
	      width: -moz-calc(25% - 44px) !important;
	      width: -webkit-calc(25% - 44px) !important;
	}
}
@media only screen and (max-width: 650px) {
	.body-collaborateur .widget-categories-list .categories-list li {
	      width: calc(33.3% - 44px) !important;
	      width: -moz-calc(33.3% - 44px) !important;
	      width: -webkit-calc(33.3% - 44px) !important;
	}
}
@media only screen and (max-width: 380px) {
	.body-collaborateur .widget-categories-list .categories-list li {
	      width: calc(50% - 30px) !important;
	      width: -moz-calc(50% - 30px) !important;
	      width: -webkit-calc(50% - 30px) !important;
	}
}
.body-collaborateur .widget-categories-list .categories-list li img {
	width: 72px;
	height: 54px;
	object-fit: cover;
	margin-bottom: 6px;
}
.body-collaborateur .widget-categories-list .categories-list li h4 {
	line-height: 20px;
	margin-top: 0;
	height: 60px;
}
.body-page .generic-news-carousel-container {
	margin-bottom: 0;
	padding-bottom: 0;
}
.body-collaborateur .inner.col-container.col-12.header-widget.widget-freetext.widget-freetext-46,
.body-collaborateur .widget-freetext-78 .col-container.inner.col-12.header-widget {
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
}
.logged-in.domain-xpl section#sticky-container.active {
	left: 20px;
} 
.js-float-label-wrapper.populated label {
	top: -20px !important;
}
#login .login-content,
.login-content {
	background-color: #fff;
	min-height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
}
@media only screen and (max-width: 650px) {
	#login .login-content {
	      padding-left: 20px;
	      padding-right: 20px;
	}
	.cta-action:not(.light):not(.cta-timer):not(.cta-action-multiline) span:first-child {
		padding-left: 0;
	}
	header .manager-logo-container img {
		max-height: 30px;
	}
}
/** last revue **/
html {
	background: #CFD2D7;
}
.js-float-label-wrapper label {
	position: relative;
	z-index: 1;
}
input.form-input,
.js-float-label-wrapper input {
	position: relative;
	z-index: 2;
	background-color: #ffffff !important;
}
input:-webkit-autofill{
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}
.cta-contextual.primary:hover,
.cta-contextual.secondary:hover,
.cta-contextual.primary:focus,
.cta-contextual.secondary:focus {
	background: #1C3C78;
	border: 1px solid #1C3C78;
}
.cta-contextual.primary.endDemo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-color: #3A7CF7;
    background: #3A7CF7;
    color: #ffffff !important;	
	padding: 10px 14px;
    border-radius: 20px; 
    width: auto !important;   
}
.cta-contextual.primary.endDemo:hover,
.cta-contextual.primary.endDemo:focus {
	background: #1C3C78;
}
#divProfil #image-crop {
	width: 80px;
	height: 80px;
	margin-top: 30px;
}
#divProfil .ThmbPanel img {
    max-height: 80px;
    max-width: 80px;	
}
.cta-action {
	display: flex;
    justify-content: center;
    align-items: center;	
}
.cta-save input {
	background: transparent;
    position: relative;
    margin-left: 0;
    left: inherit;
    padding-left: 0;
    margin-top: 0;
}
@media (max-width: 1024px) {
	#sticky-container.active {
		transform: inherit;
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	.inner.contactPopup {
		width: 100%;
	}
	body .popup {
		width: 420px !important;
	}
	.inner.contactPopup {
		width: 100% !important;
	}
}
@media (max-width: 650px) {
	.cta-save input {
		color: #ffffff;
	}
}
@media (max-width: 480px) {
	section.inner.contactPopup {
		padding-left: 0;
		padding-right: 0;
	}
	body .popup {
		width: 320px !important;
	}	
}