/******************************************************************************************************************/
/************************************************* GENERAL ********************************************************/
/******************************************************************************************************************/
:root {
    --couleur1: 0, 0, 0;
    --couleur2: 207, 0, 12;
    --couleur3: 253, 209, 19;
    --couleur4: 222, 222, 222;
    --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)); }
h2, .h2 { text-transform: uppercase; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid; font-family: 'Chakra Petch', sans-serif; font-size: 1.5em; display: flex; align-items: center; }
h3, .h3 { text-transform: uppercase; font-weight: 600; margin-bottom: 15px; border-bottom: 1px dotted; font-family: 'Chakra Petch', sans-serif; font-size: 1.3em; display: flex; align-items: center; }
h4, .h4 { font-variant-caps: small-caps; font-weight: 500; margin-bottom: 10px; font-family: 'Chakra Petch', sans-serif; font-size: 1.1em; }
h1, .h1, .path-frontpage .block h2 { font-family: 'Chakra Petch', sans-serif; text-transform:none; border-bottom:none; text-align:center; display: flex; justify-content: center; align-items: center; font-size:40px; margin-bottom:30px; }
h1, .h1 { margin-bottom:50px; }
h1::before, .h1::before, .path-frontpage .block h2::before { margin-right:10px; content:" "; display:block; width:20px; height:20px; background-color:rgba(var(--couleur3)); }
h2::before, .h2::before { margin-right:10px; content:" "; display:block; width:10px; height:10px; background-color:rgba(var(--couleur2)); }
h3::before, .h3::before { margin-right:10px; content:" "; display:block; width:7px; height:7px; background-color:rgba(var(--couleur1)); }

:is(p, ul) + :is(h2, h3, h4) { margin-top: 35px; }

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; }
.views-infinite-scroll-content-wrapper { width: 100%;}
#fullscreen { margin-bottom:30px; }
.grey-area { background-color:rgba(var(--couleur4)); padding:50px 0; margin:40px 0 0; }
.white-area { padding:50px 0; }

.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%; margin:0; }
.views-exposed-form .form--inline > div label { font-family: 'Chakra Petch', sans-serif; text-transform:uppercase; margin-bottom:0; }
.views-exposed-form #edit-actions input { width: auto; }

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 label, form table.form tr td.label_form { width: 200px; }
form .form-item .description { padding-left: 225px;}
form table.form tr td { width: 100%; }
form .form-item label + input, form .form-item label + select, form .form-item label + .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;}

.bootstrap-tabs { padding:0; border:none; }
.bootstrap-tabs .nav-tabs { padding:0; background:none; border:none; border-bottom:1px solid rgba(var(--couleur1)); display:flex; justify-content:space-between; flex-wrap:wrap; }
.bootstrap-tabs .nav-tabs::before, .bootstrap-tabs .nav-tabs::after { display:none; }
.bootstrap-tabs .nav-tabs li { border:none; background:none; }
.bootstrap-tabs .nav-tabs li.active { background: rgba(var(--couleur2));  }
.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); color: rgba(var(--blanc)); text-decoration:none;  }
.bootstrap-tabs .nav-tabs li.active a:hover { text-decoration:none; color: rgba(var(--blanc)); }
.bootstrap-tabs .ui-tabs-panel { padding:15px 0; }

.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; }

.path-frontpage .view-footer { text-align:center; margin-top:30px; }

/******************************************************************************************************************/
/************************************************* TEMPLATE *******************************************************/
/******************************************************************************************************************/
.tpl_btn, .btn-primary, .btn-secondary, .form-submit, .view-album .pager .button { padding:5px 20px; text-align: center; border-radius:30px; background:rgba(var(--couleur2)); color:rgba(var(--blanc)); 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-secondary:hover, .form-submit:hover, .view-album .pager .button:hover { text-decoration:underline!important; color:rgba(var(--blanc)); background:rgba(var(--couleur2)); border-color:rgba(var(--couleur2)); cursor:pointer; }
.btn-secondary, .btn-secondary:hover { background-color: rgba(var(--couleur1)); border-color: rgba(var(--couleur1)); }
.btn-default { padding:5px 20px; border-radius:20px; background:rgba(var(--blanc)); color:rgba(var(--couleur1)); 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)); 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: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-secondary span, .form-submit span, .btn-default span { display: block; font-size: 13px;}


/******************************************************************************************************************/
/*************************************************** HEADER *******************************************************/
/******************************************************************************************************************/
#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:150px; }
#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 ul.sf-menu.menu { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
body:not(.sticky) #header #header-body > .container > .row #header-right .region-header-right .block-menu ul.sf-menu.menu { margin-bottom: 20px; }
.block-menu ul.sf-menu.menu li { float:none; }
.block-menu ul.sf-menu.menu li a { font-family: 'Chakra Petch', sans-serif; color:rgba(var(--noir)); font-weight: 500; text-decoration:none; font-size:22px; padding:10px 15px; }
.block-menu ul.sf-menu.menu li a:hover { text-decoration:none; color:rgba(var(--couleur2)); }
#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; }

/******************************************************************************************************************/
/*********************************************** 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; -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-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; }
.path-frontpage #sidebar-second { padding-left: 50px; }
.path-frontpage #sidebar-second .region-sidebar-second { height: 100%; }

/******************************************************************************************************************/
/************************************************** AGENDA ********************************************************/
/******************************************************************************************************************/
.view-agenda .views-row .views-field-title .field-content a { display: flex; text-decoration: none; color:rgba(var(--blanc)); }
.view-agenda .views-row .views-field-title .field-content a .date { text-align: center; display: flex; font-family: 'Chakra Petch', sans-serif; text-align: center; flex-direction: column; justify-content: center; align-items: center; }
.view-agenda .views-row .views-field-title .field-content a .date .jour { font-size: 40px; font-weight: 700; margin-bottom: 5px; line-height: 20px; }
.view-agenda .views-row .views-field-title .field-content a .date .mois { font-size: 22px; text-transform: uppercase; font-weight: bold; }
.view-agenda .views-row .views-field-title .field-content a .date .annee { line-height: 15px; }
.view-agenda .views-row .views-field-title .field-content a .libelle { display: flex; flex-direction: column; justify-content: center; font-size: 18px; }
.view-agenda .views-row .views-field-title .field-content a .libelle .weekend { background-color: rgba(var(--couleur3)); border-radius: 30px; padding: 2px 5px; font-size: 12px; width:72px; text-transform: uppercase; }
.view-agenda .views-row .views-field-title .field-content a .libelle .lieu { font-style: italic; font-size: 16px; line-height: 22px; display: flex; align-items: center;}
.view-agenda .views-row .views-field-title .field-content a .libelle .lieu::before { font-style: normal; font-family: 'Material Icons'; font-size:1.5em; margin-right: 5px; content: 'my_location'; }

.page-node-type-evenement .view-en-tete-evenement .views-row .views-field { font-size: 20px; }
.page-node-type-evenement .view-en-tete-evenement .views-row .views-field-views-conditional-field-1, .page-node-type-evenement .view-en-tete-evenement .views-row .views-field-field-lieu-evenement span, .page-node-type-evenement .view-en-tete-evenement .views-row .views-field-field-album-evenement span { display: flex; align-items: center; text-transform: capitalize; }
.page-node-type-evenement .view-en-tete-evenement .views-row .views-field-views-conditional-field-1::before, .page-node-type-evenement .view-en-tete-evenement .views-row .views-field-field-lieu-evenement span::before, .page-node-type-evenement .view-en-tete-evenement .views-row .views-field-field-album-evenement  span::before { text-transform: none; font-style: normal; font-family: 'Material Icons'; font-size:1.5em; margin-right: 5px; }
.page-node-type-evenement .view-en-tete-evenement .views-row .views-field-views-conditional-field-1::before { content: 'calendar_month';  }
.page-node-type-evenement .view-en-tete-evenement .views-row .views-field-field-lieu-evenement span::before { content: 'my_location';  }
.page-node-type-evenement .view-en-tete-evenement .views-row .views-field-field-album-evenement  span::before { content: 'photo_camera';}


#sidebar-second #block-views-block-agenda-block-1 { height: 100%; color: rgba(var(--blanc)); border-radius:25px; background-color: rgba(var(--couleur2)); padding: 20px 0 80px; position: relative; }
#sidebar-second #block-views-block-agenda-block-1 .contextual-region { position: static; }
#sidebar-second #block-views-block-agenda-block-1 h2 { color: rgba(var(--blanc)); margin-bottom: 20px; }
#sidebar-second #block-views-block-agenda-block-1 .view-empty { text-align:center; }
#sidebar-second #block-views-block-agenda-block-1 .view-content .views-row { padding: 5px 0;}
#sidebar-second #block-views-block-agenda-block-1 .view-content .views-row:nth-child(2n+1) { background-color: rgba(var(--blanc),0.5); }
#sidebar-second #block-views-block-agenda-block-1 .view-content .views-row .views-field-title .field-content a .date { padding: 10px 0; border-right: 2px dotted rgba(var(--blanc)); width: 80px; }
#sidebar-second #block-views-block-agenda-block-1 .view-content .views-row .views-field-title .field-content a .libelle { padding: 10px 15px; width: calc(100% - 80px); }
#sidebar-second #block-views-block-agenda-block-1 .view-footer { position: absolute; bottom:20px;left:0; width:100%; }

.path-agenda .view-agenda .views-infinite-scroll-content-wrapper { display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; }
.path-agenda .view-agenda .views-infinite-scroll-content-wrapper .views-row { padding: 16px; background-color: rgba(var(--couleur2)); width: 49%; margin-bottom: 2%; border-radius: 25px; }
/* BUG */
.path-agenda .view-agenda .views-infinite-scroll-content-wrapper .views-row:nth-child(2n):last-child { margin-left: 2%; }
/* FIN BUG */
.path-agenda #block-views-block-agenda-block-2 { margin-top:30px; }
.path-agenda #block-views-block-agenda-block-2 .view-agenda .views-infinite-scroll-content-wrapper .views-row { background-color: rgba(var(--couleur2),0.5); }
.path-agenda .view-agenda .views-infinite-scroll-content-wrapper .views-row .views-field-title .field-content a .date { background-color: rgba(var(--blanc)); border-radius: 15px; width: 100px; min-height: 100px;  color:rgba(var(--couleur1)); }
.path-agenda .view-agenda .views-infinite-scroll-content-wrapper .views-row .views-field-title .field-content a .libelle { padding: 0 15px; }
.path-agenda .view-agenda .views-infinite-scroll-content-wrapper .views-row .views-field-title .field-content a .libelle .weekend { margin-bottom: 5px; }
.path-agenda .view-agenda .views-infinite-scroll-content-wrapper .views-row .views-field-title .field-content a .libelle .lieu { margin-top: 5px;}


/******************************************************************************************************************/
/*************************************************** SLIDE ********************************************************/
/******************************************************************************************************************/
.view-slides .slick-dots { position: absolute; bottom:5px; left:0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; padding: 0; width: 100%; }
.view-slides .slick-dots li + li { margin-left: 10px; }
.view-slides .slick-dots li button { color: transparent; border:1px solid rgba(var(--couleur1)); background-color: rgba(var(--blanc)); height: 20px; width: 20px; border-radius:50%; display: block; }
.view-slides .slick-dots li.slick-active button { background-color: rgba(var(--couleur3)); }

/******************************************************************************************************************/
/************************************************* ACTUALITE ******************************************************/
/******************************************************************************************************************/
.view-actualites .view-content, .view-actualites .views-infinite-scroll-content-wrapper { display:flex; flex-wrap:wrap; justify-content:space-between; }
.view-actualites .view-content .views-row { width:49%; margin-bottom:20px; position:relative; }
.view-actualites .view-content .views-row::after { content:" "; display:table; clear:both; }
.view-actualites .view-content .views-row .views-field-title { background:rgba(var(--couleur1)); padding:5px 10px; width:100%; }
.view-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-actualites .view-content .views-row .views-field-title a:hover { text-decoration:underline; }
.view-actualites .view-content .views-row .views-field-field-image, .view-actualites .view-content .views-row .views-field-field-date-actualite,
.view-actualites .view-content .views-row .views-field-body { width:50%; float:left; }
.view-actualites .view-content .views-row .views-field-field-image img { width:100%; }
.view-actualites .view-content .views-row .views-field-field-date-actualite { padding:10px; font-size: 16px; text-transform: capitalize; }
.view-actualites .view-content .views-row .views-field-body { padding:10px; font-size: 14px; font-style: italic; }

.page-node-type-article .field--name-field-date-actualite { display: flex; align-items: center; text-transform: capitalize; margin-bottom: 20px; }
.page-node-type-article .field--name-field-date-actualite::before { text-transform: none; font-style: normal; font-family: 'Material Icons'; font-size:1.5em; margin-right: 5px; content: 'calendar_month';  }
.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%; }

/******************************************************************************************************************/
/************************************************ TEMOIGNAGE ******************************************************/
/******************************************************************************************************************/
.view-temoignages { text-align: center; }
.view-temoignages .view-content { position: relative; }
.view-temoignages .view-content .slick__arrow { display: flex; height: 100%; position: absolute; top: 0; width: 100%; justify-content: space-between; align-items: center; }
.view-temoignages .view-content .slick__arrow .slick-arrow { padding: 0; background:none; color: rgba(var(--couleur2)); border: none; }
.view-temoignages .view-content .slick__arrow .slick-arrow::before { font-family: 'Material Icons'; font-size:3em; }
.view-temoignages .view-content .slick__arrow .slick-arrow.slick-prev::before { content:"navigate_before"}
.view-temoignages .view-content .slick__arrow .slick-arrow.slick-next::before { content:"navigate_next"}
.view-temoignages .view-content .slick-track { display: flex; align-items: center; }
.view-temoignages .view-content .slick-track .slick__slide { padding:0 50px; }
.view-temoignages .view-content .views-field-field-nom-temoignage { font-weight:bold; }
.view-temoignages .view-content .views-field-field-date-temoignage { font-style:italic; font-size:0.9em; margin-bottom:10px; }

.path-temoignages .view-temoignages .view-header { margin:-30px 0 40px }
.path-temoignages .view-temoignages .view-content .views-row + .views-row::before { content:" "; display:block; margin:30px auto; width:250px; height:2px; background:rgba(var(--couleur2)); }

/******************************************************************************************************************/
/*************************************************** ALBUM ********************************************************/
/******************************************************************************************************************/
.view-medias .views-exposed-form .form--inline > div { width:39%; }
.view-medias .views-exposed-form .form--inline > div.form-actions { width: 18%; }
.view-medias .views-infinite-scroll-content-wrapper { display: flex; flex-wrap: wrap; }
.view-medias .views-infinite-scroll-content-wrapper .views-row { width: 24%; margin: 0 0.5% 1%; background-color: rgba(var(--couleur1)); border:2px solid rgba(var(--couleur1)); text-align: center; border-radius: 10px; overflow: hidden; }
.view-medias .views-infinite-scroll-content-wrapper .views-row .views-field-title a { padding: 10px 10px; color: rgba(var(--blanc)); text-decoration: none; display: block; width: 100%; }
.view-medias .views-infinite-scroll-content-wrapper .views-row .views-field-title a:hover { text-decoration: underline; }

.view-album .views-infinite-scroll-content-wrapper { display: flex; flex-wrap: wrap; align-items: center;}
.view-album .views-infinite-scroll-content-wrapper .views-row { width: 6.64%; margin: 0 0.25% 0.5%; }
.view-album .pager { margin-top: 30px; text-align: center; }

#block-views-block-album-block-2 .view-album .view-content { display: flex; flex-wrap: wrap; align-items: center; }
#block-views-block-album-block-2 .view-album .view-content .views-row { width: 24%; margin: 0 0.5% 1%; }
#block-views-block-album-block-2 .view-album .view-content .views-row .views-field-field-videos-album .btn-primary { width: 100%;}
#block-views-block-album-block-2 .view-album .view-content .views-row .views-field-field-videos-album .btn-primary a { color: rgba(var(--blanc)); text-decoration: none; display: block; width: 100%;}

#block-asr-content + #block-views-block-album-block-1 { margin-top: 30px;}

/******************************************************************************************************************/
/*********************************************** PARTENAIRES ******************************************************/
/******************************************************************************************************************/
.view-partenaires .view-content { display:flex; flex-wrap:wrap; align-items: center; }
.view-partenaires .view-content .views-row { width:24%; margin:0 0.5% 1%; }
.view-partenaires .view-content .views-row img { width:100%; }

.view-details-partenaire .views-field span { display: flex; align-items: center;}
.view-details-partenaire .views-field span::before { font-family: 'Material Icons'; font-size:1.5em; margin-right: 5px; }
.view-details-partenaire .views-field.views-field-field-logo-partenaire { float: right; margin: 0 0 20px 20px; max-width:40%; }
.view-details-partenaire .views-field.views-field-field-ville-partenaire span::before { content: 'my_location'; }
.view-details-partenaire .views-field.views-field-field-fixe-partenaire span::before { content: 'call'; }
.view-details-partenaire .views-field.views-field-field-mobile-partenaire span::before { content: 'phone_iphone'; }
.view-details-partenaire .views-field.views-field-field-email-partenaire span::before { content: 'mail'; }
.view-details-partenaire .views-field.views-field-field-siteweb-partenaire span::before { content: 'language'; }

/******************************************************************************************************************/
/************************************************ LIENS UTILES ****************************************************/
/******************************************************************************************************************/
.view-liens-utiles .views-row { padding: 15px; width: 15%; }

/******************************************************************************************************************/
/******************************************* 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; font-size:15px;  background-color:rgba(var(--couleur1)); color:rgba(var(--blanc)); }
#footer .field--name-body a { color:rgba(var(--blanc)); }
#footer h2 { font-size:18px; justify-content:start; margin-bottom:20px; font-variant-caps: small-caps; border-bottom:none; }
#footer h2::before { display:none; }
#footer #footer-first #block-logofooter { text-align:center; }
#footer #footer-first #block-logofooter p img { max-width:150px; }
#footer #footer-first #block-liensfooter { text-align:right; }
#footer #footer-first #block-liensfooter img { max-width: 150px; }
#footer #footer-second #footer-second-content { margin-top:25px; padding-top:25px; border-top:1px solid rgba(var(--blanc)); }
#footer #footer-second #footer-second-content #block-copyright .field--name-body { text-align:center; font-size:14px; }

/******************************************************************************************************************/
/************************************************** 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; }
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: "\2713"; 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; }