@media only screen and (min-device-width: 375px) and (max-device-width: 896px) and (orientation: portrait) {
.fix {
height: 102% !important;
}
.fix-footer-text {
margin-left: -11% !important;
}
.fix-footer-text-minus-20 {
margin-left: -20% !important;
}
.fix-footer {
width: 130% !important;
}
.fix-footer-height {
height : 130% !important;
}
.fix-footer-140 {
width: 140% !important;
}
.fix-carousel {
height: 102% !important;
}
}
body {
overflow-x: hidden;
font-family: 'Raleway', 'Roboto', sans-serif;
--beige: 230, 222, 201;
--olive-green: 124, 152, 127;
--light-green: 112, 154, 153;
--strong-green: 41, 78, 84;
}
.bg-beige {
background-color: rgb(var(--beige));
}
.bg-beige-opaque {
background-color: rgba(var(--beige), 0.9);
}
.bg-olive-green {
background-color: rgb(var(--olive-green));
}
.bg-olive-green-opaque {
background-color: rgba(var(--olive-green), 0.9);
}
.bg-olive-green-transparent {
background-color: rgba(var(--olive-green), 0.2);
}
.bg-light-green {
background-color: rgb(var(--light-green));
}
.bg-light-green-transparent {
background-color: rgba(var(--light-green), 0.2);
}
.bg-light-green-opaque {
background-color: rgba(var(--light-green), 0.9);
}
.bg-strong-green {
background-color: rgb(var(--strong-green));
}
.color-white {
color: white !important;
}
.fa-linkedin {
font-size: 25px;
position: relative;
bottom: 1px;
}
.justify-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.lang-dash {
color: white;
}
footer .nav-link {
color: #34495e !important;
}
footer .navbar {
background-color: white;
padding: 20px 0px;
z-index: 2;
-webkit-box-shadow: 15px 20px 30px 30px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 30px rgba(0, 0, 0, 0.2);
}
.navbar-light {
background-color: transparent !important;
}
.extens-navbar {
padding: 10px 2vw;
height: 160px;
-webkit-transition: 0.25s all;
-o-transition: 0.25s all;
transition: 0.25s all;
}
.extens-sticky-navbar {
height: 115px;
background-color: white !important;
-webkit-transition: 0.25s all;
-o-transition: 0.25s all;
transition: 0.25s all;
z-index: 99;
-webkit-box-shadow: 15px 20px 20px 1px rgba(0, 0, 0, 0.15);
box-shadow: 15px 20px 20px 1px rgba(0, 0, 0, 0.15);
}
.extens-sticky-navbar .dropdown-item {
color: #34495e !important;
}
.extens-sticky-navbar .absolute-lang {
position: absolute;
top: -35px;
right: 5px;
}
.extens-sticky-navbar .nav-link:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #34495e;
bottom: 0px;
-webkit-animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
}
.extens-sticky-navbar .nav-item:hover a:before {
-webkit-animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
}
.extens-sticky-navbar .nav-active {
border-bottom: 3px solid #007575;
}
.extens-sticky-navbar .linkedin-logo {
-webkit-filter: invert(1);
filter: invert(1);
}
.extens-sticky-navbar .lang-dash {
color: #34495e;
}
.extens-sticky-navbar .no-halo-logo {
opacity: 1;
}
.extens-sticky-navbar .halo-logo {
opacity: 0;
display: none;
}
.extens-sticky-navbar .navbar-brand {
z-index: 4;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.no-halo-logo img {
height: 80px;
}
.absolute-lang {
position: absolute;
top: 20px;
right: 2.25vw;
}
.absolute-lang img {
height: 22px;
}
.absolute-lang li {
margin: 0 10px;
padding: 5px 0px;
}
.absolute-lang a {
text-decoration: none;
font-weight: 600;
font-size: 15px;
}
.parent-video {
min-height: 100vh;
width: 100%;
overflow: hidden;
top: 0px;
}
.halo-logo {
opacity: 1;
position: absolute;
top: -150px;
left: -70px;
}
.logo-horizontal {
display: block !important;
}
.logo-vertical {
display: none !important;
}
.halo-logo-div {
position: relative;
}
.player-video-btn {
/* color: #0C5D83; */
z-index: 9999;
position: absolute;
top: 75%;
left: 50%;
transform: translateX(-50%);
border: none;
border-radius: 0 !important;
background: url('../img/btn-background.png'), #1c2f43;
cursor: pointer;
font-family: arial;
font-weight: bold;
padding: 10px 50px;
color: white;
}
.player-video-btn:hover {
background-color: #225184;
color: white;
text-decoration: none;
}
#playPauseBtn, #muteBtn, #closeBtn {
border-color: #0C5D83;
color: #0C5D83;
}
.overflow-none {
overflow: hidden;
}
#full_bg_video {
max-height: 100vh;
height: 100%;
width: 177.77777778vh;
/* 100 * 16 / 9 */
min-width: 100%;
min-height: 56.5vw;
/* 100 * 9 / 16 */
position: absolute;
left: 50%;
/* % of surrounding element */
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* % of current element */
z-index: -1;
}
.nav-item a,
.absolute-lang a {
color: white;
}
.extens-sticky-navbar .absolute-lang a {
color: #1f4c6d;
}
.home-main-div {
min-height: calc(100vh - 160px);
/* background-color: rgba(255, 255, 255, 0.9); */
}
.no-halo-logo {
opacity: 0;
}
.halo-logo img {
height: 500px;
margin: 0 auto;
display: table;
}
.logo-subtitle {
color: #1f4c6d;
text-transform: uppercase;
font-weight: 600;
position: relative;
bottom: 20px;
font-size: 20px;
padding: 0px 20px;
text-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 1);
}
.leitmotiv-date {
font-size: 25px;
font-weight: 500;
}
.semi-transparent-white-bg {
opacity: 0;
}
.text-desc {
position: absolute;
top: 47% !important;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.text-desc-hover {
display: none;
}
.semi-transparent-white-bg {
background-color: rgba(255, 255, 255, 0.9);
padding: 20px;
}
.top-main-title {
font-size: 22pt;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 8px;
}
.bottom-main-title {
margin-top: 30px;
font-size: 40pt;
text-transform: uppercase;
font-weight: 200;
color: #1f4c6d;
letter-spacing: 8px;
line-height: 90px;
}
.nav-item {
position: relative;
}
.nav-link:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: white;
bottom: 0px;
-webkit-animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
animation: out 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
}
.nav-item:hover a:before {
-webkit-animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
animation: in 0.2s cubic-bezier(1, 0, 0.58, 0.97) 1 both;
}
.nav-active .nav-link:before {
content: "";
display: none;
}
@-webkit-keyframes in {
0% {
width: 0;
left: 0;
right: auto;
}
100% {
left: 0;
right: auto;
width: 100%;
}
}
@keyframes in {
0% {
width: 0;
left: 0;
right: auto;
}
100% {
left: 0;
right: auto;
width: 100%;
}
}
@-webkit-keyframes out {
0% {
width: 100%;
left: auto;
right: 0;
}
100% {
width: 0;
left: auto;
right: 0;
}
}
@keyframes out {
0% {
width: 100%;
left: auto;
right: 0;
}
100% {
width: 0;
left: auto;
right: 0;
}
}
@-webkit-keyframes show {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes show {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.home-main-btn {
margin-top: 6vh;
}
.myButton {
display: inline-block;
padding: 10px 50px;
background: url('/img/btn-background.png'), #1c2f43;
background-position: center center;
font-family: Arial;
font-weight: bold;
font-size: 15pt;
text-decoration: none;
color: White;
text-shadow: 0px 1px 0px #2f6627;
cursor: pointer;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.myButton:hover {
background-color: #225184;
color: white;
text-decoration: none;
}
.myButton:active {
position: relative;
top: 1px;
}
.row .full-img {
width: 100%;
height: 100%;
}
.first-intro-img-div,
.third-intro-img-div {
width: 35% !important;
}
.white-halo {
position: absolute;
top: 10px;
height: 100%;
-webkit-box-shadow: 0 0 25px 20px #fff,
/* inner white */
0 0 50px 30px #fff,
/* middle magenta */
0 0 80px 45px #fff;
box-shadow: 0 0 25px 20px #fff,
/* inner white */
0 0 50px 30px #fff,
/* middle magenta */
0 0 80px 45px #fff;
}
.second-intro-img-div {
width: 30% !important;
}
.enter-banner-div {
height: 335px;
width: 100%;
background: url('../img/adn-background-hover.jpg') no-repeat;
background-size: cover;
background-position: right;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.enter-banner-div .banner-text-center {
position: absolute;
top: 50%;
left: 20vw;
-webkit-transform: translate(-25%, -50%);
-ms-transform: translate(-25%, -50%);
transform: translate(-25%, -50%);
}
.enter-banner-div h2,
.enter-banner-div h3 {
font-size: 50px;
color: black;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
text-shadow: 0px 0px 0.085em white;
}
.enter-banner-div h3 {
font-size: 30px;
}
.enter-banner-div:hover {
background: url('../img/adn-background.jpg') no-repeat;
background-size: cover;
background-position: right;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.enter-banner-div:hover h2,
.enter-banner-div:hover h3 {
color: #fff;
}
a {
cursor: pointer;
}
.staff-img-div,
.staff-text-div {
position: relative;
width: 50%;
padding-right: 15px;
padding-left: 15px;
min-height: 400px;
}
.staff-text {
width: 75%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.staff-text h3 {
font-weight: 200;
font-size: 28pt;
margin-bottom: 30px;
color: #1f4c6d;
}
.staff-text p {
font-size: 14pt;
margin-bottom: 25px;
text-align: justify;
color: #1f4c6d;
line-height: 35px;
}
.font-medium {
font-size: 15pt;
display: table;
margin: 0 auto;
}
.paper-background {
background: url('../img/paper-background.png') no-repeat;
background-size: cover;
background-position: right;
}
.investment-banner-div {
background: url('../img/investment-background-hover.jpg') no-repeat;
background-size: cover;
background-position: left;
}
.investment-banner-div:hover {
background: url('../img/investment-background.jpg') no-repeat;
background-size: cover;
background-position: left;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.investment-banner-div .banner-text-center {
position: absolute;
top: 50%;
right: 10vw;
left: inherit;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.investment-banner-div h2,
.investment-banner-div h3 {
font-size: 50px;
color: black;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
text-shadow: 0px 0px 0.085em white;
}
.enter-banner-div h3 {
font-size: 30px;
}
.investment-banner-div .banner-text-center {
font-size: 50px;
text-shadow: 0px 0px 0.085em white;
text-align: right;
}
.investment-banner-col {
height: 400px;
width: 50%;
}
.carousel-first-block-text {
padding: 3rem;
text-align: center;
width: 75%;
margin: 0 auto;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.carousel-first-block-text h3 {
font-weight: 200;
font-size: 28pt;
margin-bottom: 70px;
color: #1f4c6d;
}
.carousel-first-block img {
width: 335px;
height: auto;
margin-bottom: 70px;
padding: 1.55vw;
background-color: white;
}
.carousel-inner-participations .carousel-first-block img {
margin: 0 auto;
width: 335px;
height: auto;
margin-bottom: 40px;
padding: 1.55vw;
background-color: white;
border: 4px solid rgba(0, 117, 117, 0.95);
-webkit-box-shadow: 5px 5px 10px #d5d5d5, -5px -5px 10px #ebebeb;
box-shadow: 5px 5px 10px #d5d5d5, -5px -5px 10px #ebebeb;
}
.carousel-first-block-text h4 {
font-weight: 300;
font-size: 22pt;
line-height: 45px;
margin-bottom: 20px;
color: #1f4c6d;
}
.carousel-inner-participations .square-picture {
max-height: unset;
max-width: 47vw;
}
.graphic-bg {
background: url('../img/graphic-background.jpg') no-repeat;
background-size: cover;
background-position: center;
}
.graphic-bg-right {
background: url('../img/graphic-background-right.jpg') no-repeat;
background-size: cover;
background-position: center 60%;
}
.graphic-bg-left {
background: url('../img/graphic-bg-left.jpg') no-repeat;
background-size: cover;
background-position: center;
}
.people-bg {
background: url('../img/shutterstock_361324433.jpg') no-repeat;
background-size: cover;
background-position: center;
}
.carousel-second-block {
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;
background: rgb(2, 8, 45);
background: -o-linear-gradient(225deg, rgba(2, 8, 45, 1) 47%, rgba(1, 55, 118, 1) 93%);
background: linear-gradient(225deg, rgba(2, 8, 45, 1) 47%, rgba(1, 55, 118, 1) 93%);
}
.carousel-second-block img {
width: 95%;
height: auto;
}
.carousel-indicators li {
background-color: white;
border-radius: 100%;
opacity: 1;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
width: 12px;
height: 12px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: inherit;
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.7);
}
.carousel-indicators .active {
background-color: #1d3045;
opacity: 1;
}
.carousel-item p {
margin-bottom: 0px !important;
}
.actualites-main-title {
text-align: center;
font-size: 45pt;
font-weight: 200;
color: #1f4c6d;
margin: 40px auto;
}
.actualite-block {
border-bottom: 2px solid #9fb1c0;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.actualite-block h5 {
text-align: center;
font-size: 23px;
font-weight: 600;
color: #1f4c6d;
margin-bottom: 30px;
}
.actualite-img-div {
overflow: hidden;
}
.flex-center {
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;
}
.actualite-img {
max-height: 350px;
}
.actualite-img-div img {
height: auto;
width: 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.absolute-center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.actualite-text-div div {
width: 90%;
text-align: justify;
line-height: 30px;
}
.nav-link {
padding-right: 1rem !important;
padding-left: 1rem !important;
font-weight: 600;
font-size: 1.05rem;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:hover {
color: white !important;
text-shadow: 1px 1px 2px #1f4c6d;
}
.extens-sticky-navbar #navbarHamburger {
position: relative;
top: 12px;
z-index: 3;
background-color: white;
}
.extens-sticky-navbar #navbarHamburger .navbar-nav .nav-link {
color: #101010 !important;
text-shadow: none;
}
.margin-center {
margin: 0 auto;
}
.actualite-block:hover img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.actualite-block:hover {
background: rgb(31, 76, 109);
background: -o-linear-gradient(305deg, rgba(31, 76, 109, 1) 35%, rgba(74, 116, 147, 0.8) 100%);
background: linear-gradient(145deg, rgba(31, 76, 109, 1) 35%, rgba(74, 116, 147, 0.8) 100%);
}
.actualite-block h5,
.actualite-block p {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.actualite-block h5 {
line-height: 1.55;
color: #1f4c6d;
font-size: 1.4rem;
}
.actualite-block p {
font-size: 13pt;
margin-bottom: 25px;
text-align: justify;
color: #1f4c6d;
line-height: 32px;
}
.actualite-block:hover h5,
.actualite-block:hover p {
color: white;
}
.img-banner {
height: 30em;
width: 100%;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 40%;
background-color: rgba(0, 117, 117, 0.4);
}
.nav-active {
border-bottom: 3px solid white;
}
.dropdown-menu {
background-color: white;
margin: 0px;
padding: 0px;
border-radius: 0px;
-webkit-box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
}
.img-fluid-logo {
margin-top: 37%;
max-width: 30%;
height: auto;
}
.actualites-card .row {
background: white;
-webkit-box-shadow: 5px 5px 10px #d5d5d5, -5px -5px 10px #ebebeb;
box-shadow: 5px 5px 10px #d5d5d5, -5px -5px 10px #ebebeb;
}
.actualites-card:hover .row {
-webkit-box-shadow: 11px 11px 22px #b5b5b5, -11px -11px 22px #ffffff;
box-shadow: 11px 11px 22px #b5b5b5, -11px -11px 22px #ffffff;
}
.actualites-card:hover img {
opacity: 0.7;
}
.actualite-img-div img {
height: auto;
width: 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (max-width: 1500px) {
.staff-text p {
font-size: 13pt;
margin-bottom: 17px;
line-height: 33px;
}
}
@media (max-width: 1400px) {
.actualite-block h5 {
line-height: 1.45;
color: #1f4c6d;
font-size: 1.3rem;
}
.actualite-block p {
font-size: 12pt;
margin-bottom: 15px;
text-align: justify;
color: #1f4c6d;
line-height: 25px;
}
}
@media (max-width: 1300px) {
.staff-img-div,
.staff-text-div {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.staff-text {
width: 80%;
position: relative;
margin: 50px auto;
top: inherit;
left: inherit;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.staff-img-div img {
width: 75%;
display: table;
margin: 0 auto;
}
}
@media (max-width: 992px) {
.bottom-main-title {
margin-top: 30px;
font-size: 30pt;
text-transform: uppercase;
font-weight: 300;
color: #1f4c6d;
letter-spacing: 8px;
line-height: 90px;
}
}
.white-transparent-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.65);
}
.contact-div {
z-index: 2;
background-color: white;
padding: 2rem;
}
.card-shadow {
-webkit-box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
}
.contact-block {
font-size: 1.1rem;
line-height: 1.6rem;
}
.contact-block h3 {
font-size: 25px;
color: #143c5f;
font-weight: 600;
}
.bold {
font-weight: 600;
}
.contact-blue-text {
font-weight: 400;
font-size: 20px;
color: #1f4c6d;
margin: 20px 0px 30px 0px;
}
.contact-blue-text:hover {
color: #306ba9;
text-decoration: none;
}
.contact-icon {
height: 50px !important;
width: auto !important;
}
.table-center {
display: table;
margin: 0 auto;
}
.small-btn {
font-size: 13pt;
padding: 10px 2vw;
}
.form-control {
border: 1px solid rgba(31, 76, 109, 0.4);
background-color: white;
}
textarea.form-control {
min-height: 150px;
}
.formulaire .contact-blue-text {
font-weight: 400;
font-size: 18px;
color: #1f4c6d;
margin: 20px 0px 30px 0px;
}
.required-asterisk {
color: #e74c3c;
}
.content {
margin-top: 115px;
}
#bgvid {
position: fixed;
top: 115px;
}
.navbar-light {
background-color: white;
}
.navbar-toggler {
display: none;
}
.fixed-top .navbar-toggler {
position: absolute;
right: 20px;
border: 2px solid #1f4c6d;
z-index: 2;
}
.bottom-arrow-angle {
position: absolute;
bottom: 20px;
left: 48%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-animation: bounce 3s infinite;
animation: bounce 3s infinite;
}
.bottom-arrow-angle img {
height: 65px;
}
.dropdown-item {
font-size: 15px;
font-weight: 600;
padding: .8rem 1.5rem;
border-bottom: 2px solid white;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
}
.dropdown-item:last-child {
border-bottom: 0px solid white;
}
.nav-item .dropdown-item {
color: #222 !important;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
}
.dropdown-item:hover {
background-color: #007575;
color: white !important;
}
.page-title {
height: 335px;
overflow: hidden;
position: relative;
}
.page-title .row div {
height: 335px;
}
.team-header-img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 325px;
-o-object-fit: cover;
object-fit: cover;
}
.contact-header-img {
width: 100%;
height: auto;
position: absolute;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 325px;
-o-object-fit: cover;
object-fit: cover;
}
.actualites-header-img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -31%);
-ms-transform: translate(-50%, -31%);
transform: translate(-50%, -31%);
min-height: 325px;
-o-object-fit: cover;
object-fit: cover;
}
.news-header-img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 325px;
-o-object-fit: cover;
object-fit: cover;
}
.adn-header-img {
width: 100%;
height: auto;
position: absolute;
top: 80%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 325px;
-o-object-fit: cover;
object-fit: cover;
}
.title-div {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0px;
padding: 30px 30px;
min-width: 30%;
text-align: center;
background-color: white;
}
.content-div {
position: relative;
z-index: 2;
}
.contact-div img {
height: auto;
}
.bg-graphic {
background: url("../img/fond_key_visuel_attenue.jpg");
background-size: cover;
background-position: top;
}
.bg-blue {
background-color: #1f4c6d;
color: white;
padding: 2rem 0px;
}
.bg-grey {
background-color: #f1f2f6;
}
.blue-mark {
position: relative;
letter-spacing: 2px;
display: inline-block;
padding-bottom: 5px;
border-bottom: 3px solid#81B6EB;
}
.bg-extens {
position: fixed;
bottom: 50px;
right: 50px;
opacity: 1;
cursor: pointer;
z-index: -1;
}
.bg-extens img {
width: auto;
height: 150px;
opacity: 0.06;
}
.descriptor h3 {
font-weight: 400;
font-size: 19pt;
color: #1f4c6d;
letter-spacing: 0.13rem;
line-height: 2.5rem;
margin-bottom: 0px;
max-width: 1080px;
}
@-webkit-keyframes bounce {
0%,
100% {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes bounce {
0%,
100% {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@media (max-width: 991px) {
.nav-link {
text-align: center;
}
.navbar-nav {
margin: 0 auto;
width: 50%;
}
footer .navbar-nav {
margin: 0 auto;
width: 100%;
}
.dropdown-item:hover {
color: white !important;
}
.halo-logo {
opacity: 1;
position: absolute;
top: 120%;
left: 50%;
-webkit-transform: translate(-50%, -45%);
-ms-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
}
.navbar-light .navbar-nav .nav-link {
color: #34495e;
}
.halo-logo img {
height: 67vw;
margin: 0 auto;
display: table;
}
.logo-subtitle {
font-size: 2.75vw;
}
}
.gridder {
margin: 0 auto;
padding: 50px 2%;
list-style-type: none;
display: table;
margin: 0 auto;
width: 100%;
}
@supports (-moz-appearance:none) {
@media screen and (min-width: 1200px) {
.gridder-list:nth-child(n) {
margin-bottom: 3%;
margin-left: 2% !important;
margin-right: 2% !important;
}
}
@media screen and (max-width: 700px) {
.gridder-list:nth-child(n) {
margin-bottom: 0% !important;
margin-right: 0% !important;
}
}
}
.gridder-list {
display: inline-block;
vertical-align: top;
width: 24%;
}
.gridder-show {
display: block;
float: left;
width: 100%;
padding: 20px 35px;
margin-bottom: 1%;
}
.gridder-show.loading {
background: #efefef url("../img/loading.gif") no-repeat center
}
.gridder-content {
display: none
}
.gridder-list:nth-child(n) {
margin-bottom: 1%;
margin-right: 1%
}
.gridder-navigation .gridder-nav.disabled {
opacity: .2
}
.gridder-list {
cursor: pointer;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.gridder-list:hover {
opacity: 0.8;
-webkit-box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
}
.hasSelectedItem .gridder-list {
opacity: .2
}
.hasSelectedItem .gridder-list.selectedItem {
opacity: 1
}
.gridder-expanded-content .team-img {
height: auto;
width: 100%;
}
.gridder-padding {
width: 100%;
margin: 0 auto;
background: url("../img/fond_key_visuel.jpg");
position: relative;
padding: 40px;
-webkit-box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
border-top: 3px solid #0f4c75;
}
.img-fluid {
max-width: 100% !important;
height: auto !important;
}
.gridder-expanded-content h2 {
font-family: 'Montserrat', sans-serif !important;
font-size: 3.4em;
font-weight: 600;
text-transform: uppercase;
}
.gridder-expanded-content h3 {
font-family: 'Montserrat', sans-serif !important;
font-size: 2em;
font-weight: 600;
}
.gridder-navigation .gridder-nav {
height: 77px;
padding: 0;
position: absolute;
width: 32px;
z-index: 1;
background-color: rgba(15, 76, 117, 0.8);
color: #fff !important;
cursor: pointer !important;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
margin: 0 5px;
outline: 0;
text-align: center;
text-decoration: none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: normal;
word-wrap: normal;
bottom: 0;
margin-top: -40px;
overflow: hidden;
}
.gridder-navigation .gridder-nav span {
display: block;
bottom: 0;
height: 23px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 14px;
}
.gridder-navigation .gridder-nav.prev {
left: -6px;
}
.gridder-navigation .gridder-nav.prev span {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat;
}
.gridder-navigation .gridder-nav.next {
right: -6px;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.gridder-navigation .gridder-nav.next span {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat;
}
.gridder-navigation .gridder-nav:hover {
background: rgba(15, 76, 117, 1);
}
.gridder-navigation .gridder-close {
background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center;
cursor: pointer;
height: 30px;
padding: 7px;
position: absolute;
right: 10px;
top: 10px;
width: 30px;
z-index: 2;
}
.gridder-navigation .gridder-close:hover {
color: #3d3d3d;
}
.gridder-expanded-content p {
font-size: 13.5pt;
color: #101010;
line-height: 35px;
margin-bottom: 10px;
}
.badge {
white-space: normal;
font-size: 3.75vh;
line-height: 1.5;
}
.bg-brown {
background-color: #f1f2f6;
}
.intro-section-text {
font-size: 14pt;
color: #1f4c6d;
line-height: 35px;
margin-bottom: 0px;
}
.badge-dark-brown {
background-color: #0f4c75;
color: white;
border-radius: 0px;
padding: 12px 20px;
}
.gridder-surtitle {
color: #0f4c75;
padding: 15px 0px 0px;
font-weight: 900;
font-size: 1.7rem;
text-align: left;
}
.infos-partenaires {
background: -o-radial-gradient(circle, rgba(255, 255, 255, 0.9220063025210083) 0%, rgba(255, 255, 255, 0) 100%);
background: radial-gradient(circle, rgba(255, 255, 255, 0.9220063025210083) 0%, rgba(255, 255, 255, 0) 100%);
}
.infos-partenaires a {
color: #101010 !important;
text-decoration: underline !important;
}
.infos-partenaires a:hover {
cursor: pointer;
}
.infos-partenaires img {
height: 24px;
width: auto;
}
.radial-center-white {
background: -o-radial-gradient(circle, rgba(255, 255, 255, 0.9220063025210083) 0%, rgba(255, 255, 255, 0) 100%);
background: radial-gradient(circle, rgba(255, 255, 255, 0.9220063025210083) 0%, rgba(255, 255, 255, 0) 100%);
background-size: cover;
background-position: center;
z-index: 2;
}
.infos-partenaires .badge-dark-brown {
background-color: #0f4c75;
color: white;
border-radius: .25rem;
padding: 10px 25px;
}
p {
font-size: 1.1rem;
line-height: 1.75rem;
}
.flag-img {
max-width: 24px;
max-height: 16px;
}
h4 span {
font-size: 1.05rem !important;
}
.border-bottom-blue {
padding-bottom: 10px;
border-bottom: 3px solid #007575;
}
.actualites-card .row {
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
width: 100%;
}
.actualites-card:hover .row {
-webkit-box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
}
.actualites-card:hover img {
opacity: 0.7;
}
.actualites-card:hover a {
text-decoration: none;
}
.actualites-card h5 {
min-height: 90px;
}
.actualites-picture img {
width: 100%;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 6.3%;
object-position: 6.3%;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
background-color: white;
}
.actualites-card .bg-blue {
background-color: #1f4c6d;
color: white;
padding: 1.5rem 10px;
}
.actualites-picture {
overflow: hidden !important;
border-bottom: 2px solid rgba(0, 117, 117, 0.75);
position: relative;
}
.actualites-card p {
color: #101010;
text-align: justify;
}
.actualites-picture p {
font-size: 14px;
position: absolute;
bottom: 0px;
width: 100%;
padding: 0.75rem 1rem;
margin-bottom: 0px;
width: auto;
background-color: rgba(0, 117, 117, 0.95);
color: white;
}
.right-arrow-img {
height: 24px;
width: 24px;
float: right;
}
.right-arrow {
font-size: 13px;
position: absolute;
bottom: 0px;
width: 100%;
padding: 1rem;
padding-top: 0px;
margin-bottom: 0px;
}
.actualites-date a,
.right-arrow a {
color: rgba(0, 117, 117, 0.95) !important;
}
.actualites-infos {
min-height: 215px;
position: relative;
}
.actualites-infos-main {
min-height: 115px;
position: relative;
}
.actualites-infos h5,
.actualites-infos-main h5 {
font-size: 1.2rem;
line-height: 1.5;
max-height: 60px;
margin-top: 17px;
margin-bottom: 70px;
color: #101010;
padding: 0px 20px;
font-weight: 600;
}
.news-staff-img {
max-height: 350px;
}
.news-card h3 {
font-weight: 200;
font-size: 28pt;
margin-bottom: 40px;
color: #1f4c6d;
line-height: 3.5rem;
}
.news-card p, .news-card .p {
font-size: 14pt;
margin-bottom: 25px;
text-align: justify;
color: #1f4c6d;
line-height: 35px;
}
.news-card .citation-text {
font-size: 16pt !important;
font-weight: 600;
color: #1f4c6d !important;
line-height: 2.5rem !important;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
width: 100%
}
.citation-text {
font-size: 16pt !important;
font-weight: 600;
color: #1f4c6d !important;
line-height: 2.5rem !important;
padding-left: 3rem;
padding-right: 3rem;
padding-top: 3rem;
width: 75%;
}
.actu-section h1 {
line-height: 1.75;
color: #1f4c6d !important;
font-size: 2.35rem;
padding-top: 3.25rem;
padding-bottom: 1rem;
}
.actu-title {
width: 80%;
margin: 0 auto;
}
.fadeup-opacity {
background: rgb(255, 255, 255);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.bg-grey-opaque {
background-color: rgba(241, 242, 246, 0.45);
}
.actu-date {
font-size: 16px !important;
color: #7f8fa6 !important;
float: right;
}
.left-arrow-img {
height: 24px;
width: 24px;
float: left;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.h-40px {
height: 40px;
}
.img-fluid-cover {
max-width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 28% 50%;
object-position: 28% 50%;
}
.segmentation-section h2 {
font-size: 1.35rem;
line-height: 1.5;
margin-top: 17px;
margin-bottom: 17px;
color: #1f4c6d;
padding: 0px 20px;
font-weight: 600;
text-align: center;
}
.segmentation-section h3 {
margin-top: 17px;
color: #101010;
padding: 0px 20px;
font-weight: 400;
font-size: 13pt;
line-height: 35px;
}
.segmentation-section img {
height: 60px;
width: 60px;
}
.color-block h3 {
margin-bottom: 35px;
text-align: center;
}
.color-block p {
font-size: 14pt;
margin-bottom: 25px;
text-align: justify;
color: white !important;
line-height: 35px;
}
.color-block h3 {
font-weight: 200;
font-size: 28pt;
margin-bottom: 40px;
line-height: 3.5rem;
color: white;
}
.bg-blue-gradient {
background: rgb(31, 76, 109);
background: -o-linear-gradient(305deg, rgba(31, 76, 109, 0.96) 35%, rgba(83, 110, 130, 0.96) 100%);
background: linear-gradient(145deg, rgba(31, 76, 109, 0.96) 35%, rgba(83, 110, 130, 0.96) 100%);
}
.flex-center-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.color-block-subtitle {
font-size: 15pt;
text-align: center;
color: white;
line-height: 35px;
font-weight: 600;
}
.white-block-subtitle {
font-size: 15pt;
text-align: center;
color: #1f4c6d;
line-height: 35px;
font-weight: 600;
margin-bottom: 20px;
}
.color-block .fa-angle-right {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
}
.color-block table p {
font-size: 14pt;
margin-top: 5px;
margin-bottom: 5px;
padding: 10px;
text-align: justify;
color: white;
line-height: 35px;
}
.color-block table h3 {
font-weight: 500;
font-size: 22pt;
margin-bottom: 40px;
line-height: 3.5rem;
color: white;
padding-left: 10px;
padding-right: 40px;
}
.white-block h3 {
margin-bottom: 35px;
}
.white-block li {
font-size: 14pt;
margin-bottom: 25px;
text-align: justify;
line-height: 35px;
}
.white-block p {
font-size: 14pt;
margin-bottom: 25px;
text-align: justify;
line-height: 35px;
color: #1f4c6d !important;
}
.white-block .page-classic-list li {
color: #1f4c6d;
}
.white-block h3 {
font-weight: 200;
font-size: 28pt;
margin-bottom: 40px;
line-height: 3.5rem;
color: #1f4c6d;
}
.step1 {
background: #e6dec9;
color: #101010 !important;
}
.step2 {
background: #7c987f;
}
.step3 {
background: #709a99;
}
.step4 {
background: #294e54;
}
.bg-greenblue {
background-color: rgba(0, 117, 117, 0.75);
}
.bg-light-green h3 {
color: white;
font-size: 22pt;
width: 80%;
margin: 0 auto;
font-weight: 200;
line-height: 3.5rem;
}
.border-right-beige {
border-right: 3px solid rgb(var(--beige));
}
.bg-white-transparent {
background-color: rgba(var(--beige), 0.35);
}
.titles-div {
position: absolute;
color: white;
width: 80%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.titles-div h1, .titles-div .h1 {
font-size: 50px;
text-shadow: 0px 0px 0.05em white;
}
.titles-div h2 {
font-size: 15pt;
margin-top: 25px;
line-height: 35px;
font-weight: 300;
font-family: 'Montserrat', sans-serif;
}
.img-fluid-cover-width-center,
.img-fluid-cover-width-top,
.img-fluid-cover-width-bottom {
max-width: 100%;
min-width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0% 50%;
object-position: 0% 50%;
}
.img-fluid-cover-width-top {
-o-object-position: 0% 30%;
object-position: 0% 30%;
}
.img-fluid-cover-width-bottom {
-o-object-position: 80% 90%;
object-position: 80% 90%;
}
.une-news {
position: absolute;
top: 0px;
left: 0px;
background-color: rgba(0, 117, 117, 0.95);
color: white;
padding: 1rem 1.5rem;
font-size: 14pt;
}
.return-text {
color: #1f4c6d;
bottom: 5px;
position: relative;
left: 5px;
text-decoration: none !important;
}
a:hover {
text-decoration: none;
}
.img-fluid-cover-center {
max-width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.img-fluid-cover-right {
max-width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 70% 50%;
object-position: 70% 50%;
}
.contact-page .bg-light-green {
color: white;
padding: 2rem 0px;
}
.bg-darkblue {
background-color: #16324e;
}
.w-85 {
width: 85%;
}
.page-logo-subtitle {
color: #1f4c6d;
text-transform: uppercase;
font-weight: 600;
position: relative;
font-size: 12px;
padding: 6.75% 20px 0%;
letter-spacing: 0.15rem;
}
.leitmotiv-date-page {
font-size: 15px;
font-weight: 500;
letter-spacing: 0.15rem;
}
.banner-height {
height: 335px;
}
.page-classic-list {
list-style-type: none;
}
.page-classic-list li {
margin: 0.15% auto;
color: white;
font-size: 13pt;
text-align: justify;
line-height: 35px;
font-weight: 500;
padding: 1.1rem 2.5rem 1.1rem 7.5rem;
position: relative;
}
.page-classic-list li:before {
content: '';
background-image: url(../img/extens-puce.png);
background-size: cover;
display: block;
position: absolute;
top: 1.7rem;
left: 2.25rem;
width: 58px;
height: 30px;
}
.page-classic-list li:last-child {
margin-bottom: 0px;
}
.puce-img {
height: 32px;
left: 6px;
position: relative;
bottom: 5px;
}
.bg-lightgrey {
background-color: #f1f2f6;
}
.full-width-block h3 {
padding: 2.5rem 3rem 0rem 3rem;
}
.color-block .carousel-first-block {
min-height: 100% !important;
}
.color-block .carousel-first-block-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1rem 0rem 0rem;
height: 450px;
}
.color-block .carousel-first-block img {
width: 100px;
height: auto;
margin-bottom: 10px;
background-color: rgba(255, 255, 255, 0.60);
padding: 1rem;
border-radius: 5px;
}
.carousel-inner-accompagnement .carousel-first-block img {
width: 260px;
height: auto;
margin-bottom: 10px;
background-color: rgba(255, 255, 255, 1);
padding: 1rem;
border-radius: 5px;
}
.skew {
padding: 25px;
font-size: 20px;
font-weight: 700;
height: 175px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background-color: #1f4c6d;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.skew h4 {
color: #fff;
text-transform: uppercase;
font-weight: 600;
position: relative;
font-size: 15px;
letter-spacing: 0.1rem;
margin-bottom: 0px;
line-height: 30px;
z-index: 1;
text-align: center;
}
.skew p {
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
position: relative;
font-size: 11px;
letter-spacing: 0.1rem;
margin-bottom: 0px;
line-height: 30px;
z-index: 1;
}
.skew-right:after {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
right: -32px;
bottom: 0;
width: 70px;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.skew-all {
margin: 0px 50px;
}
.skew-all:before {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
left: -32px;
bottom: 0;
width: 70px;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.skew-left:before {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
left: -32px;
bottom: 0;
width: 70px;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.skew-all:after {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
right: -32px;
bottom: 0;
width: 70px;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.skew:hover {
-webkit-box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
-webkit-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025);
}
.skew-opaque {
opacity: 0.35;
}
.skew-text1,
.skew-text2,
.skew-text3 {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.skew-text2,
.skew-text3 {
display: none;
}
#carouselImpact .carousel-control-prev-icon {
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231f4c6d' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
#carouselImpact .carousel-control-next-icon {
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231f4c6d' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.color-black {
color: #34495e;
}
@media (min-width: 1350px) {
.gridder-expanded-content .team-img {
height: 37vw;
width: auto;
}
.gridder-padding {
width: 100%;
margin: 0 auto;
background: url("../img/fond_key_visuel_attenue.jpg");
background-position: center right;
position: relative;
padding: 50px;
}
.color-block .carousel-first-block-text {
height: 410px;
}
}
@media (max-width: 1250px) {
.color-block .carousel-first-block-text {
height: 550px;
}
}
@media screen and (min-width: 1200px) {
.gridder-list {
width: 15%;
}
.wallet-gridder .gridder-list {
width: 20%;
}
.gridder-list:nth-child(n) {
margin-bottom: 3%;
margin-left: 2.4%;
margin-right: 2.4%;
}
}
@media screen and (max-width: 1200px) {
.navbar-toggler {
display: block !important;
}
}
@media screen and (max-width: 992px) {
.color-block .carousel-first-block-text {
height: 450px;
}
}
@media screen and (max-width: 700px) {
.gridder-list {
width: 49%
}
.color-block .carousel-first-block-text {
height: 525px;
}
}
@media screen and (max-width: 600px) {
.gridder-list {
width: 100%
}
.page-logo-subtitle {
display: none;
}
}
/* 21/01/2020 */
.actu-img {
height: 30em;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 40%;
object-position: 50% 40%;
}
.actu-video {
height: auto;
width: 100%;
}
.skew span {
margin-bottom: 12px;
font-weight: 400 !important;
letter-spacing: 0px !important;
font-size: 1rem;
line-height: 1.15rem;
width: 100%;
font-style: italic;
color: white !important;
text-transform: initial;
text-align: center;
z-index: 2;
}
/* PORTEFEUILLE */
.wallet-gridder img {
height: 6.5vw !important;
width: auto;
margin: 0 auto;
display: table;
}
.wallet-gridder .gridder-expanded-content img {
height: auto !important;
width: 30vw;
padding: 20px;
}
.gridder-location,
.gridder-web,
.gridder-infos-bis {
font-size: 1.1rem;
color: #007575;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.gridder-infos-bis {
color: #333;
}
.gridder-web {
color: #145656;
}
.gridder-web:hover {
color: #152f2f;
}
.gridder-investment-date {
color: #0f4c75 !important;
padding: 15px 0px 0px;
font-weight: 900;
font-size: 1.1rem !important;
text-align: left;
}
.wallet-gridder .gridder-padding {
min-height: 500px;
}
.color-grey {
color: #333;
}
.color-blue {
color: #1f4c6d !important;
}
.blue-card-bg {
font-weight: 200;
font-size: 22pt;
line-height: 45px;
margin-bottom: 70px;
color: white !important;
height: auto;
margin-bottom: 10px;
background-color: #1f4c6d;
padding: 1rem;
border-radius: 0px;
}
/* .gridder-min-height {
min-height: 650px;
} */
.wallet-gridder .gridder-navigation .gridder-nav {
top: calc(400px - 5vw);
}
.gridder-navigation .gridder-nav {
top: calc(500px - 5vw);
}
@media screen and (max-width: 1200px) {
body {
overflow-x: hidden;
}
.logo-horizontal {
display: none !important;
}
.logo-vertical {
display: block !important;
}
#full_bg_video {
max-height: 100vh;
height: 100%;
width: 100vw;
-o-object-fit: cover;
object-fit: cover;
min-width: inherit;
min-height: inherit;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
-o-object-position: 31%;
object-position: 31%;
}
.bottom-arrow-angle {
position: absolute;
bottom: 20px;
left: 48%;
}
.navbar-collapse.show {
background-color: white !important;
z-index: 2;
position: relative;
}
.navbar-collapse.show .nav-link {
color: #222 !important;
}
.navbar-collapse .navbar-nav {
margin: 0 auto !important;
text-align: center;
}
.extens-navbar {
padding: 4vw;
height: 160px;
-webkit-transition: 0.25s all;
-o-transition: 0.25s all;
transition: 0.25s all;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.halo-logo {
opacity: 1;
position: absolute;
top: 125%;
left: 50%;
-webkit-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
}
.full-height {
height: 100vh;
width: 100vw;
}
.navbar-toggler {
border: 2px solid #1f4c6d;
z-index: 2;
}
.halo-logo-div {
position: absolute;
top: 0%;
left: 50%;
-webkit-transform: translate(-50%, -25%);
-ms-transform: translate(-50%, -25%);
transform: translate(-50%, -25%);
}
.navbar-light .navbar-toggler-icon {
border-color: rgb(255, 102, 203);
}
.fixed-top .navbar-toggler {
position: relative;
right: 5vw;
border: 2px solid #1f4c6d;
z-index: 2;
}
.absolute-lang {
position: absolute;
top: initial !important;
right: 2.25vw !important;
}
.nav-item a,
.absolute-lang a,
.lang-dash {
color: #1f4c6d;
}
.extens-sticky-navbar .halo-logo-div {
position: relative;
top: initial;
left: initial;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:hover {
color: #1f4c6d !important;
}
.nav-link:before {
background: #1f4c6d;
}
#navbarHamburger {
background: url("../img/graphic-bg-left.jpg");
}
.extens-sticky-navbar .form-inline {
-webkit-box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
box-shadow: 15px 20px 30px 1px rgba(0, 0, 0, 0.2);
}
.extens-sticky-navbar {
padding: 0px !important;
height: 115px;
width: 100vw;
}
.extens-sticky-navbar .navbar-brand {
z-index: 4;
padding-left: 20px;
}
.descriptor h3 {
font-weight: 400;
font-size: 2.75vw;
color: #1f4c6d;
letter-spacing: 0.15rem;
line-height: 5.15vw;
margin-bottom: 0px;
padding: 0px 30px;
}
.enter-banner-div .banner-text-center {
position: absolute;
top: 50%;
left: 20vw;
-webkit-transform: translate(-15%, -50%);
-ms-transform: translate(-15%, -50%);
transform: translate(-15%, -50%);
}
.investment-banner-div .banner-text-center {
position: absolute;
top: 50%;
left: 10vw;
-webkit-transform: translate(2%, -50%);
-ms-transform: translate(2%, -50%);
transform: translate(2%, -50%);
}
.carousel-first-block-text {
padding: 50px 0px;
text-align: center;
width: 75%;
margin: 0 auto;
}
.carousel-first-block-text h4 {
font-weight: 200;
font-size: 2.85vw;
line-height: 4.5vw;
margin-bottom: 0px;
color: #1f4c6d;
}
.actualite-block h5 {
text-align: center;
font-size: 1.60vw;
font-weight: 600;
color: #1f4c6d;
margin-bottom: 2vw;
}
.actualite-img-div img {
margin-top: 0px;
}
.actualite-block p {
font-size: 1.35vw;
margin-bottom: 0px;
text-align: justify;
color: #1f4c6d;
line-height: 2vw;
}
.font-medium {
font-size: 1.85vw;
display: table;
margin: 0 auto;
}
.actu-section .news-card {
padding: 0px !important;
}
.news-card {
padding: 40px !important;
}
.skew {
height: 300px;
}
.skew-left:before {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
left: -22px;
bottom: 0;
width: 106px;
-webkit-transform: skew(-8deg);
-ms-transform: skew(-8deg);
transform: skew(-8deg);
}
.skew-all:after {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
right: -22px;
bottom: 0;
width: 106px;
-webkit-transform: skew(-8deg);
-ms-transform: skew(-8deg);
transform: skew(-8deg);
}
.skew-right:after {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
right: -22px;
bottom: 0;
width: 106px;
-webkit-transform: skew(-8deg);
-ms-transform: skew(-8deg);
transform: skew(-8deg);
}
.skew-all:before {
content: "";
position: absolute;
background: #1f4c6d;
top: 0;
left: -22px;
bottom: 0;
width: 106px;
-webkit-transform: skew(-8deg);
-ms-transform: skew(-8deg);
transform: skew(-8deg);
}
.skew p {
color: #fff;
text-transform: uppercase;
font-weight: 600;
position: relative;
font-size: 1.35vw;
letter-spacing: 0.1rem;
margin-bottom: 20px;
line-height: 2.35vw;
z-index: 1;
}
.border-right-beige {
border-right: 3px solid rgb(var(--beige));
font-size: 5.5vw !important;
padding-bottom: 10px;
}
.carousel-inner-participations .carousel-first-block img {
width: 275px;
}
}
@media (orientation: landscape) and (max-width: 992px) {
.halo-logo img {
height: 80vh;
display: initial;
}
}
@media screen and (max-width: 992px) {
.bottom-arrow-angle img {
height: 35px;
}
.halo-logo {
opacity: 1;
position: absolute;
top: 70%;
left: 50%;
-webkit-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
}
.actualite-text-div div {
width: 100%;
text-align: justify;
line-height: 30px;
position: relative;
padding: 30px;
left: initial;
top: initial;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.actualite-block h5 {
font-size: 2.75vw;
}
.actualite-block p {
font-size: 2.25vw;
margin-bottom: 0px;
text-align: justify;
color: #1f4c6d;
line-height: 4.75vw;
}
.flex-reverse-mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.actualite-block {
border-top: 5px solid #007575;
-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
border-bottom: 0px;
}
.absolute-lang {
width: auto;
top: 50% !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 5vw !important;
}
.tablet-fluid-cover {
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.tablet-fluid-cover-invest {
-o-object-position: 11% 50%;
object-position: 11% 50%;
}
.color-block table h3 {
font-weight: 500;
font-size: 3vw;
margin-bottom: 40px;
line-height: 3.5rem;
color: white;
padding-left: 0px;
padding-right: 20px;
}
.gridder-padding .badge {
margin-top: 30px;
}
.titles-div h1 {
font-size: 5vw;
text-shadow: 0px 0px 0.05em white;
}
.skew {
height: 350px;
}
.skew-left:before,
.skew-all:before,
.skew-all:after,
.skew-right:after,
.skew-all:after {
-webkit-transform: skew(-5deg);
-ms-transform: skew(-5deg);
transform: skew(-5deg);
}
.skew-all:before {
left: -50px;
}
.skew-all:after {
right: -50px;
}
.skew p {
width: 20vw;
text-align: center;
}
.bg-light-green h3 {
color: white;
font-size: 3.15vw;
width: 90%;
margin: 0 auto;
font-weight: 200;
line-height: 6.25vw;
}
.img-fluid-cover-right {
max-width: 100% !important;
height: initial !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 70% 50%;
object-position: 70% 50%;
}
.wallet-gridder .gridder-list {
width: 32%;
}
.wallet-gridder img {
height: 10.5vw !important;
width: auto;
margin: 0 auto;
display: table;
}
.wallet-gridder .gridder-expanded-content img {
height: auto !important;
width: 50vw;
padding: 20px;
}
.wallet-gridder .gridder-padding .badge {
margin-top: initial;
}
.actu-section h1 {
color: #1f4c6d !important;
padding-top: 20px;
padding-bottom: 20px;
font-size: 1.85rem;
line-height: 1.65;
}
.news-card p, .news-card .p {
font-size: 14pt;
margin-bottom: 25px;
text-align: justify;
color: #1f4c6d;
line-height: 35px;
}
.border-right-beige {
border-right: 0px;
border-bottom: 3px solid rgb(var(--beige));
margin-bottom: 30px !important;
padding-right: 0px !important;
margin-top: 30px;
}
.three-images-home {
display: block;
}
.enter-banner-div:hover {
background: url(../img/adn-background-hover.jpg) no-repeat;
background-size: cover;
background-position: right;
}
.investment-banner-div:hover {
background: url(../img/investment-background-hover.jpg) no-repeat;
background-size: cover;
background-position: left;
}
.banner-text-center {
position: absolute;
top: 50%;
left: 10vw;
-webkit-transform: translate(2%, -50%);
-ms-transform: translate(2%, -50%);
transform: translate(2%, -50%);
padding: 3vw;
background-color: rgba(255, 255, 255, 0.85);
}
.enter-banner-div:hover h2,
.enter-banner-div:hover h3 {
color: black;
}
}
@media screen and (max-width: 600px) {
.navbar-toggler-icon {
display: inline-block;
width: 1em;
height: 1em;
}
.no-halo-logo img {
height: 50px;
}
.extens-navbar {
height: 70px;
}
.bottom-arrow-angle {
left: 46.5% !important;
}
.content {
margin-top: 70px;
}
.carousel-inner-participations .square-picture {
max-height: 65vw;
max-width: 65vw;
}
.skew-left:before,
.skew-all:before,
.skew-all:after,
.skew-right:after,
.skew-all:after {
display: none;
}
.skew {
margin: 20px 0px;
}
.skew p {
line-height: 7vw;
font-size: 3.5vw;
}
.skew-all {
margin: 0px;
}
.titles-div {
width: 90%;
}
.titles-div h1 {
font-size: 9.5vw;
text-shadow: 0px 0px 0.05em white;
}
.titles-div h2 {
font-size: 4.45vw;
margin-top: 15px;
line-height: 8vw;
font-weight: 300;
font-family: 'Montserrat', sans-serif;
}
.nav-link {
padding-right: 1rem !important;
padding-left: 1rem !important;
font-weight: 600;
font-size: 4vw;
}
.halo-logo img {
height: 110vw;
display: initial;
}
.enter-banner-div h2,
.enter-banner-div h3 {
font-size: 7.5vw;
color: black;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
text-shadow: 0px 0px 0.085em white;
line-height: 8vw;
}
.enter-banner-div h3 {
font-size: 4.5vw;
}
.descriptor h3 {
font-weight: 500;
font-size: 4.5vw;
color: #1f4c6d;
letter-spacing: 0.15rem;
line-height: 8.15vw;
margin-bottom: 0px;
padding: 0px 0px;
}
.staff-img-div,
.staff-text-div {
position: relative;
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
.staff-img-div {
min-height: unset;
}
.font-medium {
font-size: 4.25vw;
display: table;
margin: 0 auto;
}
.carousel-first-block-text h3 {
font-weight: 200;
font-size: 28pt;
margin-bottom: 50px;
color: #1f4c6d;
}
.carousel-first-block img {
width: 250px;
height: auto;
margin-bottom: 50px;
}
.staff-text p {
font-size: 4.5vw;
margin-bottom: 25px;
text-align: justify;
color: #1f4c6d;
line-height: 8.5vw;
}
.carousel-first-block-text h4 {
font-weight: 500;
font-size: 4.5vw;
line-height: 9.5vw;
margin-bottom: 0px;
color: #1f4c6d;
}
.actualites-main-title {
font-weight: 200;
font-size: 28pt;
text-align: center;
color: #1f4c6d;
margin: 40px auto;
}
.actualite-block h5 {
font-size: 4.75vw;
margin-bottom: 20px;
}
.actualite-block p {
font-size: 4vw;
margin-bottom: 0px;
text-align: justify;
color: #1f4c6d;
line-height: 8vw;
}
.news-card h3,
.color-block h3,
.white-block h3 {
font-weight: 500;
font-size: 7.5vw;
line-height: 10.5vw;
margin-bottom: 30px;
color: #1f4c6d;
text-align: center;
padding-top: 20px;
}
.color-block h3,
.white-block h3 {
color: white;
padding-bottom: 10px;
}
.white-block h3 {
color: #1f4c6d;
}
.bg-light-green h3 {
font-weight: 500;
font-size: 6.5vw;
line-height: 10.5vw;
width: 100%;
margin: 0 auto;
font-weight: 200;
}
.news-card p,
.news-card .p,
.white-block p,
.color-block p {
text-align: justify;
font-size: 4.5vw;
margin-bottom: 25px;
color: #1f4c6d;
line-height: 8.5vw;
}
.img-fluid-cover,
.img-fluid-cover-center {
height: auto !Important;
}
.color-block h3 strong {
font-weight: 500;
font-size: 7.5vw;
line-height: 10.5vw;
margin-bottom: 30px;
color: white;
}
.navbar-collapse .navbar-nav {
width: 100%;
}
.halo-logo {
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -15%);
-ms-transform: translate(-50%, -15%);
transform: translate(-50%, -15%);
}
.absolute-lang {
width: auto !important;
right: inherit !important;
top: inherit !important;
background-color: transparent;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: relative !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.fa-linkedin {
background-color: white;
}
.citation-text {
font-weight: 500;
font-size: 4.5vw !important;
line-height: 8.5vw !important;
margin-bottom: 30px;
color: #1f4c6d;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2rem;
width: 95% !important;
}
.gridder-show {
display: block;
float: left;
width: 100%;
padding: 2vw 3vw;
margin-bottom: 1%;
}
.gridder-expanded-content p {
font-size: 4vw;
line-height: 7.25vw;
color: #101010;
margin-bottom: 10px;
text-align: justify;
}
.badge {
white-space: normal;
font-size: 5.75vw;
line-height: 1.5;
}
.gridder-padding .badge {
margin-top: 1vw;
}
.color-block .carousel-first-block-text {
height: 650px;
padding-top: 0px;
}
.carousel-impact-text {
width: 95%;
}
.carousel-impact-text p {
width: 70% !important;
margin: 0 auto;
}
.carousel-impact-text span {
font-size: 2.75vw;
}
.wallet-gridder .gridder-list {
width: 100%;
margin: 20px 0px;
}
.wallet-gridder img {
height: 12.5vh !important;
width: auto;
margin: 0 auto;
display: table;
}
.wallet-gridder .gridder-location {
font-size: 1.05rem !important;
}
.wallet-gridder .gridder-surtitle {
font-size: 5.25vw !important;
}
.gridder-investment-date {
font-size: 4.5vw !important;
text-align: left;
}
.actualites-infos h5,
.actualites-infos-main h5 {
font-size: 5vw !important;
}
.actu-section h1 {
line-height: 10vw;
color: #1f4c6d !important;
font-size: 6vw;
padding-top: 30px;
padding-bottom: 20px;
}
.actu-img {
height: auto;
width: 100%;
}
.dropdown-item {
font-size: 4vw;
}
.page-classic-list li:before {
width: 30px;
height: 20px;
left: 1.75rem;
}
.page-classic-list li {
padding: 1.1rem 1rem 1.1rem 5rem;
}
.white-block-subtitle {
font-size: 4.5vw;
}
.actualites-infos-main {
min-height: 200px;
position: relative;
}
.news-staff-img {
max-height: 350px;
margin-bottom: 30px !important;
}
.actu-section .citation-text {
padding-top: 0px !important;
}
.actu-section .news-card {
padding: 20px !important;
}
.border-right-beige {
font-size: 7vw !important;
}
.pt-mobile {
padding-top: 30px !important;
}
.full-width-block h3 {
padding: 1rem 0rem 0rem;
}
.page-title .row div,
.page-title,
.banner-height {
height: 250px;
}
.page-classic-list li {
font-size: 4.5vw;
margin-bottom: 0px;
text-align: justify;
color: #1f4c6d;
line-height: 8.5vw;
}
.three-images-home {
display: none;
}
.news-card .citation-text {
font-size: 4.5vw !important;
font-weight: 600;
color: #1f4c6d !important;
line-height: 1.95rem !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
}
#cookie-law-info-bar {
z-index: 10000;
width: 100%;
padding: 1em;
text-align: center;
}
#cookie_action_close_header {
padding: 0.5em;
}
.protection-data {
color: #1f4c6d;
}
.protection-data h3 {
color: #1f4c6d;
font-weight: 400;
font-size: 24pt;
margin-bottom: 20px;
}
.protection-data td {
color: #1f4c6d;
font-size: 13pt;
padding: 1vw;
}
.protection-data li {
font-size: 14pt;
margin-bottom: 10px;
}
@media (max-width: 735px) {
.dynamic-nav {
display: none!important;
}
}
@media (min-width: 736px) {
.dynamic-nav-mobile {
display: none!important;
}
}
@media (max-width:767px){
.skew-left:before,
.skew-all:before,
.skew-all:after,
.skew-right:after,
.skew-all:after {
display: none;
}
.skew span {
margin-bottom: 12px;
font-weight: 400 !important;
letter-spacing: 0px !important;
font-size: 1rem;
line-height: 1.15rem;
width: 100%;
font-style: italic;
color: white !important;
text-transform: initial;
text-align: center;
z-index: 2;
}
.skew {
margin: 20px 0px;
}
.skew p {
line-height: 7vw;
font-size: 3.5vw;
white-space: nowrap;
right: 2%;
}
.skew-all {
margin: 0px;
}
.carousel-second-block{
display: none;
}
}
@media (max-width: 995px){
.nav-link{
text-align:center!important;    }
}
@media (min-width: 1999px){
.flex-center-column{
display: inline!important;
}
}
p, li{
text-align:left!important;
}
.lining{
font-variant-numeric:lining-nums;
}
/*Block Responsive Img*/
.block-responsive {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
/* A SUPPRIMER */
.block-responsive-adn,
.block-responsive-adn-2,
.block-responsive-adn-3,
.block-responsive-ambition,
.block-responsive-ambition-2,
.block-responsive-critere,
.block-responsive-critere-2,
.block-responsive-strategie,
.block-responsive-accompagnement,
.block-responsive-esg,
.block-responsive-esg-2,
.block-responsive-impact{
background-size: cover;
background-repeat: no-repeat;
}
.block-responsive-adn{
background-image: url("../img/shutterstock_1243953514.jpg");
background-position: 50%, 50%;
}
.block-responsive-adn-2{
background-image: url(../img/shutterstock_699634498_small_filtered.jpg);
background-position: 50%, 50%;
}
.block-responsive-adn-3{
background-image: url(../img/shutterstock_699634498_small_filtered.jpg);
background-position: 50%, 50%;
}
.block-responsive-ambition{
background-image: url(../img/shutterstock_1186739332_small.jpg);
background-position: 50%, 50%;
}
.block-responsive-ambition-2{
background-image: url(../img/shutterstock_1268263870_small.jpg);
background-position: 50%, 50%;
}
.block-responsive-critere{
background-image: url(../img/shutterstock_714655786_small.jpg);
background-position: 50%, 50%;
}
.block-responsive-critere-2{
background-image: url(../img/shutterstock_555609097_small.jpg);
background-position: 50%, 50%;
}
.block-responsive-strategie{
background-image: url(../img/shutterstock_387843199_small_filtered.jpg);
background-position: 50%, 50%;
}
.block-responsive-accompagnement{
background-image: url(../img/shutterstock_1689338005_small.jpg);
background-position: 50%, 50%;
}
.block-responsive-esg{
background-image: url(../img/shutterstock_1232587609_small.jpg);
background-position: 50%, 50%;
}
.block-responsive-esg-2{
background-image: url(../img/shutterstock_245560489_small.jpg);
background-position: 50%, 50%;
}
.block-responsive-impact{
background-image: url(../img/shutterstock_361324433_small.jpg);
background-position: 50%, 50%;
}
/* /A SUPPRIMER */
/* Carousel Home*/
#carouselHome .carousel-control-prev-icon{
width: 40px!important;
height: 40px!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231f4c6d' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")!important;
}
#carouselHome .carousel-control-next-icon{
width: 40px!important;
height: 40px!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231f4c6d' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")!important;
}
.first-item-carousel-home,
.second-item-carousel-home,
.third-item-carousel-home,
.fourth-item-carousel-home,
.fifth-item-carousel-home,
.sixth-item-carousel-home,
.seventh-item-carousel-home,
.eighth-item-carousel-home,
.nineth-item-carousel-home,
.tenth-item-carousel-home,
.eleventh-item-carousel-home{
background-size:cover;
background-repeat:no-repeat;
}
.first-item-carousel-home{
background-image:url('../img/home-carousel/KAYENTIS.jpg');
background-position: 75%, 0%
}
.second-item-carousel-home{
background-image:url('../img/home-carousel/MUST_HOME_(002).jpg');
background-position: 75%, 0%
}
.third-item-carousel-home{
background-image:url('../img/home-carousel/Discngine_-_Image_Extens.jpg');
background-position: 0%, 0%;
}
.fourth-item-carousel-home{
background-image:url('../img/home-carousel/TERANGA_AdobeStock_211127930_.jpg');
background-position: 100%, 10%;
}
.fifth-item-carousel-home{
background-image:url('../img/home-carousel/Bow_medical.jpg');
background-position: 100%, 100%;
}
.sixth-item-carousel-home{
background-image:url('../img/home-carousel/Hoppen.jpg');
background-position: 100%, 100%;
}
.seventh-item-carousel-home{
background-image:url('../img/home-carousel/Sancare.jpg');
background-position: 0%, 0%;
}
.eighth-item-carousel-home{
background-image:url('../img/home-carousel/SANILEA_copyright_Sanilea_cropped_auto_x2.jpg');
background-position: 55%, 50%;
}
.nineth-item-carousel-home{
background-image:url('../img/home-carousel/Sofia_Dev_auto_x2.jpg');
background-position: 55%, 45%;
}
.tenth-item-carousel-home{
background-image:url('../img/home-carousel/MediReport_copyright_MediReport.jpg');
background-position: 49%, 100%;
}
.eleventh-item-carousel-home{
background-image:url('../img/home-carousel/Horizontal.jpg');
background-position: 80%, 100%;
}
.play-btn {
background-color: rgba(113, 156, 154, 0.8);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: auto !important;
padding: 30px;
border-radius: 50%;
cursor: pointer;
}
.play-btn img {
height: 35px;
animation: heartbeat 7s 2s infinite;
}
@keyframes heartbeat {
20% { transform: scale(1.35); }
65% { transform: scale(1); }
}
#fullscreen_video .modal-dialog {
max-width: 78vw;
margin: 0 auto;
justify-content: center;
}
#fullscreen_video .modal-content,
#fullscreen_video .video-block {
overflow: hidden;
width: auto;
width: 70vw;
justify-content: center;
background-color: transparent;
}
#fullscreen_video .close {
position: absolute;
right: 20px;
color: white;
font-size: 50px;
opacity: 1;
}
#fullscreen_video .modal-dialog iframe{
margin: 0 auto;
display: block;
}
#fullscreen_video .close {
font-weight: 300;
}
/* 03/06/2024.MODIFS ALEX PIERAGGI */
.bg-overlay{position:absolute;z-index:-1;height:100%;width:100%;background-color: rgb(13, 90, 125, 0.25);left:0px;top:0;pointer-events:none !important;}