* {
  box-sizing: border-box;
}

html {
  font-size: 17px;
}

@media (max-width: 991px) {
  html {
    font-size: 15px;
  }
}
html, body {
  margin: 0;
  padding: 0;
}

/* VARS */
/* GRID */
.container-fluid {
  margin: 0;
  padding: 0;
}
.container-fluid .row {
  margin: 0;
  padding: 0;
}
.container-fluid .row [class*=col] {
  margin: 0;
  padding: 0;
}

.grid-12 {
  width: calc((100% - 1320px) / 2 - 2rem + 1320px);
  padding-left: calc((100% - 1320px) / 2 + 2rem);
}

.grid-6 {
  width: 660px;
  margin-left: calc((200% - 1320px) / 2 + 2rem);
}

@media (max-width: 1399px) {
  .grid-12 {
    width: calc((100% - 1140px) / 2 - 2rem + 1140px);
    padding-left: calc((100% - 1140px) / 2 + 2rem);
  }
  .grid-6 {
    width: calc(570px - 2rem);
    margin-left: calc((200% - 1140px) / 2 + 2rem);
  }
}
@media (max-width: 1199px) {
  .grid-12 {
    width: calc((100% - 960px) / 2 - 2rem + 960px);
    padding-left: calc((100% - 960px) / 2 + 2rem);
  }
  .grid-6 {
    width: calc(480px - 2rem);
    margin-left: calc((200% - 960px) / 2 + 2rem);
  }
}
@media (max-width: 991px) {
  .grid-12 {
    width: 100%;
    padding-left: 0;
  }
  .grid-6 {
    width: calc(360px - 2rem);
    margin-left: calc((100% - 720px) / 2 + 2rem);
  }
}
@media (max-width: 767px) {
  .grid-6 {
    width: calc(270px - 2rem);
    margin-left: calc((100% - 540px) / 2 + 2rem);
  }
}
@media (max-width: 576px) {
  .grid-6 {
    width: calc(100% - 4rem);
    margin: 0;
    padding-left: 2rem;
  }
}
/* TINYMCE */
.mce-content-body {
  padding: 1rem;
  background: white;
  color: #0D2E3B;
}

/* STRUCTURE */
body {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: white;
  background: #0D2E3B;
  padding-top: 8rem;
}
body:not(.home):before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 12%;
  bottom: 0;
  right: 75%;
  width: 1109px;
  background: no-repeat top left/1109px auto url(../images/pattern-simple.svg);
}

h1, h2, h3, p, ul {
  margin: 0;
  padding: 0;
}

h1, .h1 {
  font-weight: 900;
  font-size: 3rem;
  line-height: 1.2;
  margin: 0 0 2rem;
}

@media (max-width: 991px) {
  h1, .h1 {
    font-size: 2rem;
  }
}
h2 {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.3;
  margin: 0 0 2rem;
}
h2 span {
  color: #F5A43E;
}

@media (max-width: 991px) {
  h2, .h2 {
    font-size: 1.8rem;
  }
}
h3 {
  font-size: 1.2rem;
  margin: 0 0 1rem;
  color: #F5A43E;
}

p, ul {
  margin: 0 0 2rem;
}
p:last-child, ul:last-child {
  margin: 0;
}

ul {
  margin: 0 0 1.5rem 1.5rem;
}

a {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover {
  color: #0D2E3B;
}

section {
  padding: 6rem 0;
}

@media (max-width: 991px) {
  section {
    padding: 3rem 0;
  }
}
form {
  position: relative;
  z-index: 2;
}
form input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
form input[type=checkbox]:checked + label:after {
  opacity: 1;
}
form input[type=checkbox] + label {
  position: relative;
  display: block;
  padding: 0.15rem 0 0 2.5rem;
  color: #0D2E3B;
  cursor: pointer;
}
form input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: solid 1px white;
}
form input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 0.45rem;
  left: 0.6rem;
  border: solid #0D2E3B;
  border-width: 0 3px 3px 0;
  padding: 4px 2px;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.3s ease;
}
form .form-group {
  width: 100%;
  margin: 0 0 1rem;
}
form .form-group.error .form-control, form .form-group.error .form-control-textarea {
  border-color: #77151F;
}
form .form-control, form .form-control-textarea {
  width: 100%;
  background: transparent;
  border: solid 1px white;
  line-height: 3rem;
  height: 3rem;
  font-size: 1rem;
  padding: 0 1rem;
  font-family: "Lato", sans-serif;
  color: white;
  transition: border 0.3s ease;
}
form .form-control:focus, form .form-control-textarea:focus {
  outline: 0;
  border-color: #0D2E3B;
}
form .form-control::-moz-placeholder, form .form-control-textarea::-moz-placeholder {
  color: white;
}
form .form-control:-ms-input-placeholder, form .form-control-textarea:-ms-input-placeholder {
  color: white;
}
form .form-control::placeholder, form .form-control-textarea::placeholder {
  color: white;
}
form .form-control-textarea {
  line-height: 1.5;
  height: 12rem;
  resize: none;
  padding: 1rem;
}
form .required {
  margin: 2rem 0;
}
form .msg {
  text-align: center;
  color: white;
  font-weight: 700;
  margin: 1rem 0;
  display: none;
}
form .msg.on {
  display: block;
}

/* STRUCTURE */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: #0D2E3B;
}
header:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc((100% - 1320px) / 2 + 3rem);
  height: 8rem;
  background: #F5A43E;
}
header .wrapper {
  display: flex;
}
header .wrapper nav {
  flex-grow: 1;
}
header .wrapper nav ul {
  display: flex;
  justify-content: space-around;
  margin: 0;
}
header .wrapper nav ul li {
  list-style: none;
  height: 8rem;
  display: flex;
  align-items: center;
}
header .wrapper nav ul li.current-menu-item > a, header .wrapper nav ul li:hover > a {
  color: #EE7A52;
}
header .wrapper nav ul li.current-menu-item > a:before, header .wrapper nav ul li:hover > a:before {
  opacity: 1;
}
header .wrapper nav ul li:hover ul {
  display: flex;
}
header .wrapper nav ul li a {
  display: flex;
  align-items: center;
  height: 100%;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  padding: 0 0 0 1rem;
  transition: color 0.3s ease;
}
header .wrapper nav ul li a:hover {
  color: #EE7A52;
}
header .wrapper nav ul li a:hover:before {
  opacity: 1;
  transform: translateY(-50%) translateX(0px);
}
header .wrapper nav ul li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(-5px);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #EE7A52;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
header .wrapper nav ul li ul {
  position: absolute;
  z-index: 2;
  top: 8rem;
  left: 0;
  right: calc((100% - 1320px) / 2);
  background: #EE7A52;
  padding-left: calc((100% - 1320px) / 2);
  -webkit-clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 100%, 0% 100%);
  display: none;
}
header .wrapper nav ul li ul li {
  height: auto;
}
header .wrapper nav ul li ul li.current-menu-item > a {
  color: #0D2E3B;
}
header .wrapper nav ul li ul li a {
  padding: 1rem 3rem;
  text-transform: none;
}
header .wrapper nav ul li ul li a:hover {
  color: #0D2E3B;
}
header .wrapper nav ul li ul li a:before {
  content: none;
}
header .wrapper nav .burger {
  display: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  background: no-repeat center/2rem auto url(../images/burger.svg);
}
header .wrapper nav .burger.active {
  background: no-repeat center/2rem auto url(../images/close.svg);
}
header .wrapper .logo {
  width: 250px;
  height: 8rem;
  display: flex;
  align-items: center;
}
header .wrapper .telephone {
  width: 18rem;
  height: 8rem;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 2rem 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 2rem 100%);
  display: flex;
  align-items: center;
}
header .wrapper .telephone a {
  display: block;
  width: 100%;
  height: 100%;
  background: #F5A43E;
  line-height: 8rem;
  font-weight: 700;
  color: white;
  position: relative;
  padding: 0 2rem 0 6rem;
  transition: background 0.3s ease;
}
header .wrapper .telephone a:hover {
  background: #f28d0e;
}
header .wrapper .telephone a:hover:before {
  transform: translateY(-50%) rotate(-90deg);
}
header .wrapper .telephone a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background: no-repeat center/2rem url(../images/telephone.svg);
  transition: transform 0.3s ease;
}

@media (max-width: 1399px) {
  header:after {
    width: calc((100% - 1140px) / 2 + 3rem);
  }
  header .wrapper nav ul li ul {
    right: calc((100% - 1140px) / 2);
    padding-left: calc((100% - 1140px) / 2);
  }
}
@media (max-width: 1199px) {
  header:after {
    content: none;
  }
  header .wrapper nav ul {
    display: none;
    position: absolute;
    top: 8rem;
    left: 0;
    right: 0;
    background: #EE7A52;
    padding: 1rem;
    flex-direction: column;
  }
  header .wrapper nav ul.active {
    display: flex;
  }
  header .wrapper nav ul li {
    flex-direction: column;
    height: auto;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  }
  header .wrapper nav ul li.current-menu-item > a, header .wrapper nav ul li:hover > a {
    color: white;
  }
  header .wrapper nav ul li.menu-item-has-children {
    position: relative;
  }
  header .wrapper nav ul li.menu-item-has-children:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
  }
  header .wrapper nav ul li.menu-item-has-children:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    padding: 5px;
    transform: rotate(45deg);
  }
  header .wrapper nav ul li:last-child {
    border: 0;
  }
  header .wrapper nav ul li a {
    color: #0D2E3B;
    padding: 0.5rem 1rem;
  }
  header .wrapper nav ul li a:before {
    content: none;
  }
  header .wrapper nav ul li ul {
    position: relative;
    flex-direction: column;
    top: 0;
    padding: 0;
    width: 100%;
    background: none;
    -webkit-clip-path: none;
            clip-path: none;
  }
  header .wrapper nav ul li ul li a {
    padding: 0.5rem;
    text-align: center;
  }
  header .wrapper nav .burger {
    display: block;
  }
  header .wrapper .telephone {
    display: none;
  }
  header .wrapper .logo {
    width: 180px;
  }
  header .wrapper .logo img {
    width: 100%;
  }
}
footer {
  padding: 4rem 0 1rem;
  background: white;
  color: #0D2E3B;
}
footer nav {
  display: flex;
  position: relative;
  padding: 1.5rem 0;
}
footer nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: -2rem;
  bottom: 0;
  border-left: solid 2px #0D2E3B;
}
footer nav ul {
  width: 50%;
  margin: 0;
}
footer nav ul li {
  list-style: none;
}
footer nav ul li a {
  color: #0D2E3B;
  transition: color 0.3s ease;
}
footer nav ul li a:hover {
  color: #EE7A52;
}
footer .copyright {
  margin: 4rem 0 0 0;
}
footer .copyright a {
  color: #0D2E3B;
}
footer .copyright a:hover {
  color: #EE7A52;
}

@media (max-width: 1199px) {
  footer nav:before {
    content: none;
  }
}
/* CLASSES */
/* TEXTE */
.text-center {
  text-align: center;
}

.small {
  font-size: 0.85rem;
}

/* IMAGES */
.image img {
  width: 100%;
  height: auto;
  display: block;
}

/* BTN */
.btn {
  display: inline-block;
  border: 0;
  text-decoration: none;
  background: #EE7A52;
  padding: 0.75rem 4rem 0.75rem 2rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: #0D2E3B;
  -webkit-clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 100%, 0% 100%);
  cursor: pointer;
  transition: background 0.3s ease;
}
.btn:hover {
  background: #F5A43E;
}
.btn + .btn {
  margin: 0 0 0 2rem;
}

.btn-secondary {
  background: none;
  -webkit-clip-path: none;
          clip-path: none;
  color: #0D2E3B;
  padding: 0.75rem 3.5rem 0.75rem 2rem;
  position: relative;
}
.btn-secondary.noir {
  color: white;
}
.btn-secondary.noir:before {
  background: white;
}
.btn-secondary.noir:after {
  background: #0D2E3B;
}
.btn-secondary:hover {
  background: none;
}
.btn-secondary:hover:before, .btn-secondary:hover:after {
  background: #F5A43E;
}
.btn-secondary:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0D2E3B;
  -webkit-clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 100%, 0% 100%);
  transition: background 0.3s ease;
}
.btn-secondary:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #49B9B7;
  -webkit-clip-path: polygon(1px 1px, calc(100% - 2rem - 1px) 1px, calc(100% - 2px) calc(100% - 1px), 1px calc(100% - 1px));
          clip-path: polygon(1px 1px, calc(100% - 2rem - 1px) 1px, calc(100% - 2px) calc(100% - 1px), 1px calc(100% - 1px));
  transition: background 0.3s ease;
}
.btn-secondary span {
  position: relative;
  z-index: 1;
}

.btn-tertiary {
  background: white;
}

.group .btn + .btn {
  margin: 0 0 0 2rem;
}

@media (max-width: 991px) {
  .group .btn {
    margin: 0 1rem 1rem 0;
  }
  .group .btn + .btn {
    margin: 0 1rem 1rem 0;
  }
}
/* BACKGROUND */
.bg-noir {
  background: #0D2E3B;
  color: white;
}

/* SLIDER */
.slider {
  padding: 0;
  background: #0D2E3B;
  color: white;
  position: relative;
}
.slider h1 {
  color: white;
}
.slider .wrapper {
  width: calc(100% - ((100% - 1320px) / 2 + 2rem));
  margin: 0 0 0 calc((100% - 1320px) / 2 + 2rem);
  position: relative;
}
.slider .wrapper:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: -853px;
  width: 1109px;
  background: no-repeat top left/1109px auto url(../images/pattern.svg);
}
.slider .wrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -132px;
  right: 2%;
  width: 255px;
  height: 355px;
  background: no-repeat center/255px auto url(../images/pattern-slider.svg);
}
.slider .wrapper .owl-dots {
  position: absolute;
  z-index: 2;
  bottom: 10%;
  left: 0;
  right: calc((100% - 1320px) / 2 + 2rem);
  display: flex;
  justify-content: flex-end;
}
.slider .wrapper .owl-dots button {
  width: 1.15rem;
  height: 0.75rem;
  margin: 0 0 0 0.5rem;
  border: solid 2px #49B9B7;
  transform: skewX(20deg);
  transition: background 0.3s ease;
}
.slider .wrapper .owl-dots button.active {
  background: #49B9B7;
}
.slider .wrapper .slide {
  height: 60vh;
}
.slider .wrapper .slide:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.6;
  background: no-repeat center/cover var(--image);
}
.slider .wrapper .slide .row, .slider .wrapper .slide [class*=col] {
  height: 100%;
}
.slider .wrapper .over {
  position: relative;
  z-index: 2;
  margin: 0 0 0 330px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.slider .wrapper .introduction {
  font-size: 1.2rem;
  text-align: center;
  padding: 4rem 15%;
  margin: 0 calc(100% - 1320px) 0 0;
  font-style: italic;
  width: calc(1320px - 4rem);
}

@media (max-width: 1399px) {
  .slider .wrapper {
    width: calc(100% - ((100% - 1140px) / 2 + 2rem));
    margin: 0 0 0 calc((100% - 1140px) / 2 + 2rem);
  }
  .slider .wrapper .owl-dots {
    right: calc((100% - 1140px) / 2 + 2rem);
  }
  .slider .wrapper .introduction {
    width: calc(1140px - 4rem);
  }
}
@media (max-width: 1199px) {
  .slider .wrapper {
    width: 100%;
    margin: 0;
  }
  .slider .wrapper:before, .slider .wrapper:after {
    content: none;
  }
  .slider .wrapper .owl-dots {
    right: 1rem;
    left: 1rem;
    justify-content: center;
  }
  .slider .wrapper .over {
    margin: 1rem 2rem;
  }
  .slider .wrapper .introduction {
    width: 100%;
  }
}
.slider-nav {
  position: absolute;
  z-index: 2;
  top: calc(60vh + 8rem - 1.5rem);
  left: calc((100% - 1320px) / 2 + 5rem);
  display: flex;
}
.slider-nav .owl-prev, .slider-nav .owl-next {
  font-size: 3rem;
  color: #EE7A52;
  background: none;
  border: 0;
  padding: 0;
  width: 5rem;
  height: 3rem;
  line-height: 3rem;
  position: relative;
  cursor: pointer;
}
.slider-nav .owl-prev:hover:after, .slider-nav .owl-next:hover:after {
  background: #EE7A52;
}
.slider-nav .owl-prev:hover span:before, .slider-nav .owl-next:hover span:before {
  border-color: white;
}
.slider-nav .owl-prev:before, .slider-nav .owl-next:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #EE7A52;
}
.slider-nav .owl-prev:after, .slider-nav .owl-next:after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 2px;
  background: #0D2E3B;
  transition: background 0.3s ease;
}
.slider-nav .owl-prev span, .slider-nav .owl-next span {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
}
.slider-nav .owl-prev span:before, .slider-nav .owl-next span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border: solid #EE7A52;
  border-width: 0 3px 3px 0;
  padding: 4px;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: border 0.3s ease;
}
.slider-nav .owl-prev {
  margin: 0 0.5rem;
  padding: 0 0 0 1rem;
}
.slider-nav .owl-prev:before, .slider-nav .owl-prev:after {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 1rem 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 1rem 100%);
}
.slider-nav .owl-prev span:before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.slider-nav .owl-next {
  padding: 0 1rem 0 0;
}
.slider-nav .owl-next:before, .slider-nav .owl-next:after {
  -webkit-clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 100%, 0 100%);
}

@media (max-width: 1399px) {
  .slider-nav {
    left: calc((100% - 1320px) / 2 + 5rem);
  }
}
@media (max-width: 1199px) {
  .slider-nav {
    left: 0;
    right: 0;
  }
}
@media (max-width: 991px) {
  .slider-nav {
    justify-content: center;
  }
}
/* FEAUTED */
.featured .entreprise {
  color: #F5A43E;
}
.featured .adresses .adresse {
  color: white;
}
.featured .adresses .adresse strong {
  color: #49B9B7;
}

/* LISTE x 5 */
.liste {
  text-align: center;
}
.liste.bg-blanc {
  background: white;
  color: #0D2E3B;
}
.liste.bg-blanc .wrapper .element a {
  color: #0D2E3B;
  transition: color 0.3s ease;
}
.liste.bg-blanc .wrapper .element a:hover {
  color: #EE7A52;
}
.liste.bg-blanc .wrapper .element a:hover .image {
  position: relative;
}
.liste.bg-blanc .wrapper .element a:hover .image:before, .liste.bg-blanc .wrapper .element a:hover .image:after {
  opacity: 1;
}
.liste .wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.liste .wrapper.has-titre {
  margin: 4rem 0 0;
}
.liste .wrapper + p {
  margin-top: 4rem;
}
.liste .wrapper .element {
  width: calc(20% - 1rem);
  margin: 0 0.5rem 1rem;
  font-size: 1.1rem;
  font-weight: 700;
}
.liste .wrapper .element a .image {
  position: relative;
}
.liste .wrapper .element a .image:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(13, 46, 59, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.liste .wrapper .element a .image:after {
  content: "+";
  position: absolute;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
  color: #EE7A52;
  font-size: 3rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.liste .wrapper .element .image + p {
  margin-top: 0.5rem;
}

@media (max-width: 991px) {
  .liste .wrapper .element {
    width: calc(50% - 1rem);
    margin: 0 0.5rem 2rem;
  }
}
/*
@media (max-width: 767px){
    .liste {
        .wrapper {
            .element {
                width: 50%;
            }
        }
    }
}*/
/* QUI SOMMES NOUS */
.qui-sommes-nous {
  position: relative;
  background: repeat center/168px auto url(../images/bg-pattern-qui-sommes-nous.svg);
}
.qui-sommes-nous:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  border-top: 150px solid white;
  border-left: 150px solid transparent;
}

@media (max-width: 991px) {
  .qui-sommes-nous .image {
    margin: 0 0 2rem;
  }
}
/* ACCROCHE */
.accroche {
  margin: 6rem 0;
  color: white;
  font-style: italic;
  text-align: Center;
  font-size: 6rem;
  font-weight: 700;
  position: relative;
}
.accroche.l {
  margin: 0;
  font-size: 2.6rem;
  line-height: 1.3;
}
.accroche.l:before {
  content: none;
}
.accroche.l .wrapper {
  padding: 0;
}
.accroche.l .wrapper:after {
  content: none;
}
.accroche:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -2px;
  left: 0%;
  width: 341px;
  height: 295px;
  background: no-repeat center/341px auto url(../images/pattern-accroche-haut.svg);
}
.accroche .wrapper {
  padding: 10rem 0;
  position: relative;
}
.accroche .wrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -152px;
  right: -44px;
  width: 255px;
  height: 355px;
  background: no-repeat center/255px auto url(../images/pattern-accroche-bas.svg);
}
.accroche span {
  color: #F5A43E;
}

@media (max-width: 1399px) {
  .accroche {
    font-size: 4.5rem;
  }
  .accroche.l {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .accroche {
    font-size: 3rem;
    margin: 0;
  }
  .accroche:before {
    content: none;
  }
  .accroche .wrapper:after {
    content: none;
  }
}
/* ACTUALITES */
.actualites {
  color: #0D2E3B;
}
.actualites .wrapper.bg {
  background: #49B9B7 repeat center/168px auto url(../images/bg-pattern-actualites.svg);
  padding: 2rem;
}
.actualites .wrapper h2 span {
  color: white;
}
.actualites .wrapper h3 {
  color: white;
}
.actualites .wrapper .actualite {
  display: flex;
  margin: 0 0 4rem;
}
.actualites .wrapper .actualite .image {
  width: 50%;
  margin: 0 1rem 0 0;
}
.actualites .wrapper .actualite .description {
  width: 50%;
}

@media (max-width: 767px) {
  .actualites .wrapper .actualite {
    flex-direction: column;
  }
  .actualites .wrapper .actualite .image {
    width: 100%;
    margin: 0 0 2rem;
  }
  .actualites .wrapper .actualite .description {
    width: 100%;
  }
}
.actualite {
  margin: 0 0 4rem;
  font-size: 0.85rem;
}
.actualite .image {
  margin: 0 0 1rem;
}

.date {
  color: #F5A43E;
  margin: 0 0 0.5rem;
}

/* LISTE DES ACTUALITES */
.liste-actualites {
  position: relative;
  z-index: 2;
}

/* NOUS TROUVER */
.nous-trouver {
  position: relative;
  background: #F5A43E;
  padding: 0;
}
.nous-trouver:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-top: 150px solid #0D2E3B;
  border-right: 150px solid transparent;
}
.nous-trouver:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -98px;
  right: 0%;
  width: 255px;
  height: 296px;
  background: no-repeat center/255px auto url(../images/pattern-footer.svg);
}
.nous-trouver > span:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -10%;
  left: 0%;
  width: 250px;
  height: 250px;
  background: no-repeat center/auto 250px url(../images/nous-trouver.svg);
}
.nous-trouver .wrapper {
  padding: 6rem 0;
}
.nous-trouver .wrapper h2 {
  color: #0D2E3B;
}
.nous-trouver .wrapper h2 span {
  color: white;
}

@media (max-width: 991px) {
  .nous-trouver:before {
    border-top: 80px solid #0D2E3B;
    border-right: 80px solid transparent;
  }
  .nous-trouver:after {
    content: none;
  }
  .nous-trouver > span:before {
    content: none;
  }
}
.entreprise {
  font-weight: 900;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.adresses {
  margin: 0 0 2rem;
}
.adresses .adresse {
  margin: 0 0 2rem;
  color: #0D2E3B;
  font-size: 1.1rem;
  font-weight: 700;
}
.adresses .adresse p:first-child {
  margin: 0;
}
.adresses .adresse strong {
  color: #77151F;
  font-weight: 900;
}

/* SECTIONS DE PAGE */
.mixed {
  padding: 0;
  position: relative;
  z-index: 2;
}
.mixed .part {
  margin-bottom: 2rem;
}
.mixed .part strong {
  color: #F5A43E;
}
.mixed .part ul {
  margin: 0 0 2rem;
}
.mixed .part ul li {
  position: relative;
  list-style: none;
  padding: 0 0 0 20px;
}
.mixed .part ul li:before {
  content: "";
  position: absolute;
  top: 0.35rem;
  left: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #EE7A52;
}
.mixed .part.texte-image .image {
  margin: 2rem 0 0;
}
.mixed .part.image-texte .image {
  margin: 0 0 2rem;
}
.mixed .important {
  background: white;
  margin: 2rem 0 2rem;
  padding: 3rem 110px;
  color: #49B9B7;
  font-style: italic;
  font-weight: 700;
  position: relative;
}
.mixed .important:before {
  content: "";
  position: absolute;
  top: -43px;
  left: 1rem;
  width: 100px;
  height: 86px;
  background: no-repeat center/75px auto url(../images/fleche-important.svg);
}

@media (max-width: 1399px) {
  .mixed .important {
    padding: 3rem 95px;
  }
}
@media (max-width: 1199px) {
  .mixed .important {
    padding: 3rem 80px;
  }
}
@media (max-width: 991px) {
  .mixed .part.texte-image .image {
    margin: 2rem 0 0;
  }
  .mixed .part.image-texte .image {
    margin: 2rem 0 0;
  }
  .mixed .important {
    padding: 3rem 1rem;
  }
}
/* CARTE */
.carte {
  background: #F5A43E;
  position: relative;
}
.carte:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  border-top: 150px solid #0D2E3B;
  border-left: 150px solid transparent;
}

/* NOS BUREAUX */
.nos-bureaux {
  background: white;
  color: #0D2E3B;
  text-align: center;
  position: relative;
}
.nos-bureaux:before {
  content: "";
  position: absolute;
  inset: 0;
  bottom: 50%;
  background: #F5A43E;
}
.nos-bureaux:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -98px;
  right: 0%;
  width: 255px;
  height: 296px;
  background: no-repeat center/255px auto url(../images/pattern-footer.svg);
}
.nos-bureaux .wrapper {
  width: 100%;
  position: relative;
  z-index: 1;
}
.nos-bureaux .wrapper h2 {
  color: white;
}
.nos-bureaux .wrapper h2 span {
  color: #0D2E3B;
}

@media (max-width: 767px) {
  .nos-bureaux .wrapper {
    width: auto;
  }
  .nos-bureaux .wrapper [class*=gmap] {
    margin: 0 0 3rem;
    height: auto;
  }
}
/* CARTE */
[class*=gmap] {
  width: 100%;
  height: 100%;
  min-height: 300px;
}/*# sourceMappingURL=styles.css.map */