:root {
	--capitale-blue: #0008c1;
	--capitale-soft: #0009d8;
}

.header-section {
	display: flex;
	height: 50vh;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1005%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 8%2c 193%2c 1)'%3e%3c/rect%3e%3cpath d='M946.070147705983 403.1130262529494L856.9319201371761 392.1682281212503 885.0838367240309 531.3479685403101z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1237.9660256797831 85.33736439204125L1087.0411363443607 50.4936081953465 1203.1222694830883 236.26225372746373z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M13.463364192138322 365.3474039895184L-16.807427229077543 470.9141992183621 88.75936799976617 501.18499063957796 119.03015942098202 395.61819541073424z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M477.839%2c655.801C517.868%2c657.198%2c556.9%2c639.557%2c578.054%2c605.546C600.42%2c569.587%2c605.538%2c522.81%2c582.765%2c487.108C561.28%2c453.426%2c517.692%2c445.637%2c477.839%2c448.438C443.223%2c450.871%2c413.316%2c470.367%2c395.685%2c500.255C377.73%2c530.693%2c372.549%2c567.7%2c389.053%2c598.948C406.644%2c632.254%2c440.196%2c654.487%2c477.839%2c655.801' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1030.7833859979448 167.31210794894739L970.8337285710547 263.25161473338176 1066.773235355489 323.20127216027186 1126.7228927823792 227.26176537583746z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1312.519%2c211.265C1342.665%2c211.07%2c1374.122%2c202.065%2c1389.147%2c175.929C1404.135%2c149.858%2c1396.763%2c117.76%2c1380.996%2c92.153C1366.077%2c67.924%2c1340.973%2c51.429%2c1312.519%2c51.48C1284.15%2c51.531%2c1259.499%2c68.339%2c1244.469%2c92.399C1228.35%2c118.203%2c1219.035%2c150.53%2c1234.151%2c176.934C1249.338%2c203.461%2c1281.953%2c211.463%2c1312.519%2c211.265' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1005'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");    
	background-size: cover;
}

.header-section-page {
	display: flex;
	height: 15vh;
	width: 100%;
	justify-content: left;
	align-items: center;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1005%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 8%2c 193%2c 1)'%3e%3c/rect%3e%3cpath d='M946.070147705983 403.1130262529494L856.9319201371761 392.1682281212503 885.0838367240309 531.3479685403101z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1237.9660256797831 85.33736439204125L1087.0411363443607 50.4936081953465 1203.1222694830883 236.26225372746373z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M13.463364192138322 365.3474039895184L-16.807427229077543 470.9141992183621 88.75936799976617 501.18499063957796 119.03015942098202 395.61819541073424z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M477.839%2c655.801C517.868%2c657.198%2c556.9%2c639.557%2c578.054%2c605.546C600.42%2c569.587%2c605.538%2c522.81%2c582.765%2c487.108C561.28%2c453.426%2c517.692%2c445.637%2c477.839%2c448.438C443.223%2c450.871%2c413.316%2c470.367%2c395.685%2c500.255C377.73%2c530.693%2c372.549%2c567.7%2c389.053%2c598.948C406.644%2c632.254%2c440.196%2c654.487%2c477.839%2c655.801' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1030.7833859979448 167.31210794894739L970.8337285710547 263.25161473338176 1066.773235355489 323.20127216027186 1126.7228927823792 227.26176537583746z' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1312.519%2c211.265C1342.665%2c211.07%2c1374.122%2c202.065%2c1389.147%2c175.929C1404.135%2c149.858%2c1396.763%2c117.76%2c1380.996%2c92.153C1366.077%2c67.924%2c1340.973%2c51.429%2c1312.519%2c51.48C1284.15%2c51.531%2c1259.499%2c68.339%2c1244.469%2c92.399C1228.35%2c118.203%2c1219.035%2c150.53%2c1234.151%2c176.934C1249.338%2c203.461%2c1281.953%2c211.463%2c1312.519%2c211.265' fill='rgba(0%2c 9%2c 216%2c 1)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1005'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");    
	background-size: cover;
	background-position: center;
}

.capitale-blue {
	background-color: var(--capitale-blue);
}

.btn.capitale-blue:hover, .btn-large.capitale-blue:hover {
	background-color: var(--capitale-soft);
}

.btn.capitale-blue:focus, .btn-large.capitale-blue:focus {
	background-color: var(--capitale-soft);
}

a {
	color: var(--capitale-blue);
}

label {
	font-size: 1.3em !important;
	color: var(--capitale-blue) !important;
}

.text-capitale-blue {
	color: var(--capitale-blue);
}

ul.dropdown-content li a {
	color: var(--capitale-blue) !important; /* no need for !important :) */
}

.menu-button {
	font-weight: bold;
}

nav.nav-center ul {
	text-align: center !important;
}
nav.nav-center ul li {
	display: inline !important;
	float: none !important;
}
nav.nav-center ul li a {
	display: inline-block !important;
}

.modern {
	border-radius: 160px;
}

.action-card {
	margin-top: -150px;
}

.card-text {
	position: absolute;
	padding: 15px;
	bottom: 0;
	left: 0;
	background: linear-gradient(360deg, rgba(0,8,193,1) 00%, rgba(0,8,193,0) 100%);
	inline-size: 100%;
	overflow-wrap: break-word;
	border-radius: 0.625em;
}

.card-modern {
	position: relative;
	border-radius: 0.625em;
	height: 350px;
}

.card-modern-no-height {
	position: relative;
	border-radius: 0.625em;
	border: solid 0.5px grey;
	padding: 10px;
}

.card-title {
	color: white;
	font-size: 2em;
	inline-size: 100%;
	overflow-wrap: break-word;
}

.buddy {
	padding-right: 0px;
	transition-duration: 1000ms;
}

.buddy:hover {
	padding-right: 20px;
	transition-duration: 1000ms;
}

.white-emphase {
	background-color: rgb(254, 254, 254);
	border-radius: 10px;
	padding: 10px;
	width: 100%;
}

.brand-logo {
	opacity: 0;
	transition-duration: 200ms;
}

.brand-logo-active {
	opacity: 1;
	transition-duration: 200ms;
}

.logo-pos {
	margin-left: max(7%, calc((102vw - 1280px)/2));
	margin-top: 10px;
}

.dropdown-pos {
	position: fixed;
	right: max(7%, calc((102vw - 1280px)/2));
	margin-top: 15px;
}

.dropdown-content {
	width: 250px;
}

.page-title {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.stat-main {
	font-weight: bold;
}

.stat-descr {
	font-weight: bold;
	font-size: 2em;
	margin-top: -15px;
	text-transform: uppercase;
}

.emphase-title {
	font-weight: bold;
	color: var(--capitale-blue);
	font-size: 3em;
	line-height: 50px;
}

.emphase-descr {
	font-weight: 500;
	margin-bottom: 90px;
}

.expertise-descr {
	font-weight: 500;
	text-align: justify;
}

.chip-legend {
	font-weight: bold; 
	color:var(--capitale-blue);
}

.emphase-legend {
	position: absolute;
	bottom: 0;
}

.chip-icon-legend {
	float: right;
	font-size: 16px;
	line-height: 32px;
	padding-left: 8px;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.header-logo {
	width: 250px; 
	margin-top: -20vh;
}

.main-title {
	font-weight: bold;
}

.second-title-container {
	padding: 40px !important;
}

.container {
	width: 90%;
}

.toolbar-fixed {
	width: 100%;
	padding: 0;
	height: 56px;
	position: fixed;
	bottom: 0px;
	z-index: 2;
}

.toolbar-fixed.active > a i {
	opacity: 0;
}

.toolbar-fixed ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	top: 0;
	bottom: 0;
}


.toolbar-fixed ul li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	
	height: 100%;
	transition: none;
	position: relative;
	top: -15px;
}


.toolbar-fixed ul li a{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	line-height: 56px;
	z-index: 3;
}

.toolbar-fixed ul li a i {
	line-height: inherit;
}

.toolbar-fixed ul {
	left: 0;
	right: 0;
	text-align: center;
}

.toolbar-fixed ul li {
	margin-bottom: 15px;
}

.tag-blue {
	background-color: rgb(215, 215, 255);
	padding: 4px;
	border-radius: 100px;
}

.tag-red {
	background-color: rgb(253, 185, 185);
	padding: 4px;
	border-radius: 100px;
}

.ressources-illustration {
	position: relative;
	background: linear-gradient(90deg, var(--capitale-blue) 21px, transparent 1%) center, linear-gradient(var(--capitale-blue) 21px, transparent 1%) center, #f0f0ff;
  	background-size: 22px 22px;
	border-radius: 10px 10px 0 0;
	padding: 10px;
	min-height: 120px;
	transition-duration: 1000ms;
}

.ressources-illustration:hover {
	background-size: 23px 23px;
	transition-duration: 1000ms;
}

.ressources-description {
	background-color: rgb(254, 254, 254);
	border-radius: 0 0 1.5em 1.5em;
	padding: 10px;
}

.ressources-title {
	font-weight: bold;
	color: #f0f0ff;
	font-size: 3em;
	margin-top: 15px;
}

.ressource-elem {
	border: solid rgb(230, 230, 230) 1px;
	border-radius: 10px;
	padding: 15px;
	background-color: white;
}

.ressource-elem:hover {
	background-color: rgb(240, 240, 255);
	transition-duration: 100ms;
}

.ressource-icon {
	max-height: 100px;
	border-radius: 10px;
}

.ressource-title {
	font-weight: 500;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.ressource-description {
	text-align: left;
}

.equal-height {
	height: 350px;
}

.secure-height {
	height: 370px;
}

hr {
	border: solid rgb(230, 230, 230) 1px;
}

.startups {
	display: none;
}

.workplace {
	display: block;
}

.activity-icon {
	height: 50px;
}

.activity-title {
	color: var(--capitale-blue);
	font-weight: 700;
}

.valign-wrapper {
	flex-wrap: wrap !important;
}

.medias-title {
	font-size: 8em !important;
	font-weight: 500;
	color: white;
	font-size: 6em;
}

.blob-mouv {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='500' height='560' preserveAspectRatio='none' viewBox='0 0 500 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1015%26quot%3b)' fill='none'%3e%3cpath d='M155.673%2c685.276C200.64%2c685.636%2c241.746%2c661.662%2c265.231%2c623.314C289.871%2c583.08%2c298.043%2c532.341%2c274.302%2c491.57C250.687%2c451.015%2c202.599%2c435.731%2c155.673%2c435.166C107.533%2c434.586%2c55.877%2c446.854%2c31.986%2c488.65C8.223%2c530.222%2c23.618%2c581.049%2c49.115%2c621.582C72.731%2c659.124%2c111.322%2c684.92%2c155.673%2c685.276' fill='rgba(0%2c 9%2c 216%2c 0.32)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M534.379%2c420.588C587.326%2c420.972%2c640.273%2c396.616%2c664.42%2c349.495C686.991%2c305.449%2c668.332%2c254.099%2c640.758%2c212.999C616.705%2c177.147%2c577.551%2c155.999%2c534.379%2c155.668C490.575%2c155.332%2c449.282%2c174.796%2c425.137%2c211.346C398.076%2c252.309%2c384.84%2c304.114%2c407.561%2c347.635C431.751%2c393.969%2c482.111%2c420.209%2c534.379%2c420.588' fill='rgba(0%2c 9%2c 216%2c 0.32)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M251.90249249964404 32.99172724930186L133.70845755882692 64.66172346186971 165.37845377139476 182.85575840268683 283.5724887122119 151.185762190119z' fill='rgba(0%2c 9%2c 216%2c 0.32)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M398.5453642988555 27.856023410754844L235.86169127514825 47.67370672152701 320.06921612646306 163.57542149450381z' fill='rgba(0%2c 9%2c 216%2c 0.32)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1015'%3e%3crect width='500' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.activity-description {
	margin-bottom: 50px;
}

.know-more-btn {
	position: absolute;
	left: 15px;
	bottom: 10px;
}


@media only screen and (max-width: 1320px) {
	.card-title {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 600px) {
	.card-title {
		font-size: 2em;
	}

	.main-title {
		font-size: 2.7em;
	}
	.logo-pos {
		margin-top: 6px;
	}
	.page-title {
		font-size: 1.8em;
	}
}

@media only screen and (max-width: 992px) {
	.emphase-title {
		font-size: 1.7em;
	}

	.logo-pos {
		margin-left: 0;
	}

	.header-logo {
		margin-top: -24vh;
	}

	.card-modern {
		border-radius: 10px;
		height: 250px;
	}

	.main-title-container {
		text-align: center;
	}

	.medias-title {
		font-size: 3em !important;
	}

	.small-medias-title {
		font-size: 1em !important;
	}
}