@CHARSET "ISO-8859-1";
html
{ 
	height: 100%;
	overflow-x:visible;
}
body {
	height: auto;
	width: 100%;
	margin-left: 50px;
	text-align: justify;
	overflow-x: hidden;
}
a
{
text-decoration: none;
color : #000000;
z-index: 1009;
}
.Fond_de_page
{
background-color : black;
background-repeat: no-repeat;
max-height :960px;
max-width :1200px;
position: relative;
margin-left: auto;
margin-right:auto;
margin-top :auto;
}
.baniere_haut {
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: 0%;
	height: 230px;
	width: 1200px;
	background-size: 40% ;
	z-index: 1001;
}
.banière_haut_gauche {
	background-image: url('images_2024/banière_piècesusinées_haut_gauche.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 8%;
	left: 0%;
	height: 100%;
	width: 33%;
	background-size: 100%;
	z-index: 1001;
}
.banière_haut_gauche_savoirfaire {
	background-image: url('images_2024/banière_piècesusinées_haut_gauche.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 8%;
	left: 20%;
	height: 100%;
	width: 33%;
	background-size: 100%;
	z-index: 1001;
}
.cadre_texte_banière_haut {
	height: 20%;
	width: 33%;
	position: absolute;
	top: 90%;
	left: 0%;
	background-color: rgb(0,0,0);
	box-shadow:3px 3px 2px rgb(151,154,154) ;
	background-repeat: no-repeat;
	z-index: 1008;
}
.cadre_texte_banière_haut_reduit {
	height: 20%;
	width: 30%;
	position: absolute;
	top: 90%;
	left: 3%;
	background-color: rgb(255, 255, 255);
	box-shadow: 3px 3px 2px -2px rgb(151,154,154);
	background-repeat: no-repeat;
	z-index: 1008;
}

.cadre_banière_haut {
	height: 20%;
	width: 33%;
	position: absolute;
	top: 90%;
	left: 0%;
	background-repeat: no-repeat;
	z-index: 1002;
}

.bande_contact {
	height: 80%;
	width: 30%;
	position: absolute;
	top: 10%;
	left: 70%;
	background-color: rgb(216, 206, 206);
	box-shadow: 3px 3px 2px rgb(186, 183, 183);
	background-repeat: no-repeat;
	z-index: 1002;
}
.email {
	background-image: url('images_2024/mail.png');
	background-repeat: no-repeat;
	height: 100%;
	width: 60%;
	margin-left: 71%;
	background-size: 12%;
	margin-top: 2.8%;
	border: none;
	z-index: 1010;
}
	.email:hover {
		background-image: url('images_2024/smail.png');
	}
.retour_accueil {
	background-image: url('images_2024/Retour_accueil.png');
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 20%;
	top: 14%;
	left: 2%;
	background-size: 30%;
	display: block;
}
.telephone {
	background-image: url('images_2024/telephone.png');
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 25%;
	top: 30%;
	left: 80%;
	background-size: 20%;
	display: block;
}
.localisation {
	background-image: url('images_2024/Localisation.png');
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 30%;
	top: 25%;
	left: 95%;
	background-size: 20%;
	display: block;
}
.menu {
	position:relative;
	top: 0%;
	left: 5%;
	height: 100%;
	width: 100%;
	font-family:Tahoma;
	font-size: 10px;
	color: rgb(34, 33, 33);
	text-shadow: 1px 1px 1px rgb(216, 213, 213);
	text-align: justify;
	text-transform: uppercase;
	z-index: 1010;
}
.menu:hover
	{
	position:relative;
	top:0%;
	left:5%;
	height : 100%; 
	width: 100%;
	font-family: arial;
	font-size : 10px;
	}
.cadre_menu
{
	position : absolute;
	left : 42%;
	top	: 3%;
	height: 100%;
	width: 100%;
	z-index: 1010;
}
.cadre_pied_à_coulisse {
	height: 100%;
	width: 10.5%;
	position: absolute;
	top: 8%;
	left: 30.5%;
	background-image: url('images_2024/Pied_à_coulisse.png');
	background-size: 70%;
	background-repeat: no-repeat;
	z-index: 1004;
}
.cadre_pied_à_coulisse_savoirfaire {
	height: 100%;
	width: 10.5%;
	position: absolute;
	top: 8%;
	left: 50.5%;
	background-image: url('images_2024/Pied_à_coulisse.png');
	background-size: 70%;
	background-repeat: no-repeat;
	z-index: 1004;
}
.cadre_mecamill {
	height: 100%;
	width: 10.5%;
	position: absolute;
	top: 9%;
	left: 34.6%;
	font-weight : bold;
	background-size : 100%;
	background-repeat: no-repeat;
	z-index: 1004;
}
.cadre_titre {
	height: 100%;
	width: 20%;
	position: absolute;
	top: 27.5%;
	left: 38%;
	background-repeat: no-repeat;
	z-index: 1004;
}
.barre_separation {
	height: 2%;
	width: 56%;
	position: absolute;
	top: 96%;
	left: 35%;
	background-image: url('images_2024/Démarquation_jaune.png');
	box-shadow: 0px 1px 2px rgb(216, 206, 206);
	background-repeat: no-repeat;
	text-align: center;
	z-index: 1000;
}
.barre_separation_haut {
	height: 0.3%;
	width: 90.5%;
	position: absolute;
	top: 3%;
	left: 0%;
	background-image: url('images_2024/Démarquation_grise.png');
	background-repeat: no-repeat;
	text-align: center;
	z-index: 1000;
}
.baniere_centre
{
	height :525px; 
	width: 1200px;
	position : absolute;
	top : 245px;
	left : 0%;	
	background-repeat: no-repeat;
	z-index: 1002;
}
.cadre_texte_centre {
	height: 85%;
	width: 38%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-color: rgb(255, 255, 255);
	box-shadow: -7px 0px 10px 5px rgb(216, 206, 206);
	z-index: 1002;
}
.cadre_texte_centre_savoirfaire {
	height: 85%;
	width: 38%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px -10px 10px -10px rgb(151,154,154);
	z-index: 1002;
}
.cadre_texte_centre_nosequipements {
	height: 85%;
	width: 38%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-color: rgb(255, 255, 255);
	box-shadow: -10px 0px 10px -10px rgb(151,154,154);
	z-index: 1002;
}
.cadre_texte_contact {
	height: 85%;
	width: 38%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 10px -10px rgb(151,154,154);
	z-index: 1002;
}
.cadre_texte_centre_equipements {
	height: 85%;
	width: 55%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-color: rgb(238,238,238);
	box-shadow: 3px 3px 2px rgb(151,154,154);
	z-index: 1002;
}
.centrage_texte {
	height: 80%;
	width: 80%;
	position: absolute;
	top: 9%;
	left: 20%;
	background-repeat: no-repeat;
	z-index: 1002;
}
.cadre_texte_droite {
	height: 400px;
	width: 150px;
	position: absolute;
	top: 20%;
	left: 105%;
	background-repeat: no-repeat;
	z-index: 1002;
}
.baniere_cote {
	height: 50%;
	width: 30%;
	position: absolute;
	top: 15%;
	left: 1%;
	background-repeat: no-repeat;
	background-size: 43%;
	background-image: url('images_2024/banière_menu_deroulant.png');
	z-index: 1010;
}
.baniere_sous_menu {
	height: 40%;
	width: 80%;
	position: absolute;
	background-size: 25%;
	top: 55%;
	left: 5%;
	background-repeat: no-repeat;
	background-image: url('images_2024/banière_menu_bas.png');
	z-index: 1002;
}
.baniere_encadrement_texte_haut {
	height: 25%;
	width: 78%;
	position: absolute;
	background-size: 55%;
	top: 0%;
	left: 103%;
	background-repeat: no-repeat;
	background-image: url('images_2024/banière_encadrement_texte.png');
	z-index: 1002;
}
.baniere_encadrement_texte_bas {
	height: 25%;
	width: 78%;
	position: absolute;
	background-size: 55%;
	top: 80%;
	left: 103%;
	background-repeat: no-repeat;
	background-image: url('images_2024/banière_encadrement_texte.png');
	z-index: 1002;
}
.baniere_cote2 {
	height: 50%;
	width: 50%;
	position: absolute;
	top: 55%;
	left: 70%;
	background-repeat: no-repeat;
	background-size: 50%;
	background-image: url('images_2024/boitier_anodise.png');
	z-index: 1002;
}
.baniere_cote4
{
	height : 100%; 
	width: 100%;
	position : absolute;
	top : 10%;
	left : -7%;	
	opacity : 0.6;
	background-repeat: no-repeat;
	background-image: url('images_2024/piece_mecanique.png');
	
}

.baniere_haut_droit {
	height: 100%;
	width: 125%;
	position: absolute;
	top: 8%;
	left: 41%;
	background-repeat: no-repeat;
	background-image: url('images_2024/Baniere_piècesusinées_haut_droite.png');
	background-size: inherit;
	z-index: 1009;
}
.baniere_haut_droit_savoirfaire {
	height: 100%;
	width: 125%;
	position: absolute;
	top: 8%;
	left: 21%;
	background-repeat: no-repeat;
	background-image: url('images_2024/Baniere_piècesusinées_haut_droite.png');
	background-size: inherit;
	z-index: 1009;
}

.bouton_diapo {
	background-image: url('images_2024/bouton1.png');
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 25%;
	top: 60%;
	left: 90%;
	background-size: 10%;
	display: block;
}
.baniere_bas
{
	background-repeat: no-repeat;
	position : absolute;
	top : 770px;
	left : 0%;	
	height :20px; 
	width: 1200px;
	z-index: 1008;
}
.cadre_menu_baniere_bas {
	background-repeat: no-repeat;
	position: absolute;
	top: 20%;
	left: 2%;
	height: 5%;
	width: 95%;
	z-index: 1008;
}
.image {
	height: 40%;
	width: 35%;
	background-image: url('images_2024/pièce_usinée_001.png');
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	left: 78%;
	top: -8%;
	z-index: 1003;
}
.image_piece {
	height: 25%;
	width: 30%;
	background-image: url('images_2024/pièce_usinée_002.png');
	background-size: 75%;
	background-repeat: no-repeat;
	position: absolute;
	left: 15%;
	top: 67%;
	z-index: 1008;
}
.image_piece_alu {
	height: 30%;
	width: 30%;
	background-image: url('images_2024/pièce_alu.png');
	background-size: 63%;
	background-repeat: no-repeat;
	position: absolute;
	left: 18%;
	top: 55%;
	z-index: 1008;
}
.image_fraisage {
	height: 80%;
	width: 60%;
	background-image: url('images_2024/XR_1000.png');
	background-repeat: no-repeat;
	background-size: 75%;
	position: absolute;
	left: 68%;
	top: -5%;
	z-index: 1005;
}

.hardinge {
	height: 30%;
	width: 55%;
	background-image: url('images_2024/Hardinge.png');
	background-repeat: no-repeat;
	position: relative;
	background-size: 65%;
	left: 10%;
	top: 5%;
	z-index: 1005;
}
.huron {
	height: 22%;
	width: 45%;
	background-image: url('images_2024/huron.png');
	background-repeat: no-repeat;
	background-size: 65%;
	position: relative;
	left: 10%;
	top: 10%;
	z-index: 1005;
}

.image_tournage {
	height: 70%;
	width: 70%;
	background-image: url('images_2024/ftc30.png');
	background-repeat: no-repeat;
	position: relative;
	background-size: 100%;
	left: -10%;
	top: -20%;
	z-index: 1005;
}

.feeler {
	height: 18%;
	width: 32%;
	background-image: url('images_2024/feeler.png');
	background-repeat: no-repeat;
	position: relative;
	background-size: 100%;
	left: 85%;
	top: -130%;
	z-index: 1005;
}
.image_ajustage {
	height: 88%;
	width: 38%;
	background-image: url('images_2024/rectifieuse.png');
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	left: 92%;
	top: -15%;
	z-index: 1005;
}

.cincinnati {
	height: 18%;
	width: 32%;
	background-image: url('images_2024/cincinnati.png');
	background-repeat: no-repeat;
	position: relative;
	background-size: 100%;
	left: 10%;
	top: -60%;
	z-index: 1005;
}

.image_colonne {
	height: 110%;
	width: 50%;
	background-image: url('images_2024/Tesa plus M600.png');
	background-repeat: no-repeat;
	position: relative;
	background-size: 50%;
	left: 426px;
	top: -269px;
	z-index: 1005;
}

.tesa {
	height: 34%;
	width: 20%;
	background-image: url('images_2024/tesa.png');
	background-repeat: no-repeat;
	position: relative;
	background-size: 90%;
	left: 95%;
	top: -200%;
	z-index: 1005;
}
.mitutoyo {
	height: 18%;
	width: 32%;
	background-image: url('images_2024/mitutoyo.png');
	background-repeat: no-repeat;
	position: relative;
	background-size: 70%;
	left: 60px;
	top: -120%;
	z-index: 1005;
}
.image_parc_machines {
	height: 11%;
	width: 29%;
	background-image: url('images_2024/pdf.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 40%;
	top: 20%;
	z-index: 1010;
}
.atelier {
	height: 100%;
	width: 100%;
	background-image: url('images_2024/atelier.png');
	background-repeat: no-repeat;
	position: absolute;
	background-size: 100%;
	left: 8%;
	top: 30%;
}
*{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
ul, li{
	list-style: none;
}
.mon_onglet{
	height : 30px;
	width : 260px;
	top : 1px;
	background-repeat : no-repeat;
	float : left;
	margin-left : 170px;
	font-family : arial;
	text-align : center;
	position : absolute;
	cursor: pointer;
	z-index: 1004;
}	

.clear{
	clear: both;
}
.mon_contenu{
	width : 80%;
	height : 70%;
	color: #000000;
	font-family : verdana;
	font-size: 20px;
	background-repeat : no-repeat;
	position : absolute;
	top : 0%;
	left : 0%;	
	Z-index : 1009;
}
.renault {
	height: 15%;
	width: 10%;
	background-image: url('images_2024/renault.png');
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 1003;
}

.senior_aerospace {
	height: 20%;
	width: 20%;
	background-image: url('images_2024/aerospace.png');
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1005;
}

.cnrs {
	height: 27%;
	width: 17%;
	background-image: url('images_2024/cnrs.png');
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1005;
}
.gea {
	height: 9%;
	width: 15%;
	background-image: url('images_2024/gea.png');
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1005;
}
.eurovia {
	height: 15%;
	width: 15%;
	background-image: url('images_2024/Vinci.png');
	background-repeat: no-repeat;
	position: absolute;
	background-size: 75%;
	z-index: 1005;
}
.mastercam {
	height: 50%;
	width: 60%;
	background-image: url('images_2024/mastercam.png');
	background-repeat: no-repeat;
	position: absolute;
	background-size: 100%;
	left: 25%;
	top: 45%;
	z-index: 1005;
}
.textanim
{
		
	}
.list {
	height: 400px;
	position: absolute;
	top: 35%;
	left: 28%;
	transform: translate(-50%,-50%)
}

	.list li {
		list-style-type: none;
		width: 600px;
		height: 100%;
		opacity: .25;
		position: absolute;
		left: 55%;
		margin-left: -50px;
		border-radius: 2px;
		background-image: url('images_2024/usinage_1.png');
		transition: transform 1s, opacity 1s;
	}

	.list .act {
		opacity: 1;
	}

	.list .prev,
	.list .next {
		cursor: pointer;
	}

	.list .prev {
		transform: translateX(-100px) scale(.90);
	}

	.list .next {
		transform: translateX(150px) scale(.90);
	}

	.list .hide {
		transform: translateX(-300px) scale(.90);
	}

	.list .new-next {
		transform: translateX(420px) scale(.90);
	}

	.list .hide,
	.list .new-next {
		opacity: 0;
		transition: opacity .5s, transform .5s;
	}

.swipe {
	width: 270px;
	height: 200px;
	position: absolute;
	background-color: green;
	border-radius: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
}

.image1_carousel {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-image: url('images_2024/usinage.png');
	background-size: 85%;
	background-repeat: no-repeat;
	z-index: 1002;
}

.image2_carousel {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-image: url('images_2024/usinage_2.png');
	background-size: 85%;
	background-repeat: no-repeat;
	z-index: 1002;
}

.image3_carousel {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 3%;
	left: 35.5%;
	background-image: url('images_2024/usinage_3.png');
	background-size: 85%;
	background-repeat: no-repeat;
	z-index: 1002;
}
:root {
	--cookieBannerLight: #ffffff;
	--cookieBannerDark: #393d4d
}

#cookieBanner * {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-family: Poppins,sans-serif;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

#cookieBanner a, #cookieBanner button {
	cursor: pointer;
	color: inherit;
	font-family: inherit
}

#cookieBanner button {
	outline: 0;
	border: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	appearance: none
}

#cookieBanner em, #cookieBanner strong {
	font-weight: 600;
	font-family: inherit
}

#cookieBanner a:hover {
	text-decoration: none;
	cursor: pointer
}

#cookieBanner a:focus, #cookieBanner input:focus {
	outline: 0;
	list-style: none
}

#cookieBanner.light {
	background-color: #fff;
	background-color: var(--cookieBannerLight);
	color: #393d4d;
	color: var(--cookieBannerDark)
}

	#cookieBanner.light p, #cookieBanner.light ul {
		color: #393d4d;
		color: var(--cookieBannerDark)
	}

	#cookieBanner.light h5 {
		color: var(--cookieBannerDark)
	}

	#cookieBanner.light button#cookieReject {
		background: #fff;
		background: var(--cookieBannerLight)
	}

#cookieBanner.dark {
	background-color: #393d4d;
	background-color: var(--cookieBannerDark);
	color: #fff;
	color: var(--cookieBannerLight)
}

	#cookieBanner.dark p, #cookieBanner.dark ul {
		color: #fff;
		color: var(--cookieBannerLight)
	}

	#cookieBanner.dark h5 {
		color: #fff;
		color: var(--cookieBannerLight)
	}

	#cookieBanner.dark button#cookieReject {
		background: 0 0;
		color: #fff;
		color: var(--cookieBannerLight);
		border: 1px solid #fff;
		border: 1px solid var(--cookieBannerLight)
	}

#cookieBanner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	padding: 0.8em;
	border-radius: 2px;
	-webkit-box-shadow: 0 6px 6px rgba(0,0,0,.25);
	box-shadow: 0 6px 6px rgba(0,0,0,.25);
	font-family: inherit;
	z-index: 999997
}

	#cookieBanner #closeIcon {
		width: 10px;
		height: 10px;
		cursor: pointer;
		color: #bfb9b9;
		overflow: hidden;
		opacity: .85;
		z-index: 999999;
		position: absolute;
		top: 4px;
		right: 4px
	}

	#cookieBanner svg {
		display: block
	}

	#cookieBanner.display-left {
		left: 5px;
		bottom: 20px;
		max-width: 395px
	}

	#cookieBanner.display-right {
		right: 150px;
		bottom: 20px;
		max-width: 200px
	}

	#cookieBanner.display-top {
		top: 5px;
		width: 500px;
		left: 50%;
		margin-left: -400px
	}

	#cookieBanner.display-bottom {
		bottom: 10px;
		width: 500px;
		left: 50%;
		margin-left: -400px
	}

		#cookieBanner.display-bottom .content-wrap, #cookieBanner.display-top .content-wrap {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
			-ms-flex-pack: justify;
			justify-content: space-evenly;
			margin-left: 5px;
			-webkit-box-align: start;
			-ms-flex-align: start;
			align-items: start
		}

		#cookieBanner.display-bottom .msg-wrap, #cookieBanner.display-top .msg-wrap {
			max-width: 65%;
			width: 100%
		}

		#cookieBanner.display-bottom .msg-wrap, #cookieBanner.display-top .msg-wrap {
			margin-bottom: 0
		}

		#cookieBanner.display-bottom #cookieSettings, #cookieBanner.display-top #cookieSettings {
			margin-bottom: 0
		}

		#cookieBanner.display-bottom #cookieTypes, #cookieBanner.display-top #cookieTypes {
			margin-top: 20px
		}

	#cookieBanner .btn-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		font-weight: 500;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0 -5px 0 -5px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

		#cookieBanner .btn-wrap button {
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
			padding: 0 7px;
			margin: 0 5px 10px 5px;
			border-radius: 20px;
			cursor: pointer;
			white-space: nowrap;
			min-width: 130px;
			line-height: 36px;
			border: none;
			font-family: inherit;
			font-size: 16px;
			-webkit-transition: -webkit-box-shadow .3s;
			transition: -webkit-box-shadow .3s;
			-o-transition: box-shadow .3s;
			transition: box-shadow .3s;
			transition: box-shadow .3s,-webkit-box-shadow .3s
		}

			#cookieBanner .btn-wrap button:hover {
				-webkit-transition: -webkit-box-shadow .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
				transition: -webkit-box-shadow .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
				-o-transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);
				transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);
				transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
				-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
				box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
				-webkit-transform: translate3d(0,-1px,0);
				transform: translate3d(0,-1px,0)
			}

	#cookieBanner #cookieSettings {
		font-size: 12px;
		font-weight: 700;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-transform: uppercase;
		cursor: pointer;
		font-weight: 400;
		margin-bottom: 20px
	}

		#cookieBanner #cookieSettings svg {
			vertical-align: baseline;
			margin-right: 8px
		}

	#cookieBanner h4 {
		font-family: inherit;
		font-weight: 700;
		font-size: 18px
	}

	#cookieBanner .title-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 10px
	}

		#cookieBanner .title-wrap svg {
			margin-right: 10px
		}

	#cookieBanner h5 {
		font-family: inherit;
		font-weight: 700;
		font-size: 12px;
		margin-bottom: 10px;
		text-transform: uppercase
	}

	#cookieBanner p, #cookieBanner ul {
		font-size: 14px;
		margin-bottom: 20px
	}

		#cookieBanner p:last-child {
			margin-bottom: 0;
			text-align: left
		}

	#cookieBanner li {
		width: 49%;
		display: inline-block
	}

	#cookieBanner a {
		text-decoration: none;
		font-size: 14px;
		padding-bottom: 2px;
		border-bottom: 1px dotted rgba(255,255,255,.75);
		-webkit-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in
	}

#cookieTypes label {
	text-transform: uppercase;
	font-size: 13px
}

#cookieBanner button:disabled {
	opacity: .3
}

#cookieBanner input[type=checkbox] {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	width: 14px;
	height: 14px;
	margin: 4px 10px 0 0;
	display: block;
	float: left;
	position: relative;
	outline: 0;
	border: none
}

	#cookieBanner input[type=checkbox]:checked:after {
		background: #d3d3d3;
		content: "\2714";
		color: grey
	}

	#cookieBanner input[type=checkbox]:after {
		content: "";
		vertical-align: middle;
		text-align: center;
		line-height: 13px;
		position: absolute;
		cursor: pointer;
		height: 14px;
		width: 14px;
		left: 0;
		top: 0;
		font-size: 10px;
		background: #d3d3d3
	}

#cookieBanner.display-bottom.full-width-true, #cookieBanner.display-top.full-width-true {
	width: 100%;
	max-width: 100%;
	left: 1%;
	right: 50%;
	bottom: inherit;
	top: 0;
	border-radius: 0;
	margin: auto
}

#cookieBanner.display-bottom.full-width-true {
	bottom: 0;
	top: auto;
	-webkit-box-shadow: 0 -3px 3px rgb(0 0 0 / 25%);
	box-shadow: 0 -3px 3px rgb(0 0 0 / 25%)
}

	#cookieBanner.display-bottom.full-width-true .title-wrap, #cookieBanner.display-top.full-width-true .title-wrap {
		display: none
	}

	#cookieBanner.display-bottom.full-width-true .btn-wrap button, #cookieBanner.display-top.full-width-true .btn-wrap button {
		margin-bottom: 10px
	}

@media only screen and (max-width:800px) {
	#cookieBanner.display-bottom, #cookieBanner.display-top {
		width: 80%;
		max-width: 80%;
		left: auto;
		right: auto;
		bottom: auto;
		top: 0;
		border-radius: 0;
		margin: auto
	}

	#cookieBanner.display-bottom {
		bottom: 0;
		top: auto;
		-webkit-box-shadow: 0 -3px 3px rgb(0 0 0 / 25%);
		box-shadow: 0 -3px 3px rgb(0 0 0 / 25%)
	}

		#cookieBanner.display-bottom .btn-wrap button, #cookieBanner.display-top .btn-wrap button {
			margin-bottom: 10px
		}

		#cookieBanner.display-bottom .msg-wrap, #cookieBanner.display-top .msg-wrap {
			margin-right: 20px
		}
}

@media only screen and (max-width:600px) {
	#cookieBanner.display-left, #cookieBanner.display-right {
		width: 100%;
		max-width: 100%;
		left: auto;
		right: auto;
		bottom: 0;
		border-radius: 0;
		-webkit-box-shadow: 0 -3px 3px rgb(0 0 0 / 25%);
		box-shadow: 0 -3px 3px rgb(0 0 0 / 25%)
	}

	#cookieBanner.display-bottom .content-wrap, #cookieBanner.display-top .content-wrap {
		display: block
	}

	#cookieBanner.display-bottom .msg-wrap, #cookieBanner.display-top .msg-wrap {
		max-width: 100%
	}

	#cookieBanner.display-bottom #cookieSettings, #cookieBanner.display-top #cookieSettings {
		margin-bottom: 20px
	}
}