@charset "UTF-8";
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 3 : 12 / 2019
 * @author : SD
 * @description : styles de mise en page accessible au webmaster via l'éditeur HTML
 * @projet : coc
 */
@import "//fonts.googleapis.com/icon?family=Material+Icons";
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 1 : 10 / 2019
 * @author : SD
 * @description : styles du footer
 * @projet : Elevage Van Drie (of Sobeval)
 */
/**
  * Theme Bootstrap 2017
  * @version du 28/08/2018 15:19:13  
  * @projet : cms étalon
  * @author : SD
  * @description : de classes utilitaire pour le thème Bootstrap
*/
.debug * {
  outline: 1px solid gold;
}

.debug-f * {
  outline: 1px solid magenta;
}

.debug-g * {
  outline: 1px solid #00ff00;
}

.debug-w * {
  outline: 1px solid white;
}

.debug-b * {
  outline: 1px solid black;
}

.ovh {
  overflow: hidden;
}

.clear {
  clear: both;
}

.clearfix:after,
.line:after {
  display: table;
  clear: both;
  border-collapse: collapse;
  content: '';
}

.left-auto {
  margin-right: auto;
}

.right-auto {
  margin-left: auto;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

body > script {
  display: none !important;
}

.inbl {
  display: inline-block;
  vertical-align: top;
}

.flexbox-h,
.flexbox-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.flexbox-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flexitem-fluid {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flexitem-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.flexitem-medium {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.flexitem-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.flexitem-center {
  margin: auto;
}

.flexitem-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.flex-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.flex100vh {
  min-height: 100vh;
}

.bz-cb * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fz12 {
  font-size: 12px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz18 {
  font-size: 18px !important;
}

.fz20 {
  font-size: 20px !important;
}

.fz24 {
  font-size: 24px !important;
}

.fz28 {
  font-size: 28px !important;
}

.fz32 {
  font-size: 32px !important;
}

.man,
.ma0 {
  margin: 0;
}

.pan,
.pa0 {
  padding: 0;
}

.mas {
  margin: 5px;
}

.mam {
  margin: 10px;
}

.mal {
  margin: 20px;
}

.pas {
  padding: 5px;
}

.pam {
  padding: 10px;
}

.pal {
  padding: 20px;
}

.mtn,
.mt0 {
  margin-top: 0;
}

.mts {
  margin-top: 5px;
}

.mtm {
  margin-top: 10px;
}

.mtl {
  margin-top: 20px;
}

.mrn,
.mr0 {
  margin-right: 0;
}

.mrs {
  margin-right: 5px;
}

.mrm {
  margin-right: 10px;
}

.mrl {
  margin-right: 20px;
}

.mbn,
.mb0 {
  margin-bottom: 0;
}

.mbs {
  margin-bottom: 5px;
}

.mbm {
  margin-bottom: 10px;
}

.mbl {
  margin-bottom: 20px;
}

.mln,
.ml0 {
  margin-left: 0;
}

.mls {
  margin-left: 5px;
}

.mlm {
  margin-left: 10px;
}

.mll {
  margin-left: 20px;
}

.ptn,
.pt0 {
  padding-top: 0;
}

.pts {
  padding-top: 5px;
}

.ptm {
  padding-top: 10px;
}

.ptl {
  padding-top: 20px;
}

.prn,
.pr0 {
  padding-right: 0;
}

.prs {
  padding-right: 5px;
}

.prm {
  padding-right: 10px;
}

.prl {
  padding-right: 20px;
}

.pbn,
.pb0 {
  padding-bottom: 0;
}

.pbs {
  padding-bottom: 5px;
}

.pbm {
  padding-bottom: 10px;
}

.pbl {
  padding-bottom: 20px;
}

.pln,
.pl0 {
  padding-left: 0;
}

.pls {
  padding-left: 5px;
}

.plm {
  padding-left: 10px;
}

.pll {
  padding-left: 20px;
}

.doc__note {
  position: relative;
  margin: 1.5625em 0;
  padding: 1.9rem 1.2rem;
  border-left: 3.2rem solid #a3c6ff;
  background: rgba(163, 198, 255, 0.2);
  border-radius: 0.35rem;
  font-size: 1.28rem;
}

.doc__note h3 {
  font-size: 1.25em;
  color: #002b70;
}

.doc__note:before {
  position: absolute;
  top: 0.3em;
  left: -2.6rem;
  font-family: "Material Icons";
  content: "edit";
  color: #fff;
  font-size: 2rem;
  vertical-align: -0.25em;
}

.doc__note:first-child {
  margin-top: 0;
}

.doc__note:last-child {
  margin-bottom: 0;
}

.doc__note--note {
  background-color: rgba(163, 198, 255, 0.2);
  border-left-color: #a3c6ff;
}

.doc__note--note h3 {
  color: #002b70;
}

.doc__note--note::before {
  content: "edit";
  color: #fff;
}

.doc__note--quote {
  background-color: rgba(94, 94, 94, 0.2);
  border-left-color: #5e5e5e;
}

.doc__note--quote h3 {
  color: #121111;
}

.doc__note--quote::before {
  content: "format_quote";
  color: #fff;
}

.doc__note--danger {
  background-color: rgba(165, 0, 0, 0.2);
  border-left-color: #a50000;
}

.doc__note--danger h3 {
  color: black;
}

.doc__note--danger::before {
  content: "flash_on";
  color: #fff;
}

.doc__note--warning {
  background-color: rgba(225, 115, 44, 0.2);
  border-left-color: #e1732c;
}

.doc__note--warning h3 {
  color: #0c0602;
}

.doc__note--warning::before {
  content: "warning";
  color: #fff;
}

.doc__note--success {
  background-color: rgba(130, 243, 187, 0.2);
  border-left-color: #82f3bb;
}

.doc__note--success h3 {
  color: #0a6c3b;
}

.doc__note--success::before {
  content: "done";
  color: #fff;
}

.doc__note--tips {
  background-color: rgba(130, 223, 211, 0.2);
  border-left-color: #82dfd3;
}

.doc__note--tips h3 {
  color: #144e47;
}

.doc__note--tips::before {
  content: "whatshot";
  color: #fff;
}

.doc__note--summary {
  background-color: rgba(130, 216, 255, 0.2);
  border-left-color: #82d8ff;
}

.doc__note--summary h3 {
  color: #005982;
}

.doc__note--summary::before {
  content: "subject";
  color: #fff;
}

.sommaire__auto .sommaire_date,
.sommaire__auto .sommaire__item__date,
.sommaire__auto .sommaire__item__meta {
  display: inline-block;
  font-size: 0.8em;
  color: #aaa;
  padding-top: 0.225em;
}

.sommaire__auto .row--flex > * {
  margin-right: 1em;
}

.sommaire__auto .sommaire_link {
  color: inherit;
}

.sommaire__auto.sommaire__auto--agenda .sommaire__item__date {
  font-size: inherit;
  color: #666666;
  padding-top: 0;
}

.sommaire__auto .sommaire__item .Accepted,
.sommaire__auto .sommaire__item .Waiting,
.sommaire__auto .sommaire__item .Refused {
  width: 17px;
}

.sommaire__auto .sommaire__item .Accepted {
  background-image: url(/BibliRessources/images/imgnav/coche_ok.png);
}

.sommaire__auto .sommaire__item .Waiting {
  background-image: url(/BibliRessources/images/imgnav/coche_vide.png);
}

.sommaire__auto .sommaire__item .Refused {
  background-image: url(/BibliRessources/images/imgnav/coche_ko.png);
}

.sommaire__auto--nl .sommaire__item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ddd;
}

/**
  Styles pour frise historique
  amanoury 2021
  Version originale faite pour etsisidore -> coc
  version SOBEVAL
 */
.etape-rouge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .etape-rouge {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    position: relative;
  }
  .etape-rouge::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: #E31837 !important;
    z-index: 0;
  }
}

.etape-rouge .etape__texte {
  width: 100%;
  padding: 1em 2em;
  color: #E31837;
}

@media screen and (min-width: 768px) {
  .etape-rouge .etape__texte,
  .etape-rouge .etape__vide {
    width: 50%;
    padding: 1em;
  }
  .etape-rouge .etape__texte.gauche {
    text-align: right;
  }
}

@media all and (min-width: 992px) {
  .etape-rouge .etape__texte.gauche {
    padding-right: 10em;
  }
}

@media screen and (min-width: 768px) {
  .etape-rouge .etape__texte.droite {
    text-align: left;
  }
}

@media all and (min-width: 992px) {
  .etape-rouge .etape__texte.droite {
    padding-left: 10em;
  }
}

.etape__titre, .etape__titre--left {
  position: relative;
  margin-bottom: 0.35em;
  color: #E31837;
  font-size: 3.15em;
  font-weight: 800;
  text-align: right;
}

.etape__titre--left, .etape__titre--left--left {
  text-align: left;
}

@media all and (min-width: 768px) {
  .etape__titre, .etape__titre--left {
    font-size: 2.7em;
  }
}

@media all and (min-width: 992px) {
  .etape__titre, .etape__titre--left {
    font-size: 3.15em;
  }
}

.etape__stitre, .etape__stitre--left {
  font-weight: 800;
  color: #E31837;
  font-style: italic;
}

.etape__stitre--left, .etape__stitre--left--left {
  text-align: left;
}

@media all and (min-width: 768px) {
  .etape__vide:nth-child(2n+1)::after {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 1px;
    background: #E31837;
    position: absolute;
    right: calc(100% / 2 - 3rem);
    top: 3em;
  }
}

@media all and (min-width: 768px) and (min-width: 992px) {
  .etape__vide:nth-child(2n+1)::after {
    width: 12rem;
    right: calc(100% / 2 - 12rem);
  }
}

@media all and (min-width: 768px) {
  .etape__vide:nth-child(2)::after {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 1px;
    background: #E31837;
    position: absolute;
    right: calc(100% / 2);
    top: 3em;
  }
}

@media all and (min-width: 768px) and (min-width: 992px) {
  .etape__vide:nth-child(2)::after {
    width: 12rem;
  }
}

.c-white {
  color: #FFF;
}

.c-site1 {
  color: #283583 !important;
}

.c-site1b {
  color: #A0A7D1 !important;
}

.c-site1c {
  color: #D3D8F0 !important;
}

.c-site2d {
  color: #FEF1F3 !important;
}

.c-site2 {
  color: #E31837 !important;
}

.c-site2b {
  color: #F09CA9 !important;
}

.c-site3 {
  color: #179146 !important;
}

.c-site3b {
  color: #89C7A1 !important;
}

.c-site4 {
  background-color: #C7CBE3 !important;
}

.c-site5 {
  color: #e82745 !important;
}

.c-site6 {
  color: #79B12C;
}

.c-site6-2 {
  background-color: #F0F6EF;
}

.c-site1-2 {
  background-color: #A0A7D1 !important;
}

.c-site2-2 {
  background-color: #F09CA9 !important;
}

.c-site3-2 {
  background-color: #89C7A1 !important;
}

.c-site1-3 {
  background-color: #D3D8F0 !important;
}

.c-site2-3 {
  background-color: #F5CED4 !important;
}

.c-site3-3 {
  background-color: #DCF0E4 !important;
}

.c-site1-4 {
  background-color: #C6CBE3 !important;
}

.c-site2-4 {
  background-color: #FEF1F3 !important;
}

.c-site1-5 {
  color: #5E6AAF !important;
}

body {
  line-height: 1.7em;
  color: #283583;
}

.h1,
h1,
.titre {
  margin-top: 0;
  font-family: "Raleway", sans-serif;
  font-size: 40px;
  font-weight: 800;
  color: #283583;
  letter-spacing: 0.015em;
  line-height: 55px;
  text-transform: uppercase;
  /*&.faq {
        color: lawngreen;
        font-size: 45px;
    }*/
}

/* H1 BI-SIZE*/
h1.titre-bi-A,
h1.titre-bi-B,
h1.titre-bi-C {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  color: #283583;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  text-transform: uppercase;
}

h1.titre-bi-A {
  font-size: 24px;
}

h1.titre-bi-A span {
  font-size: 40px;
  letter-spacing: 0.05em;
}

h1.titre-bi-B {
  font-size: 35px;
}

h1.titre-bi-B span {
  font-size: 63px;
  letter-spacing: 0.05em;
}

h1.titre-bi-C {
  color: #E31837 !important;
  font-size: 32px;
  text-align: center;
  line-height: 1.3em;
  background: url(images/deco/titre-emploi.png) no-repeat center;
  height: 266px;
  padding-top: 2.4em;
}

h1.titre-bi-C span {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

h1.qmqr {
  color: #5E6AAF;
  font-size: 2.39em;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  letter-spacing: 0.15em;
  line-height: 1.2em;
}

h1.qmqr span {
  color: #FFF;
  text-transform: initial;
  font-style: italic;
  display: block;
  letter-spacing: 0.08em;
  font-weight: 700;
}

.bg-rose {
  background-color: #FEF1F3 !important;
}

.bg-rose * {
  color: #E31837;
}

.bg-bleu {
  background-color: #D3D8F0;
}

.bg-bleu-moyen {
  background-color: #A0A7D1;
}

.bg-bleu-clair {
  background-color: #F6F6FA;
}

.bg-bleu, .bg-bleu-moyen, .bg-bleu-clair, .bg-rose {
  margin-left: -15px;
  margin-right: -15px;
}

.bloc-emploi {
  color: #E31837;
  padding: 25px;
}

.bloc-emploi p {
  color: #E31837;
}

.centre-hv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bloc-image-titre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.bloc-image-titre h1.nmlv {
  color: #AAB1DD;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 1em 1.2em 1em;
  letter-spacing: 0.3em;
  background-color: rgba(40, 53, 131, 0.6);
  width: auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 1.2em;
  right: 2%;
}

.bloc-image-titre h1.nmlv span {
  color: #FFF;
  display: block;
  letter-spacing: 0.25em;
  font-weight: 900;
}

.bloc-image-titre-centre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bloc-image-titre-centre h1.nmlv {
  color: #FFF;
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  padding: 1em 1.2em 1em;
  letter-spacing: 0.2em;
  background-color: rgba(40, 53, 131, 0.6);
  width: auto;
  margin-bottom: 0;
}

/* H1 RECETTE */
.h1--bakground {
  background: url(/App_Themes/Bootstrap2/images/nos-recettes.jpg) no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 816px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.h1--bakground .h1--super {
  font-size: 2.5em;
  background-color: rgba(40, 53, 131, 0.6);
  color: #FFF;
  text-transform: uppercase;
  font-weight: 900 !important;
  text-align: center;
  letter-spacing: 0.2em;
  width: 445px;
  height: 128px;
  line-height: 3.5em;
}

h2,
.h2,
.stitre {
  margin-top: 0;
  font-family: "Raleway", sans-serif;
  font-family: "Raleway", sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #283583;
  text-align: center;
  letter-spacing: 0.2em;
  /*.h1 + & {
    margin-top: 0;
    margin-bottom: 0;
  }*/
}

h2 span,
.h2 span,
.stitre span {
  font-weight: 900;
}

h2.plus {
  margin-top: 0;
  font-family: "Raleway", sans-serif;
  font-size: 52px;
  font-weight: 900;
  text-transform: uppercase;
  color: #283583;
  letter-spacing: 0.05em;
}

h3,
.h3,
.sstitre {
  margin-top: 0;
  font-family: "Raleway", sans-serif;
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #283583;
  margin-bottom: 25px;
}

h3 span,
.h3 span,
.sstitre span {
  font-weight: 900;
}

.h2 + h3, .h2 +
.h3, .h2 +
.sstitre {
  margin-top: .25em;
  margin-bottom: .4em;
}

h4,
.h4 {
  margin-top: 0;
  font-family: "Raleway", sans-serif;
  font-size: 1.286em;
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #555;
}

.h3 + h4, .h3 +
.h4 {
  margin-top: .75em;
  margin-bottom: .75em;
}

/*.h1,
h1,
.titre {
  margin-top: 0;

  font-family: $ff-serif;
  font-size: 2.5em;
  font-weight: normal;

  color: $c-site1;
}*/
/*h2,
.h2,
.stitre {
  margin-top: 0;

  font-family: $ff-serif;
  font-size: 1.5em;
  //font-weight: bold;

  color: $c-site1;
  .h1 + & {
    margin-top: 0;
    margin-bottom: 0;
  }
}

h3,
.h3,
.sstitre {
  margin-top: 0;

  font-family: $ff-serif;
  font-size: 1.1em;
  letter-spacing: 0.02em;

  color: $c-site1;
  .h2 + & {
    margin-top: .25em;
    margin-bottom: 0;
  }
}*/
p {
  font-family: "Raleway", sans-serif;
  font-size: 1em;
}

.normal-bleu {
  font-family: "Raleway", sans-serif;
  font-size: 1em;
  color: #283583;
  text-align: justify;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/*.liste-a-puces-bleu { &::before {color: $c-site1;}
.liste-a-puces-rouge { &::before {color: $c-site2;}
.liste-a-puces-vert { &::before {color: $c-site3;}*/
.liste-a-puces {
  padding-left: 1em;
  list-style-type: none;
}

.liste-a-puces li {
  position: relative;
}

.liste-a-puces li::before {
  display: block;
  position: absolute;
  top: 0.25em;
  left: -2.1em;
  width: 1em;
  height: 1em;
  font-family: "FontAwesome", serif;
  font-size: .75em;
  content: '\f04b';
}

.liste-a-puces ul {
  padding-left: 1em;
  list-style-type: none;
}

.liste-a-puces ul li:before {
  font-size: .5em;
}

.liste-a-puces.puce-rouge li::before {
  color: #E31837;
}

.liste-a-puces.puce-bleu li::before {
  color: #283583;
}

.liste-faq {
  padding: 20px 15px;
  counter-reset: item;
  list-style-type: none;
}

@media screen and (min-width: 992px) {
  .liste-faq {
    padding: 3.6em 2em 1.2em;
  }
}

.liste-faq li {
  margin-bottom: 6.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  padding: 2px 0 0 12px;
  color: #E31837;
}

.liste-faq li::before {
  content: counter(item);
  counter-increment: item;
  font-size: 5em;
  font-weight: 900;
  color: #fbd6dc;
  margin-right: 34px;
  margin-top: -6px;
}

.liste-etapes {
  padding: 20px 15px;
  counter-reset: item;
  list-style-type: none;
}

@media screen and (min-width: 992px) {
  .liste-etapes {
    padding: 3.6em 2em 1.2em;
  }
}

.liste-etapes li {
  margin-bottom: 3.4em;
  position: relative;
  z-index: 0;
  color: #283583;
  font-weight: 500;
  padding: 2px 0 0 12px;
}

.liste-etapes li:nth-child(even) {
  text-align: right;
}

.liste-etapes li::before {
  position: absolute;
  content: counter(item) " ";
  counter-increment: item;
  font-size: 9em;
  font-weight: 900;
  z-index: -1;
  color: #dee1f5;
}

.liste-etapes li:nth-child(odd)::before {
  left: -0.25em;
}

.liste-etapes li:nth-child(even)::before {
  right: -0.25em;
}

.bloc-etapes-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: #E31837;
  counter-reset: item;
  list-style-type: none;
  margin: 50px 0;
}

@media screen and (min-width: 992px) {
  .bloc-etapes-images {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.bloc-etapes-images .bloc-etapes-item {
  width: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bloc-etapes-images .bloc-etapes-item p {
  font-size: 27px;
}

.bloc-etapes-images .bloc-etapes-item::before {
  position: relative;
  top: -7px;
  left: -42px;
  content: counter(item);
  counter-increment: item;
  font-size: 9em;
  font-weight: 900;
  z-index: 1;
  color: rgba(227, 24, 55, 0.45);
}

@media screen and (min-width: 992px) {
  .bloc-etapes-images .bloc-etapes-item {
    margin: 0 2.7em;
  }
}

/*.bloc-etapes-item::before {
    position: absolute;
    top: -28px;
    margin-left: -44px;
    content: counter(item);
    counter-increment: item;
    font-size: 9em;
    font-weight: 900;
    z-index: 1;
    color: rgba(227, 24, 55, 0.45);
}*/
/* bloc produits */
.produit-bloc {
  max-width: 500px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px auto;
  padding: 18px 0 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  text-align: center;
}

.produit-bloc h3.produit-titre {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 13px;
  line-height: 1.5em;
}

.produit-bloc h3.produit-titre span {
  font-size: 15px;
  font-weight: 900;
}

.produit-bloc .produit-poids {
  font-weight: 800;
  font-size: 18px;
}

.produit-bloc .produit-description {
  font-style: italic;
  font-size: 12px;
  font-weight: 500;
}

/*#centre:has(#ViewNode) {
                    background-image: url(images/elements/fond-fiche-recette.png);
                    background-position: bottom;
                    background-repeat: no-repeat;
                }*/
.news__title {
  font-weight: 800;
  font-style: italic;
  display: none;
  /*position: absolute;
z-index: 2;

bottom: 6.3em;
left: 1.7em;
width: 81%;

@media all and (min-width: $screen-sm-min) {
    top: 8em;
    left: 11.7em;
    width: 21.7%;
}*/
}

/*.bloc--recette-bleu-H {
color: $c-site1;
background-color: $c-site1-3;
}

.bloc--recette-rouge-H {
    color: $c-site2;
    background-color: $c-site2-3;
}

.bloc--recette-vert-H {
    color: $c-site3;
    background-color: $c-site3-3;
}

.bloc--recette-bleu-B {
    background-color: $c-site1-2;
}

.bloc--recette-rouge-B {
    background-color: $c-site2-2;
}

.bloc--recette-vert-B {
    background-color: $c-site3-2;
}*/
.titre-recette {
  color: #FFF;
  font-weight: 800;
  font-style: italic;
  font-size: 3.2rem;
  position: absolute;
  left: 2em;
  bottom: 0.6em;
  width: calc(100% - 128px);
  line-height: 1.2em;
}

@media all and (min-width: 768px) {
  .titre-recette {
    top: 0.7em;
    left: 1.6em;
    width: calc(93% - 80px);
    font-size: 3.6rem;
  }
}

@media all and (min-width: 992px) {
  .titre-recette {
    top: 0.7em;
    left: 1.6em;
    width: calc(93% - 80px);
  }
}

.bloc--recette-H {
  padding: 40px 48px 35px;
  font-weight: 800;
  line-height: 2.2em;
  margin-right: -40px;
  margin-left: -40px;
}

@media all and (min-width: 768px) {
  .bloc--recette-H {
    margin-right: 0;
    margin-left: 0;
  }
}

.bloc--recette-H .picto-assaisonnement-1, .bloc--recette-H .picto-assaisonnement-2, .bloc--recette-H .picto-assaisonnement-3 {
  background-image: url(/App_Themes/Bootstrap2/images/pictos/sprites-recette.png);
  margin: auto;
  height: 42px;
  width: 38px;
  display: inline-block;
}

.bloc--recette-H .picto-assaisonnement-1 {
  background-position: -2px -222px;
}

.bloc--recette-H .picto-assaisonnement-2 {
  background-position: -43px -222px;
}

.bloc--recette-H .picto-assaisonnement-3 {
  background-position: -84px -222px;
}

.bloc--recette-H .txt-assaisonnement {
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  display: inline;
}

.bloc--recette-B {
  padding: 10px 50px;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: -40px;
  margin-left: -40px;
}

@media all and (min-width: 768px) {
  .bloc--recette-B {
    margin-right: 0;
    margin-left: 0;
  }
}

.bloc--recette-B .recette__infos p {
  margin-bottom: 30px;
  color: #FFF;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
}

.bloc--recette-B .recette__infos .picto-prepa, .bloc--recette-B .recette__infos .picto-total, .bloc--recette-B .recette__infos .picto-difficulte-1, .bloc--recette-B .recette__infos .picto-difficulte-2, .bloc--recette-B .recette__infos .picto-difficulte-3, .bloc--recette-B .recette__infos .picto-difficulte-4, .bloc--recette-B .recette__infos .picto-personnes {
  background-image: url(/App_Themes/Bootstrap2/images/pictos/sprites-recette.png);
  margin: auto;
}

.bloc--recette-B .recette__infos .picto-prepa, .bloc--recette-B .recette__infos .picto-total, .bloc--recette-B .recette__infos .picto-personnes {
  font-size: 24px;
  font-weight: 800;
  line-height: 2.5em;
  text-align: center;
}

.bloc--recette-B .recette__infos .picto-prepa .unite, .bloc--recette-B .recette__infos .picto-total .unite, .bloc--recette-B .recette__infos .picto-personnes .unite {
  font-size: 15px !important;
}

.bloc--recette-B .recette__infos .picto-prepa {
  background-position: 278px -165px;
  height: 56px;
}

.bloc--recette-B .recette__infos .picto-total {
  background-position: 0 -109px;
  height: 56px;
  width: 36%;
}

.bloc--recette-B .recette__infos .picto-personnes {
  background-position: 93px -107px;
  height: 56px;
  width: 64%;
}

.bloc--recette-B .recette__infos .picto-difficulte-1,
.bloc--recette-B .recette__infos .picto-difficulte-2,
.bloc--recette-B .recette__infos .picto-difficulte-3,
.bloc--recette-B .recette__infos .picto-difficulte-4 {
  height: 56px;
  width: 86%;
}

.bloc--recette-B .recette__infos .picto-difficulte-1 {
  background-position: 0 0;
}

.bloc--recette-B .recette__infos .picto-difficulte-2 {
  background-position: 117px 0;
}

.bloc--recette-B .recette__infos .picto-difficulte-3 {
  background-position: 0 -55px;
}

.bloc--recette-B .recette__infos .picto-difficulte-4 {
  background-position: 117px -55px;
}

.t-preparation,
.t-ingredient {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  text-align: center;
  margin: 30px auto;
  width: inherit;
  text-transform: uppercase;
  font-size: 45px;
  font-weight: 800;
}

@media all and (min-width: 992px) {
  .t-preparation,
  .t-ingredient {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    position: relative;
    top: 5.25em;
    left: 24px;
  }
}

.t-preparation {
  color: #dee1f5;
  top: 278px;
}

.t-ingredient {
  color: #f7b6c0;
}

h4.bloc-titre-on-title {
  color: #98a2df;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: -4.1px;
  letter-spacing: 0.05em;
}

h4.bloc-titre-on-title--bleu-clair {
  font-size: 39px;
  margin-bottom: -8px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.bloc-titre-on {
  background-color: #98a2df;
  color: #FFF;
  font-style: italic;
  padding: 10px 22px;
  margin-left: -40px;
  margin-right: -40px;
}

.bloc-titre-on--bleu-clair {
  padding: 40px;
}

@media all and (min-width: 768px) {
  .bloc-titre-on {
    margin-right: 0;
    margin-left: 0;
  }
}

/** Fin .bloc--recette */
/* PAGE pret a cuisiner */
/*----------------------*/
.slider-pac {
  width: calc(100% + 30px);
  height: 722px;
  position: relative;
  margin-left: -15px;
}

@media all and (min-width: 992px) {
  .slider-pac {
    width: 100%;
    margin-left: inherit;
  }
}

.slider-pac .bloc-pac {
  width: 100%;
  max-width: 564px;
  color: #FFF;
  text-align: center;
  padding: 18px 30px;
  overflow: hidden;
  background-color: rgba(227, 24, 55, 0.4);
  position: absolute;
  bottom: 5em;
  left: 2.7%;
}

.slider-pac .titre-pac {
  color: #FFF !important;
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.3em;
  margin-bottom: 0.4em;
}

.slider-pac .titre-pac span {
  font-weight: 900;
}

.vignette-pac-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.vignette-pac-3 .vignette-pac-item {
  width: 300px;
  height: 300px;
  /*width: 32.6%;
        margin-left:5em;*/
  background: #f9e3e7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 75px 0 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px;
}

.vignette-pac-3 .vignette-pac-item > p {
  color: #E31837;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 25px;
  text-decoration: underline;
  letter-spacing: 0.13em;
}

.bloc-pac-mobile {
  width: calc(100% + 30px);
  margin-left: -15px;
  color: #FFF;
  text-align: center;
  padding: 18px 30px;
  overflow: hidden;
}

.bloc-pac-mobile .titre-pac {
  color: #FFF !important;
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.3em;
  margin-bottom: 0.4em;
}

.bloc-pac-mobile .titre-pac span {
  font-weight: 900;
}

/*.bloc-opaque-bleu-A { // réservé pour HOMEPAGE
        width: 564px;
        height: 382px;
        background-color: rgba(227,24,55,0.4);
        color: #FFF;
        text-align: center;
    }*/
.blocs-joints {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media all and (min-width: 768px) {
  .blocs-joints {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.bloc-rose, .bloc-rose-clair {
  background-color: #fcecee;
}

.bloc-bleu {
  background-color: #C7CBE3;
}

.bloc-morceau-fqm {
  background-color: #D7DBEC;
  font-weight: 600;
}

.bloc-morceau-fqm p {
  color: #5E6AAF;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  font-size: 15px;
}

.bloc-recette-fqm {
  background-color: #DCF0E4;
}

.bloc-rose,
.bloc-rose-clair,
.bloc-bleu,
.bloc-morceau-fqm,
.bloc-recette-fqm {
  /*background-color: $c-grayD;*/
  padding: 0 0 0.5em 0;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /**:not(strong){
        padding: 0 3.5em;
    }*/
  /*div, p, ul, ol, dl {
        padding: 0em 3.5em;
    }*/
  /*h2.pac { INUTILE AMA
            font-size: 30px;
            text-transform: uppercase;
            font-weight: 900;
            letter-spacing: 0.15em;
            color:$c-site1;
        }*/
}

.bloc-rose p, .bloc-rose ul,
.bloc-rose-clair p,
.bloc-rose-clair ul,
.bloc-bleu p,
.bloc-bleu ul,
.bloc-morceau-fqm p,
.bloc-morceau-fqm ul,
.bloc-recette-fqm p,
.bloc-recette-fqm ul {
  padding: 0 3.5em;
}

.bloc-rose h3.titre-morceau-fqm,
.bloc-rose-clair h3.titre-morceau-fqm,
.bloc-bleu h3.titre-morceau-fqm,
.bloc-morceau-fqm h3.titre-morceau-fqm,
.bloc-recette-fqm h3.titre-morceau-fqm {
  color: #5E6AAF;
  text-align: center;
  font-weight: 800;
  font-size: 19px;
  font-style: italic;
}

.bloc-rose h3.titre-recette-fqm,
.bloc-rose-clair h3.titre-recette-fqm,
.bloc-bleu h3.titre-recette-fqm,
.bloc-morceau-fqm h3.titre-recette-fqm,
.bloc-recette-fqm h3.titre-recette-fqm {
  color: #283583;
  text-align: center;
  font-weight: 900;
  font-size: 15px;
  padding: 20px 0 17px;
}

.bloc-rose .h2,
.bloc-rose h2,
.bloc-rose .titre,
.bloc-rose-clair .h2,
.bloc-rose-clair h2,
.bloc-rose-clair .titre,
.bloc-bleu .h2,
.bloc-bleu h2,
.bloc-bleu .titre,
.bloc-morceau-fqm .h2,
.bloc-morceau-fqm h2,
.bloc-morceau-fqm .titre,
.bloc-recette-fqm .h2,
.bloc-recette-fqm h2,
.bloc-recette-fqm .titre {
  position: relative;
  padding: 1em;
  text-align: center;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #F09CA9;
}

.bloc-rose h2.fw-black,
.bloc-rose-clair h2.fw-black,
.bloc-bleu h2.fw-black,
.bloc-morceau-fqm h2.fw-black,
.bloc-recette-fqm h2.fw-black {
  font-weight: 900;
}

.bloc-bleu, .bloc-rose-clair {
  padding: 0em;
}

.bloc-flex-centre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 620px;
  padding: 0 25px;
  line-height: 2em;
}

.body-content a:not(.btn) {
  text-decoration: none;
  color: #A0A7D1;
}

.body-content a:not(.btn):hover, .body-content a:not(.btn):focus {
  color: #5E6AAF;
  text-decoration: none;
}

.btn-site1, .btn-site2 {
  text-transform: uppercase;
  font-weight: 600;
  padding: 1.0em 2.5em;
  letter-spacing: 0.10em;
}

.btn-gris {
  color: #fff !important;
  background-color: #666;
  border-color: #666;
}

.btn-gris:focus, .btn-gris.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #807f7f;
  border-color: #a6a6a6;
}

.btn-gris:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #807f7f;
  border-color: #858585;
}

.btn-gris:active, .btn-gris.active,
.open > .btn-gris.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #807f7f;
  border-color: #858585;
}

.btn-gris:active:hover, .btn-gris:active:focus, .btn-gris:active.focus, .btn-gris.active:hover, .btn-gris.active:focus, .btn-gris.active.focus,
.open > .btn-gris.dropdown-toggle:hover,
.open > .btn-gris.dropdown-toggle:focus,
.open > .btn-gris.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #919191;
  border-color: #a6a6a6;
}

.btn-gris:active, .btn-gris.active,
.open > .btn-gris.dropdown-toggle {
  background-image: none;
}

.btn-gris.disabled:hover, .btn-gris.disabled:focus, .btn-gris.disabled.focus, .btn-gris[disabled]:hover, .btn-gris[disabled]:focus, .btn-gris[disabled].focus,
fieldset[disabled] .btn-gris:hover,
fieldset[disabled] .btn-gris:focus,
fieldset[disabled] .btn-gris.focus {
  background-color: #666;
  border-color: #666;
}

.btn-gris .badge {
  color: #666;
  background-color: #fff;
}

.btn-site1 {
  color: #fff !important;
  background-color: #283583;
  border-color: #283583;
}

.btn-site1:focus, .btn-site1.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3445aa;
  border-color: #5d6dce;
}

.btn-site1:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3445aa;
  border-color: #3648b2;
}

.btn-site1:active, .btn-site1.active,
.open > .btn-site1.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3445aa;
  border-color: #3648b2;
}

.btn-site1:active:hover, .btn-site1:active:focus, .btn-site1:active.focus, .btn-site1.active:hover, .btn-site1.active:focus, .btn-site1.active.focus,
.open > .btn-site1.dropdown-toggle:hover,
.open > .btn-site1.dropdown-toggle:focus,
.open > .btn-site1.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3e51c4;
  border-color: #5d6dce;
}

.btn-site1:active, .btn-site1.active,
.open > .btn-site1.dropdown-toggle {
  background-image: none;
}

.btn-site1.disabled:hover, .btn-site1.disabled:focus, .btn-site1.disabled.focus, .btn-site1[disabled]:hover, .btn-site1[disabled]:focus, .btn-site1[disabled].focus,
fieldset[disabled] .btn-site1:hover,
fieldset[disabled] .btn-site1:focus,
fieldset[disabled] .btn-site1.focus {
  background-color: #283583;
  border-color: #283583;
}

.btn-site1 .badge {
  color: #283583;
  background-color: #fff;
}

.btn-site1:hover {
  background: #1c255c;
}

.btn-site2 {
  color: #fff !important;
  background-color: #E31837;
  border-color: #E31837;
}

.btn-site2:focus, .btn-site2.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #eb435d;
  border-color: #f28898;
}

.btn-site2:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #eb435d;
  border-color: #ec4c65;
}

.btn-site2:active, .btn-site2.active,
.open > .btn-site2.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #eb435d;
  border-color: #ec4c65;
}

.btn-site2:active:hover, .btn-site2:active:focus, .btn-site2:active.focus, .btn-site2.active:hover, .btn-site2.active:focus, .btn-site2.active.focus,
.open > .btn-site2.dropdown-toggle:hover,
.open > .btn-site2.dropdown-toggle:focus,
.open > .btn-site2.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ef6378;
  border-color: #f28898;
}

.btn-site2:active, .btn-site2.active,
.open > .btn-site2.dropdown-toggle {
  background-image: none;
}

.btn-site2.disabled:hover, .btn-site2.disabled:focus, .btn-site2.disabled.focus, .btn-site2[disabled]:hover, .btn-site2[disabled]:focus, .btn-site2[disabled].focus,
fieldset[disabled] .btn-site2:hover,
fieldset[disabled] .btn-site2:focus,
fieldset[disabled] .btn-site2.focus {
  background-color: #E31837;
  border-color: #E31837;
}

.btn-site2 .badge {
  color: #E31837;
  background-color: #fff;
}

.btn-site2:hover {
  background: #b5132c;
}

.btn-site4 {
  color: #394172 !important;
  background-color: #C7CBE3;
  border-color: #C7CBE3;
}

.btn-site4:focus, .btn-site4.focus {
  color: #394172 !important;
  text-decoration: none !important;
  background-color: #e9ebf4;
  border-color: white;
}

.btn-site4:hover {
  color: #394172 !important;
  text-decoration: none !important;
  background-color: #e9ebf4;
  border-color: #f0f1f7;
}

.btn-site4:active, .btn-site4.active,
.open > .btn-site4.dropdown-toggle {
  color: #394172 !important;
  text-decoration: none !important;
  background-color: #e9ebf4;
  border-color: #f0f1f7;
}

.btn-site4:active:hover, .btn-site4:active:focus, .btn-site4:active.focus, .btn-site4.active:hover, .btn-site4.active:focus, .btn-site4.active.focus,
.open > .btn-site4.dropdown-toggle:hover,
.open > .btn-site4.dropdown-toggle:focus,
.open > .btn-site4.dropdown-toggle.focus {
  color: #394172 !important;
  text-decoration: none !important;
  background-color: white;
  border-color: white;
}

.btn-site4:active, .btn-site4.active,
.open > .btn-site4.dropdown-toggle {
  background-image: none;
}

.btn-site4.disabled:hover, .btn-site4.disabled:focus, .btn-site4.disabled.focus, .btn-site4[disabled]:hover, .btn-site4[disabled]:focus, .btn-site4[disabled].focus,
fieldset[disabled] .btn-site4:hover,
fieldset[disabled] .btn-site4:focus,
fieldset[disabled] .btn-site4.focus {
  background-color: #C7CBE3;
  border-color: #C7CBE3;
}

.btn-site4 .badge {
  color: #C7CBE3;
  background-color: #394172;
}

.btn-site4:hover {
  background: #a5abd2;
}

.btn-site5 {
  color: #fff !important;
  background-color: #e82745;
  border-color: #e82745;
}

.btn-site5:focus, .btn-site5.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ed556d;
  border-color: #f49ba8;
}

.btn-site5:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ed556d;
  border-color: #ee5f74;
}

.btn-site5:active, .btn-site5.active,
.open > .btn-site5.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ed556d;
  border-color: #ee5f74;
}

.btn-site5:active:hover, .btn-site5:active:focus, .btn-site5:active.focus, .btn-site5.active:hover, .btn-site5.active:focus, .btn-site5.active.focus,
.open > .btn-site5.dropdown-toggle:hover,
.open > .btn-site5.dropdown-toggle:focus,
.open > .btn-site5.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #f07688;
  border-color: #f49ba8;
}

.btn-site5:active, .btn-site5.active,
.open > .btn-site5.dropdown-toggle {
  background-image: none;
}

.btn-site5.disabled:hover, .btn-site5.disabled:focus, .btn-site5.disabled.focus, .btn-site5[disabled]:hover, .btn-site5[disabled]:focus, .btn-site5[disabled].focus,
fieldset[disabled] .btn-site5:hover,
fieldset[disabled] .btn-site5:focus,
fieldset[disabled] .btn-site5.focus {
  background-color: #e82745;
  border-color: #e82745;
}

.btn-site5 .badge {
  color: #e82745;
  background-color: #fff;
}

.btn-site5:hover {
  background: #c71530;
}

.btn-primary-border {
  color: #283583 !important;
  background-color: transparent;
  border-color: #283583;
  border: 2px solid #283583;
}

.btn-primary-border:focus, .btn-primary-border.focus {
  color: #283583 !important;
  text-decoration: none !important;
  background-color: rgba(26, 25, 25, 0);
  border-color: #5d6dce;
}

.btn-primary-border:hover {
  color: #283583 !important;
  text-decoration: none !important;
  background-color: rgba(26, 25, 25, 0);
  border-color: #3648b2;
}

.btn-primary-border:active, .btn-primary-border.active,
.open > .btn-primary-border.dropdown-toggle {
  color: #283583 !important;
  text-decoration: none !important;
  background-color: rgba(26, 25, 25, 0);
  border-color: #3648b2;
}

.btn-primary-border:active:hover, .btn-primary-border:active:focus, .btn-primary-border:active.focus, .btn-primary-border.active:hover, .btn-primary-border.active:focus, .btn-primary-border.active.focus,
.open > .btn-primary-border.dropdown-toggle:hover,
.open > .btn-primary-border.dropdown-toggle:focus,
.open > .btn-primary-border.dropdown-toggle.focus {
  color: #283583 !important;
  text-decoration: none !important;
  background-color: rgba(43, 43, 43, 0);
  border-color: #5d6dce;
}

.btn-primary-border:active, .btn-primary-border.active,
.open > .btn-primary-border.dropdown-toggle {
  background-image: none;
}

.btn-primary-border.disabled:hover, .btn-primary-border.disabled:focus, .btn-primary-border.disabled.focus, .btn-primary-border[disabled]:hover, .btn-primary-border[disabled]:focus, .btn-primary-border[disabled].focus,
fieldset[disabled] .btn-primary-border:hover,
fieldset[disabled] .btn-primary-border:focus,
fieldset[disabled] .btn-primary-border.focus {
  background-color: transparent;
  border-color: #283583;
}

.btn-primary-border .badge {
  color: transparent;
  background-color: #283583;
}

.btn-primary-border:hover {
  background: rgba(40, 53, 131, 0.75);
}

.btn-slider {
  color: #fff !important;
  background-color: transparent;
  border-color: #fff;
  border-radius: 0;
  padding: 0.5em 4em;
  font-family: sans-serif !important;
}

.btn-slider:focus, .btn-slider.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: rgba(26, 25, 25, 0);
  border-color: white;
}

.btn-slider:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: rgba(26, 25, 25, 0);
  border-color: white;
}

.btn-slider:active, .btn-slider.active,
.open > .btn-slider.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: rgba(26, 25, 25, 0);
  border-color: white;
}

.btn-slider:active:hover, .btn-slider:active:focus, .btn-slider:active.focus, .btn-slider.active:hover, .btn-slider.active:focus, .btn-slider.active.focus,
.open > .btn-slider.dropdown-toggle:hover,
.open > .btn-slider.dropdown-toggle:focus,
.open > .btn-slider.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: rgba(43, 43, 43, 0);
  border-color: white;
}

.btn-slider:active, .btn-slider.active,
.open > .btn-slider.dropdown-toggle {
  background-image: none;
}

.btn-slider.disabled:hover, .btn-slider.disabled:focus, .btn-slider.disabled.focus, .btn-slider[disabled]:hover, .btn-slider[disabled]:focus, .btn-slider[disabled].focus,
fieldset[disabled] .btn-slider:hover,
fieldset[disabled] .btn-slider:focus,
fieldset[disabled] .btn-slider.focus {
  background-color: transparent;
  border-color: #fff;
}

.btn-slider .badge {
  color: transparent;
  background-color: #fff;
}

.btn-slider:hover {
  background: rgba(255, 255, 255, 0.25);
}

.btn-telechargement,
.lien-telechargement {
  position: relative;
  padding: 0.5em 1em 0.5em 2em;
  color: white;
  background: #283583;
}

.btn-telechargement::before,
.lien-telechargement::before {
  font-family: "FontAwesome", serif;
  font-size: 1em;
  position: absolute;
  top: 0.5em;
  left: 0.75em;
  width: 1em;
  height: 1em;
  content: '\f019';
  color: white;
}

.btn-telechargement:hover,
.lien-telechargement:hover {
  background-color: #1c255c;
  color: #FFF;
}

.lien-telechargement {
  padding-right: 0;
  padding-left: 1.2em;
  text-decoration: underline;
  color: #283583;
  background-color: transparent;
}

.lien-telechargement::before {
  left: 0.05em;
  top: 0.3em;
  color: #A0A7D1 !important;
}

.lien-telechargement:hover {
  color: #A0A7D1;
  background-color: transparent;
}

.lien-telechargement:hover::before {
  color: #283583 !important;
}

[class^="btn"] {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.tableau thead {
  background-color: #283583;
  color: #fff;
}

table p,
.table p {
  margin: 0;
  padding: 0;
}

.table--entete-bleue thead, .table--entete-bleue tr > th {
  background-color: #283583;
}

.table--entete-bleue th, .table--entete-bleue td {
  border-right: 1px solid #aaa;
}

.table--entete-bleue th:last-child, .table--entete-bleue td:last-child {
  border-right: none;
}

.table--entete-bleue th {
  color: #fff;
}

.table--entete-verte thead, .table--entete-verte tr > th {
  background-color: #179146;
}

.table--entete-verte th, .table--entete-verte td {
  border-right: 1px solid #aaa;
}

.table--entete-verte th:last-child, .table--entete-verte td:last-child {
  border-right: none;
}

.table--entete-verte th {
  color: #fff;
}

.tableau-neutre {
  border-collapse: collapse;
  border: none !important;
  border-spacing: 0 !important;
}

.tableau-rouge {
  background: #FEF1F3;
  color: #E31837;
  padding: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tableau-rouge .tableau-col {
  border-bottom: 1px solid #E31837;
  margin-bottom: 24px;
  padding-bottom: 12px;
}

.tableau-rouge h4.tableau-titreh4 {
  color: #E31837;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 800;
  text-align: left;
  letter-spacing: 0.3em;
}

.tableau-rouge h4.tableau-titreh4 span {
  text-transform: lowercase;
  letter-spacing: normal;
  font-size: 14px;
  font-weight: 600;
}

.tableau-rouge .tableau-contenu {
  margin-top: 22px;
  line-height: 1.6em;
}

@media all and (min-width: 768px) {
  .tableau-rouge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
  }
  .tableau-rouge .tableau-col {
    width: 25%;
    border-right: 1px solid #E31837;
    border-bottom: 0;
  }
  .tableau-rouge .tableau-col:last-child {
    border-right: 0;
  }
  .tableau-rouge h4.tableau-titreh4 {
    text-align: center;
    border-bottom: 1px solid #E31837;
    padding: 0 15px 24px;
  }
  .tableau-rouge .tableau-contenu {
    padding: 0 15px;
    line-height: 2.8em;
  }
}

.img-fl {
  width: auto;
  margin-left: -40px;
  margin-right: -40px;
  /*@media all and (min-width: $screen-sm-min) {
    margin-right: 0;
    margin-left: 0;
}*/
}

.img-collee-gauche {
  /* AMA à gauche position relative right -15px ne marche pas*/
  margin-left: -15px;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-collee-droite {
  /* AMA à droite margin-right -15px ne marche pas*/
  right: -15px;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}

.bloc-align-vh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bloc-marque {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (min-width: 768px) {
  .bloc-marque {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.bloc-marque .bloc-marque-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: inherit;
}

@media all and (min-width: 768px) {
  .bloc-marque .bloc-marque-item {
    max-width: 212px;
    width: 100%;
    margin: 0 1.2em;
  }
}

@media all and (min-width: 1200px) {
  .bloc-marque .bloc-marque-item {
    margin: 0 4.2em;
  }
}

.bloc-marque .bloc-marque-item .bloc-marque-contenu {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.bloc-marque .bloc-marque-item .bloc-marque-contenu .bloc-marque-titreh4 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 22px;
  text-align: center;
  margin-bottom: 15px;
}

.bloc-marque .bloc-marque-item .bloc-marque-contenu .bloc-marque-titreh4 span {
  text-transform: uppercase;
  font-weight: 800;
}

.bloc-marque .bloc-marque-item .bloc-marque-contenu .bloc-marque-texte {
  text-align: center;
  font-size: 13px;
}

/*.bloc-marque-item img {
    @media all and (min-width: $screen-sm-min) {
        max-width: initial;
    }
}*/
/*# sourceMappingURL=ViewNode.css.map */