/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */

/*@media only screen and (max-device-width: 660px) {
   #header-group-wrapper { background-color:#915B39 !important; }
   body {
      font-size:160% !important;
   }
}*/

*[id] {
  scroll-margin-top: 150px;
}

*, html, body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1em;
}
body {
    background: #fbfbfb;
   /* padding-top: 6em; /* see group header position fixed */
    overflow-x: hidden;
    scroll-behavior: smooth
}

body.logged-in #header-group-wrapper {
    min-height: 155px;
}

body.logged-in #header-group {
    top: 65px;
    z-index: 200;
}

@media (min-width: 570px) and (max-width: 799px) {
    body.logged-in #header-group {
        top: 41px;
    }
}

@media only screen and (min-width: 800px) {
    body.logged-in #header-group-wrapper {
        min-height: 110px;
    }

    body.logged-in #header-group {
        top: 21px;
    }
}

body.test #main-wrapper,
body.test #header-group-wrapper {
    background: #DDD;
}

#main {
    margin: 0;
    max-width: 1250px;
}

@media (min-width: 1249px) {
    #main {
        margin: auto;
    }
}

h1, h2, h3, h4, h5 {
    line-height: normal;
}

h3 {
    font-weight: 600;
}

a{
    font-weight: bold;
    color: #212121;
}
a:hover {
    text-decoration: none;
}

a[href^="http://www.politique-animaux.fr/"],
a[href^="https://www.politique-animaux.fr/"] {
    background: none;
    padding-right: 0;
}
strong {
    font-weight: 600;
}
tbody {
    border-top: none;
}

/* table reset style */
td, td.active, tr.even, tr.odd, th {
    background-color: transparent;
    border: none;
}

th.views-field:not(.active) a {
    background: transparent no-repeat 100% 80% url(../imgs/menu-expanded.png);
    padding-right: 0.7em;
}

th.views-field.active img {
    filter: invert(1);
    width: 9px;
}

/* not possible to click on menu tabs with children */
#primary-menu .expanded > a {
    pointer-events: none;
    cursor: default;
}

figure, blockquote:not(.twitter-tweet) {
    position: relative;
    margin: 2rem 0;
}

blockquote:not(.twitter-tweet):before {
    content: '“';
    font-family: 'Times New Roman';
    font-size: 4em;
    position: absolute;
    left: 0;
}

blockquote:not(.twitter-tweet):after {
    content: '”';
    font-family: 'Times New Roman';
    font-size: 4em;
    position: absolute;
    right: 0;
    bottom: -2rem;
}

@media (min-width: 800px) {
    blockquote:not(.twitter-tweet):before {
        left: 0;
    }

    blockquote:not(.twitter-tweet):after {
        right: 0;
    }
}

figure > blockquote {
    margin: -1em 0; /* auto line return fix */
    border: none!important;
}

blockquote {
    padding: 0 1.5em;
}

figcaption, cite {
    color: #787878;
    font-size: 0.9em;
    margin: 2em 2em 0;
    text-align: right;
}

figcaption > cite {
    font-size: 1em;
    margin: 0;
}

q {
    quotes: none;
    font-style: italic;
    color: #333;
}
q:before {
    content: '«\00A0';
}
q:after {
    content: '\00A0»';
}
img {
    max-width: 100%;
    height: auto;
}

thead th {
    padding-right: 1em;
}

td {
    padding: 0;
}

input:focus {
  outline: none;
  border-bottom: 1px solid orange;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
transition: background-color 600000s 0s, color 600000s 0s;
}

.row, .nested, .block {
    overflow: visible;
}
.separator {
    background-color: #e4e4e4;
    height: 1px;
    width: 90%;
    margin: 30px auto;
}
.break {
    flex-basis: 100%;
    height: 0;
}

/* ***** if dev/local environment : change admin banner color ***** */
body:not(.domain-politique-animaux-fr) #admin-menu,
body.domain-pa-test #admin-menu {
    background: #43bbbf;
}
body.domain-pre-politique-animaux-fr #admin-menu {
    background: #a343bf;
}
body.domain-sandbox-politique-animaux-fr #admin-menu {
    background: #c89414;
}


/* Keep the scroll bar visible even with Chrome */

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #d9d9d9;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* *********************************** */
/* CONTENT REGION */
/* *********************************** */
#content-messages {
    float: none;
}
.page-admin .row,
.page-admin .nested,
.page-admin .block {
    overflow: visible;
}
.row {
    margin: 0;
    max-width: none;
}
#content-tabs {
    margin: 0;
}
#content-tabs ul.primary,
#content-tabs ul.secondary {
    float: right;
}
.title a {
    border-bottom: none;
}
.content-inner p.n2 {
    margin-left: 1.5em;
}
.content-inner ul {
    margin: 0;
}
.content-inner ul.n2,
.content-inner ol.n2 {
    margin-left: 4.5em;
}
.content-inner p.n3 {
    margin-left: 3em;
}
.content-inner ul.n3,
.content-inner ol.n3 {
    margin-left: 6em;
}

#content-region a.imagecache-vignette-carree-100 {
    border: none;
}
#content-region a.imagecache-vignette-carree-100 img {
    border: 2px solid #096069;
}
#content-region a.imagecache-vignette-carree-100:hover img {
    border-color: #00aaf9;
}
#main-inner {
    margin: 0;
}

@media (min-width: 800px) {
    #pid-prises-de-position #main-inner,
    #pid-politiciens #main-inner,
    #pid-prises-de-position-par-contributeur #main-inner,
    #pid-sondages-par-contributeur #main-inner,
    #pid-opinion-publique-txt #main-inner,
    #pid-opinion-publique #main-inner {
        margin: 0 2em;
        display: grid;
        grid-template-columns: 0.5fr 1fr;
        gap: 28px;
    }
}

@media (min-width: 1200px) {
    #pid-prises-de-position #main-inner,
    #pid-politiciens #main-inner,
    #pid-prises-de-position-par-contributeur #main-inner,
    #pid-sondages-par-contributeur #main-inner,
    #pid-opinion-publique-txt #main-inner,
    #pid-opinion-publique #main-inner {
        grid-template-columns: 0.4fr 1.1fr;
    }
}

/* ***************************************** */
/* PAGE VISU CALCUL DETAILLE */
/* ***************************************** */
#node-2223 {
    max-width: 1000px;
    margin: auto;
    font-size: 1.1em;
}

.algo-links {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.algo-detail-note,
.algo-detail .algo-calcul-notes {
    max-height: 500px;
    overflow: auto;
}

.node.node-type-page .content .algo-detail .formule-moyenne {
    margin: 25px 0
}

.node.node-type-page .content .algo-detail .formule-moyenne {
    max-width: unset;
}

.node.node-type-page .content .algo-detail .formule-moyenne span,
.node.node-type-page .content .algo-detail .formule-moyenne a {
    font-weight: bold;
}

.algo-detail th,
.algo-detail th a {
    font-weight: 700!important;
}

.algo-detail tr.altern-color {
    border-bottom: 1px solid #DEDEDE;
}

.algo-detail tr.altern-color:nth-child(odd),
tr.odd {
    background-color: #f2f2f2;
}

.algo-detail tr.altern-color td {
    padding: 0.5em 0;
}
.altern-color td[style*="background:#339933"],
.altern-color td[style*="background:#819955"],
.altern-color td[style*="background:#3e3e3e"],
.altern-color td[style*="background:#EE2222"],
.altern-color td[style*="background:#ff7f09"] {
    background-color: transparent!important;
    font-size: 1.2em;
    font-weight: 700;
}
.altern-color td[style*="background:#339933"] {
    color: #339933;
}
.altern-color td[style*="background:#819955"] {
    color: #819955;
}
.altern-color td[style*="background:#3e3e3e"] {
    color: #3e3e3e;
}
.altern-color td[style*="background:#EE2222"] {
    color: #EE2222;
}
.altern-color td[style*="background:#ff7f09"] {
    color: #ff7f09;
}
.algo-detail .algo-detail-pdp .tdpdp {
    max-width: 430px;
    overflow: hidden;
}
.algo-detail .algo-detail-pdp th {
    line-height: 9px;
    padding-bottom: 4px;
}
.algo-detail .algo-detail-pdp .algo-pdp-themes {
    padding-left: 6px;
    min-width: 87px;
}
.algo-detail .algo-date-pdp {
    height: 9px;
    font-size: .9em;
    color: #666;
    margin-bottom: 2px;
}
.algo-detail a.algo-title-pdp {
    margin-left: 0;
}
.algo-detail .algo-date-title-pdp {
    padding: 0;
    line-height: 11px;
    width: 1500px;
}
.algo-detail img {
    padding-top: 2px;
    margin: 0 -2px;
}
.algo-detail .algo-detail-pdp td {
    vertical-align: middle;
    float: none;
    padding: 0;
    line-height: 12px;
}
.algo-detail,
.algo-detail table {
    font-size: .9em;
}
.algo-detail .algo-detail-pdp {
    width: 100%;
    min-width: 699px;
}
.algo-detail .algo-detail-pdp td span {
    font-size: .9em;
    color: #666;
}
.algo-detail .algo-tableau-themes {
    min-width: 570px;
    width: 100%;
}
.algo-detail .algo-display-details {
    display: none;
}
.algo-detail a {
    cursor: pointer;
    border: none;
}
.notes-membres {
    display: block;
    overflow: auto;
    margin-bottom: 34px;
}
table.tableau-notes-membres {
    text-align: center;
}
.notes-membres table.tableau-notes-membres th {
    text-align: center;
    min-width: 55px;
    padding-right: 0;
}
.notes-membres table.tableau-notes-membres th img {
    display: block;
    margin: auto;
}
.notes-membres table.tableau-notes-membres th div {
    height: 22px;
    margin: 2px auto;
    line-height: 9px;
    width: 72px;
}
.notes-membres table.tableau-notes-membres div.noms-membres {
    margin: 28px 0 0 0;
    min-width: 84px;
}
.notes-membres .noms-membres {
    text-align: left;
}


/* ***************************************** */
/* PAGE PROFILE */
/* ***************************************** */
#content-region .profile h3 {
    margin-left: 20px;
}
.profile dl {
    margin-left: 40px;
}
.profile .picture {
    margin-left: 20px;
}

/* ***************************************** */
/* EDITION PRISE DE POSITION */
/* ***************************************** */
#node-form #edit-title-wrapper label {
    float: left;
}
#node-form #edit-title-wrapper input.form-text {
    width: 90%;
}
#node-form .container-inline-date {
    width: 32%;
}
#node-form #edit-taxonomy-1-wrapper {
    float: left;
    margin-left: 10px;
}
#node-form #field_politicien_values {
    clear: both;
}
.group-impact {
    display: table;
}
div.form-item[id^="edit-field-click2tweet-"] .editor-container,
div.form-item[id^="edit-field-click2mail-custom-"] .editor-container {
    display: none;
}

/* ***************************************** */
/* EDITION POLITICIEN */
/* ***************************************** */
.group-impact .form-item {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}
.group-impact .form-item select {
    width: 100%;
}
#edit-field-niveau-value--wrapper,
#edit-field-niveau-value-10-wrapper {
    display: inline-block;
}
.container-inline-date + fieldset.collapsible {
    border: none;
    padding: 0;
    margin: 0 40px 0 0;
}
.container-inline-date + fieldset.collapsible legend {
    display: none;
}
.container-inline-date + fieldset.collapsible .form-item {
    margin: 0;
}
#edit-taxonomy-5-wrapper, #edit-taxonomy-6-wrapper {
    float: left;
}

/* ***************************************** */
/* EDITION POLITICIEN ET PARTI */
/* ***************************************** */
.group-noteauto {
    display: none;
}

/* ***************************************** */
/* RECHERCHE PAR FILTRES */
/* ***************************************** *
ul.bef-tree {
    margin-left: 2px;
}
.highlight label {
    background-color: #bae3f6;
}

#sidebar-first .views-exposed-form #edit-uid {
    max-width: 160px;
}
.views-exposed-form .views-exposed-widget {
    width: 100%;
    padding: 0;
    margin: 0.25em 0;
}
/* *********************************** */
/* ADMIN VIEW */
/* *********************************** */
body.page-admin .form-item select,
body.edit .form-item select {
    width: unset;
}

body.page-admin .form-item label.option,
body.edit .form-item label.option{
    display: inline-flex;
}

body.page-admin .form-item label.option input[type="radio"],
body.edit .form-item label.option input[type="radio"]{
    margin-right: 1em;
}

.description {
    color: #777;
}
.page-candidats-2012 #content-region h1.title {
    margin: .5em 1em 1.2em .7em;
}

.modif {
    position: absolute;
    bottom: 0;
    left: 0;
    background: white;
    border: 1px solid #096069;
    padding: 3px;
    margin: 0;
}
option:not(:selected) {
    background-color: #fff;
}
#content-help {
    float: none;
}

/* *********************************** */
/* Partages
/* *********************************** */
#content-region .partage {
    margin: 0 0 .5em 10px;
    color: #888;
    font-weight: bold;
    text-align: right;
}
#content-region .partage p {
    margin: 0;
}
table.partages {
    height: 30px;
    width: 75%;
    color: #888;
    font-weight: bold;
    margin-top: 1em;
    line-height: 100%;
    vertical-align: middle;
}
table.partages a {
    border: none;
}
.addthis_button_email {
    margin-top: 2px;
}
.node-type-prise_de_position table.pdp table.partages td {
    padding: 0;
    vertical-align: middle;
    text-align: left;
}
.node-type-prise_de_position table.pdp table.partages tbody {
    border: none;
}
.node-type-prise_de_position table.pdp table.partages img {
    margin: 0;
    border: none;
}
.partage a {
    display: inline-block;
    padding-right: 0;
    border: none;
    width: 32px;
    height: 32px;
    background-image: url('https://visuels.l214.com/sites/www.politique-animaux.fr/partages/partages-sprite.png');
    opacity: 0.75;
    vertical-align: middle;
}
.partage a:hover {
    opacity: 1;
}
.partage a.facebook {
    background-position: 0 0;
}
.partage a.twitter {
    background-position: 0 -32px;
}
.partage a.googleplus {
    background-position: 0 -64px;
}
.front .block-block a {
    border: none;
}

#block-block-3 .inner {
    border: 2px solid #43a9c3;
    padding: 20px;
    margin: 0;
}
#block-block-3 .inner p {
    margin-top: 0;
}
#block-block-4 .inner {
    border: 2px solid #43a9c3;
    padding: 20px;
    margin: 0;
}
#block-block-4 .inner h2 {
    color: #000;
    margin: 0 0 1em 0;
    text-align: left;
}
#block-block-4 .inner p {
    margin: 0;
}
#block-block-5 .inner {
    border: 2px solid #43a9c3;
    padding: 20px;
    margin: 0;
}
#block-block-5 .inner p {
    margin: 0;
}
#block-block-6 .inner {
    border: 2px solid #43a9c3;
    padding: 20px;
    margin: 0;
}
#block-block-6 .inner p {
    margin-top: 0;
}
#block-block-7 .inner {
    margin: 0;
}
#block-block-7 .inner p {
    margin-top: 0;
    text-align: justify;
}
#block-block-7 .inner p a {
    background: none;
    padding: 0;
}
#block-block-8 .inner {
    border: 2px solid #43a9c3;
    padding: 20px;
    margin: 0;
}
#block-block-8 .inner p {
    margin-top: 0;
}
#block-block-9 .inner {
    border: 2px solid #43a9c3;
    padding: 20px;
    margin: 0;
}
#block-block-9 .inner p {
    margin-top: 0;
}
#block-block-12 .inner {
    border: 2px solid #43a9c3;
    padding: 20px;
    margin: 0;
}
#block-block-12 .inner p {
    margin: 0;
}
#block-block-10 {
    margin: 10px 0 0 0;
}
#block-block-10 .inner {
    margin: 0;
}
#block-block-10 .un-site-de-l214 {
    margin-top: 25px;
}
#header-site-info-inner {
    margin: 0;
}
#mc_embed_signup {
    width: 95%;
    max-width: 500px;
    font-size: 1.2em;
}

#mc_embed_signup p {
    margin: 0;
}
h2.block-title::after {width: 0;height: 0;}

.petit {
    font-size: 75%;
}
#page {
    position: relative;
}
.node-unpublished {
    background: #FFE4E9;
}
.assos-initiatrices a {
    background: none;
    border: none;
    text-decoration: none;
    display: inline-block;
    width: 25%;
    text-align: center;
}
.nav-container {
    background: #fff;
    text-align: center;
}
.f-nav {
    visibility: visible !important;
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}

#edit-submit {
    font-size: 1.4em;
    padding: 0.4em .8em;
}
#edit-delete {
    background-color: #d22;
    color: #fff;
}
.loader {
    position : fixed;
    z-index: 20;
    top: 0;
    left: 0;
    background : rgba(255, 255, 255, 0.7) url('../imgs/icon-loader.gif') 50% 50% no-repeat;
    height : 100%;
    width : 100%;
    cursor : wait;
    background-size: 50px;
}

/* politic search : hide all functions except the following */
.views-widget-filter-tid .bef-checkboxes .form-item {
    display: none;
}
/* politic search : functions to display */
#edit-tid-12-wrapper /* Député */,
#edit-tid-22-wrapper /* Eurodéputé */,
#edit-tid-42-wrapper /* Maire */ {
    display: block;
}
#edit-tid-35-wrapper {
    color: #e60dd4;
    font-weight: bold !important;
}
.views-widget-filter-field_n_general_nivele_value_many_to_one input,
.views-widget-filter-field_note_value_many_to_one input {
    display: block;
    float: left;
    margin: 3px 8px 3px 2px;
    transform: scale(1.4);
    cursor: pointer;
}
.views-widget-filter-field_n_general_nivele_value_many_to_one label.option {
    display: block;
    padding-top: 0px;
}
.views-widget-filter-field_n_general_nivele_value_many_to_one .form-item,
.views-widget-filter-field_note_value_many_to_one .form-item {
}
.views-widget-filter-field_n_general_nivele_value_many_to_one label.option:hover {
    cursor: pointer;
}
.views-widget-filter-field_n_general_nivele_value_many_to_one .highlight label,
.views-widget-filter-field_note_value_many_to_one .highlight label {
    background: none;
}

.views-widget-filter-field_politicien_nid .views-widget {
    max-height: 200px;
    overflow: auto;
    padding: 4px;
    min-width: 150px;
}

#edit-note-generale-20-wrapper,
#edit-note-generale-20-wrapper.highlight:hover, #edit-field-note-value-many-to-one-20-wrapper {

}
#edit-note-generale-20-wrapper:hover,
#edit-note-generale-20-wrapper.highlight,
#edit-field-note-value-many-to-one-20-wrapper:hover,
#edit-field-note-value-many-to-one-20-wrapper.highlight {

}
#edit-note-generale-15-wrapper,
#edit-note-generale-15-wrapper.highlight:hover, #edit-field-note-value-many-to-one-15-wrapper {

}
#edit-note-generale-15-wrapper:hover,
#edit-note-generale-15-wrapper.highlight,
#edit-field-note-value-many-to-one-15-wrapper:hover,
#edit-field-note-value-many-to-one-15-wrapper.highlight {

}
#edit-note-generale-5-wrapper,
#edit-note-generale-5-wrapper.highlight:hover, #edit-field-note-value-many-to-one-5-wrapper {

}
#edit-note-generale-5-wrapper:hover,
#edit-note-generale-5-wrapper.highlight,
#edit-field-note-value-many-to-one-5-wrapper:hover,
#edit-field-note-value-many-to-one-5-wrapper.highlight {

}
#edit-note-generale-0-wrapper,
#edit-note-generale-0-wrapper.highlight:hover, #edit-field-note-value-many-to-one-0-wrapper {

}
#edit-note-generale-0-wrapper:hover,
#edit-note-generale-0-wrapper.highlight,
#edit-field-note-value-many-to-one-0-wrapper:hover,
#edit-field-note-value-many-to-one-0-wrapper.highlight {

}

/* hide Opinion sous-thèmes */
/* soustheme-150 = présdentielle 2022 */
.bef-tree li:has(> #edit-soustheme-150-wrapper) {
    display: none;
}

/* hide some "Action, position, communication" */
/* type-5 = Programme */
/* type-5 = Groupe d'études */
.bef-tree li:has(> #edit-type-5-wrapper),
.bef-tree li:has(> #edit-type-40-wrapper) {
    display: none;
}

@media all and (min-width: 1180px) {
    #content-inner-inner {
        margin-right: 0;
    }
}
@media all and (max-width: 1280px) {
    #main-wrapper {
        background-image: none;
    }
}
@media all and (max-width: 799px) {
    body {
        font-size: 110% !important;
    }
}
@media all and (max-width: 120px) {
    table.comparison th span {
        word-break: break-all;
    }
}
/** CSS à intégrer de façon propre à local.css **/

/* Layout - 16 column grid, fluid width, 20px gutters
-------------------------------------------------------------- */

/* grid widths */
.grid16-1 {width: 6.25%;}
.grid16-2 {width: 12.5%;}
.grid16-3 {width: 18.75%;}
.grid16-4 {width: 25%;}
.grid16-5 {width: 31.25%;}
.grid16-6 {width: 37.5%;}
.grid16-7 {width: 43.75%;}
.grid16-8:not(.console-media-bloc) {width: 50%;}
.grid16-9 {width: 56.25%;}
.grid16-10 {width: 62.5%;}
.grid16-11 {width: 68.75%;}
.grid16-12 {width: 75%;}
.grid16-13 {width: 81.25%;}
.grid16-14 {width: 87.5%;}
.grid16-15 {width: 93.75%;}
.grid16-16 {width: 100%;}

/* block indents */
.grid16-indent-1 {margin-left: 6.25%;}
.grid16-indent-2 {margin-left: 12.5%;}
.grid16-indent-3 {margin-left: 18.75%;}
.grid16-indent-4 {margin-left: 25%;}
.grid16-indent-5 {margin-left: 31.25%;}
.grid16-indent-6 {margin-left: 37.5%;}
.grid16-indent-7 {margin-left: 43.75%;}
.grid16-indent-8 {margin-left: 50%;}
.grid16-indent-9 {margin-left: 56.25%;}
.grid16-indent-10 {margin-left: 62.5%;}
.grid16-indent-11 {margin-left: 68.75%;}
.grid16-indent-12 {margin-left: 75%;}
.grid16-indent-13 {margin-left: 81.25%;}
.grid16-indent-14 {margin-left: 87.5%;}
.grid16-indent-15 {margin-left: 93.75%;}

/* gutters (2 x margin) */
.block .inner {
  margin-left: 0;
  margin-right: 0;
}

/* page min width */
body,
div.full-width {
  min-width: 780px;
}

/* row max-min width */
.row {
  min-width: 780px;    /* 960px - 180px */
}

/* allow nested rows to be smaller */
.row.nested {
  min-width: 0;
}

/* theme setting: set fluid grid width on top-level full-width elements */
.fluid-100 .full-width .grid16-16 {width: 100%;}
.fluid-95 .full-width .grid16-16 {width: 95%;}
.fluid-90 .full-width .grid16-16 {width: 90%;}
.fluid-85 .full-width .grid16-16 {width: 85%;}

/* now reset all nested full-width elements back to 100% */
#page .grid16-16 .grid16-16 {
    width: 100%;

}

/* iframe */
.iframe-container {
    height: 100%;
}

iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
}
/* taxonomy_super_select module to have checkboxes */
.form-checkboxes,
.form-radios {
    margin: 3px 0 0 0;
}
.node-form .form-checkboxes {
    max-height: 200px;
    overflow: scroll;
    border: 1px solid #b7b7b7;
    padding: 2px 12px;
    display: block;
}
.node-form .taxonomy-super-select-checkboxes .form-item label.option {
    float: unset;
}
.node-form .taxonomy-super-select-checkboxes {
    margin: 22px 0 0 8px;
    padding: 0;
    border: 1px solid #b7b7b7;
    height: 366px;
    overflow: scroll;
    width: 31%;
    display: inline-flex;
}
.node-form .taxonomy-super-select-checkboxes fieldset {
    border: none;
    padding: 0 5px;
    margin: 8px 0px;
}
.node-form .taxonomy-super-select-checkboxes .form-item label.option {
    margin: 0;
    max-width: 100%;
}
html.js fieldset.collapsible {
    margin: 8px;
    min-width: 44%;
}
.node-form .taxonomy-super-select-checkboxes>fieldset.collapsible {
    margin-right: 0;
}
html.js fieldset.collapsible div.fieldset-wrapper .taxonomy-super-select-radios {
    margin: 0;
    padding: 0;
}
html.js fieldset.collapsible div.fieldset-wrapper legend {
    font-weight: bold;
}
html.js fieldset.collapsible div.fieldset-wrapper fieldset fieldset .form-item {
    padding-left: 10px;
}
.node-form .taxonomy-super-select-checkboxes>fieldset .form-item {
    margin: 4px;
}
.node-form .taxonomy-super-select-checkboxes>fieldset>legend {
    display: block;
    font-weight: bold;
    margin-left: -7px;
}
.node-form .taxonomy-super-select-checkboxes>fieldset>legend.collapse-processed {
    display: none;
}

/* imagecache */
.imagecache-vignette-carree-100,
.imagecache-100x100-sans-deformation  {
    width: 100px;
}
.imagecache-vignette-carre-50,
.imagecache-50x50-sans-deformation {
    width: 50px;
}

.modal-is-open {
    overflow: hidden;
}

/* Social Share Banner */
.social-share span {
    font-weight: bold;
}
.social-share-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 270px;
    margin-top: 5px;
}
.social-share-icons a {
    text-decoration: none!important;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
}
.social-share .social-share-facebook {
    background-image: url('../imgs/social-share-facebook.png');
}
.social-share .social-share-twitter {
    background-image: url('../imgs/social-share-twitter.png');
}
.social-share .social-share-whatsapp {
    background-image: url('../imgs/social-share-whatsapp.png')!important;
    display: none;
}
.social-share .social-share-email {
    background-image: url('../imgs/social-share-email.png');
}
.social-share .social-share-gmail {
    background-image: url('../imgs/social-share-gmail.svg');
}
.social-share .social-share-messenger {
    background-image: url('../imgs/social-share-messenger.png');
}
.social-share .social-copy-paste {
    background-image: url('../imgs/icon-copy-paste.svg');
    filter: opacity(0.8);
}
.copiedtext {
    position: absolute;
    line-height: 13px;
    width: 120px;
    left: 50%;
    margin-left: -60px;
    text-align: center;
    opacity: 0;
    transform: translateY(-1em);
    color: #000;
    transition: all .500s;
}
.copied .copiedtext {
    opacity: 1;
    transform: translateY(-2.2em);
}

/* Follow us
#block-block-15 .block-title {
    text-align: center;
}
#block-block-15 .follow-us {
    display: flex;
    flex-wrap: wrap;
    margin: 0 11%;
    justify-content: center;
 }
#block-block-15 .follow-us-square {
    flex: 0 1 230px;
    margin: 1%;
    padding: 1%!important;
    color: black;
    text-align: center;
    border: 1px solid #ff9900;
    font-size: 14px;
    min-height: 90px;
}
#block-block-15 .follow-us-square img {
    height: 45px;
}

/* General class */
.visible {
    display: block!important;
}

.hidden {
    display: none!important;
}

.text-emphasis-colored {
    font-weight: 500;
    font-size: 1.3em;
    color: darkorange;
}

/****************************/
/* Admin backoffice CSS     */
/****************************/

/* to assure visibility on see/edit button (eg: page ville) */
#content-tabs {
    position: relative;
    z-index: 2;
}

/* Backoffice - Municipales cities and regions nodes (it doesn't work to load it through preprocess - to investigate) */
#pid-node-add-ville-municipales-2020 #field-nom-candidat-items,
.edit.node-type-ville-municipales-2020 #field-nom-candidat-items {
    float: left;
    width: 215px;
}
#pid-node-add-ville-municipales-2020 #field-candidat-engage-items,
.edit.node-type-ville-municipales-2020 #field-candidat-engage-items {
    float: left;
    width: 61px;
}
#pid-node-add-ville-municipales-2020 #field-candidat-nid-items,
.edit.node-type-ville-municipales-2020 #field-candidat-nid-items {
    float: left;
    width: 65px;
}
#pid-node-add-ville-municipales-2020 #field-candidat-2nd-tour-items,
.edit.node-type-ville-municipales-2020 #field-candidat-2nd-tour-items {
    float: left;
    width: 60px;
}
#pid-node-add-ville-municipales-2020 #field-photo-candidat-items,
.edit.node-type-ville-municipales-2020 #field-photo-candidat-items {
    float: left;
    width: 229px;
}
#pid-node-add-ville-municipales-2020 #field-arrondissement-candidat-items,
.edit.node-type-ville-municipales-2020 #field-arrondissement-candidat-items {
    float: left;
    width: 90px;
}
#pid-node-add-ville-municipales-2020 #field_lien_preuve_candidat_values,
.edit.node-type-ville-municipales-2020 #field_lien_preuve_candidat_values {
    float: left;
    width: 148px;
}
#pid-node-add-ville-municipales-2020 #field-texte-candidat-items,
.edit.node-type-ville-municipales-2020 #field-texte-candidat-items {
    float: left;
    width: 285px;
}
#pid-node-add-ville-municipales-2020 #field-candidat-engage-items tbody>tr,
.edit.node-type-ville-municipales-2020 #field-candidat-engage-items tbody>tr,
#pid-node-add-ville-municipales-2020 #field-candidat-nid-items tbody>tr,
.edit.node-type-ville-municipales-2020 #field-candidat-nid-items tbody>tr,
#pid-node-add-ville-municipales-2020 #field-candidat-2nd-tour-items tbody>tr,
.edit.node-type-ville-municipales-2020 #field-candidat-2nd-tour-items tbody>tr,
#pid-node-add-ville-municipales-2020 #field-nom-candidat-items tbody>tr,
.edit.node-type-ville-municipales-2020 #field-nom-candidat-items tbody>tr,
#pid-node-add-ville-municipales-2020 #field-photo-candidat-items tbody>tr,
.edit.node-type-ville-municipales-2020 #field-photo-candidat-items tbody>tr,
#pid-node-add-ville-municipales-2020 #field-arrondissement-candidat-items tbody>tr,
.edit.node-type-ville-municipales-2020 #field-arrondissement-candidat-items tbody>tr,
#pid-node-add-ville-municipales-2020 #field_lien_preuve_candidat_values tbody>tr,
.edit.node-type-ville-municipales-2020 #field_lien_preuve_candidat_values tbody>tr,
#pid-node-add-ville-municipales-2020 #field-texte-candidat-items tbody>tr,
.edit.node-type-ville-municipales-2020 #field-texte-candidat-items tbody>tr {
    height: 150px;
}
#pid-node-add-ville-municipales-2020 #content-multiple-drag,
.edit.node-type-ville-municipales-2020 .content-multiple-drag {
    width: 17px;
}
body {
    counter-reset: engage 0 nid 0 secondtour 0 candidat 0 photo 0 arr 0 preuve 0 texte;
}
#pid-node-add-ville-municipales-2020 #field-candidat-engage-items .form-item::before,
.edit.node-type-ville-municipales-2020 #field-candidat-engage-items .form-item::before {
    counter-increment: engage;
    content: counter(engage) ". ";
    margin-left: -11px;
    margin-top: 2px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field-candidat-nid-items .form-item::before,
.edit.node-type-ville-municipales-2020 #field-candidat-nid-items .form-item::before {
    counter-increment: nid;
    content: counter(nid) ". ";
    margin-left: -11px;
    margin-top: 2px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field-candidat-2nd-tour-items .form-item::before,
.edit.node-type-ville-municipales-2020 #field-candidat-2nd-tour-items .form-item::before {
    counter-increment: secondtour;
    content: counter(secondtour) ". ";
    margin-left: -11px;
    margin-top: 2px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field-nom-candidat-items .form-item::before,
.edit.node-type-ville-municipales-2020 #field-nom-candidat-items .form-item::before {
    counter-increment: candidat;
    content: counter(candidat) ". ";
    margin-left: -11px;
    margin-top: 2px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field-photo-candidat-items .form-item:first-child::before,
.edit.node-type-ville-municipales-2020 #field-photo-candidat-items .form-item:first-child::before {
    counter-increment: photo;
    content: counter(photo) ". ";
    margin-left: -11px;
    margin-top: 2px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field-arrondissement-candidat-items .form-item::before,
.edit.node-type-ville-municipales-2020 #field-arrondissement-candidat-items .form-item::before {
    counter-increment: arr;
    content: counter(arr) ". ";
    margin-left: -11px;
    margin-top: 2px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field_lien_preuve_candidat_values .form-item::before,
.edit.node-type-ville-municipales-2020 #field_lien_preuve_candidat_values .form-item::before {
    counter-increment: preuve;
    content: counter(preuve) ". ";
    margin-left: -11px;
    margin-top: 22px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field-texte-candidat-items .form-item::before,
.edit.node-type-ville-municipales-2020 #field-texte-candidat-items .form-item::before {
    counter-increment: texte;
    content: counter(texte) ". ";
    margin-left: -15px;
    margin-top: 25px;
    position: absolute;
}
#pid-node-add-ville-municipales-2020 #field_photo_candidat_values [name='op'],
.edit.node-type-ville-municipales-2020 #field_photo_candidat_values [name='op'] {
    float: left;
}
#pid-node-add-ville-municipales-2020 #field_texte_candidat_values [name^='field_texte_candidat'],
.edit.node-type-ville-municipales-2020 #field_texte_candidat_values [name^='field_texte_candidat'] {
    height: 70px;
}
#pid-node-add-ville-municipales-2020 #field_nom_candidat_values [name^='field_nom_candidat'],
.edit.node-type-ville-municipales-2020 #field_nom_candidat_values [name^='field_nom_candidat'] {
    width: 180px;
}
#pid-node-add-ville-municipales-2020 #field_candidat_engage_values [name^='field_candidat_engage'],
.edit.node-type-ville-municipales-2020 #field_candidat_engage_values [name^='field_candidat_engage'] {
    width: 17px;
}
#pid-node-add-ville-municipales-2020 #field_candidat_nid_values [name^='field_candidat_nid'],
.edit.node-type-ville-municipales-2020 #field_candidat_nid_values [name^='field_candidat_nid'] {
    width: 34px;
}
#pid-node-add-ville-municipales-2020 #field_candidat_2nd_tour_values [name^='field_candidat_2nd_tour'],
.edit.node-type-ville-municipales-2020 #field_candidat_2nd_tour_values [name^='field_candidat_2nd_tour'] {
    width: 17px;
}
#pid-node-add-ville-municipales-2020 #field_texte_candidat_values [name^='field_texte_candidat'],
.edit.node-type-ville-municipales-2020 #field_texte_candidat_values [name^='field_texte_candidat'] {
    width: 279px;
}
#pid-node-add-ville-municipales-2020 #field_texte_candidat_values .editor-container,
.edit.node-type-ville-municipales-2020 #field_texte_candidat_values .editor-container {
    width: 300px;
    overflow: hidden;
}

#pid-node-add-ville-municipales-2020 #field_arrondissement_candidat_values [name^='field_arrondissement_candidat'],
.edit.node-type-ville-municipales-2020 #field_arrondissement_candidat_values [name^='field_arrondissement_candidat'] {
    width: 30px;
}
/* Text edition */
#pid-node-add-ville-municipales-2020 .editor-container .separator,
.edit.node-type-ville-municipales-2020 .editor-container .separator {
    display: none;
}
#pid-node-add-ville-municipales-2020 .editor-container,
.edit.node-type-ville-municipales-2020 .editor-container {
    display: flex;
    flex-wrap: wrap;
}
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-0'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-0'],
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-2'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-2'],
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-8'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-8'],
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-9'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-9'],
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-11'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-11'],
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-12'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-12'],
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-18'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-18'],
#pid-node-add-ville-municipales-2020 .bue-button[id$='button-21'],
.edit.node-type-ville-municipales-2020 .bue-button[id$='button-21'] {
    display: none;
}

.node-unpublished {
    background-color: #ffe4e9!important;
}

.admin-edit:after {
    content: url('../imgs/editer-20x20.png');
}