@charset "UTF-8";
/* VARIABLES UTILES. */
/* VARIABLES UTILES. */
@import url(iconfont.css);
/**********************
 *
 * Global utilities classes
 *
 * all classes are 'namespaced' with 'pm' to avoid class name collision
 *
 * 1. Global utility styles
 *
 * 2. Components styles
 *
 **********************/

 .search-results li {
  position: relative;
}

.search-results li .node-titre a::before{
  content: " ";
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* Block News */
.page-node-111 input.form-submit{
  border-radius: 0;
  background-color: var(--bf500);
}
.page-node-111 input.form-text{
  border-radius: 0;
}

/* Block News */
.node-crise a.rf-card__link{
  color: var(--g800);
  text-decoration: none;
}
.node-crise a.rf-link{
  color: var(--bf500);
  text-decoration: none;
  font-weight: 400;
}
.node-crise .rf-b_bloc-news-link-all{
  text-align: right;
}

  .rf-b_heading-news {
      font-size: 1.5rem;
  }

@media screen and (min-width: 62rem){
  .rf-b_heading-news {
      font-size: 2rem;
  }
}
.rf-list--news-items a.rf-card__link{
  color: var(--g800);
  overflow: hidden;
  z-index: 1;
}
.rf-list--news-items a.rf-card__link:focus{
  outline: 2px solid var(--focus);
  outline-offset: 2px;
  z-index: var(--focus-z-index);
}




.pm-margin {
  margin: 10px;
  border: 1px solid transparent; }
  .pm-margin-top {
    margin-top: 10px; }
  .pm-margin-top-xl {
    margin-top: 20px; }
  .pm-margin-bottom {
    margin-bottom: 10px; }
  .pm-margin-bottom-xl {
    margin-bottom: 20px; }
  .pm-margin-left {
    margin-left: 10px; }
  .pm-margin-left-xl {
    margin-left: 20px; }
  .pm-margin-right {
    margin-right: 10px; }
  .pm-margin-right-xl {
    margin-right: 20px; }

.pm-padding {
  margin: 10px;
  border: 1px solid transparent; }
  .pm-padding-top {
    padding-top: 10px; }
  .pm-padding-top-xl {
    padding-top: 20px; }
  .pm-padding-bottom {
    padding-bottom: 10px; }
  .pm-padding-bottom-xl {
    padding-bottom: 20px; }
  .pm-padding-left {
    padding-left: 10px; }
  .pm-padding-left-xl {
    padding-left: 20px; }
  .pm-padding-right {
    padding-right: 10px; }
  .pm-padding-right-xl {
    padding-right: 20px; }

.text-center {
  text-align: center; }

.pm-flex-center-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.pm-flex-h-center-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.pm-flex-v-center-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.pm-list-theme-items {
  border-bottom: 1px solid #efeeec;
  display: block;
  padding: 10px 0 10px 20px !important;
  position: relative; }
  .pm-list-theme-items, .pm-list-theme-items a {
    font-size: 14px; }
  .pm-list-theme-items:before {
    background-image: url(../img/icone-sprite2.png);
    content: '';
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    width: 25px;
    top: 7px; }
    .bloc-thematique-content .pm-list-theme-items:before {
      top: 4px;
      bottom: 10px; }

.pm-list-theme-enjeux a {
  color: #0B6BA8;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-transform: uppercase; }

.pm-list-theme-enjeux:before {
  background-position: -8px -60px; }

.pm-list-theme-action a {
  color: #202328; }

.pm-list-theme-action:before {
  background-position: -38px -30px; }

.enjeu-item-ouvert .pm-list-theme-action {
  padding-left: 45px !important; }
  .enjeu-item-ouvert .pm-list-theme-action:before {
    left: 25px; }

/*Utilities*/
.pm-link-wrapper {
  display: block;
  overflow: hidden;
  position: relative; }

.pm-absolute-bottom {
  position: absolute;
  bottom: 0; }

.pm-absolute-bottom-5 {
  position: absolute;
  bottom: 5px; }

/*Overlay*/
.pm-title-overlay {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF !important;
  padding: 20px;
  width: 100%;
  transition: all .3s; }
  .pm-overlay-container:hover .pm-title-overlay, .pm-title-overlay:hover {
    padding-bottom: 40px;
    background-color: black; }

/* Titles */
.title-separator, .title-separator-top, .title-separator-bottom {
  padding: 20px 0; }
  .title-separator:before, .title-separator:after, .title-separator-top:before, .title-separator-top:after, .title-separator-bottom:before, .title-separator-bottom:after {
    content: '';
    display: block;
    position: relative;
    width: 100px;
    height: 1px;
    background-color: #cccecf;
    margin: 0 auto; }
  .title-separator:before, .title-separator-top:before, .title-separator-bottom:before {
    margin-bottom: 20px; }
  .title-separator:after, .title-separator-top:after, .title-separator-bottom:after {
    margin-top: 20px; }

.title-separator-top:after {
  display: none; }

.title-separator-bottom:before {
  display: none; }

/* Buttons */
.pm-button {
  background-color: #0B6BA8;
  color: #FFF;
  display: inline-block;
  font-weight: 600;
  padding: 15px;
  text-transform: uppercase;
  text-align: center; }
  .pm-button:hover {
    background-color: #0a6199; }

.pm-button-square {
  border-radius: 0 !important; }

.pm-fb-btn-square {
  background-color: #4466AE;
  display: block;
  float: left;
  height: 65px !important;
  width: 65px !important;
  transition: -webkit-transform ease .5;
  transition: transform ease .5;
  transition: transform ease .5, -webkit-transform ease .5; }
  .pm-fb-btn-square:before {
    content: '';
    display: block;
    background-image: url("../img/icone-sprite2.png");
    background-repeat: no-repeat;
    background-position: -5px -393px;
    width: 38px;
    height: 38px;
    border-radius: 25px;
    border: 0px;
    background-color: #FFF;
    -webkit-transform: translate(38%, 38%);
    -ms-transform: translate(38%, 38%);
    transform: translate(38%, 38%); }
  .pm-fb-btn-square:hover:before {
    background-color: grey; }

.pm-tw-btn-square {
  background-color: #54C5F9;
  display: block;
  float: left;
  margin-left: 20px;
  height: 65px !important;
  width: 65px !important; }
  .pm-tw-btn-square:before {
    content: '';
    display: block;
    background-image: url("../img/icone-sprite2.png");
    background-repeat: no-repeat;
    background-position: -55px -393px;
    width: 38px;
    height: 38px;
    border-radius: 25px;
    border: 0px;
    background-color: #FFF;
    -webkit-transform: translate(38%, 38%);
    -ms-transform: translate(38%, 38%);
    transform: translate(38%, 38%); }
  .pm-tw-btn-square:hover:before {
    background-color: grey; }

.social-item-img {
  text-align: center;
  width: 70% !important;
  margin: 0 auto; }

.social-from span {
  display: block;
  color: #cccecf; }

/* RESET ====================================================================== */
body, html, h1, h2, h3, p {
  margin: 0;
  padding: 0; }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

.oembed {
  clear: both;
  display: block;
  float: none;
  margin: 0 15%;
  padding: 0;
  border: none;
  background: transparent;
  color: #202328;
  border-radius: 0;
  text-align: center; }
  .oembed .oembed-content {
    display: block;
    display: inline-block; }
  .oembed .oembed-title {
    display: none; }
  .oembed .oembed-content .node {
    max-width: auto; }

.oembed iframe {
  width: 100%; }

.oembed .oembed-content {
  display: block;
  width: 100%; }

.slick-slider {
  margin-bottom: 0; }
  .slick-slider img {
    margin: 0 auto; }

/* LAYOUT ===================================================================== */
body {
  font-family: "Open Sans", Arial, Sans-Serif;
  font-size: 16px;
  background: #fff;
  /* Menu mobile "push". */
  overflow-x: hidden;
  position: relative;
  left: 0;
  transition: all 0.3s ease; }
  body.mobile-menu-open {
    left: -300px; }

.limiter {
  margin: 0 15px; }

/* STYLES DE PAGE ============================================================= */
.style-default {
  background: #efeeec; }

.style-bleu-ciel {
  background: #e4edf2; }

.style-gris, .style-default-gris {
  background: #efeeec; }

.style-noir {
  background: #3c4046;
  color: #fff; }

.style-bleu {
  background: #0B6BA8;
  color: #fff; }

.style-blanc {
  background: #fff; }

.style-default .content .field,
.style-default-gris .content .field {
  background: #fff; }
  .style-default .content .field .field,
  .style-default-gris .content .field .field {
    background: transparent; }

.style-default .webform-client-form,
.style-default-gris .webform-client-form {
  background: #fff; }

.style-noir .field-name-field-texte .field-item, .style-bleu .field-name-field-texte .field-item {
  color: #fff; }

/* NAVIGATION ==================================================================
 *
 * - Menu principal.
 * - Menu mobile ("push").
 */
/* LIENS ACCES RAPIDE ========================================================== */
#liens-acces-rapide {
  display: none; }
  #liens-acces-rapide a {
    display: none; }
    #liens-acces-rapide a:active, #liens-acces-rapide a:focus {
      display: none; }

@media (min-width: 960px) {
  #liens-acces-rapide {
    display: block;
    height: 0;
    position: absolute;
    z-index: 50000;
    width: 100%;
    top: 0;
    font-size: 0.7em;
    font-family: "Open Sans", Arial, Sans-Serif; }
    #liens-acces-rapide a {
      display: inline;
      position: relative;
      top: -10000px;
      color: #fff;
      margin-right: 10px; }
      #liens-acces-rapide a:active, #liens-acces-rapide a:focus {
        display: inline;
        color: #0b6ba8;
        position: relative;
        top: 0; } }

/* MENU PRINCIPAL ============================================================== */
#nav {
  /* En version mobile le menu principal est masque. */
  display: none;
  font-size: 15px; }
  #nav ul {
    margin: 0 auto; }
  #nav a {
    display: block;
    float: left;
    color: #202328; }
    #nav a:hover {
      text-decoration: none; }

@media (min-width: 960px) {
  #nav {
    display: block; } }

/* MENU PRINCIPAL NIVEAU 1 ----------------------------------------------------- */
.item-list ul li {
  margin: 0 0 0 1.5em; }

#nav .navigation-n1 a {
  text-align: left;
  padding: 5px 25px;
  min-height: 60px;
  margin: 10px 0 0 0;
  border-right: 1px solid #d7d9dc; }
  #nav .navigation-n1 a.mlid-332 {
    background: url(../img/header/pictos.png) no-repeat -8px 1px;
    padding-left: 50px;
    width: 160px; }
    #nav .navigation-n1 a.mlid-332:first-line {
      color: #0B6BA8; }
    #nav .navigation-n1 a.mlid-332.active {
      background: url(../img/header/pictos.png) no-repeat -8px 1px, url(../img/header/chevron.png) no-repeat 110px 42px; }
  #nav .navigation-n1 a.mlid-331 {
    background: url(../img/header/pictos.png) no-repeat -8px -82px;
    padding-left: 50px;
    margin-left: 14px;
    width: 160px; }
    #nav .navigation-n1 a.mlid-331:first-line {
      color: #0B6BA8; }
    #nav .navigation-n1 a.mlid-331.active {
      background: url(../img/header/pictos.png) no-repeat -8px -82px, url(../img/header/chevron.png) no-repeat 90px 42px; }
  #nav .navigation-n1 a.mlid-333 {
    background: url(../img/header/pictos.png) no-repeat -8px -162px;
    padding-left: 55px;
    margin-left: 14px;
    width: 160px; }
    #nav .navigation-n1 a.mlid-333:first-line {
      color: #0B6BA8; }
    #nav .navigation-n1 a.mlid-333.active {
      background: url(../img/header/pictos.png) no-repeat -8px -162px, url(../img/header/chevron.png) no-repeat 90px 42px; }
  #nav .navigation-n1 a.mlid-334 {
    background: url(../img/header/pictos.png) no-repeat -8px -248px;
    margin-left: 14px;
    padding-left: 50px;
    width: 80px; }
    #nav .navigation-n1 a.mlid-334:first-line {
      color: #0B6BA8; }
    #nav .navigation-n1 a.mlid-334.active {
      background: url(../img/header/pictos.png) no-repeat -8px -248px, url(../img/header/chevron.png) no-repeat 50px 42px; }
  #nav .navigation-n1 a.mlid-680 {
    background: url(../img/header/pictos.png) no-repeat -8px 1px;
    padding-left: 45px;
    padding-top: 13px;
    width: 40px;
    color: #000; }
    #nav .navigation-n1 a.mlid-680.active {
      background: url(../img/header/pictos.png) no-repeat -8px 1px, url(../img/header/chevron.png) no-repeat 45px 49px; }
  #nav .navigation-n1 a.mlid-7001 {
    background: url(../img/header/pictos.png) no-repeat -8px 1px;
    padding-left: 45px;
    padding-top: 13px;
    width: 40px;
    color: #000; }
    #nav .navigation-n1 a.mlid-7001.active {
      background: url(../img/header/pictos.png) no-repeat -8px 1px, url(../img/header/chevron.png) no-repeat 45px 49px; }
  #nav .navigation-n1 a.mlid-500 {
    background: url(../img/header/pictos.png) no-repeat -8px -82px;
    padding-left: 45px;
    padding-top: 13px;
    margin-left: 10px;
    width: 180px; }
    #nav .navigation-n1 a.mlid-500.active {
      background: url(../img/header/pictos.png) no-repeat -8px -82px, url(../img/header/chevron.png) no-repeat 90px 49px; }
  #nav .navigation-n1 a.mlid-499 {
    background: url(../img/header/pictos.png) no-repeat -8px -162px;
    padding-left: 50px;
    padding-top: 13px;
    margin-left: 12px;
    width: 200px; }
    #nav .navigation-n1 a.mlid-499.active {
      background: url(../img/header/pictos.png) no-repeat -8px -162px, url(../img/header/chevron.png) no-repeat 120px 49px; }
  #nav .navigation-n1 a.mlid-732 {
    background: url(../img/header/pictos.png) no-repeat -8px -318px;
    padding-left: 42px;
    padding-top: 13px;
    margin-left: 10px;
    width: 175px; }
    #nav .navigation-n1 a.mlid-732.active {
      background: url(../img/header/pictos.png) no-repeat -8px -318px, url(../img/header/chevron.png) no-repeat 90px 49px; }
  #nav .navigation-n1 a:hover {
    color: #0B6BA8; }
  #nav .navigation-n1 a.active {
    color: #0B6BA8; }

#nav .navigation-n1 li.last a {
  border-right: none;
  /*color: $bleu */ }

/* MENU PRINCIPAL NIVEAU 2 ----------------------------------------------------- */
#nav .navigation-n2 {
  background: #202328; }
  #nav .navigation-n2 a {
    /* fix iPad */
    color: #a3a5a8 !important;
    padding: 15px; }
    #nav .navigation-n2 a.active {
      background: #0B6BA8;
      /* fix iPad */
      color: #fff !important; }
    #nav .navigation-n2 a:hover {
      background: #0B6BA8;
      color: #fff !important; }

/* MENU PRINCIPAL NIVEAU 2 BIS ----------------------------------------------------- */
#nav .navigation-n2-bis {
  background: #0B6BA8; }
  #nav .navigation-n2-bis a {
    /* fix iPad */
    /*color: #a3a5a8!important */
    color: #fff;
    padding: 15px; }
    #nav .navigation-n2-bis a.active {
      background: #0B6BA8;
      /* fix iPad */
      color: #fff !important; }
    #nav .navigation-n2-bis a:hover {
      text-decoration: underline; }

#nav .navigation-n2-bis li.first span {
  display: block;
  color: #fff;
  padding: 15px;
  float: left;
  font-weight: bold; }

#nav .navigation-n2-bis ul h2 span {
  display: block;
  color: #fff;
  padding: 15px;
  float: left;
  font-weight: bold;
  font-size: 15px;
  margin-left: 10px; }

/* MENU MOBILE ================================================================= */
#mobile-menu {
  display: none;
  background: #202328;
  color: #fff;
  position: fixed;
  width: 300px;
  overflow: scroll;
  /*height: 100% */
  min-height: 100%;
  top: 0;
  z-index: 1000;
  right: -300px;
  transition: all 0.3s ease;
  /* Formulaire de recherche. */
  /* Menu secondaire. */ }
  #mobile-menu.mobile-open {
    right: 0; }
  #mobile-menu ul, #mobile-menu li {
    margin: 0;
    padding: 0; }
  #mobile-menu a {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 6px 20px;
    color: #b7b7b6;
    margin: 8px 0 4px; }
    #mobile-menu a.n1-active {
      color: #0B6BA8; }
  #mobile-menu ul li ul a {
    text-transform: none;
    font-weight: normal; }
    #mobile-menu ul li ul a.n2-active {
      color: #fff;
      background: #0B6BA8; }
  #mobile-menu .search-form-mobile-wrapper {
    background: #3c3f46;
    padding: 15px 20px 1px; }
    #mobile-menu .search-form-mobile-wrapper .search-form input.form-text-keys {
      width: 210px; }
  #mobile-menu .mobile-menu-footer {
    margin-top: 40px; }
    #mobile-menu .mobile-menu-footer a {
      font-weight: normal; }
      #mobile-menu .mobile-menu-footer a.active {
        color: #fff;
        background: #0B6BA8; }

/* REGIONS DU SITE =============================================================
 *
 * - Header.
 * - Banniere.
 * - Content.
 * - Zone de rebond.
 * - Footer.
 */
/* HEADER ====================================================================== */
#header {
  text-align: center;
  padding: 0 0 3px 0; }
  #header .limiter {
    position: relative; }
  #header #marianne {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 10px; }
    #header #marianne img {
      /*height: 30px;*/ }
  #header #logo img {
    width: 240px;
    max-width: 65%; }
  #header .header-right {
    display: none;
    position: absolute;
    top: 0;
    right: 0; }
    #header .header-right #switch-lang {
      display: block;
      text-align: right;
      padding: 18px 0 12px;
      /*color: #c0bfb8 */
      color: #757575;
      font-size: 11px;
      text-transform: uppercase; }
    #header .header-right #partage-reseau {
      display: block;
      float: right;
      margin-left: 6px; }

@media (min-width: 960px) {
  #header {
    text-align: left;
    padding: 0;
    margin-bottom: 14px; }
    #header .limiter {
      padding: 19px 0 0px; }
    #header #marianne {
      position: static;
      top: 0px;
      left: 0; }
      #header #marianne img {
        height: auto; }
    #header #logo {
      margin-left: 24px; }
      #header #logo img {
        width: auto;
        max-width: none; }
    #header .header-right {
      display: block; }
  #mobile-menu-trigger {
    display: none; } }

/* BANNIERE ------------------------------------------------------------------- */
#banniere {
  padding: 40px 0; }
  #banniere.banniere-avec-image {
    min-height: 200px; }
  #banniere.banniere-avec-image.banniere-action {
    min-height: 0; }
  #banniere.banniere-image-full {
    background-size: cover;
    background-position: center center; }
  #banniere .field-name-field-description {
    margin: 0 auto 0; }
  #banniere.style-default, #banniere.style-default-gris {
    padding-bottom: 0; }

.page-node-2179 #banniere.banniere-avec-image {
  min-height: 120px; }

@media screen and (max-width: 960px) {
  #banniere.style-default {
    margin-top: 8px; } }

@media (min-width: 960px) {
  #banniere.banniere-avec-image {
    min-height: 400px;
    background-repeat: no-repeat; }
  #banniere .field-name-field-description {
    width: 760px; }
  .page-node-2179 #banniere.banniere-avec-image {
    min-height: 400px; } }

/* CONTENT ===================================================================== */
#mobile-menu-trigger {
  position: absolute;
  top: 0px;
  right: 14px;
  z-index: 10;
  border: none;
  background-color: transparent;
}

#content {
  position: relative;
  padding: 40px 0; }

/* ZONE DE REBOND ============================================================== */
#zone-de-rebond {
  padding: 40px 0 20px; }
  #zone-de-rebond .node-action.node-teaser {
    margin-bottom: 30px; }

@media (min-width: 465px) {
  #zone-de-rebond .limiter {
    width: 465px;
    margin: 0 auto; } }

@media (min-width: 960px) {
  #zone-de-rebond .limiter {
    width: 960px;
    max-width: none; }
  #zone-de-rebond .actions-count-1 .node-action.node-teaser {
    width: 960px;
    min-height: 260px; }
    #zone-de-rebond .actions-count-1 .node-action.node-teaser .node-teaser-illustration {
      float: left; }
      #zone-de-rebond .actions-count-1 .node-action.node-teaser .node-teaser-illustration a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
  #zone-de-rebond .actions-count-3 .node-action.node-teaser {
    min-height: 275px;
    width: 300px;
    margin-right: 30px; }
    #zone-de-rebond .actions-count-3 .node-action.node-teaser.node-zebra-even.node-last, #zone-de-rebond .actions-count-3 .node-action.node-teaser.node-last {
      margin-right: 0; }
    #zone-de-rebond .actions-count-3 .node-action.node-teaser .node-teaser-illustration img {
      width: 300px; }
    #zone-de-rebond .actions-count-3 .node-action.node-teaser:hover .action-calque {
      width: 300px;
      min-height: 168px; }
    #zone-de-rebond .actions-count-3 .node-action.node-teaser .node-content {
      min-height: 145px;
      padding: 20px 30px; } }

/* FOOTER ====================================================================== */
/*#footer {
  background: $noir;
  color: #9e9d9a;
  font-family: $georgia;

  .item-list h2 {
    display: none;
  }

  li a {
    font-family: $openSans;
  }

  .zone-newsletter-wrapper {
    padding: 25px 0 10px;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
  }

  .zone-newsletter-spacer {
    max-width: 460px;
    margin: 0 auto 15px;
    border-top: 1px solid #fff;
  }

  .footer-left {
    max-width: 460px;
    margin: 0 auto;

    .footer-logo {
      display: block;
      margin-bottom: 5px;
      padding: 15px 0;
    }

    .footer-slogan {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 25px;
    }

    .footer-creative-commons {
      font-size: 14px;
      line-height: 24px;
      font-style: italic;
      margin-bottom: 25px;
    }
  }

  .menu-footer a,
  .footer-main-menu a,
  .footer-main-menu-en a {
    display: block;
    color: #b5b5b5;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 0;
  }

  .footer-main-menu-en {
    display: none;

    li {
      display: block;
      float: left;
      width: 300px;
      margin-left: 30px;
      margin-bottom: 20px;

      .item-list {
        !*height: 220px *!
        min-height: 220px;
      }

      li {
        display: inline;
        float: none;
        width: auto;
        margin: 0;

        &.last a {
          border-bottom: 1px solid #313438;
        }

        &.first a {
          margin-top: 10px;
        }

        a {
          padding: 8px 0 8px 20px;
          text-transform: none;
          position: relative;
          border-top: 1px solid #313438;
          font-weight: normal;
          font-family: $georgia;
          color: #9e9d9a;
        }
      }
    }
  }

  .footer-main-menu {
    display: none;

    li {
      display: block;
      float: left;
      width: 300px;
      margin-left: 30px;
      margin-bottom: 10px;

      .item-list {
        !*height: 150px *!
        min-height: 200px;
      }

      li {
        display: inline;
        float: none;
        width: auto;
        margin: 0;

        &.last a {
          border-bottom: 1px solid #313438;
        }

        &.first a {
          margin-top: 10px;
        }

        a {
          padding: 8px 0 8px 20px;
          text-transform: none;
          position: relative;
          border-top: 1px solid #313438;
          font-weight: normal;
          font-family: $georgia;
          color: #9e9d9a;
        }
      }
    }
  }

  .sites-publics {
    display: none;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 12px;

    h2 {
      font-size: 12px;
      font-family: $openSans;
      color: #b7b7b6;
      text-transform: uppercase;
      padding: 3px 5px 3px 0;
      font-weight: normal;
    }

    a {
      display: block;
      padding: 3px 15px;
      color: #777674;
    }
  }

  .presence {
    margin: 0 6px 20px 0;
  }

  .footer-en {
    padding: 40px 0;
    text-align: center;
  }
}*/
@media (min-width: 580px) {
  /*#footer {
    .zone-newsletter-wrapper {
      width: 60%;
    }
  }*/ }

@media (min-width: 960px) {
  /* #footer {
    text-align: left;

    .item-list h2 {
      float: right;
      width: 630px;
      padding-bottom: 8px;
      padding-top: 16px;
      margin-bottom: 10px;
      border-bottom: 1px solid #313438;
      font-size: 14px;
      color: #8d8c89;
      display: block;
      font-family: $openSans;
    }

    .zone-newsletter-wrapper {
      padding: 25px 0;
      width: 73%;

      .zone-newsletter {
        width: 745px;
        margin: 0 auto;
      }
    }

    .zone-newsletter-spacer {
      width: 55%;
    }

    .footer-main-menu,
    .footer-main-menu-en {
      display: block;
    }

    .footer-left {
      float: left;
      width: 300px;
      min-height: 380px;
    }

    .sites-publics {
      display: block;
      margin-left: 330px;
      clear: both;

      h2, ul.links, li {
        float: left;
      }

      a {
        float: left;
        border-left: 1px solid #313438;
      }

      .first a {
        border-left: none;
      }
    }
  }*/ }

/**
 * ELEMENTS STANDARDS ==========================================================
 *
 * - Liens et images.
 * - Boutons.
 * - Icones.
 */
/* LIENS ET IMAGES ------------------------------------------------------------- */
a {
  color: #0B6BA8;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

img {
  max-width: 100%; }

@media (min-width: 960px) {
  img {
    max-width: none; }
  .limiter {
    width: 960px;
    margin: 0 auto; } }

/* BOUTONS ===================================================================== */
.bouton {
  margin: 7px;
  position: relative;
  border-radius: 15px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 7px 15px;
  color: #fff;
  background: #0B6BA8;
  overflow: hidden;
  display: block;
  display: inline-block;
  padding-left: 35px;
  /* Boutons avec de larges icones */ }
  .bouton .icone {
    position: absolute;
    display: block;
    top: 0;
    left: 5px; }
  .bouton.bouton-sans-texte, .bouton.bouton-partage-mail.bouton-sans-texte {
    margin: 5px;
    /* height: 18px */
    min-height: 18px;
    width: 5px;
    padding: 8px 15px;
    border-radius: 17px; }
    .bouton.bouton-sans-texte .icone, .bouton.bouton-partage-mail.bouton-sans-texte .icone {
      left: 2px;
      top: 2px; }
  .bouton.sans-icone {
    padding-left: 15px; }
  .bouton.bouton-load-more, .bouton.call {
    font-family: Georgia, serif;
    font-size: 16px;
    text-transform: none;
    padding: 12px 35px;
    border-radius: 20px; }
  .bouton:hover {
    text-decoration: none !important;
    background: #0a6199; }
  .bouton.bouton-imprimer, .bouton.bouton-partage-mail {
    padding-left: 40px; }
  .bouton.bouton-imprimer {
    background: #757575;
    display: none;
    position: absolute;
    top: 15px;
    right: 20px; }
    .bouton.bouton-imprimer:hover {
      background: #202328; }
  .bouton.bouton-filtre {
    padding: 12px 20px;
    padding-left: 50px;
    border-radius: 20px;
    font-size: 14px; }
    .bouton.bouton-filtre.sans-icone {
      padding-left: 20px; }
    .bouton.bouton-filtre .icone {
      top: 5px;
      left: 10px; }
  .bouton.bouton-partage, .bouton.bouton-follow, .bouton.bouton-tumblr {
    background: #757575;
    line-height: 18px;
    font-family: "Open Sans", Arial, Sans-Serif;
    margin: 5px;
    /* height: 18px */
    min-height: 18px;
    /*width: 5px */
    padding: 7px 15px;
    border-radius: 17px; }
    .bouton.bouton-partage .icone, .bouton.bouton-follow .icone, .bouton.bouton-tumblr .icone {
      /*left: 2px */
      left: 0;
      top: 1px; }
    .bouton.bouton-partage .bouton-texte, .bouton.bouton-follow .bouton-texte, .bouton.bouton-tumblr .bouton-texte {
      display: none; }
    .bouton.bouton-partage.bouton-partage-facebook:hover, .bouton.bouton-follow.bouton-partage-facebook:hover, .bouton.bouton-tumblr.bouton-partage-facebook:hover {
      background: #4466ae; }
    .bouton.bouton-partage.bouton-partage-twitter:hover, .bouton.bouton-partage.bouton-follow:hover, .bouton.bouton-follow.bouton-partage-twitter:hover, .bouton.bouton-follow.bouton-follow:hover, .bouton.bouton-tumblr.bouton-partage-twitter:hover, .bouton.bouton-tumblr.bouton-follow:hover {
      background: #54c5f9; }
    .bouton.bouton-partage.bouton-partage-mail:hover, .bouton.bouton-follow.bouton-partage-mail:hover, .bouton.bouton-tumblr.bouton-partage-mail:hover {
      background: #b14312; }
  .bouton.bouton-partage-disabled,
  .sans-texte .bouton.bouton-partage-disabled-twitter,
  .sans-texte .bouton.bouton-partage-disabled-facebook {
    padding-left: 35px !important;
    width: auto !important; }

@media (min-width: 960px) {
  .bouton.bouton-partage, .bouton.bouton-follow-accueil, .bouton.bouton-tumblr-accueil {
    margin: 7px;
    width: auto;
    height: auto;
    border-radius: 15px;
    padding: 7px 15px; }
  .bouton.bouton-partage, .bouton.bouton-follow, .bouton.bouton-tumblr {
    padding-left: 35px; }
    .bouton.bouton-partage .bouton-texte, .bouton.bouton-follow .bouton-texte, .bouton.bouton-tumblr .bouton-texte {
      display: inline; }
    .bouton.bouton-partage .icone, .bouton.bouton-follow .icone, .bouton.bouton-tumblr .icone {
      left: 4px;
      top: 0px; } }

/* BOUTONS : STYLES SPECIAUX --------------------------------------------------- */
.style-noir .bouton {
  background: #202328; }
  .style-noir .bouton:hover {
    background: #191b1f; }

.style-bleu .bouton.call {
  background: #052e48; }
  .style-bleu .bouton.call:hover {
    background: #042940; }

.bouton-bleu {
  background: #0B6BA8 !important; }
  .bouton-bleu:hover {
    background: #0a6199 !important; }

.bouton-noir {
  background: #202328 !important; }

.bouton.bouton-vert {
  background: #5d7c4a !important; }
  .bouton.bouton-vert:hover {
    background: #506f3d !important; }

/* BOUTONS : CONTENEURS -------------------------------------------------------- */
.boutons-partage.sans-texte .bouton.bouton-partage, .boutons-partage.sans-texte .bouton.bouton-follow, .boutons-partage.sans-texte .bouton.bouton-tumblr, .boutons-partage.sans-texte .bouton.bouton-follow-accueil, .boutons-partage.sans-texte .bouton.bouton-tumblr-accueil {
  margin: 5px;
  /* height: 18px */
  min-height: 18px;
  width: 5px;
  padding: 8px 15px;
  border-radius: 17px; }
  .boutons-partage.sans-texte .bouton.bouton-partage .bouton-texte, .boutons-partage.sans-texte .bouton.bouton-follow .bouton-texte, .boutons-partage.sans-texte .bouton.bouton-tumblr .bouton-texte, .boutons-partage.sans-texte .bouton.bouton-follow-accueil .bouton-texte, .boutons-partage.sans-texte .bouton.bouton-tumblr-accueil .bouton-texte {
    display: none; }
  .boutons-partage.sans-texte .bouton.bouton-partage .icone, .boutons-partage.sans-texte .bouton.bouton-follow .icone, .boutons-partage.sans-texte .bouton.bouton-tumblr .icone, .boutons-partage.sans-texte .bouton.bouton-follow-accueil .icone, .boutons-partage.sans-texte .bouton.bouton-tumblr-accueil .icone {
    left: 2px;
    top: 2px; }

/* Permet d'isoler un peu un bouton */
.bouton-wrapper {
  text-align: center;
  padding: 20px 0 0;
  clear: both; }

/* A l interier d une colorbox, les boutons doivent etre "allumes" par defaut. */
#cboxWrapper .bouton.bouton-partage-facebook {
  background: #4466ae; }

#cboxWrapper .bouton.bouton-partage-twitter, #cboxWrapper .bouton.bouton-follow:hover {
  background: #54c5f9; }

#cboxWrapper .bouton.bouton-partage-mail {
  background: #b14312; }

/* ICONES ====================================================================== */
.iconeheader {
  display: block;
  display: inline-block;
  overflow: hidden;
  width: 40px;
  /*height: 40px */
  min-height: 40px;
  overflow: hidden;
  background-image: url("../img/header/pictos.png");
  text-indent: -9999em;
  /* réseau sociaux */ }
  .iconeheader.icone-presence-twitter {
    background-position: -5px -445px; }
    .iconeheader.icone-presence-twitter:hover {
      background-position: -5px -395px; }
  .iconeheader.icone-presence-facebook {
    background-position: -50px -445px; }
    .iconeheader.icone-presence-facebook:hover {
      background-position: -50px -395px; }
  .iconeheader.icone-presence-tumblr {
    background-position: -97px -445px; }
    .iconeheader.icone-presence-tumblr:hover {
      background-position: -97px -395px; }
  .iconeheader.icone-presence-instagram {
    background-position: -97px -445px; }
    .iconeheader.icone-presence-instagram:hover {
      background-position: -97px -395px; }

.icone, .bouton-partage:before {
  display: block;
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background-image: url("../img/icone-sprite2.png");
  text-indent: -9999em; }

.icone {
  /* Documents */
  /* Médias */ }
  .icone.icone-imprimer {
    background-position: 0 0; }
  .icone.icone-fermer {
    width: 40px;
    /* height: 40px */
    min-height: 40px;
    background-position: 0 -180px; }
  .icone.icone-lieu {
    background-position: -90px -30px; }
  .icone.icone-chevron-toggle {
    background-position: 0 -90px; }
    .icone.icone-chevron-toggle.active {
      background-position: -30px -90px; }
  .icone.icone-chevron-onglet {
    background-position: -60px -90px; }
    .icone.icone-chevron-onglet.active {
      background-position: -90px -90px; }
  .icone.git {
    background-position: -40px -60px;
    width: 20px;
    left: 0;
    position: absolute; }
  .icone.icone-chevron {
    background-position: -100px -60px; }
  .icone.icone-chevron-bleu {
    background-position: -10px -60px; }
  .icone.icone-partage-twitter {
    background-position: -30px 2px; }
  .icone.icone-partage-facebook {
    background-position: -60px 2px; }
  .icone.icone-partage-mail {
    background-position: -90px 0; }
  .icone.icone-partage-tumblr {
    background-position: -120px 0; }
  .icone.icone-telecharger {
    background-position: -60px -30px; }
  .icone.icone-liseuse {
    background-position: -150px -34px; }
  .icone.icone-filtre-video {
    background-position: -90px -150px; }
  .icone.icone-filtre-photo {
    background-position: -120px -150px; }
  .icone.icone-filtre-rapport {
    background-position: 0 -120px; }
  .icone.icone-filtre-intervention {
    background-position: -30px -120px; }
  .icone.icone-filtre-communique {
    background-position: -60px -120px; }
  .icone.icone-filtre-dossier-de-presse {
    background-position: -90px -120px; }
  .icone.icone-filtre-note-aux-redactions {
    background-position: -120px -120px; }
  .icone.icone-media, .icone.icone-video, .icone.icone-dmcloud-video, .icone.icone-galerie-video {
    background-position: -30px -150px; }
  .icone.icone-galerie {
    background-position: 0 -150px; }
  .icone.icone-presence-twitter {
    background-position: -50px -340px; }
    .icone.icone-presence-twitter:hover {
      background-position: -50px -390px; }
  .icone.icone-presence-facebook {
    background-position: 0 -340px; }
    .icone.icone-presence-facebook:hover {
      background-position: 0 -390px; }
  .icone.icone-presence-googleplus {
    background-position: -150px -340px; }
    .icone.icone-presence-googleplus:hover {
      background-position: -150px -390px; }
  .icone.icone-presence-tumblr {
    background-position: -100px -340px; }
    .icone.icone-presence-tumblr:hover {
      background-position: -100px -390px; }
  .icone.icone-presence-instagram {
    background-image: url("../img/icone-sprite.png");
    background-position: -100px -340px; }
    .icone.icone-presence-instagram:hover {
      background-position: -100px -390px; }
  .icone.icone-presence-rss {
    background-image: url("../img/icone-sprite2.png");
    background-position: -200px -338px; }
    .icone.icone-presence-rss:hover {
      background-position: -200px -388px; }
  .icone.icone-madmin {
    background-position: 0 -90px; }
    .icone.icone-madmin.icone-madmin-open {
      background-position: -30px -90px; }
  .icone.icone-action {
    background-position: -30px -30px; }
  .icone.icone-grande-action, .icone.icone-timeline-action {
    background-position: 0 -30px; }
  .icone.icone-timeline-galerie {
    background-position: 0 -150px; }
  .icone.icone-timeline-video {
    background-position: -30px -150px; }
  .icone.icone-timeline-actualite {
    background-position: -150px -150px; }
  .icone.icone-timeline-communique {
    background-position: -60px -150px; }
  .icone.icone-timeline-urgent {
    background-position: -60px -150px; }

.bouton-partage:before {
  position: absolute;
  left: 5px;
  top: 1px;
  display: block; }
  .sans-texte .bouton-partage:before {
    left: 2px;
    top: 2px; }

.bouton-partage-twitter:before,
.bouton-partage-facebook:before,
.bouton-partage-mail:before,
.bouton-partage-tumblr:before {
  content: ''; }

.bouton-partage-twitter .icone,
.bouton-partage-facebook .icone,
.bouton-partage-mail .icone,
.bouton-partage-tumblr .icone {
  visibility: hidden; }

.bouton-partage-twitter:before {
  background-position: -30px 2px; }

.bouton-partage-facebook:before {
  background-position: -60px 1px; }

.bouton-partage-mail:before {
  background-position: -90px 1px; }

.bouton-partage-tumblr:before {
  background-position: -120px 0; }

:not(.bouton-partage-tw-wrapper) > .bouton-partage-twitter, :not(.bouton-partage-tw-wrapper) > .bouton-partage-twitter + .bouton-partage-mail, :not(.bouton-partage-tw-wrapper) > .bouton-partage-twitter + statgvt,
:not(.bouton-partage-fb-wrapper) > .bouton-partage-facebook,
:not(.bouton-partage-fb-wrapper) > .bouton-partage-facebook + .bouton-partage-mail,
:not(.bouton-partage-fb-wrapper) > .bouton-partage-facebook + statgvt {
  display: none; }

/* ICONES : FILTRES ------------------------------------------------------------ */
.filtres .icone.icone-chevron-toggle {
  background-position: -120px -90px; }
  .filtres .icone.icone-chevron-toggle.active {
    background-position: -150px -90px; }

.style-noir .filtres .icone.icone-chevron-toggle {
  background-position: -30px -90px; }
  .style-noir .filtres .icone.icone-chevron-toggle.active {
    background-position: 0 -90px; }

/* ICONES : STYLES PARTICULIERS ------------------------------------------------ */
.banniere-style-bleu .icone.icone-chevron,
.style-bleu .icone.icone-chevron {
  background-position: -40px -60px; }

/* PROSE : ZONES DE TEXTE RICHE ================================================ */
.video-wrapper {
  height: 0;
  padding-bottom: 53%;
  padding-top: 28px;
  position: relative; }
  .video-wrapper iframe {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute; }

.node-type-seav .field-item,
.node-type-risques .field-item,
.field.prose .field-item,
.cke_editable,
.prose {
  font-size: 20px;
  color: #3A3A3A;
  font-family: Georgia, serif;
  line-height: 30px;
  /* Pas d'héritage. */ }
  .node-type-seav .field-item h2,
  .node-type-risques .field-item h2,
  .field.prose .field-item h2,
  .cke_editable h2,
  .prose h2 {
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Sans-Serif;
    color: #202328;
    font-size: 20px;
    margin: 15px 0 5px;
    color: #0B6BA8;
    font-size: 21px; }
  .node-type-seav .field-item hr,
  .node-type-risques .field-item hr,
  .field.prose .field-item hr,
  .cke_editable hr,
  .prose hr {
    border: none;
    border-top: 1px solid #c4c6c5; }
  .node-type-seav .field-item p,
  .node-type-risques .field-item p,
  .field.prose .field-item p,
  .cke_editable p,
  .prose p {
    margin-bottom: 1em; }
  .node-type-seav .field-item ul, .node-type-seav .field-item ol,
  .node-type-risques .field-item ul,
  .node-type-risques .field-item ol,
  .field.prose .field-item ul,
  .field.prose .field-item ol,
  .cke_editable ul,
  .cke_editable ol,
  .prose ul,
  .prose ol {
    padding: 0 0 0 40px;
    margin: 0 0 1em 0; }
  .node-type-seav .field-item ul, .node-type-seav .field-item ul li,
  .node-type-risques .field-item ul,
  .node-type-risques .field-item ul li,
  .field.prose .field-item ul,
  .field.prose .field-item ul li,
  .cke_editable ul,
  .cke_editable ul li,
  .prose ul,
  .prose ul li {
    list-style-type: disc; }
  .node-type-seav .field-item ol, .node-type-seav .field-item ol li,
  .node-type-risques .field-item ol,
  .node-type-risques .field-item ol li,
  .field.prose .field-item ol,
  .field.prose .field-item ol li,
  .cke_editable ol,
  .cke_editable ol li,
  .prose ol,
  .prose ol li {
    list-style-type: decimal; }
  .node-type-seav .field-item a,
  .node-type-risques .field-item a,
  .field.prose .field-item a,
  .cke_editable a,
  .prose a {
    text-decoration: underline; }
    .node-type-seav .field-item a:hover,
    .node-type-risques .field-item a:hover,
    .field.prose .field-item a:hover,
    .cke_editable a:hover,
    .prose a:hover {
      text-decoration: none; }
    .node-type-seav .field-item a.bouton, .node-type-seav .field-item a.download-link,
    .node-type-risques .field-item a.bouton,
    .node-type-risques .field-item a.download-link,
    .field.prose .field-item a.bouton,
    .field.prose .field-item a.download-link,
    .cke_editable a.bouton,
    .cke_editable a.download-link,
    .prose a.bouton,
    .prose a.download-link {
      text-decoration: none; }
  .node-type-seav .field-item .field-item,
  .node-type-risques .field-item .field-item,
  .field.prose .field-item .field-item,
  .cke_editable .field-item,
  .prose .field-item {
    padding-bottom: 0; }

.field-name-field-action-contexte h2, .field-name-field-texte h2 {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 26px;
  padding: 30px 35px 30px 0;
  position: relative;
  font-family: "Open Sans", Arial, Sans-Serif;
  color: #202328; }
  .field-name-field-action-contexte h2 .toggle, .field-name-field-texte h2 .toggle {
    position: absolute;
    top: 25px;
    right: 0; }

@media (min-width: 960px) {
  /* Images d'illustration dans les zones de texte riche ----------------------- */
  .image-illustration {
    clear: both; }
    .image-illustration.image-illustration-centre {
      text-align: center;
      margin: 0 auto;
      display: block; }
    .image-illustration.image-illustration-droite {
      float: right;
      margin: 6px 0 5px 30px; }
    .image-illustration.image-illustration-gauche {
      float: left;
      margin: 6px 30px 5px 0; }
    .image-illustration.image-plein-cadre, .image-illustration.image-960xauto {
      position: relative;
      left: -120px;
      width: 960px; } }

/* FIELDS ====================================================================== */
.field,
.webform-client-form {
  padding: 30px 20px 15px;
  /* Pas d'héritage. */ }
  .field .field,
  .webform-client-form .field {
    padding: 0; }

@media (min-width: 960px) {
  .field,
  .webform-client-form {
    padding: 10px 120px 40px; }
    .field.closed,
    .webform-client-form.closed {
      padding-bottom: 10px; }
    .field.fog-actif,
    .webform-client-form.fog-actif {
      height: 650px;
      overflow: hidden; } }

/* Fields sans marge. */
.field.field-name-field-image, .field.field-name-field-affiche, .field.field.field-name-field-media-url, .field.field.field-name-field-dmcloud-video, .field.field.field-name-field-dm-video, .field.field.field-name-field-galerie-video {
  padding: 0;
  margin: 0; }

/* FIELD TOGGLE ---------------------------------------------------------------- */
/* Mécanisme de "fermeture / ouverture" des champs avec label. */
.js .field.closed {
  height: auto; }
  .js .field.closed .field-items,
  .js .field.closed .pmv6-fog {
    display: none; }

/* FIELD LABEL ----------------------------------------------------------------- */
.field-label {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 26px;
  padding: 30px 35px 30px 0;
  position: relative;
  font-family: "Open Sans", Arial, Sans-Serif;
  color: #202328; }
  .field-label .toggle {
    position: absolute;
    top: 25px;
    right: 0; }

/* Lorsqu'il  y a un label, afficher une barre de séparation. */
.field.field-label-above .field-items {
  border-top: 3px solid #202328;
  padding-top: 25px;
  /* Pas d'héritage. */ }
  .field.field-label-above .field-items .field .field-items {
    border-top: none;
    padding-top: 0; }

/* FIELDS FOG ------------------------------------------------------------------ */
/* Fields dont le contenu masqué en dégradé. */
.field-fog {
  position: relative; }
  .field-fog .pmv6-fog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*height: 175px */
    min-height: 175px;
    background: transparent url(../img/fog.png) top left repeat-x; }
    .field-fog .pmv6-fog a {
      color: #0B6BA8;
      font-family: Georgia, serif;
      font-size: 20px;
      position: absolute;
      bottom: 30px;
      left: 20px;
      text-decoration: none; }

@media (min-width: 960px) {
  .field-fog .pmv6-fog a {
    left: 120px; } }

/* ENTETES : TITRE ET CHAPOS =================================================== */
/* Style par défaut : fond gris. */
.field {
  /* Chapo ou introduction. */
  /* Boutons de partage. */
  /* Séparateur. */ }
  .field.titre-zone-spm {
    padding-top: 40px; }
  .field.titre-zone, .field.titre-zone-spm {
    text-align: center;
    padding-bottom: 30px; }
    .field.titre-zone .titre-texte, .field.titre-zone-spm .titre-texte {
      color: #202328;
      font-weight: 200;
      font-size: 24px;
      line-height: 33px;
      text-transform: uppercase;
      margin: 20px 0; }
      .field.titre-zone .titre-texte a, .field.titre-zone-spm .titre-texte a {
        color: #202328; }
        .field.titre-zone .titre-texte a:hover, .field.titre-zone-spm .titre-texte a:hover {
          text-decoration: none; }
    .field.titre-zone .titre-zone-separateur,
    .field.titre-zone .titre-zone-separateur.haut, .field.titre-zone-spm .titre-zone-separateur,
    .field.titre-zone-spm .titre-zone-separateur.haut {
      width: 70px;
      border-bottom: 1px solid #cccecf;
      margin: 0 auto; }
    .field.titre-zone .entete-publish, .field.titre-zone-spm .entete-publish {
      background-color: #dedede;
      font-size: 14px;
      padding: 2px 0; }
    .field.titre-zone .entete-surtitre, .field.titre-zone-spm .entete-surtitre {
      font-family: Georgia, serif;
      font-size: 20px;
      font-style: italic;
      margin-bottom: 10px;
      color: #71716e; }
      .field.titre-zone .entete-surtitre a, .field.titre-zone-spm .entete-surtitre a {
        color: #71716e; }
    .field.titre-zone .entete-soustitre, .field.titre-zone-spm .entete-soustitre {
      font-size: 18px;
      font-family: Georgia, serif;
      font-style: italic;
      margin-top: 20px;
      color: #71716e; }
      .field.titre-zone .entete-soustitre .lien-ministre, .field.titre-zone-spm .entete-soustitre .lien-ministre {
        color: #71716e; }
  .field.field-name-field-description .field-item {
    text-align: center;
    font-family: Georgia, serif;
    font-size: 26px;
    line-height: 34px; }
  .field.field-name-field-partage {
    padding-bottom: 10px; }
  .field .boutons-partage {
    text-align: center; }
  .field.field-separateur {
    /* Affiché uniquement en style "default". */
    display: none; }

/* STYLES ENCADRES ------------------------------------------------------------- */
.style-default .content .field.titre-zone-spm,
.style-default-gris .content .field.titre-zone-spm {
  background: none; }

.style-default .content .field.field-separateur,
.style-default-gris .content .field.field-separateur {
  display: block;
  line-height: 0;
  padding-bottom: 10px; }
  .style-default .content .field.field-separateur .entete-separateur,
  .style-default-gris .content .field.field-separateur .entete-separateur {
    border-bottom: 1px solid #d1d0cb;
    margin: 5px auto; }

.style-default .content .field.titre-zone,
.style-default-gris .content .field.titre-zone {
  padding-top: 50px;
  padding-bottom: 10px; }
  .style-default .content .field.titre-zone .titre-texte,
  .style-default-gris .content .field.titre-zone .titre-texte {
    font-weight: bold;
    text-transform: none;
    margin: 0 0 30px 0;
    line-height: 47px;
    font-size: 40px; }
  .style-default .content .field.titre-zone .titre-zone-separateur.haut,
  .style-default-gris .content .field.titre-zone .titre-zone-separateur.haut {
    display: none; }
  .style-default .content .field.titre-zone .titre-zone-separateur,
  .style-default-gris .content .field.titre-zone .titre-zone-separateur {
    border-bottom: 3px solid #202328; }

@media (min-width: 960px) {
  .style-default .content .field.titre-zone .bouton.bouton-imprimer,
  .style-default-gris .content .field.titre-zone .bouton.bouton-imprimer {
    display: block; }
  .style-default .content .field.field-separateur .entete-separateur,
  .style-default-gris .content .field.field-separateur .entete-separateur {
    width: 720px; }
  .style-default .content .field.titre-zone,
  .style-default-gris .content .field.titre-zone {
    position: relative;
    padding: 50px 120px 10px; } }

/* STYLES NOIRS ET BLEUS ------------------------------------------------------- */
.style-noir .field.titre-zone .titre-texte,
.style-noir .field.titre-zone .titre-texte a,
.style-noir .field.titre-zone .entete-surtitre,
.style-noir .field-name-field-description .field-item, .style-bleu .field.titre-zone .titre-texte,
.style-bleu .field.titre-zone .titre-texte a,
.style-bleu .field.titre-zone .entete-surtitre,
.style-bleu .field-name-field-description .field-item {
  color: #fff; }

.style-noir .titre-zone-separateur, .style-bleu .titre-zone-separateur {
  border-color: #85888d; }

.style-bleu-ciel .field.titre-zone .titre-texte,
.style-bleu-ciel .field.titre-zone .titre-texte a,
.style-bleu-ciel .field.titre-zone .entete-surtitre {
  color: #0B6BA8; }

.style-bleu-ciel .titre-zone .titre-zone-separateur,
.style-bleu-ciel .titre-zone .titre-zone-separateur.haut {
  border-color: #0B6BA8; }

/* FICHES ENTITES ==============================================================
 *
 * - Thématiques et enjeux.
 * - Actions.
 * - Ministres.
 * - Espaces dédiés (SPM).
 * - Comptes-rendus du conseil des ministres (CRCM).
 */
/* FICHES THEMATIQUES ET ENJEUX ================================================ */
/* Affichage des actions sur les pages enjeux et thématiques. */
.page-term-enjeu .node-action,
.page-term-thematique .node-action {
  max-width: 465px;
  margin: 0 auto 30px; }

.page-enjeu .field-item .node-teaser.node-action {
  background: #fff; }

.taxonomy-term.vocabulary-thematique .field-name-field-ref-enjeu {
  margin-bottom: 30px; }

@media (min-width: 960px) {
  .page-term-enjeu .node-action {
    max-width: none; } }

/* BANNIERES ENJEUX ET ACTIONS ------------------------------------------------- */
#banniere.banniere-action {
  background-color: #202328;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 55px 0; }
  #banniere.banniere-action .limiter {
    position: relative; }
    #banniere.banniere-action .limiter .thematique-titre,
    #banniere.banniere-action .limiter .enjeu-titre {
      text-align: center;
      font-size: 22px;
      line-height: 28px;
      margin: 0 45px; }
    #banniere.banniere-action .limiter .bouton {
      display: none; }
    #banniere.banniere-action .limiter .enjeu-surtitre {
      font-weight: normal;
      text-align: center; }
      #banniere.banniere-action .limiter .enjeu-surtitre a {
        display: block;
        font-size: 14px;
        line-height: 18px;
        padding: 0;
        color: #fff;
        margin: 0 40px; }
    #banniere.banniere-action .limiter .banniere-fleche {
      position: absolute;
      display: block;
      width: 56px;
      /*height: 56px */
      min-height: 56px;
      text-indent: -9999em;
      overflow: hidden;
      background: url("../img/icone-sprite.png") no-repeat -90px -200px;
      top: 50%;
      margin-top: -20px; }
      #banniere.banniere-action .limiter .banniere-fleche.banniere-fleche-next {
        right: 0;
        background-position: -150px -200px; }
      #banniere.banniere-action .limiter .banniere-fleche.banniere-fleche-prev {
        left: 0; }
    #banniere.banniere-action .limiter .banniere-titre-flottant {
      display: none; }

@media (min-width: 960px) {
  #banniere.banniere-action .limiter {
    min-height: 400px; }
    #banniere.banniere-action .limiter .thematique-titre,
    #banniere.banniere-action .limiter .enjeu-titre {
      font-size: 62px;
      line-height: 68px;
      margin: 0 auto;
      padding: 140px 0 100px;
      width: 550px; }
    #banniere.banniere-action .limiter .enjeu-titre {
      padding: 60px 0 40px; }
    #banniere.banniere-action .limiter .enjeu-surtitre a {
      font-size: 24px;
      line-height: 33px;
      padding: 20px 0; }
    #banniere.banniere-action .limiter .bouton {
      display: block;
      position: absolute;
      bottom: -20px;
      right: 0;
      font-weight: normal; }
    #banniere.banniere-action .limiter .enjeu-surtitre-separateur {
      border-bottom: 1px solid #fff;
      width: 80px;
      margin: 0 auto; }
    #banniere.banniere-action .limiter .banniere-fleche {
      top: 140px; }
      #banniere.banniere-action .limiter .banniere-fleche.banniere-fleche-next {
        right: -40px; }
      #banniere.banniere-action .limiter .banniere-fleche.banniere-fleche-prev {
        left: -40px; }
    #banniere.banniere-action .limiter .banniere-titre-flottant {
      position: absolute;
      width: 150px;
      display: block;
      top: 210px;
      color: #fff; }
      #banniere.banniere-action .limiter .banniere-titre-flottant.banniere-titre-flottant-prev {
        left: -150px;
        text-align: right; }
      #banniere.banniere-action .limiter .banniere-titre-flottant.banniere-titre-flottant-next {
        right: -150px;
        text-align: left; }
    #banniere.banniere-action .limiter .thematique-titres li {
      position: absolute;
      width: 150px;
      /*height: 50px */
      min-height: 50px; }
      #banniere.banniere-action .limiter .thematique-titres li a {
        display: block;
        color: #fff; }
      #banniere.banniere-action .limiter .thematique-titres li.odd {
        left: -150px;
        text-align: right; }
      #banniere.banniere-action .limiter .thematique-titres li.even {
        right: -150px;
        text-align: left; }
      #banniere.banniere-action .limiter .thematique-titres li.thematique-titre-1, #banniere.banniere-action .limiter .thematique-titres li.thematique-titre-2 {
        top: 200px; }
      #banniere.banniere-action .limiter .thematique-titres li.thematique-titre-3, #banniere.banniere-action .limiter .thematique-titres li.thematique-titre-4 {
        top: 250px; }
      #banniere.banniere-action .limiter .thematique-titres li.thematique-titre-5, #banniere.banniere-action .limiter .thematique-titres li.thematique-titre-6 {
        top: 300px; } }

/* ACTION ====================================================================== */
/* FICHE ACTION : PAGE DEDIEE -------------------------------------------------- */
/* Blocs autonomes de fiches actions. */
.node-action .field-name-field-action-contexte,
.node-action .field-name-field-action-actualite,
.node-action .field-name-field-action-resultat,
.node-action .field-name-field-ref-affiche,
.node-action .field-name-field-lien,
.node-action #field-agenda-file {
  margin-top: 30px; }
  .node-action .field-name-field-action-contexte .field,
  .node-action .field-name-field-action-actualite .field,
  .node-action .field-name-field-action-resultat .field,
  .node-action .field-name-field-ref-affiche .field,
  .node-action .field-name-field-lien .field,
  .node-action #field-agenda-file .field {
    margin-top: 0; }

.node-action .content .field.field-name-field-partage,
.node-action .content .partage-2 .field {
  background: transparent;
  padding: 20px 0; }

.node-action .actualite-liens {
  font-family: Georgia, serif; }
  .node-action .actualite-liens a {
    border-top: 1px solid #e7e8e8;
    display: block;
    padding: 10px 0 10px 20px;
    position: relative; }
    .node-action .actualite-liens a .icone {
      position: absolute;
      top: 5px;
      left: 0; }
  .node-action .actualite-liens .last a {
    border-bottom: 1px solid #e7e8e8; }

@media (min-width: 960px) {
  .node-action ul.onglets {
    padding: 0 0 40px; }
  .node-action .actualite-liens a {
    float: left;
    width: 320px; }
  .node-action .actualite-liens .odd a {
    margin-right: 40px; }
  .node-action .actualite-liens .avant-dernier a {
    border-bottom: 1px solid #e7e8e8; } }

/* ACTION EN MODE RESUME ------------------------------------------------------- */
.node-action.node-teaser {
  background: #fff;
  margin-bottom: 30px; }
  .node-action.node-teaser .node-content {
    padding: 20px 40px 25px; }
  .node-action.node-teaser .node-titre {
    /*padding-bottom: 20px */
    /*margin-bottom: 20px */
    /*border-bottom: 1px solid #e7e8e8 */
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 22px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold; }
    .node-action.node-teaser .node-titre a {
      color: #202328; }
  .node-action.node-teaser .node-intro {
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 24px;
    color: #8d8c89; }
  .node-action.node-teaser .action-calque {
    display: none; }

@media (min-width: 960px) {
  .node-action.node-teaser {
    float: left;
    width: 465px;
    /*height: 365px */
    min-height: 365px;
    position: relative; }
    .node-action.node-teaser.node-zebra-even {
      margin-right: 30px; }
    .node-action.node-teaser .node-content {
      overflow: hidden;
      /*height: 150px */
      min-height: 80px; }
    .node-action.node-teaser:hover .action-calque {
      width: 465px;
      /*height: 260px */
      min-height: 260px;
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.7); }
      .node-action.node-teaser:hover .action-calque .bouton {
        background: #0B6BA8;
        padding: 12px 22px 12px 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -80px; }
        .node-action.node-teaser:hover .action-calque .bouton:hover {
          background: #0a6199; }
        .node-action.node-teaser:hover .action-calque .bouton .icone {
          top: 6px;
          left: 15px; } }

/* FICHE ACTION : TIMELINE ACTION ---------------------------------------------- */
/* Tooltip au survol. */
.timeline-action-tooltip-theme {
  border-radius: 10px;
  color: #fff;
  background: #0B6BA8; }

.timeline-action-tooltip-theme .tooltipster-content {
  padding: 15px 25px;
  line-height: 22px;
  font-family: Georgia, serif;
  font-size: 14px;
  color: #fff; }

.field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment {
  display: block;
  text-decoration: none;
  color: #202328;
  position: relative;
  padding: 10px 0 30px 60px; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-vide.segment-couleur-passe .icone-verticale {
    background-position: 0 top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-vide.segment-couleur-futur .icone-verticale {
    background-position: -40px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-vide.segment-couleur-present .icone-verticale {
    background-position: -40px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-passe .icone-verticale {
    background-position: -120px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-futur .icone-verticale {
    background-position: -160px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-present .icone-verticale {
    background-position: -200px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-passe.segment-fin .icone-verticale {
    background-position: -240px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-futur.segment-fin .icone-verticale {
    background-position: -280px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-present.segment-fin .icone-verticale {
    background-position: -320px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-passe.segment-debut .icone-verticale {
    background-position: -360px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-futur.segment-debut .icone-verticale {
    background-position: -400px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-present.segment-debut .icone-verticale {
    background-position: -440px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-passe .icone-verticale {
    background-position: -480px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-futur .icone-verticale {
    background-position: -520px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-present .icone-verticale {
    background-position: -560px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-passe.segment-fin .icone-verticale {
    background-position: -600px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-futur.segment-fin .icone-verticale {
    background-position: -640px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-present.segment-fin .icone-verticale {
    background-position: -680px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-passe.segment-debut .icone-verticale {
    background-position: -720px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-futur.segment-debut .icone-verticale {
    background-position: -760px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-present.segment-debut .icone-verticale {
    background-position: -800px top; }
  .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span {
    display: block;
    margin-bottom: 7px; }
    .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.icone-verticale {
      background: url("../img/timeline-sprite-verticale.png") no-repeat 0 top;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 40px;
      margin-bottom: 0; }
    .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-titre {
      font-weight: bold;
      font-size: 16px;
      line-height: 18px; }
      .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-titre a {
        color: #202328;
        text-decoration: underline; }
        .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-titre a:hover {
          text-decoration: none; }
    .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-date {
      font-style: italic;
      font-size: 14px;
      line-height: 14px;
      font-family: Georgia, serif;
      color: #a6a5a2; }
    .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-texte {
      /*padding: 15px 25px */
      line-height: 22px;
      font-family: Georgia, serif;
      font-size: 14px; }

@media (min-width: 960px) {
  .field-name-field-action-actualite .field.field-type-pmv6-action-timeline {
    margin: 80px 0; }
  .field-type-pmv6-action-timeline {
    margin-bottom: 25px;
    padding-bottom: 80px;
    padding-top: 60px;
    display: table;
    table-layout: fixed;
    /*position: relative */
    /*left: -35px */
    width: 720px; }
    .field-type-pmv6-action-timeline .field-items {
      display: table-row; }
      .field-type-pmv6-action-timeline .field-items .field-item {
        display: table-cell; }
        .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment {
          text-align: center;
          padding: 0;
          background: url("../img/timeline-sprite-s.png") no-repeat center 0;
          /*height: 20px */
          min-height: 20px;
          text-decoration: none;
          color: #202328; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-vide.segment-couleur-passe {
            background-position: center 0; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-vide.segment-couleur-futur {
            background-position: center -20px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-vide.segment-couleur-present {
            background-position: center -40px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-passe {
            background-position: center -60px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-futur {
            background-position: center -80px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-present {
            background-position: center -100px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-passe.segment-debut {
            background-position: center -120px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-futur.segment-debut {
            background-position: center -140px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-present.segment-debut {
            background-position: center -160px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-passe.segment-fin {
            background-position: center -180px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-futur.segment-fin {
            background-position: center -200px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-evenement.segment-couleur-present.segment-fin {
            background-position: center -220px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-passe {
            background-position: center -240px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-futur {
            background-position: center -260px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-present {
            background-position: center -280px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-passe.segment-debut {
            background-position: center -300px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-futur.segment-debut {
            background-position: center -320px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-present.segment-debut {
            background-position: center -340px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-passe.segment-fin {
            background-position: center -360px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-futur.segment-fin {
            background-position: center -380px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment.segment-type-etape.segment-couleur-present.segment-fin {
            background-position: center -400px; }
          .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span {
            position: absolute;
            left: 0;
            right: 0;
            margin-right: auto;
            margin-left: auto;
            margin-bottom: 0; }
            .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.icone-verticale {
              display: none; }
            .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-titre {
              top: -45px;
              font-weight: bold;
              font-size: 14px;
              line-height: 16px;
              margin: 0 5px; }
            .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-date {
              bottom: -30px;
              font-style: italic;
              font-size: 14px;
              line-height: 14px;
              font-family: Georgia, serif;
              color: #a6a5a2; }
            .field-type-pmv6-action-timeline .field-items .field-item .action-timeline-segment span.segment-texte {
              display: none; } }

/* FICHES MINISTRES ============================================================ */
.page-term-ministre #main {
  background-image: url(../img/ministre-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%; }

.field-name-field-fonction {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 20px;
  line-height: 33px;
  text-align: center; }

.field-suivre {
  text-align: center; }
  .field-suivre .bouton {
    margin: 0; }

#main .field.field-name-field-cabinet .field-items {
  border-top: none;
  padding-top: 0; }

/* Flèches ministre suivant / précédent. */
.ministre-control {
  position: absolute;
  display: block;
  width: 56px;
  /*height: 56px */
  min-height: 56px;
  text-indent: -9999em;
  overflow: hidden;
  background: url("../img/icone-sprite.png") no-repeat -90px -200px;
  top: 180px; }
  .ministre-control.ministre-suivant {
    right: -70px;
    background-position: -140px -200px; }
  .ministre-control.ministre-precedent {
    left: -70px; }

#main .vocabulary-ministre #actualite,
#main .vocabulary-ministre #actions,
#main .vocabulary-ministre #field-texte,
#main .vocabulary-ministre #equipe {
  margin-top: 20px; }

#main .vocabulary-ministre #connaitre .connaitre-prefixe {
  border-bottom: 1px solid #c4c5c6;
  margin-bottom: 30px; }
  #main .vocabulary-ministre #connaitre .connaitre-prefixe .declaration-interets .declaration-label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #202328;
    margin-bottom: 5px; }
  #main .vocabulary-ministre #connaitre .connaitre-prefixe .declaration-interets .declaration-web {
    display: block;
    color: #8c8b88;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px; }
  #main .vocabulary-ministre #connaitre .connaitre-prefixe .declaration-interets .declaration-telecharger {
    font-family: Georgia, serif; }
    #main .vocabulary-ministre #connaitre .connaitre-prefixe .declaration-interets .declaration-telecharger .icone {
      position: relative;
      top: 10px;
      width: 20px;
      background-position: -65px -30px;
      margin-right: 10px; }

#main .vocabulary-ministre #connaitre .biographie.prose {
  color: #8c8b88; }
  #main .vocabulary-ministre #connaitre .biographie.prose h2 {
    font-family: Georgia, serif;
    font-size: 22px;
    line-height: 26px;
    font-style: italic;
    text-transform: none;
    font-weight: normal; }
  #main .vocabulary-ministre #connaitre .biographie.prose ul, #main .vocabulary-ministre #connaitre .biographie.prose ul li {
    list-style-image: url(../img/bullet-bleue.png); }
  #main .vocabulary-ministre #connaitre .biographie.prose ul {
    padding-left: 15px; }

#main .vocabulary-ministre #connaitre .no-chevron {
  border-bottom: 3px solid #202328;
  margin-bottom: 25px; }

#main .vocabulary-ministre #connaitre .prose {
  font-size: 20px;
  color: #202328;
  font-family: Georgia, serif;
  line-height: 30px;
  padding-bottom: 20px;
  font-size: 20px; }
  #main .vocabulary-ministre #connaitre .prose ul, #main .vocabulary-ministre #connaitre .prose li {
    color: #8c8b88; }
  #main .vocabulary-ministre #connaitre .prose.connaitre-intro {
    color: #8c8b88; }

#main .vocabulary-ministre #equipe .equipe-sous-titre {
  font-size: 21px;
  line-height: 23px;
  margin: 15px 0;
  font-style: italic;
  font-family: Georgia, serif; }

#main .vocabulary-ministre #equipe .equipe-description {
  font-size: 20px;
  line-height: 30px;
  margin: 15px 0 25px;
  font-family: Georgia, serif;
  color: #8c8b88; }

#main .vocabulary-ministre #equipe .ministere {
  background: #202328;
  padding: 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 25px;
  position: relative;
  z-index: 2; }
  #main .vocabulary-ministre #equipe .ministere h2 {
    font-size: 14px;
    line-height: 25px; }
  #main .vocabulary-ministre #equipe .ministere .ministere-nom {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 22px;
    color: #ecebe9;
    text-transform: none; }
  #main .vocabulary-ministre #equipe .ministere .ministere-separateur {
    margin: 20px auto;
    width: 40px;
    line-height: 0;
    border-top: 2px solid #0B6BA8;
    display: block; }
  #main .vocabulary-ministre #equipe .ministere .ministere-adresse,
  #main .vocabulary-ministre #equipe .ministere .ministere-adresse-postale {
    margin-bottom: 15px;
    font-weight: bold; }
  #main .vocabulary-ministre #equipe .ministere .ministere-label {
    color: #cdcdcd;
    font-weight: normal; }
  #main .vocabulary-ministre #equipe .ministere .ministere-liens .links {
    margin-top: 10px; }
  #main .vocabulary-ministre #equipe .ministere .ministere-liens a {
    display: block;
    color: #fff;
    text-transform: none;
    position: relative;
    padding: 5px 0 5px 20px;
    border-top: 1px solid #797b7e; }
  #main .vocabulary-ministre #equipe .ministere .ministere-liens .last a {
    border-bottom: 1px solid #797b7e; }

#main .vocabulary-ministre #equipe .field-name-field-cabinet .pole {
  clear: both;
  font-size: 22px;
  font-family: "Open Sans", Arial, Sans-Serif;
  color: #0B6BA8;
  border-bottom: 2px solid #0B6BA8; }

#main .vocabulary-ministre #equipe .field-name-field-cabinet .collaborateur-beakline {
  clear: both; }

#main .vocabulary-ministre #equipe .field-name-field-cabinet .entity-collaborateur {
  overflow: hidden;
  margin-bottom: 20px; }
  #main .vocabulary-ministre #equipe .field-name-field-cabinet .entity-collaborateur .collaborateur-nom {
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px; }
  #main .vocabulary-ministre #equipe .field-name-field-cabinet .entity-collaborateur .collaborateur-separateur {
    margin-top: 10px;
    width: 40px;
    line-height: 0;
    border-top: 2px solid #0B6BA8;
    display: block; }
  #main .vocabulary-ministre #equipe .field-name-field-cabinet .entity-collaborateur .collaborateur-fonction {
    margin-top: 10px;
    color: #0B6BA8;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px; }
  #main .vocabulary-ministre #equipe .field-name-field-cabinet .entity-collaborateur .collaborateur-journal-officiel {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    line-height: 18px; }

@media (min-width: 960px) {
  /* Flèches ministre suivant / précédent. */
  .ministre-control {
    position: absolute;
    display: block;
    width: 56px;
    /*height: 56px */
    min-height: 56px;
    text-indent: -9999em;
    overflow: hidden;
    background: url("../img/icone-sprite.png") no-repeat -90px -200px;
    top: 180px; }
    .ministre-control.ministre-suivant {
      right: -70px;
      background-position: -140px -200px; }
    .ministre-control.ministre-precedent {
      left: -70px; }
  #main .vocabulary-ministre #connaitre .connaitre-prefixe .declaration-interets {
    float: right;
    width: 345px;
    margin: 0 0 30px 40px; }
  #main .vocabulary-ministre #equipe .ministere {
    padding: 15px 30px;
    position: relative;
    z-index: 2; }
    #main .vocabulary-ministre #equipe .ministere .ministere-separateur {
      margin: 20px 0; }
  #main .vocabulary-ministre #equipe .field-name-field-cabinet {
    width: 726px;
    left: -6px;
    position: relative; }
    #main .vocabulary-ministre #equipe .field-name-field-cabinet .pole {
      margin: 0 50px 20px 10px; }
    #main .vocabulary-ministre #equipe .field-name-field-cabinet .entity-collaborateur {
      float: left;
      width: 180px;
      float: left;
      margin-left: 9px;
      margin-right: 52px;
      min-height: 160px;
      margin-bottom: 12px; } }

/* FICHE ESPACES DEDIES (SPM) ================================================== */
/* Blocs autonomes des fiches espace dédié. */
.vocabulary-espace .field-name-field-texte,
.vocabulary-espace #actu,
.vocabulary-espace .icones-presence {
  margin-top: 20px; }

.vocabulary-espace .view-actualite-espace {
  padding-bottom: 1px; }

/* COMPTES-RENDUS DU CONSEIL DES MINISTRES ===================================== */
/* FICHE COMPTE-RENDU DU CONSEIL DES MINISTRES --------------------------------- */
.entity-conseil-ministre .intertitre {
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Sans-Serif;
  color: #202328;
  font-size: 20px;
  margin: 25px 0; }

.entity-conseil-ministre .sommaire-element {
  font-family: Georgia, serif;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px; }
  .entity-conseil-ministre .sommaire-element .sommaire-titre,
  .entity-conseil-ministre .sommaire-element .sommaire-titre a {
    display: block;
    color: #202328;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px; }
  .entity-conseil-ministre .sommaire-element .sommaire-texte {
    color: #3A3A3A; }

/* LISTE DE COMPTES-RENDUS ----------------------------------------------------- */
.conseils-ministres {
  margin-bottom: 20px;
  margin-top: 40px; }
  .conseils-ministres .conseil-ministres {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #c4c5c6;
    padding: 15px 0; }
    .conseils-ministres .conseil-ministres .conseil-ministres-titre {
      display: block;
      font-weight: bold;
      text-transform: uppercase;
      color: #202328;
      margin-bottom: 12px; }
    .conseils-ministres .conseil-ministres .conseil-ministres-lien {
      display: block;
      font-family: Georgia, serif;
      color: #5d7c4a; }

@media (min-width: 960px) {
  .conseils-ministres {
    margin-top: 0; }
    .conseils-ministres.conseils-fullpage {
      margin-top: 0; }
    .conseils-ministres .zone-newsletter-wrapper {
      width: 70%;
      margin: 0 auto 30px; }
    .conseils-ministres .conseil-ministres {
      /*height: 100px */
      min-height: 100px;
      float: left;
      width: 290px;
      margin-left: 40px;
      border-top: 1px solid #c4c5c6; }
      .conseils-ministres .conseil-ministres.no-margin {
        margin-left: 0; } }

/* FICHES ET UNITES DE CONTENU ASSETS ==========================================
 *
 * - Asset média (video ou autre embed).
 * - Asset galerie photo.
 * - Asset affiche (ou "média à partager").
 * - Asset document.
 * - Asset citation.
 * - Asset focus.
 * - Asset point du porte-parole.
 */
/* Entête séparateur pour les assets en mode fullpage, uniquement si il y a un */
/* texte long */
.asset-fullpage {
  overflow: hidden; }

.asset-fullpage .field-name-field-texte .field-items {
  /*border-top: 1px solid #d1d0cb */
  margin-top: 10px;
  /*padding-top: 40px */ }

.asset {
  background-color: #fff;
  border: none;
  padding: 0;
  clear: none; }
  .asset div.field {
    clear: none; }
  .asset .titre-zone.field .entete-surtitre {
    margin-top: 50px; }
  .asset .titre-zone.field .titre-texte {
    font-weight: bold;
    text-transform: none;
    font-size: 40px;
    line-height: 47px; }
  .asset .titre-zone.field .entete-publish {
    background-color: #dedede; }
  .asset .titre-zone.field .titre-zone-separateur {
    border-bottom: 2px solid #202328; }
    .asset .titre-zone.field .titre-zone-separateur.haut {
      border: none; }
  .asset.asset-full .field {
    background: transparent; }
  .asset.asset-full .field-name-field-description {
    font-size: 22px;
    line-height: 32px; }
  .asset.asset-full .asset-titre {
    font-size: 15px;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-weight: bold;
    color: #202328; }
  .asset.asset-full .asset-sous-titre {
    color: #b3b1a8;
    font-size: 14px;
    font-style: italic;
    font-family: "Open Sans", Arial, Sans-Serif; }

/* Affiches, medias et galeries en mode "small" (flottant). */
.asset.asset-small.asset-affiche, .asset.asset-small.asset-media, .asset.asset-small.asset-galerie, .asset.asset-small.asset-dmcloud-video, .asset.asset-small.asset-galerie-video {
  background: #efeeec;
  padding: 0;
  margin: 10px 0; }
  .asset.asset-small.asset-affiche .field.field-titre, .asset.asset-small.asset-media .field.field-titre, .asset.asset-small.asset-galerie .field.field-titre, .asset.asset-small.asset-dmcloud-video .field.field-titre, .asset.asset-small.asset-galerie-video .field.field-titre {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 20px;
    font-weight: bold;
    font-family: "Open Sans", Arial, Sans-Serif; }
    .asset.asset-small.asset-affiche .field.field-titre a, .asset.asset-small.asset-media .field.field-titre a, .asset.asset-small.asset-galerie .field.field-titre a, .asset.asset-small.asset-dmcloud-video .field.field-titre a, .asset.asset-small.asset-galerie-video .field.field-titre a {
      color: #202328;
      text-decoration: none; }
      .asset.asset-small.asset-affiche .field.field-titre a:hover, .asset.asset-small.asset-media .field.field-titre a:hover, .asset.asset-small.asset-galerie .field.field-titre a:hover, .asset.asset-small.asset-dmcloud-video .field.field-titre a:hover, .asset.asset-small.asset-galerie-video .field.field-titre a:hover {
        text-decoration: underline; }

@media (min-width: 960px) {
  .asset.asset-small.asset-affiche, .asset.asset-small.asset-media, .asset.asset-small.asset-galerie, .asset.asset-small.asset-dmcloud-video, .asset.asset-small.asset-galerie-video {
    margin: 10px 40px 10px 0;
    width: 340px;
    float: left; }
    .asset.asset-small.asset-affiche.asset-align-center, .asset.asset-small.asset-media.asset-align-center, .asset.asset-small.asset-galerie.asset-align-center, .asset.asset-small.asset-dmcloud-video.asset-align-center, .asset.asset-small.asset-galerie-video.asset-align-center {
      margin: 10px auto;
      clear: both;
      float: none; }
    .asset.asset-small.asset-affiche.asset-align-right, .asset.asset-small.asset-media.asset-align-right, .asset.asset-small.asset-galerie.asset-align-right, .asset.asset-small.asset-dmcloud-video.asset-align-right, .asset.asset-small.asset-galerie-video.asset-align-right {
      margin: 10px 0 10px 40px;
      float: right; }
  /* Bloc "média à partager" */
  .field-name-field-ref-affiche .field-item.odd .asset.asset-small.asset-affiche, .field-name-field-ref-affiche .field-item.odd .asset.asset-small.asset-media, .field-name-field-ref-affiche .field-item.odd .asset.asset-small.asset-galerie, .field-name-field-ref-affiche .field-item.odd .asset.asset-small.asset-dmcloud-video, .field-name-field-ref-affiche .field-item.odd .asset.asset-small.asset-galerie-video {
    margin-right: 0px; } }

/* ASSET MEDIA ================================================================= */
.asset.asset-media.asset-full,
.asset.asset-dmcloud-video.asset-full,
.asset.asset-galerie-video.asset-full {
  background: #fff; }
  .asset.asset-media.asset-full .asset-titre,
  .asset.asset-dmcloud-video.asset-full .asset-titre,
  .asset.asset-galerie-video.asset-full .asset-titre {
    padding: 10px 15px;
    display: none; }
  .asset.asset-media.asset-full .field.field-name-field-media-url,
  .asset.asset-media.asset-full .field.field-name-field-dmcloud-video,
  .asset.asset-media.asset-full .field.field-name-field-dm-video,
  .asset.asset-dmcloud-video.asset-full .field.field-name-field-media-url,
  .asset.asset-dmcloud-video.asset-full .field.field-name-field-dmcloud-video,
  .asset.asset-dmcloud-video.asset-full .field.field-name-field-dm-video,
  .asset.asset-galerie-video.asset-full .field.field-name-field-media-url,
  .asset.asset-galerie-video.asset-full .field.field-name-field-dmcloud-video,
  .asset.asset-galerie-video.asset-full .field.field-name-field-dm-video {
    padding-bottom: 15px; }

.asset.asset-dmcloud-video .dmcloud-wrapper,
.asset.asset-dmcloud-video .dailymotion-player-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }

.asset.asset-dmcloud-video.asset-colorbox .dmcloud-wrapper,
.asset.asset-dmcloud-video.asset-colorbox .dailymotion-player-wrapper {
  width: 720px; }

.asset.asset-dmcloud-video.asset-colorbox .dmcloud-player,
.asset.asset-dmcloud-video.asset-colorbox .dailymotion-player {
  max-width: 100%; }

.asset.asset-dmcloud-video .dmcloud-player,
.asset.asset-dmcloud-video .dailymotion-player,
.dailymotion-player-wrapper .player-wrapper {
  /*max-width: 100% */
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important; }

.asset.asset-galerie-video .dmcloud-player,
.asset.asset-galerie-video .dailymotion-player {
  max-width: 100%; }

@media (min-width: 960px) {
  .asset.asset-media.asset-full,
  .asset.asset-dmcloud-video.asset-full,
  .asset.asset-galerie-video.asset-full {
    width: 720px; } }

/* ASSET GALERIE PHOTO ========================================================= */
.asset.asset-galerie .slider {
  background: black; }
  .asset.asset-galerie .slider .slide {
    position: relative; }
    .asset.asset-galerie .slider .slide .slide-legend {
      position: relative;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 20px;
      background: #202328;
      color: #fff;
      font-size: 13px;
      line-height: 24px; }
      .asset.asset-galerie .slider .slide .slide-legend .credits {
        font-size: 13px;
        font-family: Georgia, serif;
        font-style: italic;
        color: #b3b1a8; }
  .asset.asset-galerie .slider .slide-control {
    position: absolute;
    display: block;
    margin-bottom: 20px;
    width: 50px;
    /*height: 50px */
    min-height: 50px;
    text-indent: -9999em;
    overflow: hidden;
    background: url("../img/icone-sprite2.png") no-repeat -220px -44px;
    cursor: pointer; }
  .asset.asset-galerie .slider .slide-next {
    top: 20%;
    right: 10px;
    background-position: -325px -44px; }
  .asset.asset-galerie .slider .slide-prev {
    top: 20%;
    left: 10px; }

.asset.asset-galerie.asset-full {
  background: #f7f7f7; }
  .asset.asset-galerie.asset-full .field-name-field-description {
    padding: 0; }
  .asset.asset-galerie.asset-full .galerie-texte,
  .asset.asset-galerie.asset-full .field-name-field-description .field-item {
    font-size: 22px;
    line-height: 32px;
    padding: 15px 30px;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #202328;
    text-align: left; }

.asset.asset-galerie.asset-fullpage {
  background: #f7f7f7; }
  .asset.asset-galerie.asset-fullpage .galerie-texte {
    padding: 15px 30px;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-size: 15px;
    line-height: 25px;
    text-align: center; }

@media (min-width: 960px) {
  .asset.asset-galerie .slider a {
    color: black; }
  .asset.asset-galerie .slider .slide-control-iconfont {
    font-size: 85px;
    top: 40%;
    position: absolute;
    height: 85px;
    width: 85px; }
  .asset.asset-galerie .slider .icon-fleche-gauche-blanche {
    left: 15px; }
  .asset.asset-galerie .slider .icon-fleche-droite-blanche {
    right: 15px; }
  .asset.asset-galerie .slider .slide .slide-legend {
    padding: 20px;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    font-size: 15px; }
    .asset.asset-galerie .slider .slide .slide-legend .credits {
      font-size: 14px; }
  .asset.asset-galerie .slider .slide-control {
    background: url("../img/icone-sprite2.png") no-repeat -200px -30px;
    width: 85px;
    /*height: 85px */
    min-height: 85px;
    margin-bottom: -20px; }
  .asset.asset-galerie .slider .slide-next {
    background-position: -310px -30px;
    top: 40%; }
  .asset.asset-galerie .slider .slide-prev {
    top: 40%; } }

/* ASSET AFFICHE (ou "media a partager") ======================================= */
.asset.asset-affiche {
  background: #fff;
  padding: 15px;
  font-family: "Open Sans", Arial, Sans-Serif; }
  .asset.asset-affiche .asset-titre {
    color: #202328;
    font-size: 20px; }
  .asset.asset-affiche.asset-fullpage {
    padding: 0; }
  .asset.asset-affiche.asset-full .field-name-field-description {
    font-size: 22px;
    line-height: 32px; }
  .asset.asset-affiche.asset-full .desclong-toggle {
    background: #fff; }
    .asset.asset-affiche.asset-full .desclong-toggle ul {
      background: #fff;
      margin: 20px 0 0;
      padding: 20px 0 0; }
      .asset.asset-affiche.asset-full .desclong-toggle ul li {
        padding: 0; }

@media (min-width: 960px) {
  .asset.asset-affiche {
    padding: 50px;
    padding-bottom: 10px; } }

/* Contexte Colorbox. */
#colorbox .asset.asset-colorbox.asset-affiche {
  background: #efeeec;
  padding: 0;
  padding-bottom: 0;
  width: 960px; }
  #colorbox .asset.asset-colorbox.asset-affiche .desclong-toggle {
    display: none; }
  #colorbox .asset.asset-colorbox.asset-affiche .field-name-field-description {
    display: none; }

#colorbox .asset {
  max-width: 960px; }

/* ASSET DOCUMENT ============================================================== */
.asset-document.asset-small {
  width: auto;
  float: none;
  background: #fff;
  border-top: 1px solid #eeeeec;
  position: relative;
  padding: 15px 60px 15px 15px; }
  .asset-document.asset-small .asset-titre {
    font-size: 15px;
    line-height: 18px;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-weight: bold;
    color: #202328; }
  .asset-document.asset-small .asset-sous-titre {
    color: #b3b1a8;
    font-size: 14px;
    font-style: italic;
    font-family: Georgia, serif;
    margin-top: 5px; }
  .asset-document.asset-small .asset-document-telecharger, .asset-document.asset-small .asset-document-liseuse {
    position: absolute;
    right: 15px;
    top: 0; }
    .asset-document.asset-small .asset-document-telecharger .telecharger-texte, .asset-document.asset-small .asset-document-telecharger .liseuse-texte, .asset-document.asset-small .asset-document-liseuse .telecharger-texte, .asset-document.asset-small .asset-document-liseuse .liseuse-texte {
      display: none; }
  .asset-document.asset-small .asset-document-icone {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    /*height: 100px */
    min-height: 100px;
    background: url("../img/sprite-documents.png") no-repeat top left; }
    .asset-document.asset-small .asset-document-icone.asset-document-icone-communique {
      background-position: 0 0; }
    .asset-document.asset-small .asset-document-icone.asset-document-icone-rapport {
      background-position: 0 -100px; }
    .asset-document.asset-small .asset-document-icone.asset-document-icone-dossier-de-presse {
      background-position: 0 -200px; }
    .asset-document.asset-small .asset-document-icone.asset-document-icone-note-aux-redactions {
      background-position: 0 -300px; }
    .asset-document.asset-small .asset-document-icone.asset-document-icone-discours {
      background-position: 0 -400px; }

@media (min-width: 960px) {
  .asset-document.asset-small {
    width: 525px;
    border-bottom: 1px solid #eeeeec;
    padding: 15px 320px 45px 115px;
    min-height: 70px; }
    .asset-document.asset-small .asset-sous-titre {
      position: absolute;
      bottom: 15px;
      left: 115px;
      margin-top: 0; }
    .asset-document.asset-small .asset-document-telecharger, .asset-document.asset-small .asset-document-liseuse {
      position: absolute;
      right: 15px;
      top: 18px; }
      .asset-document.asset-small .asset-document-telecharger .telecharger-texte, .asset-document.asset-small .asset-document-telecharger .liseuse-texte, .asset-document.asset-small .asset-document-liseuse .telecharger-texte, .asset-document.asset-small .asset-document-liseuse .liseuse-texte {
        display: inline; }
    .asset-document.asset-small .asset-document-icone {
      display: block; } }

/* ASSET CITATION ============================================================== */
.asset.asset-citation.asset-full {
  background: #202328;
  color: #fff;
  overflow: hidden;
  font-style: italic; }
  .asset.asset-citation.asset-full .citation-photo img {
    /*display: block */
    display: none;
    width: 150px; }
  .asset.asset-citation.asset-full .citation-alignement-gauche .citation-photo {
    float: left;
    margin-right: 15px; }
  .asset.asset-citation.asset-full .citation-alignement-droite .citation-photo {
    float: right;
    margin-left: 15px; }
  .asset.asset-citation.asset-full .citation-texte {
    font-size: 20px;
    padding: 30px 15px;
    margin: 0; }
  .asset.asset-citation.asset-full .citation-auteur {
    font-size: 16px;
    line-height: 26px;
    color: #a9aaab;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-weight: 300;
    padding: 0 15px 30px; }
    .asset.asset-citation.asset-full .citation-auteur .citation-auteur-fonction {
      font-size: 14px;
      line-height: 24px; }

@media (min-width: 960px) {
  .asset.asset-citation.asset-full {
    width: 960px;
    position: relative;
    left: -120px;
    font-style: italic; }
    .asset.asset-citation.asset-full .citation-photo img {
      width: auto;
      display: block; }
    .asset.asset-citation.asset-full .citation-alignement-gauche .citation-photo {
      margin-right: 30px; }
    .asset.asset-citation.asset-full .citation-alignement-droite .citation-photo {
      margin-left: 30px; }
    .asset.asset-citation.asset-full .citation-texte {
      padding: 30px 120px; }
    .asset.asset-citation.asset-full .citation-auteur {
      padding: 0 120px 30px; } }

/* ASSET FOCUS ================================================================= */
.asset.asset-focus.asset-full {
  background: #0B6BA8;
  padding: 10px 15px;
  font-family: "Open Sans", Arial, Sans-Serif; }
  .asset.asset-focus.asset-full a {
    color: #fff; }
  .asset.asset-focus.asset-full .field-item {
    color: #fff; }
  .asset.asset-focus.asset-full .field-name-field-image {
    float: left;
    margin-right: 30px; }
  .asset.asset-focus.asset-full.alignement-droite .field-name-field-image {
    float: right;
    margin-left: 30px;
    margin-right: 0; }
  .asset.asset-focus.asset-full .field-name-field-texte .field-item {
    font-size: 14px;
    line-height: 24px;
    font-family: "Open Sans", Arial, Sans-Serif; }
  .asset.asset-focus.asset-full .field-name-field-description .field-item {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 10px;
    font-style: italic; }
  .asset.asset-focus.asset-full .field-name-field-titre .field-item,
  .asset.asset-focus.asset-full h2 {
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Sans-Serif;
    color: #202328;
    font-size: 20px;
    margin: 15px 0 5px;
    color: #fff;
    font-weight: bold; }

@media (min-width: 960px) {
  .asset.asset-focus.asset-full {
    padding: 30px 40px; } }

/* ASSET POINT DU PORTE-PAROLE ================================================= */
.asset.asset-point-porte-parole.asset-full {
  background: #fff; }
  .asset.asset-point-porte-parole.asset-full .point-header {
    background: #5d7c4a;
    color: #fff;
    font-family: "Open Sans", Arial, Sans-Serif;
    padding: 15px 30px;
    position: relative;
    min-height: 70px; }
    .asset.asset-point-porte-parole.asset-full .point-header .point-photo {
      position: absolute;
      top: 8px;
      right: 15px;
      float: right; }
      .asset.asset-point-porte-parole.asset-full .point-header .point-photo img {
        border-radius: 40px; }
    .asset.asset-point-porte-parole.asset-full .point-header .point-titre {
      font-weight: bold;
      font-size: 16px;
      line-height: 24px; }
    .asset.asset-point-porte-parole.asset-full .point-header .point-date {
      font-family: Georgia, serif;
      font-style: italic;
      color: #dae1d6;
      font-size: 14px;
      line-height: 24px; }
  .asset.asset-point-porte-parole.asset-full .point-contenu {
    padding: 20px 30px;
    font-size: 18px; }
    .asset.asset-point-porte-parole.asset-full .point-contenu .field-name-field-description {
      font-size: 20px;
      line-height: 26px;
      color: #202328;
      font-style: italic;
      text-align: left;
      margin-bottom: 15px; }
    .asset.asset-point-porte-parole.asset-full .point-contenu .point-signature {
      font-size: 14px;
      font-style: italic;
      color: #5d7c4a;
      margin: 15px 0; }

/* UNITES DE CONTENU ENCARTS ===================================================
 *
 * - Encart bouton call to action.
 * - Encart événement.
 * - Encart chiffre-clé.
 * - Encart article résumé.
 */
/* ENCART CALL TO ACTION ======================================================= */
.encart.encart-call-to-action {
  text-align: center; }

/* ENCART EVENEMENT ============================================================ */
.encart.encart-evenement {
  font-family: "Open Sans", Arial, Sans-Serif;
  clear: both;
  margin: 20px 0;
  background: #a8a7a3; }
  .encart.encart-evenement .evenement-gauche {
    padding: 15px; }
    .encart.encart-evenement .evenement-gauche .evenement-date {
      color: #efeeec;
      font-size: 14px; }
    .encart.encart-evenement .evenement-gauche .evenement-heure {
      font-size: 36px;
      font-weight: bold;
      line-height: 1.5;
      color: #fff; }
  .encart.encart-evenement .evenement-droite {
    background: #efeeec;
    padding: 15px; }
    .encart.encart-evenement .evenement-droite .evenement-titre {
      font-size: 17px;
      font-family: Georgia, serif;
      line-height: 24px; }
    .encart.encart-evenement .evenement-droite .evenement-lieu {
      font-size: 12px;
      color: #a1a098; }
      .encart.encart-evenement .evenement-droite .evenement-lieu .icone {
        position: relative;
        top: 10px;
        left: -5px;
        width: 20px; }

@media (min-width: 500px) {
  .encart.encart-evenement {
    margin: 20px auto;
    width: 200px;
    position: relative;
    padding-left: 200px; }
    .encart.encart-evenement .evenement-gauche {
      /*height: 100px */
      min-height: 100px;
      position: absolute;
      left: 0; }
    .encart.encart-evenement .evenement-droite {
      background: #efeeec;
      /*height: 130px */
      min-height: 130px;
      position: relative;
      padding: 15px; }
      .encart.encart-evenement .evenement-droite .evenement-lieu {
        position: absolute;
        bottom: 15px;
        left: 15px; } }

/* ENCART CHIFFRE CLE ========================================================== */
.encart.encart-chiffre-cle {
  background: #efeeec;
  position: relative;
  margin: 0 0 15px 0;
  font-family: Georgia, serif;
  color: #0B6BA8;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  padding: 20px; }
  .encart.encart-chiffre-cle .chiffre-cle-ligne-1 {
    line-height: 1.5;
    font-style: italic;
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: bold; }
  .encart.encart-chiffre-cle .chiffre-cle-ligne-2 {
    margin-bottom: 10px; }
  .encart.encart-chiffre-cle .chiffre-cle-ligne-3 {
    color: #202328;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-weight: normal;
    /*text-align: left */
    font-size: 13px;
    border-top: 2px solid #fff;
    padding-top: 10px; }

@media (min-width: 960px) {
  .encart.encart-chiffre-cle {
    width: 345px;
    margin: 0 30px 15px 0;
    padding: 30px;
    float: left; }
    .encart.encart-chiffre-cle .chiffre-cle-ligne-1 {
      font-size: 52px; }
    .encart.encart-chiffre-cle.alignement-droite {
      float: right;
      margin: 15px 0 15px 30px; } }

/* ENCART ARTICLE RESUME ======================================================= */
.field-item .teaser {
  background: #efeeec; }

.field-type-text-long .field-item .teaser {
  margin-bottom: 0; }

@media (min-width: 960px) {
  .field-name-field-texte .asset-document, .field-name-field-texte .asset-galerie.asset-full, .field-name-field-texte .asset-focus, .field-name-field-texte .asset-galerie.asset-fullpage, .field-name-field-action-contexte .asset-document, .field-name-field-action-contexte .asset-galerie.asset-full, .field-name-field-action-contexte .asset-focus, .field-name-field-action-contexte .asset-galerie.asset-fullpage {
    position: relative;
    left: -120px;
    width: 960px; }
  .field-name-field-texte .asset-document, .field-name-field-action-contexte .asset-document {
    width: 525px; }
  .field-name-field-texte .asset-focus, .field-name-field-action-contexte .asset-focus {
    width: 880px; } }

/* ELEMENTS SPECIAUX ===========================================================
 *
 * - Pièces jointes et téléchargements.
 * - Onglets.
 * - Filtres.
 * - Pagination.
 * - Menu-rubrique.
 */
/* PIECES JOINTES ET TELECHARGEMENTS =========================================== */
.field-type-file {
  clear: both;
  text-align: center; }
  .field-type-file .field-item {
    display: inline; }

.field-type-pmv6-webpublication-ebook {
  clear: both;
  text-align: center; }
  .field-type-pmv6-webpublication-ebook .field-item {
    display: inline; }

.liseuse {
  text-align: left;
  display: block;
  display: inline-block;
  margin: 10px 5px; }
  .liseuse .liseuse-description {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }
  .liseuse .liseuse-lien {
    font-family: Georgia, serif;
    font-size: 18px;
    text-decoration: none; }
    .liseuse .liseuse-lien:hover {
      text-decoration: underline; }
  .liseuse .icone {
    position: relative;
    top: 12px; }

.file {
  text-align: left;
  display: block;
  display: inline-block;
  margin: 10px 5px; }
  .file .file-description {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }
  .file .file-lien-telecharger {
    font-family: Georgia, serif;
    font-size: 18px;
    text-decoration: none; }
    .file .file-lien-telecharger:hover {
      text-decoration: underline; }
  .file .icone {
    position: relative;
    top: 12px; }

@media (min-width: 960px) {
  .liseuse {
    width: 290px;
    /*padding-left: 74px */ }
  .file {
    width: 290px; }
    .file .icone {
      top: 9px; }
  .field-name-field-agenda-pdf .file,
  .field-name-field-agenda-csv .file {
    width: 360px; } }

.field-name-field-agenda-pdf + .field-name-field-agenda-csv {
  margin-top: -30px;
  padding-top: 0; }

/* ONGLETS ==================================================================== */
ul.onglets {
  padding: 20px 0 5px; }
  ul.onglets .onglet {
    background: #fff;
    border-bottom: 3px solid #b2b2b2;
    position: relative;
    display: block;
    color: #202328;
    /*height: 30px */
    min-height: 30px;
    padding: 20px 43px 12px 20px;
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold; }
    ul.onglets .onglet:hover {
      text-decoration: none; }
    ul.onglets .onglet .onglet-description {
      color: #a7a7a7;
      font-size: 12px;
      font-weight: normal;
      display: block; }
    ul.onglets .onglet .bouton-chevron {
      position: absolute;
      right: 8px;
      top: 15px; }

@media (min-width: 960px) {
  ul.onglets {
    padding: 40px 0; }
    ul.onglets .onglet {
      float: left;
      width: 230px;
      margin: 0 40px 0 0; }
    ul.onglets .last .onglet {
      margin-right: 0; }
  .pmv6-tabs-2 .onglet {
    width: 397px !important; }
  .pmv6-tabs-4 [data-scroll="#connaitre"] {
    width: 130px !important; }
  .pmv6-tabs-4 [data-scroll="#field-texte"] {
    width: 140px !important; }
  .pmv6-tabs-4 [data-scroll="#actualite"],
  .pmv6-tabs-4 [data-scroll="#actions"] {
    width: 205px !important; }
  .pmv6-tabs-4 [data-scroll="#equipe"] {
    width: 111px !important; } }

/* FILTRES ===================================================================== */
.filtres {
  /*display: none;*/
  margin: 15px auto 35px;
  background: #0B6BA8;
  color: #fff; }
  .filtres .toggle-filtres {
    color: #fff;
    text-decoration: none; }
  .filtres .filtres-titre {
    position: relative;
    font-family: Georgia, serif;
    font-style: italic;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: normal; }
  .filtres .bouton-chevron {
    position: absolute;
    top: 15px;
    right: 20px; 
    border: none;
    background: transparent;
    cursor: pointer;
  }
  .filtres .filtres-contenu {
    padding: 0 20px 20px; }
    .filtres .filtres-contenu .filtres-separateur {
      border-bottom: 1px solid #8798ad;
      margin-bottom: 20px; }
    .filtres .filtres-contenu li {
      display: inline; }
    .filtres .filtres-contenu .bouton {
      margin: 0 15px 15px 0;
      background: #3c4046;
      text-transform: none; }
      .filtres .filtres-contenu .bouton.active, .filtres .filtres-contenu .bouton.recherche {
        background: #0d324b;
        color: #fff; }
      .filtres .filtres-contenu .bouton.recherche {
        float: right;
        margin: 0 0 15px 15px; }
      .filtres .filtres-contenu .bouton:hover {
        background: #0d324b; }

.js .filtres.closed .filtres-contenu {
  display: none; }

@media (min-width: 960px) {
  .filtres {
    display: block;
    margin: 15px auto 35px;
    width: 960px; } }

/* Filtres : styles noir et bleus ---------------------------------------------- */
.style-noir .filtres, .style-bleu .filtres {
  background: #202328; }
  .style-noir .filtres .filtres-contenu .filtres-separateur, .style-bleu .filtres .filtres-contenu .filtres-separateur {
    border-color: #676869; }
  .style-noir .filtres .filtres-contenu .bouton-filtre, .style-bleu .filtres .filtres-contenu .bouton-filtre {
    color: #c3c7cc; }
    .style-noir .filtres .filtres-contenu .bouton-filtre.active, .style-bleu .filtres .filtres-contenu .bouton-filtre.active {
      background: #0B6BA8; }
    .style-noir .filtres .filtres-contenu .bouton-filtre:hover, .style-bleu .filtres .filtres-contenu .bouton-filtre:hover {
      background: #0B6BA8; }
    .style-noir .filtres .filtres-contenu .bouton-filtre.recherche, .style-bleu .filtres .filtres-contenu .bouton-filtre.recherche {
      background: #0e0f11; }

/* PAGINATION ================================================================= */
.item-list ul.pager {
  margin-bottom: 30px;
  position: relative;
  /*height: 30px */
  min-height: 30px; }
  .item-list ul.pager li {
    margin: 0;
    border-right: 1px solid #d0cfcd;
    padding: 0 20px; }
    .item-list ul.pager li.last {
      border-right: none; }
    .item-list ul.pager li.pager-item, .item-list ul.pager li.pager-current {
      display: none; }
    .item-list ul.pager li.pager-next {
      position: absolute;
      right: 0; }
    .item-list ul.pager li.pager-previous {
      position: absolute;
      left: 0;
      border-right: none; }
  .item-list ul.pager a {
    font-weight: bold; }

@media (min-width: 960px) {
  .item-list ul.pager li.pager-item, .item-list ul.pager li.pager-current {
    display: inline; }
  .item-list ul.pager li.pager-next, .item-list ul.pager li.pager-previous {
    position: static; }
  .item-list ul.pager li.pager-previous {
    border-right: 1px solid #d0cfcd; } }

/* MENU RUBRIQUE ============================================================== */
.menu-rubrique {
  margin: 0 auto; }
  .menu-rubrique li {
    display: inline; }
  .menu-rubrique a {
    display: block;
    position: relative; }
  .menu-rubrique.menu-rubrique-style-liste {
    /*left: 0 */ }
    .menu-rubrique.menu-rubrique-style-liste li.last a {
      border-bottom: 1px solid #c4c5c6; }
    .menu-rubrique.menu-rubrique-style-liste a {
      font-size: 14px;
      width: auto;
      padding: 10px 0 10px 20px;
      text-transform: uppercase;
      color: #202328;
      font-weight: bold;
      border-top: 1px solid #c4c5c6; }
      .menu-rubrique.menu-rubrique-style-liste a.active {
        color: #0B6BA8; }
      .menu-rubrique.menu-rubrique-style-liste a .icone {
        width: 20px;
        left: 0;
        position: absolute;
        top: 5px; }
  .menu-rubrique.menu-rubrique-style-mosaique.field {
    width: 315px;
    padding: 15px 0; }
    .menu-rubrique.menu-rubrique-style-mosaique.field a {
      width: 290px;
      /*height: 276px */
      min-height: 276px;
      background: #a3a5a8;
      margin-bottom: 15px; }
      .menu-rubrique.menu-rubrique-style-mosaique.field a .menu-rubrique-element-titre {
        position: absolute;
        bottom: 0;
        width: 240px;
        padding: 20px 25px;
        background: rgba(0, 0, 0, 0.8);
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold; }

.style-bleu .field.menu-rubrique.menu-rubrique-style-liste a {
  color: #fff; }

@media (min-width: 465px) {
  .menu-rubrique.menu-rubrique-style-mosaique.field {
    width: 315px; }
    .menu-rubrique.menu-rubrique-style-mosaique.field a {
      width: 315px;
      /*height: 300px */
      min-height: 300px;
      margin-bottom: 15px; }
      .menu-rubrique.menu-rubrique-style-mosaique.field a .menu-rubrique-element-titre {
        width: 265px; } }

@media (min-width: 960px) {
  .field.menu-rubrique a {
    float: left; }
  .field.menu-rubrique.menu-rubrique-style-liste {
    padding: 25px 120px 20px;
    width: 720px; }
    .field.menu-rubrique.menu-rubrique-style-liste a {
      width: 320px; }
    .field.menu-rubrique.menu-rubrique-style-liste li.odd a {
      margin-right: 40px; }
    .field.menu-rubrique.menu-rubrique-style-liste li.avant-dernier a {
      border-bottom: 1px solid #c4c5c6; }
  .field.menu-rubrique.menu-rubrique-style-mosaique {
    position: relative;
    left: 0px;
    width: 960px; }
    .field.menu-rubrique.menu-rubrique-style-mosaique a {
      margin: 0 0 4px 4px; }
  .style-bleu .field.menu-rubrique.menu-rubrique-style-liste {
    padding: 0;
    width: auto; }
    .style-bleu .field.menu-rubrique.menu-rubrique-style-liste a {
      margin-right: 30px;
      width: 270px; } }

/**
 * BLOCS SPECIAUX ==============================================================
 *
 * - Bloc enjeux liés.
 * - Bloc actions liées.
 * - Bloc liens ("plus d'informations").
 * - Bloc contenu à la une.
 * - Bloc présence sur les réseaux sociaux.
 * - Bloc d'actualité et résultats de recherche.
 */
/* BLOCS ENJEUX LIES =========================================================== */
.field-name-field-ref-enjeu .field-items {
  padding-bottom: 25px; }
  .field-name-field-ref-enjeu .field-items .field.field-titre {
    font-size: 12px;
    padding: 10px 20px;
    font-weight: bold; }

/* BLOC ACTIONS LIEES ========================================================== */
@media (min-width: 960px) {
  .field-name-field-ref-action .field-item.even {
    margin-right: 20px;
    display: block;
    float: left; } }

.field-item .node-teaser.node-action {
  background: #efeeec;
  margin-bottom: 20px;
  max-width: 465px !important;
  margin: 0 auto; }
  .field-item .node-teaser.node-action .node-content {
    padding: 20px 30px 25px; }
  .field-item .node-teaser.node-action .node-titre {
    padding-bottom: 15px;
    margin-bottom: 15px;
    /*border-bottom: 1px solid #dededd */
    font-size: 16px;
    line-height: 19px; }
  .field-item .node-teaser.node-action .node-intro {
    font-size: 12px;
    line-height: 18px; }

@media (min-width: 960px) {
  .field-item .node-teaser.node-action {
    background: #efeeec;
    /*height: 290px */
    min-height: 290px;
    width: 350px; }
    .field-item .node-teaser.node-action img {
      width: 350px; }
    .field-item .node-teaser.node-action.node-zebra-even {
      margin-right: 20px; }
    .field-item .node-teaser.node-action .node-content {
      /* height: 80px */
      min-height: 80px; }
    .field-item .node-teaser.node-action:hover .action-calque {
      width: 350px;
      /* height: 196px */
      min-height: 196px; } }

/* BLOC-LIENS ("DESCRIPTION LONGUE") =========================================== */
.desclong-toggle ul {
  background: none repeat scroll 0 0 white;
  text-align: left;
  margin: 20px 5% 40px;
  border-top: 2px solid #202328;
  list-style: none !important; }
  .desclong-toggle ul li {
    padding: 20px;
    font-size: 16px;
    list-style: none !important; }
  .desclong-toggle ul.closed {
    display: none; }

.desclong-toggle {
  background: none repeat scroll 0 0 white;
  color: #202328;
  font-family: "Open Sans", Arial, Sans-Serif;
  font-size: 18px;
  line-height: 26px;
  padding: 30px 35px 30px 0;
  position: relative;
  text-align: center; }
  .desclong-toggle:hover {
    cursor: pointer; }
  .desclong-toggle .label:hover {
    text-decoration: underline; }

/* BLOC-LIENS ("PLUS D'INFORMATION") =========================================== */
.field.field-name-field-lien .field-label {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px;
  padding: 10px 0 20px;
  position: relative; }
  .field.field-name-field-lien .field-label .toggle {
    display: none;
    position: absolute;
    top: 25px;
    right: 0; }

.field.field-name-field-lien.field-label-above .field-items {
  border-top: none;
  padding-top: 0; }

.field.field-name-field-lien .field-item.last a {
  border-bottom: 1px solid #e7e8e8; }

.field.field-name-field-lien .field-item a {
  display: block;
  position: relative;
  font-size: 14px;
  padding: 10px 0 10px 20px;
  color: #202328;
  font-weight: bold;
  border-top: 1px solid #e7e8e8;
  font-family: Georgia, serif; }
  .field.field-name-field-lien .field-item a.active {
    color: #0B6BA8; }
  .field.field-name-field-lien .field-item a .icone {
    width: 20px;
    left: 0;
    position: absolute;
    top: 5px; }

@media (min-width: 960px) {
  .field.field-name-field-lien {
    padding: 30px 40px; }
    .field.field-name-field-lien .field-label {
      padding: 0 0 20px; } }

/* BLOC-"CONTENU A LA UNE" ===================================================== */
.element-une {
  background: #fff;
  text-align: left; }
  .element-une.element-une-spm {
    margin-top: 20px; }
  .element-une .element-une-image {
    display: block;
    line-height: 0; }
    .element-une .element-une-image img {
      width: 100%; }
  .element-une .element-une-surtitre {
    font-style: italic;
    color: #0B6BA8;
    font-family: Georgia, serif;
    font-size: 16px;
    margin: 20px 30px 0; }
  .element-une .element-une-titre {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #202328;
    font-size: 22px;
    line-height: 30px;
    margin: 10px 30px;
    border-bottom: 1px solid #e7e8e8;
    padding: 0 0 15px 0; }
  .element-une .element-une-description {
    /*color: #8d8c89 */
    color: #696764;
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 23px;
    margin: 25px 30px 0;
    padding-bottom: 35px; }
  @media (min-width: 960px) {
    .element-une {
      /*height: 375px */
      min-height: 375px;
      overflow: hidden;
      padding-right: 30px; }
      .element-une .element-une-image {
        float: left;
        margin-right: 30px; }
        .element-une .element-une-image img {
          width: auto; }
      .element-une .element-une-titre {
        margin: 20px 0 20px 690px; }
      .element-une .element-une-surtitre {
        margin: 20px 0 0; }
      .element-une .element-une-description {
        margin: 25px 0 0;
        padding-bottom: 0; } }

/* BOUTONS DE PRESENCE RESEAUX SOCIAUX ========================================= */
.prose .icones-presence {
  background: #efeeec; }

.icones-presence {
  text-align: center;
  padding: 15px 0; }
  .icones-presence .presence-titre {
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Sans-Serif;
    color: #202328;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold; }

.presenceheader {
  diplay: inline-block;
  margin: 0 3px;
  float: left; }
  .presenceheader .iconeheader {
    width: 40px;
    /*height: 40px */
    min-height: 40px; }

.presence {
  display: inline-block;
  margin: 0 3px; }
  .presence .icone {
    width: 50px;
    /*height: 50px */
    min-height: 50px; }

/* BLOCS D'ACTUALITES ET RESULTATS DE RECHERCHE ================================ */
.search-results .teaser .teaser-intro, .search-results .teaser .teaser-publication, #actualite-wrapper .teaser .teaser-intro, #actualite-wrapper .teaser .teaser-publication, .view-id-actualite_espace .teaser .teaser-intro, .view-id-actualite_espace .teaser .teaser-publication {
  background-color: #fff; }

.teaser {
  position: relative;
  padding: 0px;
  margin: 0 auto 20px;
  background: #fff url("../img/article-default-mobile.png") no-repeat top left;
  max-width: 330px;
  min-width: 140px; }
  .teaser .teaser-content {
    /*height: 62px */
    min-height: 62px;
    padding: 5px 10px; }
  .teaser .node-titre {
    font-size: 16px;
    line-height: 20px; }
    .teaser .node-titre a {
      color: #202328;
      display: block;
      margin-bottom: 5px; }
  .teaser .teaser-illustration {
    position: relative; }
    .teaser .teaser-illustration a img {
      width: inital; }
  .teaser .teaser-intro {
    display: none; }
  .teaser .teaser-intro, .teaser .teaser-publication {
    font-size: 16px;
    line-height: 22px;
    font-family: Georgia, serif;
    font-style: italic;
    color: #696764; }
  .teaser .teaser-publication {
    font-size: 14px;
    line-height: 26px; }

.field.prose .field-item .teaser .node-titre {
  font-size: 16px;
  line-height: 20px;
  margin: 0; }

@media (min-width: 465px) {
  .teaser {
    position: relative;
    padding: 10px 10px 10px 160px;
    margin: 0 0 40px 0;
    background: #fff url("../img/article-default-mobile.png") no-repeat top left;
    max-width: none; }
    .teaser .teaser-content {
      min-height: 62px;
      padding: 5px 10px; }
    .teaser .node-titre {
      font-size: 14px;
      line-height: 16px; }
      .teaser .node-titre a {
        color: #202328;
        display: block;
        margin-bottom: 5px; }
    .teaser .teaser-illustration {
      position: absolute;
      top: 0;
      left: 0; }
      .teaser .teaser-illustration img {
        width: 160px; }
    .teaser .teaser-intro {
      display: none; }
    .teaser .teaser-intro, .teaser .teaser-publication {
      font-size: 16px;
      line-height: 22px;
      font-family: Georgia, serif;
      font-style: italic;
      color: #696764; }
    .teaser .teaser-publication {
      font-size: 14px;
      line-height: 25px; }
  .field.prose .field-item .teaser .node-titre {
    font-size: 14px;
    line-height: 16px; } }

@media (min-width: 960px) {
  .teaser {
    padding: 20px 20px 20px 360px;
    /*height: 150px */
    min-height: 150px;
    background: #fff url("../img/article-default.png") no-repeat top left; }
    .teaser .teaser-content {
      /*height: 122px */
      min-height: 122px;
      overflow-y: hidden;
      padding: 0px; }
    .teaser .node-titre a {
      margin-bottom: 15px;
      font-size: 16px;
      line-height: 24px; }
    .teaser .teaser-illustration img {
      width: auto; }
    .teaser .teaser-intro {
      display: block; }
    .teaser .teaser-publication {
      position: absolute;
      bottom: 20px;
      left: 360px; }
  .view-actualite-premier-ministre .teaser-intro {
    display: none; }
  .field-name-field-texte .teaser-intro {
    display: none; } }

/* Bloc d'actualité sans image ------------------------------------------------ */
.actualite-sans-image .article,
.actualite-sans-image .views-row,
.view-actualite-porte-parole .article,
.view-actualite-porte-parole .views-row {
  margin: 20px 0; }
  .actualite-sans-image .article .field-name-field-title a,
  .actualite-sans-image .article .views-field-title a,
  .actualite-sans-image .views-row .field-name-field-title a,
  .actualite-sans-image .views-row .views-field-title a,
  .view-actualite-porte-parole .article .field-name-field-title a,
  .view-actualite-porte-parole .article .views-field-title a,
  .view-actualite-porte-parole .views-row .field-name-field-title a,
  .view-actualite-porte-parole .views-row .views-field-title a {
    max-height: 72px;
    overflow: hidden;
    display: block;
    line-height: 24px;
    color: #202328;
    font-size: 16px;
    font-weight: bold; }
  .actualite-sans-image .article .field-name-field-date,
  .actualite-sans-image .article .views-field-created,
  .actualite-sans-image .views-row .field-name-field-date,
  .actualite-sans-image .views-row .views-field-created,
  .view-actualite-porte-parole .article .field-name-field-date,
  .view-actualite-porte-parole .article .views-field-created,
  .view-actualite-porte-parole .views-row .field-name-field-date,
  .view-actualite-porte-parole .views-row .views-field-created {
    line-height: 26px;
    color: #b3b1a8;
    margin-bottom: 10px;
    font-size: 14px;
    font-style: italic;
    font-family: Georgia, serif; }
  .actualite-sans-image .article .views-field-view-node a,
  .actualite-sans-image .views-row .views-field-view-node a,
  .view-actualite-porte-parole .article .views-field-view-node a,
  .view-actualite-porte-parole .views-row .views-field-view-node a {
    font-family: Georgia, serif;
    color: #5d7c4a; }

/* PAGES SPECIALES =============================================================
 *
 * - Accueil et sous-homepages (SHP).
 * - Page composition du gouvernement.
 * - Page "les services du premier ministre".
 * - Pages argumentaires, médias à partager et "en images".
 * - Page espace presse et ressources.
 * - Page annuaire des actions.
 * - Page timeline actualité du PM.
 * - Page porte-parolat.
 * - Page comptes-rendus du conseil des ministres.
 */
/* Pages spéciales dont la zone de contenu doit prendre toute la largeur. */
.front #content.limiter,
.page-node-2 #content.limiter,
.page-node-3 #content.limiter,
.page-term-26 #content.limiter,
.page-node-16 #content.limiter {
  margin: 0;
  width: auto;
  text-align: center;
  padding: 0; }

@media (min-width: 960px) {
  .front #content.limiter,
  .page-node-2 #content.limiter,
  .page-node-3 #content.limiter,
  .page-term-26 #content.limiter,
  .page-node-16 #content.limiter {
    margin: 0;
    width: auto;
    text-align: center;
    padding: 0; } }

/* ACCUEIL ET SHP ============================================================== */
.accueil-zone,
.shp-zone {
  padding: 27px 0; }

/* Intertitres en Georgia italique. */
.shp-intertitre {
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 26px;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  text-align: center;
  padding: 25px; }

.shp-zone .menu-rubrique,
.shp-zone .actions-une-bottom {
  text-align: left; }
  .shp-zone .menu-rubrique .shp-intertitre,
  .shp-zone .actions-une-bottom .shp-intertitre {
    text-align: left;
    padding: 30px 0 20px; }

.shp-zone .titre-zone {
  padding-bottom: 30px; }

/* SHP ACTION DU GOUVERNEMENT -------------------------------------------------- */
/* SHP Action zone 1 : Actions à la une. */
.actions-une .field.menu-rubrique.menu-rubrique-style-liste {
  padding: 0;
  margin-bottom: 20px; }

.actions-une .actions-une-decouvrir {
  text-align: center; }

@media (min-width: 960px) {
  .actions-une .actions-une-bottom .actions-une-autres {
    float: left;
    width: 650px; }
  .actions-une .actions-une-bottom .actions-une-decouvrir {
    float: right;
    width: 300px;
    margin-top: 20px;
    text-align: left; } }

/* SHP Action zone 2 : L'essentiel des ministères. */
.isotope-essentiel-des-ministeres {
  text-align: left;
  margin: 40px 0 20px; }

/* SHP Action zone 3 : Porte-parolat. */
@media (min-width: 960px) {
  .actions-porte-parole-contenu {
    text-align: left;
    position: relative;
    padding-left: 300px; }
    .actions-porte-parole-contenu .porte-parole-colonne {
      position: absolute;
      left: 0;
      top: 0;
      width: 280px; }
      .actions-porte-parole-contenu .porte-parole-colonne .bouton {
        margin: 25px 0 0 0;
        font-style: italic; }
  .actions-porte-parole-actualite {
    min-height: 500px; }
    .actions-porte-parole-actualite .view-actualite-porte-parole .views-row {
      /*height: 130px */
      min-height: 130px;
      float: left;
      margin-left: 30px;
      width: 300px; } }

/* SHP ORGANISATION ------------------------------------------------------------ */
/* SHP Organisation zone 1 : Le premier ministre. */
.premier-ministre-bottom {
  margin-top: 30px; }

/* SHP Organisation zone 2 : Composition du gouvernement. */
.composition-image {
  display: block;
  text-align: center;
  margin: 25px 0; }

/* Page d'accueil */
/* VARIABLES UTILES. */
.accueil-limiter {
  margin: 0 15px;
  text-align: center; }

@media (min-width: 960px) {
  .accueil-limiter {
    width: 960px;
    margin: 0 auto; } }

@media (min-width: 1240px) {
  .accueil-limiter {
    width: 1240px; }
  .accueil-titre-bloc .accueil-titre {
    font-size: 43px;
    line-height: 43px; }
  .accueil-titre-bloc .accueil-sous-titre {
    font-size: 27px; } }

.style-gris .accueil-titre-bloc {
  color: #737373; }

.style-bleu .accueil-titre-bloc {
  color: #ffffff; }

.accueil-titre-bloc {
  text-transform: uppercase;
  margin-bottom: 30px; }
  .accueil-titre-bloc .accueil-titre {
    font-size: 24px;
    font-weight: bold;
    margin: 12px 0;
    padding: 0; }
  .accueil-titre-bloc .accueil-titre-separateur {
    width: 80px;
    margin: 0 auto;
    height: 1px;
    overflow: hidden;
    background: #dadbdb; }
  .accueil-titre-bloc .accueil-sous-titre {
    font-size: 21px;
    margin: 7px 0; }

.action-description,
.article-description {
  font-family: Georgia, serif;
  /*color: #8d8c89 */
  color: #696764;
  line-height: 18px;
  display: none; }

.action-surtitre,
.article-surtitre {
  color: #0B6BA8;
  font-style: italic;
  font-family: Georgia, serif; }

.action-image,
.article-image {
  display: block;
  line-height: 0; }

@media (min-width: 960px) {
  .action-description,
  .article-description {
    display: block; } }

#suivre h2 {
  font-weight: normal;
  font-family: "Open Sans", Arial, sans-serif; }

#suivre .suivre-articles {
  background: #fff;
  text-align: left;
  max-width: 720px;
  margin: 0 auto;
  margin-bottom: 25px; }

#suivre .article-1 {
  background: #202328;
  color: #fff;
  max-width: 720px; }
  #suivre .article-1 .article-titre a {
    display: block;
    color: #fff;
    font-size: 19px;
    line-height: 22px;
    padding: 15px 40px; }

#suivre .article-2 {
  max-width: 460px;
  margin: 25px auto;
  padding: 0 5px 20px 7px; }
  #suivre .article-2 .article-image img {
    width: 100%; }
  #suivre .article-2 .article-titre h2 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 15px; }
    #suivre .article-2 .article-titre h2 a {
      display: block;
      color: #202328; }

@media (min-width: 960px) {
  #suivre .suivre-articles {
    max-width: none; }
    #suivre .suivre-articles .article-1 {
      margin-right: 30px;
      width: 560px;
      float: left; }
      #suivre .suivre-articles .article-1 .article-image img {
        width: 560px; }
    #suivre .suivre-articles .article-2 {
      max-width: none;
      width: 300px;
      float: left;
      margin: 30px 20px 0;
      /*height: 383px */
      min-height: 383px;
      padding: 0; }
      #suivre .suivre-articles .article-2 .article-titre h2 {
        font-size: 15px; }
      #suivre .suivre-articles .article-2 .article-description {
        font-size: 13px;
        line-height: 19px; }
      #suivre .suivre-articles .article-2 .article-boutons {
        text-align: right;
        margin-top: 10px; } }

@media (min-width: 1240px) {
  #suivre .suivre-articles .article-1 {
    margin-right: 40px;
    width: 720px; }
    #suivre .suivre-articles .article-1 .article-image img {
      width: auto; }
    #suivre .suivre-articles .article-1 .article-titre a {
      font-size: 24px;
      line-height: 28px;
      padding: 25px 50px; }
  #suivre .suivre-articles .article-2 {
    width: 401px;
    margin-top: 40px;
    /*height: 490px */
    min-height: 490px; }
    #suivre .suivre-articles .article-2 .article-titre h2 {
      font-size: 20px; }
    #suivre .suivre-articles .article-2 .article-description {
      font-size: 17px;
      line-height: 24px; }
    #suivre .suivre-articles .article-2 .article-boutons {
      margin-top: 15px; } }

#sinformer .accueil-titre-bloc .accueil-titre-separateur {
  background: #1f80be; }

#sinformer .accueil-titre-bloc .accueil-titre {
  color: #eaf6fd; }

#sinformer .actions {
  background: #fff;
  text-align: left;
  max-width: 340px;
  margin: 0 auto; }
  #sinformer .actions .action {
    margin-top: 10px; }
  #sinformer .actions .action-lien a {
    display: block;
    font-family: Georgia, serif;
    color: #5d7c4a; }
  #sinformer .actions .action-description,
  #sinformer .actions .action-surtitre {
    margin: 15px 25px 10px; }
  #sinformer .actions .action-description {
    margin-bottom: 25px; }
  #sinformer .actions .action-image img {
    width: 340px; }
  #sinformer .actions .action-titre a {
    display: block;
    font-weight: bold;
    color: #202328;
    text-transform: uppercase;
    margin: 5px 25px 15px; }
  #sinformer .actions .accueil-conseil-ministre {
    border-top: 2px solid #c4c5c6; }
    #sinformer .actions .accueil-conseil-ministre .accueil-conseil-ministre-contenu {
      padding-left: 25px;
      padding-right: 25px; }
    #sinformer .actions .accueil-conseil-ministre .action-surtitre,
    #sinformer .actions .accueil-conseil-ministre .action-titre a {
      margin: 15px 0 10px; }
    #sinformer .actions .accueil-conseil-ministre .action-surtitre {
      color: #5d7c4a; }
    #sinformer .actions .accueil-conseil-ministre .action-separateur {
      margin: 15px 0;
      background: #5d7c4a;
      height: 2px;
      width: 30px; }
    #sinformer .actions .accueil-conseil-ministre .action-lien {
      margin-bottom: 25px; }

#sinformer .sinformer-thematiques .sinformer-liens {
  margin: 20px 0;
  text-align: left; }
  #sinformer .sinformer-thematiques .sinformer-liens a {
    max-width: 313px;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #1f80be;
    padding: 8px 0 8px 15px;
    position: relative; }
    #sinformer .sinformer-thematiques .sinformer-liens a .icone {
      position: absolute;
      top: 4px;
      left: 0; }
  #sinformer .sinformer-thematiques .sinformer-liens .first a {
    border-top: 1px solid #1f80be; }

#sinformer .sinformer-thematiques .bouton:hover {
  background: #042940; }

@media (min-width: 960px) {
  #sinformer .actions {
    max-width: none;
    position: relative;
    margin: 0; }
    #sinformer .actions .action {
      margin-top: 0; }
    #sinformer .actions .action-titre a {
      font-size: 17px; }
    #sinformer .actions .action-description,
    #sinformer .actions .action-surtitre {
      font-size: 12px;
      line-height: 17px;
      margin: 25px 20px 10px 0; }
    #sinformer .actions .action-description {
      margin-bottom: 10px; }
    #sinformer .actions .action-titre a {
      margin: 5px 0 10px; }
    #sinformer .actions .action-lien a {
      font-size: 11px; }
    #sinformer .actions .action-1 {
      float: left;
      width: 770px; }
      #sinformer .actions .action-1 .action-image {
        float: left;
        margin-right: 20px; }
        #sinformer .actions .action-1 .action-image img {
          width: 560px; }
    #sinformer .actions .accueil-conseil-ministre {
      position: absolute;
      top: 0;
      right: 0;
      width: 165px;
      /*height: 311px */
      min-height: 311px;
      border-left: 2px solid #e6ebf3;
      border-top: none; }
      #sinformer .actions .accueil-conseil-ministre .action-titre a {
        font-size: 14px; }
    #sinformer .actions .accueil-conseil-ministre-contenu {
      padding-left: 15px; }
    #sinformer .actions .conseil-ministre-image img {
      width: 165px; }
    #sinformer .actions .action-2, #sinformer .actions .action-3 {
      background: url("../img/accueil/accueil-actions-bg.png") repeat-x top left;
      padding-top: 5px;
      float: left;
      width: 480px;
      /*height: 151px */
      min-height: 151px;
      overflow: hidden; }
      #sinformer .actions .action-2 .action-contenu, #sinformer .actions .action-3 .action-contenu {
        margin-right: 15px; }
      #sinformer .actions .action-2 .action-titre a, #sinformer .actions .action-3 .action-titre a {
        font-size: 14px; }
      #sinformer .actions .action-2 .action-surtitre, #sinformer .actions .action-3 .action-surtitre {
        font-size: 12px;
        line-height: 17px;
        margin: 15px 0; }
      #sinformer .actions .action-2 .action-image, #sinformer .actions .action-3 .action-image {
        margin-right: 15px;
        float: left; }
        #sinformer .actions .action-2 .action-image img, #sinformer .actions .action-3 .action-image img {
          width: 270px; }
  #sinformer .sinformer-thematiques .sinformer-liens {
    width: 100%;
    float: left; }
    #sinformer .sinformer-thematiques .sinformer-liens a {
      max-width: none;
      /*height: 40px */
      min-height: 40px;
      float: left;
      width: 274px;
      margin-right: 46px;
      margin-left: 0;
      font-size: 14px; }
      #sinformer .sinformer-thematiques .sinformer-liens a.no-margin {
        margin-right: 0; }
      #sinformer .sinformer-thematiques .sinformer-liens a.first-row {
        border-top: 1px solid #1f80be; }
  #sinformer .sinformer-thematiques .bouton {
    margin-top: 20px;
    margin-left: 20px; }
    #sinformer .sinformer-thematiques .bouton:hover {
      text-decoration: none !important; } }

@media (min-width: 1240px) {
  #sinformer .actions .accueil-conseil-ministre .action-titre a,
  #sinformer .actions .action-titre a {
    font-size: 22px;
    line-height: 25px; }
  #sinformer .actions .action-description,
  #sinformer .actions .action-surtitre {
    font-size: 16px;
    line-height: 24px;
    margin: 30px 20px 15px 0; }
  #sinformer .actions .action-lien a {
    font-size: 14px; }
  #sinformer .actions .action-1 {
    float: left;
    width: 1000px; }
    #sinformer .actions .action-1 a.action-image {
      margin-right: 30px; }
      #sinformer .actions .action-1 a.action-image img {
        width: auto; }
  #sinformer .actions .accueil-conseil-ministre {
    width: 210px;
    height: 400px; }
    #sinformer .actions .accueil-conseil-ministre .action-separateur {
      width: 45px; }
    #sinformer .actions .accueil-conseil-ministre .accueil-conseil-ministre-contenu {
      padding-left: 20px; }
    #sinformer .actions .accueil-conseil-ministre .conseil-ministre-image img {
      width: 210px; }
  #sinformer .actions .action-2, #sinformer .actions .action-3 {
    float: left;
    width: 620px;
    /*height: 200px */
    min-height: 200px;
    overflow: hidden; }
    #sinformer .actions .action-2 .action-contenu, #sinformer .actions .action-3 .action-contenu {
      margin-right: 20px; }
    #sinformer .actions .action-2 .action-titre a, #sinformer .actions .action-3 .action-titre a {
      font-size: 18px;
      line-height: 22px; }
    #sinformer .actions .action-2 .action-surtitre, #sinformer .actions .action-3 .action-surtitre {
      font-size: 15px;
      margin: 25px 0 20px; }
    #sinformer .actions .action-2 .action-image, #sinformer .actions .action-3 .action-image {
      margin-right: 20px; }
      #sinformer .actions .action-2 .action-image img, #sinformer .actions .action-3 .action-image img {
        width: auto; }
  #sinformer .sinformer-thematiques .sinformer-liens {
    width: 100%;
    float: left; }
    #sinformer .sinformer-thematiques .sinformer-liens a {
      width: 358px;
      margin-right: 60px;
      /*height: 28px */
      min-height: 28px; } }

#decouvrir .decouvrir-articles {
  position: relative;
  max-width: 500px;
  margin: 0 auto; }

#decouvrir .decouvrir-article {
  background: #fff;
  text-align: left;
  position: relative;
  /*height: 240px */
  height: 190px; }
  #decouvrir .decouvrir-article .article-surtitre,
  #decouvrir .decouvrir-article .article-description,
  #decouvrir .decouvrir-article .article-separateur,
  #decouvrir .decouvrir-article .article-titre a {
    /*margin: 10px 10px 0 */
    margin: 6px 7px 0;
    font-size: 12px;
    line-height: 21px; }
  #decouvrir .decouvrir-article .article-separateur {
    height: 1px;
    overflow: hidden;
    background: #e7e8e8; }
  #decouvrir .decouvrir-article .article-titre a {
    display: block;
    text-transform: uppercase;
    color: #202328;
    font-weight: bold;
    font-size: 11px; }
  #decouvrir .decouvrir-article.article-2 {
    text-align: center;
    background: #202328;
    color: #fff;
    height: auto; }
    #decouvrir .decouvrir-article.article-2 .article-titre a {
      padding-top: 10px;
      padding-bottom: 25px;
      font-size: 15px;
      text-transform: uppercase;
      color: #fff;
      font-weight: bold; }
  #decouvrir .decouvrir-article.article-1, #decouvrir .decouvrir-article.article-3 {
    float: left;
    width: 48%;
    overflow: hidden;
    margin-top: 15px; }
  #decouvrir .decouvrir-article.article-3 {
    float: right; }
  #decouvrir .decouvrir-article.article-1 .article-image {
    position: absolute;
    bottom: 0;
    left: 0; }

@media (min-width: 960px) {
  #decouvrir .decouvrir-articles {
    position: relative;
    max-width: none; }
  #decouvrir .decouvrir-article {
    /*height: 314px */
    min-height: 314px;
    overflow: hidden;
    width: 190px; }
    #decouvrir .decouvrir-article img {
      width: 190px; }
    #decouvrir .decouvrir-article.article-1 {
      position: absolute;
      left: 0;
      top: 0;
      width: 190px;
      margin-top: 0; }
    #decouvrir .decouvrir-article.article-2 {
      /*height: 314px */
      min-height: 314px;
      width: 560px;
      margin-left: 200px; }
      #decouvrir .decouvrir-article.article-2 .article-titre a {
        padding-bottom: 0; }
      #decouvrir .decouvrir-article.article-2 img {
        width: 560px; }
    #decouvrir .decouvrir-article.article-3 {
      width: 190px;
      position: absolute;
      right: 0;
      top: 0;
      margin-right: 0;
      margin-top: 0; } }

@media (min-width: 1240px) {
  #decouvrir .decouvrir-article {
    /*height: 405px */
    min-height: 405px;
    width: 240px;
    margin-right: 15px; }
    #decouvrir .decouvrir-article img {
      width: auto; }
    #decouvrir .decouvrir-article .article-surtitre {
      font-size: 16px; }
    #decouvrir .decouvrir-article .article-titre a {
      font-size: 14px; }
    #decouvrir .decouvrir-article .article-description {
      font-size: 16px; }
    #decouvrir .decouvrir-article.article-1, #decouvrir .decouvrir-article.article-3 {
      width: 240px; }
    #decouvrir .decouvrir-article.article-2 {
      /*height: 405px */
      min-height: 405px;
      width: 720px;
      margin-left: 260px; }
      #decouvrir .decouvrir-article.article-2 img {
        width: auto; }
      #decouvrir .decouvrir-article.article-2 .article-titre a {
        padding-top: 30px;
        font-size: 20px; } }

#partager .accueil-titre-bloc .accueil-titre-separateur {
  background: #1f80be; }

#partager .accueil-titre-bloc .accueil-titre {
  color: #eaf6fd; }

#partager .partager-bloc {
  background: #fff;
  color: #202328;
  padding: 30px 20px 20px;
  max-width: 320px;
  margin: 0 auto 25px; }
  #partager .partager-bloc .bouton:hover {
    background: #0a6199 !important; }
  #partager .partager-bloc .partager-bloc-titre {
    text-align: left;
    font-family: Georgia, serif;
    color: #0B6BA8;
    font-size: 15px; }
  #partager .partager-bloc .partager-bloc-separateur {
    width: 80px;
    height: 2px;
    margin: 8px 0 15px;
    background: #0B6BA8;
    overflow: hidden; }
  #partager .partager-bloc .partager-element {
    text-align: left;
    background: #efeeec;
    margin-bottom: 20px; }
    #partager .partager-bloc .partager-element .element-boutons {
      text-align: center; }
    #partager .partager-bloc .partager-element .element-boutons {
      background: #f7f7f7;
      text-align: center; }
    #partager .partager-bloc .partager-element .element-titre a {
      display: block;
      color: #202328;
      font-weight: bold;
      margin: 10px 10px 5px;
      font-size: 14px;
      line-height: 16px; }
    #partager .partager-bloc .partager-element .element-sous-titre {
      font-size: 11px;
      font-style: italic;
      font-family: Georgia, serif;
      color: #b2b2b2;
      margin: 10px 10px 5px; }
    #partager .partager-bloc .partager-element .element-boutons {
      margin-top: 10px;
      padding: 5px; }

@media (min-width: 500px) {
  #partager .partager-bloc {
    padding: 30px 70px 20px; } }

@media (min-width: 960px) {
  #partager .partager-bloc {
    float: left;
    width: 240px;
    min-height: 416px;
    max-width: none;
    margin: 0; }
    #partager .partager-bloc .partager-element {
      width: 240px; }
      #partager .partager-bloc .partager-element .element-titre a {
        min-height: 32px; }
      #partager .partager-bloc .partager-element .element-image img {
        width: 240px; }
    #partager .partager-bloc.medias-a-partager {
      padding: 30px 30px 20px;
      width: 500px;
      margin-right: 20px; }
      #partager .partager-bloc.medias-a-partager .partager-element {
        float: left; }
        #partager .partager-bloc.medias-a-partager .partager-element.element-1 {
          margin-right: 10px; } }

@media (min-width: 1240px) {
  #partager .partager-bloc {
    float: left;
    width: 320px;
    padding: 30px 85px 20px;
    min-height: 466px; }
    #partager .partager-bloc .partager-bloc-titre {
      font-size: 20px;
      font-weight: normal; }
    #partager .partager-bloc .partager-bloc-separateur {
      width: 100px;
      margin: 10px 0 20px; }
    #partager .partager-bloc .partager-element {
      width: 320px; }
      #partager .partager-bloc .partager-element .element-image img {
        width: auto; }
      #partager .partager-bloc .partager-element .element-titre a {
        font-size: 18px;
        line-height: 20px;
        min-height: 40px; }
      #partager .partager-bloc .partager-element .element-sous-titre {
        font-size: 14px; }
    #partager .partager-bloc.medias-a-partager {
      width: 660px;
      padding: 30px 30px 20px;
      margin-right: 30px; }
      #partager .partager-bloc.medias-a-partager .partager-element.element-1 {
        margin-right: 20px; } }

#agir {
  display: none;
  color: #ffffff; }
  #agir a {
    color: #ffffff; }
  #agir .accueil-bloc {
    border: 1px solid #4a4d54;
    width: 308px;
    /*height: 254px */
    min-height: 254px; }
    #agir .accueil-bloc.accueil-bloc-reseaux {
      border: none;
      background: url("../img/accueil/bloc-reseaux-tft-s.png") no-repeat center center; }
      #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-follow,
      #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-tumblr,
      #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-follow-accueil,
      #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-tumblr-accueil {
        background: #202328;
        margin-top: 20px; }
        #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-follow:hover,
        #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-tumblr:hover,
        #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-follow-accueil:hover,
        #agir .accueil-bloc.accueil-bloc-reseaux .bouton.bouton-tumblr-accueil:hover {
          background: #191b1f; }
    #agir .accueil-bloc.accueil-bloc-e-regie {
      margin-right: 0;
      padding-top: 1px;
      /*height: 251px */
      min-height: 251px; }
  #agir .accueil-bloc-titre {
    text-transform: uppercase;
    display: block;
    color: #fff;
    margin: 25px 0 10px;
    font-weight: bold;
    font-size: 17px;
    line-height: 23px; }
  #agir .accueil-bloc-separateur {
    margin: 5px 0 15px;
    background: #4a4d54;
    height: 1px; }
  #agir .accueil-bloc-twitter,
  #agir .accueil-bloc-facebook,
  #agir .accueil-bloc-tumblr {
    float: left;
    width: 102px;
    /*height: 85px */
    min-height: 85px;
    padding-top: 98px;
    font-family: Georgia, serif;
    font-size: 10px; }
    #agir .accueil-bloc-twitter .bouton.bouton-follow,
    #agir .accueil-bloc-twitter .bouton.bouton-tumblr,
    #agir .accueil-bloc-twitter .bouton.bouton-follow-accueil,
    #agir .accueil-bloc-twitter .bouton.bouton-tumblr-accueil,
    #agir .accueil-bloc-facebook .bouton.bouton-follow,
    #agir .accueil-bloc-facebook .bouton.bouton-tumblr,
    #agir .accueil-bloc-facebook .bouton.bouton-follow-accueil,
    #agir .accueil-bloc-facebook .bouton.bouton-tumblr-accueil,
    #agir .accueil-bloc-tumblr .bouton.bouton-follow,
    #agir .accueil-bloc-tumblr .bouton.bouton-tumblr,
    #agir .accueil-bloc-tumblr .bouton.bouton-follow-accueil,
    #agir .accueil-bloc-tumblr .bouton.bouton-tumblr-accueil {
      font-size: 10px; }
  #agir .accueil-bloc-reseaux .accueil-bloc-titre {
    clear: both;
    color: #b6b7b9;
    font-size: 11px;
    line-height: 15px;
    padding: 25px 15px 0px; }

@media (min-width: 960px) {
  #agir {
    display: block; }
    #agir .accueil-bloc {
      float: left;
      margin-right: 16px; } }

@media (min-width: 1240px) {
  #agir .accueil-bloc {
    margin-right: 20px;
    width: 398px;
    min-height: 300px; }
    #agir .accueil-bloc.accueil-bloc-reseaux {
      background: url("../img/accueil/bloc-reseaux-tft.png") no-repeat top center; }
    #agir .accueil-bloc.accueil-bloc-e-regie {
      padding-top: 25px;
      min-height: 275px; }
  #agir .accueil-bloc-titre {
    margin: 35px 0 10px;
    font-size: 21px;
    line-height: 26px; }
  #agir .accueil-bloc-twitter,
  #agir .accueil-bloc-facebook,
  #agir .accueil-bloc-tumblr {
    width: 132px;
    /*height: 85px */
    min-height: 85px;
    padding-top: 132px;
    font-size: 13px; }
  #agir .accueil-bloc-reseaux .accueil-bloc-titre {
    clear: both;
    color: #b6b7b9;
    font-size: 14px;
    line-height: 20px;
    padding: 22px 22px 0; } }

.social-splash {
  background: #efeeec;
  text-align: center; }
  .social-splash-title {
    font-size: 24px;
    margin: 0 15px 15px;
    color: #0B6BA8;
    font-weight: bold; }
  .social-splash-texte a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .social-splash-iframe-wrapper {
    width: 480px;
    height: 60px;
    margin: 25px auto 0; }
    .social-splash-iframe-wrapper h2.newsletter-miniform-label {
      padding: 18px 0px 0 35px; }
    .social-splash-iframe-wrapper .miniform-wrapper {
      width: 340px; }
      .social-splash-iframe-wrapper .miniform-wrapper iframe {
        width: 300px;
        height: 60px;
        margin: 0 auto;
        float: right; }

.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

/* Page composition du gouvernement. */
/* VARIABLES UTILES. */
.composition-du-gouvernement .composition-du-gouvernement-menu {
  font-size: 14px; }
  .composition-du-gouvernement .composition-du-gouvernement-menu .telecharger-titre {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px; }
  .composition-du-gouvernement .composition-du-gouvernement-menu .telecharger-lien {
    font-family: Georgia, serif;
    display: block;
    margin-bottom: 40px; }
    .composition-du-gouvernement .composition-du-gouvernement-menu .telecharger-lien .icone {
      position: relative;
      top: 10px; }
  .composition-du-gouvernement .composition-du-gouvernement-menu ul.links {
    display: none; }
  .composition-du-gouvernement .composition-du-gouvernement-menu #composition-recherche {
    display: none; }

.composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere {
  border-bottom: 1px solid #c4c5c6;
  padding-bottom: 25px;
  text-align: center; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-entete .bouton-follow {
    float: right;
    margin: 20px auto 0px; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-entete .grand-ministere-titre {
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
    font-family: Georgia, serif;
    padding: 20px 0;
    text-align: center; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre {
    margin-bottom: 15px;
    clear: both; }
    .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre h2 {
      font-weight: normal; }
    .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre .ministre-nom {
      display: block;
      font-size: 25px;
      line-height: 21px;
      font-family: Georgia, serif;
      color: #202328;
      margin: 10px 0;
      text-align: center; }
    .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre .ministre-separateur {
      width: 30px;
      border-bottom: 2px solid #0B6BA8;
      margin: 10px auto; }
    .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre .ministre-fonction {
      display: block;
      font-size: 18px;
      line-height: 15px;
      color: #0B6BA8;
      margin: 10px 0;
      text-align: center; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-photo {
    float: left;
    max-width: 45%; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-separateur,
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-nom {
    font-size: 16px;
    text-align: left; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-fonction {
    margin: 10px 0 10px 50%;
    text-align: left;
    font-size: 14px; }

@media (min-width: 350px) {
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre-grand-ministere {
    margin-bottom: 40px; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-separateur,
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-nom {
    margin: 10px 0 10px 160px; }
  .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-fonction {
    margin: 10px 0 20px 160px; } }

@media (min-width: 960px) {
  .composition-du-gouvernement {
    position: relative; }
    .composition-du-gouvernement .composition-du-gouvernement-menu {
      position: absolute;
      top: 0;
      left: 0;
      width: 300px; }
      .composition-du-gouvernement .composition-du-gouvernement-menu .telecharger-lien {
        margin-bottom: 40px; }
      .composition-du-gouvernement .composition-du-gouvernement-menu input.form-text {
        width: 268px;
        border: 1px solid #0b6ba8; }
      .composition-du-gouvernement .composition-du-gouvernement-menu #composition-recherche {
        display: block;
        position: relative; }
        .composition-du-gouvernement .composition-du-gouvernement-menu #composition-recherche .composition-suggestions {
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
          z-index: 20;
          position: absolute;
          top: 36px;
          left: 1px;
          width: 298px;
          background: #fff; }
          .composition-du-gouvernement .composition-du-gouvernement-menu #composition-recherche .composition-suggestions a {
            display: block;
            color: #202328;
            padding: 8px 15px;
            border-bottom: 1px solid #ccc;
            font-size: 14px; }
            .composition-du-gouvernement .composition-du-gouvernement-menu #composition-recherche .composition-suggestions a:hover {
              background: #f4f4f4;
              text-decoration: none; }
          .composition-du-gouvernement .composition-du-gouvernement-menu #composition-recherche .composition-suggestions .last a {
            border-bottom: none; }
      .composition-du-gouvernement .composition-du-gouvernement-menu ul.links {
        display: block;
        margin-top: 30px; }
        .composition-du-gouvernement .composition-du-gouvernement-menu ul.links .first a {
          border-top: 1px solid #c4c5c6; }
        .composition-du-gouvernement .composition-du-gouvernement-menu ul.links a {
          display: block;
          padding: 10px 10px 10px 20px;
          border-bottom: 1px solid #c4c5c6;
          font-weight: bold;
          position: relative; }
          .composition-du-gouvernement .composition-du-gouvernement-menu ul.links a .icone {
            position: absolute;
            width: 20px;
            top: 5px;
            left: 0; }
    .composition-du-gouvernement .composition-du-gouvernement-contenu {
      padding-left: 330px; }
      .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere {
        border-bottom: 1px solid #c4c5c6;
        padding-bottom: 25px; }
        .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-entete .bouton-follow {
          float: right;
          margin-top: 15px; }
        .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-entete .grand-ministere-titre {
          text-align: center; }
        .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu {
          position: relative;
          min-height: 270px; }
          .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre {
            clear: none; }
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre .ministre-fonction {
              font-size: 15px; }
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre .ministre-nom {
              font-size: 23px; }
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre .ministre-separateur {
              width: 30px;
              border-bottom: 2px solid #0B6BA8;
              margin: 10px auto; }
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministre.ministre-grand-ministere {
              display: block;
              text-align: center;
              width: 630px; }
          .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre {
            float: left;
            width: 315px;
            margin-top: 20px;
            /*height: 180px */
            min-height: 180px;
            margin-bottom: 0; }
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-photo {
              float: left;
              max-width: none; }
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-separateur,
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-nom {
              margin-top: -5px;
              font-size: 15px; }
            .composition-du-gouvernement .composition-du-gouvernement-contenu .bloc-grand-ministere .bloc-grand-ministere-contenu .ministres .ministre .ministre-fonction {
              display: block;
              margin: 10px 0 8px 160px;
              padding-right: 4px;
              font-size: 11px; } }

/* Page "les services du premier ministre". */
/* VARIABLES UTILES. */
.spm-filtres .filtre-type-spm {
  float: left;
  height: 34px;
  margin-right: 30px; }

.spm-filtres #spm-recherche {
  float: left; }
  .spm-filtres #spm-recherche input {
    height: 14px;
    padding: 10px 15px;
    background: #fff;
    border: none;
    width: 300px; }

#spm-recherche {
  position: relative; }
  #spm-recherche .spm-suggestions {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    z-index: 20;
    position: absolute;
    top: 30px;
    left: 0;
    width: 330px;
    background: #fff; }
    #spm-recherche .spm-suggestions a {
      display: block;
      color: #202328;
      padding: 8px 15px;
      border-bottom: 1px solid #ccc;
      font-size: 14px; }
      #spm-recherche .spm-suggestions a:hover {
        background: #f4f4f4;
        text-decoration: none; }
    #spm-recherche .spm-suggestions .last a {
      border-bottom: none; }

.spm-liste .spm-rubrique {
  margin: 15px 0 40px; }

.spm-liste .spm-intertitre {
  margin-bottom: 15px;
  font-size: 22px; }

.spm-liste .spm {
  display: block;
  padding: 10px 10px 10px 20px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  border-top: 1px solid #e9eaea; }
  .spm-liste .spm .icone {
    background-position: -10px -60px;
    position: absolute;
    top: 6px;
    left: 0;
    width: 20px; }

@media (min-width: 960px) {
  .spm-liste .spm-rubrique {
    clear: both; }
  .spm-liste .spm {
    float: left;
    width: 434px; }
  .spm-liste .odd .spm {
    margin-right: 30px; }
  .spm-liste .last .spm, .spm-liste .avant-dernier .spm {
    border-bottom: 1px solid #e9eaea; } }

/* Pages argumentaires, médias à partager et "en images". */
/* VARIABLES UTILES. */
.mosaique {
  width: 290px;
  margin: 0 auto; }
  .mosaique .mosaique-element {
    background: #fff;
    width: 290px;
    float: left;
    margin: 0 0 15px 0; }
    .mosaique .mosaique-element-image, .mosaique .mosaique-element-legende-titre {
      display: block; }
    .mosaique .mosaique-element-image {
      line-height: 0; }
      .mosaique .mosaique-element-image img {
        width: 310px; }
    .mosaique .mosaique-element .bouton {
      background: #bababa; }
  .mosaique .twitterembed-canvas {
    width: 100% !important; }
  .mosaique#mosaique-medias-a-partager .mosaique-element-legende-titre {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #202328;
    padding: 20px; }
  .mosaique#mosaique-medias-a-partager .mosaique-element .boutons-partage {
    text-align: center;
    background: #f7f7f7;
    padding: 10px 0; }
  .mosaique#mosaique-en-images .mosaique-element {
    position: relative;
    background: #000;
    /*height: 162px */
    min-height: 162px;
    overflow: hidden; }
    .mosaique#mosaique-en-images .mosaique-element .icone {
      left: 15px;
      position: absolute; }
    .mosaique#mosaique-en-images .mosaique-element-icone {
      display: none; }
    .mosaique#mosaique-en-images .mosaique-element-legende {
      font-size: 16px;
      line-height: 20px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.8); }
      .mosaique#mosaique-en-images .mosaique-element-legende-icone {
        top: 15px; }
      .mosaique#mosaique-en-images .mosaique-element-legende-titre {
        font-weight: bold;
        color: #fff;
        padding: 15px 20px 3px 60px; }
        .mosaique#mosaique-en-images .mosaique-element-legende-titre:focus {
          outline: none; }
      .mosaique#mosaique-en-images .mosaique-element-legende-sous-titre {
        color: #cfcfce;
        font-family: Georgia, serif;
        font-style: italic;
        padding: 3px 20px 15px 60px; }
  .mosaique#mosaique-argumentaires .mosaique-element {
    position: relative;
    background: #fff;
    /*height: 280px */
    min-height: 280px;
    overflow: hidden; }
    .mosaique#mosaique-argumentaires .mosaique-element-legende {
      font-size: 16px;
      line-height: 20px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.8); }
      .mosaique#mosaique-argumentaires .mosaique-element-legende-titre {
        font-weight: bold;
        color: #fff;
        padding: 15px 20px 3px 20px;
        line-height: 24px; }
        .mosaique#mosaique-argumentaires .mosaique-element-legende-titre:focus {
          outline: none; }
      .mosaique#mosaique-argumentaires .mosaique-element-legende-sous-titre {
        color: #cfcfce;
        font-family: Georgia, serif;
        font-style: italic;
        padding: 3px 20px 15px 20px; }
    .mosaique#mosaique-argumentaires .mosaique-element.unfolded {
      height: auto; }
      .mosaique#mosaique-argumentaires .mosaique-element.unfolded .argumentaire-full,
      .mosaique#mosaique-argumentaires .mosaique-element.unfolded .boutons-partage {
        display: block; }
      .mosaique#mosaique-argumentaires .mosaique-element.unfolded .mosaique-element-legende,
      .mosaique#mosaique-argumentaires .mosaique-element.unfolded .mosaique-element-image {
        display: none; }
    .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full {
      display: none;
      position: relative;
      padding: 20px 30px 0; }
      .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .close-argumentaire {
        top: 15px;
        right: 20px;
        position: absolute; }
        .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .close-argumentaire:hover {
          cursor: pointer; }
        .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .close-argumentaire:focus {
          outline: none; }
      .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-header {
        border-bottom: 1px solid #eeeeec;
        font-size: 16px;
        padding-bottom: 15px;
        padding-right: 30px;
        margin-bottom: 15px; }
        .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-header .argumentaire-titre {
          font-weight: bold;
          color: #202328; }
        .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-header .argumentaire-sous-titre {
          font-size: 14px;
          font-style: italic;
          font-family: Georgia, serif; }
      .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-description {
        font-style: italic;
        font-family: Georgia, serif;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
        font-weight: normal; }
      .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-texte {
        font-family: Georgia, serif;
        font-size: 14px;
        line-height: 18px;
        color: #3A3A3A;
        margin-bottom: 20px; }
        .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-texte ol, .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-texte ol li {
          list-style-type: decimal; }
        .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-texte ul {
          list-style-type: disc;
          padding: 0 0 0 25px;
          margin: 0 0 0.5em; }
          .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-texte ul li {
            list-style-type: disc; }
      .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-signature {
        font-family: Georgia, serif;
        font-style: italic;
        color: #b3b1a8;
        font-size: 14px;
        margin-bottom: 30px; }
    .mosaique#mosaique-argumentaires .mosaique-element .boutons-partage {
      display: none;
      margin: 10px 0;
      text-align: right; }

.mosaique-elements {
  /*height: 1000px */
  min-height: 1000px;
  margin: 40px 0; }

.page-node-644 #banniere.banniere-image-full {
  background-color: #0c5d86; }

.page-node-644 .title-mosaique {
  color: #000;
  text-transform: uppercase;
  text-align: center;
  font-size: 26px;
  padding-bottom: 15px; }

.page-node-644 .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-signature {
  font-size: 20px; }

@media (min-width: 465px) {
  .mosaique {
    width: 310px; }
    .mosaique .mosaique-element {
      width: 310px; }
    .mosaique#mosaique-en-images .mosaique-element {
      /*height: 180px */
      min-height: 180px;
      width: 310px; }
    .mosaique#mosaique-argumentaires .mosaique-element {
      height: 300px;
      min-height: 300px; } }

@media (min-width: 615px) {
  .mosaique {
    width: 635px; }
    .mosaique#mosaique-argumentaires .mosaique-element.grand-format {
      text-align: left; }
    .mosaique#mosaique-argumentaires .mosaique-element.unfolded {
      width: 635px; }
      .mosaique#mosaique-argumentaires .mosaique-element.unfolded .mosaique-element-legende,
      .mosaique#mosaique-argumentaires .mosaique-element.unfolded .mosaique-element-image {
        display: none; } }

@media (min-width: 960px) {
  .isotope-unprocessed {
    position: relative;
    left: -15px;
    width: 975px; }
    .isotope-unprocessed .mosaique-element {
      margin: 0 0 15px 15px; }
    .isotope-unprocessed .center {
      margin-left: 15px; }
  .mosaique {
    width: 960px;
    margin: 0; }
    .mosaique .mosaique-element.grand-format {
      width: 635px; }
    .mosaique .mosaique-element-image img {
      width: auto; }
    .mosaique .center {
      clear: both; }
    .mosaique#mosaique-en-images .mosaique-element-legende {
      display: none; }
    .mosaique#mosaique-en-images .mosaique-element-icone {
      bottom: 15px;
      display: block; }
    .mosaique#mosaique-en-images .mosaique-element.grand-format {
      /*height: 375px */
      min-height: 375px;
      width: 635px; }
    .mosaique#mosaique-en-images .mosaique-element:hover .mosaique-element-legende {
      display: block; }
    .mosaique#mosaique-en-images .mosaique-element:hover .mosaique-element-icone {
      display: none; }
    .mosaique#mosaique-argumentaires {
      width: 960px; }
      .mosaique#mosaique-argumentaires .mosaique-element.unfolded {
        /*height: 615px */
        min-height: 615px; }
      .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full {
        /*height: 503px */
        min-height: 503px;
        overflow: hidden; }
      .mosaique#mosaique-argumentaires .boutons-partage {
        position: absolute;
        bottom: 12px;
        margin: 0;
        right: 30px; } }

@media (min-width: 465px) {
  .page-node-644 .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-header {
    border-bottom: none; }
  .page-node-644 .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-description {
    color: grey; }
  .page-node-644 #banniere.banniere-image-full {
    background-position: top center;
    background-size: initial;
    background-color: #0c5d86;
    background-image: none; } }

.page-node-644 #banniere h2 {
  display: none; }

@media (min-width: 615px) {
  .page-node-644 .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-header {
    border-bottom: none; }
  .page-node-644 .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-description {
    color: grey; }
  .page-node-644 #banniere.banniere-image-full {
    background-position: top center;
    background-size: cover;
    background-color: transparent;
    background-image: url(/sites/all/themes/custom/gouvernement/img/2014/banniere2.jpg); }
  .page-node-644 #banniere {
    position: relative;
    padding-top: 10px; }
    .page-node-644 #banniere.banniere-avec-image {
      min-height: 500px; }
    .page-node-644 #banniere h2 {
      margin-top: 0;
      left: 10%;
      right: 10%;
      top: 296px;
      position: absolute;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 42px;
      display: block;
      font-style: italic;
      left: 1%;
      right: 1%; }
  .page-node-644 .titre-zone {
    padding-top: 0; } }

/*Mosaique de Noel */
@media (min-width: 960px) {
  .page-node-644 .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-header {
    border-bottom: none;
    font-size: 32px;
    margin-bottom: 35px; }
  .page-node-644 .mosaique#mosaique-argumentaires .mosaique-element .argumentaire-full .argumentaire-description {
    color: grey;
    font-size: 28px;
    line-height: 38px; }
  .page-node-644 #banniere {
    padding-top: 10px; }
    .page-node-644 #banniere h2 {
      font-size: 51px; }
  .page-node-644 .titre-zone {
    padding-top: 0; }
  .page-node-644 .title-mosaique {
    text-align: center;
    text-transform: none;
    font-family: Georgia, serif;
    font-size: 26px;
    line-height: 34px; } }

#messages {
  display: none; }

.mosaique-simple {
  width: 100%; }
  .mosaique-simple .mosaique-elements {
    margin-top: 0 !important;
    overflow: hidden;
    min-height: auto !important;
    width: 100% !important; }
  .mosaique-simple .mosaique-element {
    width: 100%; }
    @media (max-width: 799px) {
      .mosaique-simple .mosaique-element {
        max-width: 465px;
        float: none;
        margin: 0 auto 15px auto; } }
    @media (min-width: 800px) {
      .mosaique-simple .mosaique-element {
        width: 350px; }
        .mosaique-simple .mosaique-element:nth-child(odd) {
          margin-right: 20px; } }
    .mosaique-simple .mosaique-element img {
      width: 100%; }

/* Page espace presse et ressources. */
/* VARIABLES UTILES. */
.liste-documents .pager {
  margin-top: 30px; }

.banniere-espace-presse {
  color: #696969; }
  .banniere-espace-presse .bloc-agenda {
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.55);
    margin-bottom: 30px; }
    .banniere-espace-presse .bloc-agenda .bloc-agenda-top {
      text-align: center;
      background: #696969;
      color: #ecebe9;
      padding: 12px;
      position: relative;
      /*height: 18px */
      min-height: 18px; }
      .banniere-espace-presse .bloc-agenda .bloc-agenda-top .bloc-agenda-heure {
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        font-weight: bold;
        display: block; }
      .banniere-espace-presse .bloc-agenda .bloc-agenda-top .bloc-agenda-date {
        display: block;
        font-size: 12px;
        position: absolute;
        top: 13px;
        left: 20px; }
    .banniere-espace-presse .bloc-agenda .bloc-agenda-titre {
      font-family: Georgia, serif;
      font-size: 17px;
      padding: 20px; }
    .banniere-espace-presse .bloc-agenda .bloc-agenda-lieu {
      font-size: 12px;
      color: #a1a098;
      padding: 20px; }
      .banniere-espace-presse .bloc-agenda .bloc-agenda-lieu .icone {
        width: 10px;
        /*height: 15px */
        min-height: 15px;
        background-position: -100px -38px;
        position: relative;
        top: 2px;
        margin-right: 8px; }
  .banniere-espace-presse .agenda-presse-bouton {
    text-align: center;
    margin-bottom: 30px; }
  .banniere-espace-presse .banniere-presse-infos {
    margin-bottom: 30px;
    color: #cdcdcd; }
    .banniere-espace-presse .banniere-presse-infos .presse-infos-intro {
      font-style: italic;
      font-family: Georgia, serif;
      font-size: 18px;
      line-height: 28px; }
    .banniere-espace-presse .banniere-presse-infos .presse-info {
      text-transform: uppercase;
      border-bottom: 1px solid #4c5259;
      font-size: 14px;
      padding: 10px 0;
      text-transform: uppercase; }
      .banniere-espace-presse .banniere-presse-infos .presse-info.border-top {
        border-top: 1px solid #4c5259; }
      .banniere-espace-presse .banniere-presse-infos .presse-info .presse-info-value {
        font-weight: bold;
        color: #fff;
        margin-left: 10px; }
      .banniere-espace-presse .banniere-presse-infos .presse-info a {
        color: #fff; }
  @media (min-width: 960px) {
    .banniere-espace-presse .bloc-agenda {
      position: relative;
      float: left;
      width: 300px;
      margin-right: 30px;
      /*height: 220px */
      min-height: 220px; }
      .banniere-espace-presse .bloc-agenda.bloc-agenda-3 {
        margin-right: 0; }
      .banniere-espace-presse .bloc-agenda .bloc-agenda-lieu {
        position: absolute;
        padding: 0;
        bottom: 20px;
        left: 20px; }
    .banniere-espace-presse .banniere-presse-infos .presse-infos-intro {
      float: left;
      width: 300px; }
    .banniere-espace-presse .banniere-presse-infos .presse-info {
      float: left;
      width: 300px;
      margin-left: 30px;
      /*height: 20px */
      min-height: 20px;
      overflow: hidden; } }

/* Page annuaire des actions. */
/* VARIABLES UTILES. */
.liste-action-mosaique .item-list ul li {
  margin: 0; }

.liste-action-mosaique .bloc-thematique .bloc-thematique-picto {
  display: none; }

.liste-action-mosaique .bloc-thematique .bloc-thematique-titre {
  border-bottom: 1px solid #e9e9ea;
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  padding-bottom: 20px; }
  .liste-action-mosaique .bloc-thematique .bloc-thematique-titre a {
    color: #202328;
    display: block; }
  .liste-action-mosaique .bloc-thematique .bloc-thematique-titre .icone {
    position: absolute;
    top: 5px;
    left: 0; }

.liste-action-mosaique .bloc-thematique .lien-enjeu {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px; }

.liste-action-mosaique .bloc-thematique .enjeu-item .item-list {
  display: none; }

.liste-action-mosaique .bloc-thematique .enjeu-item.enjeu-item-ouvert .item-list {
  display: block; }

.liste-action-mosaique .bloc-thematique .lien-action {
  font-family: Georgia, serif;
  color: #202328;
  padding-left: 45px; }
  .liste-action-mosaique .bloc-thematique .lien-action .icone {
    left: 15px; }

.liste-action-mosaique .bloc-thematique .icone-action-top-level .lien-action {
  padding-left: 20px; }
  .liste-action-mosaique .bloc-thematique .icone-action-top-level .lien-action .icone {
    left: -10px; }

@media (min-width: 960px) {
  .liste-action-mosaique .liste-action-mosaique-gauche {
    float: left; }
  .liste-action-mosaique .liste-action-mosaique-droite {
    float: right; }
  .liste-action-mosaique .bloc-thematique {
    width: 465px;
    min-height: 130px;
    margin-bottom: 55px;
    background: #fff; }
    .liste-action-mosaique .bloc-thematique .bloc-thematique-content {
      position: relative;
      padding-left: 130px; }
    .liste-action-mosaique .bloc-thematique .bloc-thematique-picto {
      width: 100px;
      /*height: 100px */
      min-height: 100px;
      display: block;
      position: absolute;
      background: #0B6BA8;
      left: 0;
      top: 0; } }

.bouton-action-wrapper {
  background: #efeeec url("../img/pacte/pacte-btn-n.jpg") top center no-repeat;
  max-height: 330px;
  text-align: center;
  margin-top: 30px; }
  .bouton-action-wrapper img {
    margin-top: 140px; }
  .bouton-action-wrapper .bouton-action {
    display: inline-block;
    margin: 0;
    width: 100%; }

@media (min-width: 465px) {
  .bouton-action-wrapper .bouton-action {
    margin: 14px 0 27px; } }

/* Page timeline actualité du PM. */
/* VARIABLES UTILES. */
.page-node-1 #content.limiter {
  margin: 0 20px;
  text-align: center;
  width: auto; }

.page-node-1 #banniere {
  height: 450px;
  position: relative;
  padding-top: 0; }
  .page-node-1 #banniere .titre-zone {
    background: #3c4046;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0; }
    .page-node-1 #banniere .titre-zone .titre-zone-separateur,
    .page-node-1 #banniere .titre-zone .titre-zone-separateur.haut {
      display: none; }
  .page-node-1 #banniere .timeline-une {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(60, 64, 75, 0.85);
    padding: 20px 0; }
    .page-node-1 #banniere .timeline-une .timeline-une-surtitre {
      font-style: italic;
      font-family: Georgia, serif;
      font-size: 18px;
      line-height: 27px; }
    .page-node-1 #banniere .timeline-une a.timeline-une-titre {
      display: block;
      color: #fff; }
    .page-node-1 #banniere .timeline-une .limiter {
      position: relative; }
    .page-node-1 #banniere .timeline-une .bouton.boutons-partage {
      position: absolute;
      top: 0;
      right: 0; }
      .page-node-1 #banniere .timeline-une .bouton.boutons-partage .bouton {
        background: #bababa; }

@media (min-width: 960px) {
  .page-node-1 #banniere {
    height: 450px; } }

.timeline-tweet {
  text-align: left;
  margin-bottom: 30px;
  background: #539dd6;
  position: relative;
  padding-bottom: 58px;
  font-family: Georgia, serif; }
  .timeline-tweet a {
    color: #3c4046; }
  .timeline-tweet-block {
    background: transparent url("../img/timeline-tweet-bg.png") no-repeat center center;
    text-align: center;
    padding: 50px 0;
    position: relative; }
    .timeline-tweet-block-contenu {
      height: 80px;
      position: absolute;
      top: 50%;
      margin-top: -40px;
      width: 100%; }
    .timeline-tweet-block-username {
      font-size: 25px;
      text-decoration: none;
      display: block;
      margin-bottom: 10px; }
    .timeline-tweet-block .bouton.bouton-follow {
      background: #2288e8;
      color: #fff; }
  .timeline-tweet-contenu {
    background: #55abed;
    padding: 15px; }
  .timeline-tweet-texte {
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 40px;
    background: transparent url("../img/timeline-tweet-bulle.png") no-repeat bottom left;
    color: #3c4046; }
    .timeline-tweet-texte a {
      color: #fff; }
  .timeline-tweet-auteur {
    position: relative;
    padding-left: 80px;
    margin-top: 20px; }
    .timeline-tweet-auteur a {
      display: block; }
    .timeline-tweet-auteur-thumb {
      position: absolute;
      top: 0;
      left: 0;
      display: block; }
      .timeline-tweet-auteur-thumb img {
        width: 60px; }
    .timeline-tweet-auteur-nom {
      font-size: 20px;
      line-height: 28px; }
    .timeline-tweet-auteur-date {
      font-size: 18px;
      line-height: 25px;
      font-style: italic; }
  .timeline-tweet-partage {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58px; }
    .timeline-tweet-partage .boutons-partage {
      margin: 5px 25px;
      text-align: right; }
      .timeline-tweet-partage .boutons-partage .bouton {
        background: #338acd; }

@media (min-width: 960px) {
  .timeline-tweet {
    padding-left: 430px; }
    .timeline-tweet-block {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 430px;
      padding: 120px 0; }
    .timeline-tweet-contenu {
      padding: 40px; }
    .timeline-tweet-partage {
      left: 430px; } }

.timeline-element {
  text-align: left;
  background: #fff;
  margin-bottom: 30px;
  position: relative; }
  .timeline-element-contenu {
    display: flex;
    flex-direction: column;
    padding: 30px;
    padding-bottom: 88px; }
  .timeline-element-titre:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .timeline-element-titre {
    display: block;
    color: #202328; }
    .timeline-element-titre-texte {
      font-size: 24px;
      line-height: 35px; }
  .timeline-element-surtitre {
    order: -1;
    font-family: Georgia, serif;
    font-style: italic;
    padding-bottom: 30px;
    margin-bottom: 30px;
    height: 40px;
    border-bottom: 1px solid #deddd9; }
    .timeline-element-surtitre-icone {
      display: block;
      float: left;
      width: 30px;
      height: 30px;
      background: #0B6BA8;
      color: #fff;
      margin-right: 20px;
      padding: 3px; }
    .timeline-element-surtitre-texte {
      color: #b3b1a8;
      display: block;
      font-size: 12px;
      line-height: 18px; }
    .timeline-element-surtitre-date {
      color: #0B6BA8;
      font-size: 20px;
      line-height: 22px;
      display: block; }
  .timeline-element-partage {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58px;
    background: #f7f7f7; }
    .timeline-element-partage .boutons-partage {
      margin: 5px 25px;
      text-align: right; }
      .timeline-element-partage .boutons-partage .bouton {
        background: #bababa; }
  .timeline-element.timeline-element-right .timeline-element-partage .boutons-partage {
    text-align: left; }
  .timeline-element-image {
    margin: 0;
    line-height: 0; }
    .timeline-element-image img {
      z-index: 2;
      width: 100%; }
  .timeline-element.timeline-element-fullaction .timeline-element-contenu {
    min-height: 58px;
    padding: 0;
    padding-bottom: 0;
    background: #f7f7f7;
    position: relative; }
  .timeline-element.timeline-element-fullaction .timeline-element-surtitre-texte,
  .timeline-element.timeline-element-fullaction .timeline-element-surtitre-date {
    display: none; }
  .timeline-element.timeline-element-fullaction .timeline-element-surtitre {
    border-bottom: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0; }
    .timeline-element.timeline-element-fullaction .timeline-element-surtitre .timeline-element-surtitre-icone {
      width: 52px;
      height: 52px; }
      .timeline-element.timeline-element-fullaction .timeline-element-surtitre .timeline-element-surtitre-icone .icone-timeline-action {
        margin: 11px 0 0 11px; }
  .timeline-element.timeline-element-fullaction .timeline-element-titre {
    text-transform: uppercase;
    padding: 0 162px 0 78px; }
    .timeline-element.timeline-element-fullaction .timeline-element-titre-texte {
      padding: 10px 0; }
  .timeline-element.timeline-element-fullaction .timeline-element-partage {
    background: transparent;
    left: auto;
    bottom: auto;
    top: 0; }

@media (min-width: 960px) {
  .timeline-element{
    display: flex;
  }
  .timeline-element-image img {
    width: auto; }
  .timeline-element.timeline-element-left a.timeline-element-image {
    float: left;
    margin-right: 30px; }
  .timeline-element.timeline-element-right a.timeline-element-image {
    float: right;
    margin-left: 30px; } }

@media (min-width: 1230px) {
  .page-node-1 #content.limiter {
    width: 1230px;
    margin: 0 auto; } }

/* Page porte-parolat. */
/* VARIABLES UTILES. */
#banniere-porte-parolat {
  padding: 40px 0;
  text-align: left; }

.porte-parole-conseil-ministres {
  padding-bottom: 1px; }
  .porte-parole-conseil-ministres .boutons {
    text-align: center;
    margin-bottom: 40px; }
    @media (min-width: 960px) {
      .porte-parole-conseil-ministres .boutons {
        margin-left: 40px; } }

.pp-entete {
  margin-top: 40px; }
  .pp-entete .pp-badge {
    position: relative;
    padding-left: 100px;
    /*height: 100px */
    min-height: 100px; }
    .pp-entete .pp-badge .pp-badge-photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100px; }
      .pp-entete .pp-badge .pp-badge-photo img {
        border-radius: 50%; }
    .pp-entete .pp-badge .pp-badge-nom {
      font-family: Georgia, serif;
      font-size: 18px;
      padding-top: 11px;
      margin: 5px 0; }
    .pp-entete .pp-badge .pp-badge-fonction {
      font-size: 14px;
      line-height: 20px;
      text-transform: uppercase;
      color: #fff; }
    .pp-entete .pp-badge .pp-badge-separateur {
      height: 2px;
      background: #fff;
      width: 45px;
      margin: 5px 0; }
  .pp-entete .field.menu-rubrique.menu-rubrique-style-liste {
    padding: 0;
    width: auto; }
    .pp-entete .field.menu-rubrique.menu-rubrique-style-liste a {
      color: #fff;
      border-top: 1px solid #1f80be; }
    .pp-entete .field.menu-rubrique.menu-rubrique-style-liste li.last a {
      border-bottom: 1px solid #1f80be; }
    .pp-entete .field.menu-rubrique.menu-rubrique-style-liste li.avant-dernier a {
      border-bottom: 1px solid #1f80be; }

.page-term-26 .content {
  text-align: left; }

.page-term-26 .taxonomy-term.vocabulary-espace .icones-presence {
  padding-bottom: 40px; }

@media (min-width: 960px) {
  .pp-entete {
    position: relative;
    padding-left: 320px; }
    .pp-entete .pp-badge {
      position: absolute;
      top: 0;
      left: 0;
      width: 160px;
      padding-top: 0; }
      .pp-entete .pp-badge .pp-badge-photo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px; }
        .pp-entete .pp-badge .pp-badge-photo img {
          width: 80px; }
  .pp-entete .field.menu-rubrique.menu-rubrique-style-liste a {
    width: 280px;
    margin-right: 0; }
  .pp-entete .field.menu-rubrique.menu-rubrique-style-liste .odd a {
    margin-right: 40px; } }

.porte-parole-conseil-ministres {
  position: relative;
  margin-top: 40px;
  text-align: left; }
  .porte-parole-conseil-ministres .encart-argumentaires {
    text-align: center; }

#taxonomy-term-26 .node-content {
  text-align: left; }

.porte-parole-separateur {
  height: 2px;
  width: 45px;
  background: #5d7c4a;
  line-height: 0;
  margin: 20px auto; }

.porte-parole-description {
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 26px;
  color: #807b72; }

.porte-parole-nom {
  font-family: Georgia, serif;
  font-size: 20px;
  margin-bottom: 5px; }

.porte-parole-intertitre {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 20px;
  color: #5d7c4a;
  font-weight: initial; }

.porte-parole-photo {
  display: block;
  margin-bottom: 25px; }
  .porte-parole-photo img {
    border-radius: 50%; }

@media (min-width: 960px) {
  .porte-parole-conseil-ministres {
    padding-left: 290px; }
    .porte-parole-conseil-ministres .encart-argumentaires {
      text-align: left;
      position: absolute;
      top: 0;
      left: 0;
      width: 290px; }
  .porte-parole-separateur {
    margin: 20px 0; } }

/* Page comptes-rendus du conseil des ministres. */
.pagination-conseil-des-ministres {
  clear: both;
  padding-top: 40px; }

/* formulaire infolettre */
.zone-newsletter-wrapper {
  margin: 0 auto 30px;
  width: 55%; }

/* FONCTIONNALITÉS =============================================================
 *
 * - Recherche.
 * - Agenda.
 * - Scoop-it / l'essentiel des ministères.
 * - Formulaires.
 * - Pop-ups colorbox.
 * - Encart événements.
 */
/* RECHERCHE =================================================================== */
.resultats-recherche ol {
  margin: 0;
  padding: 0; }

.resultats-recherche .facettes {
  font-size: 15px; }
  .resultats-recherche .facettes a.active {
    font-weight: bold; }
  .resultats-recherche .facettes .block {
    margin-bottom: 25px; }
  .resultats-recherche .facettes .filtres-contenu h2 {
    font-family: "Open Sans", Arial, Sans-Serif;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .resultats-recherche .facettes ul {
    padding: 0;
    margin: 0; 
    display: flex;
    flex-wrap: wrap;
  }
  .resultats-recherche .facettes li {
    display: inline-block;
    font-weight: bold;
    margin: 0 0 0.5rem 0; }
  .resultats-recherche .facettes li a {
    background: #3c4046;
    border-radius: 20px;
    margin: 0 15px 0 0;
    padding: 12px 20px;
    color: white;
    font-weight: normal;
    display: block; }
    .resultats-recherche .facettes li a:hover {
      text-decoration: none;
      background: #0d324b; }
    .resultats-recherche .facettes li a.facetapi-active {
      background: #0d324b; }
  .resultats-recherche .facettes li input {
    margin-bottom: 0.1em;
    vertical-align: bottom; }

.region-content .search-form,
.region-content #search-form
{
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em; }
  .region-content .search-form .form-item-keys label {
    text-transform: initial; }
  .region-content .search-form .form-item-retain-filters {
    display: none; }
  .region-content .search-form #edit-keys,
  .region-content #search-form #edit-keys  {
    width: 38%; }
  .region-content .search-form .resultats-recherche-value {
    text-align: left;
    margin-top: 2.4em;
    font-weight: bold; }

@media (min-width: 960px) {
  .resultats-avec-facettes {
    position: relative; }
    .resultats-avec-facettes .facettes {
      top: 0; } }

/* AGENDA ====================================================================== */
.agenda {
  text-align: center; }
  .agenda .bouton {
    margin-top: 25px; }
  .agenda .prochainement {
    display: none; }
  .agenda.slick-initialized .prochainement {
    display: block; }
  .agenda .agenda-jour {
    text-align: left; }
    .agenda .agenda-jour .agenda-jour-titre {
      font-family: Georgia, serif;
      font-size: 22px;
      line-height: 26px;
      font-style: italic;
      text-transform: none;
      font-weight: normal;
      text-align: center;
      padding: 25px; }
  .agenda .jour-evenements {
    background: #efeeec; }
    .agenda .jour-evenements .agenda-evenement {
      border-bottom: 1px solid #fff;
      position: relative;
      padding: 25px 25px 25px 125px; }
      .agenda .jour-evenements .agenda-evenement .agenda-evenement-heure {
        position: absolute;
        top: 35px;
        left: 35px;
        font-weight: bold;
        color: #a2a19c;
        font-size: 14px; }
      .agenda .jour-evenements .agenda-evenement .agenda-evenement-titre {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 7px; }
      .agenda .jour-evenements .agenda-evenement .agenda-evenement-lieu {
        color: #a2a19c;
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 14px; }
        .agenda .jour-evenements .agenda-evenement .agenda-evenement-lieu .icone {
          width: 10px;
          height: 15px;
          background-position: -100px -38px;
          position: relative;
          top: 1px;
          margin-right: 8px; }
  .agenda.agenda-slider {
    margin-bottom: 0; }
    .agenda.agenda-slider .slide-prev,
    .agenda.agenda-slider .slide-next {
      overflow: hidden;
      text-indent: -999em;
      top: 15px;
      width: 40px;
      /*height: 40px */
      min-height: 40px;
      background: #fff url(../img/icone-sprite.png) no-repeat top left;
      display: block;
      position: absolute; }
      .agenda.agenda-slider .slide-prev:hover,
      .agenda.agenda-slider .slide-next:hover {
        cursor: pointer; }
    .agenda.agenda-slider .slide-prev {
      left: 0;
      background-position: 0 -220px; }
    .agenda.agenda-slider .slide-next {
      right: 0;
      background-position: -40px -220px; }

/* SCOOP-IT ==================================================================== */
.scoopit-post {
  width: 100%;
  background: #fff;
  margin-bottom: 20px; }
  .scoopit-post .scoopit-post-image {
    display: block;
    text-align: center; }
  .scoopit-post .scoopit-post-content {
    padding: 20px 0; }
    .scoopit-post .scoopit-post-content .scoopit-post-titre {
      font-size: 20px;
      line-height: 28px;
      font-weight: bold;
      padding: 0 20px;
      margin-bottom: 15px; }
      .scoopit-post .scoopit-post-content .scoopit-post-titre a {
        color: #202328; }
    .scoopit-post .scoopit-post-content .scoopit-post-description {
      font-size: 14px;
      line-height: 20px;
      padding: 0 20px; }
  .scoopit-post .scoopit-post-footer {
    padding: 20px;
    border-top: 1px solid #deddd9;
    font-size: 14px;
    line-height: 24px;
    font-family: Georgia, serif; }
    .scoopit-post .scoopit-post-footer .boutons-partage {
      float: right; }
    .scoopit-post .scoopit-post-footer .scoopit-post-tags,
    .scoopit-post .scoopit-post-footer .scoopit-post-date {
      font-style: italic;
      color: #b3b1a8; }

.field-item .scoopit-post {
  background: #efeeec;
  margin-bottom: 15px; }
  .field-item .scoopit-post .scoopit-post-content {
    padding: 15px 0; }
    .field-item .scoopit-post .scoopit-post-content .scoopit-post-titre {
      font-size: 15px;
      line-height: 18px;
      padding: 0 15px; }
    .field-item .scoopit-post .scoopit-post-content .scoopit-post-description {
      font-size: 11px;
      line-height: 15px;
      padding: 0 15px; }
  .field-item .scoopit-post .scoopit-post-footer {
    padding: 15px;
    font-size: 12px;
    line-height: 20px; }
    .field-item .scoopit-post .scoopit-post-footer .boutons-partage {
      float: right; }

@media (min-width: 960px) {
  .isotope-essentiel-des-ministeres.isotope-unprocessed {
    position: relative;
    left: -30px;
    width: 990px; }
    .isotope-essentiel-des-ministeres.isotope-unprocessed .scoopit-post {
      margin: 0 0 30px 30px; }
  .scoopit-post {
    width: 465px;
    float: left; }
    .scoopit-post .scoopit-post-image.scoopit-post-image-une {
      float: none; }
      .scoopit-post .scoopit-post-image.scoopit-post-image-une img {
        width: 465px; }
    .scoopit-post.scoopit-post-image-medium img {
      width: 250px; }
    .scoopit-post.scoopit-post-image-small img {
      width: 150px; }
    .scoopit-post.scoopit-post-image-left.scoopit-post-image-small .scoopit-post-image,
    .scoopit-post.scoopit-post-image-left.scoopit-post-image-medium .scoopit-post-image {
      margin-right: 20px;
      float: left; }
    .scoopit-post.scoopit-post-image-right.scoopit-post-image-small .scoopit-post-image,
    .scoopit-post.scoopit-post-image-right.scoopit-post-image-medium .scoopit-post-image {
      margin-left: 20px;
      float: right; }
    .scoopit-post.scoopit-post-image-center .scoopit-post-image {
      text-align: center; }
  .field-item .scoopit-post {
    width: 350px;
    float: left; }
    .field-item .scoopit-post .scoopit-post-image.scoopit-post-image-une img {
      width: 350px; }
    .field-item .scoopit-post.scoopit-post-image-medium img {
      width: 150px; }
    .field-item .scoopit-post.scoopit-post-image-small img {
      width: 100px; }
    .field-item .scoopit-post.scoopit-post-image-left.scoopit-post-image-small .scoopit-post-image,
    .field-item .scoopit-post.scoopit-post-image-left.scoopit-post-image-medium .scoopit-post-image {
      margin-right: 15px; }
    .field-item .scoopit-post.scoopit-post-image-right.scoopit-post-image-small .scoopit-post-image,
    .field-item .scoopit-post.scoopit-post-image-right.scoopit-post-image-medium .scoopit-post-image {
      margin-left: 15px; }
    .field-item .scoopit-post.scoopit-post-image-center .scoopit-post-image {
      text-align: center; } }

.node-contenu .field .field-item img,
.node-action .field .field-item img,
.node-webform .field .field-item img,
.node-english .field .field-item img {
  height: auto; }

/* FORMULAIRES ================================================================= */
/* Champ texte. */
input.form-text {
  width: 95%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 90%; }

/* Libellé. */
label {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 16px; }
  .lowercase label {
    text-transform: none; }

/* Bouton submit. */
input.form-submit {
  color: #fff;
  font-family: "Georgia", Serif;
  /*height: 38px */
  min-height: 38px;
  border: none;
  padding: 7px 25px;
  border-radius: 20px;
  background: #202328; }
  input.form-submit:hover {
    cursor: pointer;
    background: black; }

/* Formulaire complet newsletter ----------------------------------------------- */
.infolettre table {
  display: block; }

.infolettre table tr {
  display: table; }

.infolettre table tr td {
  display: table-row; }

@media (min-width: 960px) {
  .infolettre table {
    display: table;
    width: 98%; }
  .infolettre table tr {
    display: table-row; }
  .infolettre table tr td {
    display: table-cell;
    padding-top: 20px;
    font-size: 16px; } }

/* Zone Partager */
#partager .boutons-partage span {
  font-size: 50px; }

#partager .boutons-partage a {
  color: #757575; }
  #partager .boutons-partage a:hover {
    text-decoration: none;
    color: #0B6BA8; }

/* Formulaire de newsletter ---------------------------------------------------- */
.miniform-wrapper {
  margin: 0 auto;
  width: 100%; }
  .miniform-wrapper iframe {
    overflow: hidden;
    height: 60px;
    width: 100%;
    border: none;
    overflow: hidden;
    padding-top: 8px; }

h2.newsletter-miniform-label {
  font-family: Georgia, serif;
  text-align: center;
  font-style: italic;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal; }

@media (min-width: 960px) {
  h2.newsletter-miniform-label {
    float: left;
    padding: 18px 0 0; }
  .miniform-wrapper {
    float: right;
    margin: 0;
    height: 60px;
    width: 420px; }
    .miniform-wrapper iframe {
      width: 420px; }
  .node-action .zone-newsletter {
    width: 585px;
    margin: 0 auto 25px; } }

/* Formulaire de recherche ----------------------------------------------------- */
#header .search-form,
#mobile-menu .search-form {
  background: #efeeec;
  border-radius: 10px;
  width: auto;
  /*height: 34px */
  min-height: 34px;
  position: relative; }
  #header .search-form input.form-text-keys, #header .search-form input.form-submit,
  #mobile-menu .search-form input.form-text-keys,
  #mobile-menu .search-form input.form-submit {
    border: none;
    display: block; }
  #header .search-form input.form-submit:hover,
  #mobile-menu .search-form input.form-submit:hover {
    cursor: pointer !important; }
  #header .search-form input.form-text-keys,
  #mobile-menu .search-form input.form-text-keys {
    font-family: Georgia, serif;
    float: left;
    width: auto;
    padding: 9px 20px 10px 10px;
    font-size: 0.875em;
    font-style: italic;
    color: #6b6962;
    background: transparent; }
  #header .search-form input.form-submit,
  #mobile-menu .search-form input.form-submit {
    background: url("../img/header/loupe.png") no-repeat center center;
    text-indent: -9999em;
    overflow: hidden;
    /*height: 34px */
    min-height: 34px;
    width: 39px;
    position: absolute;
    top: 0;
    right: 0; }

@media (min-width: 960px) {
  #header .search-form,
  #mobile-menu .search-form {
    float: left;
    width: 260px;
    /*height: 39px */
    min-height: 39px; }
    #header .search-form input.form-text-keys,
    #mobile-menu .search-form input.form-text-keys {
      width: 230px;
      padding: 11px 10px 12px 20px; }
    #header .search-form input.form-submit,
    #mobile-menu .search-form input.form-submit {
      /*height: 39px */
      min-height: 39px; } }

/* Formulaire de recherche : suggestions --------------------------------------- */
.suggestions-block {
  background: #fff;
  width: 100%;
  position: absolute;
  z-index: 20000;
  top: 45px;
  left: 0;
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); }
  .suggestions-block.element-hidden {
    display: none; }
  .suggestions-block .last .suggestion {
    border-bottom: none; }
  .suggestions-block .suggestions-titre {
    margin-left: 15px;
    margin-top: 6px;
    display: block;
    font-size: 14px;
    font-style: italic; }
  .suggestions-block .suggestion {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 10px 15px 10px 75px;
    position: relative;
    min-height: 45px;
    font-size: 13px;
    line-height: 18px; }
    .suggestions-block .suggestion:hover {
      background: #f8f8f8;
      text-decoration: none; }
    .suggestions-block .suggestion .suggestion-image {
      position: absolute;
      left: 15px;
      top: 10px;
      width: 45px;
      /*height: 45px */
      min-height: 45px;
      display: block;
      background: #e9eaea; }
    .suggestions-block .suggestion .suggestion-titre {
      font-weight: bold;
      color: #202328; }

@media (min-width: 960px) {
  .search-form .suggestions-block {
    width: 415px; } }

/* Formulaire de partage par mail ---------------------------------------------- */
.form-partage-mail {
  background: #fff;
  padding: 30px 40px; }
  .form-partage-mail input.form-text {
    width: 70%; }

/* Formulaires divers ---------------------------------------------------------- */
#user-login {
  width: 450px;
  margin: 0 auto; }

/* COLORBOX ==================================================================== */
#colorbox .asset.asset-colorbox .asset-titre {
  display: none; }

#colorbox .asset.asset-colorbox .field {
  /*padding: 0 0 15px 0 */
  padding: 0 45px 2px; }
  #colorbox .asset.asset-colorbox .field.field-name-field-dmcloud-video, #colorbox .asset.asset-colorbox .field.field-name-field-dm-video {
    padding-top: 45px; }

.captcha {
  min-height: 130px; }

/* ENCART EVENEMENTS =========================================================== */
.evenements-block {
  position: absolute;
  right: -999em;
  bottom: 0;
  margin-right: 20px;
  background: #e9e9ea;
  padding: 16px 10px 10px;
  width: 410px;
  height: 92px;
  text-align: center;
  font-family: "Open Sans", Arial, Sans-Serif;
  z-index: 200;
  box-shadow: -2px -2px 10px -5px #000; }
  .evenements-block.evenements-open {
    position: fixed;
    right: 0; }
  .evenements-block .evenements-titre {
    text-align: left;
    color: #2d2d2d;
    font-size: 14px;
    font-style: italic;
    font-family: Georgia, serif;
    display: block; }
    .evenements-block .evenements-titre span {
      color: #0b6ba8; }
    .evenements-block .evenements-titre #evenements-close {
      background: url("../img/close.png");
      float: right;
      height: 19px;
      width: 19px;
      cursor: pointer;
      margin-right: 9px;
      margin-top: -8px; }
  .evenements-block .content-slider li {
    height: 64px;
    margin-top: 13px; }
    .evenements-block .content-slider li a {
      color: #2d2d2d;
      font-size: 15px;
      display: inline-block;
      padding-left: 38px;
      padding-right: 38px; }
  .evenements-block.evenements-visible {
    position: fixed;
    right: 0; }

.view-actualit-espace-lie-page-ministre .views-row .teaser-content .teaser-publication {
  position: inherit; }

.view-actualit-espace-lie-page-ministre .views-row .teaser-content .teaser-intro a {
  display: none; }

.vocabulary-enjeu .field-name-field-description {
  padding: 40px 120px 40px; }

.vocabulary-thematique .field-name-field-description {
  padding: 40px 120px 40px; }

/* QUIZZ ======================================================================= */
#quizz {
  background-color: white;
  padding-bottom: 20px; }
  #quizz .quizz-header-result {
    background-color: #105572;
    display: none;
    text-align: center;
    min-height: 367px;
    background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/resultat.png");
    background-position: bottom center;
    background-repeat: no-repeat; }
    #quizz .quizz-header-result h2 {
      display: none;
      float: left;
      width: 270px;
      padding: 130px 0 0 20px;
      font-family: Georgia;
      font-style: italic;
      color: #ccf1ff;
      font-weight: normal; }
      #quizz .quizz-header-result h2 span {
        color: #1bb2d1; }
    #quizz .quizz-header-result p {
      margin: 0 auto;
      width: 231px;
      min-height: 229px;
      font-family: Georgia;
      font-style: italic;
      font-size: 34px;
      line-height: 16px;
      padding: 95px 0 0 0;
      color: #edeff1; }
      #quizz .quizz-header-result p span {
        font-family: "Open Sans", Arial, Sans-Serif;
        font-style: normal;
        font-size: 20px;
        line-height: 44px;
        text-transform: uppercase; }
        #quizz .quizz-header-result p span.result {
          font-size: 78px;
          font-style: italic; }
        #quizz .quizz-header-result p span span {
          color: #1fa0d7;
          font-size: 75px;
          font-style: italic; }
  #quizz .quizz-header {
    text-align: center;
    min-height: 305px;
    background-color: #105572;
    padding: 0 0 10px 0; }
    #quizz .quizz-header img {
      padding: 30px 17px 5px 0px; }
    #quizz .quizz-header h2 {
      color: white;
      padding: 4px 60px 10px 60px;
      font-size: 1.7em;
      text-align: center; }
      #quizz .quizz-header h2 img {
        padding: 0; }
    #quizz .quizz-header span {
      font-style: italic;
      font-size: 37px;
      color: white;
      padding: 0 0 0 65px;
      font-family: Georgia; }
  #quizz .quizz-arianne {
    margin: 0;
    clear: both;
    min-height: 36px;
    background-color: #09a3df;
    padding: 0 0 0 0; }
    #quizz .quizz-arianne span {
      display: block;
      float: left;
      margin: 0;
      color: #fff;
      padding: 7px 15px;
      text-transform: uppercase; }
      #quizz .quizz-arianne span.active {
        background-color: #fff;
        color: #0c3c50; }
      #quizz .quizz-arianne span.check {
        background-color: #0c3c50;
        color: #fff; }
  #quizz .quizz-slide {
    font-family: Georgia, serif;
    padding: 40px;
    text-align: center; }
    #quizz .quizz-slide h3.quizz-question {
      color: #4d4e50;
      text-align: center;
      padding: 0 0 10px 0;
      font-family: Georgia, serif;
      font-size: 25px; }
    #quizz .quizz-slide label {
      text-transform: none;
      color: #3A3A3A;
      font-style: normal;
      font-size: 23px;
      font-family: Georgia, serif; }
    #quizz .quizz-slide li {
      padding: 2px 0px; }
  #quizz .quizz-result .quizz-reponse-1 p.numero span,
  #quizz .quizz-result .quizz-reponse-2 p.numero span,
  #quizz .quizz-result .quizz-reponse-3 p.numero span,
  #quizz .quizz-result .quizz-reponse-4 p.numero span,
  #quizz .quizz-result .quizz-reponse-5 p.numero span {
    padding: 0;
    background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/rond.jpg");
    line-height: 33px;
    background-position: -4px -104px;
    display: block;
    margin: 0 auto;
    width: 75px;
    height: 75px; }
  #quizz .quizz-result .quizz-reponse-1 p.numero.ok span {
    background-position: -4px -5px; }
  #quizz .quizz-result .quizz-reponse-2 p.numero.ok span {
    background-position: -96px -5px; }
  #quizz .quizz-result .quizz-reponse-2 p.numero span {
    background-position: -96px -104px; }
  #quizz .quizz-result .quizz-reponse-3 p.numero.ok span {
    background-position: -197px -5px; }
  #quizz .quizz-result .quizz-reponse-3 p.numero span {
    background-position: -197px -104px; }
  #quizz .quizz-result .quizz-reponse-4 p.numero.ok span {
    background-position: -297px -5px; }
  #quizz .quizz-result .quizz-reponse-4 p.numero span {
    background-position: -297px -104px; }
  #quizz .quizz-result .quizz-reponse-5 p.numero.ok span {
    background-position: -398px -5px; }
  #quizz .quizz-result .quizz-reponse-5 p.numero span {
    background-position: -398px -104px; }
  #quizz .quizz-result #quizz-restart,
  #quizz .quizz-result #quizz-result-suivant {
    padding: 40px 0 0 0; }
  #quizz .quizz-result .quizz-reponse {
    padding: 20px 0 0 0;
    margin: 20px 20px 0 20px; }
    #quizz .quizz-result .quizz-reponse.quizz-reponse-1 {
      border-top: none; }
  #quizz .quizz-result div h3 {
    font-size: 25px;
    color: #474e58;
    padding: 10px 0;
    font-family: Georgia, serif; }
  #quizz .quizz-result .quizz-explication {
    color: #7f807a;
    font-size: 17px;
    background-repeat: no-repeat;
    background-position: top center;
    font-weight: normal;
    padding: 20px 0 5px 0;
    font-family: Georgia, serif; }
    #quizz .quizz-result .quizz-explication.ok {
      background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/ok.png"); }
  #quizz .quizz-result h3 {
    color: #4d4f5c;
    font-family: Georgia; }
  #quizz .quizz-reponse label {
    display: inline-block; }
  #quizz .quizz-votre-reponse {
    color: #7f807a;
    font-size: 23px; }
    #quizz .quizz-votre-reponse span {
      background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/ko1.png");
      background-repeat: no-repeat;
      background-position: center right;
      padding-right: 30px;
      color: #7d7e79; }
      #quizz .quizz-votre-reponse span span {
        color: red;
        background-image: none;
        padding-right: 0px; }
    #quizz .quizz-votre-reponse.ok span {
      background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/ok1.png");
      background-repeat: no-repeat;
      background-position: center right;
      color: #7d7e79; }
      #quizz .quizz-votre-reponse.ok span span {
        background-image: none;
        color: #abd46e; }
  #quizz button {
    background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/quizz-v.gif");
    background-color: transparent;
    background-repeat: no-repeat;
    color: #fff;
    border: none;
    min-width: 135px;
    font-size: 1em;
    padding: 14px 0 13px 13px;
    text-align: left;
    font-family: Georgia, serif;
    font-size: 25px; }
    #quizz button:hover {
      background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/quizz-v.gif");
      cursor: pointer; }
  #quizz button#quizz-button-restart {
    background-position: 0px -64px;
    padding: 14px 25px 13px 13px; }

@media (min-width: 960px) {
  #quizz .quizz-header-result h2 {
    display: block; }
  #quizz .quizz-header {
    text-align: left;
    padding: 0; }
    #quizz .quizz-header h2 {
      padding: 73px 60px 0px 60px; }
      #quizz .quizz-header h2 img {
        float: none;
        padding: 0; }
    #quizz .quizz-header img {
      float: left;
      padding: 25px 17px 25px 90px; }
    #quizz .quizz-header span {
      background-image: url("/sites/all/themes/custom/gouvernement/img/quizz/quizz-f.gif");
      background-repeat: no-repeat;
      background-position: 0 6px; }
  #quizz .quizz-arianne {
    padding: 0 0 0 200px; }
    #quizz .quizz-arianne span {
      padding: 7px 15px; }
  .quizz-result .quizz-reponse {
    border-top: 1px solid #d4d4d4; } }

/* FIXS ET CLASS UTILITAIRES ===================================================
 */
/* Fix IE8 / Colorbox / Responsive */
#cboxLoadedContent img {
  /*max-width: none */
  max-width: 100%; }

.center {
  text-align: center; }

.pmv6-placeholder {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 40px;
  color: #bfc3c8;
  text-align: center;
  padding: 75px 0;
  margin: 30px 0;
  border: 2px dashed #bfc3c8;
  border-radius: 10px; }

/* Fix eu_cookie_compliance */
#sliding-popup.sliding-popup-bottom {
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  -ms-filter: "alpha(opacity=90)";
  filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
  opacity: 0.9; }

#sliding-popup .popup-content {
  max-width: 77%; }

#sliding-popup .popup-content #popup-text p {
  font-weight: normal;
  padding-top: 8px; }

#sliding-popup .popup-content #popup-text {
  max-width: 100%; }

#sliding-popup .popup-content #popup-buttons button {
  max-width: 50%;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  margin-top: 7px; }

#sliding-popup .popup-content #popup-buttons button:hover {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }

@media (min-width: 1240px) {
  #sliding-popup .popup-content #popup-buttons {
    text-align: right; }
  #sliding-popup .popup-content #popup-text {
    width: auto !important; } }

@media (min-width: 600px) {
  #sliding-popup .popup-content #popup-buttons {
    float: none;
    margin: 5px 0;
    max-width: 100%; }
  #sliding-popup .popup-content #popup-text {
    width: 100%; } }

/* Fix abbr on IE8, Safari, Chrome  */
abbr {
  border-bottom: 1px dotted #3A3A3A; }

.not-logged-in #main #messages {
  display: none; }

li.selected a {
  background-color: #f4f4f4;
  text-decoration: underline; }

.page-node-7817 #banniere,
.page-node-7808 #banniere,
.page-node-7810 #banniere,
.page-node-7816 #banniere {
  background-color: white; }

.page-node-7817 #main,
.page-node-7808 #main,
.page-node-7810 #main,
.page-node-7816 #main {
  background-color: #6dcff6; }
  @media (min-width: 768px) {
    .page-node-7817 #main,
    .page-node-7808 #main,
    .page-node-7810 #main,
    .page-node-7816 #main {
      background-image: url("/sites/all/themes/custom/gouvernement/img/14juilletbgfull.png");
      background-size: 100%; } }

.page-node-7817 .field-name-field-image,
.page-node-7808 .field-name-field-image,
.page-node-7810 .field-name-field-image,
.page-node-7816 .field-name-field-image {
  background: transparent !important; }

.page-node-hf-portrait #main,
.page-node-7800 #main,
.page-node-7789 #main,
.page-node-7790 #main,
.page-node-7791 #main,
.page-node-7792 #main,
.page-node-7793 #main,
.page-node-7794 #main,
.page-node-7795 #main,
.page-node-7796 #main,
.page-node-7797 #main,
.page-node-7798 #main,
.page-node-7806 #main,
.page-node-7807 #main,
.page-node-7809 #main,
.page-node-7811 #main,
.page-node-7812 #main,
.page-node-7818 #main,
.page-node-7819 #main {
  background-color: #0E1317;
  background-size: 100%;
  background-repeat: no-repeat; }

.page-node-hf-portrait .field-name-field-image,
.page-node-7800 .field-name-field-image,
.page-node-7789 .field-name-field-image,
.page-node-7790 .field-name-field-image,
.page-node-7791 .field-name-field-image,
.page-node-7792 .field-name-field-image,
.page-node-7793 .field-name-field-image,
.page-node-7794 .field-name-field-image,
.page-node-7795 .field-name-field-image,
.page-node-7796 .field-name-field-image,
.page-node-7797 .field-name-field-image,
.page-node-7798 .field-name-field-image,
.page-node-7806 .field-name-field-image,
.page-node-7807 .field-name-field-image,
.page-node-7809 .field-name-field-image,
.page-node-7811 .field-name-field-image,
.page-node-7812 .field-name-field-image,
.page-node-7818 .field-name-field-image,
.page-node-7819 .field-name-field-image {
  background: transparent !important; }

.page-node-hf-portrait .node-unpublished,
.page-node-7800 .node-unpublished,
.page-node-7789 .node-unpublished,
.page-node-7790 .node-unpublished,
.page-node-7791 .node-unpublished,
.page-node-7792 .node-unpublished,
.page-node-7793 .node-unpublished,
.page-node-7794 .node-unpublished,
.page-node-7795 .node-unpublished,
.page-node-7796 .node-unpublished,
.page-node-7797 .node-unpublished,
.page-node-7798 .node-unpublished,
.page-node-7806 .node-unpublished,
.page-node-7807 .node-unpublished,
.page-node-7809 .node-unpublished,
.page-node-7811 .node-unpublished,
.page-node-7812 .node-unpublished,
.page-node-7818 .node-unpublished,
.page-node-7819 .node-unpublished {
  background: none; }

.page-node-hf-portrait .region-content,
.page-node-7800 .region-content,
.page-node-7789 .region-content,
.page-node-7790 .region-content,
.page-node-7791 .region-content,
.page-node-7792 .region-content,
.page-node-7793 .region-content,
.page-node-7794 .region-content,
.page-node-7795 .region-content,
.page-node-7796 .region-content,
.page-node-7797 .region-content,
.page-node-7798 .region-content,
.page-node-7806 .region-content,
.page-node-7807 .region-content,
.page-node-7809 .region-content,
.page-node-7811 .region-content,
.page-node-7812 .region-content,
.page-node-7818 .region-content,
.page-node-7819 .region-content {
  margin-top: 13%; }
  @media (min-width: 960px) {
    .page-node-hf-portrait .region-content,
    .page-node-7800 .region-content,
    .page-node-7789 .region-content,
    .page-node-7790 .region-content,
    .page-node-7791 .region-content,
    .page-node-7792 .region-content,
    .page-node-7793 .region-content,
    .page-node-7794 .region-content,
    .page-node-7795 .region-content,
    .page-node-7796 .region-content,
    .page-node-7797 .region-content,
    .page-node-7798 .region-content,
    .page-node-7806 .region-content,
    .page-node-7807 .region-content,
    .page-node-7809 .region-content,
    .page-node-7811 .region-content,
    .page-node-7812 .region-content,
    .page-node-7818 .region-content,
    .page-node-7819 .region-content {
      margin-top: 15%; } }
  @media (min-width: 1200px) {
    .page-node-hf-portrait .region-content,
    .page-node-7800 .region-content,
    .page-node-7789 .region-content,
    .page-node-7790 .region-content,
    .page-node-7791 .region-content,
    .page-node-7792 .region-content,
    .page-node-7793 .region-content,
    .page-node-7794 .region-content,
    .page-node-7795 .region-content,
    .page-node-7796 .region-content,
    .page-node-7797 .region-content,
    .page-node-7798 .region-content,
    .page-node-7806 .region-content,
    .page-node-7807 .region-content,
    .page-node-7809 .region-content,
    .page-node-7811 .region-content,
    .page-node-7812 .region-content,
    .page-node-7818 .region-content,
    .page-node-7819 .region-content {
      margin-top: 20%; } }
  @media (min-width: 1700px) {
    .page-node-hf-portrait .region-content,
    .page-node-7800 .region-content,
    .page-node-7789 .region-content,
    .page-node-7790 .region-content,
    .page-node-7791 .region-content,
    .page-node-7792 .region-content,
    .page-node-7793 .region-content,
    .page-node-7794 .region-content,
    .page-node-7795 .region-content,
    .page-node-7796 .region-content,
    .page-node-7797 .region-content,
    .page-node-7798 .region-content,
    .page-node-7806 .region-content,
    .page-node-7807 .region-content,
    .page-node-7809 .region-content,
    .page-node-7811 .region-content,
    .page-node-7812 .region-content,
    .page-node-7818 .region-content,
    .page-node-7819 .region-content {
      margin-top: 25%; } }

.page-node-hf-portrait #main,
.page-node-7789 #main,
.page-node-7790 #main,
.page-node-7791 #main,
.page-node-7792 #main,
.page-node-7793 #main,
.page-node-7794 #main,
.page-node-7795 #main,
.page-node-7796 #main,
.page-node-7797 #main,
.page-node-7798 #main,
.page-node-7806 #main,
.page-node-7807 #main,
.page-node-7809 #main,
.page-node-7811 #main,
.page-node-7812 #main,
.page-node-7818 #main,
.page-node-7819 #main {
  background-image: url("/sites/all/themes/custom/gouvernement/img/bg-histoire-de-france-node.jpg"); }

.page-node-7800 #main {
  background-image: url("/sites/all/themes/custom/gouvernement/img/bg-histoire-de-france-hub.jpg"); }

@media (min-width: 960px) {
  .page-node-2179 #main {
    background-image: url("/sites/all/themes/custom/gouvernement/img/duconcretpourvousfond.gif?itok=2Wxwf");
    background-repeat: repeat;
    background-position: center top; }
  .page-node-3732 #main,
  .page-node-7486 #main,
  .page-node-7487 #main,
  .page-node-7488 #main {
    background-image: url("/sites/all/themes/custom/gouvernement/img/bgComplotisme.jpg?itok=345ertd");
    background-repeat: repeat; }
  .page-node-3868 #banniere.banniere-avec-image {
    min-height: 400px;
    background-repeat: no-repeat; }
  .page-node-3868 #banniere .field-name-field-description {
    width: 760px; } }

.page-node-3868 #banniere {
  text-align: center;
  padding: 40px 0; }
  .page-node-3868 #banniere .field-name-field-description {
    margin: 0 auto 0; }
  .page-node-3868 #banniere .banniere-action {
    min-height: 0; }

.page-node-3868 #banniere.banniere-image-full {
  background-size: cover;
  background-position: center center; }

.page-node-3868 #banniere.style-default, .page-node-3868 #banniere.style-default-gris {
  padding-bottom: 0; }

/* 2016/07/127 h1 title 1.5 em */
@media (max-width: 400px) {
  h1 .titre-texte {
    font-size: 1.5em; }
  .node-type-seav .style-default .content .field.titre-zone .titre-texte,
  .node-type-seav .style-default-gris .content .field.titre-zone .titre-texte {
    font-size: 1.5em; }
  .style-default .content .field.titre-zone .titre-texte,
  .style-default-gris .content .field.titre-zone .titre-texte {
    font-size: 1.5em; }
  .asset .titre-zone.field .titre-texte {
    font-size: 1.5em; } }

.pmv6-hidden {
  display: none !important; }

.page-node-365 .row {
  margin: 0px;
  padding: 0px; }
  .page-node-365 .row:nth-child(1) {
    clear: both; }
  .page-node-365 .row:nth-child(2) {
    clear: both; }

.page-node-365 .firstRow {
  height: 726px;
  padding-bottom: 15px; }

.page-node-365 .container {
  max-width: 1290px;
  margin: 0 auto;
  min-height: 700px;
  padding-top: 0px; }
  .page-node-365 .container .cols {
    display: inline-block;
    min-height: 330px;
    position: relative;
    float: left; }
    .page-node-365 .container .cols .social {
      /*min-height: 515px;*/ }
    .page-node-365 .container .cols:not(:first-child) {
      height: 100%; }
    .page-node-365 .container .cols:nth-child(2) {
      margin-left: 10px;
      margin-right: 10px; }
      .page-node-365 .container .cols:nth-child(2) .headerSocial a {
        text-decoration: none; }
        .page-node-365 .container .cols:nth-child(2) .headerSocial a:visited {
          text-decoration: none; }
        .page-node-365 .container .cols:nth-child(2) .headerSocial a:hover {
          text-decoration: none; }
    .page-node-365 .container .cols .pourComprendre {
      padding-left: 15px; }
      .page-node-365 .container .cols .pourComprendre .itemComprendre {
        display: table;
        border-top: 1px solid #deddd9;
        height: 110px;
        font-size: 14px; }
        .page-node-365 .container .cols .pourComprendre .itemComprendre:first-child {
          border: none;
          padding-top: 9px; }
        .page-node-365 .container .cols .pourComprendre .itemComprendre .imgComprendre {
          padding-top: 10px;
          padding-bottom: 10px;
          display: table-cell;
          width: 200px; }
        .page-node-365 .container .cols .pourComprendre .itemComprendre .titreComprendre {
          display: table-cell;
          width: 160px;
          vertical-align: middle;
          font-weight: 600;
          line-height: 16px;
          padding-left: 12px; }
          .page-node-365 .container .cols .pourComprendre .itemComprendre .titreComprendre a {
            color: black; }
    .page-node-365 .container .cols .cellCarrou {
      position: relative; }
      .page-node-365 .container .cols .cellCarrou li:not(.active) {
        display: none; }
      .page-node-365 .container .cols .cellCarrou .caption {
        height: 54px;
        width: 100%;
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        line-height: 17pt;
        text-align: left;
        color: white;
        font-weight: 600;
        font-size: 11pt;
        overflow: hidden;
        bottom: 0px; }
        .page-node-365 .container .cols .cellCarrou .caption:nth-child(1) {
          bottom: 5px; }
        .page-node-365 .container .cols .cellCarrou .caption p {
          margin: 5px 10px; }
        .page-node-365 .container .cols .cellCarrou .caption .legend {
          width: 100%; }
          .page-node-365 .container .cols .cellCarrou .caption .legend a {
            color: white;
            text-decoration: none; }
    .page-node-365 .container .cols .headerCell {
      text-transform: uppercase;
      width: 100%;
      height: 35px;
      color: white;
      line-height: 34px;
      font-size: 14px; }
      .page-node-365 .container .cols .headerCell p {
        margin-left: 14px; }
  .page-node-365 .container .col318 {
    width: 303px; }
  .page-node-365 .container .bgBleuAzur {
    background-color: #3F85CC; }
  .page-node-365 .container .bgBleuCiel {
    background-color: #3F85CC; }
  .page-node-365 .container .bgBleu {
    background-color: #3F85CC; }
  .page-node-365 .container .bgGrisClair {
    background-color: #efeeec; }
  .page-node-365 .container .bgBlanc {
    background-color: #ffffff; }
  .page-node-365 .container .col360 {
    width: 360px; }
  .page-node-365 .container .col590 {
    width: 580px; }
  .page-node-365 .container .col688 {
    width: 673px; }
  .page-node-365 .container .gridCarrousel .tCell {
    display: table-cell; }
  .page-node-365 .container .gridCarrousel .cellTop {
    margin: 20px 20px; }
    .page-node-365 .container .gridCarrousel .cellTop.cellCarrou > .caption {
      bottom: 5px !important; }
  .page-node-365 .container .gridCarrousel .rowCarrousel {
    width: 600px;
    display: table-row; }
  .page-node-365 .container .gridCarrousel .cellBottom {
    display: table;
    border-spacing: 20px 0px; }
    .page-node-365 .container .gridCarrousel .cellBottom .cellLeft {
      display: block;
      position: relative;
      width: 260px;
      height: 250px;
      overflow: hidden;
      margin: 0 auto; }
    .page-node-365 .container .gridCarrousel .cellBottom .cellRight {
      display: block;
      position: relative;
      width: 260px;
      height: 250px;
      overflow: hidden;
      margin: 0 auto; }
    .page-node-365 .container .gridCarrousel .cellBottom .centered {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 100%;
      width: auto;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .page-node-365 .container .gridFocus {
    display: table;
    width: 100%;
    height: 175px;
    border-collapse: collapse; }
    .page-node-365 .container .gridFocus.gridFocus-1, .page-node-365 .container .gridFocus.gridFocus-2 {
      height: 88px; }
    .page-node-365 .container .gridFocus .rowFocus {
      display: table-row;
      width: 100%; }
      .page-node-365 .container .gridFocus .rowFocus .cellFocus {
        display: table-cell;
        box-sizing: border-box;
        border-collapse: collapse;
        border-left: 1px solid #e3f2fe;
        border-right: 1px solid #e3f2fe;
        border-bottom: 1px solid #e3f2fe;
        width: 50%;
        height: 50%;
        text-align: center;
        vertical-align: middle; }
  .page-node-365 .container .crConseilMin {
    height: 46px;
    width: 546px;
    background-color: white;
    margin: 20px;
    line-height: 42px; }
    .page-node-365 .container .crConseilMin span {
      display: inline-block;
      vertical-align: middle;
      text-transform: uppercase;
      padding-left: 20px; }
      .page-node-365 .container .crConseilMin span a {
        color: black;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none; }
  .page-node-365 .container .fierDesFrancais {
    width: 100%;
    border-bottom: 1px solid #deddd9;
    bottom: 0;
    position: absolute;
    min-height: 332px; }
    .page-node-365 .container .fierDesFrancais img {
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 20px; }
    .page-node-365 .container .fierDesFrancais .titreFierFrancais {
      color: #1881c4;
      margin-left: 15px;
      margin-right: 15px;
      font-size: 18px;
      line-height: 20px;
      /*float: left;*/
      display: block; }
      .page-node-365 .container .fierDesFrancais .titreFierFrancais a {
        text-decoration: none; }
    .page-node-365 .container .fierDesFrancais .contenuFierFrancais {
      font-weight: 600;
      margin-left: 15px;
      margin-right: 15px;
      font-size: 13px; }
      .page-node-365 .container .fierDesFrancais .contenuFierFrancais a {
        text-decoration: none;
        color: black; }
  .page-node-365 .container .aDecouvrir {
    bottom: 0;
    position: relative;
    width: 100%; }
    .page-node-365 .container .aDecouvrir img {
      max-width: 100% !important; }
  .page-node-365 .container .col318 .social {
    position: relative; }
    .page-node-365 .container .col318 .social .contenu-social {
      margin: 10px;
      font-weight: 600;
      overflow-wrap: break-word; }
      @media (min-width: 801px) {
        .page-node-365 .container .col318 .social .contenu-social {
          max-height: 261px;
          margin: 8px 10px; } }
    .page-node-365 .container .col318 .social .tweetImg {
      text-align: center; }
      .page-node-365 .container .col318 .social .tweetImg .image-cropper {
        position: relative;
        width: 288px;
        overflow: hidden;
        margin: 0 auto;
        /* img */ }
        @media (min-width: 801px) {
          .page-node-365 .container .col318 .social .tweetImg .image-cropper {
            height: 165px; } }
    @media (min-width: 801px) {
      .page-node-365 .container .col318 .social .centered {
        position: absolute;
        left: 50%;
        top: 50%;
        height: auto;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    .page-node-365 .container .col318 .social .icon-social {
      bottom: 15px;
      width: 100%;
      height: 51px;
      text-align: center;
      margin-bottom: 8px; }
  .page-node-365 .container .col318 .social.format-fb {
    position: relative; }
    .page-node-365 .container .col318 .social.format-fb .contenu-social {
      height: auto;
      margin-top: 15px;
      margin-left: 2px;
      margin-right: 2px;
      font-weight: 600;
      overflow-wrap: break-word; }
    .page-node-365 .container .col318 .social.format-fb .tweetImg {
      text-align: center; }
      .page-node-365 .container .col318 .social.format-fb .tweetImg .image-cropper {
        position: relative;
        width: 288px;
        height: 100px;
        overflow: hidden;
        margin: 0 auto;
        /* img */ }
    .page-node-365 .container .col318 .social.format-fb .centered {
      position: absolute;
      left: 50%;
      top: 50%;
      height: auto;
      width: 100%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .page-node-365 .container .col318 .social.format-fb .icon-social {
      position: absolute;
      bottom: 15px;
      width: 100%;
      height: 51px;
      text-align: center; }
  .page-node-365 .container .headerSocial {
    background-color: #e3f2fe;
    height: 66px;
    width: 100%;
    display: table; }
    .page-node-365 .container .headerSocial .leftCell {
      width: 66px;
      background-image: url("/sites/all/themes/custom/gouvernement/img/homepage/marianne.png");
      display: table-cell; }
    .page-node-365 .container .headerSocial .rightCell {
      display: table-cell;
      padding: 10px; }
      .page-node-365 .container .headerSocial .rightCell .compte {
        text-transform: uppercase;
        color: #0b6ba8; }
      .page-node-365 .container .headerSocial .rightCell .date {
        font-style: italic;
        font-size: 11px; }

.page-node-365 .secondRow {
  height: 330px; }
  .page-node-365 .secondRow .contenuAction {
    padding-top: 21px; }
    .page-node-365 .secondRow .contenuAction .zoneGauche {
      display: inline-block; }
      .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions {
        display: table;
        float: left;
        border-spacing: 2px; }
        .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow {
          display: table-row; }
          .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell {
            display: table-cell;
            height: 86px;
            width: 86px;
            background-color: #e3f2fe;
            cursor: pointer; }
            .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell:hover {
              background-color: #0b6ba8; }
              .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell:hover [class^="icon-hp"], .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell:hover [class*=" icon-hp"] {
                color: white; }
  .page-node-365 .secondRow #instafeed {
    display: table;
    padding-top: 15px;
    margin-left: 8px;
    margin-right: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page-node-365 .secondRow #instafeed .rowInstaFeed {
      display: table-row; }
      .page-node-365 .secondRow #instafeed .rowInstaFeed .instaCell {
        display: table-cell;
        padding-top: 3px;
        padding-left: 3px;
        line-height: 0; }
        .page-node-365 .secondRow #instafeed .rowInstaFeed .instaCell:hover {
          cursor: pointer; }
  .page-node-365 .secondRow #instafeedMob {
    display: none; }
  .page-node-365 .secondRow .listeActions {
    display: inline-block;
    width: 293px;
    position: absolute;
    padding-left: 20px; }
    .page-node-365 .secondRow .listeActions ul {
      padding-top: 5px; }
    .page-node-365 .secondRow .listeActions .titreAction {
      font-weight: bold;
      font-size: 19px;
      padding: 0 0 10px 0;
      display: block; }
      .page-node-365 .secondRow .listeActions .titreAction a {
        color: #000; }
    .page-node-365 .secondRow .listeActions .action {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 14px;
      padding-top: 8px;
      padding-bottom: 8px;
      color: #0b6ba8;
      letter-spacing: -0.5px; }
      .page-node-365 .secondRow .listeActions .action:nth-child(2) {
        border-top: 1px solid #deddd9;
        border-bottom: 1px solid #deddd9; }
    .page-node-365 .secondRow .listeActions .bouton {
      padding-left: 45px; }
      .page-node-365 .secondRow .listeActions .bouton .icone {
        top: 6px;
        left: 7px; }
  .page-node-365 .secondRow .cols:nth-child(2) {
    margin-right: 0; }

.page-node-365 .thirdRow {
  height: 82px;
  width: 100%;
  display: table;
  border-top: 1px solid #deddd9;
  border-bottom: 1px solid #deddd9;
  margin-bottom: 24px;
  margin-top: 24px;
  clear: both;
  text-align: center; }
  .page-node-365 .thirdRow #customZone {
    display: inline-block;
    font-family: "Georgia", "Arial";
    height: 77px;
    min-width: 300px;
    margin: 0 auto; }
    .page-node-365 .thirdRow #customZone .border-right {
      background-image: url("/sites/all/themes/custom/gouvernement/img/homepage/custom.png");
      background-repeat: no-repeat;
      background-position: top center;
      display: table-cell;
      width: 11px;
      height: 48px;
      float: right;
      margin-top: 15px;
      padding: 0 10px; }
    .page-node-365 .thirdRow #customZone .leftLabel {
      float: left;
      vertical-align: middle;
      display: table-cell;
      font-weight: bold;
      line-height: 76px;
      /*width: 260px */
      padding: 0 10px;
      height: 100%;
      text-align: center;
      font-size: 21px;
      font-style: italic; }
    .page-node-365 .thirdRow #customZone .rightLabel {
      font-style: italic;
      vertical-align: middle;
      width: 730px;
      display: table-cell;
      line-height: 76px; }
    .page-node-365 .thirdRow #customZone .enSavoirPlus {
      display: table-cell;
      vertical-align: middle;
      padding-left: 10px; }
      .page-node-365 .thirdRow #customZone .enSavoirPlus .bouton {
        padding: 10px 30px;
        width: 110px; }

@media (min-width: 960px) {
  .page-node-365 .container {
    padding-top: 20px; } }

/* Footer write PM / RS / Eregie */
.fourthRow {
  background-color: #efeeec;
  padding-top: 20px;
  height: 312px;
  margin: 0 auto;
  text-align: center; }
  .fourthRow .accueil-bloc-e-regie {
    padding-top: 25px;
    min-height: 275px;
    margin-right: 0;
    background-color: #efeeec;
    float: left;
    padding-right: 50px;
    padding-left: 80px; }
  .fourthRow .containerBas {
    width: 1280px;
    margin: 0 auto; }
  .fourthRow .ecrivezAuPM {
    width: 407px;
    display: inline-block;
    float: left;
    text-align: center; }
    .fourthRow .ecrivezAuPM .bouton {
      background-color: #202328; }
    .fourthRow .ecrivezAuPM .headerEcrivez {
      text-transform: uppercase;
      color: #202328;
      font-weight: bold;
      font-size: 16px; }
      .fourthRow .ecrivezAuPM .headerEcrivez p {
        margin-top: 10px;
        margin-bottom: 10px; }
    .fourthRow .ecrivezAuPM .ecrivezContenu {
      margin-top: 7px;
      text-align: center;
      padding-top: 15px; }
  .fourthRow .retrouvezNousSur {
    display: inline-block;
    float: left; }
    .fourthRow .retrouvezNousSur .headerRetrouvez {
      text-transform: uppercase;
      color: #202328;
      text-align: center;
      font-weight: bold;
      font-size: 16px; }
      .fourthRow .retrouvezNousSur .headerRetrouvez p {
        margin-top: 10px;
        margin-bottom: 10px; }
    .fourthRow .retrouvezNousSur .tableRetrouvez {
      margin-top: 25px;
      display: table;
      border-spacing: 17px 7px; }
      .fourthRow .retrouvezNousSur .tableRetrouvez .row {
        display: table-row; }
        .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell {
          display: table-cell;
          width: 87px;
          box-sizing: border-box;
          border: 1px solid #efeeec;
          text-align: center;
          padding: 10px 0 5px 0; }
          .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell span {
            display: block;
            text-align: center; }
          .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell a {
            text-decoration: none;
            color: inherit; }
          .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell:hover {
            background-color: #f7f7f7;
            cursor: pointer;
            border: 1px solid white; }
  .fourthRow .line {
    border-top: 1px solid black;
    width: 100px;
    display: block;
    margin: 0 auto;
    top: 22px; }

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?fz6k74");
  src: url("../fonts/icomoon.eot?fz6k74#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?fz6k74") format("truetype"), url("../fonts/icomoon.woff?fz6k74") format("woff"), url("../fonts/icomoon.svg?fz6k74#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-hp"], [class*=" icon-hp"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 84px;
  font-size: 76px;
  padding-left: 5px;
  color: #0b6ba8;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.headerCell [class^="icon-hp"], .headerCell [class*=" icon-hp"] {
  font-size: 24px;
  color: white;
  line-height: 35px;
  padding-left: 0px; }

.icon-hp-14:before {
  content: ""; }

.icon-hp-19:before {
  content: ""; }

.icon-hp-emploi-travail:before,
.icon-hp-30:before {
  content: ""; }

.icon-hp-jeunesse-educ:before,
.icon-hp-20:before {
  content: ""; }

.icon-hp-87:before {
  content: ""; }

.icon-hp-89:before {
  content: ""; }

.icon-hp-88:before {
  content: ""; }

.icon-hp-justice:before,
.icon-hp-90:before {
  content: ""; }

.icon-hp-91:before {
  content: ""; }

.icon-hp-instagram:before {
  content: ""; }

.icon-hp-facebook:before {
  content: ""; }

.icon-hp-facebook {
  float: left; }

svg {
  display: block;
  margin: 50px auto; }

#loader {
  fill: #0088cc; }

#border {
  fill: #00517a; }

@media (max-width: 1279px) {
  .page-node-365 .container .firstRow .col318 {
    margin-right: 10px;
    margin-top: 11px;
    margin-bottom: 20px;
    float: left;
    height: 756px; }
  .page-node-365 .container .firstRow .col360 {
    height: 730px; }
  .page-node-365 .container .secondRow .col590 {
    width: 635px; }
  .page-node-365 .container .secondRow .col688 {
    width: 635px;
    margin-left: 0px; }
  .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(10) {
    display: none; }
  .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(9) {
    display: none; }
  .page-node-365 .fourthRow .ecrivezAuPM {
    margin-left: inherit; }
  .page-node-365 .fourthRow .accueil-bloc-e-regie {
    display: none; } }

@media (max-width: 800px) {
  .page-node-365 .container {
    width: 700px; }
    .page-node-365 .container .firstRow .col590 {
      width: 100%;
      margin-bottom: 25px; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel {
        text-align: center; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .tCell {
          display: table-cell; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .centered {
          position: inherit;
          left: inherit; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .caption {
          width: 540px;
          margin: 0 auto;
          position: absolute;
          left: 60px; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom {
          margin: 0 auto; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered {
            width: 100%;
            height: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellLeft {
            height: 250px; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellRight {
            height: 250px; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .caption {
            bottom: 49px;
            left: inherit; }
    .page-node-365 .container .firstRow .crConseilMin {
      margin: 35px auto;
      padding-top: 15px;
      padding-bottom: 15px; }
    .page-node-365 .container .firstRow .col318 {
      float: right;
      margin-top: 0; }
    .page-node-365 .container .secondRow .col590 {
      width: 100%; }
    .page-node-365 .container .secondRow .col688 {
      width: 100%; }
    .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(10) {
      display: block; }
    .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(9) {
      display: block; }
    .page-node-365 .container .thirdRow #customZone .rightLabel {
      line-height: 24px;
      height: inherit; }
    .page-node-365 .container .cols:nth-child(2) {
      margin-left: 0; }
  .page-node-365 .fourthRow .ecrivezAuPM {
    width: 285px; } }

@media (max-width: 600px) {
  .page-node-365 .container {
    overflow: hidden;
    width: 100%; }
    .page-node-365 .container .firstRow .col318 .social .tweetImg .image-cropper {
      width: 100%; }
    .page-node-365 .container .firstRow .col318 .social span {
      padding-left: 0; }
    .page-node-365 .container .firstRow .col590 .gridCarrousel {
      padding-top: 25px; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel .tCell {
        display: block; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop {
        text-align: center;
        margin: 0px 23px;
        margin-bottom: 20px; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .caption {
          position: absolute;
          background: rgba(0, 0, 0, 0.8);
          bottom: 5px;
          top: inherit;
          left: 0;
          width: 100%; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .caption .centered {
            position: inherit; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom {
        border-spacing: 23px 0px; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou {
          display: block;
          width: inherit;
          height: inherit;
          overflow: inherit;
          margin: inherit;
          margin-bottom: 20px; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .cellLeft {
            display: block; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .cellRight {
            display: block; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered {
            position: inherit;
            left: initial;
            width: inherit;
            height: inherit;
            position: inherit;
            left: inherit;
            top: inherit;
            -webkit-transform: inherit;
            -ms-transform: inherit;
            transform: inherit; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .caption {
            bottom: 5px;
            position: absolute;
            background: rgba(0, 0, 0, 0.8);
            top: inherit;
            left: 0;
            width: 100%; }
    .page-node-365 .container .firstRow .col590 .crConseilMin {
      width: 88%;
      line-height: 19px;
      text-align: center; }
      .page-node-365 .container .firstRow .col590 .crConseilMin span {
        padding-left: 0; }
    .page-node-365 .container .firstRow .col318 {
      margin-right: 0px; }
    .page-node-365 .container .cols {
      width: 100%; }
    .page-node-365 .container .secondRow .col688 {
      height: auto; }
      .page-node-365 .container .secondRow .col688 .cell #instafeed {
        text-align: center; }
        .page-node-365 .container .secondRow .col688 .cell #instafeed .rowInstaFeed {
          display: inline; }
        .page-node-365 .container .secondRow .col688 .cell #instafeed .instaCell {
          display: inline-block;
          width: 49%; }
      .page-node-365 .container .secondRow .col688 .cell #instafeedMob {
        display: table;
        margin: 0 auto; }
        .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed {
          display: table-row; }
          .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed:nth-child(3) {
            display: none; }
          .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed:nth-child(4) {
            display: none; }
          .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed .instaCell {
            display: table-cell; }
    .page-node-365 .container .secondRow .contenuAction {
      text-align: center; }
    .page-node-365 .container .secondRow .listeActions {
      display: block;
      position: inherit;
      text-align: left;
      padding-top: 20px;
      padding-bottom: 20px; }
  .page-node-365 .thirdRow #customZone {
    text-align: center;
    display: inherit; }
    .page-node-365 .thirdRow #customZone .leftLabel {
      display: block;
      float: inherit;
      margin-left: 5px;
      margin-right: 5px;
      padding: 0; }
    .page-node-365 .thirdRow #customZone .rightLabel {
      display: block;
      float: inherit;
      line-height: 13px;
      margin-bottom: 17px;
      margin-left: 5px;
      margin-right: 5px;
      width: 100%; }
    .page-node-365 .thirdRow #customZone .enSavoirPlus {
      display: block;
      text-align: center; }
    .page-node-365 .thirdRow #customZone .border-right {
      display: none; }
  .fourthRow {
    display: none; }
    .fourthRow .ecrivezAuPM {
      width: 100%;
      margin-left: 0; }
    .fourthRow .retrouvezNousSur {
      overflow: hidden; }
      .fourthRow .retrouvezNousSur .tableRetrouvez {
        border-spacing: none; } }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou .centered.square {
  width: 260px;
  height: 250px;
  display: none; }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou .centered.normal {
  display: inherit; }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-mobile {
  display: none; }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-desktop {
  display: inline; }

@media screen and (min-width: 600px) {
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered.square {
    display: inherit; }
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered.normal {
    display: none; }
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-mobile {
    display: inline; }
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-desktop {
    display: none; } }

.page-node-365 .row {
  margin: 0px;
  padding: 0px; }
  .page-node-365 .row:nth-child(1) {
    clear: both; }
  .page-node-365 .row:nth-child(2) {
    clear: both; }

.page-node-365 .firstRow {
  height: 726px;
  padding-bottom: 15px; }

.page-node-365 .container {
  max-width: 1290px;
  margin: 0 auto;
  min-height: 700px;
  padding-top: 0px; }
  .page-node-365 .container .cols {
    display: inline-block;
    min-height: 330px;
    position: relative;
    float: left; }
    .page-node-365 .container .cols .social {
      /*min-height: 515px;*/ }
    .page-node-365 .container .cols:not(:first-child) {
      height: 100%; }
    .page-node-365 .container .cols:nth-child(2) {
      margin-left: 10px;
      margin-right: 10px; }
      .page-node-365 .container .cols:nth-child(2) .headerSocial a {
        text-decoration: none; }
        .page-node-365 .container .cols:nth-child(2) .headerSocial a:visited {
          text-decoration: none; }
        .page-node-365 .container .cols:nth-child(2) .headerSocial a:hover {
          text-decoration: none; }
    .page-node-365 .container .cols .pourComprendre {
      padding-left: 15px; }
      .page-node-365 .container .cols .pourComprendre .itemComprendre {
        display: table;
        border-top: 1px solid #deddd9;
        height: 110px;
        font-size: 14px; }
        .page-node-365 .container .cols .pourComprendre .itemComprendre:first-child {
          border: none;
          padding-top: 9px; }
        .page-node-365 .container .cols .pourComprendre .itemComprendre .imgComprendre {
          padding-top: 10px;
          padding-bottom: 10px;
          display: table-cell;
          width: 200px; }
        .page-node-365 .container .cols .pourComprendre .itemComprendre .titreComprendre {
          display: table-cell;
          width: 160px;
          vertical-align: middle;
          font-weight: 600;
          line-height: 16px;
          padding-left: 12px; }
          .page-node-365 .container .cols .pourComprendre .itemComprendre .titreComprendre a {
            color: black; }
    .page-node-365 .container .cols .cellCarrou {
      position: relative; }

      .page-node-365 .container .cols .cellCarrou li:not(.active) {
        display: none; }
      .page-node-365 .container .cols .cellCarrou .caption {
        height: 54px;
        width: 100%;
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        line-height: 17pt;
        text-align: left;
        color: white;
        font-weight: 600;
        font-size: 11pt;
        overflow: hidden;
        bottom: 0px; }
        .page-node-365 .container .cols .cellCarrou .caption:nth-child(1) {
          bottom: 5px; }
        .page-node-365 .container .cols .cellCarrou .caption p {
          margin: 5px 10px; }
        .page-node-365 .container .cols .cellCarrou .caption .legend {
          width: 100%; }
          .page-node-365 .container .cols .cellCarrou .caption .legend a {
            color: white;
            text-decoration: none; }
    .page-node-365 .container .cols .headerCell {
      text-transform: uppercase;
      width: 100%;
      height: 35px;
      color: white;
      line-height: 34px;
      font-size: 14px; }
      .page-node-365 .container .cols .headerCell p {
        margin-left: 14px; }
  .page-node-365 .container .col318 {
    width: 303px; }
  .page-node-365 .container .bgGrisClair {
    background-color: #efeeec; }
  .page-node-365 .container .bgBlanc {
    background-color: #ffffff; }
  .page-node-365 .container .col360 {
    width: 360px; }
  .page-node-365 .container .col590 {
    width: 580px; }
  .page-node-365 .container .col688 {
    width: 673px; }
    .page-node-365 .container .gridCarrousel img{
      cursor: pointer;
    }
  .page-node-365 .container .gridCarrousel .tCell {
    display: table-cell; }
  .page-node-365 .container .gridCarrousel .cellTop {
    margin: 20px 20px; }
    .page-node-365 .container .gridCarrousel .cellTop.cellCarrou > .caption {
      bottom: 5px !important; }
  .page-node-365 .container .gridCarrousel .rowCarrousel {
    width: 600px;
    display: table-row; }
  .page-node-365 .container .gridCarrousel .cellBottom {
    display: table;
    border-spacing: 20px 0px; }
    .page-node-365 .container .gridCarrousel .cellBottom .cellLeft {
      display: block;
      position: relative;
      width: 260px;
      height: 250px;
      overflow: hidden;
      margin: 0 auto; }
    .page-node-365 .container .gridCarrousel .cellBottom .cellRight {
      display: block;
      position: relative;
      width: 260px;
      height: 250px;
      overflow: hidden;
      margin: 0 auto; }
    .page-node-365 .container .gridCarrousel .cellBottom .centered {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 100%;
      width: auto;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .page-node-365 .container .gridFocus {
    display: table;
    width: 100%;
    height: 175px;
    border-collapse: collapse; }
    .page-node-365 .container .gridFocus.gridFocus-1, .page-node-365 .container .gridFocus.gridFocus-2 {
      height: 88px; }
    .page-node-365 .container .gridFocus .rowFocus {
      display: table-row;
      width: 100%; }
      .page-node-365 .container .gridFocus .rowFocus .cellFocus {
        display: table-cell;
        box-sizing: border-box;
        border-collapse: collapse;
        border-left: 1px solid #e3f2fe;
        border-right: 1px solid #e3f2fe;
        border-bottom: 1px solid #e3f2fe;
        width: 50%;
        height: 50%;
        text-align: center;
        vertical-align: middle; }
  .page-node-365 .container .crConseilMin {
    height: 46px;
    width: 546px;
    background-color: white;
    margin: 20px;
    line-height: 42px; }
    .page-node-365 .container .crConseilMin span {
      display: inline-block;
      vertical-align: middle;
      text-transform: uppercase;
      padding-left: 20px; }
      .page-node-365 .container .crConseilMin span a {
        color: black;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none; }
  .page-node-365 .container .fierDesFrancais {
    width: 100%;
    border-bottom: 1px solid #deddd9;
    bottom: 0;
    position: absolute;
    min-height: 332px; }
    .page-node-365 .container .fierDesFrancais img {
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 20px; }
    .page-node-365 .container .fierDesFrancais .titreFierFrancais {
      color: #1881c4;
      margin-left: 15px;
      margin-right: 15px;
      font-size: 18px;
      line-height: 20px;
      /*float: left;*/
      display: block; }
      .page-node-365 .container .fierDesFrancais .titreFierFrancais a {
        text-decoration: none; }
    .page-node-365 .container .fierDesFrancais .contenuFierFrancais {
      font-weight: 600;
      margin-left: 15px;
      margin-right: 15px;
      font-size: 13px; }
      .page-node-365 .container .fierDesFrancais .contenuFierFrancais a {
        text-decoration: none;
        color: black; }
  .page-node-365 .container .aDecouvrir {
    bottom: 0;
    position: relative;
    width: 100%; }
    .page-node-365 .container .aDecouvrir img {
      max-width: 100% !important; }
  .page-node-365 .container .col318 .social {
    position: relative; }
    .page-node-365 .container .col318 .social .contenu-social {
      margin: 10px;
      font-weight: 600;
      overflow-wrap: break-word; }
      @media (min-width: 801px) {
        .page-node-365 .container .col318 .social .contenu-social {
          max-height: 261px;
          margin: 8px 10px; } }
    .page-node-365 .container .col318 .social .tweetImg {
      text-align: center; }
      .page-node-365 .container .col318 .social .tweetImg .image-cropper {
        position: relative;
        width: 288px;
        overflow: hidden;
        margin: 0 auto;
        /* img */ }
        @media (min-width: 801px) {
          .page-node-365 .container .col318 .social .tweetImg .image-cropper {
            height: 165px; } }
    @media (min-width: 801px) {
      .page-node-365 .container .col318 .social .centered {
        position: absolute;
        left: 50%;
        top: 50%;
        height: auto;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    .page-node-365 .container .col318 .social .icon-social {
      bottom: 15px;
      width: 100%;
      height: 51px;
      text-align: center;
      margin-bottom: 8px; }
  .page-node-365 .container .col318 .social.format-fb {
    position: relative; }
    .page-node-365 .container .col318 .social.format-fb .contenu-social {
      height: auto;
      margin-top: 15px;
      margin-left: 2px;
      margin-right: 2px;
      font-weight: 600;
      overflow-wrap: break-word; }
    .page-node-365 .container .col318 .social.format-fb .tweetImg {
      text-align: center; }
      .page-node-365 .container .col318 .social.format-fb .tweetImg .image-cropper {
        position: relative;
        width: 288px;
        height: 100px;
        overflow: hidden;
        margin: 0 auto;
        /* img */ }
    .page-node-365 .container .col318 .social.format-fb .centered {
      position: absolute;
      left: 50%;
      top: 50%;
      height: auto;
      width: 100%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .page-node-365 .container .col318 .social.format-fb .icon-social {
      position: absolute;
      bottom: 15px;
      width: 100%;
      height: 51px;
      text-align: center; }
  .page-node-365 .container .headerSocial {
    background-color: #e3f2fe;
    height: 66px;
    width: 100%;
    display: table; }
    .page-node-365 .container .headerSocial .leftCell {
      width: 66px;
      background-image: url("/sites/all/themes/custom/gouvernement/img/homepage/marianne.png");
      display: table-cell; }
    .page-node-365 .container .headerSocial .rightCell {
      display: table-cell;
      padding: 10px; }
      .page-node-365 .container .headerSocial .rightCell .compte {
        text-transform: uppercase;
        color: #0b6ba8; }
      .page-node-365 .container .headerSocial .rightCell .date {
        font-style: italic;
        font-size: 11px; }

.page-node-365 .secondRow {
  height: 330px; }
  .page-node-365 .secondRow .contenuAction {
    padding-top: 21px; }
    .page-node-365 .secondRow .contenuAction .zoneGauche {
      display: inline-block; }
      .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions {
        display: table;
        float: left;
        border-spacing: 2px; }
        .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow {
          display: table-row; }
          .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell {
            display: table-cell;
            height: 86px;
            width: 86px;
            background-color: #e3f2fe;
            cursor: pointer; }
            .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell:hover {
              background-color: #0b6ba8; }
              .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell:hover [class^="icon-hp"], .page-node-365 .secondRow .contenuAction .zoneGauche .mosaiqueActions .mosaiqueRow .mosaiqueCell:hover [class*=" icon-hp"] {
                color: white; }
  .page-node-365 .secondRow #instafeed {
    display: table;
    padding-top: 15px;
    margin-left: 8px;
    margin-right: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page-node-365 .secondRow #instafeed .rowInstaFeed {
      display: table-row; }
      .page-node-365 .secondRow #instafeed .rowInstaFeed .instaCell {
        display: table-cell;
        padding-top: 3px;
        padding-left: 3px;
        line-height: 0; }
        .page-node-365 .secondRow #instafeed .rowInstaFeed .instaCell:hover {
          cursor: pointer; }
  .page-node-365 .secondRow #instafeedMob {
    display: none; }
  .page-node-365 .secondRow .listeActions {
    display: inline-block;
    width: 293px;
    position: absolute;
    padding-left: 20px; }
    .page-node-365 .secondRow .listeActions ul {
      padding-top: 5px; }
    .page-node-365 .secondRow .listeActions .titreAction {
      font-weight: bold;
      font-size: 19px;
      padding: 0 0 10px 0;
      display: block; }
      .page-node-365 .secondRow .listeActions .titreAction a {
        color: #000; }
    .page-node-365 .secondRow .listeActions .action {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 14px;
      padding-top: 8px;
      padding-bottom: 8px;
      color: #0b6ba8;
      letter-spacing: -0.5px; }
      .page-node-365 .secondRow .listeActions .action:nth-child(2) {
        border-top: 1px solid #deddd9;
        border-bottom: 1px solid #deddd9; }
    .page-node-365 .secondRow .listeActions .bouton {
      padding-left: 45px; }
      .page-node-365 .secondRow .listeActions .bouton .icone {
        top: 6px;
        left: 7px; }
  .page-node-365 .secondRow .cols:nth-child(2) {
    margin-right: 0; }

.page-node-365 .thirdRow {
  height: 82px;
  width: 100%;
  display: table;
  border-top: 1px solid #deddd9;
  border-bottom: 1px solid #deddd9;
  margin-bottom: 24px;
  margin-top: 24px;
  clear: both;
  text-align: center; }
  .page-node-365 .thirdRow #customZone {
    display: inline-block;
    font-family: "Georgia", "Arial";
    height: 77px;
    min-width: 300px;
    margin: 0 auto; }
    .page-node-365 .thirdRow #customZone .border-right {
      background-image: url("/sites/all/themes/custom/gouvernement/img/homepage/custom.png");
      background-repeat: no-repeat;
      background-position: top center;
      display: table-cell;
      width: 11px;
      height: 48px;
      float: right;
      margin-top: 15px;
      padding: 0 10px; }
    .page-node-365 .thirdRow #customZone .leftLabel {
      float: left;
      vertical-align: middle;
      display: table-cell;
      font-weight: bold;
      line-height: 76px;
      /*width: 260px */
      padding: 0 10px;
      height: 100%;
      text-align: center;
      font-size: 21px;
      font-style: italic; }
    .page-node-365 .thirdRow #customZone .rightLabel {
      font-style: italic;
      vertical-align: middle;
      width: 730px;
      display: table-cell;
      line-height: 76px; }
    .page-node-365 .thirdRow #customZone .enSavoirPlus {
      display: table-cell;
      vertical-align: middle;
      padding-left: 10px; }
      .page-node-365 .thirdRow #customZone .enSavoirPlus .bouton {
        padding: 10px 30px;
        width: 110px; }

@media (min-width: 960px) {
  .page-node-365 .container {
    padding-top: 20px; } }

/* Footer write PM / RS / Eregie */
.fourthRow {
  background-color: #efeeec;
  padding-top: 20px;
  height: 312px;
  margin: 0 auto;
  text-align: center; }
  .fourthRow .accueil-bloc-e-regie {
    padding-top: 25px;
    min-height: 275px;
    margin-right: 0;
    background-color: #efeeec;
    float: left;
    padding-right: 50px;
    padding-left: 80px; }
  .fourthRow .containerBas {
    width: 1280px;
    margin: 0 auto; }
  .fourthRow .ecrivezAuPM {
    width: 407px;
    display: inline-block;
    float: left;
    text-align: center; }
    .fourthRow .ecrivezAuPM .bouton {
      background-color: #202328; }
    .fourthRow .ecrivezAuPM .headerEcrivez {
      text-transform: uppercase;
      color: #202328;
      font-weight: bold;
      font-size: 16px; }
      .fourthRow .ecrivezAuPM .headerEcrivez p {
        margin-top: 10px;
        margin-bottom: 10px; }
    .fourthRow .ecrivezAuPM .ecrivezContenu {
      margin-top: 7px;
      text-align: center;
      padding-top: 15px; }
  .fourthRow .retrouvezNousSur {
    display: inline-block;
    float: left; }
    .fourthRow .retrouvezNousSur .headerRetrouvez {
      text-transform: uppercase;
      color: #202328;
      text-align: center;
      font-weight: bold;
      font-size: 16px; }
      .fourthRow .retrouvezNousSur .headerRetrouvez p {
        margin-top: 10px;
        margin-bottom: 10px; }
    .fourthRow .retrouvezNousSur .tableRetrouvez {
      margin-top: 25px;
      display: table;
      border-spacing: 17px 7px; }
      .fourthRow .retrouvezNousSur .tableRetrouvez .row {
        display: table-row; }
        .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell {
          display: table-cell;
          width: 87px;
          box-sizing: border-box;
          border: 1px solid #efeeec;
          text-align: center;
          padding: 10px 0 5px 0; }
          .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell span {
            display: block;
            text-align: center; }
          .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell a {
            text-decoration: none;
            color: inherit; }
          .fourthRow .retrouvezNousSur .tableRetrouvez .row .cell:hover {
            background-color: #f7f7f7;
            cursor: pointer;
            border: 1px solid white; }
  .fourthRow .line {
    border-top: 1px solid black;
    width: 100px;
    display: block;
    margin: 0 auto;
    top: 22px; }

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?fz6k74");
  src: url("../fonts/icomoon.eot?fz6k74#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?fz6k74") format("truetype"), url("../fonts/icomoon.woff?fz6k74") format("woff"), url("../fonts/icomoon.svg?fz6k74#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-hp"], [class*=" icon-hp"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 84px;
  font-size: 76px;
  padding-left: 5px;
  color: #0b6ba8;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.headerCell [class^="icon-hp"], .headerCell [class*=" icon-hp"] {
  font-size: 24px;
  color: white;
  line-height: 35px;
  padding-left: 0px; }

.icon-hp-14:before {
  content: ""; }

.icon-hp-19:before {
  content: ""; }

.icon-hp-emploi-travail:before,
.icon-hp-30:before {
  content: ""; }

.icon-hp-jeunesse-educ:before,
.icon-hp-20:before {
  content: ""; }

.icon-hp-87:before {
  content: ""; }

.icon-hp-89:before {
  content: ""; }

.icon-hp-88:before {
  content: ""; }

.icon-hp-justice:before,
.icon-hp-90:before {
  content: ""; }

.icon-hp-91:before {
  content: ""; }

.icon-hp-instagram:before {
  content: ""; }

.icon-hp-facebook:before {
  content: ""; }

.icon-hp-facebook {
  float: left; }

svg {
  display: block;
  margin: 50px auto; }

#loader {
  fill: #0088cc; }

#border {
  fill: #00517a; }

@media (max-width: 1279px) {
  .page-node-365 .container .firstRow .col318 {
    margin-right: 10px;
    margin-top: 11px;
    margin-bottom: 20px;
    float: left;
    height: 756px; }
  .page-node-365 .container .firstRow .col360 {
    height: 730px; }
  .page-node-365 .container .secondRow .col590 {
    width: 635px; }
  .page-node-365 .container .secondRow .col688 {
    width: 635px;
    margin-left: 0px; }
  .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(10) {
    display: none; }
  .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(9) {
    display: none; }
  .page-node-365 .fourthRow .ecrivezAuPM {
    margin-left: inherit; }
  .page-node-365 .fourthRow .accueil-bloc-e-regie {
    display: none; } }

@media (max-width: 800px) {
  .page-node-365 .container {
    width: 700px; }
    .page-node-365 .container .firstRow .col590 {
      width: 100%;
      margin-bottom: 25px; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel {
        text-align: center; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .tCell {
          display: table-cell; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .centered {
          position: inherit;
          left: inherit; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .caption {
          width: 540px;
          margin: 0 auto;
          position: absolute;
          left: 60px; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom {
          margin: 0 auto; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered {
            width: 100%;
            height: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellLeft {
            height: 250px; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellRight {
            height: 250px; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .caption {
            bottom: 49px;
            left: inherit; }
    .page-node-365 .container .firstRow .crConseilMin {
      margin: 35px auto;
      padding-top: 15px;
      padding-bottom: 15px; }
    .page-node-365 .container .firstRow .col318 {
      float: right;
      margin-top: 0; }
    .page-node-365 .container .secondRow .col590 {
      width: 100%; }
    .page-node-365 .container .secondRow .col688 {
      width: 100%; }
    .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(10) {
      display: block; }
    .page-node-365 .container .secondRow #instafeed .instaCell:nth-child(9) {
      display: block; }
    .page-node-365 .container .thirdRow #customZone .rightLabel {
      line-height: 24px;
      height: inherit; }
    .page-node-365 .container .cols:nth-child(2) {
      margin-left: 0; }
  .page-node-365 .fourthRow .ecrivezAuPM {
    width: 285px; } }

@media (max-width: 600px) {
  .page-node-365 .container {
    overflow: hidden;
    width: 100%; }
    .page-node-365 .container .firstRow .col318 .social .tweetImg .image-cropper {
      width: 100%; }
    .page-node-365 .container .firstRow .col318 .social span {
      padding-left: 0; }
    .page-node-365 .container .firstRow .col590 .gridCarrousel {
      padding-top: 25px; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel .tCell {
        display: block; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop {
        text-align: center;
        margin: 0px 23px;
        margin-bottom: 20px; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .caption {
          position: absolute;
          background: rgba(0, 0, 0, 0.8);
          bottom: 5px;
          top: inherit;
          left: 0;
          width: 100%; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellTop .caption .centered {
            position: inherit; }
      .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom {
        border-spacing: 23px 0px; }
        .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou {
          display: block;
          width: inherit;
          height: inherit;
          overflow: inherit;
          margin: inherit;
          margin-bottom: 20px; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .cellLeft {
            display: block; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .cellRight {
            display: block; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered {
            position: inherit;
            left: initial;
            width: inherit;
            height: inherit;
            position: inherit;
            left: inherit;
            top: inherit;
            -webkit-transform: inherit;
            -ms-transform: inherit;
            transform: inherit; }
          .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .caption {
            bottom: 5px;
            position: absolute;
            background: rgba(0, 0, 0, 0.8);
            top: inherit;
            left: 0;
            width: 100%; }
    .page-node-365 .container .firstRow .col590 .crConseilMin {
      width: 88%;
      line-height: 19px;
      text-align: center; }
      .page-node-365 .container .firstRow .col590 .crConseilMin span {
        padding-left: 0; }
    .page-node-365 .container .firstRow .col318 {
      margin-right: 0px; }
    .page-node-365 .container .cols {
      width: 100%; }
    .page-node-365 .container .secondRow .col688 {
      height: auto; }
      .page-node-365 .container .secondRow .col688 .cell #instafeed {
        text-align: center; }
        .page-node-365 .container .secondRow .col688 .cell #instafeed .rowInstaFeed {
          display: inline; }
        .page-node-365 .container .secondRow .col688 .cell #instafeed .instaCell {
          display: inline-block;
          width: 49%; }
      .page-node-365 .container .secondRow .col688 .cell #instafeedMob {
        display: table;
        margin: 0 auto; }
        .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed {
          display: table-row; }
          .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed:nth-child(3) {
            display: none; }
          .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed:nth-child(4) {
            display: none; }
          .page-node-365 .container .secondRow .col688 .cell #instafeedMob .rowInstaFeed .instaCell {
            display: table-cell; }
    .page-node-365 .container .secondRow .contenuAction {
      text-align: center; }
    .page-node-365 .container .secondRow .listeActions {
      display: block;
      position: inherit;
      text-align: left;
      padding-top: 20px;
      padding-bottom: 20px; }
  .page-node-365 .thirdRow #customZone {
    text-align: center;
    display: inherit; }
    .page-node-365 .thirdRow #customZone .leftLabel {
      display: block;
      float: inherit;
      margin-left: 5px;
      margin-right: 5px;
      padding: 0; }
    .page-node-365 .thirdRow #customZone .rightLabel {
      display: block;
      float: inherit;
      line-height: 13px;
      margin-bottom: 17px;
      margin-left: 5px;
      margin-right: 5px;
      width: 100%; }
    .page-node-365 .thirdRow #customZone .enSavoirPlus {
      display: block;
      text-align: center; }
    .page-node-365 .thirdRow #customZone .border-right {
      display: none; }
  .fourthRow {
    display: none; }
    .fourthRow .ecrivezAuPM {
      width: 100%;
      margin-left: 0; }
    .fourthRow .retrouvezNousSur {
      overflow: hidden; }
      .fourthRow .retrouvezNousSur .tableRetrouvez {
        border-spacing: none; } }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou .centered.square {
  width: 260px;
  height: 250px;
  display: none; }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou .centered.normal {
  display: inherit; }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-mobile {
  display: none; }

.page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-desktop {
  display: inline; }

@media screen and (min-width: 600px) {
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered.square {
    display: inherit; }
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellBottom .cellCarrou .centered.normal {
    display: none; }
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-mobile {
    display: inline; }
  .page-node-365 .container .firstRow .col590 .gridCarrousel .cellCarrou.cellTop .hidden-desktop {
    display: none; } }

@font-face {
  font-family: 'Marianne-Thin';
  src: url("../fonts/marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/marianne/Marianne-Thin.woff") format("woff");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Light';
  src: url("../fonts/marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/marianne/Marianne-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Regular';
  src: url("../fonts/marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/marianne/Marianne-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Medium';
  src: url("../fonts/marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/marianne/Marianne-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Bold';
  src: url("../fonts/marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/marianne/Marianne-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-ExtraBold';
  src: url("../fonts/marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/marianne/Marianne-ExtraBold.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

footer .footer_bottom.rf-footer.limiter {
  /* margin:0;*/ }

footer .footer_bottom .rf-sm-hidden {
  position: relative; }
  footer .footer_bottom .rf-sm-hidden img {
    position: absolute; }

.rf-resp-img {
  max-width: 100%;
  height: auto; }

.rf-wrap {
  max-width: 1392px;
  margin-right: auto;
  margin-left: auto; }

/*.rf-container {*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*padding: 0 1rem; }*/

.rf-row {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -.5rem;
  margin-left: -.5rem; }

.rf-col-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.rf-col-1, .rf-col-2, .rf-col-3, .rf-col-4, .rf-col-5, .rf-col-6, .rf-col-7, .rf-col-8, .rf-col-9, .rf-col-10, .rf-col-11, .rf-col-12, .rf-col-auto {
  box-sizing: border-box;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 .5rem; }

.rf-col-1 {
  -webkit-flex-basis: 8.33333333%;
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.rf-col-2 {
  -webkit-flex-basis: 16.66666667%;
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%; }

.rf-col-3 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.rf-col-4 {
  -webkit-flex-basis: 33.33333333%;
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.rf-col-5 {
  -webkit-flex-basis: 41.66666667%;
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.rf-col-6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.rf-col-7 {
  -webkit-flex-basis: 58.33333333%;
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.rf-col-8 {
  -webkit-flex-basis: 66.66666667%;
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.rf-col-9 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.rf-col-10 {
  -webkit-flex-basis: 83.33333333%;
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.rf-col-11 {
  -webkit-flex-basis: 91.66666667%;
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%; }

.rf-col-12 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.rf-col-offset-1 {
  margin-left: 8.33333333%; }

.rf-col-offset-2 {
  margin-left: 16.66666667%; }

.rf-col-offset-3 {
  margin-left: 25%; }

.rf-col-offset-4 {
  margin-left: 33.33333333%; }

.rf-col-offset-5 {
  margin-left: 41.66666667%; }

.rf-col-offset-6 {
  margin-left: 50%; }

.rf-col-offset-7 {
  margin-left: 58.33333333%; }

.rf-col-offset-8 {
  margin-left: 66.66666667%; }

.rf-col-offset-9 {
  margin-left: 75%; }

.rf-col-offset-10 {
  margin-left: 83.33333333%; }

.rf-col-offset-11 {
  margin-left: 91.66666667%; }

.rf-col-auto {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

/*!* Footer styles *!*/
/*.rf-footer {*/
  /*box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.25);*/
  /*padding-top: calc(3.125rem + 6px);*/
  /*padding-bottom: 3.125rem;*/
  /*clear: both; }*/

/*.rf-footer__logotype {*/
  /*margin-left: 2.5rem; }*/

/*.rf-footer__list {*/
  /*list-style: none;*/
  /*!*border-right: 1px solid #979797;*!*/
  /*padding-top: .5rem;*/
  /*padding-right: 3rem;*/
  /*!*  padding-bottom: .5rem;*!*/
  /*padding-left: 1rem;*/
  /*font-family: 'Marianne-ExtraBold', sans-serif;*/
  /*font-size: 0.8125rem; }*/
  /*.rf-footer__list a {*/
    /*color: #000; }*/

/*.rf-footer__list > li {*/
  /*margin-bottom: 0.5rem; }*/

/*.rf-footer__list > li:last-child {*/
  /*margin-bottom: 0; }*/

/*.rf-footer__list:last-child {*/
  /*border-right: 0; }*/

/* Links */
.rf-link {
  color: currentColor;
  text-decoration: none; }

/* Display helpers */
.rf-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.rf-items-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.rf-flex-shrink-0 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.overflow-hidden {
  overflow: hidden; }

/* Fonts helpers */
.rf-font-thin {
  font-family: 'Marianne-Thin', sans-serif; }

.rf-font-light {
  font-family: 'Marianne-Light', sans-serif; }

.rf-font-regular {
  font-family: 'Marianne-Regular', sans-serif; }

.rf-font-medium {
  font-family: 'Marianne-Medium', sans-serif; }

.rf-font-bold {
  font-family: 'Marianne-Bold', sans-serif; }

.rf-font-extrabold {
  font-family: 'Marianne-ExtraBold', sans-serif; }

/* Typo helpers */
.rf-list-no-style {
  list-style: none;
  padding: 0; }

/* Typography */
.rf-footer h1 {
  font-family: 'Marianne-ExtraBold', sans-serif;
  font-size: 2.875rem; }

.rf-text-standard {
  font-size: 0.8125rem; }

.rf-text-xl {
  font-size: 1.75rem; }

@media screen and (max-width: 639px) {
  .rf-footer {
    padding-top: calc(1.875rem + 6px);
    padding-bottom: 1.875rem; }
  .rf-footer__list {
    border: 0; } }

@media screen and (max-width: 767px) {
  .rf-sm-hidden {
    display: none; }
  .rf-sm-flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .rf-col-1, .rf-col-2, .rf-col-3, .rf-col-4, .rf-col-5, .rf-col-6, .rf-col-7, .rf-col-8, .rf-col-9, .rf-col-10, .rf-col-11, .rf-col-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 768px) {
  /*.rf-container {*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex; }*/

  /*header.rf-header .rf-container { display: block!important; }*/
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  /*.rf-container {*/
    /*padding: 0 2rem; } }*/

.encart-blockopenclose {
  margin: 2px; }
  .encart-blockopenclose .blockopenclose-title {
    cursor: pointer;
    padding: 5px;
    background-color: #ccc;
    background-image: url("../img/arrowDown.png");
    background-repeat: no-repeat;
    background-position: right; }
  .encart-blockopenclose .blockopenclose-texte {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc; }

.profil0 {
  display: none; }

.apprentissage .profil1 .apprentissage-header .t, .apprentissage .profil3 .apprentissage-header .t {
  color: #fff; }

.apprentissage .profil1 .apprentissage-header div.open, .apprentissage .profil3 .apprentissage-header div.open {
  background: url(../img/apprentissage/arrow.png) no-repeat 600px bottom; }

.apprentissage .profil2 .apprentissage-header div.open {
  background: url(../img/apprentissage/arrow.png) no-repeat 200px bottom; }

.apprentissage .apprentissage-header img.profil {
  display: none; }

.apprentissage .apprentissage-bg-content {
  background-color: #efeeec;
  padding-bottom: 20px; }
  .apprentissage .apprentissage-bg-content .apprentissage-content {
    background-color: #ffffff; }

.apprentissage .profil1 {
  background-color: #59b0bf; }
  .apprentissage .profil1 span {
    color: #fff; }

.apprentissage .profil2 {
  background-color: #f5f6f7; }
  .apprentissage .profil2 span {
    color: #59b0bf; }

.apprentissage .profil3 {
  background-color: #59b0bf; }
  .apprentissage .profil3 span {
    color: #fff; }

.apprentissage .i {
  text-align: center;
  padding: 50px 0; }

.apprentissage .t {
  text-align: center;
  padding: 0 0 35px 0; }
  .apprentissage .t span {
    font-weight: bold;
    font-size: 1.5em;
    display: block; }

.apprentissage .apprentis {
  border: 1px solid #000000;
  width: 200px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  color: #000; }

.apprentissage .right {
  float: right; }

.apprentissage .content1-header, .apprentissage .content2-header, .apprentissage .content3-header {
  padding-bottom: 20px; }

#buttonapprenti {
  position: absolute;
  right: 0;
  padding: 10px 0 10px 10px;
  width: 250px; }
  #buttonapprenti img {
    margin: -20px 0 0 -50px;
    float: left;
    display: block;
    padding: 0 0 0 5px; }
  #buttonapprenti p {
    background-color: #f0efef;
    font-size: 1em;
    padding: 10px 10px; }
    #buttonapprenti p a {
      color: #59b0bf;
      font-style: italic; }

.apprentissage-tools {
  padding: 50px 0;
  margin-top: 20px;
  background-color: #fff; }
  .apprentissage-tools .apprentissage-tools-content {
    margin: 0px auto; }
    .apprentissage-tools .apprentissage-tools-content .tools {
      height: 240px;
      padding: 10px 0;
      float: left;
      text-align: center; }
      .apprentissage-tools .apprentissage-tools-content .tools p {
        text-align: center;
        width: 150px;
        margin: 0px auto; }
      .apprentissage-tools .apprentissage-tools-content .tools a {
        text-decoration: none;
        color: #363636; }
        .apprentissage-tools .apprentissage-tools-content .tools a:hover {
          color: #0B6BA8; }

#instagramm div {
  width: 180px;
  margin: 0 10px 10px 0;
  float: left; }
  #instagramm div img {
    width: 180px;
    height: 180px;
    display: block; }

@media (min-width: 720px) {
  .apprentissage-tools-content {
    width: 720px; }
  .apprentissage-tools .tools {
    width: 144px; } }

@media (min-width: 960px) {
  .apprentissage-tools-content {
    width: 960px; }
  .apprentissage-tools .tools {
    width: 192px; } }

@media (min-width: 1280px) {
  .apprentissage-tools-content {
    width: 1280px; }
  .apprentissage-tools .tools {
    width: 256px; }
    .apprentissage-tools .tools p {
      width: 200px; } }

@media (min-width: 880px) {
  .apprentissage .apprentis {
    display: block; }
  .apprentissage .left {
    float: left; }
  .apprentissage .t {
    text-align: left; }
  .apprentissage .content1-header, .apprentissage .content2-header, .apprentissage .content3-header {
    padding-bottom: 0; }
  .apprentissage .apprentissage-header img.profil {
    display: block; } }

/*
 * Bootstrap grid import
 *
 */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.bs-row {
  margin-left: -15px;
  margin-right: -15px; }
  .bs-row:before, .bs-row:after {
    content: " ";
    display: table; }
  .bs-row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 480px) {
  .col-xs-sm-1, .col-xs-sm-2, .col-xs-sm-3, .col-xs-sm-4, .col-xs-sm-5, .col-xs-sm-6, .col-xs-sm-7, .col-xs-sm-8, .col-xs-sm-9, .col-xs-sm-10, .col-xs-sm-11, .col-xs-sm-12 {
    float: left; }
  .col-xs-sm-1 {
    width: 8.33333%; }
  .col-xs-sm-2 {
    width: 16.66667%; }
  .col-xs-sm-3 {
    width: 25%; }
  .col-xs-sm-4 {
    width: 33.33333%; }
  .col-xs-sm-5 {
    width: 41.66667%; }
  .col-xs-sm-6 {
    width: 50%; }
  .col-xs-sm-7 {
    width: 58.33333%; }
  .col-xs-sm-8 {
    width: 66.66667%; }
  .col-xs-sm-9 {
    width: 75%; }
  .col-xs-sm-10 {
    width: 83.33333%; }
  .col-xs-sm-11 {
    width: 91.66667%; }
  .col-xs-sm-12 {
    width: 100%; }
  .col-xs-sm-pull-0 {
    right: auto; }
  .col-xs-sm-pull-1 {
    right: 8.33333%; }
  .col-xs-sm-pull-2 {
    right: 16.66667%; }
  .col-xs-sm-pull-3 {
    right: 25%; }
  .col-xs-sm-pull-4 {
    right: 33.33333%; }
  .col-xs-sm-pull-5 {
    right: 41.66667%; }
  .col-xs-sm-pull-6 {
    right: 50%; }
  .col-xs-sm-pull-7 {
    right: 58.33333%; }
  .col-xs-sm-pull-8 {
    right: 66.66667%; }
  .col-xs-sm-pull-9 {
    right: 75%; }
  .col-xs-sm-pull-10 {
    right: 83.33333%; }
  .col-xs-sm-pull-11 {
    right: 91.66667%; }
  .col-xs-sm-pull-12 {
    right: 100%; }
  .col-xs-sm-push-0 {
    left: auto; }
  .col-xs-sm-push-1 {
    left: 8.33333%; }
  .col-xs-sm-push-2 {
    left: 16.66667%; }
  .col-xs-sm-push-3 {
    left: 25%; }
  .col-xs-sm-push-4 {
    left: 33.33333%; }
  .col-xs-sm-push-5 {
    left: 41.66667%; }
  .col-xs-sm-push-6 {
    left: 50%; }
  .col-xs-sm-push-7 {
    left: 58.33333%; }
  .col-xs-sm-push-8 {
    left: 66.66667%; }
  .col-xs-sm-push-9 {
    left: 75%; }
  .col-xs-sm-push-10 {
    left: 83.33333%; }
  .col-xs-sm-push-11 {
    left: 91.66667%; }
  .col-xs-sm-push-12 {
    left: 100%; }
  .col-xs-sm-offset-0 {
    margin-left: 0%; }
  .col-xs-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-xs-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-xs-sm-offset-3 {
    margin-left: 25%; }
  .col-xs-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-xs-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-xs-sm-offset-6 {
    margin-left: 50%; }
  .col-xs-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-xs-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-xs-sm-offset-9 {
    margin-left: 75%; }
  .col-xs-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-xs-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-xs-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

/*
 * PMV6 Override
 *
 */
[class*="col-"] {
  box-sizing: border-box; }
  [class*="col-"] img {
    max-width: 100% !important;
    height: auto !important; }

.text-center {
  text-align: center !important; }

.pm-row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.pm-no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.pm-no-padding-right {
  padding-right: 0 !important; }

.pm-no-padding-left {
  padding-left: 0 !important; }

@media (min-width: 768px) {
  .pm-no-padding-sm {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .pm-no-padding-sm-right {
    padding-right: 0 !important; }
  .pm-no-padding-sm-left {
    padding-left: 0 !important; } }

@media (min-width: 992px) {
  .pm-no-padding-md {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .pm-no-padding-md-right {
    padding-right: 0 !important; }
  .pm-no-padding-md-left {
    padding-left: 0 !important; } }

@media (min-width: 1200px) {
  .pm-no-padding-lg {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .pm-no-padding-lg-right {
    padding-right: 0 !important; }
  .pm-no-padding-lg-left {
    padding-left: 0 !important; } }

.pm-no-margin {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.pm-no-margin-right {
  margin-right: 0 !important; }

.pm-no-margin-left {
  margin-left: 0 !important; }

@media (min-width: 768px) {
  .pm-no-margin-sm {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .pm-no-margin-sm-right {
    margin-right: 0 !important; }
  .pm-no-margin-sm-left {
    margin-left: 0 !important; } }

@media (min-width: 992px) {
  .pm-no-margin-md {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .pm-no-margin-md-right {
    margin-right: 0 !important; }
  .pm-no-margin-md-left {
    margin-left: 0 !important; } }

@media (min-width: 1200px) {
  .pm-no-margin-lg {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .pm-no-margin-lg-right {
    margin-right: 0 !important; }
  .pm-no-margin-lg-left {
    margin-left: 0 !important; } }

.page-node-7260 .btn-share {
  display: none; }

body.tc-overlay {
  overflow: hidden !important; }

.oembed-content {
  position: relative; }

.tac_activate {
  padding: 75px 0; }

/*.tac_activate_youtube, .tac_activate_dailymotion {
  margin-top: -56.25% !important;}*/
  .oembed-content .tac_activate_youtube, .oembed-content .tac_activate_dailymotion {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important; }
  .tac_activate_instagram,
  #player .tac_activate_dailymotion,
  .type-dmcloud_video .tac_activate_dailymotion, .tac_activate_eregie {
    position: absolute !important;
    right: 0 !important;
    left: 0;
    height: 80% !important;
    min-height: 90px;
    padding: 0 !important; }
  .dailymotion-player-wrapper .tac_activate, .tac_activate.pmv6-tc-modal {
    padding: 0 !important; }
  .type-dmcloud_video .tac_activate_dailymotion {
    top: 0;
    bottom: 0;
    max-height: 400px !important;
    background: black !important; }
  .tac_activate_instagram {
    background: url("../img/tarteaucitron/hp-instagram-bg.png") 0 0 no-repeat !important; }
    .tac_activate_instagram .tac_float {
      background: rgba(51, 51, 51, 0.8); }
  .tac_activate_text {
    font-size: 20px;
    margin-bottom: 10px; }
  .tac_activate .tarteaucitronAllow {
    font-size: 16px; }
  .tac_activate_eregie {
    width: 400px !important;
    height: 215px !important; }
  #playerpage .tac_activate_dailymotion {
    min-height: 200px; }
    @media (min-width: 699px) {
      #playerpage .tac_activate_dailymotion {
        padding: 85px 0; } }
    @media (min-width: 960px) {
      #playerpage .tac_activate_dailymotion {
        padding: 120px 0; } }

.accueil-bloc-e-regie {
  position: relative; }

.tarteaucitronListCookies {
  display: none !important;
  /*  visibility: hidden;*/ }

#tarteaucitron #tarteaucitronClosePanel, .cbox-tc-share #cboxClose {
  width: 40px !important;
  height: 31px;
  background-position: 0 -180px !important;
  display: block;
  background-image: url("../img/icone-sprite.png") !important;
  text-indent: -9999em;
  z-index: 2; }

.cbox-tc-share#colorbox,
.cbox-tc-share #cboxWrapper,
.cbox-tc-share #cboxContent,
.cbox-tc-share #cboxLoadedContent {
  height: 200px !important; }

.cbox-tc-share#cboxOverlay {
  background-color: #FFF !important;
  opacity: 0.7 !important; }

.asp-embed-link {
  display: none !important; }

.twitterembed-canvas {
  width: 100% !important; }

/**
 * Garde Nationale Space partial
 * module namespace / prefix :  pm-gn
 * 1 - vars
 * 2 - styles
 */
.pm-gn-wrapper #banniere, .pm-gn-wrapper .entete-surtitre, .pm-gn-wrapper .field.field-separateur {
  display: none !important; }

.pm-gn-wrapper #main {
  background-color: #E4E8EE !important; }
  .pm-gn-wrapper #main * {
    box-sizing: border-box; }
  .pm-gn-wrapper #main .node-unpublished {
    background-color: #E4E8EE !important; }

.pm-gn-wrapper h2 {
  font-size: 2em;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase; }

.pm-gn-wrapper .teaser {
  overflow: hidden; }

.pm-gn-subtitle {
  padding-bottom: 30px; }

.pm-gn-hp-wrapper .titre-zone, .pm-gn-hp-wrapper .titre-zone-spm, .pm-gn-page.page-node-7907 .titre-zone, .pm-gn-page.page-node-7907 .titre-zone-spm {
  display: none !important; }

.pm-gn-hp-wrapper .pm-gn-content,
.pm-gn-page #content {
  padding-top: 0 !important; }

.pm-gn-hp-wrapper .pm-gn-content {
  padding-bottom: 0 !important; }

.pm-gn-page #content {
  width: 100%;
  max-width: 1200px; }

@media (min-width: 768px) {
  .pm-gn-limiter {
    width: 100% !important;
    max-width: 1200px; } }

.pm-gn-section {
  padding: 40px 0; }

.pm-gn-header-image {
  background: #193460; }
  .pm-gn-header-image img {
    max-width: 100% !important; }

.pm-gn-header-menu {
  background-color: #E4E8EE; }
  .pm-gn-hp-wrapper .pm-gn-header-menu {
    background-color: #0E2547; }
  .pm-gn-header-menu h2 {
    display: none; }
  .pm-gn-header-menu .block-menu {
    background: #FFF; }
    @media (min-width: 768px) {
      .pm-gn-header-menu .block-menu {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
  .pm-gn-header-menu .menu {
    background: #FFF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .pm-gn-header-menu .leaf {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    padding: 15px;
    text-align: center; }
  .pm-gn-header-menu .active-trail, .pm-gn-header-menu .leaf:hover {
    background-color: #193460; }
    .pm-gn-header-menu .active-trail, .pm-gn-header-menu .active-trail a, .pm-gn-header-menu .leaf:hover, .pm-gn-header-menu .leaf:hover a {
      color: #FFF; }
  .pm-gn-header-menu-fb, .pm-gn-header-menu-tw {
    -webkit-flex: 0 0 29px !important;
    -ms-flex: 0 0 29px !important;
    flex: 0 0 29px !important;
    height: auto !important;
    text-indent: -9999em; }
    .pm-gn-header-menu-fb a, .pm-gn-header-menu-tw a {
      content: '';
      display: block;
      background-image: url("../img/icone-sprite2.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      width: 100%;
      height: 100%;
      transition: -webkit-transform ease .5;
      transition: transform ease .5;
      transition: transform ease .5, -webkit-transform ease .5; }
      .pm-gn-header-menu-fb a:hover, .pm-gn-header-menu-tw a:hover {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3); }
  .pm-gn-header-menu-fb {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background-color: #4466AE; }
    .pm-gn-header-menu-fb a {
      background-position: -61px -3px; }
  .pm-gn-header-menu-tw {
    background-color: #54C5F9;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
    .pm-gn-header-menu-tw a {
      background-position: -30px -3px; }

.pm-gn-block-accroche {
  background-color: #0E2547; }
  .pm-gn-block-accroche * {
    color: #FFF !important; }
  .pm-gn-block-accroche a:hover, .pm-gn-block-accroche a:hover * {
    text-decoration: underline !important; }
  .pm-gn-block-accroche h2 {
    padding-top: 0; }
  .pm-gn-block-accroche-text {
    position: absolute;
    text-align: center;
    top: 28%; }
    @media (min-width: 767px) {
      .pm-gn-block-accroche-text {
        padding: 0 40px; } }
    .pm-gn-block-accroche-text h3 {
      font-size: 1.5em;
      line-height: 1.1em;
      margin-bottom: 20px;
      text-transform: uppercase; }
    @media (max-width: 767px) {
      .pm-gn-block-accroche-text {
        font-size: 0.9em; } }
  @media (max-width: 767px) {
    .pm-gn-block-accroche img {
      max-width: none;
      width: 100%; } }

.pm-gn-block-join {
  background-color: #FFF; }
  .pm-gn-block-join-img {
    margin-bottom: 15px; }
  .pm-gn-block-join .pm-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 45px;
    max-width: 245px;
    margin: auto; }
  .pm-gn-block-join h3 {
    font-size: 1em; }

.pm-gn-block-news img {
  width: 100% !important; }

.pm-gn-block-social {
  background-color: #FFF; }
  .pm-gn-block-social .pm-flex-center-wrapper {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media (max-width: 767px) {
      .pm-gn-block-social .pm-flex-center-wrapper {
        display: block !important; } }
  .pm-gn-block-social-feed, .pm-gn-block-social .social-list {
    background-color: #0E2547; }
  .pm-gn-block-social .social-list {
    margin: 0;
    padding: 0; }
  .pm-gn-block-social .social-item {
    margin: 0 auto 10px auto;
    padding: 30px;
    max-width: 470px !important;
    float: none !important; }
    .pm-gn-block-social .social-item p {
      margin-bottom: 20px; }
    .pm-gn-block-social .social-item .more {
      bottom: 5px; }
  .pm-gn-block-social-text {
    text-align: center; }
    @media (min-width: 768px) {
      .pm-gn-block-social-text {
        padding-left: 5%;
        text-align: left; } }
    .pm-gn-block-social-text:before {
      content: '';
      display: block;
      background-image: url("../img/icone-sprite2.png");
      background-repeat: no-repeat;
      background-position: -6px -509px;
      width: 71px;
      height: 71px;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .pm-gn-block-social-text:before {
          margin: 0 auto; } }
    .pm-gn-block-social-text-title {
      font-size: 1.5em;
      font-weight: bold;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .pm-gn-block-social-text-title {
          padding-right: 15%; } }
    .pm-gn-block-social-text.text-center {
      text-align: center !important;
      padding: 0; }
      .pm-gn-block-social-text.text-center:before {
        margin: 0 auto; }
      .pm-gn-block-social-text.text-center .pm-gn-block-social-text-title {
        padding: 0 !important; }
  .pm-gn-block-social-btn {
    overflow: hidden;
    margin: 20px 0;
    display: inline-block; }

.pm-gn-block-contact {
  padding: 60px 0;
  text-align: center; }
  @media (min-width: 768px) {
    .pm-gn-block-contact {
      text-align: left; }
      .pm-gn-block-contact .bs-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
  .pm-gn-block-contact-title {
    color: #0B6BA8;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase; }
    .pm-gn-block-contact-title:before {
      content: '';
      display: block;
      background-image: url("../img/icone-sprite2.png");
      background-repeat: no-repeat;
      background-position: -103px -531px;
      width: 50px;
      height: 31px;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        .pm-gn-block-contact-title:before {
          margin: 0 auto 10px; } }
      @media (min-width: 768px) {
        .pm-gn-block-contact-title:before {
          margin-left: -60px;
          position: absolute;
          top: 10px; } }
    @media (min-width: 480px) {
      .pm-gn-block-contact-title {
        display: inline-block;
        float: right;
        padding: 0 15%; } }
    @media (min-width: 768px) {
      .pm-gn-block-contact-title {
        padding: 0 15% 0 50%; } }
  .pm-gn-block-contact-address {
    color: #777;
    font-size: 1em; }
    .pm-gn-block-contact-address p {
      margin-bottom: 10px; }
    @media (min-width: 480px) {
      .pm-gn-block-contact-address {
        border-left: 1px solid #cccecf;
        padding-left: 15%; } }

.pm-gn-page div.groupe-slogan-blue {
  padding: 120px 0 0;
  margin: 0 auto;
  background: #193460 url("../img/garde-nationale/logo-engage.png") top 20px center no-repeat;
  color: #FFF;
  font-family: "Open Sans"; }
  .pm-gn-page div.groupe-slogan-blue p {
    padding: 70px 50px;
    font-size: 22px;
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    margin: 20px 0; }

.pm-gn-page #test {
  margin: 20px auto 30px auto;
  text-align: center;
  overflow: hidden; }
  .pm-gn-page #test h3 {
    text-transform: uppercase;
    font-family: "Open Sans";
    margin: 10px 0; }
  .pm-gn-page #test h4 {
    font-size: 25px;
    font-weight: normal; }
  .pm-gn-page #test p.reset,
  .pm-gn-page #test a {
    color: #193460;
    text-decoration: underline;
    cursor: pointer; }
  .pm-gn-page #test a.share {
    height: 26px;
    line-height: 26px;
    display: inline-block; }
    .pm-gn-page #test a.share:after {
      content: "";
      background: transparent url("../img/garde-nationale/share.png") top right no-repeat;
      width: 26px;
      height: 26px;
      display: inline-block;
      vertical-align: bottom;
      margin-left: 10px; }
  .pm-gn-page #test .reset {
    margin: 50px 0; }
  .pm-gn-page #test .zipcode,
  .pm-gn-page #test .default-tpl {
    border: 1px solid #777;
    padding: 30px;
    width: 80%;
    margin: 0 auto 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .pm-gn-page #test .zipcode input,
    .pm-gn-page #test .default-tpl input {
      border: none;
      border-bottom: 1px solid #777;
      text-align: center;
      margin: 20px 0;
      font-family: Georgia, serif;
      font-size: 1.8rem;
      padding: 1rem; }
    .pm-gn-page #test .zipcode button,
    .pm-gn-page #test .default-tpl button {
      width: 40%;
      height: 65px;
      margin: 30px 10% 0; }
    .pm-gn-page #test .zipcode a.link-to,
    .pm-gn-page #test .default-tpl a.link-to {
      border-radius: 45px;
      transition: all 0.2s ease-out;
      width: 40%;
      height: 65px;
      line-height: 65px;
      font-size: 16px;
      background-color: #193460;
      border: 1px solid #777;
      cursor: pointer;
      color: #FFF;
      text-decoration: none; }
      .pm-gn-page #test .zipcode a.link-to:hover,
      .pm-gn-page #test .default-tpl a.link-to:hover {
        transition: all 0.2s ease-out;
        background-color: #FFF;
        border: 1px solid #193460;
        color: #000; }
  .pm-gn-page #test .zipcode button,
  .pm-gn-page #test #zip-code-result button {
    border-radius: 45px;
    transition: all 0.2s ease-out;
    font-size: 16px;
    background-color: #193460;
    border: 1px solid #777;
    cursor: pointer;
    color: #FFF; }
    .pm-gn-page #test .zipcode button:hover,
    .pm-gn-page #test #zip-code-result button:hover {
      transition: all 0.2s ease-out;
      background-color: #FFF;
      border: 1px solid #193460;
      color: #000; }
  .pm-gn-page #test .zipcode .zipcode-filter,
  .pm-gn-page #test #zip-code-result .zipcode-filter {
    margin-bottom: 10px; }
    .pm-gn-page #test .zipcode .zipcode-filter span,
    .pm-gn-page #test #zip-code-result .zipcode-filter span {
      color: #193460; }
  .pm-gn-page #test #zip-code-result button {
    width: 30px;
    height: 30px;
    margin: 0 15px; }
  .pm-gn-page #test #zip-code-result table {
    font-family: Georgia, serif;
    width: 100%;
    margin-bottom: 20px; }
    .pm-gn-page #test #zip-code-result table caption {
      font-weight: bold;
      text-align: left;
      height: 45px;
      line-height: 45px;
      font-family: Arial, sans-serif;
      border-bottom: 1px solid #777; }
    .pm-gn-page #test #zip-code-result table tr {
      border-bottom: 1px solid #777;
      height: 45px; }
      .pm-gn-page #test #zip-code-result table tr td {
        text-align: left; }
        .pm-gn-page #test #zip-code-result table tr td.blue {
          color: #193460;
          text-align: right; }
  .pm-gn-page #test ul {
    padding: 0;
    margin: 60px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    .pm-gn-page #test ul li {
      transition: all 0.2s ease-out;
      border: 1px solid #777;
      padding: 30px 15px;
      cursor: pointer; }
      .pm-gn-page #test ul li:hover {
        transition: all 0.2s ease-out;
        background-color: #777; }

.pm-gn-page #test .other-choice a {
  width: 40%;
  height: 65px;
  border-radius: 45px;
  transition: all 0.2s ease-out;
  margin: 30px 10% 0;
  font-size: 16px;
  background-color: #193460;
  border: 1px solid #777;
  cursor: pointer;
  color: #FFF;
  text-decoration: none;
  line-height: 65px; }
  .pm-gn-page #test .other-choice a:hover {
    transition: all 0.2s ease-out;
    background-color: #FFF;
    border: 1px solid #193460;
    color: #000; }

@media (max-width: 767px) {
  .pm-gn-page #garde-nationale #test ul.test_container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .pm-gn-page #garde-nationale #test ul.test_container li {
      margin-bottom: 10px;
      width: 65%; }
  .pm-gn-page #garde-nationale #test .result button {
    width: auto;
    height: auto;
    padding: 10px; } }

.pm-gn-page .result {
  float: left;
  width: 100%;
  margin: 0 auto; }
  .pm-gn-page .result ul {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left;
    width: 100%;
    margin-top: 60px; }
    .pm-gn-page .result ul li {
      max-width: 300px;
      overflow: hidden;
      background-color: transparent;
      border: none !important;
      cursor: default !important; }
      .pm-gn-page .result ul li:hover {
        background-color: transparent !important; }

.pm-gn-page .pm-gn-block-engage {
  background-color: #FFF; }
  .pm-gn-page .pm-gn-block-engage p {
    color: #3A3A3A; }
  .pm-gn-page .pm-gn-block-engage {
    clear: both;
    padding: 0 10px;
    margin: 0; }
  .pm-gn-page .pm-gn-block-engage ul li {
    border-top: 1px solid #CCC;
    padding-top: 10px; }
  .pm-gn-page .pm-gn-block-engage ul li:nth-child(1) {
    border-top: none; }
  .pm-gn-page .pm-gn-block-engage p.strong {
    font-weight: bold;
    padding-bottom: 5px; }
  .pm-gn-page .pm-gn-block-engage h3 {
    color: #193460; }
    .pm-gn-page .pm-gn-block-engage h3 span {
      color: #c00000 !important; }
  .pm-gn-page .pm-gn-block-engage-img {
    margin-bottom: 5px; }
    @media (max-width: 767px) {
      .pm-gn-page .pm-gn-block-engage-img {
        text-align: center; } }

@font-face {
  font-family: 'Marianne-Thin';
  src: url("../fonts/marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/marianne/Marianne-Thin.woff") format("woff");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Light';
  src: url("../fonts/marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/marianne/Marianne-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Regular';
  src: url("../fonts/marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/marianne/Marianne-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Medium';
  src: url("../fonts/marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/marianne/Marianne-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-Bold';
  src: url("../fonts/marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/marianne/Marianne-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Marianne-ExtraBold';
  src: url("../fonts/marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/marianne/Marianne-ExtraBold.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

#footer {
  background: #fff;
  color: #000;
  border-top: 8px solid #000091;
  font-family: "Marianne-Regular", Arial, Sans-Serif; }
  #footer #footer-top {
    background: #f9f8f6; }
    #footer #footer-top .footer-top-slogan {
      margin-bottom: 1rem;
      font-size: 1.375rem;
      text-align: center;
      text-transform: uppercase;
      color: #000091;
      padding: 1rem 0;
      font-family: "Marianne-Bold", Arial, Sans-Serif;
      letter-spacing: 2.5px; }
    #footer #footer-top .item-list .footer-top-menu,
    #footer #footer-top .item-list .footer-top-menu-en {
      /*border-bottom: 1px solid rgba(0, 0, 0, 0.25);
      border-top: 1px solid rgba(0, 0, 0, 0.25);*/
      /*padding-top: 1rem;*/ }
      @media screen and (min-width: 768px) {
        #footer #footer-top .item-list .footer-top-menu,
        #footer #footer-top .item-list .footer-top-menu-en {
          border-bottom: none; } }
      #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item,
      #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item {
        margin-left: 0; }
        #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item .footer-top-menu-item-title,
        #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item .footer-top-menu-en-item-title,
        #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item .footer-top-menu-item-title,
        #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item .footer-top-menu-en-item-title {
          font-family: "Marianne-Regular", Arial, Sans-Serif;
          /*text-transform: uppercase;*/ }
        #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item .item-list,
        #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item .item-list {
          margin-top: 15px; }
          #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item .item-list li,
          #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item .item-list li {
            margin-left: 0; }
            #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item .item-list li a,
            #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item .item-list li a {
              /*font-family: "Marianne-Bold", Arial, Sans-Serif;
              color: #000; */}
            #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item .item-list li::before,
            #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item .item-list li::before {
              /*content: '\2014';
              margin-right: 5px;*/ }
        @media screen and (min-width: 768px) {
          #footer #footer-top .item-list .footer-top-menu .footer-top-menu-item.last,
          #footer #footer-top .item-list .footer-top-menu-en .footer-top-menu-item.last {
            clear: both; } }
    #footer #footer-top .item-list .footer-top-menu-en {
      border-top: none; }
    #footer #footer-top .footer-top-newsletter-wrapper {
      padding: 15px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
      overflow: hidden; }
      @media screen and (min-width: 768px) {
        #footer #footer-top .footer-top-newsletter-wrapper {
          border-bottom: none;
          padding-top: 0; } }
      #footer #footer-top .footer-top-newsletter-wrapper p {
        color: rgba(0, 0, 0, 0.55);
        font-size: 0.95rem; }
        @media screen and (min-width: 768px) {
          #footer #footer-top .footer-top-newsletter-wrapper p {
            font-size: 0.9rem; } }
      #footer #footer-top .footer-top-newsletter-wrapper a button {
        padding: 2px 25px;
        background: rgba(143, 126, 53, 0.1);
        border: 1px solid rgba(0, 0, 0, 0.25);
        font-family: "Marianne-Bold", Arial, Sans-Serif;
        color: rgba(0, 0, 0, 0.55);
        margin-top: 5px;
        position: relative;
        transition: all .5s; }
        #footer #footer-top .footer-top-newsletter-wrapper a button .bottom-right-border::before,
        #footer #footer-top .footer-top-newsletter-wrapper a button .bottom-right-border::after,
        #footer #footer-top .footer-top-newsletter-wrapper a button .left-top-border::before,
        #footer #footer-top .footer-top-newsletter-wrapper a button .left-top-border::after {
          content: '';
          display: block;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.25); }
        #footer #footer-top .footer-top-newsletter-wrapper a button .bottom-right-border::before,
        #footer #footer-top .footer-top-newsletter-wrapper a button .bottom-right-border::after {
          bottom: -5px;
          right: -5px; }
        #footer #footer-top .footer-top-newsletter-wrapper a button .bottom-right-border::before,
        #footer #footer-top .footer-top-newsletter-wrapper a button .left-top-border::before {
          width: 0;
          height: 1px; }
        #footer #footer-top .footer-top-newsletter-wrapper a button .bottom-right-border::after,
        #footer #footer-top .footer-top-newsletter-wrapper a button .left-top-border::after {
          width: 1px;
          height: 0; }
        #footer #footer-top .footer-top-newsletter-wrapper a button .left-top-border::before,
        #footer #footer-top .footer-top-newsletter-wrapper a button .left-top-border::after {
          top: 0;
          left: 0; }
      #footer #footer-top .footer-top-newsletter-wrapper a:hover button {
        background: rgba(0, 0, 0, 0.25);
        color: #000;
        cursor: pointer; }
        #footer #footer-top .footer-top-newsletter-wrapper a:hover button .bottom-right-border::before {
          -webkit-animation: hover-border-bottom .5s forwards;
          animation: hover-border-bottom .5s forwards; }
        #footer #footer-top .footer-top-newsletter-wrapper a:hover button .bottom-right-border::after {
          -webkit-animation: hover-border-right .5s forwards;
          animation: hover-border-right .5s forwards; }
      #footer #footer-top .footer-top-newsletter-wrapper a:active button .bottom-right-border::before {
        -webkit-animation: active-border-bottom 1s forwards;
        animation: active-border-bottom 1s forwards; }
      #footer #footer-top .footer-top-newsletter-wrapper a:active button .bottom-right-border::after {
        -webkit-animation: active-border-right 1s forwards;
        animation: active-border-right 1s forwards; }
      #footer #footer-top .footer-top-newsletter-wrapper a:active button .left-top-border::before {
        -webkit-animation: active-border-top 1s forwards;
        animation: active-border-top 1s forwards; }
      #footer #footer-top .footer-top-newsletter-wrapper a:active button .left-top-border::after {
        -webkit-animation: active-border-left 1s forwards;
        animation: active-border-left 1s forwards; }
    #footer #footer-top .footer-top-sites-publics {
      padding: 15px 0;
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
      overflow: hidden; }
      @media screen and (min-width: 768px) {
        #footer #footer-top .footer-top-sites-publics {
          padding-top: 0; } }
      #footer #footer-top .footer-top-sites-publics p {
        color: rgba(0, 0, 0, 0.55);
        font-size: 0.9rem;
        font-family: "Marianne-Regular", Arial, Sans-Serif; }
      @supports (display: inline list-item) {
        #footer #footer-top .footer-top-sites-publics .links li {
          display: inline list-item; } }
      @supports not (display: inline list-item) {
        #footer #footer-top .footer-top-sites-publics .links {
          padding-bottom: 40px; }
          #footer #footer-top .footer-top-sites-publics .links li {
            float: left;
            margin-right: 5px; } }
      #footer #footer-top .footer-top-sites-publics .links li::after {
        content: ' • ';
        color: rgba(0, 0, 0, 0.5);
        font-family: "Marianne-Regular", Arial, Sans-Serif; }
      #footer #footer-top .footer-top-sites-publics .links li.last::after {
        content: ''; }
      #footer #footer-top .footer-top-sites-publics .links li a {
        font-family: "Marianne-Bold", Arial, Sans-Serif;
        color: rgba(0, 0, 0, 0.5); }
      @media screen and (min-width: 768px) {
        #footer #footer-top .footer-top-sites-publics {
          border-bottom: none; } }
    #footer #footer-top .footer-creative-commons {
      color: rgba(0, 0, 0, 0.5);
      font-size: 0.65rem;
      padding: 15px 0; }
      @media screen and (min-width: 768px) {
        #footer #footer-top .footer-creative-commons {
          border-top: 1px solid rgba(0, 0, 0, 0.25);
          clear: both; } }

@-webkit-keyframes hover-border-bottom {
  from {
    width: 0; }
  to {
    width: 125px; } }

@keyframes hover-border-bottom {
  from {
    width: 0; }
  to {
    width: 125px; } }

@-webkit-keyframes hover-border-right {
  from {
    height: 0; }
  to {
    height: 25px; } }

@keyframes hover-border-right {
  from {
    height: 0; }
  to {
    height: 25px; } }

@-webkit-keyframes active-border-bottom {
  from {
    bottom: -5px;
    right: -5px;
    width: 125px; }
  to {
    bottom: 0;
    right: 0;
    width: 125px; } }

@keyframes active-border-bottom {
  from {
    bottom: -5px;
    right: -5px;
    width: 125px; }
  to {
    bottom: 0;
    right: 0;
    width: 125px; } }

@-webkit-keyframes active-border-right {
  from {
    right: -5px;
    bottom: -5px;
    height: 25px; }
  to {
    right: 0;
    bottom: 0;
    height: 25px; } }

@keyframes active-border-right {
  from {
    right: -5px;
    bottom: -5px;
    height: 25px; }
  to {
    right: 0;
    bottom: 0;
    height: 25px; } }

@-webkit-keyframes active-border-left {
  from {
    height: 0; }
  to {
    height: 25px; } }

@keyframes active-border-left {
  from {
    height: 0; }
  to {
    height: 25px; } }

@-webkit-keyframes active-border-top {
  from {
    width: 0; }
  to {
    width: 125px; } }

@keyframes active-border-top {
  from {
    width: 0; }
  to {
    width: 125px; } }

.button-cta {
  padding-left: 20px;
  padding-right: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  position: relative;
  -webkit-transform: translate(-3px, -3px);
  -ms-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px);
  transition: color .1s ease-out, border .1s ease-out, background .1s ease-out, -webkit-transform .1s ease-out;
  transition: transform .1s ease-out, color .1s ease-out, border .1s ease-out, background .1s ease-out;
  transition: transform .1s ease-out, color .1s ease-out, border .1s ease-out, background .1s ease-out, -webkit-transform .1s ease-out;
  border: 1px solid;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none !important;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .button-cta:after, .button-cta:before {
    content: "";
    display: block;
    position: absolute;
    transition: .1s ease-out; }
  .button-cta:before {
    bottom: -3px;
    height: 3px;
    left: 3px;
    width: 100%;
    border-bottom: 1px solid white; }
  .button-cta:after {
    border-right: 1px solid #000;
    height: 100%;
    right: -3px;
    top: 3px;
    width: 3px; }
  .button-cta:hover {
    text-decoration: none;
    -webkit-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
    .button-cta:hover:before {
      bottom: -2px;
      height: 2px;
      left: 2px; }
    .button-cta:hover:after {
      right: -2px;
      top: 2px; }
  .button-cta .button-icon {
    margin-left: 20px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }
    .button-cta .button-icon:after {
      font-size: 18px;
      font-weight: bold;
      padding: 0 20px;
      display: block;
      min-height: 64px;
      position: relative;
      top: calc(50% - 10px);
      line-height: 18px; }
    .button-cta .button-icon.right-arrow:after {
      content: "➜"; }
  .button-cta.red {
    background-color: #e1000f;
    border-color: #e1000f;
    color: white; }
    .button-cta.red:before, .button-cta.red:after {
      border-color: #e1000f;
      content: ""; }
    .button-cta.red .button-icon {
      background-color: white;
      color: #e1000f; }
  .button-cta.blue {
    background-color: #000091;
    border-color: #000091;
    color: white; }
    .button-cta.blue:before, .button-cta.blue:after {
      border-color: #000091;
      content: ""; }
    .button-cta.blue .button-icon {
      background-color: white;
      color: #000091; }

#content.page-charte-graphique {
  padding: 0;
  background-color: white;
  overflow: hidden; }
  #content.page-charte-graphique h1 {
    font-size: 46px;
    line-height: 52px;
    font-weight: 800;
    color: black;
    font-family: "Marianne", Arial; }
  #content.page-charte-graphique h2 {
    font-size: 38px;
    line-height: 44px;
    font-weight: 800;
    color: black;
    font-family: "Marianne", Arial; }
  #content.page-charte-graphique h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 34px;
    color: #000000;
    font-family: "Marianne", Arial; }
  #content.page-charte-graphique h4 {
    font-size: 26px;
    font-weight: 800;
    line-height: 28px;
    color: #000000;
    font-family: "Marianne", Arial; }
  #content.page-charte-graphique h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    color: #000000;
    font-family: "Marianne", Arial; }
  #content.page-charte-graphique p, #content.page-charte-graphique div, #content.page-charte-graphique ul, #content.page-charte-graphique li {
    font-size: 14px;
    line-height: 22px;
    color: black;
    font-family: "Marianne", Arial; }
  #content.page-charte-graphique img {
    max-width: 100%; }
  #content.page-charte-graphique .charte-img-mobile {
    display: none; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique .charte-img-mobile {
        display: inline-block; }
        #content.page-charte-graphique .charte-img-mobile + .charte-img-desktop {
          display: none; } }
  #content.page-charte-graphique .charte-homepage-header {
    background-color: #f9f8f6;
    padding-top: 70px;
    padding-bottom: 70px; }
    #content.page-charte-graphique .charte-homepage-header h1, #content.page-charte-graphique .charte-homepage-header .charte-main-title {
      color: #000091;
      font-size: 52px;
      line-height: 56px;
      font-weight: 800;
      width: 60%; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique .charte-homepage-header h1, #content.page-charte-graphique .charte-homepage-header .charte-main-title {
          width: 100%; } }
    #content.page-charte-graphique .charte-homepage-header #charte-homepage-header-texte {
      margin-top: 30px; }
    #content.page-charte-graphique .charte-homepage-header ul {
      margin-top: 45px; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique .charte-homepage-header ul {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      #content.page-charte-graphique .charte-homepage-header ul li {
        float: left;
        padding-bottom: 6px;
        margin-right: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        #content.page-charte-graphique .charte-homepage-header ul li:last-child {
          margin-right: 0; }
        #content.page-charte-graphique .charte-homepage-header ul li .mask-border {
          display: none; }
        #content.page-charte-graphique .charte-homepage-header ul li.active, #content.page-charte-graphique .charte-homepage-header ul li:hover {
          position: relative; }
          #content.page-charte-graphique .charte-homepage-header ul li.active .mask-border, #content.page-charte-graphique .charte-homepage-header ul li:hover .mask-border {
            display: block;
            width: 50%;
            border-top: 2px solid black;
            margin-top: 2px; }
        #content.page-charte-graphique .charte-homepage-header ul li a {
          color: black;
          font-weight: 800;
          font-size: 14px; }
          #content.page-charte-graphique .charte-homepage-header ul li a:hover, #content.page-charte-graphique .charte-homepage-header ul li a:focus, #content.page-charte-graphique .charte-homepage-header ul li a:active {
            text-decoration: none; }
  #content.page-charte-graphique #charte-header-bottom-separator {
    box-shadow: 0 12px 17px 0 rgba(170, 170, 170, 0.23);
    background-color: #ffffff;
    height: 5px; }

#content.page-charte-graphique-homepage a.link-read-more {
  font-size: 12px;
  line-height: 20px;
  color: #000091; }

#content.page-charte-graphique-homepage .bloc-applat {
  background-color: #e6eaf5; }

#content.page-charte-graphique-homepage .charte-homepage-marianne {
  padding: 70px 0 30px; }
  #content.page-charte-graphique-homepage .charte-homepage-marianne h2 {
    z-index: 1; }
  #content.page-charte-graphique-homepage .charte-homepage-marianne #charte-homepage-marianne-contenu {
    z-index: 1;
    position: relative; }
    #content.page-charte-graphique-homepage .charte-homepage-marianne #charte-homepage-marianne-contenu #charte-homepage-marianne-texte {
      width: 50%;
      margin-top: 50px; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-marianne #charte-homepage-marianne-contenu #charte-homepage-marianne-texte {
          width: 100%; } }
    #content.page-charte-graphique-homepage .charte-homepage-marianne #charte-homepage-marianne-contenu #charte-homepage-marianne-lien {
      margin-top: 28px;
      width: 25%; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-marianne #charte-homepage-marianne-contenu #charte-homepage-marianne-lien {
          width: 50%; } }
  #content.page-charte-graphique-homepage .charte-homepage-marianne #charte-homepage-marianne-image {
    text-align: right; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-marianne #charte-homepage-marianne-image {
        position: initial;
        margin-top: 30px;
        text-align: center; } }

#content.page-charte-graphique-homepage .charte-homepage-typo {
  text-align: right;
  position: relative; }
  @media screen and (max-width: 959px) {
    #content.page-charte-graphique-homepage .charte-homepage-typo {
      margin-top: 0; } }
  #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-applat {
    height: 468px;
    position: absolute;
    background-color: #e6eaf5;
    width: calc(100% - (100% - 960px) / 2 + 2%);
    z-index: 0;
    top: 21px; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-applat {
        width: 95%;
        height: 368px; } }
  #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container {
    z-index: 1;
    position: relative; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container {
        padding-right: 5%; } }
    #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-texte {
      width: 40%;
      float: right;
      margin-top: 55px; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-texte {
          width: 100%; } }
    #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-lien {
      clear: both;
      margin-top: 26px;
      float: right;
      width: 20%; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-lien {
          width: 60%; } }
    #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-image {
      clear: both;
      text-align: left; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-image {
          padding-top: 30px;
          text-align: center; } }
      #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-image img, #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-image canvas {
        box-shadow: 0 0 17px 0 rgba(181, 181, 181, 0.5); }
    #content.page-charte-graphique-homepage .charte-homepage-typo #charte-homepage-typo-contenu-container #charte-homepage-typo-diagramme {
      clear: both;
      margin-top: 40px;
      text-align: center; }

#content.page-charte-graphique-homepage .charte-homepage-valeurs {
  position: relative; }
  #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-applat {
    height: 468px;
    position: absolute;
    background-color: #e6eaf5;
    width: calc(100% - (100% - 960px) / 2 + 2%);
    margin-left: calc(100% - (100% - (100% - 960px) / 2 + 2%));
    z-index: 0;
    top: 24px; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-applat {
        width: 95%;
        height: 368px;
        margin-left: 5%; } }
  #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container {
    z-index: 1;
    position: relative; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container {
        padding-left: 5%; } }
    #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-texte {
      width: 40%;
      margin-top: 55px; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-texte {
          width: 100%; } }
    #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-lien {
      margin-top: 26px;
      width: 20%; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-lien {
          width: 60%; } }
    #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-image {
      clear: both;
      text-align: right; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-image {
          text-align: center;
          padding-top: 30px; } }
      #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-image img, #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-image canvas {
        box-shadow: 0 0 17px 0 rgba(181, 181, 181, 0.5); }
      #content.page-charte-graphique-homepage .charte-homepage-valeurs #charte-homepage-valeurs-contenu-container #charte-homepage-valeurs-image .jsgif_toolbar img {
        box-shadow: none; }

#content.page-charte-graphique-homepage .charte-homepage-marque {
  padding: 70px 0;
  text-align: right; }
  #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-contenu {
    z-index: 1; }
    #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-contenu #charte-homepage-marque-texte {
      width: 50%;
      margin-top: 50px;
      float: right; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-contenu #charte-homepage-marque-texte {
          width: 100%; } }
    #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-contenu #charte-homepage-marque-lien {
      margin-top: 28px;
      width: 25%;
      float: right;
      clear: right; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-contenu #charte-homepage-marque-lien {
          width: 60%; } }
  #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider {
    clear: both;
    position: relative;
    z-index: 0;
    width: 60%;
    top: -30px; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider {
        width: 100%;
        top: 0;
        padding-top: 30px; } }
    #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-track {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end; }
    #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-list {
      margin-bottom: 20px; }
      #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-list .slick-slide {
        text-align: left; }
        #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-list .slick-slide img {
          max-height: 100%;
          display: inline; }
    #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-prev, #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-next {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      float: left; }
      #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-prev::before, #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-next::before {
        font-family: "Open Sans", Arial, Sans-Serif;
        color: #000091;
        font-weight: normal;
        font-size: 40px;
        line-height: 40px; }

    #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-dots {
      position: relative;
      bottom: -7px;
      width: 12%;
      float: left; }
      @media screen and (max-width: 959px) {
        #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-dots {
          float: right;
          width: 30%; } }
      #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-dots li {
        height: auto;
        width: auto;
        margin: 0; }
        #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-dots li.slick-active a {
          background-color: #6a6563; }
        #content.page-charte-graphique-homepage .charte-homepage-marque #charte-homepage-marque-slider .slick-dots li a {
          display: block;
          margin: 0px 1px;
          background: #d8d8d8;
          border-radius: 50px;
          height: 14px;
          width: 14px; }

#content.page-charte-graphique-homepage .charte-homepage-sources {
  background-color: #f9f8f6;
  padding: 80px 0; }
  #content.page-charte-graphique-homepage .charte-homepage-sources .limiter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-sources .limiter {
        display: block; } }
  #content.page-charte-graphique-homepage .charte-homepage-sources #charte-homepage-sources-contenu {
    width: 100%; }
  #content.page-charte-graphique-homepage .charte-homepage-sources h1 {
    color: #000091;
    font-size: 52px;
    line-height: 56px;
    font-weight: 800;
    width: 95%; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-sources h1 {
        width: 100%; } }
  #content.page-charte-graphique-homepage .charte-homepage-sources #charte-homepage-sources-texte {
    margin-top: 35px;
    width: 90%; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-sources #charte-homepage-sources-texte {
        width: 100%; } }
  #content.page-charte-graphique-homepage .charte-homepage-sources #charte-homepage-sources-lien {
    -webkit-flex-basis: 65%;
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%; }
    @media screen and (max-width: 959px) {
      #content.page-charte-graphique-homepage .charte-homepage-sources #charte-homepage-sources-lien {
        width: 100%;
        text-align: center;
        margin-top: 30px; } }

#content.page-charte-graphique-homepage .charte-homepage-sources h1 {
  opacity: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  transition: opacity 1s ease-out, -webkit-transform 2s ease-out;
  transition: transform 2s ease-out, opacity 1s ease-out;
  transition: transform 2s ease-out, opacity 1s ease-out, -webkit-transform 2s ease-out;
  will-change: transform, opacity; }
  #content.page-charte-graphique-homepage .charte-homepage-sources h1.is-visible {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

#content.page-charte-graphique-homepage .charte-homepage-marianne h2,
#content.page-charte-graphique-homepage #charte-homepage-marianne-texte,
#content.page-charte-graphique-homepage #charte-homepage-marianne-lien,
#content.page-charte-graphique-homepage .charte-homepage-typo h2,
#content.page-charte-graphique-homepage #charte-homepage-typo-texte,
#content.page-charte-graphique-homepage #charte-homepage-typo-lien,
#content.page-charte-graphique-homepage .charte-homepage-valeurs h2,
#content.page-charte-graphique-homepage #charte-homepage-valeurs-texte,
#content.page-charte-graphique-homepage #charte-homepage-valeurs-lien,
#content.page-charte-graphique-homepage .charte-homepage-marque h2,
#content.page-charte-graphique-homepage #charte-homepage-marque-texte,
#content.page-charte-graphique-homepage #charte-homepage-marque-lien,
#content.page-charte-graphique-homepage .charte-homepage-valeurs h2,
#content.page-charte-graphique-homepage #charte-homepage-valeurs-texte,
#content.page-charte-graphique-homepage #charte-homepage-valeurs-lien,
#content.page-charte-graphique-homepage #charte-homepage-sources-texte {
  opacity: 0;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  transition: opacity 1s ease-out, -webkit-transform 2s ease-out;
  transition: transform 2s ease-out, opacity 1s ease-out;
  transition: transform 2s ease-out, opacity 1s ease-out, -webkit-transform 2s ease-out;
  will-change: transform, opacity; }
  #content.page-charte-graphique-homepage .charte-homepage-marianne h2.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-marianne-texte.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-marianne-lien.is-visible,
  #content.page-charte-graphique-homepage .charte-homepage-typo h2.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-typo-texte.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-typo-lien.is-visible,
  #content.page-charte-graphique-homepage .charte-homepage-valeurs h2.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-valeurs-texte.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-valeurs-lien.is-visible,
  #content.page-charte-graphique-homepage .charte-homepage-marque h2.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-marque-texte.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-marque-lien.is-visible,
  #content.page-charte-graphique-homepage .charte-homepage-valeurs h2.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-valeurs-texte.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-valeurs-lien.is-visible,
  #content.page-charte-graphique-homepage #charte-homepage-sources-texte.is-visible {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

#content.page-charte-graphique-homepage #charte-homepage-valeurs-applat {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out;
  will-change: transform; }
  #content.page-charte-graphique-homepage #charte-homepage-valeurs-applat.is-visible {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

#content.page-charte-graphique-homepage #charte-homepage-typo-applat {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out;
  will-change: transform; }
  #content.page-charte-graphique-homepage #charte-homepage-typo-applat.is-visible {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

body.prevent-scroll {
  overflow: hidden; }

#charte-page-ope-contenu {
  position: relative;
  margin-top: 70px;
  margin-bottom: 50px; }
  #charte-page-ope-contenu .charte-sidemenu {
    width: 237px;
    float: left;
    margin-right: 60px; }
    @media screen and (max-width: 959px) {
      #charte-page-ope-contenu .charte-sidemenu {
        width: 100%;
        margin-right: 0;
        float: none; } }
    @media screen and (max-width: 959px) {
      #charte-page-ope-contenu .charte-sidemenu.sticky {
        position: fixed;
        top: 70px;
        width: calc(100% - 30px);
        z-index: 9; }
        #charte-page-ope-contenu .charte-sidemenu.sticky.active {
          height: 100%; }
        #charte-page-ope-contenu .charte-sidemenu.sticky .charte-sidemenu-inner {
          height: calc(100% - 113px);
          overflow: scroll; }
      #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner {
        display: none; }
      #charte-page-ope-contenu .charte-sidemenu.active .charte-sidemenu-inner {
        display: block;
        background-color: white;
        padding: 30px 15px;
        margin: 0 -15px; }
      #charte-page-ope-contenu .charte-sidemenu.active #charte-sidemenu-mobile-header #charte-sidemenu-mobile-header-chevron {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: 25px; } }
    #charte-page-ope-contenu .charte-sidemenu #charte-sidemenu-mobile-header-container {
      display: none;
      z-index: 9; }
      @media screen and (max-width: 959px) {
        #charte-page-ope-contenu .charte-sidemenu #charte-sidemenu-mobile-header-container {
          display: block;
          background-color: white; } }
      #charte-page-ope-contenu .charte-sidemenu #charte-sidemenu-mobile-header-container #charte-sidemenu-mobile-header {
        border-bottom: 1px solid #d9d7d7;
        position: relative;
        padding: 15px;
        cursor: pointer;
        margin: -70px -15px 0; }
        #charte-page-ope-contenu .charte-sidemenu #charte-sidemenu-mobile-header-container #charte-sidemenu-mobile-header p {
          font-size: 12px;
          font-weight: 800;
          color: #000091;
          text-transform: uppercase; }
        #charte-page-ope-contenu .charte-sidemenu #charte-sidemenu-mobile-header-container #charte-sidemenu-mobile-header #charte-sidemenu-mobile-header-chevron {
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg);
          display: block;
          position: absolute;
          right: 15px;
          top: 25%;
          font-size: 40px; }
    #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner {
      z-index: 1;
      max-height: 90vh;
      overflow-x: hidden;
      overflow-y: auto; }
      #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-title {
        font-weight: 800;
        line-height: 20px;
        letter-spacing: 1px;
        margin-bottom: 16px; }
      #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-subtitle {
        position: relative; }
        #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-subtitle a {
          line-height: 18px;
          color: #aaa5a5;
          display: block;
          padding: 10px 0;
          font-size: 16px; }
          #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-subtitle a:hover {
            text-decoration: none;
            color: #030f8e; }
        #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-subtitle.charte-has-submenu.active + ul {
          padding-left: 30px;
          display: block; }
        #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-subtitle.active a {
          color: #6a6563; }
      #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-page-link {
        color: #6a6563;
        display: block;
        line-height: 21px;
        margin-bottom: 10px; }
        #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-page-link:hover {
          text-decoration: none;
          color: #030f8e; }
        #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner .charte-sidemenu-page-link.active {
          border-left: 5px solid #030f8e;
          padding-left: 10px; }
      #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner > ul > li {
        margin-bottom: 40px; }
        #charte-page-ope-contenu .charte-sidemenu .charte-sidemenu-inner > ul > li > ul > li > ul {
          display: none; }
  #charte-page-ope-contenu .charte-content-container {
    width: calc(100% - 297px);
    float: left; }
    @media screen and (max-width: 959px) {
      #charte-page-ope-contenu .charte-content-container {
        width: 100%;
        float: none;
        padding-top: 15px; } }
    #charte-page-ope-contenu .charte-content-container h1, #charte-page-ope-contenu .charte-content-container h2 {
      margin-bottom: 40px; }
    #charte-page-ope-contenu .charte-content-container h3, #charte-page-ope-contenu .charte-content-container h4 {
      margin-bottom: 20px; }
    #charte-page-ope-contenu .charte-content-container .charte-paragraph {
      margin-top: 40px; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-visuel-full-legende .field-texte {
      font-size: 11px;
      line-height: 18px;
      margin-top: 15px; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-sommaire .charte-sommaire-block {
      background-color: #f9f8f6;
      padding: 25px; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-sommaire .charte-sommaire-block h6 {
        font-size: 11px;
        line-height: 24px;
        letter-spacing: 0.6px;
        color: #000000;
        text-transform: uppercase;
        margin: 0; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-sommaire .charte-sommaire-block ul li a {
        font-size: 14px;
        font-weight: 800;
        line-height: 28px;
        color: #000000; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte {
      padding: 0; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte .button-cta.red {
        background-color: white;
        color: #e1000f; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte .button-cta.red .button-icon {
          background-color: #e1000f;
          color: white; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte .button-cta.blue {
        background-color: white;
        color: #000091; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte .button-cta.blue .button-icon {
          background-color: #000091;
          color: white; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte a:not(.button-cta):hover, #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte a:not(.button-cta):focus, #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte a:not(.button-cta):active {
        color: #000091;
        text-decoration: underline; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte strong, #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte b {
        font-weight: bold; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table {
        width: 100%;
        box-shadow: 0 11px 39px -18px rgba(0, 0, 0, 0.16);
        border-collapse: collapse;
        border: 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table th {
          background-color: #f9f8f6;
          font-weight: bold;
          font-size: 12px;
          text-align: center;
          text-transform: uppercase;
          padding: 20px 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table td {
          padding: 30px; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table td, #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table th {
          border: 1px solid #e5e1da; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table tr:first-child th {
          border-top: 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table tr:last-child td {
          border-bottom: 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table tr td:first-child,
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table tr th:first-child {
          border-left: 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table tr td:last-child,
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-wysiwyg .field-name-field-texte table tr th:last-child {
          border-right: 0; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-encadre .field-name-field-texte {
      background-color: #e6eaf5;
      padding: 30px; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 959px) {
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-texte {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        margin-right: 28px; }
        @media screen and (max-width: 959px) {
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-texte {
            margin-right: 0;
            margin-bottom: 30px; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources {
        -webkit-flex-basis: 66%;
        -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources .field-items {
          border: none;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          padding: 0; }
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources .field-items a {
            border-bottom: 1px solid #d9d7d7; }
            #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources .field-items a:last-child {
              border-bottom: 0; }
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources .field-items .file {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            margin-bottom: 0;
            padding-bottom: 10px;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources .field-items .file .file-description {
              text-transform: none; }
            #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources .field-items .file .telecharger-texte {
              font-size: 13px;
              font-weight: bold;
              color: #828181;
              -webkit-flex: 1;
              -ms-flex: 1;
              flex: 1;
              margin-left: 10px; }
            #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-mise-dispo-des-ressources .flex-content-block .field-name-field-ressources .field-items .file .icone-telecharger {
              float: right;
              position: initial; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3.position-gauche .flex-content-block {
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      @media screen and (max-width: 959px) {
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3.position-gauche .flex-content-block {
          -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3.position-gauche .flex-content-block .field-texte {
        margin-right: 0; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3.position-gauche .flex-content-block .field-name-field-image {
        margin-right: 28px; }
        @media screen and (max-width: 959px) {
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3.position-gauche .flex-content-block .field-name-field-image {
            margin-right: 0;
            margin-bottom: 30px; } }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3 .flex-content-block {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      @media screen and (max-width: 959px) {
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3 .flex-content-block {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3 .flex-content-block .field-texte {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        margin-right: 28px; }
        @media screen and (max-width: 959px) {
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3 .flex-content-block .field-texte {
            margin-right: 0;
            margin-bottom: 30px; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-1-3-visuel-2-3 .flex-content-block .field-name-field-image {
        -webkit-flex-basis: 66%;
        -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
        margin-right: 0; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3.position-gauche .flex-content-block {
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      @media screen and (max-width: 959px) {
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3.position-gauche .flex-content-block {
          -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3.position-gauche .flex-content-block .field-texte {
        margin-right: 0; }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3.position-gauche .flex-content-block .field-name-field-image {
        margin-right: 28px; }
        @media screen and (max-width: 959px) {
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3.position-gauche .flex-content-block .field-name-field-image {
            margin-right: 0;
            margin-bottom: 30px; } }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3 .flex-content-block {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      @media screen and (max-width: 959px) {
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3 .flex-content-block {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3 .flex-content-block .field-texte {
        -webkit-flex-basis: 66%;
        -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
        margin-right: 28px; }
        @media screen and (max-width: 959px) {
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3 .flex-content-block .field-texte {
            margin-right: 0;
            margin-bottom: 30px; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-2-3-visuel-1-3 .flex-content-block .field-name-field-image {
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        margin-right: 0; }
    #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-h4-visuel-3-x-1-3 .charte-column-container {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 959px) {
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-h4-visuel-3-x-1-3 .charte-column-container {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-h4-visuel-3-x-1-3 .charte-column-container .charte-column {
        margin-right: 20px;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        @media screen and (max-width: 959px) {
          #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-h4-visuel-3-x-1-3 .charte-column-container .charte-column {
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px; } }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-h4-visuel-3-x-1-3 .charte-column-container .charte-column:last-child {
          margin-right: 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-h4-visuel-3-x-1-3 .charte-column-container .charte-column .field {
          padding: 0; }
        #charte-page-ope-contenu .charte-content-container .paragraphs-item--charte-contenu-h4-visuel-3-x-1-3 .charte-column-container .charte-column .field-type-image {
          margin-bottom: 20px; }

.page-charte-graphique .jsgif-processed-img {
  display: none !important; }

.page-charte-graphique .jsgif {
  display: inline-block;
  text-align: left; }
  .page-charte-graphique .jsgif canvas.gif-inactive + .jsgif_toolbar .jsgif_pause {
    display: none; }
  .page-charte-graphique .jsgif canvas.gif-inactive + .jsgif_toolbar .jsgif_play {
    display: inline-block; }
  .page-charte-graphique .jsgif canvas:not(.gif-inactive) + .jsgif_toolbar .jsgif_pause {
    display: inline-block; }
  .page-charte-graphique .jsgif canvas:not(.gif-inactive) + .jsgif_toolbar .jsgif_play {
    display: none; }

.page-charte-graphique .jsgif_toolbar {
  text-align: left; }
  .page-charte-graphique .jsgif_toolbar img {
    cursor: pointer;
    max-height: 22px; }

  .rf-header__body-link { box-shadow: 0 0 0 0; }
.rf-header__body-link * { text-decoration: none; }