@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
/* ===================================================================
 * >> IMPORT
 * =================================================================*/
/* ===================================================================
 * CLASS STANDARD CMS -- A NETTOYER !!!!
 * =================================================================*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.clear {
  clear: both;
}
.invisible,
.element-invisible,
html.js .js-hide {
  display: none;
}
.alignleft {
  text-align: left;
}
.alignright {
  text-align: right;
}
.aligncenter {
  text-align: center;
}
.alignjustify {
  text-align: justify;
}
.inlineBlock {
  display: inline-block;
  zoom: 1;
}
object.alignleft,
img.alignleft,
table.alignleft,
span.alignleft,
iframe.alignleft,
embed.alignleft,
.videocontainer.alignleft {
  float: left;
  margin: 0 2% 10px 0;
}
object.alignright,
img.alignright,
table.alignright,
span.alignright,
iframe.alignright,
embed.alignright,
.videocontainer.alignright {
  float: right;
  margin: 0 0 10px 2%;
  text-align: left;
}
table.aligncenter {
  margin: auto;
  text-align: left;
}
/* GESTION AFFICHAGE DESKTOP ET MOBILE */
@media (min-width: 1025px) {
  .desktop_hidden {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .tablet_hidden {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mobile_hidden {
    display: none !important;
  }
  .txt_mobile_hidden {
    border: 1px solid #000;
    padding: 5px;
    margin: 5px;
    border-radius: 2px;
  }
}
/* CLEARFIX */
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix::after {
  clear: both;
}
/* ===================================================================
 * CLASS LESS
 * =================================================================*/
/*
 *   Simplification de la déclaration d'une image de fond
 *   @a : nom de l'image
 *   @b : couleur de fond
 *   => Déclaration à mettre dans default.less : .backgroundImage(puce.png);
 */
/*
 *   Simplification de la déclaration d'une police spécifique
 *   Exemple à mettre en place dans la feuille de style default.less :
 *   => @font-face { .font-face('ExempleFont', 'ExempleFont-webfont'); }
 *   => ExempleFont correspond au nom de la police déclaré ensuite avec font-family.
 *   => ExempleFont-webfont correspond au nom des fichiers ttf, eot etc...
 */
/*
 *   Calcul de la taille de police en em à partir de la taille en px
 *   ex : .fontSize(20px)
 */
/*
 *   Effets graphiques simples :
 */
/*
 *   Checkbox :
 *   => @coche: motif à afficher pour la coche, code hexa ou image, ex: .checkbox(url(/sites/haut_rhin/themes/cd68/css/@{cssDir}images/barreHaut_puce.gif));
 *   => @fontsize: taille de la coche en pixels
 *   => @left: position absolue left de la coche
 *   => @top: position absolue top de la coche
 *   => @color: couleur de la coche;
 */
/*
 *   Radio bouton :
 *   => @size: largeur et hauteur du bouton
 *   => @color: couleur du bouton;
 */
/*
 *   Custom select :
 *   => @arrow:   url du background
 *   => @taille:  width du background en pixels permettant de calculer le padding-right
 *   => @right:   espacement de l'image par rapport au bord droit
 */
/*
 *   Font Awesome:
 *   => @size:   taille en pixel du picto
 *   => @color:  couleur de la picto
 */
/*
 *   Alignement :
 *   Permet d'aligner en pourcentage un élément via absolute et tranform
 *   !! Attention !! Il faut que le bloc container soit en position relative ou absolute.
 *   => @x:  alignement sur l'axe x
 *   => @y:  alignement sur l'axe y
 */
/* Colonnage */
/*
 *   colonnes :
 *   Permet de générer facilement l'affichage des colonnes gauche / droite ainsi que du content
 *   => @nbColSide
 *   => @nbColContent
 *   => @nbMarginSide
 *   => @nbMarginContent
 */
/*
 *   colonnage :
 *   Permet de faciliter la mise en place du style pour les blocs qui utilise le colonnage
 *   => @colSize : en pourcentage, la width du bloc
 *   => @align : right, left
 *   => colMargin : espacement entre les deux blocs colonnages en pourcentage
 */
/* ===================================================================
 * VARIABLES LESS
 * =================================================================*/
/* Fonts */
.OpenSans {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
.Lato {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
}
.BigNoodle {
  font-family: 'BigNoodle', sans-serif;
  font-weight: normal;
}
.FontAwesome {
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
}
@font-face {
  font-family: "BigNoodle";
  src: url(/sites/haut_rhin/themes/cd68/polices/big_noodle_titling-webfont.eot);
  src: url(/sites/haut_rhin/themes/cd68/polices/big_noodle_titling-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/haut_rhin/themes/cd68/polices/big_noodle_titling-webfont.woff) format('woff'), url(/sites/haut_rhin/themes/cd68/polices/big_noodle_titling-webfont.woff2) format('woff2'), url(/sites/haut_rhin/themes/cd68/polices/big_noodle_titling-webfont.ttf) format('truetype'), url(/sites/haut_rhin/themes/cd68/polices/big_noodle_titling-webfont.svg#BigNoodle) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Taille de la font initiale */
/* Breakpoints */
/* Couleurs */
/* ===================================================================
 * >> LAYOUT GENERAL
 * =================================================================*/
.inner {
  max-width: 1400px;
  margin: 0 auto;
}
.inner-content {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 10px;
}
.layout-swap {
  position: relative;
  z-index: 1;
}
.layout-center {
  position: relative;
  overflow: hidden;
}
.layout-2col.with-col {
  display: table;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  max-width: 1180px;
}
.layout-2col.with-col::before {
  content: "";
  background-color: #e9e9e9;
  display: block;
  height: 100%;
  left: -499%;
  top: 0;
  position: absolute;
  width: 500%;
  z-index: -1;
  padding-right: 10px;
  /* Pour cacher le décalage blanc provoqué par l'inner-content */
}
.layout-2col__right-content {
  display: table-cell;
  vertical-align: top;
  width: 77.59%;
  padding: 20px 0 20px 40px;
  box-sizing: border-box;
}
.layout-2col__left-sidebar {
  background: #e9e9e9;
  display: table-cell;
  vertical-align: top;
  width: 22.41%;
  padding: 20px 0 20px 0;
  box-sizing: border-box;
}
.layout-2col__full {
  padding-top: 20px;
  min-height: 200px;
}
.front .layout-2col__full {
  padding-top: 0;
  overflow: hidden;
}
/* ===================================================================
 * >> INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
html {
  height: 100%;
}
body {
  background: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #141414;
  font-size: 0.875em;
  margin: 0;
  padding: 0;
}
a {
  color: #e20613;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0 0 1.786em;
}
table {
  margin: 0 0 1.786em 0;
  border-spacing: 0;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  width: 100%;
  table-layout: fixed;
}
table tr:nth-child(odd) {
  background: #f5f5f5;
}
table th,
table td {
  padding: 7px 20px;
  border: 1px solid #d3d3d3;
  text-align: center;
  height: 66px;
}
table th {
  background: #e20613;
  color: #ffffff;
  font-size: 1.14285714em;
  font-weight: 700;
}
table td {
  line-height: 1.286em;
}
img {
  max-width: 100%;
  height: auto;
}
h1 {
  color: #ffffff;
  font-size: 2.85714286em;
  font-weight: 700;
  margin: 0 0 0.5em;
  line-height: 1.125em;
  text-transform: uppercase;
}
h2 {
  color: #191919;
  font-size: 1.78571429em;
  font-weight: 700;
  margin: 0 0 1.080em;
  line-height: 1.2em;
}
h3 {
  color: #191919;
  font-size: 1.57142857em;
  font-weight: 700;
  margin: 0 0 1.227em;
  line-height: 1.227em;
}
h4 {
  color: #191919;
  font-size: 1.35714286em;
  font-weight: 700;
  margin: 0 0 1.421em;
  line-height: 1.263em;
}
h5 {
  color: #191919;
  font-size: 1.14285714em;
  font-weight: 700;
  margin: 0 0 1.688em;
  line-height: 1.313em;
}
h6 {
  color: #191919;
  font-size: 1.07142857em;
  font-weight: 700;
  margin: 0 0 1.8em;
  line-height: 1.333em;
}
object {
  position: relative;
  z-index: 1;
}
iframe {
  border: none;
}
.desktop-hidden {
  display: none;
}
/* ===================================================================
 * >> HEADER
 * =================================================================*/
.menu-accessibilite.visually-hidden {
  clip: auto;
  height: auto;
  margin: -1px;
  width: auto;
  z-index: 10;
}
.menu-accessibilite.visually-hidden li {
  float: left;
}
.menu-accessibilite.visually-hidden li a {
  color: #f2f2f2;
  padding: 2px 10px;
}
.menu-accessibilite.visually-hidden li a:focus {
  color: #e20613;
}
header.header {
  background: #f2f2f2;
  transition: all 0.5s ease;
}
header.header .inner {
  background: #ffffff;
  position: relative;
}
header.header .inner::after {
  content: "";
  border-width: 0 0 198px 198px;
  border-color: transparent transparent #f2f2f2;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  right: 14.5%;
  bottom: 0;
  z-index: 0;
}
header.header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  box-shadow: 0 0 6px 4px rgba(8, 7, 7, 0.15);
  transition: all 0.5s ease;
}
header.header.sticky .inner::after {
  background: #fff;
  display: block;
  width: 500%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -500%;
  z-index: -1;
  border: none;
}
header.header.sticky .logo-hr {
  width: 167px;
  min-height: 62px;
  padding-right: 90px;
  margin: 0;
}
header.header.sticky .logo-hr img {
  padding-top: 15px;
  right: auto;
}
header.header.sticky .logo-hr::after {
  border-width: 60px 60px 0 0;
  right: -60px;
}
header.header.sticky #block-system-main-menu {
  font-size: 0.92857143em;
  margin-right: 5px;
  position: relative;
  z-index: 1;
}
header.header.sticky #block-system-main-menu ul.menu .menu__link {
  padding-left: 12px;
  padding-right: 12px;
}
header.header.sticky .logo-cd68,
header.header.sticky .region-header {
  display: none;
}
header.header.sticky .invisible {
  display: block;
}
header.header.sticky .navigation-top {
  font-size: 0.85714286em;
  margin: 22px 0;
}
header.header.sticky .menus-header {
  display: inline;
  margin: 0;
  max-width: 845px;
  width: auto;
  position: static;
}
header.header.sticky .sites-associes {
  margin-right: 10px;
}
header.header.sticky .region-header {
  position: absolute;
  left: 0;
  top: 62px;
  background: #e1e1e1;
  padding: 14px 0;
  width: 100%;
  float: none;
  z-index: 3;
}
header.header.sticky #block-menu-menu-menu-secondaire {
  font-weight: 700;
  max-width: 1160px;
  margin: 0 auto;
  overflow: hidden;
}
header.header.sticky #block-menu-menu-menu-secondaire li {
  margin: 0 15px;
}
header.header.sticky #block-menu-menu-menu-secondaire li::after {
  content: none;
}
header.header.sticky #block-menu-menu-menu-secondaire a {
  color: #191919;
}
header.header.sticky .region-navigation {
  margin-top: 13px;
}
header.header #btn-close-second {
  color: #191919;
  float: right;
  font-size: 2.083em;
  cursor: pointer;
  margin-top: -4px;
  margin-bottom: -4px;
}
.logged-in header.sticky {
  top: 29px;
}
.logo-hr {
  float: left;
  margin: 0 0 0 -20px;
  background: #f2f2f2;
  position: relative;
  z-index: 1;
  min-height: 140px;
}
.logo-hr a {
  display: block;
}
.logo-hr img {
  padding: 46px 0 0 30px;
  position: relative;
  right: -20px;
  z-index: 1;
  max-width: 70%;
}
.logo-hr::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 140px 140px 0 0;
  border-color: #f2f2f2 transparent transparent transparent;
  position: absolute;
  right: -140px;
  top: 0;
  z-index: 0;
}
.logo-cd68 {
  z-index: 1;
  position: absolute;
  padding: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  background: #f2f2f2;
  line-height: 140px;
  width: 18.4%;
}
.logo-cd68 img {
  vertical-align: middle;
}
.menus-header {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  top: 42px;
  width: 57.2%;
  z-index: 1;
}
.menus-header .menu__link,
.menus-header a {
  color: #505050;
}
.navigation-top {
  font-size: 0.78571429em;
  color: #505050;
  line-height: 1.429em;
  float: right;
  margin-bottom: 16px;
}
.region-header {
  float: left;
}
#block-menu-menu-menu-secondaire {
  font-weight: 700;
}
#block-menu-menu-menu-secondaire li {
  float: left;
  position: relative;
}
#block-menu-menu-menu-secondaire li::after {
  content: "-";
  color: #e20613;
  margin: 0 10px;
}
.langues {
  float: left;
  position: relative;
}
.langues li {
  float: left;
  position: relative;
}
.langues li:not(:last-child)::after {
  content: "|";
  color: #e20613;
  margin: 0 11px;
}
.langues span {
  display: none;
}
.langues::after {
  content: "-";
  color: #e20613;
  margin: 0 10px;
}
.sites-associes {
  font-weight: 700;
  float: left;
  margin-right: 18px;
}
.sites-associes .fa {
  font-size: 1.273em;
  margin-left: 10px;
  vertical-align: middle;
  transition: 0ms ease;
  transform: rotate(0deg);
  width: 14px;
  height: 14px;
  text-align: center;
}
.sites-associes.open .fa {
  transform: rotate(-180deg);
}
.sites-associes:hover {
  cursor: pointer;
}
#block-system-main-menu {
  font-size: 1.14285714em;
  font-weight: 700;
  color: #191919;
  text-transform: uppercase;
  float: right;
}
#block-system-main-menu ul.menu {
  display: table;
  width: 100%;
}
#block-system-main-menu ul.menu > li {
  display: table-cell;
}
#block-system-main-menu ul.menu > li > ul {
  display: none;
}
#block-system-main-menu ul.menu .menu__link {
  color: #191919;
  padding: 8px 18px;
  display: block;
  border-radius: 3px;
}
#block-system-main-menu ul.menu .menu__link:hover {
  background: #e20613;
  color: #ffffff;
  text-decoration: none;
}
#btn-nav-secondaire {
  font-size: 2.364em;
  color: #949494;
  float: left;
  padding: 17px 20px;
  margin: -22px 15px -22px 0;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
#btn-nav-secondaire:hover {
  cursor: pointer;
}
/* menu sites associes*/
.menu-sites-associes {
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 100%;
  background-color: #d4d4d4;
  display: none;
  /* menu sites associes sticky version */
}
.menu-sites-associes .close {
  float: right;
  font-size: 1.8em;
  margin: 20px;
  margin-right: 10%;
  cursor: pointer;
  color: #191919;
}
.menu-sites-associes p.block__title {
  font-size: 1.35714286em;
  font-family: 'BigNoodle', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #191919;
  letter-spacing: 0.1em;
  margin-bottom: 48px;
  display: inline-block;
  padding: 26px 7.6% 0;
}
.menu-sites-associes p.block__title::before {
  content: "";
  background: #e20613;
  width: 18px;
  height: 17px;
  margin: 0 18px 0 9px;
  transform: skewX(-45deg);
  display: inline-block;
}
.menu-sites-associes .content {
  padding-bottom: 69px;
}
.menu-sites-associes .content > ul {
  padding: 0 7.6% 30px;
}
.menu-sites-associes .content > ul > li {
  float: left;
  width: 21.84%;
  margin: 1.1% 1.8% 1.1% 1.8%;
  box-sizing: border-box;
}
.menu-sites-associes .content > ul > li ul > li {
  margin-top: 10px;
}
.menu-sites-associes .content > ul > li:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}
.menu-sites-associes .content > ul > li a {
  color: #191919;
  font-weight: 700;
  font-size: 0.85714286em;
  text-transform: uppercase;
}
.menu-sites-associes .content > ul > li > span.menu__link {
  color: #e20613;
  font-size: 0.92857143em;
  font-weight: 700;
  text-transform: uppercase;
}
.menu-sites-associes .is-expanded.first > .nolink {
  visibility: hidden;
}
.menu-sites-associes.sticky {
  position: fixed;
}
/* ===================================================================
 * >> PIED DE PAGE
 * =================================================================*/
.bandeau-bas {
  background: #f3f3f3;
  letter-spacing: 0.05em;
  padding-top: 43px;
}
/* Bas de page */
.region-bottom {
  margin-top: 60px;
  zoom: 1;
  /* Bloc Sondage */
  /* Bloc facebook */
  /* Bloc newsletter */
  /* A REVOIR */
  /* Bloc retons en contact */
}
.region-bottom::before,
.region-bottom::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.region-bottom::after {
  clear: both;
}
.region-bottom .block {
  float: left;
  box-sizing: border-box;
  position: relative;
}
.region-bottom .block.block-sondage {
  width: 33.3%;
  padding: 35px 30px 0;
}
.region-bottom .block.block-cd68-share,
.region-bottom .block.block-rest-contact {
  width: 50%;
  margin: 0 8.3%;
}
.region-bottom .block__title {
  font-size: 1.07142857em;
  color: #191919;
  font-weight: bold;
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
}
.region-bottom .block__title::before {
  font-size: 1.667em;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  margin-right: 16px;
  line-height: 1em;
}
.region-bottom .block-sondage {
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 6px 0px #c5c5c5;
  border-radius: 6px;
  box-sizing: border-box;
}
.region-bottom .block-sondage .block__title {
  font-weight: 100;
  font-size: 1.9em;
}
.region-bottom .block-sondage .block__title::before {
  content: "\f0e6";
}
.region-bottom .block-sondage .field-name-title-field {
  color: #e20613;
  font-weight: 700;
  margin-bottom: 40px;
}
.region-bottom .block-sondage .vote-form {
  text-align: left;
}
.region-bottom .block-sondage .choices {
  display: block;
}
.region-bottom .block-sondage .form-item {
  margin-bottom: 22px;
  display: inline-block;
}
.region-bottom .block-sondage label,
.region-bottom .block-sondage .poll .text {
  color: #3d3d3d;
  font-weight: 700;
}
.region-bottom .block-sondage .poll .bar {
  background-color: #ececec;
}
.region-bottom .block-sondage .form-submit {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  background: url(/sites/haut_rhin/themes/cd68/images/ico-btn-voter.png) no-repeat 93% 50% #e20613;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  display: block;
  width: 100%;
  border-radius: 3px;
  padding: 16px 20px;
  margin-bottom: 1em;
}
.region-bottom .block-sondage .form-submit:hover {
  background-color: #cb020e;
}
.region-bottom .block-sondage .more-link {
  float: right;
  background: #d8d8d8;
  color: #898989;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding: 16px 20px;
  min-width: 230px;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.region-bottom .block-sondage .more-link:hover {
  background-color: #f6f6f6;
}
.region-bottom .block-sondage .links {
  color: #05192d;
  font-weight: 700;
  margin-top: 24px;
}
.region-bottom .block-sondage .links a {
  position: relative;
  color: #24a0a0;
  display: block;
  padding: 1.5em;
  margin: 0 -2.3em;
  background: #D8E1E0;
  border-radius: 0 0 3px 3px;
}
.region-bottom .block-sondage .links a::before {
  content: "\f054";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 0.786em;
  color: #24a0a0;
  display: inline-block;
  margin-right: 5px;
}
.region-bottom .block-sondage .form-item {
  /* Cachons le bouton radio */
  /* on prépare le label */
  /* Aspect des boutons radios */
  /* :before sert à créer le bouton radio */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au focus de l'élément */
  /* [type="radio"]:checked:focus + label:before,
    [type="radio"]:not(:checked):focus + label:before {
        border: 1px dotted blue;
    } */
}
.region-bottom .block-sondage .form-item [type="radio"]:not(:checked),
.region-bottom .block-sondage .form-item [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.region-bottom .block-sondage .form-item [type="radio"]:not(:checked) + label,
.region-bottom .block-sondage .form-item [type="radio"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding: 0 22px 0 30px;
  /* fait un peu d'espace pour notre bouton à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.region-bottom .block-sondage .form-item [type="radio"]:not(:checked) + label:before,
.region-bottom .block-sondage .form-item [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  /* dim. du bouton */
  border: 1px solid #b3b3b3;
  background: #fff;
  border-radius: 100%;
  /* angles arrondis */
}
.region-bottom .block-sondage .form-item [type="radio"]:not(:checked) + label:after,
.region-bottom .block-sondage .form-item [type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 6px;
  left: 5px;
  background-color: #e20613;
  transition: all .2s;
  /* on prévoit une animation */
}
.region-bottom .block-sondage .form-item [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.region-bottom .block-sondage .form-item [type="radio"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
}
.region-bottom .block-sondage .form-item [type="radio"]:disabled:not(:checked) + label:before,
.region-bottom .block-sondage .form-item [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.region-bottom .block-sondage .form-item [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.region-bottom .block-sondage .form-item [type="radio"]:disabled + label {
  color: #aaa;
}
.region-bottom .block-sondage .poll .bar .foreground {
  background: #3d3d3d;
}
.region-bottom .block-sondage .form-actions {
  margin-top: 22px;
}
.region-bottom .block-sondage .total {
  margin: 10px 0;
}
.region-bottom .block-cd68-share .share-links {
  padding: 36px 0 ;
  text-align: left;
}
.region-bottom .block-cd68-share .share-links li {
  width: 45.2%;
}
.region-bottom .block-cd68-share .share-links li a {
  width: 190px;
  min-height: 92px;
  padding-left: 4.2em;
  font-size: 1.4em;
}
.region-bottom .block-cd68-share .share-links li .facebook-link {
  background-image: url(/sites/haut_rhin/themes/cd68/images/bg-facebook-footer.png);
}
.region-bottom .block-cd68-share .share-links li .twitter-link {
  background-image: url(/sites/haut_rhin/themes/cd68/images/bg-twitter-footer.png);
}
.region-bottom .block-newsletter .block__title::before {
  content: "\f003";
}
.region-bottom .block-newsletter .form-actions {
  margin-top: 22px;
}
.region-bottom .block-newsletter .form-submit {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  background: url(/sites/haut_rhin/themes/cd68/images/ico-btn-newsletter.png) no-repeat 93% 50% #e20613;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  display: block;
  width: 100%;
  border-radius: 3px;
  padding: 16px 20px;
}
.region-bottom .block-newsletter .form-submit:hover {
  background-color: #cb020e;
}
.region-bottom .block-facebook,
.region-bottom .block-newsletter {
  margin-bottom: 30px;
}
.region-bottom .block-facebook img,
.region-bottom .block-newsletter img {
  border: 5px solid #ffffff;
}
.region-bottom .block-facebook .date,
.region-bottom .block-newsletter .date {
  color: #e20613;
  font-weight: 700;
}
.region-bottom .block-facebook .content,
.region-bottom .block-newsletter .content {
  line-height: 1.7em;
  font-weight: 700;
}
.region-bottom .block-facebook .links,
.region-bottom .block-newsletter .links {
  font-weight: 700;
  margin-top: 24px;
}
.region-bottom .block-facebook .links a,
.region-bottom .block-newsletter .links a {
  position: relative;
  color: #05192d;
}
.region-bottom .block-facebook .links a::before,
.region-bottom .block-newsletter .links a::before {
  content: "\f054";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 0.786em;
  color: #24a0a0;
  display: inline-block;
  margin-right: 5px;
}
.region-bottom .block-rest-contact .block__title {
  display: none;
}
.region-bottom .block-rest-contact .menu li {
  float: left;
  width: 47%;
  margin-bottom: 1.6em;
}
.region-bottom .block-rest-contact .menu li.item-mag-footer,
.region-bottom .block-rest-contact .menu li.item-nos-video {
  float: right;
}
.region-bottom .block-rest-contact .menu li.item-nos-video {
  clear: right;
}
.region-bottom .block-rest-contact .menu li.item-publication {
  clear: left;
}
.region-bottom .block-rest-contact .menu li a {
  padding: 1.3em 20px;
}
.region-bottom .block-rest-contact .menu li .btn-mag {
  background-image: url(/sites/haut_rhin/themes/cd68/images/btn-mag.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -999px;
  overflow: hidden;
  min-height: 118px;
  background-color: transparent;
  display: block;
  width: 273px;
  height: 130px;
  border-radius: 5px;
  box-shadow: 0 0 3px #c3c1c1;
  padding: 0;
}
.page-sondages .region-bottom .block-sondage {
  padding-bottom: 35px;
}
/* Footer */
footer.footer {
  background: #ffffff;
  color: #191919;
  line-height: 1.786em;
  position: relative;
  padding-top: 48px;
  padding-left: 107px;
  margin-top: 48px;
}
footer.footer::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 107px 107px 0 0;
  border-color: #f3f3f3 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
}
footer.footer a,
footer.footer .menu__link {
  color: #191919;
}
.logo-footer {
  float: left;
  max-width: 18%;
}
.logo-footer img {
  margin-left: -20px;
}
#block-context-global-adresse-footer {
  font-weight: 700;
  max-width: 18%;
  display: inline-block;
}
#block-context-global-adresse-footer p {
  margin: 0 0 1.333em;
}
#block-menu-menu-menu-footer {
  font-size: 1.07142857em;
  font-weight: 700;
  text-transform: uppercase;
  float: right;
  margin-top: 30px;
}
#block-menu-menu-menu-footer li {
  float: left;
}
#block-menu-menu-menu-footer li:not(:first-child) {
  margin-left: 37px;
}
#block-cd68-share-cd68-share-menu-footer {
  float: right;
  margin-top: 26px;
}
#block-cd68-share-cd68-share-menu-footer a {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent: -999px;
  overflow: hidden;
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 30px;
}
#block-cd68-share-cd68-share-menu-footer .facebook-link {
  background-image: url(/sites/haut_rhin/themes/cd68/images/facebook.png);
}
#block-cd68-share-cd68-share-menu-footer .twitter-link {
  background-image: url(/sites/haut_rhin/themes/cd68/images/twitter.png);
}
#block-menu-menu-menu-bas-de-page {
  color: #646464;
  font-weight: 700;
  text-align: right;
  border-top: 1px solid #9a9a9a;
  clear: both;
  padding: 25px 0;
}
#block-menu-menu-menu-bas-de-page li {
  display: inline;
  margin: 0 20px;
}
#block-menu-menu-menu-bas-de-page .menu__link {
  color: #646464;
}
/* ===================================================================
 * >> FIL D'ARIANE
 * =================================================================*/
.breadcrumb {
  border-bottom: 1px solid #b3b3b3;
  padding: 11px 0;
  background-color: #ffffff;
}
.breadcrumb li {
  color: #535354;
  line-height: 1.714em;
  list-style: none;
  display: inline;
}
.breadcrumb li:not(:first-child)::before {
  content: "\f105";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 1.28571429em;
  color: #24a0a0;
  margin: 0 10px;
}
.breadcrumb li a {
  color: #535354;
}
.breadcrumb li:first-child a {
  text-indent: -999px;
  width: 18px;
  display: inline-block;
}
.breadcrumb li:first-child a::before {
  content: "\f015";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 1.28571429em;
  color: #24a0a0;
  text-indent: 0;
  float: left;
}
.breadcrumb li:last-child {
  color: #191919;
}
.breadcrumb li:last-child a {
  color: #191919;
}
/* ===================================================================
 * >> ACCROCHE
 * =================================================================*/
.accroche {
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 100px;
  padding: 20px 0;
  zoom: 1;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.accroche::before,
.accroche::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.accroche::after {
  clear: both;
}
.accroche.avec-img {
  padding: 20px 0;
}
.accroche.avec-img::after {
  display: block;
}
.accroche.avec-img::before {
  content: "";
  background: rgba(61, 61, 61, 0.4);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.accroche::after {
  display: none;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 60px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  right: 0;
  bottom: -1px;
  z-index: 1;
}
.accroche h1 {
  position: relative;
  width: 70%;
  z-index: 1;
  letter-spacing: 0.05em;
  text-shadow: 0;
  color: #191919;
}
.accroche.avec-img h1 {
  color: #ffffff;
  text-shadow: 0 0 18px rgba(0, 0, 0, 0.67);
}
.accroche .sharethis-wrapper {
  background: #e20613;
  padding: 3px 7px;
  border-radius: 3px;
}
.accroche .sharethis-wrapper > span {
  display: inline;
  padding: 0;
}
.accroche .sharethis-wrapper .stButton > span::after {
  color: #fff;
}
.accroche .btn-partage {
  background: #e20613;
  padding: 6px 22px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 0.92857143em;
  letter-spacing: 0.05em;
  cursor: pointer;
  position: relative;
  z-index: 2;
  float: left;
}
.accroche .btn-partage:hover {
  background: rgba(226, 6, 19, 0.63);
}
.accroche .btn-abonner {
  background: #191919;
  padding: 6px 18px 6px 26px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 0.92857143em;
  letter-spacing: 0.05em;
  cursor: pointer;
  position: relative;
  z-index: 2;
  float: left;
  margin-right: 20px;
}
.accroche .btn-abonner a {
  color: #ffffff;
  text-decoration: none;
}
.accroche .btn-abonner::before {
  content: "\f09e";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 1em;
  float: left;
  margin-left: -14px;
  margin-top: 3px;
}
.accroche .btn-abonner:hover {
  background: rgba(2, 2, 2, 0.55);
}
.accroche > .inner-content {
  zoom: 1;
}
.accroche > .inner-content::before,
.accroche > .inner-content::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.accroche > .inner-content::after {
  clear: both;
}
.front .video-une + .accroche {
  display: none;
}
.front .accroche {
  min-height: 560px;
  max-height: 560px;
  border: none;
}
/* ===================================================================
 * >> CONTENU GLOBAL
 * =================================================================*/
/* gestion du contenu tabs ... modifier / editer / voir */
.tabs {
  margin-bottom: 20px;
}
.tabs .tabs__tab {
  display: inline-block;
  background-color: #c7f2f2;
  margin-right: 4px;
  box-shadow: inset 1px 1px 0px #ffffff;
  border: 1px solid #639e9e;
  border-width: 1px 1px 0 1px;
}
.tabs .tabs__tab a {
  padding: 10px;
  color: #24a0a0;
  display: block;
}
.tabs .tabs__tab a:hover,
.tabs .tabs__tab a.active {
  text-shadow: 1px 1px #040204;
  background-color: #24a0a0;
  color: #ffffff;
  text-decoration: none;
}
.tabs::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #24a0a0;
  margin-bottom: 20px;
}
/* Titres et sous-titres personnalisés */
.titre-custom {
  font-size: 2.85714286em;
  font-family: 'BigNoodle', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-bottom: 0;
  padding-left: 70px;
}
.titre-custom::before {
  content: "";
  background: #e20613;
  width: 31px;
  height: 29px;
  margin: 0 25px 0 -55px;
  transform: skewX(-45deg);
  display: inline-block;
}
.titre-custom.small {
  font-size: 1.57142857em;
  line-height: 1em;
  letter-spacing: 0.1em;
}
.titre-custom.small::before {
  width: 18px;
  height: 17px;
  margin: 0 16px 0 9px;
}
.sous-titre {
  font-size: 1.5em;
  color: #24a0a0;
  font-style: italic;
  margin-left: 70px;
}
/* Retour haut de page */
.skip-link__wrapper {
  margin: 0;
}
#backtotop {
  font-size: 0.92857143em;
  color: #e20613;
  background: #ffffff;
  border: 1px solid #b4b4b4;
  border-radius: 50%;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 2.308em;
  display: block;
  text-align: center;
  right: 30px;
  bottom: 30px;
}
#backtotop:hover {
  color: #ffffff;
  background: #b4b4b4;
}
/* Styles génériques */
.view-mode-full ul {
  line-height: 1.429em;
  margin: 0 0 1.786em;
  padding: 0;
  list-style: none;
}
.view-mode-full ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 23px;
}
.view-mode-full ul li::before {
  content: "";
  background: #e20613;
  width: 8px;
  height: 7px;
  margin: 0 14px 0 3px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0;
}
.view-mode-full ol {
  line-height: 1.429em;
  margin: 0 0 1.786em;
  padding: 0;
  list-style: none;
  counter-reset: list-counter;
}
.view-mode-full ol li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 23px;
  counter-increment: list-counter;
}
.view-mode-full ol li::before {
  content: counter(list-counter);
  color: #e20613;
  font-weight: 700;
  font-size: 0.85714286em;
  position: absolute;
  top: 0;
  left: 0;
}
.field-name-body,
.field-name-field-contenu {
  line-height: 1.786em;
}
/* messages  */
.messages {
  display: table;
  width: 100%;
  max-width: 100%;
  margin: 20px 0;
  padding: 12px;
  box-sizing: border-box;
  table-layout: fixed;
  overflow: hidden;
}
.messages h2.visually-hidden {
  display: none;
}
.messages .messages__icon {
  width: 40px;
  display: table-cell;
  vertical-align: middle;
}
.messages .messages__icon svg {
  display: none;
}
.messages .messages__icon::after {
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 2em;
}
.messages .messages__list {
  padding: 12px;
}
.messages.messages--error {
  color: #e20613;
  background-color: #fedfe1;
}
.messages.messages--error .messages__icon::after {
  content: "\f00d";
}
.messages.messages--status {
  color: #24a0a0;
  background-color: #c7f2f2;
}
.messages.messages--status .messages__icon::after {
  content: "\f00c";
}
.messages.messages--status a {
  color: #24a0a0;
  font-weight: 700;
  text-decoration: underline;
}
.messages.messages--status.poll-cancel-form {
  position: fixed;
  bottom: -21px;
  right: 0;
  width: 100%;
  left: 0;
  text-align: center;
}
.messages.messages--status.poll-cancel-form .messages__icon {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
}
/* Bloc des réseaux sociaux */
.partage-paragraphe {
  overflow: hidden;
  margin-bottom: 15px;
}
.btn-partage {
  background: #f2f2f2;
  font-size: 0.92857143em;
  padding: 6px 22px;
  border-radius: 3px;
  color: #191919;
  letter-spacing: 0.05em;
  cursor: pointer;
  position: relative;
  z-index: 2;
  float: left;
}
.btn-partage:hover {
  background: #c1c1c1;
}
.sharethis-wrapper {
  display: inline-block;
  background: #f2f2f2;
  padding: 3px 7px;
  border-radius: 3px;
}
.sharethis-wrapper > span {
  display: inline;
  padding: 0;
}
.sharethis-wrapper .stButton {
  height: auto;
  line-height: normal;
  min-width: 30px;
  text-align: center;
  margin: 0;
}
.sharethis-wrapper .stButton > span {
  background: none;
  padding: 0;
  height: auto;
  line-height: normal;
  display: block;
}
.sharethis-wrapper .stButton > span::after {
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  font-size: 2em;
}
.sharethis-wrapper .stButton .facebook::after {
  content: "\f082";
}
.sharethis-wrapper .stButton .twitter::after {
  content: "\f081";
}
.sharethis-wrapper .stButton .googleplus::after {
  content: "\f0d4";
}
.sharethis-wrapper .stButton .email::after {
  content: "\f0e0";
}
.sharethis-wrapper .stButton .print::after {
  content: "\f02f";
}
/* Accueil */
.front .layout-2col__full .block-cd68-parametrage {
  margin: 50px 0;
}
.video-une {
  max-width: 2560px;
  min-height: 560px;
  max-height: 560px;
  background-color: #e9e9e9;
  text-align: center;
}
/* Pagination dans les listes */
.view .entity_pager {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  color: #000;
  letter-spacing: 0.1em;
  line-height: 21px;
  overflow: hidden;
  margin: 0;
}
.view .entity_pager a {
  color: #000;
  display: block;
}
.view .entity_pager a:hover {
  color: #e20613;
  text-decoration: none;
}
.view .entity_pager > li {
  padding: 42px 10px;
  margin: 0;
  width: 33.3%;
  float: left;
  box-sizing: border-box;
}
.view .entity_pager > li a,
.view .entity_pager > li span {
  position: relative;
}
.view .entity_pager > li a::before,
.view .entity_pager > li span::before {
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  font-size: 1.57142857em;
  display: block;
  margin-bottom: 10px;
}
.view .entity_pager > li .inactive {
  color: #aaa;
}
.view .entity_pager > li .inactive::before {
  color: #aaa;
}
.view .entity_pager .entity_pager_all_link {
  background: #f3f3f3;
}
.view .entity_pager .entity_pager_all_link a::before {
  content: "\f03a";
}
.view .entity_pager .entity_pager_prev a::before,
.view .entity_pager .entity_pager_prev span::before {
  content: "\f053";
}
.view .entity_pager .entity_pager_next a::before,
.view .entity_pager .entity_pager_next span::before {
  content: "\f054";
}
.view .entity_pager .entity_pager_count {
  display: none;
}
/*  Galerie de boutons a href avec icones */
.bouton {
  /* default structure*/
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  display: block;
  width: 100%;
  border-radius: 3px;
  padding: 16px 20px;
  box-sizing: border-box;
  background: #e20613;
  /* couleur */
  /* icons*/
  /* exeption */
}
.bouton.turquoise {
  background-color: #1a7373;
}
.bouton.turquoise:hover {
  background-color: #1e8787;
}
.bouton.rouge {
  background-color: #e20613;
}
.bouton.rouge:hover {
  background-color: #c40510;
}
.bouton.blanc {
  background-color: #ffffff;
}
.bouton.blanc:hover {
  background-color: #f0f0f0;
}
.bouton:hover {
  text-decoration: none;
}
.bouton::after {
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  content: " ";
  color: #ffffff;
  font-size: 0.958em;
  display: inline-block;
  margin: 4px -2px;
  float: right;
}
.bouton.microphone::after {
  content: "\f130";
}
.bouton.copy::after {
  content: "\f0c5";
}
.bouton.video-camera::after {
  content: "\f03d";
}
.bouton.long-arrow-right::after {
  content: "\f178";
}
.bouton.users::after {
  content: "\f0c0";
}
.bouton.map-marker::after {
  content: "\f041";
}
.bouton .no-icon::after {
  display: none;
}
/* Vidéos */
.videocontainer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.videocontainer iframe {
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.textecontainer iframe {
  width: 100% !important;
}
.principal .videocontainer iframe {
  height: 89% !important;
}
.secondaire .videocontainer iframe {
  height: 87% !important;
}
video {
  max-width: 100%;
  height: auto;
}
/* Galerie photos */
.field-name-field-galerie {
  margin-bottom: 30px;
}
.field-name-field-galerie .juicebox-gallery {
  max-height: 650px;
}
.field-name-field-galerie .juicebox-gallery .jb-classifier-link-wrapper + div {
  visibility: hidden;
}
.field-name-field-galerie .juicebox-gallery .jb-idx-thb-frame,
.field-name-field-galerie .juicebox-gallery .jbac-number {
  display: none;
}
.field-name-field-galerie .juicebox-gallery .jb-idx-thumb:not(.jb-thm-thumb-selected)::before {
  content: "";
  background: rgba(25, 25, 25, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
}
.field-name-field-galerie .juicebox-gallery .jb-caption-desc {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 100%;
  padding: 15px 20px;
  text-align: left;
  background: #3d3d3d;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.field-name-field-galerie .juicebox-gallery .jb-caption {
  background: none !important;
}
/* Tableaux */
.tablecontainer {
  overflow-x: auto;
  margin-bottom: 30px;
}
.tablecontainer table {
  table-layout: auto;
  margin: 0;
}
/* Annuaire */
.group-annuaire {
  margin-bottom: 30px;
  border: 1px solid #d4d4d4;
}
.group-annuaire .field-name-field-titre-cartographie {
  color: #191919;
  font-weight: 700;
  padding: 13px 28px;
  border-bottom: 1px solid #d4d4d4;
  position: relative;
}
.group-annuaire .field-name-field-titre-cartographie::after {
  content: "\f041";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #24a0a0;
  position: absolute;
  right: 30px;
  top: 15px;
}
/* ===================================================================
 * >> BREVES EN DIRECT
 * =================================================================*/
#block-views-breves-bandeau-breve {
  border-bottom: 1px solid #b3b3b3;
  background: #fff;
  position: relative;
  z-index: 10;
  min-height: 68px;
}
#block-views-breves-bandeau-breve .view-breves,
#block-views-breves-bandeau-breve .owl-carousel {
  display: table;
  width: 100%;
  table-layout: fixed;
  /* Quand il n'y a qu'un item */
}
#block-views-breves-bandeau-breve .view-breves > div,
#block-views-breves-bandeau-breve .owl-carousel > div {
  display: table-cell;
}
#block-views-breves-bandeau-breve .view-breves > div[class*="item-"],
#block-views-breves-bandeau-breve .owl-carousel > div[class*="item-"] {
  display: block;
  width: 83%;
  margin: 15px 0 15px 28px;
  padding-right: 28px;
  font-size: 0.92857143em;
  line-height: 1.538em;
}
#block-views-breves-bandeau-breve .view-header {
  font-size: 1.14285714em;
  color: #545454;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-right: 1px solid #b3b3b3;
  width: 13.29%;
  vertical-align: middle;
  padding: 13px 0 13px 30px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  z-index: 100;
}
#block-views-breves-bandeau-breve .view-header span {
  font-size: 0.875em;
  color: #e20613;
  font-weight: normal;
  font-style: italic;
  text-transform: none;
  display: block;
}
#block-views-breves-bandeau-breve .view-header span::after {
  content: "\f099";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  font-size: 19px;
  display: inline;
  margin-left: 0.4em;
}
#block-views-breves-bandeau-breve .view-content {
  width: 86.71%;
  vertical-align: top;
}
#block-views-breves-bandeau-breve .view-content p {
  margin: 0;
}
#block-views-breves-bandeau-breve .owl-stage-outer {
  width: 89.7%;
  font-size: 0.92857143em;
  line-height: 1.538em;
  position: relative;
  vertical-align: top;
}
#block-views-breves-bandeau-breve .owl-stage-outer::after {
  content: "";
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  width: 75px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
#block-views-breves-bandeau-breve .owl-item > div {
  margin: 15px 0 15px 28px;
  padding-right: 28px;
}
#block-views-breves-bandeau-breve .owl-item:not(:last-child) > div {
  border-right: 1px solid #e20613;
}
#block-views-breves-bandeau-breve .owl-item:last-child > div {
  padding-right: 170px;
}
#block-views-breves-bandeau-breve .views-field-field-date-de-publication {
  font-weight: 700;
  color: #e20613;
  float: left;
  position: relative;
}
#block-views-breves-bandeau-breve .views-field-field-date-de-publication::after {
  content: "/";
  margin: 0 3px;
}
#block-views-breves-bandeau-breve .owl-controls {
  width: 168px;
  font-size: 1.14285714em;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #b3b3b3;
  background: #FFF;
  z-index: 100;
  position: relative;
}
#block-views-breves-bandeau-breve .owl-nav div {
  color: #1d1d1d;
  font-size: 100%;
  padding: 3px 6px;
  margin: 14px;
  display: inline;
}
#block-views-breves-bandeau-breve .owl-nav div.owl-next {
  position: relative;
}
#block-views-breves-bandeau-breve .owl-nav div.owl-next::before {
  content: "";
  background: #e20613;
  height: 12px;
  width: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -6px;
  line-height: 12px;
}
#block-views-breves-bandeau-breve .owl-nav div:hover {
  color: #e20613;
}
#hide-en-direct {
  font-size: 0.875em;
  line-height: 1.857em;
  color: #e20613;
  letter-spacing: 0;
  float: left;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #b4b4b4;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
}
#hide-en-direct:hover {
  cursor: pointer;
}
#breves-repliees {
  display: none;
  background: #24a0a0;
  color: #ffffff;
  font-size: 1.14285714em;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 0;
  position: relative;
  z-index: 1;
}
#breves-repliees span {
  font-size: 0.875em;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}
#breves-repliees i {
  margin: 0 20px;
  font-size: 0.875em;
  position: relative;
  top: -2px;
}
#breves-repliees:hover {
  cursor: pointer;
}
/* ===================================================================
 * >> FORMULAIRES
 * =================================================================*/
/* node webform, node (generique)*/
.node-type-webform .element-invisible,
.layout-2col .element-invisible {
  display: none !important;
}
.node-type-webform .form-item,
.layout-2col .form-item,
.node-type-webform .form-wrapper,
.layout-2col .form-wrapper,
.node-type-webform .form-actions,
.layout-2col .form-actions {
  margin: 20px 0;
}
.node-type-webform .form-item .description,
.layout-2col .form-item .description {
  font-size: 0.92857143em;
  margin-top: 5px;
}
.node-type-webform label,
.layout-2col label {
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
.node-type-webform .webform-container-inline > label,
.layout-2col .webform-container-inline > label {
  display: inline;
  margin-bottom: 0;
}
.node-type-webform .form-text,
.layout-2col .form-text,
.node-type-webform .form-textarea,
.layout-2col .form-textarea,
.node-type-webform .form-select:not(.chosen-container),
.layout-2col .form-select:not(.chosen-container),
.node-type-webform .chosen-single,
.layout-2col .chosen-single {
  border: 1px solid #b3b3b3;
  background: #fff;
  border-radius: 3px;
  min-height: 40px;
  max-width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.node-type-webform .form-text:focus,
.layout-2col .form-text:focus,
.node-type-webform .form-textarea:focus,
.layout-2col .form-textarea:focus,
.node-type-webform .form-select:not(.chosen-container):focus,
.layout-2col .form-select:not(.chosen-container):focus,
.node-type-webform .chosen-single:focus,
.layout-2col .chosen-single:focus {
  border-color: #e20613;
}
.node-type-webform .form-text,
.layout-2col .form-text,
.node-type-webform .form-textarea,
.layout-2col .form-textarea,
.node-type-webform .form-select[multiple="multiple"],
.layout-2col .form-select[multiple="multiple"] {
  width: 50%;
}
.node-type-webform .webform-component-select .hasCustomSelect,
.layout-2col .webform-component-select .hasCustomSelect {
  width: 48.3%;
}
.node-type-webform .form-type-select,
.layout-2col .form-type-select {
  position: relative;
}
.node-type-webform .customSelect,
.layout-2col .customSelect {
  display: block;
  max-width: 100%;
  min-width: 200px;
}
.node-type-webform .customSelect .customSelectInner::after,
.layout-2col .customSelect .customSelectInner::after {
  content: "\f078";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  float: right;
}
.node-type-webform .customSelect.customSelectFocus,
.layout-2col .customSelect.customSelectFocus {
  border-color: #e20613;
}
.node-type-webform .customSelect .customSelectInner,
.layout-2col .customSelect .customSelectInner {
  width: 100% !important;
}
.node-type-webform .form-type-radio,
.layout-2col .form-type-radio {
  /* Cachons le bouton radio */
  /* on prépare le label */
  /* Aspect des boutons radios */
  /* :before sert à créer le bouton radio */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au focus de l'élément */
  /* [type="radio"]:checked:focus + label:before,
    [type="radio"]:not(:checked):focus + label:before {
        border: 1px dotted blue;
    } */
}
.node-type-webform .form-type-radio [type="radio"]:not(:checked),
.layout-2col .form-type-radio [type="radio"]:not(:checked),
.node-type-webform .form-type-radio [type="radio"]:checked,
.layout-2col .form-type-radio [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.node-type-webform .form-type-radio [type="radio"]:not(:checked) + label,
.layout-2col .form-type-radio [type="radio"]:not(:checked) + label,
.node-type-webform .form-type-radio [type="radio"]:checked + label,
.layout-2col .form-type-radio [type="radio"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding: 0 22px 0 30px;
  /* fait un peu d'espace pour notre bouton à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.node-type-webform .form-type-radio [type="radio"]:not(:checked) + label:before,
.layout-2col .form-type-radio [type="radio"]:not(:checked) + label:before,
.node-type-webform .form-type-radio [type="radio"]:checked + label:before,
.layout-2col .form-type-radio [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  /* dim. du bouton */
  border: 1px solid #b3b3b3;
  background: #fff;
  border-radius: 100%;
  /* angles arrondis */
}
.node-type-webform .form-type-radio [type="radio"]:not(:checked) + label:after,
.layout-2col .form-type-radio [type="radio"]:not(:checked) + label:after,
.node-type-webform .form-type-radio [type="radio"]:checked + label:after,
.layout-2col .form-type-radio [type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 6px;
  left: 5px;
  background-color: #e20613;
  transition: all .2s;
  /* on prévoit une animation */
}
.node-type-webform .form-type-radio [type="radio"]:not(:checked) + label:after,
.layout-2col .form-type-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.node-type-webform .form-type-radio [type="radio"]:checked + label:after,
.layout-2col .form-type-radio [type="radio"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
}
.node-type-webform .form-type-radio [type="radio"]:disabled:not(:checked) + label:before,
.layout-2col .form-type-radio [type="radio"]:disabled:not(:checked) + label:before,
.node-type-webform .form-type-radio [type="radio"]:disabled:checked + label:before,
.layout-2col .form-type-radio [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.node-type-webform .form-type-radio [type="radio"]:disabled:checked + label:after,
.layout-2col .form-type-radio [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.node-type-webform .form-type-radio [type="radio"]:disabled + label,
.layout-2col .form-type-radio [type="radio"]:disabled + label {
  color: #aaa;
}
.node-type-webform .form-checkboxes > div,
.layout-2col .form-checkboxes > div,
.node-type-webform .form-radios > div,
.layout-2col .form-radios > div {
  display: inline;
}
.node-type-webform .form-checkboxes label,
.layout-2col .form-checkboxes label,
.node-type-webform .form-radios label,
.layout-2col .form-radios label {
  font-weight: normal;
  display: inline;
}
.node-type-webform input.webform-calendar,
.layout-2col input.webform-calendar {
  vertical-align: middle;
}
.node-type-webform .form-type-checkbox,
.layout-2col .form-type-checkbox {
  /* Cachons la case à cocher */
  /* on prépare le label */
  /* Aspect des checkboxes */
  /* :before sert à créer la case à cocher */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au focus de l'élément */
  /* [type="checkbox"]:checked:focus + label:before,
    [type="checkbox"]:not(:checked):focus + label:before {
      border: 1px dotted blue;
    } */
}
.node-type-webform .form-type-checkbox [type="checkbox"]:not(:checked),
.layout-2col .form-type-checkbox [type="checkbox"]:not(:checked),
.node-type-webform .form-type-checkbox [type="checkbox"]:checked,
.layout-2col .form-type-checkbox [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.node-type-webform .form-type-checkbox [type="checkbox"]:not(:checked) + label,
.layout-2col .form-type-checkbox [type="checkbox"]:not(:checked) + label,
.node-type-webform .form-type-checkbox [type="checkbox"]:checked + label,
.layout-2col .form-type-checkbox [type="checkbox"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding: 0 22px 0 30px;
  /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.node-type-webform .form-type-checkbox [type="checkbox"]:not(:checked) + label:before,
.layout-2col .form-type-checkbox [type="checkbox"]:not(:checked) + label:before,
.node-type-webform .form-type-checkbox [type="checkbox"]:checked + label:before,
.layout-2col .form-type-checkbox [type="checkbox"]:checked + label:before {
  content: '';
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  /* dim. de la case */
  border: 1px solid #b3b3b3;
  background: #fff;
  border-radius: 3px;
  /* angles arrondis */
}
.node-type-webform .form-type-checkbox [type="checkbox"]:not(:checked) + label:after,
.layout-2col .form-type-checkbox [type="checkbox"]:not(:checked) + label:after,
.node-type-webform .form-type-checkbox [type="checkbox"]:checked + label:after,
.layout-2col .form-type-checkbox [type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family: 'FontAwesome';
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 14px;
  color: #e20613;
  transition: all .2s;
  /* on prévoit une animation */
}
.node-type-webform .form-type-checkbox [type="checkbox"]:not(:checked) + label:after,
.layout-2col .form-type-checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.node-type-webform .form-type-checkbox [type="checkbox"]:checked + label:after,
.layout-2col .form-type-checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
}
.node-type-webform .form-type-checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
.layout-2col .form-type-checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
.node-type-webform .form-type-checkbox [type="checkbox"]:disabled:checked + label:before,
.layout-2col .form-type-checkbox [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.node-type-webform .form-type-checkbox [type="checkbox"]:disabled:checked + label:after,
.layout-2col .form-type-checkbox [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.node-type-webform .form-type-checkbox [type="checkbox"]:disabled + label,
.layout-2col .form-type-checkbox [type="checkbox"]:disabled + label {
  color: #aaa;
}
.node-type-webform .webform-container-inline .form-radios,
.layout-2col .webform-container-inline .form-radios {
  margin-left: 30px;
}
.node-type-webform .form-email,
.layout-2col .form-email {
  background: url(/sites/haut_rhin/themes/cd68/images/ico-form-email.png) no-repeat 10px 50% #ffffff;
  padding-left: 28px;
}
.node-type-webform .form-textarea,
.layout-2col .form-textarea {
  background: url(/sites/haut_rhin/themes/cd68/images/ico-form-textarea.png) no-repeat 10px 13px #ffffff;
  padding-left: 28px;
}
.node-type-webform .form-wrapper,
.layout-2col .form-wrapper {
  padding: 20px;
}
.node-type-webform .form-wrapper .fieldset-description,
.layout-2col .form-wrapper .fieldset-description {
  margin: 0 0 20px;
}
.node-type-webform .fieldset-legend,
.layout-2col .fieldset-legend {
  font-weight: 700;
  padding: 0 20px;
}
.node-type-webform .form-actions,
.layout-2col .form-actions {
  text-align: center;
}
.node-type-webform .form-submit,
.layout-2col .form-submit {
  background: #e20613;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding: 16px 20px;
  min-width: 260px;
  padding-right: 50px;
  background: url(/sites/haut_rhin/themes/cd68/images/ico-btn-envoyer.png) no-repeat #e20613;
  background-position: right 18px bottom 50%;
}
.node-type-webform .form-submit:hover,
.layout-2col .form-submit:hover {
  background-color: #c1111b;
}
.node-type-webform .form-submit-search,
.layout-2col .form-submit-search,
.node-type-webform .form-submit-search-actu,
.layout-2col .form-submit-search-actu {
  background: #e20613;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding: 10px 20px;
}
.node-type-webform .form-submit-search:hover,
.layout-2col .form-submit-search:hover,
.node-type-webform .form-submit-search-actu:hover,
.layout-2col .form-submit-search-actu:hover {
  background-color: #c1111b;
}
.node-type-webform .chosen-results li::before,
.layout-2col .chosen-results li::before {
  content: none;
}
.node-type-webform .chosen-container,
.layout-2col .chosen-container {
  font-size: 100%;
}
.node-type-webform .chosen-container-single .chosen-single,
.layout-2col .chosen-container-single .chosen-single {
  color: #141414;
  box-shadow: none;
  line-height: 20px;
  height: 42px;
  margin-top: -2px;
}
.node-type-webform .chosen-container-single .chosen-single div b,
.layout-2col .chosen-container-single .chosen-single div b {
  background: none;
}
.node-type-webform .chosen-container-single .chosen-single div b::before,
.layout-2col .chosen-container-single .chosen-single div b::before {
  content: "\f078";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  line-height: 40px;
  margin-left: -5px;
}
/* specifique webform */
.node-type-webform {
  /* taille des fieldset */
  /* etapes submit du webform  */
}
.node-type-webform .field-name-body {
  max-width: 63%;
  margin: auto;
  margin-top: 3em;
  margin-bottom: 6em;
}
.node-type-webform .fieldset-legend {
  display: inline-block;
  padding: 1em;
  background-color: #24a0a0;
  border-radius: 5px;
  color: #fff;
}
.node-type-webform form > div > .webform-component-fieldset,
.node-type-webform form > div > .webform-component {
  padding: 1em;
  background-color: #F7F7F7;
  border-radius: 4px;
  max-width: 63%;
  margin: 20px auto;
}
.node-type-webform main .form-actions {
  border-top: 1px solid #d9d9d9;
  padding: 2em 0 1em;
  margin-top: 30px;
  zoom: 1;
}
.node-type-webform main .form-actions::before,
.node-type-webform main .form-actions::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.node-type-webform main .form-actions::after {
  clear: both;
}
.node-type-webform main .form-actions .form-submit.webform-previous,
.node-type-webform main .form-actions .form-submit.webform-next {
  font-size: 0.78571429em;
}
.node-type-webform main .form-actions .form-submit.webform-previous {
  float: left;
  background-image: url(/sites/haut_rhin/themes/cd68/images/ico-btn-precedent.png);
  background-position-x: 18px;
  margin-right: 20px;
  text-align: right;
  padding-left: 50px;
  padding-right: 20px;
}
.node-type-webform main .form-actions .form-submit.webform-next {
  float: right;
}
.node-type-webform .webform-component-file {
  border: 1px solid #b3b3b3;
  background-color: #fff;
  padding: 2em;
  border-radius: 4px;
}
.node-type-webform .webform-component-file .form-managed-file .form-submit {
  display: block;
  padding: 0.6em;
  font-size: 0.85714286em;
  margin: 1em 0;
}
#ui-datepicker-div {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  border-radius: 3px;
  border: 4px solid #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.23);
}
#ui-datepicker-div .ui-datepicker-header {
  position: relative;
  padding: 0.6em 0;
  margin: -3px -3px -2px -2px;
  border: none;
  border-radius: 0;
  background: red;
}
#ui-datepicker-div .ui-datepicker-title select {
  float: left;
  font-size: 1em;
  margin: 1px 0;
  border: none;
  width: 46%;
}
#ui-datepicker-div .ui-datepicker-title select + select {
  margin-left: 4px;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
  top: 6px;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
  background-image: none;
}
#ui-datepicker-div .ui-datepicker-prev::before,
#ui-datepicker-div .ui-datepicker-next::before {
  content: "\f137";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 1.5em;
  line-height: 26px;
  padding: 0 3px;
  text-shadow: 1px 0 #292929;
}
#ui-datepicker-div .ui-datepicker-next::before {
  content: "\f138";
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-prev-hover {
  left: 4px;
  border: none;
  background: none;
}
#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-next-hover {
  right: 4px;
  border: none;
  background: none;
}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #d8d8d8 none;
  color: #000000;
}
#ui-datepicker-div table {
  background: #ffffff;
  border: none;
}
#ui-datepicker-div th {
  color: #141414;
  background: none;
}
#ui-datepicker-div td,
#ui-datepicker-div th {
  height: auto;
}
#edit-submitted-fichier-upload-button {
  background-image: none;
  background-color: #24a0a0;
  min-width: 123px;
}
#edit-submitted-fichier-upload-button:hover {
  background-color: #1e8787;
}
#edit-submitted-fichier-upload {
  margin-right: 35px;
}
/* etapes ligne  du webform */
.webform-progressbar {
  width: 90%;
  margin: 0 auto 3.6em;
  text-align: center;
  padding-bottom: 62px;
  padding-top: 42px;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 ;
}
.webform-progressbar .webform-progressbar-page-label {
  color: #eaeaea;
}
.webform-progressbar .webform-progressbar-outer {
  position: relative;
  border: none;
  width: 100%;
  height: 3px;
  margin: 0.35em -1px 2em;
  background-color: #eaeaea;
}
.webform-progressbar .webform-progressbar-inner {
  height: 1em;
  background-color: #fedfe1;
  height: 3px;
}
.webform-progressbar .webform-progressbar-page {
  position: absolute;
  width: 16px;
  height: 16px;
  margin: -14px 0;
  border: none;
  background-color: #eaeaea;
  border-radius: 13px;
  border: 4px solid #fff;
}
.webform-progressbar .webform-progressbar-page.current {
  background-color: #e20613;
}
.webform-progressbar .webform-progressbar-page.current .webform-progressbar-page-label {
  color: #e20613;
}
.webform-progressbar .webform-progressbar-page.completed {
  background-color: #fedfe1;
}
.webform-progressbar .webform-progressbar-page.completed .webform-progressbar-page-label {
  color: #ffc7cb;
}
.webform-progressbar .webform-progressbar-page .webform-progressbar-page-label {
  position: relative;
  top: 17px;
  margin: 0 -10em;
  font-size: 0.8em;
  font-weight: bold;
  display: inline-block;
  max-width: 92px;
}
/* etapes confirmation  */
.webform-confirmation {
  min-height: 50px;
  padding: 20px 0;
}
.webform-confirmation + .links {
  color: #05192d;
  font-weight: 700;
  margin-bottom: 24px;
}
.webform-confirmation + .links a {
  position: relative;
  color: #05192d;
}
.webform-confirmation + .links a::before {
  content: "\f104";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-weight: bold;
  font-size: 1.186em;
  color: #24a0a0;
  display: inline-block;
  margin-right: 5px;
}
.page-node-submissions table.sticky-header {
  top: 9% !important;
}
.page-node-submissions table th,
.page-node-submissions table td {
  padding: 4px 0;
  border: 1px solid #d3d3d3;
  text-align: center;
  height: 26px;
}
.page-node-submissions table th img {
  margin-left: 10px;
}
.page-node-submissions table a {
  color: #FFE7E7;
}
.page-node-submissions table td a {
  color: #191919;
  text-decoration: underline;
}
.page-node-submissions table td:last-child a {
  display: inline-block;
  background-color: #d4d4d4;
  padding: 1px 5px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 0.9em;
  box-shadow: 1px 1px 0 #dcdcdc, inset 1px 1px 0 #fffdfd;
}
.page-node-submissions table td:last-child a:nth-child(2) {
  background-color: #c7f2f2;
}
.page-node-submissions table td:last-child a:nth-child(3) {
  background-color: #fedfe1;
}
.page-node-submissions table td.views-field-view-submission a {
  font-weight: bold;
}
/* page contact */
.page-contact .block-cd68-parametrage {
  float: left;
  width: 33%;
  padding-right: 2.6%;
}
.page-contact .bouton-map {
  display: none;
}
.page-contact #cd68-contact-form {
  overflow: hidden;
}
.page-contact #cd68-contact-form h3 {
  margin: 1.227em 0 1.227em;
}
.page-contact #cd68-contact-form .horizontal-tabs fieldset.horizontal-tabs-pane {
  padding: 0;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li {
  width: 50%;
  box-sizing: border-box;
  border: none;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li a {
  padding: 0.9em 1em;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li a:hover {
  background-color: #d6d4d4;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li strong {
  color: #e20613;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li.selected {
  background-color: #fff;
  padding: 0 0 1px 0;
  background-color: #dc2525;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li.selected a {
  text-decoration: underline;
  color: #fff;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li.selected a:hover {
  background-color: transparent;
}
.page-contact #cd68-contact-form .horizontal-tabs ul.horizontal-tabs-list li.selected strong {
  color: #ffffff;
}
.page-contact #cd68-contact-form .form-item {
  margin: 6px 0;
}
.page-contact #cd68-contact-form .form-item.form-type-textarea {
  margin-top: 12px;
}
.page-contact #cd68-contact-form .form-submit,
.page-contact #cd68-contact-form .form-text,
.page-contact #cd68-contact-form .form-textarea,
.page-contact #cd68-contact-form .form-select {
  width: 100%;
}
.page-contact #cd68-contact-form .form-submit {
  text-align: center;
  background-image: none;
  font-weight: 700;
}
.page-contact #cd68-contact-form .form-item-tabs-elu-contact-nom,
.page-contact #cd68-contact-form .form-item-tabs-cd-contact-nom,
.page-contact #cd68-contact-form .form-item-tabs-elu-contact-postal-code,
.page-contact #cd68-contact-form .form-item-tabs-cd-contact-postal-code {
  margin-right: 3.4%;
}
.page-contact #cd68-contact-form .form-item-tabs-elu-contact-nom,
.page-contact #cd68-contact-form .form-item-tabs-elu-contact-mail,
.page-contact #cd68-contact-form .form-item-tabs-cd-contact-nom,
.page-contact #cd68-contact-form .form-item-tabs-cd-contact-mail,
.page-contact #cd68-contact-form .form-item-tabs-elu-contact-postal-code,
.page-contact #cd68-contact-form .form-item-tabs-cd-contact-postal-code,
.page-contact #cd68-contact-form .form-item-tabs-elu-contact-ville,
.page-contact #cd68-contact-form .form-item-tabs-cd-contact-ville {
  width: 48%;
  display: inline-block;
}
.page-contact #cd68-contact-form + .block-cd68-parametrage {
  width: 64.3%;
  padding: 0;
  font-weight: 700;
  float: right;
  margin-bottom: 40px;
}
.page-contact #cd68-contact-form + .block-cd68-parametrage a {
  color: #191919;
}
.page-contact div.horizontal-tabs {
  margin: 0 0 1em 0;
  padding: 0;
  border: 0;
  position: relative;
}
.page-contact .separateur {
  border-top: 1px solid #dedede;
  position: relative;
  padding-top: 30px;
}
.page-contact .separateur::before {
  content: "";
  background: #e20613;
  width: 13px;
  height: 14px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  left: 0;
  top: -8px;
}
/* autres  */
#admin-menu .form-text {
  min-height: initial;
}
textarea {
  resize: vertical;
}
/* ===================================================================
 * >> COLONNE GAUCHE
 * =================================================================*/
/* Navigation transversale */
.logged-in .menu-left {
  top: 110px;
}
.not-logged-in .menu-left {
  top: 90px;
}
.layout-2col__left-sidebar .menu-left.sticky {
  position: fixed;
  width: 239px;
}
.layout-2col__left-sidebar .menu-left.sticky .block__title {
  margin: 15px 0 10px;
}
.layout-2col__left-sidebar .menu-left.bottom {
  position: relative;
}
.layout-2col__left-sidebar .inner-menu-left {
  height: inherit;
}
.layout-2col__left-sidebar .page-courante {
  border-radius: 4px;
  background: #e20613;
  margin-bottom: 12px;
  font-size: 1em;
}
.layout-2col__left-sidebar .page-courante .title {
  color: #ffffff;
  padding: 16px 20px;
  font-weight: 700;
  position: relative;
  margin-top: 22px;
}
.layout-2col__left-sidebar .page-courante .title:before {
  content: "";
  background: #ffffff;
  width: 13px;
  height: 14px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  left: -7px;
  top: 17px;
}
.layout-2col__left-sidebar .page-courante .title:after {
  content: "\f142";
  font-family: 'FontAwesome';
  font-size: 1.3em;
  right: 11px;
  top: 18px;
  position: absolute;
  font-weight: 100;
}
.layout-2col__left-sidebar .page-courante ul > li.last {
  margin-bottom: 0;
}
.layout-2col__left-sidebar .page-courante ul > li.last a:hover,
.layout-2col__left-sidebar .page-courante ul > li.last.active a {
  border-radius: 0 0 4px 4px;
}
.layout-2col__left-sidebar .page-courante ul > li a {
  display: block;
  color: #ffffff;
  padding: 10px 28px 10px 20px;
  text-decoration: none;
}
.layout-2col__left-sidebar .page-courante ul > li a:hover,
.layout-2col__left-sidebar .page-courante ul > li.active a {
  background-color: #c40510;
  text-decoration: none;
}
.layout-2col__left-sidebar .page-courante ul > li.expanded {
  background: #e20613;
}
.layout-2col__left-sidebar .page-courante ul > li.expanded a {
  color: #ffffff;
}
.layout-2col__left-sidebar .page-courante ul > li.expanded > a {
  font-weight: 700;
}
.layout-2col__left-sidebar .page-autres {
  color: #d9d9d9;
  margin-bottom: 30px;
}
.layout-2col__left-sidebar .page-autres a {
  color: #191919;
}
.layout-2col__left-sidebar .page-autres ul > li {
  border-radius: 4px;
  background: #ffffff;
  margin-bottom: 12px;
  padding: 15px;
}
.layout-2col__left-sidebar .page-autres ul > li > a {
  font-weight: 700;
}
.layout-2col__left-sidebar .page-autres ul > li.expanded {
  background: #e20613;
}
.layout-2col__left-sidebar .page-autres ul > li.expanded a {
  color: #ffffff;
}
.layout-2col__left-sidebar .page-autres ul > li.expanded > a {
  font-weight: 700;
}
.layout-2col__left-sidebar .page-autres ul > li.expanded > a:after {
  content: "\f142";
  font-family: 'FontAwesome';
  font-size: 1.10em;
  position: relative;
  right: -5px;
  top: 2px;
}
.layout-2col__left-sidebar .block__title {
  font-weight: 700;
  font-size: 100%;
  color: #141414;
  text-transform: uppercase;
  margin: 25px 0 25px;
}
.layout-2col__left-sidebar .block-menu-default li,
.layout-2col__left-sidebar .block-canton li {
  color: #6d6d6d;
  font-weight: 700;
  background: #fff;
  border-radius: 3px;
  padding: 14px 20px;
  margin-bottom: 10px;
  display: block;
}
.layout-2col__left-sidebar .block-menu-default li a,
.layout-2col__left-sidebar .block-canton li a {
  color: #6d6d6d;
  display: block;
}
.layout-2col__left-sidebar .block-menu-default li:hover,
.layout-2col__left-sidebar .block-canton li:hover,
.layout-2col__left-sidebar .block-menu-default li.active,
.layout-2col__left-sidebar .block-canton li.active {
  background-color: #e20613;
  color: #ffffff;
}
.layout-2col__left-sidebar .block-menu-default li:hover a,
.layout-2col__left-sidebar .block-canton li:hover a,
.layout-2col__left-sidebar .block-menu-default li.active a,
.layout-2col__left-sidebar .block-canton li.active a {
  color: #ffffff;
  text-decoration: none;
}
.layout-2col__left-sidebar .block-menu-default li:hover .views-field-field-date-de-publication,
.layout-2col__left-sidebar .block-canton li:hover .views-field-field-date-de-publication,
.layout-2col__left-sidebar .block-menu-default li.active .views-field-field-date-de-publication,
.layout-2col__left-sidebar .block-canton li.active .views-field-field-date-de-publication {
  color: #ffffff;
}
.layout-2col__left-sidebar .block-menu-default.current li,
.layout-2col__left-sidebar .block-canton.current li {
  background-color: #e20613;
  color: #ffffff;
}
.layout-2col__left-sidebar .block-menu-default.current li a,
.layout-2col__left-sidebar .block-canton.current li a {
  color: #ffffff;
  text-decoration: none;
}
.layout-2col__left-sidebar .block-menu-default.current li .views-field-field-date-de-publication,
.layout-2col__left-sidebar .block-canton.current li .views-field-field-date-de-publication {
  color: #ffffff;
}
.layout-2col__left-sidebar .block-menu-default li:first-child,
.layout-2col__left-sidebar .block-canton li:first-child {
  margin-top: 10px;
}
.layout-2col__left-sidebar .views-field-field-date-de-publication {
  font-size: 0.92857143em;
  font-weight: 700;
  color: #e20613;
  display: block;
  margin-bottom: 15px;
}
.node-type-page-de-contenu {
  /* custom scrollbarre pour page de contenu */
}
.node-type-page-de-contenu .block-cd68-parametrage {
  display: none;
}
.node-type-page-de-contenu .mCustomScrollBox {
  padding-left: 40px;
  margin-left: -40px;
}
.node-type-page-de-contenu .mCSB_container {
  /* overflow: initial;*/
}
.node-type-page-de-contenu .mCSB_inside > .mCSB_container {
  margin-right: 24px;
  margin-left: -20px;
  padding-left: 20px;
}
.node-type-page-de-contenu .layout-2col__left-sidebar .menu-left:not(.mCS_no_scrollbar) .mCSB_scrollTools .mCSB_draggerContainer {
  left: -10px;
}
.node-type-page-de-contenu .layout-2col__left-sidebar .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 25px;
}
/* custom scrollbarre init max content*/
.layout-2col__left-sidebar .menu-left:not(.mCS_no_scrollbar) .mCSB_scrollTools .mCSB_draggerContainer {
  left: -16px;
}
.layout-2col__left-sidebar .mCSB_scrollTools .mCSB_draggerRail {
  width: 0;
}
.layout-2col__left-sidebar .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 30px;
}
/* suppression du padding top pr la barre de droite avec scrollbarre */
.custom-scrollbar .layout-2col__left-sidebar {
  padding-top: 0;
  padding-bottom: 0;
}
/* pour bloc sondage */
.node-type-poll .layout-2col__left-sidebar {
  width: 33%;
}
/* ===================================================================
 * >> CONSEIL DEPARTEMENTAL - ACCUEIL
 * =================================================================*/
.region-conseil-dep {
  margin-bottom: 20px;
}
.node-block-conseil-accueil {
  overflow: hidden;
}
.node-block-conseil-accueil .sous-titre {
  margin-bottom: 40px;
}
.node-block-conseil-accueil .block-gauche {
  float: left;
  width: 74.14%;
  box-sizing: border-box;
}
.node-block-conseil-accueil .block-gauche .field-img {
  position: relative;
  color: #ffffff;
  text-align: center;
  background: #191919;
}
.node-block-conseil-accueil .block-gauche .field-img img {
  display: block;
  margin: 0 auto;
}
.node-block-conseil-accueil .block-gauche .field-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #3d3d3d;
  display: table;
}
.node-block-conseil-accueil .block-gauche .field-text > div {
  display: table-cell;
  vertical-align: middle;
}
.node-block-conseil-accueil .block-gauche .wysiwyg {
  padding: 6px 40px 16px;
  width: 83.72%;
  text-align: left;
}
.node-block-conseil-accueil .block-gauche .wysiwyg h3 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 1.78571429em;
  line-height: 1.327em;
}
.node-block-conseil-accueil .block-gauche .wysiwyg a {
  color: #ffffff;
  text-decoration: none;
}
.node-block-conseil-accueil .block-gauche .wysiwyg a:hover {
  text-decoration: underline;
}
.node-block-conseil-accueil .block-gauche .wysiwyg p {
  margin: 0;
}
.node-block-conseil-accueil .block-gauche .voir-plus {
  font-weight: 700;
  background: #292929;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 10px 0;
}
.node-block-conseil-accueil .block-gauche .voir-plus span {
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
}
.node-block-conseil-accueil .block-gauche .voir-plus span::before {
  content: "\f054";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 0.78571429em;
  color: #e20613;
  float: left;
  margin: 1px 4px 0 0;
}
.node-block-conseil-accueil .block-droite {
  width: 22.41%;
  float: right;
}
.node-block-conseil-accueil .block-droite a {
  color: #ffffff;
  background: #e20613;
  letter-spacing: 0.05em;
  padding: 15px 26px;
  border-radius: 3px;
  display: block;
  margin-bottom: 20px;
}
.node-block-conseil-accueil .block-droite a:hover {
  text-decoration: none;
  background-color: #cb020e;
}
/* ===================================================================
 * >> CARTOGRAPHIE - ACCUEIL
 * =================================================================*/
#block-annuaire-annuaire-icarte {
  background: url(/sites/haut_rhin/themes/cd68/images/mapshautrhin.jpg) no-repeat 0;
  background-size: cover;
  position: relative;
  padding: 105px 0;
  margin-bottom: 90px;
  min-height: 542px;
  box-sizing: border-box;
  zoom: 1;
}
#block-annuaire-annuaire-icarte::before,
#block-annuaire-annuaire-icarte::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
#block-annuaire-annuaire-icarte::after {
  clear: both;
}
#block-annuaire-annuaire-icarte::after {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#block-annuaire-annuaire-icarte > form {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
#block-annuaire-annuaire-icarte .title-wrapper {
  width: 22.4%;
  float: left;
}
#block-annuaire-annuaire-icarte .titre-custom,
#block-annuaire-annuaire-icarte .sous-titre {
  color: #fff;
}
#block-annuaire-annuaire-icarte .contenu {
  color: #fff;
  font-size: 1.71428571em;
  position: relative;
  width: 55.2%;
  padding: 65px 20px 0;
  box-sizing: border-box;
  margin: 0 auto;
  display: inline-block;
}
#block-annuaire-annuaire-icarte .contenu::before {
  content: "\f041";
  font-size: 2.083em;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  margin-bottom: 15px;
  display: block;
}
#block-annuaire-annuaire-icarte .recherche {
  width: 22.4%;
  float: right;
}
#block-annuaire-annuaire-icarte .recherche input[type="text"],
#block-annuaire-annuaire-icarte .recherche .form-select {
  border: none;
  background: #fff;
  color: #535354;
  border-radius: 3px;
  min-height: 40px;
  max-width: 100%;
  width: 100%;
  padding: 14px 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
#block-annuaire-annuaire-icarte .recherche .form-item {
  position: relative;
}
#block-annuaire-annuaire-icarte .recherche select,
#block-annuaire-annuaire-icarte .recherche .customSelectInner {
  width: 100% !important;
}
#block-annuaire-annuaire-icarte .recherche .customSelect {
  display: block;
  max-width: 100%;
  min-width: 200px;
}
#block-annuaire-annuaire-icarte .recherche .customSelect .customSelectInner::after {
  content: "\f078";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #535354;
  float: right;
  margin-top: 2px;
}
#block-annuaire-annuaire-icarte .recherche .form-item-commune {
  border-top: 1px solid #e3e3e3;
  padding-top: 30px;
  margin-top: 30px;
}
#block-annuaire-annuaire-icarte .recherche .form-submit {
  font-weight: bold;
  text-align: center;
}
/* ===================================================================
 * >> AGENDA (NOTEZ-LE) - ACCUEIL 
 * =================================================================*/
#block-cd68-parametrage-cd68-notez-le {
  width: 22.41%;
  float: right;
  margin-bottom: 16px;
}
#block-cd68-parametrage-cd68-notez-le .titre-custom::before {
  background: #24a0a0;
}
#block-cd68-parametrage-cd68-notez-le .sous-titre {
  color: #e20613;
  margin-bottom: 33px;
}
#block-cd68-parametrage-cd68-notez-le .titre {
  font-size: 1.42857143em;
  font-weight: 700;
  line-height: 30px;
}
#block-cd68-parametrage-cd68-notez-le .txt {
  line-height: 25px;
  font-weight: 700;
  color: #535354;
}
#block-cd68-parametrage-cd68-notez-le .txt.resume {
  font-size: 0.85714286em;
}
#block-cd68-parametrage-cd68-notez-le .date {
  margin-bottom: 22px;
}
#block-cd68-parametrage-cd68-notez-le .link {
  margin-top: 25px;
}
#block-cd68-parametrage-cd68-notez-le .more {
  color: #05192d;
  font-weight: 700;
}
#block-cd68-parametrage-cd68-notez-le .more::before {
  content: "\f054";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #24a0a0;
  font-size: 0.78571429em;
  margin: 4px 5px 0 0;
  float: left;
}
/* ===================================================================
 * >> QUOI DE NEUF - ACCUEIL 
 * =================================================================*/
#block-cd68-parametrage-cd68-quoi-de-neuf {
  width: 74.14%;
  float: left;
  margin-bottom: 16px;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .sous-titre {
  margin-bottom: 40px;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .infos {
  background: #3d3d3d;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 7px 20px;
  width: 100%;
  box-sizing: border-box;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .infos a {
  color: #ffffff;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .infos .titre {
  margin: 0;
}
#block-cd68-parametrage-cd68-quoi-de-neuf img {
  margin: 0 auto;
  display: block;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .principal {
  width: 65.11%;
  margin-right: 4.65%;
  float: left;
  position: relative;
  overflow: hidden;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .principal .infos {
  padding: 10px 20px 20px;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transition: 0.6s cubic-bezier(0.15, 0, 0.06, 0.96);
}
#block-cd68-parametrage-cd68-quoi-de-neuf .principal .titre {
  font-size: 1.78571429em;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .principal .txt {
  font-size: 1.14285714em;
  line-height: 25px;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .principal .videocontainer {
  background: #000;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .principal .image-video:hover + .infos {
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  transition: 0.4s cubic-bezier(0.15, 0, 0.06, 0.96);
}
#block-cd68-parametrage-cd68-quoi-de-neuf .secondaire {
  width: 30.23%;
  float: left;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .secondaire .item {
  position: relative;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .secondaire .item:not(:first-child) {
  margin-top: 22px;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .secondaire .titre {
  /*letter-spacing: 0.1em;*/
  font-size: 100%;
  line-height: 20px;
  font-weight: 700;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .secondaire .image-video i.fa-play-circle-o {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 4em;
  color: #fff;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .links {
  clear: both;
  margin: 0 -20px;
  padding-top: 20px;
  overflow: hidden;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .links > div {
  float: left;
  width: 33.3%;
  padding: 0 20px;
  box-sizing: border-box;
}
#block-cd68-parametrage-cd68-quoi-de-neuf .links a {
  margin: 20px 0 0;
}
/* ===================================================================
 * >> QUOI DE NEUF BOTTOM - ACCUEIL 
 * =================================================================*/
.savoir-plus-sondage {
  float: right;
  background: #d8d8d8;
  color: #898989;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding: 16px 20px;
  min-width: 230px;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
}
.savoir-plus-sondage:hover {
  background-color: #f6f6f6;
}
#block-cd68-parametrage-cd68-quoi-de-neuf-bottom {
  clear: both;
}
#block-cd68-parametrage-cd68-quoi-de-neuf-bottom .barre-boutons {
  clear: both;
  margin: 0 -20px 60px;
  padding-top: 20px;
  overflow: hidden;
}
#block-cd68-parametrage-cd68-quoi-de-neuf-bottom .barre-boutons li {
  float: left;
  width: 25%;
  padding: 0 20px;
  box-sizing: border-box;
}
#block-cd68-parametrage-cd68-quoi-de-neuf-bottom .barre-boutons a {
  margin: 20px 0 0;
}
.front .layout-2col__full .block.block-sondage,
.front .layout-2col__full .block.block-mag {
  min-height: 230px;
  width: 48.2%;
  box-shadow: 0px 0px 6px 0px #c5c5c5;
  border-radius: 6px;
  box-sizing: border-box;
}
.front .layout-2col__full .block.block-sondage {
  display: inline-block;
  margin-right: 1.8%;
  padding: 1.2em  2.7em;
  position: relative;
  margin-left: 4px;
}
.front .layout-2col__full .block.block-sondage .block__title {
  margin-bottom: 0.6em;
  font-weight: 100;
  font-size: 1.9em;
  display: inline-block;
}
.front .layout-2col__full .block.block-sondage .block__title::before {
  content: "\f0e6";
  font-size: 1.667em;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  margin-right: 16px;
  line-height: 1em;
}
.front .layout-2col__full .block.block-sondage .field-name-title-field {
  color: #e20613;
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: 1.3em;
}
.front .layout-2col__full .block.block-sondage .vote-form {
  text-align: left;
}
.front .layout-2col__full .block.block-sondage .choices {
  display: block;
  margin-bottom: 1em;
}
.front .layout-2col__full .block.block-sondage .form-item {
  margin: 0;
  display: inline-block;
}
.front .layout-2col__full .block.block-sondage label {
  display: inline-block;
}
.front .layout-2col__full .block.block-sondage label,
.front .layout-2col__full .block.block-sondage .poll .text {
  color: #3d3d3d;
  font-weight: 700;
}
.front .layout-2col__full .block.block-sondage .poll .bar {
  background-color: #ececec;
}
.front .layout-2col__full .block.block-sondage .form-submit {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  background-image: none;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: center;
  border: none;
  display: inline-block;
  min-width: 146px;
  border-radius: 3px;
  padding: 16px 20px;
  float: left;
  font-weight: bold;
  font-size: 1.14285714em;
}
.front .layout-2col__full .block.block-sondage .form-submit:hover {
  background-color: #cb020e;
}
.front .layout-2col__full .block.block-sondage .more-link {
  background: #d8d8d8;
  color: #898989;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding: 16px 20px;
  min-width: 230px;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  float: right;
}
.front .layout-2col__full .block.block-sondage .more-link:hover {
  background-color: #f6f6f6;
}
.front .layout-2col__full .block.block-sondage .links {
  color: #05192d;
  font-weight: 700;
  margin-top: 24px;
  float: right;
  clear: right;
}
.front .layout-2col__full .block.block-sondage .links a {
  display: block;
  background: #b8e4e4;
  border-radius: 4px;
  font-size: 0.85714286em;
  position: relative;
  color: #24a0a0;
  letter-spacing: 1px;
  padding: 0.4em 1em ;
}
.front .layout-2col__full .block.block-sondage .form-item {
  /* Cachons le bouton radio */
  /* on prépare le label */
  /* Aspect des boutons radios */
  /* :before sert à créer le bouton radio */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au focus de l'élément */
  /* [type="radio"]:checked:focus + label:before,
    [type="radio"]:not(:checked):focus + label:before {
        border: 1px dotted blue;
    } */
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:not(:checked),
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:not(:checked) + label,
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding: 0 22px 0 30px;
  /* fait un peu d'espace pour notre bouton à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:not(:checked) + label:before,
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  /* dim. du bouton */
  border: 1px solid #b3b3b3;
  background: #fff;
  border-radius: 100%;
  /* angles arrondis */
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:not(:checked) + label:after,
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 6px;
  left: 5px;
  background-color: #e20613;
  transition: all .2s;
  /* on prévoit une animation */
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:disabled:not(:checked) + label:before,
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.front .layout-2col__full .block.block-sondage .form-item [type="radio"]:disabled + label {
  color: #aaa;
}
.front .layout-2col__full .block.block-sondage .poll .bar .foreground {
  background: #3d3d3d;
}
.front .layout-2col__full .block.block-sondage .form-actions {
  margin-top: 22px;
  padding: 0;
}
.front .layout-2col__full .block.block-sondage .total {
  margin: 10px 0;
}
.front .layout-2col__full .block.block-mag {
  float: right;
  margin: 0;
  background: transparent url(/sites/haut_rhin/themes/cd68/images/bg_block_mag.png) no-repeat;
  background-size: 82%;
  margin-right: 6px;
}
.front .layout-2col__full .block.block-mag .block-mag-inner {
  margin-top: 27%;
  padding: 0 18% 0 ;
  text-align: right;
}
.front .layout-2col__full .block.block-mag .block-mag-inner .mag-links li.first {
  margin-bottom: 0.75em;
}
.front .layout-2col__full .block.block-mag .block-mag-inner .mag-links li::after {
  font-size: 1.667em;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  margin-left: 16px;
  position: relative;
  top: 0.1em;
}
.front .layout-2col__full .block.block-mag .block-mag-inner .mag-links li.first::after {
  content: "\f1c1";
}
.front .layout-2col__full .block.block-mag .block-mag-inner .mag-links li.last::after {
  content: "\f0c1";
}
.front .layout-2col__full .block.block-mag .block-mag-inner .mag-links li a {
  font-weight: bold;
}
.block-cd68-share .share-links {
  text-align: center;
  padding: 66px 0 76px;
}
.block-cd68-share .share-links li {
  display: inline-block;
}
.block-cd68-share .share-links li.last {
  margin-left: 40px;
}
.block-cd68-share .share-links li a {
  width: 110px;
  height: 46px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: left;
  padding-left: 4.2em;
  color: #191919;
  font-weight: bold;
  font-size: 0.9em;
  padding-top: 0.4em;
  background-position: 0 3px;
}
.block-cd68-share .share-links li a span {
  font-weight: normal;
  font-size: 1.1em;
}
.block-cd68-share .share-links li .facebook-link {
  background-image: url(/sites/haut_rhin/themes/cd68/images/home_facebook.png);
}
.block-cd68-share .share-links li .twitter-link {
  background-image: url(/sites/haut_rhin/themes/cd68/images/home_twitter.png);
}
/* ===================================================================
 * >> AIDES ET SERVICES - ACCUEIL & PAGE
 * =================================================================*/
.region-aides-services {
  padding: 50px 0 30px;
}
.region-aides-services,
.page-taxonomy {
  background: url(/sites/haut_rhin/themes/cd68/images/bg-aides-services.png) no-repeat top center;
  background-size: cover;
}
.page-taxonomy {
  background-position: center;
}
.page-taxonomy .taxo-aides-et-services .view-header {
  font-size: 1.07142857em;
  color: #191919;
  font-weight: 700;
  line-height: 1.467em;
  background: #efefef;
  padding: 18px 25px;
  margin-bottom: 15px;
}
.page-taxonomy .taxo-aides-et-services .view-header p {
  margin-bottom: 0;
}
#aides-et-services .sous-titre {
  margin-bottom: 20px;
}
#aides-et-services,
.taxo-aides-et-services {
  /* Consulter la carte interactive - A retravailler (attente de dev) */
  /*
    <div class="services-carte">
        <div class="content">
            <div class="titre">Vos services près de chez vous !</div>
            <div class="description"><p>Consulter la carte interactive</p></div>
        </div>
    </div> */
}
#aides-et-services .liste-taxos,
.taxo-aides-et-services .liste-taxos,
#aides-et-services .view-content,
.taxo-aides-et-services .view-content {
  margin: 15px -20px 20px;
  overflow: hidden;
}
#aides-et-services .taxonomy-term,
.taxo-aides-et-services .taxonomy-term {
  float: left;
  width: 25%;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
#aides-et-services .taxonomy-term:nth-child(4n+1),
.taxo-aides-et-services .taxonomy-term:nth-child(4n+1) {
  clear: left;
}
#aides-et-services .taxonomy-term .field-name-description-field .field-item p,
.taxo-aides-et-services .taxonomy-term .field-name-description-field .field-item p {
  font-size: 0.92857143em;
  line-height: 1.615em;
  font-weight: 700;
  color: #e20613;
}
#aides-et-services .taxonomy-term .field-name-description-field .field-item p a,
.taxo-aides-et-services .taxonomy-term .field-name-description-field .field-item p a {
  color: #3c3b3b;
}
#aides-et-services .content,
.taxo-aides-et-services .content {
  background: #fff;
  box-sizing: border-box;
  min-height: 183px;
  border-radius: 4px;
  padding: 20px 15px 20px 20px;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #b3b3b3;
}
#aides-et-services .content > a,
.taxo-aides-et-services .content > a {
  color: #e20613;
  position: absolute;
  right: 10px;
  bottom: 5px;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.42857143em;
}
#aides-et-services .content > a:hover,
.taxo-aides-et-services .content > a:hover {
  text-decoration: none;
  color: #3c3b3b;
}
#aides-et-services .titre,
.taxo-aides-et-services .titre {
  font-size: 1.07142857em;
  line-height: 1.333em;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #e20613;
  text-transform: uppercase;
  min-height: 40px;
  margin: 0 0 1.227em;
}
#aides-et-services .titre a,
.taxo-aides-et-services .titre a {
  color: #e20613;
}
#aides-et-services .taxonomy-term-description,
.taxo-aides-et-services .taxonomy-term-description {
  font-size: 0.92857143em;
  line-height: 1.615em;
  font-weight: 700;
  color: #e20613;
  margin: 0;
}
#aides-et-services .taxonomy-term-description a,
.taxo-aides-et-services .taxonomy-term-description a {
  color: #3c3b3b;
}
#aides-et-services .taxonomy-term-description p,
.taxo-aides-et-services .taxonomy-term-description p {
  margin: 0;
  display: inline;
}
#aides-et-services .services-carte,
.taxo-aides-et-services .services-carte {
  float: left;
  width: 25%;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
#aides-et-services .services-carte .content,
.taxo-aides-et-services .services-carte .content {
  background: url(/sites/haut_rhin/themes/cd68/images/bg-services-carte.png) no-repeat 0 0 #e20613;
  background-size: cover;
  color: #ffffff;
  text-align: center;
}
#aides-et-services .services-carte .content::before,
.taxo-aides-et-services .services-carte .content::before {
  content: "\f041";
  font-size: 2.14285714em;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
}
#aides-et-services .services-carte .titre,
.taxo-aides-et-services .services-carte .titre,
#aides-et-services .services-carte .description,
.taxo-aides-et-services .services-carte .description {
  color: #ffffff;
}
#aides-et-services .services-carte .titre p,
.taxo-aides-et-services .services-carte .titre p,
#aides-et-services .services-carte .description p,
.taxo-aides-et-services .services-carte .description p {
  margin: 0;
}
#aides-et-services .services-carte .titre,
.taxo-aides-et-services .services-carte .titre {
  margin: 0.9em 0 1.233em;
}
#aides-et-services .services-carte .description,
.taxo-aides-et-services .services-carte .description {
  font-size: 0.92857143em;
  line-height: 1.615em;
  letter-spacing: 0.1em;
}
/* ===================================================================
 * >> DETAIL PAGE DE CONTENU
 * =================================================================*/
/* Accroche */
.field-name-field-accroche {
  font-size: 1.07142857em;
  color: #191919;
  font-weight: 700;
  line-height: 1.467em;
  background: #efefef;
  padding: 18px 25px;
  margin-bottom: 15px;
}
/* Séparateur paragraphes ancrés + liste */
.field-collection-container .field-collection-item-field-paragraphe,
.page-liste-des-actualites .views-row:not(:first-child),
.page-salle-de-presse .views-row:not(:first-child),
.page-actu-de-la-presidente .views-row:not(:first-child) {
  border-top: 1px solid #dedede;
  position: relative;
  padding-top: 30px;
}
.field-collection-container .field-collection-item-field-paragraphe::before,
.page-liste-des-actualites .views-row:not(:first-child)::before,
.page-salle-de-presse .views-row:not(:first-child)::before,
.page-actu-de-la-presidente .views-row:not(:first-child)::before,
.field-collection-container .field-collection-item-field-paragraphe.clearfix::before,
.page-liste-des-actualites .views-row:not(:first-child).clearfix::before,
.page-salle-de-presse .views-row:not(:first-child).clearfix::before,
.page-actu-de-la-presidente .views-row:not(:first-child).clearfix::before {
  content: "";
  background: #e20613;
  width: 8px;
  height: 8px;
  margin: 0 8px 0 3px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  left: -4px;
  top: -5px;
}
.field-collection-container .field-collection-item-field-paragraphe .sharethis-wrapper,
.page-liste-des-actualites .views-row:not(:first-child) .sharethis-wrapper,
.page-salle-de-presse .views-row:not(:first-child) .sharethis-wrapper,
.page-actu-de-la-presidente .views-row:not(:first-child) .sharethis-wrapper {
  top: 30px;
}
.node-page-de-contenu .field-name-field-contenu img {
  width: 100%;
}
.node-page-de-contenu .field-name-field-contenu img.file-icon {
  width: auto;
}
.node-page-de-contenu .field-collection-container .field-collection-item-field-paragraphe {
  margin: 0;
  min-height: 200px;
}
.node-page-de-contenu .field-collection-container .field-items .field-item {
  margin: 0;
}
.field-collection-container,
.field-collection-view {
  margin: 0;
  padding: 0;
  border: none;
}
.field-collection-container .field-item:first-child .field-collection-item-field-paragraphe {
  border: none;
}
.field-collection-container .field-item:first-child .field-collection-item-field-paragraphe::before {
  content: none;
}
/* Votre contact privilégié */
.group-contact {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-weight: 700;
  font-size: 100%;
  line-height: 1.786em;
  margin: 0 0 30px;
}
.group-contact .accordion-item {
  color: #191919;
  font-weight: 700;
  border-color: #d4d4d4;
  border-radius: 0;
  background: none;
  padding: 13px 28px;
}
.group-contact .accordion-item a {
  color: #191919;
}
.group-contact .accordion-item .ui-accordion-header-icon {
  background: none;
  left: auto;
  right: 28px;
  text-indent: 0;
  width: auto;
  height: auto;
}
.group-contact .accordion-item .ui-accordion-header-icon::after {
  content: "\f07d";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #24a0a0;
}
.group-contact .accordion-item.ui-accordion-header-active .ui-accordion-header-icon::after {
  content: "\f07e";
}
.group-contact .group-element-contact {
  color: #2b2b2b;
  border-color: #d4d4d4;
  border-radius: 0;
  line-height: 1.786em;
  padding: 10px 28px;
}
.group-contact p {
  margin: 0;
}
/* Ressources */
.group-ressources {
  background: #f7f7f7;
  border: 1px solid #d4d4d4;
  padding: 20px 0 20px 28px;
  margin-bottom: 30px;
}
.group-ressources > div:first-child > span {
  font-size: 1.57142857em;
  font-family: 'BigNoodle', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #191919;
  letter-spacing: 0.1em;
  margin-bottom: 18px;
  display: block;
}
.group-ressources > div:first-child > span::before {
  content: "";
  background: #e20613;
  width: 18px;
  height: 17px;
  margin: 0 18px 0 9px;
  transform: skewX(-45deg);
  display: inline-block;
}
.group-ressources .field-name-field-documents {
  color: #191919;
  font-weight: 700;
}
.group-ressources .field-name-field-documents a {
  color: #191919;
}
.group-ressources .field-item {
  padding: 20px 0;
}
.group-ressources .field-item:not(:first-child) {
  border-top: 1px solid #ececec;
}
.group-ressources .field-item img {
  vertical-align: text-top;
  margin-right: 10px;
}
/* Liens */
.field-name-field-lien {
  overflow: hidden;
}
.field-name-field-lien a {
  font-weight: 400;
  color: #ffffff;
  display: block;
  border-radius: 3px;
  padding: 16px 26px 16px 14px;
  box-sizing: border-box;
  background: #e20613;
  margin-bottom: 30px;
  position: relative;
}
.field-name-field-lien a:hover {
  background-color: #c40510;
  text-decoration: none;
}
.field-name-field-lien a::after {
  content: "\f178";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #ffffff;
  display: inline-block;
  margin: 3px 0;
  top: 46%;
  transform: translateY(-50%);
  position: absolute;
  right: 10px;
}
.field-name-field-lien .field-item {
  width: 43.7%;
  float: left;
  clear: left;
}
.field-name-field-lien .field-item:nth-child(2n) {
  float: right;
  clear: right;
}
/* Videos */
.field-name-field-video-embed {
  margin-bottom: 30px;
}
.node-page-de-contenu .group-actu,
.node-page-de-contenu .field-name-field-soundcloud {
  margin-bottom: 30px;
}
.node-page-de-contenu .field-collection-item-field-paragraphe > .content > div:not(.sharethis-wrapper):not(.btn-partage) {
  width: 88.37%;
}
/* page contenu de partage */
.page-field-collection #main-content {
  background: #ededed;
}
.page-field-collection #main-content .layout-2col__full {
  position: relative;
  width: 60%;
  margin: 2em auto;
  padding: 5em 2em 2em;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  border-radius: 3px 3px 0 0;
}
.page-field-collection #main-content .page-liste-des-actualites .node-readmore,
.page-field-collection #main-content .page-salle-de-presse .node-readmore,
.page-field-collection #main-content .page-actu-de-la-presidente .node-readmore {
  margin: 0 -28px 0;
  position: absolute;
  width: 100%;
  top: 0;
}
.page-field-collection #main-content .page-liste-des-actualites .node-readmore a,
.page-field-collection #main-content .page-salle-de-presse .node-readmore a,
.page-field-collection #main-content .page-actu-de-la-presidente .node-readmore a {
  font-weight: 700;
  color: #fff;
  text-align: left;
  background: #24a0a0;
  border-radius: 3px 3px 0 0;
  padding: 1em;
  box-sizing: border-box;
  display: block;
  position: relative;
  box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.06);
}
.page-field-collection #main-content .page-liste-des-actualites .node-readmore a::before,
.page-field-collection #main-content .page-salle-de-presse .node-readmore a::before,
.page-field-collection #main-content .page-actu-de-la-presidente .node-readmore a::before {
  content: "\f177";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  margin-right: 1em;
}
.page-field-collection #main-content .page-liste-des-actualites .node-readmore a::after,
.page-field-collection #main-content .page-salle-de-presse .node-readmore a::after,
.page-field-collection #main-content .page-actu-de-la-presidente .node-readmore a::after {
  display: none;
}
/* ===================================================================
 * >> CONSEIL DEPARTEMENTAL - PAGE
 * =================================================================*/
.conseil-departemental .visuel {
  position: relative;
  margin: -41px -120px 0;
  z-index: 1;
}
.conseil-departemental .visuel img {
  display: block;
}
.conseil-departemental .txt-entete {
  width: 35%;
  padding: 0 20px 50px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.conseil-departemental .txt-entete .bouton {
  padding: 33px 67px 33px 28px;
  font-size: 1.21428571em;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.conseil-departemental .txt-entete .bouton::after {
  font-size: 1.42857143em;
  margin: -2px -40px;
}
.conseil-departemental h2 {
  font-size: 1.78571429em;
  color: #191919;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.2em;
  margin: 0;
}
.conseil-departemental .body {
  text-align: center;
}
.conseil-departemental .body p {
  margin: 0;
}
.conseil-departemental .liste-conseil {
  margin: 20px -20px;
  overflow: hidden;
}
.conseil-departemental .block {
  float: left;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}
.conseil-departemental .block:nth-child(2n+1) {
  clear: left;
}
.conseil-departemental .content {
  padding: 20px 30px;
  border: 1px solid #b3b3b3;
  min-height: 174px;
  box-sizing: border-box;
}
.conseil-departemental .content:hover {
  background: #e20613;
  border-color: #e20613;
  color: #ffffff;
}
.conseil-departemental .content:hover .titre,
.conseil-departemental .content:hover .description {
  color: #ffffff;
}
.conseil-departemental a:hover {
  text-decoration: none;
}
.conseil-departemental .titre {
  font-size: 1.57142857em;
  color: #191919;
  font-weight: 700;
  margin-bottom: 1.364em;
}
.conseil-departemental .description {
  line-height: 1.786em;
  color: #191919;
}
/* ===================================================================
 * >> LISTE DES SONDAGES
 * =================================================================*/
.view-sondages {
  overflow: hidden;
}
.view-sondages .node-poll > .sondage-lien {
  display: none;
}
.view-sondages .view-header p {
  padding: 30px;
  background-color: #F6F6F6;
  text-align: center;
}
.view-sondages .view-header h2 {
  font-size: 1.85714286em;
  color: #24a0a0;
  font-weight: 100;
}
.view-sondages .views-row {
  float: left;
  width: 33.3%;
  padding: 15px;
  box-sizing: border-box;
}
.view-sondages .views-row:nth-child(3n+1) {
  clear: left;
}
.view-sondages .etat {
  font-size: 1em;
  color: #fff;
  font-weight: 100;
  display: inline-block;
  background: #24a0a0;
  padding: 8px 16px;
  border-radius: 0 20px 20px 0;
  margin-left: -20px;
  margin-top: 4px;
  margin-bottom: 26px;
}
.view-sondages .field-name-title-field {
  font-size: 1.57142857em;
  color: #191919;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 10px;
}
.view-sondages .field-name-title-field a {
  color: #000;
}
.view-sondages .field-name-title-field,
.view-sondages .field-name-title-field ~ * {
  padding: 10px 20px;
}
.view-sondages .field-name-field-question {
  font-weight: 700;
  font-size: 1.28571429em;
  color: #e20613;
  height: 72px;
}
.view-sondages .poll {
  overflow: visible;
}
.view-sondages .poll .text {
  font-weight: 100;
  text-transform: uppercase;
}
.view-sondages .poll .total {
  color: #8CA8BF;
}
.view-sondages .poll .bar {
  background-color: #fff;
  border-radius: 24px;
}
.view-sondages .poll .bar .foreground {
  background-color: #24a0a0;
  border-radius: 24px;
}
.view-sondages .form-type-radio {
  /* Cachons le bouton radio */
  /* on prépare le label */
  /* Aspect des boutons radios */
  /* :before sert à créer le bouton radio */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au focus de l'élément */
  /* [type="radio"]:checked:focus + label:before,
    [type="radio"]:not(:checked):focus + label:before {
        border: 1px dotted blue;
    } */
  margin-bottom: 10px;
}
.view-sondages .form-type-radio [type="radio"]:not(:checked),
.view-sondages .form-type-radio [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.view-sondages .form-type-radio [type="radio"]:not(:checked) + label,
.view-sondages .form-type-radio [type="radio"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding: 0 22px 0 30px;
  /* fait un peu d'espace pour notre bouton à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.view-sondages .form-type-radio [type="radio"]:not(:checked) + label:before,
.view-sondages .form-type-radio [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  /* dim. du bouton */
  border: 1px solid #b3b3b3;
  background: #fff;
  border-radius: 100%;
  /* angles arrondis */
}
.view-sondages .form-type-radio [type="radio"]:not(:checked) + label:after,
.view-sondages .form-type-radio [type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 6px;
  left: 5px;
  background-color: #e20613;
  transition: all .2s;
  /* on prévoit une animation */
}
.view-sondages .form-type-radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.view-sondages .form-type-radio [type="radio"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
}
.view-sondages .form-type-radio [type="radio"]:disabled:not(:checked) + label:before,
.view-sondages .form-type-radio [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.view-sondages .form-type-radio [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.view-sondages .form-type-radio [type="radio"]:disabled + label {
  color: #aaa;
}
.view-sondages .form-type-radio label {
  font-weight: 700;
  display: block;
}
.view-sondages .vote-form {
  text-align: left;
}
.view-sondages .vote-form .choices {
  display: block;
  margin-bottom: 22px;
}
.view-sondages .sondage-share {
  color: #24a0a0;
}
.view-sondages #poll-cancel-form {
  margin-top: 22px;
}
.view-sondages .form-actions {
  text-align: center;
}
.view-sondages .form-wrapper {
  padding: 0;
}
.view-sondages .form-submit {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  background: url(/sites/haut_rhin/themes/cd68/images/ico-btn-voter.png) no-repeat 93% 50% #e20613;
  color: #ffffff;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  display: inline-block;
  border-radius: 3px;
  padding: 16px 20px;
  width: 100%;
}
.view-sondages .form-submit:hover {
  background-color: #cb020e;
}
.view-sondages .more-link {
  float: right;
  background: #d8d8d8;
  color: #898989;
  letter-spacing: 0.1em;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding: 16px 20px;
  min-width: 230px;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  margin: 0.6em 0;
  width: 100%;
}
.view-sondages .more-link:hover {
  background-color: #f6f6f6;
}
.view-sondages .sondage-en-cour,
.view-sondages .sondage-ferme {
  background: #e9e9e9;
  border-radius: 3px;
  border: 1px solid #cecece;
}
.view-sondages .sondage-en-cour {
  padding-bottom: 30px;
}
.view-sondages .sondage-en-cour .field-type-image::before {
  content: "";
  display: block;
  height: 27px;
  background-color: red;
  border-radius: 4px 4px 0 0;
  border: 1px solid red;
  margin-left: -1px;
}
.view-sondages + .block > h2 {
  padding-top: 20px;
  margin-top: 100px;
  font-weight: 100;
}
.view-sondages .sondage-ferme {
  border-radius: 0 0 3px 3px;
  padding-bottom: 150px;
  position: relative;
}
.view-sondages .sondage-ferme .field-sondage-footer {
  padding-top: 20px;
  min-height: 150px;
  box-sizing: border-box;
  background-color: #C7E3E3;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.view-sondages .sondage-ferme .field-sondage-footer,
.view-sondages .sondage-ferme .field-sondage-footer a {
  color: #095858;
}
.view-sondages .sondage-ferme .field-sondage-footer a {
  font-weight: 700;
}
.view-sondages .sondage-ferme .field-sondage-footer .sondage-statut {
  margin-bottom: 1em;
}
.page-sondages .form-radios > div {
  display: block;
}
/* ===================================================================
 * >> PAGE SONDAGE
 * =================================================================*/
.layout-2col__left-sidebar .view-sondages .view-mode-poll_block {
  background: #ffffff;
}
.layout-2col__left-sidebar .view-sondages .view-mode-poll_block .poll .bar {
  background-color: #e9e9e9;
}
.layout-2col__left-sidebar .view-sondages .view-header p,
.layout-2col__left-sidebar .view-sondages .view-footer p {
  background-color: inherit;
  text-align: left;
  margin: 0;
  padding: 20px 6px;
}
.layout-2col__left-sidebar .view-sondages .view-header p a,
.layout-2col__left-sidebar .view-sondages .view-footer p a {
  font-weight: 700;
}
.layout-2col__left-sidebar .view-sondages .view-header p a::before,
.layout-2col__left-sidebar .view-sondages .view-footer p a::before {
  content: "\f104";
  font-family: 'FontAwesome', sans-serif;
  font-weight: 700;
  font-size: 1.57142857em;
  margin: -2px 10px;
  text-decoration: none;
  float: left;
}
.layout-2col__left-sidebar .view-sondages .views-row {
  float: none;
  width: 100%;
}
.layout-2col__left-sidebar .view-sondages .views-row .sondage-ferme {
  padding-bottom: 0;
}
.layout-2col__left-sidebar .view-sondages .views-row .sondage-ferme .total {
  padding: 12px 0;
}
.layout-2col__left-sidebar .view-sondages .views-row .sondage-ferme .field-sondage-footer {
  position: static;
  min-height: initial;
}
.layout-2col__left-sidebar .view-sondages .views-row .sondage-ferme .sondage-lien {
  display: none;
}
.node-type-poll .layout-2col__right-content article .field-name-title-field {
  font-size: 2.85714286em;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #191919;
  margin-bottom: 1em;
}
.node-type-poll .layout-2col__right-content article .field-name-field-sondage-intro {
  padding: 30px;
  background-color: #F6F6F6;
  margin: 2.5em 0;
}
.node-type-poll .layout-2col__right-content article .field-collection-item-field-sondage-info {
  padding: 4.8%;
  background-color: #F6F6F6;
  margin: 1.7em 0;
  width: inherit;
}
.node-type-poll .layout-2col__right-content article .field-collection-item-field-sondage-info .field-name-field-sondage-info-title {
  font-size: 1.57142857em;
  color: #191919;
  font-weight: 700;
  margin-bottom: 24px;
}
.node-type-poll .layout-2col__right-content article .lire-article {
  width: auto;
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
  padding: 10px 20px;
}
/* ===================================================================
 * >> CANTON - ELU
 * =================================================================*/
/* General */
.node-canton .view-elu {
  padding: 30px 0 0;
  overflow: hidden;
}
.node-canton .view-elu .views-row {
  width: 50%;
  padding: 0;
  box-sizing: border-box;
  float: left;
}
.node-canton .view-elu .views-row:nth-child(2n+1) {
  clear: left;
}
.node-canton .view-elu .views-row .field-name-body {
  line-height: 1.5em;
}
.node-canton .group-left {
  float: left;
  width: 35.4%;
  margin-right: 8.26%;
  text-align: center;
}
.node-canton .group-right {
  width: 56.34%;
  display: inline-block;
}
.node-canton .field-name-title-field {
  font-weight: 700;
  margin-bottom: 10px;
}
.node-canton .field-name-field-nombre-de-communes {
  width: 24.25%;
}
.node-canton .field-name-field-nombre-d-habitants {
  width: 17.31%;
}
.node-canton .field-communes {
  width: 24.25%;
}
.node-canton .field-population {
  width: 17.31%;
}
.node-canton .field-name-field-visuel-principal {
  margin-bottom: 10px;
}
.node-canton .group-contact {
  margin-bottom: 15px;
}
.node-canton .group-contact > div {
  display: inline-block;
}
.node-canton .group-contact > div a {
  text-indent: -9999px;
  display: block;
  position: relative;
  margin: 0 9px;
}
.node-canton .group-contact > div a::before {
  font-size: 1.21428571em;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  float: left;
  text-indent: 0;
}
.node-canton .group-contact > div a:hover::before {
  color: #cb020e;
}
.node-canton .field-name-field-mail a {
  width: 18px;
}
.node-canton .field-name-field-mail a::before {
  content: "\f0e0";
}
.node-canton .field-name-field-facebook a {
  width: 15px;
}
.node-canton .field-name-field-facebook a::before {
  content: "\f082";
}
.node-canton .field-name-field-twitter a {
  width: 16px;
}
.node-canton .field-name-field-twitter a::before {
  content: "\f081";
}
.node-canton .field-name-field-blog a {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  background: #e20613;
  padding: 4px 20px;
  border-radius: 3px;
}
.node-canton .field-name-field-blog a::before {
  content: "\f097";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  margin-right: 8px;
}
.node-canton .field-name-field-blog a:hover {
  text-decoration: none;
  background-color: #cb020e;
}
.node-type-elu main {
  margin-bottom: 15px;
}
.node-type-elu p {
  line-height: 1.5em;
}
.node-type-elu .field-label,
.node-type-elu .field-items {
  line-height: 1.5em;
}
.node-type-elu .field-name-field-accroche {
  margin-top: 15px;
}
/* ===================================================================
 * >> VOS ELUS - PAGE
 * =================================================================*/
.page-vos-elus .view-canton .view-header {
  font-size: 1.07142857em;
  color: #191919;
  font-weight: 700;
  line-height: 1.467em;
  background: #efefef;
  padding: 18px 25px;
  margin-bottom: 30px;
}
.page-vos-elus .view-canton .view-header p {
  margin-bottom: 0;
}
.page-vos-elus .view-canton .node-canton {
  border: 1px solid #efefef;
  margin-bottom: 30px;
}
.page-vos-elus .view-canton .group-entete-canton {
  background: #efefef;
  color: #191919;
  font-size: 1.57142857em;
  font-weight: 700;
  padding: 10px 20px;
  overflow: hidden;
}
.page-vos-elus .view-canton .group-entete-canton > div {
  float: left;
}
.page-vos-elus .view-canton .group-entete-canton span {
  color: #141414;
  font-size: 0.636em;
  font-weight: 400;
  display: block;
}
.page-vos-elus .view-canton .group-entete-canton .group-nom-canton {
  width: 58.44%;
}
.page-vos-elus .view-canton .group-entete-canton .group-nom-canton h2 {
  font-size: 100%;
  font-weight: 700;
  margin: 0;
}
.page-vos-elus .view-canton .group-entete-canton .field-population,
.page-vos-elus .view-canton .group-entete-canton .field-communes {
  background: #efefef;
  color: #191919;
  font-size: 1em;
  font-weight: 700;
  padding: 10px 20px;
  overflow: hidden;
  width: auto;
  float: right;
}
.page-vos-elus .view-canton .group-entete-canton .field-population span,
.page-vos-elus .view-canton .group-entete-canton .field-communes span {
  margin-left: 0;
}
.page-vos-elus .view-canton .group-entete-canton .field-name-title-field {
  margin: 0;
}
.page-vos-elus .view-canton .links {
  padding: 5px;
  overflow: visible;
  height: 46px;
  margin: 5px;
}
.page-vos-elus .view-canton .node-readmore a {
  font-weight: 700;
  color: #fff;
  background: #24a0a0;
  border-radius: 3px;
  padding: 10px 20px 10px 20px;
  min-width: 390px;
  box-sizing: border-box;
  display: inline-block;
  float: right;
  position: relative;
}
.page-vos-elus .view-canton .node-readmore a::before {
  content: "\f178";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  float: right;
  position: relative;
  top: 3px;
}
.page-vos-elus .view-canton .node-readmore a:hover {
  background-color: #1d7c7c;
  text-decoration: none;
}
/* Recherche par filtres */
.view-canton .view-filters {
  background: #f3f3f3;
  padding: 15px 25px;
  margin-bottom: 30px;
  overflow: hidden;
}
.view-canton .view-filters .libelle {
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  padding: 10px 20px 0 5px;
  max-width: 20%;
  box-sizing: border-box;
}
.view-canton .view-filters form {
  float: left;
  width: 80%;
}
.view-canton .view-filters .views-exposed-widgets {
  margin: 0;
}
.view-canton .view-filters .views-exposed-widgets > div {
  padding: 0 5px;
  max-width: 25%;
  width: 25%;
  box-sizing: border-box;
}
.view-canton .view-filters .views-exposed-widgets select,
.view-canton .view-filters .views-exposed-widgets .customSelectInner {
  width: 100% !important;
}
.view-canton .view-filters .form-item {
  margin: 0;
}
.view-canton .view-filters .form-select {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}
.view-canton .view-filters .customSelect {
  min-width: inherit;
}
.view-canton .view-filters .customSelect::after {
  margin-left: -12px;
}
/* ===================================================================
 * >> CANTON - PAGE
 * =================================================================*/
.node-canton .field-collection-container {
  border-top: 1px solid #dedede;
  position: relative;
  padding-top: 30px;
  margin: 0;
  min-height: 100px;
  margin-bottom: 30px;
}
.node-canton .field-collection-container::before,
.node-canton .field-collection-container.clearfix::before {
  content: "";
  background: #e20613;
  width: 8px;
  height: 8px;
  margin: 0 8px 0 3px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  left: -4px;
  top: -5px;
}
.node-canton .field-collection-container:first-child {
  padding-top: 0;
  border: 0;
}
.node-canton .field-collection-container:first-child::before {
  content: none;
}
.node-canton .field-items {
  zoom: 1;
}
.node-canton .field-items::before,
.node-canton .field-items::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.node-canton .field-items::after {
  clear: both;
}
.node-canton .field-population,
.node-canton .field-communes {
  font-size: 2em;
  font-weight: bold;
}
.node-canton .field-population span,
.node-canton .field-communes span {
  font-weight: normal;
  margin-left: 12px;
}
.node-canton .field-population {
  padding-top: 38px;
  margin-bottom: 4px;
}
.node-canton .field-communes {
  padding-bottom: 38px;
}
.node-canton .group-elus .view-elu {
  padding: 0;
}
.node-canton .group-elus .field-name-body p:last-child {
  margin: 0;
}
.node-canton .field-name-field-video-embed {
  margin: 0 -20px;
}
.node-canton .field-name-field-video-embed .field-item {
  width: 50%;
  float: left;
  padding: 0 20px 20px;
  box-sizing: border-box;
}
.node-canton .field-name-field-video-embed .field-item:nth-child(2n+1) {
  clear: left;
}
.node-canton .field-name-field-video-embed .field-item:nth-child(-n+2) {
  padding-bottom: 0;
}
.node-canton .bouton {
  text-align: center;
  font-weight: 700;
  padding: 21px 20px;
  position: relative;
  box-sizing: border-box;
}
.node-canton .bouton::before {
  content: "\f1ea";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  display: block;
}
.node-canton .bouton:hover {
  background-color: #cb020e;
  text-decoration: none;
}
.group-actu > .field,
.group-actu .item-list > ul > li {
  background: #d4d4d4;
  font-size: 1.14285714em;
  line-height: 1.375em;
  color: #191919;
  margin-bottom: 20px;
  padding: 40px 40px 0;
  position: relative;
}
.group-actu > .field a,
.group-actu .item-list > ul > li a {
  color: #191919;
}
.group-actu > .field::before,
.group-actu .item-list > ul > li::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 31px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.group-actu > .field {
  padding: 30px;
  position: relative;
}
.group-actu > .field .field-label {
  font-size: 0.9em;
  color: #666666;
  position: absolute;
  font-weight: 100;
  margin-left: 23%;
}
.group-actu > .field .field-type-image {
  width: 20%;
  float: left;
  display: block;
  margin: 0 20px 0 0;
}
.group-actu > .field .field-type-image img {
  display: block;
}
.group-actu > .field .field-name-title-field h2 {
  font-size: 1.42857143em;
  margin-top: 24px;
}
.group-actu .field-item {
  margin-bottom: 40px;
}
.group-actu .field-type-image .field-item {
  margin-bottom: 0;
}
.group-actu .field-item > p > img,
.group-actu .field-type-image {
  width: 30.23%;
  float: left;
  display: block;
  margin: -40px 40px 0 -40px;
}
.group-actu .field-item > p > img img,
.group-actu .field-type-image img {
  display: block;
}
.group-actu .field-name-title-field,
.group-actu p {
  font-weight: 400;
  margin: 0;
}
.group-projet .field-item {
  background: #d4d4d4;
  font-size: 1.14285714em;
  line-height: 1.375em;
  color: #191919;
  margin-bottom: 20px;
  padding: 40px 40px 20px;
  position: relative;
}
.group-projet .field-item a {
  color: #191919;
}
.group-projet .field-item::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 31px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.group-actu ul li::before {
  background-color: transparent;
  transform: none;
  margin: 0;
  height: auto;
  width: auto;
}
/* ===================================================================
 * >> ACTUALITES / SALLE DE PRESSE
 * =================================================================*/
/* Structure */
.page-liste-des-actualites .layout-2col__left-sidebar,
.node-type-actualite .layout-2col__left-sidebar,
.node-type-actualite-agenda .layout-2col__left-sidebar,
.page-salle-de-presse .layout-2col__left-sidebar,
.page-actu-de-la-presidente .layout-2col__left-sidebar,
.node-type-fiche-presse .layout-2col__left-sidebar {
  width: 31.03%;
}
.page-liste-des-actualites .layout-2col__right-content,
.node-type-actualite .layout-2col__right-content,
.node-type-actualite-agenda .layout-2col__right-content,
.page-salle-de-presse .layout-2col__right-content,
.page-actu-de-la-presidente .layout-2col__right-content,
.node-type-fiche-presse .layout-2col__right-content {
  width: 68.97%;
}
/* Liste */
.page-liste-des-actualites .view-actualites-block,
.page-salle-de-presse .view-actualites-block,
.page-actu-de-la-presidente .view-actualites-block,
.page-liste-des-actualites .view-presse,
.page-salle-de-presse .view-presse,
.page-actu-de-la-presidente .view-presse {
  max-width: 660px;
}
.page-liste-des-actualites .layout-2col .form-item,
.page-salle-de-presse .layout-2col .form-item,
.page-actu-de-la-presidente .layout-2col .form-item,
.page-liste-des-actualites .views-exposed-widgets,
.page-salle-de-presse .views-exposed-widgets,
.page-actu-de-la-presidente .views-exposed-widgets {
  margin: 0;
}
.page-liste-des-actualites .views-exposed-form,
.page-salle-de-presse .views-exposed-form,
.page-actu-de-la-presidente .views-exposed-form {
  padding: 15px 0 15px 25px;
  margin: -20px 0 30px -40px;
  position: relative;
  background: #f3f3f3;
}
.page-liste-des-actualites .views-exposed-form .libelle,
.page-salle-de-presse .views-exposed-form .libelle,
.page-actu-de-la-presidente .views-exposed-form .libelle {
  float: left;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.page-liste-des-actualites .views-exposed-form .views-exposed-widget,
.page-salle-de-presse .views-exposed-form .views-exposed-widget,
.page-actu-de-la-presidente .views-exposed-form .views-exposed-widget {
  padding-top: 0;
  max-width: 30%;
  width: 30%;
}
.page-liste-des-actualites .views-exposed-form .views-exposed-widget ~ .views-exposed-widget,
.page-salle-de-presse .views-exposed-form .views-exposed-widget ~ .views-exposed-widget,
.page-actu-de-la-presidente .views-exposed-form .views-exposed-widget ~ .views-exposed-widget {
  max-width: 22%;
  width: 22%;
}
.page-liste-des-actualites .views-exposed-form .views-exposed-widget.views-submit-button,
.page-salle-de-presse .views-exposed-form .views-exposed-widget.views-submit-button,
.page-actu-de-la-presidente .views-exposed-form .views-exposed-widget.views-submit-button {
  float: right;
  width: 20px;
  height: 20px;
}
.page-liste-des-actualites .views-exposed-form .views-exposed-widget.views-submit-button .ajax-progress-throbber,
.page-salle-de-presse .views-exposed-form .views-exposed-widget.views-submit-button .ajax-progress-throbber,
.page-actu-de-la-presidente .views-exposed-form .views-exposed-widget.views-submit-button .ajax-progress-throbber {
  float: right;
  width: 40px;
  height: 40px;
  margin-top: 12px;
  background: url(/sites/haut_rhin/themes/cd68/images/loader.gif) no-repeat 50% 50%;
}
.page-liste-des-actualites .views-exposed-form .container-inline-date .date-padding,
.page-salle-de-presse .views-exposed-form .container-inline-date .date-padding,
.page-actu-de-la-presidente .views-exposed-form .container-inline-date .date-padding {
  float: none;
}
.page-liste-des-actualites .views-exposed-form .customSelect,
.page-salle-de-presse .views-exposed-form .customSelect,
.page-actu-de-la-presidente .views-exposed-form .customSelect,
.page-liste-des-actualites .views-exposed-form .container-inline-date .form-item,
.page-salle-de-presse .views-exposed-form .container-inline-date .form-item,
.page-actu-de-la-presidente .views-exposed-form .container-inline-date .form-item,
.page-liste-des-actualites .views-exposed-form .container-inline-date .form-item input,
.page-salle-de-presse .views-exposed-form .container-inline-date .form-item input,
.page-actu-de-la-presidente .views-exposed-form .container-inline-date .form-item input {
  width: 100%;
  text-overflow: ellipsis;
}
.page-liste-des-actualites .views-exposed-form select,
.page-salle-de-presse .views-exposed-form select,
.page-actu-de-la-presidente .views-exposed-form select,
.page-liste-des-actualites .views-exposed-form .customSelectInner,
.page-salle-de-presse .views-exposed-form .customSelectInner,
.page-actu-de-la-presidente .views-exposed-form .customSelectInner {
  width: 100% !important;
}
.page-liste-des-actualites .views-exposed-form select,
.page-salle-de-presse .views-exposed-form select,
.page-actu-de-la-presidente .views-exposed-form select {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 24px;
}
.page-liste-des-actualites .views-exposed-form::after,
.page-salle-de-presse .views-exposed-form::after,
.page-actu-de-la-presidente .views-exposed-form::after {
  content: "";
  background: #f3f3f3;
  display: block;
  width: 500%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -500%;
  z-index: -1;
}
.page-liste-des-actualites .views-exposed-form .form-type-date-popup,
.page-salle-de-presse .views-exposed-form .form-type-date-popup,
.page-actu-de-la-presidente .views-exposed-form .form-type-date-popup {
  margin: 0;
}
.page-liste-des-actualites .views-exposed-form .form-type-date-popup .description,
.page-salle-de-presse .views-exposed-form .form-type-date-popup .description,
.page-actu-de-la-presidente .views-exposed-form .form-type-date-popup .description {
  display: none;
}
.page-liste-des-actualites .views-row,
.page-salle-de-presse .views-row,
.page-actu-de-la-presidente .views-row {
  margin-bottom: 35px;
}
.page-liste-des-actualites .field-name-field-th-matiques,
.page-salle-de-presse .field-name-field-th-matiques,
.page-actu-de-la-presidente .field-name-field-th-matiques {
  text-transform: uppercase;
  margin-bottom: 3px;
}
.page-liste-des-actualites .field-name-field-th-matiques a,
.page-salle-de-presse .field-name-field-th-matiques a,
.page-actu-de-la-presidente .field-name-field-th-matiques a {
  color: #141414;
}
.page-liste-des-actualites .field-name-title-field h2,
.page-salle-de-presse .field-name-title-field h2,
.page-actu-de-la-presidente .field-name-title-field h2 {
  font-size: 1.57142857em;
  color: #191919;
  font-weight: 700;
  margin: 0;
}
.page-liste-des-actualites .field-name-title-field h2 a,
.page-salle-de-presse .field-name-title-field h2 a,
.page-actu-de-la-presidente .field-name-title-field h2 a {
  color: #191919;
}
.page-liste-des-actualites .field-publication,
.page-salle-de-presse .field-publication,
.page-actu-de-la-presidente .field-publication {
  font-size: 0.92857143em;
  font-weight: 700;
  color: #505050;
  margin-bottom: 25px;
}
.page-liste-des-actualites .field-name-field-date-de-publication,
.page-salle-de-presse .field-name-field-date-de-publication,
.page-actu-de-la-presidente .field-name-field-date-de-publication {
  color: #e20613;
  display: inline-block;
  margin-left: 4px;
}
.page-liste-des-actualites .field-name-field-image,
.page-salle-de-presse .field-name-field-image,
.page-actu-de-la-presidente .field-name-field-image {
  margin-bottom: 15px;
}
.page-liste-des-actualites .field-name-body,
.page-salle-de-presse .field-name-body,
.page-actu-de-la-presidente .field-name-body {
  font-size: 1.07142857em;
  color: #191919;
  font-weight: 700;
  line-height: 1.467em;
  background-color: #efefef;
  padding: 18px 25px;
  margin-bottom: 15px;
}
.page-liste-des-actualites .field-name-body p:last-child,
.page-salle-de-presse .field-name-body p:last-child,
.page-actu-de-la-presidente .field-name-body p:last-child {
  margin: 0;
}
.page-liste-des-actualites .field-group-link,
.page-salle-de-presse .field-group-link,
.page-actu-de-la-presidente .field-group-link {
  text-decoration: none;
}
.page-liste-des-actualites .field-group-link:hover > .field-name-body,
.page-salle-de-presse .field-group-link:hover > .field-name-body,
.page-actu-de-la-presidente .field-group-link:hover > .field-name-body,
.page-liste-des-actualites .field-group-link:hover > .field-name-field-accroche,
.page-salle-de-presse .field-group-link:hover > .field-name-field-accroche,
.page-actu-de-la-presidente .field-group-link:hover > .field-name-field-accroche {
  background-color: #e0e0e0;
}
.page-liste-des-actualites .node-readmore a,
.page-salle-de-presse .node-readmore a,
.page-actu-de-la-presidente .node-readmore a {
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #24a0a0;
  border-radius: 3px;
  padding: 14px 20px 14px 30px;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.page-liste-des-actualites .node-readmore a::after,
.page-salle-de-presse .node-readmore a::after,
.page-actu-de-la-presidente .node-readmore a::after {
  content: "\f178";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  margin-left: 16px;
}
.page-liste-des-actualites .node-readmore a:hover,
.page-salle-de-presse .node-readmore a:hover,
.page-actu-de-la-presidente .node-readmore a:hover {
  background-color: #1d7c7c;
  text-decoration: none;
}
.page-liste-des-actualites .node-actualite-agenda,
.page-salle-de-presse .node-actualite-agenda,
.page-actu-de-la-presidente .node-actualite-agenda {
  background: #f7f7f7;
  padding: 25px 30px;
}
.page-liste-des-actualites .node-actualite-agenda .titre-custom::before,
.page-salle-de-presse .node-actualite-agenda .titre-custom::before,
.page-actu-de-la-presidente .node-actualite-agenda .titre-custom::before {
  background-color: #24a0a0;
}
.page-liste-des-actualites .node-actualite-agenda .sous-titre,
.page-salle-de-presse .node-actualite-agenda .sous-titre,
.page-actu-de-la-presidente .node-actualite-agenda .sous-titre {
  color: #e20613;
  margin-bottom: 12px;
}
.page-liste-des-actualites .node-actualite-agenda .views-row,
.page-salle-de-presse .node-actualite-agenda .views-row,
.page-actu-de-la-presidente .node-actualite-agenda .views-row {
  margin: 13px 0 0;
}
.page-liste-des-actualites .node-actualite-agenda .field-name-title-field,
.page-salle-de-presse .node-actualite-agenda .field-name-title-field,
.page-actu-de-la-presidente .node-actualite-agenda .field-name-title-field {
  margin-bottom: 25px;
}
.page-liste-des-actualites .pager--infinite-scroll a,
.page-salle-de-presse .pager--infinite-scroll a,
.page-actu-de-la-presidente .pager--infinite-scroll a {
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #e20613;
  background-image: none;
  background-position: 50% 50%;
  border-radius: 3px;
  margin-bottom: 40px;
  padding: 21px 20px;
  box-sizing: border-box;
  display: block;
  position: relative;
  text-indent: 0;
  width: 100%;
  overflow: hidden;
  transition: all cubic-bezier(0, 0, 0, 1) 0.4s;
}
.page-liste-des-actualites .pager--infinite-scroll a::before,
.page-salle-de-presse .pager--infinite-scroll a::before,
.page-actu-de-la-presidente .pager--infinite-scroll a::before {
  content: "\f1ea";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  display: block;
}
.page-liste-des-actualites .pager--infinite-scroll a:hover,
.page-salle-de-presse .pager--infinite-scroll a:hover,
.page-actu-de-la-presidente .pager--infinite-scroll a:hover {
  background-color: #cb020e;
  text-decoration: none;
}
.page-liste-des-actualites .pager--infinite-scroll a.progress-disabled,
.page-salle-de-presse .pager--infinite-scroll a.progress-disabled,
.page-actu-de-la-presidente .pager--infinite-scroll a.progress-disabled {
  background-image: url(/sites/haut_rhin/themes/cd68/images/gif-load.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #cb020e;
  width: 42px;
  height: 42px;
  background-size: 25px;
  margin: auto;
  text-indent: -999999px;
  border-radius: 45px;
  transition: all cubic-bezier(0, 0, 0, 1) 0.4s;
}
.page-liste-des-actualites .pager--infinite-scroll a.progress-disabled::before,
.page-salle-de-presse .pager--infinite-scroll a.progress-disabled::before,
.page-actu-de-la-presidente .pager--infinite-scroll a.progress-disabled::before {
  display: none;
}
.page-liste-des-actualites .view-empty,
.page-salle-de-presse .view-empty,
.page-actu-de-la-presidente .view-empty {
  min-height: 250px;
}
#block-actu-presidente-block-actu-presidente-texte {
  background: #efefef;
  padding: 18px 25px;
  margin-bottom: 30px;
}
#block-actu-presidente-block-actu-presidente-texte p {
  margin-bottom: 0;
}
/* ===================================================================
 * >> QUOI DE NEUF - BLOC INTERNE 
 * =================================================================*/
.block-cd68-content {
  margin-bottom: 18px;
  overflow: hidden;
}
.block-cd68-content .block__title {
  font-size: 1.57142857em;
  font-family: 'BigNoodle', sans-serif;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
.block-cd68-content .block__title::before {
  content: "";
  background: #e20613;
  width: 18px;
  height: 17px;
  margin: 0 16px 0 9px;
  transform: skewX(-45deg);
  display: inline-block;
}
.block-cd68-content ul {
  margin: 0 -20px;
}
.block-cd68-content li {
  float: left;
  width: 28.7%;
  margin: 2.3%;
  position: relative;
}
.block-cd68-content .field-name-field-image {
  text-align: center;
  background: #191919;
}
.block-cd68-content .field-name-title-field {
  color: #fff;
  font-weight: 700;
  line-height: 1.5em;
  background: #3d3d3d;
  position: absolute;
  bottom: 0;
  padding: 12px 14px;
  width: 100%;
  min-height: 73px;
  box-sizing: border-box;
}
.block-cd68-content .field-name-title-field h2 {
  font-size: 1em;
  margin: 0;
  font-weight: 600;
  line-height: 1.5em;
}
.block-cd68-content .field-name-title-field a {
  color: #fff;
}
.page-taxonomy .block-cd68-content li {
  width: 21.6%;
  margin: 1.7%;
}
/* ===================================================================
 * >> FICHE ACTUALITE / AGENDA / PRESSE
 * =================================================================*/
.node-actualite.view-mode-full .field-name-field-th-matiques,
.node-actualite-agenda.view-mode-full .field-name-field-th-matiques,
.node-fiche-presse.view-mode-full .field-name-field-th-matiques,
.node-actu-president.view-mode-full .field-name-field-th-matiques {
  text-transform: uppercase;
}
.node-actualite.view-mode-full .field-name-field-image,
.node-actualite-agenda.view-mode-full .field-name-field-image,
.node-fiche-presse.view-mode-full .field-name-field-image,
.node-actu-president.view-mode-full .field-name-field-image,
.node-actualite.view-mode-full .field-name-field-video,
.node-actualite-agenda.view-mode-full .field-name-field-video,
.node-fiche-presse.view-mode-full .field-name-field-video,
.node-actu-president.view-mode-full .field-name-field-video {
  margin-bottom: 30px;
}
.node-actualite.view-mode-full h4,
.node-actualite-agenda.view-mode-full h4,
.node-fiche-presse.view-mode-full h4,
.node-actu-president.view-mode-full h4 {
  margin-bottom: 5px;
}
.node-actualite.view-mode-full .group-adresse,
.node-actualite-agenda.view-mode-full .group-adresse,
.node-fiche-presse.view-mode-full .group-adresse,
.node-actu-president.view-mode-full .group-adresse {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #191919;
  font-weight: 700;
  font-size: 100%;
  line-height: 1.786em;
  margin: 0 0 30px;
  border: 1px solid #d4d4d4;
}
.node-actualite.view-mode-full .group-adresse > div,
.node-actualite-agenda.view-mode-full .group-adresse > div,
.node-fiche-presse.view-mode-full .group-adresse > div,
.node-actu-president.view-mode-full .group-adresse > div {
  padding: 13px 28px;
}
.node-actualite.view-mode-full .group-adresse > div:first-child::after,
.node-actualite-agenda.view-mode-full .group-adresse > div:first-child::after,
.node-fiche-presse.view-mode-full .group-adresse > div:first-child::after,
.node-actu-president.view-mode-full .group-adresse > div:first-child::after {
  content: "\f041";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #24a0a0;
  float: right;
}
.node-actualite.view-mode-full .titre-custom::before,
.node-actualite-agenda.view-mode-full .titre-custom::before,
.node-fiche-presse.view-mode-full .titre-custom::before,
.node-actu-president.view-mode-full .titre-custom::before {
  background-color: #24a0a0;
}
.node-actualite.view-mode-full .sous-titre,
.node-actualite-agenda.view-mode-full .sous-titre,
.node-fiche-presse.view-mode-full .sous-titre,
.node-actu-president.view-mode-full .sous-titre {
  color: #e20613;
  margin-bottom: 12px;
}
.node-actualite.view-mode-full .field-date-publication,
.node-actualite-agenda.view-mode-full .field-date-publication,
.node-fiche-presse.view-mode-full .field-date-publication,
.node-actu-president.view-mode-full .field-date-publication {
  font-size: 0.92857143em;
  font-weight: 700;
  color: #505050;
  margin-bottom: 15px;
}
.node-actualite.view-mode-full .field-date-publication .field-name-field-date-de-publication,
.node-actualite-agenda.view-mode-full .field-date-publication .field-name-field-date-de-publication,
.node-fiche-presse.view-mode-full .field-date-publication .field-name-field-date-de-publication,
.node-actu-president.view-mode-full .field-date-publication .field-name-field-date-de-publication {
  color: #e20613;
  display: inline-block;
  margin-left: 4px;
}
.node-fiche-presse.view-mode-full .group-contact,
.node-actu-president.view-mode-full .group-contact {
  padding: 10px;
  margin: 10px 0;
}
.node-fiche-presse.view-mode-full .group-contact .field-name-field-mail,
.node-actu-president.view-mode-full .group-contact .field-name-field-mail {
  font-weight: bold;
  color: #e20613;
}
.node-fiche-presse.view-mode-full .group-contact .field-name-field-mail a,
.node-actu-president.view-mode-full .group-contact .field-name-field-mail a {
  color: #e20613;
}
.node-fiche-presse.view-mode-full .group-contact .field-name-field-mail::before,
.node-actu-president.view-mode-full .group-contact .field-name-field-mail::before {
  content: "\f0e0";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  float: left;
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.node-fiche-presse.view-mode-full .group-contact .field-name-field-telephone,
.node-actu-president.view-mode-full .group-contact .field-name-field-telephone {
  font-weight: bold;
}
.node-fiche-presse.view-mode-full .group-contact .field-name-field-telephone::before,
.node-actu-president.view-mode-full .group-contact .field-name-field-telephone::before {
  content: "\f095";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  float: left;
  position: relative;
  top: 3px;
  margin-right: 4px;
}
/* ===================================================================
 * >> RECHERCHE GLOBALE
 * =================================================================*/
/* accueil , interne style commun */
#eoals_form_search_accueil .form-type-textfield,
#eoals_search_form_haut .form-type-textfield,
#eoals_search_form_bas .form-type-textfield {
  float: left;
  width: 93%;
  margin: 0;
}
#eoals_form_search_accueil .form-type-textfield input[type="text"],
#eoals_search_form_haut .form-type-textfield input[type="text"],
#eoals_search_form_bas .form-type-textfield input[type="text"] {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-size: 1.14285714em;
  letter-spacing: 0.1em;
  border: none;
  width: 100%;
  padding: 19px 30px;
  border-radius: 3px 0 0 3px;
  box-sizing: border-box;
  line-height: 22px;
  height: 73px;
  outline-color: #e20613;
}
#eoals_form_search_accueil .form-submit,
#eoals_search_form_haut .form-submit,
#eoals_search_form_bas .form-submit {
  height: 73px;
  min-width: 50px;
  float: left;
  margin-top: 0;
  border-radius: 0 3px 3px 0;
  padding: 1.4em 10px;
  box-sizing: border-box;
  text-indent: -9999px;
  background: #ffffff url(/sites/haut_rhin/themes/cd68/images/btn-submit.png) 0 50% no-repeat;
  border: none;
  margin-left: -2px;
}
#eoals_form_search_keywords {
  margin-top: 20px;
}
#eoals_form_search_keywords > p {
  margin: 0 0 0 0;
  padding: 0 14px 14px;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 6px #000;
  font-size: 1.2em;
}
#eoals_form_search_keywords ul li {
  display: inline-block;
}
#eoals_form_search_keywords ul li .bouton {
  width: auto;
  margin-right: 8px;
  margin-bottom: 10px;
}
/* home */
.region-recherche-accueil {
  position: relative;
  overflow: hidden;
}
.region-recherche-accueil .block-eolas-search {
  position: absolute;
  left: 50%;
  top: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 61%;
}
/* interne bloc header */
.open-submit {
  padding: 7px;
  box-sizing: border-box;
  background: #ffffff url(/sites/haut_rhin/themes/cd68/images/btn-submit.png) 50% no-repeat;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  border: 1px solid #b3b3b3;
  cursor: pointer;
  position: absolute;
  top: -20px;
  left: 73px;
  z-index: 10;
}
.open-submit .fa-times {
  font-size: 1.6em;
  padding: 0 4px;
  line-height: 1.2;
  color: #e20613;
}
#eoals_search_form_header {
  display: none;
  position: absolute;
  left: 70%;
  transform: translateX(-70%);
  width: 70%;
  height: 60px;
  z-index: 10;
  top: 4px;
}
#eoals_search_form_header .form-type-textfield input[type="text"] {
  border: none;
  width: 85%;
  padding: 0 12px;
  border-radius: 3px 0 0 3px;
  box-sizing: border-box;
  line-height: 42px;
  height: 42px;
  outline-color: #b3b3b3;
  outline-style: solid;
  outline-width: 1px;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  font-size: 1.5em;
}
#eoals_search_form_header .form-submit {
  min-width: 50px;
  float: left;
  border-radius: 0 3px 3px 0;
  box-sizing: border-box;
  background: #ffffff;
  border: none;
  color: #e20613;
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 2px;
  height: 42px;
  outline-color: #e20613;
}
/* version stikie */
.header.sticky .menus-header .open-submit {
  top: 9px;
  left: 262px;
}
.header.sticky .menus-header #eoals_search_form_header {
  padding-top: 10px;
  height: 48px;
  left: 72%;
  top: 0;
}
/* accroche */
#eoals_search_form_haut {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 61%;
}
.page-recherche {
  /* eolas search promo */
}
.page-recherche .accroche {
  min-height: 200px;
}
.page-recherche .accroche::before {
  display: none;
}
.page-recherche .resultat {
  font-size: 1.78571429em;
  color: #191919;
  text-align: center;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.page-recherche .resultat span {
  color: #e20613;
}
.page-recherche .resultat::after {
  content: "";
  background: #b3b3b3;
  width: 360px;
  height: 1px;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.page-recherche .view-header {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
}
.page-recherche .nb-result {
  color: #787878;
  font-size: 1.21428571em;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-weight: 600;
  font-style: italic;
}
.page-recherche .eoals_search_facette {
  text-align: center;
  margin: 80px 0 30px;
  position: relative;
}
.page-recherche .eoals_search_facette li {
  display: inline;
}
.page-recherche .eoals_search_facette li a {
  color: #24a0a0;
  background: #ffffff;
  border: 1px solid #24a0a0;
  border-radius: 3px;
  padding: 15px 20px;
  margin: 5px 2px;
  display: inline-block;
}
.page-recherche .eoals_search_facette li a:hover {
  text-decoration: none;
  background: #24a0a0;
  color: #ffffff;
}
.page-recherche .eoals_search_facette li.active a {
  background: #24a0a0;
  border: 1px solid #24a0a0;
  color: #ffffff;
}
.page-recherche .eoals_search_facette li::before {
  content: "";
  background: #b3b3b3;
  width: 360px;
  height: 1px;
  display: block;
  position: absolute;
  left: 50%;
  top: -32px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.page-recherche .item {
  background: #f3f3f3;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 34px;
  overflow: hidden;
  min-height: 146px;
  position: relative;
}
.page-recherche .item span.tag-type {
  float: right;
  background: #24a0a0;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 11px 20px;
  font-weight: 100;
  border-radius: 0 3px 0 3px ;
}
.page-recherche .field-visuel {
  width: 26.78%;
  float: left;
  padding-right: 40px;
  box-sizing: border-box;
  position: relative;
}
.page-recherche .field-visuel img {
  display: block;
}
.page-recherche .mea-recherche {
  background: #f3f3f3;
  padding: 20px;
  margin-bottom: 35px;
  overflow: hidden;
  position: relative;
  min-height: 146px;
  /* field viuel */
}
.page-recherche .mea-recherche > a {
  width: 26.78%;
  float: left;
  padding-right: 40px;
  box-sizing: border-box;
  position: relative;
}
.page-recherche .mea-recherche > a img {
  display: block;
}
.page-recherche .mea-recherche .libelle {
  font-size: 0.92857143em;
  color: #787878;
  font-weight: 700;
  position: relative;
  font-style: italic;
}
.page-recherche .mea-recherche .view-content h3 {
  color: #191919;
  font-size: 1.35714286em;
  font-weight: 700;
  margin: 14px 0 30px;
}
.page-recherche .mea-recherche .view-content h3 a {
  color: #e20613;
}
.page-recherche .mea-recherche .view-content .thematique a {
  color: #bae2e2;
}
.page-recherche .mea-recherche .field-visuel::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 23px 23px;
  border-color: transparent transparent #24a0a0 transparent;
  position: absolute;
  bottom: 0;
  right: 40px;
}
.page-recherche .view-content {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  overflow: initial;
}
.page-recherche .view-content h3 {
  font-size: 1.35714286em;
  font-weight: 100;
  margin: 0 0 4px;
  width: 70%;
}
.page-recherche .view-content h3 a {
  color: #e20613;
  font-weight: 700;
}
.page-recherche .view-content h3 a + a {
  color: #191919;
}
.page-recherche .view-content .thematique {
  font-weight: 600;
  font-size: 1.2em;
}
.page-recherche .view-content p.description {
  line-height: 1.7em;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 1.2em;
  min-height: 82px;
  overflow: hidden;
}
.page-recherche .action {
  margin: 32px 0;
}
.page-recherche .action .preload_btn {
  width: 60%;
  margin: auto;
}
.page-recherche .btn-charger-plus {
  font-weight: 700;
  color: #fff;
  background: #24a0a0;
  border-radius: 3px;
  padding: 14px 20px 14px 30px;
  min-width: 530px;
  box-sizing: border-box;
  display: inline-block;
  margin: 10px auto 0;
  position: relative;
}
.page-recherche .btn-charger-plus::before {
  content: "\f178";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  float: right;
  position: relative;
  top: 3px;
}
.page-recherche .btn-charger-plus:hover {
  background-color: #1d7c7c;
  text-decoration: none;
}
.page-recherche .accroche.bas {
  background: #3D3D3D;
  min-height: 157px;
  margin-bottom: 60px;
  padding: 3em;
}
.page-recherche .accroche.bas #eoals_search_form_bas {
  margin-top: 45px;
  margin-left: 80px;
}
/* jquery acp */
.ui-autocomplete {
  z-index: 1000;
  background: #ffffff;
  padding: 0;
  width: 54% !important;
  opacity: 0.96;
  border: 1px solid #cecece;
}
.ui-autocomplete li a {
  padding: 10px;
  display: block;
  cursor: pointer;
}
.ui-autocomplete li a:hover {
  background: #f9f9f9;
  text-decoration: none;
}
.ui-autocomplete li a::before {
  content: "\f054";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 0.786em;
  color: #e20613;
  display: inline-block;
  margin-right: 5px;
}
/* input autocomplete du header */
#ui-id-1.ui-autocomplete {
  width: 29% !important;
}
/* ===================================================================
 * >> PAGE SITE ASSOCIE
 * =================================================================*/
.page-sites-associes main .menu {
  margin-bottom: 40px;
  margin-left: 44px;
}
.page-sites-associes main .menu .menu {
  margin: 0;
}
.page-sites-associes main .menu li > span.menu__link {
  color: #e20613;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin: 10px 0;
}
.page-sites-associes main .menu li {
  position: relative;
}
.page-sites-associes main .menu li a {
  color: #191919;
  font-weight: 700;
  font-size: 0.85714286em;
  text-transform: uppercase;
  margin-left: 20px;
}
.page-sites-associes main .menu li li::before {
  content: "";
  background: #e20613;
  width: 8px;
  height: 7px;
  margin: 0 14px 0 3px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0;
}
.page-sites-associes main .menu li.first span.menu__link {
  display: none;
}
/* ===================================================================
 * >> PAGE PLAN DU SITE
 * =================================================================*/
.page-sitemap .h2 {
  margin: 0;
  font-size: 1.28571429em;
  font-weight: 700;
  margin-bottom: 14px;
}
.page-sitemap .h3 {
  color: #e20613;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 16px 0 6px;
}
.page-sitemap main {
  margin-bottom: 60px;
}
.page-sitemap main > div {
  margin-top: 20px;
  /* tout les blocks */
  /* block 3n*/
  /* block 1n*/
  /* block 2n*/
}
.page-sitemap main > div h2 {
  margin: 0;
  font-size: 1.28571429em;
  font-weight: 700;
  margin-bottom: 14px;
}
.page-sitemap main > div h3 {
  color: #e20613;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 16px 0 6px;
}
.page-sitemap main > div > .view-sitemap {
  margin-bottom: 40px;
  margin-left: 44px;
}
.page-sitemap main > div > .view-sitemap ul {
  margin: 0;
}
.page-sitemap main > div > .view-sitemap ul {
  margin: 0;
}
.page-sitemap main > div > .view-sitemap ul li {
  position: relative;
}
.page-sitemap main > div > .view-sitemap ul li a {
  color: #191919;
  font-weight: 700;
  font-size: 0.85714286em;
  text-transform: uppercase;
  margin-left: 20px;
}
.page-sitemap main > div > .view-sitemap ul li::before {
  content: "";
  background: #e20613;
  width: 8px;
  height: 7px;
  margin: 0 14px 0 3px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0;
}
.page-sitemap main > div > .view-sitemap ul li.first span.menu__link {
  display: none;
}
.page-sitemap main > div > .menu {
  margin: 10px 0;
}
.page-sitemap main > div > .menu li a {
  margin: 0;
  font-size: 1.28571429em;
  font-weight: 700;
  margin-bottom: 14px;
}
.page-sitemap main > div > h2 + div + .menu li,
.page-sitemap main > div > h2 + .menu li {
  margin-left: 44px;
  position: relative;
}
.page-sitemap main > div > h2 + div + .menu li a,
.page-sitemap main > div > h2 + .menu li a {
  color: #e20613;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 16px 0 6px;
}
.page-sitemap main > div > h2 + div + .menu li::before,
.page-sitemap main > div > h2 + .menu li::before {
  content: "";
  background: #d4d4d4;
  width: 10px;
  height: 9px;
  margin: 0 14px 0 3px;
  transform: skewX(-45deg);
  display: inline-block;
  position: absolute;
  top: 6px;
  left: -20px;
}
/* ===================================================================
 * >> PLAN INTERACTIF & ANNUAIRE (service canton)
 * =================================================================*/
.page-cartographie {
  height: 100%;
}
.page-cartographie .header {
  border-bottom: 1px solid #D1D1D1;
}
.page-cartographie .layout-center,
.page-cartographie form {
  height: 100%;
}
.page-cartographie .accroche,
.page-cartographie .breadcrumb,
.page-cartographie .bandeau-bas {
  display: none;
}
.page-cartographie .layout-2col {
  max-width: 100%;
  padding: 0;
}
.page-cartographie .layout-2col__full {
  padding: 0;
}
#annuaire-cartographie-form {
  background: #f3f3f3;
  position: relative;
  overflow: hidden;
}
#annuaire-cartographie-form .ajax-progress {
  display: none;
}
#annuaire-cartographie-form .form-wrapper,
#annuaire-cartographie-form .form-item,
#annuaire-cartographie-form .form-wrapper {
  padding: 0;
  margin: 0;
}
#annuaire-cartographie-form .form-type-checkbox {
  position: absolute;
  right: 60px;
  top: 20px;
}
#annuaire-cartographie-form .form-type-checkbox label.option {
  float: left;
  color: #fff;
  padding: 10px;
  background-color: #24a0a0;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #bbb7b7;
}
#annuaire-cartographie-form .form-type-checkbox label.option:hover {
  background-color: #1e8787;
}
#annuaire-cartographie-form .top-filters {
  background: #e9e9e9;
  padding: 25px 30px;
  position: relative;
  border-bottom: 1px solid #D1D1D1;
}
#annuaire-cartographie-form .top-filters::after {
  content: "";
  border-width: 0 0 40px 40px;
  border-color: transparent transparent #f3f3f3;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
#annuaire-cartographie-form .top-filters .form-submit,
#annuaire-cartographie-form .top-filters .form-item-commune {
  display: inline-block;
  width: 48%;
}
#annuaire-cartographie-form .top-filters .form-item-commune {
  margin-left: 2%;
}
#annuaire-cartographie-form .top-filters .form-item-commune .form-text {
  width: 100%;
  height: 50px;
  border: none;
  box-sizing: border-box;
  border: 1px solid #D1D1D1;
}
#annuaire-cartographie-form .top-filters .form-submit {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  background-image: url(/sites/haut_rhin/themes/cd68/images/ico-marker.png);
  line-height: 18px;
  margin-right: 2%;
  min-width: inherit;
}
#annuaire-cartographie-form > div {
  display: table;
  width: 100%;
}
#annuaire-cartographie-form .col-left {
  background: #ffffff;
  width: 668px;
  height: 90%;
  border-right: 1px solid #D1D1D1;
  position: absolute;
  left: 25px;
  top: 25px;
  border-radius: 5px;
  z-index: 10;
  overflow: hidden;
}
#annuaire-cartographie-form .col-canton .en-savoir-plus {
  float: right;
  margin-top: -53px;
}
#annuaire-cartographie-form .col-canton .en-savoir-plus .bouton {
  padding: 12px 20px;
}
#annuaire-cartographie-form .col-canton .elus-container .ds-2col-fluid {
  width: 49%;
  float: left;
}
#annuaire-cartographie-form .col-canton .btn-close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  z-index: 1000;
}
#annuaire-cartographie-form .col-canton .btn-close::after {
  content: "\f00d";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  font-size: 1.21428571em;
  color: #bbb;
}
#annuaire-cartographie-form .col-canton .btn-close:hover::after {
  color: #191919;
}
#annuaire-cartographie-form #annuaire-cartographie-filter,
#annuaire-cartographie-form #edit-container {
  height: 100%;
}
#annuaire-cartographie-form .titre-custom {
  padding: 26px;
  background-color: #191919;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: inherit;
  font-size: 1.6em;
  font-weight: 700;
  font-size: 1.28571429em;
  border-radius: 5px 5px 0 0;
}
#annuaire-cartographie-form .titre-custom::before {
  content: none;
}
#annuaire-cartographie-form .content-form {
  overflow-y: auto;
  height: 100%;
}
#annuaire-cartographie-form .taxo-annuaire .form-wrapper {
  padding: 0 20px;
}
#annuaire-cartographie-form .taxo-annuaire .form-type-radio {
  display: block;
}
#annuaire-cartographie-form .taxo-annuaire-breadcrumb {
  font-size: 1.07142857em;
  background: #d1d1d1;
}
#annuaire-cartographie-form .taxo-annuaire-breadcrumb .form-item {
  display: inline;
}
#annuaire-cartographie-form .taxo-annuaire-breadcrumb .form-item:not(:last-child) {
  color: #24a0a0;
}
#annuaire-cartographie-form .taxo-annuaire-breadcrumb .form-item:not(:first-child)::before {
  content: "\f105";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #24a0a0;
  margin: 0 5px;
}
#annuaire-cartographie-form .taxo-annuaire-breadcrumb.form-wrapper {
  padding: 30px;
}
#annuaire-cartographie-form label.option {
  padding: 0;
}
#annuaire-cartographie-form label.option::before,
#annuaire-cartographie-form label.option::after {
  content: none;
}
#annuaire-cartographie-form .taxo-annuaire-terms.form-wrapper {
  padding: 30px;
}
#annuaire-cartographie-form .taxo-annuaire-terms .form-type-radios .form-item label {
  margin: 10px 0;
  position: relative;
  padding: 10px 50px 10px 15px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  display: block;
}
#annuaire-cartographie-form .taxo-annuaire-terms .form-type-radios .form-item label:hover,
#annuaire-cartographie-form .taxo-annuaire-terms .form-type-radios .form-item label:focus {
  color: #24a0a0;
  cursor: pointer;
}
#annuaire-cartographie-form .taxo-annuaire-terms .form-type-radios .form-item label:hover::before,
#annuaire-cartographie-form .taxo-annuaire-terms .form-type-radios .form-item label:focus::before {
  content: "\f041";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #24a0a0;
  font-size: 1.14285714em;
  position: absolute;
  left: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  border-radius: 0;
}
#annuaire-cartographie-form .taxo-annuaire-terms .form-type-radios .form-item label span {
  position: absolute;
  right: 0;
  top: 0;
  background: #e9e9e9;
  min-width: 45px;
  height: 100%;
  padding: 10px 0;
  text-align: center;
  box-sizing: border-box;
}
#annuaire-cartographie-form .taxo-annuaire-terms [type="radio"]:disabled + label:hover,
#annuaire-cartographie-form .taxo-annuaire-terms [type="radio"]:disabled + label:focus {
  color: #aaa;
}
#annuaire-cartographie-form .taxo-annuaire-terms [type="radio"]:disabled + label:hover::before,
#annuaire-cartographie-form .taxo-annuaire-terms [type="radio"]:disabled + label:focus::before {
  background: transparent;
  border: 0;
  color: #ddd;
}
#annuaire-cartographie-form .taxo-annuaire-lists.form-wrapper {
  padding: 30px 10px;
}
#annuaire-cartographie-form .taxo-annuaire-lists .annuaire-list {
  margin-bottom: 15px;
}
#annuaire-cartographie-form .taxo-annuaire-lists .titre-locality {
  font-size: 1.14285714em;
  text-transform: uppercase;
  margin: 0 0 5px;
  font-weight: normal;
}
#annuaire-cartographie-form .taxo-annuaire-lists .show-on-map {
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  margin: 10px 0;
  color: #24a0a0;
  position: relative;
}
#annuaire-cartographie-form .taxo-annuaire-lists .show-on-map:hover,
#annuaire-cartographie-form .taxo-annuaire-lists .show-on-map:focus {
  cursor: pointer;
}
#annuaire-cartographie-form .taxo-annuaire-lists .show-on-map.active {
  background: #e4f7f7;
}
#annuaire-cartographie-form .taxo-annuaire-lists .show-on-map.active::before,
#annuaire-cartographie-form .taxo-annuaire-lists .show-on-map:hover::before,
#annuaire-cartographie-form .taxo-annuaire-lists .show-on-map:focus::before {
  content: "\f041";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #24a0a0;
  font-size: 1.14285714em;
  position: absolute;
  left: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  border-radius: 0;
}
#annuaire-cartographie-form .taxo-annuaire-lists .locality-container:not(:first-child) {
  padding-top: 25px;
  margin-top: 30px;
  border-top: 2px solid #e9e9e9;
}
#annuaire-cartographie-form .col-canton {
  width: 668px;
  position: absolute;
  left: 25px;
  top: 25px;
  z-index: 10;
}
#annuaire-cartographie-form .canton-wrapper {
  background: #ffffff;
  border: 1px solid #D1D1D1;
  border-radius: 3px;
  overflow: hidden;
  padding: 30px;
}
/* ===================================================================
 * >> CNIL COOKIE
 * =================================================================*/
#sliding-popup.sliding-popup-bottom {
  opacity: 0.9;
  background: #484848;
  padding: 20px;
  box-sizing: border-box;
}
#sliding-popup.sliding-popup-bottom .popup-content #popup-text {
  max-width: 80%;
}
#sliding-popup.sliding-popup-bottom .popup-content #popup-text p {
  font-size: 1.14285714em;
  font-weight: 100;
}
#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons button.agree-button {
  background: #e20613;
  text-shadow: none;
  color: #fff;
  font-weight: 100;
  border: none;
  box-shadow: none;
  padding: 10px 20px;
}
#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons button.find-more-button {
  display: none;
}
#annuaire-cartographie-canton .group-left {
  float: left;
  width: 27%;
  margin-right: 8.26%;
  text-align: center;
}
#annuaire-cartographie-canton .group-right {
  width: 56.34%;
  display: inline-block;
}
#annuaire-cartographie-canton .group-contact {
  margin-bottom: 15px;
}
#annuaire-cartographie-canton .group-contact > div {
  display: inline-block;
}
#annuaire-cartographie-canton .group-contact > div a {
  text-indent: -9999px;
  display: block;
  position: relative;
  margin: 0 9px;
}
#annuaire-cartographie-canton .group-contact > div a::before {
  font-size: 1.21428571em;
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  color: #e20613;
  float: left;
  text-indent: 0;
}
#annuaire-cartographie-canton .group-contact > div a:hover::before {
  color: #cb020e;
}
#annuaire-cartographie-canton .field-name-title-field {
  font-weight: 700;
  margin-bottom: 10px;
}
#annuaire-cartographie-canton .field-name-field-mail a {
  width: 18px;
}
#annuaire-cartographie-canton .field-name-field-mail a::before {
  content: "\f0e0";
}
#annuaire-cartographie-canton .field-name-field-facebook a {
  width: 15px;
}
#annuaire-cartographie-canton .field-name-field-facebook a::before {
  content: "\f082";
}
#annuaire-cartographie-canton .field-name-field-twitter a {
  width: 16px;
}
#annuaire-cartographie-canton .field-name-field-twitter a::before {
  content: "\f081";
}
#annuaire-cartographie-canton .field-name-field-blog a {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  background: #e20613;
  padding: 4px 20px;
  border-radius: 3px;
}
#annuaire-cartographie-canton .field-name-field-blog a::before {
  content: "\f097";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  margin-right: 8px;
}
#annuaire-cartographie-canton .field-name-field-blog a:hover {
  text-decoration: none;
  background-color: #cb020e;
}
/* style des infowindow */
.gm-minWidth-iw {
  min-width: 250px !important;
}
.gm-minHeight-iw {
  min-height: 100px !important;
}
.gm-maxHeight-iw {
  max-height: 150px !important;
}
.gm-style {
  /* wrapper de l iw */
  /* contenu de l iw */
}
.gm-style .gm-style-iw-wrapper {
  /* cadre de l iw */
}
.gm-style .gm-style-iw-wrapper > div {
  min-width: 250px !important;
}
.gm-style .gm-style-iw-wrapper .gm-style-iw-inner div:nth-child(2) {
  min-width: 250px !important;
}
.gm-style .gm-style-iw-wrapper .gm-style-iw-inner div:nth-child(4) {
  min-width: 250px !important;
}
.gm-style .gm-style-iw {
  font-size: 14px;
  padding: 10px;
  min-width: 250px !important;
  width: 250px !important;
}
.gm-style .gm-style-iw > div {
  min-width: 250px !important;
  min-height: 100px !important;
  max-height: 150px !important;
}
.gm-style .gm-style-iw > div > div {
  min-height: 100px !important;
  max-height: 150px !important;
}
.gm-style .gm-style-iw h3 {
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-weight: 700;
  line-height: 16px;
  margin-top: 0px;
  margin-bottom: 6px;
}
.gm-style .gm-style-iw .node .field-item,
.gm-style .gm-style-iw .node .field .field-label {
  line-height: 20px;
  font-weight: normal;
}
.gm-style .gm-style-iw .bouton.gris {
  color: #191919;
  background: #d4d4d4;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-weight: 600;
  margin-top: 30px;
  text-align: center;
  letter-spacing: 0;
}
.gm-style .gm-style-iw .bouton.gris:hover,
.gm-style .gm-style-iw .bouton.gris:focus {
  background: #b2b2b2;
}
.gm-style .loader {
  text-align: center;
  margin: 30px 0;
}
/* ===================================================================
 * >> NEWSLETTER PAGE 
 * =================================================================*/
.page-newsletter #newsletter_form,
.page-newsletter .newsletter-subtitle {
  padding: 36px 0;
  font-weight: 700;
  margin: 0;
}
.page-newsletter .form-item-newsletter-email {
  width: 30%;
  float: left;
  margin-bottom: 0;
}
.page-newsletter .form-item-newsletter-email #edit-newsletter-email {
  width: 100%;
  padding: 13px;
}
.page-newsletter #edit-submit {
  float: left;
  margin: 45px 13px 0;
  padding: 13px;
  min-width: 167px;
}
.page-newsletter #newsletter-form-unregister-form #edit-submit {
  padding: 13px 42px 13px 13px;
}
.page-newsletter #newsletter_form {
  padding: 20px;
  background: #e9e9e9;
  font-weight: 700;
}
.page-newsletter #newsletter_form > span {
  display: inline-block;
  margin: 60px 20px 0;
}
.page-newsletter .view-newsletter .item-list {
  zoom: 1;
}
.page-newsletter .view-newsletter .item-list::before,
.page-newsletter .view-newsletter .item-list::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.page-newsletter .view-newsletter .item-list::after {
  clear: both;
}
.page-newsletter .view-newsletter .item-list ol .views-row {
  float: left;
  width: 32%;
  margin-left: 2%;
  margin-bottom: 50px;
  box-sizing: border-box;
}
.page-newsletter .view-newsletter .item-list ol .views-row:nth-child(3n + 1) {
  clear: left;
  margin-left: 0;
}
.page-newsletter .view-newsletter .item-list ol .views-row .item-newsletter .item-newsletter-titre,
.page-newsletter .view-newsletter .item-list ol .views-row .item-newsletter .item-newsletter-image {
  display: block;
}
.page-newsletter .view-newsletter .item-list ol .views-row .item-newsletter .item-newsletter-titre {
  color: #191919;
  font-weight: 700;
  padding: 0;
  min-height: 39.3px;
  line-height: 1.2em;
}
.page-newsletter .pager--infinite-scroll a {
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #e20613;
  background-image: none;
  background-position: 50% 50%;
  border-radius: 3px;
  margin-bottom: 40px;
  padding: 21px 20px;
  box-sizing: border-box;
  display: block;
  position: relative;
  text-indent: 0;
  width: 100%;
  overflow: hidden;
  transition: all cubic-bezier(0, 0, 0, 1) 0.4s;
}
.page-newsletter .pager--infinite-scroll a::before {
  content: "\f003";
  font-family: 'FontAwesome', sans-serif;
  font-weight: normal;
  display: block;
}
.page-newsletter .pager--infinite-scroll a:hover {
  background-color: #cb020e;
  text-decoration: none;
}
.page-newsletter .pager--infinite-scroll a.progress-disabled {
  background-image: url(/sites/haut_rhin/themes/cd68/images/gif-load.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #cb020e;
  width: 42px;
  height: 42px;
  background-size: 25px;
  margin: auto;
  text-indent: -999999px;
  border-radius: 45px;
  transition: all cubic-bezier(0, 0, 0, 1) 0.4s;
}
.page-newsletter .pager--infinite-scroll a.progress-disabled::before {
  display: none;
}