@charset "UTF-8";
/* add font here */
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,700,700i,900");
/* Color custom */
/* gutter */
/* $bp-large:		calc(1520px + 30px ); */
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,700,700i,900");
@-webkit-keyframes ripple {
  0% {
    background-color: rgba(196, 197, 202, 0.2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    background-color: transparent;
  }
}

@keyframes ripple {
  0% {
    background-color: rgba(196, 197, 202, 0.2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    background-color: transparent;
  }
}

/*  -- @ I M P O R T -- */
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"),
    url("fonts/icomoon.woff") format("woff"),
    url("fonts/icomoon.ttf") format("truetype"),
    url("fonts/icomoon.svg#icomoon") format("svg");
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/material.eot?#iefix") format("embedded-opentype"),
    url("fonts/material.woff") format("woff"),
    url("fonts/material.ttf") format("truetype"),
    url("fonts/material.svg#Material Icons") format("svg");
}

@font-face {
  font-family: "HelveticaNeueLight";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeueLTStd-Lt.woff") format("woff"),
    url("fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"),
    url("fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLight") format("svg");
}

@font-face {
  font-family: "HelveticaNeueRegular";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/HelveticaNeueLTStd-Roman.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/HelveticaNeueLTStd-Roman.woff") format("woff"),
    url("fonts/HelveticaNeueLTStd-Roman.ttf") format("truetype"),
    url("fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueRegular") format("svg");
}

@font-face {
  font-family: "HelveticaNeueThin";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/HelveticaNeueLTStd-Th.eot?#iefix") format("embedded-opentype"),
    url("fonts/HelveticaNeueLTStd-Th.woff") format("woff"),
    url("fonts/HelveticaNeueLTStd-Th.ttf") format("truetype"),
    url("fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueThin") format("svg");
}

@font-face {
  font-family: "SansaPro-Normal";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/SansaPro-Normal.eot?#iefix") format("embedded-opentype"),
    url("fonts/SansaPro-Normal.woff") format("woff"),
    url("fonts/SansaPro-Normal.ttf") format("truetype"),
    url("fonts/SansaPro-Normal.svg#SansaPro-Normal") format("svg");
}

@font-face {
  font-family: "Cairo-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Cairo-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Cairo-Bold";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Cairo-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Cairo-Light";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Cairo-Light.ttf") format("truetype");
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

section,
article,
header,
footer,
nav,
aside,
hgroup,
details,
figcaption,
figure,
menu,
main,
summary {
  display: block;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
  border: 0;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: black(0);
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 1.2rem;
  font-family: "Muli", sans-serif;
  background-color: #f5f5f5;
}

table {
  border-spacing: 0;
  border-collapse: separate;
}

legend {
  display: table;
  padding: 0;
}

fieldset {
  min-width: 0;
  padding: 0.01em 0 0 0;
}

progress {
  max-width: 100%;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

#s4-workspace img {
  border: 0;
}

.icon-1X:before {
  font-size: 1rem;
}

.icon-2X:before {
  font-size: 2rem;
}

.icon-3X:before {
  font-size: 3rem;
}

.icon-4X:before {
  font-size: 4rem;
}

.icon-spin:before {
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}

.icon-spin-reverse:before {
  -webkit-animation: icon-spin-reverse 2s infinite linear;
  animation: icon-spin-reverse 2s infinite linear;
}

.icon-pulse:before {
  -webkit-animation: icon-spin 1s infinite steps(8);
  animation: icon-spin 1s infinite steps(8);
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
  animation: accordionIn 0.45s normal ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
  }
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
  animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes accordionOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes inputHighlighter {
  from {
    background: #00235d;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background: #00235d;
  }
  to {
    width: 0;
    background: transparent;
  }
}

/* 
	.accordiontriggerIn {
		animation: accordiontriggerIn 0.45s normal ease-in-out both 1;
		@keyframes accordiontriggerIn {
			0% {
				opacity: 0;
			 	transform: scale(0.9) rotateX(-60deg);
			transform-origin: 50% 0; 
			}
			100% {
				opacity: 1;
				transform: scale(1);
			}
		}
	}
	.accordiontriggerOut {
		animation: accordiontriggerOut 0.45s alternate ease-in-out both 1;
		@keyframes accordiontriggerOut {
			0% {
				opacity: 1;
				transform: scale(1); 
			}
			100% {
				opacity: 0;
				transform: scale(0.9) rotateX(-60deg); 
			}
		}
	} */
@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

/* @import '../vendor/slick';
@import '../vendor/slick-theme';
@import '../vendor/loader';
@import '../vendor/slideup';*/
body::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}

body::-webkit-scrollbar-track {
  background: rgba(147, 147, 147, 0.2);
}

body::-webkit-scrollbar-thumb {
  background: #fff;
  border: 1px solid rgba(147, 147, 147, 0.2);
  border-radius: 3px;
}

.layout_container::-webkit-scrollbar {
  width: 10px;
}

.layout_container::-webkit-scrollbar-track {
  background: rgba(147, 147, 147, 0.2);
}

.layout_container::-webkit-scrollbar-thumb {
  background: #009bbc;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul:before,
ul:after {
  content: " ";
  display: block;
  height: 0;
}

ul:after {
  clear: both;
}

ul li {
  list-style: none;
}

ul li a {
  text-decoration: none;
}

input[type="text"],
input[type="password"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.txt-center {
  text-align: center;
}

.input_check,
.input_radio {
  margin: 1rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.input_check input[type="checkbox"],
.input_check input[type="radio"],
.input_radio input[type="checkbox"],
.input_radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 15px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
}

.input_check input[type="checkbox"] + label:before,
.input_check input[type="radio"] + label:before,
.input_radio input[type="checkbox"] + label:before,
.input_radio input[type="radio"] + label:before {
  content: " ";
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  background: #fff;
  border: 1px solid #b1b3b4;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all all 250ms ease ease-in;
  transition: all all 250ms ease ease-in;
}

.input_check input[type="checkbox"]:checked + label:before,
.input_check input[type="radio"]:checked + label:before,
.input_radio input[type="checkbox"]:checked + label:before,
.input_radio input[type="radio"]:checked + label:before {
  background-color: #009bbc;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.input_check input[type="checkbox"]:focus + label:before,
.input_check input[type="radio"]:focus + label:before,
.input_radio input[type="checkbox"]:focus + label:before,
.input_radio input[type="radio"]:focus + label:before {
  border-color: #3197ee;
  outline: none;
}

.input_check input[type="checkbox"]:disabled + label:before,
.input_check input[type="radio"]:disabled + label:before,
.input_radio input[type="checkbox"]:disabled + label:before,
.input_radio input[type="radio"]:disabled + label:before {
  background: #e6e6e6;
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 0 0 2px #e6e6e6;
  box-shadow: inset 0 0 0 2px #e6e6e6;
}

.input_check input[type="checkbox"] + label:empty:before,
.input_check input[type="radio"] + label:empty:before,
.input_radio input[type="checkbox"] + label:empty:before,
.input_radio input[type="radio"] + label:empty:before {
  margin-right: 0;
}

.input_radio input[type="radio"] + label:before,
.input_radio input[type="checkbox"] + label:before {
  border-radius: 50% !important;
}

.input_check {
  margin: 3px;
  line-height: normal;
}

.input_check input[type="checkbox"] {
  width: 19px;
  height: 19px;
}

.input_check input[type="checkbox"] + label {
  cursor: pointer;
}

.input_check input[type="checkbox"] + label:before {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  border: none;
  background: #f5f5f5;
  width: 1.5rem;
  height: 1.5rem;
}

.input_check input[type="checkbox"]:focus + label:before {
  border: none;
}

.input_check input[type="checkbox"]:checked + label:before {
  background: #009bbc;
  -webkit-box-shadow: inset 0 0 0 0px #00235d;
  box-shadow: inset 0 0 0 0px #00235d;
  border-radius: 3px;
}

.input_check input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 35%;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-radius: 3px;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.input_check input[type="checkbox"]:disabled {
  cursor: context-menu;
}

.input_check input[type="checkbox"]:disabled + label {
  cursor: context-menu;
  opacity: 0.5;
}

.input_check input[type="checkbox"]:disabled + label:before,
.input_check input[type="checkbox"]:disabled + label:before,
.input_check input[type="checkbox"]:checked:disabled + label:before,
.input_check input[type="checkbox"]:checked:disabled + label:before {
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.input_radio {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  height: 2.5rem;
}

.input_radio .spnlabel {
  display: none;
}

.input_radio input[type="checkbox"],
.input_radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 25px;
  height: 25px;
  z-index: 3;
  cursor: pointer;
}

.input_radio input[type="checkbox"] + label:before,
.input_radio input[type="radio"] + label:before {
  content: " ";
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.4rem;
  background: transparent;
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.input_radio input[type="checkbox"]:checked + label::before,
.input_radio input[type="radio"]:checked + label::before {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.input_radio input[type="checkbox"]:checked + label .spnlabel,
.input_radio input[type="radio"]:checked + label .spnlabel {
  display: none;
}

.input_radio input[type="checkbox"]:checked + label::after,
.input_radio input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 45%;
  width: 6px;
  height: 12px;
  background-color: #fff;
  border: solid #009bbc;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.input_radio input[type="checkbox"]:focus + label:before,
.input_radio input[type="radio"]:focus + label:before {
  border-color: none;
  outline: none;
}

.input_radio input[type="checkbox"]:disabled + label:before,
.input_radio input[type="radio"]:disabled + label:before {
  background: #e6e6e6;
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 0 0 2px #e6e6e6;
  box-shadow: inset 0 0 0 2px #e6e6e6;
}

.input_radio input[type="checkbox"] + label:empty:before,
.input_radio input[type="radio"] + label:empty:before {
  margin-right: 0;
}

/* Upload files */
.input-file {
  display: none;
}

h1 {
  font-family: "Muli", sans-serif;
  font-size: 45px;
  line-height: 48px;
  font-weight: 400;
  color: #00235d;
}

h2 {
  font-family: "Muli", sans-serif;
  font-size: 40px;
  line-height: 1.10909;
  font-weight: 400;
  color: #00235d;
}

h3 {
  font-family: "Muli", sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 26px;
  color: #00235d;
}

h4 {
  font-family: "Muli", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #00235d;
}

h5 {
  font-family: "Muli", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #00235d;
}

p,
span,
label,
a,
td {
  font-family: "Muli", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

a {
  color: #000;
  text-decoration: none;
}

.icon {
  font-size: 2rem;
}

.avatar:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .avatar:before {
    font-size: 2.5rem;
  }
}

.parameter:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .parameter:before {
    font-size: 2.5rem;
  }
}

.out:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .out:before {
    font-size: 2.5rem;
  }
}

.locker:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .locker:before {
    font-size: 2.5rem;
  }
}

.position:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .position:before {
    font-size: 2.5rem;
  }
}

.view_module:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .view_module:before {
    font-size: 2.5rem;
  }
}

.list:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .list:before {
    font-size: 2.5rem;
  }
}

.cancel:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .cancel:before {
    font-size: 2.5rem;
  }
}

.pdf:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .pdf:before {
    font-size: 2.5rem;
  }
}

.icon_edit:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.4;
  color: #009bbc;
  margin-right: 1rem;
  cursor: pointer;
}

.icon_easyreport:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.4;
  color: #009bbc;
  margin-right: 1rem;
  cursor: pointer;
}

.icon_mail:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.4;
  color: #009bbc;
  cursor: pointer;
}

.btn_edit {
  font-weight: 600;
  border: none;
  border-radius: 3px;
  color: white;
  padding: 1rem 1.1rem;
  background: #009bbc;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.btn_edit:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
}

.edit:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .edit:before {
    font-size: 2.5rem;
  }
}

.sidebar:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .sidebar:before {
    font-size: 2.5rem;
  }
}

.phone:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .phone:before {
    font-size: 2.5rem;
  }
}

.email:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .email:before {
    font-size: 2.5rem;
  }
}

.delete:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
  cursor: pointer;
}

@media (max-width: 800px) {
  .delete:before {
    font-size: 2.5rem;
  }
}

.arrow-down:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .arrow-down:before {
    font-size: 2.5rem;
  }
}

.download:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .download:before {
    font-size: 2.5rem;
  }
}

.error-message,
.error {
  color: red;
}

.from_to {
  float: left;
  width: 5%;
  text-align: center;
  line-height: 2;
}

@media (min-width: 320px) and (max-width: 480px) {
  .from_to {
    width: 100%;
    text-align: center;
  }
}

.multi-error {
  width: 47%;
  float: left;
}

@media (min-width: 320px) and (max-width: 480px) {
  .multi-error {
    width: 100%;
  }
}

.multi-error .error-message {
  width: 100% !important;
  text-align: left !important;
}

.multi-error .error-message + .error-message {
  margin-left: 5%;
}

.button {
  display: inline-block;
  font: 400 13.3333px Arial;
  /* font-family: $f-muli;
  font-size: 12px;
  font-weight: 500;
  margin: $gutter-xsmall;
  padding:$gutter-xsmall;
  border: 2px solid $c-amepi;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow:hidden;
  transition: .3s;
 input{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
  }
  @include box-sizing(border-box);
  float: left;
  clear: both;
  &:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: $c-amepi;
  }
  &:hover {
    cursor: pointer;
    &:after {
      width: 100%;
      left: 0;
    }
    
    }*/
}

.content_btn {
  margin-top: 2.3em;
  text-align: center;
  margin-bottom: 1em;
  text-align: center;
}

.content_btn button,
.content_btn .button {
  border: none;
  color: #fff;
  background: #009bbc;
  padding: 1.3em 5em;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}

.content_btn button span,
.content_btn .button span {
  text-align: center;
  display: inline-block;
}

.content_btn button:before,
.content_btn .button:before {
  content: " ";
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.content_btn button.disable,
.content_btn .button.disable {
  color: #000;
  background: #e6e6e6;
  margin-right: 2rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_btn button.disable,
  .content_btn .button.disable {
    margin-right: 0;
    display: block;
    width: 100%;
  }
}

.content_btn button.disable.delete:before,
.content_btn .button.disable.delete:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 1rem;
  font-size: 1.5rem;
  line-height: 1.1;
}

.content_btn button.connexion:before,
.content_btn .button.connexion:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.cancel:before,
.content_btn .button.cancel:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000;
  font-size: 1.5rem;
  margin-right: 1rem;
  vertical-align: bottom;
  line-height: 1.6rem;
  float: none;
}

.content_btn button.search:before,
.content_btn .button.search:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.send:before,
.content_btn .button.send:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.edit:before,
.content_btn .button.edit:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.5rem;
  margin-right: 1rem;
  line-height: 1.1;
  vertical-align: bottom;
}

.content_btn button.save:before,
.content_btn .button.save:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.login:before,
.content_btn .button.login:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.reinit:before,
.content_btn .button.reinit:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.5rem;
  margin-right: 1rem;
  line-height: 1.1;
}

.content_btn button.add:before,
.content_btn .button.add:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.print:before,
.content_btn .button.print:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.pdf:before,
.content_btn .button.pdf:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.delete:before,
.content_btn .button.delete:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000;
  font-size: 1.5rem;
  margin-right: 1rem;
  line-height: 1.1;
}

.content_btn button.export:before,
.content_btn .button.export:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
  line-height: 1;
}

.content_btn button.list:before,
.content_btn .button.list:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1rem;
  vertical-align: bottom;
}

.content_btn button.add:before,
.content_btn .button.add:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  margin-right: 1rem;
}

.col_1,
.bloc {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-left: 0;
  clear: both;
}

.grid_item,
.card-thumbnail {
  overflow: hidden;
  /* &:hover{
        overflow:initial;
        } */
}

button.add,
button.action {
  outline: 0;
  border: 0;
  cursor: pointer;
}

/* ~ C A R D   T H U M B N A I L S  */
.img_card {
  width: 100%;
  height: 235px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 480px) {
  .img_card {
    max-height: 205px;
  }
}

.img_card img {
  width: 100%;
}

.img_card .overlay_card {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.col_1,
.bloc {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-left: 0;
  clear: both;
}

.grid_item,
.card-thumbnail {
  overflow: hidden;
  /* &:hover{
        overflow:initial;
        } */
}

button.add,
button.action {
  outline: 0;
  border: 0;
  cursor: pointer;
}

/* ~ C A R D   T H U M B N A I L S  */
.img_card {
  width: 100%;
  overflow: hidden;
  position: relative;
  /* ~ checkbox */
}

.img_card .overlay_card {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.img_card .add {
  background: #009bbc;
  color: #fff;
  border-radius: 50%;
  bottom: 10px;
  position: absolute;
  right: 15px;
  z-index: 2;
  height: 50px;
  width: 50px;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.img_card .add:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 2rem;
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.img_card .add:hover {
  background: #00235d;
}

.img_card img {
  /*filter: brightness(90%);
        -webkit-tap-highlight-color: rgba(black, 0);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);*/
}

.img_card img:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.img_card .input_check,
.img_card .input_radio {
  position: absolute;
  top: 1.5rem;
  left: 2.2rem;
  z-index: 2;
  height: 2.5rem;
}

.img_card .input_check .spnlabel,
.img_card .input_radio .spnlabel {
  display: none;
}

.img_card .input_check input[type="checkbox"],
.img_card .input_check input[type="radio"],
.img_card .input_radio input[type="checkbox"],
.img_card .input_radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 25px;
  height: 25px;
  z-index: 3;
  cursor: pointer;
}

.img_card .input_check input[type="checkbox"] + label:before,
.img_card .input_check input[type="radio"] + label:before,
.img_card .input_radio input[type="checkbox"] + label:before,
.img_card .input_radio input[type="radio"] + label:before {
  content: " ";
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.4rem;
  background: transparent;
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.img_card .input_check input[type="checkbox"]:checked + label::before,
.img_card .input_check input[type="radio"]:checked + label::before,
.img_card .input_radio input[type="checkbox"]:checked + label::before,
.img_card .input_radio input[type="radio"]:checked + label::before {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.img_card .input_check input[type="checkbox"]:checked + label .spnlabel,
.img_card .input_check input[type="radio"]:checked + label .spnlabel,
.img_card .input_radio input[type="checkbox"]:checked + label .spnlabel,
.img_card .input_radio input[type="radio"]:checked + label .spnlabel {
  display: none;
}

.img_card .input_check input[type="checkbox"]:checked + label::after,
.img_card .input_check input[type="radio"]:checked + label::after,
.img_card .input_radio input[type="checkbox"]:checked + label::after,
.img_card .input_radio input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 45%;
  width: 6px;
  height: 12px;
  background-color: #fff;
  border: solid #009bbc;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.img_card .input_check input[type="checkbox"]:focus + label:before,
.img_card .input_check input[type="radio"]:focus + label:before,
.img_card .input_radio input[type="checkbox"]:focus + label:before,
.img_card .input_radio input[type="radio"]:focus + label:before {
  border-color: none;
  outline: none;
}

.img_card .input_check input[type="checkbox"]:disabled + label:before,
.img_card .input_check input[type="radio"]:disabled + label:before,
.img_card .input_radio input[type="checkbox"]:disabled + label:before,
.img_card .input_radio input[type="radio"]:disabled + label:before {
  background: #e6e6e6;
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 0 0 2px #e6e6e6;
  box-shadow: inset 0 0 0 2px #e6e6e6;
}

.img_card .input_check input[type="checkbox"] + label:empty:before,
.img_card .input_check input[type="radio"] + label:empty:before,
.img_card .input_radio input[type="checkbox"] + label:empty:before,
.img_card .input_radio input[type="radio"] + label:empty:before {
  margin-right: 0;
}

.info_card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px 15px;
  display: inline-block;
  width: 100%;
  /*.content_name_agency{
        min-height: 50px;
        }*/
}

.info_card .tag {
  text-align: center;
  overflow: hidden;
  /* ~ F L E X */
}

.info_card .tag span {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 155, 188, 0.2);
  display: inline-block;
  color: #00235d;
}

.info_card .tag span:last-child {
  margin-right: 0;
  margin-left: 0;
}

.info_card .tag span:first-child {
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .info_card .tag span {
    font-size: 12px;
  }
}

.info_card .tag:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

.info_card .type_flat,
.info_card .place_flat {
  font-size: 18px;
  color: #00235d;
  display: block;
  font-weight: 600;
  margin-top: 5px;
}

.info_card .place_flat.etat1 {
  position: relative;
}

.info_card .place_flat.etat1:before {
  content: " ";
  background-color: #5ab765;
  width: 15px;
  height: 15px;
  position: relative;
  left: 0;
  display: inline-block;
  top: 0.9rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 10px;
}

.info_card .place_flat.etat2 {
  padding-left: 25px;
  position: relative;
}

.info_card .place_flat.etat2:before {
  content: " ";
  background-color: #ff8400;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.info_card .place_flat.etat3 {
  padding-left: 25px;
  position: relative;
}

.info_card .place_flat.etat3:before {
  content: " ";
  background-color: #d10000;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.info_card .state_flat {
  font-size: 16px;
  font-weight: lighter;
  display: block;
}

.info_card .date {
  font-size: 14px;
  color: #939393;
  padding: 1rem 0;
}

.info_card .state_flat {
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 20px;
  max-width: 165px;
  margin: 0 auto;
  font-size: 13px;
}

.info_card .state_flat.etat1 {
  background: #5ab765;
}

.info_card .state_flat.etat2 {
  background: #ff8400;
}

.info_card .state_flat.etat3 {
  background: #d10000;
}

.info_card .agency_name {
  font-weight: bold;
}

.info_card .item-grey {
  padding-bottom: 1.5rem;
  text-align: center;
}

/* ~ M O D A L */
.modal-container {
  width: 80%;
  max-width: 850px;
  text-align: left;
}

.form_col > h5 {
    margin-bottom: 15px;
}

.content-negociator {
    overflow: hidden;
}

.content-negociator .negociator {
  padding: 1rem;
  border: 1px solid #e6e6e6;
  background: #f7f7f7;
  border-radius: 3px;
}

.content-negociator .negociator .content-btn {
  margin: 1rem 0;
}

@media (max-width: 601px) {
  .modal-container.container_modal,
  .large-modal .modal-container.container_modal {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 50px;
  }
}

/**BIGGER MODAL**/
.large-modal .modal-container {
  width: 90%;
  max-width: 90%;
  max-height: 80%;
  height: 80%;
  top: 50%;
}

/* Label "Mode d'impression" */
.print-mode-label {
  font-weight: bold;
}

.print-mode-container {
  margin-bottom: 3rem;
}

.print-mode-container .input_check {
  display: inline-block;
}

.grid_gallery .grid_item_Thumbnail {
  float: none !important;
  display: inline-block !important;
}

.grid_item_Thumbnail {
  position: relative;
}

.grid_item_Thumbnail input {
  position: absolute;
  top: 0;
  left: 0;
}

.card-generator .input_check {
  margin-left: 0;
  margin-right: 3rem;
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.modal-container {
  width: 80%;
  max-width: 1000px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 450px;
  overflow: hidden;
  min-width: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px auto;
  padding: 15px 15px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
  z-index: 1000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-container .modal-body {
  margin: 10px 0;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
}

.modal-container .modal-body .form_col_3,
.modal-container .modal-body .form_col_2,
.modal-container .modal-body .form_col {
  margin-bottom: 2em;
}

.modal-container .modal-body .form_col_3 > .form_col_2,
.modal-container .modal-body .form_col_2 > .form_col_2,
.modal-container .modal-body .form_col > .form_col_2 {
  margin-bottom: 0;
}

.modal-container .modal-body .form_col_3 input,
.modal-container .modal-body .form_col_3 select,
.modal-container .modal-body .form_col_2 input,
.modal-container .modal-body .form_col_2 select,
.modal-container .modal-body .form_col input,
.modal-container .modal-body .form_col select {
  margin-bottom: 0;
}

.modal-container .modal-body .form_col_3 .error,
.modal-container .modal-body .form_col_2 .error,
.modal-container .modal-body .form_col .error {
  color: red;
  padding-top: 5px;
  display: block;
}

.modal-container .close {
  cursor: pointer;
  position: relative;
  right: 2rem;
  top: 2rem;
}

.modal-container .close:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 2rem;
  cursor: pointer;
  color: #111111;
  position: absolute;
  top: -1rem;
  right: -2rem;
  width: 2rem;
  height: 2rem;
}

/***** TO DELETE WHEN INTEGRATED TO A MODAL******/
.layermodal + .modal .container_modal {
  display: none;
}

.content_form_panel .form_panel:first-child {
  width: 49.456522% !important;
  float: left !important;
  margin-left: 0 !important;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_form_panel .form_panel:first-child {
    width: 100% !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.content_form_panel .form_panel:last-child {
  width: 49.456522% !important;
  float: right !important;
  margin-left: 1.086957% !important;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_form_panel .form_panel:last-child {
    width: 100% !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.input_text {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1rem;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.no_result {
  padding: 2rem;
  text-align: center;
  color: red;
  font-size: 1.5rem;
}

/**Fix body overflow when righ nav is opened**/
body.toggle-opened {
  overflow-y: scroll;
}

@media (max-width: 768px) {
  #synthesis .grid_form .form_col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  #synthesis .grid_form .form_col_3:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  #synthesis .grid_form .form_col_3:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.prix_input,
.input_m2 {
  position: relative;
}

.content_flow {
  min-height: calc(100vh - 135px);
  max-height: 100%;
  position: relative;
}

.content_flow .journal_btn button {
  display: block;
  margin-bottom: 1rem;
}

#mandate-create-form .row {
  background: #f2f2f2;
  padding: 1rem;
  margin-bottom: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#mandate-create-form .row.row2 .group_field {
  width: 48.8%;
}

@media (max-width: 768px) {
  #mandate-create-form .row.row2 .group_field {
    width: 100%;
  }
}

#mandate-create-form .row input,
#mandate-create-form .row select,
#mandate-create-form .row textarea {
  background: #fff;
}

#mandate-create-form .row h4 {
  padding-bottom: 2rem;
}

#mandate-create-form .row h5 {
  margin-bottom: 2rem;
}

#mandate-create-form .row p,
#mandate-create-form .row label {
  line-height: 26px;
}

#mandate-create-form .row .input_check input[type="radio"] + label:before {
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  border: none;
  margin-right: 0.7rem;
  position: relative;
  top: 1rem;
  border-radius: 50%;
}

#mandate-create-form
  .row
  .input_check
  input[type="radio"]:checked
  + label:before {
  background: #009bbc;
  -webkit-box-shadow: inset 0 0 0 0px #00235d;
  box-shadow: inset 0 0 0 0px #00235d;
  border-radius: 50%;
}

#mandate-create-form
  .row
  .input_check
  input[type="radio"]:checked
  + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-radius: 3px;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

#mandate-create-form .input_check input[type="radio"]:checked + label::after {
  left: 4px;
}

.content_map .col_map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-height: 580px;
  overflow: hidden;
  margin: 2.5rem 0 4.5rem 0;
}

.content_map .map-bg {
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../css/images/google-map.png);
}

.content_map .on-map-buttons {
  position: absolute;
  left: 10px;
  top: 87%;
  z-index: 1;
  width: auto;
}

@media (max-width: 480px) {
  .content_map .on-map-buttons {
    left: 10px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.content_map .on-map-buttons .content_btn {
  margin: 0;
}

.row_2 {
  overflow: hidden;
  margin-bottom: 2rem;
}

.row_2 .two_cols p {
  font-weight: bold;
  color: #444444;
}

.row_2 .two_cols:first-child {
  background: #f2f2f2;
  width: 49.180328%;
  float: left;
  margin-left: 0;
}

@media (max-width: 768px) {
  .row_2 .two_cols:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.row_2 .two_cols:last-child {
  width: 49.180328%;
  float: right;
  margin-left: 1.639344%;
  background: #f2f2f2;
}

@media (max-width: 768px) {
  .row_2 .two_cols:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.row_2 .two_cols .group_field {
  overflow: hidden;
  padding: 1rem;
}

.row_2 .two_cols .group_field .two_cols {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.row_2 .two_cols .group_field .two_cols .input_check {
  width: 48.9%;
  float: left;
}

.row_2 .two_cols .three_cols .input_check {
  overflow: hidden;
  margin-bottom: 1.5rem;
  width: 32.608696%;
  float: left;
  margin-left: 1.086957%;
  margin-right: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .row_2 .two_cols .three_cols .input_check {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.row_2 .two_cols .three_cols .input_check:nth-child(3n + 1) {
  margin-left: 0;
  clear: both;
}

.row_2 .two_cols .input_check input[type="radio"] + label:before {
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  border: none;
  margin-right: 0.7rem;
  position: relative;
  top: 1rem;
  border-radius: 50%;
}

.row_2 .two_cols .input_check input[type="radio"]:checked + label:before {
  background: #009bbc;
  -webkit-box-shadow: inset 0 0 0 0px #00235d;
  box-shadow: inset 0 0 0 0px #00235d;
  border-radius: 50%;
}

.row_2 .two_cols .input_check input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-radius: 3px;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

#help .modal-footer {
  margin-top: auto;
}

#help .faq #container {
  /* overflow: hidden;
                
                    .content_subject {
                        overflow: hidden;
                        float: left;
                    
                        @include breakpoint($only-xs-mobile) {
                            width: 49.180328%;
                            display: flex;
                            justify-content: center;
                        }
                    }
                
                    .subject {
                        display: flex;
                        flex-direction: row;
                        padding: 20px;
                        border: 1px solid #a59a9a;
                        background-color: #e8eced;
                        margin: 2rem 2rem 2rem 0;
                        width: 200px;
                        height: 100px;
                        font-weight: bold;
                        -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.19);
                        -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.19);
                        box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.19);
                        border-radius: 3px;
                        -moz-border-radius: 3px;
                        -webkit-border-radius: 3px;
                    
                        @include breakpoint($only-xs-mobile) {
                            width: 130px;
                            margin: 1.5rem 2rem 0 0;
                        }
                    }*/
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

#help .footer-help {
  border-top: 1px solid #e8e8e8;
  text-align: center;
  padding: 1rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#help .faq #container .subject:focus,
#help .faq #container .subject:active {
  background-color: #00235d;
  color: #fff;
}

#help .faq #container button.subject {
  background-color: #009bbc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  margin: 0 1rem;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  font-family: "Muli", sans-serif;
  outline: none;
  border: none;
}

#help .faq #container button.subject:focus {
  background-color: #00235d;
  color: #fff;
}

#help .faq #container .content_subject {
  padding: 10px;
  width: auto;
  height: 60px;
  margin: 1rem auto;
  -webkit-box-flex: 2;
  -ms-flex: 2 1 auto;
  flex: 2 1 auto;
}

#help .answer {
  margin: 1.5rem 0;
}

#help .answer strong {
  font-weight: bold;
  display: block;
}

#help .support p {
  font-weight: bold;
  text-align: center;
  margin: 3.5rem 0 2rem;
}

#help .support p a {
  color: #009bbc;
  font-weight: bold;
}

#help .infoAmepi p a {
  color: #009bbc;
  font-weight: bold;
}

#help .links {
  margin: 2rem 0;
}

#help .links a {
  color: #00235d;
  font-weight: bold;
  margin-right: 2rem;
  text-decoration: underline;
}

.wrapper_bvisite .modal-container {
  max-height: 500px;
}

@media (min-width: 769px) {
  .wrapper_bvisite .modal-container {
    max-height: 500px;
  }
}

.wrapper_bvisite .modal-container h5 {
  margin-bottom: 1rem;
}

.wrapper_bvisite .modal-container .form_col_3 label,
.wrapper_bvisite .modal-container .form_col_2 label {
  margin-bottom: 1rem;
}

.wrapper_bvisite .modal-container .close {
  cursor: pointer;
  position: relative;
  right: 2rem;
  top: 2rem;
}

.wrapper_bvisite .modal-container .close:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 2rem;
  cursor: pointer;
  color: #111111;
  position: absolute;
  top: -1rem;
  right: -2rem;
  width: 2rem;
  height: 2rem;
}

/***********************************/
/*   SUPPORT TICKETING            */
/*********************************/
#support-ticket .bloc_users table tbody td {
  cursor: pointer;
}

#support-ticket #ticket-create-form .grid_form label {
  margin: 1rem 0;
}

#support-ticket #comment_zone {
  width: 75%;
  float: left;
}

#support-ticket #timeline {
  width: 25%;
  float: left;
  padding-left: 30px;
  padding-top: 31px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

#support-ticket .speech {
  max-height: 461px;
  overflow-y: scroll;
}

#support-ticket #commentId {
  margin-bottom: 20px;
}

#support-ticket .speech-wrapper {
  padding: 30px 40px;
  margin: 0 auto;
}

#support-ticket .speech-wrapper .bubble {
  height: auto;
  display: block;
  background: #f5f5f5;
  border-radius: 4px;
  position: relative;
  margin: 20px 20px 25px 0;
  border: 2px solid #dddddd;
}

#support-ticket .speech-wrapper .bubble .txt {
  padding: 8px 55px 8px 14px;
}

#support-ticket .speech-wrapper .bubble .txt .name {
  font-weight: 600;
  font-size: 12px;
  margin: 0 0 4px;
  color: #3498db;
}

#support-ticket .speech-wrapper .bubble .txt .name.alt {
  color: #2ecc71;
}

#support-ticket .speech-wrapper .bubble .txt .name span {
  font-weight: normal;
  color: #b3b3b3;
}

#support-ticket .speech-wrapper .bubble .txt .message {
  font-size: 12px;
  margin: 0;
  color: #2b2b2b;
}

#support-ticket .speech-wrapper .bubble .txt .timestamp {
  font-size: 11px;
  padding-left: 20px;
  color: #999;
}

#support-ticket .speech-wrapper .bubble:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 13px solid #dddddd;
  left: -13px;
  bottom: 7px;
}

#support-ticket .speech-wrapper .bubble:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid #f5f5f5;
  left: -9px;
  bottom: 10px;
}

#support-ticket .speech-wrapper .bubble.alt {
  margin: 0 0 20px 60px;
}

#support-ticket .speech-wrapper .bubble.alt:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #f5f5f5;
  right: -9px;
  left: auto;
  bottom: 10px;
  border-right: 0 transparent;
}

#support-ticket .speech-wrapper .bubble.alt:before {
  right: -13px;
  left: auto;
  bottom: 7px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #dddddd;
  border-right: 0 transparent;
}

#support-ticket .speech-wrapper .bubble .bubble-arrow {
  position: absolute;
  width: 0;
  bottom: 42px;
  left: -16px;
  height: 0;
}

#support-ticket .speech-wrapper .bubble .bubble-arrow.alt {
  right: -2px;
  bottom: 40px;
  left: auto;
}

#support-ticket .speech-wrapper .bubble .bubble-arrow.alt:after {
  -webkit-transform: rotate(45deg) scaleY(-1);
  transform: rotate(45deg) scaleY(-1);
}

#support-ticket .speech-wrapper .bubble .bubble-arrow:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 9px solid #f5f5f5;
  border-radius: 0 20px 0;
  width: 15px;
  height: 30px;
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg);
}

#support-ticket .speech-wrapper .bubble .bubble-arrow:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #00235d;
}

#support-ticket .timeline-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  margin: 0;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-weight: 300;
  color: #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#support-ticket .timeline-wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#support-ticket .timeline-wrapper .timeline {
  width: 100%;
  position: relative;
  max-height: 600px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}

#support-ticket .timeline-wrapper .timeline:after {
  content: "";
  display: table;
  clear: both;
}

#support-ticket .entry {
  clear: both;
  text-align: left;
  position: relative;
  margin-bottom: 20px;
}

#support-ticket .entry:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 4px solid #00235d;
  background-color: #fff;
  border-radius: 100%;
  top: 50%;
  left: -8px;
  z-index: 99;
}

#support-ticket .entry:after {
  content: " ";
  position: absolute;
  bottom: -50%;
  top: auto;
  left: -2px;
  width: 4px;
  background: #ddd;
  height: 100px;
}

#support-ticket .entry .title {
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
}

#support-ticket .entry .title p {
  margin: 0;
  font-size: 100%;
}

#support-ticket .entry .title p + p {
  font-size: 1.6rem;
  font-weight: bold;
}

/**responsive**/
@media (max-width: 1023px) {
  .timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
  }
  #support-ticket .entry {
    min-width: 150px;
  }
  #support-ticket .entry:before {
    bottom: 14px;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #support-ticket .entry:after {
    right: 50%;
    left: auto;
    bottom: 20px;
    height: 4px;
    width: 150px;
  }
  #support-ticket .entry .title {
    padding-bottom: 50px;
  }
  #support-ticket .entry .title p {
    word-break: break-all;
  }
  #support-ticket #timeline {
    width: 100%;
    padding: 3rem 0 0;
  }
  #support-ticket #timeline .timeline {
    overflow-y: hidden;
  }
  #support-ticket #comment_zone {
    width: 100%;
  }
  #support-ticket .timeline-wrapper span {
    margin-bottom: 1rem;
    display: block;
  }
  #support-ticket .speech-wrapper {
    padding: 30px 10px;
  }
  #support-ticket .speech-wrapper .bubble.alt {
    margin: 0 0 20px 25px;
  }
}

.resultat-search {
  font-weight: bold;
  text-align: right;
}

@media (max-width: 769px) {
  .btn-resultats {
    width: 100% !important;
  }
}

.btn-resultats button:first-child {
  margin-right: 2rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .btn-resultats button:first-child {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

.select_orientation {
  background: white !important;
}

/**DISPLAY /HIDE MOBILE**/
.hide_desktop {
  display: none;
}

@media (max-width: 1023px) {
  .hide_desktop {
    display: block;
  }
}

/** position relative**/
.pos_rel {
  position: relative;
}

/**message error**/
.error {
  color: red;
}

/** form champs description 100% **/
.description_field:after,
.description_field:before {
  content: " ";
  float: none;
  clear: both;
  display: table;
}

.toggle-opened section.toolbar .container_header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  min-height: 135px;
}

section {
  position: relative;
}

section.toolbar {
  z-index: 3;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background: #009bbc;
}

@media (max-width: 1023px) {
  section.toolbar {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    background: #009bbc;
  }
}

@media (max-width: 601px) {
  section.toolbar {
    z-index: 2;
  }
}

section.toolbar .container_header {
  width: 100%;
  background: #009bbc;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  section.toolbar .container_header {
    padding: 0 2rem;
    min-height: auto !important;
    height: 70px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  section.toolbar .container_header {
    padding: 0 1.5rem;
  }
}

section.toolbar .container_header .logo {
  text-align: center;
  -webkit-transition: all 0.9s;
  transition: all 0.9s;
}

@media (min-width: 1024px) {
  section.toolbar .container_header .logo {
    max-height: 160px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 1023px) {
  section.toolbar .container_header .logo {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  section.toolbar .container_header .logo {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
  }
}

section.toolbar .container_header .logo img {
  max-width: 100%;
  height: 132px;
}

@media (max-width: 1023px) {
  section.toolbar .container_header .logo img {
    height: auto;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  section.toolbar .container_header .logo img {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
  }
}

section.toolbar .container_header .ribbon,
section.toolbar .container_header .navbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem 0;
  position: relative;
  background: #009bbc;
}

@media (min-width: 320px) and (max-width: 480px) {
  section.toolbar .container_header .ribbon,
  section.toolbar .container_header .navbox {
    padding: 1rem 0;
  }
}

@media (max-width: 1023px) {
  section.toolbar .container_header .ribbon {
    width: calc(100% - 100px);
    float: left;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  section.toolbar .container_header .ribbon {
    width: calc(100% - 70px);
  }
}

section.toolbar .container_header .ribbon .item_ribbon {
  padding: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

@media (max-width: 1023px) {
  section.toolbar .container_header .ribbon .item_ribbon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  section.toolbar .container_header .ribbon .item_ribbon {
    padding: 1rem 0;
  }
}

section.toolbar .container_header .ribbon .item_ribbon .item {
  padding-top: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 4rem;
  /**** Agence   ********/
}

@media (min-width: 1023px) and (max-width: 1048px) {
  section.toolbar .container_header .ribbon .item_ribbon .item {
    margin-left: 1.7rem;
  }
}

@media (max-width: 1023px) {
  section.toolbar .container_header .ribbon .item_ribbon .item {
    display: none;
  }
}

@media (max-width: 800px) {
  section.toolbar .container_header .ribbon .item_ribbon .item {
    margin-left: 0;
  }
}

section.toolbar .container_header .ribbon .item_ribbon .item.item-home {
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.toolbar .container_header .ribbon .item_ribbon .item.item-home:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  line-height: 1.4rem;
  color: #fff;
  font-size: 14px;
  margin-top: 0.7rem;
  margin-right: 0.5rem;
  line-height: 1.4;
  position: absolute;
  top: 7%;
  left: 0;
}

@media (min-width: 1024px) {
  section.toolbar .container_header .ribbon .item_ribbon .item.item-home {
    width: 20%;
  }
}

@media (max-width: 1023px) {
  section.toolbar .container_header .ribbon .item_ribbon .item.item-home {
    display: block !important;
  }
}

section.toolbar .container_header .ribbon .item_ribbon .item.item-home select {
  padding: 0;
  margin-bottom: 0;
  background: none;
  color: #fff;
  max-width: 100%;
  font-family: "Muli", sans-serif;
  font-weight: bold;
}

section.toolbar
  .container_header
  .ribbon
  .item_ribbon
  .item.item-home
  select
  option {
  color: #000;
}

section.toolbar .container_header .ribbon .item_ribbon .item > span {
  font-family: "Muli", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}

section.toolbar .container_header .ribbon .item_ribbon .item > a {
  font-family: "Muli", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

section.toolbar .container_header .ribbon .item_ribbon .item > a span {
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 800px) {
  section.toolbar .container_header .ribbon .item_ribbon .item > a span {
    display: none;
  }
}

section.toolbar .container_header .ribbon .item_ribbon .item > a:hover {
  color: #00235d;
}

section.toolbar .container_header .ribbon .item_ribbon .item > a.avatar:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  section.toolbar
    .container_header
    .ribbon
    .item_ribbon
    .item
    > a.avatar:before {
    font-size: 2.5rem;
  }
}

section.toolbar
  .container_header
  .ribbon
  .item_ribbon
  .item
  > a.parameter:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  section.toolbar
    .container_header
    .ribbon
    .item_ribbon
    .item
    > a.parameter:before {
    font-size: 2.5rem;
  }
}

section.toolbar .container_header .ribbon .item_ribbon .item > a.help:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  section.toolbar .container_header .ribbon .item_ribbon .item > a.help:before {
    font-size: 2.5rem;
  }
}

.help:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

section.toolbar .container_header .ribbon .item_ribbon .item button.Out {
  background-color: transparent;
  border: none;
  font-family: "Muli", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

section.toolbar .container_header .ribbon .item_ribbon .item button.Out:hover {
  color: #00235d;
}

section.toolbar .container_header .ribbon .item_ribbon .item button.Out:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 800px) {
  section.toolbar
    .container_header
    .ribbon
    .item_ribbon
    .item
    button.Out:before {
    font-size: 2.5rem;
  }
}

@media (max-width: 1023px) {
  section.toolbar .container_header .navbox > div > ul {
    display: none !important;
    position: fixed;
    top: calc(0% + 66px);
    right: 0;
    width: 100%;
    z-index: 3;
    left: 0;
    bottom: 0;
    background: #e6e6e6;
    z-index: 10;
    text-align: center;
    margin: 0 auto;
    padding: 0;
  }
}

section.toolbar .container_header .navbox > div > ul.opened {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (max-width: 1023px) {
  section.toolbar .container_header .navbox > div > ul.opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2rem;
  }
}

section.toolbar .container_header .navbox > div > ul.opened li > a {
  color: #00235d;
}

@media (min-width: 1023px) and (max-width: 1164px) {
  section.toolbar .container_header .navbox > div > ul > li {
    margin: 0 11px;
  }
  section.toolbar .container_header .navbox > div > ul > li a {
    font-size: 17px;
  }
}

section.toolbar .container_header .navbox > div > ul li {
  position: relative;
  height: 30px;
}

@media (max-width: 1023px) {
  section.toolbar .container_header .navbox > div > ul li {
    margin: 0.7rem 0;
    position: relative;
    display: block;
    height: auto;
  }
}

section.toolbar .container_header .navbox > div > ul li a {
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  font-family: "Muli", sans-serif;
  text-transform: uppercase;
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.agency.is_collapsed:after,
section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.board.is_collapsed:after,
section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.nav_stat.is_collapsed:after,
section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.folder.is_collapsed:after {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 0.5rem;
  line-height: 1.4;
  font-size: 1.1rem;
  padding-top: 0.4rem;
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.agency.is_expanded:after,
section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.board.is_expanded:after,
section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.nav_stat.is_expanded:after,
section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  a.folder.is_expanded:after {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}

@media (max-width: 1023px) {
  section.toolbar .container_header .navbox > div > ul li a.agency.is_expanded,
  section.toolbar .container_header .navbox > div > ul li a.board.is_expanded,
  section.toolbar
    .container_header
    .navbox
    > div
    > ul
    li
    a.nav_stat.is_expanded,
  section.toolbar .container_header .navbox > div > ul li a.folder.is_expanded {
    color: #009bbc;
  }
}

section.toolbar .container_header .navbox > div > ul li .trigger_subnav {
  height: auto;
  overflow: hidden;
  width: 20rem;
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  .trigger_subnav.is_collapsed {
  max-height: 0;
  display: none !important;
  width: 20rem;
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  .trigger_subnav.is_expanded {
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
  display: block !important;
  padding: 1rem 1.5rem;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 0;
  max-height: 50em !important;
  white-space: nowrap;
  width: 20rem;
}

@media (min-width: 1024px) {
  section.toolbar
    .container_header
    .navbox
    > div
    > ul
    li
    .trigger_subnav.is_expanded {
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    min-width: 150px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 1023px) {
  section.toolbar
    .container_header
    .navbox
    > div
    > ul
    li
    .trigger_subnav.is_expanded {
    border: none;
    padding: 0;
  }
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  .trigger_subnav.is_expanded
  li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.5rem 0;
  height: auto;
  border-bottom: 1px solid #e8e8e8;
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  .trigger_subnav.is_expanded
  li:last-child {
  border: none;
}

@media (max-width: 1023px) {
  section.toolbar
    .container_header
    .navbox
    > div
    > ul
    li
    .trigger_subnav.is_expanded
    li {
    margin: 0;
  }
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  .trigger_subnav.is_expanded
  li
  a {
  font-size: 17px !important;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  color: #797979;
  font-family: "Muli", sans-serif;
  line-height: 30px;
  text-transform: none;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
}

section.toolbar
  .container_header
  .navbox
  > div
  > ul
  li
  .trigger_subnav.is_expanded
  li
  a:hover {
  background: #009bbc;
  color: #fff;
  padding: 0 0.8rem;
}

@media (max-width: 1023px) {
  section.toolbar
    .container_header
    .navbox
    > div
    > ul
    li
    .trigger_subnav.is_expanded
    li
    a {
    margin-bottom: 0;
  }
}

section.toolbar .container_header .navbox .navbar_notify {
  cursor: pointer;
  height: 35px;
  position: relative;
}

@media (max-width: 1023px) {
  section.toolbar .container_header .navbox .navbar_notify {
    display: none;
  }
}

section.toolbar .container_header .navbox .navbar_notify:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #009bbc;
  position: absolute;
  top: 50%;
  left: 53%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2rem;
  z-index: 2;
  font-weight: 700;
}

section.toolbar .container_header .navbox .navbar_notify:after {
  content: "";
  position: absolute;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}

section.toolbar .container_header .navbox .navbar_notify .recall {
  border-radius: 1rem;
  background: #00235d;
  position: absolute;
  z-index: 2;
  right: -6px;
  top: -3px;
  color: #fff;
  font-size: 10px;
  padding: 0.5rem;
  text-align: center;
  line-height: 7px;
}

section.toolbar .container_header .navbox .navbar_burger {
  height: 50px;
  background: transparent;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out, background 1s ease-out;
  transition: all 0.5s ease-out, background 1s ease-out;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  z-index: 1;
  float: left;
  opacity: 0;
  visibility: hidden;
  display: none;
}

@media (max-width: 1023px) {
  section.toolbar .container_header .navbox .navbar_burger {
    opacity: 1;
    visibility: visible;
    display: block;
  }
}

section.toolbar .container_header .navbox .navbar_burger .burger_container {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger
  .burger_container
  #burger {
  width: 18px;
  height: 8px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  top: 50%;
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger
  .burger_container
  #burger
  .bar {
  width: 100%;
  height: 2px;
  display: block;
  position: relative;
  background: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger
  .burger_container
  #burger
  .bar.topBar {
  -webkit-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger
  .burger_container
  #burger
  .bar.middleBar {
  -webkit-transform: translateY(0px) rotate(0deg);
  transform: translateY(0px) rotate(0deg);
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger
  .burger_container
  #burger
  .bar.btmBar {
  -webkit-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger.burger_opened
  .burger_container {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger.burger_opened
  .burger_container
  #burger
  .bar {
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger.burger_opened
  .burger_container
  #burger
  .bar.topBar {
  -webkit-transform: translateY(4px) rotate(45deg);
  transform: translateY(4px) rotate(45deg);
  display: none;
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger.burger_opened
  .burger_container
  #burger
  .bar.middleBar {
  -webkit-transform: translateY(4px) rotate(45deg);
  transform: translateY(4px) rotate(45deg);
}

section.toolbar
  .container_header
  .navbox
  .navbar_burger.burger_opened
  .burger_container
  #burger
  .bar.btmBar {
  -webkit-transform: translateY(3px) rotate(-45deg);
  transform: translateY(3px) rotate(-45deg);
}

@media (max-width: 1023px) {
  .nav_footer_mobile {
    background: #009bbc;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
}

.nav_footer_mobile .sub_menu_footer {
  display: none;
  background: #fff;
  position: fixed;
  top: calc(0% + 70px);
  right: 0;
  width: 100%;
  left: 0;
  bottom: 50px;
  z-index: 10;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  padding-top: 6rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .nav_footer_mobile .sub_menu_footer {
    padding-top: 3rem;
  }
}

.nav_footer_mobile .sub_menu_footer li {
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  color: #797979;
  margin: 3rem 0;
  position: relative;
  display: block;
  height: auto;
}

@media (min-width: 320px) and (max-width: 480px) {
  .nav_footer_mobile .sub_menu_footer li {
    margin: 2rem 0;
  }
}

.nav_footer_mobile .sub_menu_footer li a {
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  color: #00235d;
  font-family: "Muli", sans-serif;
  text-transform: uppercase;
}

.nav_footer_mobile .sub_menu_footer.open_submenu {
  display: block;
}

@media (min-width: 320px) and (max-width: 480px) {
  .ribbon .item {
    visibility: hidden;
  }
  .ribbon .item:nth-child(2) {
    visibility: unset;
  }
}

.nav_footer_mobile {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: none !important;
  z-index: 1000000;
  padding: 0 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  background-color: #f5f5f5;
  color: #00235d;
  padding: 0 25px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
  background: #009bbc;
}

@media (max-width: 1023px) {
  .nav_footer_mobile {
    display: block !important;
  }
}

.nav_footer_mobile .container_mobile {
  height: 50px;
}

.nav_footer_mobile .item_nav {
  color: #fff;
}

.nav_footer_mobile .item_nav.avatar:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 1023px) {
  .nav_footer_mobile .item_nav.avatar:before {
    font-size: 2rem;
  }
}

.nav_footer_mobile .item_nav.parameter:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 1023px) {
  .nav_footer_mobile .item_nav.parameter:before {
    font-size: 2rem;
  }
}

.nav_footer_mobile .item_nav.parameter + div {
  display: none;
}

.nav_footer_mobile .item_nav.parameter.open + div {
  position: fixed;
  top: 70px;
  width: 100%;
  background-color: #e6e6e6;
  height: calc(100% - 120px);
  left: 0;
  z-index: -1;
  display: block;
}

.nav_footer_mobile .item_nav.parameter.open + div > ul {
  overflow: hidden;
  margin-bottom: 5.65rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 2rem;
}

.nav_footer_mobile .item_nav.parameter.open + div > ul li {
  margin: 0.7rem 0;
  position: relative;
  display: block;
  height: auto;
  text-align: center;
}

.nav_footer_mobile .item_nav.parameter.open + div > ul li a {
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  font-family: "Muli", sans-serif;
  text-transform: uppercase;
  color: #00235d;
}

.nav_footer_mobile .item_nav.active_parameter:before {
  color: #00235d !important;
}

.nav_footer_mobile .item_nav.help:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 1023px) {
  .nav_footer_mobile .item_nav.help:before {
    font-size: 2rem;
  }
}

.nav_footer_mobile .item_nav.search:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

@media (max-width: 1023px) {
  .nav_footer_mobile .item_nav.search:before {
    font-size: 2rem;
  }
}

.nav_footer_mobile .navbar_notify {
  cursor: pointer;
  height: 35px;
  right: 30px;
  position: relative;
  margin-right: 1rem;
}

.nav_footer_mobile .navbar_notify:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #8d8d8d;
  position: absolute;
  top: 50%;
  left: 18px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2rem;
  z-index: 2;
  font-weight: 700;
}

.nav_footer_mobile .navbar_notify:after {
  content: "";
  position: absolute;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}

.nav_footer_mobile .navbar_notify .recall {
  border-radius: 1rem;
  background: #00235d;
  position: absolute;
  z-index: 2;
  left: 12px;
  top: -3px;
  color: #fff;
  font-size: 10px;
  padding: 0.5rem;
  text-align: center;
  line-height: 7px;
}

.nav_footer_mobile .container_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav_footer_mobile .flex-item:nth-child(1) {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.nav_footer_mobile .flex-item:nth-child(2) {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.nav_footer_mobile .flex-item:nth-child(3) {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.nav_footer_mobile .flex-item:nth-child(4) {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  display: none;
}

.item {
  position: relative;
}

.item .trigger_subnav {
  height: auto;
  overflow: hidden;
}

.item .trigger_subnav.is_collapsed {
  max-height: 0;
  display: none !important;
}

.item .trigger_subnav.is_expanded {
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
  display: block !important;
  padding: 2rem;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 0;
  max-height: 50em !important;
  white-space: nowrap;
  z-index: 5;
}

@media (min-width: 1024px) {
  .item .trigger_subnav.is_expanded {
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    min-width: 150px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
}

.item .trigger_subnav.is_expanded li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.5rem 0;
  height: auto;
}

.item .trigger_subnav.is_expanded li a {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  color: #797979;
  font-family: "Muli", sans-serif;
  line-height: 2.35;
  text-transform: capitalize;
}

/**DROPDOWN HEADER**/
.accordion .child {
  display: inline-block;
}

.container_accordion .accordion li .child {
  display: inline-block;
}

/* DROPDOWN */
/* Prise en charge mode responsive */
.opened .ezpz-dropdown-by-tim > a {
  font-size: 18px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  color: #00235d !important;
  font-family: "Muli", sans-serif !important;
  text-transform: uppercase !important;
}

.opened .ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul {
  /*height: auto !important;
		padding: 1rem 1.5rem !important;*/
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 1023px) {
  .opened .ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul {
    background-color: transparent;
  }
  .opened .ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul li {
    border: none;
  }
}

.opened .ezpz-dropdown-by-tim > .ezpz-dropdown-links {
  position: relative;
}

/*  */
.ezpz-dropdown-by-tim:hover > .ezpz-dropdown-links > ul {
  height: auto !important;
  padding: 1rem 1.5rem !important;
}

.ezpz-dropdown-by-tim {
  position: relative;
}

.ezpz-dropdown-by-tim > a {
  font-family: "Muli", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  height: 30px;
  display: inline-block;
}

.ezpz-dropdown-by-tim > .ezpz-dropdown-links {
  position: absolute;
}

.ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul {
  display: block !important;
  position: relative;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: white;
  z-index: 2;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-width: 17rem;
  overflow: hidden;
}

.ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul > li {
  height: auto !important;
  line-height: 4rem;
  margin: 0;
  display: block;
  width: 100%;
}

.ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul > li > a {
  display: block;
  border-bottom: #e6e6e6 1px solid;
  color: #797979 !important;
  font-size: 17px !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-transform: none !important;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul > li > a:hover {
  background: #009bbc;
  color: #fff !important;
}

.ezpz-dropdown-by-tim > .ezpz-dropdown-links > ul > li:last-child > a {
  border-bottom: none;
}

[v-cloak] {
  display: none !important;
}

.item_stat {
  min-height: 283px;
}

.item_stat h4 {
  margin-bottom: 10px;
}

.directory #map {
  height: 750px;
}

.bloc_users button.delete {
  border: none;
  background: none;
}

.sidenav_right.trigger_nav_container .panel_header_sidebar {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem;
}

.sidenav_right.trigger_nav_container
  .panel_header_sidebar
  .bloc_info_manager
  h4 {
  margin-bottom: 1rem;
}

.sidenav_right.trigger_nav_container
  .panel_header_sidebar
  .bloc_info_manager
  .item_info {
  margin: 0.5rem;
}

.sidenav_right.trigger_nav_container
  .panel_header_sidebar
  .bloc_info_manager
  .item_info
  a {
  text-decoration: none;
  color: #fff;
}

.sidenav_right.trigger_nav_container
  .panel_header_sidebar
  .bloc_info_manager
  .item_info.user:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

.sidenav_right.trigger_nav_container
  .panel_header_sidebar
  .bloc_info_manager
  .item_info.email:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

.sidenav_right.trigger_nav_container
  .panel_header_sidebar
  .bloc_info_manager
  .item_info.phone:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: left;
  line-height: 1.4;
}

.sidenav_right.trigger_nav_container .bloc_notification {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem;
  margin: 1rem 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sidenav_right.trigger_nav_container
  .bloc_notification
  .panel_notification.notif_1,
.sidenav_right.trigger_nav_container
  .bloc_notification
  .panel_notification.notif_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #fff;
  width: 100%;
  padding: 1rem 0;
  margin-bottom: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/***Global form elements****/
.input_check input[type="checkbox"] + label:before,
.input_check input[type="radio"] + label:before {
  background-color: #fff;
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1px;
  border-radius: 3px;
}

.input_check input[type="checkbox"] + label span,
.input_check input[type="radio"] + label span {
  display: inline-block;
  word-wrap: break-word;
  width: calc(100% - 2.4rem);
  padding-left: 2.4rem;
}

.input_check input[type="checkbox"]:checked + label:before {
  background-color: #00235d;
  border-color: #00235d;
}

.input_check input[type="radio"] + label:before {
  border-radius: 50%;
}

.input_check input[type="radio"]:checked + label:before,
.input_check input[type="checkbox"]:checked + label:before {
  background-color: #00235d;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.input_check input[type="radio"]:checked + label:after,
.input_check input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 40%;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-radius: 3px;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.input_check input[type="text"] {
  background-color: #fff;
  max-width: 556px;
  margin-bottom: 0;
  margin-top: 1rem;
  border-radius: 3px;
}

.input_check .input_check.section label > span {
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
}

input[type="number"],
input[type="email"] {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  border-radius: 3px;
}

input[type="date"] {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.2rem;
  border-radius: 3px;
}

input {
  font-family: "Muli", sans-serif;
}

select {
  padding: 10px;
  background: #f5f5f5;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Muli", sans-serif;
  border-radius: 3px;
}

textarea {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1rem;
  width: 100%;
  font-family: "Muli", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
}

.row_itemRef {
  margin-right: 2rem;
}

.row_input:before,
.row_input:after {
  content: " ";
  display: block;
  height: 0;
}

.row_input:after {
  clear: both;
}

.row_input span {
  line-height: 2;
}

.row_input #itemRef {
  width: 100%;
}

.row_input .two_cols .input_check {
  width: 49.456522%;
  float: left;
  margin-left: 1.086957%;
  margin-right: 0;
}

.row_input .two_cols .input_check:nth-child(2n + 1) {
  margin-left: 0;
  clear: both;
}

.grid_form:before,
.grid_form:after {
  content: " ";
  display: block;
  height: 0;
}

.grid_form:after {
  clear: both;
}

.grid_form .form_col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

.grid_form .form_col_2:nth-child(2n) {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .grid_form .form_col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .grid_form .form_col_2:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.grid_form .form_col_2 .content_btn {
  margin: auto 0;
}

.grid_form .form_col_3 {
  width: 30.337079%;
  float: left;
  margin-left: 4.494382%;
}

.grid_form .form_col_3:first-child {
  width: 30.337079%;
  float: left;
  margin-left: 0;
}

.grid_form .form_col_3:last-child {
  width: 30.337079%;
  float: right;
  margin-left: 4.494382%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .grid_form .form_col_3:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .grid_form .form_col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

label {
  display: block;
}

.input_check {
  margin-bottom: 1em;
}

.input_check input[type="checkbox"],
.input_check input[type="radio"] {
  width: 30px;
  height: 30px;
}

.input_check input[type="checkbox"] + label:before,
.input_check input[type="radio"] + label:before {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  border: none;
  background: #f5f5f5;
  margin-right: 0.7rem;
  position: relative;
  top: 1rem;
}

.input_check input[type="checkbox"]:focus + label:before,
.input_check input[type="radio"]:focus + label:before {
  border: none;
}

.input_check input[type="checkbox"]:checked + label:before,
.input_check input[type="radio"]:checked + label:before {
  background: #009bbc;
  -webkit-box-shadow: inset 0 0 0 0px #00235d;
  box-shadow: inset 0 0 0 0px #00235d;
  border-radius: 3px;
}

.input_check input[type="checkbox"]:checked + label::after,
.input_check input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 8px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-radius: 3px;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.input_check input[type="radio"] {
  width: 30px;
  height: 30px;
}

.input_check input[type="radio"] + label:before {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  border: none;
  background: #f5f5f5;
  margin-right: 0.7rem;
  position: relative;
  top: 1rem;
  border-radius: 50%;
}

.input_check input[type="radio"]:focus + label:before {
  border: none;
}

.input_check input[type="radio"]:checked + label:before {
  background: #009bbc;
  -webkit-box-shadow: inset 0 0 0 0px #00235d;
  box-shadow: inset 0 0 0 0px #00235d;
  border-radius: 50%;
}

.input_check input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 8px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-radius: 3px;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.form_global {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form_global > .row2 .group_field {
  width: 46.551724%;
  float: left;
  margin-left: 0;
  margin-bottom: 1.5rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .form_global > .row2 .group_field {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.form_global > .row2 .group_field:nth-child(2n) {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .form_global > .row2 .group_field:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.form_global > .row2 .group_field:nth-child(2n + 1) {
  clear: both;
}

select {
  padding: 1rem;
  background: #f5f5f5;
  border: none;
  width: 100%;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
}

input[type="text"],
input[type="password"],
textarea {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1.1rem;
  width: 100%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  border-radius: 3px;
}

input.error_input {
  margin-bottom: 0;
}

.content_btn {
  text-align: center;
}

.content_btn button,
.content_btn .button {
  border: none;
  color: #fff;
  background: #009bbc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  border-radius: 3px;
  vertical-align: top;
}

@media (max-width: 1920px) {
  .content_btn button,
  .content_btn .button {
    padding: 1.3em 3em;
  }
}

@media (max-width: 1023px) {
  .content_btn button,
  .content_btn .button {
    padding: 1.3em 2em;
  }
}

.content_btn button .search:before,
.content_btn .button .search:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  margin-right: 1em;
}

.content_btn button.disable,
.content_btn .button.disable {
  color: #a59c9c;
  background: #e6e6e6;
  margin-right: 2rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_btn button.disable,
  .content_btn .button.disable {
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_btn button + button,
  .content_btn button + .button,
  .content_btn button,
  .content_btn .button + button,
  .content_btn .button + .button,
  .content_btn .button {
    margin-left: 0;
    display: block;
    width: 100%;
    text-align: center;
  }
}

.content_btn span {
  text-decoration: underline;
  padding-right: 2rem;
  line-height: 3.6;
  cursor: pointer;
}

.form_panel {
  width: 30.337079%;
  float: left;
  margin-left: 4.494382%;
}

.form_panel:first-child {
  width: 30.337079%;
  float: left;
  margin-left: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .form_panel:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.form_panel:last-child {
  width: 30.337079%;
  float: right;
  margin-left: 4.494382%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .form_panel:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .form_panel {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_form_search {
  width: 49.456522%;
  float: left;
  margin-left: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .content_form_search {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_form_search:before,
.content_form_search:after {
  content: " ";
  display: block;
  height: 0;
}

.content_form_search:after {
  clear: both;
}

@media (max-width: 480px) {
  .content_form_search .search {
    padding: 1.3em 2em;
  }
}

.content_form_search .form_search {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.content_form_search .form_search:before,
.content_form_search .form_search:after {
  content: " ";
  display: block;
  height: 0;
}

.content_form_search .form_search:after {
  clear: both;
}

.content_form_search .form_search .grid_form {
  overflow: hidden;
}

.content_form_search .form_search .grid_form .form_col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

.content_form_search .form_search .grid_form .form_col_2:nth-child(2n) {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (max-width: 480px) {
  .content_form_search .form_search .grid_form .form_col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .content_form_search .form_search .grid_form .form_col_2:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_form_search .form_search .row_input {
  /*span{
				width: 5%;
				//float: left;
				text-align: center;
				line-height: 2;
				float: right;
			}*/
}

.content_form_search .form_search .row_input:before,
.content_form_search .form_search .row_input:after {
  content: " ";
  display: block;
  height: 0;
}

.content_form_search .form_search .row_input:after {
  clear: both;
}

@media (max-width: 1023px) {
  .content_form_search .form_search .content_input {
    text-align: center;
    overflow: hidden;
  }
}

.content_form_search .form_search .content_input .input_location {
  width: 300px;
  padding: 1.1em;
}

@media (max-width: 1023px) {
  .content_form_search .form_search .content_input .input_location {
    width: 100%;
  }
}

.content_form_search .form_search .multi-error .input_text {
  width: 100%;
}

.content_form_search .form_search .input_text {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1rem;
  width: 44%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_form_search .form_search .input_text {
    width: 100%;
  }
}

.content_form_search .form_search .filters-list span {
  font-weight: bold;
  font-size: 1.6rem;
}

.content_form_search .form_search .filters-list li {
  font-size: 1.4rem;
  width: 49.456522%;
  float: left;
  margin-left: 1.086957%;
}

.content_form_search .form_search .filters-list li:nth-child(2n + 1) {
  width: 49.456522%;
  float: left;
  margin-left: 0;
}

@media (max-width: 480px) {
  .content_form_search .form_search .filters-list li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .content_form_search .form_search .filters-list li:nth-child(2n + 1) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_form_search .form_search h4.custom_title {
  font-size: 22px;
}

@media (min-width: 769px) {
  .content_form_search.content_btn button.search {
    position: absolute;
    top: 60%;
    -webkit-transform: translate(-10%, -60%);
    transform: translate(-10%, -60%);
    right: 10%;
  }
}

.content_form_synthese {
  width: 49.456522%;
  float: left;
  margin-left: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .content_form_synthese {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_form_synthese .synthese_form_panel {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.content_form_synthese .synthese_form_panel .grid_form {
  overflow: hidden;
  margin-top: 1rem;
  display: block;
}

.content_form_synthese .synthese_form_panel .grid_form .form_col_3 {
  width: 30.337079%;
  float: left;
  margin-left: 4.494382%;
}

.content_form_synthese .synthese_form_panel .grid_form .form_col_3:first-child {
  width: 30.337079%;
  float: left;
  margin-left: 0;
}

.content_form_synthese .synthese_form_panel .grid_form .form_col_3:last-child {
  width: 30.337079%;
  float: right;
  margin-left: 4.494382%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_form_synthese
    .synthese_form_panel
    .grid_form
    .form_col_3:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_form_synthese .synthese_form_panel .grid_form .form_col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_form_synthese .synthese_form_panel .grid_form label {
  display: block;
}

.content_form_synthese .synthese_form_panel .grid_form .input_text {
  margin-top: 1rem;
  width: 100%;
}

.content_form_synthese .synthese_form_panel .grid_form .row_input {
  /*span{
					width: 5%;
					float: left;
					text-align: center;
					line-height: 3;
				}*/
}

.content_form_synthese .synthese_form_panel .grid_form .row_input .input_text,
.content_form_synthese .synthese_form_panel .grid_form .row_input span {
  display: inline-block;
  vertical-align: middle;
}

.content_form_synthese .synthese_form_panel .grid_form .row_input .input_text {
  width: 47.5%;
  float: left;
}

.content_form_synthese .synthese_form_panel .grid_form .row_input:after {
  content: "";
  clear: both;
}

@media (max-width: 1337px) {
  .content_form_synthese .synthese_form_panel .grid_form .row_input {
    width: 46.5%;
  }
}

@media (max-width: 1023px) {
  .content_form_synthese .synthese_form_panel .grid_form .row_input {
    width: 45%;
  }
}

@media (max-width: 480px) {
  .content_form_synthese .synthese_form_panel .grid_form .row_input {
    width: 43%;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  .layout_guidline
  .section_guideline {
  display: block;
  background-color: #fff;
  border-radius: 3px;
  padding: 2rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.custom_elements h1 {
  padding-bottom: 1.5rem;
}

.custom_elements h2 {
  padding-bottom: 1.5rem;
}

.custom_elements h3 {
  padding-bottom: 1.5rem;
}

.custom_elements .col_3 {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

@media (max-width: 1023px) {
  .custom_elements .col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 1024px) {
  .custom_elements .col_3 {
    width: 32.608696%;
    float: left;
    margin-left: 1.086957%;
    margin-right: 0;
  }
  .custom_elements .col_3:nth-child(3n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.custom_elements h5 {
  padding-bottom: 1.5rem;
}

.custom_elements h4 {
  font-weight: 600;
}

font-size .custom_elements h4.labelled-field {
  margin-bottom: 1rem;
}

.custom_elements .container_button {
  width: auto;
  margin: auto;
}

section {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section:before,
section:after {
  content: " ";
  display: block;
  height: 0;
}

section:after {
  clear: both;
}

section.trigger_wrapper {
  background-color: #f5f5f5;
}

section.trigger_wrapper .layout_right_col .layout_container {
  height: 100%;
  width: 100%;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  box-sizing: border-box;
  padding: 0 3rem;
}

@media (max-width: 480px) {
  section.trigger_wrapper .layout_right_col .layout_container {
    padding: 0 2rem;
  }
}

section.trigger_wrapper .layout_right_col .layout_container:before,
section.trigger_wrapper .layout_right_col .layout_container:after {
  content: " ";
  display: block;
  height: 0;
}

section.trigger_wrapper .layout_right_col .layout_container:after {
  clear: both;
}

@media (max-width: 1023px) {
  section.trigger_wrapper .layout_right_col .layout_container {
    margin-top: 5.5rem;
    margin-bottom: 1em;
  }
}

@media (max-width: 480px) {
  section.trigger_wrapper .layout_right_col .layout_container {
    margin-top: 3.5em;
  }
}

@media (max-width: 1279px) {
  section.trigger_wrapper .layout_right_col .layout_container .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

@media (max-width: 1279px) {
  section.trigger_wrapper .layout_right_col .layout_container .overlay.opened {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}

section.trigger_wrapper .layout_right_col .layout_container .content_main {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  section.trigger_wrapper .layout_right_col .layout_container .content_main {
    padding-top: 0;
  }
}

.amepi_main_container {
  height: 100%;
  width: 100%;
  z-index: 1;
  display: block;
  margin-left: 0px;
  margin-right: 0px;
}

@media (max-width: 1023px) {
  .amepi_main_container {
    overflow: hidden;
    overflow-y: auto;
  }
}

.amepi_main_container .wrapper .wrapper_content section {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.amepi_main_container .wrapper .wrapper_content .content_main {
  /* 	@include container; */
}

.amepi_main_container
  .wrapper
  .wrapper_content
  .content_main
  .wrapper_cols.wrapper_mandat {
  margin-top: 0 !important;
}

.amepi_main_container .wrapper .wrapper_content {
  /* S E C T I O N */
}

@media (min-width: 1024px) {
    .amepi_main_container .wrapper .wrapper_content .content_main .wrapper_cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  .content_main
  .wrapper_cols
  .wrapper_page {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.amepi_main_container .wrapper .wrapper_content section {
  /*
					@include display(flex);
					@include flex-direction(row);
					@include flex-wrap(wrap);*/
}

.amepi_main_container .wrapper .wrapper_content section.toolbar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media (max-width: 1023px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    section.toolbar
    .container_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  section.toolbar
  .container_header
  .col_header {
  width: 15.76087%;
  float: left;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    section.toolbar
    .container_header
    .col_header {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  section.toolbar
  .container_header
  .col_header:nth-child(1) {
  /* background: #fff;*/
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.amepi_main_container
  .wrapper
  .wrapper_content
  section.toolbar
  .container_header
  .col_header:nth-child(2) {
  width: 83.152174%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 1023px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    section.toolbar
    .container_header
    .col_header:nth-child(2) {
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px);
    margin-left: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  section.toolbar
  .ribbon
  .item_ribbon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 1023px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    section.toolbar
    .ribbon
    .item_ribbon {
    margin-right: 2rem;
  }
}

.amepi_main_container .wrapper .wrapper_content section.toolbar .navbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1023px) {
  .amepi_main_container .wrapper .wrapper_content section.toolbar .navbox {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  section.toolbar
  .navbox
  .navbar_burger {
  width: 50px;
}

@media (max-width: 1023px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    section.toolbar
    .navbox
    .navbar_burger {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  section.toolbar
  .navbox
  .navbar_notify {
  width: 35px;
  margin-right: 1rem;
}

@media (max-width: 1023px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    section.toolbar
    .navbox
    .navbar_notify {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
}

.amepi_main_container .wrapper .wrapper_content section.toolbar .navbox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .amepi_main_container .wrapper .wrapper_content section.toolbar .navbox ul {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (max-width: 1023px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    section.toolbar
    .navbox
    .navigation {
    overflow: scroll;
    margin-bottom: 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.amepi_main_container .wrapper .wrapper_content section.trigger_wrapper {
  padding: 0;
  /*overflow-y: scroll;
						max-height: 800px;
						&::-webkit-scrollbar {
							width: .8rem;
						}
						
						&::-webkit-scrollbar-thumb {
							background: $c-white;
							border-radius: $border;
							border: 1px solid $c-light-grey;
							height: 20px;
						}
						
						&::-webkit-scrollbar-track {
							background: $c-scrollbar-track;
							border-radius: $border;
						}*/
  /*@include display(flex);
						@include flex-direction(column);
						position: relative;*/
  z-index: 0;
}

@media (max-width: 1023px) {
  .amepi_main_container .wrapper .wrapper_content section.trigger_wrapper {
    padding: 0 1rem;
    display: block;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .amepi_main_container .wrapper .wrapper_content section.trigger_wrapper {
    padding: 0;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  section.trigger_wrapper
  .layout_right_col {
  /*flex: 1;
							@include justify-content(space-between);
							flex-basis: 100%;
							@include display(flex);
							@include flex-direction(row-reverse);
							overflow: hidden;
							.layout_container {
								flex-basis: 100%;
							}*/
}

.toggle-opened
  .amepi_main_container
  .wrapper
  .wrapper_content
  section.trigger_wrapper
  .layout_right_col
  .layout_container {
  margin-right: 305px;
  margin-top: 126px;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .toggle-opened
    .amepi_main_container
    .wrapper
    .wrapper_content
    section.trigger_wrapper
    .layout_right_col
    .layout_container {
    margin-right: 0;
    margin-top: 5.5rem;
  }
}

@media (min-width: 1024px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    .content_main.with_left_col
    .wrapper_cols
    .wrapper_page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: right;
  }
}

@media (min-width: 1024px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    .content_main.with_left_col
    .wrapper_cols
    .col_left {
    width: 32.608696%;
    float: left;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 365px;
    width: 365px;
    min-width: 365px;
  }
}

@media (min-width: 1024px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    .content_main.with_right_col
    .wrapper_cols
    .wrapper_page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    width: 32.608696%;
    float: left;
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  .amepi_main_container
    .wrapper
    .wrapper_content
    .content_main.with_right_col
    .wrapper_cols
    .col_right {
    width: 32.608696%;
    float: right;
    margin-left: 1.086957%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 365px;
    width: 365px;
    min-width: 365px;
  }
}

.amepi_main_container
  .wrapper
  .wrapper_content
  .content_main.with_left_col
  .wrapper_cols {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.amepi_main_container
  .wrapper
  .wrapper_content
  .content_main.with_right_col
  .wrapper_cols {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.wrapper_overlay_login {
  background: #00235d;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#00235d),
    color-stop(70%, #0082c8)
  );
  background: linear-gradient(to bottom right, #00235d 0%, #0082c8 70%);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  overflow: hidden;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_overlay_login {
    position: fixed;
  }
}

.wrapper_overlay_login .wrapper_login {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_overlay_login .wrapper_login {
    position: absolute;
  }
}

.wrapper_overlay_login .wrapper_login .container_login {
  padding: 2rem;
  margin: 0 auto;
  max-width: 800px;
  min-width: 800px;
  width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  /*@include breakpoint(max-width 375px) {
                height: 146vh;
            }*/
}

@media (max-width: 1023px) {
  .wrapper_overlay_login .wrapper_login .container_login {
    min-width: 720px;
  }
}

.wrapper_overlay_login .wrapper_login .container_login .bloc_login.col2 ul {
  overflow: auto;
  max-height: 200px;
}

@media (max-width: 768px) {
  .wrapper_overlay_login .wrapper_login .container_login {
    min-width: 470px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_overlay_login .wrapper_login .container_login {
    min-width: 300px;
    max-height: 900px;
    overflow: auto;
    position: relative;
    top: 50%;
  }
  .wrapper_overlay_login .wrapper_login .container_login .bloc_login.col2 {
    display: none;
  }
  .wrapper_overlay_login .wrapper_login .container_login .bloc_login.col2 ul {
    overflow: auto;
    max-height: 200px;
  }
}

.wrapper_overlay_login .wrapper_login .container_login .row_input {
  margin-bottom: 1.5rem;
}

.wrapper_overlay_login .wrapper_login .container_login #return {
  cursor: pointer;
  display: inline-block;
  -webkit-box-shadow: 0 0 5px rgba(113, 110, 110, 0.5);
  box-shadow: 0 0 5px rgba(113, 110, 110, 0.5);
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 1rem 2rem 1rem 4rem;
}

.wrapper_overlay_login .wrapper_login .container_login #return:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 2rem;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wrapper_overlay_login .wrapper_login .container_login .fadeOut {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.wrapper_overlay_login .wrapper_login .container_login .fadeIn {
  display: block;
  visibility: visible;
  opacity: 1;
}

.wrapper_overlay_login
  .wrapper_login
  .container_login
  .content_btn
  .init_password {
  padding: 1.3em 3em;
}

.wrapper_overlay_login .wrapper_login .container_login p {
  margin-bottom: 2em;
}

.wrapper_overlay_login .wrapper_login .container_login .logo_login {
  text-align: center;
}

.wrapper_overlay_login .wrapper_login .container_login .logo_login img {
  width: 100%;
  max-width: 100px;
  margin: 0 auto;
}

.wrapper_overlay_login .wrapper_login .container_login h3 {
  margin: 2rem 0 2rem auto;
  text-align: center;
}

.wrapper_overlay_login .wrapper_login .container_login .form_login {
  /*border-left: solid 1px #e6e6e6;*/
  text-align: center;
  padding: 1rem;
  margin-bottom: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_overlay_login .wrapper_login .container_login .form_login {
    border-left: none;
  }
}

.wrapper_overlay_login .wrapper_login .container_login .form_login form {
  text-align: center;
}

.wrapper_overlay_login .wrapper_login .container_login .form_login .error {
  width: 100%;
  display: block;
  text-align: left;
  position: relative;
  color: #ed143d;
}

.wrapper_overlay_login
  .wrapper_login
  .container_login
  .form_login
  .reinitialisation
  button {
  margin-right: 0;
  margin-bottom: 2rem;
  margin-left: 0;
}

.wrapper_overlay_login .wrapper_login .container_login .bloc_login {
  padding: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.wrapper_overlay_login .wrapper_login .container_login .bloc_login h5 {
  margin-bottom: 2rem;
}

.wrapper_overlay_login .wrapper_login .container_login .bloc_login a {
  color: #000;
}

.wrapper_overlay_login .wrapper_login .container_login .bloc_login .bloc1_3 {
  width: 30.337079%;
  float: left;
  margin-left: 4.494382%;
}

.wrapper_overlay_login
  .wrapper_login
  .container_login
  .bloc_login
  .bloc1_3
  span {
  font-size: 2.8rem;
  font-weight: 700;
  color: #009bbc;
}

.wrapper_overlay_login
  .wrapper_login
  .container_login
  .bloc_login
  .bloc1_3:first-child {
  width: 30.337079%;
  float: left;
  margin-left: 0;
}

.wrapper_overlay_login
  .wrapper_login
  .container_login
  .bloc_login
  .bloc1_3:last-child {
  width: 30.337079%;
  float: right;
  margin-left: 4.494382%;
}

.wrapper_overlay_login
  .wrapper_login
  .container_login
  .bloc_login
  .content-list {
  overflow-y: scroll;
  max-height: 200px;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_overlay_login .wrapper_login .container_login #login-button {
    padding: 1.3rem 4rem;
  }
}

.wrapper_overlay_login .wrapper_login .container_login .col2:not(:first-child) {
  width: 48.333333%;
  float: right;
  margin-left: 3.333333%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_overlay_login
    .wrapper_login
    .container_login
    .col2:not(:first-child) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_overlay_login .wrapper_login .container_login .col2:not(:last-child) {
  width: 48.333333%;
  float: left;
  margin-left: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_overlay_login
    .wrapper_login
    .container_login
    .col2:not(:last-child) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_overlay_login .wrapper_login .container_login .bloc_login,
.wrapper_overlay_login .wrapper_login .container_login .form_login {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*  -- @ I M P O R T -- */
/* add font here */
/* Color custom */
/* gutter */
/* $bp-large:		calc(1520px + 30px ); */
@-webkit-keyframes ripple {
  0% {
    background-color: rgba(196, 197, 202, 0.2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    background-color: transparent;
  }
}

@keyframes ripple {
  0% {
    background-color: rgba(196, 197, 202, 0.2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    background-color: transparent;
  }
}

.composant {
  margin-bottom: 2rem;
}

[v-cloak] {
  display: none !important;
}

.validation-summary-errors li {
  color: #ed143d;
  padding-bottom: 1.5rem;
  font-size: 14px;
  font-weight: 500;
}

.autocomplete {
  max-height: 200px;
  overflow-y: scroll;
}

.autocomplete::-webkit-scrollbar {
  width: 0.8rem;
}

.autocomplete::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
}

.autocomplete::-webkit-scrollbar-track {
  background: rgba(147, 147, 147, 0.2);
  border-radius: 3px;
}

.container_accordion .accordion .autocomplete li.item,
.container_accordion .accordion .vue-tags-input li.item {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0.5rem 0;
}

.container_accordion .accordion .autocomplete li.item.selected-item,
.container_accordion .accordion .vue-tags-input li.item.selected-item {
  background-color: #009bbc !important;
}

#alert .container_accordion .accordion .vue-tags-input,
.container_accordion .accordion .vue-tags-input {
  width: 100%;
  max-width: 100%;
  margin-top: 1rem;
}

#alert .container_accordion .accordion .vue-tags-input li.tag.valid,
.container_accordion .accordion .vue-tags-input li.tag.valid {
  background-color: #009bbc;
  padding: 0.5rem;
}

#alert .container_accordion .accordion .vue-tags-input li.new-tag-input-wrapper,
.container_accordion .accordion .vue-tags-input li.new-tag-input-wrapper {
  display: block;
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0.5rem 0;
}

#alert .container_accordion .accordion .vue-tags-input .input,
.container_accordion .accordion .vue-tags-input .input {
  outline: none;
  border: none;
  padding: 1rem;
  background: #fff;
  margin-bottom: 0;
  width: 100%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* ~ C A R D   T H U M B N A I L S   D E T A I L S (FDB) */
#details .card-thumbnail:before,
#details .card-thumbnail:after {
  content: " ";
  display: block;
  height: 0;
}

#details .card-thumbnail:after {
  clear: both;
}

#details .card-thumbnail .img_card.img_principal {
  background-image: url("https://amepistoragedev.blob.core.windows.net/public/default.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (min-width: 601px) and (max-width: 1023px) {
  #details .card-thumbnail .img_card.img_principal {
    width: 50%;
    float: left;
  }
  #details .card-thumbnail .img_card.img_principal + .info_card {
    width: 50%;
    float: left;
  }
}

#details .private {
  background: rgba(255, 0, 0, 0.1);
}

.title_alert h3 {
  margin-top: 4rem !important;
  margin-bottom: 0 !important;
}

.content_tab {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content_tab.filter_mandat {
  display: block !important;
}

.content_tab.filter_mandat .form_mandat:first-child {
  width: 57.880435%;
  float: left;
  margin-left: 0;
  padding-right: 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content_tab.filter_mandat .form_mandat:last-child {
  width: 41.032609%;
  float: right;
  margin-left: 1.086957%;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .content_tab.filter_mandat .form_mandat:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-right: none;
    padding-right: 0;
  }
  .content_tab.filter_mandat .form_mandat:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.filter_mandat .form_mandat .row_input {
  /*span{
					width: 5%;
					//float: left;
					text-align: center;
					line-height: 4.2rem;
					display: inline-block;
					vertical-align: top;
					@include breakpoint($only-xs-mobile){
						line-height: 4.3rem;
					}
				}*/
}

.content_tab.filter_mandat .form_mandat .row_input .multi-error .input_text {
  width: 100%;
}

.content_tab.filter_mandat .form_mandat .row_input .input_text {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1rem;
  width: 44.3%;
  float: left;
}

@media (max-width: 480px) {
  .content_tab.filter_mandat .form_mandat .row_input .input_text {
    width: 100%;
  }
}

.content_tab.filter_mandat .form_mandat .content_input {
  overflow: hidden;
}

@media (max-width: 1023px) {
  .content_tab.filter_mandat .form_mandat .content_input {
    text-align: center;
    overflow: hidden;
  }
}

.content_tab.filter_mandat .form_mandat .content_input .input_location {
  width: 300px;
  padding: 1.1em;
}

@media (max-width: 1023px) {
  .content_tab.filter_mandat .form_mandat .content_input .input_location {
    width: 100%;
  }
}

.content_tab.filter_mandat .form_mandat .content_input .input_full_width {
  width: 100%;
  padding: 1.1rem;
}

@media (max-width: 1023px) {
  .content_tab.filter_mandat .form_mandat .content_input .input_full_width {
    width: 100%;
  }
}

.content_tab.filter_mandat .form_mandat .content_btn {
  overflow: hidden;
  text-align: center;
}

@media (max-width: 1023px) {
  .content_tab.filter_mandat .form_mandat .content_btn {
    margin-top: 2rem;
  }
}

.content_tab.filter_mandat .form_mandat .content_btn button {
  border: none;
  color: #fff;
  background: #009bbc;
  padding: 1.3em 5em;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_tab.filter_mandat .form_mandat .content_btn button {
    padding: 1.3em 4em;
  }
}

.content_tab.filter_mandat .form_mandat .content_btn button:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  margin-right: 1em;
  line-height: 1;
}

.content_tab.filter_mandat .form_mandat .content_btn p {
  cursor: pointer;
  padding-top: 5px;
}

@media (max-width: 1023px) {
  .content_tab.filter_mandat .form_mandat .content_btn p {
    padding-top: 3rem;
  }
}

.content_tab.filter_mandat .form_mandat .grid_form {
  overflow: hidden;
}

.content_tab.filter_mandat .form_mandat .grid_form .form_col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 6.896552%;
}

@media (max-width: 480px) {
  .content_tab.filter_mandat .form_mandat .grid_form .form_col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.filter_mandat .form_mandat .grid_form .form_col_2:first-child {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (max-width: 480px) {
  .content_tab.filter_mandat .form_mandat .grid_form .form_col_2:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.filter_mandat .form_mandat .grid_form .form_col_3 {
  width: 25%;
  float: left;
  /*@include span(1 of 3);
					&:first-child{
						@include span(1 of 3 first);
					}
					&:last-child{
						@include span(1 of 3 last);
						@include breakpoint($only-tiny-mobile){
							@include span(1 of 1);
						}
					}
					@include breakpoint($only-tiny-mobile){
						@include span(1 of 1);
                    }*/
}

@media (max-width: 1023px) {
  .content_tab.filter_mandat .form_mandat .grid_form .form_col_3 {
    width: 33.33%;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_tab.filter_mandat .form_mandat .grid_form .form_col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab .content_map {
  overflow: hidden;
  width: 49.456522%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 768px) {
  .content_tab .content_map {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab .content_map #map {
  height: 600px;
  width: 100%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_tab .content_map #map {
    margin-top: 2rem;
  }
}

.content_tab .content_map .content_btn button:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  margin-right: 1em;
  line-height: 1;
}

.content_tab .content_map .content_btn .disabled_secteur:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #fff;
  margin-right: 1rem;
}

.content_tab .content_map .content_btn span {
  text-decoration: underline;
  padding-right: 2rem;
  line-height: 3;
  cursor: pointer;
}

.content_tab .container_accordion {
  clear: both;
}

.content_tab .container_accordion .accordion {
  border: none;
}

.content_tab .container_accordion .accordion li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.content_tab .container_accordion .accordion li a:after {
  display: inline-block;
  position: relative;
  right: -2rem;
  top: -0.3rem;
}

.content_tab .container_accordion .accordion li .form_filter {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .content_tab .container_accordion .accordion li .form_filter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab .container_accordion .accordion li .form_filter:last-child {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (max-width: 1023px) {
  .content_tab .container_accordion .accordion li .form_filter:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab .container_accordion .accordion li .grid_form .form_col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

.content_tab
  .container_accordion
  .accordion
  li
  .grid_form
  .form_col_2:nth-child(2n) {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (max-width: 480px) {
  .content_tab .container_accordion .accordion li .grid_form .form_col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .content_tab
    .container_accordion
    .accordion
    li
    .grid_form
    .form_col_2:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.form {
  overflow: hidden;
}

.content_tab.form .form_panel_2:first-child {
  width: 48.456522%;
  float: left;
  margin-left: 0;
  border-right: solid 1px #e6e6e6;
}

@media (max-width: 480px) {
  .content_tab.form .form_panel_2:first-child {
    border-right: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.form .form_panel_2:last-child {
  width: 49.456522%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 480px) {
  .content_tab.form .form_panel_2:last-child {
    border-right: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.form .form_panel {
  padding-right: 1rem;
  width: 30.337079%;
  float: left;
  margin-left: 0;
  border-right: solid 1px #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border: none;
  }
}

.content_tab.form .form_panel:nth-child(2) {
  width: 30.337079%;
  float: left;
  margin-left: 4.494382%;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel:nth-child(2) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border: none;
  }
}

.content_tab.form .form_panel:last-child {
  width: 30.337079%;
  float: right;
  margin-left: 4.494382%;
  border: none;
}

.content_tab.form .form_panel:last-child:before,
.content_tab.form .form_panel:last-child:after {
  content: " ";
  display: block;
  height: 0;
}

.content_tab.form .form_panel:last-child:after {
  clear: both;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border: none;
  }
}

.content_tab.form .form_panel .grid_form {
  overflow: hidden;
}

.content_tab.form .form_panel .grid_form .form_col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 6.896552%;
}

@media (max-width: 480px) {
  .content_tab.form .form_panel .grid_form .form_col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.form .form_panel .grid_form .form_col_2:first-child {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (max-width: 480px) {
  .content_tab.form .form_panel .grid_form .form_col_2:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.form .form_panel .grid_form .form_col_3 {
  width: 30.337079%;
  float: left;
  margin-left: 4.494382%;
}

.content_tab.form .form_panel .grid_form .form_col_3:first-child {
  width: 30.337079%;
  float: left;
  margin-left: 0;
}

.content_tab.form .form_panel .grid_form .form_col_3:last-child {
  width: 30.337079%;
  float: right;
  margin-left: 4.494382%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_tab.form .form_panel .grid_form .form_col_3:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_tab.form .form_panel .grid_form .form_col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_tab.form .form_panel h4 {
  font-weight: 600;
}

.content_tab.form .form_panel .to_between {
  padding: 0 1rem;
}

@media (max-width: 480px) {
  .content_tab.form .form_panel .to_between {
    width: 100%;
    display: block;
    text-align: center;
  }
}

.content_tab.form .form_panel .content_input {
  overflow: hidden;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel .content_input {
    text-align: center;
    overflow: hidden;
  }
}

.content_tab.form .form_panel .content_input .input_location {
  width: 100%;
  padding: 1.1em;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel .content_input .input_location {
    width: 100%;
  }
}

.content_tab.form .form_panel .content_input .input_full_width {
  width: 100%;
  padding: 1.1rem;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel .content_input .input_full_width {
    width: 100%;
  }
}

.content_tab.form .form_panel .input_text {
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 1rem;
  width: 42.8%;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel .input_text {
    width: 43.8%;
  }
}

@media (max-width: 480px) {
  .content_tab.form .form_panel .input_text {
    width: 100%;
  }
}

.content_tab.form .form_panel .multi-error .input_text {
  width: 100%;
}

.content_tab.form .form_panel .content_btn {
  text-align: center;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel .content_btn {
    margin-top: 2rem;
  }
}

.content_tab.form .form_panel .content_btn button,
.content_tab.form .form_panel .content_btn .button {
  border: none;
  color: #fff;
  background: #009bbc;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.content_tab.form .form_panel .content_btn button.search:before,
.content_tab.form .form_panel .content_btn .button.search:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  margin-right: 1em;
  line-height: 1;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_tab.form .form_panel .content_btn button,
  .content_tab.form .form_panel .content_btn .button {
    padding: 1.3em 4em;
  }
}

.content_tab.form .form_panel .content_btn p {
  cursor: pointer;
  padding-top: 5px;
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel .content_btn p {
    padding-top: 3rem;
  }
}

.content_tab.form .form_panel .journal_btn {
  text-align: center;
}

@media (max-width: 768px) {
  .content_tab.form .form_panel .journal_btn {
    text-align: center;
  }
}

.content_tab.form .form_panel .journal_btn .search {
  margin-right: 3rem;
}

@media (max-width: 1475px) {
  .content_tab.form .form_panel .journal_btn .search {
    margin-right: 2rem;
  }
}

@media (max-width: 1409px) {
  .content_tab.form .form_panel .journal_btn .search {
    margin-right: 0.5rem;
  }
}

@media (max-width: 1023px) {
  .content_tab.form .form_panel .journal_btn .search {
    margin-right: 3rem;
  }
}

@media (max-width: 1349px) {
  .content_tab.form .form_panel .journal_btn .search {
    margin-bottom: 1rem;
  }
}

@media (max-width: 555px) {
  .content_tab.form .form_panel .journal_btn .search {
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_tab.form .form_panel .journal_btn button {
    width: 100%;
    margin-right: 0;
  }
}

.composant:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  color: #000;
}

.composant.gallery .title_gallery {
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #000;
}

.composant.gallery .grid_item {
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.composant.gallery .grid_item:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23),
    0 10px 40px rgba(0, 0, 0, 0.19);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}

.composant.gallery .grid_item:hover .input_radio .spnlabel {
  color: #fff;
  vertical-align: middle;
  display: inline-block;
}

.composant.gallery
  .grid_item:hover
  .input_radio
  input[type="radio"]
  + label:before {
  background: transparent !important;
  border: 1px solid #fff;
}

.composant.gallery .grid_item:hover .overlay_card {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.composant.gallery .img_card {
  width: 100%;
  max-height: 265px;
  overflow: hidden;
  position: relative;
  background-image: url("https://amepistoragedev.blob.core.windows.net/public/default.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  /* ~ checkbox */
}

@media (max-width: 1317px) {
  .composant.gallery .img_card {
    max-height: 180px;
  }
}

@media (max-width: 1195px) {
  .composant.gallery .img_card {
    max-height: 165px;
  }
}

@media (max-width: 1092px) {
  .composant.gallery .img_card {
    max-height: 152px;
  }
}

@media (max-width: 769px) {
  .composant.gallery .img_card {
    max-height: 205px;
  }
}

.composant.gallery .img_card .overlay_card {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.composant.gallery .img_card img {
  width: 100%;
  /* filter: brightness(90%);
                -webkit-tap-highlight-color: rgba(black, 0);
                transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);*/
}

.composant.gallery .img_card img:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.composant.gallery .img_card .input_check,
.composant.gallery .img_card .input_radio {
  position: absolute;
  top: 1.5rem;
  left: 2.2rem;
  z-index: 2;
  height: 2.5rem;
}

.composant.gallery .img_card .input_check .spnlabel,
.composant.gallery .img_card .input_radio .spnlabel {
  display: none;
}

.composant.gallery .img_card .input_check input[type="checkbox"],
.composant.gallery .img_card .input_check input[type="radio"],
.composant.gallery .img_card .input_radio input[type="checkbox"],
.composant.gallery .img_card .input_radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 4rem;
  height: 4rem;
  z-index: 3;
  cursor: pointer;
}

.composant.gallery .img_card .input_check input[type="checkbox"] + label:before,
.composant.gallery .img_card .input_check input[type="radio"] + label:before,
.composant.gallery .img_card .input_radio input[type="checkbox"] + label:before,
.composant.gallery .img_card .input_radio input[type="radio"] + label:before {
  content: " ";
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  margin-right: 0.4rem;
  background: transparent;
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.composant.gallery
  .img_card
  .input_check
  input[type="checkbox"]:checked
  + label::before,
.composant.gallery
  .img_card
  .input_check
  input[type="radio"]:checked
  + label::before,
.composant.gallery
  .img_card
  .input_radio
  input[type="checkbox"]:checked
  + label::before,
.composant.gallery
  .img_card
  .input_radio
  input[type="radio"]:checked
  + label::before {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
  width: 2rem;
  height: 2rem;
}

.composant.gallery
  .img_card
  .input_check
  input[type="checkbox"]:checked
  + label
  .spnlabel,
.composant.gallery
  .img_card
  .input_check
  input[type="radio"]:checked
  + label
  .spnlabel,
.composant.gallery
  .img_card
  .input_radio
  input[type="checkbox"]:checked
  + label
  .spnlabel,
.composant.gallery
  .img_card
  .input_radio
  input[type="radio"]:checked
  + label
  .spnlabel {
  display: none;
}

.composant.gallery
  .img_card
  .input_check
  input[type="checkbox"]:checked
  + label::after,
.composant.gallery
  .img_card
  .input_check
  input[type="radio"]:checked
  + label::after,
.composant.gallery
  .img_card
  .input_radio
  input[type="checkbox"]:checked
  + label::after,
.composant.gallery
  .img_card
  .input_radio
  input[type="radio"]:checked
  + label::after {
  content: "";
  position: absolute;
  left: 30%;
  top: 35%;
  width: 6px;
  height: 12px;
  background-color: #fff;
  border: solid #00235d;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.composant.gallery
  .img_card
  .input_check
  input[type="checkbox"]:focus
  + label:before,
.composant.gallery
  .img_card
  .input_check
  input[type="radio"]:focus
  + label:before,
.composant.gallery
  .img_card
  .input_radio
  input[type="checkbox"]:focus
  + label:before,
.composant.gallery
  .img_card
  .input_radio
  input[type="radio"]:focus
  + label:before {
  border-color: none;
  outline: none;
}

.composant.gallery
  .img_card
  .input_check
  input[type="checkbox"]:disabled
  + label:before,
.composant.gallery
  .img_card
  .input_check
  input[type="radio"]:disabled
  + label:before,
.composant.gallery
  .img_card
  .input_radio
  input[type="checkbox"]:disabled
  + label:before,
.composant.gallery
  .img_card
  .input_radio
  input[type="radio"]:disabled
  + label:before {
  background: #e6e6e6;
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 0 0 2px #e6e6e6;
  box-shadow: inset 0 0 0 2px #e6e6e6;
}

.composant.gallery
  .img_card
  .input_check
  input[type="checkbox"]
  + label:empty:before,
.composant.gallery
  .img_card
  .input_check
  input[type="radio"]
  + label:empty:before,
.composant.gallery
  .img_card
  .input_radio
  input[type="checkbox"]
  + label:empty:before,
.composant.gallery
  .img_card
  .input_radio
  input[type="radio"]
  + label:empty:before {
  margin-right: 0;
}

.composant.gallery .info_card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.composant.gallery .info_card .tag {
  text-align: center;
  /* ~ F L E X */
}

.composant.gallery .info_card .tag span {
  font-weight: 600;
  font-size: 15px;
  margin: 0 0.25rem 0.5rem 0.25rem;
  padding: 1rem;
  background: rgba(0, 155, 188, 0.2);
  display: inline-block;
}

@media (max-width: 1023px) {
  .composant.gallery .info_card .tag span:not(:first-child) {
    margin-left: 0;
  }
}

@media (max-width: 1023px) {
  .composant.gallery .info_card .tag span {
    width: 100%;
  }
}

.composant.gallery .info_card .tag:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

.composant.gallery .info_card .type_flat,
.composant.gallery .info_card .place_flat {
  font-size: 18px;
  color: #00235d;
  display: block;
  font-weight: 600;
  text-align: center;
}

.composant.gallery .info_card .state_flat {
  font-size: 16px;
  font-weight: lighter;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.composant.gallery .info_card .date {
  font-size: 14px;
  color: #939393;
  padding: 1rem 0;
  text-align: center;
}

.composant.gallery .info_card .state_flat {
  text-align: center;
  color: #fff;
  padding: 7px 20px;
  margin: 0 auto;
  font-size: 13px;
}

.composant.gallery .info_card .state_flat.etat1 {
  background: #5ab765;
}

.composant.gallery .info_card .state_flat.etat2 {
  background: #ff8400;
}

.composant.gallery .info_card .state_flat.etat3 {
  background: #d10000;
}

#details .info_card {
  text-align: center;
}

#details .info_card .tag span {
  font-size: 15px;
}

.filter_table.composant {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden;
}

.filter_table.composant .table_container {
  background: #fff;
}

.filter_table.composant .table_container table {
  width: 100%;
  text-align: center;
  font-family: "Muli", sans-serif;
}

.filter_table.composant .table_container table thead {
  font-weight: 700;
}

.filter_table.composant .table_container table thead th {
  padding: 1rem;
  border-bottom: 1.2px solid #00235d;
  background: #fff;
}

.filter_table.composant .table_container table tbody .item-grey {
  background: #f5f5f5;
}

.filter_table.composant .table_container table tbody .icon_etat_1:before {
  content: "\f058";
  font-family: "icomoon";
  color: #40cc7e;
  font-size: 18px;
}

.filter_table.composant .table_container table tbody .icon_etat_2:before {
  content: "\f057";
  font-family: "icomoon";
  color: #ed143d;
  font-size: 18px;
}

.filter_table.composant .table_container table tbody .icon_etat_3:before {
  content: "\f057";
  font-family: "icomoon";
  color: #ff8400;
  font-size: 18px;
}

.filter_table.composant .table_container table tbody tr:last-child td {
  border-bottom: 1.2px solid #00235d;
}

.filter_table.composant .table_container table tbody td {
  border-top: 1px solid #e6e6e6;
  padding: 1rem;
}

.filter_table.composant .table_container table tbody td input[type="checkbox"] {
  width: 100%;
  height: 100%;
}

.filter_table.composant
  .table_container
  table
  tbody
  td
  input[type="checkbox"]:checked
  + label::after {
  left: 40%;
}

.filter_table.composant .table_container table tbody td .state_flat {
  text-align: center;
  font-weight: bold;
}

.filter_table.composant .table_container table tbody td .state_flat.etat1 {
  color: #5ab765;
}

.filter_table.composant .table_container table tbody td .state_flat.etat2 {
  color: #ff8400;
}

.filter_table.composant .table_container table tbody td .state_flat.etat3 {
  color: #d10000;
}

.filter_table.composant .table_container table tbody td a.icon-pdf {
  cursor: pointer;
  font-weight: 700;
}

.filter_table.composant .table_container table tbody td a.icon-pdf:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: #009bbc;
  line-height: 1.1;
  margin-right: 1rem;
}

.filter_table.composant .table_container table tbody td a.icon-pdf span {
  display: none;
}

.filter_table.composant .table_container .pagination {
  padding: 2rem;
  text-align: center;
}

@media (max-width: 480px) {
  .filter_table.composant .table_container .pagination {
    padding: 2rem 1rem;
  }
}

.filter_table.composant .table_container .pagination .page {
  font-weight: 700;
  padding-right: 1rem;
}

@media (max-width: 480px) {
  .filter_table.composant .table_container .pagination .page {
    display: block;
    padding-bottom: 1rem;
  }
}

.filter_table.composant
  .table_container
  .pagination
  span:nth-child(3)
  .number_page {
  margin-left: 1em;
}

.filter_table.composant .table_container .pagination span:nth-child(2),
.filter_table.composant .table_container .pagination span:last-child {
  font-size: 1.8rem;
}

.filter_table.composant .table_container .pagination span .number_page {
  cursor: pointer;
  margin-right: 1em;
}

.filter_table.composant .table_container .pagination .page_selected {
  padding: 0.3rem 0.8rem;
  background: #00235d;
  border-radius: 50%;
  color: #fff;
}

.bloc_title .content_btn {
  text-align: right;
  margin-top: 1rem;
}

#activity-result .grid_form {
  overflow: hidden;
}

#activity-result .grid_form .form_col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 6.896552%;
}

@media (max-width: 480px) {
  #activity-result .grid_form .form_col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

#activity-result .grid_form .form_col_2:first-child {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (max-width: 480px) {
  #activity-result .grid_form .form_col_2:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

#activity-result .grid_form .form_col_3,
#activity-result .grid_form .form_col_2,
#activity-result .grid_form .form_col {
  margin-bottom: 2em;
}

#activity-result .grid_form .form_col_3 input,
#activity-result .grid_form .form_col_3 select,
#activity-result .grid_form .form_col_2 input,
#activity-result .grid_form .form_col_2 select,
#activity-result .grid_form .form_col input,
#activity-result .grid_form .form_col select {
  margin-bottom: 0;
}

#activity-result .grid_form .form_col_3 .error,
#activity-result .grid_form .form_col_2 .error,
#activity-result .grid_form .form_col .error {
  color: red;
  padding-top: 5px;
  display: block;
}

#activity-result.bloc_activity_result {
  background: #fff;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden;
}

.content_filter_nav.composant {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: white;
}

.content_filter_nav.composant .filter_nav {
  padding: 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content_filter_nav.composant .filter_nav .filter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
}

.content_filter_nav.composant .filter_nav .filter .under_filter {
  width: 49.456522%;
  float: left;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .content_filter_nav.composant .filter_nav .filter .under_filter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_filter_nav.composant .filter_nav .filter .under_filter:nth-child(2) {
  width: 49.456522%;
  float: right;
  margin-left: 1.086957%;
  text-align: right;
}

@media (max-width: 1023px) {
  .content_filter_nav.composant .filter_nav .filter .under_filter:nth-child(2) {
    display: none;
  }
}

.content_filter_nav.composant .filter_nav .filter .under_filter .filter_select {
  display: inline-block;
}

@media (max-width: 1023px) {
  .content_filter_nav.composant
    .filter_nav
    .filter
    .under_filter
    .filter_select {
    max-width: 250px;
  }
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .filter_select
  select {
  margin-left: 20px;
  padding: 1.5rem;
  background: #f5f5f5;
  border: none;
  width: 240px;
}

@media (max-width: 1023px) {
  .content_filter_nav.composant
    .filter_nav
    .filter
    .under_filter
    .filter_select
    select {
    max-width: 250px;
    width: 100%;
    margin: 0 0.5rem;
  }
}

.content_filter_nav.composant .filter_nav .filter .under_filter .filter_by {
  padding: 1rem;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1023px) {
  .content_filter_nav.composant .filter_nav .filter .under_filter .filter_by {
    font-size: 18px;
  }
}

.content_filter_nav.composant .filter_nav .filter .under_filter .form-switch {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  position: relative;
  margin-left: 8rem;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch {
  position: absolute;
  left: 0;
  top: 80%;
  width: 60px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  .state_switch:before {
  content: "PUBLIC";
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2.3rem;
  left: -7rem;
  font-size: 16px;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  .state_switch:after {
  content: "PRIVÉ";
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -4.4rem;
  left: 6rem;
  font-size: 16px;
  color: #939393;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  .label {
  width: 40px;
  height: 15px;
  cursor: pointer;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 0 30px #f5f5f5;
  box-shadow: inset 0 0 0 30px #f5f5f5;
  border-radius: 30px;
  display: block;
  border: 1px solid #ccc;
  top: 0;
  z-index: 1;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  position: absolute;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  .label:before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: -10px;
  top: -4px;
  border-radius: 50%;
  display: block;
  background: #009bbc;
  border: none;
  z-index: 2;
  -webkit-box-shadow: inset 0 0 0 40px #009bbc, 0 0 2px 0 #000;
  box-shadow: inset 0 0 0 40px #009bbc, 0 0 2px 0 #000;
  -webkit-transition: 500ms ease-in 0s, left 300ms ease-in 0s;
  transition: 500ms ease-in 0s, left 300ms ease-in 0s;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  #switch {
  position: relative;
  width: 100%;
  height: 12px;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  #switch:checked
  + .label {
  -webkit-box-shadow: inset 0 0 0 0 #f5f5f5;
  box-shadow: inset 0 0 0 0 #f5f5f5;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  #switch:checked
  + .label:before {
  left: 25px;
  -webkit-box-shadow: inset 0 0 0 40px #00245d, 0 0 2px 0 #000;
  box-shadow: inset 0 0 0 40px #00245d, 0 0 2px 0 #000;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  #switch:checked
  ~ .state_switch:before {
  color: #939393;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  .form-switch
  .content-switch
  #switch:checked
  ~ .state_switch:after {
  color: #000;
}

.content_filter_nav.composant .filter_nav .filter .under_filter ul {
  text-align: right;
}

.content_filter_nav.composant .filter_nav .filter .under_filter ul li {
  padding-left: 2rem;
  display: inline-block;
  cursor: pointer;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  ul
  .icon_th:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 3rem;
  cursor: pointer;
  color: #009bbc;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  ul
  .icon_th_list:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 3rem;
  cursor: pointer;
  color: #009bbc;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  ul
  .icon_map:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 3rem;
  cursor: pointer;
  color: #009bbc;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  ul
  .icon_th.active:before,
.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  ul
  .icon_th_list.active:before,
.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  ul
  .icon_map.active:before {
  color: #00235d;
}

.content_filter_nav.composant
  .filter_nav
  .filter
  .under_filter
  ul
  .icon-download:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #009bbc;
  font-size: 2rem;
  padding-right: 1rem;
  cursor: pointer;
}

.content_filter_nav.composant .filter_nav .filter .under_filter:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.content_filter_nav.composant .filter_nav .filter_2 {
  display: block;
  border-top: 1px solid #f5f5f5;
  padding-top: 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  .content_filter_nav.composant .filter_nav .filter_2 {
    display: block;
  }
}

.content_filter_nav.composant .filter_nav .filter_2:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.content_filter_nav.composant .filter_nav .filter_2 > div {
  display: inline-block;
  vertical-align: top;
}

.content_filter_nav.composant .filter_nav .filter_2 > div .selected {
  display: inline-block;
  vertical-align: top;
  padding-right: 2rem;
}

.content_filter_nav.composant
  .filter_nav
  .filter_2
  > div
  .selected
  .input_check {
  display: inline-block;
  vertical-align: top;
}

.content_filter_nav.composant
  .filter_nav
  .filter_2
  > div
  .selected
  .input_check
  #checkbox_1 {
  width: 200px !important;
}

.content_filter_nav.composant
  .filter_nav
  .filter_2
  > div
  .selected
  .input_check
  .check_label:before {
  margin-right: 1.5rem;
}

.content_filter_nav.composant .filter_nav .filter_2 > div .selected span {
  padding-left: 10px;
  display: inline-block;
  vertical-align: top;
}

.content_filter_nav.composant .filter_nav .filter_2 > div .flat-selected {
  font-weight: 700;
  color: #000;
  padding-right: 2em;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_filter_nav.composant .filter_nav .filter_2 > div .flat-selected {
    padding-bottom: 2rem;
  }
}

@media (max-width: 1023px) {
  .content_filter_nav.composant .filter_nav .filter_2 > div:nth-child(2) {
    margin-top: 1rem;
  }
}

.content_filter_nav.composant
  .filter_nav
  .filter_2
  > div:nth-child(2)
  .icon-download {
  cursor: pointer;
  margin-top: 3px;
  display: inline-block;
}

.content_filter_nav.composant
  .filter_nav
  .filter_2
  > div:nth-child(2)
  .icon-download:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #009bbc;
  font-size: 2rem;
  padding-right: 1rem;
  cursor: pointer;
}

.form-switch {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  position: relative;
  margin-left: 8rem;
}

.form-switch .content-switch {
  position: absolute;
  left: 1rem;
  top: 80%;
  width: 60px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-switch .content-switch .state_switch:before {
  content: "PUBLIC";
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2.7rem;
  left: -9.5rem;
  font-size: 22px;
}

.form-switch .content-switch .state_switch:after {
  content: "PRIVÉ";
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -5.5rem;
  left: 5.8rem;
  font-size: 22px;
  color: #939393;
}

.form-switch .content-switch .label {
  width: 40px;
  height: 15px;
  cursor: pointer;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 0 30px #f5f5f5;
  box-shadow: inset 0 0 0 30px #f5f5f5;
  border-radius: 30px;
  display: block;
  border: 1px solid #ccc;
  top: 0;
  z-index: 1;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  position: absolute;
}

.form-switch .content-switch .label:before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: -4px;
  top: -4px;
  border-radius: 50%;
  display: block;
  background: #009bbc;
  border: none;
  z-index: 2;
  -webkit-box-shadow: inset 0 0 0 40px #009bbc, 0 0 2px 0 #000;
  box-shadow: inset 0 0 0 40px #009bbc, 0 0 2px 0 #000;
  -webkit-transition: 500ms ease-in 0s, left 300ms ease-in 0s;
  transition: 500ms ease-in 0s, left 300ms ease-in 0s;
}

.form-switch .content-switch #switch {
  position: relative;
  width: 100%;
  height: 12px;
}

.form-switch .content-switch #switch:checked + .label {
  -webkit-box-shadow: inset 0 0 0 0 #f5f5f5;
  box-shadow: inset 0 0 0 0 #f5f5f5;
}

.form-switch .content-switch #switch:checked + .label:before {
  left: 25px;
  -webkit-box-shadow: inset 0 0 0 40px #00245d, 0 0 2px 0 #000;
  box-shadow: inset 0 0 0 40px #00245d, 0 0 2px 0 #000;
}

.form-switch .content-switch #switch:checked ~ .state_switch:before {
  color: #939393;
}

.form-switch .content-switch #switch:checked ~ .state_switch:after {
  color: #000;
}

.composant.map {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.composant.map .grid_col_tier {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

@media (max-width: 1023px) {
  .composant.map .grid_col_tier {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.composant.map .grid_col_tier .content_flat {
  padding: 2.5rem 0;
  height: 700px;
  width: 46.551724%;
  margin-left: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

@media (max-width: 1023px) {
  .composant.map .grid_col_tier .content_flat {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.composant.map .grid_col_tier .content_flat .img_card {
  background-image: url(https://amepistoragedev.blob.core.windows.net/public/default.png);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.composant.map .grid_col_tier .col_map {
  width: calc(53.448276% - 2.5rem);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  height: 700px;
  overflow: hidden;
  margin: 2.5rem 2.5rem 2.5rem 0;
}

@media (max-width: 1023px) {
  .composant.map .grid_col_tier .col_map {
    margin: 0;
    height: auto;
  }
}

.composant.map .grid_col_tier .col_map .map-bg {
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  margin: 0 0 2.5rem 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../css/images/google-map.png);
}

@media (max-width: 1023px) {
  .composant.map .grid_col_tier .col_map .map-bg {
    margin: 0;
  }
}

.composant.map .grid_col_tier .col_map .map-bg button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
  .composant.map .grid_col_tier .col_map .map-bg button {
    position: absolute;
    max-width: calc(100% - 2rem);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.composant.map .grid_col_tier .col_map #map {
  height: 750px;
  position: static !important;
  overflow: visible !important;
  width: 100%;
}

.composant.map .grid_col_tier .col_map #google-search {
  height: 700px;
  width: 100%;
}

.composant.map .grid_col_tier .col_map #google-search .content_btn {
  z-index: 2;
  top: 40%;
}

.composant.map .grid_col_tier .col_map #google-search .overlay_map {
  opacity: 1;
  /* visibility: hidden; */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

@media (max-width: 1023px) {
  .composant.map .grid_col_tier .col_map {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.composant.map .grid_col_tier .container_left {
  display: block;
  overflow-y: scroll;
  padding: 0.2rem 2.5rem 0;
  height: 100%;
  width: 100%;
}

.composant.map .grid_col_tier .container_left::-webkit-scrollbar {
  width: 0.8rem;
}

.composant.map .grid_col_tier .container_left::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
}

.composant.map .grid_col_tier .container_left::-webkit-scrollbar-track {
  background: rgba(147, 147, 147, 0.2);
  border-radius: 3px;
}

.composant.map .grid_col_tier .container_left .col1_2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  width: 49.456522%;
  float: left;
  margin-left: 1.086957%;
  /*@include span(1 of 1);
					margin-left: 0;
					@include breakpoint($tablet-max){
						@include span(6 of 12 last);
						&:nth-child(2n+1) {
							@include span(6 of 12 first);
							
						}
					}
					@include breakpoint($only-tiny-mobile){
						@include span(1 of 1);
						&:nth-child(2n+1){
							@include span(1 of 1);
						}
                    }*/
}

@media (min-width: 320px) and (max-width: 480px) {
  .composant.map .grid_col_tier .container_left .col1_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

.composant.map .grid_col_tier .container_left .col1_2:nth-child(2n + 1) {
  margin-left: 0;
  clear: both;
}

.composant.map .grid_col_tier .container_left .col1_2.grid_item {
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin-bottom: 4%;
}

.composant.map .grid_col_tier .container_left .col1_2.grid_item .state_flat {
  position: absolute;
  top: 0;
  right: 0;
}

.composant.map .grid_col_tier .container_left .col1_2.grid_item:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23),
    0 10px 40px rgba(0, 0, 0, 0.19);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}

.composant.map
  .grid_col_tier
  .container_left
  .col1_2.grid_item:hover
  .input_radio
  .spnlabel {
  color: #fff;
  vertical-align: middle;
  display: inline-block;
}

.composant.map
  .grid_col_tier
  .container_left
  .col1_2.grid_item:hover
  .input_radio
  input[type="radio"]
  + label:before {
  background: transparent !important;
  border: 1px solid #fff;
}

.composant.map
  .grid_col_tier
  .container_left
  .col1_2.grid_item:hover
  .overlay_card {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.composant.map .grid_col_tier .container_left .col1_2.grid_item .img_card {
  height: 205px;
}

.composant.map .grid_col_tier .container_left .col1_2.grid_item .info_card {
  text-align: center;
}

.composant.map
  .grid_col_tier
  .container_left
  .col1_2.grid_item
  .info_card
  .tag
  span {
  font-size: 14px;
}

.composant.card-thumbnail {
  margin-top: 0;
  position: relative;
  margin-bottom: 2rem;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.composant.card-thumbnail.col1 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-left: 0;
  clear: both;
}

.container_button {
  margin-bottom: 2rem;
  margin-top: 4.5rem;
  text-align: right;
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

.container_button.button_guidline {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

@media (max-width: 800px) {
  .container_button {
    margin: 1rem 0;
  }
}

@media (max-width: 480px) {
  .container_button {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}

.container_button button.action {
  min-height: 54px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  padding: 2rem;
  line-height: 14px;
}

@media (max-width: 1023px) {
  .container_button button.action {
    min-width: 155px;
    max-width: 174px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .container_button button.action {
    padding: 2rem 1rem;
    min-width: 129px;
    font-size: 13px;
  }
}

.container_button button.back:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #111111;
  margin-right: 0.5rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .container_button button.back {
    margin-bottom: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .container_button button.back {
    margin-bottom: 0;
  }
}

.container_button button.following {
  margin-left: 1.5rem;
}

.container_button button.following:after {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #111111;
  margin-left: 0.5rem;
  font-weight: bold;
}

.container_button:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

.composant.gallery .grid_gallery.col1_3 .media_Thumbnail_item,
.composant.gallery .grid_gallery.col1_3 a {
  width: 24.184783%;
  float: left;
  margin-left: 1.086957%;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2.631579%;
}

.composant.gallery .grid_gallery.col1_3 .media_Thumbnail_item:nth-child(4n + 1),
.composant.gallery .grid_gallery.col1_3 a:nth-child(4n + 1) {
  width: 24.184783%;
  float: left;
  margin-left: 0;
}

@media (max-width: 768px) {
  .composant.gallery .grid_gallery.col1_3 .media_Thumbnail_item,
  .composant.gallery .grid_gallery.col1_3 a {
    width: 46.551724%;
    float: left;
    margin-left: 6.896552%;
    margin-left: 1.896552%;
  }
  .composant.gallery
    .grid_gallery.col1_3
    .media_Thumbnail_item:nth-child(2n + 1),
  .composant.gallery .grid_gallery.col1_3 a:nth-child(2n + 1) {
    width: 46.551724%;
    float: left;
    margin-left: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .composant.gallery .grid_gallery.col1_3 .media_Thumbnail_item,
  .composant.gallery .grid_gallery.col1_3 a {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .composant.gallery
    .grid_gallery.col1_3
    .media_Thumbnail_item:nth-child(2n + 1),
  .composant.gallery .grid_gallery.col1_3 a:nth-child(2n + 1) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.composant.gallery .grid_gallery.col1_3 .media_Thumbnail_item.img_card,
.composant.gallery .grid_gallery.col1_3 a.img_card {
  height: auto;
  overflow: hidden;
  position: relative;
}

.composant.gallery .grid_gallery.col1_3 a {
  position: relative;
}

.composant.gallery .grid_gallery.col1_3 a:after {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
  color: #fff;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.gallery .my-gallery a img {
  width: 100%;
  float: none;
  border: none;
}

.gallery .my-gallery a {
  border: 3px solid white;
}

.accordion .child {
  display: none;
  padding: 0 2rem;
  line-height: 2;
}

.accordion .child h5 {
  margin-bottom: 1rem;
}

.accordion .child .info_legal label {
  display: block;
}

.accordion .child .info_legal input[type="text"] {
  width: 100%;
}

@media (max-width: 1023px) {
  .accordion .child .info_legal input[type="text"] {
    width: 100%;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_legal input[type="text"] {
    width: 100%;
  }
}

.accordion .child .info_legal .line_form div {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

.accordion .child .info_legal .line_form div input[type="text"] {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_legal .line_form div {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .info_legal .line_form div:nth-child(2) {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_legal .line_form div:nth-child(2) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .info_content:before,
.accordion .child .info_content:after {
  content: " ";
  display: block;
  height: 0;
}

.accordion .child .info_content:after {
  clear: both;
}

.accordion .child .info_content.form_global {
  margin-bottom: 2rem;
}

.accordion .child .info_content .form_global > .form_global .col_2 {
  margin-bottom: 2em;
}

.accordion .child .info_content .form_global > .form_global .col_2 input,
.accordion .child .info_content .form_global > .form_global .col_2 select {
  margin-bottom: 0;
}

.accordion .child .info_content .form_global > .form_global .col_2 .error {
  color: red;
}

.accordion .child .info_content .col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_content .col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .info_content .col_2:nth-child(2n) {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_content .col_2:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .info_content .col_2:nth-child(2n + 1) {
  clear: both;
}

.accordion .child .info_content .button_field .content_btn {
  text-align: left;
  padding-left: 2rem;
}

.accordion .child .info_content .button_field .content_btn .add {
  padding: 1.3;
}

@media (max-width: 1023px) {
  .accordion .child .info_content .button_field .content_btn {
    text-align: center;
    padding-left: 0;
  }
}

.accordion .child .info_content .content_img_central {
  width: 32.608696%;
  float: left;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .accordion .child .info_content .content_img_central {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .info_content .content_img_central h5 {
  line-height: 3.5;
}

.accordion .child .info_content .content_img_central .img_card {
  max-height: none;
}

.accordion .child .info_content .content_img_central button.delete_img {
  background: #009bbc;
  border-radius: 50%;
  right: 10px;
  top: 10px;
  outline: none;
  border: none;
  position: absolute;
  z-index: 2;
  height: 50px;
  width: 50px;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.accordion .child .info_content .content_img_central button.delete_img:hover {
  background: #00235d;
}

.accordion .child .info_content .content_img_central button.delete_img:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #fff;
}

.accordion .child .info_content .content_more_img {
  width: 66.304348%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 1023px) {
  .accordion .child .info_content .content_more_img {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .accordion .child .info_content .content_more_img {
    margin-top: 2rem;
  }
}

.accordion .child .info_content .content_more_img .row {
  background: #fff !important;
}

.accordion .child .info_content .content_more_img button.delete_img {
  background: #009bbc;
  color: #fff;
  border-radius: 50%;
  right: 10px;
  top: 10px;
  outline: none;
  border: none;
  position: absolute;
  z-index: 2;
  height: 4rem;
  width: 4rem;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.accordion .child .info_content .content_more_img button.delete_img:hover {
  background: #00235d;
}

.accordion .child .info_content .content_more_img button.delete_img:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #fff;
}

.accordion .child .info_content .content_more_img .row .group_card {
  margin-bottom: 1.5rem;
  width: 24.184783%;
  float: left;
  margin-left: 1.086957%;
}

.accordion
  .child
  .info_content
  .content_more_img
  .row
  .group_card:nth-child(4n + 1) {
  margin-left: 0;
  clear: both;
}

@media (max-width: 1023px) {
  .accordion .child .info_content .content_more_img .row .group_card {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
  }
  .accordion
    .child
    .info_content
    .content_more_img
    .row
    .group_card:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_content .content_more_img .row .group_card {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .info_content .content_more_img .button_field .content_btn {
  margin-top: 0;
  text-align: left;
  padding-left: 0;
}

@media (max-width: 1023px) {
  .accordion .child .info_content .content_more_img .button_field .content_btn {
    text-align: center;
    padding-left: 0;
  }
}

.accordion
  .child
  .info_content
  .content_more_img
  .button_field
  .content_btn
  .add {
  padding: 1.3rem 4rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion
    .child
    .info_content
    .content_more_img
    .button_field
    .content_btn
    .add {
    padding: 1.3rem 2rem;
  }
}

.accordion
  .child
  .info_content
  .content_more_img
  .button_field
  .content_btn
  .delete:before {
  line-height: 1;
}

.accordion .child .info_content .content_img_profil {
  width: 30.337079%;
  float: left;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .accordion .child .info_content .content_img_profil {
    width: 46.551724%;
    float: left;
    margin-left: 0;
  }
}

.accordion .child .info_content .content_img_profil .img_card {
  height: 100%;
  max-height: 100%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_content .content_img_profil {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .accordion .child .info_content .content_img_profil .edit {
    padding: 1.3em 3em;
  }
}

.accordion .child .info_content .content_info_profil {
  width: 65.168539%;
  float: right;
  margin-left: 4.494382%;
}

@media (max-width: 1023px) {
  .accordion .child .info_content .content_info_profil {
    width: 46.551724%;
    float: right;
    margin-left: 6.896552%;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .info_content .content_info_profil {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .content_picture .col_2 {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (max-width: 601px) {
  .accordion .child .content_picture .col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .content_picture .col_2:nth-child(2) {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (max-width: 601px) {
  .accordion .child .content_picture .col_2:nth-child(2) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.accordion .child .content_picture .col_2 .content_btn button,
.accordion .child .content_picture .col_2 .content_btn .button {
  padding: 1.3em 3em;
}

.accordion .child .content_picture .col_2 .content_btn .edit {
  margin-right: 0;
}

@media (max-width: 1279px) {
  .accordion .child .content_picture .col_2 .content_btn button {
    margin-right: 0;
    padding: 1.3em 1.3em;
    margin-left: 0;
  }
  .accordion .child .content_picture .col_2 .content_btn .disable {
    margin-left: 0;
    padding: 1.3em 1.6em;
    margin-right: 1rem;
  }
}

@media (max-width: 768px) {
  .accordion .child .content_picture .col_2 .content_btn button {
    padding: 1.3em 5em;
    margin-right: 0;
    margin-left: 0;
  }
  .accordion .child .content_picture .col_2 .content_btn .disable {
    padding: 1.3em 4em;
    margin-right: 0;
  }
}

@media (max-width: 601px) {
  .accordion .child .content_picture .col_2 .content_btn .disable {
    margin-right: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .content_picture .col_2 .content_btn .disable {
    margin-right: 0;
  }
}

.accordion .child .content_picture .col_2 .img_card {
  width: 100%;
  max-height: 380px;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-top: 1em;
}

@media (max-width: 1023px) {
  .accordion .child .content_picture .col_2 .img_card {
    max-height: 212px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .accordion .child .content_picture .col_2 .img_card {
    max-height: 146px;
  }
}

.accordion .child .content_picture .col_2 .img_card img {
  width: 100%;
  max-height: 380px;
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}

.accordion .child .content_picture .col_2 .img_card img:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.container_statistics .bloc_stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1023px) {
  .container_statistics .bloc_stat {
    overflow: hidden;
    margin-bottom: 5rem;
  }
}

.container_statistics .bloc_stat .item_stat {
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container_statistics .bloc_stat .item_stat.col_3 {
  margin-bottom: 2rem;
  width: 32.608696%;
  float: left;
  margin-left: 1.086957%;
}

.container_statistics .bloc_stat .item_stat.col_3:first-child {
  width: 32.608696%;
  float: left;
  margin-left: 0;
}

.container_statistics .bloc_stat .item_stat.col_3:last-child {
  width: 32.608696%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 1023px) {
  .container_statistics .bloc_stat .item_stat.col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .container_statistics .bloc_stat .item_stat.col_3:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .container_statistics .bloc_stat .item_stat.col_3:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_filter_annuaire.composant {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: white;
}

.content_filter_annuaire.composant .annuaire_nav {
  padding: 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content_filter_annuaire.composant .annuaire_nav .annuaire {
  padding-bottom: 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.content_filter_annuaire.composant .annuaire_nav .annuaire .under_annuaire {
  width: 49.456522%;
  float: left;
  margin-left: 0;
}

@media (max-width: 768px) {
  .content_filter_annuaire.composant .annuaire_nav .annuaire .under_annuaire {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire:nth-child(2) {
  width: 49.456522%;
  float: right;
  margin-left: 1.086957%;
  text-align: right;
}

@media (max-width: 768px) {
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire:nth-child(2) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    padding: 2rem 0;
  }
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  .content_input {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    .content_input {
    margin: 0 0 2em 0;
    width: 100%;
  }
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    .content_input
    .input_location {
    width: 100%;
  }
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  .content_input
  .input_location {
  height: 5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  .content_btn {
  margin: 0 0 0 0.4rem;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    .content_btn {
    margin: 0;
    display: block;
  }
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    .content_btn
    button,
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    .content_btn
    .button {
    padding: 1.3em 1em;
  }
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  .content_btn
  button,
.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  .content_btn
  .button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content_filter_annuaire.composant .annuaire_nav .annuaire .under_annuaire ul {
  text-align: right;
}

@media (max-width: 768px) {
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    ul {
    text-align: left;
  }
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  ul
  li {
  padding-left: 2rem;
  display: inline-block;
}

@media (max-width: 768px) {
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    ul
    li {
    padding-left: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_filter_annuaire.composant
    .annuaire_nav
    .annuaire
    .under_annuaire
    ul
    li:first-child {
    padding-right: 0;
    margin-bottom: 2rem;
  }
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  ul
  .icon_print {
  cursor: pointer;
  font-weight: 700;
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  ul
  .icon_print:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: #fff;
  margin-right: 1rem;
  line-height: 1.8rem;
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  ul
  .icon_agence {
  cursor: pointer;
  font-weight: 700;
}

.content_filter_annuaire.composant
  .annuaire_nav
  .annuaire
  .under_annuaire
  ul
  .icon_agence:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: #fff;
  line-height: 1.1;
  margin-right: 1rem;
}

.content_filter_annuaire.composant .annuaire_nav .annuaire:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.content_filter_annuaire.composant .annuaire_nav .filter_2 {
  display: block;
  border-top: 1px solid #f5f5f5;
  padding-top: 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  .content_filter_annuaire.composant .annuaire_nav .filter_2 {
    display: block;
  }
}

.content_filter_annuaire.composant .annuaire_nav .filter_2:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.content_filter_annuaire.composant .annuaire_nav .filter_2 > div {
  display: inline-block;
}

.content_filter_annuaire.composant .annuaire_nav .filter_2 > div .selected {
  display: inline-block;
  padding-right: 2rem;
}

.content_filter_annuaire.composant
  .annuaire_nav
  .filter_2
  > div
  .selected
  .input_check {
  display: inline-block;
}

.content_filter_annuaire.composant
  .annuaire_nav
  .filter_2
  > div
  .selected
  span {
  padding-left: 10px;
  display: inline-block;
}

.content_filter_annuaire.composant
  .annuaire_nav
  .filter_2
  > div
  .flat-selected {
  font-weight: 700;
  color: #000;
  padding-right: 2em;
  font-size: 16px;
  display: inline-block;
}

.directory {
  background: white;
  margin-top: 2rem;
}

.directory #map .directory_card {
  margin: 0;
}

.directory #map .directory_card .bloc_agence {
  background-color: #fff;
}

.directory .grid_annuaire .modal-container .email:before,
.directory .modal-container .email:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
  float: none;
}

.directory .grid_annuaire .modal-container .phone:before,
.directory .modal-container .phone:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
  float: none;
}

.directory .grid_annuaire .directory_card,
.directory .directory_card {
  overflow: hidden;
  display: block;
  margin-bottom: 4rem;
}

.directory .grid_annuaire .directory_card .ctn_agence,
.directory .directory_card .ctn_agence {
  width: 100%;
}

.directory .grid_annuaire .directory_card .ctn_agence:before,
.directory .grid_annuaire .directory_card .ctn_agence:after,
.directory .directory_card .ctn_agence:before,
.directory .directory_card .ctn_agence:after {
  content: " ";
  display: block;
  height: 0;
}

.directory .grid_annuaire .directory_card .ctn_agence:after,
.directory .directory_card .ctn_agence:after {
  clear: both;
}

.directory .grid_annuaire .directory_card .ctn_agence .info_agence,
.directory .directory_card .ctn_agence .info_agence {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .directory .grid_annuaire .directory_card .ctn_agence .info_agence,
  .directory .directory_card .ctn_agence .info_agence {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.directory .grid_annuaire .directory_card .ctn_agence .info_agence:last-child,
.directory .directory_card .ctn_agence .info_agence:last-child {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .directory .grid_annuaire .directory_card .ctn_agence .info_agence:last-child,
  .directory .directory_card .ctn_agence .info_agence:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.directory .grid_annuaire .directory_card .ctn_agence .info_agence div,
.directory .directory_card .ctn_agence .info_agence div {
  padding: 0.5rem;
}

@media (max-width: 380px) {
  .directory .grid_annuaire .directory_card .ctn_agence .info_agence div,
  .directory .directory_card .ctn_agence .info_agence div {
    font-size: 1.1rem;
  }
}

.directory
  .grid_annuaire
  .directory_card
  .ctn_agence
  .info_agence
  .street:before,
.directory .directory_card .ctn_agence .info_agence .street:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
  line-height: 1.5;
}

@media (max-width: 380px) {
  .directory
    .grid_annuaire
    .directory_card
    .ctn_agence
    .info_agence
    .street:before,
  .directory .directory_card .ctn_agence .info_agence .street:before {
    font-size: 1.4rem;
  }
}

.directory
  .grid_annuaire
  .directory_card
  .ctn_agence
  .info_agence
  .phone:before,
.directory .directory_card .ctn_agence .info_agence .phone:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

@media (max-width: 380px) {
  .directory
    .grid_annuaire
    .directory_card
    .ctn_agence
    .info_agence
    .phone:before,
  .directory .directory_card .ctn_agence .info_agence .phone:before {
    font-size: 1.4rem;
  }
}

.directory .grid_annuaire .directory_card .ctn_agence .info_agence .fax:before,
.directory .directory_card .ctn_agence .info_agence .fax:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

@media (max-width: 380px) {
  .directory
    .grid_annuaire
    .directory_card
    .ctn_agence
    .info_agence
    .fax:before,
  .directory .directory_card .ctn_agence .info_agence .fax:before {
    font-size: 1.4rem;
  }
}

.directory
  .grid_annuaire
  .directory_card
  .ctn_agence
  .info_agence
  .email:before,
.directory .directory_card .ctn_agence .info_agence .email:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

@media (max-width: 380px) {
  .directory
    .grid_annuaire
    .directory_card
    .ctn_agence
    .info_agence
    .email:before,
  .directory .directory_card .ctn_agence .info_agence .email:before {
    font-size: 1.4rem;
  }
}

.directory .grid_annuaire .directory_card .ctn_agence .info_agence .name:before,
.directory .directory_card .ctn_agence .info_agence .name:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

@media (max-width: 380px) {
  .directory
    .grid_annuaire
    .directory_card
    .ctn_agence
    .info_agence
    .name:before,
  .directory .directory_card .ctn_agence .info_agence .name:before {
    font-size: 1.4rem;
  }
}

.directory .grid_annuaire .directory_card .bloc_agence,
.directory .directory_card .bloc_agence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: solid 1px #f5f5f5;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 320px) and (max-width: 480px) {
  .directory .grid_annuaire .directory_card .bloc_agence,
  .directory .directory_card .bloc_agence {
    display: block;
  }
}

.directory .grid_annuaire .directory_card .bloc_agence .logo_agency,
.directory .directory_card .bloc_agence .logo_agency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  height: 80px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  /* float: left;
					margin-right: 1rem; */
  /*@include breakpoint($only-mobile) {
                        text-align: center;
                        width: 100%;
                        margin-bottom: 1em;
                    }*/
}

.directory .grid_annuaire .directory_card .bloc_agence .logo_agency img,
.directory .directory_card .bloc_agence .logo_agency img {
  max-width: 100%;
  max-height: 80px;
  height: 80px;
}

.directory .grid_annuaire .directory_card .bloc_agence .title_agence,
.directory .directory_card .bloc_agence .title_agence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  margin-left: 2.649007%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  /*@include breakpoint($only-mobile) {
                        padding-top: 0;
                        text-align: center;
                        display: block;
                        margin-left: 0;
                    }*/
}

.directory .grid_annuaire .directory_card .bloc_agence .title_agence h4,
.directory .directory_card .bloc_agence .title_agence h4 {
  font-weight: 700;
}

.directory .grid_annuaire .directory_card .bloc_agence .title_agence h5,
.directory .directory_card .bloc_agence .title_agence h5 {
  font-weight: 600;
}

.directory .grid_annuaire .directory_card .detail_appt,
.directory .directory_card .detail_appt {
  margin-top: 10px;
  padding: 0 0.5rem;
}

.directory .grid_annuaire .directory_card .detail_appt span,
.directory .directory_card .detail_appt span {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

@media (max-width: 380px) {
  .directory .grid_annuaire .directory_card .detail_appt span,
  .directory .directory_card .detail_appt span {
    font-size: 1.1rem;
  }
}

.directory .grid_annuaire .directory_card .detail_appt span:before,
.directory .directory_card .detail_appt span:before {
  content: " ";
  width: 15px;
  height: 15px;
  background-color: #5ab765;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#journal .content_tab.form .form_panel .content_btn button,
#journal .content_tab.form .form_panel .content_btn .button {
  padding: 1.3em 2em;
  width: 184px;
}

@media (max-width: 1377px) {
  #journal .content_tab.form .form_panel .content_btn button,
  #journal .content_tab.form .form_panel .content_btn .button {
    width: 135px;
    padding: 1.3rem 1rem;
  }
}

@media (max-width: 1475px) {
  #journal .content_tab.form .form_panel .content_btn button,
  #journal .content_tab.form .form_panel .content_btn .button {
    width: 174px;
  }
}

@media (max-width: 1024px) {
  #journal .content_tab.form .form_panel .content_btn button,
  #journal .content_tab.form .form_panel .content_btn .button {
    width: 184px;
  }
}

@media (max-width: 768px) {
  #journal .content_tab.form .form_panel .content_btn button,
  #journal .content_tab.form .form_panel .content_btn .button {
    width: 165px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  #journal .content_tab.form .form_panel .content_btn button,
  #journal .content_tab.form .form_panel .content_btn .button {
    width: 100%;
  }
  #journal .content_tab.form .form_panel .content_btn button.export,
  #journal .content_tab.form .form_panel .content_btn .button.export {
    margin-top: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  #journal .content_tab.form .form_panel .content_btn button.export,
  #journal .content_tab.form .form_panel .content_btn .button.export {
    margin-top: 1rem;
  }
}

.container_modal .grid_gallery .grid_item_Thumbnail {
  overflow: hidden;
  margin-bottom: 1.5rem;
  background: #fff;
  margin-bottom: 2.631579%;
}

@media (max-width: 480px) {
  .container_modal .grid_gallery .grid_item_Thumbnail {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .container_modal .grid_gallery .grid_item_Thumbnail {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
  }
  .container_modal .grid_gallery .grid_item_Thumbnail:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 769px) {
  .container_modal .grid_gallery .grid_item_Thumbnail {
    width: 24.184783%;
    float: left;
    margin-left: 1.086957%;
    margin-right: 0;
  }
  .container_modal .grid_gallery .grid_item_Thumbnail:nth-child(4n + 1) {
    margin-left: 0;
    clear: both;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .container_modal .grid_gallery .grid_item_Thumbnail.input_check {
    margin-right: 0;
  }
}

.container_modal .grid_gallery .grid_item_Thumbnail img {
  max-width: 100%;
  border-radius: 3px;
  width: 170px;
}

.container_modal
  .grid_gallery
  .grid_item_Thumbnail.input_check
  input[type="checkbox"]:checked
  + label::after,
.container_modal
  .grid_gallery
  .grid_item_Thumbnail.input_check
  input[type="radio"]:checked
  + label::after {
  top: 25px;
  left: 4px;
}

.container_modal
  .grid_gallery
  .grid_item_Thumbnail.input_check
  input[type="checkbox"]
  + label:before,
.container_modal
  .grid_gallery
  .grid_item_Thumbnail.input_check
  input[type="radio"]
  + label:before {
  top: 2.8rem;
}

.container_modal .grid_form {
  width: 100%;
}

.container_modal .grid_form .col_3 {
  overflow: hidden;
  margin-bottom: 1.5rem;
  /*@include breakpoint($bp-xxsmall+1 $bp-xsmall) {
		@include span(9 of 9);
		&:nth-child(2n+1) {
			margin-left: 0;
			clear: both;
		}
	}*/
}

@media (max-width: 1023px) {
  .container_modal .grid_form .col_3 {
    width: 46.551724%;
    float: left;
    margin-left: 6.896552%;
  }
  .container_modal .grid_form .col_3:nth-child(1n + 1) {
    margin: 1rem;
  }
}

@media (max-width: 480px) {
  .container_modal .grid_form .col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .container_modal .grid_form .col_3:nth-child(1n + 1) {
    margin: 1rem 0;
  }
}

@media (min-width: 769px) {
  .container_modal .grid_form .col_3 {
    width: 32.363636%;
    float: left;
    margin-left: 1.454545%;
  }
  .container_modal .grid_form .col_3:nth-child(3n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.container_modal .grid_form .grid_item.col_2 {
  overflow: hidden;
  margin-bottom: 1.5rem;
  width: 49.456522%;
  float: left;
  margin-left: 1.086957%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .container_modal .grid_form .grid_item.col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

.container_modal .grid_form .grid_item.col_2:nth-child(2n + 1) {
  margin-left: 0;
  clear: both;
}

.container_modal .grid_form .grid_item .col_2 {
  width: 49.456522%;
  float: left;
  margin-left: 1.086957%;
}

.container_modal .grid_form .grid_item .col_2:first-child {
  width: 49.456522%;
  float: left;
  margin-left: 0;
}

.container_modal .grid_form .grid_item .col_2:last-child {
  width: 49.456522%;
  float: right;
  margin-left: 1.086957%;
}

.container_modal h4 {
  margin-bottom: 1rem;
}

.container_modal textarea {
  margin-top: 1rem;
  background: #f5f5f5;
  outline: none;
  border: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-container {
  width: 80%;
  max-width: 800px;
  text-align: left;
}

/* Label "Mode d'impression" */
.print-mode-label {
  font-weight: bold;
}

.print-mode-container {
  margin-bottom: 3rem;
}

.print-mode-container .print-mode-label {
  margin-bottom: 1rem;
}

.print-mode-container .input_check {
  display: inline-block;
}

.grid_gallery .grid_item_Thumbnail {
  float: none !important;
  display: inline-block !important;
}

.grid_item_Thumbnail {
  position: relative;
}

.grid_item_Thumbnail input {
  position: absolute;
  top: 0;
  left: 0;
}

.card-generator .input_check {
  margin-left: 0;
  margin-right: 3rem;
}

.layout_alerts p {
  margin-bottom: 1rem;
}

.layout_alerts .choice_section {
  background: #f5f5f5;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.layout_alerts .choice_section input[type="text"] {
  background-color: #fff;
}

.layout_alerts .choice_section .input_check label:before {
  background-color: #fff;
}

.layout_alerts .choice_section .sub_choice_section > span {
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
}

.layout_alerts .choice_section > .input_check label {
  font-size: 1.5rem;
}

.layout_alerts .choice_section .sub_choice_section {
  position: relative;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 800px) {
  .layout_alerts .choice_section .sub_choice_section {
    padding-left: 1rem;
  }
}

.layout_alerts .choice_section .sub_choice_section .inline_content:before,
.layout_alerts .choice_section .sub_choice_section .inline_content:after {
  content: " ";
  display: block;
  height: 0;
}

.layout_alerts .choice_section .sub_choice_section .inline_content:after {
  clear: both;
}

.layout_alerts .choice_section .sub_choice_section.first_step .input_check {
  overflow: hidden;
}

@media (max-width: 480px) {
  .layout_alerts .choice_section .sub_choice_section.first_step .input_check {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 481px) and (max-width: 1023px) {
  .layout_alerts .choice_section .sub_choice_section.first_step .input_check {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
    margin-left: 0;
    margin-right: 0;
    /*&:nth-child(2n+1) {
			clear: both;
			@include box-sizing(border-box);
		}*/
  }
}

@media (min-width: 769px) {
  .layout_alerts .choice_section .sub_choice_section.first_step .input_check {
    width: 15.76087%;
    float: left;
    margin-left: 1.086957%;
    margin-left: 0;
  }
  .layout_alerts
    .choice_section
    .sub_choice_section.first_step
    .input_check:nth-child(6n + 1) {
    clear: both;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.layout_alerts
  .choice_section
  .sub_choice_section.second_step
  .inline_content
  .input_check,
.layout_alerts
  .choice_section
  .sub_choice_section.third_step
  .inline_content
  .input_check {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  margin-top: 0;
  height: auto;
}

@media (max-width: 1023px) {
  .layout_alerts
    .choice_section
    .sub_choice_section.second_step
    .inline_content
    .input_check,
  .layout_alerts
    .choice_section
    .sub_choice_section.third_step
    .inline_content
    .input_check {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 1024px) {
  .layout_alerts
    .choice_section
    .sub_choice_section.second_step
    .inline_content
    .input_check,
  .layout_alerts
    .choice_section
    .sub_choice_section.third_step
    .inline_content
    .input_check {
    width: 32.608696%;
    float: left;
    margin-left: 1.086957%;
    margin-right: 0;
  }
  .layout_alerts
    .choice_section
    .sub_choice_section.second_step
    .inline_content
    .input_check:nth-child(3n + 1),
  .layout_alerts
    .choice_section
    .sub_choice_section.third_step
    .inline_content
    .input_check:nth-child(3n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.layout_alerts .choice_section .sub_choice_section.fourth_step label {
  font-weight: bold;
  margin-top: 1rem;
  display: block;
}

.composant.virtual-visit .title_visit {
  margin-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #000;
}

.composant.virtual-visit iframe {
  width: 100%;
}

.layout_new_mandat .container_accordion {
  padding-bottom: 25px;
}

.layout_new_mandat .content_piece {
  width: 66.304348%;
  float: left;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .layout_new_mandat .content_piece {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.layout_new_mandat .content_piece .group_piece {
  width: 32.608696%;
  float: left;
  margin-left: 1.086957%;
}

.layout_new_mandat .content_piece .group_piece:first-child {
  width: 32.608696%;
  float: left;
  margin-left: 0;
}

.layout_new_mandat .content_piece .group_piece:last-child {
  width: 32.608696%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 768px) {
  .layout_new_mandat .content_piece .group_piece {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .layout_new_mandat .content_piece .group_piece:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .layout_new_mandat .content_piece .group_piece:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.layout_new_mandat .content_piece .unity_input {
  position: relative;
}

.layout_new_mandat .content_piece .unity_input input {
  padding-right: 115px;
}

.layout_new_mandat .content_piece .unity_input span.input_ctn {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
  line-height: initial;
}

.layout_new_mandat .content_add_piece {
  width: 32.608696%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 1023px) {
  .layout_new_mandat .content_add_piece {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .layout_new_mandat .content_add_piece .content_btn button {
    padding: 1.3em 2em;
  }
}

.layout_new_mandat .content_add_piece .content_btn .disable {
  margin-right: 0 !important;
}

.layout_new_mandat .row:before,
.layout_new_mandat .row:after {
  content: " ";
  display: block;
  height: 0;
}

.layout_new_mandat .row:after {
  clear: both;
}

.layout_new_mandat .row div.group_field {
  margin-bottom: 1.5rem;
  margin-bottom: 2rem !important;
}

@media (max-width: 768px) {
  .layout_new_mandat .row div.group_field {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
    margin-bottom: 0;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .layout_new_mandat .row div.group_field {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
  }
  .layout_new_mandat .row div.group_field:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 1024px) {
  .layout_new_mandat .row div.group_field {
    width: 32.608696%;
    float: left;
    margin-left: 1.086957%;
  }
  .layout_new_mandat .row div.group_field:nth-child(3n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.layout_new_mandat .row div.group_field.prestige_sale .input_check {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.layout_new_mandat .row div.group_field.unity_input {
  position: relative;
}

.layout_new_mandat .row div.group_field.unity_input input {
  padding-right: 115px;
}

.layout_new_mandat .row div.group_field.unity_input span.input_ctn {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1rem;
  line-height: initial;
}

.layout_new_mandat .row div.group_field.during_bail input[type="text"] {
  width: 50%;
}

.layout_new_mandat .row div.group_field.during_bail select {
  width: 49%;
  margin-left: 1%;
}

.layout_new_mandat .row div.group_field.four_cols {
  overflow: hidden;
  margin-bottom: 1.5rem;
  margin-right: 0;
}

@media (max-width: 768px) {
  .layout_new_mandat .row div.group_field.four_cols {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 1024px) {
  .layout_new_mandat .row div.group_field.four_cols {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
  }
  .layout_new_mandat .row div.group_field.four_cols:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.layout_new_mandat .row div.group_field.four_cols .input_check {
  margin-right: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

@media (max-width: 480px) {
  .layout_new_mandat .row div.group_field.four_cols .input_check {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .layout_new_mandat .row div.group_field.four_cols .input_check {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
  }
  .layout_new_mandat
    .row
    div.group_field.four_cols
    .input_check:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 769px) {
  .layout_new_mandat .row div.group_field.four_cols .input_check {
    width: 24.184783%;
    float: left;
    margin-left: 1.086957%;
    margin-right: 0;
  }
  .layout_new_mandat
    .row
    div.group_field.four_cols
    .input_check:nth-child(4n + 1) {
    margin-left: 0;
    clear: both;
    margin-right: auto;
  }
}

.layout_new_mandat .row div.group_field > p {
  font-weight: bold;
  color: #444444;
}

.layout_new_mandat .row div.group_field .two_cols .input_check {
  width: 49.456522%;
  float: left;
  margin-left: 0;
  margin: 0;
}

.layout_new_mandat .row div.group_field .two_cols .input_check:last-child {
  width: 49.456522%;
  float: right;
  margin-left: 1.086957%;
}

.layout_new_mandat .row .two_cols div.group_field {
  width: 48.9%;
  float: right;
  margin: 0;
  clear: none;
  /*@include span(2 of 4 first);
                &:nth-child(1n +1){
                    @include span(2 of 4 last);
                }*/
}

@media (min-width: 320px) and (max-width: 480px) {
  .layout_new_mandat .row .two_cols div.group_field {
    width: 100%;
    float: none;
  }
}

.layout_new_mandat .row .six_cols .input_check {
  overflow: hidden;
  margin-bottom: 1.5rem;
  margin-right: 0;
}

@media (max-width: 768px) {
  .layout_new_mandat .row .six_cols .input_check {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .layout_new_mandat .row .six_cols .input_check {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
  }
  .layout_new_mandat .row .six_cols .input_check:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 1024px) {
  .layout_new_mandat .row .six_cols .input_check {
    width: 15.76087%;
    float: left;
    margin-left: 1.086957%;
  }
  .layout_new_mandat .row .six_cols .input_check:nth-child(6n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.layout_new_mandat .row .three_cols .input_check {
  overflow: hidden;
  margin-bottom: 1.5rem;
  width: 32.608696%;
  float: left;
  margin-left: 1.086957%;
  margin-right: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .layout_new_mandat .row .three_cols .input_check {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.layout_new_mandat .row .three_cols .input_check:nth-child(3n + 1) {
  margin-left: 0;
  clear: both;
}

.layout_new_mandat .row.heater_row div.group_field:first-child {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .layout_new_mandat .row.heater_row div.group_field:first-child {
    width: 24.184783%;
    float: left;
    margin-left: 1.086957%;
    margin-left: 3px;
  }
  .layout_new_mandat
    .row.heater_row
    div.group_field:first-child:nth-child(4n + 1) {
    margin-left: 0;
    clear: both;
  }
}

.layout_new_mandat .row.heater_row div.group_field:last-child {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .layout_new_mandat .row.heater_row div.group_field:last-child {
    width: 74.728261%;
    float: left;
    margin-left: 1.086957%;
  }
}

.layout_new_mandat .row.piece_row {
  /*.description_field, .button_field{
				@include breakpoint($only-tablet){
					width: 100%;
					margin-left: 0;
				}
            }*/
}

.layout_new_mandat .row.piece_row .group_field {
  margin-bottom: 0;
}

.layout_new_mandat .row.piece_row .group_field:last-child {
  margin-bottom: 1.5rem;
}

@media (min-width: 769px) and (max-width: 1023px) {
  .layout_new_mandat .row.piece_row .content_btn {
    margin-top: 0;
  }
}

.container_form_synthese .col1_2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  width: 49.456522%;
  float: left;
  margin-left: 1.086957%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .container_form_synthese .col1_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

.container_form_synthese .col1_2:nth-child(2n + 1) {
  margin-left: 0;
  clear: both;
}

.container_form_synthese .col1_2 #map {
  height: 700px;
  width: 100%;
}

.container_form_synthese .content_form_synthese .synthese_form_panel {
  width: 100%;
  padding-top: 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container_form_synthese .content_btn button {
  margin-left: 2%;
}

.bloc_secteur .select_vente {
  overflow: hidden;
  margin-bottom: 2rem;
}

.bloc_secteur .select_vente .form_global {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .bloc_secteur .select_vente .form_global {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.bloc_secteur .select_vente .content_btn {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
  text-align: right;
  margin-top: 1rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .bloc_secteur .select_vente .content_btn {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .bloc_secteur .select_vente .content_btn button {
    padding: 1.3rem 2rem;
  }
}

.bloc_secteur .select_vente .content_btn .add_sector:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #fff;
  padding-right: 1rem;
}

.bloc_secteur .select_vente .content_btn .remove_sector:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #fff;
  padding-right: 1rem;
}

.bloc_secteur .select_vente .content_btn_switch {
  padding: 2rem 0;
}

.bloc_secteur .select_vente .content_btn_switch .btn_agence {
  border: none;
  color: #fff;
  background: #009bbc;
  padding: 1.3em 5em;
  font-weight: 600;
  cursor: pointer;
  margin-right: -4px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

@media (max-width: 1023px) {
  .bloc_secteur .select_vente .content_btn_switch .btn_agence {
    padding: 1.3rem 2.5rem;
  }
}

.bloc_secteur .select_vente .content_btn_switch .btn_individuel {
  border: none;
  color: #000;
  background: #e6e6e6;
  padding: 1.3em 5em;
  font-weight: 600;
  cursor: pointer;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

@media (max-width: 1023px) {
  .bloc_secteur .select_vente .content_btn_switch .btn_individuel {
    padding: 1.3rem 3rem;
  }
}

.bloc_secteur #map {
  height: 700px;
}

.localisation h3 {
  margin-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #000;
}

.localisation #google-map {
  height: 580px;
  width: 100%;
}

.diagnostic .title_diagnostic {
  margin-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #000;
}

.diagnostic .grid_diagnostic .bloc_diagnostic {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    background: white;
    width: 49.456522%;
    float: left;
    margin-left: 0;
    margin-bottom: 1%;
}

@media (max-width: 601px) {
  .diagnostic .grid_diagnostic .bloc_diagnostic {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.diagnostic .grid_diagnostic .bloc_diagnostic:last-child {
  width: 49.456522%;
  float: left;
  margin-left: 1.086957%;
}

@media (max-width: 601px) {
  .diagnostic .grid_diagnostic .bloc_diagnostic:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3rem;
  }
}
/* test */
.text-gse {
  text-align: center;
}
.dpe-row {
    display: flex;
    flex-wrap: wrap;
}

.dpe-col {
    flex: 1;  
}

 
/* img a dpe */
.dpe {
    position: relative;
    width: 450px;
    height: 510px;
     background-size: 100%; 
}

    .dpe > .dpe-value {
        position: absolute;
        left: 5%;
        top: 17%;
        font-size: 2em
    }
.txt-style {
   font-size: 24px;
   font-weight: bold; 
}
.dpe.dpe-a {
    padding-top: 2em;
    padding-left: 1%;
    background-size: contain;
    background-repeat: no-repeat !important;
} 
.dpe > .A {
    position: absolute;
    left: 5%;
    bottom: 372px;
    font-size: 2em
}
.dpe > .B {
    position: absolute;
    left: 5%;
    bottom: 315px;
    font-size: 2em
}
.dpe > .C {
    position: absolute;
    left: 5%;
    bottom: 254px;
    font-size: 2em
}
.dpe > .D {
    position: absolute;
    left: 5%;
    bottom: 195px;
    font-size: 2em
}
.dpe > .E {
    position: absolute;
    left: 5%;
    bottom: 140px;
    font-size: 2em
}
.dpe > .F {
    position: absolute;
    left: 5%;
    bottom: 84px;
    font-size: 2em
}
.dpe > .G {
    position: absolute;
    left: 5%;
    bottom: 22px;
    font-size: 2em
}

.dpe > .in-picture-ges2-a {
    position: absolute;
    left: 22%;
    bottom: 392px;
    font-size: 2em;
}

.dpe > .in-picture-ges2-b {
    position: absolute;
    left: 21%;
    bottom: 335px;
    font-size: 2em;
}

.dpe > .in-picture-ges2-c {
    position: absolute;
    left: 22%;
    bottom: 275px;
    font-size: 2em;
}

.dpe > .in-picture-ges2-d {
    position: absolute;
    left: 24%;
    bottom: 215px;
    font-size: 2em;
}

.dpe > .in-picture-ges2-e {
    position: absolute;
    left: 21%;
    bottom: 160px;
    font-size: 2em;
}
.dpe > .in-picture-ges2-f {
    position: absolute;
    left: 21%;
    bottom: 104px;
    font-size: 2em;
}

.dpe > .in-picture-ges2-g {
    position: absolute;
    left: 21%;
    bottom: 42px;
    font-size: 2em;
}

.dpe > .in-picture-dpe-c {
  position: absolute;
  left: 17%;
  top: 27%;
  font-size: 2em;
} 

.dpe > .in-picture-dpe-d {
  position: absolute;
  left: 17%;
  top: 27%;
  font-size: 2em;
} 
 
.dpe > .in-picture-dpe-e {
  position: absolute;
  left: 17%;
  bottom: 78px;
  font-size: 2em;
}
 
.dpe > .in-picture-dpe-f {
  position: absolute;
  left: 17%;
  top: 27%;
  font-size: 2em;
}
 
 
.dpe > .in-picture-dpe-g {
  position: absolute;
  left: 17%;
  top: 27%;
  font-size: 2em;
}


/* image GES */
.img-ges {
    position: relative;
    width: 500px;
    padding-top: 5px;
    height: 510px;
}

/* img a ges  */



    .img-ges.ges-a {
        padding-top: 9%;
        padding-left: 1%;
        background-size: contain;
        background-repeat: no-repeat !important;
    }
.eca {
    position: relative;
    width: 950px;
    height: 605px;
}
    .eca > .minEnergyAnnualCost {
        position: absolute;
        margin-left: 37%;
        top: 14%;
        top: 60%;
    }

    .eca > .maxEnergyAnnualCost {
        position: absolute;   
        font-weight: bold;
        display: block;
        left: 60%;
        top: 60%;
    }

    .eca.background-annual-cost {
        background: url("images/dpe_couts_annuels.png");
        display: inline-block; 
        height: 310px;
        background-repeat: no-repeat;
        background-size: contain;
    }
.minEnergyAnnualCost p {
    font-weight:bold;
    font-size: 225%;
}
.maxEnergyAnnualCost p {
    font-weight: bold;
    font-size: 225%;
}

.refYearAnnualCost p {
    font-weight: bold;
    color: gray
}



.img-ges > .A {
    position: absolute;
    right: 2%;
    top: 21%;
    font-size: 2em;
}
.img-ges > .B {
    position: absolute;
    left: -2%;
    top: 32%;
    font-size: 2em;
}
 
 
.img-ges > .C {
  position: absolute;
  left: 5%;
  top: 43%;
  font-size: 2em;
}

 
 
.img-ges > .D {
  position: absolute;
  left: 12%;
  top: 54%;
  font-size: 2em;
}
 
 
.img-ges > .E {
  position: absolute;
  left: 18%;
  top: 65%;
  font-size: 2em;
}


.img-ges > .F {
    position: absolute;
    left: 25%;
    top: 76%;
    font-size: 2em;
}
 
 
.img-ges > .G {
  position: absolute;
  left: 34%;
  top: 88%;
  font-size: 2em;
}

.diagnostic .grid_diagnostic .bloc_diagnostic div {
  padding: 2rem;
}

.diagnostic .grid_diagnostic .bloc_diagnostic .content-img-energie,
.diagnostic .grid_diagnostic .bloc_diagnostic .content_img_diagnostic {
  padding: 2rem 0rem;
}

.diagnostic .grid_diagnostic .bloc_diagnostic .content-img-energie img,
.diagnostic .grid_diagnostic .bloc_diagnostic .content_img_diagnostic img {
  display: block;
  width: 100%;
}

.bloc_anual_cost {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: white;
  float: left;  
  display: block;
  width: 100%;
  margin-top: 2rem;
}

.content-img-anual-cost {
  padding : 2rem;
}

.refYearAnnualCost {
position: absolute;
color: grey;
left: 62%;
top: 87%;
bottom: 30px;
display: block;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique {
  display: inline-block;
  text-align: center;
  padding: 0.4rem 0.5rem 0.2rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 10px;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique.A {
  background: #339a33;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique.B {
  background: #33cc33;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique.C {
  background: #ccff33;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique.D {
  background: #ffff00;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique.E {
  background: #ffcc00;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique.F {
  background: #ff9a33;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.energetique.G {
  background: #ff0000;
  color: #fff;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse {
  display: inline-block;
  text-align: center;
  padding: 0.4rem 0.5rem 0.2rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 10px;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse.A {
  background: #f6ecf4;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse.B {
  background: #d8bfdc;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse.C {
  background: #c7a9cd;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse.D {
  background: #b995c1;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse.E {
  background: #9e75ad;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse.F {
  background: #81569b;
}

.diagnostic .grid_diagnostic .bloc_diagnostic span.gse.G {
  background: #6c4190;
  color: #fff;
}

.hide {
  display: none !important;
}

.navigation li {
  margin: 0 20px;
}

.error[data-v-41bff966] {
  color: red;
}

.red {
  color: red;
}

.group_field_3 {
  overflow: hidden;
}

.group_field_2 {
  overflow: hidden;
}

.group_field_2 .description_field {
  width: 66.304348%;
  float: left;
  margin-left: 0;
}

@media (max-width: 800px) {
  .group_field_2 .description_field {
    width: 57.880435%;
    float: left;
    margin-left: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .group_field_2 .description_field {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.group_field_2 .button_field {
  width: 32.608696%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 800px) {
  .group_field_2 .button_field {
    width: 41.032609%;
    float: right;
    margin-left: 1.086957%;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .group_field_2 .button_field {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.row_more_btn h5 {
  width: 49.456522%;
  float: left;
  margin-left: 0;
  line-height: 3.5;
}

@media (min-width: 320px) and (max-width: 480px) {
  .row_more_btn h5 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.row_more_btn .button_field {
  width: 49.456522%;
  float: right;
  margin-left: 1.086957%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .row_more_btn .button_field {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.row_more_btn .button_field .content_btn {
  text-align: right;
  margin-bottom: 2rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .row_more_btn .button_field .content_btn {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}

footer {
  background: rgba(0, 155, 188, 0.4);
  padding: 2rem;
}

@media (max-width: 1023px) {
  footer {
    position: relative;
    margin-bottom: 5rem;
    display: block;
    overflow: hidden;
  }
}

footer p a {
  color: #fff;
}

.complementary_info .group_field {
  width: 48.9%;
  float: right;
}

@media (max-width: 480px) {
  .add_secteur {
    margin-bottom: 2rem;
  }
}

@media (max-width: 480px) {
  .select_vente.on-map-buttons .content_btn button {
    padding: 1.3em 2em;
  }
}

.content_legal {
  overflow: hidden;
  padding: 2rem 0;
}

.content_legal .img_legal {
  float: left;
}

.content_legal .info_legal {
  padding-left: 2rem;
  padding-top: 2rem;
  float: left;
}

#help .title_composant {
  width: 100%;
}

#help .grid {
  width: 100%;
  margin-bottom: 2rem;
}

#help #container {
  overflow: hidden;
}

#help #container .content_subject {
  overflow: hidden;
  float: left;
}

@media (max-width: 480px) {
  #help #container .content_subject {
    width: 49.180328%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#help #container .subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 20px;
  border: 1px solid #a59a9a;
  background-color: #e8eced;
  margin: 2rem 2rem 2rem 0;
  width: 200px;
  height: 100px;
  font-weight: bold;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.19);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

@media (max-width: 480px) {
  #help #container .subject {
    width: 130px;
    margin: 1.5rem 2rem 0 0;
  }
}

.wrapper_bvisite .modal-container {
  max-height: 500px;
}

@media (min-width: 769px) {
  .wrapper_bvisite .modal-container {
    max-height: 500px;
  }
}

.wrapper_bvisite .modal-container h5 {
  margin-bottom: 1rem;
}

.wrapper_bvisite .modal-container .form_col_3 label,
.wrapper_bvisite .modal-container .form_col_2 label {
  margin-bottom: 1rem;
}

.wrapper_bvisite .modal-container .close {
  cursor: pointer;
  position: relative;
  right: 2rem;
  top: 2rem;
}

.wrapper_bvisite .modal-container .close:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 2rem;
  cursor: pointer;
  color: #111111;
  position: absolute;
  top: -1rem;
  right: -2rem;
  width: 2rem;
  height: 2rem;
}

.content_more_img {
  padding-left: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content_more_img .row_more_btn {
  display: block;
  overflow: hidden;
}

.content_more_img .row_more_img {
  display: block;
  overflow: hidden;
}

.content_more_img .row_more_img .group_card {
  width: 48% !important;
  float: left;
  margin-left: 2% !important;
  margin-bottom: 1rem !important;
}

.content_more_img .row_more_img .group_card:nth-child(2n + 1) {
  margin-left: 0;
  clear: both;
}

.content_more_img .row_more_img .group_card input[type="file"] {
  display: block;
  margin: 1rem 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_more_img .row_more_img .group_card {
    width: 100% !important;
    clear: both;
    margin-left: 0;
    height: auto;
    max-width: 100%;
    max-height: initial;
  }
  .content_more_img .row_more_img .group_card img {
    max-width: 100%;
  }
}

/** DATE PICKER **/
.asd__day--selected {
  background-color: #009bbc !important;
  border-color: #009bbc !important;
}

.asd__wrapper--full-screen {
  padding-top: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/**AUTO COMPLETION***/
.autocomplete-results {
  position: absolute;
  max-height: 100px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  bottom: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 100;
}

.autocomplete-results .autocomplete-result {
  padding: 5px 10px;
  font-family: "Muli", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  text-align: left;
}

.autocomplete-results .autocomplete-result:hover {
  background-color: #009bbc;
  color: #fff;
}

section .title_composant {
  display: block;
  overflow: hidden;
}

section .title_composant.title_home h3 {
  margin-top: 4rem;
}

section .title_composant.title_filter h3 {
  margin-top: 0;
}

section .title_composant h3 {
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  position: relative;
  padding-left: 3.5rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}

section .title_composant h3:after {
  content: "";
  background: #00235d;
  height: 15px;
  width: 24px;
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 3px;
}

section .search_tab {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  top: 3rem;
  margin-bottom: 6rem;
}

@media (min-width: 769px) {
  section .sticky {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 8;
    left: 0;
    margin: 0;
  }
  section .sticky .button_tabs {
    top: 0;
  }
  section .sticky .content_tab {
    padding-top: 6rem;
  }
}

section .tab_mandat {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

section .terms_highlight {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #3c4252;
  font-size: 14px;
  font-family: "Muli", sans-serif;
  font-weight: 500;
}

section .terms_highlight .section_1 {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section .terms_highlight .section_1:before,
section .terms_highlight .section_1:after {
  content: " ";
  display: block;
  height: 0;
}

section .terms_highlight .section_1:after {
  clear: both;
}

section .terms_highlight .section_2 {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section .terms_highlight .section_2:before,
section .terms_highlight .section_2:after {
  content: " ";
  display: block;
  height: 0;
}

section .terms_highlight .section_2:after {
  clear: both;
}

section .terms_highlight .section_2 .grid_layout .container_grid .grid_item {
  position: relative;
}

section
  .terms_highlight
  .section_2
  .grid_layout
  .container_grid
  .grid_item.col1_4 {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

@media (max-width: 480px) {
  section
    .terms_highlight
    .section_2
    .grid_layout
    .container_grid
    .grid_item.col1_4 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  section
    .terms_highlight
    .section_2
    .grid_layout
    .container_grid
    .grid_item.col1_4 {
    width: 49.456522%;
    float: left;
    margin-left: 1.086957%;
  }
  section
    .terms_highlight
    .section_2
    .grid_layout
    .container_grid
    .grid_item.col1_4:nth-child(2n + 1) {
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 769px) {
  section
    .terms_highlight
    .section_2
    .grid_layout
    .container_grid
    .grid_item.col1_4 {
    width: 24.184783%;
    float: left;
    margin-left: 1.086957%;
    margin-right: 0;
  }
  section
    .terms_highlight
    .section_2
    .grid_layout
    .container_grid
    .grid_item.col1_4:nth-child(4n + 1) {
    margin-left: 0;
    clear: both;
    margin-right: auto;
  }
}

section .terms_highlight .section_2 .table-container {
  width: 100%;
  table-layout: fixed;
  display: block;
}

section .terms_highlight .section_2 .table-container table {
  border: none;
  border-spacing: 0;
  text-align: left;
}

section .statistics {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #3c4252;
  font-size: 14px;
  font-family: "Muli", sans-serif;
  font-weight: 500;
}

.button_tabs {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -4.5rem;
  left: 0;
  z-index: 2;
}

@media (min-width: 320px) and (max-width: 480px) {
  .button_tabs {
    top: -3.5rem;
  }
}

.button_tabs .tab {
  display: inline-block;
  background-color: #fff;
  color: #00235d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 200px;
  width: 100%;
  height: 60px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  margin: 0 1rem;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.button_tabs .tab:first-child {
  margin-left: 3rem;
}

@media (max-width: 1023px) {
  .button_tabs .tab:first-child {
    margin-left: 1rem;
  }
}

@media (max-width: 1023px) {
  .button_tabs .tab {
    width: 100%;
    min-width: 140px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .button_tabs .tab {
    min-width: 90px;
    margin: 0 0.4rem;
    height: 50px;
  }
  .button_tabs .tab:first-child {
    margin-left: 0;
  }
}

.button_tabs .tab a {
  cursor: pointer;
  text-decoration: none;
  color: #009bbc;
  font-family: "Muli", sans-serif;
  font-weight: 500;
  width: 100%;
  height: 100%;
  font-size: 22px;
  line-height: 60px;
}

@media (min-width: 320px) and (max-width: 480px) {
  .button_tabs .tab a {
    font-size: 18px;
    line-height: 50px;
    font-weight: 600;
  }
}

.button_tabs .tab.active {
  background-color: #00235d;
  display: block;
}

@media (max-width: 1023px) {
  .button_tabs .tab.active {
    border: none;
    background-color: #00235d;
  }
}

.button_tabs .tab.active a {
  color: #fff;
}

@media (max-width: 1023px) {
  .button_tabs .tab.active a {
    color: #fff;
  }
}

.content_tab {
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-family: "Muli", sans-serif;
  width: 100%;
  border-radius: 3px;
  padding: 4rem 2rem 2rem;
}

@media (max-width: 1023px) {
  .content_tab {
    border: 1px solid rgba(196, 197, 202, 0.3);
    overflow: hidden;
    padding: 4rem 2rem 2rem;
  }
}

.content_tab h4 {
  margin: 2rem 0;
}

@media (min-width: 769px) {
  body.toggle-opened .sticky {
    top: 135px;
  }
}

@media (max-width: 768px) {
  .switch_page .title_detail {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .switch_page .container_button {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
}

.accordion .child {
  display: inline-block;
}

.container_accordion .accordion li .child {
  display: inline-block;
}

select#agencyId {
  border-bottom: 1px solid #fff;
  border-radius: 0;
}

.title_detail {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (max-width: 480px) {
  .title_detail {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.title_detail h2 {
  font-weight: lighter;
  font-size: 32px;
  position: relative;
  line-height: 42px;
  margin-top: 4rem;
  color: #00235d;
}

.title_detail h3 {
  color: #797979;
  font-weight: 400;
  padding-bottom: 1rem;
}

.title_info h3 {
  font-weight: lighter;
  font-size: 32px;
  position: relative;
  line-height: 42px;
}

.title_info h3:before {
  content: "";
  background: #00235d;
  height: 15px;
  width: 24px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

.bloc_tags {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 1rem 0;
  margin-top: 2rem;
}

.bloc_tags .content_tag {
  background: #00235d;
  padding: 1.3rem 7rem;
  color: #fff;
  font-weight: 600;
  margin: 1rem;
  cursor: pointer;
}

.bloc_tags .content_tag.available {
  background: #5ab765;
}

@media (max-width: 480px) {
  .bloc_tags .content_tag {
    padding: 1.3rem 2.9rem;
  }
}

.wrapper_cols {
  font-family: "Muli", sans-serif;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.wrapper_cols .wrapper_page .col_detail {
  width: 66.304348%;
  float: left;
  margin-left: 0;
}

@media (max-width: 1023px) {
  .wrapper_cols .wrapper_page .col_detail {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_cols .wrapper_details {
  padding-left: 2rem;
}

@media (max-width: 769px) {
  .wrapper_cols .wrapper_details {
    padding-left: 0;
  }
}

.wrapper_cols .col_right {
  width: 32.608696%;
  float: right;
  margin-left: 1.086957%;
  background: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

@media (max-width: 1023px) {
  .wrapper_cols .col_right {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_cols .col_right.agence {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wrapper_cols .col_right.agence .state_agence {
  overflow: hidden;
}

.wrapper_cols .col_right.agence .state_agence div {
  overflow: hidden;
}

.wrapper_cols .col_right.agence .state_agence div:first-child {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

.wrapper_cols .col_right.agence .state_agence div:last-child {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
  text-align: right;
}

.wrapper_cols .col_right.agence .state_agence div:last-child .state_active {
  background: #5ab765;
  color: #fff;
  padding: 0.5rem 2rem;
  display: inline-block;
}

.wrapper_cols .col_right.agence h3 {
  font-weight: 600;
}

.wrapper_cols .col_right.agence p {
  padding-top: 1rem;
}

.wrapper_cols .col_right.agence .adress:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
  padding-right: 1rem;
  line-height: 1.5;
}

.wrapper_cols .col_right.agence .phone:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
  padding-right: 1rem;
}

.wrapper_cols .col_right.agence .email:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
  padding-right: 1rem;
}

.wrapper_cols .col_right .bloc_btn {
  padding: 0 1rem;
}

.wrapper_cols .col_right .bloc_btn .content_btn {
  padding: 0 1rem;
}

.wrapper_cols .col_right .bloc_btn button {
  margin-left: 0;
  width: 100%;
  padding: 1.5rem 1rem;
  max-width: 600px;
}

.wrapper_cols .col_right .bloc_btn button.btn_file:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.5rem;
  padding-right: 1rem;
}

.wrapper_cols .col_right .bloc_btn button.btn_plus:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.5rem;
  padding-right: 1rem;
}

.wrapper_cols .col_right .bloc_btn button.btn_cr:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-size: 1.5rem;
  padding-right: 1rem;
}

.wrapper_cols .col_right .wrapper_slider {
  max-width: 600px;
  padding: 2rem;
}

@media (max-width: 1023px) {
  .wrapper_cols .col_right .wrapper_slider {
    position: relative;
    left: 5%;
  }
}

@media (max-width: 480px) {
  .wrapper_cols .col_right .wrapper_slider {
    left: 0;
  }
}

.wrapper_cols .col_right .wrapper_slider img {
  max-width: 100%;
  height: auto;
}

.wrapper_cols .col_right .wrapper_slider .slick-list.draggable {
  margin-bottom: 2rem;
}

.wrapper_cols .col_right .wrapper_slider .portfolio-thumb-slider {
  margin: 0 -5px 5px -5px;
}

.wrapper_cols
  .col_right
  .wrapper_slider
  .portfolio-thumb-slider
  .slick-slider-item {
  padding: 5px;
}

.wrapper_cols
  .col_right
  .wrapper_slider
  .portfolio-thumb-slider
  .slick-active
  img {
  outline: 2px solid transparent;
}

.wrapper_cols
  .col_right
  .wrapper_slider
  .portfolio-thumb-slider
  .slick-current
  img {
  outline-color: #00235d;
}

.wrapper_cols .col_right .wrapper_slider .portfolio-thumb-slider .slick-slider {
  margin-bottom: 0px;
}

.wrapper_cols .col_right .wrapper_diagnostic {
  overflow: hidden;
  padding: 0 2rem 2rem 2rem;
}

.wrapper_cols .col_right .wrapper_diagnostic .content_img {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

.wrapper_cols .col_right .wrapper_diagnostic .content_img.last-child {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

.wrapper_cols .col_right .wrapper_diagnostic .content_img img {
  width: 100%;
}

.wrapper_cols .col_right .wrapper_diagnostic .content_img p {
  font-size: 13px;
}

.wrapper_cols .bloc_detail {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.5rem;
  margin-bottom: 4rem;
}

.wrapper_cols .bloc_detail .bloc:not(:first-child) {
  margin-top: 2.5rem;
}

.wrapper_cols .bloc_detail .bloc.border {
  position: relative;
}

.wrapper_cols .bloc_detail .bloc.border:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  background: #e6e6e6;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant {
  overflow: hidden;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .title_agence {
  padding: 2rem 0;
}

@media (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_mandant .title_agence {
    padding-top: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .title_agence h4 {
  font-weight: 700;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .title_agence h5 {
  font-weight: 600;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant div {
  padding: 0.5rem;
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant .street:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
  display: block;
  float: left;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant .street span {
  display: block;
  overflow: hidden;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant .phone:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant .fax:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant .email:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_mandant .info_mandant .name:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence {
  overflow: hidden;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence:first-child {
  width: 32.608696%;
  float: left;
  margin-left: 0;
}

@media (max-width: 768px) {
  .wrapper_cols .bloc_detail .bloc .bloc_agence:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_agence:last-child {
  width: 66.304348%;
  float: right;
  margin-left: 1.086957%;
}

@media (max-width: 768px) {
  .wrapper_cols .bloc_detail .bloc .bloc_agence:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .img_agence {
  border-radius: 3px;
  margin: 2rem;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .img_agence img {
  width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .wrapper_cols .bloc_detail .bloc .bloc_agence .img_agence img {
    max-height: 250px;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .title_agence {
  padding: 2rem 0;
}

@media (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_agence .title_agence {
    padding-top: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .title_agence h4 {
  font-weight: 700;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .title_agence h5 {
  font-weight: 600;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence {
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence:last-child {
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence div {
  padding: 0.5rem;
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence .street:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
  display: block;
  float: left;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence .street span {
  display: block;
  overflow: hidden;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence .phone:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence .fax:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence .email:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_agence .info_agence .name:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  margin-right: 1rem;
  color: #009bbc;
}

.wrapper_cols .bloc_detail .bloc .bloc_honoraire {
  overflow: hidden;
  width: 100%;
}

.wrapper_cols .bloc_detail .bloc .bloc_info.col_4 {
  width: 22.5%;
  float: left;
  margin-left: 3.333333%;
}

.wrapper_cols .bloc_detail .bloc .bloc_info.col_4:first-child,
.wrapper_cols .bloc_detail .bloc .bloc_info.col_4.first {
  width: 22.5%;
  float: left;
  margin-left: 0;
}

@media (max-width: 601px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_4:first-child,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_4.first {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_4 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 601px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_4 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_info.col_3 {
  margin-left: 0;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 769px) and (max-width: 1279px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3:first-child,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3.first,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3:nth-child(2n) {
    width: 48.333333%;
    float: left;
    margin-left: 0;
    margin-left: 0;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3:nth-child(2n + 1) {
    width: 48.333333%;
    float: left;
    margin-left: 3.333333%;
    margin-left: 0;
  }
}

@media (min-width: 1280px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3 {
    width: 32.363636%;
    float: left;
    margin-left: 1.454545%;
    margin-left: 0;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3:first-child,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3.first,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_3:nth-child(3n) {
    width: 32.363636%;
    float: left;
    margin-left: 0;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 601px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_info.col_2 + div {
  display: block;
  float: none;
  clear: both;
}

.wrapper_cols .bloc_detail .bloc .bloc_info.col_2:first-child,
.wrapper_cols .bloc_detail .bloc .bloc_info.col_2.first,
.wrapper_cols .bloc_detail .bloc .bloc_info.col_2:nth-child(2n) {
  width: 48.333333%;
  float: left;
  margin-left: 0;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2:first-child,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2.first,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

@media (max-width: 601px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2:first-child,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2.first,
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2:nth-child(2n) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .bloc_info.col_2:nth-child(2n + 1) {
  width: 48.333333%;
  float: left;
  margin-left: 3.333333%;
  margin-left: 0;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 320px) and (max-width: 480px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2:nth-child(2n + 1) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

@media (max-width: 601px) {
  .wrapper_cols .bloc_detail .bloc .bloc_info.col_2:nth-child(2n + 1) {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

.wrapper_cols .bloc_detail .bloc .title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 1rem;
}

.wrapper_cols .bloc_detail .bloc p {
  font-size: 16px;
  font-weight: 200;
  word-break: break-word;
}

.wrapper_cols .bloc_detail .bloc .libelle {
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 1.5rem;
}

.wrapper_cols .bloc_detail .bloc .libelle.price {
  font-size: 12px;
}

.wrapper_cols .bloc_detail .bloc .libelle.price b {
  font-size: 18px;
}

.wrapper_cols .bloc_detail .bloc label {
  font-size: 16px;
  font-weight: 600;
  float: left;
}

.col_left .bloc_detail {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.5rem;
}

.col_left .bloc_detail .list_icn {
  position: relative;
}

.col_left .bloc_detail .list_icn:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  background: #e6e6e6;
}

.col_left .bloc_detail .list_icn > li {
  margin-bottom: 1rem;
}

.col_left .bloc_detail .list_icn > li .btn_file {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  background: transparent;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
  padding: 0;
  display: block;
  outline: none;
}

.col_left .bloc_detail .list_icn > li .btn_file:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  color: #ed143d;
  padding-right: 1rem;
  line-height: 1.6rem;
}

.col_left .bloc_detail .list_icn > li.add button:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.6rem;
  color: #00235d;
  padding-right: 1rem;
  line-height: 1.6rem;
}

.col_left .bloc_detail .form-switch {
  margin-top: 1rem;
}

.title_page h3 {
  font-weight: lighter;
  font-size: 32px;
  position: relative;
  line-height: 42px;
  margin-bottom: 1rem;
}

.title_page h3:before {
  content: "";
  background: #00235d;
  height: 15px;
  width: 24px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

.bloc_title_user {
  background: #fff;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.bloc_title_user:before,
.bloc_title_user:after {
  content: " ";
  display: block;
  height: 0;
}

.bloc_title_user:after {
  clear: both;
}

.bloc_title_user .title_agence_user {
  margin-top: 1rem;
  width: 46.551724%;
  float: left;
  margin-left: 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  .bloc_title_user .title_agence_user {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.bloc_title_user .title_agence_user h4 {
  font-weight: 600;
}

.bloc_title_user .content_btn {
  margin-top: 1rem;
  text-align: right;
  width: 46.551724%;
  float: right;
  margin-left: 6.896552%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .bloc_title_user .content_btn {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}

.bloc_title_user .content_btn button:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  position: relative;
  right: 15px;
  font-size: 1.5rem;
  top: -1px;
}

.bloc_users {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 4rem;
}

@media (max-width: 1023px) {
  .bloc_users {
    margin-bottom: 0rem;
  }
}

.bloc_mandats {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  margin-top: 5rem;
}

.bloc_mandats .table_container {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.bloc_mandats .table_container tr:last-child td {
  border-bottom: 1.2px solid #00235d;
}

.bloc_document {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 2rem;
  display: block;
}

.table_container {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .table_container {
    overflow-x: scroll;
    background-color: #009bbc;
  }
}

.table_container .title_table {
  background: #009bbc;
  padding: 1rem 3rem;
  color: white;
  font-size: 1.8rem;
}

.table_container .delete:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  float: none;
  line-height: 1.4;
  cursor: pointer;
  display: block;
}

.table_container table {
  background-color: #fff;
}

.title_table {
  background: #009bbc;
  padding: 1rem 3rem;
  color: white;
  font-size: 1.8rem;
}

@media (max-width: 1023px) {
  .table_container {
    overflow-x: scroll;
  }
}

.table_container table {
  width: 100%;
  text-align: center;
  /*tr{
			&:last-child{
				td{
					border-bottom: 1.2px solid $c-amepi;
				}
			}
			}*/
}

.table_container table .state_user:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #5ab765;
}

.table_container table .state_mandat:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #5ab765;
}

.table_container table .state_mandat_2:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: red;
}

.table_container table td {
  padding: 1rem;
  border-top: 1px solid #e6e6e6;
}

.table_container table th {
  font-weight: 600;
  font-size: 1.4rem;
  padding: 1rem;
  background: #f5f5f5;
  border-bottom: 1.2px solid #00235d;
}

.table_container table .icon_document:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
}

.table_container table .icon_dowload:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
  cursor: pointer;
}

.table_container table .icon_word:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
}

.table_container table .icon_excel:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
}

.table_container table .icon_image:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
}

.table_container table .icon_powerpoint:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.5rem;
  color: #009bbc;
}

.pagination {
  padding: 2rem;
  text-align: center;
}

@media (max-width: 480px) {
  .pagination {
    padding: 2rem 1rem;
  }
}

.pagination .page {
  font-weight: 700;
  padding-right: 1rem;
}

@media (max-width: 480px) {
  .pagination .page {
    display: block;
    padding-bottom: 1rem;
  }
}

.pagination span:nth-child(3) .number_page {
  margin-left: 1em;
}

.pagination span:nth-child(2),
.pagination span:last-child {
  font-size: 1.8rem;
}

.pagination span .number_page {
  cursor: pointer;
  margin-right: 1em;
}

.pagination .page_selected {
  padding: 0.3rem 0.8rem;
  background: #00235d;
  border-radius: 50%;
  color: #fff;
}

.register {
  overflow: hidden;
  padding: 1rem;
  text-align: center;
}

.register .content_btn .disable {
  margin-right: 2rem;
}

@media (min-width: 320px) and (max-width: 480px) {
  .register .content_btn .disable {
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_btn .disable {
    margin-bottom: 2rem;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .content_password .content_btn .save {
    padding: 1.3em 4em;
  }
}

/* Susy Grid Rules */
/*   .with_left_col, .layout_container{
 	 @include container;
 	 }   */
.bloc_title_user .title_synthese {
  margin-top: 1rem;
}

.bloc_title_user .title_synthese h4 {
  font-weight: 600;
}

.bloc_panel {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.5rem;
  margin-bottom: 2rem;
}

.container_accordion {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container_accordion .accordion {
  border-top: 1px solid #e6e6e6;
}

.container_accordion .accordion li {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  /* B R A N D */
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  margin-bottom: 2rem;
  padding: 1rem 0 1rem 0;
  /* End./ B R A N D */
}

.container_accordion .accordion li div.child {
  display: block;
  padding: 0 2rem;
  line-height: 2;
}

.container_accordion .accordion li div.child h5 {
  margin-bottom: 1rem;
}

.container_accordion .accordion li div.child .content_btn button.disable {
  margin-right: 2rem;
}

@media (max-width: 1023px) {
  .container_accordion .accordion li div.child .content_btn button.disable {
    margin-bottom: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .container_accordion .accordion li div.child .content_btn button.disable {
    margin-left: 0;
    margin-right: 0;
  }
}

.container_accordion .accordion li > a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 700;
  line-height: 3;
  text-indent: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 20px;
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container_accordion .accordion li > a.btn-more {
  border: none;
  color: #009bbc;
  border: 1.5px solid #009bbc;
  padding: 0 3em;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  border-radius: 3px;
  vertical-align: top;
  display: inline-block;
  width: unset;
  max-width: 100%;
}

@media (max-width: 1023px) {
  .container_accordion .accordion li > a.btn-more {
    padding: 0 2em 0 1em;
  }
}

@media (max-width: 480px) {
  .container_accordion .accordion li > a.btn-more {
    width: 100%;
    text-align: center;
  }
}

.container_accordion .accordion li > a.btn-more:after {
  border-right: 1.5px solid #009bbc;
  border-bottom: 1.5px solid #009bbc;
}

.container_accordion .accordion li > a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 2rem;
  content: " ";
  top: 3.5rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.container_accordion .accordion li > a.active:after {
  -webkit-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.gm-style .gm-style-iw > div,
.gm-style .gm-style-iw > div > div {
  margin: 0 auto;
  display: block !important;
  overflow: visible !important;
}

.gm-style-iw .img_card {
  display: block;
}

button.gm-ui-hover-effect {
  position: absolute !important;
  top: 0;
  right: 0;

}

button.gm-ui-hover-effect img {
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto !important;
}

#maps_box {
  display: block;
  margin: 0 -26px 0;
}

#maps_box .img_card {
  height: auto;
}

#maps_box .info_card {
  padding: 1rem 0 0;
}

#maps_box .tag span {
  font-size: 13px;
  margin-bottom: 0.3rem;
  padding: 0.7rem;
}

#maps_box p {
  text-align: center;
}

#maps_box .info_card .type_flat,
#maps_box .info_card .place_flat {
  font-size: 17px;
}

#maps_box .state_flat {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 1rem 1rem 0 0;
}

#maps_box .date {
  font-size: 12px;
}

#maps_box .footer_popin {
  margin-top: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 30px 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#maps_box .footer_popin .state_flat {
  padding: 0;
  position: relative;
  margin: 0;
}

#maps_box .footer_popin .date {
  margin-right: 16px;
  padding: 0;
}

.sidenav {
  width: 0;
  max-width: 0;
  padding: 0;
  height: 0;
  background: #e8e8e8;
  opacity: 0;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: all 1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  right: 0;
}

.sidenav * {
  visibility: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.toggle-opened .sidenav .side_section {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .toggle-opened .sidenav .side_section {
    margin-bottom: 4rem;
  }
}

.toggle-opened .layout_right_col {
  padding-right: 30rem;
}

.toggle-opened .sidenav {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
  height: calc(100vh - 135px);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow-y: scroll;
  /*@include breakpoint($desktop-max) {
			/*	width: 310px !important;
			min-width: 310px !important;
			max-width: 310px !important;*/
  /*z-index: 3;
			position: absolute;
			top: 0;
			right: 0;
			opacity: 1;
			@include transitionAll();
			height: 100vh;
			padding-bottom: 6rem!important;
		}*/
  padding: 4rem 2rem 2rem !important;
}

@media (max-width: 1023px) {
  .toggle-opened .sidenav {
    height: calc(100vh - 70px);
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .toggle-opened .sidenav {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

.toggle-opened .sidenav * {
  visibility: visible;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.toggle-opened .sidenav .sidenav_right {
  display: block;
}

.toggle-opened .sidenav .side_section {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.toggle-opened .sidenav .side_section .title_section {
  margin-bottom: 1.5rem;
  color: #00235d;
}

.toggle-opened .sidenav .side_section .panel_bloc {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.toggle-opened .sidenav .side_section .panel_bloc .content_btn button {
  width: 212px;
  padding: 1.3rem 2rem !important;
}

@media (max-width: 480px) {
  .toggle-opened .sidenav .side_section .panel_bloc .content_btn button {
    width: 100%;
  }
}

.toggle-opened .sidenav .side_section .panel_bloc .list_manager {
  margin-top: 1rem;
}

.toggle-opened .sidenav .side_section .panel_bloc .list_manager li {
  margin-bottom: 1rem;
}

.toggle-opened .sidenav .side_section .panel_bloc .list_manager li a {
  color: #000;
  /* &:after {
								content: ' ';
								display: block;
								height: 0;
								clear: both;
							} */
}

.toggle-opened
  .sidenav
  .side_section
  .panel_bloc
  .list_manager
  li
  a.user:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  display: inline-block;
  line-height: 1.4;
  color: #009bbc;
}

.toggle-opened
  .sidenav
  .side_section
  .panel_bloc
  .list_manager
  li
  a.mail:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  display: inline-block;
  line-height: 1.4;
  color: #009bbc;
}

.toggle-opened
  .sidenav
  .side_section
  .panel_bloc
  .list_manager
  li
  a.tel:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
  display: inline-block;
  line-height: 1.4;
  color: #009bbc;
}

.toggle-opened .sidenav .side_section .panel_bloc .table_list {
  width: 100%;
}

.toggle-opened .sidenav .side_section .panel_bloc .table_list tr td {
  padding: 1em;
}

.toggle-opened
  .sidenav
  .side_section
  .panel_bloc
  .table_list
  tr
  td.number_list {
  text-align: right;
  font-weight: 700;
}

.toggle-opened
  .sidenav
  .side_section
  .panel_bloc
  .table_list
  tr:not(:last-child)
  td {
  border-bottom: 1px solid #e6e6e6;
}

.toggle-opened .sidenav .side_section .panel_bloc .table_notif {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1rem;
}

.toggle-opened .sidenav .side_section .panel_bloc .table_notif h5 {
  float: left;
}

.toggle-opened .sidenav .side_section .panel_bloc .table_notif .number_notif {
  background: #00235d;
  color: #fff;
  border-radius: 1rem;
  height: 16px;
  width: 100%;
  max-width: 2rem;
  padding: 0 0.8rem;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  display: block;
  float: right;
  position: relative;
}

.toggle-opened
  .sidenav
  .side_section
  .panel_bloc
  .table_notif
  .number_notif
  span {
  position: absolute;
  bottom: 2px;
  left: 0;
  font-size: 11px;
  width: 100%;
  text-align: center;
}

.toggle-opened .sidenav .side_section .panel_bloc .table_notif tr td {
  padding: 1em;
  border-bottom: 1px solid #e6e6e6;
}

.toggle-opened
  .sidenav
  .side_section
  .panel_bloc
  .table_notif
  tr
  td
  .picto_delete:before {
  content: "";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #009bbc;
}

.toggle-opened .sidenav .side_section .panel_bloc .content_btn button {
  padding: 1.3rem 4rem;
}

/* @import '_template-page.scss'; */
/* @import '_template-page.scss'; */
.completion-score {
  position: relative;
  padding: 0 8px 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.completion-score.bloc_info.col_3 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.completion-score.bloc_info.col_3 .progress-bar {
  width: 80%;
}

.completion-score p {
  font-size: 12px;
  margin-right: 8px;
}

.completion-score .progress-bar {
  position: relative;
  height: 16px;
  display: block;
  width: 50%;
  background-color: #fff;
  border-radius: 8px;
  background-clip: padding-box;
  overflow: hidden;
  border: 2px solid #efefef;
}

.completion-score .progress-bar .bar {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #d10000;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.completion-score .progress-bar span {
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  width: 100%;
  display: block;
}

.completion-score.in-progress .progress-bar .bar {
  background: #ff8400;
}

.completion-score.middle .progress-bar {
  color: #000;
}

.completion-score.middle .progress-bar .bar {
  background: #ffea96;
}

.completion-score.success .progress-bar .bar {
  background: #5ab765;
}

td .completion-score .progress-bar {
  width: 100%;
}

#legendProps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 12px;
}

#legendProps div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}

#legendProps span {
  background: #d10000;
  display: inline-block;
  width: 18px;
  height: 6px;
  margin-right: 5px;
}

#legendProps #essential span {
  background: #ff8400;
}

#legendProps #useful span {
  background: #ffea96;
}

#legendProps #optional span {
  background: #5ab765;
}

@media (max-width: 500px) {
  #legendProps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #legendProps #legendProps div {
    margin: 0 0 2px 15px;
  }
}

.content_btn.fixed-bar-actions {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: rgba(222, 222, 222, 0.95);
  margin: 0;
  padding: 15px 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content_btn.fixed-bar-actions .buttons {
  margin-left: auto;
}

.content_btn.fixed-bar-actions .completion {
  width: 40%;
  text-align: left;
}

.content_btn.fixed-bar-actions .completion p {
  margin-bottom: 3px;
}

.content_btn.fixed-bar-actions .progress-bar.completion-score {
  position: relative;
  height: 18px;
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 2px;
  background-clip: padding-box;
  overflow: hidden;
  color: #fff;
  padding: 0;
  text-align: center;
}

.content_btn.fixed-bar-actions .progress-bar.completion-score .bar {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #d10000;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.content_btn.fixed-bar-actions .progress-bar.completion-score span {
  line-height: 18px;
  text-decoration: none;
  font-size: 13px;
}

.content_btn.fixed-bar-actions
  .progress-bar.completion-score.in-progress.progress-bar
  .bar {
  background: #ff8400;
}

.content_btn.fixed-bar-actions
  .progress-bar.completion-score.middle.progress-bar {
  color: #000;
}

.content_btn.fixed-bar-actions
  .progress-bar.completion-score.middle.progress-bar
  .bar {
  background: #ffea96;
}

.content_btn.fixed-bar-actions
  .progress-bar.completion-score.success.progress-bar
  .bar {
  background: #5ab765;
}

@media (max-width: 1025px) {
  .content_btn.fixed-bar-actions {
    position: relative;
  }
}

@media (max-width: 750px) {
  .content_btn.fixed-bar-actions {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: transparent;
    padding: 0;
  }
  .content_btn.fixed-bar-actions .progress-bar {
    width: 100%;
    margin-bottom: 25px;
  }
  .content_btn.fixed-bar-actions .buttons {
    margin: 0 auto;
  }
}

input:read-only, input:disabled {
  background-color: #dfdddd;
  color: black;
}