/********************* Habillage standalone *********************/

body.standalone {
	position: relative;
	font: normal 15px/18px 'Lato', sans-serif, Arial;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	margin: 0;
	min-height: 100%;
	width: 100%;
	background: #f5f5f5;
}
.topbar {
	height: 1.938rem;
	border-top: 0;
	background:#fff;
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #eee;
	position: fixed;
	box-sizing: border-box;
	z-index:99;
}
.logo-container {
	position: absolute;
	top: 0;
	z-index: 15;
	padding: 10px 10px 8px;
	border-bottom-right-radius: 24px;
	height: auto;
	background: white;
	border-bottom: 1px solid #eee;
	display: inline-block;
	width: 490px;
	cursor: pointer;
	border-right: 1px solid #eee;
}
.logo-container img {
	height: 40px;
	display: inline-block;
}
.topbar .logo-label {
	height: 100%;
	font-size: 24px;
	padding: 12px;
	color: #d3581a;
	vertical-align: top;
	display: inline-block;
	border-left: 1px solid #eee;
}
.topbar .logo-title {
	font-weight: bold;
	padding-right: 3px;
}
.toggle-fullscreen-btn {
	position: fixed;
	z-index: 10000;
	top: 4px;
	right: 4px;
	border: 0;
	padding: 0;
	background: none;
	cursor: pointer;
	outline: none;
	max-width: 24px;
}
.toggle-fullscreen-svg {
	display: block;
	height: 100%;
	width: 100%;
	padding: 3px;
	box-sizing:border-box;
}
.toggle-fullscreen-svg path {
	transform-box: view-box;
	transform-origin: 12px 12px;
	stroke-width: 4;
	transition: .15s;
}
.toggle-fullscreen-btn:hover .icon-fullscreen-enter path:nth-child(1),
.toggle-fullscreen-btn:focus .icon-fullscreen-enter path:nth-child(1) {
	transform: translate(18px, -18px);
}
.toggle-fullscreen-btn:hover .icon-fullscreen-enter path:nth-child(2),
.toggle-fullscreen-btn:focus .icon-fullscreen-enter path:nth-child(2) {
	transform: translate(-18px, 18px);
}
.toggle-fullscreen-btn:not(.on) .icon-fullscreen-leave {
	display: none;
}
.toggle-fullscreen-btn.on .icon-fullscreen-enter {
	display: none;
}
.standalone .filter-banner {
	vertical-align: top;
	margin: 0 12px 27px;
	padding-top: 18px;
	text-align: center;
}
.filter-step.disabled-filter {
	background: #dadada;
	color: #56555b;
}
.filter-step {
	background: #d3581a;
	color: #fff;
}
.standalone .filter-step.disabled-filter select {
	color: #dadada;
}
.standalone .modeles {
	margin: 12px 12px 24px;
}
.standalone .container-guide ul.gamme_list > li {
	background: #fff;
	border-color: #fff;
}
.standalone .container-guide div.dimensions span,
.standalone .container-guide div.dimensions span.border-right {
	border-color:#eee;
}
@media only screen and (min-width: 1190px) {
	.standalone .filter-step {
		width: 16.1%;
	}
	.standalone .filter-step:before {
		border-top: 57px solid transparent;
		border-bottom: 57px solid transparent;
		border-left: 28px solid #f5f5f5;
	}
	.standalone .filter-step:after {
		right: -28px;
		border-top: 57px solid transparent;
		border-bottom: 57px solid transparent;
		border-left: 28px solid #d3581a;
	}
	.standalone .filter-select {
	  min-width: 160px;
	  position: relative;
	}
	.standalone select {
		font-size: 16px;
	}
	.standalone .filter-select::before {
		top: calc(40% + 23px)
	}
	.standalone .filter-select::after {
		top: calc(55% + 21px)
	}
	.standalone .filter-step label {
		font-size: 18px;
		height:32px;
	}
	.standalone input {
	  font-size: 18px;
	}
}
@media only screen and (min-width: 768px) {
	.standalone .filter-step {
		width: 15.8%;
	}
}
@media only screen and (max-width: 767px) {
	body.standalone {
		overflow: auto;
		position: unset;
		margin: 0;
		clear: left;
	}
	.topbar {
		padding-top: 6px;
		max-height: 85px;
		height: auto;
		position: fixed;
		box-shadow: 0px 5px 5px 0px #aaa;
		display: block;
		border-bottom: none;
		justify-content: initial;
		z-index:99;
	}
	.js-toggle-fullscreen-btn {
		display:none;
	}
	.logo-container {
		width:100%;
		position: initial;
		padding: 3px 10px;
	}
	.logo-container img {
		height: 54px;
	}
	.topbar .logo-label {
		padding: 0 0 0 18px;
	}
	.logo-title, .logo-subtitle {
		display:block;
		font-size: 22px;
		line-height: 24px;
	}
	.standalone .filter-banner {
		padding-top: 20px;
		margin: 0 12px 27px;
		position: relative;
	}
	.standalone .filter-step:before {
		left: 0;
		top: 0;
		border-top : 15px solid #f5f5f5;
		border-right : 125px solid transparent;
		border-left : 125px solid transparent;
	}
	.standalone .filter-step:after {
		left: 0;
		top: 100%;
		border-top : 15px solid #d3581a;
		border-right : 125px solid transparent;
		border-left : 125px solid transparent;
	}
	.standalone .container-guide {
		box-sizing: border-box;
		margin: 0 0 24px 0;
	}
}


/********************* Filtres *********************/


.filter-banner {
	vertical-align: top;
	margin: 24px 0 32px;
}
.filter-step {
	padding: 16px 0 16px 34px;
	width: 16.1%;
	display: inline-block;
	vertical-align: top;
	background: #d3581a;
	color: #fff;
	box-sizing: border-box;
	position:relative;
	margin-left: 5px;
}
.filter-step.disabled-filter {
	background: #dadada;
	color: #56555b;
}
.filter-step.first {
	border-radius: 14px 0 0 14px;
	padding-left: 12px;
	margin-left:0;
}
.filter-step.first:before {
	display:none;
}
.filter-step.last {
	border-radius: 0 14px 14px 0;
	padding-right:12px;
}
.filter-step.last:after {
	display:none;
}
.filter-step:before {
	content:" ";
	position:absolute;
	left: 0px;
	top: 0px;
	width: 0; 
	height: 0; 
	border-top: 61px solid transparent;
	border-bottom: 61px solid transparent;
	border-left: 28px solid #f5f5f5;
}
.filter-step:after {
	content:" ";
	position:absolute;
	right: -28px;
	top: 0px;
	width: 0; 
	height: 0; 
	border-top: 61px solid transparent;
	border-bottom: 61px solid transparent;
	border-left: 28px solid #d3581a;
	z-index: -1;
}
.filter-step.disabled-filter:after {
	border-left: 28px solid #dadada;
}
.filter-banner .filter-step:nth-child(1) {
	z-index:10; 
}
.filter-banner .filter-step:nth-child(2) {   
	z-index:9;  
}
.filter-banner .filter-step:nth-child(3) {
	z-index:8;  
}
.filter-banner .filter-step:nth-child(4) {   
	z-index:7;  
}
.filter-banner .filter-step:nth-child(5) {
	z-index:6;  
}
.filter-banner .filter-step:nth-child(6) {   
	z-index:5;  
}
.filter-select {
  min-width: 90px;
  position: relative;
}
.filter-step select {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	font-size: 14px;
	padding: 0.675em 18px 0.675em 1em;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #56555b;
	cursor: pointer;
}
.filter-step.disabled-filter select {
	color: #dadada;
}
.filter-select::before,
.filter-select::after {
	--size: 0.3rem;
	content: "";
	position: absolute;
	right: 7px;
	pointer-events: none;
}
.filter-select::before {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-bottom: var(--size) solid black;
	top: calc(40% + 28px)
}
.filter-select::after {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-top: var(--size) solid black;
	top: calc(55% + 25px)
}
.filter-step label {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 12px;
	height:40px;
	display: grid;
	align-items: center;
}
.filter-step input {
  font-size: 14px;
  color: #56555b;
  width: 100%;
  box-sizing: border-box;
  padding:10px 40px 9px 10px;
  border-radius: 5px;
  border: 1px solid #fff;
  cursor: pointer;
  text-align:right;
}
.filter-step input::-webkit-outer-spin-button,
.filter-step input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.filter-step input[type=number] {
  -moz-appearance: textfield;
}
#count {
	font-size: 16px;
	margin: 12px 0;
	font-weight: bold;
}
#aucunresultat {
	font-size: 16px;
	margin: 50px 0;
	text-align: center;
	line-height: 24px;
}
.hidden,
li.hidden-gamme,
li.hidden-iso,
li.hidden-man,
li.hidden-port,
li.hidden-largeur,
li.hidden-hauteur {
	display: none!important;
}

@media only screen and (max-width: 767px) {
	.filter-step {
		width:100%;
		padding: 20px 24px 14px;
		margin-left: 0;
		margin-bottom: 5px;
	}
	.filter-step.first {
		border-radius: 14px 14px 0 0;
		padding-top: 14px;
		padding-left: 24px;
	}
	.filter-step.last {
		border-radius: 0 0 14px 14px;
		padding-right: 24px;
	}
	.filter-step:before {
		left: 0;
		top: 0;
		border-top : 15px solid #fff;
		border-right : 125px solid transparent;
		border-left : 125px solid transparent;
	}
	.filter-step:after {
		left: 0;
		top: 100%;
		border-top : 15px solid #d3581a;
		border-right : 125px solid transparent;
		border-left : 125px solid transparent;
	}
	.filter-step.disabled-filter:after {
		border-top-color: #dadada;
		border-left : 125px solid transparent;
	}
	.filter-step label {
		font-weight: bold;
		padding-bottom: 10px;
		padding-top: 6px;
		height:24px;
	}
	.filter-step.first label {
		margin-top: -6px;
	}
	.filter-select::before {
		top: calc(40% + 22px)
	}
	.filter-select::after {
		top: calc(55% + 20px)
	}
}


/********************* Affichage des pages du guide de choix *********************/

h1.guide-title {
    text-align: center;
    font-size: 44px;
    margin-bottom: 48px
}
section.gammechoix {
    margin: 24px 0;
}
.container-guide {
	text-align: center;
}
.container-guide ul.gamme_list {
    list-style-type: none;
    margin: 0 auto !important;
    padding: 0;
}
.container-guide ul.gamme_list > li {
    margin: 0 6px 18px;
    margin-bottom: 18px!important;
    width: 300px;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 14px; 
    position: relative;
    list-style-type: none;
    display: inline-block;
    transition: all 0.3s;
    vertical-align: top;
	text-align: left;
}
.container-guide li .nomgamme {
    height: 203px;
    width: 302px;
    position: relative;
	margin: -1px -1px 0;
	z-index: 10;
	overflow: hidden;
	border-radius: 14px 14px 0 0;
}
.container-guide li .nomgamme h3 {
    z-index: 12;
    margin: 0;
}
.container-guide li .nomgamme a {
    height: 203px;
    width: 302px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: contain;
    transition: all 0.3s;
    color: #fff;
    text-decoration:none;
}
.container-guide li .nomgamme span.background {
    height: 203px;
    width: 302px;
    position: absolute;
    background-size: contain;
    z-index: -9;
    transition: all 0.3s;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
.container-guide .secura span.background {
    background-image: url(../../../img/cms/guide-gammes/secura.jpg)
}
.container-guide .secura-portillon span.background {
    background-image: url(../../../img/cms/guide-gammes/secura-portillon.jpg)
}
.container-guide .biplace span.background {
    background-image: url(../../../img/cms/guide-gammes/biplace.jpg)
}
.container-guide .isola span.background {
    background-image: url(../../../img/cms/guide-gammes/isola.jpg)
}
.container-guide .isola-portillon span.background {
    background-image: url(../../../img/cms/guide-gammes/secura-portillon.jpg)
}
.container-guide .sessenta span.background {
    background-image: url(../../../img/cms/guide-gammes/sessenta.jpg)
}
.container-guide .mezza span.background {
    background-image: url(../../../img/cms/guide-gammes/mezza.jpg)
}
.container-guide .lara span.background {
    background-image: url(../../../img/cms/guide-gammes/lara.jpg)
}
.container-guide .aura40 span.background {
    background-image: url(../../../img/cms/guide-gammes/aura40.jpg)
}
.container-guide .aura60 span.background {
    background-image: url(../../../img/cms/guide-gammes/aura60.jpg)
}
.container-guide .cadrea span.background {
    background-image: url(../../../img/cms/guide-gammes/cadrea.jpg)
}
.container-guide .latera span.background {
    background-image: url(../../../img/cms/guide-gammes/latera.jpg)
}
.container-guide .service1 span.background {
    background-image: url(../../../img/cms/guide-gammes/service1.jpg)
}
.container-guide .service2 span.background {
    background-image: url(../../../img/cms/guide-gammes/service2.jpg)
}
.container-guide .service3 span.background {
    background-image: url(../../../img/cms/guide-gammes/service3.jpg)
}

.container-guide ul.gamme_list > li:hover {
	transform: scale(1.02) rotate(0.0001deg);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

.container-guide li:hover .nomgamme a {
    background-color: rgba(211, 88, 26, 0.6)
}
.container-guide div.dimensions span {
    font-size: 14px;
    padding: 4px 0 3px;
    text-align: center;
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    color: #56555b;
    border-bottom: 2px solid #fff
}
.container-guide div.dimensions span.border-right {
    border-right: 2px solid #fff
}
.container-guide ul.advantages {
    list-style-type: none;
	margin: 12px 3px 18px 12px !important;
	height: 120px;
	padding: 0;
}
.container-guide ul.advantages li:before {
    content: '';
    position: absolute;
    left: -19px;
    top: 3px;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%235aa731' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'></path></svg>");
}
.container-guide ul.advantages li {
    font-size: 14px;
    color: #5aa731;
    position: relative;
	margin-left: 20px;
	line-height: 20px;
	margin-bottom: 5px;
}
.container-guide div.price_section {
    text-align: right;
    font-size: 14px;
    padding: 0 9px 0px 12px;
	color: #56555b;
	width: 41%;
	float: right;
	box-sizing: border-box;
}
.container-guide span.pricing {
    font-weight: bold;
}
li.porte .price_section .unit {
	font-size: 12px;
	padding-left: 3px;
}
li.porte .price_section .infoprice {
	background-color: #56555b;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-align: center;
	transition: background-color 0.3s;
}
li.porte .price_section:hover .infoprice {
	background-color: rgb(189, 65, 0);
	cursor: help;
}
li.porte .price_section .price_detail {
	display: none;
	position: absolute;
	background: #fff;
	color: #55565b;
	bottom: 56px;
	right: 18px;
	width : 264px;
	padding: 9px 0;
	border-radius: 4px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
li.porte .price_section:hover .price_detail,
li.porte .price_section:active .price_detail,
li.porte .price_section:focus .price_detail {
	display: block;
}
.container-guide .ecopro {
    position: absolute;
    top: 10px;
    background: #863308;
    color: #fff;
    padding: 2px 12px;
    right: -6px;
    font-size: 14px;
    z-index: 21;
    box-shadow: rgba(0, 0, 0, 0.25) 0 3px 5px
}
.container-guide .ecopro.gammepro {
    background: #00867E;
}

.container-guide .isolation {
    position: absolute;
    top: 38px;
    background: #d3581a;
    color: #fff;
    padding: 2px 12px;
    right: -6px;
    font-size: 14px;
    z-index: 22;
    box-shadow: rgba(0, 0, 0, 0.25) 0 3px 5px
}
.container-guide ul.gamme_list > li.velocia {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border-color: #adadaf;
	overflow: hidden;
}
.container-guide ul.gamme_list > li.velocia:hover {
	transform: scale(1) rotate(0deg);
	box-shadow: none;
}
div.discover {
	text-align: center;
	padding: 0;
	float: left;
	width: 58%;
	text-transform: none;
	font-size: 14px;
	margin: 0 0 -1px -1px;
}
div.discover a {
	display: block;
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	line-height: 40px;
	background:#56555b;
	transition: all 0.3s;
	border-radius: 0 0 0 14px;
	border-top: 2px solid #56555b;
	position:relative;
	text-decoration:none;
}
.container-guide li:hover div.discover a {
    border-color:#d3581a;
    background:#d3581a;
    color:#fff;
}
.discover a:after {
    content: " ";
    position: absolute;
    right: -11px;
    top: -2px;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left:11px solid #56555b;
    transition: border-color 0.3s;
}
.container-guide li:hover .discover a:after {
    border-left:11px solid #d3581a;
}
.footer p {
	text-align:center;
	color:#56555b;
	font-size:12px;
	margin: 12px 12px 6px;
}

@media only screen and (max-width: 767px) {
	.container-guide {
		width: 100%;
		overflow: hidden;
		overflow-x: scroll;
		overflow: -moz-scrollbars-none;
		-ms-overflow-style: none;
		scrollbar-width: none;
		scroll-behavior: smooth;
		margin: -0 -3%;
		padding: 0 3%;
	}
	.container-guide ul.gamme_list {
		display: inline-flex;
		flex-direction: row;
		align-items: flex-start;
		padding-bottom: 12px;
	}
	.container-guide ul.gamme_list > li:hover {
		transform: scale(1) rotate(0.0001deg);
		box-shadow: none;
	}
	.container-guide ul.gamme_list > li {
		width: 280px;
		margin: 6px !important;
	}
	.container-guide li .nomgamme span.background,
	.container-guide li .nomgamme a,
	.container-guide li .nomgamme {
    	height: 190px;
    	width: 282px;
	}
	.container-guide ul.advantages {
		height: 110px!important;
	}
}


/********************* Modal aide mesure *********************/

.modal-mesure {
	display: block;
	text-align: right;
	padding: 44px 12px 0 0;
}
input[type="checkbox"] {
	display:none;
}
input[type="checkbox"]:checked ~ .modal,
input[type="checkbox"]:checked ~ .modal-background {
	display: block;
}
.modal-background {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9998;
}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	width: 100%;
	max-width: 768px;
	height: 395px;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 9999;
	text-align:left;
}
.modal-header {
	background-color: #f9f9f9;
	border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
	height: 50px;
}
.modal-header h3 {
	margin: 0;
	box-sizing: border-box;
	padding-left: 15px;
	line-height: 50px;
	color: #d3581a;
	font-size: 22px;
	display: inline-block;
}
.modal-header label {
	box-sizing: border-box;
	border-left: 1px solid #dddddd;
	float: right;
	line-height: 50px;
	padding: 0 15px 0 15px;
	cursor: pointer;
}
.modal-header label:hover img {
	opacity: 0.6;
}
.modal-image {
	width: 520px;
	display: inline-block
}
.modal .mesure-svg {
	display: block;
	height: 100%;
	width: 100%;
	box-sizing:border-box;
}
.modal-content {
	width: 240px;
	display: inline-block;
	vertical-align: top;
	padding: 6px;
	box-sizing: border-box;
}
.modal p {
	padding: 6px 0 24px 3px;
	margin: 0;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
}

.modal a.fichemesure,
.mesure-label {
	text-decoration: none;
	color: #000;
	position:relative;
	padding: 4px 9px 5px 38px;
	border-radius: 3px;
	border: 1px solid #000;
	transition: all 0.2s;
	display: inline-block;
}
.modal a.fichemesure:hover,
.mesure-label:hover {
	color: #fff;
	background: #000;
	cursor: pointer;
}
.modal a.fichemesure:before,
.mesure-label:before {
	content: '';
	position: absolute;
	left: 6px;
	top: 3px;
	width: 23px;
	height: 19px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='980.000000pt' height='708.000000pt' viewBox='0 0 980.000000 708.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,708.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M2845 7069 c-1162 -108 -2123 -534 -2575 -1141 -117 -157 -224 -376%0A-251 -513 -16 -82 -24 -2835 -10 -3320 11 -360 17 -415 61 -545 234 -687 1044%0A-1226 2175 -1449 354 -70 467 -78 1270 -92 910 -16 5593 8 5973 31 169 10 192%0A18 245 85 55 69 59 92 65 335 6 296 -16 2752 -28 3035 -5 121 -14 236 -20 256%0A-13 47 -72 114 -124 142 -38 20 -53 22 -216 21 -96 -1 -368 -11 -605 -23 -833%0A-41 -2175 -95 -2182 -87 -3 2 2 24 9 47 10 35 13 183 13 684 -1 718 -6 789%0A-70 982 -239 718 -1119 1285 -2310 1488 -163 27 -294 41 -530 55 -252 14 -775%0A20 -890 9z m960 -560 c596 -45 1259 -249 1675 -514 547 -349 733 -768 529%0A-1194 -53 -111 -117 -197 -232 -308 -426 -412 -1165 -683 -2057 -753 -173 -14%0A-697 -14 -860 0 -732 62 -1421 293 -1856 621 -108 81 -263 239 -323 327 -113%0A168 -148 293 -138 499 5 91 12 126 36 190 164 424 730 804 1486 998 347 89%0A616 133 885 145 203 10 667 4 855 -11z m-3134 -2584 c419 -300 941 -520 1514%0A-639 449 -93 646 -107 1535 -107 879 0 2231 39 3880 111 124 5 333 14 465 20%0A132 6 393 17 579 25 187 8 393 15 457 15 l118 0 5 -32 c3 -18 10 -404 16 -858%0A5 -454 12 -1065 16 -1357 l7 -533 -197 0 -196 0 0 248 c-1 324 -10 428 -44%0A486 -85 145 -323 168 -434 42 -59 -68 -65 -106 -70 -458 l-3 -318 -280 0 -279%0A0 0 278 c0 297 -9 390 -40 452 -72 141 -304 173 -424 57 -74 -70 -78 -98 -84%0A-481 l-4 -328 -272 7 c-149 4 -273 9 -276 12 -3 2 -8 273 -11 601 -4 328 -9%0A604 -12 612 -3 8 -8 27 -11 43 -4 15 -23 46 -44 69 -108 120 -316 119 -413 -4%0A-64 -80 -62 -63 -67 -730 l-4 -608 -284 0 -284 0 0 363 0 364 -62 60 c-99 94%0A-105 97 -202 90 -103 -7 -129 -18 -201 -85 l-58 -53 -6 -367 -6 -367 -282 -3%0Ac-156 -1 -284 -1 -284 0 -1 2 -4 169 -8 372 l-6 368 -55 50 c-67 61 -99 75%0A-183 84 -102 10 -123 3 -210 -79 l-77 -72 0 -362 0 -363 -284 0 -284 0 -4 612%0A-3 613 -28 57 c-51 104 -125 148 -248 148 -122 0 -226 -76 -248 -181 -13 -59%0A-30 -622 -31 -986 0 -128 -1 -233 -3 -233 -46 0 -439 66 -497 84 l-45 13 -6%0A269 c-8 326 -18 367 -109 433 -144 104 -371 35 -421 -128 -6 -20 -13 -120 -16%0A-223 -3 -104 -7 -188 -8 -188 -14 0 -180 76 -290 134 -201 105 -277 154 -388%0A247 -170 141 -299 303 -377 472 l-37 82 -5 1113 c-2 611 -1 1112 2 1112 3 0%0A53 -34 111 -75z'/%3E%3Cpath d='M3195 6064 c-480 -70 -800 -206 -1026 -436 -155 -157 -219 -310 -219%0A-523 0 -175 47 -306 159 -441 200 -241 553 -416 971 -481 163 -25 586 -25 750%0A0 151 24 294 58 405 97 334 119 619 363 707 606 19 52 21 80 21 234 0 153 -3%0A182 -21 228 -57 147 -213 330 -367 430 -203 133 -474 231 -745 268 -101 14%0A-571 27 -635 18z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: contain;
}
.modal a.fichemesure:hover:before,
.mesure-label:hover:before {
	background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='980.000000pt' height='708.000000pt' viewBox='0 0 980.000000 708.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,708.000000) scale(0.100000,-0.100000)'%0Afill='%23ffffff' stroke='none'%3E%3Cpath d='M2845 7069 c-1162 -108 -2123 -534 -2575 -1141 -117 -157 -224 -376%0A-251 -513 -16 -82 -24 -2835 -10 -3320 11 -360 17 -415 61 -545 234 -687 1044%0A-1226 2175 -1449 354 -70 467 -78 1270 -92 910 -16 5593 8 5973 31 169 10 192%0A18 245 85 55 69 59 92 65 335 6 296 -16 2752 -28 3035 -5 121 -14 236 -20 256%0A-13 47 -72 114 -124 142 -38 20 -53 22 -216 21 -96 -1 -368 -11 -605 -23 -833%0A-41 -2175 -95 -2182 -87 -3 2 2 24 9 47 10 35 13 183 13 684 -1 718 -6 789%0A-70 982 -239 718 -1119 1285 -2310 1488 -163 27 -294 41 -530 55 -252 14 -775%0A20 -890 9z m960 -560 c596 -45 1259 -249 1675 -514 547 -349 733 -768 529%0A-1194 -53 -111 -117 -197 -232 -308 -426 -412 -1165 -683 -2057 -753 -173 -14%0A-697 -14 -860 0 -732 62 -1421 293 -1856 621 -108 81 -263 239 -323 327 -113%0A168 -148 293 -138 499 5 91 12 126 36 190 164 424 730 804 1486 998 347 89%0A616 133 885 145 203 10 667 4 855 -11z m-3134 -2584 c419 -300 941 -520 1514%0A-639 449 -93 646 -107 1535 -107 879 0 2231 39 3880 111 124 5 333 14 465 20%0A132 6 393 17 579 25 187 8 393 15 457 15 l118 0 5 -32 c3 -18 10 -404 16 -858%0A5 -454 12 -1065 16 -1357 l7 -533 -197 0 -196 0 0 248 c-1 324 -10 428 -44%0A486 -85 145 -323 168 -434 42 -59 -68 -65 -106 -70 -458 l-3 -318 -280 0 -279%0A0 0 278 c0 297 -9 390 -40 452 -72 141 -304 173 -424 57 -74 -70 -78 -98 -84%0A-481 l-4 -328 -272 7 c-149 4 -273 9 -276 12 -3 2 -8 273 -11 601 -4 328 -9%0A604 -12 612 -3 8 -8 27 -11 43 -4 15 -23 46 -44 69 -108 120 -316 119 -413 -4%0A-64 -80 -62 -63 -67 -730 l-4 -608 -284 0 -284 0 0 363 0 364 -62 60 c-99 94%0A-105 97 -202 90 -103 -7 -129 -18 -201 -85 l-58 -53 -6 -367 -6 -367 -282 -3%0Ac-156 -1 -284 -1 -284 0 -1 2 -4 169 -8 372 l-6 368 -55 50 c-67 61 -99 75%0A-183 84 -102 10 -123 3 -210 -79 l-77 -72 0 -362 0 -363 -284 0 -284 0 -4 612%0A-3 613 -28 57 c-51 104 -125 148 -248 148 -122 0 -226 -76 -248 -181 -13 -59%0A-30 -622 -31 -986 0 -128 -1 -233 -3 -233 -46 0 -439 66 -497 84 l-45 13 -6%0A269 c-8 326 -18 367 -109 433 -144 104 -371 35 -421 -128 -6 -20 -13 -120 -16%0A-223 -3 -104 -7 -188 -8 -188 -14 0 -180 76 -290 134 -201 105 -277 154 -388%0A247 -170 141 -299 303 -377 472 l-37 82 -5 1113 c-2 611 -1 1112 2 1112 3 0%0A53 -34 111 -75z'/%3E%3Cpath d='M3195 6064 c-480 -70 -800 -206 -1026 -436 -155 -157 -219 -310 -219%0A-523 0 -175 47 -306 159 -441 200 -241 553 -416 971 -481 163 -25 586 -25 750%0A0 151 24 294 58 405 97 334 119 619 363 707 606 19 52 21 80 21 234 0 153 -3%0A182 -21 228 -57 147 -213 330 -367 430 -203 133 -474 231 -745 268 -101 14%0A-571 27 -635 18z'/%3E%3C/g%3E%3C/svg%3E");
}


@media only screen and (max-width: 767px) {
	.modal-mesure {
		margin-bottom: 4px;
		padding-top: 94px;
	}
	.modal {
		max-height: 100vh;
		overflow-x: scroll;
		height: calc(66vw + 228px);
	}
	.modal-header h3 {
		font-size: 18px;
	}
	.modal-image {
		width: 100%;
		max-width: 100%;
	}
	.modal-content {
		width: 100%;
		text-align: center;
	}
	.modal p {
		font-size: 15px;
		line-height: 24px;
		column-count: 2;
		text-align: left;
	}
}