/******************************************************************************************************************/
/************************************************* GENERAL ********************************************************/
/******************************************************************************************************************/
:root {
    --couleur1: 51, 71, 91;
    --blanc: 255, 255, 255;
    --noir: 0, 0, 0;
}


body { font-family: 'Overpass',Arial, Helvetica, sans-serif; color:#575756; font-size:15px; }
: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:#fff; }
.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; color: #33475b; text-aign:left; }
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 #33475b; background: #FFFFFF; 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: #33475b; 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:#33475b; }
.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 { background-color:transparent; 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:#33475b; 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:#ffffff; 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:2.667em; line-height:1em; letter-spacing:0em; margin-bottom:20px; color:#33475b; }
body.couleur-violet h1  { color:#b3539a; }
body.couleur-bleu h1 { color:#00a8bf; }
body.couleur-vert h1 { color:#7dc08e; }
body.couleur-orange h1 { color:#f7b38c; }
h2 { font-size:2em; line-height:1em; letter-spacing:0em; margin-bottom:30px; color:#33475b; }
h3 { font-size:1.467em; line-height:30px; letter-spacing:0em; color:#33475b }
h4 { font-size:1.133em; line-height:30px; letter-spacing:0em; color:#33475b }


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!important; 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 #33475b; color:#ffffff; display: flex; justify-content: center; align-items: center; }

body.path-search #main #edit-help-link { display: none; }
body.path-search #main h2 { margin-top: 30px; }
body.path-search ol li { padding:0 0 0 40px!important;  }
body.path-search ol li:before { content: ">"; color:#33475b; width: 30px; padding: 15px 0 11px; height: 30px;  }
body.path-search ol li .search-result__snippet-info { display: none; }


body.couleur-violet span.couleur { color:#b3539a; }
body.couleur-bleu span.couleur { color:#00a8bf; }
body.couleur-vert span.couleur { color:#7dc08e; }
body.couleur-orange span.couleur { color:#f7b38c; }
span.violet { color:#b3539a; }
span.bleu { color:#00a8bf; }
span.vert { color:#7dc08e; }
span.orange { color:#f7b38c; }
span.bleu_fonce { color:#33475b; }
span.surligne_bleu { color:#ffffff; background:#33475b; padding:5px 10px; }

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

body.couleur-violet ol li:before { border:1px dotted #b3539a; }
body.couleur-bleu ol li:before { border:1px dotted #00a8bf; }
body.couleur-vert ol li:before { border:1px dotted #7dc08e; }
body.couleur-orange ol li:before { border:1px dotted #f7b38c; }

body.couleur-violet h3 { color:#b3539a; }
body.couleur-bleu h3 { color:#00a8bf; }
body.couleur-vert h3 { color:#7dc08e; }
body.couleur-orange h3 { color:#f7b38c; }

body.couleur-violet #content a { color:#b3539a; }
body.couleur-bleu #content a { color:#00a8bf; }
body.couleur-vert #content a { color:#7dc08e; }
body.couleur-orange #content a { color:#f7b38c; }

#main .field--name-body table { border:1px solid #f0f3f5; }
#main .field--name-body table thead tr th { background:#33475b; color:#ffffff; 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: #33475b; 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:#33475b; color:#ffffff; 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 { padding:0; }
#content #main table tbody tr h2, #content #main table tbody tr h3 { margin:0; }

/********************************************************************************************************************/
/************************************************ TEMPLATES *********************************************************/
/********************************************************************************************************************/

iframe[src*="youtube"] { display: block; margin: auto; width: 700px; height: 393px; }

/* Conseil */
.tpl_conseil { width: 100%; background-image: url(../images/tpl_conseil.jpg); background-repeat: no-repeat; background-position: left 30px center; padding: 20px 70px 20px 157px; margin: 30px 0; }
.tpl_conseil .tpl_conseil_titre { font-size:1.27em; font-weight:600; text-transform:uppercase; }
.tpl_conseil .tpl_conseil_texte { font-size:1em; margin-bottom:0;  }
.tpl_conseil .tpl_conseil_texte + .tpl_conseil_texte { margin-top:20px; }
.tpl_conseil ul { padding:0; }

body.couleur-violet .tpl_conseil  { color:#b3539a; }
body.couleur-bleu .tpl_conseil { color:#00a8bf; }
body.couleur-vert .tpl_conseil { color:#7dc08e; }
body.couleur-orange .tpl_conseil { color:#f7b38c; }

/* Définition */
.tpl_definition { width:100%; background-color:#a2a6b8; background-image:url(../images/tpl_definition.png); background-repeat:no-repeat; background-position:left 30px top 20px; padding:20px 70px 20px 100px; margin:30px 0; }
.tpl_definition .tpl_definition_titre { font-size:1.066em; font-weight:bold; text-transform:uppercase; }
.tpl_definition .tpl_definition_texte { color:#282828; font-size:1em; margin-bottom:0;  }
.tpl_definition .tpl_definition_texte + .tpl_definition_texte { margin-top:20px; }

body.couleur-violet .tpl_definition { background-image:url(../images/tpl_definition_violet.png); }
body.couleur-bleu .tpl_definition { background-image:url(../images/tpl_definition_bleu.png); }
body.couleur-vert .tpl_definition { background-image:url(../images/tpl_definition_vert.png); }
body.couleur-orange .tpl_definition { background-image:url(../images/tpl_definition_orange.png); }

body.couleur-violet .tpl_definition .tpl_definition_titre  { color:#b3539a; }
body.couleur-bleu .tpl_definition .tpl_definition_titre { color:#00a8bf; }
body.couleur-vert .tpl_definition .tpl_definition_titre { color:#7dc08e; }
body.couleur-orange .tpl_definition .tpl_definition_titre { color:#f7b38c; }

body.couleur-violet .tpl_definition, body.couleur-violet .tpl_information { background-color:#f5eff1; }
body.couleur-bleu .tpl_definition, body.couleur-bleu .tpl_information { background-color:#e2f1f3; }
body.couleur-vert .tpl_definition, body.couleur-vert .tpl_information { background-color:#e8f7ec; }
body.couleur-orange .tpl_definition, body.couleur-orange .tpl_information { background-color:#f5ece6; }

/* Information */
.tpl_information { width:100%; background-color:#a2a6b8; background-image:url(../images/tpl_information.png); background-repeat:no-repeat; background-position:left 32.5px top 20px; padding:20px 70px 20px 100px; margin:30px 0; }
.tpl_information .tpl_information_texte { color:#282828; font-size:1em; margin-bottom:0;  }
.tpl_information .tpl_information_texte + .tpl_information_texte { margin-top:20px; }

body.couleur-violet .tpl_information { background-image:url(../images/tpl_information_violet.png); }
body.couleur-bleu .tpl_information { background-image:url(../images/tpl_information_bleu.png); }
body.couleur-vert .tpl_information { background-image:url(../images/tpl_information_vert.png); }
body.couleur-orange .tpl_information { background-image:url(../images/tpl_information_orange.png); }

/* Citation */
.tpl_citation { width:95%; padding:20px 30px; margin:30px 0 40px 5%; border-left:2px solid #33475b; }
.tpl_citation .tpl_citation_titre { color:#282828; font-size:1em; font-style:italic; }
.tpl_citation .tpl_citation_texte { font-size:1em; margin-bottom:0;  }
.tpl_citation .tpl_citation_texte + .tpl_citation_texte { margin-top:20px; }

body.couleur-violet .tpl_citation { border-left:2px solid #b3539a; }
body.couleur-bleu .tpl_citation { border-left:2px solid #00a8bf; }
body.couleur-vert .tpl_citation { border-left:2px solid #7dc08e; }
body.couleur-orange .tpl_citation { border-left:2px solid #f7b38c; }

/* Suite Ordonnee */
.tpl_suite_ordonnee { width:100%; margin:30px 0; padding:0!important; counter-reset: repas; }
.tpl_suite_ordonnee li { background:#ffffff; list-style-type: none; counter-increment: repas; margin-bottom: 10px; padding:20px 70px; position:relative; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.75); box-shadow: 0px 6px 10px -6px rgba(0,0,0,0.75); }
.tpl_suite_ordonnee li:before { content: counter(repas); font-weight: bold; font-size: 1.6em; color: #ffffff; background:url(../images/tpl_suite_ordonnee.png); left:0; top:0; position:absolute; width:55px; text-align:center; padding:11px 0; height:58px; line-height:1.2em; }
.tpl_suite_ordonnee li + li { margin-top:20px; }
.tpl_suite_ordonnee .tpl_suite_ordonnee_titre { color:#282828; font-size:1em; font-weight:600; }
.tpl_suite_ordonnee .tpl_suite_ordonnee_texte { color:#282828; font-size:1em; margin-bottom:0;  }
.tpl_suite_ordonnee .tpl_suite_ordonnee_texte + .tpl_suite_ordonnee_texte { margin-top:20px; }

body.couleur-violet .tpl_suite_ordonnee li:before { background-image:url(../images/tpl_suite_ordonnee_violet.png); }
body.couleur-bleu .tpl_suite_ordonnee li:before { background-image:url(../images/tpl_suite_ordonnee_bleu.png); }
body.couleur-vert .tpl_suite_ordonnee li:before { background-image:url(../images/tpl_suite_ordonnee_vert.png); }
body.couleur-orange .tpl_suite_ordonnee li:before { background-image:url(../images/tpl_suite_ordonnee_orange.png); }

/* Schema */
.tpl_schema {  margin-bottom:30px; }
.tpl_schema img { display:block; margin:auto; }
.tpl_schema.schema a { display:block; position:relative; }
.tpl_schema.schema a:after { position:absolute; right:0; bottom:0; height:42px; width:45px; display:block; content:" "; background:url(../images/tpl_schema.png) no-repeat right bottom; }
.tpl_schema.schema a:hover:after { width:100%; content:"Cliquez pour agrandir"; text-align:center; background:#33475b; font-weight:bold; line-height:42px; text-transform:uppercase; color:#ffffff; }
.tpl_schema .legende { text-align:center; font-style:italic; color:#515151; font-size:0.8em; padding:0 10%; margin-top:15px; }

body.couleur-violet .tpl_schema.schema a:hover:after { background-color:#b3539a; }
body.couleur-bleu .tpl_schema.schema a:hover:after { background-color:#00a8bf; }
body.couleur-vert .tpl_schema.schema a:hover:after { background-color:#7dc08e; }
body.couleur-orange .tpl_schema.schema a:hover:after { background-color:#f7b38c; }

/* Bouton */
.tpl_bouton, input[type="submit"].tpl_bouton { color:#ffffff!important; background:#33475b; text-decoration:none!important; padding:7px 30px; display:inline-block; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; transition:0.3s; font-weight:600; line-height:21px; border:none; }
body.couleur-violet .tpl_bouton, body.couleur-violet input[type="submit"].tpl_bouton { background-color:#b3539a; }
body.couleur-bleu .tpl_bouton, body.couleur-bleu input[type="submit"].tpl_bouton { background-color:#00a8bf; }
body.couleur-vert .tpl_bouton, body.couleur-vert input[type="submit"].tpl_bouton { background-color:#7dc08e; }
body.couleur-orange .tpl_bouton, body.couleur-orange input[type="submit"].tpl_bouton { background-color:#f7b38c; }
.tpl_bouton:hover, input[type="submit"].tpl_bouton:hover { background:#2b3c4d; text-decoration:none; cursor:pointer;  }
body.couleur-violet .tpl_bouton:hover, body.couleur-violet input[type="submit"].tpl_bouton:hover { background-color:#a34b8c; }
body.couleur-bleu .tpl_bouton:hover, body.couleur-bleu input[type="submit"].tpl_bouton:hover { background-color:#009bb0; }
body.couleur-vert .tpl_bouton:hover, body.couleur-vert input[type="submit"].tpl_bouton:hover { background-color:#72b082; }
body.couleur-orange .tpl_bouton:hover, body.couleur-orange input[type="submit"].tpl_bouton:hover { background-color:#e8a984; }

.tpl_bouton.transparent, input[type="submit"].tpl_bouton.transparent { background-color:transparent!important; color: #33475b!important;  border: 1px solid #33475b; }
.tpl_bouton.transparent:hover, input[type="submit"].tpl_bouton.transparent:hover { background-color:#33475b!important; color: #ffffff!important;  border: 1px solid #33475b; }

body.couleur-violet .tpl_bouton.transparent.couleur, body.couleur-violet input[type="submit"].tpl_bouton.transparent.couleur { color: #b3539a!important;  border: 1px solid #b3539a; }
body.couleur-violet .tpl_bouton.transparent:hover.couleur, body.couleur-violet input[type="submit"].tpl_bouton.transparent:hover.couleur { background-color:#b3539a!important; color: #ffffff!important; }

body.couleur-bleu .tpl_bouton.transparent.couleur, body.couleur-bleu input[type="submit"].tpl_bouton.transparent.couleur { color: #00a8bf!important;  border: 1px solid #00a8bf; }
body.couleur-bleu .tpl_bouton.transparent:hover.couleur, body.couleur-bleu input[type="submit"].tpl_bouton.transparent:hover.couleur { background-color:#00a8bf!important; color: #ffffff!important; }

body.couleur-vert .tpl_bouton.transparent.couleur, body.couleur-vert input[type="submit"].tpl_bouton.transparent.couleur { color: #7dc08e!important;  border: 1px solid #7dc08e; }
body.couleur-vert .tpl_bouton.transparent:hover.couleur, body.couleur-vert input[type="submit"].tpl_bouton.transparent:hover.couleur { background-color:#7dc08e!important; color: #ffffff!important; }

body.couleur-orange .tpl_bouton.transparent.couleur, body.couleur-orange input[type="submit"].tpl_bouton.transparent.couleur { color: #f7b38c!important;  border: 1px solid #f7b38c; }
body.couleur-orange .tpl_bouton.transparent:hover.couleur, body.couleur-orange input[type="submit"].tpl_bouton.transparent:hover.couleur { background-color:#f7b38c!important; color: #ffffff!important; }

.tpl_bouton.carre { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.tpl_bouton.grand { line-height:36px; }

/* Exergue Noire */
.tpl_exergue_noire_texte { font-size:2em; font-style:italic; font-weight:500; }

/* Encadre */
div.encadre { border:2px solid #f0f3f5; border-radius:5px; }

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

.tpl_pub { width:100%; text-align:left; margin:30px 0; background:#eff4f6; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:15px 0; }
.tpl_pub .tpl_pub_img, .tpl_pub .tpl_pub_info { padding: 0 15px; width:50%;}
.tpl_pub .tpl_pub_img { text-align:center; }
.tpl_pub .tpl_pub_info .tpl_pub_titre { color:rgba(var(--couleur1)); font-size:2em; font-weight:bold; margin-bottom:3px!important; margin-top:0; }
.tpl_pub .tpl_pub_info .tpl_pub_soustitre { color:rgba(var(--couleur1)); font-size:1.15em; font-weight:bold; margin-bottom:5px!important; }
.tpl_pub .tpl_pub_info .tpl_pub_texte { margin-bottom:23px; }

/* Accordeon */
/*
.tpl_accordeon_content .jquery-ui-filter-accordion { margin-bottom:20px; font-size:15px; border-top: 2px solid #f0f3f5; border-bottom: 2px solid #f0f3f5; }
.tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header { background-image:url(../images/accordion_close.png); background-repeat:no-repeat; background-position:right 15px center; padding:15px 40px 15px 0; text-transform:uppercase; border:none; border-radius:0; background-color:unset; transition:background-color 0.3s; margin-top: 0; }
.tpl_accordeon_content .jquery-ui-filter-accordion .jquery-ui-filter-accordion-container { height:auto!important; border:none; color:rgb(62, 62, 62); padding-left:0; padding-bottom:0; }
.tpl_accordeon_content .jquery-ui-filter-accordion .jquery-ui-filter-accordion-container + .ui-accordion-header { border-top: 2px solid #f0f3f5;  }
.tpl_accordeon_content .jquery-ui-filter-accordion .ui-helper-reset { font-size:1em; font-family:'Asap',Arial, Helvetica, sans-serif; }
.tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header a { text-decoration:none; font-weight:400; text-transform:none; }
.tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header-active { background-image:url(../images/accordion_open.png); }
.tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header-active a { font-weight:500;  color:rgb(62, 62, 62); }
.tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header-icon { display:none; }

body.couleur-violet .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header { background-image:url(../images/accordion_close_violet.png); }
body.couleur-bleu .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header { background-image:url(../images/accordion_close_bleu.png); }
body.couleur-vert .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header { background-image:url(../images/accordion_close_vert.png); }
body.couleur-orange .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header { background-image:url(../images/accordion_close_orange.png); }
body.couleur-violet .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header-active { background-image:url(../images/accordion_open_violet.png); }
body.couleur-bleu .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header-active { background-image:url(../images/accordion_open_bleu.png); }
body.couleur-vert .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header-active { background-image:url(../images/accordion_open_vert.png); }
body.couleur-orange .tpl_accordeon_content .jquery-ui-filter-accordion .ui-accordion-header-active { background-image:url(../images/accordion_open_orange.png); }
*/

/* FAQ */
/*
.tpl_accordeon_faq .jquery-ui-filter-accordion { margin-bottom:20px; font-size:15px; }
.tpl_accordeon_faq .jquery-ui-filter-accordion .ui-accordion-header { background-image:url(../images/faq_close.png); background-repeat:no-repeat; background-position:right 20px center; padding:16px 60px 16px 30px; text-transform:uppercase; border:none; border-radius:0; background-color:unset; transition:background-color 0.3s; margin-top: 0; border: 2px solid #f0f3f5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.tpl_accordeon_faq .jquery-ui-filter-accordion .jquery-ui-filter-accordion-container { height:auto!important; border:none; color:#929ea8; padding:16px 30px 0; border-bottom: 2px solid #f0f3f5; border-left: 2px solid #f0f3f5; border-right: 2px solid #f0f3f5; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.tpl_accordeon_faq .jquery-ui-filter-accordion .jquery-ui-filter-accordion-container + .ui-accordion-header { margin-top:15px;  }
.tpl_accordeon_faq .jquery-ui-filter-accordion .ui-helper-reset { font-size:1em; font-family:'Asap',Arial, Helvetica, sans-serif; }
.tpl_accordeon_faq .jquery-ui-filter-accordion .ui-accordion-header a { text-decoration:none; font-weight:500; text-transform:none; }
.tpl_accordeon_faq .jquery-ui-filter-accordion .ui-accordion-header-active { 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; }
.tpl_accordeon_faq .jquery-ui-filter-accordion .ui-accordion-header-active a { font-weight:500;  color:rgb(62, 62, 62); }
.tpl_accordeon_faq .jquery-ui-filter-accordion .ui-accordion-header-icon { display:none; }*/

/* Produit */
.tpl_produit { padding:30px; width:100%; border:1px solid #e5e5e5; }
.tpl_produit img { margin:auto; display:block; }
.tpl_produit h3 { font-size:1.467em; font-weight:600; margin-bottom:0; }
.tpl_produit h4 { color:#8c8c8c; font-size:1.13em; margin-top:0; }
.tpl_produit p { font-size:1em; margin-bottom:0; color:#4a4a4a;  }
.tpl_produit p + p { margin-top:20px; }

body.couleur-violet .tpl_conseil, body.couleur-violet .tpl_definition .tpl_definition_titre, body.couleur-violet .tpl_produit h3 a { color:#b3539a; }
body.couleur-bleu .tpl_conseil, body.couleur-bleu .tpl_definition .tpl_definition_titre, body.couleur-bleu .tpl_produit h3 a { color:#00a8bf; }
body.couleur-vert .tpl_conseil, body.couleur-vert .tpl_definition .tpl_definition_titre, body.couleur-vert .tpl_produit h3 a { color:#7dc08e; }
body.couleur-orange .tpl_conseil, body.couleur-orange .tpl_definition .tpl_definition_titre, body.couleur-orange .tpl_produit h3 a { color:#f7b38c; }

/******************************************************************************************************************/
/************************************************** HEADER ********************************************************/
/******************************************************************************************************************/
#header #header-top { background: rgba(var(--couleur1)); }
#header #header-top #header-top-left { display:flex; align-items:center; padding-left:0;}
#header #header-top #header-top-left #block-avotreecoute .field--name-body p { margin-left:125px; color:#fff; margin-bottom:0; padding-left:22px; background: url(../images/icon_tel.png) no-repeat left center; }
#header #header-top #header-top-left #block-avotreecoute .field--name-body p a { color:#fff; text-decoration:none; font-weight: 600; }
#header #header-top #header-top-left #block-avotreecoute .field--name-body p a:hover { text-decoration:underline; }
#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-formulairederecherche form { width:300px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; position:relative; }
#header #header-top #header-top-right .region-header-top-right #block-formulairederecherche form .form-item { margin:0;  }
#header #header-top #header-top-right .region-header-top-right #block-formulairederecherche form .form-item input { padding: 9.5px 39px 9.5px 13px; margin: 0; background: transparent; color: #ffffff; border:none; }
#header #header-top #header-top-right .region-header-top-right #block-formulairederecherche form .form-item input::placeholder { font-size:0.9em; color:#fff; }
#header #header-top #header-top-right .region-header-top-right #block-formulairederecherche form .form-actions { position:absolute; top:0; right:0; padding:0; }
#header #header-top #header-top-right .region-header-top-right #block-formulairederecherche form .form-actions input {height:39px; width:39px; margin:0; background: url(../images/search-button.png) no-repeat center; border:none; text-indent:-99999px; }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu { display:flex; margin:0; background:#4F6173; }
#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:#b6bdc4; font-size:14px; border-bottom:none; font-weight:600; display:block; text-transform:uppercase; text-decoration:none; }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a:hover { text-decoration:underline; }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a.is-active {color:rgba(var(--couleur1)); background:#ffffff; }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li a.is-active:hover { text-decoration:none; }
#header #header-top #header-top-right .region-header-top-right #block-navigationsecondaire .menu li + li a { border-left:1px solid rgba(var(--couleur1)); }

#header #header-body #header-logo { padding:0; margin-top: -46px; }
#header #header-body #header-logo #block-formulairederecherche-2 { position:relative; }
#header #header-body #header-logo #block-formulairederecherche-2,
#header #header-body #header-logo #block-formulairederecherche-2 .search-toggle { display:none; }
#header #header-body #header-logo #block-izianet-site-branding { background: #fff; text-align: center; padding: 20px 15px; }

.navbar-we-mega-menu * { font-family: 'Overpass',Arial, Helvetica, sans-serif!important; }
#header #header-body #header-right .block-we-megamenu .navbar { padding:0; justify-content:start; background:none; margin-bottom:0; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid::before, #header #header-body #header-right .block-we-megamenu .navbar .container-fluid::after,
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul::before, #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul::after, #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li > a::before, #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li > a::after { display:none; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul { width:100%; justify-content: space-between; position:relative; margin-top:8px; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li { padding:15px 5px; border:none; position:static;  }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li[data-id="0bdeee5e-4888-4578-99da-23adab435ad0"], #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li[data-id="9db93711-4dfb-4d42-83be-4fed58e6f375"], #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li[data-id="2730a05a-7444-4150-b81a-528d6724d27b"] { display:none; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li > a { text-transform:none; font-size:15px; color:inherit; font-weight:500; background:#fff!important; box-shadow:none!important; padding:7px 17px;  }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.text-violet > a { color:#b3539a!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.text-bleu > a { color:#47A6BC!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.text-vert > a { color:#7dc08e!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.text-orange > a { color:#f7b38c!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.violet a:hover { color:#b3539a!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.bleu a:hover { color:#00a8bf!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.vert a:hover { color:#7dc08e!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.orange a:hover { color:#f7b38c!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.boutique > a { color:#ffffff; background:#7dc08e!important; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul > li.boutique:hover > a { background:#60a370!important; }

#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu { width:1350px!important; position:absolute; background:#fff; left:-130px!important; top:72px; z-index:100; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner { flex-direction:row; display:flex; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row { padding:15px; display:block; flex-grow: 1; flex-shrink: 1; flex-basis: 0; width:0; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row[data-custom-row="0"] { display:none; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col { width:100%; flex: 0 0 100%; max-width: 100%; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col + .we-mega-menu-col { margin-top:20px; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .type-of-block { width:90%; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row .we-mega-menu-col + .we-mega-menu-col .type-of-block { border-top:1px solid #a2a6b8; padding-top:20px; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .type-of-block .block-inner .block-menu-block h2 { font-size:1rem; text-transform:none!important; font-weight:600; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .type-of-block .block-inner .block-menu-block h2 a { color: #33475b; font-weight:600; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .type-of-block .block-inner > h2, #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .type-of-block .block-inner .block-menu-block > h2 { display:none; }
#header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col .type-of-block .block-inner .block-menu-block li a { padding: 5px 0px; font-weight: 400; background:none; color:#666666; font-size:12px; }

#navigation { display:none; }
#navigation .region-navigation { width:100%; }


/******************************************************************************************************************/
/*********************************************** 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-formulairederecherche form .form-item input { padding: 0 39px 0 13px; }
.sticky #header #header-top #header-top-right .region-header-top-right #block-formulairederecherche form .form-actions input { height:19px; }
.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 { margin-top: -26px; }
.sticky #header #header-body #header-logo #block-izianet-site-branding { padding:10px; }
.sticky #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul { margin-top:0; }
.sticky #header #header-body #header-right .block-we-megamenu .navbar .container-fluid ul.we-mega-menu-ul li .we-mega-menu-submenu { top:67px; }
.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 ******************************************************/
/******************************************************************************************************************/
#block-views-block-accueil-slider-block-1 { padding:0; }
.view-accueil-slider .slick__slide { display: flex; align-items: center; justify-content:center; }
.view-accueil-slider .slick__slide .views-field-body { position: absolute; left: 55%; width: 40%; }
.view-accueil-slider .slick__slide .views-field-body h1 { margin-bottom:20px; }
.view-accueil-slider .slick-dots { position:absolute; right:50px; bottom:50px; width:auto; display:flex; flex-direction:column; }
.view-accueil-slider .slick-dots button { background-image:url(../images/bullet.png); background-position:center center; background-repeat:no-repeat; width:12px; height:12px; display:block; cursor:pointer; z-index:500px; }
.view-accueil-slider .slick-dots .slick-active button { background-image:url(../images/bullet_active.png); }
.view-accueil-slider .slick-dots button:before { display:none; }

.page-node-1 .tpl_4_zones > div { display:flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#33475b;  }

#block-accueilentreprisefrancaise { background:#fbfaf8; padding:0; }
#block-accueilentreprisefrancaise .field--name-body .tpl_3_zones {display:flex; align-items: center; justify-content:center; flex-wrap:wrap; }
#block-accueilentreprisefrancaise .field--name-body .zone1, #block-accueilentreprisefrancaise .field--name-body .zone3 { width:25%; }
#block-accueilentreprisefrancaise .field--name-body .zone1 p, #block-accueilentreprisefrancaise .field--name-body .zone3 p { margin:0; }
#block-accueilentreprisefrancaise .field--name-body .zone2 { width:50%; }
#block-accueilentreprisefrancaise .field--name-body > p { display:none; }

#block-accueilproduits { margin-top:50px; }
#block-accueilproduits .tpl_2_zones_50 .tpl_2_zones_50 { background:#f1f2f6; }
#block-accueilproduits .tpl_2_zones_50 .tpl_2_zones_50 .zone1 { padding-left:40px; }
#block-accueilproduits .tpl_2_zones_50 .tpl_2_zones_50 .zone1 h2 { font-weight:400; }
#block-accueilproduits .tpl_2_zones_50 .tpl_2_zones_50 .zone2 { padding:0; text-align:right; }
#block-accueilproduits .tpl_2_zones_50 .tpl_2_zones_50 .zone2 p { margin:0; }

.listing-actu-slick { clear:both; padding:20px 0; margin-top:20px; display:block; width:100%; }
.listing-actu-slick h2 { position:relative; text-align:center; line-height: 1.5em; }
.listing-actu-slick .view-content .slick--view { width:100%; }
.listing-actu-slick .view-content .slick--view .slick-slide { background:#ffffff; }
.listing-actu-slick .view-content .slick--view .slick-slide .views-field-nothing-1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cbd6e2; margin:0 10px; padding:15px; }
.listing-actu-slick .view-content .slick--view .slick-slide:hover .views-field-nothing-1 { border:1px solid #99a5b3; }
.listing-actu-slick .view-content .slick--view .slick-slide .views-field-nothing-1 .field_categorie_article { background:#eeeaed; color:#33475b; padding:0 15px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display:inline-block; margin:15px 0; }
.listing-actu-slick .view-content .slick--view .slick-slide .views-field-nothing-1 .title { margin-bottom:15px; }
.listing-actu-slick .view-content .slick--view .slick-slide .views-field-nothing-1 .title a { color:inherit; font-weight:bold; font-size:1.1em; }
.listing-actu-slick .view-content .slick--view .slick-slide .views-field-nothing-1 .body p { display:inline; }
.listing-actu-slick .view-content .slick--view .slick-slide .views-field-nothing-1 .body a { color:#33475b; }
.listing-actu-slick .slick__arrow { top:-50px; }
.listing-actu-slick .slick__arrow .slick-arrow { position:absolute; top:0px; height:40px; width:40px; background-repeat:no-repeat; background-color:transparent; border:none; padding:0;  }
.listing-actu-slick .slick__arrow .slick-arrow::before { display:none; }
.listing-actu-slick .slick__arrow .slick-arrow.slick-prev { background-position: left center; background-image:url(../images/slick_prev.png); left:0;  }
.listing-actu-slick .slick__arrow .slick-arrow.slick-next { background-position: right center; background-image:url(../images/slick_next.png); right:0; }
.listing-actu-slick .slick__arrow .slick-arrow.slick-prev:hover { background-image:url(../images/slick_prev_hover.png); }
.listing-actu-slick .slick__arrow .slick-arrow.slick-next:hover { background-image:url(../images/slick_next_hover.png); }
.listing-actu-slick .view-footer { text-align:center; color:#5b5b5b; font-size:0.86em; margin-top:15px; font-weight:100; padding:20px 0 0; position:relative; }

#block-accueilsocieteengage { background:#f0f3f5; margin-top:50px; padding-top:30px;  padding-bottom:30px; }
#block-accueilsocieteengage .field--name-body .tpl_3_zones {display:flex; align-items: center; justify-content:center; }
#block-accueilsocieteengage .field--name-body .tpl_3_zones .zone2 p, #block-accueilsocieteengage .field--name-body .tpl_3_zones .zone3 p { background:#ffffff; margin:0; padding-top:20px; }
#block-accueilsocieteengage .field--name-body .tpl_3_zones .zone2 p + p, #block-accueilsocieteengage .field--name-body .tpl_3_zones .zone3 p + p {  padding-bottom:20px;}
#block-accueilsocieteengage .field--name-body > p { display:none; }

#block-accueilsuiveznous { margin-top:50px; }
#block-accueilsuiveznous h2 { text-align:center; }
#block-accueilsuiveznous .tpl_4_zones > div { flex-direction:column; }

#block-accueilbanniereboutique { padding:0; }

/******************************************************************************************************************/
/*************************************************** EN TETE ******************************************************/
/******************************************************************************************************************/
#block-izianet-page-title { text-align:center; padding-bottom:20px; }
#highlighted { margin-bottom:20px; }
#highlighted .hors-zone { background: #fafafc; }
#highlighted .hors-zone #breadcrumb .breadcrumb {color: #a2a6b8; background-color: unset; border: unset; font-weight:500; font-size:13.5px;}
#highlighted .hors-zone #breadcrumb .breadcrumb a, #highlighted .hors-zone #breadcrumb .breadcrumb .sep { color: #33475b; font-weight:600; }
#highlighted .hors-zone #breadcrumb .breadcrumb .sep { margin:0 6px; }
#highlighted .hors-zone .view-header { margin-top:20px; }
#highlighted .hors-zone .view-header table { width:100%; border:none; }
#highlighted .hors-zone .view-header table tr { border:none; }
#highlighted .hors-zone .view-header table tr td { width:50%; vertical-align:center; padding:0 5px 0; color:#575756; }
#highlighted .hors-zone .view-header table tr td.image { text-align:center; padding-bottom:0; vertical-align:bottom; }
.page-node-type-page:not(.path-frontpage) #highlighted { margin-bottom:15px; }
.page-node-type-page #highlighted .hors-zone { background: #eff4f6; }
.page-node-type-page #highlighted .hors-zone .view-header table td h1 span { font-weight: 600; display: block; line-height: 1.5em; }
#highlighted .hors-zone .view-header .view-footer { padding:15px 0; }
#highlighted .hors-zone .view-header .view-footer a.bottom_page { background-position:center center; background-repeat:no-repeat; width:21px; height:10px; display:block; margin:auto; }
body.couleur-violet #highlighted .hors-zone .view-header .view-footer a.bottom_page { background-image:url(../images/bottom_page_violet.png); }
body.couleur-bleu #highlighted .hors-zone .view-header .view-footer a.bottom_page { background-image:url(../images/bottom_page_bleu.png); }
body.couleur-vert #highlighted .hors-zone .view-header .view-footer a.bottom_page { background-image:url(../images/bottom_page_vert.png); }
body.couleur-orange #highlighted .hors-zone .view-header .view-footer a.bottom_page { background-image:url(../images/bottom_page_orange.png); }


/******************************************************************************************************************/
/*************************************************** PRODUIT ******************************************************/
/******************************************************************************************************************/
.page-node-type-produit .onglets_produit #menuPlayStore { margin-bottom: 30px; }
.page-node-type-produit .onglets_produit #menuPlayStore.fixed { position:fixed; width:100%; left:0; background:#fff; z-index:10; }
.page-node-type-produit.toolbar-fixed.sticky .onglets_produit #menuPlayStore.fixed { margin-top: 39px; }
.page-node-type-produit.toolbar-horizontal.toolbar-tray-open .onglets_produit #menuPlayStore.fixed { margin-top:79px; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul { width:100%; padding:0; margin:0; position:relative; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul.responsive,
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone .callback-produit { display:none; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul > .tpl_bouton.commander { position:absolute; right:0; top:29px; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul > .tpl_bouton.rappel { position:absolute; right:0; top:29px; padding: 5.5px 7px; line-height: 15px; display: flex; align-content: center; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul > .tpl_bouton.commander + .tpl_bouton.rappel { right:160px; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li { display:inline-block; list-style:none; background-image:none; padding:0; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li + li { margin-left:55px; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li a, .page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li span { padding:35px 5px; display:block;  border-bottom:2px solid #fff; }
.page-node-type-produit .onglets_produit #menuPlayStore.fixed .hors-zone ul li a, .page-node-type-produit .onglets_produit #menuPlayStore.fixed .hors-zone ul li span { padding:15px 5px; }
.page-node-type-produit .onglets_produit #menuPlayStore.fixed .hors-zone ul > a.tpl_bouton { top:9px; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li span { font-weight:600; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li a { color:#8a8a8a; }
.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li a:hover { text-decoration:underline; }


body.couleur-violet.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li.is-active span { border-bottom-color: #b3539a; color:#b3539a; }
body.couleur-bleu.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li.is-active span { border-bottom-color: #00a8bf; color:#00a8bf; }
body.couleur-vert.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li.is-active span { border-bottom-color: #7dc08e; color:#7dc08e; }
body.couleur-orange.page-node-type-produit .onglets_produit #menuPlayStore .hors-zone ul li.is-active span { border-bottom-color: #f7b38c; color:#f7b38c; }

.page-node-type-produit #block-systemeongletproduit .container { position:relative; overflow:hidden; }
.page-node-type-produit #block-systemeongletproduit .container .btn_download { border:1px solid #dadada; color:#4a4a4a; font-weight:500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:15px 45px 15px 15px; background:url(../images/icon_download.png) no-repeat center right 10px; position:absolute; right:0; top:0; }
.page-node-type-produit #block-systemeongletproduit .container .field--name-field-contenu .field__label { display:none; }



/******************************************************************************************************************/
/***************************************************** BLOG *******************************************************/
/******************************************************************************************************************/
#sidebar-first { padding-right: 50px; }
#sidebar-first .blog_block h2, #sidebar-first .blog_block .block_title { text-transform: uppercase; border-bottom: 2px solid #33475b; 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.Violet a:hover { border:1px solid #b3539a; color:#b3539a;}
.view-blog-menu .views-row.Bleu a:hover { border:1px solid #00a8bf; color:#00a8bf;}
.view-blog-menu .views-row.Vert a:hover { border:1px solid #7dc08e; color:#7dc08e;}
.view-blog-menu .views-row.Orange a:hover { border:1px solid #f7b38c; color:#f7b38c;}
.view-blog-menu .views-row.is-active a { color:#fff; font-weight:600; }
.view-blog-menu .views-row.is-active a:hover { color:#fff; }
.view-blog-menu .views-row.Violet.is-active a { border:1px solid #b3539a; background-color:#b3539a;}
.view-blog-menu .views-row.Bleu.is-active a { border:1px solid #00a8bf;  background-color:#00a8bf;}
.view-blog-menu .views-row.Vert.is-active a { border:1px solid #7dc08e; background-color:#7dc08e;}
.view-blog-menu .views-row.Orange.is-active a { border:1px solid #f7b38c; background-color:#f7b38c;}

.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:#33475b; }

.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:#33475b; text-align:center; margin:0 11% 20px;}
.view-blog-premier-article .view-content .views-row .views-field-title h2 a { color:#33475b; }
.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; z-index:20; }
.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 tbody { 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:#33475b; }
.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 tbody { 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:#ffffff; color:#33475b; 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:hover { text-decoration:underline; }
.view-blog-listing-article .pager li.is-active a { color:#ffffff; background:#33475b; border-color:#33475b; }
.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: #33475b!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:#ffffff; font-size:16px; margin-left:20px; display:none; }
#block-addtoanybuttons .a2a_kit > a:hover, #block-addtoanybuttons .a2a_kit > a:hover .a2a_svg { background-color:#7dc08e!important; 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:#33475b; color:#ffffff; padding:15px; width:100%; display:block; text-transform:none; }
.page-node-type-article #navigation_article td:hover { background:#33475b; }
.page-node-type-article #navigation_article td:hover a { color:#ffffff; }
.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:#33475b; 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 *****************************************************/
/******************************************************************************************************************/
.view-glossaire .view-header { margin-bottom:20px; }
.view-glossaire .view-content > .views-row { margin-bottom:20px; }

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


/******************************************************************************************************************/
/***************************************************** FOOTER *****************************************************/
/******************************************************************************************************************/
#backtotop { background-color: #33475b; background-image:url(../images/top_page.png)!important; background-position:center center; background-repeat:no-repeat; height:50px; width:50px; border-radius: 25px; display:none; bottom: 20px; cursor: pointer; position: fixed; right: 20px; text-indent: -9999px; z-index:11; }
#backtotop:hover { opacity: 0.8; }
.sticky #backtotop { display:block; }

#footer-first { display:block; margin-top:80px; color:#33475b; font-size:14px; }
#footer-first .field--name-body .title { font-weight:800; }
#footer-first .field--name-body a { color:#33475b; color:#33475b; display:inline-block;  font-size:14px; margin-bottom:15px; }
#footer-first .field--name-body a:hover { text-decoration:underline; }
#footer-first #footer-first-1 .field--name-body strong { font-weight:600; font-size:16px; }
#footer-first #footer-first-1 .field--name-body a { font-weight:800; font-size:16px; color:#33475b; margin-bottom:0; }
#footer-first #footer-first-5 .field--name-body p { margin-bottom:0; }
#footer-first #footer-first-5 .field--name-body p a.tpl_bouton { width:100%; text-align:center; background-color:#7dc08e; }
#footer-first #footer-first-5 .field--name-body p a.tpl_bouton:hover { background-color:#72b082; }

#footer-second { background: url(../images/background_footer.jpg) repeat-x bottom left; }
#footer-second .region-footer-second-1 { display:flex; flex-wrap:wrap; align-items:end; }
#footer-second .region-footer-second-1 #block-footerlogo p { margin-bottom:0; }
#footer-second .region-footer-second-1 #block-pieddepage { margin-bottom:7px; margin-left:20px; }
#footer-second .region-footer-second-1 #block-pieddepage .menu { display:flex; margin:0; }
#footer-second .region-footer-second-1 #block-pieddepage .menu li { padding:10px; }
#footer-second .region-footer-second-1 #block-pieddepage .menu li a { border-bottom:none; color:#82879e; font-weight:500; padding:0!important; }
#footer-second .region-footer-second-1 #block-pieddepage .menu li a:hover { text-decoration:underline; }
#footer-second .region-footer-second-2 { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; flex-direction:column; height:100%; }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p { font-size:1.267em; font-weight:600; line-height:40px; color:#33475b;;  }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a, #block-contactcoordonnees p a.reseau { text-indent: -999999px; width:40px; height:40px; display:inline-block; margin:0 0 0 18px; }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.facebook, #block-contactcoordonnees p a.facebook { background-image:url(../images/social_facebook.png); }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.instagram, #block-contactcoordonnees p a.instagram { background-image:url(../images/social_instagram.png); }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.pinterest, #block-contactcoordonnees p a.pinterest { background-image:url(../images/social_pinterest.png); }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.youtube, #block-contactcoordonnees p a.youtube { background-image:url(../images/social_youtube.png); }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.facebook:hover, #block-contactcoordonnees p a.facebook:hover { background-image:url(../images/social_facebook_hover.png); }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.instagram:hover, #block-contactcoordonnees p a.instagram:hover { background-image:url(../images/social_instagram_hover.png); }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.pinterest:hover, #block-contactcoordonnees p a.pinterest:hover { background-image:url(../images/social_pinterest_hover.png); }
#footer-second .region-footer-second-2 #block-footerreseauxsociaux p a.youtube:hover, #block-contactcoordonnees p a.youtube:hover { background-image:url(../images/social_youtube_hover.png); }
#footer-second .region-footer-second-2 #block-footercopyright { margin-bottom:18px; color: #82879e; }

#termsfeed-com---nb { position: fixed; background-color: rgba(0,0,0,0.8); }
#termsfeed-com---nb .cc-nb-okagree { background-color:#60a370; color:white; }
#termsfeed-com---nb .cc-nb-reject { background-color:#FF5A5A; color:white; }
#termsfeed-com---nb button:focus { box-shadow:none; }
#termsfeed-com---preferences-center .cc-cp-foot-save { background-color:#47A6BC; color:white; }
#termsfeed-com---preferences-center button:focus { box-shadow:none; border:none; }