/* HOME */
.ss_home_1 {
    background-image: url(/wp-content/themes/html5blank-stable/img/backgrounds/Header2023.png);
    padding: 172px 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -69px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 7;
}
.ss_h1 span:first-child {
	position: relative;
	display: block;
	font-family: 'Montserrat_m';
	font-size: 29px;
	line-height: 35px;
	font-weight: bold;
	letter-spacing: 4.35px;
	color: #37BFBB;
	text-transform: uppercase;
	text-align: center;
	top: -50px;
    opacity: 0.5;
}
.ss_h1 span:last-child {
	position: relative;
	display: block;
	font-family: 'Montserrat_m';
	font-size: 60px;
	line-height: 61px;
	font-weight: bold;
	letter-spacing: 6px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	bottom: -20px;
    opacity: 0.5;
}
.ss_home_1 p {
	text-align: center;
	font-family: 'Asap_r';
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0;
	color: #FFFFFF;
	max-width: 925px;
	padding: 0 20px;
}
.ss_lien_concept {
	background-color: #37BFBB;
	border-radius: 20px;
	color: #FFF;
	font-family: 'Asap_b';
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-top: 30px;
    border: 2px solid #37BFBB;
    transition-duration: .3s;
}
.ss_lien_concept:hover {
	background-color: transparent;
	color: #37BFBB;
}
.ss_go_to {
	margin-top: 70px;
	border: 2px solid #37BFBB;
	width: 58px;
	height: 58px;
	border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ss_home_2 {
    background-image: url(/wp-content/themes/html5blank-stable/img/backgrounds/Sesahub-home.png);
    background-repeat: no-repeat;
    z-index: 6;
    background-position: top center;
    position: relative;
    top: -350px;
    padding-top: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}
.ss_home_2 .ss_fade_2 {
    background: url(/wp-content/themes/html5blank-stable/img/backgrounds/Sesahub-home-3.png) no-repeat;
    background-position: center 102px;
    width: 100%;
    height: 1000px;
    position: absolute;
    top: -74px;
    transition-duration: .7s;
}
.ss_home_2 .ss_fade_3 {
    background: url(/wp-content/themes/html5blank-stable/img/backgrounds/Sesahub-home-4.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 1000px;
    position: absolute;
    top: 0;
    transition-duration: .7s;
}
.jy_fade { opacity: 0; }
.ss_fade_2 { opacity: 0; left: -500px; }
.ss_fade_3 { opacity: 0; right: -500px; }
.ss_h2 {
	margin: 0;
	text-transform: uppercase;
}
.ss_h2 span:first-child {
	position: relative;
	display: block;
	text-align: center;
	font-family: 'Montserrat_m';
	font-weight: bold;
	font-size: 29px;
	line-height: 29px;
	letter-spacing: 4.35px;
	color: #001481;
	top: -50px;
    opacity: 0.5;
}
.ss_h2 span:last-child {
	position: relative;
	display: block;
	text-align: center;
	font-family: 'Montserrat_m';
	font-weight: bold;
	font-size: 60px;
	line-height: 73px;
	letter-spacing: 6px;
	color: #FFF;
	bottom: -20px;
    opacity: 0.5;
}
.ss_home_2 > p {
	text-align: center;
	font-family: 'Asap_r';
	font-size: 22px;
	line-height: 26px;
	color: #001481;
	max-width: 568px;
	margin-bottom: 40px;
    padding: 0 25px;
}
.ss_lien_ensavoirplus {
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	font-family: 'Asap_b';
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	background-color: #37BFBB;
	border-radius: 100px;
	color: #ffffff;
    border: 2px solid #37BFBB;
    transition-duration: .3s;
    z-index: 9;

}
.ss_lien_ensavoirplus:hover {
	background-color: transparent;
	color: #37BFBB;
}
.ss_lien_ensavoirplus span { color: #FFF; transition-duration: .3s; }
.ss_lien_ensavoirplus:hover span { color: #37BFBB; }

/* OUTILS ADAPTES */
.ss_outils_adaptes {
	max-width: 1300px;
	width: 100%;
	margin-top: 80px;
}
.ss_outils_adaptes_title {
	display: flex;
    align-items: center;
}
.ss_outils_adaptes_title span {
	white-space: nowrap;
	padding-right: 10px;
	color: #001481;
	font-family: 'Asap_b';
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 1.8px;
	text-transform: uppercase;

}
.ss_outils_adaptes_title hr {
	width: 100%;
	border-color: #060DBE;
	border-width: 0.5px;
}
.ss_outils_adaptes_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -10px;
}
.ss_outils_adaptes_content > * {
    width: calc(100% / 3 - 20px);
    margin: 10px;
    background-color: #CEE3FF;
    min-height: 374px;
    background-repeat: no-repeat;
    background-position: top center;
}
.ss_oa_content {
	background-color: #FFF;
	border-radius: 24px;
    padding: 10px 10px 30px;
	width: calc(100% - 56px);
	margin: 50% 28px 0;
	min-height: 123px;
}
.ss_oa_content h3 {
	text-align: center;
	font-family: 'Montserrat_m';
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 1.8px;
	color: #001481 !important;
	margin: 0;
}
.ss_oa_content h3 span { color: #37BFBB; }
.ss_oa_content p {
	text-align: center;
	font-family: 'Asap_r';
	color: #001481;
	font-size: 13px;
	line-height: 15px;
    margin: 10px 0 0;
}
.ss_oa_lien {
	position: relative;
    top: -19px;
    background-color: #060DBE;
    color: #FFF;
    margin: 0 auto;
    font-family: 'Asap_b';
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    display: block;
    width: 134px;
    text-align: center;
    padding: 10px;
    border-radius: 24px;
    border: 2px solid #060DBE;
    transition-duration: .3s;
}
.ss_outils_adaptes_content > *:hover .ss_oa_lien {
	background-color: #FFF;
	color: #060DBE !important;
}
.ss_oa_lien span { color: #37BFBB; }
.ss_oa_1 { background-image: url(/wp-content/themes/html5blank-stable/img/category/SESAHUB.png); }
.ss_oa_2 { background-image: url(/wp-content/themes/html5blank-stable/img/category/SESACOM.png); }
.ss_oa_3 { background-image: url(/wp-content/themes/html5blank-stable/img/category/SESAAUDIT.png); }
.ss_oa_4 { background-image: url(/wp-content/themes/html5blank-stable/img/category/E-STATION.png); }
.ss_oa_5 { background-image: url(/wp-content/themes/html5blank-stable/img/category/E-LEANBOARD.png); }
.ss_oa_6 { background-image: url(/wp-content/themes/html5blank-stable/img/category/EMEETING.png); }
.ss_oa_7 { background-image: url(/wp-content/themes/html5blank-stable/img/category/SESAHUB.png); }


.ss_home_3 {
	background-image: url(/wp-content/themes/html5blank-stable/img/backgrounds/accompagnementHome.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 5;
    position: relative;
    top: -630px;
    padding: 400px 0 180px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 870px;
}
.ss_home_3 p {
	text-align: center;
	font-family: 'Asap_r';
	font-size: 25px;
	line-height: 28px;
	color: #FFFFFF;
	max-width: 678px;
    margin: 30px auto 10px;
    padding: 0 20px;
}

.ss_home_4 {
    background-image: url(/wp-content/themes/html5blank-stable/img/backgrounds/grid-arrow.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 4;
    position: relative;
    top: -830px;
    padding: 280px 0 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ss_societe_content {
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1048px;
}
.ss_societe_content > div {
    width: 111px;
    height: 111px;
    margin: 10px;
    border-radius: 100%;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.ss_home_5 {
    background-image: url(/wp-content/themes/html5blank-stable/img/backgrounds/footerHomeV2.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3;
    position: relative;
    margin-top: -1030px;
    padding: 250px 0 660px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ss_h2 .ss_color { color: #B9CEF7 !important; }
.ss_lien_demo {
	background-color: #001481;
	border-radius: 20px;
	color: #FFF;
	font-family: 'Asap_b';
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-top: 30px;
    border: 2px solid #001481;
    transition-duration: .3s;
}
.ss_lien_demo:hover {
	background-color: #FFF;
	color: #001481;
}



/* 1340px */
@media screen and (max-width: 1340px) {
	.ss_outils_adaptes { margin: 80px auto 0; max-width: 1000px; /*width: calc(100% - 40px);*/ }
	.ss_outils_adaptes_content > a {
		width: calc(50% - 20px);
		min-height: unset;
	}
}



/* 768px */
@media screen and (max-width: 768px) {
	.ss_home_1 { top: 0; padding: 60px 0 130px; }
	.ss_home_2 { top: -150px; padding-top: 200px; }
	.ss_home_3 { top: -300px; padding: 180px 0 130px 0; min-height: unset; }
	.ss_home_4 { top: -380px; padding: 130px 0 60px; }
	.ss_home_5 { padding: 120px 0 290px; margin-top: -460px; }
	.ss_lien_demo { font-size: 10px; }
	.ss_h1,	.ss_h2 { padding: 0 10px; }
	.ss_h1 span:first-child,
	.ss_h2 span:first-child { font-size: 16px; line-height: 19px; letter-spacing: 1px; max-width: 200px; margin: 0 auto; }
	.ss_h1 span:last-child,
	.ss_h2 span:last-child { font-size: 32px; line-height: 38px; letter-spacing: 2px; }
	.ss_outils_adaptes_content { margin: 0; }
	.ss_outils_adaptes_content > a { width: 100%; margin: 5px 0; }
	.ss_oa_content { margin: 220px 28px 0; }
	.ss_societe_content { margin-top: 50px; }
	.ss_lien_concept { letter-spacing: unset; }
}