@charset "UTF-8";
/** Styles Stratégies Logistique 2015 */
/** Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, tt, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/** Variables */
/* Variables Stratnew */
/* 1) Fontes */
/* Open Sans */
/* Light */
@font-face {
  font-family: 'openlight';
  src: url("../fonts/opensans_light_macroman/OpenSans-Light-webfont.eot");
  src: url("../fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_light_macroman/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Regular */
@font-face {
  font-family: 'openreg';
  src: url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot");
  src: url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Bold */
@font-face {
  font-family: 'openbold';
  src: url("../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot");
  src: url("../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Condensed */
@font-face {
  font-family: 'opencond';
  src: url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot");
  src: url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.woff") format("woff"), url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.ttf") format("truetype"), url("../fonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Sans-serif shortcut */
/* 2) Couleurs */
/**
 * EXTENDS
 */
.h2annexe, #sl-forum h2, .sl-extrait h2, .pssomm .h2, footer p.h2, #documents_joints h2, #documents_portfolio h2, .page_recherche #sl-recherche h2, .page_plan #sl-plan h2, aside.aside h2, .sl-supp h2, #complement h2, #connexionabo h2, #connexionabo .h2, #monclasseur h2, #monclasseur .h2 {
  font-family: "openlight";
  color: #2B3F5C;
  font-size: 1.7rem;
  line-height: 2.2rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem; }

.lien-titre, .nav-tabs > li > a, .hentry h2 a, .hentry h3 a, .hentry .h3 a, .hentry p.hiera a, .sl-supp h3 a, nav .nav-pills > li a {
  color: #2B3F5C;
  text-decoration: none; }
  .lien-titre:hover, .nav-tabs > li > a:hover, .hentry h2 a:hover, .hentry h3 a:hover, .hentry .h3 a:hover, .hentry p.hiera a:hover, .sl-supp h3 a:hover, nav .nav-pills > li a:hover {
    color: #069;
    text-decoration: underline; }

.lien-bloc, .sl-more {
  display: inline-block;
  padding: 5px 6px;
  padding-right: 12px;
  background-color: #ececec;
  color: #2B3F5C; }
  .lien-bloc:hover, .sl-more:hover {
    background-color: #fff; }

.panel-large, #connexionabo, #monclasseur, #sl-magazine ul li .pssomm {
  left: 0;
  padding: 5px 12px;
  padding-top: 15px;
  border: none;
  border-top: 4px solid #f4f4f4;
  border-bottom: 8px solid #f4f4f4;
  width: 100%;
  background-color: #fff;
  box-shadow: none; }
  .panel-large .sl-close, #connexionabo .sl-close, #monclasseur .sl-close, #sl-magazine ul li .pssomm .sl-close {
    margin-top: -1rem; }
    .panel-large .sl-close i, #connexionabo .sl-close i, #monclasseur .sl-close i, #sl-magazine ul li .pssomm .sl-close i {
      text-shadow: 1px 1px 0px #999;
      color: #eaeaea;
      font-size: 5rem;
      cursor: pointer; }
      .panel-large .sl-close i:hover, #connexionabo .sl-close i:hover, #monclasseur .sl-close i:hover, #sl-magazine ul li .pssomm .sl-close i:hover {
        color: #d9534f; }

.focus-ligne::after, .nav-tabs > li.active > a::after, .nav-tabs > li.active > a:hover::after, .nav-tabs > li.active > a:focus::after, .nav-tabs > li > a:hover::after, .nav-tabs > li > a:focus::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -2px;
  height: 2px;
  width: 50%;
  background-color: #069;
  z-index: 777; }

html {
  /** Base : 10px pour un réglage browser standard d'1em=16px
       Déclarer tailles de fontes en rem */
  font-size: 62.5%;
  position: relative; }

body {
  position: relative;
  font-size: 1.2rem;
  background-color: #f4f4f4;
  font-family: "openreg"; }

/**
 * TAGS
 */
h1, h2, h3, h4, h5, h6 {
  font-family: "openreg", "Segoe UI", "Segoe WP", "Helvetica Neue", sans-serif; }

h1 {
  font-size: 2.8rem;
  margin-bottom: 1.2rem; }

h2, h3.entry-title {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 0.5rem; }

h3 {
  font-size: 1.7rem;
  line-height: 2.3rem; }

p, ul, ol {
  font-size: 1.3rem;
  line-height: 1.4287;
  color: #2B3F5C; }

p {
  margin: 0.5em 0;
  text-align: justify; }

li {
  padding-bottom: 5px; }
  li.hentry {
    margin-bottom: 10px; }
  li.sl-business {
    margin-bottom: 20px !important; }
    li.sl-business p.hiera {
      color: #1f937d; }
      li.sl-business p.hiera.sl-business-notice {
        font-style: italic;
        color: #999;
        margin-top: 0;
        white-space: normal; }
        li.sl-business p.hiera.sl-business-notice a {
          color: #1f937d; }
    li.sl-business h2 a {
      font-style: italic; }
    li.sl-business .sl-business-video {
      margin-right: 10px;
      margin-top: 5px; }
      li.sl-business .sl-business-video object {
        min-height: 200px; }
    li.sl-business .sl-business-surtitre {
      color: #1f937d;
      display: inline-block;
      padding-top: .3rem;
      text-transform: uppercase; }
    li.sl-business p.entry-content {
      font-family: "openlight"; }
      li.sl-business p.entry-content a {
        color: #1f937d;
        font-family: "openreg", "Segoe UI", "Segoe WP", "Helvetica Neue", sans-serif; }
  li.sl-dossiers {
    margin-bottom: 0 !important; }
    li.sl-dossiers p.hiera {
      text-transform: uppercase;
      border-top: 1px solid #e7e7e7;
      padding-top: 3px;
      margin-bottom: 0; }
      li.sl-dossiers p.hiera a {
        font-weight: bold; }
      li.sl-dossiers p.hiera.sl-dossiers-notice {
        border-top: none;
        text-transform: none;
        color: #999;
        margin-top: 0;
        white-space: normal; }

strong, b {
  font-weight: normal;
  font-family: "openbold"; }

a {
  color: #069; }
  a:hover {
    color: #069; }

/**
 * Classes SL
 */
.sl-center {
  text-align: center; }

.sl-right {
  text-align: right; }

.sl-smaller {
  font-size: 0.85em; }

.sl-hidden {
  display: none; }

.sl-section {
  margin-bottom: 3rem;
  clear: both; }

.sl-cap {
  text-transform: capitalize; }

.sl-upper {
  text-transform: uppercase; }

.sl-bloc {
  display: inline-block;
  padding: 0 .5rem; }

.sl-clear {
  clear: both; }

.sl-noborder {
  border: none !important; }

.sl-nolink {
  pointer-events: none !important; }

.sep-droite {
  border-right: 1px solid #ddd; }

.sl-acheter {
  color: #fff;
  display: block;
  padding: 3px 0;
  background-color: #1f937d; }

.sl-pied-bloc {
  margin-top: 1.5rem; }

.sl-pre-bloc {
  margin-top: 2rem; }

.sl-addendum {
  font-style: italic;
  margin: 1.5rem 0; }

.sl-copy p {
  text-align: right; }

.sl-credits {
  font-style: italic;
  color: #999 !important; }

/**
 * Classes communes
 */
.hiera {
  margin-bottom: 0.3rem;
  font-size: 1.2rem; }
  .hiera .date::after {
    content: " / "; }
  .hiera .date.sl-contenu-abo {
    font-family: "openbold"; }

.sl-contenu-abo {
  color: #1f937d; }

.sl-greyed {
  filter: grayscale(1); }

.logo {
  padding: 0;
  margin-right: 1em; }
  .logo img {
    width: 100%;
    height: 100%; }
  .logo + p {
    margin-top: 0; }

.logodl img {
  width: auto !important;
  height: auto !important;
  border: none !important; }

h3.spip {
  font-style: italic;
  margin: 2rem 0;
  font-size: 1.6rem;
  /* 
    &:before    {
        content: "«";
        margin-right: 1rem;
    }
    
    &:after    {
        content: "»";
        margin-left: 1rem;
    }
 */ }

ul.spip {
  list-style-type: initial;
  margin-left: 30px; }

.info-publi {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding: 0.3rem 0;
  margin: 0;
  font-size: 1.1rem; }
  .info-publi + .info-publi {
    margin-top: -1px; }
  .info-publi p {
    float: left;
    margin: 0;
    font-size: inherit; }
    .info-publi p + .sl-partage {
      margin-top: -2px; }
  .info-publi a.sl-i i {
    display: none; }
  .info-publi .sl-partage {
    float: right;
    font-size: 1.4rem;
    margin-top: -4px;
    margin-bottom: -8px; }
    .info-publi .sl-partage .sep-droite {
      padding-right: 1.3rem;
      border-right: none; }
    .info-publi .sl-partage i {
      display: inline-block;
      padding: 3px;
      text-align: center;
      color: #4b6fa2;
      border-radius: 3rem;
      width: 2.5rem;
      height: 2.5rem;
      margin-left: 3px; }
      .info-publi .sl-partage i:hover {
        color: #1f937d; }
        .info-publi .sl-partage i.print:hover {
          color: #2B3F5C; }
        .info-publi .sl-partage i.pdf:hover {
          color: #B30808; }
        .info-publi .sl-partage i.twitter:hover {
          color: #55ACEE; }
        .info-publi .sl-partage i.facebook:hover {
          color: #3B5998; }
        .info-publi .sl-partage i.linkedin:hover {
          color: #007BB6; }
    .info-publi .sl-partage form, .info-publi .sl-partage fieldset, .info-publi .sl-partage div {
      display: inline-block; }
    .info-publi .sl-partage .formulaire_favori {
      float: none; }
      .info-publi .sl-partage .formulaire_favori button {
        border: none;
        padding: 0;
        margin: 0;
        color: #1f937d; }
        .info-publi .sl-partage .formulaire_favori button.retirer_favori, .info-publi .sl-partage .formulaire_favori button.ajouter_favori {
          background-image: none; }
        .info-publi .sl-partage .formulaire_favori button:hover {
          color: #1f937d; }
  .info-publi.sl-notice {
    text-transform: none; }

.soustitre {
  font-size: 1.8rem; }
  .soustitre a.sl-calendar {
    display: inline-block;
    margin-right: 3px;
    color: #c9302c; }
    .soustitre a.sl-calendar:hover {
      color: #d9534f; }

.sl-pub {
  position: relative;
  width: 100%;
  text-align: center; }
  .sl-pub img {
    max-width: 100%;
    height: auto; }

.spip_code {
  margin-bottom: 2rem; }

/**
 * HEADER
 */
header {
  background-color: #fff;
  padding-bottom: 1rem; }
  header .sl-pub {
    margin-top: 3.7rem;
    background-color: #f4f4f4; }
    header .sl-pub a {
      display: inline-block;
      padding: 5px 0;
      margin-bottom: 0.5rem; }

#sl-header-connect-search {
  color: #2B3F5C;
  background-color: #fff;
  position: relative;
  position: fixed;
  height: 3.6rem;
  z-index: 999;
  border-bottom: 4px solid #f4f4f4; }

.sl-header-search {
  padding-left: 5px;
  padding-right: 10px; }

#sl-header-id {
  padding: 0; }
  #sl-header-id p {
    text-transform: uppercase;
    color: #2B3F5C;
    margin-left: 12px; }
    #sl-header-id p span {
      color: #166959; }
  #sl-header-id #logo {
    padding-top: 1rem;
    margin-bottom: 1.2rem;
    display: block; }

.sl-header-special {
  padding: 1rem 2rem; }
  .sl-header-special h3 {
    font-family: "openbold";
    font-size: 1.2rem;
    margin-bottom: .2rem;
    line-height: 1.2;
    color: #1f937d; }
    .sl-header-special h3 a {
      color: #1f937d; }
      .sl-header-special h3 a:hover {
        text-decoration: none; }
  .sl-header-special p {
    text-transform: none !important;
    margin: 0 !important;
    text-align: left; }
    .sl-header-special p.sl-header-special-accroche {
      margin-bottom: .8rem !important; }
  .sl-header-special img {
    border: 1px solid #ddd; }
  .sl-header-special .sl-liensupp {
    padding-top: .5rem; }
  .sl-header-special .sl-business-theme {
    color: purple; }

#sl-magazine {
  position: static;
  padding-top: 10px; }
  #sl-magazine h3 {
    font-family: "openbold";
    font-size: 1.2rem;
    margin-bottom: 1rem;
    line-height: 1; }
  #sl-magazine .sl-acheter {
    display: inline-block;
    padding: 2px 8px;
    margin-top: 0.5rem; }
    #sl-magazine .sl-acheter:hover {
      color: #fff; }
    #sl-magazine .sl-acheter i {
      display: none; }
  #sl-magazine ul li {
    padding-bottom: 0;
    font-size: 1.2rem;
    overflow: visible; }
    #sl-magazine ul li .pssomm {
      display: none;
      position: relative;
      position: absolute;
      z-index: 888;
      background-position: 94.5% 20px;
      background-repeat: no-repeat;
      background-size: 28%; }
      #sl-magazine ul li .pssomm h3 {
        width: 20%;
        font-family: "openreg";
        margin-top: 2px;
        padding-left: 15px; }
      #sl-magazine ul li .pssomm ul {
        width: 45%;
        margin-top: 0; }
        #sl-magazine ul li .pssomm ul .somm-titre {
          display: inline-block;
          margin-left: -10px;
          margin-right: 5px;
          margin-top: 4px; }
      #sl-magazine ul li .pssomm .btn {
        position: absolute;
        width: 28%;
        top: 75%;
        right: 4%;
        color: #fff;
        background-color: #069;
        border: 3px solid #fff; }
        #sl-magazine ul li .pssomm .btn a {
          color: #fff; }
        #sl-magazine ul li .pssomm .btn:hover {
          background-color: #fff;
          color: #069; }
          #sl-magazine ul li .pssomm .btn:hover a {
            color: #069; }
        #sl-magazine ul li .pssomm .btn.sl-acheter {
          background-color: #1f937d; }
          #sl-magazine ul li .pssomm .btn.sl-acheter:hover {
            background-color: #fff; }
            #sl-magazine ul li .pssomm .btn.sl-acheter:hover a {
              color: #1f937d; }

/**
 * Espace abonnés
 */
.sl-header-connect {
  position: static;
  color: #999;
  color: #999;
  padding: 6px 20px;
  padding-top: 9px; }
  .sl-header-connect > a {
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #2B3F5C; }
    .sl-header-connect > a i {
      display: none; }

#connexionabo, #monclasseur {
  padding-left: 20px;
  padding-top: 10px; }
  #connexionabo h2, #connexionabo .h2, #monclasseur h2, #monclasseur .h2 {
    margin-top: 0; }

#selection li.item {
  white-space: nowrap; }
  #selection li.item form {
    display: inline-block; }

/**
 * Formulaire de recherche
 */
#formulaire_recherche {
  text-align: right;
  padding: 2px;
  margin: 3px 0; }
  #formulaire_recherche .form-group {
    font-size: 1.2rem;
    width: 100%; }
  #formulaire_recherche .input-group {
    width: 100%; }
  #formulaire_recherche input, #formulaire_recherche button {
    font-size: inherit;
    height: 2.2rem; }
  #formulaire_recherche input {
    text-align: left;
    width: 88%; }
    #formulaire_recherche input:focus {
      box-shadow: none;
      background-color: #f4f4f4;
      border-color: #b3b3b3; }
  #formulaire_recherche button {
    position: relative;
    border: 1px solid #b3b3b3;
    border-left: none;
    border-radius: 3rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 10%;
    margin-right: 3px;
    padding: 0;
    font-size: 1.5rem;
    background-color: #f4f4f4;
    color: #069;
    float: left; }
    #formulaire_recherche button:hover {
      color: #2B3F5C; }

/**
 * Formulaire de connexion
 */
.formulaire_spip {
  padding: 0.5rem;
  font-size: 1.2rem; }
  .formulaire_spip .editer {
    padding-bottom: 5px; }
  .formulaire_spip legend {
    text-transform: uppercase;
    font-family: "openlight"; }
  .formulaire_spip label {
    color: #2B3F5C;
    padding-left: 0;
    font-family: "openreg";
    font-size: 1.2rem;
    padding: 2px 0; }
  .formulaire_spip .details {
    text-align: right;
    padding-right: 1px;
    margin-top: 0.2rem;
    font-family: "openlight";
    font-size: 1.2rem; }
  .formulaire_spip .boutons {
    text-align: center; }
  .formulaire_spip input {
    border: 1px solid #b3b3b3;
    border-radius: 3rem;
    padding: 3px 1rem;
    color: #2B3F5C;
    background-color: #f4f4f4;
    box-shadow: none;
    font-size: 1.2rem; }
    .formulaire_spip input:focus {
      border-color: #069;
      color: #069;
      background-color: #f4f4f4; }
      .formulaire_spip input:focus + .sl-adjacent {
        position: relative;
        color: #069 !important; }
    .formulaire_spip input.checkbox, .formulaire_spip input.radio {
      display: inline-block;
      margin-right: 3px; }
  .formulaire_spip textarea {
    border: 1px solid #dbdbdb;
    padding: 3px 5px;
    color: #2B3F5C;
    background-color: #f4f4f4; }
    .formulaire_spip textarea:focus {
      border-color: #069; }
  .formulaire_spip .btn.sl-valid, .formulaire_spip input[type="submit"] {
    border: 1px solid #4095bf;
    border-radius: 0;
    margin-top: 1.5rem;
    padding: 2px 10px;
    background-color: #f4f4f4;
    color: #069; }
    .formulaire_spip .btn.sl-valid:hover, .formulaire_spip input[type="submit"]:hover {
      color: #fff;
      background-color: #069; }
  .formulaire_spip.formulaire_clevermail .choix {
    padding-left: 0; }
  .formulaire_spip.formulaire_clevermail .editer_sub_email {
    margin-bottom: 1rem;
    margin-top: 0.5rem; }
  .formulaire_spip.formulaire_clevermail .reponse_formulaire {
    margin-top: 0; }
    .formulaire_spip.formulaire_clevermail .reponse_formulaire .sl-icon {
      display: block;
      text-align: center;
      font-size: 4rem;
      margin-bottom: 0.8rem; }
  .formulaire_spip.formulaire_clevermail .reponse_formulaire_ok .sl-icon {
    color: #069; }
  .formulaire_spip.formulaire_clevermail .reponse_formulaire_erreur .sl-icon {
    color: #c9302c; }
  .formulaire_spip.formulaire_clevermail .erreur_message {
    color: #d9534f;
    padding: 3px 0;
    text-transform: uppercase;
    font-size: 1.1rem; }
  .formulaire_spip.formulaire_forum p.explication {
    margin-top: 0;
    font-size: 1.2rem; }
  .formulaire_spip.formulaire_forum .moderation_info legend {
    display: none; }
  .formulaire_spip.formulaire_forum legend {
    margin-bottom: 0.5rem; }
  .formulaire_spip.formulaire_forum .editer-groupe label {
    width: 30%; }
  .formulaire_spip.formulaire_forum .editer-groupe input {
    width: 60%; }
  .formulaire_spip.formulaire_forum #texte {
    width: 100%; }
  .formulaire_spip.formulaire_forum .markItUp .markItUpHeader {
    background: none;
    background-color: #fff;
    border-radius: 0;
    border-color: #dbdbdb;
    border-bottom: none; }

/** Magazine */
.sl-mag-texte {
  float: right;
  width: 75%; }
  .sl-mag-texte p {
    font-size: 1.2rem; }
  .sl-mag-texte i.fa {
    font-size: 1rem; }

.sl-mag-logo {
  float: left;
  width: 20%; }
  .sl-mag-logo img {
    position: relative;
    width: 100%;
    height: 100%; }

/**
 * NAV
 */
#sl-navprinc {
  overflow: visible; }

.navbar-default {
  border: none;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #e7e7e7;
  min-height: 10px;
  overflow: visible;
  margin-bottom: 1.5rem; }
  .navbar-default + #prompteur {
    margin-top: -1rem; }

nav {
  overflow: hidden;
  z-index: 777; }
  nav .nav-pills {
    white-space: nowrap;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    overflow-x: hidden;
    font-size: 0; }
    nav .nav-pills > li {
      display: inline-block;
      overflow: visible;
      float: none !important;
      padding-bottom: 0;
      margin-left: 0; }
      nav .nav-pills > li:first-child a {
        padding-left: 14px; }
      nav .nav-pills > li a {
        font-family: "openreg";
        font-size: 1.2rem;
        text-transform: uppercase;
        padding: 4px 6px;
        border-radius: 0;
        border-right: 1px solid #e7e7e7; }
        nav .nav-pills > li a:hover {
          text-decoration: none;
          background-color: transparent; }
      nav .nav-pills > li ul {
        display: none;
        background-color: #fff;
        padding: 5px 10px; }
        nav .nav-pills > li ul li {
          float: none; }
          nav .nav-pills > li ul li a {
            display: block;
            white-space: nowrap;
            font-family: "openreg"; }
            nav .nav-pills > li ul li a:hover {
              text-decoration: underline; }
      nav .nav-pills > li:hover {
        background-color: #eafaf7; }
        nav .nav-pills > li:hover > a {
          color: #1f937d; }
          nav .nav-pills > li:hover > a::after {
            content: " ";
            display: block;
            position: absolute;
            bottom: -2px;
            height: 2px;
            width: 50%;
            background-color: #069;
            z-index: 777; }
        nav .nav-pills > li:hover ul {
          display: block;
          min-width: 100%;
          position: relative;
          position: absolute;
          z-index: 75;
          margin-left: -5px;
          padding-left: 12px;
          padding-bottom: 0;
          border: 2px solid #f4f4f4;
          border-top-color: #ddd; }
          nav .nav-pills > li:hover ul li a {
            padding: 4px 0;
            color: #069;
            padding-bottom: 3px;
            border: none; }
      nav .nav-pills > li.sl-nav-fret a {
        background-color: #1f937d;
        color: #fff;
        border: 1px solid #fff;
        border-bottom: none; }
      nav .nav-pills > li.sl-nav-fret:hover a {
        background-color: #fff;
        color: #166959;
        border-color: #166959;
        padding-bottom: 6px; }
      nav .nav-pills > li.sl-nav-plus {
        display: none; }
        nav .nav-pills > li.sl-nav-plus .fa-times-circle {
          display: none; }
        nav .nav-pills > li.sl-nav-plus:hover > a {
          color: #069; }
          nav .nav-pills > li.sl-nav-plus:hover > a::after {
            bottom: 2px; }
      nav .nav-pills > li.nav-hide {
        display: none; }
        nav .nav-pills > li.nav-hide + .sl-nav-plus {
          display: inline-block;
          position: absolute;
          right: 0;
          top: 0; }
          nav .nav-pills > li.nav-hide + .sl-nav-plus a {
            text-shadow: 1px 1px 0px #999;
            color: #069;
            font-size: 2rem;
            padding: 0 8px;
            margin-top: -2px;
            background-color: transparent;
            border-right: none;
            cursor: pointer; }
            nav .nav-pills > li.nav-hide + .sl-nav-plus a:focus, nav .nav-pills > li.nav-hide + .sl-nav-plus a:active {
              outline: none; }
          nav .nav-pills > li.nav-hide + .sl-nav-plus:hover {
            padding-bottom: 3px; }
            nav .nav-pills > li.nav-hide + .sl-nav-plus:hover a {
              padding-bottom: 3px; }
      nav .nav-pills > li.on {
        background-color: #eafaf7; }
        nav .nav-pills > li.on a {
          color: #1f937d; }
      nav .nav-pills > li.sl-business-theme a {
        color: purple; }
        nav .nav-pills > li.sl-business-theme a:hover {
          background-color: #fff0ff; }
    nav .nav-pills.expand {
      border-bottom: 1.5rem solid #f4f4f4; }
      nav .nav-pills.expand > li a {
        border-bottom: 1px solid #e7e7e7; }
      nav .nav-pills.expand > li.sl-nav-plus a {
        border-bottom: none; }
        nav .nav-pills.expand > li.sl-nav-plus a .fa-plus-circle {
          display: none; }
        nav .nav-pills.expand > li.sl-nav-plus a .fa-times-circle {
          display: inline-block; }
        nav .nav-pills.expand > li.sl-nav-plus a:hover::after {
          bottom: 0; }
      nav .nav-pills.expand > li.nav-hide {
        display: block;
        float: left !important;
        padding-bottom: 0; }
      nav .nav-pills.expand > li:hover ul {
        border-top-width: 1px;
        margin-top: -1px; }

/** Temp */
#spip-admin {
  bottom: 0;
  top: auto; }
  #spip-admin:hover {
    opacity: 1; }

/**
 * PROMPTEUR
 */
#prompteur {
  position: relative;
  height: 4.5rem;
  margin-bottom: .5rem;
  overflow: hidden;
  padding: .5rem 0;
  padding-top: 0;
  padding-left: 1.5rem; }
  #prompteur .h3 {
    margin: 0;
    margin-bottom: .5rem;
    color: #1f937d;
    display: inline-block;
    font-size: 1.4rem;
    text-transform: uppercase;
    border-bottom: 1px solid #1f937d;
    font-family: "openreg"; }
    #prompteur .h3 a {
      color: #1f937d; }
  #prompteur p {
    margin: 0;
    white-space: nowrap;
    font-family: "openreg";
    min-width: 100%; }
    #prompteur p.prompteur-plus {
      text-align: center; }
      #prompteur p.prompteur-plus a {
        font-family: "openreg";
        color: #1f937d; }
    #prompteur p a {
      font-family: "openbold";
      text-decoration: underline;
      color: #2B3F5C;
      display: inline-block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

#prompteur-scroll {
  display: flex;
  flex-direction: column; }
  #prompteur-scroll p {
    display: none;
    transition: display 1s ease-in-out; }

/**
 * ZONE PRINCIPALE
 */
#sl-main {
  background-color: #fff; }

#content .sl-pub img {
  border: 1px solid #e7e7e7; }

#complement {
  margin-top: 5rem; }
  #complement .nav i {
    display: inline-block;
    color: #3b577f;
    margin-right: 8px; }
    #complement .nav i.link {
      float: left;
      margin-top: 2px; }
  #complement .logo {
    margin-right: 0;
    height: 100px;
    overflow: hidden; }
    #complement .logo a {
      display: inline-block; }
  #complement .info-publi {
    margin-bottom: 10px; }
  #complement ul {
    margin-bottom: 1rem; }
    #complement ul li {
      line-height: 1.3; }
      #complement ul li .date {
        font-size: 1.1rem; }

/**
 * BLOCS 3 COLONNES BAS DE PAGE 
 * Supplément éditorial, Annonces Immobilier/Entrepôts...
 */
.sl-supp {
  background-color: #fff;
  border-top: 1rem solid #f4f4f4;
  padding-bottom: 1.5rem; }
  .sl-supp .sl-pied-bloc {
    clear: left;
    text-align: center; }
    .sl-supp .sl-pied-bloc + .sl-pied-bloc {
      clear: none; }
  .sl-supp p, .sl-supp li {
    text-align: left;
    font-size: 1.2rem; }
  .sl-supp li {
    padding-bottom: 1px; }
  .sl-supp h2 {
    margin-left: 15px;
    margin-top: 0.8rem;
    margin-bottom: 1.3rem !important; }
  .sl-supp h3 {
    border-top: 1px solid #e7e7e7;
    padding-top: 1rem;
    margin-top: -0.6rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.3; }
  .sl-supp .logo {
    width: 35%;
    float: left;
    margin-right: 1rem;
    margin-top: 0.5rem; }
  .sl-supp .pssomm {
    display: none; }
  .sl-supp .sl-acheter {
    display: inline-block;
    padding: 2px 8px;
    margin-top: 0.5rem; }
    .sl-supp .sl-acheter:hover {
      color: #fff; }
    .sl-supp .sl-acheter i {
      display: none; }

.sl-immo-home .bloc-immo-solo {
  margin-top: 1rem;
  margin-bottom: 2rem;
  /*
    &.bloc-immo-vendre  {
      .logo::after {
        content: "À vendre";
      }
    }
    
    
    &.bloc-immo-vendre-louer  {
      .logo::after {
        content: "À vendre / À louer";
      }
    }
    
    &.bloc-immo-louer  {
      .logo::after {
        content: "À louer";
        background-color: lighten($vert,60);
        color: $vert;
      }
    }
    */ }
  .sl-immo-home .bloc-immo-solo .logo {
    position: relative;
    /*
      &::after  {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: lighten($purple, 72);
        color: $purple;
        font-family: "openreg";
        font-size: 1.6rem;
        padding: .6rem 1.2rem;
        padding-bottom: .8rem;
      }
      */ }
    .sl-immo-home .bloc-immo-solo .logo img {
      position: relative;
      display: inline-block; }

.sl-immo-home h2 {
  color: purple;
  font-family: "openreg"; }

.sl-immo-home h3 {
  background-color: purple;
  padding: .5rem 1rem;
  margin-bottom: 0;
  border: none;
  color: #fff; }
  .sl-immo-home h3 a {
    color: #fff; }

.sl-immo-home .logo, .sl-immo-home dt {
  width: 100% !important;
  margin-top: 0 !important;
  aspect-ratio: 3 / 2;
  float: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .sl-immo-home .logo img, .sl-immo-home dt img {
    object-fit: cover; }

/**
 * COLONNE DROITE
 */
aside.aside {
  padding-top: 8px; }
  aside.aside h2 {
    text-align: right;
    background-color: #efefef;
    padding: 3px 5px;
    font-size: 1.5rem;
    line-height: 2rem; }
    aside.aside h2 a {
      color: #2B3F5C; }
      aside.aside h2 a:hover {
        color: #069;
        background-color: #efefef; }
  aside.aside h3 {
    font-family: "openreg", "Segoe UI", "Segoe WP", "Helvetica Neue", sans-serif;
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0;
    padding: 0; }
  aside.aside ul.agenda li {
    padding-bottom: 10px; }
    aside.aside ul.agenda li .hiera {
      color: #666; }
      aside.aside ul.agenda li .hiera i {
        color: #999;
        display: block;
        float: left;
        font-size: 1.1rem;
        margin-right: 5px;
        margin-top: 4px; }
      aside.aside ul.agenda li .hiera span {
        padding-top: 2px; }
  aside.aside .logo {
    width: 30%;
    float: left;
    margin-right: 1rem; }
    aside.aside .logo + p {
      margin-top: -2px; }
    aside.aside .logo.fullwidth {
      float: none;
      width: 100%;
      margin: 0;
      margin-bottom: 1.5rem; }
  aside.aside .spip_doc_titre, aside.aside dd {
    display: none; }
  aside.aside .sl-section p {
    text-align: left; }
  aside.aside .sl-section p, aside.aside .sl-section ul, aside.aside .sl-section .logo {
    font-size: 1.3rem;
    padding: 0 5px; }
  aside.aside .sl-rubrique-magazine h2 {
    background-color: #1f937d; }
    aside.aside .sl-rubrique-magazine h2 a {
      color: #fff; }
      aside.aside .sl-rubrique-magazine h2 a:hover {
        background-color: transparent; }
  aside.aside .sl-rubrique-magazine .logo {
    padding-left: 0; }
  aside.aside .sl-rubrique-magazine h3 {
    margin-top: -3px;
    margin-bottom: -2px; }
  aside.aside .sl-rubrique-magazine ul li {
    border-top: 1px solid #e7e7e7;
    padding-top: 10px; }
    aside.aside .sl-rubrique-magazine ul li:first-child {
      border-top: none;
      padding-top: 0; }
  aside.aside .sl-rubrique-immo h2 {
    background-color: purple; }
    aside.aside .sl-rubrique-immo h2 a {
      color: #fff; }
      aside.aside .sl-rubrique-immo h2 a:hover {
        background-color: transparent; }
  aside.aside #sl-newsletter h2 {
    margin-bottom: 0; }
  aside.aside #sl-newsletter form {
    padding-top: 5px; }
  aside.aside #sl-partenaire-pc .logo {
    margin-bottom: 4.5rem; }
  aside.aside #sl-business-coldroite h3 {
    font-size: 1.6rem;
    font-style: italic; }
    aside.aside #sl-business-coldroite h3 a {
      color: #1f937d; }
  aside.aside #sl-business-coldroite p {
    font-family: "openlight"; }
    aside.aside #sl-business-coldroite p.sl-business-notice {
      font-family: "openreg";
      font-style: italic;
      font-size: 1.2rem;
      color: #999; }
      aside.aside #sl-business-coldroite p.sl-business-notice a {
        color: #1f937d; }
  aside.aside #sl-business-coldroite .spip_documents {
    height: auto; }
  aside.aside .formulaire_spip.formulaire_clevermail p.boutons {
    text-align: right; }
    aside.aside .formulaire_spip.formulaire_clevermail p.boutons input[type="submit"] {
      margin-top: 0; }
  aside.aside .spip_documents object {
    height: 100%; }

/**
 * HOME
 */
.page_sommaire .sl-plus {
  margin: 1rem 0;
  text-align: center; }
  .page_sommaire .sl-plus i {
    text-shadow: 1px 1px 0px #999;
    color: #069;
    font-size: 4rem;
    cursor: pointer; }
    .page_sommaire .sl-plus i:hover {
      color: #0088cc; }

#une {
  margin-bottom: 2rem; }
  #une h2 {
    color: #1f937d;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.8rem;
    border-bottom: 1px solid #1f937d; }

#sl-now {
  padding-top: 0.5rem; }
  #sl-now li.clearfix {
    margin-bottom: 1rem; }
  #sl-now .sl-pub img {
    border: 1px solid #e7e7e7; }

/**
 * PLAN
 */
.page_plan #sl-plan h2 {
  margin-top: 2rem; }
  .page_plan #sl-plan h2 + ul {
    margin-top: -1rem; }

.page_plan #sl-plan ul {
  padding-left: 4rem;
  padding-bottom: 2rem; }
  .page_plan #sl-plan ul h3 {
    font-size: 1.4rem; }

/**
 * PLAN
 */
.page_recherche #sl-recherche h2 + ul {
  margin-top: -1rem; }

.page_recherche .sl-bloc-recherche {
  margin: 1rem; }
  .page_recherche .sl-bloc-recherche h2 {
    border-bottom: 1px solid #1f937d; }
  .page_recherche .sl-bloc-recherche .nav-tabs {
    margin-top: 1rem;
    margin-bottom: .5rem; }
    .page_recherche .sl-bloc-recherche .nav-tabs > li > a {
      text-transform: none; }
  .page_recherche .sl-bloc-recherche .date {
    font-size: 1.2rem;
    color: #666; }
    .page_recherche .sl-bloc-recherche .date.sl-contenu-abo {
      color: #1f937d; }

.sl-liste-recherche {
  margin-left: 0 !important; }
  .sl-liste-recherche li {
    position: relative;
    list-style-type: none;
    padding: .3rem 0;
    border-bottom: 1px solid #f4f4f4;
    color: #666; }
    .sl-liste-recherche li .sl-recherche-contenu {
      padding: 1rem;
      padding-top: 0; }
      .sl-liste-recherche li .sl-recherche-contenu h3.spip {
        display: none; }
      .sl-liste-recherche li .sl-recherche-contenu h3 {
        width: 100%;
        float: none;
        color: #2B3F5C !important; }
        .sl-liste-recherche li .sl-recherche-contenu h3 i {
          margin-right: .5rem; }
      .sl-liste-recherche li .sl-recherche-contenu p {
        padding-bottom: 1rem;
        border-bottom: 1px solid #f4f4f4; }
      .sl-liste-recherche li .sl-recherche-contenu ul.spip {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-bottom: 0; }
        .sl-liste-recherche li .sl-recherche-contenu ul.spip li {
          border-bottom: none; }

.sl-flex-container {
  display: flex;
  flex-direction: row;
  align-items: stretch; }
  .sl-flex-container .ajaxbloc, .sl-flex-container .sl-bloc-recherche {
    flex: 1; }

/**
 * ARTICLES
 */
.cartouche {
  margin: 1.2rem 0;
  margin-bottom: 1.5rem; }

article.hentry .logo .spip_doc_titre, article.hentry .logo dd {
  display: block; }

article.hentry .sl-body .logo .spip_doc_titre, article.hentry .sl-body .logo dd {
  display: none; }

article.hentry h3 {
  margin: 2rem 0;
  margin-bottom: 1.2rem; }

article .logo {
  padding: 0;
  margin-bottom: 1rem; }
  article .logo img {
    width: 100%;
    height: 100%; }

article .chapo {
  font-family: "openbold";
  margin-bottom: 1em;
  margin-top: -7px; }
  article .chapo p {
    line-height: 1.4; }
  article .chapo p:first-of-type:first-letter {
    padding: 0 0.3rem;
    margin-right: 0.2rem;
    font-size: 1.4em;
    color: #fff;
    background-color: #1f937d; }

article .texte {
  margin-bottom: 2em; }
  article .texte p {
    text-align: justify; }

article.sl-business .surtitre {
  color: #1f937d;
  text-transform: uppercase; }

article.sl-business h1 {
  font-style: italic; }

article.sl-business h3.spip {
  margin: 2rem 0;
  margin-bottom: 1rem;
  color: #1f937d; }

article.sl-business .arbo a {
  color: #1f937d; }

article.sl-business .info-publi a {
  color: #1f937d; }

article.sl-business .info-publi .sl-partage i {
  color: #1f937d; }

article.sl-business .info-publi.sl-business-notice {
  font-style: italic;
  text-transform: none;
  color: #999; }
  article.sl-business .info-publi.sl-business-notice a {
    color: #1f937d; }

article.sl-business .chapo {
  font-family: "openreg"; }

article.sl-business .texte p {
  font-family: "openlight"; }
  article.sl-business .texte p:last-of-type {
    text-align: left; }

article.sl-business table.spip {
  width: 98%;
  border: none;
  margin: 2rem 0; }
  article.sl-business table.spip td, article.sl-business table.spip th {
    border: 1px solid #ddd;
    padding: .5rem;
    width: 50%; }
  article.sl-business table.spip th {
    background-color: #1f937d;
    color: #fff;
    font-family: "openbold"; }
  article.sl-business table.spip td {
    font-family: "openlight";
    text-align: left;
    color: #2B3F5C;
    line-height: 1.3;
    padding: 1rem; }
    article.sl-business table.spip td br.autobr {
      margin-bottom: .5rem; }

article.sl-business ul.spip li {
  font-family: "openlight";
  color: #2B3F5C; }

/**
 * RUBRIQUES
 */
/* Présentation de la rubrique "Dans le magazine" */
.bloc-numero {
  margin: 1rem 0;
  margin-bottom: 2rem; }

/**
 * DOCUMENTS
 */
/** Diaporama */
#documents_portfolio {
  margin-top: 4rem; }
  #documents_portfolio h2 {
    display: none; }
  #documents_portfolio ul {
    padding: 1rem;
    background-color: #f4f4f4; }
  #documents_portfolio .logo {
    margin: 0;
    border: 0.5rem solid #f4f4f4; }

/* Bloc des docs joints */
#documents_joints {
  margin-top: 1rem; }
  #documents_joints h2 {
    margin-bottom: 1rem; }

/** Dans le corps du texte */
.spip_documents {
  padding: 0;
  margin-bottom: 0.5rem; }
  .spip_documents img {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 100%;
    vertical-align: bottom; }
  .spip_documents dt, .spip_documents dd {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    color: #666; }
  .spip_documents dt a {
    width: 100%; }
  .spip_documents.spip_documents_right {
    margin-left: 1.5rem; }
  .spip_documents.spip_documents_left {
    margin-right: 1.5rem; }
  .spip_documents .spip_doc_descriptif {
    padding: 0.5rem 0;
    font-size: 1.1rem;
    line-height: 1.4; }
    .spip_documents .spip_doc_descriptif.sl-credits {
      padding: 0; }
  .spip_documents object {
    width: 100%;
    position: relative;
    margin-bottom: 1.5rem; }

/**
 * LISTES
 */
.hentry .logo {
  padding-top: 4px; }
  .hentry .logo .spip_doc_titre, .hentry .logo dd {
    display: none; }
  .hentry .logo img {
    border: 1px solid #f4f4f4;
    border-bottom: none; }
  .hentry .logo .spip_documents {
    margin-bottom: 0; }

.hentry p.hiera {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.hentry h2, .hentry h3, .hentry .h3 {
  margin-top: 0.5rem; }

.hentry h3.spip a.spip_out {
  color: #069;
  font-style: normal; }

.hentry + .clearfix:not(.hentry) {
  padding: 0;
  margin: 0 !important; }

/**
 * COLONNE DROITE
 */
/**
 * FOOTER
 */
footer {
  margin-top: 10px;
  background-color: #fff;
  padding: 1em 0;
  padding-bottom: 2rem; }
  footer p {
    text-align: left; }
  footer p.h2 {
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 1.3rem !important; }
  footer ul li {
    padding-bottom: 2px; }

/**
 * Styles internes
 */
.pssomm .h2 {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
  margin-top: 0; }

.pssomm h3, .pssomm ul {
  color: #8B9052;
  font-size: 1.2rem;
  text-align: left; }
  .pssomm h3 li, .pssomm ul li {
    color: #2B3F5C;
    padding-bottom: 4px; }
    .pssomm h3 li:first-line, .pssomm ul li:first-line {
      color: #8B9052; }
  .pssomm h3.partager, .pssomm ul.partager {
    color: #DDA10F; }
    .pssomm h3.partager li:first-line, .pssomm ul.partager li:first-line {
      color: #DDA10F; }
  .pssomm h3.approfondir, .pssomm ul.approfondir {
    color: #1f937d; }
    .pssomm h3.approfondir li:first-line, .pssomm ul.approfondir li:first-line {
      color: #1f937d; }
  .pssomm h3.acheter, .pssomm ul.acheter {
    color: #B66E47; }
    .pssomm h3.acheter li:first-line, .pssomm ul.acheter li:first-line {
      color: #B66E47; }
  .pssomm h3 img.puce, .pssomm ul img.puce {
    display: none; }

.pssomm h3 {
  margin-top: 0;
  width: 30%;
  float: left;
  clear: left;
  margin-left: 0 !important;
  padding-right: 1rem;
  font-style: normal; }
  .pssomm h3:first-child {
    margin-top: 0; }
  .pssomm h3::before, .pssomm h3::after {
    content: "";
    margin: 0; }
  .pssomm h3.sl-sans-shadow {
    text-shadow: none; }

.pssomm ul {
  width: 60%;
  float: left;
  margin-top: 2px;
  padding-left: 10px;
  padding-bottom: 15px; }

/**
 * PAGINATION
 */
.bloc-pagination {
  text-align: center; }

.pagination {
  margin: 2rem auto; }
  .pagination a.lien_pagination {
    display: inline-block;
    background-color: #ececec;
    color: #2B3F5C;
    padding: 1px 3px;
    font-size: 1.2rem; }
    .pagination a.lien_pagination:hover {
      background-color: #fff;
      color: #069; }
  .pagination .sep {
    color: #e7e7e7; }

/**
 * TABS
 */
.sl-tabs li {
  float: left; }

/**
 * BOUTONS PAYPAL
 */
.sl-paypal {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #f4f4f4; }
  .sl-paypal h4 {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-family: "openlight"; }
  .sl-paypal form {
    text-align: center; }
    .sl-paypal form h4 {
      margin-bottom: 1rem; }
  .sl-paypal .sl-clear p {
    margin-top: 2rem;
    margin-bottom: 0;
    font-size: 1.2rem; }

/**
 * PDF FEUILLETABLE ISSUU
 */
.sl-extrait .issuuembed > div div:last-of-type {
  display: none !important; }

/**
 * SURCHARGES BOOTSTRAP
 */
/* Tabs */
.nav-tabs {
  border-bottom: 2px solid #e7e7e7; }
  .nav-tabs > li {
    margin-bottom: 0;
    padding-bottom: 0; }
    .nav-tabs > li > a {
      font-family: "openlight";
      border: none;
      border-right: 1px solid #e7e7e7;
      border-radius: 0;
      padding: 4px 10px;
      text-transform: uppercase; }
      .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        text-decoration: none;
        background-color: transparent; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      border: none;
      border-right: 1px solid #e7e7e7; }
    .nav-tabs > li.active:last-child > a {
      border-right: none; }
    .nav-tabs > li:first-child > a {
      padding-left: 0; }
    .nav-tabs > li:last-child > a {
      border-right: none; }

.tab-pane .sl-upper {
  font-family: "openlight";
  margin: 1rem 0;
  margin-bottom: 1.5rem;
  font-size: 1.2rem; }

/**
 * SURCHARGES DIVERSES
 */
#cboxContent, #cboxLoadedContent {
  background-color: transparent; }

.cboxPhoto {
  border: 1.5rem solid #f4f4f4; }

#cookieChoiceInfo {
  background-color: #2B3F5C !important;
  padding: 8px !important;
  color: #fff; }
  #cookieChoiceInfo a {
    font-family: "openbold";
    color: #fff; }

/**
 * FORUM
 */
/**
 * ABONNEMENTS
 */
#article2886 time {
  display: none; }

#article2886 .hentry .logo {
  margin-right: 0; }
  #article2886 .hentry .logo img {
    border: none; }

#article2886 h3.spip {
  font-style: normal;
  margin-top: 40px;
  margin-bottom: 10px; }

#article2886 .texte ul {
  margin: 15px;
  margin-left: 0; }
  #article2886 .texte ul li {
    margin-bottom: 10px; }

#article2886 .texte table.spip {
  width: 98%;
  border: none;
  margin-bottom: 40px; }
  #article2886 .texte table.spip td {
    text-align: center;
    padding: 5px;
    border: none; }
    #article2886 .texte table.spip td h3.spip {
      text-align: center;
      margin: 5px;
      color: #fff;
      background-color: #1f937d; }

/**
 * Règles spécifiques
 */
#article9106 .texte .col-xs-12.col-sm-6.col-md-4.spip_documents.spip_documents_left {
  width: 100px !important; }

.mot335 > .logo {
  display: none !important; }
  .mot335 > .logo > .spip_logo {
    display: none; }

.rubrique37 h2.sl-titre-int {
  font-size: 1.8rem; }
  .rubrique37 h2.sl-titre-int + p.info-publi {
    border-bottom: none; }
    .rubrique37 h2.sl-titre-int + p.info-publi + p.info-publi {
      border-top: none;
      margin-bottom: 1.2rem; }

.rubrique37 .cartouche {
  margin-bottom: 4rem; }

blockquote.spip {
  margin: 1.5rem;
  margin-left: 4rem; }
  blockquote.spip p {
    font-family: Garamond, "Times New Roman", serif;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #333; }
  blockquote.spip::before {
    position: absolute;
    content: "“";
    margin-left: -3rem;
    margin-top: -0.5rem;
    color: #1f937d;
    font-family: Garamond, "Times New Roman", serif;
    font-size: 5rem;
    opacity: 0.6; }

/**
 * SLID 2023
 */
#logorub {
  float: left;
  padding: 1rem;
  padding-left: 0;
  margin-top: 1rem; }
  #logorub + p {
    margin-top: 2rem; }

#logoslidcoldroite {
  width: 100%;
  margin-right: 1rem; }
  #logoslidcoldroite img {
    position: relative;
    max-width: 100%;
    height: auto; }

/**
 * ANIMATIONS
 */
/* for Firefox */
@-moz-keyframes scroll-lateral {
  from {
    -moz-transform: translateX(100%); }
  to {
    -moz-transform: translateX(-100%); } }

/* for Chrome */
@-webkit-keyframes scroll-lateral {
  from {
    -webkit-transform: translateX(100%); }
  to {
    -webkit-transform: translateX(-100%); } }

@keyframes scroll-lateral {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

/**
 * Panoramas, tables avec header et première colonne fixes
 * Voir https://codepen.io/paulobrien/pen/LBrMxa
 */
.page_article_panorama {
  margin: 0 1.5rem; }

.sl-panorama {
  background-color: red;
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: 80vh; }
  .sl-panorama table {
    width: 100%;
    min-width: 1280px;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0; }
    .sl-panorama table th, .sl-panorama table td {
      padding: 5px 10px;
      border: 1px solid #000;
      vertical-align: top; }
      .sl-panorama table th:first-child, .sl-panorama table td:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 2; }
    .sl-panorama table thead th {
      position: -webkit-sticky;
      position: sticky;
      top: 0; }
      .sl-panorama table thead th:first-child {
        z-index: 5; }
    .sl-panorama table tbody td:first-child {
      background-color: lightcoral; }
    .sl-panorama table tfoot {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 4; }
      .sl-panorama table tfoot th, .sl-panorama table tfoot td {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 4; }
        .sl-panorama table tfoot th:first-child, .sl-panorama table tfoot td:first-child {
          z-index: 5; }
  .sl-panorama .tablesorter-default tbody > tr.odd:hover > td {
    background-color: #dfdfdf !important; }
  .sl-panorama .tablesorter-default tbody > tr.even:hover > td {
    background-color: #efefef !important; }
  .sl-panorama .tablesorter-default tbody > tr:hover > td:first-child {
    background-color: lightcoral !important; }

/**
 * Collection (TEST)
 */
.sl-collection .articles-container {
  column-count: 2;
  /* ou 3 */
  column-gap: 1.5cm;
  column-rule: 1px solid #ccc; }

.sl-collection .article-bookmark {
  break-inside: avoid;
  /* évite de couper un article entre deux colonnes */
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee; }

/* Le vieux web à la papa */
#sl-header-special-immo {
  display: flex; }
  #sl-header-special-immo .sl-mag-texte, #sl-header-special-immo .sl-mag-logo {
    float: none;
    width: auto; }
  #sl-header-special-immo .sl-mag-logo {
    width: 9.5rem;
    min-width: 9.5rem; }
  #sl-header-special-immo .sl-christmas-light {
    display: none;
    transition: display 1s ease-in-out;
    aspect-ratio: 1 / 1;
    text-align: center;
    border-radius: .5rem;
    border: 5px solid purple;
    background-color: #fff0ff;
    padding: 1rem 0; }
    #sl-header-special-immo .sl-christmas-light.sl-adjust-1 {
      padding-left: .4rem; }
    #sl-header-special-immo .sl-christmas-light.sl-adjust-2 {
      padding: 0;
      background-color: purple; }
    #sl-header-special-immo .sl-christmas-light img {
      object-fit: cover;
      border: none; }

/* Themes couleur */
/* Règles spécifiques à l'impression */
@media print {
  @page {
    size: A4;
    margin: 1.5cm; }
  body {
    font-size: 9pt; }
  .sl-collection .articles-container {
    column-count: 2; } }

/**
 * MEDIA QUERIES
 */
/** Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  #sl-header-pub {
    text-align: center; }
  #sl-magazine {
    margin-top: 0; }
  p.entry-content {
    text-align: left; }
  aside.aside .spip_documents {
    height: 162px; }
  li.sl-business .sl-business-video object {
    min-height: 173px; } }

/* IMMO */
/* Réinitialise les floats après chaque 2ème élément en sm */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blocs-immo > .bloc-immo-solo:nth-child(2n+1) {
    clear: left; } }

/* Réinitialise les floats après chaque 3ème élément en md/lg */
@media only screen and (min-width: 992px) {
  .blocs-immo > .bloc-immo-solo:nth-child(3n+1) {
    clear: left; } }

/** Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  #une .logo {
    margin-right: 0;
    margin-bottom: 1rem; }
  #sl-magazine .sl-mag-texte {
    float: none;
    width: 100%; }
  p {
    text-align: left; }
  #sl-header-id .chapo p {
    font-size: 1.2rem; }
  .hentry p.hiera {
    margin-bottom: 0; }
    .hentry p.hiera.sl-business-notice {
      margin: 3px 0; }
  .hentry .logo {
    padding-top: 0; }
    .hentry .logo img {
      border-top: none; }
  aside.aside .logo {
    width: 40%; }
  aside.aside #sl-partenaire-pc .logo {
    margin-bottom: 0; }
  aside.aside .spip_documents {
    height: 124px; }
  aside.aside .sl-rubrique-magazine .spip_documents {
    height: auto; }
  li.sl-business .sl-business-video object {
    min-height: 130px; }
  #sl-recherche .sl-flex-container {
    display: block; }
  .page-recherche .sl-bloc-recherche {
    margin: 1rem 0; } }

/** Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #sl-header-connect-search {
    width: 100%; }
    #sl-header-connect-search .form-group {
      margin-bottom: 0; }
      #sl-header-connect-search .form-group button {
        margin-right: 0 !important; }
  #sl-header-pub img {
    width: 100%;
    height: 100%; }
  .sl-mag-texte {
    width: 90%; }
  .sl-header-container-logo {
    padding-right: 0 !important; }
  #logo img {
    width: 100%;
    height: 100%;
    max-width: 218px;
    max-height: 73px; }
  article .texte p {
    text-align: left; }
  article .texte .spip_documents {
    margin-top: 1rem;
    margin-bottom: 1.5rem; }
  #sl-supp h3 {
    margin-top: 1rem; }
  #formulaire_recherche input {
    width: 85%; }
  #formulaire_recherche button {
    width: 15%; }
  .page_recherche #formulaire_recherche input {
    width: 80%; }
  .page_recherche #formulaire_recherche button {
    width: 15%; }
  aside.aside {
    text-align: center;
    border-top: 2px solid #e7e7e7;
    padding-top: 2rem;
    margin-top: 2rem; }
    aside.aside .logo {
      width: auto;
      clear: both;
      float: none;
      margin: 0 auto; }
      aside.aside .logo img {
        max-width: 100%;
        width: auto;
        height: auto; }
    aside.aside .sl-section {
      border-bottom: 1px solid #e7e7e7;
      padding-bottom: 1rem;
      margin-bottom: 1rem; }
      aside.aside .sl-section p, aside.aside .sl-section ul, aside.aside .sl-section h2 {
        text-align: left; }
      aside.aside .sl-section p, aside.aside .sl-section ul, aside.aside .sl-section .logo {
        padding: 0; }
      aside.aside .sl-section h2 {
        padding: 0;
        background-color: #fff; }
        aside.aside .sl-section h2 a:hover {
          background-color: #fff; }
    aside.aside .spip_documents {
      height: 250px; }
  .nav .nav-pills {
    overflow-x: hidden; }
  .sl-xs-center {
    text-align: center; } }

/** Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  #prompteur {
    height: 6rem; }
    #prompteur p a {
      text-decoration: underline;
      color: #2B3F5C;
      display: inline-block;
      max-width: 100%;
      white-space: normal;
      overflow: visible; } }

/** Custom, iPhone Retina */
/**
 * DEBUG
 */