@font-face {
    font-family: 'montserratbold';
    src: url('../font-web/montserrat-bold-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-bold-webfont.woff') format('woff'),
         url('../font-web/Montserrat-Bold.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextrabold';
    src: url('../font-web/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-extrabold-webfont.woff') format('woff'),
         url('../font-web/Montserrat-ExtraBold.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextralight';
    src: url('../font-web/montserrat-extralight-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-extralight-webfont.woff') format('woff'),
         url('../font-web/montserrat-extralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../font-web/montserrat-light-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-light-webfont.woff') format('woff'),
         url('../font-web/Montserrat-Light.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratmedium';
    src: url('../font-web/montserrat-medium-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-medium-webfont.woff') format('woff'),
         url('../font-web/Montserrat-Medium.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../font-web/montserrat-regular-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-regular-webfont.woff') format('woff'),
         url('../font-web/Montserrat-Regular.otf') format('OpenType');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('../font-web/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-semibold-webfont.woff') format('woff'),
         url('../font-web/montserrat-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratthin';
    src: url('../font-web/montserrat-thin-webfont.woff2') format('woff2'),
         url('../font-web/montserrat-thin-webfont.woff') format('woff'),
         url('../font-web/montserrat-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tomatoesregular';
    src: url('../font-web/tomatoes_personal_use-webfont.woff2') format('woff2'),
         url('../font-web/tomatoes_personal_use-webfont.woff') format('woff'),
         url('../font-web/tomatoes_personal_use-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
strong
{
  font-family: 'montserratmedium';
  font-weight: normal;
  text-decoration: underline;
}
body {
      font-family: 'montserratlight';
      color: #1e1d24;
      font-size: 18px;
      background-color: #fff !important;
  }
  .container-fluid{
    max-width: 1556px;
  }

 .actualite .container {
      max-width: 1238px;
  }
#other-content{
  margin-top: 76px;
}


.site-logo
{
  padding: 35px 0;
}
.site-logo a
{
  display: block;
}
.site-logo a img
{
  display: block;
  margin: auto
}
  .titre-bann{
    position: absolute;
    top: 107px;
    left: 0;
    right: 0;
    margin:auto;
    text-align: center;
  }
  .bannier{
    position: relative;
  }
  .bannier img
  {
    max-width: 100%;
  }
  .bannier img.slide-mob
  {
    display: none;
  }
  .slick-list{
    position: relative;
  }
  #homepage .titre-bann h1{
    font-size: 135px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 49px;
  }
  #homepage .titre-bann h1:after{
    content: '';
      position: absolute;
      display: block;
      width: 563px;
      height: 67px;
      background-image: url(../images/carte.png);
      background-repeat: no-repeat;
      background-size: contain;
      top: 4px;
  }
  #homepage .titre-bann h1:before{
      content: '';
      position: absolute;
      display: block;
      width: 563px;
      height: 2px;
      background:#dadcc4;
      background-repeat: no-repeat;
      top: 90px;
  }
  #homepage .titre-bann h1>span{
    font-size: 90px;
    color: #dadcc4;
    display: block;
    font-family: 'montserratsemibold';
    margin-top: -11px;
  }
  #homepage .titre-bann h1>span{
    position: relative;
  }
  #homepage .titre-bann h1>span:before{
      content: '';
      position: absolute;
      display: block;
      width: 552px;
      height: 2px;
      background:#dadcc4;
      background-repeat: no-repeat;
      top: 111px;
      right: 0;
      z-index: 9;
  }
  .titre-bann button{
    border: 0;
    padding: 0;
  }
  .titre-bann button a{
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    padding: 33px 86px;
    display: block;
    background-color: #fff;
    font-family: 'montserratmedium';
  }
  li.slick-active:focus {
      outline: 0 !important;
      border:0 !important;
  }
/* Fin slider*/
/*Début contact*/

  .contact .mail{
    font-size: 21px;
    color: #1e1d24;
    position: relative;
    padding-left: 54px;
  }
  .contact .mail a{
    color: #1e1d24;
  }
   .contact .mail a:hover,.contact .mail a:active,.contact .mail a:focus{
    text-decoration: none;
  }
  .contact .mail:hover{
    color: #1e1d24;
    text-decoration: none;
  }
  .contact .mail:after{
    content: '';
    position: absolute;
    background-image: url(../images/mail.png);
    background-repeat: no-repeat;
    top: 0px;
    width: 58px;
    height: 25px;
    left: 0;
  }
  .contact .tel:after{
    content: '';
    position: absolute;
    background-image: url(../images/tel.png);
    background-repeat: no-repeat;
    top: -11px;
    width: 58px;
    height: 41px;
    left: 0;
  }
  .contact .tel{
    font-size: 21px;
    margin:40px 0 35px;
    position: relative;
    padding-left: 54px;
  }
  .double-cor {
      margin-bottom: 24px;
  }
  .contact .coordone{
    color: #0577ab;
    font-size: 30px;
    font-family: 'montserratmedium';
    text-transform: uppercase;
    margin-bottom: 34px;
  }
  .breadcrumb {
    padding: 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    margin-top: -10px;
  }
  .breadcrumb > li + li:before {
     color: #1e1d24;
     content: "> ";
     padding: 0;
  }
  .breadcrumb li {
     font-size: 14px;
  }
  .breadcrumb li a{
     text-decoration: none;
     color: #1e1d24;
  }
  .breadcrumb li a:hover{
     text-decoration: none;
     color: #0577ab;
  }
  .breadcrumb>.active {
      color: #0577ab;
  }
  #other-content {
      margin-top: 96px;
  }
  .cordone-normal {
      line-height: 40px;
  }
  .cordonner h2{
    margin-bottom: 84px;
    margin-top: 40px;
  }
  .cordonner .coord{
    margin-bottom: 31px; 
  }
/*Fin contact*/
.special .rang-heiht{
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}
.wysiwyg .special .rang-heiht:nth-child(2){
    margin-bottom: 0;
}
.special .text-center a strong>span {
  font-size: 43px;
  font-family: 'montserratextralight';
  display: block;
  line-height: 31px;
}
.navbar-collapse.collapse.in{
  background: #1b1f2a;
  margin-top: 46px;
}
.carousel-caption {
    top: 50%;
}
.glyphicon-chevron-left img, .glyphicon-chevron-right img, .glyphicon-search img{
  width: 100%;
  height: 100%;
}
.glyphicon-search img{
  width: 15px;
  height: auto;
  position: absolute;
  top: -12px;
  right: -9px;
}

.glyphicon-remove::before ,
.glyphicon-chevron-right::before, 
.glyphicon-ok::before,
.glyphicon-chevron-left::before,
.glyphicon-search::before,
.glyphicon-map-marker::before,
.glyphicon-phone::before,
.glyphicon-user::before,
.glyphicon-shopping-cart::before,
.glyphicon-lock::before,
.glyphicon-envelope::before{
  content: "" !important;
}


  .container {
     padding: 30px 0;
  }

  .blog_slider {
      margin-top: 0;
  }

  .carousel-caption h3 {
      color: #fff !important;
  }
  .bg-1 {
      background: #2d2d30;
      color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
  .btn {
      padding: 10px 20px;
      background-color: #1d1d75;
      color: #fff;
      border-radius: 0;
      transition: .7s;
      font-weight: 700;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #6c6cc2;
      background-color: #6c6cc2;
      color: #fff;
      font-weight: 700;
  }
  


.container{
  max-width:1238px;
 /* height: 95px;*/
}
#content{
  margin-top: 18px;
}

.container{
  width: 1598 !important;
}
.left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 31px;
    width: 20px;
    height: 20px;
    margin: auto;
}
.right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 31px !important;
    width: 20px;
    height: 20px;
    margin: auto;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/*Bloc Edito president*/
.president{
  margin-bottom: 61px;
  z-index: 999;
}
.edito{
  font-size: 27px;
  text-transform: uppercase;
  color: #797979;
  font-family:'montserratlight';
  margin-top: 28px;
  letter-spacing: 3px;
}
.groupe{
    color: #1b1f29;
    font-family: 'montserratmedium';
    text-transform: uppercase;
    position: relative;
    font-size: 55px;
    margin: 37px 0 81px;
}
.groupe:after{
    content: '';
    position: absolute;
    background-image: url(../images/guem.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 6px;
    width: 82px;
    height: 58px;
    right: -87px;
}
.president{
  position: relative;
}
.president:after{
  content: '';
  position: absolute;
  display: block;
  width: 399px;
  height: 2px;
  background: #0776ab;
  background-repeat: no-repeat;
  top: 215px;
}
.text-normal {
    margin-bottom: 51px;
}
.logo-moyens {
    position: absolute;
    top: 52.5%;
    left: -6%;
}
.president .bloc-left{
  position: relative;
}
.bloc-left>figure{
  text-align: right;
}
.text-st{
  color: #0e75a4;
  font-size: 20px;
  font-family: 'tomatoesregular';
  margin-bottom: 46px;
  letter-spacing: 5px;
} 
.fondateur{
  font-size: 18px;
  text-transform: uppercase;
  color: #797979;
  font-family:'montserratlight';
  letter-spacing: 3px;
} 
.president .container{
  padding-top: 0 !important;
  padding-bottom: 5%;
}

/*Fin Bloc Edito president*/

/*Contact*/
h2{
  font-size: 65px;
  text-transform: uppercase;
  font-family:'montserratsemibold';
  color: #1b1f29;
  position: relative;
  text-align: center;
}
.cotent-contact
{
  background: #f5f5f5;
}
.cotent-contact h2{
  position: relative;
  text-align: center;
  font-size: 55px;
  margin-top: 59px;
}
.cotent-contact h2:after{
    content: '';
    position: absolute;
    display: block;
    width: 85px;
    height: 2px;
    background: #1886b8;
    background-repeat: no-repeat;
    top: -48%;
    left: 0;
    right: 0;
    margin: auto;
}
 .cotent-contact a{
      display: inline-block;
      background: #1886b8;
      padding: 16px 27px;
      font-size: 21px;
      text-transform: uppercase;
      font-family: 'montserratsemibold';
      color: #ffffff;
      text-decoration: none;
      margin-bottom: 36px;
      border: 2px solid #1886b8;
      background-size: 100% 200%;
      background-image: linear-gradient(to bottom, #1886b8 50%, transparent 50%);
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      transition: all ease 0.5s;
  }
    .cotent-contact a:hover {
      background-color: #ffffff;
      background-position: 0 -100%;
      color: #1886b8;
      text-decoration: none !important;
  }

.cotent-contact p{
  text-align: center;
}
.cotent-contact .entry-content p:first-child{
  padding: 0 290px;
  margin-bottom: 40px;
  margin-top: 31px;
}
/*Fin contact*/

/* RESPONSIVE */
@media only screen and (max-width: 1920px) and (min-width: 992px)
{
  html
  {
    font-size: calc( 100vw / 192);
  }
  body
  {
    font-size: 1.8rem;
  }
  .container
  {
    width: 127rem;
  }
  .site-logo 
  {
    padding: 3.5rem 0;
  }
  .site-logo a img
  {
    width: 16.9rem;
  }
  #homepage .titre-bann h1 
  {
    font-size: 13.5rem;
    margin-bottom: 4.9rem;
  }
  #homepage .titre-bann h1:before 
  {
    width: 56.3rem;
    top: 9rem;
  }
  #homepage .titre-bann h1:after 
  {
    width: 56.3rem;
    top: 0.4rem;
  }
  

  #homepage .titre-bann h1>span {
      position: relative;
  }
  #homepage .titre-bann h1>span {
    font-size: 9rem;
    margin-top: -1.1rem;
  }
  #homepage .titre-bann h1>span:before 
  {
    width: 55.2rem;
    top: 11.1rem;
  }
  .edito 
  {
    font-size: 2.7rem;
    margin-top: 2.8rem;
    letter-spacing: 0.3rem;
  }
  .groupe 
  {
    font-size: 5.5rem;
    margin: 3.7rem 0 8.1rem;
  }
  .groupe:after
  {
    top: 0.6rem;
    width: 8.2rem;
    height: 5.8rem;
    right: -8.7rem;
  }
  .text-normal {
    margin-bottom: 5.1rem;
  }
  .text-st {
    font-size: 2.0rem;
    margin-bottom: 4.6rem;
    letter-spacing: 0.5rem;
  }
  .fondateur {
    font-size: 1.8rem;
    letter-spacing: 0.3rem;
  } 
  .president
  {
    margin-bottom: 6.1rem;
  }
  .president:after 
  {
    width: 39.9rem;
    top: 21.5rem;
  }
  .president .bloc-left .equipe
  {
    width: 57.2rem;
  }
  .president .bloc-left .logo-moyens .logo-special
  {
    width: 30.1rem;
  }

  .cotent-contact h2 
  {
    font-size: 5.5rem;
    margin-top: 5.9rem;
  }
  .cotent-contact .entry-content p:first-child {
    padding: 0 29rem;
    margin-bottom: 4rem;
    margin-top: 3.1rem;
  }
  .cotent-contact a {
    padding: 1.6rem 2.7rem;
    font-size: 2.1rem;
    margin-bottom: 3.6rem;
  }
}
@media only screen and (max-width: 991px)
{
  body
  {
    font-size: 4vw;
  }
  .site-logo
  {
    padding: 15px;
  }
  .site-logo a img
  {
    width: 30vw;
  }
  .bannier img.slide-desktop
  {
    display: none;
  }
  .bannier img.slide-mob
  {
    display: block;
  }
  .titre-bann {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
  }
  #homepage .titre-bann h1
  {
    font-size: 10vw;
    margin-bottom: 0;
  }
  #homepage .titre-bann h1>span
  {
    font-size: 7vw;
    margin-top: 0;
    display: block;
    padding: 15px;0
  }
  #homepage .titre-bann h1:before,
  #homepage .titre-bann h1>span:before
  {
    content: none;
  }
  #homepage .titre-bann h1:after {
    position: static;
    display: block;
    margin: 25px 0 0;
    background-color: rgb(115 174 202 / 59%);
    width: 100%;
    background-size: 60%;
    background-position: center;
    height: 9vw;
  }
  .president
  {
    text-align: center;
  }
  .president:after
  {
    right: 0;
    left: 0;
    margin: auto;
  }
  .president .row
  {
    margin: 0 auto;
  }
  .edito
  {
    font-size: 3.5vw;
  }
  .groupe
  {
    font-size: 7vw;
    margin: 4.8vw 0 11vw;
  }
  .president .fondateur
  {
    margin-bottom: 60px;
  }
  .groupe:after 
  {
    top: 15px;
    width: 60px;
    height: 43px;
    right: 100px;
  }
  .equipe
  {
    width: 75vw;
  }
  .logo-moyens 
  {
    position: absolute;
    top: 52.5%;
    left: 3%;
  }
  .logo-moyens img
  {
    width: 36vw;
  }
  .cotent-contact .entry-content p:first-child
  {
    padding: 0 15px;
  }
  .cotent-contact h2
  {
    font-size: 7vw;
  }
}
@media only screen and (max-width: 767px)
{
  .president:after
  {
    content: none;
  }
  .groupe:after {
    content: '';
    height: 1px;
    background: #0776ab;
    left: 0;
    right: 0;
    bottom: -14vw;
    width: 50%;
    margin: auto;
  }
  .cotent-contact h2
  {
    margin-top: 5vw;
  }
  .cotent-contact a
  {
    margin-bottom: 0;
  }

}