/*@font-face {
	font-family:'OpenSans';
	src: url('/ressources/styles/fonts/OpenSans-Light.ttf'); /* IE9 Compat Modes * /
	src: url('/ressources/styles/fonts/OpenSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS * /
}*/
/*extra*/
.deskHiddenInlineBlock {
    display: none !important;
}
.mobileHiddenInlineBlock {
    display: inline-block !important;
}
/*image window*/
.sliderClose {
    position: fixed;
    top: 16px;
    right: 8px;
    font-size: 1.8em;
    padding: 0px;
    width: 46px;
    height: 46px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    transition: 0.3s ease;
    color: #000000;
    border: 1px solid #555555;
    cursor: pointer;
    z-index: 800;
}
.sliderBodySubContainerBarAction {
    height: 60px;
    color: #fff;
    padding: 0px;
    z-index: 801;
    width: calc(100% - 20px);
    position: absolute;
    text-align: left;
    z-index: 910;
    top: 0;
}
.sliderBodySubContainer {
    height: 100%;
    width: 100%;
    /* position: relative; */
    text-align: center;
    /* float: none; */
    display: inline-block;
    overflow: hidden;
    top: 0px;
}
.containerImgTextSliderCenterImg {
    z-index: 700;
    display: block;
    opacity: 0;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    overflow: hidden;
    padding: 0px !important;
}
.imgSlider {
    max-width: 100%;
    max-height: 100%;
    display: block;
    z-index: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    /*transition: all 1s ease;*/
    transform-style: preserve-3d;
    transform: translateY(-50%) translateX(-50%);
    padding: 150px;
}
.imagesSectionDiplay {
    background-color: rgba(1, 1, 1, 0.5);
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    text-align: center;
    overflow-y: scroll;
}
.editorCanvasBarBottom {
    position: fixed;
    width: calc(100% - 20px);
    bottom: 20px;
    left: 0px;
    text-align: center;
    display: none;
    z-index: 901;
}
.editorCanvasActionBarBottom {
    display: inline-block;
    margin: auto;
    width: auto;
    opacity: 0.8;
    border: 0;
    background-color: #25282b;
    border: 1px solid #111111;
    padding: 12px;
    text-align: left;
    border-radius: 3px;
}
.imagesSectionDisaply {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
    position: absolute;
    text-rendering: optimizeLegibility;
    /* background-color: #111; */
    transition: 0.3s ease;
    text-align: center;
}
.editorCanvasButtonsBottom,
.editorCanvasZoomLabel {
    transition: 0.3s;
    color: white;
    display: inline-block;
    margin: 10px;
    font-size: 20px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* standard*/
}
.editorCanvasButtonsBottom:hover {
    transform: scale(1.1);
}
.editorCanvasButtonsBottom {
    cursor: pointer;
}
.textShape {
    font-size: 14px;
}
/*no select*/
* {
    box-sizing: border-box;
    color: black;
    font-family: Century Gothic, arial;
}
.noSelect,
.titleIcon,
.topMenuLogoTitle,
.topMenuActivityLink,
.languageSelect,
.shapeCheckBoxLabel,
.shapeFormButton,
.buttonShapedActivityLink,
.shapeImageContainer,
.shapeWindowTitle,
.forgotPassButtonActivityLink,
.helpTabLeftSection,
.callBackButtonContactButton,
.textShapeSupportEmailInfos,
.textShapeSupportPhoneInfos,
.textShapeSupportTitle,
.htmlSupportSubTitle,
.topMenu,
.footerLeftSection,
.noSelect {
    -webkit-appearance: none; /*iOS Safari tablette*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* standard*/
}
.borderRed {
    border-color: red !important;
}
.placeholderColor,
.shapeCheckBoxLabel,
.activityLink,
.selectShapeUnchanged,
.placeholderColor {
    color: #7f7c7b;
}
.loginPageHomeActivityLink {
    padding-left: 20px;
}
.backArrowBefore {
    position: relative;
}
.backArrowBefore:before {
    content: "\A";
    border-style: solid;
    border-width: 6px 9px 6px 0;
    border-color: transparent #7f7c7b transparent transparent;
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
}
.videoShape2thirdWidth {
    width: calc(200% / 3);
}
.mobileHidden {
    display: block !important;
}
.desktopHidden {
    display: none !important;
}
.mobileHiddenInline {
    display: inline-block !important;
}
.desktopHiddenInline {
    display: none !important;
}
.borderGrey > .shapeImageImage {
    border: 1px solid #ddd;
    cursor: pointer;
    height: auto;
}
.divBorderPrices {
    height: 10px;
}
.tileCardImg {
    width: 2.9em;
    height: 2.9em;
    box-sizing: border-box;
    background-size: contain;
}
.cardTitleContainer {
    text-align: center;
}
.divServiceCardPrices {
    text-align: left;
    margin-bottom: 30px;
}
.serviceCard {
    position: relative;
    width: 20%;
    background-color: transparent;
    display: inline-block;
    text-align: center;
    margin-bottom: 100px;
    margin-top: 50px;
}
.cardServiceTitle {
    position: relative;
    width: 100%;
    background-color: transparent;
    text-align: center;
    font-weight: normal;
    max-height: calc(100% - 100px - 15px);
    width: 100%;
    font-size: 22px;
    overflow: hidden;
}
.linkContactButtonPrices {
    padding-top: 3%;
}
.cardServiceTitle > .titleContainer {
    height: auto;
    text-align: center;
}
.tileCardImg {
    background-repeat: no-repeat;
    display: inline-block;
}
.titleContainerUpCard {
    font-size: 30px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.subTitleContainerUpCard {
    font-size: 22px;
    text-align: center;
    border-top: none;
    width: 100%;
    display: inline-block;
}
.cardTitleContainer {
    font-size: 17px;
    width: 80%;
    margin-left: 10%;
    color: #ffffff;
    margin-top: 1em;
    border-radius: 5px;
    padding-top: 8%;
    padding-bottom: 8%;
}
.tileCard {
    font-size: 25px;
    color: #ffffff;
    width: 100%;
    display: inline-block;
    padding: 10px;
}
.subTileCard {
    font-size: 16px;
    color: #ffffff;
    width: 100%;
    display: inline-block;
    padding: 10px;
    line-height: 1.4;
}

/*Cards*/
.cardLinked {
    cursor: pointer;
    width: 17%;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    background-color: #fff;
    display: inline-block;
    border: 1px #ececec solid;
    border-radius: 3px;
    text-align: left;
    transition: 0.5s;
    vertical-align: top;
}
.cardContainerHalfWidth:first-child,
.cardContainerHalfWidth:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: 10px;
}
.cardContainer {
    width: 400px;
    display: inline-block;
    vertical-align: top;
    height: 300px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.cardContainerEdito {
    width: 100%;
    height: 450px;
    margin: 0;
}
.cardContainerAllWidth {
    width: 100%;
}
.cardContainerHalfWidth {
    width: calc(50% - 5px);
}
.cardImage {
    height: calc(100% - 100px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    /*preload*/
    background-color: #ccc;
}
.cardTitle {
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(150, 150, 150, 0.6);
    font-weight: bold;
    max-height: calc(100% - 100px - 15px);
    width: 100%;
    font-size: 20px;
    overflow: hidden;
}
.cardTitleEdito {
    font-size: 25px;
}
.cardDescription {
    height: 70px;
    overflow: hidden;
    width: calc(100% - 5px);
    line-height: calc(60px / 3);
    padding: 10px;
    font-size: 15px;
    padding-bottom: 5px;
}
.cardInfos {
    height: 30px;
    /*border-top: 1px solid #ccc;*/
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 14px;
}
.cardInfosDate {
    color: #666;
    text-align: left;
    display: inline-block;
    width: 50%;
}
.cardInfosViews {
    width: 50%;
    display: inline-block;
    text-align: right;
}
/*cardNew*/
.newCardImage {
    /*cursor: pointer;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.newCardImageTheme {
    height: 250px;
    width: 100%;
}
.newCardImageCategory {
    height: 200px;
    width: 100%;
}
.newCardContainer {
    display: inline-block;
    width: calc(25% - 20px);
    margin: 10px;
    vertical-align: top;
    position: relative;
}
.newCardContainerTheme {
    width: calc(50% - 40px);
    margin: 20px;
}
.newCardContainerLabel {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 10px;
    background-color: #c5221f;
    border: 1px solid #c5221f;
    color: #fff;
    line-height: 20px;
    border-radius: 3px;
    text-transform: uppercase;
    z-index: 10;
    padding: 6px;
}
.newCardSubSection {
    color: #666;
    background-color: white;
    text-align: left;
    padding: 10px;
}
.newCardTitle {
    overflow: hidden;
}
.newCardTitleTheme {
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newCardTitleCategory {
    padding: 15px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    height: 65px;
    line-height: 20px;
    color: green;
}
.newCardDescription {
    line-height: 20px;
    height: calc(20px * 3);
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 25px;
}
.newCardDescriptionTheme {
    padding: 10px;
    padding-top: 0;
}
.newCardDescriptionCategory {
    padding: 10px;
    padding-top: 0;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 10px;
}
.sliderElementAccessButtonContainer {
    text-align: center;
    padding-top: 10px;
}
.newCardAccessButtonContainer {
    text-align: right;
    padding-top: 20px;
}
.learnmoreActivityLink,
.freecoursesActivityLink,
.newCardAccessButton,
.sliderElementAccessButton {
    color: white;
    font-size: 17px;
    text-align: center;
    transition: 0.2s;
    border-radius: 3px;
    height: 48px;
    width: 150px;
    max-width: 170px;
    text-decoration-line: none;
    text-decoration: none;
    line-height: 48px;
    display: inline-block;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.learnmoreActivityLink,
.freecoursesActivityLink,
.newCardAccessButton {
    margin: 10px;
    margin-right: 20px;
}
.learnmoreActivityLink:hover,
.freecoursesActivityLink:hover,
.newCardAccessButton:hover,
.sliderElementAccessButton:hover {
    background-color: #6aca61 !important;
    transform: scale(1.1);
    cursor: pointer !important;
}
.newCardAccessButton:active,
.sliderElementAccessButton:active,
.newCardAccessButton:focus,
.sliderElementAccessButton:focus {
    color: white;
}
/*COVER FORM*/
/*cff*/
.coverForm {
    height: auto;
    width: 100%;
    max-width: 600px;
    position: relative;
    display: inline-block;
    border-right: 1px solid #cccccc;
    background-color: white;
    padding: 20px;
    overflow: hidden;
    direction: rtl;
    vertical-align: top;
}
.coverFormForm {
    max-width: 600px;
    padding: 20px;
}
.coverFormForm > * {
    direction: ltr;
}
.form {
    padding: 50px;
    padding-bottom: 20px;
    padding-top: 35px;
}
.formFormLoginHome,
.formFormContact,
.formFormSupport {
    padding: 20px;
    padding-bottom: 25px;
    padding-top: 25px;
}
.formFormReminder,
.formFormRecover {
    padding: 20px;
    padding-top: 35px;
}
/*cfc*/
.coverFormCover {
    width: calc(100% - 600px);
    display: inline-block;
    vertical-align: top;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
}
.coverFormCoverImage {
    background-color: #ccc;
    background-image: url(/img/cover_connexion_intkn.jpg);
    background-attachment: fixed;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*image*/
.imageFormImageLogin {
    margin-top: 40px;
}
.shapeImageContainer {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.shapeImageContainerCaptcha,
.shapeImageContainerInputSize {
    background-color: #ddd;
    height: 50px;
    padding: 5px;
    line-height: 50px;
    width: 100%;
    border-radius: 4px;
    display: inline-block;
}
.shapeImageContainerCaptcha {
    width: calc(100% - 50px);
    margin-bottom: 0;
}
.shapeImageImage {
    display: inline-block;
    margin: auto;
    border: 0px;
}
.shapeImageImageCaptcha {
    width: 100%;
    max-width: 170px;
    height: 40px;
}
.shapeImageImageSmall {
    max-width: 60px;
    max-height: 60px;
}
.shapeImageImageMedium {
    max-width: 30%;
}
.shapeImageImageLarge {
    max-width: 85%;
}
.shapeImageImageMax {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.shapeImageImageDivHfrLine {
    height: 36px;
    background-size: cover;
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
}
.shapeImageTextUnder {
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
}
.shapeImageTextInline {
    text-align: left;
    display: inline;
}
/*input*/
.shapeInputContainer {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}
.shapeInput {
    width: 100%;
    height: 50px;
    padding: 10px;
    /*border: 1px solid #ccc;
	border-radius: 4px;*/
    position: relative;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fbfbfb;
}
.shapeFormButton {
    border-width: 1px;
    border-style: solid;
}
.shapeFormButton:active {
    border-width: 1px;
    border-style: solid;
}
.shapeFormButton:focus {
    outline-offset: 0px;
    outline-width: 0px;
}
.input {
    display: inline-block;
    width: 100%;
}
.inputSmall {
    width: 100px;
}
.inputWidthMinSmall {
    width: calc(100% - 125px);
    margin-left: 25px;
}
.shapeInputTextArea {
    /*resize only vertically*/
    min-height: 200px;
    max-width: 100%;
    min-width: 100%;
}
.disabledInput {
    color: #777777;
}
.shapeInputPassword:placeholder-shown + .shapeInputPasswordShowBtn {
    opacity: 0.3;
}
.shapeInputPasswordShowBtn {
    position: absolute;
    background-image: url(/office/ressources/img/intkn_visibility.svg);
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    right: 5px;
    background-color: transparent;
    opacity: 1;
    transition: 500ms opacity;
}
.shapeInputPasswordShowBtn.pswShown {
    background-image: url(/office/ressources/img/intkn_visibilitydisabled.svg);
}
/*home*/
.callBackButtonContactButton > a {
    color: #ffffff;
    background-color: #115365;
    border: 1px solid #1c819d;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    min-width: 207px;
    font-weight: normal;
}
.divHomeButtonContactHome {
    width: 100%;
    height: auto;
    color: #ffffff;
    text-align: center;
    top: 6em;
    box-sizing: border-box;
}
.signupActivityLink {
    background-color: #ff9800 !important;
    border: 1px solid #c97c09 !important;
    border-radius: 4px;
}
.callBackButtonContactButtonAbout,
.callBackButtonContactButtonPrices,
.linkLoginButtonHome {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    margin-right: 20px;
    margin-left: 20px;
    min-width: 207px;
}
.helpTabRightSectionButton:hover,
.callBackButtonContactButtonAbout > a:hover,
.callBackButtonContactButtonPrices > a:hover {
    transform: scale(1.1);
}
/*banner*/
.divTitleInstanceSectionHome {
    padding-top: 125px;
    padding-bottom: 125px;
}
.divTitleTitleBannerHome,
.divBannerHome {
    width: cacl(100% - 150px);
    border-top: 1px solid #1c819d !important;
    border-bottom: 1px solid #1c819d !important;
    text-align: center;
    padding-top: 3em;
    padding-bottom: 3em;

    margin-left: 75px;
    margin-right: 75px;
}
.divSlidersSection {
}
.textShapeTitleData,
.titleData {
    text-align: center;
    color: #444444;
    font-size: 3.4em;
    width: 100%;
}
.divBanner {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 45px;
}
/*card

	text-align: center;
*/
.textShapeTitleRightSection {
    text-align: center;
}
.divLongTextSectionHome,
.divSlidersSection {
    padding-bottom: 40px;
    background-color: white;
    vertical-align: top;
}
.divLongTextSectionHome {
    text-align: left;
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 75px;
}
.divSlideCardSection {
    width: calc(33.33% - 90px) !important;
    display: inline-block;
    padding: 0px;
    margin-left: 45px;
    margin-right: 45px;
    vertical-align: top;
    border-radius: 16px;
}
.imageImageFullSection > .borderGrey > .shapeImageImage {
    max-width: 100%;
    height: auto;
    max-height: none;
    border: 1px solid #ddd;
    cursor: pointer;
}
.htmlLongTestHome {
    padding: 75px;
    padding-bottom: 30px;
    line-height: 35px;
    font-size: 18px;
    color: #666;
}
.divFullTextSection {
    text-align: left;
    margin-top: 50px;
}
/*text*/
.htmlDescLongTest {
    padding: 0px;
    padding-bottom: 30px;
    line-height: 35px;
    font-size: 18px;
    color: #666;
}
/*select*/
.selectShape {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ccc;
    font-size: 16px;
    padding: 6px;
    transition: 0.3s;
}
.selectShapeReduced {
    width: 40%;
}
.selectShapeTextBox {
    width: calc(60% - 10px);
    margin-left: 10px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    transition: 0.3s;
}
.selectShapeTextBoxReduced {
    width: 0px;
    margin: 0;
    padding: 0;
    border: 0 solid #ccc;
}
/*captcha*/
.shapeCaptchaContainer {
    margin-bottom: 20px;
}
.shapeCaptchaRefresh {
    background-image: url(/office/ressources/img/intkn_update_gray.svg);
    height: 50px;
    width: 50px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.2s;
    transform: scale(1) rotate(0deg);
}
.shapeCaptchaRefresh:hover {
    transform: scale(1.3) rotate(0deg);
}
.shapeCaptchaRefreshRotate {
    transform: scale(1.3) rotate(360deg) !important;
    transition: 0.4s;
}
.shapeCaptchaRefreshRotateEnd {
    transition: 0s;
    transform: scale(1.3) rotate(0deg) !important;
}
/*checkBox*/
.shapeCheckBoxContainer {
    margin-bottom: 20px;
}
.shapeCheckBoxLabel {
    margin-left: 5px;
}
/*formButton*/
.formButtonContainer {
    width: 100%;
    text-align: center;
}
.formButtonButtonSubmit {
    margin-top: 30px;
}
.linkLinkForgotPass {
    margin-top: 20px;
}
.linkLinkForgotPassLogin {
    margin-top: 0px;
}
.callBackButtonLoginButtonHome > a,
.callBackButtonLoginButton > a {
    background-color: #ffaa2c;
    border: 1px solid #c97c09;
}
.callBackButtonContactButtonSupport {
    text-align: center;
}
.shapeFormButton > a,
.forgotPassButtonActivityLink > a,
a.contactSupportButtonActivityLink,
a.accessPlatformButtonActivityLink,
.linkContactButtonHome > .LinkContainer > a,
.linkContactButtonHome > .contactusLinkContainer > a,
.callBackButtonContactButton > a,
.buttonShapedActivityLink > a,
.callBackButtonContactButtonSupport > a,
.forgotPassButtonLinkContainer > a {
    color: #ffffff;
    background-color: #115365;
    border: 1px solid #1c819d;
    text-decoration: none;
    padding: 0.7em;
    font-size: 1.4em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 207px;
}
.forgotPassButtonActivityLink,
.contactSupportButtonActivityLink {
    width: 200px;
}
.accessPlatformButtonActivityLink,
.buttonShapedActivityLink {
    width: 235px;
}
/*error Field*/
.errorFieldText {
    color: red;
    margin-bottom: 25px;
}
/*text*/
.textShapeBottomInfo {
    font-size: 16px !important;
    margin-top: 40px;
}
.textShapeTitleSupportInput {
    font-size: 20px;
    color: #666;
}
.textMessageInputTitle,
.textMessageInputTitleSupport {
    margin-top: 6px;
    margin-bottom: 13px;
}
.divSectionPartnersLineSide {
    background-color: #ffffff;
}
/*links*/
.linkContainer {
    width: 100%;
    text-align: center;
}
.forgotPassButtonLinkContainer,
.contactSupportButtonLinkContainer,
.loginPageHomeLinkContainer,
.accessPlatformButtonLinkContainer {
    text-align: left;
}
.loginPageForgotPassActivityLink,
.loginPageSigninActivityLink,
.loginPageSignupActivityLink {
    text-decoration-line: none;
    text-decoration: none;
    margin-top: 8px;
    margin-bottom: 10px;
    font-size: 15px;
}
.linkLinkSignupSignup {
    margin-bottom: 20px;
}
.linkLinkHomeSuccess,
.callBackButtonLinkSignupSuccess {
    padding: 20px;
    padding-left: 45px;
}
.callBackButtonLinkSignupSuccess {
    padding-top: 0px;
}
.resourcesBoxAllWidthResources {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
/*RESOURCES SLIDER*/
.resourcesSliderContainer {
    height: 300px;
    position: relative;
    margin: auto;
    overflow: hidden;
    max-width: 1440px;
    min-height: 314px;
}
.sliderArrow {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    width: 30px;
    position: absolute;
    top: calc(50% - 30px);
    display: inline-block;
    z-index: 20;
    cursor: pointer;
}
.sliderArrow,
.sliderFastAccessPoint {
    transform: scale(1);
    transition: 0.4s;
}
.sliderArrow:hover,
.sliderFastAccessPoint:hover {
    transform: scale(1.2);
}
.sliderArrowRight {
    border-left: 30px solid #fff;
    /*margin-left: calc(48% - 15px);*/
    right: 2%;
}
.sliderArrowLeft {
    border-right: 30px solid #fff;
    /*margin-left: -48%;*/
    left: 2%;
}
.sliderElementContainer {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    z-index: 10;
}
.sliderElementContent {
    position: absolute;
    width: 100%;
    height: 250px;
    bottom: 30px;
    text-align: center;
}
.sliderElementTitle {
    font-size: 43px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.sliderElementTitle::first-letter {
    font-size: 80px;
    padding-right: 3px;
    text-transform: capitalize;
}
.sliderElementDescription {
    color: white;
    padding-left: 80px;
    padding-right: 80px;
    font-size: 28px;
    padding-top: 20px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    max-height: 55px;
    overflow: hidden;
    max-width: 100%;
}
.sliderAllElementsContainer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
}
.sliderFastAccessPointsContainer {
    z-index: 20;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}
.sliderFastAccessPoint {
    display: inline-block;
    width: 20px;
    border: 3px solid white;
    height: 20px;
    border-radius: 50%;
    margin: 5px;
    cursor: pointer;
}
.sliderFastAccessPointSelected {
    background-color: white;
}
/*animations*/
.sliderElementContainerAnimation {
    transition: 2s;
}
.sliderElementContainerPositionedBefore {
    left: -100%;
}
.sliderElementContainerPositionedAfter {
    left: 100%;
}
.sliderElementContainerPositionedCurrent {
    left: 0%;
}
.sliderElementContainer {
    top: 0%;
}
/*HOME*/
.trainerCanopy,
.canopyTrainerCanopyTrainer,
.canopyCourseCanopyCheckout,
.canopyCourseCanopyPurchase,
.canopy {
    display: inline-block; /*block;*/
    position: relative;
    width: 100%;
    padding-top: calc(100% * 5 / 19);
    height: 0px;
    background-color: #b8b8b8;
}
.canopyVideo {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: fixed;
    background-color: #000;
}
.shapeCanopyVideo {
    min-height: 100%;
    min-width: 100%;
}
.scrollDown {
    left: calc(50% - 2rem);
    position: absolute;
    width: 4rem;
    height: 4rem;
    bottom: 5rem;
    display: block;
    text-align: center;
    z-index: 20;
    -webkit-animation: bounce 1.5s infinite;
    animation: bounce 1.5s infinite;
    -webkit-transition: bottom 1.5s ease-in-out;
    transition: bottom 1.5s ease-in-out;
    /* content: "2"; */
    color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/ressources/img/arrows/arrow_white_down.png);
    background-position: center;
    cursor: pointer;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-20px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-20px);
    }
}
.fadeIn {
    -webkit-animation: fadeInAnimation 2s; /* Safari 4+ */
    -moz-animation: fadeInAnimation 2s; /* Fx 5+ */
    -o-animation: fadeInAnimation 2s; /* Opera 12+ */
    animation: fadeInAnimation 2s;
}
@-webkit-keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.sectionBackgroundFirst {
    height: 100%;
    width: 100%;
    margin: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    min-height: 100vh;
    overflow: hidden;
}
.sectionBackgroundParrallax {
    min-height: 100vh;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /*height: 100vh !important;*/
    position: relative !important;
    overflow: hidden;
}
.sectionBackgroundColor {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    min-height: 100vh;
    padding-bottom: 90px;
    padding-top: 30px;
}
.sectionBackgroundColorWhite {
    background-color: #f5f5f5;
}
.sectionBackgroundColorPurple {
    background-color: rgba(114, 60, 131, 0.65);
}
.sectionBackgroundColorGreen {
    background-color: rgba(96, 178, 47, 0.65);
}
.sectionBackgroundColorBlue {
    background-color: rgba(33, 140, 202, 0.45);
}
.sectionBackgroundColorOrange {
    background-color: rgba(243, 148, 47, 0.65);
}
.sectionBackgroundColorPink {
    background-color: rgba(202, 65, 116, 0.55);
}
.sectionBackgroundColorGrey {
    background-color: rgba(0, 0, 0, 0.65);
}
.map {
    position: relative;
    height: 500px;
    left: 0px;
    top: 0px;
    background-color: #ddd;
}

#map {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
}
.shapeCanopyImagePurchase,
.shapeCanopyImage {
    display: contents;
    top: 0px;
    position: absolute;
    height: 300px;
    height: 100%;
    width: 100%;
    display: block;
    top: 0px;
    background-size: cover;
    background-repeat: none;
}
.divSubLineCorporateImageContainer {
    width: 300px;
    display: inline-block;
    vertical-align: top;
}
.divSubLineCorporateName {
    width: calc(100% - 300px);
    display: inline-block;
    vertical-align: top;
    padding-top: 100px;
}
.textTitleAbout {
    font-size: 50px;
    font-weight: bold;
}
.textNameCorporate {
    font-size: 50px;
    font-weight: bold;
}
.textDescriptionCorporate {
    font-size: 25px;
}
.textShapePlatformCanopyTitle,
.textShapePlatformCanopySubTitle {
    color: white;
    text-shadow: black 0 0 3px;
    text-align: center;
}
.canopyVideoContainerTitle {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 25%;
    transform: translateY(25%);
}
.textShapePlatformCanopyTitle {
    font-size: 55px !important;
    padding-left: 40px;
    padding-right: 40px;
}
.textShapePlatformCanopySubTitle {
    font-size: 35px !important;
    padding-left: 40px;
    padding-right: 40px;
}
.textTitle {
    margin-top: 65px;
    margin-bottom: 25px;
}
/*ABOUT*/
.textRightSection ul,
.textLeftSection ul {
    padding-left: 40px;
}
/*FadeIn*/
.fadeInAnimation {
    transition: 3.5s;
    opacity: 1;
}
.fadeInAnimationHidden {
    opacity: 0 !important;
}
/*SlideIn*/
.slideInAnimation {
    transition: 1s;
    width: 100vw !important;
    margin-left: 0px;
    margin-top: 110px;
    margin-bottom: 40px;
}
.slideInAnimationHidden {
    /*opacity: 0;*/
}
.slideInAnimationHidden.slideInAnimationLtr {
    margin-left: -100vw;
}
.slideInAnimationHidden.slideInAnimationRtl {
    margin-left: 100vw;
}
/*toggleable box*/
.toggleableShapeHideableShape {
    max-height: 500px;
    overflow: hidden;
    transition: 0.3s;
}
.toggleableShapeReducedVertical {
    max-height: 0px;
}
.toggleableShapeSignupPage,
.toggleableShapeSuccessPage,
.toggleableShapeFormPage,
.toggleableShapeErrorExpirePage,
.toggleableShapeErrorInvalidPage {
    /*height: 100%;
	background-color: white;*/
}
.toggleableShapeExitPageRegistration,
.toggleableShapeErrorExpirePage,
.toggleableShapeErrorInvalidPage,
.toggleableShapeSuccessPage {
    padding: 50px;
    min-height: 100%;
}
/*htmlBox*/
.htmlSuccessMessage {
    line-height: 1.5;
    padding-left: 45px;
    font-size: 20px;
    margin-top: 25px;
}
.htmlInfoReminderReminder,
.htmlInfoRecoverRecover {
    color: #666;
    font-size: 22px;
    padding: 20px;
    padding-bottom: 10px;
    padding-top: 50px;
    text-align: left;
    line-height: 30px;
}
.htmlExistMessage1,
.htmlExistMessage2,
.htmlErrorExpireMessage1,
.htmlErrorExpireMessage2,
.htmlErrorInvalidMessage1,
.htmlErrorInvalidMessage2,
.htmlSuccessMessage1,
.htmlSuccessMessage2 {
    font-size: 20px;
    color: #666;
    line-height: 1.5;
}
/*HOME SLIDERS*/
.divSlidersSectionTwo,
.divSlidersSection {
    padding-bottom: 80px;
}
.divSlidersSectionPrices {
    margin-top: 110px;
    padding-left: 2.5%;
    padding-right: 2.5%;
}
.divAllSection {
    max-width: 1170px;
    margin: auto;
}
.divRightSection,
.divLeftSection,
.slideSection,
.divSlideLeftSection,
.divSlideRightSection {
    padding-left: 2.5%;
    padding-right: 2.5%;
    vertical-align: top;
}

.shapeImageContainerLeftSection,
.shapeImageContainerRightSection {
    padding-left: 5%;
    padding-right: 5%;
    vertical-align: top;
    margin-bottom: 40px;
}

.slideSectionTitle,
.textTitleLeftSection,
.textTitleRightSection {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.slideSectionImageContainer,
.imageImageRightSection,
.imageImageLeftSection {
    display: inline-block;
    width: 50%;
    height: 100%;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 20px;
}

.slideSectionImage,
.shapeImageImageImgLeftSection,
.shapeImageImageImgRightSection {
    display: inline-block;
    vertical-align: middle;
}
.slideSectionLeftDiv,
.slideSectionRightDiv,
.divLeftSection,
.divRightSection {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.slideSectionTitle,
.textShapeTitleLeftSection,
.textShapeTitleRightSection {
    width: 90%;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.4;
}

.slideSectionText,
.htmlTextRightSection,
.htmlTextLeftSection,
.textRightSection,
.textLeftSection {
    color: #666;
    font-size: 18px;
    line-height: 1.7;
}
.slideSectionText > b,
.htmlTextRightSection > b,
.htmlTextLeftSection > b,
.textLeftSection > b,
.textRightSection > b {
    color: #595959;
}
.textShapePlatformCanopySubTitle,
.textShapePlatformCanopyTitle {
    color: #ffffff !important;
}

.slideSectionTitle,
.textTitleLeftSection,
.textTitleRightSection,
.textTitleHybridPlatform {
    border-color: #00a4e4;
}
.slideSectionTitle,
.textShapeHome,
.textShapeTitleLeftSection,
.textShapeTitleRightSection {
    color: #00a4e4;
    margin-bottom: 25px;
    border-bottom: 1px solid #00a4e4;
}
/*ACTORS*/
.divActorsSection {
    border-top: 1px solid #ddd;
    padding-top: 80px;
    text-align: center;
    padding-bottom: 80px;
    background-color: #f5f5f5;
}
.actorPortrait {
    min-width: 300px;
    text-align: center;
    width: 30%;
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: top;
}
.actorPortraitContainer {
    line-height: 28px;
    font-size: 18px;
}
.actorPortraitImage {
    min-height: 160px;
    min-width: 160px;
    display: inline-block;
    border-radius: 50%;
    background-position: center;
    background-size: contain;
}
.actorPortraitEmail {
    color: #666;
}
/*move to extra.css*/
.actorPortraitName {
    color: #00a4e4;
}
/*EDITO*/
.ressourcesEditoSectionEdito {
    margin-bottom: 10px;
}
/*infos*/
.informations {
}
/*sponsor*/
.sponsoredBannerBody {
    height: 150px;
    overflow: hidden;
}
.adEntry {
    position: relative;
    background-color: white;
    padding-bottom: 5px;
}
.adEntryBanner {
    background-color: black;
}
.adImage {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    cursor: pointer;
}
.adImageBox {
    height: 300px;
    /*width: 300px;*/
    width: 100%;
}
.adImageBanner {
    height: 150px;
    background-size: cover;
    transition: 0.5s;
    /*preload*/
    background-color: #ccc;
}
.adTitle {
    font-weight: bold;
    padding-top: 3px;
    width: calc(100% - 5px);
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 30px;
}
.adTitleBanner {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    top: 0;
    font-size: 22px;
    color: white;
    opacity: 0;
    padding-left: 25px;
    padding-top: 20px;
    transition: 0.5s;
}
.adDescription {
    padding-left: 10px;
    width: calc(100% - 5px);
    font-size: 15px;
    padding-right: 10px;
    min-height: 20px;
}
.adDescriptionBanner {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 35px;
    color: white;
    font-size: 18px;
    opacity: 0;
    padding-left: 25px;
    padding-top: 20px;
    transition: 0.5s;
}
.adEntryBanner:hover .adImageBanner {
    opacity: 0.3;
}
.adEntryBanner:hover > .adTitleBanner,
.adEntryBanner:hover > .adDescriptionBanner {
    opacity: 1;
}
.sponsoredBoxContainer {
    width: 100%;
}
.sponsoredBox,
.resourcesEdito,
.sponsoredBanner,
.informations,
.posts,
.resourcesListCards {
    margin-top: 15px;
    margin-left: 20px;
}
/*title*/
.titleContainer {
    width: 100%;
    height: 45px;
    text-align: left;
    margin-bottom: 10px;
}
.titleIcon {
    height: 35px;
    width: 35px;
    vertical-align: middle;
}
.titleText {
    color: black;
    font-size: 24px;
    line-height: 45px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 7px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 35px - 7px);
}
/*column*/
.shapeColumn,
.columnMinusSimple,
.columnSimple {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}
.columnSimple {
    width: calc(320px);
}
.columnMinusSimple {
    width: calc(100% - 320px);
}
/*default box*/
.shapeDefaultBox,
.shapeDefaultBox_HxW {
    height: 100%;
    width: calc(100% - 6px - 5px);
    position: relative;
    background-color: white;
    border: 3px solid #aaa;
}
.shapeDefaultBox_1x1 {
    width: 300px;
    min-height: 300px;
}
.shapeDefaultBox_Hx1 {
    width: calc(300px - 6px - 5px);
}
.shapeDefaultBox_1xW {
    min-height: 300px;
}
.shapeDefaultBox_0\.5xw {
    min-height: 150px;
}
.shapeDefaultBox_0\.3xw {
    min-height: 100px;
}
.displayNone,
.displayNone2 {
    display: none !important;
}
.visibilityHidden {
    visibility: hidden !important;
}
.displayBlock {
    display: block !important;
}
/*bodies*/
.activitiesBodyContainer {
    position: inherit;
    text-align: center;
    width: 100%;
    z-index: 10;
    min-height: 100vh;
    overflow: hidden;
    /*overflow-y: auto;*/
    background-color: rgb(245, 245, 245);
}
.activitiesBodyContainerWithTopMenu {
    /*top: 50px;*/
    min-height: calc(100vh - 66px);
    margin-top: 66px;
    /*position:relative;*/
}
.activitiesBodyContainerNoScroll {
    height: calc(100vh);
    overflow: auto;
}
.activitiesBodyContainerNoScroll.activitiesBodyContainerWithTopMenu {
    height: calc(100vh - 66px);
}
.activityBody {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
}
.activityBodyRegistration {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background: white;
}
.activityBodySupport {
    text-align: center;
    padding-bottom: 200px;
}
/*PLAYER*/
.activityBodyPlayer {
    width: 100%;
    min-height: 100vh;
    position: absolute;
}
.activitiesBodyContainerWithTopMenu > .activityBodyPlayer {
    width: 100%;
    min-height: calc(100vh - 66px);
    position: absolute;
}
.playerFramePlayerPdfFrame {
    /*width: calc(100% - 300px);*/
    width: 100%;
    display: inline-block;
    height: 100%;
    position: absolute;
    overflow: hidden;
    position: absolute;
    overflow: hidden;
    height: calc(100% - 50px);
}
.divFloatRightBar {
    width: 300px;
    float: right;
    height: calc(100% - 50px);
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    right: 0px;
    overflow: hidden;
    overflow-y: scroll;
    text-align: center;
}
.playerFramePlayerFrame,
.framePlayerFrame {
    width: 100%;
    min-height: 100%;
    position: absolute;
}
.playerFrameWindowSection,
.frameWindowSection {
    display: block; /* iframes are inline by default */
    border: none; /* Reset default border */
    min-height: 100%; /* Viewport-relative units */
    width: 100%;
    position: absolute;
}
.divRightBar {
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    float: right;
}
.contentLineLinked {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 200px);
}
.titleLineLinked {
    color: black;
    font-size: 1.3rem;
    line-height: 1.3;
    margin-bottom: 6px;
    width: fit-content;
    /* width: auto; */
    display: -webkit-box;
    max-height: calc(1.3rem * 1.3 * 2);
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.descLineLinked {
    font-size: 0.8rem;
    color: #333;
    line-height: 1.6;
    overflow: hidden;
    max-height: calc(0.8rem * 1.6 * 2);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dateCardLineLinked {
    font-size: 0.9rem;
    /* position: absolute; */
    margin-top: 10px;
    right: 1.5em;
    color: #656565;
    padding: 0px;
    font-weight: bold;
}
.ResourcesBoxPublicCardCourseViewer {
    padding-top: 25px;
}
/*watche viewer video*/
.divLeftContent {
    max-width: 1280px;
    /*width: calc(100% - 408px);*/
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 25px;
    /*margin-right: 50px;
	margin-left: 50px;*/
}
.divFrameContainer {
    width: 100%;
    display: block;
    height: 100%;
}
.divFrameContainer {
    width: 100%;
    height: 500px;
}
.containerImgTutorialsLeft {
    vertical-align: middle;
}
.playerFrameViewerFrame > .frameWindowSection {
    width: 100%;
    position: inherit;
    border: 1px solid #ececec;
}
.playerFrameViewerFrameCurriculum > .frameWindowSection {
    width: 100%;
    border: 0px;
    min-height: auto;
    height: calc(100% - 66px);
    position: absolute;
}

.divFrameContainerWatching {
    height: 0px;
    position: relative;
    padding-bottom: calc(100% * 9 / 16);
}
.playerFrameViewerFrameWatching {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #000;
}
.divDescSectionWatching {
}
.divDescSectionViewer,
.htmlDescriptiveContentSectionWatching {
    margin-top: 2em;
    color: #000;
    text-align: left;
    line-height: 1.6;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    height: auto;
    border: 1px solid #ececec;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 30px;

    padding-right: 30px;
    padding-bottom: 2em;
    position: relative;
}

/*OTHERS*/
.pageWidth,
.activityBodyLogin,
.activityBodyReminder,
.activityBodyRecover,
.activityBodyActivate,
.activityBodyCertificate {
    max-width: none;
    /*background-color:#fff;*/
}
.activityBodySignup {
    max-width: none;
}
.pageHeight,
.activityBodySignup,
.activityBodyLogin,
.activityBodyReminder,
.activityBodyRecover,
.activityBodyActivate,
.activityBodyCertificate {
    min-height: 100vh;
}
.pageHeightWithTopMenu,
.activityBodyReminder,
.activityBodyRecover,
.activityBodyActivate,
.activityBodyCertificate,
.activityBodySupport {
    min-height: 100vh;
}
.activityBodySizeMax {
    max-width: 100%;
}
body {
    margin: 0;
}
/*TOP MENU*/
.topMenu {
    height: auto;
    position: fixed;
    top: 0;
    z-index: 30;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    background-color: white;
    line-height: 65px;
}
.topMenuLogoSection {
    cursor: pointer;
    padding-left: 20px;
    float: left;
    width: 220px;
    text-align: left;
}
.topMenuLogoIcon {
    height: 57px;
    width: 42px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
}
.topMenuLogoTitle {
    height: 50px;
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    text-align: left;
}
.topMenuMorphMenu {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: right;
    max-height: 65px;
    vertical-align: top;
}
.topMenuMorphMenuButton {
    display: none;
}
.topMenuLanguageSelect {
    display: inline-block;
    padding-right: 40px;
    vertical-align: top;
}
.divTopSection {
    display: flex;
    width: 100%;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}
.selectSelectLanguageLogin {
    width: fit-content;
}
.selectSelectLanguageLogin .selectShape {
    height: auto;
    margin: 0;
    text-transform: uppercase;
}
.languageSelectInline {
    line-height: 65px;
    height: 65px;
    font-size: 18px;
    text-align: center;
}
.languageSelectInlineOptionContainer {
    display: inline-block;
    width: 50px;
}
.languageSelectInlineOption {
    display: inline-block;
    color: #777;
    cursor: pointer;
    width: 40px;
    text-align: center;
}
.languageSelectInlineOptionSeparator {
    display: inline-block;
    color: #444;
    text-align: center;
    width: 10px;
}
.forgottenpasswordLinkContainer {
    display: inline-block;
    width: auto;
}
.linkForgotPassButton,
.linkContactSupportButton {
    margin-top: 50px;
}
.linkAccessPlatformButton {
    margin-top: 30px;
    text-align: left;
}
.topMenuLinksContainer {
    display: inline-block;
    text-align: right;
    vertical-align: top;
}
.topMenuLinksWindow {
    position: absolute;
    width: 190px;
    text-align: center;
    display: block;
    margin-left: calc((100% - 190px) / 2 - 15px);
    margin-top: 10px;
    background-color: white;
    border: 1px solid #ccc;
    overflow: hidden;
    max-height: 153px;
    transition: 0.5s;
    line-height: 0;
    padding-top: 13px;
    padding-bottom: 13px;
}
.topMenuLinksWindow > .activityLink {
    display: block;
    line-height: 1.2;
    width: 100%;
    padding: 6px;
}
.topMenuChildActivityLink {
    width: 100%;
    height: auto;
    line-height: 1.2;
    margin-bottom: 6px;
    font-size: 16px;
}
.topMenuChildActivityLinklogin {
    width: 100%;
    height: auto;
    line-height: 1.2;
    margin-bottom: 6px;
    font-size: 16px;
}
.topMenuLinksWindowArrow,
.topMenuLinksWindowArrowBorder {
    border-width: 0px 8.5px 8.5px;
    position: absolute;
    height: 0px;
    width: 0;
    margin-left: calc((100% - 15px) / 2 - 15px);
}
.topMenuLinksWindowArrow {
    border-color: transparent transparent #fff;
    border-style: dashed;
    margin-top: 3px;
}
.topMenuLinksWindowArrowBorder {
    border-color: transparent transparent #ccc;
    border-style: dashed dashed solid;
    margin-top: 2px;
}
.topMenuLinksWindowClosed {
    max-height: 0px;
    padding-top: 0;
    padding-bottom: 0;
    border: 0px solid #ccc;
}
.topMenuLinksWindowClosed ~ .topMenuLinksWindowArrow,
.topMenuLinksWindowClosed ~ .topMenuLinksWindowArrowBorder {
    display: none;
}
.shapeWindowContentWait,
.shapeWindowContentSuccess {
    line-height: 1.5;
    padding: 20px;
}

/*activityLinks*/
.activityLink {
    display: inline-block;
    text-decoration-line: none;
    text-decoration: none;
    cursor: pointer;
}
.topMenuActivityLink {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    text-decoration-line: none;
    text-decoration: none;
    color: #888;
    position: relative;
    color: #777;
    margin-left: 5px;
    margin-right: 5px;
}
.topMenuActivityLinkSelected {
    border-bottom: 2px solid;
    border-color: #006ab3;
    margin-bottom: -1px;
    color: white;
    border-bottom: 2px solid white;
}

.forgotPassButtonActivityLink:hover,
.forgotPassButtonActivityLink:active,
.forgotPassButtonActivityLink:focus,
.accessPlatformButtonActivityLink:hover,
.accessPlatformButtonActivityLink:active,
.accessPlatformButtonActivityLink:focus,
.contactSupportButtonActivityLink:hover,
.contactSupportButtonActivityLink:active,
.contactSupportButtonActivityLink:focus {
    color: white !important;
}
.backFromSuccessPageActivityLink {
    width: 100%;
    text-align: left;
    padding-left: 40px;
}
/*WINDOW*/
.shapeFormButton {
    transition: 0.3s;
    display: inline-block;
    margin: auto;
    width: 150px;
    height: 52px;
    line-height: 50px;
    vertical-align: top;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
}
.windowsContainer {
    z-index: 50;
    position: fixed;
    top: 0px;
    left: 0px;
}
.window {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    text-align: center;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, 0);
}
.popWindowBackground {
    background-color: rgba(1, 1, 1, 0.5);
}
.shapeWindowContainer {
    position: relative;
    display: inline-block;
    text-align: left;
}
.shapeWindowContainerForm {
    max-width: 700px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}
.shapeWindowContainerWait {
    border-radius: 4px;
    overflow: hidden;
    margin-top: calc(30vh);
    min-width: 250px;
}
.shapeWindowContainerLogin {
    max-width: 600px;
    width: 100%;
    margin-top: calc(40vh - 200px);
}
.shapeWindowContainerContact {
    max-width: 700px;
    width: 100%;
    margin-top: 15vh;
}
.shapeWindowContainerSuccess {
    margin-top: 35vh;
}
.shapeWindowContent {
    background-color: white;
    border: 0px;
}
.shapeWindowTitle {
    height: 50px;
    overflow: hidden;
}
.shapeWindowTitleText {
    line-height: 50px;
    color: white;
    font-size: 22px;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 50px);
}
.textShapeTitleMessageInput {
    font-size: 20px;
    color: #666;
}
.shapeWindowTitleClose {
    display: inline-block;
    width: 27px;
    height: 27px;
    vertical-align: top;
    margin-top: calc(50px / 2 - 27px / 2);
    margin-left: calc(50px - 27px - 16px);
    cursor: pointer;
}
.shapeWindowTitleClose:hover {
    background-color: rgba(1, 1, 1, 0.2);
}
.shapeCheckBox {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}
/*EXTRA LAYER*/
.extraLayer {
    z-index: 40;
    position: fixed;
    top: 0px;
    left: 0px;
}
.helpTabContainer {
    position: fixed;
    top: 120px;
    display: inline-block;
    right: 0;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
    height: 90px;
    transition: 1s;
}
.helpTabContainerClosed {
    right: -250px;
}
.helpTabContainerOut {
    right: -400px;
}
.helpTabLeftSection {
    background-color: #115365;
    border-bottom: 1px solid #115365;
    width: 120px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}
.helpTabLeftSectionText {
    color: white;
    padding: 11px;
    font-size: 18px;
    /* font-weight: bold; */
    /* height: 100%; */
    text-align: center;
    display: inline-block;
}
.helpTabRightSection {
    width: 250px;
    background-color: #444;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}
.helpTabRightSectionText {
    text-align: center;
    color: white;
    font-size: 18px;
    height: 100%;
    padding-top: 10px;
}
.helpTabRightSectionButton {
    min-height: 42px;
    width: 210px;
    text-decoration-line: none;
    text-decoration: none;
    color: white;
    display: inherit;
    transition: 0.5s;
    line-height: 40px;
    display: inline-block;
}
/*FOOTER*/
.footer {
    /*height: 270px;*/
    background-color: #444444;
    border-top: 1px solid #333333;
    position: relative;
    width: 100%;
    padding: 50px;
    z-index: 20;
    overflow: hidden;
}
/*ls*/
.footerLeftSection {
    width: 50%;
    display: inline-block;
}
.languageSelectDropDown {
    width: 200px;
    height: 50px;
    padding: 10px;
    font-size: 20px;
    display: block;
    background-color: white;
}
.footerLanguageSelect {
    margin-top: 20px;
    display: block;
    height: 50px;
}
.footerNameIntrepid {
    text-decoration-line: none;
    text-decoration: none;
    color: white;
    font-size: 25px;
    display: block;
}
.footerIntrepidCopyright {
    color: white;
    margin-top: 50px;
    display: block;
    text-decoration-line: none;
    text-decoration: none;
}
/*rs*/
.footerRightSection {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: right;
}
.footerInfos {
    color: white;
    font-size: 16px;
    line-height: 1.4;
}
.footerInfosLabelSiteWeb,
.footerInfosLabelEmail {
    margin-top: 1rem;
}
.footerInfosCityZip > *,
.footerInfosCantonCountry > * {
    display: inline;
}
.footerInfosCantonCountry {
    padding-bottom: 20px;
}
.footerInfosPhone,
.footerInfosEmail {
    font-size: 16px;
}
.footerInfosName {
    font-size: 21px;
    padding-bottom: 10px;
}
/*PRELOAD*/
.preloadShape {
    width: 100vw;
}
.preloadBackground {
    background-color: #ccc;
}
/*others*/
.resourcesListCardsBody.preloadBackground {
    min-height: 500px;
}
.ressourcesEditoSectionEdito.preloadBackground {
    min-height: 450px;
}
.ressourcesEditoSectionMain.preloadBackground {
    margin-top: 10px;
    min-height: 500px;
}
.sponsoredBoxContainer.preloadBackground {
    min-height: 370px;
}
.resourcesListCardsContainer.preloadBackground {
    min-height: 500px;
}
.sponsoredBoxBody.preloadBackground {
    min-height: 370px;
}
/*SUPER TEMP*/
.callBackButtonTestCallBackToggle {
    position: fixed;
    top: 20px;
    background-color: #eee;
    text-align: center;
    width: 100%;
}
/*situation*/
.textTitleSituation {
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 26px;
    font-size: 1.35em;
    text-align: left;
    line-height: 1.4;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #ececec;
    border-bottom: 0px;
}
.cardFolder {
    margin-top: 2em;
    background-color: #fff;
    border: 1px solid #ececec;
    padding: 10px;
}
.imageFolder {
    width: 55px;
    display: inline-block;
    vertical-align: middle;
}
.titleFolder {
    width: calc(100% - 55px);
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 25px;
}
.tabBarMenu {
    width: 100%;
    background-color: #fff;
    height: auto;
    border: 1px solid #ececec;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}
.linkActionTabBarMenu {
    padding-bottom: 1em;
    padding-top: 1em;
    width: calc(100% / 2);
    display: inline-block;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}
.textTabBarMenu {
    color: #787878;
    border-bottom: 3px solid #fff;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.textTabBarMenuSelected {
    border-color: #207aab !important;
    color: #000 !important;
    border-bottom: 3px solid #0c969f !important;
    background-color: white;
    color: #0c969f;
    font-weight: bold;
}
.pathPathLinkWatching {
    margin-bottom: 25px;
}
/*tutorials*/
.cardLinkCatgory,
.cardLink {
    width: 410px;
    display: inline-block;
    margin-left: 45px;
    margin-right: 45px;
    padding: 20px;
    vertical-align: top;
    margin-bottom: 40px;
    margin-top: 40px;
    cursor: pointer;
    text-align: center;
    background-color: white;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    max-width: 100%;
    transition: 0.5s;
}
.divCardSection {
    margin: auto;
    text-align: center;
}
.cardLinkCatgory:hover {
    transform: scale(1.1);
}
.imageCardTutoriel {
    width: auto;
    margin: auto;
    height: 135px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 230px;
    background-size: cover;
}
.ResourcesSliderCourseCardCategory {
    padding-top: 50px;
    padding-bottom: 50px;
}
.titleCardTutorial {
    font-size: 35px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}
.textTitleTutorials {
    position: absolute;
    top: calc(50% - 33.5px);
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0px;
}
/*tutorialsengine*/
.ResourcesBoxPublicCardCourTutorialsengine {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.cardViewerLink {
    width: 350px;
    max-width: calc(100% - 50px);
    background-color: white;
    margin: auto;
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #ececec;
    margin-right: 25px;
    margin-left: 25px;
    transition: 0.5s;
}
.ResourcesBoxPublicCardCourseWatching {
    width: 300px;
    background-color: white;
    float: right;
    padding: 20px;
}
.imgHomeLink {
    overflow: hidden;
    width: 30px;
    height: 37px;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 2.5px;
}
.categoryInlineDivHome {
    font-size: 15px;
    padding: 2.5px;
}
.topCategoryContainer {
    margin-top: 50px;
}
.categoryInline {
    border: 1px solid #ececec;
    border-radius: 3px;
    display: inline-block;
    color: #737373;
    background-color: #fdfdfd;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 32px;
    margin-right: 10px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    vertical-align: top;
}
.containerCardViewer {
    text-align: center;
    padding-bottom: 50px;
    margin: auto;
}
.pathPathTutorialsengine {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
}
.cardViewerLink:hover {
    transform: scale(1.1);
}
.ImgTutorialsLeft {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    width: 400px;
    vertical-align: top;
    max-width: 100%;
}
.containerImgTutorialsLeft {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding-bottom: 15px;
}
.contentSectionRightViewerLink {
    display: inline-block;
    width: 100;
    padding-bottom: 1em;
    padding-top: 20px;
    vertical-align: top;
    text-align: left;
}
.activityBodyTutorials,
.activityBodyWatching,
.activityBodyTutorialsengine {
    background-color: #f9f9f9;
    min-height: 100vh;
}
.activityBodyWatching {
    text-align: center;
}
.titleCardViwerLink {
    color: black;
    font-size: 1.3rem;
    line-height: 1.3;
    margin-bottom: 6px;
    width: fit-content;
    display: -webkit-box;
    height: calc(1.3rem * 1.3 * 2);
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    text-overflow: ellipsis;
}
.descCardViwerLink {
    font-size: 0.8rem;
    color: #333;
    line-height: 1.6;
    overflow: hidden;
    max-height: calc(0.8rem * 1.6 * 2);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dateCardViwerLink {
    font-size: 0.9rem;
    /* position: absolute; */
    margin-top: 10px;
    right: 1.5em;
    color: #656565;
    padding: 0px;
    font-weight: bold;
    display: none;
}
.canopyCanopyTutorials {
    padding-top: calc(100% * 3 / 19);
}
.canopyCanopyTutorials > .shapeCanopyImage {
    background-position: left;
}
.cardViewerLinkRessourceLinked {
    width: 200px;
    padding: 15px;
}
.cardViewerLinkRessourceLinked
    > .containerImgTutorialsLeft
    > .ImgTutorialsLeft {
    height: 100px;
    width: 200px;
    background-size: cover;
}
.cardViewerLinkRessourceLinked > .contentSectionRightViewerLink {
    width: 100%;
    padding-top: 10px;
}
.cardViewerLinkRessourceLinked
    > .contentSectionRightViewerLink
    > .titleCardViwerLink {
    color: black;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 6px;
    width: fit-content;
    display: -webkit-box;
    height: calc(15px * 1.3 * 2);
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.cardViewerLinkRessourceLinked
    > .contentSectionRightViewerLink
    > .dateCardViwerLink {
    font-size: 13px;
}
/*PURCHASE*/
/**canopy*/
.divTextCanopyPurchase {
    vertical-align: middle;
    background-color: white;
    border-radius: 50px;
    overflow: hidden;
    width: 100%;
    margin-top: 125px;
    position: absolute;
    border-radius: 0px;
}
.textCourtsPurchase {
    padding: 20px;
}
.titleCoutsPurchase {
    color: black !important;
    text-shadow: black 0 0 0px !important;
    margin: 10px;
    transition: 0.5s;
}
.textDescriptiveTitleSection {
    display: inline-block;
    width: 100%;
}
/**Slider*/
.videoShape2thirdWidth {
    width: 100%;
}
.watchLeftContainerVideo {
    width: 100%;
    overflow: hidden;
    float: right;
}
.textShapePurchaseTitle {
    font-size: 40px;
    color: white;
}
/**content*/
/**description*/
.activityBodyPurchase,
.divContentPage {
    background-color: rgb(245, 245, 245);
}
.divSectionCouts {
    padding: 2em;
    background-color: white;
    vertical-align: top;
    margin-top: 0px;
}
.totalTime {
    color: #115365;
    width: 100%;
    font-size: 1.4em;
    text-align: right !important;
    border-bottom: 0px solid;
    margin-bottom: 1em;
}
.trainerContrainer {
    width: 50%;
    display: inline-block;
    margin-bottom: 15px;
}
.trainerImg {
    height: 100px !important;
    width: 100px !important;
    display: inline-block;
    border-radius: 50%;
    background-size: cover;
}
.trainerName {
    font-size: 1.5em;
    margin-top: 10px;
    width: 80%;
}
.trainerOrganization,
.trainerName,
.trainerJob {
    float: right;
    font-size: 1em;
    height: 50%;
    width: 100%;
    vertical-align: middle;
    padding: 7px;
}
.trainerName {
    font-size: 1.2em;
}
.trainerTextContainer {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 110px);
    margin-left: 10px;
}
.trainerOrganization {
    display: inline-block;
}
.callBackButtonLinkSignup,
.callBackButtonLinkLogin {
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 1.05em;
    padding: 20px;
    overflow: hidden;
}
.callBackButtonLinkSignupPurchase > a,
.callBackButtonLinkLogin > a {
    color: rgb(18, 165, 180) !important;
}
.callBackButtonLinkSignup > a:hover,
.callBackButtonLinkLogin > a:hover {
    color: grey;
}
.linkLinkDescriptivePurchase,
.linkLinkTargetAudiencePurchase,
.linkLinkContentCoursPurchase,
.linkLinkGoalPurchase,
.buyButtonBuyButtonPurchase,
.linkLinkTrainerPurchase {
    width: 20%;
    display: inline-block;
    font-size: 1.1em;
    vertical-align: middle;
    outline: 0;
}
.linkLinkDescriptivePurchase,
.linkLinkTargetAudiencePurchase,
.linkLinkGoalPurchase {
    width: 10%;
}
.linkLinkTrainerPurchase {
    width: 20%;
}
.targetAudienceActivityLink,
.goalActivityLink,
.contentActivityLink,
.trainerActivityLink,
.descriptiveActivityLink {
    outline: 0;
}
.divTabBarPurchase {
    width: 100%;
    display: block;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}
.linkPurchase {
    padding: 10px;
}
.buyButtonBuyButtonPurchase {
    display: inline-block;
    text-align: middle;
    width: 20%;
}
.ObjectObjective {
    width: calc(100% - 60px);
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}
.buyButtonButton {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 207px;
    max-width: 250px;
    width: 100%;
    height: 46px;
    font-size: 18px;
    font-weight: bold;
    border-width: 0px;
    color: white;
    background-color: rgb(18, 165, 180);
    text-transform: uppercase;
    outline: 0;
}

.htmlObjectifTitleSectionPurchase,
.titleSection {
    color: #115365;
    width: 100%;
    font-size: 1.5em;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 1em;
    border-bottom: 1px solid #115365;
    text-align: left;
}
.divContentPage {
    padding: 10em;
}
.htmlDescriptiveContentSectionTwoPurchase,
.htmlTargetAudienceContentSectionPurchase,
.htmlDescriptiveContentSectionPurchase {
    overflow: hidden;
    position: relative;
    display: inline-block;
    line-height: 30px;
}
.divDescriptiveSection {
    width: calc(100% - 30% - 100px);
    display: inline-block;
    margin-right: 1%;
    height: 420px;
    overflow: hidden;
    position: relative;
    margin-right: 60px;
    vertical-align: middle;
}
.showLess {
    float: right;
    position: relative;
}
.showMore {
    position: absolute;
}
.textContentTitlePurchase {
    margin-right: 10px;
}
.showLess,
.showMore {
    right: 0px;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    text-align: right;
    cursor: pointer;
    color: rgb(18, 165, 180);
    font-size: 20px;
    transition: 0.3s;
    transform-origin: right;
}
.showLess:hover,
.showMoreText:hover {
    transform: scale(1.1);
}
.showFull {
    height: auto !important;
}
.showMoreText {
    color: rgb(18, 165, 180);
    padding: 20px;
    width: 100%;
    display: inline-block;
    transform-origin: right;
    transition: 0.3s;
}
ul {
    width: 100%;
    padding-left: 0px;
}
li {
    color: #7f7c7b;
}
.textLeftSection > ul {
    padding-left: 40px;
}
.containerLi {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    /*width:50%;*/
    padding-top: 20px;
}
.listChildTime {
    float: right;
}
.containerChild {
    display: content;
    margin: 10px;
    background-color: #e8e9eb;
    padding: 10px;
}
.listChild {
    width: 90%;
    display: inline-block;
    text-transform: uppercase;
}
.videoPlayerVideoPurchase {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}
.watchLeftContainerPlayerTitleContainer {
    height: 0px;
    padding: 0px;
}
.divFloatLeftContainerPurchase {
    margin-top: 10px;
    float: right;
    width: 12%;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #115365;
    border-radius: 20px;
    text-align: center;
    position: static;
}
.hereActivityLink {
    margin-top: 25px;
    background-color: #ff9800 !important;
    border: 1px solid #c97c09 !important;
    color: #ffffff;
    text-decoration: none;
    padding: 0.7em;
    font-size: 1.4em;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 207px;
}
.courseDescriptionBloc {
    width: 90%;
    background-color: #fff;
    height: auto;
    border: 1px solid #ececec;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
    position: relative;
}
.courseDescriptionTitle {
    color: #000;
    margin-top: 2.5em;
    margin-bottom: 1em;
    font-size: 1.3em;
    text-align: left;
}
.fixedTitleCours {
    color: black !important;
    text-shadow: black 0 0 0px !important;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0px;
    font-size: 28px !important;
    position: fixed;
    z-index: 2;
}
.fixedTitleCours > .textShapePlatformCanopyTitle {
    font-size: 28px !important;
    text-align: middle;
    transition: 0.5s;
}
.fixedSecondMenuCours {
    position: fixed !important;
    top: 120px;
    /*border-top: solid 1px #dddddd;*/
    /*padding-top: 10px;
	padding-bottom: 10px;*/
    z-index: 2;
}
.linkPurchase > a:hover {
    font-weight: bold;
    color: #115365 !important;
}
.selectedPurchase > div > a {
    font-weight: bold;
    color: #115365 !important;
    text-align: left;
}
.textShapePurchaseTitle {
    font-size: 40px;
    color: white;
}
.textShapePruchaseCanopySubTitle {
    padding-top: 15px;
    color: white;
    font-size: 20px;
}
.textShapePurchaseOwner {
    padding-top: 15px;
    color: white;
    font-size: 30px;
    text-align: center;
}
.textShapeTitleRightSection,
.textShapeTitleLeftSection {
    color: #115365;
    width: 90%;
    /*font-size: 1.8em;*/
    text-transform: uppercase;
    padding-bottom: 10px;
    /*margin-top: 3.5em;*/
    border-bottom: 1px solid #115365;
    text-align: left;
}
.slideSectionTitle {
    border-bottom: 0px solid;
    border-bottom-color: currentcolor;
    padding-bottom: 10px;
    /*margin-bottom: 30px;*/
}
.shapeImageImage {
    width: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.lineElementNewsDescription {
    color: rgba(0, 0, 0, 0.6) !important;
}
.trainerWindowImg:hover {
    transform: scale(1.1);
}
.canopyTrainerCanopyActor > .shapeCanopyImagePurchase {
    position: relative;
}
.canopyText {
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
}
.nameText {
    color: white;
}
/*searchengine*/
.categoryLogoImage {
    height: 27px;
    width: 27px;
    display: inline-block;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.textShowNow {
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
}
.deployNow {
    vertical-align: middle;
    padding: 22px;
    padding-left: 0px;
    padding-bottom: 0px;
    transition: 0.5s;
    width: 200px;
    cursor: pointer;
}
.deployNow:hover {
    transform: scale(1.1);
}
.containerCategoriesBody,
.divCategoryTop {
    margin: auto;
    max-width: 1080px;
}
.divCategoryTop > .filter {
    max-height: 0px;
    overflow: hidden;
    transition: all 1s ease-in;
}
.divCategoryTop > .filterDeploy {
    max-height: 600px;
    height: auto;
    display: block;
    visibility: visible;
    padding-bottom: 45px;
}
.selectedLineTopMenu > .textCategory {
    color: rgb(18, 165, 180) !important;
    font-weight: bold;
}
.fixedSelectedTop > .textCategory {
    color: rgb(18, 165, 180) !important;
    font-weight: bold;
}
.containerCategoriesBody {
    margin-top: 60px;
}
.containerCategories {
    position: absolute;
    background-color: transparent;
    padding: 25px;
    top: calc(42px + 20px - 55px);
}
.listCategoryTopMenu
    > .lineCategoryMenu
    > .containerCategories
    > .listCategoryTopMenu
    > .lineCategoryMenu
    > .containerCategories {
    top: calc(42px + 20px - 62px);
}
.containerCategoriesPhone {
    display: none;
}
.lineCategoryMenu {
    text-align: left;
    list-style: none;
    background-color: #fff;

    padding-left: 20px;
    padding-right: 20px;
}
.textCategory {
    display: inline-block;
    line-height: 49px;
    vertical-align: top;
    padding-left: 15px;
}
.categoryLine {
    width: 100%;
}
.subCategory {
    left: 250px;
    top: calc(42px + 20px - 46px);
}
.listCategoryTopMenu {
    max-width: 400px;
    z-index: 300;
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    width: 275px;
    color: black;
    min-height: 465px;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    left: calc(200px - 55px);
}
.logoCategory {
    max-height: 20px;
    margin-top: 15px;
    display: inline-block;
}
.textCategoryTopMenu {
    padding-left: 5px;
    padding-right: 15px;
    font-size: 18px;
    text-decoration-line: none;
    text-decoration: none;
    color: #888;
    position: relative;
    color: #777;
    margin-left: 5px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.categoryTopMenu {
    width: 192px;
    float: left;
    transition: 0.5s;
    height: 50px;
    cursor: pointer;
}
.categoryTopMenu:hover > .textCategoryTopMenu {
    color: #115365;
}
.activityBodySearchengine {
    padding-left: 25px;
    padding-right: 25px;
}
.SliderPubliCourseBody {
    text-align: center;
}
.filterBackToHome {
    display: none;
}
.lineCategoryMenu:hover {
    background-color: #f2f3f5;
    color: black !important;
}
.categoryLine:hover > .textCategory {
    color: black !important;
}
/*searchengine*/
.newLongCardSubSection {
    width: calc(100% - 185px - 45px);
    display: inline-block;
    margin-left: 45px;
    vertical-align: middle;
}
.newCardDescription {
    line-height: 20px;
    height: calc(20px * 2);
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
}
.cardLongContainerPulbicCourseTheme {
    width: 100%;
    padding: 25px;
    display: inline-block;
    cursor: pointer;
    height: auto;
    background: white;
    vertical-align: middle;
    border-radius: 4px;
}
.sectionFormer {
    cursor: pointer;
    transition: 0.5s;
}
.sectionFormer:hover {
    transform: scale(1.1);
}
.newImage {
    max-width: 100%;
    max-height: 100%;
}
.imageContainerCours {
    width: 185px;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.titleLongCardCoursTheme {
    color: black;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px;
    width: calc(100% - 100px);
    display: inline-block;
}
.levelSectionCard {
    padding-right: 5px;
    color: #115365;
    display: inline-block;
}
.buttonLongRedirectCardCours {
    width: 155px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    transition: 0.2s;
    border-radius: 3px;
    color: white;
    text-decoration: none;
    background-color: rgb(18, 165, 180);
    margin-top: 18px;
    margin-left: calc(50% - 155px);
}
.cardLongContainerPulbicCourseTheme:hover {
    background-color: #efefef;
}
.buttonLongRedirectCardCours:hover {
    transform: scale(1.1);
}
.listInfoCardCours {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.filterInput {
    display: inline-block;
}
.filterTitleContent {
    font-weight: 600;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 25px;
    border-bottom: 0.5px solid #ddd;
    padding-bottom: 5px;
    width: 65%;
    color: rgb(18, 165, 180);
}
.filterInput {
    margin-right: 5px;
}
.filterInputName {
    margin-left: 5px;
    margin-bottom: 5px;
}
.filterFilterSearchengine {
    display: inline-block;
    /*
	vertical-align: top;
	
	width: 19%;
	position: fixed;
	top: 132px;
	background-color: white;
	box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12), 0 1px 4px rgba(31, 31, 31, 0.12);
	height: 100%;
	*/
}
.deployNowShowCategorySearchengine {
    text-align: right;
}
.divCardSectionSearchengine {
    text-align: center;
    margin-top: 25px;
}
.sliderPubliCoursePublicCardCourse {
    margin-right: 5%;
    display: inline-block;
    width: 100%;
    max-width: 1080px;
    margin: auto;
    text-align: center;
}
.resourcesFilterContainer {
    vertical-align: top;
}
.resourcesFilterTitle {
    border-bottom: 1px solid #115365;
    border-top: 1px solid #115365;
    width: 75%;
    padding: 15px;
    padding-left: 15px;
    font-size: 25px;
    text-align: left;
    padding-left: 0px;
    color: #115365;
    display: none;
}
.sectionCategoriesCanopySliderItem {
    width: calc(15% - 11.3333px);
    padding: 0 8px;
    vertical-align: top;
    display: inline-block;
    display: flex;
    height: 80px;
    border-radius: 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: rgb(18, 165, 180);
    margin-right: 14px;
    transition: 0.4s;
    cursor: pointer;
    display: inline-block;
}
.sectionCategoriesCanopySliderItem:hover {
    transform: scale(1.1);
}
.sectionCategoriesCanopySliderThema {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 12px;
    text-decoration: none;
    height: 80px;
    color: #fff;
    font-size: 14px;
    white-space: initial;
    text-align: center;
}
.filter {
    display: inline-block;
    width: calc(100% / 4);
    vertical-align: top;
}
.filterFilterSearchengine {
    width: 100%;
    overflow: hidden;
}
.CategoryCanopies {
    margin-top: 35px;
}
.divSliderSectionSearchengine {
    margin-bottom: 250px;
}
.textShapeTitlePopulars {
    font-weight: normal;
    display: inline-block;
    text-align: center;
    width: 90%;
    color: #115365 !important;
    font-size: 30px;
    padding: 20px;
    border-bottom: 1px solid #115365;
    border-top: 1px solid #115365;
    margin-left: 5%;
    margin-right: 5%;
}
.imageLogo {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
}
.textLink {
    display: inline-block;
    vertical-align: middle;
    color: white;
}
.linkDescriptive {
    color: white;
    padding: 10px;
}
.linkDescriptive > a {
    color: white;
    font-size: 14px;
}
.divTabBarSearchengine {
    background-color: #115365 !important;
    height: 82px;
    display: block;
    background-color: rgb(18, 165, 180);
    margin-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 51px;
}
.search {
    max-width: 600px;
    display: inline-block;
    height: auto;
    text-align: center;
    width: 20%;
    height: 50px;
    /* float: left; */
    min-width: 250px;
    vertical-align: middle;
}
.searchSearchDiscover {
    max-width: 600px;
    height: auto;
    text-align: center;
    width: 100%;
    height: 50px;
    float: left;
}
.containerLinkHover {
    width: 255px;
    text-align: left;
    width: 270px;
    box-shadow: 0 1px 13px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    margin-left: 20px;
    color: white;
    background-color: #115365 !important;
    position: absolute;
}
.notPossibleDisplayNone {
    display: block !important;
}
.flyerMenuLinkDescriptiveSearchengine {
    background-color: #115365 !important;
    color: white;
    max-width: 300px;
    display: inline-block;
}
.containerLink {
    padding: 20px;
    max-width: 300px;
    margin-left: 50px;
}
.filterSection {
    display: inline-block;
    width: 20%;
    padding: 14px;
    font-size: 18px;
    border: 1px solid #dcdcdc;
    background-color: white;
    border-right: 1px solid #dcdcdc;
    color: #787878;
}
.cardCourseFormerTheme {
    font-size: 14px;
    display: inline-block;
    padding: 20px;
    padding-left: 10px;
}
.cardCoursePriceTheme {
    font-size: 20px;
    text-align: right;
    color: #115365 !important;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
}
.titleCardCoursTheme {
    padding-left: 10px;
    font-size: 17px;
    height: 42px;
    overflow: hidden;
    padding-right: 10px;
}
.newCardImageTheme {
    width: 100%;
    padding-top: calc(100% * 6 / 9);
    background-size: contain;
    background-color: white;
    height: 0px;
    border-bottom: 1px solid #ddd;
}
.formerImgCard {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    z-index: 4;
    background-size: cover;
    background-position: top;
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #115365;
    display: inline-block;
    vertical-align: middle;
}
.sectionFormer {
    padding-left: 10px;
    vertical-align: middle;
}
.selectedFilter {
    font-weight: bold;
    /*color:rgb(18, 165, 180);*/
}
.containerCategoriesBody,
.divCategoryTop {
    margin: auto;
    max-width: 1080px;
}
.divCategoryTop > .filter {
    max-height: 0px;
    overflow: hidden;
    transition: all 1s ease-in;
    width: 100%;
}
.divCategoryTop > .filterDeploy {
    max-height: 600px;
    height: auto;
    display: block;
    visibility: visible;
    padding-bottom: 45px;
}
.categoryLogoImage {
    height: 27px;
    width: 27px;
    display: inline-block;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.textShowNow {
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
}
.deployNow {
    vertical-align: middle;
    padding: 22px;
    padding-left: 0px;
    padding-bottom: 0px;
    transition: 0.5s;
    width: 200px;
    cursor: pointer;
}
.deployNow:hover {
    transform: scale(1.1);
}
.selectedLineTopMenu > .textCategory {
    color: rgb(18, 165, 180) !important;
    font-weight: bold;
}
.fixedSelectedTop > .textCategory {
    color: rgb(18, 165, 180) !important;
    font-weight: bold;
}
.containerCategoriesBody {
    margin-top: 60px;
}
.containerCategories {
    position: absolute;
    background-color: transparent;
    padding: 25px;
    top: calc(42px + 20px - 55px);
}
.listCategoryTopMenu
    > .lineCategoryMenu
    > .containerCategories
    > .listCategoryTopMenu
    > .lineCategoryMenu
    > .containerCategories {
    top: calc(42px + 20px - 62px);
}
.containerCategoriesPhone {
    display: none;
}
.lineCategoryMenu {
    text-align: left;
    list-style: none;
    background-color: #fff;

    padding-left: 20px;
    padding-right: 20px;
}
.textCategory {
    display: inline-block;
    line-height: 49px;
    vertical-align: top;
    padding-left: 15px;
}
.categoryLine {
    width: 100%;
}
.subCategory {
    left: 250px;
    top: calc(42px + 20px - 46px);
}
.listCategoryTopMenu {
    max-width: 400px;
    z-index: 300;
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    width: 275px;
    color: black;
    min-height: 465px;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    left: calc(200px - 55px);
}
.topMenuLogoCategory {
    max-height: 20px;
    max-width: 20px;
    display: inline-block;
    vertical-align: middle;
}
.logoCategory {
    max-height: 20px;
    margin-top: 15px;
    display: inline-block;
    vertical-align: middle;
}
.textCategoryTopMenu {
    padding-left: 5px;
    padding-right: 15px;
    font-size: 18px;
    text-decoration-line: none;
    text-decoration: none;
    color: #888;
    position: relative;
    color: #777;
    margin-left: 5px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.categoryTopMenu {
    width: 192px;
    display: inline-block;
    /* float: left; */
    transition: 0.5s;
    height: 50px;
    cursor: pointer;
    vertical-align: middle;
    height: 100%;
}
.categoryTopMenu:hover > .textCategoryTopMenu {
    color: #115365;
}
.activityBodySearchengine {
    padding-left: 25px;
    padding-right: 25px;
}
.SliderPubliCourseBody {
    text-align: center;
}
.filterBackToHome {
    display: none;
}
.lineCategoryMenu:hover {
    background-color: #f2f3f5;
    color: black !important;
}
.categoryLine:hover > .textCategory {
    color: black !important;
}
.cardBottomViewsLogoTheme,
.cardBottomViewsLogoTheme {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    opacity: 0.5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
    display: inline-block;
    margin-left: 10px;
}
.butonRedirectCardCours {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 25px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    transition: 0.2s;
    border-radius: 3px;
    color: white !important;
    text-decoration: none;
    background-color: rgb(18, 165, 180);
}
.cardCoursePriceTheme {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
}
.butonRedirectCardCours:hover {
    transform: scale(1.1);
}
.lineDate,
.lineViewa {
    padding: 15px;
    padding-right: 0px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.cardLongContainerPulbicCourseContainer {
    width: 100%;
    text-align: left;
    margin: auto;
    margin-bottom: 25px;
}
.cardLongBottomViewsTheme {
    display: inline-block;
    vertical-align: middle;
}
.buttonLongRedirectCardCours > .contentAcc {
    color: white;
}
.cardBottomSectionTheme {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.lineViewaDiscover {
    padding: 15px;
    padding-left: 10px;
    display: inline-block;
    padding-right: 10px;
    width: 50%;
    vertical-align: middle;
}
/*SUPPORT*/
.helpTabLeftSectionTextMobile {
    display: none;
}
.textShapeSupportTitle {
    font-size: 35px !important;
    padding: 10px;
    padding-top: 150px;
}
.htmlSupportSubTitle {
    margin-top: 70px;
    font-size: 20px;
    padding: 10px;
    line-height: 1.4;
}
.divPhoneSectionSupport,
.divEmailSectionSupport {
    display: inline-block;
    width: 400px;
    margin: 40px;
    background-color: #aaa;
    min-height: 250px;
    vertical-align: top;
    margin-top: 100px;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
}
.shapeImageContainerSupportPhoneTitle,
.shapeImageContainerSupportEmailTitle {
    text-align: left;
}
.shapeImageImageImgSupportPhoneTitle,
.shapeImageImageImgSupportEmailTitle {
    width: 2.5em;
    vertical-align: middle;
}
.shapeImageTextSupportEmailTitle,
.shapeImageTextSupportPhoneTitle {
    margin-left: 20px;
    font-size: 25px;
    color: white;
    line-height: 60px;
    vertical-align: middle;
    width: 2.5em;
}
.textShapeSupportPhoneNumber {
    font-size: 24px !important;
    text-align: left;
}
.textShapeSupportPhoneInfos,
.textShapeSupportEmailInfos {
    color: white;
    font-size: 19px !important;
    text-align: left;
}
.textPhoneNumberSupport {
    margin-top: 40px;
    font-size: 25px;
    font-weight: bold;
}
.textShapeSupportPhoneNumber {
    color: white;
}
.callBackButtonContactButtonSupport {
    margin: auto !important;
    margin-top: 25px !important;
}
.divHomeButtonContact {
    width: 100%;
    height: auto;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 54px;
    margin-bottom: 28px;
}
.linkContactButtonHome,
.callBackButtonLoginButtonHome,
.callBackButtonContactButtonHome {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    margin-right: 20px;
    margin-left: 20px;
    min-width: 207px;
    text-align: center;
}
.linkContactButtonHome > .LinkContainer > a,
.linkContactButtonHome > .contactusLinkContainer > a,
.callBackButtonLoginButtonHome > a,
.signupLinkContainer > a,
.contactSupportButtonActivityLink > a,
.accessPlatformButtonActivityLink > a,
.callBackButtonContactButtonSupport > a,
.forgotPassButtonLinkContainer > a {
    color: #ffffff;
    background-color: #115365;
    border: 1px solid #1c819d;
    text-decoration: none;
    padding: 0.7em;
    font-size: 1.4em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 207px;
}
/*pdfReader*/
.pdfButton {
    position: fixed;
    bottom: 0;
    left: calc(50% - 241px);
}
.editorCanvasActionBarBottom {
    margin: 30px;
    opacity: 1;
}

.callBackButtonContactButtonSupport>a:hover:active,
/*temp*/.callBackButtonContactButtonHome>a:hover:active {
    border-width: 1px 0 0 1px;
}
/*temp*/
.signupLinkContainer,
.linkContactButtonHome > .LinkContainer,
.linkContactButtonHome > .contactusLinkContainer {
    transition: 0.3s;
}
.callBackButtonLinkLoginPurchase > a:hover,
.callBackButtonLinkSignup > a:hover,
.callBackButtonLinkLogin > a:hover,
.buyButtonContainer > button:hover,
.linkContactButtonHome > .LinkContainer:hover,
.linkContactButtonHome > .contactusLinkContainer:hover,
.callBackButtonLoginButtonHome:hover,
.callBackButtonContactButtonHome:hover,
.callBackButtonContactButtonSupport > a:hover,
.contactSupportButtonActivityLink:hover,
.accessPlatformButtonActivityLink:hover,
.trainerContainer:hover,
.shapeFormButton:hover,
.forgotPassButtonLinkContainer > a:hover {
    transform: scale(1.1);
}
/**/
.trainerCanopyImg {
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: 0.7em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 50px;
    z-index: 1;
    border-radius: 2px;
}
.divSectionActor {
    padding: 30px;
    margin: 0px;
}
.divProfileSection {
    margin-top: 50px;
}
.professionalContaine r {
    display: inline-block;
    vertical-align: top;
}
.htmlContentProfileSectionActor {
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    padding: 40px;
    background-color: white;
    word-wrap: break-word;
}
.professinalSection {
    text-align: left;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    margin-top: 30px;
    background-color: white;
}
.professionalLogoOrganization {
    width: 130px;
    height: 130px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 15px;
}
.professionalFunction {
    font-size: 1.2em;
    color: rgba(0, 0, 0, 0.8);
    font-weight: bold;
    line-height: 1.5;
    padding: 20px;
    display: inline-block;
    min-width: 60%;
}
.professionalOrganization {
    font-size: 1em;
    color: #333;
    line-height: 1.5;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    min-width: 60%;
}
.professionalDate {
    font-size: 0.95em;
    color: #787878;
    line-height: 1.5;
    padding: 20px;
    display: inline-block;
    min-width: 60%;
}
.titleLoginForm {
    font-size: 30px;
    padding-bottom: 5px;
    border-bottom: solid 1px grey;
    margin-bottom: 20px;
}
.priceLogin {
    float: right;
    font-size: 22px;
    margin-bottom: 20px;
    color: rgb(18, 165, 180);
}
.textTitleLeftCheckout,
.textTitleRightCheckout {
    width: 50%;
    display: inline-block;
}
.textTitleLeftCheckout {
    text-align: left;
}
.textTitleRightCheckout {
    text-align: right;
}
.sectionPaye {
    margin: 50px;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 20;
    margin-top: 0;
    margin-bottom: 0;
}
.callBackButtonCheckoutButtonCheckout {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    vertical-align: middle;
}
.callBackButtonCheckoutButtonCheckout > a {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.5s;
    min-width: 207px;
    max-width: 250px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    border-width: 0 1px 1px 0;
    color: white;
    padding: 13px;
    background-color: rgb(160, 0, 30);
    vertical-align: middle;
}
.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    opacity: 0.2;
}
.shapeImageImageA {
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.shapeCheckBoxContainer {
    display: inline;
}
.androidDownloadBadge .shapeImageImageA {
    max-height: 110px;
}
.iosDownloadBadge .shapeImageImageA {
    max-height: 80px;
    margin-top: 10px;
}
.shapeImageImageA {
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.checkBox {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.androidDownloadBadge .shapeImageImageA {
    max-height: 110px;
}
.iosDownloadBadge .shapeImageImageA {
    max-height: 80px;
    margin-top: 10px;
}
.htmlTextCheckoutConditionCheckout {
    display: inline;
}
.trainerContainer {
    width: 50%;
    display: inline-block;
    padding-bottom: 4em;
    transition: 1s;
    cursor: pointer;
}
.windowBuyNowWindowCheckout > .shapeWindowContainerForm {
    width: 70%;
    max-height: none;
    max-width: none;
}
iframe {
    width: 100%;
}
.windowTrainer {
    width: 100%;
}
.trainerCanopycontents {
    position: relative;
    background-size: cover;
    background-position: center;
    padding-bottom: 25%;
}
.trainersContainer {
    padding-left: 50px;
}
.trainerNameWindowP,
.trainerOrganizationWindowP,
.trainerJobWindowP,
.trainerMailWindowP > a {
    width: 100%;
    display: inline-block;
    color: black;
    line-height: 1.8;
}
.trainerContainerWindowP {
    text-align: center;
}
.windowTrainerContainerForm {
    max-width: 1200px;
    width: 100%;
    padding-top: 120px;
}
.trainerImg {
    margin-top: 20px;
}
.forgotPassPageBeforBuy > .loginPageForgotPassActivityLink {
    margin-top: 0px;
}
.trainerCanopyDescription {
    border-left: none;
    border-top: none;
    position: absolute;
    text-align: left;
    max-width: 100%;
    left: calc(50% - 150px);
    width: 300px;
    background-color: white;
    bottom: -148px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    padding: 30px;
    border-radius: 10px;
    border: solid 1px #ececec;
}
.trainerCanopyActor {
    border-left: none;
    border-top: none;
    position: absolute;
    text-align: left;
    max-width: 100%;
    left: calc(50% - 150px);
    width: 300px;
    background-color: white;
    top: 198px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    padding: 30px;
    border-radius: 10px;
    border: solid 1px #ececec;
}
.shapeWindowTitleCloseTrainer:hover,
.trainerCardCourse:hover {
    transform: scale(1.1);
}
.objectiveIcon {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}
.titleDescriptiveTrainer {
    width: 100%;
}
.shapeWindowContent {
    padding: 20px;
}
.windowsDescriptiveSection {
    padding-bottom: 50px;
    width: 100%;
}
.trainerCanopyCard {
    width: 150px;
    height: 75px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4;
}
.trainerTitleCard {
    padding-top: 50px;
    width: 150px;
}
.shapeCanopyImageActor {
    min-height: 40vh;
    height: 40vh;
    vertical-align: bottom;
}
.shapeWindowTitleCloseTrainer {
    width: 47px;
    height: 47px;
    margin-top: calc(50px / 2 - 13px / 2);
    margin-left: calc(50px - 47px - 16px);
    background: rgba(1, 1, 1, 0.2);
    padding: 10px;
    top: 47px;
    position: absolute;
    transition: 0.5s;
}
.shapeWindowTitle {
    position: relative;
    z-index: 200;
}
.displayTransparent {
    background-color: transparent !important;
}
.divSectionLine {
    margin-bottom: 70px;
    padding: 2em;
    background-color: white;
    margin-top: 0px;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
}
/*Checkout*/
.imgCardActor {
    width: 150px;
    height: 150px;
    transition: 1s;
    background-repeat: no-repeat;
    z-index: 4;
    background-size: cover;
    background-position: top;
    border-radius: 50%;
    display: inline-block;
    border: solid 4px #115365;
}
.trainerCardCourseContainer {
    text-align: center;
}
.videoFull {
    vertical-align: top;
    padding-top: 100px;
}
.windowTrainerContainerForm {
    margin-bottom: 120px;
    padding-top: 0px;
}
.windowContentSecondTrainer {
    margin-top: 130px;
}
.trainerContainerCard {
    width: 100%;
    display: inline-block;
    padding-top: 50px;
    padding: 30px;
}
.trainerCardCourse {
    width: 150px;
    margin-right: 40px;
    display: inline-block;
    box-shadow: 0 1px 6px rgba(31, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    text-align: center;
    padding-bottom: 50px;
    margin-bottom: 50px;
    transition: 1s;
    cursor: pointer;
}
.trainerMail {
    height: 45px;
    width: 45px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.2s;
    margin-top: 5px;
}
.trainerMail:hover {
    transform: scale(1.1);
}
.divDivFirstSectionPurchase {
    vertical-align: middle;
}
.imgCardActor {
    width: 150px;
    height: 150px;
    transition: 1s;
    background-repeat: no-repeat;
    z-index: 4;
    background-size: cover;
    background-position: top;
    border-radius: 50%;
    display: inline-block;
    border: solid 4px #115365;
}
.priceReal,
.timeCheckout {
    font-size: 2em;
    width: 50%;
    float: right;
}
.textPriceCoursCheckout,
.textPriceCoursWttcCheckout,
.textTimeTotalCoursCheckout {
    width: 50%;
    float: right;
    text-align: right;
}
.textPriceLabeltCheckout,
.textPriceLabelCheckout,
.textTimeLabelCheckout {
    width: 50%;
    display: inline-block;
    text-align: left;
}
.trainerWindowImg {
    width: 150px;
    height: 150px;
    cursor: pointer;
    transition: 1s;
    background-repeat: no-repeat;
    z-index: 4;
    background-size: cover;
    background-position: top;
    border-radius: 50%;
    display: inline-block;
    border: solid 4px #115365;
}
.trainerNameWindow {
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.trainerOrganizationWindow,
.trainerJobWindow {
    box-sizing: border-box;
    outline: 0 solid;
    -webkit-tap-highlight-color: transparent;
    font-family: Century Gothic, arial;
    font-size: 1.15em;
    display: inline-block;
    width: 100%;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    line-height: 1.4;
}
.lineSummury {
    margin: 50px;
    background-color: #e8e9eb;
    padding: 20px;
}
.labelCheckout {
    font-size: 2em;
    display: inline-block;
}
/*Purchase*/
.containerLineWindow {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    padding: 10px;
    vertical-align: middle;
}
.containerSession {
    margin-top: 30px;
}
.titleSectionClassroom {
    margin-top: 30px;
    margin-bottom: 0px;
    color: rgb(18, 165, 180);
    width: 100%;
    font-size: 1.3em;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(18, 165, 180);
    text-align: left;
}
.containerLogoWindow {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}
.logoInWindow {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
    vertical-align: middle;
}
.textLogoInWindow {
    display: inline-block;
    vertical-align: middle;
}
.containerContent {
    vertical-align: middle;
    display: inline-block;
}
.textContainerContent {
    display: inline-block;
    vertical-align: middle;
}
.textContainerPlace {
    color: rgb(18, 165, 180);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
}
.containerParticipants {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    border-top: 1px solid #dddddd;
    padding-top: 20px;
    color: rgb(18, 165, 180);
}
.classroomsContainer {
    width: 100%;
    margin-top: 20px;
    display: inline-block;
    max-height: 15em;
    overflow: auto;
}
.addressClassroom {
    line-height: 1.5;
}
.classClassroom {
    margin-bottom: 10px;
    margin-top: 10px;
}
.titleContainerClassroom,
.classroomContainer {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
}
.classroomContainer {
    /*text-align:right;*/
}
.roomContainer {
    padding: 20px;
    margin: 45px;
    vertical-align: top;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
}
option:first {
    color: #999 !important;
}
.buttonDate {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 190px;
    max-width: 190px;
    width: 100%;
    height: 46px;
    font-size: 15px;
    font-weight: bold;
    border-width: 0px;
    color: white;
    background-color: rgb(18, 165, 180);
    text-transform: uppercase;
    outline: 0;
}
.buttonDate:hover {
    transform: scale(1.1);
}
.listDate {
    vertical-align: middle;
    width: calc(100% - 200px - 20px);

    font-size: 16px;
    height: 34px;

    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-;
    /*background-color: rgb(18, 165, 180);
	border: 1px solid #ccc;
	color: #fff;
	border-radius: 20px;*/
}
.divDivSectionLine {
    margin-bottom: 70px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.divDivInfoResumePurchase {
    margin-left: 5%;
    padding: 2em;
    background-color: white;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    display: inline-block;
    width: 500px;
    min-height: 464px;
    text-align: left;
}
.divGoalSectionPurchase {
    width: calc(100% - 5% - 500px);
    padding: 2em;
    background-color: white;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    display: inline-block;
    vertical-align: top;
}
.iconListIcon {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
}
.containerIcon {
    display: inline-block;
    margin: 10px;
}
.textLang {
    display: inline-block;
    vertical-align: middle;
}
.listDate > option {
    /*background-color:red;
	border-radius:10px;
	color: white;*/
}
.containerIcon {
    vertical-align: middle;
    width: 200px;
}
.containerListIcon {
    vertical-align: middle;
}
.sessionParentContainerFile {
    vertical-align: middle;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
}
.divSectionBuy {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    display: inline-block;
}
.shadowNone {
    box-shadow: none;
}
.classroomTitle {
    font-size: 1.2em;
}
.textDate {
    margin-top: 15px;
    font-size: 1em;
}
.tagTrue {
    background-color: #ff9800;
}
.tagFalse {
    background-color: rgb(18, 165, 180);
}
.tag {
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    width: max-content;
    /*position: absolute;*/
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 5px;
}
.tagsContainer {
    position: relative;
    margin-top: 7px;
}
.disabledButton {
    pointer-events: none;
    opacity: 0.4;
}
.textContentIcon {
    display: inline-block;
    width: auto;
}
/*puchase*/
.inputContainerTitle {
    display: inline-block;
}
.divSessionSelectedPurcahseSignupPurchase {
    display: inline-block;
    width: auto;
}
.textPriceCoursSignupPurchase {
    display: inline;
}
.listIconContaienr {
    text-align: left;
}
.iconContainerfullWidth {
    width: 50%;
    display: inline-block;
    margin: 0px;
    margin-bottom: 20px;
}
.textContentfullWidth {
    text-align: right;
    width: 50%;
    display: inline-block;
}
.cardRoomContainer {
    vertical-align: middle;
    height: 250px;
    width: calc(33% - 70px);
    padding: 20px;
    display: inline-block;
    margin: 35px;
    vertical-align: top;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
}
.dateTitle {
    text-align: center;
    font-size: 20px;
}
.carClassroomContainer {
    text-align: center;
    overflow: hidden;
    height: 346px;
}
.titleRoomContainer {
    height: 140px;
}
.tagPage {
    color: white;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 5px;
    bottom: 0px;
}
.tagsContainerPages {
    display: block;
    margin-top: 7px;
}
.pagesButtonSession {
    text-align: right;
}
.textContentfullWidth,
.textIconfullWidth {
    font-size: 20px;
}
.textTextBeforLinkConditionCheckout,
.LinkTextCheckoutConditionCheckout {
    display: inline-block;
}
.textLineLink {
    color: black;
    margin-right: 5px;
    font-size: 15px;
}
.GeneralConditionSaleActivityLink {
    font-size: 18px;
}
.linkContainerMiddle,
.pagesButtonSession {
    text-align: center;
}
.linkContainerRebuildPages {
    border-radius: 4px;
    color: white;
    text-decoration: none;
    padding: 15px;
    background-color: rgb(18, 165, 180);
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 350px;
    max-width: 400px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    border-width: 0px;
    color: white;
    background-color: rgb(18, 165, 180);
    text-transform: uppercase;
    outline: 0;
    margin-top: 35px;
}
.linkContainerRebuildPages:hover {
    transform: scale(1.1);
}
.divSummarySectionCheckout {
    padding: 30px;
}
.listIconInfoContentSectionPurchase {
    margin-top: 66px;
}
.buttonDate {
    margin-left: 0px;
}
.signupLinkContainer:hover {
    transform: scale(1.1);
}
.textIconPrice {
    font-size: 30px;
    font-weight: bold;
}
.contentContainercard {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12),
        0 1px 4px rgba(31, 31, 31, 0.12);
    padding: 10px;
    vertical-align: middle;
}
.divInfoSectionWindowCheckout {
    padding: 20px;
}
.callBackButtonDetailButtonCheckout > a,
.callBackButtonSessionSectionWindowCheckout > a {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: 0.3s;
    min-width: 190px;
    max-width: 230px;
    width: 100%;
    padding: 15px;
    font-weight: bold;
    border-width: 0px;
    color: white;
    background-color: rgb(18, 165, 180);
    outline: 0;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.callBackButtonDetailButtonCheckout > a:hover,
.callBackButtonSessionSectionWindowCheckout > a:hover {
    transform: scale(1.1);
}
.pagesButtonSession,
.callBackButtonDetailButtonCheckout {
    text-align: right;
}
.callBackButtonSessionSectionWindowCheckout {
    text-align: center;
}
.callBackButtonDetailButtonCheckout {
    margin-top: 15px;
}
.sliderArrowNewRight {
    border-left: 30px solid rgb(18, 165, 180);
    right: 11em;
}
.sliderArrowNewLeft {
    border-right: 30px solid rgb(18, 165, 180);
    left: 220px;
}
.sliderArrowNew {
    z-index: 20;
    cursor: pointer;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    width: 30px;
    top: calc(56% - 30px);
    position: absolute;
    display: block;
    transition: 0.4s;
}
.sliderArrowNew:hover {
    transform: scale(1.1);
}
.sliderArrowContainer {
    position: absolute;
    width: 71%;
}
.trainerNameWindowP,
.trainerJobWindowP {
    font-size: 1em;
}
.trainerOrganizationWindowP {
    font-size: 1.2em;
}
.priceLine {
    font-size: 18px;
    font-weight: bold;
    width: calc(100% - 250px);
}
.shapeWindowTitleTextForm {
    /*text-transform: uppercase;*/
}
.showWithoutVideo {
    width: 100%;
}
/*MEDIA*/
@media only screen and (min-width: 1250px) {
}
@media only screen and (max-width: 1300px) {
    .linkLinkDescriptivePurchase,
    .linkLinkContentCoursPurchase {
        width: 15%;
    }
    .columnSimple {
        width: calc(33.33%);
    }
    .columnMinusSimple {
        width: calc(200% / 3);
    }
    .listChild {
        width: 85%;
    }
    .videoPlayerVideoPurchase {
        width: 90%;
    }
    .videoPlayerVideoPurchase,
    .divDescriptiveSection {
        margin-bottom: 5em;
        margin-top: 5em;
        padding: 2em;
        background-color: white;
        vertical-align: top;
        margin-top: 0px;
        width: auto;
        min-height: none;
        max-height: none;
        max-width: none;
    }
    .divDescriptiveSection {
        margin-right: 0px;
    }
    .trainerCanopyDescription {
        top: 0px;
    }
    .priceReal,
    .labelCheckout {
        font-size: 1em;
    }
    .checkBoxAccepteCheckoutConditionCheckout {
        margin-top: 20px;
    }
    .divDivInfoResumePurchase {
        margin-left: 0px;
    }
    .divGoalSectionPurchase {
        width: 100%;
        margin-bottom: 70px;
    }
    .cardRoomContainer {
        width: calc(50% - 90px) !important;
    }
    /*canopy*/
    .textShapePlatformCanopyTitle {
        font-size: 35px !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        bottom: auto;
    }
    .textShapeTitleData,
    .textShapePlatformCanopySubTitle {
        /*font-size: 20px !important;*/
        bottom: auto;
    }
    .divHomeButtonContact {
        margin-top: 24px;
        margin-bottom: 0px;
    }
    .callBackButtonContactButtonAbout,
    .callBackButtonContactButtonPrices,
    .linkLoginButtonHome {
        margin-top: 0px;
    }
    .signupLinkContainer > a,
    .callBackButtonLoginButtonHome > a,
    .callBackButtonContactButton > a {
        margin-left: calc(50% - 90px);
        margin-top: 18px;
        max-width: 180px;
        min-width: 180px;
        font-size: 16px;
        display: block;
    }
    /*tutorials*/
    .textTitleTutorials {
        top: calc(50% - 22px);
    }
    /*home ph*/
}
@media only screen and (max-width: 1200px) {
    .resourcesSliderContainer {
        padding-top: calc(100% * 16 / 19);
    }
    .divSlidersSectionHome {
        padding-top: 0px;
    }
    .divTitleInstanceSectionHome {
        padding-bottom: 75px;
        padding-top: 75px;
    }
}
@media only screen and (max-width: 1080px) {
    .deskHiddenInlineBlock {
        display: inline-block !important;
    }
    .mobileHiddenInlineBlock {
        display: none !important;
    }
    .slideSectionTitle {
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
    .slideSectionText,
    .htmlTextRightSection,
    .htmlTextLeftSection,
    .textRightSection,
    .textLeftSection {
        font-size: 18px;
    }
    .serviceCard {
        margin-top: 40px !important;
        margin-bottom: 0px !important;
    }
    .containerChild {
        margin-right: 0px;
        margin-left: 0px;
    }
    .slideInAnimation {
        margin-top: 50px;
    }
    .divHomeButtonContact {
        margin-top: 24px;
        margin-bottom: 0px;
    }
    .fixedTitleCours > .textShapePlatformCanopyTitle {
        font-size: 20px !important;
        text-align: center;
        transition: 0.5s;
    }

    .textSubTitleHome {
        margin-top: 15px;
    }
    .divSectionLine {
        padding: 1em !important;
    }
    .divDivSectionLine,
    .divSectionLine {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    .trainerContainer {
        width: 100% !important;
    }

    .imageImageLeftSectionMobile,
    .imageImageRightSectionMobile {
        display: block;
        /*margin-top:5em;*/
    }
    .mobileHidden {
        display: none !important;
    }
    .desktopHidden {
        display: block !important;
    }
    .mobileHiddenInline {
        display: none !important;
    }
    .desktopHiddenInline {
        display: inline-block !important;
    }
    .divPhoneSectionSupport,
    .divEmailSectionSupport {
        margin: 10px;
        display: block;
        width: calc(100% - 20px);
        margin-bottom: 40px;
    }
    .shapeImageContainerSupportPhoneTitle,
    .shapeImageContainerSupportEmailTitle {
        text-align: center;
    }
    .textShapeSupportPhoneInfos,
    .textShapeSupportEmailInfos,
    .textShapeSupportPhoneNumber {
        text-align: center;
    }
    .textShapeSupportTitle {
        margin-top: 0px;
        padding-top: 0px;
    }
    .htmlSupportSubTitle {
        margin-bottom: 50px;
        margin-top: 20px;
    }
    .toggleableShapeErrorExpirePage,
    .toggleableShapeErrorInvalidPage,
    .toggleableShapeSuccessPage {
        padding: 30px;
    }
    /*TOP MENU*/
    .topMenuLogoTitle {
        display: none;
    }
    .topMenuLogoSection {
        padding-left: 10px;
        width: auto;
    }
    .activityBodySupport {
        padding-bottom: 50px;
        padding-top: 40px;
    }
    .textDescriptionCorporate {
        margin-top: 20px;
    }
    .htmlInfoReminderReminder,
    .htmlInfoRecoverRecover {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .htmlSuccessMessage,
    .backFromSuccessPageActivityLink {
        padding-left: 0px;
    }

    /*slide Sections*/

    .slideSectionRightDiv,
    .divLeftSection,
    .divRightSection {
        width: 100%;
    }

    .slideSectionImageContainer,
    .imageImageLeftSectionMobile,
    .imageImageRightSectionMobile,
    .imageImageLeftSection,
    .imageImageRightSection {
        width: 100% !important;
        margin-bottom: 0px;
    }

    .shapeImageImageLarge {
        max-width: 70%;
        max-height: 250px;
        margin-bottom: 20px;
    }
    .containerLi {
        width: 100%;
    }
    .divProfileSection {
        margin-top: 160px;
    }
    .linkLinkTargetAudiencePurchase,
    .linkLinkDescriptivePurchase,
    .linkLinkContentCoursPurchase,
    .linkLinkGoalPurchase,
    .linkLinkTrainerPurchase {
        display: none;
    }
    .buyButtonContainer {
        margin: 0px;
        text-align: center;
    }
    .buyButtonBuyButtonPurchase {
        float: none;
    }
    .divContentPage {
        padding: 0px;
        padding-top: 60px;
        padding-bottom: 100px;
    }
    .divSectionCouts {
        margin: 0px;
        width: 100%;
        display: inline-block;
        padding: 10px;
    }
    .divDescriptiveSection {
        width: calc(100% - 20px);
        display: inline-block;
        margin: 10px;
    }
    .htmlDescriptiveContentSectionTwoPurchase,
    .htmlDescriptiveContentSectionPurchase {
        padding-top: 0px;
        margin-top: 0px;
        position: relative;
        display: inline-block;
    }
    .videoPlayerVideoPurchase {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
        min-height: none;
        max-height: none;
        max-width: none;
        padding-bottom: 40px;
    }
    .containerChild {
        display: flex;
    }
    .trainerContrainer {
        width: 100%;
        text-align: center;
    }
    .fixedSecondMenuCours {
        top: 114px;
    }
    .buyButtonBuyButtonPurchase {
        width: 100%;
    }
    .trainerCanopyDescription {
        top: 60px;
        height: 338px;
    }
    .windowContentSecondTrainer {
        margin-top: 300px;
    }
    .professinalSection {
        text-align: center;
    }
    /*canopy*/
    .textTitleBanner > .textShapeTitleData {
        font-size: 2.1em !important;
    }
    .textSubTitleBanner > .textShapeTitleData {
        margin-top: 10px !important;
    }
    .gratuitLinkContainer > a {
        margin-left: calc(50% - 90px);
        margin-top: 18px;
        max-width: 180px;
        min-width: 180px;
        padding: 0.5em;
        font-size: 16px;
        display: block;
    }
    .divHomeButtonContactHome {
        padding-top: 0px;
        width: 100%;
        text-align: center;
    }
    .linkAPartnersHEPLHome > .linkContainer > a,
    .linkAPartnersHFRHome > .linkContainer > a,
    .linkAPartnersHesSoValaisHome > .linkContainer > a,
    .linkAPartnersDBGEPHome > .linkContainer > a,
    .linkAPartnersGetsHome > .linkContainer > a {
        width: 100%;
        min-height: 50px;
    }
    .divSectionPartnersLineSideHome {
        padding-top: 10px;
        padding-bottom: 10px;
        /*background-color:#f5f5f5;*/
    }
    .activityLinkImage {
        min-height: 50px;
    }
    .textShapeTitlePlatform {
        font-size: 1.4em !important;
        border-bottom: 0px solid;
        width: 100%;
    }
    .subTileCard {
        padding-bottom: 5px;
    }
    .cardTitleContainer {
        padding-top: 4%;
    }
    .tileCardImg {
        width: 26%;
        padding-bottom: 26%;
        /* margin-left: 38%; */
        height: 0px;
        box-sizing: border-box;
        background-size: contain;
    }
    .slideInAnimation {
        margin-bottom: 0px;
    }
    .cardLinked {
        width: 45%;
    }
    /*HOME*/
    .titleData {
        font-size: 1.6em !important;
    }
}
@media only screen and (max-width: 960px) {
    /*TOP MENU*/
    .divDivSectionLine,
    .divSectionLine {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .trainerContainer {
        width: 100% !important;
    }
    .divBanner {
        margin-bottom: 0em;
    }
    .topMenuMorphMenu {
        text-align: center;
        position: relative;
        max-height: 500px;
        /*no really dynamic... considering 5 entries in topMenu*/
        overflow: hidden;
        /*border-bottom: 1px solid #ccc;*/
        /*border-left: 1px solid #ccc;*/
        background-color: white;
        transition: 0.5s;
    }
    .topMenuLanguageSelect {
        display: block;
        padding-right: 0;
        line-height: 20px;
    }
    .topMenuActivityLink {
        display: block;
        line-height: 50px;
    }
    .topMenuActivityLinkSelected {
        border-bottom: 0px solid;
        color: #006ab3;
    }
    .topMenuLinksContainer {
        text-align: center;
    }
    .topMenuLinksWindowArrow,
    .topMenuLinksWindowArrowBorder {
        /*top: 34px;*/
        display: none;
    }
    .topMenuLinksWindow {
        display: inline-block;
        position: relative;
        margin-left: 0 /*calc(50% - (190px / 2))*/;
        margin-right: 0 /*calc(50% - (190px / 2))*/;
        width: 100%;
        margin-top: 15px;
        border: 0px;
        padding-top: 0px;
    }
    .topMenuMorphMenuButton {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 69px;
        width: 60px;
        padding-right: 15px;
        text-align: right;
        cursor: pointer;
    }
    .topMenuMorphMenuButtonImg {
        max-height: 40px;
        display: inline-block;
        /*margin-top: 5px;*/
        vertical-align: middle;
    }
    .topMenuMorphMenuClosed {
        max-height: 69px;
        border-width: 0;
    }
    .topMenuLinksContainer,
    .topMenuLanguageSelect {
        opacity: 1;
        transition: 0.5s;
        width: 100%;
    }
    .topMenuMorphMenuClosed > .topMenuLinksContainer,
    .topMenuMorphMenuClosed > .topMenuLanguageSelect {
        opacity: 0;
        pointer-events: none;
    }
    /*HOME*/
    .textTitle {
        margin-top: 55px;
    }
    .canopy {
        padding-top: calc(100% * 4 / 4);
    }
    /*SUPPORT*/
    .helpTabLeftSection {
        width: 50px;
        text-align: center;
    }
    .helpTabLeftSectionText {
        display: none;
    }
    .helpTabLeftSectionTextMobile {
        display: inline-block;
        height: auto;
        /* line-height: 70px; */
        font-size: 36px;
        font-weight: bold;
        color: white;
        /*text-shadow: 0 0 10px black;*/
    }
    .helpTabContainer {
        top: auto;
        bottom: 50px;
    }
    .helpTabContainerOut {
        right: -300px;
    }
    /*fadeIn*/
    .fadeInAnimation {
        transition: 2s;
    }
    /*slideIn*/
    .divSlidersSectionTwo,
    .divSlidersSection {
        padding-top: 30px;
        padding-bottom: 40px;
        /*padding-left:20px;
		padding-right:20px;*/
    }
    .divSlidersSectionPrices {
        padding-left: 40px;
        padding-right: 40px;
    }
    .slideSection,
    .divSlideRightSection,
    .divSlideLeftSection {
        padding: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
    }
    .slideInAnimation {
        width: 100% !important;
    }
    .slideInAnimationHidden {
        opacity: 0;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .divSlideRightSection {
        padding-top: 0px;
    }
    .shapeImageCaptcha {
        width: calc(100% - 50px);
    }
    .textShapeTitleRightSection,
    .textShapeTitleLeftSection,
    .textShapeTitleService,
    .textServiceTitle,
    .activityBodyPrices > .div > .text {
        margin-bottom: 5px;
        font-size: 22px !important;
        border-bottom: 0px solid !important;
        width: 100%;
    }
    /*cards*/
    .newCardContainerTheme {
        width: calc(100% - 20px);
        margin: 10px;
    }
    /*tutorials*/
    .divLeftContent {
        max-width: 1280px;
        width: calc(100%);
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin-right: 0px;
        margin-left: 0px;
    }
    .containerImgTutorialsLeft {
        width: 100%;
    }
    .contentLine {
        width: 100%;
        text-align: center;
    }
    .ResourcesBoxPublicCardCourseWatching {
        width: 100%;
        background-color: white;
        float: right;
        padding: 20px;
        text-align: center;
    }
    .divRightBar {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        min-width: 0px;
    }
    .contentLineLinked {
        text-align: center;
        width: 100%;
        margin-top: 10px;
        max-width: 100%;
    }
    .contentSectionRightViewerLink {
        width: 100%;
        text-align: center;
    }
    .divFloatRightBar {
        display: none;
    }
    .playerFramePlayerPdfFrame {
        width: 100%;
    }
    /*canopy & slider*/
    .sliderElementTitle {
        overflow: hidden;
        font-size: 20px;
        max-height: 147px;
        text-overflow: ellipsis;
    }
    .sliderElementDescription {
        font-size: 15px;
    }
    .activitiesBodyContainerNoScroll {
        height: auto;
    }
}
@media only screen and (max-width: 780px) {
    /*tutorials*/
    .cardLinkCatgory {
        margin: 0px;
        margin-top: 22.5px;
        margin-bottom: 22.5px;
    }
    .divCardSectionTutorials {
        margin-left: 5px;
        margin-right: 5px;
    }
    .imageCardTutoriel {
        height: 200px;
        background-size: contain;
    }
    .titleCardViwerLink {
        font-size: 17px;
        width: 100%;
    }
    .containerCardViewer {
    }
    .titleLineLinked {
        font-size: 1.3rem;
        line-height: 1.3;
        margin-bottom: 6px;
        display: -webkit-box;
        max-height: calc(1.3rem * 1.3 * 2);
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: center;
        width: 100%;
    }
    .pathPathTutorialsengine {
        margin-left: calc(2.5% + 10px);
        margin-right: calc(2.5% + 10px);
        padding-left: 0px;
    }
    .ResourcesBoxPublicCardCourTutorialsengine {
        padding-left: 10px;
        padding-right: 10px;
    }
    /*.lineElementResultInfosDescription {
		font-size: 0.8rem;
		color: #333;
		line-height: 1.6;
		overflow: hidden;
		max-height: calc(0.8rem * 1.6 * 2);
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.lineElementResultInfosDate {
		font-size: 0.9rem;
		/* position: absolute; 
		margin-top: 10px;
		right: 1.5em;
		color: #656565;
		padding: 0px;
		font-weight: bold;
	}
	/*canopy*/
    .imgSlider {
        padding: 22px;
    }
    .canopy {
        padding-top: calc(100% * 4 / 4);
    }
    .divRightSection,
    .divLeftSection,
    .slideSection,
    .divSlideRightSection,
    .divSlideLeftSection {
        padding: 0px;
    }
    .contentContainercard {
        padding: 20px;
        text-align: center;
    }
    .trainerContainer {
        width: 100% !important;
    }
    .trainersContainer {
        padding-left: 0px !important;
    }
    .sliderElementDescription {
        display: none;
    }
    .divSlidersSectionPrices {
        padding-left: 20px;
        padding-right: 20px;
    }
    /*FOOTER*/
    .footerLeftSection,
    .footerRightSection {
        width: 100%;
        text-align: center;
    }
    .footerLeftSection {
        border-bottom: 1px solid #aaa;
        padding-bottom: 35px;
        padding-top: 25px;
    }
    .footerRightSection {
        padding-bottom: 25px;
        padding-top: 35px;
    }
    .footerLanguageSelect {
        margin-top: 25px;
    }
    .footerIntrepidCopyright {
        margin-top: 25px;
    }
    .footer {
        padding: 20px;
        height: auto;
    }
    .footerLanguageSelect {
        display: inline-block;
    }
    /*HOME*/
    .divSubLineCorporateImageContainer,
    .divSubLineCorporateName {
        width: 100%;
        padding: 0;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
    .divTitleInstanceSectionHome {
        padding-bottom: 0px;
        padding-top: 45px;
    }
    .divTitleTitleBannerHome,
    .divBanner {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
        padding-top: 2em;
        padding-bottom: 2em;
    }
    .divBannerSection {
        margin-top: 0em;
        padding-left: 20px;
        padding-right: 20px;
    }
    .divLongTextSectionHome {
        margin-left: 0px;
        margin-right: 0px;
    }
    .divSlideCardSection {
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 35px;
    }
    .divFullTextSection {
        margin-top: 25px;
    }
    /*maybe...*/
    .divSubLineCorporateImageContainer {
        display: none;
    }
    /*SIGNUP / LOGIN*/
    .form {
        padding: 10px !important;
    }
    /*canopy title*/
    .textShapePlatformCanopyTitle {
        font-size: 40px;
    }
    .shapeCanopyImageHalfScreen .textShapePlatformCanopyTitle {
        padding-top: 0px;
    }
    .textShapePlatformCanopySubTitle {
        padding-left: 20px;
        padding-right: 20px;
    }
    .callBackButtonContactButtonAbout,
    .callBackButtonContactButtonPrices,
    .linkLoginButtonHome {
        margin-top: 0px;
    }
    /*
	.textShapePlatformCanopySubTitle{
		font-size: 25px;
		padding-top:10px;
	}
	*/
    .windowSignupWindowPurchase > div {
        /*margin-top:0px;*/
    }
    .logoInWindow,
    .textListIcon {
        display: none;
    }
    .listDate {
        width: 100%;
    }
    .containerLogoWindow,
    .containerIcon {
        margin-right: 0px;
        margin-left: 0px;
        width: auto;
    }
    .divDivInfoResumePurchase {
        width: 100%;
    }
    .dateTitle,
    .textContentfullWidth {
        width: calc(100% - 50px) !important;
        text-align: center;
    }
    .iconContainerfullWidth {
        width: auto !important;
    }
    .contentContainerfullWidth {
        margin: 0px !important;
    }
    .carClassroomContainer {
        height: 300px;
    }
    .cardRoomContainer {
        width: calc(90% - 40px) !important;
        margin: 20px !important;
        padding: 5px !important;
    }
}
@media only screen and (max-width: 570px) {
    .divSlideCardSection {
        margin-top: 1em;
    }
    .divFullTextSection {
        margin-top: -15px;
    }
    .textShapePlatformCanopySubTitle {
        font-size: 25px !important;
    }
}
@media only screen and (max-width: 480px) {
    /*tutorials*/

    .fullWidth {
        margin-top: 10px;
    }
    .dateTitle,
    .textContentfullWidth {
        width: 100% !important;
        text-align: center;
    }
    /*cards*/
    li {
        width: calc(100% - 60px);
    }
    .newCardContainerTheme {
        width: calc(100% - 10px);
        margin: 5px;
    }
    .resourcesBoxAllWidthResources {
        padding-left: 5px;
        padding-right: 5px;
    }
    .iconNone {
        display: none;
    }
    .buttonDate {
        width: 100%;
        max-width: none;
        left: 0px;
        min-width: 0;
        margin-right: 0px;
        margin-left: 0px;
    }
    .titleContainerClassroom,
    .classroomContainer {
        margin-top: 10px;
        text-align: center;
        width: 100%;
        /*border-top:1px solid #ccc;*/
    }
    .roomContainer {
        width: calc(100% - 20px);
        margin: 10px;
    }
    .tag {
        width: 100%;
    }
    .containerParticipants {
        margin-top: 10px;
    }
    .carClassroomContainer {
        height: 290px !important;
    }
    .iconListIcon {
        display: none;
    }
    .contentContainerfullWidth {
        margin-top: 35px !important;
    }
    .LinkTextCheckoutConditionCheckout {
        width: 100%;
    }
    .sectionPaye {
        margin: 25px;
    }
    .textTextBeforLinkConditionCheckout,
    .LinkTextCheckoutConditionCheckout {
        display: block !important;
    }
    .trainerCanopyActor {
        margin: 6px;
    }
    .callBackButtonDetailButtonCheckout > a {
        max-width: none;
    }
    .sliderArrowNew {
        top: calc(53% - 30px);
    }
    /*HOME*/
    .htmlLongTestHome,
    .divSlideCardSection {
        padding: 0px;
    }
}