/* # THEME */

        /* ## THEME - COULEUR*/

:root {
  --primary-color: #742373;
  --secondary-color-1: #4c9152;
  --secondary-color-2: #d7c658;
  --neutral-color: #000000;
  --neutral-soft-color: #57575c;
  --neutral-light-color: #f2f2f2;
  /*--main-text-fontsize: 17px;*/
  --main-text-fontfamily: 'Rubik', sans-serif;
  --main-title-fontfamily: 'Bebas Neue', sans-serif;
}

        /* ## THEME - POLICES */

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../custom/fonts/rubik/rubik-normal-400-.woff2') format('woff2'),
        url('../../custom/fonts/rubik/rubik-normal-400-.woff') format('woff'),
        url('../../custom/fonts/rubik/rubik-normal-400-.ttf') format('truetype');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../custom/fonts/rubik/rubik-normal-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../custom/fonts/rubik/rubik-normal-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../custom/fonts/bebas-neue/bebas-neue-normal-400-.woff2') format('woff2'),
        url('../../custom/fonts/bebas-neue/bebas-neue-normal-400-.woff') format('woff'),
        url('../../custom/fonts/bebas-neue/bebas-neue-normal-400-.ttf') format('truetype');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../custom/fonts/bebas-neue/bebas-neue-normal-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../custom/fonts/bebas-neue/bebas-neue-normal-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


:root {

            /* # GENERAL */

--scale-hover: 1.02;

.yeswiki-page-comments p {font-size: 1.5rem; color: var(--title-h2-color);}

.card {
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.10);
    border-radius: 0.5rem;
    margin: 0.5rem;
    padding: 0.5rem;
}
@media (width <= 992px) {
	.row-fluid > div {margin: 2rem 0;}
}

#bandeau {padding: 0.3rem 0;}

        /* ## GENERAL - GRADIENT AROACE */

--gradient-aroace : linear-gradient(90deg,rgba(116, 35, 115, 1) 0%, rgba(183, 126, 193, 1) 35%, rgba(173, 207, 119, 1) 65%, rgba(76, 145, 82, 1) 100%);

.bg-aroace{background: var(--gradient-aroace) }

.text-aroace {
background: var(--gradient-aroace);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

        /* ## GENERAL - TITRES */

h1,.ph1 {font-size: 3.5rem;}
h2,.ph2 {font-size: 2.5rem;}
h3,.ph3 {font-size: 2rem;}
h4,.ph4 {font-size: 1.5rem;}
h5,.ph5 {font-size: 1.5rem;}
h6,.ph6 {font-size: 1.5rem;}

/*
@media (width <= 1200px) {
  h1,.ph1 {font-size: 2rem;}
  h2,.ph2 {font-size: 1.5rem;}
  h3,.ph3 {font-size: 1.3rem;}
h4,.ph4 {font-size: 1.3rem;}
h5,.ph5 {font-size: 1.3rem;}
h6,.ph6 {font-size: 1.3rem;}
}
*/

h1, h2, h3, h4, h5, h6 ,.ph1,.ph2,.ph3,.ph4,.ph5,.ph6 {font-weight :400; font-family: var(--main-title-fontfamily);}
.ph1,.ph2,.ph3,.ph4,.ph5,.ph6 {color:var(--primary-color)}

    /* couleurs des titres */
--title-h1-color: var(--primary-color); 
--title-h2-color: var(--primary-color);
--title-h3-color: var(--primary-color);
--title-h4-color: var(--primary-color);
--title-h5-color: var(--primary-color);
--title-h6-color: var(--primary-color);

    /* padding titres articles*/
.BAZ_cadre_fiche .contenu > h3 {padding-left: 3vw;}
.BAZ_cadre_fiche .contenu > h4 {padding-left: 6vw;}
.BAZ_cadre_fiche .contenu > h5 {padding-left: 9vw;}

.yeswiki-page-comments > p:first-child {
  font-family: var(--main-title-fontfamily);
  font-size: 2.5em;
}

        /* ## GENERAL - TEXTES */

.text-shadow-white {text-shadow: 0px 0px 10px rgb(255, 255, 255),0px 0px 10px rgb(255, 255, 255);}
.text-shadow-black {text-shadow: 0px 0px 10px rgb(0,0,0,0.5);}

.legend{font-style:italic ; color :var(--neutral-soft-color)}
.text-italic {font-style:italic}
a[href*="download"]::before {content: "💾 ";}

	/* ### page-title*/

.page-title {   
    font-size: 6rem;
    text-align: center;
    margin: 0rem 0rem;
    font-family: var(--main-title-fontfamily);
}

.page-title-md {
    font-size: 3rem;
    text-align: center;
    margin: 0rem 0rem;
    font-family: var(--main-title-fontfamily);
}

.page-subtitle {
    font-size: 1.3rem;
    text-align: center;
}

@media (width <= 1200px) {
    .page-title {font-size: 4rem;}
    .page-title-md {font-size: 2rem;}
    .page-subtitle {font-size: 1.1rem;}
}	

	/* ### text-color class custom*/

.text-white {color: white !important;}	
.text-neutral-soft {color: var(--neutral-soft-color) !important;}	
.text-pc {color: var(--primary-color) !important;}	
.text-sc1 {color: var(--secondary-color-1) !important;}
.text-sc2 {color: var(--secondary-color-2) !important;}
.text-pc-hover:hover {color: var(--primary-color) !important;}

        /* ## GENERAL - COULEUR */

    /* ### couleurs prédéfinies */

--success-color: #3cab3b;
--danger-color: #d8604c;
--warning-color: #d78958;

--main-container-bg-color: var(--neutral-light-color);

--link-color: var(--secondary-color-1);
--link-hover-color: var(--parimary-color-1);
.nav > li > a {color: var(--primary-color);};
.nav > li.active > a {color: white;};

    /* ### couleur de la barre de menu */

#yw-topnav {background:var(--gradient-aroace)}
/* #yw-topnav {background: linear-gradient(90deg,rgba(116, 35, 115, 1) 0%, rgba(183, 126, 193, 1) 35%, rgba(173, 207, 119, 1) 65%, rgba(76, 145, 82, 1) 100%);*/

.yw-topnav.topnavpage.links-container{text-shadow: 0px 0px 5px rgb(0,0,0,1);;font-weight:bold;};

--navbar-bg-color: var(--primary-color);
--navbar-text-color: var(--neutral-light-color);
--navbar-link-color: var(--neutral-light-color);
--navbar-link-bg-color: transparent;
--navbar-link-hover-color: rgba(255, 255, 255, 0.85);
--navbar-link-bg-hover-color: transparent;
--navbar-border: none;
--navbar-border-radius: 0;
--navbar-shadow: none;

--header-bg-color: var(--neutral-light-color);
--header-text-color: var(--neutral-color);
--header-title-color: var(--primary-color);

	/* ### couleur de fond du pied de page */
    
--footer-bg-color: var(--neutral-light-color);
--footer-text-color: var(--main-text-color);
--footer-title-color: var(--main-text-color);
--footer-border-top: 3px solid var(--neutral-soft-color);

    /* ### bg-color class custom*/

.bg-white {background-color: white; !important;}
.bg-pm {color: var(--primary-color) !important;}	
.bg-sc1 {color: var(--secondary-color-1) !important;}
.bg-sc2 {color: var(--secondary-color-2) !important;}

	    /* ## GENERAL - PANEL */

.panel-info {
  border-color: var(--neutral-soft-color);
  checkbox-color: var(--neutral-soft-color);
}
.panel-info > .panel-heading {
  color: var(--main-bg-color);
  background-color: var(--neutral-soft-color);
  opacity: 1;
  border-color: var(--neutral-soft-color);
}
.panel-title::before {content:"> "}
.panel-title:hover {text-decoration:underline}
.panel-title {font-family: var(--main-text-fontfamily);font-weight:bold}
.panel-heading {padding: .6rem 1.8rem .6rem 1rem;}


        /* ## GENERAL - DIVERS ELEMENTS */

--btn-border: none;
--btn-border-radius: 0.5em;
--checkbox-color: var(--primary-color);

.btn-secondary-1 {margin: 0.2rem;}

.btn-md {padding: 0.5rem 1rem; font-size: 1.2rem }

.label {  margin: 0em 0.2em;}

.modal-content .full-width {width: 100% !important; left: 0px; right: 0px; margin-left: 0px; margin-right: 0px;}
.include :not(.footerpage) .full-width {width: 100% !important; left: 0px; right: 0px; margin-left: 0px; margin-right: 0px;}
 
.section-invisible {padding: 0px;}
section.section-invisible .container {padding: 0rem;width: 100%;}

.label {font-size: 85%;}

        /* ## GENERAL - NAV BAR */

.navbar-brand > .include { font-weight: normal;font-size: 2rem;text-shadow: 0px 0px 5px rgb(0,0,0,1);}
#yw-topnav > .container {column-gap: 0em !important;}
#yw-modal-iframe {height: 80vh !important;}
.nav-tabs > li {
 	background: color-mix(in oklab, var(--primary-color)20%, transparent);
 	border-radius: 10px 10px 0px 0px;
	margin-right: 0.5rem;
}
.yw-topnav-fast-access section {padding: 0px;}

#yw-topnav .navbar-nav > li > a:not(.btn) {
  font-size: 1.1rem;
}

        /* ## GENERAL - ADMIN */


.admin-content-table .col-theme, .admin-content-table .col-tags {display: none !important;}

.control-group.form-group.input-reactions.select {display: none;}

#contact-form #checkboxListenomwiki_force_label_fake_value_checked .alert.alert-info{display: none; !important}
#contact-form .form-group:has(#bf_titre), .form-group:has(#bf_mail){display: none;}

#gestionnaire-roles .btn-delete-group, #gestionnaire-roles .form-inline:nth-child(3)  {display: none;}



            /* # FICHE */    

		/* ## FICHE - SAISIE */
            			
#formulaire .note-editor.note-frame.panel.panel-default {background-color : transparent;}

#formulaire .titre_type_fiche {display : none}

#formulaire label.field-label {background-color: color-mix(in oklab, var(--primary-color)20%, transparent);}

#formulaire .control-group.form-group.input-liste {margin-top: 2rem !important;}

.titre_type_fiche {display:none}

#formulaire .input-recur-date {display:none} /*bouton pour mettre des évènements récurrents*/

	/* ### Simplifier la barre d'outil YesWiki pour les utilisateurices*/

.form-horizontal .btn-group.format-menu {display: none;}

.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="syndication"], 
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="reactions"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="video"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="contact"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="tags"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="bazar"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="bazarliste"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="advanced-actions"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="management"],
.actions-builder-button:not(.admin) .open-actions-builder-btn[data-group-name="checkcontent"]
{display:none;}

		/* ## FICHE - TRI */

    /* ### TRI - CARTES */

@media (width >= 900px) {
#ressources-detaillees .bazar-entry.bazar-card.with-image {
  display: flex;
  flex-direction: row-reverse;
}
}

@media (width >= 900px) {
  #ressources-detaillees .style-horizontal.bazar-cards-container {
    row-gap: 2rem !important;
  }
}

.bazar-card {
  background-color:white !important;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.20);
  border-radius: .5rem;
}

.bazar-card:hover {scale: var(--scale-hover);background-color: whitesmoke !important;}
.custom.illus img:hover {scale: var(--scale-hover);}

.bazar-card .area.text-area {font-weight: 400;}
.bazar-card .field.field-array > span {font-weight: 400;}

#ressources-detaillees .area.visual-area.placeholder {display: none;}

.area.title-area {display: flex;}

.style-vertical .bazar-card .visual-area {margin-bottom: 1.5rem;}

@media (width <= 800px) {
  .bazar-list-dynamic-container img {
    max-width: none !important;
    margin-bottom: 0rem;
  }
}

.bazar-card .title-area {color: var(--secondary-color-1);}

.bazar-card .subtitle-area {font-size: 0.9rem;color: var(--main-text-color)!important;}
#ressources-detaillees .bazar-card .area.uptitle-area {font-weight: normal;color: var(--neutral-color);font-size: 0.9rem;}

#ressources-detaillees .title-subtitle, #ressources-detaillees  .title-subtitle .title, #ressources-detaillees  .title-subtitle .subtitle-area, #ressources-detaillees  .title-subtitle .field {display: inline;}
#ressources-detaillees .subtitle-area::before {content: ", ";}
#ressources-detaillees .subtitle-area .field,#ressources-detaillees .subtitle-area::before {font-weight: normal;font-size: 1.2rem;}
#ressources-detaillees .footer-area .field.field-array span::before, #ressources-detaillees .footer-area  .field.field-default::before {content: "#"}

.style-vertical .bazar-card .text-area::after { background-image: linear-gradient(#fff0, var(--neutral-light-color));}
.bazar-card .text-area {font-size: 0.9rem; max-height: 7rem; font-weight: 400; ! important}

.bazar-card .text-area::after { background-image: none !important;}

.bazar-card .footer-area {font-size: 0.9rem !important; font-weight:normal !important;}

.style-horizontal .bazar-card .content {padding: 1rem;}

#evenements .bazar-card .subtitle-area {font-family: var(--main-text-fontfamily);font-size:1rem}
#evenements .bazar-card .title-subtitle, #evenements .bazar-card .text-area {text-align: center;width: 100%;}

    /* ### TRI - FAQ THEMATIQUES */

.flex-100 {flex: 95%;}
.flex-50 {flex: 45%;}

.flex {display: flex}

.flex-wrap {flex-wrap: wrap;}

.flex-gap-1 {row-gap : 1em ; column-gap : 1em;}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}


#faq-thematiques .faq-thematique {
  background-color: color-mix(in oklab, var(--secondary-color-1)20%, white);
  text-align: center;  
  {#box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.20);#}
  border-radius: .5rem;
  padding: 1.0rem;
}

#faq-thematiques .faq-thematique:hover {scale: var(--scale-hover);background-color: color-mix(in oklab, var(--secondary-color-1)30%, white);}

#faq-thematiques .faq-thematique .illus {font-size: 3rem;}

#faq-thematiques .faq-thematique .titre {margin: auto 0.5rem;font-size: 1.2rem;  color : var(--secondary-color-1) !important;}

	/* ### TRI - FAQ DIVERS */

#faq-divers .panel .title-area {
  font-weight: normal;
  font-size: 0.9rem;
}

#faq-divers .panel .subtitle-area {
    font-weight: bold;
    padding-top: 0rem;
  }

#faq-divers .panel:not(.collapsed) .title-area {font-size: 1rem;  color: var(--primary-color);}
#faq-divers .panel:not(.collapsed) .subtitle-area {font-size: 1.2rem;  color: var(--primary-color);}

.bazar-list-dynamic-container .results-col .panel.collapsed .panel-heading:hover {background-color: whitesmoke; scale:var(--scale-hover);color: var(--primary-color);text-decoration:none}



    /* ### TRI - FACETTE*/

.results-container .panel-heading, .results-container .filter-node-label { font-size: 0.9rem !important;}
.results-container .filter-box .filter-node {margin: 0em .5em !important;}
.results-container .filter-box .filter-node .count {padding: 0rem !important ;width: 2rem !important;text-align: center !important;}
.results-container .filter-box .filter-node-container .children {  padding-left: 1rem !important;}
.results-container .filters-col .panel-default {border-color: var(--primary-color);--checkbox-color: var(--primary-color);}
.results-container .filters-col .panel-default:not(.note-editor) > .panel-heading {
  color: var(--neutral-light-color);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

        /* ## FICHE - AFFICHAGE */
            
.moderation {
	padding: 1em;
	background-color: color-mix(in oklab, var(--secondary-color-2)20%, transparent);
	border-radius: 5px;
}

.reactions-container > h5 {display:none}

.reaction-title {
	display : none;
	text-transform: none;
	font-size: 0.8rem;
	font-weight: normal;
	font-family: var(--main-text-fontfamily);
}

.custom.tete {
    padding: 1em;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-inline: auto;
    background-color: color-mix(in oklab, var(--neutral-color)10%, transparent);
    border-radius: 5px;
  }

.custom.essentiel {
    width: 70%;
    padding-right: 1rem;
  }


@media (width >= 800px) {
  .custom.illus {width: 30%; max-height: 50vh;}
  .custom.illus,.custom.illus img { 
	object-fit: cover ; 
	max-width : 100% ; /* à commenter si on veut garder image entière*/ 
	max-height : 100% ;
   }
}

@media (width <= 800px) {
  .custom.tete {flex-direction: column;}
  .custom.essentiel {width: 100%;}
  .custom.illus {width: 100%;display: flex;justify-content: space-around;}
  .custom.illus .img-responsive {object-fit: contain ;width : auto;height : auto ;}
  .custom.illus img {max-height:50vh}
}

.BAZ_fiche_info .BAZ_actions_fiche {  text-align: left; !important} /*marche pas donc modif dans \tools\bazar\presentation\styles\entries\view.css*/

.BAZ_fiche_titre::after {  display: none !important;background-color: transparent !important;}		
	
.BAZ_label {color: var(--primary-color);}

.BAZ_fiche_titre::after {display : none ;}

.BAZ_rubrique .tab-content {
  padding: 1rem;
  background-color: color-mix(in oklab, black 5%, transparent);
}

.BAZ_rubrique .nav.nav-tabs li {
  background-color: color-mix(in oklab, black 10%, transparent);
}

.BAZ_cadre_fiche.id5 .subtitle, .BAZ_cadre_fiche.id8 .subtitle {font-size:1.2em}




}