.media-download-all.downloda-all-event-doc {
    width: fit-content !important;
    display: flex !important;
    margin-top: 22px !important;
}
.webform-submission-poser-une-question-form [id*="ajax-wrapper"] ,.webform-submission-poser-une-question-form .form-item-civicrm-1-activity-1-cg30-custom-164,
.webform-submission-poser-une-question-form .form-item-civicrm-2-contact-1-email-email, 
.webform-submission-poser-une-question-form .form-item-civicrm-2-contact-1-contact-job-title,.webform-submission-poser-une-question-form  .form-item-civicrm-2-contact-1-phone-phone,
.webform-submission-poser-une-question-form .js-form-item-civicrm-2-contact-1-contact-first-name, .webform-submission-poser-une-question-form .form-item-civicrm-2-contact-1-contact-last-name{
    display: inline-block;
    width: 19%;
    margin-right: 10px;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact .ng-scope.ng-isolate-scope.af-field-type-select .select2-search-choice-close {
    display: none !important;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact .ng-scope.ng-isolate-scope.af-field-type-select {
    pointer-events: none;
    color: #888;
    border: 1px solid #ccc;
    cursor: not-allowed;
  }
.cv-body-site-pub .page-liste-actu-pub .views-view-grid.horizontal .views-row .views-field-field-image-d-actualite .field-content::before  {
    display: none !important;
}
#activites-activites-details-2 , #circuits-circuits-details-4{
    width: auto;
  }
.page-culture-viande-edito-du-president table img {
    padding-left: 30px;
    padding-bottom: 20px;
}
.toHidde {
    display: none !important;
}
.toShow {
    display: block !important;
}
.page-civicrm-donnees-economique-entreprise-achat-viande table.table.table-striped thead th {
    text-align: center !important;
    justify-content: center;
}
.page-civicrm-bulletin-cotisation-contact-entreprise .af-button.btn-info, .page-civicrm-buttetin-cotisation-liste-abonnement .af-button.btn-info,
.page-civicrm-bulletin-de-cotisation-dirigeants .af-button.btn-info, .page-civicrm-donnees-economique-entreprise-effectif-annuel .af-button.btn-info {
    border-radius: 20px 0 !important;
    padding: 12px 30px !important;
    background-color: #140d3d !important;
    border-color: #140d3d !important;
    color: #f7f5f3 !important;
}
.webform-submission-poser-une-question-form .form-item-civicrm-1-activity-1-activity-subject {
    margin-left: 3.5% !important;
}
#edit-civicrm-1-activity-1-activity-details-format-help {
    display: none;
}
#edit-civicrm-1-contact-1-fieldset-fieldset .fieldset-legend {
    display:none;
}

#block-menuprincipal .metier-first-menu  {
    display: block;
}

.content-sub-menu-burger a.dropdown-item-burger {
    text-wrap: initial
}
.role--permanent .js-form-item-civicrm-1-activity-1-activity-details-value + .js-filter-wrapper.js-form-wrapper.form-wrapper, 
.role--adherent .js-form-item-civicrm-1-activity-1-activity-details-value + .js-filter-wrapper.js-form-wrapper.form-wrapper {
    display: none;
}
.role--permanent [data-drupal-selector="edit-civicrm-1-contact-1-fieldset-fieldset"] legend, 
.role--adherent  [data-drupal-selector="edit-civicrm-1-contact-1-fieldset-fieldset"] legend {
    display: none;
}
.role--permanent [data-drupal-selector="edit-civicrm-1-contact-1-fieldset-fieldset"], 
.role--adherent [data-drupal-selector="edit-civicrm-1-contact-1-fieldset-fieldset"] {
    padding-bottom: 20px;
}

.section-taxonomy .paragraphs-dropdown.open .paragraphs-dropdown-actions{
    background-color: gainsboro;
}

.section-media .detail-page-document-cv span a {
    display: none;
}
._cust_thumbnail_class img {
    width: 55px;
}

.cust-doc-class-detail > div a {
    display: none;
}

.cust-doc-class-detail {
    padding-left: 5px;
}

.cust-doc-class-detail-tag > div:first-child {
    background: #fff;
    border-radius: 50px 0;
    line-height: initial;
    text-transform: uppercase;
    font-size: medium;
    font-weight: 500;
    font-family: "new-order" !important;
}
.cust-doc-class-detail-tag {
    padding-left: 30px;
}
.custom-msg-tabs {
    color: #903023;
    background-color: #ddc44f;
    border-color: #d1b328;
    padding: 9px;
    margin: 1em 0;
}
.dubmas.metier-div-hero {
    background-color: #3e7269 !important;
    background-image: unset !important;
}


/** Page modification term */
.role--permanent .layout__region.layout__region--content .js-media-library-selection.js-form-wrapper.form-wrapper{
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    flex-wrap: wrap;
}
.role--permanent .field--name-field-taxonomy-views-integrator-, .role--permanent [id^="edit-tvi"] {
    display: none;
}
.role--permanent  .taxonomy-term-rubrique-form.paragraphs-subform .field--type-text-long.field--name-field-texte-formate,.role--permanent .taxonomy-term-rubrique-form  .field--type-text-long.field--name-field-contenu {
    display: inline-flex;
    width: 100%;
}
.icon-search-result-doc {
    width: 20px;
}
.a-custom-icon-search-doc {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
}
.result-term-custom {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.role--permanent .taxonomy-term-rubrique-form .field--type-text-long.field--name-field-contenu {
    padding-top: 40px;
    padding-bottom: 50px;
}

.role--permanent .field--name-status {
    display: inline-flex;
}
.role--permanent .field--name-created.field--widget-datetime-timestamp  {
    display: inline-flex;
    flex-direction: column;
}
.role--permanent .layout__region.layout__region--content .js-media-library-selection.js-form-wrapper.form-wrapper .js-media-library-item {
    text-align: center;
}

.role--permanent .layout__region.layout__region--content {
    padding-top: 3%;
}
.role--permanent .layout__region.layout__region--content .field--name-field-social,
.role--permanent .layout__region.layout__region--content .field--name-status,
.role--permanent .layout__region.layout__region--content .field--name-field-gabarit-texte-et-images {
    display: inline-flex;
    width: 5%;
    float: right;
}
.role--permanent .layout__region.layout__region--content .field--name-field-social {
    padding-right: 20%;
}
.role--permanent .layout__region.layout__region--content .field--name-field-image {
    display: inline-block;
    width: 33%;
}

.role--permanent .layout__region.layout__region--content .field--name-name {
    display: inline-flex;
    width: 33%;
    float: left;
    padding-right: 22px;
}


/* breadcrumb */
.page-form-poser-une-question .js-form-item-civicrm-1-activity-1-cg30-custom-166, .page-form-poser-une-question .js-form-item-civicrm-1-activity-1-activity-subject {
    width: 48%;
    margin: 0;
    padding: 0;
    display: inline-block;
}
/********REcherche ***/
tr:has(td > p.row-to-hide) {
    display: none !important;
}
/***********/
.custom-submenu-li .with-link {
    color: black;
}
.custom-submenu-li .no-link-text {
    color: gray;
}
/***MENU***/
.disabled-button-link {
    color: gray;
    text-decoration: none;
    cursor: not-allowed;
    pointer-events: none;
  }
/******/

[class*="page-civicrm-donnees-eco"] h2.af-text + p{
    color: #dc001d;
  font-weight: 600;
  margin-bottom: 1rem;
 }

/*****Page dernier document ******/
.two-elements {
    display: inline-flex;
}
.custom-icon-first-element {
    width: 32px;
}
a.custom-icon-first-element.right-element-doc {
    width: 32%;
}
a.custom-icon-first-element.right-element-doc img{
    width: 89%;
}
.first-element-doc a.custom-icon-first-element {
    width: 33%;
}
.edit-doc-button {
    text-transform: uppercase;
    font-size: .75rem;
    color: #3e7269;
    padding: 0px 15px;
    font-weight: 600;
    border-radius: 20px 0;
    line-height: initial;
}

/**************/

/* btn download all*/
.btn-cus-retour {
    color: #fff;
    background-color: #140d3d;
    border: 1px solid #140d3d;
    font-weight: 600;
    padding: 10px 40px;
    border-radius: 5px;
    margin-bottom: 24px !important;
}
/****/
.text-image h2.text-img-title {
    font-size: 20px;
}
/******Page detail commission ******/
.group-detail-page .layout.layout--twocol-section.layout--twocol-section--50-50 + .layout--onecol {
    display: none !important;
    color: cyan;
    background-color: red;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact [af-join="Address"] .ng-scope.ng-isolate-scope.af-field-type-select {
    padding-top: 24px !important;
    display: flex !important;
    flex-direction: column;
}

.my-contact-form {
    display: inline-flex;
    gap: 20px;
    width: 50%;
}
.js-form-item-personne-who-filled label , .page-civicrm-bulletin-de-cotisation-infomration-contact  .js-form-item-contact-email label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact [af-join="Phone"] .af-repeat-add-btn, 
.page-civicrm-bulletin-de-cotisation-infomration-contact [af-join="Phone"] .af-repeat-copy-btn {
    margin-top: 85px !important;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact #bootstrap-theme {
    padding-top: 0;
}
.bloc-head-meetings-in-theme .block-layout-builder {
    display: none;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact form {
    padding-top: 44px;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact form h1 {
    display: none !important;
}
.page-civicrm-bulletin-de-cotisation-infomration-contact .c-fieldset.form-item.js-form-wrapper.form-wrapper {
    padding-left: 0;
}

/************/
.page-civicrm-bulletin-de-cotisation-infomration-contact [id*=organization-name-] {
    pointer-events: none;
    color: #666;
}
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
  }
  
  #progressbar li {
    
    cursor: pointer;
    list-style-type: none;
    color: #ddc44f;
    text-transform: uppercase;
    font-size: 9px;
    width: 7.6%;
    float: left;
    text-align: center;
    position: relative;
  }
  
  #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 25px;
    line-height: 20px;
    display: block;
    font-weight: bold;
    height: 21px;
    font-size: 17px;
    color: #fff;
    background: #ddc44f;
    border-radius: 3px;
    margin: 0 auto 5px auto;
  }
  
  #progressbar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #ddc44f;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1;
  }
.role--permanent  .field--type-text-long.paragraphs-content .js-text-format-wrapper {
    width: 97%;
}
  
.page-recherche .views-element-container nav.pager .pager__items .pager__item--previous {
    margin-right: unset !important;
}
.page-recherche .views-element-container nav.pager .pager__items .pager__item--next {
    margin-left: unset !important;
}
[class*="page-civicrm-donnees-eco"] af-field.ng-isolate-scope.af-field-type-check-box {
    width: 49%;
  }
[class*="page-civicrm-donnees-eco"] ul[id*="activites-activites-details-1"], [class*="page-civicrm-donnees-eco"] ul[id*="circuits-circuits-details-2"],  [class*="page-civicrm-donnees-eco"] ul[id*="produits-produits-details-3"]{
    width: 100%;
}
[name="produits.produits_details"] .crm-af-field.ng-scope {
    width: 98%;
}
[name="produits.produits_details"] {
    /* max-width: 33.5%; */
}
[name="Fili_res.Fili_res"] .crm-checkbox-list.ng-scope {
    width: 98%;
    box-shadow: 0 0 10px;
}
[class*="page-civicrm-donnees-eco"]  [id="fili-res-fili-res-4"] {
    width: 100%;
    height: 400px;
}
[class*="page-civicrm-donnees-eco"]  .crm-container ul.crm-checkbox-list li label {
  display: block !important;
  padding: 2px 0 2px 22px;
  margin: 0;
    margin-bottom: 0px;
  word-break: initial;
}
  
  #progressbar li:first-child:after {
    content: none;
  }
  .grid-container.na-pages [class*="js-view-dom-id"] a.feed-icon {
    display: none;
}
  #progressbar li.active {
    color: #e52329;
  }

  .active .progress-bar-link {
    color: #e52329;
  }
  .progress-bar-link {
    color: #ddc44f;
  }
  
  #progressbar li.active:before,
  #progressbar li.active:after {
    background: #e52329;
    color: white;
  }

  .txt-pres {
    background-color: #e6f4fa;
    padding: 27px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    margin-bottom: 34px;
}

@media print {
    body , p, h1 {
        color: cyan !important;
    }
}
  

  /* bouton action   */
[class*="page-civicrm-doonee-eco"] .dropdown-toggle.ng-binding, [class*="page-civicrm-donnee-eoc"] .dropdown-toggle.ng-binding {
    height: fit-content;
    border-radius: 15px 0 !important;
    font-weight: 500 !important;
    margin: 1rem 0rem 1rem 0 !important;
}
.txt-pres::before {
    content: "";
    position: absolute;
    display: block;
    width: 88px;
    top: 305px;
    height: 41px;
    background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22%3E%3Cpath fill=%22%233fa5db%22 d=%22M26.4 22.2c1-1.9 1.6-4 1.6-6.3 0-7.6-6.2-13.8-13.8-13.8s-13.8 6.2-13.8 13.8 6.2 13.8 13.8 13.8c3.5 0 6.7-1.3 9.2-3.5l7.2 2-4.1-5.9zM13.4 22.3c0.1 0.1 0.2 0.1 0.3 0.1 0.1 0 0.3-0.1 0.5-0.2 0.5-0.4 1-1 1.6-1.7l0.5 0.3c-0.6 0.9-1.3 1.7-2.2 2.4-0.6 0.5-1.2 0.7-1.8 0.7-0.4 0-0.7-0.1-0.9-0.3s-0.4-0.5-0.4-0.8c0-0.3 0.1-0.9 0.3-1.7l1.8-6.1c0.3-1 1-3.4 1-3.4l2.1-0.3-2.7 9.6c-0.2 0.6-0.3 1-0.3 1.2 0 0.1 0 0.3 0.1 0.4zM17 8.1c-0.3 0.3-0.6 0.4-1 0.4s-0.7-0.1-1-0.4c-0.3-0.3-0.4-0.6-0.4-1 0-0.4 0.1-0.7 0.4-1 0.3-0.3 0.6-0.4 1-0.4s0.7 0.1 1 0.4c0.3 0.3 0.4 0.6 0.4 1 0 0.4-0.1 0.7-0.4 1z%22/%3E%3C/svg%3E);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: -37px;
}

.page-civicrm page-civicrm-donnees-economique-entreprise-abattages .crm-hover-button.crm-clear-link {
  display: none;
}
.page-civicrm page-civicrm-donnees-economique-entreprise-abattages .btn-xs.af-repeat-remove-btn.ng-scope {
  left: 103%;
  top: 37% !important;
}
/*Cotisation formulaire*/
[class*="page-civicrm-bulletin-de-cotisation"] [ng-repeat="item in getItems()"] {
  width: 20%;
  padding-right: 8px;
  display: inline-flex;
}

[class*="page-civicrm-bulletin-de-cotisation"] [af-join="Address"] {
  padding-bottom: 25px;
}
[class*="page-civicrm-bulletin-de-cotisation"] .af-repeat-add-btn,[class*="page-civicrm-bulletin-de-cotisation"] .af-repeat-copy-btn {
  margin-top: 22px !important;
  color: white !important;
  background-color: #70716b;
  border-color: #70716b !important;
  height: fit-content;
  color: #f7f5f3 !important;
  border-radius: 15px 0 !important;
  font-weight: 500 !important;
  margin: 1rem 0rem 1rem 0 !important;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .ng-isolate-scope [ng-repeat="item in getItems()"] {
  display: inline-flex;
  padding-right: 54px;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire [name="agrsan_type"] {
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .select2-container.form-control.ng-pristine {
  width: 194px;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .crm-af-field.ng-scope  {
  /* width: 20%; */
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .af-container.af-layout-cols .ng-isolate-scope {
  padding-bottom : 0;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .af-repeat-copy-btn.ng-binding.ng-scope {
  margin: 0.5rem 0rem 1rem 0 !important;
}

[class*="page-civicrm-bulletin-de-cotisation"] [af-join="Address"] [ng-repeat="item in getItems()"] {
  width: 32%;
  display: contents;
}

.metier-div-hero {
    margin-top: -8px !important;
}

[af-join="Address"] .ng-scope.ng-isolate-scope {
  display: inline-flex;
}
/* tous les boutons actions envoyer   */
[class*="page-civicrm-donnees-economique-entreprise"] .af-button.btn-primary, [class*="page-civicrm-bulletin-de-cotisation"] .af-button.btn-primary, [class*="page-civicrm-donnee-eoc"] .af-button.btn-primary {
  height: fit-content;
  padding: 12px 30px !important;
  background-color: #140d3d !important;
  color: #f7f5f3 !important;
  border-radius: 20px 0 !important;
  font-weight: 500 !important;
  margin: 1rem 0rem 1rem 0 !important;
}
.page-civicrm-donnees-economique-entreprise-info  .ng-isolate-scope.ng-valid-email {
  display: inline-flex;
} 
.page-civicrm-donnees-economique-entreprise-info .ng-pristine.ng-isolate-scope.ng-valid-email fieldset {
  width : 45%;
}
.page-civicrm-donnees-economique-entreprise-info .ng-pristine.ng-isolate-scope.ng-valid-email .btn-primary {
  height: fit-content;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire form {
  padding: 22px !important;
}

.page-civicrm page-civicrm-donnees-economique-entreprise-abattages .af-container.af-layout-inline .ng-isolate-scope {
  display: inline-flex;
  flex-direction: column;
}

.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .af-container.af-layout-cols .ng-scope {
  margin-bottom: 0px !important;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .af-repeat-copy-btn {
  margin-top: 36px !important;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .af-repeat-remove-btn {
  padding-top: 31px !important;
  padding-right: 26px !important;
}
.page-civicrm-donnees-economique-entreprise-info .select2-container.form-control.ng-pristine.ng-untouched {
  width: auto !important;
}
.page-civicrm-donnees-economique-entreprise-info fieldset.af-container {
  padding: 22px !important;
}
.page-civicrm-donnees-economique-entreprise-info h1{
  padding: 22px !important;
}

.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .btn-sm.af-repeat-add-btn, .page-civicrm-donnees-economique-entreprise-agrement-sanitaire .btn-sm.af-repeat-copy-btn.ng-binding {
  margin-bottom: 22px !important;
  color: white !important;
  background-color: #70716b;
  border-color: #70716b !important;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire button.btn.btn-sm.af-repeat-copy-btn.ng-binding.ng-scope {
  margin-top: 30px !important;
  border-radius: 15px 0 !important;
}

.progress-bar-link {
    font-weight: bold;
    font-size: 9px;
}

.page-civicrm-bulletin-de-cotisation [af-join="Phone"] .af-repeat-add-btn.ng-binding, .page-civicrm-bulletin-de-cotisation [af-join="Phone"] .af-repeat-copy-btn{
  margin-top: 73px !important;
}
.page-civicrm-bulletin-de-cotisation .af-container.af-layout-inline[af-title="Adresses"] {
  padding-top: 36px;
}
.page-civicrm-bulletin-de-cotisation .af-container.af-layout-cols[af-title="Agréments sanitaires"] {
  padding-top: 36px;
  
  padding-bottom: 44px;
} 
#crm-communications-preferences-groups > legend {
  background-color: white;
  padding: 2px 1px 2px 1px;
}
.page-civicrm-bulletin-de-cotisation .crm-checkbox-list.ng-scope {
  box-shadow: 0 0 10px;
} 
.page-civicrm-bulletin-de-cotisation [name="RegionOP.regionDLR"] {
  display: inline-block !important;
}
[class*="page-civicrm-donnees-economique-entreprise"] .messages.status.no-popup.error, 
[class*="page-civicrm-donnees-economique-entreprise"] .messages.status.no-popup.alert,

.page-civicrm-buttetin-cotisation-contact-entreprise  .messages.status.no-popup.error, 
.page-civicrm-buttetin-cotisation-contact-entreprise  .messages.status.no-popup.alert
{
  display: none;
}
.tab-visited-form a {
    color: #679b9b;
  }
 #progressbar .tab-visited-form::before, #progressbar .tab-visited-form::after {
    background-color: #679b9b;
  }
.page-civicrm-gdpr .conteneur-custom-group {
  display: inline-table;
  width: 100%;
}
.conteneur-custom-group span.group-description {
    border-bottom: black solid 2px;
    padding-bottom: 1px !important;
    padding-right: 40px !important;
    width: 100%;
}
.page-civicrm-gdpr .crm-container .crm-section .content {
  margin-left: 0;
}
span.group-description {
  margin-left: 0;
  margin-right: 0;
}
.page-civicrm-gdpr .turn-right {
  text-align: right;
  font-weight: bold;
}
.page-civicrm-gdpr .crm-section.form-item .label {
  text-align: left;
}
.page-civicrm-gdpr .crm-form-submit {
  width: 9%;
  height: 39px;
  border-radius: 15px 0 !important;
  font-weight: 500 !important;
  margin: 1rem 0rem 1rem 0 !important;
  background-color: #140d3d !important;
}
.page-civicrm-gdpr .crm-section .label {
  background-color: unset;
}
.page-civicrm-gdpr .messages.status.no-popup.error {
  display: none;
}
.page-civicrm-gdpr #crm-communications-preferences-groups {
  background-color: #fffff8;
  padding-top: 0;
  padding-left: 15px;
  box-shadow: 4px 5px 11px 0px;
  border-radius: 8px 8px 8px 8px;
}
.content.group-channel-div label {
  font-size: 13px;
}
.page-civicrm-gdpr .crm-profile-name-event_registration .crm-section .label {
  width: 100%;
}
.page-civicrm-gdpr .crm-profile-name-event_registration .crm-section {
  margin-right: 15px !important;
  width: 100%;
}
.page-civicrm-gdpr .crm-section.editrow_job_title-section {
  padding-left: 15px;
}
.page-civicrm-gdpr  .crm-profile-name-event_registration {
  display: inline-flex;
}
.page-civicrm-gdpr  .crm-profile-name-event_registration .crm-select2.crm-form-select {
  width: -webkit-fill-available;
}
.page-civicrm-gdpr  .group-description {
  color: #140d3d !important;
  font-weight: 600 !important;
  font-size: 16px;
  font-family: "new-order", sans-serif !important;
  padding: 15px 0 0 !important;
  text-align: left !important;
}

#bootstrap-theme .btn:hover, #bootstrap-theme .btn:focus, #bootstrap-theme .btn.focus {
  color: #999;
  text-decoration: none;
}
.page-civicrm-donnees-economique-entreprise-info #organization-name-0 {
  pointer-events: none;
  background-color: #f2f2f2;
  color: #999 !important;
}
[name="activites.activites_details"] .crm-af-field.ng-scope , [name="produits.produits_details"] .crm-af-field.ng-scope, [name="circuits.circuits_details"] .crm-af-field.ng-scope  {
  box-shadow: 0 0 10px;
}
.page-civicrm page-civicrm-donnees-economique-entreprise-abattages [af-join="Custom_prod_approv_abattage"] {
  display: inline-block !important;
}

[class*="page-civicrm-donnees-economique"] .af-repeat-add-btn, [class*="page-civicrm-donnees-economique"] .af-repeat-copy-btn {
  border-radius: 15px 0 !important;
}
.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .btn-sm.af-repeat-add-btn,
.page-civicrm-donnees-economique-entreprise-info .btn-sm.af-repeat-add-btn, .page-civicrm-donnees-economique-entreprise-info .btn-sm.af-repeat-copy-btn.ng-binding {
  margin-top: 22px !important;
  color: white !important;
  background-color: #70716b;
  border-color: #70716b !important;
  height: fit-content;
  color: #f7f5f3 !important;
  border-radius: 15px 0 !important;
  font-weight: 500 !important;
  margin: 1rem 0rem 1rem 0 !important;
}
[class*="page-civicrm-donnees-economique"]  .messages.status.no-popup.error, [class*="page-civicrm-doonee-economiqu"]  .messages.status.no-popup.error, 
[class*="page-civicrm-doonee-economiqu"] .messages.status.no-popup.alert, 
[class*="page-civicrm-bulletin-de-cotisation"] .messages.status.no-popup.alert,[class*="page-civicrm-bulletin-de-cotisation"] .messages.status.no-popup.error
{
  display: none;
}
[class*="page-civicrm-donnees-economique"] .af-button.btn-warning{
    border-radius: 20px 0 !important;
    padding: 12px 30px !important;
    background-color: #140d3d !important;
    border-color: #140d3d !important;
    color: #f7f5f3 !important;
}

.page-civicrm-donnees-economique-entreprise-agrement-sanitaire .af-button.btn-info, .page-civicrm-bulletin-cotisation-contact-entreprise .af-button.btn-info{
    border-radius: 20px 0 !important;
    padding: 12px 30px !important;
    background-color: #140d3d !important;
    border-color: #140d3d !important;
    color: #f7f5f3 !important;
}
.c-col-md-4 {
    width: 30%;
    display: inline-block;
}

.c-fieldset {
    padding-left: 22px;
}

.paragraph--type--videos.paragraph--view-mode--default {
    display: flex;
    flex-direction: column-reverse;
}

[class*="page-civicrm-donnees-economique"]  .btn-sm.af-repeat-add-btn, [class*="page-civicrm-donnees-economique"]  .btn-sm.af-repeat-copy-btn.ng-binding {
      color: white !important;
  background-color: #70716b;
  border-color: #70716b !important;
} 

[class*="page-civicrm-donnees-economique"]  .ng-binding.ng-scope.ng-isolate-scope {
    display: none !important;
}

.page-civicrm-donnees-economique-entreprise-formulaire-certification .af-repeat-remove-btn {
  padding-top: 36px !important;
}
.page-civicrm-donnees-economique-entreprise-formulaire-certification .af-container.af-layout-inline.ng-scope {
  padding-top: 0 !important;
}
.page-civicrm-donnees-economique-entreprise-formulaire-certification .crm-hover-button.crm-clear-link {
  display: none;
}
.page-civicrm-donnees-economique-entreprise-formulaire-certification .af-container .af-container.af-layout-inline {
  padding-top: 35px;
}
.page-civicrm-donnees-economique-entreprise-formulaire-certification [af-join="Custom_certifications_mgd"].ng-isolate-scope > [af-repeat-item="item"].ng-scope {
width: 40%;
} 
.page-civicrm-donnees-economique-entreprise-info .af-button.btn.btn-primary {
  margin: 0px 0px 22px 22px !important;
}

/**** Page formation ***/
.page-social-rh-formations table tbody tr {
    border-radius: 20px;
}
.page-social-rh-formations table tbody > tr td:nth-child(2) {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.page-social-rh-formations table tbody tr td:nth-child(1) {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.page-social-rh-formations .img-html-bloc {
    width: 50%;
    margin: 0;
    padding: 0;
    display: inline-flex;
}
.page-social-rh-formations .img-html-bloc img {
    width: 100%;
}
.page-social-rh-formations .img-html-bloc::after {
    content: initial !important;
}
/**** end***/
.taxo-second-niveau {
    padding-top: 25px;
}

/* Page mes commission */
.section-civicrm-group .views-element-container h2:before {
    content: '\e81a';
    position: relative;
    font-family: "custom-icon-cv" !important;
    font-style: normal;
    font-weight: 400 !important;
}
.section-civicrm-group .button-purple {
    display: none;
}
/**********/


/******* Liste des documents *****/
.page-admin-content-media #view-changed-table-column {
    padding-top: 20px;
    padding-bottom: 2px;
}
#views-form-media-media-page-list .select-all.views-field {
    padding-left: 18px;
}

#views-form-media-media-page-list .js-form-type-select.js-form-item-action {
    padding-left: 0;
}
#views-form-media-media-page-list td img {
    width: 40%;
}
/******* End Liste des documents *****/

/*******MENU BURGER TAXO*****/
.path-civicrm-participant .civicrm-participant-form .custom_delete_participant {
    height: 2.8rem;
    width: 20%;
    border-radius: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e52329;
    display: inline-flex;
    margin-left: 21px;
}
.path-civicrm-participant .civicrm-participant-form .custom_save_participant {
    height: 2.8rem;
    width: 20%;
    border-radius: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #140d3d;
    display: inline-flex;
}

.path-civicrm-participant .js-form-item-field-message {
    font-family: "new-order", sans-serif !important;
    font-style: normal;
}

.path-civicrm-participant .civicrm-participant-form [name="custom_170[0][value]"] {
    height: 35px;
    border-radius: 5px;
    background-color: transparent;
    line-height: initial;
    border: 1px solid #b8b8b8;
    width: 42%;
}

.path-civicrm-participant .civicrm-participant-form [name="role_id"] {
    height: 35px;
    border-radius: 5px;
    background-color: transparent;
    line-height: initial;
    border: 1px solid #b8b8b8;
    width: 42%;
    background-image: url(/files/arrows-chevron-down-select.png);
}

.path-civicrm-participant .civicrm-participant-form [name="op"]:hover {
    background-image: none;
    color: white;
    background-color: #140d3d;
    text-decoration: none;
    width: auto;
}
.custom_delete_participant .button--danger:hover{
        /* background-color: #FFFFFF; */
    /* border-color: #008ee6; */
    background-image: none;
    color: white;
    background-color: #e52329 !important;
    text-decoration: none;
}

.path-civicrm-participant .civicrm-participant-form [name="op"], .custom_delete_participant .button--danger{
    width: 100%;
    height: auto;
    outline: none;
    border: initial;
    font-weight: 400;
    font-size: 0.8rem;
    background: initial;
    border-color: initial;
    text-transform: uppercase;
    text-decoration: initial;
    color: #fff;
    /* position: absolute; */
    line-height: 1.25em;
}
/******* END CONFIRMER PRESENCE *****/

/* .menu-to-be-hide { */
    /* display: none !important; */
/*}*/
 .menu-to-be-showed {
     /* display: block !important;  */
}

[src="/files/assets/Icon metro-file-zip@2x.png"] {
    background-color: #cc4b4c;
    border: #cc4b4c 1px solid;
}

.page-media-add-document div#edit-status-wrapper {
    padding-left: 11px;
}

/*
 .page-taxonomys #block-menuprincipal {
    display:block !important;
}

.page-taxonomys#main-menu.top-bar.menu-sidebar-open .content-sub-menu-burger {

    display: block !important;
    position: relative !important;
    top: 40px !important;
    padding-top: initial !important;
    margin-left: -23px !important;
    margin-right: -23px !important;
    width: calc(100% + 46PX) !important;
}


.page-taxonomys#main-menu.top-bar.menu-sidebar-open .content-sub-menu-burger {
    display: block;
    position: relative;
    top: 40px;
    padding-top: initial;
    margin-left: -23px;
    margin-right: -23px;
    width: calc(100% + 46PX);
}

.page-taxonomys#main-menu.top-bar {
    width: 223px;
} 
.page-taxonomys #main-menu.top-bar.menu-sidebar-open .content-sub-menu-burger {
    display: block;
    position: relative;
    top: 40px;
    padding-top: initial;
    margin-left: -23px;
    margin-right: -23px;
    width: calc(100% + 46PX);
}
    
.page-taxonomys#main-menu.top-bar .content-sub-menu-burger .item-sub-menu-burger .span-title-burger {
    display: block;
} */
/******** BURGER END TAXO ********/


/* ajout doc => tag & arborescence */ 
.layout__region--second ul.custom-tag-dropdown > ul {
    display: block !important;
}
.layout__region.layout__region--second .field--name-field-tag, .path-media .field--type-entity-reference.field--name-field-tag.field--widget-options-buttons, .section-media .field--type-entity-reference.field--name-field-tags
, .path-media .field--type-entity-reference.field--name-field-tags.field--widget-options-buttons, .section-media .field--type-entity-reference.field--name-field-tag {
     display: none;
}
.detail-title-resume-first-doc .btn-add-meeting .fa-plus-circle {
    margin-right: 1rem;
    font-size: 20px;
}
.detail-title-resume-first-doc .btn-add-meeting {
    text-transform: uppercase;
    font-size: .75rem;
    color: #3e7269;
    padding: 10px 15px;
    font-weight: 600;
    background-color: #f7f5f3;
    border-radius: 20px 0;
    line-height: initial;
    display: flex;
    justify-content: center;
    align-items: center;

    max-height: 50px;
    min-width: 210px;

}
.detail-title-resume-first-doc {
    gap: 155px;
    display: flex;
}
.custom-placeholder-overlay {
    position: absolute;
    top: 331px;
    left: 38px;
    padding: 5px;
    background-color: white;
    pointer-events: none;
}
/*****/

/*****Tous réunion***/
.all-meet-group-name {
    font-weight: bold;
}
/*****/
/***** Page liste des documents en mode vanessa ******/
.page-admin-content-media.role--permanent .form-item{
    float: left;
    padding: 6px;
    margin: 0.75em 0;
}

.page-admin-content-media.role--permanent [id*="edit-actions--3"], .page-admin-content-media.role--permanent #edit-actions{
    display: flex;
    width: 100%;
}
.role--permanent .block-core.block-b-zf-local-actions > nav.action-links > li {
    list-style: none;
}
.page-admin-content-media.role--permanent .js-form-item.form-item.js-form-type-select.form-item-action.js-form-item-action ,
.page-admin-content-media.role--permanent [id*="edit-actions--3"] > input {
    margin-top: 0;
}
/**********/

/*========================================= Police "new order" from CDN ===========================================================*/
h1,h2, h3, p, span, label, li, button, a,  input, select, textarea,.description{
    font-family: "new-order", sans-serif !important;
    font-style: normal;
}
.txt-img-custom-pdf {
    width: 5%;
}

/* Ne pas l'appliquer pour civicrm */
body.page-civicrm h1, body.page-civicrmh3,  body.page-civicrm p,  body.page-civicrm span,  body.page-civicrm label,  body.page-civicrm li,  body.page-civicrm button,
  body.page-civicrm a,   body.page-civicrm input,  body.page-civicrm select,  body.page-civicrm textarea,  body.page-civicrm td,  body.page-civicrm tr,  body.page-civicrm th,
    body.page-civicrm table,  body.page-civicrm .extrait-resume,  body.page-civicrm h2,
 body.page-civicrm .paragraph.paragraph--type--dossier.paragraph--view-mode--default > div:first-of-type > div:nth-child(2),
 body.page-civicrm .title-last-doc{
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-style: normal !important;
}
/*========================================= Fin Police "new order" from CDN ===========================================================*/

/*========================================= Debut ajout document===========================================================*/


.cus-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .cus-tooltip .cus-tooltiptext {
    visibility: hidden;
    width: 162px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0;
    margin-left: -73px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .cus-tooltip .cus-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .cus-tooltip:hover .cus-tooltiptext {
    visibility: visible;
    opacity: 1;
  }

.page-media-add-document.section-media.role--authenticated.role--permanent .layout-container,
[class*="page-media-"].section-media.role--authenticated.role--permanent .layout-container,
.page-media-add-document.section-media.role--authenticated.role--permanent-lecture .layout-container,
[class*="page-media-"].section-media.role--authenticated.role--permanent-lecture .layout-container {
    margin: initial;
}
.custom-add-and-edit-form .form-item-field-filieres-0-value,
.custom-add-and-edit-form #edit-field-media-document-0  #edit-field-media-document-0-upload-button{
    display: none;
 }
.field--name-field-social .fieldset-legend, .field--name-field-source .fieldset-legend{
    font-weight: bold !important;
}
#block-adminimal-theme-breadcrumbs .breadcrumb{
    padding: 2rem 0 1rem;
    line-height: 1.5rem;
}
#block-adminimal-theme-breadcrumbs .breadcrumb ol{
    background-color: #fce7e8;
    width: fit-content;
    padding: 2px 15px;
    border-radius: 10px 0;
}
#block-adminimal-theme-breadcrumbs .breadcrumb li:before {
    content: unset;
}
#block-adminimal-theme-breadcrumbs .breadcrumb ol > li > a,
#block-adminimal-theme-breadcrumbs .breadcrumb ol > li > a:hover{
    color: #000;
    font-weight: 400;
    text-decoration: initial;
}
.adminimal .region-highlighted .messages--error{
    background-color: #fce6e7;
    border-radius: 20px 0;
    color: #e46f7f;
    padding: 20px 5rem;
    border: unset;
    background-size: 2rem;
    background-position: 20px 25%;
}
.custom-add-and-edit-form .layout--twocol-section {
    flex-wrap: initial;
    width: 100%;
    gap: 5rem;
}
.custom-add-and-edit-form #edit-field-type-de-document,
.custom-add-and-edit-form #edit-field-media-document-0-upload,
.custom-add-and-edit-form #edit-field-titre-public-0-value,
.custom-add-and-edit-form .form-item-created-0-value-date input,
 .custom-add-and-edit-form .form-item-created-0-value-time input{
    width: 100%;
}
.custom-add-and-edit-form .form-item-created-0-value-date,
.custom-add-and-edit-form .layout--twocol-section .layout__region--first{
    width: 60%;
    flex: initial !important;
}
 .custom-add-and-edit-form #edit-field-type-de-document-wrapper{
    width: 45%;
}
.custom-add-and-edit-form .form-item-created-0-value-time,
.custom-add-and-edit-form .layout--twocol-section .layout__region--second {
    width: 40%;
    flex: initial !important;
}
.custom-add-and-edit-form #edit-field-source-wrapper {
    width: 35%;
}
.custom-add-and-edit-form #edit-field-social-wrapper {
    width: 20%;
}
 .custom-add-and-edit-form .media-form .field--name-status {
    width: 10%;
    margin-top: 2rem;
}
.custom-add-and-edit-form .wrapper-doc-type,
.custom-add-and-edit-form #edit-field-social,
.custom-add-and-edit-form #edit-field-source,
.custom-add-and-edit-form.wrapper-status-and-author{
    display: inline-flex;
    width: 100%;
}
.custom-add-and-edit-form .wrapper-doc-type{
    gap: 20px;
}
.custom-add-and-edit-form #edit-field-social,
.custom-add-and-edit-form #edit-field-source,
.custom-add-and-edit-form.wrapper-status-and-author {
    gap: 13px;
}
#edit-field-source-wrapper .fieldset-legend.js-form-required{
    position: relative;
}
.custom-add-and-edit-form #edit-field-social .form-item-field-social label{
    text-transform: capitalize;
}
.custom-add-and-edit-form select#edit-field-type-de-document {
    background-image: url('/files/arrows-chevron-down-select.png');
    background-size: 5%;
    background-repeat: no-repeat; 
    background-position: right center;
  }
  
.custom-add-and-edit-form select#edit-field-type-de-document:focus {
    background-image: url('/files/arrows-chevron-up-select.png');
  }
#edit-field-source-wrapper .fieldset-legend.js-form-required:before{
    content: 'Source du document';
    position: absolute;
    font-size: 0.75rem;
    left: 68px;
    white-space: nowrap;
    top: 4px;
    background-color: #f7f7f7;
    border-radius: 10px 0;
    padding: 0.3rem 0.7rem;
    line-height: initial;
    color: #0f7cc0;
    font-weight: 400;
}
.custom-add-and-edit-form #edit-author,
.custom-add-and-edit-form #edit-created-0-value,
.custom-add-and-edit-form .wrapper-status-and-author {
    display: flex;
}
.custom-add-and-edit-form .wrapper-status-and-author,
.custom-add-and-edit-form #edit-author {
    flex-direction: row-reverse;
}
.custom-add-and-edit-form .wrapper-status-and-author{
    justify-content: space-between;
    align-items: center;
}
.media-form .wrapper-status-and-author .field--name-status {
    margin-top: 0;
    width: 15%;
}
.media-form .wrapper-status-and-author .field--name-status .form-item-status-value{
    padding: 0;
    margin: 0;
    float: right;
}
#edit-field-image-selection .js-media-library-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.custom-add-and-edit-form #edit-author {    
    justify-content: flex-end;
    width: 85%;
    gap: 20px;
}
.custom-add-and-edit-form #edit-created-0-value {
    width: 100%;
    gap: 10px;
    margin: 0.75em 0;
}
#edit-created-0-value--description,
#edit-uid-0-target-id--description.description{
    color: #725f2f;
    background-color: #fff5dd;
    padding: 5px 15px;
    border-radius: 10px 0;
    width: max-content;
    font-size: 0.7rem;
}
.custom-add-and-edit-form #edit-uid-wrapper #edit-uid-0-target-id {
    margin: 0.75em 0;
}
.custom-add-and-edit-form #edit-created-wrapper{
    width: 40%;
}
.custom-add-and-edit-form #edit-uid-wrapper{
    width: 60%;
}
.custom-add-and-edit-form #edit-created-wrapper h4{
    font-family: "new-order", sans-serif !important;
    font-weight: bold;
    margin: initial;
    font-size: .875rem;
    line-height: 1.8;
}
.custom-add-and-edit-form #edit-uid-wrapper label {
    margin: initial;
    font-weight: bold;    
    font-size: .875rem;
}
#edit-widget [type='checkbox'] + label{
    margin-right: initial;
}
.custom-add-and-edit-form #edit-field-media-document-0-upload,
.custom-add-and-edit-form #edit-field-media-document-wrapper span.file,
.custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"] {
    width: 80%;
    font-size: 0.85rem;
    padding: 5px;
}
.custom-add-and-edit-form input[type="file"],
.custom-add-and-edit-form input[type="text"],
.custom-add-and-edit-form input[type="date"],
.custom-add-and-edit-form input[type="time"],
.custom-add-and-edit-form select#edit-field-type-de-document {
    height: 35px;
    border-radius: 5px;
    background-color: transparent;
    line-height: initial;
    border: 1px solid #b8b8b8;
}
.custom-add-and-edit-form #edit-field-media-document-wrapper span.file{
    border: 1px solid #b8b8b8;
    display: flex;
    align-items: center;
    border-radius: 5px;    
    padding-left: initial;
    background-position: 5px center;
}
.custom-add-and-edit-form #edit-field-media-document-wrapper span.file a{
    padding-left: 30px; 
}
.custom-add-and-edit-form .js-form-managed-file.form-managed-file{
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}
.custom-add-and-edit-form .form-managed-file span:nth-of-type(2){
    display: none;
}
.custom-add-and-edit-form .file--application-pdf {
    background-image: url(/core/themes/seven/images/classy/icons/application-pdf.png);
    background-repeat: no-repeat;
}
.custom-add-and-edit-form .file--image {
    background-image: url(/core/themes/seven/images/classy/icons/image-x-generic.png);
    background-repeat: no-repeat;
}
.custom-add-and-edit-form .file--x-office-document {
    background-image: url(/core/themes/seven/images/classy/icons/x-office-document.png);
    background-repeat: no-repeat;
}
.custom-add-and-edit-form .js-form-managed-file.form-managed-file .messages.messages--error.file-upload-js-error{
    order: 2;
    width: 100%;
}
.custom-add-and-edit-form  #edit-field-media-document-wrapper [name="files[field_media_document_0]"]{
    order: 1;
}
#edit-field-media-document-wrapper .messages.messages--error.file-upload-js-error {
    background-color: #fce6e7;
    border-radius: 10px 0;
    color: #e46f7f;
    padding: 10px 10px 10px 3rem;
    border: unset;
    background-size: 1.3rem;
    font-size: .7rem;
    background-position: 15px 25%;
    margin: 0 0 1rem 0;
}
.form-item-field-media-document-0 .messages.messages--error{
    background-image: url(/core/misc/icons/e32700/error.svg) !important;
    background: no-repeat 10px 17px;
}
.custom-add-and-edit-form #edit-field-media-document-wrapper [name="field_media_document_0_remove_button"] {
    position: relative !important; 
    margin: initial ;
    padding: initial;
    font-weight: 400;
}
.custom-add-and-edit-form #edit-field-media-document-wrapper [name="field_media_document_0_remove_button"],
.custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::-webkit-file-upload-button,
.custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::file-selector-button{
    background: #e52329;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 19%;
    height: 35px;
  }
.custom-add-and-edit-form #edit-field-media-document-wrapper  [name="files[field_media_document_0]"]::before {
    content: attr(placeholder);
    display: block;
    height: 30%;
}
.custom-add-and-edit-form #edit-field-media-document-0 {
    position: relative;
}
.custom-add-and-edit-form ul.custom-tag-dropdown {
    list-style: none;
}
.custom-add-and-edit-form ul.custom-tag-dropdown .fancytree-expander{
    background-position: 0 -80px;
}
.custom-add-and-edit-form ul.custom-tag-dropdown li span span.fancytree-expander.fancytree-expanded{
    background-position: -32px -80px;
}
.custom-add-and-edit-form ul.custom-tag-dropdown li span span.fancytree-checkbox.checked {
    background-position: 0px -2px !important;
}
.custom-add-and-edit-form ul.custom-tag-dropdown li ul li span span.fancytree-checkbox.checked {
    background-position: -21px -2px !important;
}
.custom-add-and-edit-form ul.custom-tag-dropdown .term-don-t-have-child > .fancytree-expanded > .fancytree-checkbox {
    width: 20px;
    height: 20px;
    background-position: -42px -2px;
    background-image: url('/files/check-image.png');
}
.custom-add-and-edit-form ul.custom-tag-dropdown .term-who-had-child > .fancytree-expanded > .fancytree-checkbox,
.custom-add-and-edit-form ul.custom-tag-dropdown .term-who-had-child > .fancytree-has-children  > .fancytree-checkbox.checked  {
    background-position: -63px -2px !important;
    width: 20px;
    height: 20px;
    background-image: url('/files/check-image.png');
}
.custom-add-and-edit-form ul.custom-tag-dropdown .fancytree-node.fancytree-has-children {
    display: flex;
}
.custom-add-and-edit-form input[type=radio]{
    border: 1px solid #2a2b2c;
}
.custom-add-and-edit-form input[type=radio]:focus,
.custom-add-and-edit-form input[type=checkbox]:hover {
    border-color: #2a2b2c;
  }
.custom-add-and-edit-form input[type=radio]:checked{
    background: #2a2b2c;
  }

.custom-add-and-edit-form input[type=checkbox]{
    border: 2px solid #2a2b2c;
    border-radius: 3px;
    width: 20px !important;
    height: 20px !important;
}
.custom-add-and-edit-form input[type="checkbox"]:checked {
    box-shadow: initial;
    position: relative;
    background: #0074BD;
    border: 2px solid #0074BD;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto;
  }
.custom-add-and-edit-form #edit-filiere{
    padding-top: 15px;
} 
.custom-add-and-edit-form #edit-filiere input[type="checkbox"]:checked+label.option{
    text-decoration: underline;
  }
.custom-add-and-edit-form #edit-filiere #edit-widget {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}  
.custom-add-and-edit-form .form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}
.custom-add-and-edit-form #edit-filiere legend span.fieldset-legend,
.custom-add-and-edit-form .form-item-field-media-document-0 label,
.custom-add-and-edit-form .form-item-name-0-value label,
.custom-add-and-edit-form .form-item-field-titre-public-0-value label,
.custom-add-and-edit-form .form-item-field-type-de-document label,
.custom-add-and-edit-form .form-item-field-resume-0-value label,
.custom-add-and-edit-form .form-item-field-groupes label {
    font-weight: bold;
}  
.custom-add-and-edit-form #edit-filiere .form-checkboxes label.option,
.custom-add-and-edit-form #edit-created-wrapper input.form-date,
.custom-add-and-edit-form #edit-created-wrapper input.form-time,
.custom-add-and-edit-form #edit-uid-wrapper [name="uid[0][target_id]"]{
    font-size: 1rem;
}
.layout__region--second .all-tag-dropdown,
.layout__region--second  #edit-field-groupes-wrapper {
    background-color: #f7f7f7;
    padding: 1rem;
    border-radius: 10px;
}
.layout__region--second  #edit-field-groupes-wrapper {
    margin-top: 20px;
}
.layout__region--second .all-tag-dropdown ul{
    margin: initial;
    padding: initial;
}
.layout__region--second .all-tag-dropdown ul ul {
    padding-inline-start: 40px;
}
.layout__region--second ul.custom-tag-dropdown ul{
    display: none;
    list-style: none;
}
.custom-add-and-edit-form.media-document-add-form.media-form #edit-actions,
.custom-add-and-edit-form.media-document-edit-form.media-form #edit-actions {
    position: relative;
    display: flex;
    justify-content: center;
    bottom: 0;
    width: 100%;
    gap: 20px;
    padding-bottom: 10px;
    left: 0;
    z-index: 8;
}
.custom-add-and-edit-form.media-document-add-form.media-form #edit-actions.fixed-button,
.custom-add-and-edit-form.media-document-edit-form.media-form #edit-actions.fixed-button {
    position: fixed;
}
.custom-add-and-edit-form .div-parent-save #edit-submit.button--primary {
    width: 20%;
}
.custom-add-and-edit-form .div-parent-save,
.custom-add-and-edit-form .div-parent-delete {
    height: 2.8rem;
    width: 20%;
    border-radius: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-add-meeting.groupes {
    margin-top: 20px;
}
.btn-add-meeting-empty {
    text-transform: uppercase;
    font-size: .75rem;
    color: #3e7269;
    padding: 10px 15px;
    font-weight: 600;
    background-color: #f7f5f3;
    border-radius: 20px 0;
    line-height: initial;
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 15%;
}
.btn-add-meeting-empty .fa-plus-circle {
    margin-right: 1rem;
    font-size: 20px;
}
.custom-add-and-edit-form .div-parent-save {
    background-color: #140d3d;
}
.custom-add-and-edit-form .div-parent-delete {
    background-color: #e52329;
}
.custom-add-and-edit-form .div-parent-delete #edit-delete.button--danger{
    width: 20%;
}  
.content-resume-doc p {
    font-size: 100% !important;
}  

.section-civicrm-event .medium-9.cell {
    width: 100%;
}
.section-civicrm-event #sidebar_left {
    display: none;
}
.custom-add-and-edit-form .div-parent-save #edit-submit,
.custom-add-and-edit-form .div-parent-delete #edit-delete{    
    width: 100%;
    height: auto;
    outline: none;
    border: initial;
    font-weight: 400;
    font-size: 0.8rem;
    background: initial;
    border-color: initial;
    text-transform: uppercase;
    text-decoration: initial;
    color: #fff;
    position: absolute;
}
.custom-add-and-edit-form #edit-actions {
    position: fixed !important;
} 
.custom-add-and-edit-form .div-parent-save i,
.custom-add-and-edit-form .div-parent-delete i{
    position: relative;
    font-size: 1.3rem;
    right: 30%;
    top: -1px;
    color: #fff;
}
.custom-add-and-edit-form .layout__region--second #edit_field_groupes_chosen {
    width: 100% !important;
}
.layout__region--second .chosen-container-multi .chosen-choices {
    min-height: 150px;
    border-radius: 5px;
    box-shadow: initial;
    border: 1px solid #e7e0d9;
    background-image: initial;
    background-color: #fff;
    margin: 0;
}
ul.chosen-results,
.layout__region--second .chosen-container-multi .chosen-choices {
    list-style-type: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-left: 0;
}
ul.chosen-results li {
    font-size: 0.85rem;
}
.layout__region--second .chosen-container-multi .chosen-choices  li.search-field input.chosen-search-input{
    border: none;
    width: 100% !important;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.layout__region--second .chosen-container-multi .chosen-choices li.search-choice {
    border: initial;
    background-image: initial;
    line-height: inherit;
    background-color: #e7e0d9;
    padding: 5px 10px 5px 30px;
    margin: 3px 5px 3px 3px;
    display: flex;
    position: relative;
    overflow: hidden;
    font-size: 0.85rem;
    width: fit-content;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(/files/chosen-sprite.png) -42px 1px no-repeat;
}
.layout__region--second .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 10px;
    left: 10px;
    right: initial;
    background-position: -42px -10px;
}
.layout__region--second .form-item-field-groupes .chosen-container .chosen-results li.highlighted {
    background-color:#e7e0d9;
    background-image: initial;
}
.layout__region--second .delete-all{
    color:#e52329;
    text-decoration: underline;
    cursor: pointer;
}

.section-taxonomy  article .js-media-library-item-preview + div {
    text-align: left;
}

#taxonomy .taxonomy-term-preview {
    display: none;
}


.section-taxonomy .field--name-field-document article .js-media-library-item-preview > div {
    margin-left: -7px;
    padding-bottom: 15px !important;
    width: 65%;
}
.section-taxonomy .field--name-field-document .js-media-library-selection .js-media-library-item {
    width: 16%;
}
.section-taxonomy .field--name-field-document article .js-media-library-item-preview div span {
    padding-left: 26px;
}
.section-taxonomy .field--name-field-document article .js-media-library-item-preview a {
    margin-left: -31px;
}
.js-media-library-widget.js-form-item.js-form-wrapper.form-wrapper .js-media-library-item > input.form-submit {
    display: flex;
}


.layout__region--second .delete-all:hover{
    text-decoration: initial;
}
.layout__region--second #edit-field-groupes--description {
    text-align: end;
}
.custom-add-and-edit-form #edit-field-resume-0-format-help-about {
    float: right;
    position: relative;
    margin: 0 20px 0 0;
    color: #0074bd;
    text-decoration: none;
    font-size: 0.875rem;
  }
.custom-add-and-edit-form #edit-field-resume-0-format-help-about::after {
    top: 0;
    right: -20px;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    content: "";
    background: transparent url(/core/misc/help.png);
}
.custom-add-and-edit-form #edit-field-resume-0-format-help-about:hover{    
    text-decoration: underline;
    outline: 0;
}
.custom-add-and-edit-form #edit-field-resume-0-format {
    background: #F7F7F7;
    margin: 0;
    padding: 0.5em 0.666em;
    border: 1px solid #ccc;
    border-top: 0;
}
.custom-add-and-edit-form .form-item-field-resume-0-format label {
    display: inline;
    padding: 0;
    font-weight: bold;
    margin: 0 0 0.2em;
}
.custom-add-and-edit-form #edit-field-resume-0-format--2 {
    min-height: 28px;
    padding: 1px 1.571em 1px 0.5em;
    cursor: pointer;
    text-shadow: none;
    font-size: 0.875rem;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    margin: initial;
    width: initial;
    height: initial;
} 

.page-civicrm-bulletin-de-cotisation-infomration-contact .medium-12.cell {
    z-index: 4;
}
.date-creation-and-file-size p {
    margin-bottom: 5px;
}


/**SITE METIER **/
/*Taille de la police */
.page-taxonomy-term-6332 article.grid-container {
    display: none;
}
.custom-class-site-metier.top-bar li a {
    margin: .5rem 0;
    padding: .2rem .7rem;
    text-transform: uppercase;
    font-size: .90rem;
}
div#block-b-zf-page-title h1 {
    font-weight: 600;
}
.this-is-metier-detail-page h1, .metier-home-title-video a , .this-is-metier-detail-page  .metier-m-description h1 {
    font-size: 2.4rem;
}
.metier-home-title-video li a {
    font-size: 18px !important;
}
.this-is-metier-detail-page p {
    font-size: 18px;
}
.this-is-metier-detail-page h1 {
    font-size: 2.4rem;
}
.metier-m-description h1 {
    text-align: center;
}
.site-metier-footer .footer-company-about {
    color: white !important;
}
.site-metier-footer .footer-left {
    border-top-left-radius: 34px;
}
.site-metier-footer .footer-company-details {
    background-color: #e52329;
    color: white;
    padding: 11px;
    border-top-left-radius: 65px;
}

/* end POLICE */


.page-taxonomy-term-6330 #block-pagedetalmetierdocumentblock {
    top: 2%;
    width: 31%;
}
.page-taxonomy-term-6330  .metier-div-grid-container  .medium-12.cell {
    position: relative;
}

.cust-output img {
    height: 313px;
    width: 560px;
    max-width: 100%;
    border-radius: 17px;
    object-fit: cover;
}
.metier-m-description p, .metier-m-description h2 {
    text-align: center;
}
.metier-div-grid-container .breadcrumb.c-breadcrumb{
    display: none;
}
.metier-m-description h2 {
    font-weight: bold;
}
.this-is-metier-detail-page .paragraph.paragraph--type--texte-long-editeur-riche.paragraph--view-mode--default {
    padding-top: 15px;
}
.this-is-metier-detail-page .medium-12.cell {
    display: block;
}
.metier-div-grid-container .grid-margin-x > .medium-12 {
    margin-left: 38px;
}
.metier-div-grid-container .metier-link-down-doc {
    padding-bottom: 3px;
}
.metier-div-grid-container .paragraph.paragraph--type--image-full-width img {
    width: 96%;
    height: 585px;
    object-fit: cover;
}
.metier-link-down-doc {
    padding-bottom: 15px;
}
.page-taxonomy-term-6332 hr.doc-hr {
    margin-bottom: 8px !important;
    height: 0;
}
.page-taxonomy-term-6342 .metier-div-grid-container .paragraph--type--texte-long-editeur-riche ul li::before {
    top: 11px;
}
.page-taxonomy-term-6338 #block-pagedetalmetierdocumentblock {
    top: 44%;
}

#block-pagedetalmetierdocumentblock {
    position: absolute;
    top: 35%;
    left: 64%;
}
.page-taxonomy-term-6334 #block-pagedetalmetierdocumentblock{
    top: 42%;
    left: 72%;
}
p.title-docmetier {
    font-size: 15px;
}
.page-taxonomy-term-6341 #block-pagedetalmetierdocumentblock {
    top: 720px;
    left: 72%;
}
.page-taxonomy-term-6337 #block-pagedetalmetierdocumentblock {
    top: 55%;
    left: 71%;
}
.metier-div-grid-container {
    width: 73% !important;
    max-width: 75% !important;
}
.metier-div-grid-container .paragraph.paragraph--type--texte-long-editeur-riche.paragraph--view-mode--default {
    width: 63%;
}
.overlay-site-metier-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 50px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0.7) 86%, rgba(0, 0, 0, 0.7) 99%);
}
.doc-hr {
    width: 80%;
    margin-top: 0;
}
.metier-link-down-doc {
    padding-left: 0;
}
.metier-link-down-doc a {
    color: black;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}
.metier-link-down-doc i.fas.fa-file-download {
    padding-right: 10px;
}
.metier-div-grid-container .medium-12 {
    display: inline-flex;
}
.date-creation-and-file-size {
    display: block;
    padding-left: 0;
}
p.title-docmetier {
    width: auto;
    padding-right: 10px;
    margin-bottom: 0;
    color: black;
}
.img-and-title {
    display: inline-flex;
    width: auto;
    max-width: 20%;
}
img.detail-metier-doc-img {
    width: 56%;
}

.date-creation-and-file-size {
    color: #e7e0d9;
}

.date-created-docmetier, .size-docmetier {
    font-size: 13px;
    color: #8b8383;
}
.cust-output  {
    display: flex;
    flex-direction: column;
}
.cust-output .metier-home-title-video li a {
    margin-top: 7px;
    position: absolute;
}

.metier-detail-document {
    border: 1px solid #e7e0d9;
    border-top: none;
    border-top-left-radius: 30px;
}

.all-element-doc {
    padding-left: 11px;
    display: inline-flex;
}

p.document-head-detail-metier {
    background-color: #e7e0d9;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 14px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    font-weight: bold;
}

#block-pagedetalmetierdocumentblock {
    width: 25%;
}
.this-is-metier-detail-page .medium-12.cell, .metier-div-grid-container  .medium-12.cell {
    position: relative;
} 
ul.metier-second-menu.submenu.is-dropdown-submenu.first-sub.vertical {
    margin-left: -0px !important;
}
.video-block-cus {
    position: relative;
}
.page-taxonomy-term-6332 .metier-m-description p {
    font-weight: 700;
    font-size: 2.2rem;
}
.page-taxonomy-term-6332 #block-pagedetalmetierdocumentblock {
    position: absolute;
    top: 0;
    left: 71.5%;
}
.custom-overlay-hide-youtube-link-detail {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 40%;
    height: 30px;
    background-color: black;
    z-index: 555;
    border-radius: 0;
}
header .site-logo img.metier-logo-cv {
    width: 100%;
}
.custom-overlay-hide-youtube-link {
    position: absolute;
    right: 18px;
    bottom: 7px;
    width: -webkit-fill-available;
    height: 50px;
    background-color: black;
    z-index: 55;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.page-taxonomy-term-6343 #block-pagedetalmetierdocumentblock {
    top: 0;
    left: 71%;
}
.page-taxonomy-term-6343 article.grid-container, .page-taxonomy-term-6342 article.grid-container {
    display: none;
}
.page-taxonomy-term-6342 #block-pagedetalmetierdocumentblock {
    top: 0;
    left: 71%;
}
.page-taxonomy-term-6342 .metier-div-grid-container .metier-m-description p, .page-taxonomy-term-6342 .metier-div-grid-container .metier-m-description h2{
    font-size: 2.4rem;
    font-weight: 700;
}
.term-metier-viandes > .metier-m-description {
    position: absolute;
    color: white;
    top: -360px;
    left: 272px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 54%;
}
.metier-div-grid-container .paragraph--type--texte-long-editeur-riche ul li {
    list-style: none;
    position: relative;
    padding-left: 30px; /* Add padding to create space for custom marker */

}
.metier-div-grid-container .paragraph--type--texte-long-editeur-riche ul li::before  {
    content: "\2714";
    color: white;
    background-color: #3e7269;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: 51%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 10px;
    line-height: 12.5px;

}
.metier-div-grid-container .paragraph--type--videos > div:nth-child(2) {
    background-color: #e7e0d9;
    height: 85px;
    padding-top: 15px;
    font-weight: bold;
    padding-left: 20px;
    border-bottom-right-radius: 25px;
    width: 97%;
    margin-bottom: 20px;
}
p.m-metier {
    text-transform: uppercase;
    color: red;
    font-weight: 400;
}
.metier-div-grid-container .paragraph--type--videos {
    display: flex;
    flex-direction: column;
}
.metier-div-hero  {
    width: 73.5% !important;
    left: -3px;
    top: -48px;
    padding-left: 0 !important;
    margin-left: 12% !important;
}
.metier-div-hero .block-core {
    display: none !important;
}
#main-menu.top-bar.menu-sidebar-open {
    width: 12%;
}
.title-actuality {
    font-weight: bold;
}
.title-actu {
    padding-top: 20px;
}
.term-metier-viandes .paragraph--type--videos iframe {
    width: 100%;
    height: 580px;
}
.div-parent-overlay {
    width: 97%;
}
.container-actu {
    display: flex;
    padding-top: 70px;
}
body #main-menu .grid-container nav.nav_custom_class_metier {
    display: block;
}
.metier-actu {
    padding-right: 27px;
}

.each-actu img {
    width: 21vw;
    max-width: unset;
    border-bottom-right-radius: 51px;
    border-top-left-radius: 51px;
}

nav#block-menuprincipal ul.menu-site-metier >li.menu-item--expanded::after {
    display: none;
}

#main-menu.top-bar.menu-sidebar-open .content-sub-menu-burger.site-metier-sub-menu-burger:before {
    display: none;
}

.custom-metier-banner {
    margin-left: -15px;
    background-color: #3e7269;
    display: flex;
    height: 145px;
    margin-left: -13px;
    width: 73.5%;
    color: white;
    top: 0px;
    border-bottom-right-radius: 60px;
    position: absolute;
}
.cust-txt-banner-home {
    padding-left: 7%;
    font-weight: bold;
}
.div-img-metier-head-leaf {
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    width: inherit;
}
.img-metier-head-leaf {
    width: 15%;
    padding-left: 7%;
    padding-bottom: 4%;
}

.section-accueil-metier .breadcrumb.c-breadcrumb {
    display: none;
}

.custom-metier-div {
    padding-bottom: 133px;
}

.metier-each-media-video {
    width: 32.66%;
    display: inline-flex;
    padding-right: 21px;
}
ul.metier-home-title-video li {
    list-style: none;
}
.metier-text-img-video iframe {
    border-radius: 18px;
}
.cust-output img {
    display: list-item;
}

input#edit-submit.metier-submit-newsletter {
    background: #140d3d;
    width: 20%;
    border-radius: 10px;
}

.block-phenix-custom-block.block-metiernewsletterblock {
    background: #e7e0d9;
    padding: 24px;
    text-align: center;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-top: 70px;
    width: 98%;
}
ul.metier-home-title-video a {
    color: black;
    font-weight: bold;
}
.cust-text-newlsetter {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 73px;
}
.block-phenix-custom-block.block-metiernewsletterblock .metier-newsletter-input {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.desc-newsletter {
    width: 36%;
}
.metier-newsletter-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.metier-img-newsletter {
    float: left;
    width: 6%;
}
.this-is-metier-detail-page#main {
    padding-top: 0;
}
.grid-container.metier-div-grid-container#main:before {
    content: "";
    background: url(/files/before-section-main-metier.png) no-repeat center 0;
    right: 71px;
    width: 12%;
    top: 263px;
    height: 800px;
    position: fixed;
    background-size: contain;
}

.metier-div-hero.grid-container.full.hero.hero-taxonomy:before {
    content: "";
    background: url(/files/before-section-title.png) no-repeat center 0;
    left: -28px;
    bottom: 99px;
    width: 150px;
    height: 346px;
    position: absolute;
    background-size: contain;
}
.metier-div-hero.grid-container.full.hero.hero-taxonomy {
    /* background-image: url(/sites/test-culture-viande.dev.makoa.net/files/2023-07/porc.jpg); */
    z-index: -1;
}
.grid-container-metier-detail {
    display: none;
}
.page-taxonomy-term-6336 #block-pagedetalmetierdocumentblock {  /* deja mis en prod */
    top: 46.5%;
    left: 72%;
}

.page-taxonomy-term-6338 #block-pagedetalmetierdocumentblock {/*  mep */
    left: 72%;
}
.custom-class-site-metier .is-dropdown-submenu > li {
    width: 100%;
}
.custom-class-site-metier #block-menuprincipal ul .submenu.is-dropdown-submenu {
    margin-left: 3px;
    z-index: 10;
}
.metier-link-down-doc .fa-file-download::before {
    font-size: 20px;
}
.ytp-chrome-top.ytp-show-cards-title {
    display: none;
}

.custom-overlay-hide-sharing {
    position: absolute;
    left: 0;
    width: -webkit-fill-available;
    height: 52px;
    background-color: black;
    z-index: 66666;
    border-radius: 0;
    top: 528px;
}
.page-taxonomy-term-6343 .metier-div-grid-container .paragraph--type--texte-long-editeur-riche ul li::before{
    top: 27%;
}

/*overlay pour cacher le logo*/
 .custom-overlay-hide-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-fill-available;
    height: 60px;
    background-color: rgba(0, 0, 0, 1.92);
    pointer-events: none;
    z-index: 2;
    border-top-left-radius: 22%;
    border-top-right-radius: 22%;
} 
#player .ytp-title-enable-channel-logo .ytp-title-channel {
    display: none !important;
}
#player {
    background-color: red;
}
.div-parent-overlay {
    position: relative;

}

.metier-mobile {
    padding: 10px 10px 10px;
    display: flex;
    flex-direction: row;
    padding-top: 0;
}

/*========================================= Fin ajout document===========================================================*/
/* Large devices (desktops) */
@media (max-width: 1800px) {
    /* body {
        background-color: blueviolet !important;
    } */
    .custom-class-site-metier nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li:hover {
        width: 80%;
    }
    .custom-class-site-metier nav#block-menuprincipal ul > li > ul > li >ul {
        left: 160px;
    }
    .custom-class-site-metier nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li {
        width: 80%;
    }
    .custom-class-site-metier .is-dropdown-submenu > li {
        width: 89%;
    }
    .all-menu-checkboxes .form-checkboxes .form-item {
        width: 25%;
    }
    .custom-add-and-edit-form #edit-filiere #edit-widget {
        flex-wrap: wrap;
        justify-content: initial;
    }
    .custom-add-and-edit-form .wrapper-doc-type {
        flex-wrap: wrap;
        gap: initial;
    }
    .custom-add-and-edit-form #edit-field-type-de-document-wrapper {
        width: 100%;
    }
    .custom-add-and-edit-form #edit-field-social-wrapper,
    .custom-add-and-edit-form #edit-field-source-wrapper {
        width: 50%;
    }
    .custom-add-and-edit-form .wrapper-status-and-author {
        gap: 15px;
    }
}
@media (max-width: 1400px) {
    .all-menu-checkboxes .form-checkboxes .form-item {
        width: 33.333%;
    }
    .custom-metier-banner {
        width: 86.5%;
    }
    .cust-output img {
        max-width: 102%;
        height: 315px;
    }
    /* body {
        background-color: #5cc2c5 !important;
    } */
    .grid-container.full.site-metier-footer {
        margin-right: 0;
    }
    .page-accueil-metier article.grid-container {
        margin-right: 0;
        margin-left: 250px;
    }
    /* .custom-overlay-hide-logo {
        position: absolute;
        width: 4.4%;
    } */
    .custom-class-site-metier nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li {
        width: 107%;
    }
    .custom-class-site-metier nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li:hover {
        width: 108%;
    }
    .custom-class-site-metier #block-menuprincipal ul .submenu.is-dropdown-submenu {
        margin-left: 15px;
    }
    .metier-div-hero.grid-container.full.hero.hero-taxonomy:before {
        left: 76px;
        bottom: 12px;
        width: 126px;
    }
    .section-accueil-metier .grid-container#main:before {
        left: 95%;
        position: fixed;
    }
    .grid-container.metier-div-grid-container#main:before {
        width: 6%;
        display:none;
    }
    .term-metier-viandes > .metier-m-description {
        top: 175px;
        left: 358px;
    }
    .metier-div-grid-container #block-pagedetalmetierdocumentblock {
        position: absolute;
        top: 43%;
        left: 71%;
    }
    .metier-link-down-doc {
        padding-left: 0;
    }
    .metier-div-hero {
        width: 100% !important;
        max-width: 81% !important;
    }
    .metier-each-media-video {
        width: 49%;
        display: inline-flex;
        padding-right: 21px;
    }
}
/* Large devices (desktops) */
@media (max-width: 1200px) {
    /* site metier */
    /* body {
        background-color: #806086 !important;
    } */
    .page-accueil-metier article.grid-container {
        margin-right: 0;
        margin-left: 207px;
    }
    .metier-div-grid-container#main {
        margin-right: 0px !important;
        margin-left: 22%;
    }
    .term-metier-viandes > .metier-m-description {
        top: 197px;
        left: 282px;
        width: 61%;
    }
    .this-is-metier-detail-page::before {
        content: none !important;
    }
    .this-is-metier-detail-page#main {
        padding-top: 0;
    }
    .grid-container.hero.hero-taxonomy {
        width: 100%;
        margin-right: 0 !important;
        max-width: 100%;
        left: 69px;
    }
    .metier-div-grid-container #block-pagedetalmetierdocumentblock {
        position: absolute;
        top: 39%;
        left: 70%;
        width: 28%;
    }
    .metier-div-grid-container::before {
        content: none;
    } 
    /* body {
        background-color: #ca669d !important;
    } */
    .img-and-title {
        display: inline-flex;
        width: auto;
        max-width: 18%;
    }
    img.detail-metier-doc-img {
        width: 71%;
    }
    .metier-div-grid-container #block-pagedetalmetierdocumentblock {
        position: absolute;
        top: 40.5%;
        left: 70%;
        width: 28%;
    }
    .page-accueil-metier .grid-container {
        max-width: 78%;
        margin-right: 19px;
    }
    /* .custom-overlay-hide-logo {
        position: absolute;
        width: 5.4%;
        height: 2.1%;
    } */
    .custom-class-site-metier #block-menuprincipal ul .submenu.is-dropdown-submenu {
        margin-left: 10px;
    }
    body .custom-class-site-metier#main-menu .grid-container nav {
        padding-left: 8px;
    }
    .custom-class-site-metier .is-dropdown-submenu > li {
        width: 81%;
    }
    .custom-class-site-metier nav#block-menuprincipal ul > li > ul > li >ul {
        left: 113px;
    }
    .custom-class-site-metier nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li:hover {
        width: 85%;
    }
    .custom-class-site-metier nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li {
        width: 85%;
    }
    .metier-div-hero.grid-container.full.hero.hero-taxonomy:before {
        left: -15px;
        bottom: 12px;
        width: 126px;
    }
    .section-accueil-metier div#content {
        padding-left: 15px;
    }

    .section-accueil-metier .grid-container#main {
        width: 100%;
        max-width: 81.5%;
        margin-right: 58px;
        margin-right: 0;
    }
    .metier-each-media-video {
        width: 49%;
    }
    .section-accueil-metier  .grid-container#main:before {
        content: none;
    }
    .metier-div-grid-container .grid-margin-x > .medium-12 {
        margin-left: 0;
    }
    .this-is-metier-detail-page {
        width: 100% !important;
        max-width: 79% !important;
    }
    .metier-div-grid-container .paragraph.paragraph--type--texte-long-editeur-riche.paragraph--view-mode--default {
        width: 60%;
    }
    .metier-div-hero {
        width: 80% !important;
        max-width: none !important;
    }
    /* end site metier */
    .my-contact-form {
        width: 100%;
    }
    .custom-add-and-edit-form .layout--twocol-section {
        gap: 1rem;
    }
    .all-menu-checkboxes .form-checkboxes .form-item {
        width: 25%;
    }
    .custom-add-and-edit-form .div-parent-save i, .custom-add-and-edit-form .div-parent-delete i {
        right: 20%;
    }
    .custom-add-and-edit-form .js-form-managed-file.form-managed-file {
        flex-wrap: nowrap;
    }
    #edit-field-media-document-wrapper .messages.messages--error.file-upload-js-error {
        position: absolute;
        width: auto;
        top: 36px;
    }
    .layout__region--second .all-tag-dropdown ul ul {
        padding-inline-start: 30px;
    }
    #progressbar li {
        cursor: pointer;
        list-style-type: none;
        color: #679b9b;
        text-transform: uppercase;
        font-size: 9px;
        width: 13.5%;
        float: left;
        text-align: center;
        position: relative;
    }
}
/* Medium devices (tablets) */
@media (max-width: 992px) { 
    
    .site-extranet-cv  + .title-bar {
        display: none !important;
    }
    .metier-mobile a.site-logo {
        background-color: #e52329;
    }
    .page-accueil-metier .title-bar {
        background: #e52329;
    }
    .cust-output img {
        max-width: 129%;
        height: 486px;
    }
    .section-accueil-metier article.grid-container {
        margin-left: 0;
    }
    .custom-metier-banner {
        width: 102%;
    }
    .custom-metier-banner {
        width: 101.5%;
    }
    /* body {
        background-color: #0074BD !important;
    } */
    #footer.site-metier-footer {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
    #footer.site-metier-footer .footer-left {
        width: 65%;
    }
    #footer.site-metier-footer .footer-center {
        width: 50%;
    }
    .cust-output ul.metier-home-title-video {
        padding-bottom: 25px;
    }
    .custom-metier-banner {
        top: 169px;
        border-bottom-right-radius: 0;
    }
    .metier-logo-cv {
        display: none !important;
    }
    .metier-text-img-video {
        width: 100%;
    }
    .grid-container full.site-metier-footer#footer {
        max-width: 100%;
        margin-left: 0 !important;
    }
    .div-parent-overlay iframe {
        max-width: 100%;
        width: 100%;
        height: 420px;
    }

    .metier-div-grid-container .medium-12.cell {
        position : relative;
    }
    /* .custom-overlay-hide-logo {
        position: absolute;
        width: 7.4%;
        height: 2.1%;
    } */
    .metier-each-media-video {
        width: 100%;
        display: inline-flex;
        padding-right: 21px;
    }
    .custom-class-site-metier#main-menu {
        height: auto;
    }
    .date-creation-and-file-size {
        padding-left: 0;
    }
    img.detail-metier-doc-img {
        width: 66%;
    }
    .img-and-title {
        display: inline-flex;
        width: inherit;
        max-width: 30%;
    }
    
    .section-taxonomy .title-bar {
        background-color: #e52329;
    }
    .section-accueil-metier .grid-container {
        margin: initial;
    }
    .grid-container-metier-detail {
        display: none;
    }
    .metier-div-hero.grid-container.full.hero.hero-taxonomy {
        width: 96% !important;
        left: -3px;
    }
    .term-metier-viandes > .metier-m-description {
        top: -246px;
        left: 151px;
        width: 61%;
    }
    .metier-div-hero.grid-container.full.hero.hero-taxonomy:before {
        content: none;
    }
    .metier-div-grid-container#main {
        margin-right: 0px !important;
        margin-left: 7%;
    }
    .metier-div-grid-container #block-pagedetalmetierdocumentblock {
        position: absolute;
        top: 37%;
        left: 64%;
        width: 32%;
    }

    .custom-overlay-hide-youtube-link {
        right: 50px;
    }
    .page-taxonomy-term-6342 #block-pagedetalmetierdocumentblock {
        position: absolute;
        top: 0%;
        left: 73%;
        width: 52%;
    }

    .page-taxonomy-term-6336 #block-pagedetalmetierdocumentblock {
        top: 38.5%;
    }
    .page-taxonomy-term-6341 #block-pagedetalmetierdocumentblock {
        top: 38%;
    }
    .page-taxonomy-term-6334 #block-pagedetalmetierdocumentblock {
        top: 38.6%;
    }
    .page-taxonomy-term-6337 #block-pagedetalmetierdocumentblock {
        top: 31.5%;
    }
    .this-is-metier-detail-page {
        width: 100% !important;
        max-width: 94% !important;
    }
    .metier-div-hero {
        margin-left: 0 !important;
        top: -22px;
    }
    .grid-container-metier-detail {
        left: 0;
        margin-left: 0 !important;
    }
    .custom-metier-banner {
        width: 102.5%;
    }
    .grid-container-metier-detail {
        margin-left: 0;
    }
    .section-accueil-metier .grid-container#main {
        width: 100%;
        max-width: 100%;
    }
    /* .custom-class-site-metier {
        display: none !important;
    } */
    /* .custom-class-site-metier {
        top: 56px;
    } */
    .custom-class-site-metier#main-menu {
        top: 220px;
    }
    .page-accueil-metier .custom-class-site-metier#main-menu {
        /* top: 196px; */
        top: 353px;
    }
    #progressbar li {
        cursor: pointer;
        list-style-type: none;
        color: #679b9b;
        text-transform: uppercase;
        font-size: 9px;
        width: 13.5%;
        float: left;
        text-align: center;
        position: relative;
    }
    .custom-add-and-edit-form #edit-field-media-document-0-upload,
    .custom-add-and-edit-form #edit-field-media-document-wrapper span.file,
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"] {
        width: 75%;
    }
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="field_media_document_0_remove_button"],
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::-webkit-file-upload-button,
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::file-selector-button{
        width: 25%;
    } 
  /*   .custom-add-and-edit-form .wrapper-doc-type {
        flex-wrap: wrap;
        gap: initial;
    } */
/*     .custom-add-and-edit-form #edit-field-type-de-document-wrapper, */
    .custom-add-and-edit-form #edit-uid-wrapper #edit-uid-0-target-id,
    .custom-add-and-edit-form #edit-uid-wrapper,
    .custom-add-and-edit-form #edit-created-wrapper,
    .media-form .wrapper-status-and-author .field--name-status {
        width: 100%;
    }
    .custom-add-and-edit-form #edit-field-source-wrapper{
        width: 60%;
    }
    .custom-add-and-edit-form #edit-field-social-wrapper {
        width: 40%;
    }
    .custom-add-and-edit-form .wrapper-status-and-author {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .custom-add-and-edit-form #edit-author {
        width: 100%;
        gap: initial;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .custom-add-and-edit-form .div-parent-save i,
    .custom-add-and-edit-form .div-parent-delete i {
        right: 15%;
    }
    .layout__region--second .all-tag-dropdown ul ul {
        padding-inline-start: 20px;
    }
}
/* Small devices (landscape phones) */

@media (max-width: 768px) {
    .page-taxonomy-term-6332  article.grid-container {
        display: none;
    }
    
    .this-is-metier-detail-page .metier-m-description h1 {
        font-size: 20px;
    }
    .metier-mobile a.site-logo {
        background-color: #e52329;
    }
    .custom-overlay-hide-sharing {
        top: 215px;
    }
    nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li.menu-item--expanded.second-level-active, nav#block-menuprincipal ul >li.first-level-click>ul.first-sub>li:hover, nav#block-menuprincipal ul >li.premier-niv>ul.metier-first-menu>li:hover {
        background-color: unset !important;
    }
    .section-accueil-metier a.site-logo {
        background-color: #e52329;
    } 
    body .dialog-off-canvas-main-canvas .metier-div-grid-container .metier-m-description p,
    body .dialog-off-canvas-main-canvas .metier-div-grid-container .metier-m-description h2 {
        font-size: 18px;
    }
    /* taille police respo*/
    .custom-class-site-metier.top-bar li a {
        margin: .5rem 0;
        padding: .2rem .7rem;
        text-transform: uppercase;
        font-size: .85rem;
    }

    .this-is-metier-detail-page h1, .metier-home-title-video a ,.this-is-metier-detail-page p  {
        font-size: 16px;
    }

    .this-is-metier-detail-page h1 {
        font-size: 2.1rem;
    }

    .metier-div-grid-container .paragraph--type--videos > div:nth-child(2) {
        height: 97px;
    }

    /*end */
    .page-accueil-metier .site-metier-header {
        display: block;
    }
    .two-elements {
        display: inline-flex;
        flex-direction: column;
    }
    .cust-output img {
        max-width: 100%;
        height: 242px;
        width: auto;
    }
    .div-parent-overlay iframe {
        max-width: 100%;
        width: 100%;
        height: 340px;
    }
    /* body {
        background-color: #c2a33d !important;
    } */
    .page-accueil-metier .grid-container.site-metier-footer {
        max-width: 100%;
    }

    .metier-each-media-video {
        width: 100%;
        display: inline-flex;
        padding-right: 21px;
    }
    .metier-div-hero.grid-container.hero.hero-taxonomy {
        width: 100%;
        margin-right: 0 !important;
        max-width: 100%;
        left: 0;
        width: 100%;
        height: 297px;
    }
    .metier-div-grid-container#main {
        margin-right: 0px !important;
        margin-left: 14px;
    }
    .metier-div-grid-container #block-pagedetalmetierdocumentblock {
        position: absolute;
        top: 30%;
        left: 65%;
        width: 34%;
    }
    .page-taxonomy-term-6337 .metier-div-grid-container #block-pagedetalmetierdocumentblock {/* dejà mep  mise en prod */
        top: 26%;
    }
    .metier-div-hero.grid-container.full.hero.hero-taxonomy:before {
        left: 0;
        bottom: 0;
        top: 4px;
        width: 54px;
    }
    .grid-container-metier-detail {
        display: none;
    }
    .section-accueil-metier .grid-container#main {
        width: 100%;
        max-width: 100%;
        margin-right: 58px;
    }
    header .grid-x {
        height: 82px;
    }
    .custom-metier-banner {
        height: 94px;
    }
    .metier-div-grid-container .grid-margin-x > .medium-12 {
        margin-left: 15px;
    }
    .this-is-metier-detail-page, .metier-div-grid-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .term-metier-viandes .paragraph--type--videos iframe {
        width: 100%;
        height: 270px;
    }
    .page-taxonomy-term-6330 .grid-margin-x.align-middle{
        display: none;
    }
    .custom-metier-banner {
        top: 94px;
        border-bottom-right-radius: 0;
    }
    #block-pagedetalmetierdocumentblock {
        width: 100%;
    }
    .metier-div-grid-container .medium-12 {
        display: flex;
        flex-direction: column;
    }
    .term-metier-viandes.this-is-taxo-page {
        position: relative;

    }
    .term-metier-viandes > .metier-m-description {
        position: absolute;
        color: white;
        top: 190px;
        left: 40px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        width: 85%;
        font-size: 14px;
    } 
    
    .metier-div-hero.grid-container.full.hero.hero-taxonomy {
        width: 98% !important;
    }
    .grid-container-metier-detail + .title-bar {
        background-color: #e52329;
    }
.overlay-site-metier-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 50px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.7) 86%, rgba(0, 0, 0, 0.7) 99%);
}
    .metier-div-hero {
        top: -24px;
        margin-left: 0% !important;
        min-height: 193px !important;
        width: 94% !important;
        left: 0;
    }
    .metier-each-media-video{
        width: 100%;
    }
    .desc-newsletter {
        width: 100%;
    }
    .metier-img-newsletter {
        width: 11%;
    }
    .cust-text-newlsetter {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-right: 16px;
    }
    input#edit-submit.metier-submit-newsletter {
        background: #140d3d;
        width: 45%;
        border-radius: 10px;
    }
    .custom-metier-banner {
        margin-left: 0;
        width: 100%;
        border-radius: inherit;
    }
    .page-accueil-metier .grid-container{
        padding-top: 0;
    }
    .div-img-metier-head-leaf {
        display: flex;
        align-content: flex-end;
        align-items: center;
    }

    #progressbar li {
        cursor: pointer;
        list-style-type: none;
        color: #679b9b;
        text-transform: uppercase;
        font-size: 9px;
        width: 19.5%;
        float: left;
        text-align: center;
        position: relative;
    }
    a.progress-bar-link {
        font-size: 9px;
    }
    .page-culture-viande-edito-du-president table img {
        padding-left: 0px;
        padding-bottom: 20px;
    }
    .page-culture-viande-edito-du-president .img-txt-side-by-side h3 {
        font-size: 1em;
    }
    .custom-add-and-edit-form #edit-field-media-document-0-upload,
    .custom-add-and-edit-form #edit-field-media-document-wrapper span.file,
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"] {
        width: 70%;
    }
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="field_media_document_0_remove_button"],   
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::-webkit-file-upload-button,
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::file-selector-button{
        width: 30%;
    } 
    .custom-add-and-edit-form #edit-field-source-wrapper,
    .custom-add-and-edit-form #edit-field-social-wrapper {
        width: 100%;
    }

}
/* Extra small devices (portrait phones) */
@media (max-width: 680px) {  
    /* site metier*/
    /* body {
        background-color: #e2a6a1 !important;
    } */
    img.detail-metier-doc-img {
        width: 50%;
    }
    .img-and-title {
        display: inline-flex;
        width: inherit;
        max-width: 18%;
    }
    /* .custom-overlay-hide-logo {
        position: absolute;
        width: 13.4%;
        height: 1.5%;
    } */
    .page-accueil-metier .site-metier-header {
        display: block;
    }
    .metier-logo-cv {
        display: none !important;
    }
    .page-accueil-metier  header article.grid-container {
        padding-left: 0 !important;
    }
    ul.metier-home-title-video li a {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .cust-output .metier-home-title-video li a {
        margin-top: 7px;
        position: relative;
    }
    .metier-div-grid-container#main {
        margin-right: 0px !important;
        margin-left: 0%;
    }
    .page-taxonomy-term-6337 .metier-div-grid-container #block-pagedetalmetierdocumentblock {
        top: 0;
    }
    .term-metier-viandes > .metier-m-description {
        top: -245px;
        width: 91%;
        left: 10px;
    }
    .metier-div-grid-container #block-pagedetalmetierdocumentblock {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    .metier-div-hero #block-pagedetalmetierdocumentblock {
        position : relative;
        top: 0;
        left: 0;
    }  
    .metier-div-hero.grid-container.hero.hero-taxonomy {
        left: 0;
    }
    .metier-div-grid-container .paragraph.paragraph--type--texte-long-editeur-riche.paragraph--view-mode--default {
        width: 95%;
    }
    /* end site metier */
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::-webkit-file-upload-button,
    .custom-add-and-edit-form #edit-field-media-document-wrapper [name="files[field_media_document_0]"]::file-selector-button{
        width: max-content;
    } 
     /*Ajout doc*/
    .custom-add-and-edit-form .layout--twocol-section,
    .custom-add-and-edit-form .wrapper-doc-type,
    .custom-add-and-edit-form #edit-filiere #edit-widget  {
        flex-wrap: wrap;
        gap: initial;
    }
    .custom-add-and-edit-form .form-item-created-0-value-date,
    .custom-add-and-edit-form .layout--twocol-section .layout__region--first,
    .custom-add-and-edit-form .form-item-created-0-value-time,
    .custom-add-and-edit-form .layout--twocol-section .layout__region--second,
    .custom-add-and-edit-form #edit-field-type-de-document-wrapper,
    .media-form .wrapper-status-and-author .field--name-status,
    .custom-add-and-edit-form #edit-author,
    .custom-add-and-edit-form #edit-created-wrapper,
    .custom-add-and-edit-form #edit-uid-wrapper {
        width: 100%;
    }      
    .custom-add-and-edit-form #edit-field-source-wrapper{
        width: 60%;
    }
    .all-menu-checkboxes .form-checkboxes .form-item {
        width: 50%;
    }
    .custom-add-and-edit-form #edit-field-social-wrapper{
        width: 40%;
    }    
    .custom-add-and-edit-form #edit-field-media-document-wrapper span.file {
        border-radius: initial;
        white-space: nowrap;
        overflow: hidden;
    } 
    .custom-add-and-edit-form .js-form-managed-file.form-managed-file {
       flex-wrap: nowrap;
    }
    .custom-add-and-edit-form .wrapper-status-and-author {
        flex-direction: column-reverse;
        gap: 20px;
        padding-bottom: 20px;
    }
    .custom-add-and-edit-form #edit-author {
        flex-direction: column-reverse;
        gap: initial;
    }
    .layout__region--second .all-tag-dropdown ul ul {
        padding-inline-start: 15px;
    }
    .custom-add-and-edit-form .div-parent-save, .custom-add-and-edit-form .div-parent-delete {
        width: 50%;
    }
    .custom-add-and-edit-form .div-parent-save i, .custom-add-and-edit-form .div-parent-delete i {
        right: 15%;
    }
}



/*   ASSET INJECTOR */
/***********Bouton ajouter une reunion	==> /civicrm-group/*   **********/
.section-civicrm-group .ajouterunereunion {
    border: 1px solid #af1f7b;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }    
/*******************/

/*********** Breadcrumb	==> Global   **********/
#block-breadcrumbs .breadcrumb li a{
    background: url(/files/2022-03/BreadCrumbleBG.png) no-repeat scroll right 8px transparent;
    color: #003a74;
    line-height: 18px;
    padding: 9px 15px 15px 5px;
    font-weight: normal;
    font-size: 1rem;
}
#block-breadcrumbs{
    margin-left: -26px;
}
#block-breadcrumbs .breadcrumb li:hover{
    text-decoration: underline;
 }
#block-breadcrumbs .breadcrumb li a:hover{
   text-decoration: underline;
}
/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 1024px et 1280px 
@media all and (max-device-width: 480px){
 #block-breadcrumbs-2 #block-breadcrumbs{
    position:absolute;
    bottom: 148.82rem;
  }
}
*/

/*******************/


/*********** button	==> Global   **********/
.button{
    background-color: #bb1919;  
  } 
  .button:hover{
    background-color:  #000000;  
  }    
     
/*******************/


/*********** button more link	==> Global   **********/
.more-link a {
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
     box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
     7px 7px 20px 0px rgba(0,0,0,.1),
     4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
  }
  .more-link a {
    border: none;
    color: #000;
  }
  .more-link a:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    box-shadow:
     -7px -7px 20px 0px #fff9,
     -4px -4px 5px 0px #fff9,
     7px 7px 20px 0px #0002,
     4px 4px 5px 0px #0001;
    transition: all 0.3s ease;
  }
  .more-link a:hover {
    color: #000;
  }
  .more-link a:hover:after {
    left: auto;
    right: 0;
    width: 100%;
  }
  .more-link a:active {
    top: 2px;
  }
  
/*******************/




/*********** civicrm	==> /civicrm/*   **********/
.path-civicrm {

}
/*CSS Custom File de Makoa pour CiviCRM
 *
 * Raison d'etre : Améliorer l'affichage des pages profils publiques de CiviCRM
 * File type: CSS
 * Version: 1.0
 * Remark: */

/* body .resizable-textarea .form-textarea {height: 188px;}*/

/*
.crm-public-form-item .label {color: black;}

.crm-public-form-item .crm-profile .crm-section .description {color: red;}

.crm-event-info-form-block .event-info .crm-actionlinks-bottom .section .button .span {
                background-color: #3A4AE9;
        }
.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .ui-dialog-buttonset .ui-button, .crm-container input[type=button], .crm-container .crm-button {
        font-size:14px;
        background: #3A4AE9 !important;
        }

.crm-event-register-form-block .crm-submit-buttons .crm-i-button input.crm-form-submit {
        background-color: #3A4AE9;
}
.crm-event-confirm-form-block .crm-submit-buttons .crm-i-button input.crm-form-submit {
background-color: #3A4AE9;
/*padding: 10px 16px;
font-size: 14px;
line-height: 1.3333333;
border-radius: 6px;
color: #fff;
border-color: #2e6da4;
overflow: visible;
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}*/

/*.nav-main{float:left;}
input[type=checkbox], input[type=radio]{margin:0;}
*/

/*.crm-container .help {background-color:#f5320b4d;border: 1px solid #F5320B;}
.crm-container .status {background-color:#4582ec4d;border: 1px solid #3A4AE9;}
.crm-container .crm-section .label {color:black; float:none; padding:0;}

.crm-container .crm-section .content {float:none; padding:0;margin-left:0;margin-bottom:10px;}
.crm-container textarea {width:-webkit-fill-available;height:188px;}
*/


/* 
/* Width fields  */
/* 

/* Contact / Update / custom field "Activite Principale" */

.path-civicrm input[name^=custom_47] {
  width: 90%;
}

.path-civicrm input[name^=custom_54] {
  width: 90%;
}

.path-civicrm input[name^=custom_61] {
  width: 90%;
}

.path-civicrm input[name^=custom_68] {
  width: 90%;
}


/* TODO: width listes déroulantes custom ne fonctionne pas à compléter */
/* TODO: width listes déroulantes ok dans update du contact mais pas ok dans dashboard */


/*

.select2-drop.select2-drop-active.crm-container[style] {
  width: 300px;
}

.crm-container .crm-select2 {
  width: 60% !important;
}

.crm-container .select2-container .select2-choice[style] {
  width: 300px;
}

td.html-adjust {
  width: 90%;
}
*/

/* For CiviCase uk.compucorp.civicase 1.16 */

/*contact / tab Cases / title too big */

.path-civicrm #bootstrap-theme .element-invisible {
visibility: collapse;  
width:100%;
}

/* contact / activity list width 630 px > 100%  */

.path-civicrm #bootstrap-theme .civicase__activity-feed__body__list {
  max-width: unset;
}

.path-civicrm #bootstrap-theme .civicase__activity-feed__body__list[style] {
  height: unset !important; 
}


.path-civicrm #bootstrap-theme .civicase__activity-feed__body__details[style] {
  height: unset !important; 
}


/* contact / activity list dropdown menu width */
.path-civicrm #bootstrap-theme .dropdown-menu {
  min-width: 215px !important;
}

/* contact / activity list  new activity button  */
.path-civicrm .civicase__contact-activity-tab__add .select2-container .select2-choice {
  width: unset !important;
}


/* MOSAICO   */

/* marge menu  */

.path-civicrm .page-civicrm.toolbar-tray-open.toolbar-horizontal iframe.ui-front {
  top: 40px !important;
}

/*******************/


/*********** civicrm-event print participant	==> /civicrm-event/*   **********/
@media print {
  
    .section-civicrm-event #content { 
    size: A4;
    margin: 0;
    }
    
     html, body.section-civicrm-event , .section-civicrm-event #content {
      width: 210mm;
      height: 297mm;
    }
    body.section-civicrm-event ,.section-civicrm-event input,.section-civicrm-event textarea,.section-civicrm-event select{
      color:#000;
      background:none;
    }
    .section-civicrm-event #sidebar_left, .section-civicrm-event .reunion__description, .section-civicrm-event .reunion__documents  {
     visibility:hidden; 
     display: none;
    }
  
    /*.site-footer,
    .shortcut-action
    #toolbar*/
    .section-civicrm-event .tabs,
    .section-civicrm-event .top-bar,
    .section-civicrm-event .navigation,
    .section-civicrm-event .fa-search,
    .section-civicrm-event .menu-item,
    .section-civicrm-event .block-core,
    .section-civicrm-event a,
    .section-civicrm-event #wrap a,
    .section-civicrm-event .block-views-block-civievents-base-sur-le-contact-block-2-2, /*#sidebar_lef*/
    .section-civicrm-event .basic__body.quickedit-field,
    .section-civicrm-event .basic__body,
    .section-civicrm-event .block-views-block-civievents-base-sur-le-contact-block-1-2,
    .section-civicrm-event .block-views-block-civievents-base-sur-le-contact-block-2-2{
      display:none;
    }
    
    .section-civicrm-event a:after {
     content: " (" attr(href) ")";
     display:none;
    }
    .section-civicrm-event .block-b-zf-content{
    margin-top: -60px;
    }
    .section-civicrm-event .one-sidebar .main-content,
    .section-civicrm-event .two-sidebars .main-content{
      width:100%;
    }
    
    .section-civicrm-event .layout-container {
    width: 100%;
    }
    * {
    background-color: transparent;
    }
    
    .section-civicrm-event #content,
    .section-civicrm-event .title {
      margin: 20px 0;
      
    }
    .section-civicrm-event a:hover, .section-civicrm-event a:active, .section-civicrm-event a:link, .section-civicrm-event a:visited {
    color: black;
    }
  
    .section-civicrm-event #content a:link:after, .section-civicrm-event #content a:visited:after {
      content: " (" attr(href) ") ";
      font-size: 0.8em;
      font-weight: normal;
    }
    /*
    .featured-bottom{
      width:960px;
      margin:0;
      padding:0;
      border:none;
    
    .featured-bottom-first,
    .featured-bottom-second,
    .featured-bottom-third{
      width:250px;
    }  }*/
    
    /*#comments .title,*/
    .section-civicrm-event #comments form,
    .section-civicrm-event .comment-forbidden{
    display:none;
  }
  .section-civicrm-event .layout--onecol .layout__region {
      page-break-after: auto;
  }
  
  }
  /* boutton imprimer */
  .section-civicrm-event footer{
    text-align: right;
  }
  .section-civicrm-event footer a#printerParticipants{
    border: 1px solid #af1f7b;
    padding: .5rem 1rem;
    border-radius: 3px;
    margin-top: 1rem;
  }



  /************ feuille de presence ****/
  @media print {
  
    .section-feuille-presence #content { 
    size: A4;
    margin: 0;
    }
    
     html, body.section-feuille-presence , .section-feuille-presence #content {
      width: 210mm;
      height: 297mm;
    }
    body.section-feuille-presence ,.section-feuille-presence input,.section-feuille-presence textarea,.section-feuille-presence select{
      color:#000;
      background:none;
    }
    .section-feuille-presence #sidebar_left, .section-feuille-presence .reunion__description, .section-feuille-presence .reunion__documents  {
     visibility:hidden; 
     display: none;
    }
  
    /*.site-footer,
    .shortcut-action
    #toolbar*/
    .section-feuille-presence .tabs,
    .section-feuille-presence .top-bar,
    .section-feuille-presence .navigation,
    .section-feuille-presence .fa-search,
    .section-feuille-presence .menu-item,
    .section-feuille-presence .block-core,
    .section-feuille-presence a,
    .section-feuille-presence #wrap a,
    .section-feuille-presence .block-views-block-civievents-base-sur-le-contact-block-2-2, /*#sidebar_lef*/
    .section-feuille-presence .basic__body.quickedit-field,
    .section-feuille-presence .basic__body,
    .section-feuille-presence .block-views-block-civievents-base-sur-le-contact-block-1-2,
    .section-feuille-presence .block-views-block-civievents-base-sur-le-contact-block-2-2{
      display:none;
    }
    
    .section-feuille-presence a:after {
     content: " (" attr(href) ")";
     display:none;
    }
    .section-feuille-presence .block-b-zf-content{
    margin-top: -60px;
    }
    .section-feuille-presence .one-sidebar .main-content,
    .section-feuille-presence .two-sidebars .main-content{
      width:100%;
    }
    
    .section-feuille-presence .layout-container {
    width: 100%;
    }
    * {
    background-color: transparent;
    }
    
    .section-feuille-presence #content,
    .section-feuille-presence .title {
      margin: 20px 0;
      
    }
    .section-feuille-presence a:hover, .section-feuille-presence a:active, .section-feuille-presence a:link, .section-feuille-presence a:visited {
    color: black;
    }
  
    .section-feuille-presence #content a:link:after, .section-feuille-presence #content a:visited:after {
      content: " (" attr(href) ") ";
      font-size: 0.8em;
      font-weight: normal;
    }
    /*
    .featured-bottom{
      width:960px;
      margin:0;
      padding:0;
      border:none;
    
    .featured-bottom-first,
    .featured-bottom-second,
    .featured-bottom-third{
      width:250px;
    }  }*/
    
    /*#comments .title,*/
    .section-feuille-presence #comments form,
    .section-feuille-presence .comment-forbidden{
    display:none;
  }
  .section-feuille-presence .layout--onecol .layout__region {
      page-break-after: auto;
  }
  
  }
  /* bouton imprimer */
  .section-feuille-presence footer{
    text-align: right;
  }
  .section-feuille-presence footer a#printerParticipants{
    border: 1px solid #af1f7b;
    padding: .5rem 1rem;
    border-radius: 3px;
    margin-top: 1rem;
  }

/*******************/




/*********** civicrm-group		==>  /civicrm-group/*   **********/
.section-civicrm-group div.basic__body{
    text-align: right;
  }
  .section-civicrm-group div.basic__body p a{
    border: 1px solid #af1f7b; /*#D92026*/
    padding: .5rem 1rem;
    border-radius: 3px;
  }
/*******************/





/*********** civicrm event edit boutton Enregistrer			==>  /civicrm-event/*  /edit, /civicrm-event/add/*   **********/
@media only screen and (min-width: 768px) {
    .path-civicrm-event #civicrm-event-reunion-edit-form > div > div.layout-region.layout-region-civicrm-entity-main{
         width: 100%;
    }  
      .path-civicrm-event #edit-actions-submit  {
       position: fixed;
       bottom: 45%;
       right: 6%;
       z-index: 9999;
      }
      .path-civicrm-event #edit-field-documents-open-button{
      position: fixed;
      bottom:50%;
      right: 4%;
      z-index: 9999;
      }
      
      /*champs formulaire*/
      .path-civicrm-event #edit-start-date-wrapper{
       /* background: darkgoldenrod; */
        width: 40%;
        float: left;
      }
      .path-civicrm-event #edit-end-date-wrapper{
        /*background: darkgrey;*/
        width: 100%;
      }
      .path-civicrm-event #edit-end-date-0-value,
      .path-civicrm-event #edit-start-date-0-value{
        display: flex;
        justify-content: space-between;
     }
    .path-civicrm-event #edit-start-date-0 > div{
        padding-right: 71px;
     }
     .path-civicrm-event #edit-end-date-0{
        padding-left:  238px;
     }
     
    .path-civicrm-event #edit-end-date-0--description,
    .path-civicrm-event #edit-start-date-0--description{
       display: none;
     }
    }
    
/*******************/


/*********** Communication background		==>  Global   **********/
.grid-container.full.hero.communication{
    background: url("/files/2021-10/cfonb-2020-illustration-27 (2).jpg");
    background-repeat: no-repeat;
      
      max-width: 1170px;
      margin-top: 1rem;
  }
/*******************/


/*********** Communications pager items is-active mark			==>  /communication   **********/
[class^="page-communication-"] .pager__item a:hover{
    border-bottom: 3px solid #af1f7b;
}
[class^="page-communication-"] .pager__item--active a{
    border-bottom: 3px solid #af1f7b;
    font-weight: 700;
}
/*******************/


/*********** Document Thumbnail		==>  Global   **********/
/*
Vignettes des Documents (Media) alignées avec le name
*/

.document__thumbnail.quickedit-field  {
    float: left;
    vertical-align: center;
    margin-right: 5px;
}

.document__media-document.quickedit-field  {
    float: none;
    margin-bottom: 10px;
}
/*******************/


/*********** Fiche		==>  Global   **********/
#Address_1 .crm-edit-address-form #address_table_1 {
	display:block !important;
}
/*******************/



/*********** header top 		==>  Global   **********/
body > div.dialog-off-canvas-main-canvas > div > header{
    /* background-color: #2371c0; */
  }
  #block-b-zf-account-menu > ul > li a{
    color: #777777;
  }
  
  #block-b-zf-account-menu > ul > li a {
    padding-top: 10px;
    &:before {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background: @hover;
      transform:  scaleX(0);
    }
    &:hover:before {
      transform:  scaleX(1);
    }
  }
/*******************/


/*********** image arriere plan page title			==>   /contact/extranet_contactez_nous   **********/
.page-contact-extranet_contactez_nous .hero .block-pagetitle--2 h1 {
    background-image: ('https://images.unsplash.com/photo-1525598912003-663126343e1f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8cGhvbmV8ZW58MHx8MHx8&auto=format&fit=crop&w=500&q=60');
  }
/*******************/




/*********** Koama Illustration			==>  Global   **********/
.illustration_koama {
    float: left;
    vertical-align: top;
    border-width: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
}
/*******************/



/*********** login		==>  /user/login   **********/
.page-user-login #auth_box input[type=submit]:hover,
.page-user-login a{
  color: #bb1919;
}

/*taille logo*/
.page-user-login #the_logo > a > img{
  width: 50%;
}
/*******************/




/*********** logo			==>  Global   **********/
.site-logo img {
    height: 118px;
    /*width: 190px;*/
}
@media all and (max-device-width: 480px){
  .site-logo img {
    display:block;
    width:auto;
    margin-left:auto;
    margin-right:auto;
  }
  
  /*header .grid-x .align-middle{
    display: flex;
    justify-content: space-between;
  }*/
}
/*******************/



/*********** civicrm-group		==>  /civicrm-event/*   **********/
.section-civicrm-event .document__type-de-document,
.section-civicrm-event .document__type-de-document.quickedit-field{
  display: none;
}
/*******************/




/*********** menu principal			==>  Global   **********/
#main-menu .grid-container nav {
    display: inline-block;

}
#main-menu .grid-container nav {
    display: inline-block;
}
#block-menuprincipal ul.submenu.is-dropdown-submenu {
    margin-left: 10rem;
}
#block-menuprincipal .menu .menu-item--active-trail > a,
#block-menuprincipal .menu li a.is-active {
    background: transparent;
}
#block-menuprincipal .menu .menu-item--active-trail > a,
#block-menuprincipal .menu li a:hover {
    background: transparent;
}
#block-menuprincipal .menu li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#sidebar_left .menu .menu-item--active-trail a.is-active{
  color: #bb1919;
  text-decoration: underline;
}
.dropdown.menu > li > a.is-active,
.menu .is-active > a {
    color: #ffffff;
    text-decoration: underline;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #ffffff transparent transparent;
}

/*--dropdown.menu*/
.top-bar ul li ul,
#block-menuprincipal li ul li a{
  background: #777777;
}

/*******************/


/*********** menu principal + menu + slideshow		==>  Global   **********/
#main-menu.top-bar {
    background: #bb1919;
}
#main-menu .grid-container nav {
    display: inline-block;
    
}
#block-menuprincipal ul .submenu.is-dropdown-submenu {
    margin-left: 0;
    z-index: 10;
}
#block-menuprincipal .menu .menu-item--active-trail > a, .menu li a.is-active {
    background: transparent;
}
#block-menuprincipal .menu .menu-item--active-trail > a, .menu li a:hover {
    background: transparent;
}

#block-menuprincipal .menu li a,
#block-menuprincipal .menu li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.dropdown.menu > li > a.is-active,
#block-menuprincipal .menu .is-active > a {
    color: #ffffff;
}
.dropdown.menu > li .is-dropdown-submenu-parent > a::after {
    border-color: #ffffff transparent transparent;
}


/* Slideshow home */

#block-views-block-block-hero-block-1 {
    background: url("/files/2021-10/carrouselBg.png");
    max-height: 214px;
    margin-bottom: 1.5rem;
}


#block-views-block-block-hero-block-1 .views-field-field-texte-slider {
    max-width: 60%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #003D71;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#block-views-block-actualites-block-1 .more-link a {
  margin-right: .5rem;
}




/*******************/



/*********** Page ajout rubrique			==>  Global   **********/
.page-node-type-page-site .block-system.block-b-zf-content .contextual-region > div:nth-of-type(2), .page-node-type-page-site .block-system.block-b-zf-content .contextual-region > div:nth-of-type(5), .page-node-type-page-site .block-system.block-b-zf-content .contextual-region > div:nth-of-type(6), .page-node-type-page-site .block-system.block-b-zf-content .contextual-region > div:nth-of-type(3) {
	/*display: none;*/
}

[name="field_filieres[0][value]"] {
	display:none;
}

.section-publications .taxo-second-niveau .contextual-region .paragraph .contextual-region {
    display: -webkit-box;
}

.section-publications .taxo-second-niveau .contextual-region .paragraph .quickedit-field  img {
	padding-right : 10px;
}

.taxo-second-niveau .paragraph .contextual-region[data-once="quickedit"] {
    display: inline-flex;
}

.taxo-second-niveau .paragraph .contextual-region[data-once="quickedit"] .quickedit-field {
    margin-right: 10px;
    margin-bottom: 2px;
}

.paragraph  div:has(> .media-download-all) {
    padding-top: 17px;
    padding-bottom: 11px;
}

.paragraph.paragraph--type--dossier.paragraph--view-mode--default > div {
    padding-bottom: 10px;
    padding-top: ;
}

.section-publications .taxo-second-niveau .contextual-region .paragraph .quickedit-field img {
    padding-right: 0 !important;
}

.paragraph.paragraph--type--dossier.paragraph--view-mode--default > div:first-of-type > div:nth-child(2) {
    font-size: 1.6rem;
    font-family: 'tex_gyre_adventorregular', Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

h2 {
	font-family: 'tex_gyre_adventorregular', Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

/*******************/



/*********** Page detail media		==>  Global   **********/
.section-media .block-system.block-b-zf-content > .contextual-region {
    display: inline-flex;
    top: 10px;
}
.section-media .block-system.block-b-zf-content > .contextual-region .quickedit-field {
    padding-right: 6px;
}
/*******************/





/*********** civicrm-event	Page view civicrm event content	==>  Global   **********/
.section-civicrm-event #block-b-zf-content article {
    background: #f6f6f6;
    padding: 2rem;
    border-bottom: 4px solid #D92026;
    border-top: 4px solid #D92026;
    margin: 1rem 0 0;
}
.section-civicrm-event #block-b-zf-content article [data-quickedit-field-id="civicrm_event/1043/default_role_id/und/full"], .section-civicrm-event #block-b-zf-content article  [data-once="quickedit"] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.d-inline-flex {
    display: inline-flex;
}
.section-civicrm-event #block-b-zf-content .date-start-event, .section-civicrm-event #block-b-zf-content .date-end-event  {
  display: inline-flex;
  
}
.section-civicrm-event #block-b-zf-content  .set-margin-0 [data-once="quickedit"], .section-civicrm-event #block-b-zf-content .margin-0 {
  margin: 0;
}
.section-civicrm-event #block-b-zf-content .margin-0  [data-once="quickedit"] {
  margin-top: 0;
}

.section-civicrm-event #block-b-zf-content .views-element-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.section-civicrm-event #block-b-zf-content  p.attachmennts ~ div.views-element-container {
    margin-top: 0 !important;
}
.section-civicrm-event #block-b-zf-content p.attachmennts {
  margin-bottom: 0;
}
.section-civicrm-event #block-b-zf-content .views-field.views-field-programme-115 {
  display: none;
}
.section-civicrm-event #block-b-zf-content .date-start-event time {
    text-transform: capitalize;
}
/*******************/


/*********** Pieds de page 		==>  Global   **********/
#footer nav ul li.menu-item a {
    font-size: 0.8rem;
    padding: 0.85em 1em;
    color: #fff;  
    text-transform: uppercase;
}
#footer nav ul li.menu-item a:hover {
    color: #eee;  
    text-decoration: underline;
}
/*******************/



/*********** Pour les formulaires		==>  Global   **********/
.js-form-item .description, .text-full {
    font-size: 12px;
    /*font-style: italic;*/
    margin-bottom: 1rem;
  }
  .js-form-item .fieldset-legend{
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a;
  }
  .field--type-datetime .form-item .form-date{
    margin-bottom: 1rem;
  }
  
  
/*******************/



/*********** responsive slider	==>  Global   **********/
@media (max-width: 500px){
    /*logo*/
     .contextual-region .site-logo{
       display: flex;
       justify-content: center;
     }
    /*fin logo*/
    
    /*menu principal*/
      .top-bar .menu--menu-principal .menu{
        display: block;
        padding-top: 0.6rem; 
        padding-bottom: 0.6rem;
        padding-left: 0.6rem;
      }
      .top-bar .menu--menu-principal .menu li{
        padding-top: 0.6rem;
      }
    /*fin menu*/
  #block-views-block-block-hero-block-1 {
      max-height: 214vw;
      margin-bottom: 1.5rem;
  }
  
  #block-views-block-block-hero-block-1 .views-field-field-texte-slider {
      max-width: 60%;
      position: absolute;
      top: 30%;
      left: 0;
      transform: translateY(-21%);
      color: #003D71;
  }
  .views-field-field-texte-slider .field-content h5, h3, p{
    font-size: 0.8em;
   /* padding-top: 1rem;*/
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    vertical-align: baseline;
  }
  .views-field-field-slide .field-content img{
  
    width: 100%;
    height: 150px;
    bottom: 0;
  
  }
  
  .views-slideshow-controls-bottom{
    display: flex;
    justify-content: center;
  }
  .views-slideshow-controls-bottom .views-slideshow-pager-bullets{
    position: absolute;
    margin-top: .5rem;
  }
  }
  
  /*tablette*/
  @media (max-width: 810px){
    /*logo*/
     .contextual-region .site-logo{
       display: flex;
       justify-content: center;
     }
    /*fin logo*/
    
    /*menu principal*/
      .top-bar .menu--menu-principal .menu{
        display: block;
        padding-top: 0.6rem; 
        padding-bottom: 0.6rem;
        padding-left: 0.6rem;
      }
      .top-bar .menu--menu-principal .menu li{
        padding-top: 0.6rem;
      }
    /*fin menu*/
  #block-views-block-block-hero-block-1 {
      max-height: 214vw;
      margin-bottom: 1.5rem;
  }
  
  #block-views-block-block-hero-block-1 .views-field-field-texte-slider {
      max-width: 60%;
      position: absolute;
      top: 30%;
      left: 0;
      transform: translateY(-21%);
      color: #003D71;
  }
  .views-field-field-texte-slider .field-content h5, h3, p{
    font-size: 0.8em;
   /* padding-top: 1rem;*/
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    vertical-align: baseline;
  }
  .views-field-field-slide .field-content img{
  
    width: 100%;
    height: 150px;
    bottom: 0;
  
  }
  
  .views-slideshow-controls-bottom{
    display: flex;
    justify-content: center;
  }
  .views-slideshow-controls-bottom .views-slideshow-pager-bullets{
    position: absolute;
    margin-top: .5rem;
  }
  }
  
  
  /*communication formulaire vue*/
  @media screen and (min-width: 1024px){
    #content .block-b-zf-content .contextual-region .views-exposed-form{
      display: flex;
      align-items: center;
    }
  
    #content .block-b-zf-content .contextual-region .views-exposed-form .form-text{
      width: 90%;
      padding-left: none;
    }
    #content .block-b-zf-content .contextual-region .views-exposed-form #edit-field-description-value{
      width: 90%;
      margin-right: 2rem;
    }
    #content .block-b-zf-content .contextual-region .views-exposed-form #edit-submit-communication{
      margin-top: 2.7em;
      margin-left: 2em;
    }
  
  
  }
/*******************/


/*********** side-bar left		==>  Global   **********/
.sidebar .block-menu {
    background: #eee;
    padding: .5rem;
    margin-bottom: 1.5rem;
}

.sidebar #block-menuprincipal-2 h2::before,
#block-menuprincipal-2 > ul > li > a{
	    color: #bb1919;
}
/*******************/


/*********** submitted	==>  Global   **********/
/*
Publié le...
type de contenu : rubrique (avec contenu)
*/

.submitted {
    margin-bottom: 15px;
}
/*******************/


/*********** tabs		==>  Global   **********/
.tabs.primary{
    background: #151515;
  }
  .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
        background: #565656;
    
  }
  
/*******************/


/*********** user	==>  user/*   **********/
.path-user .label{
    background:white;
  }
  
  .path-user #edit-language {
   display: none;
  }
  
  .path-user #edit-account {
   margin-top:15px !important;
  }
  
  
  .path-user .password-parent label::before {
    content: "Nouveau ";
  }
  
  
  .path-user select   {
   margin:0 !important;
  }
  
  .path-user input  {
   margin:0 !important;
  }
  
  .path-user .tabs {
    border:none !important;  
  }
  
  
  .path-user .tabs-title > a {
      font-size: 24px;
      margin: 20px 40px 0px 0px;
      font-variant-caps: all-small-caps;
      padding:none !important;
  }
  
  .path-user .tabs-title.is-active {
      text-decoration: underline;
  }
  
  
  .path-user .description {
    font-size:12px;
    font-style:italic;
    margin-bottom: 1rem;
  } 
/*******************/



/*********** Verrou	==>  GLOBAL   **********/
.verrou img{
    width: 300px;
    height: auto;
  }
  
  .section-media .block-system.block-b-zf-content > .contextual-region {
      display: inline-flex;
      top: 10px;
  }
  .section-media .block-system.block-b-zf-content > .contextual-region .quickedit-field {
      padding-right: 6px;
  }
/*******************/


<<<<<<< HEAD

/* AB : DLR afficher els textbox modififble d'un SK 
	https://app.asana.com/0/1126251788679900/1209193356611605
*/
=======
/* AB : https://app.asana.com/0/1126251788679900/1209193356611605 */
>>>>>>> d2a1c86 (AB : DLR modifier le titre du formulaire 'Abonnements' en 'Abonnements, commissions, groupe de travail' ET mettre un style css pour que les case modifiable soit visible et avec une hauteur minimum)
.crm-search-display.crm-search-display-table td > crm-search-display-editable,
.crm-search-display.crm-search-display-table td > .crm-editable-disabled,
.crm-search-display.crm-search-display-table td > .crm-editable-enabled {
  display: block !important;
  border: 1px solid #d1d1d1;
  min-height: 24px;
}







/* END  ASSET INJECTOR */