/*var*/
@import url("rootColor.css");
/*option width*/

.activityBody {background: white;}
.imageFormImageLogin > .shapeImageContainer > .shapeImageImageImg {
    max-width: 100px;
    height: 100px;
    border-radius: 16px;
}
.textShapeTitleRightSection, .textShapeTitleLeftSection{
	display:none;
}
.helpTabRightSection {
	background-color: #fafafa;
}
.imageImageFullSection > .borderGrey > .shapeImageImage{
	border-color: #fff;
	margin-left:40px;
	margin-right:40px;
	width: calc(100% - 80px);
}

/*topMenu*/
.languageSelectInlineOptionSelected{
	color:var(--left-menu-color-selected);
}
.topMenuActivityLinkSelected {
	color:var(--left-menu-color-selected);
	border-color:var(--left-menu-color-selected);
}
/*CANOPEES*/
.textShapePlatformCanopySubTitle, .textShapePlatformCanopyTitle {
	color: var(--title-canopy-color)!important;
	text-shadow: black 0 0 3px;
	/*text-shadow: transparent 0 0 0px;*/
}

.callBackButtonLoginButtonHome > a,.callBackButtonContactButton > a  {
	background-color: var(--main-bg-color-button)!important;
	border-color: var(--main-border-color-button)!important;
}
.signupActivityLink{
	background-color: var(--secondary-bg-color-button)!important;
	border-color: var(--secondary-border-color-button)!important;
}
/*contentHome*/
.slideSectionText, .htmlTextRightSection, .htmlTextLeftSection, .textRightSection, .textLeftSection {
   	font-size: 18px;
	line-height: 1.7;
	height: calc(6 * 1.7 * 18px);
	overflow: hidden;
}
.divSlideCardSection{
	width: calc(33.33% - 50px) !important;
	margin-left: 25px;
	margin-right: 25px;
	box-shadow: 0 1px 6px rgba(40, 31, 31, 0.12), 0 1px 4px rgba(31, 31, 31, 0.12);
	padding: 50px;
}
.activityBodyHome {
	text-align: center;
}
.containerBodyReduce{
	max-width: 1180px;
	padding-left: 25px;
	padding-right: 25px;
	display: inline-block;
	margin: 0px;
}
.divLongTextSectionHome {
    margin-left: 0px;
    margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
}
.textTitleBannerHome,
.divTitleTitleBannerHome,.divBannerHome{
	border:0px!important;
	padding-bottom: 0px;
	margin-left:0px;
}
.textShapeTitleData, .titleData {
	color:var(--content-color-color);
	text-align: left;
	font-size: 33px;
}
.textShapeTitleRightSection,.textShapeTitleLeftSection{
	color:var(--title-color-color);
	border-color:var(--main-border-color)!important;
}
.actorPortraitName {
	color:var(--title-color-color);
}
.divTitleInstanceSectionHome{
	padding:0px;
	padding-bottom: 25px;
	padding-top: 25px;
}
.imageImageFullSection {
	height: 130px;
}
/*WINDOW*/
.shapeWindowTitle{
	background-color:var(--main-bg-color);
}
.shapeFormButton{
	background-color:var(--validate-bg-color-button);
	border-color: var(--validate-border-color-button)!important;
}
.shapeFormButton:hover{
	background-color:var(--validate-bg-color-button-hover);
	border-color: var(--validate-border-color-button-hover)!important;
}

/*extra Layer*/
a.accessPlatformButtonActivityLink,
.helpTabRightSectionButton,
.helpTabLeftSection{
	background-color:var(--main-bg-color-button);
	border-color: var(--main-bg-color-button);
}
@media only screen and (max-width: 1180px){
	.divSlideCardSection {
		width:255px !important;
		padding:25px;
		margin-top: 50px
	}
}
@media only screen and (max-width: 580px){
	.imageImageFullSection{
		margin-bottom: 15px;
	}
	.containerBodyReduce{
		padding:15px;
	}
	.divSlideCardSection{
		margin:0px;
		margin-top: 50px
	}
	.textRightSection, .textLeftSection {
		text-align: center;
	}
}