@charset "UTF-8";
/* 
    Created on : 28 avr. 2020, 09:00:00
    Author     : Sébastien GRIFFITHS - Otidea
*/
/*-- Declaration variables font--*/
/*@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Reg.eot');
    src: local('☺'), url('../fonts/RegionBretagne-Reg.woff') format('woff'), url('../fonts/RegionBretagne-Reg.ttf') format('truetype'), url('../fonts/RegionBretagne-Reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Bold.eot');
    src: local('☺'), url('../fonts/RegionBretagne-Bold.woff') format('woff'), url('../fonts/RegionBretagne-Bold.ttf') format('truetype'), url('../fonts/RegionBretagne-Bold.svg') format('svg');
    font-weight: bold ;
    font-style: normal;
}*/
/*-- Declaration variables couleurs--*/
/* vert 1*/
/*bleu*/
/*gris nav / backgounrd slider*/
/*gris backgounrd slider*/
/*bleu clair*/
/*trait /couleur de peinture orange jaune*/
/*neuf couleur*/
/*occas couleur*/
/* gris4 */
/* vert titre */
/*texte gris foncé*/
/*gris fond */
/*gris agence*/
/*bleu canard */
/*bleu clair */
/*jaune */
/*gauche fleche */
/*droite fleche */
/* canard clair*/
/* bleu footer */
/* bleu clair mentions*/
/* vert index */
/* bleu txt bouton */
/* bleu txt bouton */
/*pagination*/
/*-- Declaration classes font--*/
.font1 {
  font-family: "Jost", sans-serif;
}

.font2 {
  font-family: "Source Serif Pro", serif;
}

.font3 {
  font-family: "Dancing Script", cursive;
}

.font4 {
  font-family: "Open Sans", sans-serif;
}

/*-- Declaration classes couleurs--*/
.noir {
  color: #000000;
}

.blanc {
  color: #ffffff;
}

.gris {
  color: #f7f7f7;
}

.couleur1 {
  color: #12a184;
}

.couleur2 {
  color: #1292a1;
}

.couleur3 {
  color: #f1f0f0;
}

.couleur4 {
  color: #333333;
}

.couleur5 {
  color: #2cbfc6;
}

.couleur6 {
  color: #fcd743;
}

.couleur7 {
  color: #46a46a;
}

.couleur8 {
  color: #12a184;
}

.couleur9 {
  color: #332c26;
}

.couleur10 {
  color: #ffad40;
}

.bgNoir {
  background-color: #000000;
}

.bgBlanc {
  background-color: #ffffff;
}

.bgGris {
  background-color: #f7f7f7;
}

.bgCouleur1 {
  background-color: #12a184;
}

.bgCouleur2 {
  background-color: #1292a1;
}

.bgCouleur3 {
  background-color: #f1f0f0;
}

.bgCouleur4 {
  background-color: #333333;
}

.bgCouleur5 {
  background-color: #2cbfc6;
}

.bgCouleur6 {
  background-color: #fcd743;
}

.bgCouleur7 {
  background-color: #46a46a;
}

.bgCouleur8 {
  background-color: #12a184;
}

.bgCouleur9 {
  background-color: #332c26;
}

.bgCouleur10 {
  background-color: #ffad40;
}

/*-- Declaration mixin--*/
/*////////////////////////////////////////////////////////////////////*/
body {
  font-family: "Jost", sans-serif;
}

h3 {
  padding-bottom: 10px;
}

.bouton.inline {
  margin: 40px 0px;
  display: block;
}
.bouton .pen-green {
  background-color: #fff;
  padding: 17px 30px;
  border-radius: 7px;
}

/*----------------------*/
/* BLOC TEXTE */
/*----------------------*/
section {
  width: 100% !important;
}

.text-type-0 ::marker {
  color: black !important;
}
.text-type-0 .container {
  background: #f8f8f8;
}
.text-type-0 .container h3 {
  color: #3e3e3e;
  font-size: 36pt;
  font-style: normal;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
.text-type-0 .container h2 {
  font-size: 35pt;
  font-weight: 600;
}
.text-type-0 .container h4 {
  margin: 0 !important;
  color: #3e3e3e;
  text-transform: inherit;
  font-size: 22pt;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  border-bottom: inherit !important;
}
.text-type-0 .container h4:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: 3px dashed #ffca3b;
  left: calc(50% - 40px);
  top: 30px;
}
.text-type-0 .container a {
  color: black;
  border-bottom: 1px solid black;
}

.text-type-1 {
  background: #CC7832;
}
.text-type-1 ::marker {
  color: black !important;
}
@media (max-width: 800px) {
  .text-type-1 h3 {
    font-size: 2rem;
  }
}

.text-type-2 {
  background: #ffffff;
  border-bottom: 10px solid #ffca3b;
}
.text-type-2 ::marker {
  color: black !important;
}
.text-type-2 .container {
  background-color: #ffffff;
}
.text-type-2 .container h3 {
  color: #3e3e3e;
  font-size: 36pt;
  font-style: normal;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media (max-width: 800px) {
  .text-type-2 .container h3 {
    font-size: 2rem;
  }
}
.text-type-2 .container h4 {
  margin: 0 !important;
  color: #3e3e3e;
  text-transform: inherit;
  font-size: 22pt;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  border-bottom: inherit !important;
}
.text-type-2 .container h4:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: 3px dashed #ffca3b;
  left: calc(50% - 40px);
  top: 30px;
}
.text-type-2 .container a {
  color: black;
  border-bottom: 1px solid black;
}

.encadre {
  border: 1px solid #fcd743;
  padding: 12px;
}

@media (max-width: 768px) {
  .cid-sYtjNiy8H1 ul li::before {
    top: -12px;
  }
}
.cid-sYtjNiy8H1 ul li::before {
  position: absolute;
  content: "→";
  left: -61px;
  top: -42%;
  color: #000000;
  font-weight: bold;
  font-size: 2rem;
  width: 1.6rem;
}

@media (max-width: 1781px) {
  .slider1 .img {
    padding: 0 !important;
  }
}
@media (max-width: 600px) {
  .slider1 .img {
    padding: 44px !important;
  }
}
@media (max-width: 1781px) {
  .slider1 li {
    margin: 0 !important;
  }
}
@media (max-width: 600px) {
  .slider1 li {
    margin: 10px !important;
  }
}
@media (max-width: 1781px) {
  .slider1 .text-wrapper {
    padding: 0 !important;
  }
}
@media (max-width: 1781px) {
  .slider1 .text-wrapper h3 {
    padding: 0 !important;
  }
}

.text-huge {
  font-size: 1.8em;
}

.text-big {
  font-size: 1.4em;
}

.text-small {
  font-size: 0.85em;
}

.text-tiny {
  font-size: 0.7em;
}

.text-type-3 ::marker {
  color: black !important;
}
.text-type-3 .container {
  background: #1292a1;
}
.text-type-3 .container h3 {
  color: white;
  font-size: 36pt;
  font-style: normal;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media (max-width: 800px) {
  .text-type-3 .container h3 {
    font-size: 2rem;
  }
}
.text-type-3 .container h4 {
  margin: 0 !important;
  color: white;
  text-transform: uppercase;
  font-size: 22pt;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  border-bottom: inherit !important;
}
.text-type-3 .container h4:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: 3px dashed #ffca3b;
  left: calc(50% - 40px);
  top: 30px;
}
.text-type-3 .container p {
  color: white;
}
.text-type-3 .container p span {
  color: white !important;
}
.text-type-3 .container a {
  color: black;
  border-bottom: 1px solid black;
}

.trait {
  transform: scale(0.3);
}

.text-type-4 {
  background: red;
}

/*----------------------*/
/* BLOC TEXTE IMAGE & TEXTE SLIDER */
/*----------------------*/
.text-img-type-0 {
  background: #f8f8f8;
  border-top: 10px solid #ffca3b;
}
.text-img-type-0 .aImage {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  min-height: 420px;
  background-repeat: no-repeat;
  background-size: cover;
}
.text-img-type-0 .text-wrapper h3 {
  color: #3e3e3e;
  font-size: 36pt;
  font-family: "Jost", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .text-img-type-0 .text-wrapper h3 {
    font-size: 2rem;
  }
}
.text-img-type-0 .text-wrapper h3:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: none;
  border-bottom: none;
  left: calc(50% - 40px);
  top: 15px;
}
.text-img-type-0 .text-wrapper h4 {
  margin: 0 !important;
  padding-top: 0 !important;
  color: #3e3e3e;
  font-size: 22pt;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  border-bottom: inherit !important;
  padding-bottom: 70px;
  text-transform: uppercase;
}
.text-img-type-0 .text-wrapper h4:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: 3px dashed #ffca3b;
  left: calc(50% - 40px);
  top: 30px;
}
.text-img-type-0 .text-wrapper a {
  color: black;
  border-bottom: 1px solid black;
}

.text-img-type-1 {
  background: #699b98;
  border-top: 10px solid #ffca3b;
}
.text-img-type-1 .aImage {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
.text-img-type-1 .img {
  background-color: white;
}
.text-img-type-1 .carousel {
  background-color: white;
}
.text-img-type-1 .text-wrapper h3 {
  color: #3e3e3e;
  font-size: 36pt;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media (max-width: 800px) {
  .text-img-type-1 .text-wrapper h3 {
    font-size: 2rem;
  }
}
.text-img-type-1 .text-wrapper h4 {
  margin: 0 !important;
  padding-top: 0 !important;
  color: #3e3e3e;
  font-size: 22pt;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  border-bottom: inherit !important;
  padding-bottom: 70px;
  text-transform: uppercase;
}
.text-img-type-1 .text-wrapper h4:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: 3px dashed #ffca3b;
  left: calc(50% - 40px);
  top: 30px;
}
.text-img-type-1 .text-wrapper a {
  color: black;
  border-bottom: 1px solid black;
}
.text-img-type-1 .text-wrapper p {
  color: #3e3e3e;
}

.text-img-type-2 {
  background: #717171;
  color: #ffffff;
  border-top: 10px solid #ffca3b;
}
.text-img-type-2 .aImage {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
.text-img-type-2 .img {
  background-color: #1292a1;
}
.text-img-type-2 .text-wrapper h3 {
  color: white;
  font-size: 36pt;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media (max-width: 800px) {
  .text-img-type-2 .text-wrapper h3 {
    font-size: 2rem;
  }
}
.text-img-type-2 .text-wrapper h4 {
  margin: 0 !important;
  padding-top: 0 !important;
  color: white;
  font-size: 22pt;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  border-bottom: inherit !important;
  padding-bottom: 70px;
  text-transform: uppercase;
}
.text-img-type-2 .text-wrapper h4:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: 3px dashed #ffca3b;
  left: calc(50% - 40px);
  top: 30px;
}
.text-img-type-2 .text-wrapper a {
  color: white;
  border-bottom: 1px solid white;
}

.bg-cover-fixed {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-cover {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-fit-cover {
  height: 100%;
  object-fit: cover;
}

.cid-sYtiOZS3A3 .row {
  flex-direction: row;
}

.row-reverse {
  flex-direction: row-reverse !important;
}

.cid-sYtjNiy8H1 .carousel {
  height: auto;
}

@media (min-width: 992px) {
  .cid-sYtjNiy8H1 .text-wrapper {
    padding: 2rem;
  }
}
.cid-sYtiOZS3A3 .text-wrapper, .cid-sYtjNiy8H1 .text-wrapper {
  padding: 2rem;
}

.cid-sYtjNiy8H1 .mbr-section-title {
  margin-bottom: 0;
}

/*----------------------*/
/* TEXTES */
/*----------------------*/
.bloc-text p {
  line-height: 1.5;
  text-align: justify;
  margin-top: 30px;
}

.column-count-0 p {
  line-height: 1.5;
}

.column-count-2 p {
  column-count: 2;
  column-gap: 40px;
}
@media (max-width: 992px) {
  .column-count-2 p {
    column-count: 1;
  }
}

.column-count-3 p {
  column-count: 3;
  column-gap: 40px;
}
@media (max-width: 992px) {
  .column-count-3 p {
    column-count: 1;
  }
}

/*----------------------*/
/* BLOC GALLERIE */
/*----------------------*/
.gallery-image {
  z-index: 12;
}

.cid-sYVVjIYuli .modal-body img {
  width: 100%;
  object-fit: contain;
  max-height: calc(100vh - 1.75rem);
  height: auto !important;
}

.gallery4 {
  position: relative;
  padding: 0 !important;
}
.gallery4 .gallery-image {
  z-index: 12;
  padding: 0;
}
.gallery4:after {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  background-color: white;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
.gallery4 h3 {
  font-size: 35pt;
  margin-bottom: 0;
  margin-top: 13px;
  text-transform: uppercase;
}
.gallery4 h4 {
  font-size: 17pt;
  margin: 5px 0 5px 0;
  text-transform: uppercase;
}
.gallery4 img {
  height: 450px !important;
}
.gallery4 figure:hover > img {
  transform: scale(1.2);
  transition: all 0.5s ease;
}
.gallery4 figure {
  min-height: 450px;
}
.gallery4 .container {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
.gallery4 figcaption {
  background: #ffffff;
  width: 80%;
  color: #527e7b;
  position: relative;
  top: -73px;
  min-height: 150px;
}
.gallery4 figcaption:after {
  content: "";
  position: relative;
  display: block;
  width: 17%;
  height: 2px;
  border-bottom: 2px dashed #12a184;
  top: 30px;
}

.gallery2 {
  background-color: #527e7b;
  /*.card-wrapper {
    border-radius: 12px;
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
    margin: 0px 15px 10px 15px;

    &.secondImage {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%) !important;
    }
  }

  .textContainer {
    span {
      color: $couleur4;
      font-weight: 500;
      font-size: 1.2rem;
      margin-bottom: 10px;

      &:after {
        content: "";
        display: block;
        position: relative;
        transform: skewX(-1deg);
        height: 25px;
        width: 95%;
        border-bottom: 2px dashed $couleur16;
        transform: rotate(3deg);
      }

      &.secondImage {
        &:after {
          transform: rotate(-3deg);
        }
      }
    }
  }*/
}
.gallery2 img {
  height: 100%;
  object-fit: cover;
}
.gallery2 .linkBtn {
  background-image: url(../medias_front/common/more.png);
  width: 60px;
  height: 42px;
  position: absolute;
  display: block;
  left: calc(50% - 30px);
  bottom: 83px;
  z-index: 12;
}

.cid-sYtl8fxYgW .tile:hover .image-wrap {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.cid-sYtl8fxYgW .image-wrap {
  overflow: hidden;
  transition: transform 0.3s;
  position: relative;
}

.cid-sYIQSfaAZ3.bg-img-map {
  /*db-connect: url('127.0.0.1:8889') mysql 'root' 'root' 'SELECT bloc_bg_color FROM pages_blocs WHERE bloc_id = 10';*/
  /*background: db('bloc_bg_color');*/
  background-image: url(../medias_front/common/carte-bg.jpg);
}

/*----------------------*/
/* BLOC document */
/*----------------------*/
.blocDocument h4 {
  margin: 0 !important;
  padding-top: 0 !important;
  color: #3e3e3e;
  font-size: 22pt;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  border-bottom: inherit !important;
  padding-bottom: 70px;
  text-transform: uppercase;
}
.blocDocument h4:after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  border-bottom: 3px dashed #ffca3b;
  left: calc(50% - 40px);
  top: 30px;
}
.blocDocument h3 {
  color: #3e3e3e;
  text-transform: uppercase;
  font-size: 36pt;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .blocDocument h3 {
    font-size: 2rem;
  }
}
.blocDocument .btn {
  background-color: #fcd743 !important;
  color: #3e3e3e !important;
  margin: 7px !important;
  width: 250px !important;
  text-transform: uppercase;
  border-radius: 0 !important;
  border: none !important;
}
.blocDocument .btn span {
  font-size: 12pt !important;
  font-weight: 600 !important;
}

/*----------------------*/
/* BLOC IMAGES */
/*----------------------*/
#image3-33.type0 {
  position: static;
}
#image3-33.type0 figure {
  min-height: 570px;
}
#image3-33.type0 .image-block {
  height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 10px solid #ffca3b;
  background-size: cover;
}
#image3-33.type0 .titleBloc {
  background-color: #fff;
  top: -100px;
  max-width: 30%;
  left: 35.5%;
}
@media (max-width: 530px) {
  #image3-33.type0 .titleBloc {
    bottom: -212px;
    top: -51px;
    max-width: 220px;
    left: 25.5%;
  }
}
@media (max-width: 400px) {
  #image3-33.type0 .titleBloc {
    display: contents;
  }
}
#image3-33.type0 .titleBloc h3 {
  color: #3e3e3e;
  font-size: 2rem;
  padding-top: 25px;
  padding-bottom: 5px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}
#image3-33.type0 .titleBloc h4 {
  margin: 0 !important;
  padding-top: 0 !important;
  color: #3e3e3e;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
#image3-33.type0 .titleBloc h4:after {
  content: "";
  position: relative;
  display: block;
  width: 13%;
  height: 2px;
  border-bottom: 2px dashed #ffca3b;
  margin: 0 auto;
  top: 20px;
}

.blocSousMenu {
  background-color: #527e7b;
}
.blocSousMenu img {
  height: 450px !important;
  object-fit: cover;
}
.blocSousMenu figure {
  min-height: 600px;
}
.blocSousMenu .container {
  position: relative;
  top: 351px;
  margin-top: -370px;
}
.blocSousMenu figcaption {
  background: #ffffff;
  width: 70%;
  color: #527e7b;
  position: relative;
  top: -73px;
  min-height: 150px;
}
.blocSousMenu figcaption:after {
  content: "";
  position: relative;
  display: block;
  width: 17%;
  height: 2px;
  border-bottom: 2px dashed #ffca3b;
  top: 30px;
}

#blanc {
  background-color: #ffffff;
  height: 200px;
}

.cid-sYtjNiy8H1 .carousel-indicators li.active, .cid-sYtjNiy8H1 .carousel-indicators li:hover {
  background-color: #fcd743;
  border-color: white;
}

.cid-sYtjNiy8H1 .carousel-control:hover {
  background-color: #fcd743;
}

.cid-sYtl8fxYgW {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f1f0f0;
}

.cid-sYtfgmlx9v .mbr-section-title, .cid-sYtfgmlx9v .mbr-section-btn {
  color: #3e3e3e;
  text-transform: uppercase;
  font-family: "Jost", sans-serif;
  font-size: 10px;
}

/*# sourceMappingURL=page.css.map */