@font-face {
    font-family: 'freeset';
    src: url('freeset/FreeSet_DemiBold.woff2') format('woff2'),
         url('freeset/FreeSet_DemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Poppins Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Regular'), url('popins/Poppins-Regular.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Italic'), url('popins/Poppins-Italic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Thin'), url('popins/Poppins-Thin.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Thin Italic'), url('popins/Poppins-ThinItalic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraLight'), url('popins/Poppins-ExtraLight.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraLight Italic'), url('popins/Poppins-ExtraLightItalic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Light';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Light'), url('popins/Poppins-Light.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Light Italic'), url('popins/Poppins-LightItalic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Medium'), url('popins/Poppins-Medium.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Medium Italic'), url('popins/Poppins-MediumItalic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins SemiBold'), url('popins/Poppins-SemiBold.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins SemiBold Italic'), url('popins/Poppins-SemiBoldItalic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Bold'), url('popins/Poppins-Bold.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Bold Italic'), url('popins/Poppins-BoldItalic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraBold'), url('popins/Poppins-ExtraBold.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins ExtraBold Italic'), url('popins/Poppins-ExtraBoldItalic.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Black';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Black'), url('popins/Poppins-Black.woff') format('woff');
    }


    @font-face {
    font-family: 'Poppins Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Black Italic'), url('popins/Poppins-BlackItalic.woff') format('woff');
    }
body {background-color: rgba(244, 241, 234, 0.18); font-family: 'Poppins Regular'; background-color: white}
h2 a, h3 a, h4 a {color: inherit;}
.h1, h1 {font-size: 3.5rem}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: normal;    font-family: 'Poppins Medium';}
.color-white {color: white}
.background-white {background-color: rgba(244, 241, 234, 0.58)}
hr {height: 0px; border:1.5px solid #ccc}
.grand-text {font-size: 2rem}

.containerlarge {max-width: 1300px}

.logos-site {position: relative; width: 100%; text-align: center;}
.logo-site {float: none;}

.titre-site {position: absolute;
left: calc(50% - 149px);
top: 39%;
font-family: 'Poppins Medium';
text-transform: uppercase;
font-size: 3rem;
color: black;}

.titre-mirador{position: absolute;
left: calc(50% + 46px);
top: 18%;
font-family: 'Poppins Medium';
text-transform: uppercase;
font-size: 3rem;
color: black;}
  @media (max-width: 600px) {
    .titre-mirador, .titre-site {font-size: 2rem}
    .titre-site{left: calc(50% - 132px);}
    .titre-mirador {top: 22%;}
  }
.wrap-header img.spip_logo {max-width: 150px}


.wrap-nav-mobile {
  position: fixed !important;
  z-index: 9999 !important;
  top: 0.2rem !important;
  right: 1rem !important;
  width: auto !important;
}

#nav-mobile-toggle, #nav-mobile-toggle.open {background-color: #F9F7F3;border: solid 1px black !important;}
#nav-mobile-toggle .icon-nav {background: black;}
#nav-mobile-toggle .icon-nav::before, #nav-mobile-toggle .icon-nav::after,
#nav-mobile-toggle.open .icon-nav, #nav-mobile-toggle.open .icon-nav::before, #nav-mobile-toggle.open .icon-nav::after {
  background: black;
}
#nav-mobile {background-color: #F9F7F3;}
#nav-mobile a, #nav-mobile li li a {color: black !important}
#nav-mobile-toggle.open .icon-nav {background: black}

.owl-dots {margin-top: 1rem}
.wrap-nav-mobile{position: absolute;z-index: 9999; top:0.2rem;right: 2rem;width: auto;}
#nav-mobile-toggle{border: solid 1px white;
width: 45px;
height: 45px;
padding: 0}

#nav-mobile-toggle .icon-nav {right: 11px;
top: 19px;}

.list-style-none {list-style: none;}


.overflowx {overflow-x: auto;}
.section-timeline .vco-slider .slider-item .content .content-container .text .container h2.date, .section-timeline .vco-slider, .section-timeline .vco-storyjs h2.start {
    background: none;
}
.owl-nav {display: block;}
@media (min-width: 700px) {


}
@media (max-width: 700px) {
}


@media (max-width: 600px) {
  .item.row .col-12.col-sm-6.col-md-4 h4 {margin-top: 1rem}
  .item.row .col-12.col-sm-6.col-md-4 .note {margin-bottom: 2rem; border-bottom: dotted 1px black}
}

.item h4{margin-top: 1rem}

.btn-suite {color: #d90000}

.pagination > ul {display: flex;}


.blocarticle a { display: block; padding: 1rem;border: solid 1px rgba(0,0,0,0.05); transition: all 0.5s; position: relative; background-color: white}
.blocarticle a:hover{box-shadow: 1px 1px 4px 0px rgba(5,5,5,0.15); text-decoration: none; color: inherit; transition: all 0.5s}
.blocarticle a p {margin: 0}

.blocarticleune img {width: 100%}

.blocarticle a {}

.blocarticle .publication {line-height: 1.1}
.motblock {position: absolute;top: 0; right: 0; background-color: black; color: white}

.nav-tabs .nav-link {background-color: transparent; padding: 1.5rem 3rem;}
.nav-tabs .nav-link:hover {color: red}
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs .nav-link.active {background-color: #57585A; color: white}

.notebox p {font-size: 1.4rem}


.header {display: flex;flex-wrap: wrap;}
#headertop {    background-color: white;
    border-bottom: solid 1px rgba(0,0,0,0.1);}
#headertop > div {text-align:center;}
#headertop a {color: black;font-size: 1.3rem;
text-transform: uppercase;}
#menutopdroit  {display: inline-block;}
#menutopdroit > ul {width: auto;
display: inline-flex; margin-right: 0rem}
#menutopdroit > ul > li:first-child{padding-left: 0}
#menutopdroit > ul > li {margin-bottom: 0}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}

.menu_production{border:solid 1px #57585A}
.menu_production .menu-entree {flex-grow: 1}

.menu_production .menu-entree a.active {font-weight: bold;}


.owl-carousel .owl-stage { display: flex; }
/*(2) the direct div of each element in the owl carousel*/
.owl-items, .owl-item > div, .owl-item > div a { height: 100%; }


.owl-nav > div {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
  z-index: 999
}
.owl-nav > div.owl-prev, .owl-nav > div.owl-next {opacity: 0.5}
.owl-nav > div.owl-prev:hover, .owl-nav > div.owl-next:hover {opacity: 1}
.owl-nav > div.owl-prev {
  left: -3rem;
}
.owl-nav > div.owl-prev img {transform: rotate(180deg);}
.owl-nav > div.owl-next {
  right: -3rem;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots > div.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots > div.owl-dot.active {
  background-color: #000;
}
.owl-dots > div.owl-dot:focus {
  outline: none;
}
.owl-nav > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.owl-nav > div:focus {
    outline: none;
}

.greseaechohome {position: relative;}

.greseaechohome::before {
  content: "";
  width: calc(1260px + (100vw - 1440px) / 2);
  height: 100%;
  background-color: rgba(244, 241, 234, 0.58);
  border-top-left-radius: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  max-width: 100vw;
}
.miradorhome {position: relative;
margin-bottom: 8rem;
padding: 3rem;}
.miradorhome::before {
  content: "";
  width: calc(1260px + (100vw - 1440px) / 2);
  height: 100%;
  background-color: rgba(244, 241, 234, 0.58);
  border-top-right-radius: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  max-width: 100vw;
}


.flechedroite {border-left: solid 4px #000000;
border-bottom: solid 2px #000000;
border-radius: 0 0 0 50px;
display: inline-block;
padding: 0rem 2rem 3.5rem;
position: relative;}
/*.flechedroite:after{content: ">";
position: absolute;
right: 0;
bottom: -19px;
font-size: 4rem;
line-height: 1;
color: #c4b9a1}*/
.flechegauche .h1, .flechedroite .h1 {line-height: 1; font-size: 3rem}
.flechegauche {border-right: solid 4px #000000;
border-top: solid 2px #000000;
border-radius: 0 50px 0 0 ;
display: inline-block;
padding: 2.5rem 2rem 0rem;
position: relative;}
/*.flechegauche:after{content: "<";
position: absolute;
left: -2px;
top: -19px;
font-size: 4rem;
line-height: 1;
color: #c4b9a1}*/

.actusunelistes a {color: #5e5e5e}
.actusunelistes a .entry-title{  font-family: 'Poppins Light';}

.tabledonneentreprise td {font-size: 1.4rem}


.owl-nav > div {background-color: none !important}


.chart-modal {text-align: center;}
.chart-modal canvas {margin: 0 auto;}


.formulaire_formidable {background-color: #F9F7F3;
padding: 2rem;}
.formulaire_formidable .editer-groupe > div {margin-bottom: 1rem}
.formulaire_formidable legend {
  padding-bottom: 4px;
  color: #000;
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
}
.formulaire_formidable .saisie_oui_non .choix {
  display: inline-block;
  width: 30px !important;
}