@charset "UTF-8";
/******************************************************************************************************************/
/************************************************* GENERAL ********************************************************/
/******************************************************************************************************************/
:root {
  --couleur1: 99, 95, 81;
  --couleur2: 144, 176, 34;
  --couleur3: 207, 0, 12;
  --couleur4: 242, 238, 233;
  --blanc: 255, 255, 255;
  --noir: 0, 0, 0;
  --gris1: 164, 160, 153;
  --gris2: 103, 103, 103;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: rgba(var(--couleur1));
}

h1,
.h1,
.path-frontpage *:is(.white-area, .grey-area, #section) .block > h2 {
  font-family: "Chakra Petch", sans-serif;
  text-align: right;
  display: flex;
  justify-content: end;
  align-items: center;
  font-size: 40px;
  margin-bottom: 30px;
}

h1::before,
.h1::before,
.path-frontpage *:is(.white-area, .grey-area, #section) .block > h2::before {
  margin-right: 10px;
  content: " ";
  display: inline-block;
  width: 19px;
  height: 23px;
  background-image: url(../images/carre.png);
}

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

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

.view .row {
  margin: 0;
}

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

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select,
textarea {
  background-color: rgba(var(--blanc));
  border: 2px solid rgba(var(--couleur1));
  padding: 2px 5px;
}

select {
  padding: 3px 5px;
}

input[type=text].error,
input[type=password].error,
input[type=email].error,
input[type=tel].error,
select.error,
textarea.error {
  border: 2px solid #ff0000;
}

.messages {
  margin-bottom: 20px;
}

.messages p {
  margin-bottom: 0;
}

.grey-area {
  background-color: rgba(var(--couleur4));
  padding: 50px 0;
  margin: 40px 0 0;
}

.white-area {
  padding: 50px 0;
}

body:not(.path-frontpage) #main h2 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 1px solid;
  font-family: "Chakra Petch", sans-serif;
  font-size: 1.5em;
}

body:not(.path-frontpage) #main h3 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Chakra Petch", sans-serif;
  font-size: 1.3em;
}

body:not(.path-frontpage) #main h4 {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: "Chakra Petch", sans-serif;
  font-size: 1.1em;
}

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,
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: 30px;
  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;
}

.views-exposed-form {
  margin-bottom: 30px;
}

.views-exposed-form .form--inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: end;
}

.views-exposed-form .form--inline > div {
  margin: 0 0 10px;
}

.views-exposed-form .form--inline input[type=hidden] {
  display: none;
}

.views-exposed-form .form--inline > div.form-item {
  float: none;
}

.views-exposed-form .form--inline > div input,
.views-exposed-form .form--inline > div select {
  width: 100% !important;
  margin: 0;
}

.views-exposed-form .form--inline > div label {
  font-family: "Chakra Petch", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

.ui-widget.ui-tabs {
  padding: 0;
  border: none;
}

.nav-tabs {
  padding: 0;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(var(--couleur1)) !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.nav-tabs li {
  border: none;
  background: none;
}

.bootstrap-tabs .nav-tabs > li.active > a {
  background: rgba(var(--couleur2)) !important;
  color: white !important;
}

.bootstrap-tabs .nav-tabs li a {
  font-family: "Chakra Petch", sans-serif;
  padding: 15px 30px;
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
}

.bootstrap-tabs .nav-tabs li a:hover {
  text-decoration: underline;
}

.bootstrap-tabs .nav-tabs > li.active a {
  background: linear-gradient(rgba(var(--couleur2)), 100px, rgba(var(--noir), 0.8) 200px);
}

.bootstrap-tabs .nav-tabs > li.active a:hover {
  text-decoration: none;
}

.tab-content > .tab-pane {
  padding: 15px 10px;
}

.tab-content > .tab-pane img {
  max-width: 300px;
}

.ui-widget.ui-tabs .ui-tabs-nav {
  padding: 0;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(var(--couleur1));
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ui-widget.ui-tabs .ui-tabs-nav::before,
.ui-widget.ui-tabs .ui-tabs-nav::after {
  display: none;
}

.ui-widget.ui-tabs .ui-tabs-nav li {
  border: none;
  background: none;
}

.ui-widget.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: rgba(var(--couleur2));
}

.ui-widget.ui-tabs .ui-tabs-nav li a {
  font-family: "Chakra Petch", sans-serif;
  padding: 15px 30px;
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
}

.ui-widget.ui-tabs .ui-tabs-nav li a:hover {
  text-decoration: underline;
}

.ui-widget.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background: linear-gradient(rgba(var(--couleur2)), 100px, rgba(var(--noir), 0.8) 200px);
}

.ui-widget.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
  text-decoration: none;
}

.ui-widget.ui-tabs .ui-tabs-panel {
  padding: 15px 0;
}

.ui-widget.ui-tabs .ui-tabs-panel img {
  max-width: 300px;
}

.ui-accordion .ui-accordion-header {
  margin-bottom: 0 !important;
  font-family: "Chakra Petch", sans-serif;
  padding: 15px 30px;
  font-size: 20px;
  width: 100%;
  display: block;
  border: none;
  background: rgba(var(--couleur4));
}

.ui-accordion .ui-accordion-header:hover {
  text-decoration: underline;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
  background: linear-gradient(rgba(var(--couleur2)), 100px, rgba(var(--noir), 0.8) 200px);
}

.ui-accordion .ui-accordion-content {
  height: auto !important;
}

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

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

.btn-second,
.btn-second:hover {
  background-color: rgba(var(--couleur1));
  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));
}

.action-listing:not(.tpl_btn) {
  background: rgba(var(--blanc));
  color: rgba(var(--couleur1));
  border: 1px solid rgba(var(--couleur1));
  height: 32px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: auto;
}

.action-listing:hover {
  text-decoration: none !important;
  background: rgba(var(--couleur2));
  color: rgba(var(--blanc)) !important;
  border-color: rgba(var(--couleur2));
}

.action-listing:hover * {
  color: rgba(var(--blanc)) !important;
}

.action-listing:not(.tpl_btn) + .action-listing:not(.tpl_btn) {
  margin-left: 15px;
}

.tpl_btn.action-listing {
  background: rgba(var(--couleur2));
  color: rgba(var(--blanc));
  border-color: rgba(var(--couleur2));
  display: inline-block;
}

.tpl_btn.action-listing:hover {
  text-decoration: underline !important;
  background: rgba(var(--couleur2));
  color: rgba(var(--blanc));
  border-color: rgba(var(--couleur2));
}

.tpl_btn span,
.btn-primary span,
.btn-second span,
.form-submit span,
.btn-default span {
  display: block;
  font-size: 13px;
}

.container_note {
  background-color: rgba(var(--blanc));
  position: relative;
  width: 105px;
  height: 18px;
  margin: auto;
}

.container_note .note {
  background-color: rgba(var(--couleur1));
  position: absolute;
  height: 18px;
}

.container_note .star {
  background-image: url(../images/stars-fond-blanc.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 106px;
  z-index: 10;
  position: absolute;
  height: 18px;
}

.formation-affichage {
  margin-bottom: 30px;
  display: block;
  display: flex;
  flex-wrap: wrap;
}

.formation-affichage a {
  text-decoration: none;
}

.formation-affichage a:hover {
  text-decoration: underline;
}

.formation-affichage .formation-image {
  width: 14%;
  background-color: rgba(var(--couleur4));
  display: flex;
  align-items: center;
}

.formation-affichage .formation-image a,
.formation-affichage .formation-image a img {
  width: 100%;
}

.formation-affichage .formation-infos {
  width: 39%;
  background-color: rgba(var(--couleur4));
  padding: 10px 0px 10px 10px;
}

.formation-affichage .formation-infos .formation-theme {
  display: block;
  color: rgba(var(--couleur2));
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.formation-affichage .formation-infos .formation-titre {
  font-weight: bold;
}

.formation-affichage .formation-dates {
  width: 9%;
  background-color: rgba(var(--couleur4));
  text-align: center;
  color: rgba(var(--couleur2));
  font-weight: 600;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.formation-affichage .formation-dates time {
  display: block;
}

.formation-affichage .formation-type {
  width: 14%;
  background-color: rgba(var(--couleur4));
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.formation-affichage .formation-type p {
  margin: 0;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 40px;
}

.formation-affichage .formation-type p.presentiel {
  background-image: url(../images/picto-presentiel.png);
}

.formation-affichage .formation-type p.distanciel {
  background-image: url(../images/picto-distanciel.png);
}

.formation-affichage .formation-type p span {
  font-size: 14px;
  display: block;
}

.formation-affichage .formation-appreciation {
  width: 13%;
  background-color: rgba(var(--couleur4));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.formation-affichage .formation-appreciation .container_note .star {
  background-image: url(../images/stars-fond-beige.png);
}

.formation-affichage .formation-lien {
  width: 10%;
  background-color: rgba(var(--couleur2));
  color: rgba(var(--blanc));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.formation-affichage .formation-lien span {
  background-image: url(../images/picto-sinscrire.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 45px;
}

.tpl_counter {
  text-align: center;
}

.tpl_counter .stat {
  font-family: "Chakra Petch", sans-serif;
  font-size: 45px;
  color: rgba(var(--couleur2));
}

h2.fond_gris,
h3.fond_gris {
  text-transform: uppercase;
  padding: 5px 10px;
  background-color: rgba(var(--couleur4));
  font-family: "Chakra Petch", sans-serif;
}

/******************************************************************************************************************/
/*************************************************** HEADER *******************************************************/
/******************************************************************************************************************/
body:not(.path-frontpage) #header {
  border-bottom: 2px solid rgba(var(--couleur2));
}

#header #header-body > .container > .row {
  align-items: end;
}

#header #header-body > .container > .row #header-logo {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

#header #header-body > .container > .row #header-logo img {
  max-width: 135px;
}

#header #header-body > .container > .row #header-right .region-header-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}

#header #header-body > .container > .row #header-right .region-header-right .block-menu {
  width: auto;
}

.block-menu ul.sf-menu.menu li a {
  font-family: "Chakra Petch", sans-serif;
  color: rgba(var(--noir));
  text-decoration: none;
  font-size: 22px;
  padding: 10px 15px;
}

.block-menu ul.sf-menu.menu li a:hover,
.block-menu ul.sf-menu.menu li a.is-active {
  text-decoration: none;
  color: rgba(var(--couleur2));
}

#header #header-body > .container > .row #header-right .region-header-right .block-mon-compte .field--name-body {
  display: flex;
  align-items: center;
}

#header #header-body > .container > .row #header-right .region-header-right .block-mon-compte .field--name-body p {
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  font-family: "Chakra Petch", sans-serif;
}

#header #header-body > .container > .row #header-right .region-header-right .block-mon-compte .field--name-body p a {
  text-decoration: none;
}

#header #header-body > .container > .row #header-right .region-header-right .block-mon-compte .field--name-body p a span {
  display: block;
}

#header #header-body > .container > .row #header-right .region-header-right .block-mon-compte .field--name-body p a:hover {
  text-decoration: underline;
}

#header #header-body > .container > .row #header-right .region-header-right .block-mon-compte .field--name-body p + p {
  margin-left: 25px;
}

#header #header-body > .container > .row #header-right .region-header-right .block-mon-compte .field--name-body p + p a {
  color: rgba(var(--couleur2));
}

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

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

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

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

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

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

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

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

.sticky #header #header-logo #logo img {
  max-height: 70px;
}

/******************************************************************************************************************/
/*********************************************** 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;
  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;
  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-accordion > li a,
#overlay-menu .region-overlay-menu #superfish-main-accordion > 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(--couleur2));
  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;
}

/******************************************************************************************************************/
/************************************************* SECTION ********************************************************/
/******************************************************************************************************************/
#section #main .block:not(.block-core, .block-system) + .block {
  margin-top: 30px;
}

/******************************************************************************************************************/
/************************************************* ACCUEIL ********************************************************/
/******************************************************************************************************************/
.view-slider .view-content {
  position: relative;
  margin-bottom: 30px;
}

.view-slider .view-content .slide .views-field-title {
  position: absolute;
  right: 20px;
  bottom: 5px;
  color: rgba(var(--blanc));
  font-family: "Chakra Petch", sans-serif;
  font-size: 35px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.62);
  font-weight: 500;
  text-align: right;
}

.path-frontpage .view-nos-formations .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.path-frontpage .view-nos-formations .view-content .views-row {
  width: 31%;
  margin-bottom: 20px;
  position: relative;
}

.path-frontpage .view-nos-formations .view-content .views-row .views-field-views-conditional-field img {
  width: 100%;
}

.path-frontpage .view-nos-formations .view-content .views-row .views-field-title {
  font-family: "Chakra Petch", sans-serif;
  position: absolute;
  bottom: 20px;
  padding: 5px 10px;
  background-color: rgba(var(--blanc), 0.85);
  width: 100%;
  font-weight: 500;
}

.path-frontpage .view-nos-formations .view-content .views-row .views-field-title a {
  text-decoration: none;
}

.path-frontpage .view-nos-formations .view-content .views-row .views-field-title a time {
  color: rgba(var(--couleur3));
}

.path-frontpage .view-nos-formations .view-footer {
  margin-bottom: 20px;
  text-align: right;
}

.view-nos-actualites .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.view-nos-actualites .view-content .views-row {
  width: 49%;
  margin-bottom: 20px;
  position: relative;
}

.view-nos-actualites .view-content .views-row::after {
  content: " ";
  display: table;
  clear: both;
}

.view-nos-actualites .view-content .views-row .views-field-title {
  background: rgba(var(--couleur1));
  padding: 5px 10px;
  width: 100%;
}

.view-nos-actualites .view-content .views-row .views-field-title a {
  color: rgba(var(--blanc));
  text-decoration: none;
  font-family: "Chakra Petch", sans-serif;
  text-transform: uppercase;
}

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

.view-nos-actualites .view-content .views-row .views-field-field-image,
.view-nos-actualites .view-content .views-row .views-field-field-resume-actualite {
  width: 50%;
  float: left;
}

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

.view-nos-actualites .view-content .views-row .views-field-field-resume-actualite {
  padding: 10px;
  font-size: 16px;
}

.view-nos-actualites .view-content .views-row .views-field-field-resume-actualite a {
  text-decoration: none;
}

.view-nos-actualites .view-content .views-row .views-field-field-resume-actualite a:hover {
  text-decoration: underline;
}

.view-nos-actualites .view-footer {
  text-align: right;
}

#block-izianet-views-block-temoignages-de-stagiaires-block-1 > h2 {
  margin-bottom: 60px;
}

.view-temoignages-de-stagiaires {
  text-align: center;
}

.view-temoignages-de-stagiaires .view-content {
  position: relative;
}

.view-temoignages-de-stagiaires .view-content .slick__arrow {
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.view-temoignages-de-stagiaires .view-content .slick__arrow .slick-arrow {
  padding: 0;
  background: none;
  color: rgba(var(--couleur2));
  border: none;
}

.view-temoignages-de-stagiaires .view-content .slick__arrow .slick-arrow::before {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/carre.png);
  display: block;
  width: 19px;
  height: 23px;
  color: transparent;
  content: " ";
}

.view-temoignages-de-stagiaires .view-content .slick__arrow .slick-arrow.slick-prev::before {
  transform: rotate(90deg);
}

.view-temoignages-de-stagiaires .view-content .slick__arrow .slick-arrow.slick-next::before {
  transform: rotate(-90deg);
}

.view-temoignages-de-stagiaires .view-content .slick-track {
  display: flex;
  align-items: center;
}

.view-temoignages-de-stagiaires .view-content .slick-track .slick__slide {
  padding: 0 50px;
}

/******************************************************************************************************************/
/************************************************ ACTUALITES ******************************************************/
/******************************************************************************************************************/
.page-node-type-article .field--name-field-image {
  float: right;
  margin: 0 0 20px 20px;
  width: 35%;
}

.page-node-type-article .field--name-field-image img {
  width: 100%;
}

/******************************************************************************************************************/
/************************************************ CALENDRIER ******************************************************/
/******************************************************************************************************************/
.path-calendrier-des-formations .views-exposed-form .form--inline > div {
  width: 15%;
}

/******************************************************************************************************************/
/************************************************** THEMES ********************************************************/
/******************************************************************************************************************/
.view-catalogue-de-formation .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.view-catalogue-de-formation .view-content .views-row {
  width: 49%;
  border-top: 4px solid rgba(var(--couleur2));
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  background-color: rgba(var(--couleur4));
  padding-bottom: 46px;
  position: relative;
}

.view-catalogue-de-formation .view-content .views-row .views-field-views-conditional-field {
  width: 35%;
}

.view-catalogue-de-formation .view-content .views-row .views-field-views-conditional-field img {
  width: 100%;
}

.view-catalogue-de-formation .view-content .views-row .views-field-name {
  width: 65%;
}

.view-catalogue-de-formation .view-content .views-row .views-field-name .field-content a {
  text-decoration: none;
  padding: 15px;
  display: block;
}

.view-catalogue-de-formation .view-content .views-row .views-field-name .field-content a h2 {
  border-bottom: none !important;
  font-family: "Chakra Petch", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
}

.view-catalogue-de-formation .view-content .views-row .views-field-name .field-content a .theme-soustitre {
  font-size: 16px;
}

.view-catalogue-de-formation .view-content .views-row .views-field-nothing {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.view-catalogue-de-formation .view-content .views-row .views-field-nothing .field-content a .theme-counter {
  width: 100%;
  padding: 5px 15px;
  background-color: rgba(var(--couleur1));
  color: rgba(var(--blanc));
  text-align: center;
  font-family: "Chakra Petch", sans-serif;
  font-size: 24px;
}

.view-catalogue-de-formation .view-content .views-row .views-field-nothing .field-content a .theme-counter span {
  font-size: 18px;
}

.view-en-tete-thematique {
  padding: 20px 0 0;
  border-top: 1px solid rgba(var(--couleur1));
  border-bottom: 1px solid rgba(var(--couleur1));
}

.view-en-tete-thematique .view-content .views-row::after {
  content: " ";
  display: table;
  clear: both;
}

.view-en-tete-thematique .view-content .views-row .views-field-field-soustitre-theme,
.view-en-tete-thematique .view-content .views-row .views-field-description__value {
  margin-bottom: 20px;
}

.view-en-tete-thematique .view-content .views-row .views-field-field-soustitre-theme .theme-soustitre {
  text-transform: uppercase;
  font-weight: bold;
}

.view-en-tete-thematique .view-content .views-row .views-field-field-image-term {
  width: 39%;
  float: right;
  margin: 0 0 20px 1%;
}

.view-en-tete-thematique .view-content .views-row .views-field-field-image-term img {
  width: 100%;
}

/******************************************************************************************************************/
/************************************************ FORMATIONS ******************************************************/
/******************************************************************************************************************/
#block-views-block-nos-formations-block-3 {
  margin-top: 50px !important;
}

.node__content .field__label {
  text-transform: uppercase;
  padding: 5px 10px;
  background-color: rgba(var(--couleur4));
  font-family: "Chakra Petch", sans-serif;
  margin-left: -15px;
  width: calc(100% + 15px);
  font-size: 18px;
}

.view-sessions-d-une-formation .view-header h2 {
  background-color: rgba(var(--couleur2));
  color: rgba(var(--blanc));
  text-transform: uppercase;
  text-align: center;
  font-family: "Chakra Petch", sans-serif;
  font-size: 18px;
  padding: 5px 10px;
}

.view-sessions-d-une-formation .view-content .views-row {
  background-color: #f2eee9;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: right 7px top 10px;
}

.view-sessions-d-une-formation .view-content .views-row.presentiel {
  background-image: url(../images/picto-presentiel.png);
}

.view-sessions-d-une-formation .view-content .views-row.distanciel {
  background-image: url(../images/picto-distanciel.png);
}

.view-sessions-d-une-formation .view-content .views-row p {
  margin-bottom: 0;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-nothing {
  padding: 10px 30px 0 10px;
  font-weight: 500;
  font-size: 0.9em;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-php-1 {
  padding: 0 10px 10px 10px;
  font-weight: 500;
  font-size: 0.9em;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a,
.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 .field-content div {
  padding: 2px 10px;
  width: 100%;
  color: rgba(var(--blanc));
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a::after,
.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 .ajoutSession:after {
  font-family: "Material Icons";
  font-size: 1.2em;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a:hover,
.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 .ajoutSession:hover {
  text-decoration: underline;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a:hover::after,
.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 .ajoutSession:hover::after {
  text-decoration: none;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a:first-child {
  background-color: #c7bdb0;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a:first-child::after {
  content: "description";
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a:last-child,
.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 .field-content div {
  background-color: #635f51;
}

.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 a:last-child::after,
.view-sessions-d-une-formation .view-content .views-row .views-field-views-conditional-field-3 .ajoutSession::after {
  content: "edit";
}

.view-appreciation-et-label {
  margin-top: 20px;
}

.view-appreciation-et-label .view-content .views-row {
  font-weight: bold;
  text-align: center;
}

.view-labels-formation {
  margin-top: 20px;
}

.view-labels-formation .view-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.view-labels-formation .view-content .row {
  width: 49%;
  text-align: center;
  margin-bottom: 10px;
}

#block-izianet-financementetcontactformation .field--name-body a {
  margin-top: 20px;
  background-color: rgba(var(--couleur2));
  color: rgba(var(--blanc));
  padding: 5px 10px;
  width: 100%;
  text-decoration: none;
  display: block;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#block-izianet-financementetcontactformation .field--name-body a:hover {
  text-decoration: underline;
}

#block-izianet-financementetcontactformation .field--name-body a::after {
  font-family: "Material Icons";
  content: "mail";
  font-size: 1.2em;
}

/******************************************************************************************************************/
/*********************************************** ESPACE CLIENT ****************************************************/
/******************************************************************************************************************/
#block-izianet-ofconnexion {
  width: 90%;
}

#block-izianet-ofconnexion .forgetPassword {
  text-align: center;
}

#block-izianet-espaceadherentsinscrire .field--name-body a {
  display: block;
  width: auto;
  margin-bottom: 10px;
}

#highlighted ul.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 30px 0;
}

#highlighted ul.menu li a {
  text-align: center;
  height: 100%;
  border: 2px solid rgba(var(--couleur1));
  color: rgba(var(--couleur1));
  font-family: "Chakra Petch", sans-serif;
  padding: 120px 5px 10px;
  background-repeat: no-repeat;
  background-position: center top 10px;
  background-size: 100px 100px;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

#highlighted ul.menu li a:hover {
  background-color: rgba(var(--couleur1));
  color: rgba(var(--blanc));
}

#highlighted ul.menu li a.is-active {
  background-color: rgba(var(--blanc));
  color: rgba(var(--couleur2));
  border-color: rgba(var(--couleur2));
}

#highlighted #block-izianet-menuentreprise ul li {
  width: 16%;
  padding: 0;
}

#highlighted #block-izianet-menustagiaire ul li {
  width: 24%;
  padding: 0;
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(1) a,
#highlighted #block-izianet-menustagiaire ul li:nth-child(1) a {
  background-image: url(../images/coordonnees.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(2) a {
  background-image: url(../images/stagiaires.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(3) a,
#highlighted #block-izianet-menustagiaire ul li:nth-child(2) a {
  background-image: url(../images/formations.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(4) a,
#highlighted #block-izianet-menustagiaire ul li:nth-child(3) a {
  background-image: url(../images/incription.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(5) a {
  background-image: url(../images/factures.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(6) a,
#highlighted #block-izianet-menustagiaire ul li:nth-child(4) a {
  background-image: url(../images/deconnexion.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(1) a:hover,
#highlighted #block-izianet-menustagiaire ul li:nth-child(1) a:hover {
  background-image: url(../images/coordonnees-hover.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(2) a:hover {
  background-image: url(../images/stagiaires-hover.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(3) a:hover,
#highlighted #block-izianet-menustagiaire ul li:nth-child(2) a:hover {
  background-image: url(../images/formation-hover.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(4) a:hover,
#highlighted #block-izianet-menustagiaire ul li:nth-child(3) a:hover {
  background-image: url(../images/incription-hover.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(5) a:hover {
  background-image: url(../images/factures-hover.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(6) a:hover,
#highlighted #block-izianet-menustagiaire ul li:nth-child(4) a:hover {
  background-image: url(../images/deconnexion-hover.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(1) a.is-active,
#highlighted #block-izianet-menustagiaire ul li:nth-child(1) a.is-active {
  background-image: url(../images/coordonnees-active.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(2) a.is-active {
  background-image: url(../images/stagiaires-active.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(3) a.is-active,
#highlighted #block-izianet-menustagiaire ul li:nth-child(2) a.is-active {
  background-image: url(../images/formation-active.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(4) a.is-active,
#highlighted #block-izianet-menustagiaire ul li:nth-child(3) a.is-active {
  background-image: url(../images/incription-active.svg);
}

#highlighted #block-izianet-menuentreprise ul li:nth-child(5) a.is-active {
  background-image: url(../images/factures-active.svg);
}

.path-espace-client #main .view-header,
.path-espace-client #main .views-element-container header {
  text-align: center;
  margin-bottom: 20px;
}

.path-espace-client .views-table {
  width: 100%;
}

.path-espace-client .views-table tr th,
.path-espace-client .views-table tr td {
  padding: 7px 10px;
  border: 1px solid rgba(var(--couleur1));
}

.path-espace-client .views-table tr th {
  text-align: center;
  color: rgba(var(--blanc));
  background: rgba(var(--couleur1));
  text-shadow: none;
}

.path-espace-client .views-table tr td .entete {
  display: none;
}

.path-espace-client .view-espace-adherent-stagiaires .views-table tr td.views-field-nothing .action-listing {
  width: 36px;
  margin: 0;
}

.path-espace-client .view-espace-adherent-stagiaires .views-table tr td.views-field-nothing .action-listing + .action-listing {
  margin-top: 5px;
}

.path-espace-client .stagiaire-warning {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.path-espace-client div.stagiaire-warning {
  justify-content: center;
}

.path-espace-client .stagiaire-warning span {
  margin-left: 5px;
}

.path-espace-client .stagiaire-warning:hover span {
  text-decoration: underline;
}

.path-espace-client .stagiaire-warning::before {
  font-family: "Material Icons";
  font-size: 1.2em;
  content: "warning";
  color: #ff9900;
  display: flex;
  justify-content: center;
}

.path-espace-client .stagiaire-checked::before {
  font-family: "Material Icons";
  font-size: 1.2em;
  content: "check_circle";
  color: rgba(var(--couleur2));
  display: flex;
  justify-content: center;
}

.path-espace-client .views-field-field-nom-user .stagiaire-warning,
.path-espace-client .views-field-field-nom-user .stagiaire-checked {
  display: inline-block;
}

.path-espace-client .views-exposed-form .form--inline.filtres-3 > div {
  width: 32%;
}

.path-espace-client .views-exposed-form .form--inline.filtres-4 > div {
  width: 24%;
}

.path-espace-client .views-exposed-form .form--inline.filtres-5 > div {
  width: 19%;
}

.path-espace-client .views-element-container .table-listing td.vide {
  cursor: pointer;
}

#inscription-en-ligne ul,
#inscription-en-ligne ul h3 + ul {
  padding-left: 0;
  list-style: none;
}

#inscription-en-ligne ul h3::before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
}

#inscription-en-ligne ul h3 + ul {
  padding-left: 20px;
}

#inscription-en-ligne ul h3 + ul h4::before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
}

.path-espace-client #block-izianet-content #section table {
  margin: 20px 0;
}

.path-espace-client #block-izianet-content #section table tbody tr td {
  vertical-align: top;
  padding: 0 15px;
}

.path-espace-client #main table td.date {
  border-right: 6px solid rgba(var(--couleur2));
  text-align: center;
  text-transform: capitalize;
  width: 125px;
}

.path-espace-client #main table td.date .numero {
  font-size: 1.5em;
  line-height: 1em;
  font-weight: bold;
  font-family: "Chakra Petch", sans-serif;
}

.path-espace-client #main table td.date .year {
  font-size: 1.3em;
  line-height: 1em;
  font-family: "Chakra Petch", sans-serif;
}

.path-espace-client .selectSession {
  display: flex;
  align-items: center;
  margin: 20px auto 0;
  cursor: pointer;
}

.path-espace-client #block-izianet-content #section table td a,
.path-espace-client #main #sidebar #mon-panier table td a {
  text-decoration: none;
}

.path-espace-client #block-izianet-content #section table td a:first-of-type:hover .formation,
.path-espace-client #main #sidebar #mon-panier table td a:first-of-type:hover .formation,
.path-espace-client #block-izianet-content #section table td .programme a:hover {
  text-decoration: underline;
}

.path-espace-client #block-izianet-content #section table td .theme,
.path-espace-client #main #sidebar #mon-panier table td .theme {
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(var(--couleur2));
  font-size: 1.1em;
}

.path-espace-client #block-izianet-content #section table td .formation,
.path-espace-client #main #sidebar #mon-panier table td .formation {
  font-weight: 700;
  font-size: 1.2em;
}

.path-espace-client #block-izianet-content #section table td .programme a,
.path-espace-client #main #sidebar #mon-panier table td .programme a {
  color: rgba(var(--couleur2));
}

.path-espace-client #sidebar .block h2 {
  background-color: rgba(var(--couleur1));
  color: rgba(var(--blanc));
  text-transform: uppercase;
  text-align: center;
  font-family: "Chakra Petch", sans-serif;
  font-size: 18px;
  padding: 5px 10px;
  margin-bottom: 0;
}

.path-espace-client #sidebar .block {
  background-color: #f2eee9;
}

.path-espace-client #sidebar .block .content {
  padding: 10px;
}

.path-espace-client #sidebar .block .content input[type=text],
.path-espace-client #sidebar .block .content select {
  width: 100%;
  margin-bottom: 10px;
}

.path-espace-client #main #sidebar #mon-panier ul {
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}

.path-espace-client #main #sidebar #mon-panier table {
  margin: 10px 0;
}

.path-espace-client #main #sidebar #mon-panier table td {
  font-size: 0.7em;
  vertical-align: top;
  padding: 0 15px;
}

.path-espace-client #main #sidebar #mon-panier table td.date {
  padding: 0 5px;
  width: 70px;
}

.path-espace-client #main #sidebar #mon-panier ul li .deselectSession {
  margin: 20px auto 0;
  cursor: pointer;
}

/******************************************************************************************************************/
/******************************************* 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;
}

/******************************************************************************************************************/
/*************************************************** FOOTER *******************************************************/
/******************************************************************************************************************/
#footer {
  margin-top: 40px;
  padding: 50px 0 30px;
  font-size: 15px;
  background-image: url(../images/footer.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #e1ddda;
}

#footer h2 {
  font-size: 16px;
}

#footer #footer-second {
  margin-top: 20px;
}

#footer #footer-second .region-footer-second {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}

#footer #footer-second .region-footer-second .block {
  width: 30%;
  text-align: center;
}

#footer #footer-second .region-footer-second .block p {
  display: inline-block;
  text-align: left;
}

#footer #block-qualiopi {
  margin-top: 30px;
}

#footer #block-qualiopi .field--name-body {
  font-size: 12px;
}

#footer #block-refca img {
  width: 150px;
}

#footer #block-branchearchitecture img {
  width: 200px;
}

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

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

#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;
  margin-top: 0 !important;
}

html #tarteaucitronRoot #tarteaucitronAlertBig {
  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 * {
  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;
}

#tarteaucitronRoot .tarteaucitronCTAButton span::before {
  color: #333 !important;
}

#tarteaucitronRoot .tarteaucitronCTAButton:hover span::before,
#tarteaucitronRoot .tarteaucitronCTAButton:focus span::before {
  color: #fff !important;
}

#tarteaucitronRoot * {
  color: white;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: #333;
  color: #fff;
  font-size: 15px !important;
  left: 0;
  position: fixed;
  box-sizing: content-box;
  z-index: 2147483645;
  text-align: center;
  margin: auto;
  width: 100%;
}
#tarteaucitronRoot #tarteaucitronAlertBig strong {
  color: white;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert,
#tarteaucitronRoot .tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert {
  display: block;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert ul,
#tarteaucitronRoot .tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert ul {
  margin-left: 20px;
  margin-bottom: 10px;
  list-style: disc;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert p,
#tarteaucitronRoot .tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert p {
  margin: 5px 0;
}
#tarteaucitronRoot .tarteaucitronAlertBigBottom,
#tarteaucitronRoot .tarteaucitronAlertBigTop {
  text-align: center;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  padding: 30px;
}
#tarteaucitronRoot button {
  margin-top: 15px;
}
#tarteaucitronRoot .tarteaucitronAllow {
  background-color: #008300 !important;
  color: #fff !important;
}
#tarteaucitronRoot .tarteaucitronDeny {
  background-color: #9c1a1a;
  color: #fff;
}
#tarteaucitronRoot #tarteaucitronCloseAlert {
  background-color: #fff;
  color: #333;
}/*# sourceMappingURL=style.css.map */