/******************************************************************************************************************/
/************************************************* GENERAL ********************************************************/
/******************************************************************************************************************/
:root {
    --couleur1: 122, 81, 111;
    --couleur2: 205, 155, 199;
    --couleur3: 172, 89, 162;
    --blanc: 255, 255, 255;
    --noir: 0, 0, 0;
}


body { font-family: 'Nunito',Arial, Helvetica, sans-serif; color:#575756; font-size:15px; font-weight:350; }
:focus { outline: none; }
a { text-decoration:none; color:rgba(var(--couleur1)); }
a:hover { text-decoration:underline; color:inherit; }
.view .row { margin:0; }
.ui-accordion .ui-accordion-content { height:auto!important; }
img { max-width:100%; height:auto; }
select { background-color:rgba(var(--blanc)); }
.messages { margin-bottom:20px; }
.media { justify-content:center; }

form.webform-submission-form { display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; }
form.webform-submission-form .form-item.copie::before { content: "Champs requis"; display:flex; padding-left: 15px; background: url(../images/icon_obligatoire.png) no-repeat center left; font-style: italic; margin-bottom:20px; }
form.webform-submission-form .form-item label:not(.option) { display:block; margin-bottom: 5px; text-aign:left; text-transform:uppercase; font-weight:600; }
form.webform-submission-form .form-item label:not(.option).form-required::after { display:none; }
form.webform-submission-form .form-item input[type=radio], form.webform-submission-form .form-item input[type=checkbox] { margin-right:10px; }
form.webform-submission-form .form-item input:not([type=radio],[type=checkbox],[type=button],[type=submit]), form.webform-submission-form .form-item select, form.webform-submission-form .form-item textarea { border:1px solid #d2d2d2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:5px 10px; width:100%; }
form.webform-submission-form .form-item input:not([type=radio],[type=checkbox],[type=button],[type=submit]).error, form.webform-submission-form .form-item select.error, form.webform-submission-form .form-item textarea.error { border:1px solid #ff0000; }
form.webform-submission-form .form-item select { padding:7px 10px; }
form.webform-submission-form .form-item textarea { resize:vertical; }
form.webform-submission-form .form-item input:not([type=radio],[type=checkbox],[type=button],[type=submit]).required, form.webform-submission-form .form-item textarea.required { padding-right:20px; background:url(../images/icon_obligatoire.png) no-repeat top 14px right 7px; }
form.webform-submission-form .form-item select.required { padding-right:40px; background:url(../images/icon_obligatoire.jpg) no-repeat top 14px right 27px; }
form.webform-submission-form .form-item textarea.required { min-height:150px; }
form.webform-submission-form .form-item input:is([type="checkbox"],[type="radio"]) { visibility:hidden; display:none; }
form.webform-submission-form .form-item input:is([type="checkbox"],[type="radio"]) + label { position: relative; padding-left: 35px; cursor: pointer; display:flex; align-items:center; }
form.webform-submission-form .form-item input:is([type="checkbox"],[type="radio"]) + label:before { content: ''; position: absolute; left:0; top: 2px; width: 20px; height: 20px; border: 1px solid rgba(var(--couleur1)); background: rgba(var(--blanc)); border-radius: 15px; box-shadow: inset 0 1px 3px rgba(0,0,0,.3); }
form.webform-submission-form .form-item input:is([type="checkbox"],[type="radio"]) + label:after { content: '•'; position: absolute; top: 1px; left: 3px; font-size: 40px;   color: rgba(var(--couleur1)); transition: all .2s; opacity: 1; transform: scale(1); line-height: 22px; }
form.webform-submission-form .form-item input:is([type="checkbox"],[type="radio"]):not(:checked) + label:after { opacity: 0; transform: scale(0); }
form.webform-submission-form .form-actions { text-align:center; }
form.webform-submission-form .form-actions input { width:100%; max-width:250px; }

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

.ckeditor-accordion-container > dl { border:none; }
.ckeditor-accordion-container > dl dd + dt { margin-top:20px; }
.ui-accordion .ui-accordion-header, .ckeditor-accordion-container > dl dt > a.ckeditor-accordion-toggler { background-image:url(../images/faq_close.png); background-repeat:no-repeat; background-position:right 20px center; padding:16px 60px 16px 30px; border:none; background-color:unset; transition:background-color 0.3s; margin-top: 0; border: 2px solid #f0f3f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight:600; font-size:16px; text-decoration:none; background-color:none; color:rgba(var(--couleur1)); }
.ui-accordion .ui-accordion-header-active, .ckeditor-accordion-container > dl dt.active > a.ckeditor-accordion-toggler { color:#00a8c1; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon, .ckeditor-accordion-container > dl dt > a.ckeditor-accordion-toggler .ckeditor-accordion-toggle { display:none; }
.ui-accordion .ui-accordion-header:hover, .ckeditor-accordion-container > dl dt > a.ckeditor-accordion-toggler:hover { text-decoration:underline; }
.ui-accordion .ui-accordion-header.ui-accordion-header-active, .ckeditor-accordion-container > dl dt.active > a.ckeditor-accordion-toggler { background-image:url(../images/faq_open.png); border-bottom:0; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color:none; }
.ui-accordion .ui-accordion-content, .ckeditor-accordion-container > dl dd.active { height:auto!important; border:none; padding:0 30px 16px; border-bottom: 2px solid #f0f3f5; border-left: 2px solid #f0f3f5; border-right: 2px solid #f0f3f5; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.bootstrap-tabs { padding:0; border:none; }
.bootstrap-tabs .nav-tabs { padding:0; background:none; border:none; border-bottom:2px solid #f0f3f5; 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; margin-bottom:-2px; }
.bootstrap-tabs .nav-tabs li a { padding:15px 30px; font-size:20px; width:100%; border-radius: 5px 5px 0 0; display:block; text-align:center; color:rgba(var(--couleur1)); font-size:16px; font-weight:600; }
.bootstrap-tabs .nav-tabs li a:hover { text-decoration:underline; background:none; border:none; }
.bootstrap-tabs .nav-tabs li.active a,
.bootstrap-tabs .nav-tabs > li.active > a, .bootstrap-tabs .nav-tabs > li.active > a:hover, .bootstrap-tabs .nav-tabs > li.active > a:focus { color: #00a8c1; background:rgba(var(--blanc)); border-width:2px; border-color:#f0f3f5; border-bottom:0; text-decoration:none; }
.bootstrap-tabs .tab-content .tab-pane { padding:15px; }
.bootstrap-tabs .tab-content .tab-pane.active { border:2px solid #f0f3f5; border-top:none; border-radius: 0 0 5px 5px; }

h1 { font-size:40px; margin:0 0 20px; color:rgba(var(--couleur3)) }
h2 { font-size:28px; margin:0 0 20px; color:rgba(var(--couleur3))  }
h3 { font-size:33px;  font-family:'Reenie Beanie','Nunito',Arial, Helvetica, sans-serif; margin:0 0 20px;  }
h4 { font-size:14px; margin:0 0 20px; ccolor:rgba(var(--couleur3))  }


ol { width:100%; margin:40px 0; padding:0!important; counter-reset: repas; }
ol li { list-style-type: none; counter-increment: repas;  margin-bottom: 10px; padding:0 70px; position:relative; }
ol li:before { content: counter(repas); font-size: 1.6em; left:0; top:0; position:absolute; width:55px; text-align:center; padding:11px 0; height:58px; line-height:1.2em; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border:1px dotted rgba(var(--couleur1)); color:rgba(var(--blanc)); }

span.medium { font-weight:500; }
span.semibold { font-weight:600; }
b, strong { font-weight:800; }

#main .field--name-body table { border:1px solid #f0f3f5; }
#main .field--name-body table thead tr th { background:rgba(var(--couleur1)); color:rgba(var(--blanc)); text-shadow:none; }
table tbody { border:none; }
#main .field--name-body table tbody tr { border-top:1px solid #f0f3f5; border-bottom:1px solid #f0f3f5; }
#main .field--name-body table tbody tr h2, #main .field--name-body table tbody tr h3 { margin:0; }

.block.depliant .block_title, .block.depliant h2 { border-top: 1px solid; border-bottom: 1px solid; padding: 10px; color: rgba(var(--couleur1)); text-align: center; font-size: 20px; position: relative; }
.block.depliant .block_title::after, .block.depliant h2::after { content: "▼"; display: block; position: absolute; right: 20px; top: 50%; margin-top: -15px; }
.block.depliant .view-content { display:none; }
.block.depliant.open .block_title::after, .block.depliant.open h2::after { content: "▲"; }
.block.depliant.open .view-content { display:block; }

table { border:1px solid #f0f3f5; width:100%; }
table thead tr th { background:rgba(var(--couleur1)); color:rgba(var(--blanc)); text-shadow:none; padding:5px 15px; }
table tbody { border:none; }
table tbody tr { border-top:1px solid #f0f3f5; border-bottom:1px solid #f0f3f5; }
table tbody tr td { padding:15px; }

#content #main table tbody tr h2, #content #main table tbody tr h3 { margin:0; }

/********************************************************************************************************************/
/************************************************ TEMPLATES *********************************************************/
/********************************************************************************************************************
/* Bouton */
.tpl_bouton, input[type="submit"].tpl_bouton { color:rgba(var(--couleur3))!important; background:rgba(var(--blanc)); text-decoration:none!important; padding:10px 30px; display:inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transition:0.3s; font-weight:600; line-height:21px; border:none; border:1px solid rgba(var(--couleur3)); }
.tpl_bouton:hover, input[type="submit"].tpl_bouton:hover { background:rgba(var(--couleur3)); color:rgba(var(--blanc))!important; text-decoration:none; cursor:pointer;  }

/* Colonnes */
.tpl_70_centre { width:70%; margin:auto; }

.tpl_2_zones, .tpl_2_zones_50, .tpl_2_zones_1_3_2_3 { display:flex; flex-wrap:wrap; align-items: center;  }
.tpl_2_zones_33 { display:flex; flex-wrap:wrap; align-items: top; margin-bottom:20px;  }
.tpl_2_zones .zone1 { width:50%; margin-right: 8.33%; }
.tpl_2_zones .zone2 { width:41.67%; }
.tpl_2_zones_50 .zone1, .tpl_2_zones_50 .zone2 { width:50%; padding:10px 20px; }
.tpl_2_zones_33 .zone1, .tpl_2_zones_33 .zone2 { width:33%; margin:0 8.25% }
.tpl_2_zones_1_3_2_3 .zone1 { width:33%; }
.tpl_2_zones_1_3_2_3 .zone2 { width:67%; }

.tpl_3_zones { display:flex; flex-wrap:wrap; align-items: top; }
.tpl_3_zones .zone1, .tpl_3_zones .zone2, .tpl_3_zones .zone3 { width:33.33%; padding:20px; }
.tpl_4_zones { display:flex; flex-wrap:wrap; align-items: start;  }
.tpl_4_zones .zone1, .tpl_4_zones .zone2, .tpl_4_zones .zone3, .tpl_4_zones .zone4 { width:25%; padding:20px; }

/******************************************************************************************************************/
/************************************************** HEADER ********************************************************/
/******************************************************************************************************************/
#header #header-top { background-color:#eeeeee; }
#header #header-top #header-top-right .region-header-top-right { display:flex; justify-content:end;  }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu { display:flex; margin:0; }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li { padding-top:0; }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a { padding:11px 20px; color:rgba(var(--blanc)); font-size:15px; border-bottom:none; font-weight:600; display:block; text-transform:uppercase; text-decoration:none; margin-left:1px; background-color:rgba(var(--couleur2)); }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li:last-child a { background-color:rgba(var(--couleur1)); }

#header #header-body #header-logo { padding:0; }
#header #header-body #header-logo #block-izianet-site-branding { background: rgba(var(--blanc)); text-align: center; padding: 20px 15px; }

#navigation { display:none; }

/******************************************************************************************************************/
/*********************************************** STICKY HEADER ****************************************************/
/******************************************************************************************************************/
.sticky #header { position: fixed; width: 100%; background: rgba(var(--blanc)); z-index:20;  top:0; }
.sticky #header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a { padding: 1.5px 20px; }
.sticky #header #header-body { border-bottom:1px solid rgba(var(--couleur1)); }
.sticky #header #header-body #header-logo #block-izianet-site-branding { padding:10px; }
.toolbar-fixed.sticky #header { top: 39px; }
.toolbar-horizontal.toolbar-tray-open #header { top: 79px; }
.sticky #header #header-logo #logo img { max-height:50px; }

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


/******************************************************************************************************************/
/*************************************************** ACCUEIL ******************************************************/
/******************************************************************************************************************/


/******************************************************************************************************************/
/*************************************************** EN TETE ******************************************************/
/******************************************************************************************************************/



/******************************************************************************************************************/
/***************************************************** BLOG *******************************************************/
/******************************************************************************************************************/
#sidebar-first { padding-right: 50px; }
#sidebar-first .blog_block h2, #sidebar-first .blog_block .block_title { text-transform: uppercase; border-bottom: 2px solid rgba(var(--couleur1)); margin-bottom: 10px; color: #454545; text-align: left; font-size: 28px; margin: 0 0 20px; line-height: 130%; }

#block-views-block-blog-menu-block-1-2 { display:none; }
.view-blog-menu .views-row { margin:25px 0; }
.view-blog-menu .views-row a { border:1px solid #c3c3c3; color:#c3c3c3; padding:12px 20px; text-align:center; min-width:75%; display:inline-block;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-weight:400; width:100%; }
.view-blog-menu .views-row a:hover { text-decoration:none; font-weight:600; }
.view-blog-menu .views-row.is-active a { color:rgba(var(--blanc)); font-weight:600; background-color:rgba(var(--couleur3)); border:1px solid rgba(var(--couleur3)); }
.view-blog-menu .views-row.is-active a:hover { color:rgba(var(--blanc)); }

.view-blog-les-plus-lus .views-row { padding:20px 0; }
.view-blog-les-plus-lus .views-row + .views-row { border-top:1px solid #c9c9c9; }
.view-blog-les-plus-lus .views-row a { color:#323232; }
.view-blog-les-plus-lus .views-row a:hover { color:rgba(var(--couleur1)); }

.view-blog-premier-article { margin-bottom:15px; }
.view-blog-premier-article .view-content .views-row + .views-row { margin-top:15px; }
.view-blog-premier-article .view-content .views-row .views-field-title h2 { color:rgba(var(--couleur3)); text-align:center; margin:0 11% 20px;}
.view-blog-premier-article .view-content .views-row .views-field-title h2 a { color:rgba(var(--couleur3)); }
.view-blog-premier-article .view-content .views-row .views-field-title h2 a:hover { text-decoration:underline; }
.view-blog-premier-article .view-content .views-row .views-field-field-image { position:relative; }
.view-blog-premier-article .view-content .views-row .views-field-field-image img { display:block; margin: 0 auto; width:100%; }
.view-blog-premier-article .view-content .views-row .views-field-nothing table,
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody,
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody tr,
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody tr td { border:none; }
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody td { padding:0; }
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody td.categorie { text-transform:uppercase; color:#8b8b8b; }
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody td.date { text-transform:uppercase; text-align:right; width:150px; color:#8b8b8b;  }
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody td.resume { padding-top:20px; color:#626262; }
.view-blog-premier-article .view-content .views-row .views-field-nothing table tbody td.bouton { text-align:center; margin:auto;  }

.view-blog-listing-article .view-content { display:flex; flex-wrap:wrap; justify-content:space-between; }
.view-blog-listing-article .view-content .views-row { width:48%; margin:15px 0; text-align:left; } 
.view-blog-listing-article .view-content .views-row img { width:100%; }
.view-blog-listing-article .view-content div:is(.views-row, .slide) { text-align:left; }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-title h3 { margin:15px 0; min-height:60px; line-height:25px; font-size:18px; font-family:'Nunito',Arial, Helvetica, sans-serif;}
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-title h3 a { color:rgba(var(--couleur3)); }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-title h3 a:hover { text-decoration:underline; }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table,
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody,
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody tr,
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody tr td { border:none; }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody td { padding:0; }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody td.categorie { text-transform:uppercase; color:#8b8b8b; border-bottom:1px solid #ececec; }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody td.date { text-transform:uppercase; text-align:right; width:80px; color:#8b8b8b; border-bottom:1px solid #ececec;  }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody td.resume { min-height:270px; padding-top:20px; }
.view-blog-listing-article .view-content div:is(.views-row, .slide) .views-field-nothing table tbody td.bouton { text-align:center; margin:auto; }

.view-blog-listing-article .pager li a, .view-blog-listing-article .pager li.is-active { background:rgba(var(--blanc)); color:rgba(var(--couleur3)); text-decoration:none!important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center; padding:0; width:40px; height:40px; padding:7px 0; display:inline-block; }
.view-blog-listing-article .pager li a { border: 1px solid #ddd; }
.view-blog-listing-article .pager li a:hover { text-decoration:underline; }
.view-blog-listing-article .pager li.is-active a { color:rgba(var(--blanc)); background:rgba(var(--couleur3)); border-color:rgba(var(--couleur3)); }
.view-blog-listing-article .pager li.is-active a:hover { text-decoration:none; }
.view-blog-listing-article .pager li.pager__item--first, .view-blog-listing-article .pager li.pager__item--last, .view-blog-listing-article .pager li.pager-ellipsis { display:none; }
.view-blog-listing-article .pager li.pager__item--previous a, .view-blog-listing-article .pager li.pager__item--next a { width:150px }


.page-node-type-article #article-header { margin-bottom:45px; }
.page-node-type-article #article-header .container { text-align:center; padding:0 10%; }
.page-node-type-article #article-header .container table { margin:20px auto ; width:auto; }
.page-node-type-article #article-header .container table tbody { border:none; }
.page-node-type-article #article-header .container table tbody td { padding:0 15px; color:#6b6b6b; }
.page-node-type-article #article-header .container table tbody td.categorie, .page-node-type-article #article-header table tbody td.date { border-right:1px solid #6b6b6b;  }
.page-node-type-article #article-header .container #page-title { margin-bottom:30px; }

#block-addtoanybuttons .a2a_kit { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#block-addtoanybuttons .a2a_kit > a { width: 32%; display:block; display:flex; justify-content:center; align-items:center; padding: 5px 15px; }
#block-addtoanybuttons .a2a_kit > a.addtoany_share { display:none; }
#block-addtoanybuttons .a2a_kit > a, #block-addtoanybuttons .a2a_kit > a .a2a_svg { background-color: rgba(var(--couleur3))!important; }
#block-addtoanybuttons .a2a_kit > a .a2a_label { display:none; }
#block-addtoanybuttons .a2a_kit > a:hover span  { opacity:1; }
#block-addtoanybuttons .a2a_kit > a::after { content:"Partager"; color:rgba(var(--blanc)); font-size:16px; margin-left:20px; display:none; }
#block-addtoanybuttons .a2a_kit > a:hover, #block-addtoanybuttons .a2a_kit > a:hover .a2a_svg { text-decoration:none!important; }
#block-addtoanybuttons .a2a_kit > a:hover::after { display:block; }

.page-node-type-article #navigation_article { border-collapse:collapse; margin-top:30px; width:100%; }
.page-node-type-article #navigation_article td { width:50%;  border:1px solid #e5e5e5; background:#fafafa; padding:0; height:70px; }
.page-node-type-article #navigation_article td a { width:100%; display:block; color:#757575; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:15px; }
.page-node-type-article #navigation_article td.next a { text-align:right; }
.page-node-type-article #navigation_article td a:hover { padding:0; }
.page-node-type-article #navigation_article td a:hover span { display:none; }
.page-node-type-article #navigation_article td a:after { background:rgba(var(--couleur1)); color:rgba(var(--blanc)); padding:15px; width:100%; display:block; text-transform:none; }
.page-node-type-article #navigation_article td:hover { background:rgba(var(--couleur1)); }
.page-node-type-article #navigation_article td:hover a { color:rgba(var(--blanc)); }
.page-node-type-article #navigation_article td.disabled:hover { background:#fafafa; }

.page-node-type-article #block-views-block-blog-listing-article-block-3 { margin-top:30px; }
.page-node-type-article #block-views-block-blog-listing-article-block-3 .slide { padding:0 15px; }


#comments_block { width:75%; margin:40px auto; }
#comments_block .comment_block_title { color:rgba(var(--couleur3)); width:100%; margin-bottom:50px; margin-top:10px; font-weight:600; font-size:30px; text-align:center; }
#comments_block #comments { margin-bottom:70px; }
#comments_block #comments .comment_item { margin-bottom:40px;}
#comments_block #comments .comment_item + .comment_item { border-top:1px solid #aaa;  padding-top:40px;  }
#comments_block #comments .comment_item table { width:100%; }
#comments_block #comments .comment_item table + table { margin-top:40px; }
#comments_block #comments .comment_item tr td { vertical-align:top; padding:0; }
#comments_block #comments .comment_item tr td.comment_user_picture { width:100px; padding-right:15px; background:url(../images/comment_user_picture.png) no-repeat top left; }
#comments_block #comments .comment_item tr td.comment_user_picture.without { background:none; }
#comments_block #comments .comment_item tr td.comment_user_picture.without img { width:68px; height:68px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
#comments_block #comments .comment_item tr td.comment_info { position:relative; }
#comments_block #comments .comment_item tr td.comment_info div.comment_user_name { color:#474747; text-transform:uppercase; font-weight:600; margin-bottom:15px; }
#comments_block #comments .comment_item tr td.comment_info div.comment_date { font-style:italic; color:#474747; margin-bottom:20px; }
#comments_block #comments .comment_item tr td.comment_info div.comment_content { color:#626262; }
#comments_block #comments .comment_item tr td.comment_info .comment_action_repondre { background:#dcdcdc; color:#6b6b6b; font-weight:600; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; position:absolute; top:0; right:0; border:none; padding: 8px 1em 9px 1em; }
#comments_block #comments .comment_item tr td.comment_margin { width:100px; }
#comments_block #answer-comment-container .comment_block_title { margin:25px 0; text-align:left; }
#comments_block #answer-comment-container .comment_block_title::before { content: " "; display: block; width: 100%; height:2px; background: #8b8b8b; margin-top: -5px; }
#comments_block #answer-comment-container .comment_block_title p { padding-top:20px; }

/******************************************************************************************************************/
/************************************************** GLOSSAIRE *****************************************************/
/******************************************************************************************************************/


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