@charset "UTF-8";
/******************************************************************************************************************/
/************************************************* GENERAL ********************************************************/
/******************************************************************************************************************/
:root {
  --couleur1: 37, 89, 127;
  /* --couleur2: 119, 183, 37; */
  --couleur2: 39, 168, 185;
  --couleur3: 253, 177, 0;
  --couleur4: 37, 55, 127;
  --couleur5: 188, 206, 222;
  --couleur7: 255, 123, 5; /*#ff7b05*/
  --blanc: 255, 255, 255;
  --noir: 0, 0, 0;
  --gris1: 164, 160, 153;
  --gris2: 103, 103, 103;
  --couleurtypededispositif1: #79B927;
  --couleurtypededispositif2: #E4C013;
  --couleurtypededispositif3: #e9983e;
}

iframe[src*=youtube] {
  display: block;
  margin: auto;
  width: 700px !important;
  height: 393px !important;
}
@media (max-width: 767px) {
  iframe[src*=youtube] {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16/9 !important;
  }
}

hr {
  border: none;
  height: 2px;
  background-color: rgba(var(--couleur2));
}

textarea:focus,
input:focus {
  outline: none;
}

select {
  background: rgba(var(--blanc));
  border: 1px solid #8f8f9d;
  padding: 4.5px 2px;
}

.form-text {
  margin-top: 0;
}

input.error,
select.error,
textarea.error {
  border: 1px solid red;
}

.messages {
  margin-bottom: 10px;
}

body {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: rgba(var(--couleur1));
  background-image: url(../images/ADNplustransparente.jpg);
  background-repeat: no-repeat;
  background-position: center top 0px;
}

body.toolbar-fixed {
  background-position: center top 39px;
}

body.toolbar-horizontal.toolbar-tray-open {
  background-position: center top 79px;
}

body:not(.path-frontpage) {
  background-position: center top -115px;
}

body.toolbar-fixedn:not(.path-frontpage) {
  background-position: center top -76px;
}

body.toolbar-horizontal.toolbar-tray-open:not(.path-frontpage) {
  background-position: center top -36px;
}

body.cke_editable {
  background: none;
}

h1 {
  margin-bottom: 30px;
  color: rgba(var(--couleur2));
}

body.couleur-vert h1,
body.couleur-vert .h1 {
  color: var(--couleurtypededispositif1);
}

body.couleur-jaune h1,
body.couleur-jaune .h1 {
  color: var(--couleurtypededispositif2);
}

body.couleur-orange h1,
body.couleur-orange .h1 {
  color: var(--couleurtypededispositif3);
}

h2,
.h2 {
  margin: 30px 0;
}

h2,
.h2,
h2 a,
.h2 a {
  color: rgba(var(--couleur1));
}

h3,
.h3,
h3 a,
.h3 a {
  color: rgba(var(--couleur1));
}

h4,
.h4,
h4 a,
.h4 a {
  color: rgba(var(--couleur1));
}

h5,
.h5,
h5 a,
.h5 a {
  color: rgba(var(--couleur1));
}

a {
  text-decoration: underline;
  color: rgba(var(--couleur1));
  font-weight: 500;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

.view .row {
  margin: 0;
}

.pager__item.is-active {
  color: rgba(var(--couleur3));
}
.pager__item.is-active a {
  color: rgba(var(--couleur3));
}

.ui-accordion .ui-accordion-content,
#wrap .ckeditor-accordion-container > dl dd.active {
  height: auto !important;
}

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

img.align-left {
  margin-right: 15px;
  margin-bottom: 15px;
}

img.align-right {
  margin-left: 15px;
  margin-bottom: 15px;
}

form .form-item,
form table.form tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1em;
  margin-bottom: 1em;
}

form .form-item.form-type-password-confirm {
  flex-direction: column;
}

form .form-item label,
form table.form tr td.label_form {
  width: 200px;
}

form .form-item .description,
form .form-item .password-strength,
form .form-item .js-password-confirm-message {
  padding-left: 225px;
  width: 100%;
}

form table.form tr td {
  width: 100%;
}

form .form-item label:not(.visually-hidden) + input,
form .form-item label:not(.visually-hidden) + select,
form .form-item label:not(.visually-hidden) + .form-textarea-wrapper,
form table.form tr td.label_form + td:not(.label_form) {
  width: calc(100% - 225px);
}

form .form-item input,
form .form-item select,
form .form-item .form-textarea-wrapper,
form table.form tr td:not(.label_form) input:not([type=radio], [type=checkbox], [type=button], [type=submit]),
form table.form tr td:not(.label_form) select {
  width: 100%;
}

form .form-item .form-textarea-wrapper textarea {
  width: 100%;
  resize: vertical;
}

form .form-actions {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

form .g-recaptcha > div {
  margin: auto;
}

form .span-obligatoire {
  color: #ff0000;
}

#edit-pass--description {
  display: none;
}

#section ul:not(.contextual-links, .menu, .pager__items) li,
.page-node-64 #section #block-administration ul.menu li {
  padding-left: 25px;
  background-image: url(../images/puce-li.jpg);
  background-repeat: no-repeat;
  background-position: left top 5px;
  list-style: none;
}

.page-node-64 #section #block-administration ul.menu li + li {
  margin-top: 10px;
}

#section .ui-widget,
.bootstrap-tabs {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 1em;
}

#section .ui-widget.ui-tabs,
.bootstrap-tabs {
  padding: 0;
  border: none;
}

#section .ui-widget.ui-tabs .ui-tabs-nav,
#wrap .bootstrap-tabs .nav-tabs {
  padding: 0;
  background: none;
  border: none; /*border-bottom:1px solid rgba(var(--couleur1));*/
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

#section .ui-widget.ui-tabs .ui-tabs-nav::before,
#section .ui-widget.ui-tabs .ui-tabs-nav::after,
#wrap .bootstrap-tabs .nav-tabs::before,
#wrap .bootstrap-tabs .nav-tabs::after {
  display: none;
}

#section .ui-widget.ui-tabs .ui-tabs-nav li,
#wrap .bootstrap-tabs .nav-tabs li {
  border: none;
  background-color: rgba(var(--couleur5));
  color: rgba(var(--blanc));
  border-radius: 80px 30px 30px 30px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../images/fond-widget.png);
  padding-left: 0;
  margin-right: 15px;
}

#section .ui-widget.ui-tabs .ui-tabs-nav li.ui-tabs-active,
#wrap .bootstrap-tabs .nav-tabs li.active {
  background: rgba(var(--couleur3));
}

#section .ui-widget.ui-tabs .ui-tabs-nav li a,
#wrap .bootstrap-tabs .nav-tabs li a {
  padding: 15px 30px;
  font-size: 20px;
  width: 100%;
  color: rgba(var(--blanc));
  display: block;
  text-align: center;
  text-decoration: none;
}

#section .ui-widget.ui-tabs .ui-tabs-nav li a:hover,
#wrap .bootstrap-tabs .nav-tabs li a:hover {
  text-decoration: underline;
  border: none;
  background: transparent;
}

#section .ui-widget.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#wrap .bootstrap-tabs .nav-tabs li.active a {
  background-color: rgba(var(--couleur3));
  border-radius: 80px 30px 30px 30px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../images/fond-widget-actif.png);
  border: none;
  text-decoration: none;
}

#section .ui-widget.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover,
#wrap .bootstrap-tabs .nav-tabs li.active a:hover {
  text-decoration: none;
}

#section .ui-widget.ui-tabs .ui-tabs-panel,
.bootstrap-tabs .tab-content .tab-pane {
  padding: 15px 0;
  color: rgba(var(--couleur1));
  border: none;
}

#section .ui-widget.ui-tabs .ui-tabs-panel a,
.bootstrap-tabs .tab-content .tab-pane a {
  color: rgba(var(--couleur1));
}

#wrap .ckeditor-accordion-container > dl {
  border: none;
}

.ui-accordion .ui-accordion-header,
#wrap .ckeditor-accordion-container > dl dt > a,
#wrap .ckeditor-accordion-container > dl dt > a:not(.button) {
  margin-top: 30px;
  margin-bottom: 0 !important;
  padding: 15px 30px;
  font-size: 20px;
  width: 100%;
  border: none;
  background-color: rgba(var(--couleur5));
  color: rgba(var(--blanc));
  border-radius: 30px 10px 10px 10px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(../images/fond-widget.png);
  text-decoration: none;
}

.ui-accordion .ui-accordion-header:hover,
#wrap .ckeditor-accordion-container > dl dt > a:hover,
#wrap .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  text-decoration: underline;
}

.ui-accordion .ui-accordion-header .ui-icon,
#wrap .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/picto_plus_blanc.png);
  background-size: 27px 23px;
  width: 27px;
  height: 23px;
  min-width: 27px;
  margin-left: 10px;
  margin-top: 0px;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
  display: none;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active,
#wrap .ckeditor-accordion-container > dl dt.active a {
  background-color: rgba(var(--couleur3));
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(../images/fond-widget-actif.png);
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-icon,
#wrap .ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle {
  background-image: url(../images/picto_moins_blanc.png);
}

.ui-accordion .ui-accordion-content,
#wrap .ckeditor-accordion-container > dl dd.active {
  height: auto !important;
  border: none;
  color: rgba(var(--couleur1));
  padding: 1em;
}

.ui-accordion .ui-accordion-content a,
#wrap .ckeditor-accordion-container > dl dd.active a {
  color: rgba(var(--couleur1));
}

.ui-accordion .ui-accordion-content h3,
#section .ui-widget.ui-tabs .ui-tabs-panel h3 {
  font-size: 22px;
  padding-left: 25px;
  background-image: url(../images/puce-h3.jpg);
  background-repeat: no-repeat;
  background-position: left center;
}

.ui-accordion .ui-accordion-content h4,
#section .ui-widget.ui-tabs .ui-tabs-panel h4 {
  font-size: 20px;
}

.ui-accordion .ui-accordion-content h5,
#section .ui-widget.ui-tabs .ui-tabs-panel h5 {
  font-size: 18px;
}

/******************************************************************************************************************/
/************************************************* TEMPLATE *******************************************************/
/******************************************************************************************************************/
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active,
.form-submit {
  padding: 5px 20px;
  text-align: center;
  border-radius: 30px;
  background-color: rgba(var(--couleur2)) !important;
  color: rgba(var(--blanc)) !important;
  text-decoration: none !important;
  border: 1px solid rgba(var(--couleur2));
  display: inline-block;
  font-family: "Chakra Petch", sans-serif;
}

.btn-primary:is(a, input, button):hover,
.btn-secondary:is(a, input, button):hover,
.form-submit:is(a, input, button):hover {
  text-decoration: underline !important;
  color: rgba(var(--blanc)) !important;
  background: rgba(var(--couleur2));
  border-color: rgba(var(--couleur2));
  cursor: pointer;
}

.btn-primary.couleur3,
.btn-primary.couleur3:focus,
.btn-primary.couleur3:active {
  background-color: rgba(var(--couleur3)) !important;
  border: 1px solid rgba(var(--couleur3)) !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: rgba(var(--couleur1)) !important;
  border-color: rgba(var(--couleur1));
  color: rgba(var(--blanc)) !important;
}

.btn-default {
  padding: 5px 20px;
  border-radius: 20px;
  background: rgba(var(--blanc));
  color: rgba(var(--couleur1)) !important;
  border: 1px solid rgba(var(--couleur1));
  text-decoration: none !important;
  border-color: rgba(var(--gris1));
}

.btn-default:hover {
  text-decoration: underline !important;
  color: rgba(var(--couleur1)) !important;
  background: rgba(var(--blanc));
  border-color: rgba(var(--couleur1));
}

.btn-orange {
  padding: 5px 20px;
  border-radius: 20px;
  color: white;
  background-color: rgba(var(--couleur3)) !important;
  border-color: rgba(var(--couleur3)) !important;
  text-decoration: none !important;
}
.btn-orange:hover {
  color: white;
  text-decoration: underline !important;
}

.texte-bleu {
  color: rgba(var(--couleur1)) !important;
}

.texte-vert {
  color: rgba(var(--couleur2)) !important;
}

.texte-orange {
  color: rgba(var(--couleur3)) !important;
}

/******************************************************************************************************************/
/*************************************************** HEADER *******************************************************/
/******************************************************************************************************************/
#header #header-logo #logo img {
  max-height: 120px;
  margin-bottom: 10px;
}

#header #header-body {
  position: relative;
  z-index: 99;
}

#header #header-body > .container > .row > #header-logo > #block-dac-site-branding a {
  display: inline-block;
  box-shadow: 0px 8px 12px 0px rgba(8, 44, 102, 0.38);
  -webkit-box-shadow: 0px 8px 12px 0px rgba(8, 44, 102, 0.38);
  -moz-box-shadow: 0px 8px 12px 0px rgba(8, 44, 102, 0.38);
  border-radius: 0px 0px 40px 70px;
  background-color: rgba(var(--blanc));
}

#header #header-body > .container > .row > #header-logo > #block-dac-site-branding img {
  /*margin: 0px 10px 5px;*/
  margin: 0px 0px 5px;
}

#header #header-body > .container > .row #header-right .region-header-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  height: 100%;
  padding: 10px 0;
}

#header #header-body > .container > .row #header-right .region-header-right #block-blocktitrehorsaccueil {
  margin-right: 190px;
}

#header #header-body > .container > .row #header-right .region-header-right #block-blocktitrehorsaccueil p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: center;
  line-height: 25px;
}

#header #header-body > .container > .row #header-right .region-header-right #block-blocktitrehorsaccueil p span {
  font-size: 25px;
  color: rgba(var(--couleur2));
}

#header #header-body > .container > .row #header-right .region-header-right #block-dac-lisio .btn-primary {
  font-weight: bold;
  padding: 45px 20px 11.5px 20px;
  background-position: top 6px center;
  background-repeat: no-repeat;
  background-image: url(../images/picto_accessibilite.png);
  background-size: 25px;
  border-radius: 0;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: -14px;
}

#header #header-body > .container > .row #header-right .region-header-right #block-dac-lisio {
  margin-left: 20px;
}

#header #header-body > .container > .row #header-right .region-header-right #block-dac-lisio p {
  margin-bottom: 0;
}

#header #header-body > .container > .row #header-right .region-header-right #block-dac-lisio .btn-primary:focus,
#header #header-body > .container > .row #header-right .region-header-right #block-dac-lisio .btn-primary:hover {
  background-color: #ffa250 !important;
}

/* #header #header-body > .container > .row #header-right .region-header-right #overlay-menu-toggle img { width: 50px; } */
#header #header-body > .container > .row #header-right .region-header-right .header-guide .field--name-body {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}

body.sticky #header #header-body > .container > .row #header-right .region-header-right #block-blocktitrehorsaccueil p {
  font-size: 16px;
  line-height: 20px;
}

body.sticky #header #header-body > .container > .row #header-right .region-header-right #block-blocktitrehorsaccueil p span {
  font-size: 20px;
}

.block-superfish ul.sf-main {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.block-superfish ul.sf-main li {
  float: none;
  padding-bottom: 20px;
}

.block-superfish ul.sf-main li + li {
  border-left: 1px solid rgba(var(--couleur1));
}

.block-superfish ul.sf-main li a {
  color: rgba(var(--coulour1));
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 32px;
  color: white;
}

.block-superfish ul.sf-main li a:hover,
.block-superfish ul.sf-main li a.is-active {
  text-decoration: none;
  color: white;
}

#navigation .container #block-navigationprincipale-2 {
  display: none;
}

#breadcrumb .breadcrumb {
  padding: 0;
  background: none;
  font-size: 0.9em;
  margin: 20px 0 40px;
  color: rgba(var(--couleur1));
  font-size: 14px;
}

#breadcrumb .breadcrumb a {
  text-decoration: none;
  color: rgba(var(--couleur1));
  font-weight: bold;
}

#breadcrumb .breadcrumb a:hover {
  text-decoration: underline;
}

#breadcrumb .breadcrumb .sep {
  margin: 0 5px;
}

/******************************************************************************************************************/
/*********************************************** OVERLAY MENU ****************************************************/
/******************************************************************************************************************/
#overlay-menu-toggle {
  display: inline-block;
  width: 60px;
  cursor: pointer;
}

#overlay-menu-toggle span {
  height: 5px;
  background-color: rgba(var(--noir), 0.8);
  width: 100%;
  display: block;
}

#overlay-menu-toggle span + span {
  margin-top: 5px;
}

#overlay-menu {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  background-color: rgba(var(--noir), 0.8);
  z-index: 1000;
  display: flex;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.32s ease-in-out;
  -ms-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  -moz-transition: all 0.32s ease-in-out;
  -webkit-transition: all 0.32s ease-in-out;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.toolbar-fixed #overlay-menu {
  top: 39px;
}

.toolbar-horizontal.toolbar-tray-open #overlay-menu {
  top: 79px;
}

#overlay-menu.open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

#overlay-menu .overlay-menu-close-container {
  width: 50%;
  height: 100vh;
  padding: 30px 15px;
  text-align: right;
}

#overlay-menu .overlay-menu-close-container .overlay-menu-close span {
  color: rgba(var(--blanc));
  font-weight: 700;
  cursor: pointer;
  font-size: 28px;
}

#overlay-menu .region-overlay-menu {
  width: 50%;
  height: 100%;
  background-color: rgba(var(--couleur1));
  padding: 30px;
}

#overlay-menu .region-overlay-menu .sf-accordion-toggle {
  display: none;
}

#overlay-menu .region-overlay-menu #superfish-main--2 > li a,
#overlay-menu .region-overlay-menu #superfish-main--2 > li > span {
  color: rgba(var(--blanc));
  text-align: left;
  padding: 15px 50px 15px 15px !important;
  display: block !important;
  cursor: pointer;
  font-size: 1.2rem;
  border: none;
  font-weight: inherit;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul li a {
  padding: 15px 50px 15px 30px !important;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul {
  margin: 0;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul li {
  padding: 0 !important;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul .sf-depth-2 ul .sf-depth-3 a {
  padding: 15px 50px 15px 45px !important;
  line-height: 110%;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion .sf-sub-indicator::after {
  content: "";
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li > span.sf-depth-1.menuparent,
#superfish-main--2-accordion > li.sf-depth-1.menuparent ul > li > a.sf-depth-2.menuparent,
#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-expanded span.sf-depth-1.menuparent,
#superfish-main--2-accordion > li.sf-depth-1.menuparent ul > li.sf-expanded a.sf-depth-2.menuparent {
  position: relative;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li > .sf-depth-1.menuparent::before,
#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-depth-1.menuparent ul > li > a.sf-depth-2.menuparent::before {
  content: "";
  background: url(../images/drop-down.png) no-repeat;
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 5px;
  background-size: 1rem;
  background-position: center left;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li > .sf-depth-1.menuparent::before {
  left: -15px;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-depth-1.menuparent ul > li > a.sf-depth-2.menuparent::before {
  left: 7px;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-expanded span.sf-depth-1.menuparent::before,
#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-depth-1.menuparent ul > li.sf-expanded a.sf-depth-2.menuparent::before {
  content: "";
  background: url(../images/drop-right.png) no-repeat;
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 5px;
  background-size: 1rem;
  background-position: center left;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-expanded span.sf-depth-1.menuparent::before {
  left: 0;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-depth-1.menuparent ul > li.sf-expanded a.sf-depth-2.menuparent::before {
  left: 15px;
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-depth-1.menuparent ul > li {
  background-color: rgba(var(--couleur3));
  border-bottom: 1px solid rgba(var(--couleur1));
}

#overlay-menu .region-overlay-menu #superfish-main-accordion > li.sf-depth-1 {
  padding: 0 !important;
}

#overlay-menu .region-overlay-menu ul.sf-menu.sf-accordion.sf-expanded {
  position: absolute;
  right: 0;
  top: 40px !important;
}

/******************************************************************************************************************/
/*********************************************** STICKY HEADER ****************************************************/
/******************************************************************************************************************/
.sticky #header {
  position: fixed;
  width: 100%;
  background: rgba(var(--blanc));
  z-index: 20;
  border-bottom: 1px solid rgba(var(--couleur1));
  top: 0;
}

.toolbar-fixed.sticky #header {
  top: 39px;
}

.toolbar-horizontal.toolbar-tray-open #header {
  top: 79px;
}

.sticky #header #header-logo #logo img {
  max-height: 60px;
  width: auto !important;
  max-width: 100% !important;
}

.sticky .block-superfish ul.sf-main li a {
  padding: 5px 20px;
}

.sticky #header #header-body > .container > .row #header-right .region-header-right .header-guide .field--name-body {
  font-size: 24px;
}

.sticky .block-superfish ul.sf-main li:last-child {
  display: inline-block;
}

.sticky #navigation {
  margin-top: 10px;
}

.sticky #header-body #header-logo {
  padding-bottom: 10px;
}

/******************************************************************************************************************/
/************************************************* FULLSCREEN ACCUEIL *********************************************/
/******************************************************************************************************************/
.path-frontpage #fullscreen {
  padding: 75px 0;
}

.path-frontpage #fullscreen h1 {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  color: rgba(var(--couleur1));
}

.path-frontpage #fullscreen h1 > span {
  color: rgba(var(--couleur2));
  font-size: 42px;
}

/******************************************************************************************************************/
/************************************************* SECTION ********************************************************/
/******************************************************************************************************************/
body:not(.path-frontpage) #main {
  background: rgba(var(--blanc));
  border-radius: 80px 30px 30px 30px;
  padding: 30px;
}

#section > .container > .row {
  align-items: start;
}

.path-frontpage #section {
  background-image: url(../images/Vague.jpg);
  background-repeat: no-repeat; /*height: 400px;*/
}

.page-node-type-actions article .field--name-body > *:not(h2, h3, h4, h5, h6) {
  padding-left: 15%;
}

.page-node-type-actions article .field--name-body hr {
  margin-left: 15%;
}

body.couleur-vert.page-node-type-actions article .field--name-body hr {
  background-color: var(--couleurtypededispositif1);
}

body.couleur-jaune.page-node-type-actions article .field--name-body hr {
  background-color: var(--couleurtypededispositif2);
}

body.couleur-orange.page-node-type-actions article .field--name-body hr {
  background-color: var(--couleurtypededispositif3);
}

/******************************************************************************************************************/
/************************************************** SIDEBAR *******************************************************/
/******************************************************************************************************************/
#section #sidebar-second {
  background: rgba(var(--blanc));
  border-radius: 30px 30px 30px 30px;
  padding: 30px;
}

#section #sidebar-second .block {
  font-size: 0.85em;
}

#section #sidebar-second .block + .block {
  border-top: 2px solid rgba(var(--couleur1));
  padding: 20px 0 0;
}

#section #sidebar-second .block h2 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

.webform-submission-form #edit-processed-text {
  text-align: center;
  font-size: 14px;
}

/******************************************************************************************************************/
/************************************************* ACCUEIL ********************************************************/
/******************************************************************************************************************/
.path-frontpage h2 {
  text-align: center;
}

.view-slider {
  position: relative;
}

.view-slider .slide {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 50px;
}

/*.view-slider .slide::before { content: ""; width: 100%; height: 100%; display: block; background-color: white; opacity: 0.5; position: absolute; }*/
.view-slider .slide .views-field-views-conditional-field-1 {
  width: 100%;
}

.view-slider .slide .views-field-views-conditional-field-1 .field-content {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.view-slider .slide .views-field-views-conditional-field-1 .field-content p {
  font-size: 36px;
}

.view-slider .slide .views-field-views-conditional-field-1 .field-content .d-flex > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.view-slider .slick__arrow {
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  transform: translateY(0%);
}

.view-slider .slick__arrow button {
  padding: 0;
  background: none;
  border: none;
  position: static;
}

.view-slider .slick__arrow button::before {
  display: block;
  font-size: 50px;
  font-family: "Material Icons";
  color: rgba(var(--couleur1));
}

.view-slider .slick__arrow button.slick-prev::before {
  content: "arrow_back_ios_new";
}

.view-slider .slick__arrow button.slick-next::before {
  content: "arrow_forward_ios";
}

.path-frontpage #section #block-navigationprincipale {
  margin-top: 0;
}

.path-frontpage #section #block-navigationprincipale .content > ul.menu > li {
  margin-bottom: 30px;
}

.path-frontpage #section #block-navigationprincipale .content > ul.menu > li span {
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(var(--couleur2));
}

.path-frontpage #section #block-navigationprincipale .content > ul.menu > li ul {
  padding-left: 40px;
}

.path-frontpage #section #block-navigationprincipale .content > ul.menu > li a {
  text-decoration: none;
}

.path-frontpage #section #block-navigationprincipale .content > ul.menu > li a:hover {
  text-decoration: underline;
}

.path-frontpage .view-empty {
  text-align: center;
}

.view-actions h2 {
  margin-top: -50px;
}

.view-actions .view-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: space-between;
}

.view-actions .view-content .views-row {
  /*width:23%;*/
  width: 28%;
  margin: 0 2.665% 5.33%;
}

.view-actions .view-content .views-row .views-field-nothing {
  height: 100%;
}

.view-actions .view-content .views-row .views-field-nothing .field-content {
  display: flex;
  height: 100%;
}

.view-actions .view-content .views-row .views-field-nothing .field-content a {
  text-decoration: none;
  padding: 20px 20px 15px;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
  background: rgba(var(--blanc));
  text-align: center;
  border-radius: 80px 30px 30px 30px;
  display: block;
  font-weight: 400;
  display: block;
  width: 100%;
  overflow: hidden;
}

.view-actions .view-content .views-row .views-field-nothing .field-content a:hover {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.view-actions .view-content .views-row .views-field-nothing .field-content a .intro {
  margin-bottom: 15px;
  padding: 20px 30px;
  margin: -20px -20px 20px;
  color: #fff;
}

.view-actions .view-content .views-row.vert .views-field-nothing .field-content a .intro {
  background-color: var(--couleurtypededispositif1);
}

.view-actions .view-content .views-row.jaune .views-field-nothing .field-content a .intro {
  background-color: var(--couleurtypededispositif2);
}

.view-actions .view-content .views-row.orange .views-field-nothing .field-content a .intro {
  background-color: var(--couleurtypededispositif3);
}

.view-actions .view-content .views-row .views-field-nothing .field-content a img {
  height: 100px;
  width: auto;
}

.view-actions .view-content .views-row .views-field-nothing .field-content a h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  color: rgba(var(--couleur1));
}

.view-actions .view-content .views-row .views-field-nothing .field-content a:hover h3 {
  text-decoration: underline;
}

/******************************************************************************************************************/
/************************************************* ACTUALITES *****************************************************/
/******************************************************************************************************************/
#block-formulaireexposeactualitespage-1 input[type=radio],
#block-formulaireexposeactualitespage-1 .form-item-title {
  display: none;
}

#block-formulaireexposeactualitespage-1 input[type=radio] + label {
  cursor: pointer;
}

#block-formulaireexposeactualitespage-1 input[type=radio]:checked + label {
  font-weight: bold;
}

#block-formulaireexposeactualitespage-1 .form-actions {
  display: none;
}

#block-formulaireexposeactualitespage-1 fieldset {
  width: 100%;
  margin: 0;
}

.view-actualites .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-actualites .view-content .views-row {
  width: 28%;
  margin: 0 2.5% 5%;
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a {
  text-decoration: none;
  background: rgba(var(--blanc));
  text-align: center;
  border-radius: 80px 30px 30px 30px;
  display: block;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a:hover {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a div:is(.savoir-plus, .date-event) {
  background-image: url(../images/picto_vierge.png);
  background-repeat: center right;
  background-repeat: no-repeat;
  height: 54px;
  width: 63px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: bold;
  color: white;
}

.view-actualites .view-content .vert .views-field-nothing span.field-content div:is(.savoir-plus, .date-event) {
  background-image: url(../images/picto_vierge_vert.png);
}

.view-actualites .view-content .jaune .views-field-nothing span.field-content div:is(.savoir-plus, .date-event) {
  background-image: url(../images/picto_vierge_jaune.png);
}

.view-actualites .view-content .orange .views-field-nothing span.field-content div:is(.savoir-plus, .date-event) {
  background-image: url(../images/picto_vierge_rouge.png);
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a .savoir-plus {
  font-size: 5rem;
  line-height: 0.65;
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a .date-event {
  font-size: 1.2rem;
  padding: 10px 0;
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a img {
  width: 100%;
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a h3 {
  font-size: 16px;
  font-weight: bold;
  color: rgba(var(--couleur1));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(var(--blanc), 0.81);
  padding: 15px;
  margin: 0;
}

.view-actualites .view-content .views-row .views-field-nothing .field-content a:hover h3 {
  text-decoration: underline;
}

.view-actualites .view-footer {
  display: flex;
  flex-wrap: wrap; /*justify-content:space-around;*/
  justify-content: end;
  align-items: center;
}

.view-actualites .view-footer a {
  font-size: 40px;
  font-family: "Material Icons";
  text-decoration: none;
  color: rgba(var(--couleur2));
  display: flex;
  align-items: center;
}

.view-actualites .view-footer a:hover {
  text-decoration: none;
}

.view-actualites .view-footer a span {
  text-transform: uppercase;
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 16px;
  color: rgba(var(--couleur1));
  margin-right: 10px;
}

.view-actualites .view-footer a:hover span {
  text-decoration: underline;
}

#views-exposed-form-actualites-page-1 .form--inline {
  display: flex;
  flex-wrap: wrap;
  padding-left: 30px;
  margin-bottom: 50px;
}
#views-exposed-form-actualites-page-1 .form-actions {
  display: none;
}
#views-exposed-form-actualites-page-1 .form-item {
  flex-wrap: wrap;
  margin: 0;
}
#views-exposed-form-actualites-page-1 .form-item select {
  width: 100%;
  border-radius: 30px;
  border: solid 1px rgba(var(--couleur1));
  padding: 4.5px 18px;
  font-size: 13px !important;
  margin-bottom: 5px;
  color: rgba(var(--couleur1));
}
#views-exposed-form-actualites-page-1 .form-item option {
  cursor: pointer;
}
#views-exposed-form-actualites-page-1 .form-item.form-item-years {
  order: 1;
  margin-right: 10px;
  padding-right: 10px;
  width: fit-content;
  max-width: 220px;
}
@media all and (max-width: 1199px) {
  #views-exposed-form-actualites-page-1 .form-item.form-item-years {
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 5px;
    border-right: unset;
    margin-right: unset;
  }
}
#views-exposed-form-actualites-page-1 .form-item.form-item-years label {
  width: fit-content;
  min-width: 50%;
  max-width: 100%;
  margin-bottom: 5px;
}
#views-exposed-form-actualites-page-1 .form-item.form-item-years select {
  width: fit-content;
}
#views-exposed-form-actualites-page-1 .form-item-r {
  display: none;
}

.view-actualites .view-content {
  display: flex;
  flex-wrap: wrap;
}
.view-actualites .view-content .views-row {
  width: 21%;
  margin: 0 2% 5.33%;
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a {
  text-decoration: none;
  background: rgba(var(--blanc));
  text-align: center;
  border-radius: 80px 30px 30px 30px;
  display: block;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a h3 {
  font-size: 14px;
  font-weight: bold;
  color: rgba(var(--couleur1));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(var(--blanc), 0.81);
  padding: 15px;
  margin: 0;
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a:hover {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a:hover h3 {
  text-decoration: underline;
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a div:is(.savoir-plus, .date-event) {
  background: url(../images/picto_vierge.png) center right no-repeat;
  height: 54px;
  width: 63px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: bold;
  color: white;
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a .savoir-plus {
  font-size: 5rem;
  line-height: 0.65;
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a .date-event {
  font-size: 1rem;
  padding: 12px 0;
}
.view-actualites .view-content .views-row .views-field-nothing .field-content a img {
  width: 100%;
}
.view-actualites .view-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.view-actualites .view-footer a {
  font-size: 40px;
  font-family: "Material Icons";
  text-decoration: none;
  color: rgba(var(--couleur2));
  display: flex;
  align-items: center;
}
.view-actualites .view-footer a span {
  text-transform: uppercase;
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 16px;
  color: rgba(var(--couleur1));
  margin-right: 10px;
}
.view-actualites .view-footer a:hover {
  text-decoration: none;
}
.view-actualites .view-footer a:hover span {
  text-decoration: underline;
}

/******************************************************************************************************************/
/************************************************* LISTING DAC ****************************************************/
/******************************************************************************************************************/
.view-liste-dac .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-liste-dac .view-content .views-row {
  width: 12%;
  margin: 0 1.14% 2.28%;
  text-align: center;
}

.view-liste-dac .view-content .views-row a {
  text-decoration: none;
}

.view-liste-dac .view-content .views-row a img {
  width: 100%;
  margin-bottom: 10px;
}

.view-liste-dac .view-content .views-row a:hover span {
  text-decoration: underline;
}

/******************************************************************************************************************/
/************************************************ L'OFFRE DE SERVICES *********************************************/
/******************************************************************************************************************/
#block-views-block-l-offre-de-services-block-1,
#block-views-block-ressources-block-1 {
  position: relative;
}

:is(.view-l-offre-de-services, .view-ressources) {
  position: static;
}

.view-l-offre-de-services .view-filters {
  position: absolute;
  top: 0;
  left: 45%;
}

:is(.view-l-offre-de-services, .view-ressources) .view-filters .form-item {
  margin: 0;
}

:is(.view-l-offre-de-services, .view-ressources) .view-filters .form-item select {
  padding: 10px;
  border: 2px solid;
}

.view-l-offre-de-services .view-filters .form-item select {
  border-color: var(--couleurtypededispositif2);
}

.view-ressources .view-filters {
  display: flex;
  justify-content: center;
}
.view-ressources .view-filters .form-item-r {
  display: none;
}
.view-ressources .view-filters .form-item select {
  border-color: rgba(var(--couleur2));
  margin: 0 20px 20px;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: start;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row {
  width: 23%;
  margin: 0 1% 2%;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing {
  height: 100%;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing .field-content {
  display: flex;
  height: 100%;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing .field-content a {
  text-decoration: none;
  padding: 20px 20px 15px;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
  background: rgba(var(--blanc));
  text-align: center;
  border-radius: 80px 30px 30px 30px;
  display: block;
  font-weight: 400;
  width: 100%;
  position: relative;
}

.view-ressources .view-content .views-row .views-field-nothing .field-content a div.date-event {
  background-image: url(../images/picto_vierge.png);
  background-repeat: center right;
  background-repeat: no-repeat;
  height: 54px;
  width: 63px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: bold;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.view-ressources .view-content .views-row .views-field-nothing .field-content a div.date-event > time {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing .field-content a:hover {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing .field-content a img {
  height: 100px;
  width: auto;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing .field-content a h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  text-transform: uppercase;
  color: rgba(var(--couleur1));
}

.view-ressources .view-content .views-row .views-field-nothing .field-content a h3 {
  font-size: 18px;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing .field-content a:hover h3 {
  text-decoration: underline;
}

:is(.view-l-offre-de-services, .view-ressources) .view-content .views-row .views-field-nothing .field-content a h3::after {
  content: " ";
  display: block;
  height: 4px;
  width: 75%;
  margin: 10px auto 0;
  background-color: rgba(var(--couleur2));
}

.view-l-offre-de-services .view-content .vert .views-field-nothing .field-content a h3::after {
  background-color: var(--couleurtypededispositif1);
}

.view-l-offre-de-services .view-content .jaune .views-field-nothing .field-content a h3::after {
  background-color: var(--couleurtypededispositif2);
}

.view-l-offre-de-services .view-content .orange .views-field-nothing .field-content a h3::after {
  background-color: var(--couleurtypededispositif3);
}

.view-dispositif-regional-details,
.page-node-730 #block-dac-content,
.page-node-type-ressource #block-dac-content {
  padding-left: 15%;
  position: relative;
}

/* .view-dispositif-regional-details .views-field-field-picto-dispositif, .page-node-type-ressource #block-dac-content article { padding-bottom:30px; border-bottom:2px solid rgba(var(--couleur2)); margin-bottom:60px; } */
.view-dispositif-regional-details .views-field-body,
.page-node-type-ressource #block-dac-content article {
  padding-bottom: 30px;
  border-bottom: 2px solid rgba(var(--couleur2));
  margin-bottom: 60px;
}

/* .view-dispositif-regional-details .views-field-field-picto-dispositif .field-content:after { display:table; content:""; clear:both; } */
.view-dispositif-regional-details .views-field-field-picto-body .field-content:after {
  display: table;
  content: "";
  clear: both;
}

.view-dispositif-regional-details .views-field-field-picto-dispositif .field-content span.dispositif_image {
  float: right;
  margin: 0 0 50px 50px;
}

/* body.couleur-vert .view-dispositif-regional-details .views-field-field-picto-dispositif { border-color:var(--couleurtypededispositif1); }
body.couleur-jaune .view-dispositif-regional-details .views-field-field-picto-dispositif { border-color:var(--couleurtypededispositif2); }
body.couleur-orange .view-dispositif-regional-details .views-field-field-picto-dispositif { border-color:var(--couleurtypededispositif3); } */
body.couleur-vert .view-dispositif-regional-details .views-field-body {
  border-color: var(--couleurtypededispositif1);
}

body.couleur-jaune .view-dispositif-regional-details .views-field-body {
  border-color: var(--couleurtypededispositif2);
}

body.couleur-orange .view-dispositif-regional-details .views-field-body {
  border-color: var(--couleurtypededispositif3);
}

.view-dispositif-regional-details .views-field-field-site-internet,
#block-views-block-dispositif-regional-details-block-2 .view-dispositif-regional-details .views-field-field-fichier {
  position: absolute;
  bottom: -10px;
  right: 0;
}

#block-views-block-dispositif-regional-details-block-2 .view-dispositif-regional-details .views-field-field-fichier {
  bottom: auto;
  top: -75px;
}

.view-dispositif-regional-details .views-field-field-site-internet a,
#block-views-block-dispositif-regional-details-block-2 .view-dispositif-regional-details .views-field-field-fichier a {
  border-radius: 50px;
  padding: 10px 20px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgba(var(--couleur2));
}

.view-dispositif-regional-details .views-field-field-site-internet a:hover,
#block-views-block-dispositif-regional-details-block-2 .view-dispositif-regional-details .views-field-field-fichier a:hover {
  text-decoration: underline;
}

body.couleur-vert .view-dispositif-regional-details .views-field-field-site-internet a {
  background-color: var(--couleurtypededispositif1);
}

body.couleur-jaune .view-dispositif-regional-details .views-field-field-site-internet a {
  background-color: var(--couleurtypededispositif2);
}

body.couleur-orange .view-dispositif-regional-details .views-field-field-site-internet a {
  background-color: var(--couleurtypededispositif3);
}

/******************************************************************************************************************/
/************************************************* ESPACE PRO *****************************************************/
/******************************************************************************************************************/
.page-node-45 .region-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#block-menuducomptedelutilisateur,
.page-node-45 #block-dac-content {
  width: 100%;
}

#block-menuducomptedelutilisateur {
  margin-bottom: 30px;
}

#block-menuducomptedelutilisateur ul.menu {
  display: flex;
  justify-content: end;
}

#block-menuducomptedelutilisateur ul.menu li {
  display: flex;
  align-items: center;
}

#block-menuducomptedelutilisateur ul.menu li::after {
  font-family: "Material Icons";
  color: rgba(var(--couleur1));
  content: "logout";
  font-size: 24px;
  margin-left: 5px;
}

.block-espace-pro-accueil {
  width: 31%;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
  background: rgba(var(--blanc));
  border-radius: 80px 30px 30px 30px;
  margin-bottom: 20px;
}

.block-espace-pro-accueil:hover {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.block-espace-pro-accueil .field--name-body {
  height: 100%;
}

.block-espace-pro-accueil .field--name-body p {
  margin-bottom: 0;
  height: 100%;
}

.block-espace-pro-accueil .field--name-body p a {
  height: 100%;
  text-decoration: none;
  padding: 20px 20px 15px;
  text-align: center;
  font-weight: 400;
  display: block;
  width: 100%;
}

.block-espace-pro-accueil .field--name-body p a img {
  height: 100px;
  width: auto;
}

.block-espace-pro-accueil .field--name-body p a span {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0 10px 0;
  color: rgba(var(--couleur1));
  line-height: 1.2;
  display: block;
}

.block-espace-pro-accueil .field--name-body p a span::after {
  content: " ";
  display: block;
  height: 4px;
  width: 20%;
  margin: 10px auto 0;
  background-color: rgba(var(--couleur3));
}

#block-connexionutilisateur,
#block-espaceproblockcreationduncompte {
  width: 45%;
  padding: 30px;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
  background: rgba(var(--blanc));
  border-radius: 80px 30px 30px 30px;
}

#block-connexionutilisateur h2,
#block-espaceproblockcreationduncompte h2 {
  text-align: center;
  margin-bottom: 30px;
}

#block-connexionutilisateur h2::after,
#block-espaceproblockcreationduncompte h2::after {
  content: " ";
  display: block;
  height: 4px;
  width: 20%;
  margin: 10px auto 0;
  background-color: rgba(var(--couleur3));
}

#views-exposed-form-ressources-privees-page-1 {
  position: relative;
}

#views-exposed-form-ressources-privees-page-1 .form--inline {
  margin: 0;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-wrapper legend {
  padding-left: 10px;
  margin-bottom: 10px;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-wrapper .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-wrapper .form-checkboxes .form-type-checkbox {
  margin: 0 5px 5px;
  border-radius: 50px;
  text-transform: uppercase;
  border: 1px solid rgba(var(--couleur1));
  color: rgba(var(--couleur1));
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  background: rgba(var(--blanc));
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-wrapper .form-checkboxes .form-type-checkbox input[type=checkbox] {
  display: none;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-wrapper .form-checkboxes .form-type-checkbox label {
  margin-bottom: 0;
  cursor: pointer;
  width: auto;
  background-position: left 5px center;
  background-repeat: no-repeat;
  background-size: 30px;
  padding: 2px 15px 2px 40px;
  text-transform: none;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-wrapper .form-checkboxes .form-type-checkbox.highlight {
  background: rgba(var(--couleur2));
  border-color: rgba(var(--couleur2));
  color: rgba(var(--blanc));
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-wrapper .form-checkboxes .form-type-checkbox.highlight label::after {
  content: "x";
  font-weight: bold;
  margin-left: 10px;
  text-transform: none;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-item-recherche {
  width: 100%;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-item-recherche .form-text {
  border: 1px solid rgba(var(--couleur2));
  border-radius: 50px;
  padding: 7px 50px 7px 15px;
  width: 100%;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-actions {
  position: absolute;
  bottom: 0px;
  right: 0;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-actions .button {
  font-family: "Material Icons";
  font-size: 24px;
  padding: 5px;
  padding: 1px 10px;
}

#views-exposed-form-ressources-privees-page-1 .form--inline .form-actions .button:hover {
  text-decoration: none;
}

.path-espace-proressources-privees #views-exposed-form-ressources-privees-page-1 .form--inline #edit-categorie--wrapper {
  display: none;
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row {
  width: 23%;
  margin: 1%;
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row .views-field-name {
  height: 100%;
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row .views-field-name .field-content {
  display: flex;
  height: 100%;
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row .views-field-name .field-content a {
  text-decoration: none;
  padding: 20px 20px 15px;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
  background: rgba(var(--blanc));
  text-align: center;
  border-radius: 80px 30px 30px 30px;
  display: block;
  font-weight: 400;
  display: block;
  width: 100%;
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row .views-field-name .field-content a:hover {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row .views-field-name .field-content a img {
  height: 100px;
  width: auto;
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row .views-field-name .field-content a h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0 10px 0;
  color: rgba(var(--couleur1));
}

.path-espace-proressources-privees .view-ressources-privees-categorie .view-content .views-row .views-field-name .field-content a:hover h3 {
  text-decoration: underline;
}

.view-ressources-privees {
  margin-top: 30px;
}

.view-ressources-privees .view-content {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0 0 30px 30px;
}

.view-ressources-privees .view-content .views-row {
  width: 28%;
  margin: 0 2.665% 5.33%;
}

.view-ressources-privees .view-content .views-row .views-field-title,
.view-ressources-privees .view-content .views-row .views-field-title .field-content {
  height: 100%;
}

.view-ressources-privees .view-content .views-row .views-field-title .field-content a {
  padding: 30px;
  background-color: rgba(var(--blanc));
  border-radius: 80px 30px 30px 30px;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  display: block;
  width: 100%;
  text-decoration: none;
  height: 100%;
  display: block;
  position: relative;
}

.view-ressources-privees .view-content .views-row .views-field-title .field-content a img {
  position: absolute;
  top: 5px;
  right: 5px;
}

.view-ressources-privees .view-content .views-row .views-field-title .field-content a::before {
  display: block;
  font-family: "Material Icons";
  font-size: 40px;
  margin-bottom: 30px;
  color: rgba(var(--couleur3));
}

.view-ressources-privees .view-content .views-row.ressource-privee-lien .views-field-title .field-content a::before {
  content: "link";
}

.view-ressources-privees .view-content .views-row.ressource-privee-document .views-field-title .field-content a::before {
  content: "description";
}

.view-ressources-privees .view-content .views-row.ressource-privee-contenu .views-field-title .field-content a::before {
  content: "subject";
}

.view-ressources-privees .view-content .views-row .views-field-title .field-content a:hover {
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.view-ressources-privees .view-content .views-row .views-field-title .field-content a:hover span {
  text-decoration: underline;
}

#block-views-block-ressources-privees-block-1 {
  margin-top: 30px;
}

.view-ressources-privees .view-content h3,
.path-espace-procreer-un-compte form h2,
.path-espace-promes-coordonnees form h2 {
  width: 100%;
  background-color: rgba(var(--couleur5));
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(../images/fond-widget.png);
  padding: 5px 20px;
  font-size: 20px;
  border: none;
  color: rgba(var(--blanc));
  border-radius: 30px 10px 10px 10px;
  text-transform: uppercase;
}

.view-ressources-privees .view-content h3 {
  padding: 5px 30px 5px 20px;
  margin-bottom: 20px !important;
}

.view-ressources-privees .view-content h3 img {
  max-height: 40px;
  width: auto;
}

.path-espace-procreer-un-compte form table + h2,
.path-espace-promes-coordonnees form table + h2 {
  margin-top: 20px;
}

/******************************************************************************************************************/
/******************************************* PAGE MODIF PASSWORD **************************************************/
/******************************************************************************************************************/
#user-form .form-wrapper,
#user-form #edit-account .form-type-email {
  display: none;
}

#user-form #edit-account,
#user-form .form-actions {
  display: block;
}

#block-connexionutilisateur .item-list {
  display: none;
}

/******************************************************************************************************************/
/*************************************************** FOOTER *******************************************************/
/******************************************************************************************************************/
#footer {
  margin-top: 40px;
  padding: 50px 0 30px;
  font-size: 14px;
  background-color: rgba(var(--couleur1));
  color: rgba(var(--blanc));
  background-image: url(../images/backgroundFooter.png);
  background-repeat: no-repeat;
  background-position: right 0px top 45px;
  height: 325px;
}

#footer .field--name-body a {
  color: rgba(var(--blanc));
}

#footer h2 {
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
}

#footer #block-suiveznous .field--name-body ul,
#footer #block-footerblock3 .field--name-body ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
}

#footer #block-suiveznous .field--name-body ul li::before,
#footer #block-footerblock3 .field--name-body ul li::before {
  content: ">";
  margin-right: 5px;
}

#footer #block-suiveznous .field--name-body a + a,
#footer #block-footerblock3 .field--name-body a + a {
  margin-left: 20px;
}

#footer #block-suiveznous .field--name-body a img,
#footer #block-footerblock3 .field--name-body a img {
  width: 50px;
}

#footer #block-suiveznous .field--name-body a + ul,
#footer #block-footerblock3 .field--name-body a + ul {
  margin-top: 20px;
}

#footer #block-logopsc {
  margin-top: 20px;
}

#footer #block-logopsc .field--name-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
}

#footer #block-logopsc .field--name-body p {
  margin-bottom: 0;
}

#footer #block-logopsc .field--name-body img {
  width: 100px;
  margin-right: 15px;
}

/******************************************************************************************************************/
/************************************************** COOKIES *******************************************************/
/******************************************************************************************************************/
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: #2a3135 !important;
}

#tarteaucitronIcon #tarteaucitronManager {
  box-shadow: none;
}

.tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert,
.tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert {
  display: inline-block;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitronRoot .tarteaucitronAllow {
  background: #2e602e;
  font-weight: 200;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton {
  font-weight: 300;
}

html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p {
  margin: 5px 0;
}

html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert * {
  color: #fff;
}

html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert ul {
  margin-left: 20px;
  margin-bottom: 10px;
  list-style: disc;
}

html #tarteaucitronRoot #tarteaucitronAlertBig {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  text-align: left;
}

html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl) {
  padding: 0 10px;
  margin: 10px 5px 0 5px;
  height: 25px;
  border: 1px solid #fff;
  background: #fff;
  color: #333;
  border-radius: 0;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
  content: "✓";
  display: inline-block;
  color: #fff;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
  background-color: #9c1a1a;
  opacity: 1;
  font-weight: 200;
}

html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl):hover {
  background: #333;
  color: #fff;
  font-weight: 100;
}

html #tarteaucitronRoot #tarteaucitronAlertBig * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize {
  padding-bottom: 2px !important;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl) {
  font-weight: 200;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
  font-weight: 200;
}/*# sourceMappingURL=style.css.map */