@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");

/*#wpadminbar {
  display: none;
  }*/

  iframe {
    max-width: 100%;
  }

  /***     VARIABLES.   ***/
  /****/
  /***     BASES.   ***/
  /* line 34, ../../sass/sass/custom.scss */
  body {
    font-family: 'Roboto Condensed';
    color: #112a41;
  }

  /* line 38, ../../sass/sass/custom.scss */
  img {
    max-width: 100%;
  }

  /* line 41, ../../sass/sass/custom.scss */
  h1 {
    font-size: 65px;
    text-transform: uppercase;
  }

/*h3{
	font-size: 50px;
  }*/
  /* line 48, ../../sass/sass/custom.scss */
  h1, h2, h3 {
    color: #112a41;
    margin-bottom: 20px;
  }

  /* line 52, ../../sass/sass/custom.scss */
  h2, h3, h4 {
    font-weight: bold;
  }

  /* line 57, ../../sass/sass/custom.scss */
  a {
    color: #82c9f0;
    transition: 0.3s ease;
  }
  /* line 60, ../../sass/sass/custom.scss */
  a:hover {
    color: #112a41;
  }

  /* line 64, ../../sass/sass/custom.scss */
  a:hover {
    text-decoration: none;
  }

  /* line 67, ../../sass/sass/custom.scss */
  a:focus {
    text-decoration: none;
  }

  /* line 73, ../../sass/sass/custom.scss */
  p {
    font-size: 19px;
    font-weight: lighter;
    line-height: 30px;
  }

  /* line 78, ../../sass/sass/custom.scss */
  strong {
    font-weight: 600;
  }

  /* line 81, ../../sass/sass/custom.scss */
  .bold {
    font-weight: bold;
  }

  /* line 84, ../../sass/sass/custom.scss */
  .uppercase {
    text-transform: uppercase;
  }

  /* line 87, ../../sass/sass/custom.scss */
  .text-center {
    text-align: center;
  }

  /* line 90, ../../sass/sass/custom.scss */
  .text-left {
    text-align: left;
  }

  /* line 93, ../../sass/sass/custom.scss */
  .text-right {
    text-align: right;
  }

  /* line 96, ../../sass/sass/custom.scss */
  .pull-right {
    float: right !important;
  }

  /* line 99, ../../sass/sass/custom.scss */
  .flex {
    display: flex;
  }

  /* line 102, ../../sass/sass/custom.scss */
  .flexcolum {
    flex-direction: column;
  }

  /* line 105, ../../sass/sass/custom.scss */
  .alignitemcenter {
    align-items: center;
  }

  /* line 108, ../../sass/sass/custom.scss */
  .alignselfcenter {
    align-self: center;
  }

  /* line 111, ../../sass/sass/custom.scss */
  .nopadding {
    padding: 0;
  }

  /* line 114, ../../sass/sass/custom.scss */
  .nopaddingright {
    padding-right: 0;
  }

  /* line 117, ../../sass/sass/custom.scss */
  .nopaddingleft {
    padding-left: 0;
  }

  /* line 120, ../../sass/sass/custom.scss */
  .nomargin {
    margin: 0;
  }

  /* line 123, ../../sass/sass/custom.scss */
  ul {
    padding-left: 0;
    margin-bottom: 0;
  }
  /* line 130, ../../sass/sass/custom.scss */
  ul.list {
    padding-left: 11px;
    margin-bottom: 30px;
  }
  /* line 133, ../../sass/sass/custom.scss */
  ul.list li {
    margin-bottom: 8px;
    line-height: 20px;
    position: relative;
  }
  /* line 137, ../../sass/sass/custom.scss */
  ul.list li:before {
    content: '';
    font-size: 32px;
    line-height: 4px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 3px;
    background: black;
    height: 3px;
    border-radius: 1px;
    top: -1px;
    left: -11px;
    margin-right: -3px;
  }
  /* line 153, ../../sass/sass/custom.scss */
  ul.list.ullink {
    padding-left: 0;
  }
  /* line 156, ../../sass/sass/custom.scss */
  ul.list.ullink li:before {
    display: none;
  }

  /* line 163, ../../sass/sass/custom.scss */
  ul.twolist {
    float: left;
    width: calc(50% - 15px);
  }
  /* line 166, ../../sass/sass/custom.scss */
  ul.twolist:first-of-type {
    margin-right: 30px;
  }

  /* line 171, ../../sass/sass/custom.scss */
  .fakewrapperleft {
    padding-left: calc(50% - 555px);
  }

  /* line 174, ../../sass/sass/custom.scss */
  .fakewrapperright {
    padding-right: calc(50% - 555px);
  }

  /* line 177, ../../sass/sass/custom.scss */
  .container-fluid {
    padding-right: 100px;
    padding-left: 100px;
  }

  /* line 181, ../../sass/sass/custom.scss */
  .relative {
    position: relative;
  }

  /* line 184, ../../sass/sass/custom.scss */
  .subtitle {
    color: #8e9894;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  /* line 189, ../../sass/sass/custom.scss */
  .overflowhidden {
    position: relative;
    overflow: hidden;
  }

  /* line 193, ../../sass/sass/custom.scss */
  p.joinus {
    margin-top: 40px;
  }

  /* line 197, ../../sass/sass/custom.scss */
  .text-white h2, .text-white h3, .text-white h4, .text-white h5 {
    color: white;
  }

  /*****    BTN    ******/
  /* line 202, ../../sass/sass/custom.scss */
  .btn {
    background: #112a41;
    border: 1px solid #112a41;
    border-radius: 25px;
    color: white;
    transition: 0.3s ease;
    padding: 12px 30px;
    text-transform: uppercase;
    text-align: center;
    line-height: 12px;
  }
  /* line 212, ../../sass/sass/custom.scss */
  .btn:hover {
    background: transparent;
    color: #112a41;
  }
  /* line 216, ../../sass/sass/custom.scss */
  .btn.btn-white {
    background: none;
    border-color: white;
  }
  /* line 219, ../../sass/sass/custom.scss */
  .btn.btn-white:hover {
    background: white;
    color: #112a41;
  }

  /* line 226, ../../sass/sass/custom.scss */
  .btn.focus, .btn:focus, button:focus {
    box-shadow: none;
    outline: none;
  }

  /* line 230, ../../sass/sass/custom.scss */
  ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    font-size: 16px;
    opacity: 1;
    /* Firefox */
    font-weight: lighter;
  }

  /* line 237, ../../sass/sass/custom.scss */
  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: black;
    font-size: 16px;
    font-weight: lighter;
  }

  /* line 243, ../../sass/sass/custom.scss */
  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: black;
    font-size: 16px;
    font-weight: lighter;
  }
  .imgonly{
    position: relative;
    padding-bottom: 20px;
    z-index: 4;
  }
  .imgonly img{
    width: 100%;
  }
  .imgonly .cap_textimg{
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ba190d0d',GradientType=0 );
    color: white;
    display: flex;
    align-items: flex-end;
    font-weight: lighter;
    justify-content: flex-start;
    padding: 5px;
    position: absolute;
    height: 100%;
    top: 0;
    line-height: 18px;
    left: 0;
    right: 0;
    width: 100%;
  }
  #le-squelette .imgonly .cap_textimg{
    background: none;
    color: black;
    text-align: center;
    justify-content: center;
    position: relative;
  }
  /************               ************/
  /***********      HEADER     ***********/
  /***********                ***********/
  /* line 251, ../../sass/sass/custom.scss */
  .search-form {
    display: inline-flex;
    align-items: center;
    border: 1px solid #112a41;
    border-radius: 25px;
    padding: 1px 0px 0 10px;
  }
  /* line 2, ../../sass/sass/mixins.scss */
  .search-form ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8894a0;
    opacity: 1;
    /* Firefox */
  }
  /* line 7, ../../sass/sass/mixins.scss */
  .search-form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8894a0;
  }
  /* line 11, ../../sass/sass/mixins.scss */
  .search-form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #8894a0;
  }
  /* line 258, ../../sass/sass/custom.scss */
  .search-form label {
    margin-bottom: 0;
  }
  /* line 261, ../../sass/sass/custom.scss */
  .search-form input {
    color: #8894a0;
    border: none;
    padding: 0;
  }
  /* line 265, ../../sass/sass/custom.scss */
  .search-form input:focus {
    outline: none;
  }
  /* line 269, ../../sass/sass/custom.scss */
  .search-form button {
    background: none;
    border: none;
    cursor: pointer;
    line-height: 13px;
  }
  .wpml-ls-legacy-list-horizontal{
    display: inline-block;
    border: none;
    padding: 0;
    margin-right: 40px;
  }
  .wpml-ls-legacy-list-horizontal a{
    padding: 0;
  }
  .wpml-ls-legacy-list-horizontal a span{
    vertical-align: inherit;
  }
  /* line 276, ../../sass/sass/custom.scss */
  header {
    padding: 5px 0 10px;
    z-index: 10;
    width: 100%;
  }
  /* line 280, ../../sass/sass/custom.scss */
  header a {
    color: #112a41;
  }
  /* line 284, ../../sass/sass/custom.scss */
  header .nav-top .menu-menu-fr-top-container, header .nav-top .menu-menu-en-top-container {
    display: inline-block;
  }
  header .nav-top{
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  /* line 287, ../../sass/sass/custom.scss */
  header .nav-top ul {
    display: inline-block;
  }
  /* line 289, ../../sass/sass/custom.scss */
  header .nav-top ul li {
    display: inline-block;
    margin-right: 40px;
    list-style: none;
  }
  header .nav-top ul li#nav-faire-un-don a,
  header .nav-top ul li#nav-donate a {
    border: 1px solid #112a41;
    border-radius: 25px;
    padding: 5px 15px;
  }

  header .nav-top ul li#nav-faire-un-don a:hover,
  header .nav-top ul li#nav-donate a:hover {
    background: #112a41;
    color: #FFFFFF;
  }
}
header ul li {
  list-style: none;
  position: initial;
  padding-bottom: inherit;
  padding-left: inherit;
}
header ul li:before {
  display: none;
}
/* line 292, ../../sass/sass/custom.scss */
header .nav-top ul li a {
  font-weight: lighter;
  display: block;
  line-height: 15px;
}
header .nav-top ul li#nav-signaler-une-urgence a, header .nav-top ul li#nav-marine-mammal-emergencies a{
  padding: 5px 15px;
  background: #112a41;
  border: 1px solid #112a41;
  border-radius: 25px;
  color: white;
}
header .nav-top ul li#nav-signaler-une-urgence a:hover, header .nav-top ul li#nav-marine-mammal-emergencies a:hover{
  background: transparent;
  color: #112a41;
}
/* line 301, ../../sass/sass/custom.scss */
header .logo a span {
  color: #112a41;
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
}
/* line 309, ../../sass/sass/custom.scss */
header .logo a img {
  width: 240px;
}
/* line 314, ../../sass/sass/custom.scss */
header .col-menu {
  position: inherit;
}
/* line 319, ../../sass/sass/custom.scss */
header #menu-main-menu-fr.menu #nav-agir > .sub-menu, header #menu-main-menu-en.menu #nav-act > .sub-menu  {
  display: flex;
  justify-content: flex-end;
}
/* line 325, ../../sass/sass/custom.scss */
header #menu-main-menu-fr.menu #nav-decouvrir > a, header #menu-main-menu-fr.menu #nav-observer > a, header #menu-main-menu-fr.menu #nav-agir > a,
header #menu-main-menu-en.menu #nav-discover > a, header #menu-main-menu-en.menu #nav-observe > a, header #menu-main-menu-en.menu #nav-act > a
{
  pointer-events: none;
}
/* line 329, ../../sass/sass/custom.scss */
header #menu-main-menu-fr.menu #nav-decouvrir, header #menu-main-menu-fr.menu #nav-observer, header #menu-main-menu-fr.menu #nav-magazine, header #menu-main-menu-fr.menu #nav-agir, header #menu-main-menu-en.menu #nav-discover, header #menu-main-menu-en.menu #nav-observe, header #menu-main-menu-en.menu #nav-magazine, header #menu-main-menu-en.menu #nav-act {
  font-size: 18px;
  display: inline-block;
  text-transform: uppercase;
  margin-left: 50px;
  font-weight: 500;
}
/* line 335, ../../sass/sass/custom.scss */
header #menu-main-menu-fr.menu #nav-decouvrir:hover > .sub-menu, header #menu-main-menu-fr.menu #nav-observer:hover > .sub-menu, header #menu-main-menu-fr.menu #nav-magazine:hover > .sub-menu, header #menu-main-menu-fr.menu #nav-agir:hover > .sub-menu,
header #menu-main-menu-en.menu #nav-discover:hover > .sub-menu, header #menu-main-menu-en.menu #nav-observe:hover > .sub-menu, header #menu-main-menu-en.menu #nav-magazine:hover > .sub-menu, header #menu-main-menu-en.menu #nav-act:hover > .sub-menu {
/*    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
  */  }
  /* line 340, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu, header #menu-main-menu-fr.menu #nav-observer > .sub-menu, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu, header #menu-main-menu-fr.menu #nav-agir > .sub-menu,
  header #menu-main-menu-en.menu #nav-discover > .sub-menu, header #menu-main-menu-en.menu #nav-observe > .sub-menu, header #menu-main-menu-en.menu #nav-magazine > .sub-menu, header #menu-main-menu-en.menu #nav-act > .sub-menu {
    background: white;
    padding: 20px 80px;
    position: absolute;
    width: 100%;
    z-index: 20;
    left: 0;
    right: 0;
    line-height: 27px;
/*    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;*/
  }


  header .menu .nav-item .sub-menu {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.7s;
  }

  header .menu .nav-item:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.7s;
  }


  /* line 352, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li,
  header #menu-main-menu-en.menu #nav-discover > .sub-menu > li, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li, header #menu-main-menu-en.menu #nav-act > .sub-menu > li {
    width: calc(25% - 20px);
    display: block;
    float: left;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-right: 20px;
  }
  /* line 359, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li > a, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li > a, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li > a, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li > a,
  header #menu-main-menu-en.menu #nav-discover> .sub-menu > li > a, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li > a, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li > a, header #menu-main-menu-en.menu #nav-act > .sub-menu > li > a {
    font-weight: 500;
    pointer-events: none;
    margin-bottom: 10px;
    display: block;
    line-height: 21px;
  }
  /* line 363, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li > a span, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li > a span, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li > a span, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li > a span, 
  header #menu-main-menu-en.menu #nav-discover > .sub-menu > li > a span, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li > a span, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li > a span, header #menu-main-menu-en.menu #nav-act > .sub-menu > li > a span {
    display: block;
  }
  /* line 367, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li .sub-menu, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li .sub-menu, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li .sub-menu, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li .sub-menu,
  header #menu-main-menu-en.menu #nav-discover > .sub-menu > li .sub-menu, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li .sub-menu, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li .sub-menu, header #menu-main-menu-en.menu #nav-act > .sub-menu > li .sub-menu {
    text-transform: initial;
    font-weight: lighter;
  }
  /* line 371, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li .sub-menu li a, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li .sub-menu li a, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li .sub-menu li a, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li .sub-menu li a,
  header #menu-main-menu-en.menu #nav-discover > .sub-menu > li .sub-menu li a, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li .sub-menu li a, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li .sub-menu li a, header #menu-main-menu-en.menu #nav-act > .sub-menu > li .sub-menu li a {
    line-height: 19px;
    display: block;
    margin-bottom: 10px;
  }
  /* line 377, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li .sub-menu .sub-menu, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li .sub-menu .sub-menu, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li .sub-menu .sub-menu, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li .sub-menu .sub-menu,
  header #menu-main-menu-en.menu #nav-discover > .sub-menu > li .sub-menu .sub-menu, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li .sub-menu .sub-menu, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li .sub-menu .sub-menu, header #menu-main-menu-en.menu #nav-act > .sub-menu > li .sub-menu .sub-menu {
    font-size: 16px !important;
  }
  /* line 383, ../../sass/sass/custom.scss */
  header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu #nav-les-13-especes, header #menu-main-menu-fr.menu #nav-observer > .sub-menu #nav-les-13-especes, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu #nav-les-13-especes, header #menu-main-menu-fr.menu #nav-agir > .sub-menu #nav-les-13-especes, 
  header #menu-main-menu-en.menu #nav-discover > .sub-menu #nav-the-13-species, header #menu-main-menu-en.menu #nav-observe > .sub-menu #nav-the-13-species, header #menu-main-menu-en.menu #nav-magazine > .sub-menu #nav-the-13-species, header #menu-main-menu-en.menu #nav-act > .sub-menu #nav-the-13-species {
    font-weight: 500;
  }
  header ul li#nav-la-vie-des-baleines, header ul li#nav-life-of-whales{
    min-height: 400px;
  }
  header ul li#nav-la-vie-des-baleines li > a i, header ul li#nav-life-of-whales li > a i{
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    transition: 0.3s ease;
    line-height: 25px;
  }
  header ul li#nav-la-vie-des-baleines li.sub-sub-menu-active > a i, header ul li#nav-life-of-whales li.sub-sub-menu-active > a i{
    transform: rotate(180deg);
    line-height: 16px;
  }
  header ul li#nav-la-vie-des-baleines > ul li, header ul li#nav-life-of-whales > ul li{
    cursor: pointer;
  }
  header ul li#nav-la-vie-des-baleines > ul > li > a, header ul li#nav-life-of-whales > ul > li > a{
    pointer-events: none;
  }
  header ul li#nav-la-vie-des-baleines ul li ul, header ul li#nav-life-of-whales ul li ul{
    display: none;
  }
  /* line 441, ../../sass/sass/custom.scss */
  header .logo {
    display: inline-block;
  }
  /* line 443, ../../sass/sass/custom.scss */
  header .logo a {
    display: block;
  }
  /* line 445, ../../sass/sass/custom.scss */
  header .logo a img {
    transition: all 0.5s ease;
    /*max-width: 170px;*/
  }
  /* line 452, ../../sass/sass/custom.scss */
  header .navprincipale {
    display: flex;
    justify-content: flex-end;
  }
  /* line 455, ../../sass/sass/custom.scss */
  header .navprincipale a:not([href]):not([tabindex]) {
    cursor: pointer;
    color: #112a41;
  }

/*.headroom--pinned {
    top: 0;
}
.headroom--unpinned {
	top: -183px;
  }*/
  /* line 467, ../../sass/sass/custom.scss */
  .menumobile {
    cursor: pointer;
    display: none;
  }
  /* line 470, ../../sass/sass/custom.scss */
  .menumobile .line {
    background-color: #112a41;
    border-radius: 10px;
    display: block;
    height: 3px;
    margin: 6px auto;
    width: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  /* line 483, ../../sass/sass/custom.scss */
  .menumobile.active .line:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
  }
  /* line 489, ../../sass/sass/custom.scss */
  .menumobile.active .line:nth-child(2) {
    opacity: 0;
  }
  /* line 492, ../../sass/sass/custom.scss */
  .menumobile.active .line:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
  }

  .page404 {
    margin: 40px 0;
  }

  /************               ************/
  /***********      BANNER HOME     ***********/
  /***********                ***********/
  /* line 505, ../../sass/sass/custom.scss */
  .banner-home {
    padding-bottom: 60px;
    position: relative;
  }
  /* line 508, ../../sass/sass/custom.scss */
  .banner-home:before {
    background: #e9f5fc;
    bottom: 0;
    content: '';
    height: 93%;
    left: 0;
    position: absolute;
    width: 100%;
  }
  /* line 518, ../../sass/sass/custom.scss */
  .banner-home .banner-info .col-img {
    position: relative;
  }
  /* line 520, ../../sass/sass/custom.scss */
  .banner-home .banner-info .col-img img {
    bottom: -160px;
    padding-right: 40px;
    position: absolute;
    left: 0;
    max-width: 435px;
  }
  /* line 528, ../../sass/sass/custom.scss */
  .banner-home .banner-info h1 {
    font-size: 45px;
    font-weight: bold;
    text-transform: inherit;
  }

  /************               ************/
  /***********      BANNER    ***********/
  /***********                ***********/
  /* line 539, ../../sass/sass/custom.scss */
  .banner-other {
    position: relative;
    padding: 20px 0;
  }
  /* line 542, ../../sass/sass/custom.scss */
  .banner-other .banner-absolute {
    background: #e9f5fc;
    height: 60vh;
    max-height: 550px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 550, ../../sass/sass/custom.scss */
  .banner-other .shape {
    position: absolute;
    z-index: 1;
    width: 24%;
    left: 0;
    max-width: 460px;
  }
  /* line 558, ../../sass/sass/custom.scss */
  .banner-other .thumbnail-single img {
    width: 100%;
    object-fit: cover;
    max-height: 500px;
  }
  .banner-other .thumbnail-single{
    position: relative;
  }
  .banner-other .thumbnail-single .cap_textimg{
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ba190d0d',GradientType=0 );
    color: white;
    display: flex;
    align-items: flex-end;
    font-weight: lighter;
    justify-content: flex-start;
    padding: 5px;
    position: absolute;
    height: 100%;
    top: 0;
    line-height: 18px;
    left: 0;
    right: 0;
    width: 100%;
  }
  /* line 563, ../../sass/sass/custom.scss */
  .banner-std {
    position: relative;
    padding: 40px 0 20px;
  }
  /* line 566, ../../sass/sass/custom.scss */
  .banner-std .banner-absolute {
    background: #e9f5fc;
    height: 60vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 550px;
  }
  /* line 574, ../../sass/sass/custom.scss */
  .banner-std .img-banner {
    width: 100%;
  }
  /* line 577, ../../sass/sass/custom.scss */
  .banner-std .col-desc {
    margin-top: 40px;
  }

  /************               ************/
  /******    SECTION 2 COL TEXTE   *******/
  /***********                ***********/
  /* line 585, ../../sass/sass/custom.scss */
  .twocols {
    padding: 20px 0;
  }
  /* line 588, ../../sass/sass/custom.scss */
  .twocols .col-infotwocols h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  /* line 592, ../../sass/sass/custom.scss */
  .twocols .col-infotwocols p {
    margin-bottom: 30px;
  }
  /* line 595, ../../sass/sass/custom.scss */
  .twocols .col-infotwocols:first-of-type {
    padding-right: 35px;
  }
  /* line 598, ../../sass/sass/custom.scss */
  .twocols .col-infotwocols:last-of-type {
    padding-left: 35px;
  }

  /* line 606, ../../sass/sass/custom.scss */
  .home section h2 {
    font-size: 60px;
    font-weight: 400;
    text-transform: uppercase;
  }

  /************               ************/
  /***********    DECOUVRIR   ***********/
  /***********                ***********/
  /* line 616, ../../sass/sass/custom.scss */
  .decouvrir {
    padding-top: 120px;
    position: relative;
    overflow: hidden;
  }
  /* line 620, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir {
    position: relative;
  /*&:nth-of-type(4), &:nth-of-type(6){
  	&:before{
  		background: rgba(white, 0.35);
  		content: '';
  		height: 100%;
  		position: absolute;
  		top: 0;
  		left: 0;
  		width: 100%;
  	}
    }*/
  }
  /* line 623, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir:nth-of-type(5):before, .decouvrir .col-imgdecouvrir:nth-of-type(2):before {
    background: rgba(130, 201, 240, 0.35);
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 644, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir .infosection {
    background: rgba(255, 255, 255, 0.5);
    bottom: 0;
    cursor: pointer;
    height: 70px;
    padding: 20px;
    position: absolute;
    left: 0;
    transition: 0.5s ease;
    width: 100%;
  }
  /* line 654, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir .infosection h3 {
    align-items: center;
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  /* line 660, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir .infosection h3 i {
    transition: 0.3s ease;
    position: relative;
    line-height: 10px;
  }
  /* line 667, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir .infosection .list-decouvrir a {
    opacity: 0;
    visibility: hidden;
    font-size: 24px;
    color: #56616c;
    display: block;
    line-height: 27px;
    transition: 0.8s ease;
    margin-bottom: 12px;
  }
  /* line 678, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir .infosection:hover {
    height: 100%;
  }
  /* line 681, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir .infosection:hover h3 i {
    transform: rotate(90deg);
  }
  /* line 687, ../../sass/sass/custom.scss */
  .decouvrir .col-imgdecouvrir .infosection:hover .list-decouvrir a {
    opacity: 1;
    visibility: visible;
  }

  /************               ************/
  /***********    OBSERVER  OLD  ***********/
  /***********                ***********/
  /* line 700, ../../sass/sass/custom.scss */
/*  .observer {
    padding-top: 100px;
    position: relative;

    }*/
    /* line 703, ../../sass/sass/custom.scss */
/*.observer:before{
  background: url(../images/vague2.png) no-repeat;
  content: '';
  min-height: 100px;
  position: absolute;
  bottom: 0;
  width: 100%;
  }*/
/*  .observer:before{
    content: '';
    background: #e9f5fc;
    height: 50%;
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
    }*/
    /* line 712, ../../sass/sass/custom.scss */
/*  .observer .infosection {
    height: 100%;
    }*/
    /* line 714, ../../sass/sass/custom.scss */
/*  .observer .infosection .circledouble {
    background: white;
    align-items: center;
    display: flex;
    height: auto;
    border: 1px solid #82c9f0;
    border-radius: 50%;
    justify-content: center;
    padding: 42% 0;
    width: 100%;
    position: relative;
    z-index: 3;
    }*/
    /* line 726, ../../sass/sass/custom.scss */
/*  .observer .infosection .circledouble:before {
    border: 1px solid #82c9f0;
    border-radius: 50%;
    content: '';
    height: 94%;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 94%;
    position: absolute;
    }*/
    /* line 737, ../../sass/sass/custom.scss */
/*  .observer .infosection .circledouble h3 {
    color: #82c9f0;
    font-weight: lighter;
    margin-bottom: 0;
    text-transform: uppercase;
    }*/
    /* line 745, ../../sass/sass/custom.scss */
/*  .observer .infosection .list-observer {
    background: white;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    height: calc(100% - 139px);
    padding: 126px 15px 15px;
    top: -110px;
    position: relative;
    z-index: 2;
    margin-bottom: -110px;
    transition: 0.3s ease;
    }*/
    /* line 757, ../../sass/sass/custom.scss */
/*  .observer .infosection .list-observer a {
    color: #112a41;
    font-size: 17px;
    font-weight: lighter;
    display: block;
    margin-bottom: 13px;
    }*/
    /* line 766, ../../sass/sass/custom.scss */
/*  .observer .infosection:hover .list-observer {
    opacity: 1;
    visibility: visible;
    }*/


    /************               ************/
    /*********         Observer new       **********/
    /***********                ***********/
    /* line 777, ../../sass/sass/custom.scss */
    .observer {
      background: #e9f5fc;
      position: relative;
      overflow: hidden;
      padding-top: 100px;
    }

    .observer .container-fluid {
      padding-right: 15px;
      padding-left: 15px;
    }

    /* line 783, ../../sass/sass/custom.scss */
    .observer .col-imgobserver:nth-of-type(2n + 2):before {
      background: rgba(130, 201, 240, 0.35);
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
    /* line 793, ../../sass/sass/custom.scss */
    .observer .col-imgobserver .infosection {
      background: rgba(255, 255, 255, 0.5);
      bottom: 0;
      cursor: pointer;
      height: 70px;
      padding: 20px;
      position: absolute;
      left: 0;
      transition: 0.5s ease;
      width: 100%;
    }
    /* line 803, ../../sass/sass/custom.scss */
    .observer .col-imgobserver .infosection h3 {
      align-items: center;
      font-size: 24px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }
    /* line 809, ../../sass/sass/custom.scss */
    .observer .col-imgobserver .infosection h3 i {
      transition: 0.3s ease;
      position: relative;
      line-height: 10px;
    }
    /* line 816, ../../sass/sass/custom.scss */
    .observer .col-imgobserver .infosection .list-observer a {
      opacity: 0;
      visibility: hidden;
      font-size: 24px;
      color: #56616c;
      display: block;
      line-height: 40px;
      transition: 0.8s ease;
    }
    /* line 826, ../../sass/sass/custom.scss */
    .observer .col-imgobserver .infosection:hover {
      height: 100%;
    }
    /* line 829, ../../sass/sass/custom.scss */
    .observer .col-imgobserver .infosection:hover h3 i {
      transform: rotate(90deg);
    }
    /* line 834, ../../sass/sass/custom.scss */
    .observer .col-imgobserver .infosection:hover .list-observer a {
      opacity: 1;
      visibility: visible;
    }


    /************               ************/
    /*********         AGIR       **********/
    /***********                ***********/
    /* line 777, ../../sass/sass/custom.scss */
    .agir {
      background: #e9f5fc;
      position: relative;
      overflow: hidden;
      padding-top: 100px;
    }
    /* line 783, ../../sass/sass/custom.scss */
    .agir .col-imgagir:nth-of-type(2):before {
      background: rgba(130, 201, 240, 0.35);
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
    /* line 793, ../../sass/sass/custom.scss */
    .agir .col-imgagir .infosection {
      background: rgba(255, 255, 255, 0.5);
      bottom: 0;
      cursor: pointer;
      height: 80px;
      padding: 20px;
      position: absolute;
      left: 0;
      transition: 0.5s ease;
      width: 100%;
    }
    /* line 803, ../../sass/sass/custom.scss */
    .agir .col-imgagir .infosection h3 {
      align-items: center;
      font-size: 32px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
    }
    /* line 809, ../../sass/sass/custom.scss */
    .agir .col-imgagir .infosection h3 i {
      transition: 0.3s ease;
      position: relative;
      line-height: 10px;
    }
    /* line 816, ../../sass/sass/custom.scss */
    .agir .col-imgagir .infosection .list-agir a {
      opacity: 0;
      visibility: hidden;
      font-size: 24px;
      color: #56616c;
      display: block;
      line-height: 40px;
      transition: 0.8s ease;
    }
    /* line 826, ../../sass/sass/custom.scss */
    .agir .col-imgagir .infosection:hover {
      height: 100%;
    }
    /* line 829, ../../sass/sass/custom.scss */
    .agir .col-imgagir .infosection:hover h3 i {
      transform: rotate(90deg);
    }
    /* line 834, ../../sass/sass/custom.scss */
    .agir .col-imgagir .infosection:hover .list-agir a {
      opacity: 1;
      visibility: visible;
    }

    /************               ************/
    /*********      LAST POST   **********/
    /***********                ***********/
    /* line 848, ../../sass/sass/custom.scss */
    .lastpost {
      padding: 60px 0;
    }
    /* line 851, ../../sass/sass/custom.scss */
    .lastpost .a-title h3 {
      font-size: 25px;
      margin-top: 30px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    /************               ************/
    /*********   LES 13 ESPÈCES   **********/
    /***********                ***********/
    /* line 863, ../../sass/sass/custom.scss */
    .treize-especes {
      background: #a8d5ed;
      /* Old browsers */
      background: -moz-linear-gradient(top, #a8d5ed 0%, white 90%, white 90%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #a8d5ed 0%, white 90%, white 90%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #a8d5ed 0%, white 90%, white 90%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d5ed', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */
      padding: 60px 0;
    }
    /* line 873, ../../sass/sass/custom.scss */
    .treize-especes .paddingbaleine {
      padding-right: 30px;
      padding-left: 30px;
    }
    /* line 877, ../../sass/sass/custom.scss */
    .treize-especes .linkbaleine {
      display: block;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .treize-especes .linkbaleine#marsouin, .treize-especes .linkbaleine#dauphinnez, .treize-especes .linkbaleine#dauphinatlantique{
      padding-left: 80px;
      padding-right: 80px;
    }
    .treize-especes .linkbaleine#petitrorqual{
      padding-left: 50px;
      padding-right: 50px;
    }
    .treize-especes .linkbaleine#baleinenoire{
      padding-left: 60px;
      padding-right: 60px;
    }
    /* line 882, ../../sass/sass/custom.scss */
    .treize-especes .linkbaleine img {
      width: 100%;
    }
    /* line 885, ../../sass/sass/custom.scss */
    .treize-especes .linkbaleine h2 {
      font-size: 24px;
      font-weight: inherit;
      margin-top: 40px;
      transition: 0.3s ease;
    }
    /* line 892, ../../sass/sass/custom.scss */
    .treize-especes .linkbaleine:hover h2 {
      color: #7b7b7b;
    }
    /* line 897, ../../sass/sass/custom.scss */
    .treize-especes .notice-baleine {
      margin-top: 40px;
    }
    /* line 899, ../../sass/sass/custom.scss */
    .treize-especes .notice-baleine p {
      color: #7b7b7b;
      font-size: 24px;
    }

    /************               ************/
    /*********     ENTETE ESPECE    ********/
    /***********                ***********/
    /* line 909, ../../sass/sass/custom.scss */
    .enteteespece {
      margin-top: 60px;
      position: relative;
    }
    .enteteespece .img-desc h1{
      margin-bottom: 0;
    }
    .enteteespece .img-desc h2{
      font-weight: 100;
      margin-bottom: 20px;
    }
    /* line 912, ../../sass/sass/custom.scss */
    .enteteespece .img-desc {
      background: #e9f5fc;
      padding: 40px 0;
    }
    
    /* line 915, ../../sass/sass/custom.scss */
    .enteteespece .img-desc .line-entete {
      position: absolute;
      top: -45px;
      z-index: 1;
      width: 21%;
      max-width: 341px;
      left: 0;
    }
    .page-single-post-portraits .enteteespece .img-desc .line-entete {
        top:-25px;
    }
    /* line 922, ../../sass/sass/custom.scss */
    .enteteespece .img-desc .line-entete img {
      width: 100%;
    }
    /* line 926, ../../sass/sass/custom.scss */
    .enteteespece .img-desc .img-baleine {
      margin-bottom: 40px;
      width: 100%;
    }
    .enteteespece.single .list-border{
      margin-top: 30px;
    }
    /* line 932, ../../sass/sass/custom.scss */
    .enteteespece .list-border li {
      border-right: 1px solid #82c9f0;
      padding-right: 20px;
      padding-left: 20px;
      list-style: none;
      padding-bottom: 0;
    }
    .enteteespece .list-border li:before{
      display: none;
    }
    /* line 936, ../../sass/sass/custom.scss */
    .enteteespece .list-border li:nth-child(4n) {
      border-right: inherit;
    }
    /* line 939, ../../sass/sass/custom.scss */
    .enteteespece .list-border li span {
      color: #82c9f0;
      display: block;
      font-size: 22px;
      margin-bottom: 15px;
      font-weight: 500;
    }
    /* line 945, ../../sass/sass/custom.scss */
    .enteteespece .list-border li p{
      font-size: 23px;
    }
    /* line 948, ../../sass/sass/custom.scss */
    .enteteespece .list-border li h1 {
      font-weight: lighter;
      text-transform: initial;
      margin-bottom: 0;
    }
    /* line 955, ../../sass/sass/custom.scss */
    .enteteespece .other-desc {
      padding: 40px 0 20px;
    }
    /* line 958, ../../sass/sass/custom.scss */
    .enteteespece .other-desc .list-border li {
      margin-bottom: 40px;
    }
    .enteteespece .other-desc .spec li span{
      color: #82c9f0;
      display: block;
      font-size: 20px;
      font-weight: 500;
    }
    .enteteespece .other-desc .spec li p{
      margin-bottom: 7px;
      line-height: 26px;
    }
    /* line 963, ../../sass/sass/custom.scss */
    .enteteespece .statut {
      background: #112a41;
      padding: 40px 0;
    }
    /* line 966, ../../sass/sass/custom.scss */
    .enteteespece .statut p {
      color: white;
      font-size: 34px;
      line-height: 40px;
      margin-bottom: 0;
    }
    /* line 979, ../../sass/sass/custom.scss */
    .enteteespece .small-desc {
      padding: 30px 0;
    }
    /* line 981, ../../sass/sass/custom.scss */
    .enteteespece .small-desc h2 {
      margin-bottom: 10px;
      text-transform: initial;
    }
    /* line 987, ../../sass/sass/custom.scss */
    .enteteespece.single .img-desc {
      padding: 0 0 40px;
    }
    /* line 989, ../../sass/sass/custom.scss */
    .enteteespece.single .img-desc .img-baleine {
      margin-bottom: 70px;
      margin-top: -43px;
    }
    .page-single-post-portraits .enteteespece.single .img-desc .img-baleine {
        margin-bottom: 70px;
        margin-top: 0px;
    }
    /* line 994, ../../sass/sass/custom.scss */
    .enteteespece.single .circle-adopt {
      background: white;
      align-items: center;
      display: flex;
      height: 200px;
      border: 1px solid #82c9f0;
      border-radius: 50%;
      justify-content: center;
      width: 200px;
      position: absolute;
      right: 40px;
      bottom: 35px;
      z-index: 3;
    }
    /* line 1007, ../../sass/sass/custom.scss */
    .enteteespece.single .circle-adopt:before {
      border: 1px solid #82c9f0;
      border-radius: 50%;
      content: '';
      height: 94%;
      margin: 0 auto;
      left: 0;
      right: 0;
      width: 94%;
      position: absolute;
    }
    /* line 1018, ../../sass/sass/custom.scss */
    .enteteespece.single .circle-adopt span {
      color: #82c9f0;
      font-size: 26px;
      font-weight: lighter;
      line-height: 27px;
      text-transform: uppercase;
    }
    .portraits-template .enteteespece.single{
      margin-top: 0;
    }
    .portraits-template .enteteespece.single .img-desc .line-entete{
      top: -25px;
    }
    .portraits-template .enteteespece.single .img-desc .img-baleine{
      margin-top: 0;
    }
    .portraits-template .enteteespece.single .img-desc .img-baleine.adopte-par-img{
      margin-bottom: 0px;
    }
    .portraits-template .enteteespece.single .img-desc .adopte-par{
      color: white;
      background: #112a41;
      padding: 20px 10px;
      font-size: 23px;
      font-weight: 400;
      margin-bottom: 0;
    }
    .portraits-template .enteteespece.single .img-desc{
      padding: 20px 0;
    }

    ul li{
      list-style: none;
    }

    ul:not([class]) li, ul.list-blue li{
      font-size: 19px;
      font-weight: lighter;
      line-height: 26px;
      padding-bottom: 13px;
      padding-left: 22px;
      position: relative;
    }
    ul:not([class]) li:before, ul.list-blue li:before{
      background: #82c9f0;
      content: '';
      height: 3px;
      position: absolute;
      left: 0;
      top: 12px;
      width: 12px;
    }

    /************               ************/
    /******           GALLERY        ******/
    /***********                ***********/
    /* line 1051, ../../sass/sass/custom.scss */
    .gallery {
      padding: 20px 0 40px;
    }
    /* line 1054, ../../sass/sass/custom.scss */
    .gallery .grid .grid-item {
      float: left;
      width: 33.33%;
    }
    /* line 1057, ../../sass/sass/custom.scss */
    .gallery .grid .grid-item a {
      display: block;
      position: relative;
    }
    /* line 1060, ../../sass/sass/custom.scss */
    .gallery .grid .grid-item a img {
      height: 350px;
      object-fit: cover;
    }

    /************               ************/
    /******    LINK THREE BALEINES   ******/
    /***********                ***********/
    /* line 1072, ../../sass/sass/custom.scss */
    .link-three-baleine {
      padding: 40px 0 60px;
    }
    /* line 1074, ../../sass/sass/custom.scss */
    .link-three-baleine .a-link-three-baleine {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }
    /* line 1078, ../../sass/sass/custom.scss */
    .link-three-baleine .a-link-three-baleine .img-link-three {
      align-items: center;
      display: flex;
      min-height: 250px;
    }
    /* line 1083, ../../sass/sass/custom.scss */
    .link-three-baleine .a-link-three-baleine h4 {
      align-items: center;
      display: flex;
      justify-content: center;
    }
    /* line 1087, ../../sass/sass/custom.scss */
    .link-three-baleine .a-link-three-baleine h4 i {
      display: inline-block;
      line-height: 15px;
      margin-left: 9px;
    }

    /************               ************/
    /*********        TIMELINE      ********/
    /***********                ***********/
    /* line 1099, ../../sass/sass/custom.scss */
    .timeline {
      background: #e9f5fc;
      padding: 40px 0;
      position: relative;
    }
    /* line 1103, ../../sass/sass/custom.scss */
    .timeline .bgtimeline {
      background: url(../images/timeline-1.png);
      background-repeat: repeat-x;
      top: 162px;
      height: 18px;
      position: absolute;
      width: 100%;
    }
    /* line 1111, ../../sass/sass/custom.scss */
    .timeline .slider-timeline {
      margin-bottom: 20px;
    }
    /* line 1113, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-track {
      display: flex;
      align-items: center;
    }
    /* line 1117, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs {
      text-align: center;
      display: inline-block;
    }
    /* line 1120, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs .__round {
      border: 2px solid #82c9f0;
      border-radius: 50%;
      display: block;
      margin: 0 auto;
    }
    /* line 1127, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs.ycheck .__round {
      background: #112a41;
      height: 35px;
      width: 35px;
    }
    /* line 1134, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs.ncheck .__round {
      background: white;
      height: 25px;
      width: 25px;
    }
    /* line 1141, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs .number {
      display: none;
    }
    /* line 1144, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs:first-child, .timeline .slider-timeline .div-obs:nth-child(5n), .timeline .slider-timeline .div-obs:last-child {
      margin-top: 55px;
    }
    /* line 1146, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs:first-child .number, .timeline .slider-timeline .div-obs:nth-child(5n) .number, .timeline .slider-timeline .div-obs:last-child .number {
      display: block;
      font-size: 20px;
      font-weight: lighter;
      position: relative;
      padding-top: 25px;
    }
    /* line 1152, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .div-obs:first-child .number:before, .timeline .slider-timeline .div-obs:nth-child(5n) .number:before, .timeline .slider-timeline .div-obs:last-child .number:before {
      background: #82c9f0;
      content: "";
      height: 20px;
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 1px;
    }
    /* line 1166, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-prev, .timeline .slider-timeline .slick-next {
      height: initial;
      width: initial;
      z-index: 1;
    }
    /* line 1170, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-prev:before, .timeline .slider-timeline .slick-next:before {
      color: #112a41;
      font-size: 45px;
      font-family: "baleines" !important;
      font-style: normal !important;
      opacity: 1;
      transition: 0.3s ease;
    }
    /* line 1179, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-prev:hover:before, .timeline .slider-timeline .slick-next:hover:before {
      color: #112a41;
    }
    /* line 1184, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-prev.slick-disabled:before, .timeline .slider-timeline .slick-next.slick-disabled:before {
      opacity: 0.2;
    }
    /* line 1189, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-prev {
      /*left: 0;*/
    }
    /* line 1191, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-prev:before {
      content: "\61";
    }
    /* line 1195, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-next {
      /*right: 0;*/
    }
    /* line 1197, ../../sass/sass/custom.scss */
    .timeline .slider-timeline .slick-next:before {
      content: "\62";
    }
    /* line 1202, ../../sass/sass/custom.scss */
    .timeline .legende {
      display: flex;
      font-size: 16px;
    }
    /* line 1205, ../../sass/sass/custom.scss */
    .timeline .legende .__round {
      border: 2px solid #82c9f0;
      border-radius: 50%;
      display: inline-block;
      margin: 0 auto;
    }
    /* line 1211, ../../sass/sass/custom.scss */
    .timeline .legende .ycheck, .timeline .legende .ncheck {
      align-items: center;
      display: inline-flex;
      line-height: 19px;
    }
    /* line 1214, ../../sass/sass/custom.scss */
    .timeline .legende .ycheck .__round, .timeline .legende .ncheck .__round {
      display: inline-block;
      margin-right: 10px;
    }
    /* line 1220, ../../sass/sass/custom.scss */
    .timeline .legende .ycheck .__round {
      background: #112a41;
      height: 35px;
      width: 35px;
    }
    /* line 1226, ../../sass/sass/custom.scss */
    .timeline .legende .ncheck {
      margin-right: 20px;
    }
    /* line 1228, ../../sass/sass/custom.scss */
    .timeline .legende .ncheck .__round {
      background: white;
      height: 25px;
      width: 25px;
    }

    /************               ************/
    /*********       ADOPTION    **********/
    /***********                ***********/
    /* line 1240, ../../sass/sass/custom.scss */
    .adoption {
      background: #fbfbfb;
    }
    /* line 1242, ../../sass/sass/custom.scss */
    .adoption h3 {
      color: #82c9f0;
      font-size: 40px;
      text-transform: initial;
    }
    /* line 1247, ../../sass/sass/custom.scss */
    .adoption .btn {
      margin-top: 20px;
      font-size: 23px;
      font-weight: lighter;
      padding: 17px 50px;
      line-height: 17px;
    }
    /* line 1254, ../../sass/sass/custom.scss */
    .adoption .col-meter {
      overflow: hidden;
    }
    /* line 1257, ../../sass/sass/custom.scss */
    .adoption .round-number {
      align-items: center;
      background: white;
      border: 1px solid #82c9f0;
      border-radius: 50%;
      bottom: 140px;
      color: #82c9f0;
      display: flex;
      font-size: 80px;
      font-weight: bold;
      height: 181px;
      justify-content: center;
      position: absolute;
      text-align: center;
      right: 60px;
      width: 181px;
      z-index: 25;
    }
    /* line 1275, ../../sass/sass/custom.scss */
    .adoption .round-number span sup {
      font-size: 55px;
      font-weight: lighter;
    }
    /* line 1280, ../../sass/sass/custom.scss */
    .adoption .round-number:before {
      border: 1px solid #82c9f0;
      border-radius: 50%;
      content: '';
      height: 94%;
      margin: 0 auto;
      left: 0;
      right: 0;
      width: 94%;
      position: absolute;
    }
    /* line 1292, ../../sass/sass/custom.scss */
    .adoption .meter-bg {
      background: #eaeced;
      position: relative;
      z-index: 20;
    }
    /* line 1296, ../../sass/sass/custom.scss */
    .adoption .meter-bg img {
      position: relative;
      z-index: 19;
    }
    /* line 1300, ../../sass/sass/custom.scss */
    .adoption .meter-bg .meter-fill {
      background-color: #82c9f0;
      position: absolute;
      z-index: 10;
      height: 100%;
      width: 100%;
    }

    /* line 1310, ../../sass/sass/custom.scss */
    .form-adopt .modal-content {
      border: none;
      border-radius: 0;
    }
    /* line 1314, ../../sass/sass/custom.scss */
    .form-adopt .modal-content .modal-header button {
      opacity: 1;
      transition: 0.3s ease;
    }
    /* line 1317, ../../sass/sass/custom.scss */
    .form-adopt .modal-content .modal-header button i {
      color: #82c9f0;
      transition: 0.3s ease;
    }
    /* line 1322, ../../sass/sass/custom.scss */
    .form-adopt .modal-content .modal-header button:hover i {
      color: #112a41;
    }
    /* line 1329, ../../sass/sass/custom.scss */
    .form-adopt .modal-body {
      padding: 0;
    }
    /* line 1331, ../../sass/sass/custom.scss */
    .form-adopt .modal-body p {
      margin-bottom: 0;
    }

    /************               ************/
    /*********      PAGE POSTS   **********/
    /***********                ***********/
    /* line 1341, ../../sass/sass/custom.scss */
    .page-magazine .post-standard .link-post img{
      position: relative;
      z-index: 4;
    }
    .link-post {
      display: block;
    }

    /* line 1344, ../../sass/sass/custom.scss */
    .select-post {
    /*align-items: center;
    display: inline-flex;*/
    position: relative;
    margin: 0 20px;
    z-index: 10;
  }
  /* line 1350, ../../sass/sass/custom.scss */
  /*.select-post {
    margin-left: 40px;
    }*/
    .select-post:first-of-type {
      margin-left: 0;
    }
    .select-post:last-of-type {
      margin-right: 0;
    }
    /* line 1353, ../../sass/sass/custom.scss */
    .select-post select {
      border: none;
      cursor: pointer;
      outline: none;
      background: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0;
      margin: 0;
      display: block;
      width: 100%;
      font-size: 20px;
      padding-right: 25px;
      /*min-width: 215px;*/
    }
    /* line 1368, ../../sass/sass/custom.scss */
    .select-post:after {
      position: absolute;
      right: 0;
      top: 0;
      content: '\64';
      font-family: "baleines" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      text-align: center;
      font-size: 16px;
      z-index: -1;
      line-height: 30px;
    }  

    .colsearchform .note {
      text-align: left;
      font-size: 12px;
      flex-basis: 100%;
      height: 0;
    }

    /* line 1384, ../../sass/sass/custom.scss */
    .actualite {
      /*padding-top: 20px;*/
      position: relative;
    }
    /* line 1387, ../../sass/sass/custom.scss */
    .actualite .banner-absolute {
      background: #e9f5fc;
      height: 60vh;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-height: 550px;
    }
    /* line 1395, ../../sass/sass/custom.scss */
    .actualite .shape {
      position: absolute;
      top: 142px;
      z-index: 1;
      max-width: 460px;
      width: 24%;
    }
    /* line 1400, ../../sass/sass/custom.scss */
    .actualite .shape img {
      width: 100%;
    }
    /* line 1404, ../../sass/sass/custom.scss */
    .actualite .colsearchform {
      margin-bottom: 20px;
      display: flex;    
      flex-wrap: wrap;  
    }

    .actualite .clearfilters,
    .category .clearfilters,
    .author .clearfilters,
    .tag .clearfilters {
      padding: 2px 15px;
      background: none;
      border: 1px solid #112a41;
      border-radius: 25px;
      color: #112a41;
      margin-left: auto;
      transition: 0.4s;
    }

    .actualite .clearfilters:hover,
    .category .clearfilters:hover,
    .author .clearfilters:hover,
    .tag .clearfilters:hover {
      background: #112a41;
      color: #FFFFFF;
      transition: 0.4s;
    }

    /* line 1407, ../../sass/sass/custom.scss */
    .actualite .row-post-featured {
      margin-bottom: 60px;
    }
    /* line 1410, ../../sass/sass/custom.scss */
    .actualite .row-post-featured .a-img img {
      width: 100%;
      object-fit: cover;
      max-height: 500px;
    }
    /* line 1415, ../../sass/sass/custom.scss */
    .actualite .row-post-featured .a-title h2 {
      font-size: 50px;
      font-weight: bold;
      text-transform: inherit;
      margin-top: 30px;
      transition: 0.3s ease;
    }
    /* line 1423, ../../sass/sass/custom.scss */
    .actualite .row-post-featured .a-title:hover h2 {
      color: #82c9f0;
    }
    /* line 1429, ../../sass/sass/custom.scss */
    .portrait {
      padding-top: 40px;
      background: #e9f5fc;
    }
    /* line 1431, ../../sass/sass/custom.scss */
    .portrait .container {
      position: relative;
      z-index: 4;
    }
    /* line 1436, ../../sass/sass/custom.scss */
    .portrait .contentactu-col .link-post {
      position: relative;
    }
    /* line 1438, ../../sass/sass/custom.scss */
    .portrait .contentactu-col .link-post .circle-adopt {
      background: white;
      align-items: center;
      display: flex;
      height: 100px;
      border: 1px solid #82c9f0;
      border-radius: 50%;
      justify-content: center;
      width: 100px;
      position: absolute;
      right: -8px;
      top: 153px;
      z-index: 3;
    }
    /* line 1451, ../../sass/sass/custom.scss */
    .portrait .contentactu-col .link-post .circle-adopt:before {
      border: 1px solid #82c9f0;
      border-radius: 50%;
      content: '';
      height: 94%;
      margin: 0 auto;
      left: 0;
      right: 0;
      width: 94%;
      position: absolute;
    }
    /* line 1462, ../../sass/sass/custom.scss */
    .portrait .contentactu-col .link-post .circle-adopt span {
      color: #82c9f0;
      font-size: 15px;
      font-weight: lighter;
      line-height: 17px;
      text-transform: uppercase;
      text-align: center;
    }
    /* line 1472, ../../sass/sass/custom.scss */
    .portrait .contentactu-col h2 {
      margin-bottom: 3px;
      margin-top: 20px;
    }
    .portrait .contentactu-col .adopte-par{
      margin-bottom: 5px;
      color: #112a41;
      font-size: 17px;
      line-height: 19px;
      font-weight: 400;
    }
    /* line 1477, ../../sass/sass/custom.scss */
    .portrait .espece {
      font-size: 20px;
      font-weight: lighter;
    }
    /* line 1480, ../../sass/sass/custom.scss */
    .portrait .espece a {
      color: #112a41;
    }
    .single-portraits .portrait .post-standard {
      padding-top: 0;
    }
    .single-portraits .contentactu-col {
      margin-bottom: 0;
    }
    .archive h1{
      width: 100%;
    }
    /* line 1486, ../../sass/sass/custom.scss */
    .post-standard {
      padding: 40px 0;
    }
    /* line 1488, ../../sass/sass/custom.scss */
    .post-standard .cat-title {
      color: #82c9f0;
      font-size: 43px;
      font-weight: bold;
      text-transform: uppercase;
    }
    /* line 1494, ../../sass/sass/custom.scss */
    .post-standard:nth-of-type(even) {
      background: #e9f5fc;
    }
    /* line 1496, ../../sass/sass/custom.scss */
    .post-standard:nth-of-type(even) .info-post {
      border-top-color: #82c9f0;
    }
    /* line 1500, ../../sass/sass/custom.scss */
    .post-standard .see-more-post {
      display: flex;
      margin-top: 80px;
    }

    /* line 1505, ../../sass/sass/custom.scss */
    .info-post {
      border-top: 2px solid #e9f5fc;
      color: #8894a0;
      display: flex;
      font-size: 13px;
      font-weight: lighter;
      justify-content: space-between;
      padding-top: 10px;
    }
    /* line 1513, ../../sass/sass/custom.scss */
    .info-post a {
      color: #8894a0;
    }
    /* line 1515, ../../sass/sass/custom.scss */
    .info-post a:hover {
      color: #82c9f0;
    }
    /* line 1519, ../../sass/sass/custom.scss */
    .info-post .post-categories {
      display: inline-block;
    }
    /* line 1521, ../../sass/sass/custom.scss */
    .info-post .post-categories li {
      display: inline-block;
    }
    /* line 1525, ../../sass/sass/custom.scss */
    .info-post .separator {
      font-style: inherit;
      margin: 0 7px;
    }

    /* line 1530, ../../sass/sass/custom.scss */
    .contentactu-col {
      margin-bottom: 40px;
    }
    /* line 1533, ../../sass/sass/custom.scss */
    .contentactu-col .a-img-std img {
      object-fit: cover;
      height: 230px;
      width: 100%;
    }
    /* line 1539, ../../sass/sass/custom.scss */
    .contentactu-col .a-title {
      color: #112a41;
    }
    /* line 1541, ../../sass/sass/custom.scss */
    .contentactu-col .a-title h4 {
      font-size: 28px;
      margin-top: 30px;
      font-weight: bold;
    }
    /* line 1547, ../../sass/sass/custom.scss */
    .page-category .contentactu-col .a-title h2 {
      font-size: 28px;
      margin-bottom: 8px;
      margin-top: 30px;
      font-weight: bold;
    }

    /* line 1556, ../../sass/sass/custom.scss */
    .page-category {
      padding-bottom: 0;
    }
    /* line 1558, ../../sass/sass/custom.scss */
    .page-category .tag {
      margin-top: 50px;
    }

    .page-category .colsearchform {
      margin-bottom: 20px;
      display: flex;
      /*justify-content: space-between;*/
    }

    /* line 1562, ../../sass/sass/custom.scss */
    body .tag {
      padding: 40px 0;
    }
    /* line 1564, ../../sass/sass/custom.scss */
    body .tag h3 {
      color: #112a41;
      font-size: 43px;
      font-weight: bold;
      text-transform: uppercase;
    }
    /* line 1570, ../../sass/sass/custom.scss */
    body .tag a {
      color: #82c9f0;
    }
    /* line 1572, ../../sass/sass/custom.scss */
    body .tag a:hover {
      color: #112a41;
    }
    /* line 1576, ../../sass/sass/custom.scss */
    body .tag.bg-blue {
      background: #e9f5fc;
    }

    /*********      SINGLE POSTS   **********/
    /* line 1581, ../../sass/sass/custom.scss */
    .content-post {
      margin-bottom: 20px;
    }

    /* line 1585, ../../sass/sass/custom.scss */
    .page-single-post .info-post.after-content {
      border-color: #82c9f0;
      padding-top: 20px;
      margin-top: 20px;
    }
    /* line 1590, ../../sass/sass/custom.scss */
    .page-single-post .author {
      background: #e9f5fc;
      padding: 80px 0;
      margin-top: 50px;
    }
    /* line 1594, ../../sass/sass/custom.scss */
    .page-single-post .author .avatar {
      border-radius: 50%;
      margin-right: 60px;
    }
    /* line 1598, ../../sass/sass/custom.scss */
    .page-single-post .author .col-author {
      align-items: center;
      display: flex;
    }
    /* line 1603, ../../sass/sass/custom.scss */
    .page-single-post .related-post {
      padding: 80px 0;
    }
    /* line 1605, ../../sass/sass/custom.scss */
    .page-single-post .related-post h3 {
      font-size: 50px;
    }

    /************               ************/
    /*********   TEXT AVEC IMG   **********/
    /***********                ***********/
    /* line 1614, ../../sass/sass/custom.scss */
    .textimg {
      padding: 20px 0;
    }
    /* line 1616, ../../sass/sass/custom.scss */
    .textimg.margin-minus {
      margin-bottom: -100px;
    }
    .textimg.margin-minus .text_textimg{
      padding: 80px 60px 150px 0;
    }
    .textimg.margin-minus .row-reverse .text_textimg{
      padding: 80px 0px 150px 60px;
    }
    /* line 1619, ../../sass/sass/custom.scss */
    .textimg .bg-absolute {
      background: #5eb4b6;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 110%;
      z-index: 1;
    }
    /* line 1628, ../../sass/sass/custom.scss */
    .textimg .text_textimg, .textimg .img_textimg {
      position: relative;
      z-index: 2;
    }
    /* line 1632, ../../sass/sass/custom.scss */
    .textimg .text_textimg {
      color: white;
      padding: 80px 60px 40px 0;
    }
    /* line 1635, ../../sass/sass/custom.scss */
    .textimg.textplain .text_textimg h2, .textimg.textplain .text_textimg h3, .textimg.textplain .text_textimg h4, .textimg .text_textimg h5 {
      color: #112a41;
    }
    .textimg .text_textimg h2, .textimg .text_textimg h3, .textimg .text_textimg h4, .textimg .text_textimg h5 {
      color: white;
    }
    .textimg .text_textimg a{
      /*color: #e0e0e0;*/
      color: #112a41;
    }
    .textimg.textplain .text_textimg a{
      color: #82c9f0;
    }
    .textimg .text_textimg a:hover{
      color: white;
    }
    .textimg.textplain .text_textimg a:hover{
      color: #112a41;
    }
    /* line 1639, ../../sass/sass/custom.scss */
    .textimg .img_textimg {
      /*margin-bottom: 60px;*/
      position: relative;
    }
    .textimg.margin-minus .img_textimg {
      margin-bottom: 60px;
    }
    /* line 1642, ../../sass/sass/custom.scss */
    .textimg .img_textimg img {
      width: 100%;
    }
    /* line 1645, ../../sass/sass/custom.scss */
    .textimg .img_textimg .cap_textimg {
      background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(27, 39, 62, 0) 65%, rgba(25, 13, 13, 0.65) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ba190d0d',GradientType=0 );
      /* IE6-9 */
      color: white;
      display: flex;
      align-items: flex-end;
      font-weight: lighter;
      justify-content: flex-end;
      padding: 5px;
      position: absolute;
      height: 100%;
      top: 0;
      line-height: 18px;
      left: 0;
      width: 100%;
    }
    /* line 1665, ../../sass/sass/custom.scss */
    .textimg.row-reverse .bg-absolute {
      right: 0;
      left: inherit;
    }
    /* line 1669, ../../sass/sass/custom.scss */
    .textimg.row-reverse .text-textimg {
      padding: 120px 180px 60px;
    }
    .textimg.row-reverse .fakewrapperleft{
      padding-right: calc(50% - 555px);
      padding-left: 0;
    }
    .textimg.row-reverse .text_textimg{
      padding: 80px 0px 40px 60px;
    }
    /* line 1672, ../../sass/sass/custom.scss */
    .textimg.row-reverse .row {
      flex-direction: row-reverse;
    }
    /* line 1675, ../../sass/sass/custom.scss */
    .textimg.row-reverse .col-img {
      padding-left: calc(50% - 555px);
      padding-right: 0;
    }
    /* line 1680, ../../sass/sass/custom.scss */
    .textimg.textplain {
      padding: 20px 0;
    }
    /* line 1682, ../../sass/sass/custom.scss */
    .textimg.textplain .text_textimg {
      color: #112a41;
      padding: 0 60px 0 0;
    }
    /* line 1685, ../../sass/sass/custom.scss */
    .textimg.textplain .text_textimg h2 {
      color: #112a41;
      margin-bottom: 10px;
    }
    /* line 1690, ../../sass/sass/custom.scss */
    .textimg.textplain .img_textimg {
      margin-bottom: 0;
    }
    /* line 1694, ../../sass/sass/custom.scss */
    .textimg.textplain.row-reverse .text_textimg {
      padding: 0 0 0 60px;
    }
    .textimg.twoimg .cap_textimg{
      justify-content: flex-start;
    }
    /************               ************/
    /*********   VIDÉO YOU TUBE  **********/
    /***********                ***********/
    /* line 1705, ../../sass/sass/custom.scss */
    .videoyt {
      padding: 40px 0 20px;
      position: relative;
      z-index: 2;
    }

    /************               ************/
    /*********     TEXTE 1/1     **********/
    /***********                ***********/
    /* line 1715, ../../sass/sass/custom.scss */
    .text {
      padding: 20px 0;
    }
    /* line 1717, ../../sass/sass/custom.scss */
    .text h2 {
      margin-bottom: 10px;
    }
    /* line 1720, ../../sass/sass/custom.scss */
    .text.textcolor {
      background: #5eb4b6;
      padding: 40px 0;
    }
    /* line 1723, ../../sass/sass/custom.scss */
    .text.textcolor p {
      color: white;
      font-size: 25px;
      margin-bottom: 0;
      line-height: 43px;
    }

    /************               ************/
    /*********      LEGENDE      **********/
    /***********                ***********/
    /* line 1737, ../../sass/sass/custom.scss */
    #la-carte-des-observations-de-la-semaine iframe {
      border: none;
      width: 100%;
    }

    /* line 1743, ../../sass/sass/custom.scss */
    .map h3 {
      font-weight: lighter;
      font-size: 30px;
      margin-top: 40px;
      margin-bottom: 15px;
    }
    /* line 1749, ../../sass/sass/custom.scss */
    .map h4 {
      font-weight: lighter;
      font-size: 20px;
    }
    /* line 1753, ../../sass/sass/custom.scss */
    .map .legendemap {
      margin-bottom: 25px;
    }
    /* line 1755, ../../sass/sass/custom.scss */
    .map .legendemap li {
      margin-bottom: 5px;
    }
    /* line 1757, ../../sass/sass/custom.scss */
    .map .legendemap li span {
      padding-left: 5px;
    }

    /************               ************/
    /*********    CHERCHEURS     **********/
    /***********                ***********/
    /* line 1768, ../../sass/sass/custom.scss */
    .chercheurs {
      background: #e9f5fc;
      padding: 60px 0;
    }
    /* line 1771, ../../sass/sass/custom.scss */
    .chercheurs .col-cher {
      text-align: center;
    }
    /* line 1773, ../../sass/sass/custom.scss */
    .chercheurs .col-cher .link-post {
      display: block;
    }
    /* line 1775, ../../sass/sass/custom.scss */
    .chercheurs .col-cher .link-post h2 {
      font-size: 25px;
      font-weight: lighter;
      margin-top: 10px;
      transition: 0.3s ease;
    }
    /* line 1782, ../../sass/sass/custom.scss */
    .chercheurs .col-cher .link-post:hover h2 {
      color: #82c9f0;
    }

    /* line 1789, ../../sass/sass/custom.scss */
    .bg-chercheur {
      height: 250px;
      width: 250px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0 auto;
      border-radius: 50%;
    }

    /* line 1798, ../../sass/sass/custom.scss */
    .banner-chercheur {
      background: #e9f5fc;
      margin-top: 60px;
    }
    /* line 1801, ../../sass/sass/custom.scss */
    .banner-chercheur .bg-chercheur {
      margin: -60px 0 0 0;
    }
    /* line 1804, ../../sass/sass/custom.scss */
    .banner-chercheur .col-info-cher {
      padding-top: 40px;
    }
    /* line 1806, ../../sass/sass/custom.scss */
    .banner-chercheur .col-info-cher h1 {
      font-size: 50px;
      margin-bottom: 10px;
    }
    /* line 1810, ../../sass/sass/custom.scss */
    .banner-chercheur .col-info-cher p {
      font-size: 22px;
      margin-bottom: 5px;
    }

    /* line 1816, ../../sass/sass/custom.scss */
    .info-chercheur {
      background: #e9f5fc;
      padding: 40px 0 60px;
    }
    /* line 1819, ../../sass/sass/custom.scss */
    .info-chercheur h3 {
      margin-bottom: 20px;
    }

    /************               ************/
    /*****     ROUTE DES BALEINES     *****/
    /***********                ***********/
    /* line 1827, ../../sass/sass/custom.scss */
    .route-map-banner {
      padding: 60px 0;
      position: relative;
    }
    /* line 1830, ../../sass/sass/custom.scss */
    .route-map-banner .banner-absolute {
      background: #e9f5fc;
      height: 60vh;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-height: 550px;
    }
    /* line 32, ../../sass/sass/mixins.scss */
    .route-map-banner .map-info .clearfix::after {
      display: block;
      content: "";
      clear: both;
    }
    /* line 1842, ../../sass/sass/custom.scss */
    .route-map-banner .map-info .text-map {
      float: left;
      margin-top: 60px;
      padding-right: 20px;
      width: 80%;
    }
    /* line 1848, ../../sass/sass/custom.scss */
    .route-map-banner .map-info .logo-map {
      margin-top: 60px;
      float: left;
      width: 20%;
    }

    /* line 1855, ../../sass/sass/custom.scss */
    .info-lieux {
      padding: 60px 0;
    }
    /* line 1857, ../../sass/sass/custom.scss */
    .info-lieux:nth-of-type(odd) {
      background: #e9f5fc;
    }
    /* line 1860, ../../sass/sass/custom.scss */
    .info-lieux .col-img-lieu {
      position: relative;
      margin-bottom: 60px;
    }
    /* line 1863, ../../sass/sass/custom.scss */
    .info-lieux .col-img-lieu .number-lieu {
      align-items: center;
      background: #e9f5fc;
      border: 3px solid #82c9f0;
      border-radius: 50%;
      display: flex;
      height: 100px;
      font-size: 45px;
      justify-content: center;
      top: -30px;
      left: 0px;
      position: absolute;
      width: 100px;
      z-index: 10;
    }
    /* line 1878, ../../sass/sass/custom.scss */
    .info-lieux .col-img-lieu .img-lieu {
      width: 100%;
    }
    /* line 1883, ../../sass/sass/custom.scss */
    .info-lieux .title h2 {
      margin-bottom: 10px;
      font-weight: normal;
    }

    /************               ************/
    /*********      COLLAPSE     **********/
    /***********                ***********/
    /* line 1894, ../../sass/sass/custom.scss */
    .collapse-section {
      padding: 80px 0 60px;
      background: #e9f5fc;
    }
    /* line 1897, ../../sass/sass/custom.scss */
    .collapse-section .card {
      background: none;
      border: solid #82c9f0 !important;
      border-width: 0 0 2px 0 !important;
      border-radius: 0;
    }
    /* line 1902, ../../sass/sass/custom.scss */
    .collapse-section .card .card-header {
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
    }
    /* line 1907, ../../sass/sass/custom.scss */
    .collapse-section .card .card-header button {
      background: none;
      border: none;
      cursor: pointer;
      text-align: left;
      padding: 20px;
      display: block;
      width: 100%;
    }
    /* line 1915, ../../sass/sass/custom.scss */
    .collapse-section .card .card-header button h3 {
      display: flex;
      font-size: 23px;
      font-weight: bold;
      justify-content: space-between;
      line-height: 22px;
      margin-bottom: 0;
    }
    /* line 1927, ../../sass/sass/custom.scss */
    .collapse-section .card .card-header.active button i:before {
      content: "\65";
    }
    /* line 1935, ../../sass/sass/custom.scss */
    .collapse-section .card .card-body h4, .collapse-section .card .card-body h5 {
      font-size: 20px;
    }

    /************               ************/
    /*********  SLIDER AVEC INFO  **********/
    /***********                ***********/
    /* line 1948, ../../sass/sass/custom.scss */
    .slideritem img, .small-slider img {
      width: 100%;
    }
    .slideritem .slick-slide, .small-slider .slick-slide{
      position: relative;
    }
    .slideritem .info-slider, .small-slider .info-slider{
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      background: #ffffff69;
      padding: 10px;
      font-size: 20px;
    }
    .slideritem .info-slider a, .small-slider .info-slider a{
      color: #112a41;
    }
    .slideritem .info-slider a:hover, .small-slider .info-slider a:hover{
      color: #5eb4b6;
    }
    /* line 1951, ../../sass/sass/custom.scss */
    .slideritem .slick-prev, .slideritem .slick-next, .small-slider .slick-prev, .small-slider .slick-next {
      height: initial;
      width: initial;
      z-index: 1;
    }
    /* line 1955, ../../sass/sass/custom.scss */
    .slideritem .slick-prev:before, .slideritem .slick-next:before, .small-slider .slick-prev:before, .small-slider .slick-next:before {
      color: #e9f5fc;
      font-size: 45px;
      font-family: "baleines" !important;
      font-style: normal !important;
      opacity: 1;
      transition: 0.3s ease;
    }
    /* line 1964, ../../sass/sass/custom.scss */
    .slideritem .slick-prev:hover:before, .slideritem .slick-next:hover:before, .small-slider .slick-prev:hover:before, .small-slider .slick-next:hover:before {
      color: #112a41;
    }
    /* line 1969, ../../sass/sass/custom.scss */
    .slideritem .slick-prev, .small-slider .slick-prev{
      left: 0;
    }
    /* line 1971, ../../sass/sass/custom.scss */
    .slideritem .slick-prev:before, .small-slider .slick-prev:before {
      content: "\61";
    }
    /* line 1975, ../../sass/sass/custom.scss */
    .slideritem .slick-next, .small-slider .slick-next {
      right: 0;
    }
    /* line 1977, ../../sass/sass/custom.scss */
    .slideritem .slick-next:before, .small-slider .slick-next:before {
      content: "\62";
    }
    /* line 1981, ../../sass/sass/custom.scss */
/*.slideritem .slick-dots {
  bottom: 10px;
  }*/
  /* line 1986, ../../sass/sass/custom.scss */
  .slideritem .slick-dots li.slick-active button:before, .small-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #82c9f1;
  }
  /* line 1992, ../../sass/sass/custom.scss */
  .slideritem .slick-dots li button, .small-slider .slick-dots li button {
    height: 30px;
    width: 30px;
  }
  /* line 1995, ../../sass/sass/custom.scss */
  .slideritem .slick-dots li button:before, .small-slider .slick-dots li button:before {
    transition: 0.3s ease;
    color: #82c9f1;
    font-size: 17px;
    opacity: 0.5;
  }

  /************               ************/
  /**********   FORM CONTACT   **********/
  /***********                ***********/
  /* line 2010, ../../sass/sass/custom.scss */
  .form h2 {
    font-size: 40px;
  }
  /* line 2014, ../../sass/sass/custom.scss */
  .form .col-footer h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }
  /* line 2017, ../../sass/sass/custom.scss */
  .form .col-footer h3.follow {
    margin-top: 20px;
  }
  /* line 2021, ../../sass/sass/custom.scss */
  .form .col-footer p {
    line-height: 25px;
    margin-bottom: 0px;
  }
  .form .col-footer .social li:before{
    display: none;
  }
  /* line 2027, ../../sass/sass/custom.scss */
  .form .col-footer .social li a {
    border-color: #112a41;
    color: #112a41;
  }
  /* line 2030, ../../sass/sass/custom.scss */
  .form .col-footer .social li a:hover {
    background: #112a41;
    color: white;
  }
  /* line 2038, ../../sass/sass/custom.scss */
  .form .form-div {
    background: #e9f5fc;
    padding: 40px 0;
    position: relative;
  }
  /* line 2042, ../../sass/sass/custom.scss */
  .form .form-div .shape {
    bottom: -50px;
    position: absolute;
    left: 0;
    width: 30%;
  }
  /* line 2049, ../../sass/sass/custom.scss */
  .form .coord {
    padding: 80px 0;
  }
  /* line 2051, ../../sass/sass/custom.scss */
  .form .coord .col-footer {
    float: left;
    width: 33.333%;
  }
  /* line 2055, ../../sass/sass/custom.scss */
  .form .coord .col-footer.adress span {
    display: block;
  }
  /* line 2062, ../../sass/sass/custom.scss */
  .form form button, .form form input, .form form optgroup, .form form select, .form form textarea, .form form label {
    font-size: 20px;
    width: 100%;
  }
  /* line 2065, ../../sass/sass/custom.scss */
  .form form button:focus, .form form input:focus, .form form optgroup:focus, .form form select:focus, .form form textarea:focus, .form form label:focus {
    outline: inherit;
  }
  /* line 2069, ../../sass/sass/custom.scss */
  .form form input, .form form textarea {
    border: 1px solid #82c9f0;
    border-radius: 0;
    margin-bottom: 15px;
    padding: 15px 20px;
  }
  /* line 2075, ../../sass/sass/custom.scss */
  .form form textarea {
    resize: none;
  }
  /* line 2078, ../../sass/sass/custom.scss */
  .form form [type='submit'] {
    background: #112a41;
    border: 1px solid #112a41;
    border-radius: 25px;
    cursor: pointer;
    color: white;
    transition: 0.3s ease;
    padding: 12px 30px;
    text-transform: uppercase;
    text-align: center;
    line-height: 12px;
    float: right;
    border-width: 1px;
    width: initial;
  }

  /************               ************/
  /**********   LISTE ANCHOR   **********/
  /***********                ***********/
  /* line 2102, ../../sass/sass/custom.scss */
  .anchors {
    margin-bottom: 50px;
  }
  /* line 2104, ../../sass/sass/custom.scss */
  .anchors .the-anchors {
    border-top: 2px solid #82c9f0;
    border-bottom: 2px solid #82c9f0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
  /* line 2107, ../../sass/sass/custom.scss */
  /*.anchor .col-anchor {
    border-bottom: 2px solid #82c9f0;
    }*/
    /* line 2109, ../../sass/sass/custom.scss */
    .anchors .the-anchor a {
      color: #112a41;
      display: inline-block;
      font-size: 20px;
      font-weight: lighter;
      padding: 15px 20px;
    }
    /* line 2115, ../../sass/sass/custom.scss */
    .anchors .the-anchor a:hover {
      color: #82c9f0;
    }

    /************               ************/
    /***********  RESULTS PAGE  ***********/
    /***********                ***********/
    /* line 2126, ../../sass/sass/custom.scss */
    .search-results .bannerfull {
      padding: 40px 0;
    }

    .results .result {
      margin-bottom: 30px;
      border-bottom: 2px solid #e9f5fc;
      padding-bottom: 30px;
    }

    .results .result:last-of-type {
      border-bottom: none;
    }

    .results .result a {
      display: block;
    }

    .results .result h3 {
      font-size: 24px;
      text-transform: inherit;
      margin: 0;
    }

    .results .result p {
      font-size: 18px;
      line-height: 1.2;
      margin: 5px 0 0 0;
    }

    .results .result p span {
      display: block;
      font-size: 14px;
      color: #8894a0;
      margin-bottom: 5px;
    }

    /************               ************/
    /**********   LIENS UTILES    **********/
    /***********                ***********/
    /* line 2134, ../../sass/sass/custom.scss */
    .lienutiles {
      background: #fbfbfb;
      padding: 40px 0;
    }
    /* line 2137, ../../sass/sass/custom.scss */
    .lienutiles a {
      color: #112a41;
    }
    /* line 2139, ../../sass/sass/custom.scss */
    .lienutiles a:hover {
      color: #82c9f0;
    }

    /************               ************/
    /***********     FOOTER     ***********/
    /***********                ***********/
    /* line 2148, ../../sass/sass/custom.scss */
    footer.footer {
      background: #112a41;
      padding: 40px 0 0;
      color: white;
    }
    /* line 2153, ../../sass/sass/custom.scss */
    footer.footer .col-newsletter p {
      font-size: 17px;
      margin-bottom: 0;
    }
    /* line 2, ../../sass/sass/mixins.scss */
    footer.footer .col-newsletter form ::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: white;
      opacity: 1;
      /* Firefox */
    }
    /* line 7, ../../sass/sass/mixins.scss */
    footer.footer .col-newsletter form :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: white;
    }
    /* line 11, ../../sass/sass/mixins.scss */
    footer.footer .col-newsletter form ::-ms-input-placeholder {
      /* Microsoft Edge */
      color: white;
    }
    /* line 2159, ../../sass/sass/custom.scss */
    footer.footer .col-newsletter form input {
      background: none;
      border: 1px solid white;
      border-radius: 25px;
      color: white;
      margin-bottom: 10px;
      padding: 5px 12px;
      width: 100%;
    }
    /* line 2167, ../../sass/sass/custom.scss */
    footer.footer .col-newsletter form input[type=submit] {
      cursor: pointer;
      transition: 0.3s ease;
      width: inherit;
    }
    /* line 2171, ../../sass/sass/custom.scss */
    footer.footer .col-newsletter form input[type=submit]:hover {
      background: white;
      color: #112a41;
    }
    /* line 2180, ../../sass/sass/custom.scss */
    footer.footer .btn {
      padding: 12px;
      text-transform: inherit;
    }
    /* line 2184, ../../sass/sass/custom.scss */
    footer.footer .footer-logo {
      border-top: 2px solid #82c9f0;
      padding-top: 20px;
      margin-top: 20px;
    }
    /* line 2188, ../../sass/sass/custom.scss */
    footer.footer .footer-logo h5 {
      text-transform: uppercase;
    }
    /* line 2191, ../../sass/sass/custom.scss */
    footer.footer .footer-logo .div-footer-logo {
      align-items: center;
      display: flex;
    }
    /* line 2194, ../../sass/sass/custom.scss */
    footer.footer .footer-logo .div-footer-logo a {
      display: inline-block;
      width: calc(14% - 30px);
      margin-right: 30px;
    }
    /* line 2198, ../../sass/sass/custom.scss */
    footer.footer .footer-logo .div-footer-logo a:last-of-type {
      margin-right: 0;
    }
    /* line 2201, ../../sass/sass/custom.scss */
    footer.footer .footer-logo .div-footer-logo a.canada {
      width: calc(29% - 30px);
    }
    /* line 2208, ../../sass/sass/custom.scss */
    footer.footer .subfooter {
      background: #061019;
      margin-top: 40px;
      padding: 15px 0;
    }
    /* line 2212, ../../sass/sass/custom.scss */
    footer.footer .subfooter p {
      font-size: 15px;
      margin-bottom: 0;
    }
    /* line 2215, ../../sass/sass/custom.scss */
    footer.footer .subfooter p a {
      color: white;
    }

    /* line 2223, ../../sass/sass/custom.scss */
    .social li {
      display: inline-block;
      margin-left: 5px;
      padding-bottom: 0;
      padding-left: 0;
    }
    .social li:before{
      display: none;
    }
    /* line 2226, ../../sass/sass/custom.scss */
    .social li a {
      border: 1px solid white;
      border-radius: 50%;
      color: white;
      display: block;
      font-size: 20px;
      padding: 7px;
      line-height: 14px;
      transition: 0.3s ease;
    }
    /* line 2235, ../../sass/sass/custom.scss */
    .social li a:hover {
      background: white;
      color: #112a41;
    }
    #arrow-up.arrow--unpinned{
      opacity: 1;
      visibility: visible;
    }
    #arrow-up.arrow--top, #arrow-up.arrow--pinned {
      opacity: 0;
      visibility: hidden;
    }
    #arrow-up {
      align-items: center;
      border: 2px solid #82c9f0;
      border-radius: 50%;
      bottom: 15px;
      color: #82c9f0;
      display: flex;
      font-size: 25px;
      height: 50px;
      justify-content: center;
      position: fixed;
      right: 15px;
      width: 50px;
      z-index: 100;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s ease;
    }
    #arrow-up i{
      line-height: 18px;
    }
    #arrow-up:hover{
      border-color: #112a41;
      color: #112a41;
    }

/* -----------------------------------------------------------------
    - RESPONSIVE
    ----------------------------------------------------------------- */
    @media screen and (max-width: 991px) and (min-width: 767px) {
      .form .col-footer p{
        font-size: 14px;
        line-height: 19px;
      }
    }
    @media screen and (max-width: 991px) and (min-width: 576px) {
      /* line 12, ../../sass/sass/responsive.scss */
      .contentactu-col h2 {
        font-size: 24px;
      }
      /* line 16, ../../sass/sass/responsive.scss */
      .contentactu-col .a-img-std img {
        height: 175px;
      }

      /* line 24, ../../sass/sass/responsive.scss */
      .portrait .contentactu-col .link-post .circle-adopt {
        bottom: 30px;
      }
    }
    @media screen and (max-width: 1555px) {
      /* line 36, ../../sass/sass/responsive.scss */
      .decouvrir .col-imgdecouvrir .infosection h3 {
        font-size: 19px;
      }
    }
    @media screen and (max-width: 855px) and (min-width: 767px) {
      /* line 47, ../../sass/sass/responsive.scss */
      .decouvrir .col-imgdecouvrir .infosection {
        padding: 25px;
      }
      /* line 49, ../../sass/sass/responsive.scss */
      .decouvrir .col-imgdecouvrir .infosection h3 {
        font-size: 16px;
      }
    }
    @media screen and (max-width: 1199px) {
      /* line 69, ../../sass/sass/responsive.scss */
      .headroom--top {
        padding: 20px 0;
      }
      /* line 72, ../../sass/sass/responsive.scss */
      .headroom--not-top {
        padding: 7px 0;
      }
      /* line 77, ../../sass/sass/responsive.scss */
      .headroom .navprincipale ul li {
        margin-left: 17px;
      }

      /* line 83, ../../sass/sass/responsive.scss */
      .fakewrapperright {
        padding-right: calc(50% - 480px);
      }
      /* line 86, ../../sass/sass/responsive.scss */
      .fakewrapperleft {
        padding-left: calc(50% - 480px);
      }
      .textimg.row-reverse .fakewrapperleft{
        padding-right: calc(50% - 465px);
      }
      /* line 91, ../../sass/sass/responsive.scss */
      /*.observer .infosection .list-observer {
        height: calc(100% - 110px);
      }*/
      header ul li#nav-la-vie-des-baleines, header ul li#nav-life-of-whales{
        min-height: 500px;
      }
      /*.select-post{
        width: 40%;
        margin-right: 0;
        margin-bottom: 20px;
        }*/
      /*.select-post:nth-of-type(odd){
        margin-right: 40px;
        }*/
        .select-post select {
          font-size: 18px;
        }
      }
      @media screen and (max-width: 991px) {
        /* line 101, ../../sass/sass/responsive.scss */
        body.overflow {
          overflow: hidden;
        }
        /* line 106, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir, header #menu-main-menu-fr.menu #nav-observer, header #menu-main-menu-fr.menu #nav-magazine, header #menu-main-menu-fr.menu #nav-agir,
        header #menu-main-menu-en.menu #nav-discover, header #menu-main-menu-en.menu #nav-observe, header #menu-main-menu-en.menu #nav-magazine, header #menu-main-menu-en.menu #nav-act {
          margin-left: 40px;
        }
        .nav-top{
          padding-bottom: 20px;
        }
        /* line 245, ../../sass/sass/responsive.scss */
        header {
          padding: 20px 0;
          position: relative;
        }
        /* line 250, ../../sass/sass/responsive.scss */
        header .logo a span {
          margin-top: 5px;
        }
        /* line 255, ../../sass/sass/responsive.scss */
        header .nav-top {
          display: block;
          padding-bottom: 0;
        }
        /* line 258, ../../sass/sass/responsive.scss */
        header .col-menu {
          align-items: center !important;
        }
        header .nav-top ul{
          padding-bottom: 10px;
        }
        header .nav-top ul li{
          margin-right: 20px;
        }
        .wpml-ls-legacy-list-horizontal{
          margin-right: 0;
        }
        /* line 261, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu, header #menu-main-menu-en.menu {
          background: white;
          display: none;
          justify-content: space-between;
          position: absolute;
          left: 0;
          right: 0;
          bottom: -50px;
          width: 100%;
          z-index: 100;
        }
        /* line 271, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu.active, header #menu-main-menu-en.menu.active {
          display: flex;
        }
        /* line 275, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-agir > .sub-menu, header #menu-main-menu-en.menu #nav-act > .sub-menu {
          display: block;
        }
        /* line 279, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir, header #menu-main-menu-fr.menu #nav-observer, header #menu-main-menu-fr.menu #nav-magazine, header #menu-main-menu-fr.menu #nav-agir, 
        header #menu-main-menu-en.menu #nav-discover, header #menu-main-menu-en.menu #nav-observe, header #menu-main-menu-en.menu #nav-magazine, header #menu-main-menu-en.menu #nav-act {
          margin-left: 0;
          border: 1px solid grey;
          width: 25%;
          text-align: center;
          padding: 10px;
        }
        /* line 286, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir, header #menu-main-menu-fr.menu #nav-observer, header #menu-main-menu-fr.menu #nav-agir,
        header #menu-main-menu-en.menu #nav-discover, header #menu-main-menu-en.menu #nav-observe, header #menu-main-menu-en.menu #nav-act {
          pointer-events: initial;
        }
        /* line 288, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir.li-active, header #menu-main-menu-fr.menu #nav-observer.li-active, header #menu-main-menu-fr.menu #nav-agir.li-active,
        header #menu-main-menu-en.menu #nav-discover.li-active, header #menu-main-menu-en.menu #nav-observe.li-active, header #menu-main-menu-en.menu #nav-act.li-active {
          background: #e9f5fc;
        }
        /* line 292, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir:hover > .sub-menu, header #menu-main-menu-fr.menu #nav-observer:hover > .sub-menu, header #menu-main-menu-fr.menu #nav-agir:hover > .sub-menu,
        header #menu-main-menu-en.menu #nav-discover:hover > .sub-menu, header #menu-main-menu-en.menu #nav-observe:hover > .sub-menu, header #menu-main-menu-en.menu #nav-act:hover > .sub-menu {
          visibility: hidden;
          opacity: 0;
        }
        /* line 297, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu, header #menu-main-menu-fr.menu #nav-observer > .sub-menu, header #menu-main-menu-fr.menu #nav-agir > .sub-menu,
        header #menu-main-menu-en.menu #nav-discover > .sub-menu, header #menu-main-menu-en.menu #nav-observe > .sub-menu, header #menu-main-menu-en.menu #nav-act > .sub-menu {
          border-bottom: 2px solid #112a41;
          padding: 20px 40px;
          margin-top: 12px;
          text-align: left;
        }
        /* line 302, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu.sub-menu-active, header #menu-main-menu-fr.menu #nav-observer > .sub-menu.sub-menu-active, header #menu-main-menu-fr.menu #nav-agir > .sub-menu.sub-menu-active,
        header #menu-main-menu-en.menu #nav-discover> .sub-menu.sub-menu-active, header #menu-main-menu-en.menu #nav-observe > .sub-menu.sub-menu-active, header #menu-main-menu-en.menu #nav-act > .sub-menu.sub-menu-active {
          visibility: visible;
          opacity: 1;
        }
        /* line 306, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li,
        header #menu-main-menu-en.menu #nav-discover > .sub-menu > li, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li, header #menu-main-menu-en.menu #nav-act > .sub-menu > li {
          width: 100%;
        }
        /* line 308, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li a, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li a, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li a,
        header #menu-main-menu-en.menu #nav-discover > .sub-menu > li a, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li a, header #menu-main-menu-en.menu #nav-act > .sub-menu > li a {
          display: block;
          line-height: 18px;
        }
        /* line 311, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li a span, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li a span, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li a span,
        header #menu-main-menu-en.menu #nav-discover> .sub-menu > li a span, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li a span, header #menu-main-menu-en.menu #nav-act > .sub-menu > li a span {
          display: inline;
        }
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li,
        header #menu-main-menu-en.menu #nav-discover > .sub-menu > li, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li, header #menu-main-menu-en.menu #nav-act > .sub-menu > li{
          margin-bottom: 0;
        }
        /* line 320, ../../sass/sass/responsive.scss */
        header .menumobile {
          display: block;
        }
        header ul li#nav-la-vie-des-baleines, header ul li#nav-life-of-whales{
          min-height: inherit;
        }
        h1{
          font-size: 48px;
        }
        .portrait .contentactu-col .link-post .circle-adopt{
          top: 90px;
        }
        /* line 112, ../../sass/sass/responsive.scss */
        .valeurs .infosection {
          padding-top: 0;
        }
        .banner-other .banner-absolute, .banner-std .banner-absolute{
          max-height: 400px;
        }
        /* line 118, ../../sass/sass/responsive.scss */
        .pagenews .actualite form {
          margin-top: 20px;
        }
        .textimg.textplain, .text{
          padding: 20px 0 0;
        }
        /* line 124, ../../sass/sass/responsive.scss */
        .textimg.margin-minus {
          margin-bottom: 0;
        }
        /* line 127, ../../sass/sass/responsive.scss */
        .textimg .bg-absolute {
          width: 100%;
        }
        /* line 130, ../../sass/sass/responsive.scss */
        .textimg .text_textimg {
          padding-top: 60px;
        }
        /* line 133, ../../sass/sass/responsive.scss */
        .textimg .col-img {
          padding: 15px !important;
          /*margin: -145px auto 0;*/
        }
        /* line 138, ../../sass/sass/responsive.scss */
        .textimg.textplain .text_textimg {
          padding: 0 !important;
        }
        /* line 141, ../../sass/sass/responsive.scss */
        .textimg.textplain .col-img {
          margin: 0 auto;
        }

        /* line 148, ../../sass/sass/responsive.scss */
        .contentactu-col .a-title h4 {
          font-size: 21px;
        }

        /* line 154, ../../sass/sass/responsive.scss */
        /*.observer:before {
          display: none;
        }*/
        /* line 157, ../../sass/sass/responsive.scss */
        /*.observer .infosection {
          height: calc(100% - 180px);
        }*/
        /* line 159, ../../sass/sass/responsive.scss */
        /*.observer .infosection .list-observer {
          opacity: 1;
          background: #e9f5fc;
          padding: 180px 15px 15px;
          top: -170px;
          visibility: visible;
          width: 290px;
          margin: 0 auto;
        }*/
        /* line 168, ../../sass/sass/responsive.scss */
        /*.observer .infosection .circledouble {
          height: 290px;
          max-width: 290px;
          margin: 0 auto;
          padding: inherit;
        }*/
        /* line 173, ../../sass/sass/responsive.scss */
        /*.observer .infosection .circledouble h3 {
          font-size: 35px;
        }*/

        /* line 179, ../../sass/sass/responsive.scss */
        .observer {
          padding-top: 60px;
        }
        .observer .col-imgobserver .infosection .list-observer a {
          font-size: 18px;
          line-height: 1.5;
        }
        .agir {
          padding-top: 60px;
        }

        /* line 185, ../../sass/sass/responsive.scss */
        .enteteespece .list-border li p{
          font-size: 19px;
        }
        /* line 188, ../../sass/sass/responsive.scss */
        .enteteespece .list-border li span {
          font-size: 18px;
          margin-bottom: 0;
        }
        .adoption h3{
          font-size: 25px;
        }
        .adoption .round-number{
          right: 0;
        }
        .treize-especes .linkbaleine{
          padding-right: 30px !important;
          padding-left: 30px !important;
        }
        .actualite .banner-absolute{
          max-height: 600px;
        }

        .actualite .colsearchform,
        .category .colsearchform,
        .author .colsearchform {
          flex-direction: column;
        }

        .select-post {
          margin: 0 0 10px 0;
        }

        .select-post select {
          font-size: 20px;
        }

        .actualite .clearfilters, 
        .category .clearfilters,
        .author .clearfilters {
          margin-top: 20px;
        }

        .colsearchform .note {
          flex-basis: auto;
        }

        /* line 197, ../../sass/sass/responsive.scss */
        footer.footer .footer-logo .div-footer-logo {
          display: block;
        }
        /* line 199, ../../sass/sass/responsive.scss */
        footer.footer .footer-logo .div-footer-logo a {
          width: calc(32% - 30px);
          margin-bottom: 30px;
        }
        /* line 202, ../../sass/sass/responsive.scss */
        footer.footer .footer-logo .div-footer-logo a.canada {
          width: calc(65% - 30px);
        }
        /* line 208, ../../sass/sass/responsive.scss */
        footer.footer .col-btn-muse {
          text-align: right;
        }
        /* line 211, ../../sass/sass/responsive.scss */
        footer.footer .col-newsletter {
          margin-top: 20px;
          margin-bottom: 20px;
        }
        /* line 215, ../../sass/sass/responsive.scss */
        footer.footer .col-urgence {
          text-align: center;
        }

        /* line 219, ../../sass/sass/responsive.scss */
        .fakewrapperright {
          padding-right: calc(50% - 360px);
        }

        /* line 222, ../../sass/sass/responsive.scss */
        .fakewrapperleft {
          padding-left: calc(50% - 360px);
        }
        .textimg.row-reverse .fakewrapperleft, .textimg .fakewrapperleft{
          padding-right: calc(50% - 345px);
          padding-left: calc(50% - 345px);
        }
        .textimg.margin-minus .row-reverse .text_textimg, .textimg .row-reverse .text_textimg{
          padding-left: 0;
          padding-bottom: 150px;
        }
        .textimg.margin-minus .text_textimg, .textimg .text_textimg{
          padding-right: 0;
        }
        .page-category .colsearchform {
          flex-wrap: wrap;
          justify-content: flex-end;
          flex-direction: column;
        }

        .page-category .colsearchform .select-post {
          margin: 0;
        }

      }
      @media screen and (max-width: 767px) {
        /* line 235, ../../sass/sass/responsive.scss */
        h1, h2, h3 {
          margin-bottom: 10px;
        }

        /* line 241, ../../sass/sass/responsive.scss */
        p {
          font-size: 16px;
          line-height: 27px;
        }
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu > li, header #menu-main-menu-fr.menu #nav-observer > .sub-menu > li, header #menu-main-menu-fr.menu #nav-magazine > .sub-menu > li, header #menu-main-menu-fr.menu #nav-agir > .sub-menu > li,
        header #menu-main-menu-en.menu #nav-discover > .sub-menu > li, header #menu-main-menu-en.menu #nav-observe > .sub-menu > li, header #menu-main-menu-en.menu #nav-magazine > .sub-menu > li, header #menu-main-menu-en.menu #nav-act > .sub-menu > li{
          padding-left: 0px;
          padding-right: 0px;
        }
        header .nav-top ul li a {
          font-size: 14px;
        }
        .portraits-template .enteteespece.single .img-desc .adopte-par{
          font-size: 16px;
          padding: 5px;
        }
        /* line 324, ../../sass/sass/responsive.scss */
        .textimg {
          padding: 40px 0 20px;
        }
        /* line 326, ../../sass/sass/responsive.scss */
        .textimg .text_textimg, .textimg.margin-minus .text_textimg, .textimg.margin-minus .row-reverse .text_textimg {
          padding-left: 15px !important;
          padding-right: 15px !important;
        }
        .textimg.margin-minus .text_textimg, .textimg.margin-minus .row-reverse .text_textimg{
          padding-top: 40px;
        }
        /* line 330, ../../sass/sass/responsive.scss */
        .textimg .img_textimg {
          margin-bottom: 0;
        }
        /* line 337, ../../sass/sass/responsive.scss */
        .videoyt {
          padding: 40px 0 20px;
        }

        /* line 342, ../../sass/sass/responsive.scss */
        .actualite .shape {
          top: 182px;
        }
        /* line 345, ../../sass/sass/responsive.scss */
        .actualite .banner-absolute {
          height: 390px;
        }
        /* line 350, ../../sass/sass/responsive.scss */
        .actualite .row-post-featured .a-title h2 {
          font-size: 35px;
          margin-top: 20px;
        }
        /* line 356, ../../sass/sass/responsive.scss */
        .actualite .post-standard {
          padding: 40px 0;
        }
        /* line 358, ../../sass/sass/responsive.scss */
        .actualite .post-standard .cat-title {
          font-size: 30px;
        }
        /* line 361, ../../sass/sass/responsive.scss */
        .actualite .post-standard .contentactu-col {
          margin-bottom: 30px;
        }
        /* line 364, ../../sass/sass/responsive.scss */
        .actualite .post-standard .see-more-post {
          margin-top: 0px;
        }

        /* line 372, ../../sass/sass/responsive.scss */
        .collapse-section .card .card-header button {
          padding: 15px 0;
        }
        /* line 374, ../../sass/sass/responsive.scss */
        .collapse-section .card .card-header button i {
          margin-left: 5px;
        }

        /* line 381, ../../sass/sass/responsive.scss */
        .twocols {
          padding: 20px 0 0px;
        }
        /* line 383, ../../sass/sass/responsive.scss */
        .twocols .col-infotwocols {
          padding: 0px 15px !important;
        }

        /* line 389, ../../sass/sass/responsive.scss */
        .page-magazine .post-standard .contentactu-col {
          /*à vérifier pas les bons enfants*/
        }
        /* line 391, ../../sass/sass/responsive.scss */
        .page-magazine .post-standard .contentactu-col:nth-child(3), .page-magazine .post-standard .contentactu-col:nth-child(4) {
          display: none;
        }

        /* line 398, ../../sass/sass/responsive.scss */
        .page-single-post h1 {
          font-size: 30px;
        }
        /* line 402, ../../sass/sass/responsive.scss */
        .page-single-post .info-post.after-content {
          margin-top: 0;
        }
        /* line 406, ../../sass/sass/responsive.scss */
        .page-single-post .author {
          padding: 40px 0;
        }
        /* line 408, ../../sass/sass/responsive.scss */
        .page-single-post .author .avatar {
          margin-right: 0;
          margin-bottom: 20px;
        }
        /* line 412, ../../sass/sass/responsive.scss */
        .page-single-post .author .col-author {
          display: block;
        }
        /* line 416, ../../sass/sass/responsive.scss */
        .page-single-post .related-post {
          padding: 40px 0;
        }
        /* line 418, ../../sass/sass/responsive.scss */
        .page-single-post .related-post .contentactu-col {
          margin-bottom: 30px;
        }
        /* line 425, ../../sass/sass/responsive.scss */
        .banner-other .banner-absolute, .banner-std .banner-absolute {
          height: 50vh;
        }
        /* line 433, ../../sass/sass/responsive.scss */
        .fakewrapperleft {
          padding-left: 15px;
        }

        /* line 436, ../../sass/sass/responsive.scss */
        .fakewrapperright {
          padding-right: 15px;
        }

        /* line 441, ../../sass/sass/responsive.scss */
        .banner-home .banner-info .col-img {
          display: none;
        }

        /* line 448, ../../sass/sass/responsive.scss */
        .home section h2 {
          font-size: 40px;
        }

        /* line 453, ../../sass/sass/responsive.scss */
        .decouvrir {
          padding-top: 60px;
        }
        /* line 457, ../../sass/sass/responsive.scss */
        .decouvrir .col-imgdecouvrir:nth-of-type(5):before, .decouvrir .col-imgdecouvrir:nth-of-type(2):before {
          background: none;
        }
        /* line 461, ../../sass/sass/responsive.scss */
        .decouvrir .col-imgdecouvrir .infosection {
          background: #e9f5fc;
          height: inherit;
          position: relative;
          padding: 0; 
        }
        .decouvrir .col-imgdecouvrir .infosection h3{
          background: #112a41;
          color: white;
          font-size: 22px;
          margin-bottom: 0;
          padding: 15px;
        }
        /* line 466, ../../sass/sass/responsive.scss */
        .decouvrir .col-imgdecouvrir .infosection h3 i {
          display: none;
        }
        .decouvrir .col-imgdecouvrir .infosection .list-decouvrir{
          height: 100%;
          padding: 10px 15px 0 15px;
        }
        /* line 471, ../../sass/sass/responsive.scss */
        .decouvrir .col-imgdecouvrir .infosection .list-decouvrir a {
          font-size: 20px;
          opacity: 1;
          visibility: visible;
        }
        /* line 479, ../../sass/sass/responsive.scss */
        .decouvrir .col-imgdecouvrir .img img {
          display: none;
        }

        /* line 485, ../../sass/sass/responsive.scss */
        /*.observer {
          padding-top: 60px;
        }*/

        .observer .col-imgobserver:nth-of-type(2n + 2):before {
          background: none;
        }
        .observer .col-imgobserver .infosection {
          background: #e9f5fc;
          height: inherit;
          position: relative;
          padding: 0; 
        }
        .observer .col-imgobserver .infosection h3{
          background: #112a41;
          color: white;
          font-size: 22px;
          margin-bottom: 0;
          padding: 15px;
        }
        /* line 466, ../../sass/sass/responsive.scss */
        .observer .col-imgobserver .infosection h3 i {
          display: none;
        }
        .observer .col-imgobserver .infosection .list-observer{
          height: 100%;
          padding: 10px 15px;
        }
        /* line 471, ../../sass/sass/responsive.scss */
        .observer .col-imgobserver .infosection .list-observer a {
          font-size: 20px;
          opacity: 1;
          visibility: visible;
        }
        /* line 479, ../../sass/sass/responsive.scss */
        .observer .col-imgobserver .img img {
          display: none;
        }

        .agir .col-imgagir:nth-of-type(2) .img{
          display: none;
        }
        /* line 491, ../../sass/sass/responsive.scss */
        .agir .col-imgagir:nth-of-type(2):before {
          background: none;
        }
        /* line 495, ../../sass/sass/responsive.scss */
        .agir .col-imgagir .infosection {
          background: #e9f5fc;
          height: inherit;
          position: relative;
          padding: 0;
        }
        /* line 499, ../../sass/sass/responsive.scss */
        .agir .col-imgagir .infosection h3 {
          background: #112a41;
          color: white;
          font-size: 22px;
          margin-bottom: 0;
          padding: 15px;
        }
        /* line 501, ../../sass/sass/responsive.scss */
        .agir .col-imgagir .infosection h3 i {
          display: none;
        }
        .agir .col-imgagir .infosection .list-agir{
          padding: 10px 15px;
        }
        /* line 506, ../../sass/sass/responsive.scss */
        .agir .col-imgagir .infosection .list-agir a {
          font-size: 20px;
          opacity: 1;
          visibility: visible;
        }

        /* line 517, ../../sass/sass/responsive.scss */
        .lastpost .a-title h3 {
          font-size: 20px;
        }
        /* line 526, ../../sass/sass/responsive.scss */
        .treize-especes .paddingbaleine {
          margin: 40px auto;
        }
        /* line 529, ../../sass/sass/responsive.scss */
        .treize-especes #rorqualbosse {
          margin: 0 auto;
        }
        .enteteespece{
          margin-top: 30px;
        }
        /* line 535, ../../sass/sass/responsive.scss */
        .enteteespece .list-border li {
          margin-bottom: 20px;
        }
        /* line 537, ../../sass/sass/responsive.scss */
        .enteteespece .list-border li:nth-child(even) {
          border-right: 0;
        }
        /* line 543, ../../sass/sass/responsive.scss */
        .enteteespece .statut p {
          font-size: 22px;
          line-height: 32px;
        }
        .enteteespece .other-desc .spec .ultwo{
          padding-left: 0;
        }
        .portraits-template .enteteespece.single .img-desc .line-entete{
          top: 0;
        }
        .portraits-template .enteteespece.single .img-desc .img-baleine{
          margin-bottom: 40px;
        }
        .portraits-template .enteteespece.single .circle-adopt{
          bottom: 15px;
          height: 125px;
          width: 125px;
        }
        .portraits-template .enteteespece.single .circle-adopt span{
          font-size: 16px;
          line-height: 19px;
        }
        .portraits-template .enteteespece.single .img-desc{
          padding-bottom: 0;
        }
        .enteteespece .small-desc{
          padding: 20px 0;
        }
        /* line 553, ../../sass/sass/responsive.scss */
        .text {
          padding: 20px 0;
        }
        .text.textcolor{
          padding: 20px 0;
        }
        .text.textcolor p{
          font-size: 20px;
          line-height: 30px;
        }
        /* line 556, ../../sass/sass/responsive.scss */
        .gallery {
          padding: 20px 0 40px;
        }
        /* line 559, ../../sass/sass/responsive.scss */
        .gallery .grid .grid-item {
          width: 50%;
        }
        /* line 562, ../../sass/sass/responsive.scss */
        .gallery .grid .grid-item a img {
          height: 190px;
        }

        /* line 569, ../../sass/sass/responsive.scss */
        .link-three-baleine {
          padding: 40px 0;
        }
        /* line 571, ../../sass/sass/responsive.scss */
        .link-three-baleine h3 {
          text-align: center;
        }
        /* line 574, ../../sass/sass/responsive.scss */
        .link-three-baleine .a-link-three-baleine {
          margin-bottom: 20px;
        }
        /* line 576, ../../sass/sass/responsive.scss */
        .link-three-baleine .a-link-three-baleine .img-link-three {
          min-height: inherit;
        }
        .anchors .the-anchors {
          flex-direction: column;
          text-align: center;
        }
        .anchors .the-anchor a {
          padding: 10px 0;
        }
        /* line 582, ../../sass/sass/responsive.scss */
        .portrait h1 {
          font-size: 50px;
        }
        .timeline{
          padding: 20px 0;
        }
        .timeline h2{
          font-size: 24px;
          margin-bottom: 20px;
        }
        .timeline .legende{
          display: block;
        }
        .timeline .bgtimeline{
          top: 117px;
        }
        .timeline .legende .ncheck{
          margin-right: 0;
          margin-bottom: 10px;
        }
        .timeline .legende .ncheck .__round {
          min-width: 25px;
        }
        .timeline .legende .ycheck .__round {
          min-width: 35px;
        }
        .timeline .legende .ycheck, .timeline .legende .ncheck{
          display: flex;
        }
        .timeline .legende .__round{
          margin: 0;
        }
        .timeline .slider-timeline .slick-prev, .timeline .slider-timeline .slick-next {
          top: 43%;
        }
        .timeline .slider-timeline .slick-next {
          right: -15px;
        }
        .timeline .slider-timeline .slick-prev {
          left: -15px;
        }
        .timeline .slider-timeline .slick-track {
          align-items: end;
          margin-top: 44px;
        }
        .timeline .slider-timeline .div-obs:first-child, .timeline .slider-timeline .div-obs:nth-child(5n), .timeline .slider-timeline .div-obs:last-child {
          margin-top: 0;
        }
        .adoption{
          padding: 20px 0 0;
        }
        .adoption .col-meter{
          margin: 0 auto;
        }
        .form .form-div, .form .coord{
          padding: 20px 0;
        }
        .form h2{
          font-size: 30px;
        }
        .form .form-div .shape{
          display: none;
        }
        .textimg.twoimg .col-imgonly{
          margin-bottom: 35px;
        }

      }
      @media screen and (max-width: 767px) and (min-width: 576px) {
        /* line 591, ../../sass/sass/responsive.scss */
        /*.observer .infosection .circledouble {
          height: 240px;
        }*/
        /* line 594, ../../sass/sass/responsive.scss */
        /*.observer .infosection .list-observer {
          height: 100%;
          padding-top: 135px;
          top: -115px;
          margin-bottom: -65px;
          width: 240px;
        }*/
      }
      @media screen and (max-width: 575px) {
        /* line 609, ../../sass/sass/responsive.scss */
        h1 {
          font-size: 35px;
        }

        /* line 612, ../../sass/sass/responsive.scss */
        h2 {
          font-size: 28px;
        }

        /* line 615, ../../sass/sass/responsive.scss */
        h3 {
          font-size: 23px;
        }

        /* line 618, ../../sass/sass/responsive.scss */
        h4 {
          font-size: 16px;
        }
        header .nav-top ul li {
          font-size: 12px;
          margin-right: 10px;
        }
        header .nav-top ul li#nav-signaler-une-urgence a, 
        header .nav-top ul li#nav-marine-mammal-emergencies a,
        header .nav-top ul li#nav-faire-un-don a,
        header .nav-top ul li#nav-donate a{
          padding: 5px; 
        }

        /* line 621, ../../sass/sass/responsive.scss */
        .container-fluid {
          padding-right: 15px;
          padding-left: 15px;
        }

        /* line 627, ../../sass/sass/responsive.scss */
        .banner-home .banner-info h1 {
          font-size: 30px;
        }

        /* line 634, ../../sass/sass/responsive.scss */
        /*.observer .infosection .list-observer {
          height: 100%;
          margin-bottom: -125px;
        }*/

        /* line 641, ../../sass/sass/responsive.scss */
        .treize-especes .paddingbaleine {
          padding-left: 15px;
          padding-right: 15px;
        }
        /* line 645, ../../sass/sass/responsive.scss */
        .treize-especes #rorqualbosse {
          margin: 0 auto;
        }
        /* line 649, ../../sass/sass/responsive.scss */
        .treize-especes .notice-baleine p {
          font-size: 16px;
        }

        /* line 656, ../../sass/sass/responsive.scss */
        .enteteespece .list-border li {
          border-right: none;
          margin-bottom: 0px;
        }

        /* line 662, ../../sass/sass/responsive.scss */
        .collapse-section {
          padding: 60px 0;
        }
        /* line 667, ../../sass/sass/responsive.scss */
        .collapse-section .card .card-header button h3 {
          font-size: 18px;
        }
        /* line 672, ../../sass/sass/responsive.scss */
        .collapse-section .card .card-body {
          padding: 10px 0;
        }
        /* line 674, ../../sass/sass/responsive.scss */
        .collapse-section .card .card-body h4 {
          font-size: 16px;
        }

        /* line 682, ../../sass/sass/responsive.scss */
        .textimg .img_textimg .cap_textimg {
          font-size: 11px;
          line-height: 13px;
        }

        /* line 689, ../../sass/sass/responsive.scss */
        .portrait h1 {
          font-size: 32px;
        }
        /* line 692, ../../sass/sass/responsive.scss */
        .portrait .shape {
          display: none;
        }
        /* line 697, ../../sass/sass/responsive.scss */
        .portrait .contentactu-col .link-post .circle-adopt {
          top: 150px;
        }

        /* line 704, ../../sass/sass/responsive.scss */
        .actualite .colsearchform {
          margin-bottom: 0;
        }
        .timeline .bgtimeline {
          top: 114px;
        }
        .timeline .slider-timeline .slick-track {
          margin-top: 40px;
        }
        .timeline .slider-timeline .div-obs.ycheck .__round {
          width: 30px;
          height: 30px;
        }
        .timeline .slider-timeline .div-obs.ncheck.slick-slide, .timeline .slider-timeline .div-obs.ncheck.slick-slide.slide-active {
          margin-top: 5px;
        }
        .timeline .slider-timeline .div-obs.ncheck .__round {
          width: 20px;
          height: 20px;
        }
        .timeline .legende .ncheck .__round {
          width: 20px;
          min-width: 20px;
          height: 20px;
        }

        .timeline .legende .ycheck .__round {
          width: 30px;
          min-width: 30px;
          height: 30px;
        }

        .adoption .round-number{
          bottom: 90px;
          height: 100px;
          font-size: 45px;
          width: 100px;
        }
        .adoption .meter-bg{
          margin-top: 20px;
        }
        .adoption .round-number span sup{
          font-size: 25px;
        }
        .form .coord .col-footer{
          margin-bottom: 13px;
          width: 100%;
        }
        .form .col-footer h3{
          margin-bottom: 0;
        }
        /* line 709, ../../sass/sass/responsive.scss */
        footer.footer .col-logo-gremm {
          text-align: center;
        }
        /* line 712, ../../sass/sass/responsive.scss */
        footer.footer .col-btn-muse {
          text-align: left;
          margin-top: 20px;
        }
        /* line 716, ../../sass/sass/responsive.scss */
        footer.footer .subfooter {
          text-align: center;
        }
        /* line 718, ../../sass/sass/responsive.scss */
        footer.footer .subfooter .text-right {
          text-align: center !important;
          margin-top: 20px;
        }
      }
      @media screen and (max-width: 525px) {
        /* line 729, ../../sass/sass/responsive.scss */
        .actualite .shape {
          display: none;
        }

        /* line 733, ../../sass/sass/responsive.scss */
        .info-post {
          display: block;
        }
        /* line 735, ../../sass/sass/responsive.scss */
        .info-post .author-cat {
          display: block;
        }

        /* line 739, ../../sass/sass/responsive.scss */
        .select-post {
          /*display: block;*/
          margin-bottom: 20px;
        }
        /* line 747, ../../sass/sass/responsive.scss */
        .bannerother h2 {
          padding-left: 0;
        }

        /* line 753, ../../sass/sass/responsive.scss */
        .gallery .grid .grid-item {
          width: 100%;
        }
        /* line 756, ../../sass/sass/responsive.scss */
        .gallery .grid .grid-item a img {
          width: 100%;
        }

        /* line 765, ../../sass/sass/responsive.scss */
        footer.footer .footer-logo .div-footer-logo {
          display: block;
        }
        /* line 767, ../../sass/sass/responsive.scss */
        footer.footer .footer-logo .div-footer-logo a {
          width: calc(49% - 30px);
        }
        /* line 769, ../../sass/sass/responsive.scss */
        footer.footer .footer-logo .div-footer-logo a.canada {
          width: 100%;
          margin-right: 0;
        }
      }
      @media screen and (max-width: 450px) {
        /* line 780, ../../sass/sass/responsive.scss */
        header {
          padding: 10px 0;
        }
        /* line 784, ../../sass/sass/responsive.scss */
        header .logo a span {
          font-size: 9px;
        }
        /* line 797, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu, header #menu-main-menu-en.menu {
          bottom: -40px;
        }
        /* line 800, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir > .sub-menu, header #menu-main-menu-fr.menu #nav-observer > .sub-menu, header #menu-main-menu-fr.menu #nav-agir > .sub-menu,
        header #menu-main-menu-en.menu #nav-discover > .sub-menu, header #menu-main-menu-en.menu #nav-observe > .sub-menu, header #menu-main-menu-en.menu #nav-act > .sub-menu {
          padding: 15px;
          font-size: 15px;
        }
        /* line 805, ../../sass/sass/responsive.scss */
        header #menu-main-menu-fr.menu #nav-decouvrir, header #menu-main-menu-fr.menu #nav-observer, header #menu-main-menu-fr.menu #nav-agir, header #menu-main-menu-fr.menu #nav-magazine,
        header #menu-main-menu-en.menu #nav-discover, header #menu-main-menu-en.menu #nav-observe, header #menu-main-menu-en.menu #nav-sct, header #menu-main-menu-en.menu #nav-magazine {
          font-size: 13px;
          padding: 10px 5px;
        }

        /* line 811, ../../sass/sass/responsive.scss */
        .search-form {
          width: 47%;
        }
        /* line 17, ../../sass/sass/mixins.scss */
        .search-form ::placeholder {
          /* Chrome, Firefox, Opera, Safari 10.1+ */
          font-size: 13px;
        }
        /* line 21, ../../sass/sass/mixins.scss */
        .search-form :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          font-size: 13px;
        }
        /* line 25, ../../sass/sass/mixins.scss */
        .search-form ::-ms-input-placeholder {
          /* Microsoft Edge */
          font-size: 13px;
        }
        /* line 814, ../../sass/sass/responsive.scss */
        .search-form input {
          width: 100%;
        }
        .select-post{
          margin-right: 0 !important;
          width: 100%;
        }
        .banner-other .banner-absolute, .banner-std .banner-absolute{
          height: 35vh;
        }
        .portraits-template .enteteespece.single .circle-adopt{
          bottom: 0px;
          height: 75px;
          right: 5px;
          width: 75px;
        }
        .portraits-template .enteteespece.single .circle-adopt span{
          font-size: 10px;
          line-height: 12px;
        }
        .portraits-template .enteteespece.single .img-desc .img-baleine{
          margin-bottom: 20px;
        }
        .timeline .bgtimeline {
          top: 142px;
        }
        .timeline .legende .ncheck .__round{ 
         margin-right: 5px;
         height: 20px;
         width: 20px;
         min-width: 20px;
       }
       .timeline .legende .ycheck .__round {
        margin-right: 5px;
        height: 25px;
        width: 25px;
        min-width: 25px;
      }
      .timeline .legende{
        font-size: 12px;
      }
    }
    @media screen and (max-width: 330px) {
      /* line 828, ../../sass/sass/responsive.scss */
      footer.footer .footer-logo .div-footer-logo {
        display: block;
      }
      /* line 830, ../../sass/sass/responsive.scss */
      footer.footer .footer-logo .div-footer-logo a {
        margin-right: 15px;
        width: calc(49% - 15px);
      }
    }