*,
::before,
::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-family: "Gothic A1", sans-serif;
	line-height: 1.5;
	--res: calc(0.01 * 10vmin);
}

button {
	outline: none;
	cursor: pointer;
	font-size: calc(15 * var(--res));
}

img {
	width: 100%;
}

body {
	margin: 0 223px;
	font-size: calc(16 * var(--res));
}

h1 {
	font-weight: inherit;
	font-size: calc(33 * var(--res));
	text-transform: uppercase;
}

table {
	border-collapse: collapse;
	width: 100%;
}

tr,
td,
th {
	padding: 1%;
	text-align: center;
	border-bottom: 1px solid black;
}

td:not(:first-child):not(:last-child) {
	font-weight: 1000;
	color: #132e51;
}

ul {
	padding-left: 5%;
}

.header {
	background-color: #132e51;
	display: flex;
	align-items: center;
	height: calc(500 * var(--res));
}

.logoHeader {
	padding: 0 5%;
}

.contenu-header {
	position: relative;
	width: 100%;
}

.contenu-header img {
	height: calc(510 * var(--res));
	object-fit: cover;
	object-position: bottom;
}

.new {
	position: absolute;
	background: #132e51;
	top: 10vh;
	left: 21vw;
	color: white;
	padding: 1%;
	text-align: center;
}

.new p {
	text-transform: uppercase;
}

.text-header {
	position: absolute;
	top: 11vh;
	left: 11vw;
	background: #0009;
	color: white;
	padding: 4%;
	text-align: center;
	padding-bottom: 1%;
	font-size: calc(30 * var(--res));
}

.text-header span {
	color: #db1065;
}

.br {
	content: "";
	margin: 2em;
	display: block;
	font-size: 45%;
}

.asterisque-expose {
	font-size: calc(8 * var(--res));
	vertical-align: super;
	line-height: 0;
}

.typologie {
	text-align: left;
	width: 60%;
}

#headTable {
	background: #132e51;
	color: white;
	border: 0;
}

#headTable th {
	margin: 5%;
}

.prestation {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.prestation div {
	width: 46%;
	padding-bottom: 2%;
}

.prestation div:nth-child(2n -1) {
	padding-right: 2%;
}

.prestation div > h3 {
	margin-bottom: 2%;
}

.exprof > div {
	width: 100%;
	padding: 17%;
	/* border:solid 1px #db1065; */
}

.exprof div > h3 {
	padding-right: 50%;
	white-space:nowrap;
}

.listPoint {
	width: 13px;
	margin-right: 5px;
}

.grid {
	display: flex;
	padding-top: 5%;
	justify-content: space-between;
	margin-bottom: 5%;
}

.left-container {
	padding-left: 7%;
	width: 60%;
}

.block {
	position: relative;
	width: 100%;
}

.left-block {
	position: absolute;
	bottom: 5%;
	left: 0px;
	width: 40%;
	max-height: 50%;
}

.right-container {
	width: 30%;
	position: relative;
}

#logoEmerigeSaDev {
	width:201px; /* 40% !important; */
}
.container {
	width: 100%;
	padding: 0;
	padding-bottom: 20px;
}

#asterisque {
	font-size: calc(11 * var(--res));
}

.card {
	background: #f5f5f5;
	width: 100%;
	padding: 4% 2%;
	padding-left: 5%;
}

.container-onglets {
	width: 100%;
	height: 4vw;
	display: flex;
	border-bottom: 6px solid #132e51;
	margin-bottom: 3%;
}

.onglet {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	background: #f5f5f5;
	color: #132e51;
	cursor: pointer;
}

.contenu {
	width: 100%;
	height: 70%;
	position: relative;
	opacity: 0;
	display: none;
}

.card h3 {
	padding: 10px;
}

hr {
	width: 10%;
	height: 5px;
	background: #132e51;
	border: none;
	margin-bottom: 5%;
	margin-top: 1%;
}

.contain-carouselle {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 5%;
}

.agrandir-taille {
	background: #132e51;
	color: white;
	width: 20%;
	height: 20%;
	float: right;
	top: 10%;
	border-top-left-radius: 5%;
	border-top-right-radius: 5%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	cursor: pointer;
}

.clickag {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	border: 1px solid black;
	background-color: rgba(0, 0, 0, 0.85);
}

.exit-carouselle {
	display: none;
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: calc(38 * var(--res));
	margin-right: 2%;
	margin-top: 1%;
}

.agrandir-taille img {
	width: 20%;
}

.agrandir-taille p {
	width: 70%;
}

.carouselle {
	bottom: 90%;
	width: 100%;
}

.slider {
	display: none;
	width: 100%;
	animation: fade 0.8s;
}

.slider img {
	width: 100%;
	height: calc(500 * var(--res));
	object-fit: cover;
}

.image1 {
	width: 100%;
}

.image2 {
	width: 100%;
}

.prev,
.next {
	position: absolute;
	top: 55%;
	transform: translate(0, -50%);
	font-size: calc(50 * var(--res));
	padding: 2%;
	cursor: pointer;
	color: #ffffff;
	transition: 0.1s;
	user-select: none;
}

.next {
	right: 0;
}

.prev:hover,
.next:hover {
	color: #132e51;
}

.dotsbox {
	position: absolute;
	left: 50%;
	bottom: 2%;
	color: white;
	cursor: pointer;
	transform: translate(-50%);
}

.dot {
	display: inline-block;
	width: 1vw;
	height: 1vw;
	border: 2px solid #ffffff;
	border-radius: 50%;
	margin: 0 2px;
}

.activeDot,
.dot:hover {
	background: #132e51;
}

td img {
	cursor: pointer;
}

.typologie span {
	color: #db1065;
}

.formulaire {
	width: 100%;
	background: #f5f5f5;
	top: 0;
	right: 0;
	position: sticky;
}

.head-formulaire {
	width: 100%;
	text-align: center;
	background: #132e51;
	color: white;
	padding: 3% 0;
}

.triangle-bottom {
	position: absolute;
	top: 0;
	left: 43%;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 30px solid #132e51;
}

.info-perso {
	position: relative;
	width: 100%;
	padding: 10%;
}

.title-form {
	font-size: calc(14 * var(--res));
	font-weight: 900;
}

.civilite {
	display: flex;
	justify-content: center;
}

.radio {
	width: 50%;
}

.radio:nth-of-type(1) {
	text-align: right;
	padding-right: 1%;
}
.radio:nth-of-type(2) {
	padding-left: 1%;
}

.radio-type {
	width: 1vw;
	height: 1vw;
	border-radius: 50px;
	background: #fff;
	border: 1px solid #424242;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
}

.clickedRadio {
	border: 5px solid #db1065;
	box-sizing: border-box;
}

.form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

input:focus {
	background: #db1065 !important;
	font-weight: 600;
	color:#fff !important;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form select {
	width: 48%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: none;
	box-sizing: border-box;
	background: #e6e7e6;
	color: #a7a7a7;
	font-size: calc(16 * var(--res));
}
.form input[type="email"] {
	width: 100%;
}
.form input[type="number"] {
	width: 70%;
	border-left: 1px solid;
}
.form select {
	width: 30%;
}

label {
	color: #a7a7a7;
}

.tel {
	width: 100%;
	display: flex;
}

#cp {
	width: 100%;
}

.artisant-invest {
	width: 100%;
	margin-top: 5%;
}

.buttons-choice {
	display: flex;
	justify-content: space-between;
}

.button-choice {
	border: none;
	padding: 2% 5%;
	width: 48%;
	cursor: pointer;
	background: #e6e7e6;
	color: #a7a7a7;
	font-weight: 600;
}

.offre-commercial {
	font-weight: 900;
	font-size: calc(12 * var(--res));
	color: #a7a7a7;
	margin-top: 5%;
}

.offre-commercial a { 
	color:#a7a7a7 !important; 
	text-decoration:underline;
}

.activeButton {
	background: #db1065;
	color: white;
}

.validation-form {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#valid-form {
	border-radius: 50px;
	background: #db1065;
	color: white;
	padding: 3% 5%;
	width: 40%;
	border: none;
	margin: 0 27%;
	margin-top: 5%;
	margin-bottom: 2%;
	font-size: calc(14 * var(--res));
	font-weight: 500;
}

.validation-form > span {
	margin-bottom: 10%;
	font-size: calc(12 * var(--res));
	font-weight: 500;
	color: #a7a7a7;
}

.validation-form > p {
	color: #a7a7a7;
	font-size: calc(12 * var(--res));
	font-weight: 500;
}

.mention-legales {
	background: #e6e7e6;
	text-align: center;
	padding: 3%;
}

#btn-mention-legales {
	border-radius: 25px;
	background: rgba(0, 0, 0, 0);
	padding: 1%;
	border: 1px solid black;
	font-size: calc(14 * var(--res));
	font-weight: 500;
	display: flex;
	transition: all 0.3s ease;
	width: calc(215 * var(--res));
	align-items: center;
	margin: 0 auto;
	justify-content: center;
	cursor: pointer;
}

#btn-mention-legales p {
	padding-bottom: inherit;
	margin: 0 calc(8 * var(--res)) 0 0;
}

.icon-up {
	transform: rotate(90deg);
}

#text-mention-legales {
	display: none;
	text-align: justify;
	font-size: calc(12 * var(--res));
	padding: 0 4%;
	padding-top: 2%;
	transition: all 0.5s ease;
}

.footer {
	width: 100%;
	left: 0;
	background: #26384c;
	color: white;
	display: flex;
	justify-content: space-around;
	padding: 2%;
}

.footer div {
	align-self: center;
}

#copyright-emerige {
	color: #ffffff;
	font-size: calc(12 * var(--res));
	font-weight: 900;
}

#tel-contact {
	color: #ffffff;
	font-size: calc(23 * var(--res));
	font-weight: 900;
}

/* Animation */

.active {
	background: #132e51;
	color: #f5f5f5;
	transition: all 0.3s ease;
}

.activeContenu {
	animation: fade 0.5s forwards;
	display: inline;
}

.activeML {
	background: #424242 !important;
	color: #f5f5f5;
}

.footer-btn {
	display: none;
}

#civilite {
	display: none;
}

hr.form-mobile {
	display: none;
}

#icon-phone {
	background: center / contain no-repeat url(../img/icon-mobile@2x.png);
	width: calc(40 * var(--res));
	height: calc(55 * var(--res));
	display: inline-block;
}

.footer > div {
	display: flex;
	align-items: end;
}

@keyframes turnUpDown {
	from {
		transform: rotate(90deg);
	}

	to {
		transform: rotate(270deg);
	}
}

@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media screen and (max-width: 1260px) {
	body {
		margin: 0;
	}

	p {
		font-size: 2.5vw;
	}

	#asterisque {
		font-size: calc(22 * var(--res));
	}

	.civilite {
		font-size: calc(25 * var(--res));
	}

	#civilite {
		display: block;
	}
	#info-perso {
		display: none;
	}

	#icon-file {
		background: center / contain no-repeat url(../img/file.png);
		width: 5%;
		height: 100%;
		display: inline-block;
	}

	#icon-contact {
		background: center / contain no-repeat url(../img/headset.png);
		width: 5%;
		height: 100%;
		display: inline-block;
	}

	.footer-btn {
		display: flex;
		position: sticky;
		bottom: 0;
		width: 100%;
		background: #db1065;
		justify-content: center;
	}
	.exit-form {
		position: absolute;
		top: 2%;
		right: 4%;
		cursor: pointer;
		font-size: calc(38 * var(--res));
		margin-right: 2%;
		margin-top: 1%;
		z-index: 1;
	}

	.btn-form-mobile {
		padding: 2% 5%;
		width: 48%;
		cursor: pointer;
		background: #0000;
		color: #fff;
		font-weight: 600;
		font-size: calc(20 * var(--res));
		border: none;
	}

	.right-container {
		display: none;
	}

	.right-container.form-mobile {
		position: fixed;
		background: #fff;
		width: 100%;
		height: 100%;
		top: 0;
		overflow-y: scroll;
		z-index: 1;
		display: flex;
		justify-content: center;
	}

	.head-formulaire.form-mobile {
		color: #000;
		background: #fff;
	}

	.head-formulaire.form-mobile > h2 {
		color: #db1065;
	}

	hr.form-mobile {
		display: block;
		background: #db1065;
		width: 10%;
		height: 5px;
		border: none;
		margin: auto;
	}

	.triangle-bottom.form-mobile {
		display: none;
	}

	.formulaire.form-mobile {
		position: relative;
		background: #fff;
	}

	.title-form.form-mobile {
		text-align: left !important;
		font-size: calc(20 * var(--res));
	}

	.civilite.form-mobile > p {
		font-size: calc(20 * var(--res));
	}

	.button-choice.form-mobile {
		font-size: calc(18 * var(--res));
	}

	#valid-form.form-mobile {
		font-size: calc(20 * var(--res));
		padding: 2% 2%;
		width: 31%;
	}

	.offre-commercial.form-mobile > p {
		font-size: calc(15 * var(--res));
	}

	.validation-form.form-mobile > span {
		font-size: calc(18 * var(--res));
	}

	.validation-form.form-mobile > p {
		font-size: calc(15 * var(--res));
	}

	.grid {
		flex-wrap: wrap;
		justify-content: center;
	}

	.left-container {
		width: 80%;
		padding: inherit;
	}

	.left-block {
		position: inherit;
		width: 100%;
	}

	.prestation div {
		width: 100%;
	}

	.dot {
		width: 2vw;
		height: 2vw;
	}

	.radio-type {
		width: 3vw;
		height: 3vw;
	}

	.clickedRadio {
		border: calc(12 * var(--res)) solid #db1065;
	}

	.text-header,
	.new {
		display: none;
	}

	.header {
		flex-wrap: wrap;
		justify-content: center;
		background: #000;
	}

	.logoHeader {
		width: 14%;
		padding: 2%;
	}
}

.new p {
	margin: 0px;
}
form p.title-form {
	text-align: center;
	margin-bottom: 10px;
}
form .offre-commercial {
	margin-bottom: 5%;
}
form .offre-commercial p {
	text-align: justify;
}
form .validation-form > p {
	text-align: justify;
}
.civilite {
}
.civilite > .radio {
	flex: 1;
	margin-top: 0px;
}
.civilite > .radio label {
	padding-left: 0px;
}
.form-group {
	margin-bottom: 5px;
}
.form-group .control-label {
	display: none;
}
.form-group .control {
}
.form-group .form-control {
	max-width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0px 12px;
	background: #e6e7e6;
	color: #333;
	border: none !important;
	box-sizing: border-box;
	margin-bottom: 5px;
	border-radius: 0px;
}
.form-group .form-control:placeholder {
	color: #a7a7a7;
}
.form-group#nom {
	display: block;
	width: 49%;
	display: inline-block;
}
.form-group#prenom {
	width: 49%;
	display: inline-block;
}
.form-group#telephone .control .input-group {
	display: flex;
	max-width: 100%;
}
.form-group#telephone [name="code"] {
	flex: 1;
	max-width: 100px;
	text-align: center;
	padding:0px 0px 0px 10px;
}
.form-group#telephone [name="telephone"] {
	flex: 1;
	max-width: calc(100% - 100px);
}
.form-group#email [name="email"] {
	width: 100%;
}
.form-group#lieu [name="lieu"] {
	width: 100%;
}
p.confirmation {
	text-align: center;
}

.nom-prenom {
	display: flex;
	justify-content: space-between;
}

#error-message {
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: #ff0000;
	color: #fff;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	z-index: 101;
	transition: all 0.4s ease;
	transform: translateY(100%);
}
#error-message.open {
	transform: translateY(0);
}
.form-group.error .control > .form-control {
	border: solid 1px #ff0000 !important;
}
.form-group.error .control > .input-group {
	border: solid 1px #ff0000 !important;
}



input.checkbutton { display:none; }
input.checkbutton + label { display:inline-block; width:49%; height:34px; line-height:34px; padding:0px 10px; text-align:center; background:#e6e7e6; color:#a7a7a7; font-weight:600; }
input.checkbutton:checked + label { background:#db1065; color:#fff; }
.radio input[type=radio] { position:relative; margin:0px; display:inline-block; }
.form-group.error input.checkbutton + label { border:solid 1px #ff0000; }
.form-group#profil { width:100%; }
.form-group#optin { width:100%; }

.columns { display:flex; }
.columns > .column { flex:1; }

body { margin:0px; font-family:GothicA1,sans-serif; }
.container { position:relative; width:100%; max-width:1230px; margin:auto; padding-bottom:0px; }

.pink { color:#e72b78!important; }

header { position:relative; margin-bottom:4%; }
header .left { position:absolute; left:0px; top:0px; bottom:0px; width:230px; background:#26384c; display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
header .logo-emerige { max-width:120px; }
header .right { position:relative; width:100%; padding-left:230px; box-sizing:border-box; }
#carousel-programme { display:block; height:0px; padding-bottom:45%; }
#carousel-programme .carousel-inner { position:absolute; left:0px; top:0px; width:100%; height:100%; }
#carousel-programme .item { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-repeat:no-repeat !important; background-size:cover !important; background-position:center 85% !important; }
header .title { position:absolute; top:60px; left:50%; transform:translateX(-50%); z-index:2; }
header .title h2 { margin:0px; padding:50px 20px 25px; background:rgba(0,0,0,0.8); font-size:27px; line-height: 1.4; color:#fff; text-align:center; white-space:nowrap; }
header .title h3 { margin:0px; position:absolute; left:50%; top:-18px; transform:translateX(-50%); padding:10px 25px; background:#26384c; color:#fff; font-weight:600; font-size:20px; text-transform:uppercase; z-index:3; }

main { }
main .container { display:flex; }
main div.left { flex:1; position:relative; width:66%; }
main div.right { flex:1; position:relative; max-width:410px; }
.formulaire { max-width:410px; }
main section { width:100%; max-width:660px; margin:0 auto 3% auto; }
main section h1 { font-weight:normal; font-size:28px; margin-top:0px; margin-bottom:20px; }
main section h2 { font-size:26px; }
main section p { font-weight:normal; }
main section p.mentions { font-size:10px; }

.map-container { margin-bottom:40px; }
#carousel-quartier { display:block; height:0px; padding-bottom:75%; margin-top:60px; }
#carousel-quartier .carousel-inner { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#26384c; }
#carousel-quartier .item { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-repeat:no-repeat !important; background-size:cover !important; background-position:center bottom !important; }
#carousel-quartier a.zoom { position:absolute; right:0px; top:-40px; height:40px; line-height:40px; padding:0px 15px; border-radius:6px 6px 0px 0px; background:#003252; color:#fff; text-decoration:none !important; }
#carousel-quartier a.zoom img { width:20px; height:20px; display:inline-block; margin-right:5px; }

section#gdp p.mentions { margin-top:10px; text-align:center; }

.formulaire a.close { display:none; }
.head-formulaire { }
.head-formulaire h2 { margin:0px; padding:0px; font-weight:bold; font-size:22px; }
.head-formulaire p { margin:0px; }
form p.title-form { text-align:left; font-weight:600; }
form p.title-form br { display:none; }
form .offre-commercial { font-weight:600; }

#btn-mention-legales .icon-up { display:inline-block; margin-left:10px; transform:rotate(90deg);  }

.footer a { color:#fff !important; text-decoration:none !important; }
.footer a:hover { text-decoration:underline; }
#copyright-emerige { font-weight:600; }
a.telephone { height:30px; line-height:30px; color:#fff !important; text-decoration:none !important; font-size:20px; font-weight:bold; }
a.telephone img { max-height:24px; margin-right:5px; }
a.telephone #icon-phone { max-height:24px; width:24px; vertical-align:middle; }
.footer .columns { width:100%; padding-left:15px; padding-right:15px; }
.footer .columns > .column { text-align:center; }
.footer .columns > .column:first-child { text-align:left; }
.footer .columns > .column:last-child { text-align:right; }
.footer .logo-emerige { max-width:130px; }

#cta-mobile { position:fixed; left:0px; right:0px; bottom:0px; z-index:11; }
#cta-mobile ul.buttons { display:block; list-style-type:none; display:flex; margin:0px; padding:0px; }
#cta-mobile ul.buttons > li { flex:1; }
#cta-mobile ul.buttons > li a { display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#e72b78; color:#fff; text-decoration:none !important; font-size:14px; }
#cta-mobile ul.buttons > li a:first-child { border-right:solid 1px #fff; }
#cta-mobile ul.buttons > li a span { display:inline-block; width:16px; height:16px; vertical-align:middle; }

@media screen and (min-width: 641px) {
	
		.hide-desktop { display:none; }
		
}

@media screen and (max-width: 640px) {
	
		.hide-mobile { display:none; }
		
		body { padding-bottom:50px; }
			
		header { margin-bottom:15vw; }
		header .left { position:static; display:block; width:100%; padding:10px 0px; background:#26384c; text-align:center; }
		header .logo-emerige { height:30px; margin:0px auto; }
		header .title { top:auto; bottom:0px; width:80%; }
		header .title h2 { display:none; }
		header .title h3 { width:100%; text-align:center; }
		header .right { padding:0px; }
		#carousel-programme { padding-bottom:65%; }
		
		main .container { flex-direction:column; }
		main div.left { width:100%; max-width:100%; }
		main div.right { width:100%; max-width:100%; }
		
		main div.left > h2 { text-align:center; font-size:7vw; margin-top:0px; margin-bottom:10vw;  }
		main div.left > h2 strong { font-weight:800 !important; }
		
		main section { }
		main section h1 { margin-left:5vw; margin-right:5vw; font-size:5.5vw; }
		main section h2 { margin-left:5vw; margin-right:5vw; }
		main section h3 { margin-left:5vw; margin-right:5vw; }
		main section div.text { /* margin-left:5vw; margin-right:5vw; */ }
		main section p { font-size:4.5vw !important; }
		
		main section p { margin-left:5vw; margin-right:5vw; }
		
		section#gdp p.mentions { font-size:3vw !important; }
		
		.formulaire { position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:111; background:#fff !important; overflow-y:auto; } 
		.formulaire a.close { display:block; position:absolute; top:20px; right:20px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:25px; border:solid 1px #ccc; z-index:2; }
		.head-formulaire { background:transparent; padding-top:15vw; }
		.head-formulaire h2 { color:#e72b78; }
		.head-formulaire p { font-size:5vw; color:#000; }
		form p.title-form { text-align:left; font-size:4.5vw; font-weight:600; }
		
		.triangle-bottom { display:none !important; }
		#formulaire { display:none; }
		body.formulaire-open { overflow:hidden; }
		body.formulaire-open #formulaire { display:block; }
		.validation-form > p { font-size:3vw; }
		#valid-form { font-size:4vw; width:60%; }
		.validation-form > span { font-size:3vw; }
		.civilite { font-size:4vw; }
		input.checkbutton + label { font-size:4vw; font-weight:normal; }
		
		.map-container { padding-bottom:110% !important; }
		#carousel-quartier a.zoom { font-size:4vw; }
		
		.footer .columns { flex-direction:column; padding-top:5vw; }
		.footer .columns > .column { margin-bottom:15px; }
		#copyright-emerige { font-size:3vw; }
		
		#btn-mention-legales { width:auto; height:40px; line-height:40px; padding:0px 15px; font-size:4vw; display:inline-block; }
		
}

h5 { font-size:16px; font-weight:600; text-transform:uppercase; }

.card p,
.prestation .RezChausse p,
.prestation .rplusun p,
.prestation .patircommune p { position:relative; padding-left:25px; }
.card p:before,
.prestation .RezChausse p:before,
.prestation .rplusun p:before,
.prestation .patircommune p:before { content:" "; position:absolute; left:0px; top:5px; width:13px; height:10px; background:transparent url('../img/listPoint.svg') no-repeat; background-size:cover; }

.lightbox .lb-number, .lightbox .lb-caption { display:none !important; }
.lightbox .lb-nav a.lb-next, .lightbox .lb-nav a.lb-prev { opacity:1 !important; }

#headTable th { white-space:nowrap; }
section#gdp table tr > td { white-space:nowrap !important; }
main section p.mentions { font-size:10px; }

#copyright-emerige { font-size:14px; }

ul.typologies { list-style-type:none; padding:0px; margin:0px; }
ul.typologies > li { position:relative; padding:10px 15px; margin-bottom:0px; border-bottom:solid 1px #333; }
ul.typologies > li a { position:absolute; bottom:15px; right:15px; width:40px; height:40px; }

.lb-data .lb-close { position:fixed; right:0px; top:0px; width:50px; height:50px; line-height:50px; background-color:#000; background-position:center; }

.confirmation a { color:#e72b78!important; font-weight:600; text-decoration:none !important; }

.prestation h3 { font-size:16px; font-weight:600; text-transform:uppercase; margin-bottom:10px !important; }
.exprof > div { padding:20% 0 0 0; }
.exprof .cadre { border:solid 1px #db1065; width:100%; padding:5px 15px; }

@media screen and (max-width: 640px) {

		#logoEmerigeSaDev { display:block; margin:0px auto 15px auto; }
		.container-onglets { height:auto !important; }
		.container-onglets .onglet { height:13vw !important; line-height:13vw !important; font-size:4vw !important; }
		
		.exprof div { padding:0px !important; }
		
		ul.typologies > li { font-size:3.2vw !important;  }
		
		.ui-autocomplete { z-index:1000 !important; }
		
		.confirmation { font-size:4vw; }
}