/*EXTRA RENDERER*/
/*colors*/
.newCardContainerTheme {
	border: 1px solid #ececec;
    border-radius: 16px;
    overflow: hidden;
}
.resourcesSliderContainer {
	max-width: 100%;
}
.videoShape2thirdWidth > .watchLeftContainerVideo > .watchLeftContainerPlayerVideo {
	z-index:1;
}
.newCardImageTheme {
	background-size: cover;
}
.newCardDescriptionTheme {
	font-size:13px;
}
.newCardContainerLabel {
	background-color: #ff9800;
	border-color: #ff9800;
	font-weight: bold;
}
.learnmoreActivityLink,
.freecoursesActivityLink,
.backgroudCorporate,
.helpTabLeftSection,
.shapeWindowTitle,
.newCardAccessButton, .sliderElementAccessButton{
	background-color: #4fb146;
}

.colorCorporate,
.textShapeSupportTitle,
.textShapeSupportPhoneNumber,
.languageSelectInlineOptionSelected,
.languageSelectInlineOption:hover,
.topMenuActivityLink:hover,
.activityLink:hover{
	color: #4fb146;
}
.backArrowBefore:hover:before{
	border-color: transparent #4fb146 transparent transparent;
}
.borderColorCorporate,
.topMenuActivityLinkSelected{
	border-color: #4fb146;
	color: #4fb146;
}
.learnmoreActivityLink:hover,
.freecoursesActivityLink:hover {
	color:#ffffff;
}
.shapeFormButton,
.forgotPassButtonActivityLink>a,
a.contactSupportButtonActivityLink,
a.accessPlatformButtonActivityLink,
.linkContactButtonHome>.LinkContainer>a,
.linkContactButtonHome>.contactusLinkContainer>a,
.callBackButtonContactButton>a,
.buttonShapedActivityLink>a,
.callBackButtonContactButtonSupport>a,
.forgotPassButtonLinkContainer >a,
#buttonPost  {
	border: 1px solid #20a914 ;
	background-color: #4fb146;
}

.shapeFormButton>a:hover,
.forgotPassButtonActivityLink>a:hover,
a.contactSupportButtonActivityLink:hover,
a.accessPlatformButtonActivityLink:hover,
.linkContactButtonHome>.LinkContainer>a:hover,
.linkContactButtonHome>.contactusLinkContainer>a:hover,
.callBackButtonContactButton>a:hover,
.buttonShapedActivityLink>a:hover,
.callBackButtonContactButtonSupport>a:hover,
.forgotPassButtonLinkContainer >a:hover,
#buttonPost {
	border: 1px solid #20a914 ;
	background-color: #4fb146;
}
/*temp*/
.activitiesBodyContainer {
    position: relative;
    text-align: center;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 10;
    min-height: 100vh;
}
.titleContainer {
	border-bottom: 2px solid #4fb146;
}
.topMenuActivityLink:active {
	color: #6aca61;
}
.cardInfosViews{
	color: #d00;
}
/*top menu*/
/*specific*/
.learnmoreLinkContainer.buttonShapedActivityLink {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
		margin-top: 20px;
}
.learnmoreLinkContainer.buttonShapedActivityLink > a{
	color: white;
}
.linkSchoolButton {
    text-align: right;
}
.linkSchoolButton > .learnmoreLinkContainer {
    margin-top: 0;
}
.activityBodyHome{
	max-width:none;
	text-align: center;
	padding-bottom: 80px;
}
.topMenuLogoTitle{
	overflow: visible;
}
/*.resourcesSlider {
	margin-top:30px;
}*/
.resourcesBoxAllWidthResourcesHome, .divAboutSectionHome {

    max-width: 1500px;
    display: inline-block;
}
.divAboutSectionHome {

    background-color: #ddd;
    padding: 0;
    overflow: hidden;
	border-radius: 20px;

}
.resourcesBoxAllWidthResourcesHome{
	min-height: 500px;
}
.textAboutTitleHome > div {

    font-size: 25px;
    margin-bottom: 20px;
		text-align: left;
		color: green;

}
.videoAboutVideoHome {

    display: inline-block;
    /*border-radius: 20px 0 0 20px;*/
    overflow: hidden;
    height:400px;

}
.divSectionSeparatorHome, .divSectionSeparator2Home {
	border-top: 2px solid green;
	/*border-top: 1px solid #a9a9a9;*/
	/*border-top:0px;*/
	width: 100%;
	margin: auto;
	max-width: 1440px;
	margin-top: 80px;
	margin-bottom: 80px;
	display: block;
}
.videoAboutVideoHome{
	width: 50%;
	vertical-align: middle;
	padding-left: 30px;
}
.divAboutSideSectionHome {
    display: inline-block;
    padding: 30px;
	width: 50%;
	vertical-align: middle;

}
.htmlAboutTextHome {

    font-size: 18px;
    line-height: 26px;
		text-justify: auto;
		text-align: justify;

}
.htmlAboutTextHome > a{
	color: green;
}
.textCaroleFoodTitle > * {

    border-bottom: 2px solid green;
    display: inline-block;
    border-top: 2px solid green;
    font-size: 50px;
    margin-top: 33px;
    margin-bottom: 50px;
    padding: 10px;
    /*text-shadow: #666 0 0 10px;*/

}
.divAboutSectionHome, .divCaroleSectionHome{
	width: calc(100% - 20px);
	line-height: 0;
	max-width: 1440px;
}
.divCaroleSideSectionHome, .divAboutSideSectionHome{
	line-height: normal;
}
.divCaroleSectionHome {
	margin-top: 60px;
    display: inline-block;
    /*background-color: #666;*/
    border-radius: 20px;
    overflow: hidden;
}
.divCaroleSideSectionHome {

    display: inline-block;
    vertical-align: top;
}
.imageCaroleImageHome {
	/*height: 600px;*/
}
.divCaroleLeftSection{
	float: left;
}
.divCaroleRightSection{
	float: right;
}
.imageCaroleImageHome > .shapeImageContainer,
.imageCaroleRightImageHome > .shapeImageContainer {
	width: 100%;
	height: 100%;
	margin: 0;
	margin-bottom:20px;
}
.imageCaroleImageHome > .shapeImageContainer > .shapeImageImageImg{
	height: auto;
	width: auto;
	border-radius: 0px;
	overflow: hidden;
	max-width: 300px;
	max-height: 300px;
}
.imageCaroleImageHome > .shapeImageContainer > .shapeImageText{
	display: inline-block;
	padding-top: 30px;
	font-size: 40px;
	color: #333;
	transform: rotate(-10deg);

	animation-name: zoomQualitatif;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 7;
}
@keyframes zoomQualitatif {
	0% {transform: scale(1) rotate(-10deg);}
	25% {transform: scale(1.3) rotate(-14deg);}
	75% {transform: scale(0.7) rotate(-6deg);}
}
.textCaroleSideTitleHome > div {
	margin-bottom:86px;
    color: green;
    font-size: 35px;
	text-align: center;
}
.htmlCaroleSideTextHome {

    color: #333;
    text-align: left;
    margin-top: 20px;
    font-size: 20px;
    line-height: 35px;
    word-spacing: 5px;
	padding-bottom: 20px;

}
.divSlideInDiv1,
.divSlideInDiv2,
.divSlideInDiv3,
.divSlideInDiv4,
.divSlideInDiv5{

    height: 300px;
    background-color: green;
    width: 100%;
    margin-top: 10px;
}
/*MEDIA*/
@media only screen and (min-width: 1250px){
	.newCardContainerTheme{
		width: calc(25% - 20px);
		margin: 10px;
	}
	.newCardTitleTheme{
		height: 60px;
		white-space: normal;
	}
}

@media only screen and (max-width: 1250px){
	.divAboutSideSectionHome, .videoShape2thirdWidth{
		width: 50%;
		vertical-align: middle;
	}
}
@media only screen and (max-width: 970px){
	.textCaroleFoodTitle > * {
		font-size: 9vw;
	}
	.divAboutSideSectionHome, .videoShape2thirdWidth,
	.imageCaroleImageHome, .divCaroleSideSectionHome{
		width: 100%;
		display: block;
	}
	.divAboutSectionHome {
		padding:10px !important;
	}
	.videoAboutVideoHome {
		padding-left: 0px !important;
	}
	.imageCaroleImageHome{
		display: inline-block;
		height: auto;
	}
}
@media only screen and (max-width: 750px){
	/*topMenu*/
	.topMenuMorphMenu:not(.topMenuMorphMenuClosed){
		max-height: 151px;
	}
}
@media only screen and (max-width: 600px){

}
