@charset "UTF-8";
/**
Theme Name: demowp
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: demowp
Template: astra
*/
/* Background */
/* Color */
/* Font */
/* Font  */
/* divers */
/* Center Block
------------------------- */
/**
 * Font-size and line-height shorthand
 *
 * @param {Number} $size
 * @param {Number} $line-height ($size)
 *
 * @example
 *  @include font-size(18, 24);
 *
 * @requires {function} convert-to-px
 *
 * @group typography
 */
/**
* Font styling shorthand
* Note: prefer the usage of the font-scale mixins to stick to the font scale
*
* @access public
*
* @param {String} $family
* @param {String} $weight
* @param {Number} $size
* @param {Number} $line-height ($size)
*
* @example
*  @include font(arial, bold, 18, 24);
*
* @requires {mixin} font-size
*
* @group typography
*/
/* @include center-block;
@include align($vertical: true, $horizontal: true, $position: absolute);

@include breakpoint(tablet) {
  font-size: 30px;
} */
/* ****************************************************************
GENERAL STYLES
**************************************************************** */
#wpadminbar {
  display: none !important; }

b,
strong {
  font-weight: 700; }

/**********************************
    header-site // Commun
**********************************/
.header-site {
  display: flex;
  max-width: 1212px;
  padding: 0;
  margin: 0;
  flex-direction: column;
  list-style: none; }
  @media (min-width: 990px) {
    .header-site {
      flex-direction: row;
      height: 150px;
      margin-bottom: inherit;
      margin: 0 auto;
      margin-bottom: 50px;
      padding: 0 20px; } }
  .header-site-logo {
    flex: 1 0 auto; }
    .header-site-logo a {
      display: block;
      text-align: center; }
      @media (min-width: 990px) {
        .header-site-logo a {
          flex-direction: row;
          text-align: left; } }
      .header-site-logo a img {
        height: 147px; }
  .header-site-navigation {
    flex: 1 0 auto; }
    .header-site-navigation .header-site-reseaux {
      text-align: center;
      margin-bottom: 10px !important;
      margin-top: 20px !important; }
      @media (min-width: 990px) {
        .header-site-navigation .header-site-reseaux {
          text-align: right;
          margin-top: 27px; } }
      .header-site-navigation .header-site-reseaux span {
        flex: 1 0 auto; }
      .header-site-navigation .header-site-reseaux .btn {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 50px;
        padding: 6px 24px 6px 24px;
        border: 1px solid #2d2e83;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        text-transform: uppercase;
        color: #2d2e83;
        top: 2px;
        position: relative; }
        .header-site-navigation .header-site-reseaux .btn:hover {
          color: #fff;
          background-color: #2d2e83; }
          .header-site-navigation .header-site-reseaux .btn:hover a {
            color: #fff; }
    .header-site-navigation .header-site-chapo {
      font-size: 16px;
      color: #000;
      line-height: 19px;
      margin-bottom: 14px;
      display: block; }
      @media (min-width: 990px) {
        .header-site-navigation .header-site-chapo {
          margin-bottom: 18px;
          display: inline-block; } }
    .header-site-navigation .header-site-linkdin {
      margin-right: 10px; }
    .header-site-navigation .header-site-facebook {
      margin-right: 8px; }
    .header-site-navigation .header-site-menu {
      text-align: right;
      margin-top: 30px; }

/***************************************
    Fil Arianne
***************************************/
#primary {
  position: relative;
  margin: 0; }

.main-header-bar {
  border: none; }

.ast-header-break-point .main-header-bar.ast-header-breadcrumb {
  border: none; }

.ast-header-breadcrumb {
  height: 49px;
  padding-top: 22px;
  padding-bottom: 10px; }
  .ast-header-breadcrumb .ast-container {
    padding: 0 20px 0 20px; }
    .ast-header-breadcrumb .ast-container .ast-breadcrumbs {
      font-size: 12px; }

      #responsive-menu-pro li {
        position: relative; }
        #responsive-menu-pro li.mbonnesnouvelles {
          width: 180px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.mbonnesnouvelles a:hover::after {
              background-color: #bbcf5e; } }
        #responsive-menu-pro li.magenda {
          width: 105px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.magenda a:hover::after {
              background-color: #004c6d; } }
        #responsive-menu-pro li.mnouveau {
          width: 150px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.mnouveau a:hover::after {
              background-color: #ef8372; } }
        #responsive-menu-pro li.mconnait {
          width: 148px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.mconnait a:hover::after {
              background-color: #1d60a1; } }
        #responsive-menu-pro li.mdit {
          width: 125px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.mdit a:hover::after {
              background-color: #5bc4be; } }
        #responsive-menu-pro li.mtopflop {
          width: 170px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.mtopflop a:hover::after {
              background-color: #f1b14a; } }
        #responsive-menu-pro li a {
          font-weight: 500;
          margin-left: auto;
          margin-right: auto;
          text-align: center; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li a:hover {
              font-weight: 700; }
              #responsive-menu-pro li a:hover::after {
                content: '';
                display: block;
                width: 90%;
                height: 7px;
                background-color: #d5d4ce;
                position: absolute;
                transform: translateX(-50%);
                left: 50%; } }
        #responsive-menu-pro li.current-menu-item.mbonnesnouvelles, #responsive-menu-pro li.current-actualite-ancestor.mbonnesnouvelles {
          width: 180px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.current-menu-item.mbonnesnouvelles a::after, #responsive-menu-pro li.current-actualite-ancestor.mbonnesnouvelles a::after {
              background-color: #bbcf5e; } }
        #responsive-menu-pro li.current-menu-item.magenda, #responsive-menu-pro li.current-actualite-ancestor.magenda {
          width: 100px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.current-menu-item.magenda a::after, #responsive-menu-pro li.current-actualite-ancestor.magenda a::after {
              background-color: #004c6d; } }
        #responsive-menu-pro li.current-menu-item.mnouveau, #responsive-menu-pro li.current-actualite-ancestor.mnouveau {
          width: 150px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.current-menu-item.mnouveau a::after, #responsive-menu-pro li.current-actualite-ancestor.mnouveau a::after {
              background-color: #ef8372; } }
        #responsive-menu-pro li.current-menu-item.mconnait, #responsive-menu-pro li.current-actualite-ancestor.mconnait {
          width: 148px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.current-menu-item.mconnait a::after, #responsive-menu-pro li.current-actualite-ancestor.mconnait a::after {
              background-color: #1d60a1; } }
        #responsive-menu-pro li.current-menu-item.mdit, #responsive-menu-pro li.current-actualite-ancestor.mdit {
          width: 125px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.current-menu-item.mdit a::after, #responsive-menu-pro li.current-actualite-ancestor.mdit a::after {
              background-color: #5bc4be; } }
        #responsive-menu-pro li.current-menu-item.mtopflop, #responsive-menu-pro li.current-actualite-ancestor.mtopflop {
          width: 125px; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.current-menu-item.mtopflop a::after, #responsive-menu-pro li.current-actualite-ancestor.mtopflop a::after {
              background-color: #f1b14a; } }
        #responsive-menu-pro li.current-menu-item a, #responsive-menu-pro li.current-actualite-ancestor a {
          font-weight: 700; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.current-menu-item a::after, #responsive-menu-pro li.current-actualite-ancestor a::after {
              content: '';
              display: block;
              width: 90%;
              height: 7px;
              position: absolute;
              transform: translateX(-50%);
              left: 50%; } }
        @media screen and (min-width: 991px) {
          #responsive-menu-pro li.responsive-menu-pro-item-current-parent::after {
            content: '';
            display: block;
            width: 84%;
            height: 1px;
            background-color: #d5d4ce;
            margin: 0;
            position: relative;
            text-align: center;
            margin-left: auto;
            margin-right: auto; } }
        #responsive-menu-pro li.btn a {
          display: block;
          border-radius: 5px;
          padding: 0 14px;
          color: #fff;
          background-color: #bbcf5e; }
          #responsive-menu-pro li.btn a:hover {
            color: #fff;
            background-color: #ef8372; }
          #responsive-menu-pro li.btn a::after {
            content: none; }
      
      @media (max-width: 990px) {
        #responsive-menu-pro-container #responsive-menu-pro > li.responsive-menu-pro-item-current-ancestor:first-child > a {
          background-color: #ef8372;
          color: #fff; } }
      
      @media screen and (min-width: 991px) {
        #responsive-menu-pro .responsive-menu-pro-item-has-children a::after {
          content: none !important; } }
      
      .img-home {
        z-index: 0; }
      
      #responsive-menu-pro li.menu-item-has-children {
        position: relative; }
        #responsive-menu-pro li.menu-item-has-children ul {
          width: 100%; }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.menu-item-has-children ul {
              border-left: 1px solid #fff;
              border-right: 1px solid #fff;
              border-top: 1px solid #fff; } }
          @media screen and (min-width: 991px) {
            #responsive-menu-pro li.menu-item-has-children ul li {
              border-bottom: 1px solid #fff; } }
        #responsive-menu-pro li.menu-item-has-children:first-child:hover .responsive-menu-pro-item-link {
          background: whitesmoke; }
        #responsive-menu-pro li.menu-item-has-children:first-child li a {
          font-weight: 300; }
          #responsive-menu-pro li.menu-item-has-children:first-child li a:hover {
            font-weight: 500; }
        #responsive-menu-pro li.menu-item-has-children:first-child:hover li a.responsive-menu-pro-item-link {
          background: whitesmoke; }
          #responsive-menu-pro li.menu-item-has-children:first-child:hover li a.responsive-menu-pro-item-link:hover {
            background: #ef8372; }
      
      .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item {
        margin-left: auto !important;
        margin-right: auto !important; }
        .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item a::after {
          content: '';
          display: block;
          width: 90%;
          height: 3px;
          position: absolute;
          transform: translateX(-50%);
          left: 50%;
          bottom: 4px; }
        .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item.magenda a::after {
          background-color: #004c6d; }
        .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item.mbonnesnouvelles a::after {
          background-color: #bbcf5e; }
        .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item.mconnait a::after {
          background-color: #1d60a1; }
        .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item.mtopflop a::after {
          background-color: #f1b14a; }
        .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item.mdit a::after {
          background-color: #5bc4be; }
        .responsive-menu-pro-open #responsive-menu-pro li.current-menu-item.mnouveau a::after {
          background-color: #ef8372; }
      
      .responsive-menu-pro-open .magenda a {
        color: #004c6d !important; }
      
      .responsive-menu-pro-open .mbonnesnouvelles a {
        color: #bbcf5e !important; }
      
      .responsive-menu-pro-open .mconnait a {
        color: #1d60a1 !important; }
      
      .responsive-menu-pro-open .mtopflop a {
        color: #f1b14a !important; }
      
      .responsive-menu-pro-open .mdit a {
        color: #5bc4be !important; }
      
      .responsive-menu-pro-open .mnouveau a {
        color: #ef8372 !important; }
      
      
/**********************************
    Carrousel Home
**********************************/
.carrousel {
  position: relative; }
  .carrousel-img {
    height: 650px; }
    @media screen and (min-width: 1200px) {
      .carrousel-img {
        background-position: 0% 0% !important; } }
  .carrousel-content-background {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-25%, -50%);
    display: block;
    width: 474px;
    height: 233px;
    mix-blend-mode: multiply;
    background-color: #2d2e83; }
  .carrousel-content {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-25%, -50%);
    display: block;
    width: 474px;
    height: 233px;
    padding: 40px; }
  .carrousel-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    text-transform: uppercase; }
  .carrousel p {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    color: #fff; }

.carrousel-slider {
  display: none; }

.carrousel-slider .slick-arrow {
  z-index: 1; }

.carrousel-slider .slick-prev {
  left: 50px; }

.carrousel-slider .slick-next {
  right: 50px; }

.carrousel-slider .slick-prev::before {
  content: url(../img/arrow-prev.svg);
  width: 24px;
  height: 42px;
  color: red;
  font-size: 30px; }

.carrousel-slider .slick-next::before {
  content: url(../img/arrow-next.svg);
  width: 24px;
  height: 42px;
  color: red;
  font-size: 30px; }

.carrousel-slider .slick-dots {
  bottom: 10px;
  z-index: 10;
  width: 83%; }

.carrousel-slider.slick-dotted.slick-slider {
  margin: 0; }

.carrousel-slider .slick-dots li button::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  opacity: 1;
  border: 1px solid #fff;
  border-radius: 100px; }

.carrousel-slider .slick-dots li button:hover::before,
.slick-dots li button:focus::before {
  background-color: transparent;
  border: 1px solid #fff; }

.carrousel-slider .slick-dots li.slick-active button::before {
  opacity: 1;
  border: 1px solid #fff;
  background-color: transparent; }

.actualites-list-item-link {
  text-decoration: none;
  display: block; }

.actualites-list-item h2 {
  color: brown; }

.actualites-list-item-excerpt p {
  font-size: 20px; }

/**********************************
    Footer
**********************************/
.footer {
  padding: 30px;
  background-color: #2d2e83; }
  .footer-container {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 991px) {
      .footer-container {
        flex-direction: row; } }
  .footer-logo {
    text-align: center;
    flex: 1 0 25%; }
    .footer-logo p {
      font-size: 12px;
      line-height: 16px;
      color: #fff;
      margin-top: 20px; }
  .footer-details {
    flex: 1 0 75%;
    color: #fff; }
    .footer-details ul.footer-adresses {
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      margin-bottom: 20px; }
      .footer-details ul.footer-adresses li.footer-adresse {
        display: none; }
        @media screen and (min-width: 991px) {
          .footer-details ul.footer-adresses li.footer-adresse {
            flex: 1 0 33.33%;
            display: block; } }
        .footer-details ul.footer-adresses li.footer-adresse .footer-titre-menu {
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 20px; }
        .footer-details ul.footer-adresses li.footer-adresse ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .footer-details ul.footer-adresses li.footer-adresse ul li {
            line-height: 26px; }
            .footer-details ul.footer-adresses li.footer-adresse ul li a {
              color: #fff;
              font-size: 14px;
              font-weight: 400; }
    .footer-details ul.footer-reseaux {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      margin: 0;
      padding: 0;
      list-style: none; }
      @media screen and (min-width: 991px) {
        .footer-details ul.footer-reseaux {
          flex-direction: row; } }
      .footer-details ul.footer-reseaux li {
        flex: 1 0 33.33%;
        margin: auto;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column; }
        @media screen and (min-width: 991px) {
          .footer-details ul.footer-reseaux li {
            margin: inherit; } }
        .footer-details ul.footer-reseaux li.footer-reseaux-3 {
          align-self: center; }
          .footer-details ul.footer-reseaux li.footer-reseaux-3 span {
            margin-bottom: 26px;
            text-align: center; }
            @media screen and (min-width: 991px) {
              .footer-details ul.footer-reseaux li.footer-reseaux-3 span {
                text-align: inherit; } }
          .footer-details ul.footer-reseaux li.footer-reseaux-3 a {
            margin-left: auto;
            margin-right: auto; }
            @media screen and (min-width: 991px) {
              .footer-details ul.footer-reseaux li.footer-reseaux-3 a {
                margin-right: 10px;
                margin-left: inherit; } }
          .footer-details ul.footer-reseaux li.footer-reseaux-3 .btn {
            background-color: rgba(0, 0, 0, 0);
            border-radius: 50px;
            color: white;
            padding: 10px 26px 10px 26px;
            border: 1px solid white;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            color: white;
            color: inherit;
            cursor: pointer;
            display: inline-block;
            line-height: 100%;
            text-decoration: none !important;
            text-align: center;
            transition: all .3s ease;
            width: 180px; }
            .footer-details ul.footer-reseaux li.footer-reseaux-3 .btn:hover {
              color: #2d2e83;
              background-color: #fff; }
  .footer-mentions {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-right: 25px;
    padding-left: 25px; }
    .footer-mentions ul {
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      flex-direction: column; }
      @media screen and (min-width: 991px) {
        .footer-mentions ul {
          flex-direction: row; } }
      .footer-mentions ul li {
        flex: 1 0 auto;
        color: #fff;
        font-size: 12px;
        line-height: 26px;
        text-align: center; }
        @media screen and (min-width: 991px) {
          .footer-mentions ul li {
            text-align: left; } }
        @media screen and (min-width: 991px) {
          .footer-mentions ul li:last-child {
            text-align: right; } }
        .footer-mentions ul li a {
          font-size: 12px;
          color: #fff;
          line-height: 26px; }
          .footer-mentions ul li a:hover {
            text-decoration: underline; }

@media screen and (max-width: 990px) {
  #responsive-menu-pro-container #responsive-menu-pro-title {
    padding-top: 70px !important; } }

#responsive-menu-pro-container .btn-menu {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50px;
  display: inline-block;
  padding: 8px 24px 8px 24px;
  border: 1px solid #2d2e83;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  color: #2d2e83;
  margin-bottom: 20px;
  margin-top: 20px; }
  #responsive-menu-pro-container .btn-menu:hover {
    color: #fff;
    background-color: #2d2e83; }
    #responsive-menu-pro-container .btn-menu:hover a {
      color: #fff; }

.nous-contacter-block .form-group,
.recrutement-form .form-group {
  display: flex;
  margin-bottom: 16px;
  flex-direction: column; }
  .nous-contacter-block .form-group label,
  .recrutement-form .form-group label {
    flex: 1 0 20%;
    text-align: left;
    padding-right: 20px;
    font-size: 16px;
    color: #000; }
    .nous-contacter-block .form-group label.message,
    .recrutement-form .form-group label.message {
      align-self: inherit; }
  .nous-contacter-block .form-group .js-wpt-field-items,
  .recrutement-form .form-group .js-wpt-field-items {
    flex: 1 0 75%; }

.nous-contacter-block .wpt-form-error,
.recrutement-form .wpt-form-error {
  color: red; }

.nous-contacter-block .has-error,
.recrutement-form .has-error {
  color: red; }

.nous-contacter-block .form-bt,
.recrutement-form .form-bt {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px; }

.nous-contacter-block .form-group-cb-inline,
.recrutement-form .form-group-cb-inline {
  margin-bottom: 20px; }
  .nous-contacter-block .form-group-cb-inline label,
  .recrutement-form .form-group-cb-inline label {
    flex: 1 0 22.5%; }
  .nous-contacter-block .form-group-cb-inline input[type="checkbox"].checkbox,
  .recrutement-form .form-group-cb-inline input[type="checkbox"].checkbox {
    display: none !important; }
  .nous-contacter-block .form-group-cb-inline input[type="checkbox"].checkbox + label::before,
  .recrutement-form .form-group-cb-inline input[type="checkbox"].checkbox + label::before {
    content: '';
    border: 1px solid #979797;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: -4px;
    margin-right: 8px; }
  .nous-contacter-block .form-group-cb-inline input[type="checkbox"].checkbox:checked + label::before,
  .recrutement-form .form-group-cb-inline input[type="checkbox"].checkbox:checked + label::before {
    background-color: #bbcf5e; }
  .nous-contacter-block .form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question-permis,
  .recrutement-form .form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question-permis {
    margin-bottom: 20px;
    margin: 0 0 0 4px; }
    @media (min-width: 700px) {
      .nous-contacter-block .form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question-permis,
      .recrutement-form .form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question-permis {
        display: flex; } }
    .nous-contacter-block .form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question-permis .checkbox-jai-mon-permis-b,
    .recrutement-form .form-group-cb-inline .wpt-form-set-checkboxes-wpcf-question-permis .checkbox-jai-mon-permis-b {
      margin-right: 50px; }
  .nous-contacter-block .form-group-cb-inline .libelle-rgpd,
  .recrutement-form .form-group-cb-inline .libelle-rgpd {
    flex: 1 0 78%;
    font-size: 12px; }
    .nous-contacter-block .form-group-cb-inline .libelle-rgpd a,
    .recrutement-form .form-group-cb-inline .libelle-rgpd a {
      color: #000; }
      .nous-contacter-block .form-group-cb-inline .libelle-rgpd a:hover,
      .recrutement-form .form-group-cb-inline .libelle-rgpd a:hover {
        text-decoration: underline; }
  .nous-contacter-block .form-group-cb-inline .has-error small,
  .recrutement-form .form-group-cb-inline .has-error small {
    position: absolute;
    bottom: 24px;
    color: red; }
  .nous-contacter-block .form-group-cb-inline .js-wpt-field-items,
  .recrutement-form .form-group-cb-inline .js-wpt-field-items {
    flex: 1 0 3%;
    position: relative; }
  .nous-contacter-block .form-group-cb-inline .js-wpt-field-items label,
  .recrutement-form .form-group-cb-inline .js-wpt-field-items label {
    font-size: 12px;
    color: #000;
    margin-right: 20px; }
    .nous-contacter-block .form-group-cb-inline .js-wpt-field-items label a,
    .recrutement-form .form-group-cb-inline .js-wpt-field-items label a {
      color: #000; }
      .nous-contacter-block .form-group-cb-inline .js-wpt-field-items label a:hover,
      .recrutement-form .form-group-cb-inline .js-wpt-field-items label a:hover {
        color: #000;
        text-decoration: underline; }
  .nous-contacter-block .form-group-cb-inline .js-wpt-field-items span,
  .recrutement-form .form-group-cb-inline .js-wpt-field-items span {
    vertical-align: text-bottom; }

.nous-contacter-block input[type="file"],
.recrutement-form input[type="file"] {
  opacity: 0;
  width: .1px;
  height: .1px;
  position: absolute; }

.nous-contacter-block .form-group-file,
.recrutement-form .form-group-file {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px !important; }
  @media (min-width: 700px) {
    .nous-contacter-block .form-group-file,
    .recrutement-form .form-group-file {
      flex-direction: row; } }
  .nous-contacter-block .form-group-file .titre-file,
  .recrutement-form .form-group-file .titre-file {
    padding-bottom: 8px;
    padding-top: 14px; }
    @media (min-width: 700px) {
      .nous-contacter-block .form-group-file .titre-file,
      .recrutement-form .form-group-file .titre-file {
        flex: 0 0 100px;
        margin: auto 0;
        padding-bottom: inherit;
        padding-top: inherit; } }
  .nous-contacter-block .form-group-file .js-wpt-field-items,
  .recrutement-form .form-group-file .js-wpt-field-items {
    display: flex;
    order: 3;
    flex-direction: column; }
    @media (min-width: 700px) {
      .nous-contacter-block .form-group-file .js-wpt-field-items,
      .recrutement-form .form-group-file .js-wpt-field-items {
        flex-direction: row;
        flex: 0 0 200px;
        align-self: center;
        margin-left: auto; } }
    .nous-contacter-block .form-group-file .js-wpt-field-items .wpt-credfile-action,
    .recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action {
      margin-top: 40px; }
      @media (min-width: 700px) {
        .nous-contacter-block .form-group-file .js-wpt-field-items .wpt-credfile-action,
        .recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action {
          margin-top: inherit;
          margin-left: auto; } }
      .nous-contacter-block .form-group-file .js-wpt-field-items .wpt-credfile-action input,
      .recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action input {
        width: 100%;
        font-size: 14px;
        padding: 10px 30px 10px 30px;
        height: 40px;
        margin-bottom: 0 !important;
        margin-top: 0 !important; }
        @media (min-width: 700px) {
          .nous-contacter-block .form-group-file .js-wpt-field-items .wpt-credfile-action input,
          .recrutement-form .form-group-file .js-wpt-field-items .wpt-credfile-action input {
            width: inherit; } }
  .nous-contacter-block .form-group-file label,
  .recrutement-form .form-group-file label {
    position: relative;
    height: 40px;
    background: #ebebeb;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    transition: transform .2s ease-out;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    padding: 10px 0 10px 0; }
    @media (min-width: 700px) {
      .nous-contacter-block .form-group-file label,
      .recrutement-form .form-group-file label {
        width: 180px;
        flex: 0 0 180px;
        align-items: center; } }
    .nous-contacter-block .form-group-file label:hover,
    .recrutement-form .form-group-file label:hover {
      background-color: #ef8372;
      color: #fff; }
    .nous-contacter-block .form-group-file label .file-name,
    .recrutement-form .form-group-file label .file-name {
      position: absolute;
      font-size: 14px;
      line-height: 18px;
      color: #555;
      width: 100%;
      bottom: -30px;
      text-align: center; }
      @media (min-width: 700px) {
        .nous-contacter-block .form-group-file label .file-name,
        .recrutement-form .form-group-file label .file-name {
          left: 200px;
          bottom: inherit;
          text-align: center; } }
  .nous-contacter-block .form-group-file small,
  .recrutement-form .form-group-file small {
    position: absolute;
    left: 0;
    top: -24px; }

.nous-contacter-block .container-rgpd-required,
.recrutement-form .container-rgpd-required {
  display: flex;
  flex-direction: column; }
  @media (min-width: 700px) {
    .nous-contacter-block .container-rgpd-required,
    .recrutement-form .container-rgpd-required {
      flex-direction: row; } }
  .nous-contacter-block .container-rgpd-required .form-group-cb-inline,
  .recrutement-form .container-rgpd-required .form-group-cb-inline {
    flex: 1 0 auto;
    order: 1; }
    @media (min-width: 700px) {
      .nous-contacter-block .container-rgpd-required .form-group-cb-inline,
      .recrutement-form .container-rgpd-required .form-group-cb-inline {
        order: 0; } }
  @media (min-width: 700px) {
    .nous-contacter-block .container-rgpd-required .required-sentence,
    .recrutement-form .container-rgpd-required .required-sentence {
      flex: 1 0 auto;
      text-align: right; } }

@media (min-width: 700px) {
  .nous-contacter-block .container-recaptcha-submit,
  .recrutement-form .container-recaptcha-submit {
    display: flex;
    align-items: center; } }

.nous-contacter-block .container-recaptcha-submit .recaptcha,
.recrutement-form .container-recaptcha-submit .recaptcha {
  flex: 1 0 auto; }

@media (min-width: 700px) {
  .nous-contacter-block .container-recaptcha-submit .form-bt,
  .recrutement-form .container-recaptcha-submit .form-bt {
    flex: 1 0 auto;
    text-align: right; } }

@media screen and (min-width: 991px) {
  .nous-contacter-block .form-group {
    flex-direction: row; }
    .nous-contacter-block .form-group label {
      text-align: right;
      padding-right: 20px;
      align-self: center; }
  .nous-contacter-block .form-bt input[type="submit"] {
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    padding: 18px 50px; }
  .rgpd-explication {
    font-size: 13px;
    color: #9b9b9b;
    line-height: 16px;
    flex: 1 0 80%; } }

.newsletter-block .form-group {
  display: flex;
  flex-direction: row; }
  .newsletter-block .form-group .js-wpt-field-items {
    flex: 1 0 auto; }

.newsletter-block input[type="submit"] {
  height: 42px;
  border-radius: 0;
  background-color: white;
  color: #ef8372;
  font-weight: 700;
  font-size: 14px;
  width: 42px;
  padding: 0; }
  .newsletter-block input[type="submit"]:hover {
    color: #fff;
    background-color: #bbcf5e; }

.newsletter-block input[type="text"] {
  font-size: 14px;
  height: 42px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #fff;
  background: transparent;
  color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  .newsletter-block input[type="text"]:focus-visible, .newsletter-block input[type="text"]:focus {
    outline: none; }
  .newsletter-block input[type="text"]::placeholder {
    color: #fff;
    font-size: 14px; }

.newsletter-block .form-group-cb-inline label {
  flex: 1 0 22.5%; }

.newsletter-block .form-group-cb-inline input[type="checkbox"].rggpd {
  display: none !important; }

.newsletter-block .form-group-cb-inline input[type="checkbox"].rggpd + label::before {
  content: '';
  border: 1px solid #fff;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: -4px;
  margin-right: 8px; }

.newsletter-block .form-group-cb-inline input[type="checkbox"].rggpd:checked + label::before {
  background-color: #bbcf5e; }

.newsletter-block .form-group-cb-inline .libelle-rgpd {
  flex: 1 0 78%;
  font-size: 12px; }
  .newsletter-block .form-group-cb-inline .libelle-rgpd a {
    color: #fff; }
    .newsletter-block .form-group-cb-inline .libelle-rgpd a:hover {
      text-decoration: underline; }

.newsletter-block .form-group-cb-inline .has-error small {
  position: absolute;
  bottom: 26px;
  color: #e2a312; }

.newsletter-block .form-group-cb-inline .js-wpt-field-items {
  flex: 1 0 3%;
  position: relative; }

.newsletter-block .form-group-cb-inline .js-wpt-field-items label {
  font-size: 12px;
  color: #fff; }
  .newsletter-block .form-group-cb-inline .js-wpt-field-items label a {
    color: #fff; }
    .newsletter-block .form-group-cb-inline .js-wpt-field-items label a:hover {
      color: #fff;
      text-decoration: underline; }

.newsletter-block .form-group-cb-inline .js-wpt-field-items span {
  vertical-align: text-bottom; }

input[type="email"],
input[type="text"],
select {
  height: 40px; }

input[type="email"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  font-size: 14px;
  border-color: #dcd5cb;
  background-color: #fff;
  width: 100%;
  color: #000; }
  input[type="email"]::placeholder,
  input[type="number"]::placeholder,
  input[type="password"]::placeholder,
  input[type="reset"]::placeholder,
  input[type="search"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="text"]::placeholder,
  input[type="url"]::placeholder,
  select::placeholder,
  textarea::placeholder {
    color: #000;
    font-size: 14px; }

.required-sentence {
  font-family: Montserrat-LightItalic;
  font-size: 12px;
  color: #000; }

.form-group-select .js-wpt-field-items {
  position: relative; }
  .form-group-select .js-wpt-field-items::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
    position: absolute;
    top: 40%;
    right: 10px;
    content: "";
    z-index: 0; }
  .form-group-select .js-wpt-field-items select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }

.wp-block-image {
  margin: 0; }

.wp-block-image .alignleft {
  margin: 0; }

figure.wp-block-image {
  margin: 0; }

.wp-block-image p {
  margin: 0; }

/**********************
 Actualités
**********************/
.actualite-liste .wpv-pagination-nav-links {
  margin-top: 65px;
  margin-bottom: 40px; }
  .actualite-liste .wpv-pagination-nav-links .wpv-pagination-nav-links-item {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    margin: 0 2px 0 2px; }
    .actualite-liste .wpv-pagination-nav-links .wpv-pagination-nav-links-item a {
      display: inline-block;
      width: 32px;
      height: 32px;
      border-radius: 8px;
      color: #000;
      font-size: 14px;
      vertical-align: middle;
      text-decoration: none !important;
      padding: .45em .15em .45em .2em;
      border: none;
      line-height: 1.25;
      margin: 0; }
      .actualite-liste .wpv-pagination-nav-links .wpv-pagination-nav-links-item a:hover {
        background-color: #ef8372;
        color: #fff; }
    .actualite-liste .wpv-pagination-nav-links .wpv-pagination-nav-links-item.active {
      background-color: #ef8372;
      color: #fff; }
      .actualite-liste .wpv-pagination-nav-links .wpv-pagination-nav-links-item.active:hover {
        background-color: #bbcf5e; }
      .actualite-liste .wpv-pagination-nav-links .wpv-pagination-nav-links-item.active span {
        font-size: 14px; }
    .actualite-liste .wpv-pagination-nav-links .wpv-pagination-nav-links-item span {
      font-size: .9em;
      text-decoration: none !important;
      padding: .15em .45em .2em;
      line-height: 1.25;
      border: none;
      margin: 2px; }

.actualite-item {
  position: relative;
  max-width: 368px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 990px) {
    .actualite-item {
      max-height: 490px;
      min-height: 400px;
      max-width: inherit; } }
  .actualite-item .tb-grid-column {
    position: relative; }
  .actualite-item p {
    position: absolute;
    bottom: 0; }

.article-container h2 {
  margin-bottom: 15px; }

.article-container .tb-fields-and-text p {
  line-height: 24px; }

.article-container .download-pdf a {
  font-size: 14px;
  background: none;
  color: #1d60a1;
  text-decoration: underline;
  padding: 0; }
  .article-container .download-pdf a::before {
    content: url(../img/ico-pdf.png);
    width: 19px;
    height: 24px;
    font-size: 30px;
    vertical-align: middle;
    padding-right: 10px; }
  .article-container .download-pdf a:hover, .article-container .download-pdf a:visited {
    color: #1d60a1;
    text-decoration: underline; }

.article-remarques {
  color: #fff; }
  .article-remarques p {
    margin: 0; }
  .article-remarques a {
    color: #fff; }
    .article-remarques a:hover {
      text-decoration: underline; }

.dernier-paragraphe {
  margin-bottom: 0; }
  .dernier-paragraphe p {
    margin-bottom: 0; }

h2.dernier-paragraphe {
  margin-bottom: 0; }

.home-edito {
  position: relative;
  max-width: 368px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) {
    .home-edito {
      max-width: inherit;
      margin-left: inherit;
      margin-right: inherit; } }

.home-bonnes-nouvelles,
.home-cest-dit {
  position: relative;
  max-width: 368px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) {
    .home-bonnes-nouvelles,
    .home-cest-dit {
      height: 400px;
      min-height: 400px;
      max-height: 400px;
      max-width: inherit; } }
  @media (min-width: 990px) {
    .home-bonnes-nouvelles .lire-la-suite p,
    .home-cest-dit .lire-la-suite p {
      position: absolute;
      bottom: 0; } }

.home-on-se-connait {
  max-width: 368px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) {
    .home-on-se-connait {
      height: 400px;
      min-height: 400px;
      max-height: 400px;
      max-width: inherit; } }

.home-agenda {
  position: relative;
  max-width: 368px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) {
    .home-agenda {
      height: 400px;
      min-height: 400px;
      max-height: 400px;
      max-width: inherit; } }
  @media (min-width: 990px) {
    .home-agenda .lire-la-suite p {
      position: absolute;
      bottom: 0; } }

.home-topflop {
  position: relative;
  max-width: 368px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 700px) {
    .home-topflop {
      height: 400px;
      min-height: 400px;
      max-height: 400px;
      max-width: inherit; } }
  @media (min-width: 990px) {
    .home-topflop .lire-la-suite p {
      position: absolute;
      bottom: 0; } }
  .home-topflop .topflop-separateur {
    border-top: none;
    width: 61px; }

.tml-login {
  position: relative; }
  .tml-login input {
    height: 50px;
    border-radius: 0;
    border: none;
    font-weight: 500;
    font-size: 16px; }
  .tml-login input[type="checkbox"] {
    height: inherit; }
  .tml-login .tml-rememberme-wrap {
    display: none;
    padding-top: 10px;
    width: 50%;
    float: left;
    text-align: left; }
    .tml-login .tml-rememberme-wrap label {
      color: #fff; }
  .tml-login .tml-submit-wrap {
    padding-top: 10px;
    text-align: right; }
  .tml-login label.tml-label {
    display: none; }
  .tml-login .tml-button {
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    color: #fff;
    width: 180px;
    height: 50px; }
    .tml-login .tml-button:hover {
      background-color: #fff;
      color: #000; }
  .tml-login .tml-links {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 26px; }
    .tml-login .tml-links a {
      color: #fff;
      text-decoration: underline; }
      .tml-login .tml-links a:hover {
        text-decoration: underline; }

.page-id-726 .ast-breadcrumbs-wrapper {
  display: none; }

.picto-deconnexion {
  text-decoration: underline; }
  .picto-deconnexion::before {
    content: url(../img/picto-utilisateur.png);
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px; }

.ast-single-post-order h1 {
  text-align: center; }

.article-top-flop {
  text-align: center; }
  @media (min-width: 700px) {
    .article-top-flop {
      text-align: left; } }
  .article-top-flop hr {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 700px) {
      .article-top-flop hr {
        margin-left: inherit;
        margin-right: inherit; } }