@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,600;1,300;1,400;1,600&display=swap');

html {
	background-color: #fff;
}

body {
	background-color: transparent;
	padding: 0;
	margin:0;
	font-family: "Titillium Web", sans-serif;
}

a {
	color: #fff;
}

img {
	max-width: 100%;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a#password_lost {
	font-size: 13px;
}

div.modal-footer {
	padding: 15px 0 0 0;
}
div.modal-content {
	border-radius: 0;
}

div#locale_select_container {
	position: relative;
	top: 47px;
	left: 50%;
	display: inline-block;
}

div#locale_select {
	display: inline-block;
}
div#locale_select:hover {
	cursor:pointer;
}
div.locale_dropdown {
	background: #122c53;
	width: 190px;
	border-radius: 10px;
	margin-top: 10px;
	padding: 10px;
	position:absolute;
}
div#locale_select > div.locale,
div.locale_dropdown > div.locale {
	border: 1px solid #fff;
	padding: 5px 10px;
	border-radius: 10px;
	display: inline-block;
	width: 190px;
}
div.locale_dropdown > div.locale {
	border: none;
}

div.locale_dropdown > div.locale a {
	color: #fff;
}

div#locale_select > div.locale span,
div.locale_dropdown > div.locale a span {
	color: #fff;
	margin-left: 20px;
}

footer {
	background: #004b9d;
	width: 100%;
	bottom: 0;
	padding-top:75px;
}

a#header_link {
	margin: 40px 0 0 0;
	display: inline-block;
}
a#header_link img {
	max-width: 235px;
}

form#top_login_form {
	margin-top: 30px;
	float:right;
}
form#top_login_form div.login_fields {
	float: left;
	width: calc(100% - 30px);
}

form#top_login_form div.login_fields input {
	width: 100%;
}
form#top_login_form div.login_button {
	float: left;
	width: 30px;
}

form#top_login_form div.login_button button {
	height: 60px;
	background: #004c99;
	border-radius: 0 10px 10px 0;
	color: #fff;
	border: 1px solid #004c99;
	width: 100%;
}

p.footer_content {
	margin-top: 25px;
	font-size: 1.5em;
	color: #fff;
}

div.footer_relais {
	text-align: right;
}

div.footer_linkedin {
	text-align: right;
	margin-top: 70px;
}

.form-control::placeholder {
	color: #555;
}
input.error::placeholder {
	color: #000 !important;
}

a#scroll_to_top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
}

/* Products */
div#category_buttons_container button {
	width: 100%;
	padding: 5px 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #004b9c;
	background-color: #f5f5f5;
	border: 1px solid #80a6cd;
}

div#category_buttons_container button:hover,
div#category_buttons_container button.active {
	background-color: #c5d7e1;
}

div#category_logos_container {
	margin-top: 100px;
}

div#buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

div#buttons div.category_button {
	flex: 1 1 calc(100%/4 - 17px);
	max-width: calc(100%/4 - 17px);
}

div.category_slide {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

div.category_logo_container {
	flex: 1 1 calc(100%/6 - 17px);
	max-width: calc(100%/6 - 17px);
}

div.category_logo {
	text-align:center;
	border: 1px solid #b4c9da;
	border-radius: 10px;
	
}

div#category_slide_buttons button {
	position: absolute;
	top: calc(50% + 20px);
	background-color: #004b9c;
	color: white;
	font-size: 24px;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.3), 0 0px 7px 0 rgba(0, 0, 0, 0.3);
}

div#category_slide_buttons button.previous {
	left: 10px;
}

div#category_slide_buttons button.next {
	right: 10px;
}

div#category_slide_buttons button:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

div.contact_person {
  text-align: center;
  padding-bottom: 20px;
}

p#return_to_catalog_link {
	font-size: 1.2em;
	margin-top: 50px;
	display: inline-block;
}

@media (max-width: 1199px) {
	div.category_logo_container {
		flex: 1 1 calc(100%/4 - 15px);
		max-width: calc(100%/4 - 15px);
	}
	div#buttons div.category_button {
		flex: 1 1 calc(100%/3 - 17px);
		max-width: calc(100%/3 - 17px);
	}
}

@media (max-width: 992px) {
	div#buttons div.category_button {
		flex: 1 1 calc(100%/2 - 17px);
		max-width: calc(100%/2 - 17px);
	}
}

@media (max-width: 768px) {
	div.category_logo_container {
		flex: 1 1 calc(100%/2 - 10px);
		max-width: calc(100%/2 - 10px);
	}
	p#return_to_catalog_link {
		font-size: 1.2em;
		margin-top: 0;
		display: block;
		text-align: right;
	}
}

@media (max-width: 480px) {
	div#buttons {
		display: block;
	}
	div#buttons div.category_button {
		max-width: 100%;
		margin-bottom: 10px;
	}
	div#buttons div.category_button:last-child {
		margin-bottom: 0;
	}
}

div.category_listing_logos {
	display:flex;
	flex-wrap: wrap;
	gap: 20px;
}
div.category_listing_logo_container {
	flex: 1 1 calc(100%/6 - 17px);
	max-width: calc(100%/6 - 17px);
}

div.category_buttons_row {
	margin-bottom: 20px;
}
div.category_buttons_row:last-child {
	margin-bottom: 0;
}

/* ------------ */

@media (max-height: 800px) {
}

@media (max-width: 1199px) {
	div.footer_linkedin {
		text-align: right;
		margin-top: 20px;
	}
}
@media (max-width: 991px) {
	div#locale_select_container {
		top: 28px;
	}
	body {
		padding-top: 0;
	}
	p.footer_content {
		margin-top: 25px;
		font-size: 1.2em;
	}
}

@media (max-width: 768px) {
	footer {
		position: relative;
	}
	a#header_link img {
		margin: 20px 0;
	}
	form#top_login_form {
		margin-top: 0;
		float: none;
	}
	a#header_link {
		margin-top: 0;
	}
	div.category_buttons_row {
		margin-bottom: 0;
	}
}