@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');

:root {
/* Colors */
--color_blue_black_light: #454c55;
--color_blue_black_dark: #252e38;
--color_white: #ffffff;
--color_grey_xlight: #f2f2f2;
--color_grey_light: #e7e9eb;
--color_grey_dark:#717275;
--color_neptune_blue_dark: #2184cd;
--color_neptune_blue_light: #41a1d6;
}

/* Tag HTML */
* {
box-sizing: border-box;
}

body, html {
scroll-behavior: smooth;
height: 100%;
}

body {
background-color: var(--color_white) !important;
color: var(--color_blue_black_dark) !important;
font-family: 'Poppins', sans-serif;
position: relative;
}

hr {
background-color: var(--color_neptune_blue_dark) !important;
padding: 0px;
margin: 0px;	 
}

/* Header avec logo */
.header {
display: inline-flex;
}

.header_logo {
max-width: 460px;
padding-top: 10px;
padding-bottom: 10px;
}

.header_lang {
max-width: 380px;
padding-top: 25px;
padding-left: 10px;
}

/* Navigation */
.navbar {
z-index: 9;
right: 0;
left: 0;
padding-top: 0px;
padding-bottom: 0px;
background-color: var(--color_neptune_blue_dark) !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
width: 160px;
}

.navbar-nav .nav-link::after {
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}

.navbar-nav .nav-link {
color: var(--color_white) !important;
font-size: 16px;
position: relative;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item.active .nav-link::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}

.navbar-nav .nav-item.active .nav-link,
.nav-link:focus,
.nav-link:hover {
color: var(--color_white) !important;
background-color: var(--color_neptune_blue_light) !important;
}

.nav-link:focus {
color: var(--color_grey_dark) !important;
}

.navbar-toggler {
border: 0;
padding: 0;
cursor: pointer;
margin: 0;
width: 30px;
height: 35px;
outline: none;
}

.navbar-toggler:focus {
outline: none;
box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
transition: top 300ms 50ms ease, transform 300ms 350ms ease;
transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
background: var(--color_white) !important;
transition: background 10ms 300ms ease;
display: block;
width: 30px;
height: 2px;
position: relative;
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
transition: top 300ms 350ms ease, transform 300ms 50ms ease;
transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
position: absolute;
right: 0;
left: 0;
background: var(--color_white) !important;
width: 30px;
height: 2px;
content: '';
}

.navbar-toggler .navbar-toggler-icon:before {
top: -8px;
}

.navbar-toggler .navbar-toggler-icon:after {
top: 8px;
}

/* Link avec effet */
.custom-link {
position: relative;
overflow: hidden;
z-index: 1;
display: inline-block;
transition: all .3s cubic-bezier(.645,.045,.355,1);
text-decoration: none;
color: var(--color_blue_black_dark) !important;
}

.custom-link::after {
content: "";
width: 0;
height: 2px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
background: currentColor;
}

.custom-link:hover::after {
width: 100%;
left: 0;
right: auto;
}

.custom-link:hover,
.custom-link:hover::after {
color: var(--color_neptune_blue_light) !important;
}

/* Font-size */
.fs-14 {
font-size: 14px;
}

/* Accordion */
.accordion-button:not(.collapsed) {
color: var(--color_white) !important;
background-color: var(--color_neptune_blue_light) !important;
}

.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg);
}

/* Footer */ 
.footer_band {
background-color: var(--color_grey_xlight) !important;
}


/* Image home overlay */
.home_img-container {
position: relative;
width: 100%;
max-width: 720px;
}

.home_img-image {
display: block;
width: 100%;
height: auto;
}

.home_img-overlay {
position: absolute; 
bottom: 0; 
background: rgb(65, 161, 214);
background: rgba(65, 161, 214, 0.5); /* Black see-through */
color: #f1f1f1; 
width: 100%;
transition: .5s ease;
/* opacity:0; */
color: white;
font-size: 20px;
padding: 7px;
text-align: center;
}

.home_img-container:hover .home_img-overlay {
/* opacity: 1; */
background-color: var(--color_neptune_blue_light) !important;
}