/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 7.0
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Template: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/ 

/*= Please add your custom styles using Customzer -> Custom CSS section.
--------------------------------------------------------------------- */

/* Variables du thème enfant */
:root {
    /* Surcharge des variables Twenty Twenty-One */
  /* Font Family font-family: Nunito; */
  
    --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Nunito","Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Rubik", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

    /*
    --color-primary: #005ca9;
    --color-secondary: #ef7d00;
    */

  	/* Font Size */
  --global--font-size-normal:1.0rem; /* 16 px */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.0rem;
	--global--font-size-xxl: 3rem;
	--global--font-size-xxxl: 4rem;
	--global--font-size-page-title: var(--global--font-size-xxxl);
	--global--letter-spacing: normal;

  --global--font-fontawesome-15:900 normal 15px/24px 'Font Awesome 5 Free';
  --global--font-fontawesome-22:900 normal 22px/24px 'Font Awesome 5 Free';
/*
  --global--font-fontawesome-15:400 normal 15px/24px 'FontAwesome';
  --global--font-fontawesome-22:400 normal 22px/24px 'FontAwesome';
*/
  /*  correspond à font-weight:400;  font-style:normal;  font-size: 15px;  line-height: 24px;font-family:'FontAwesome'; */
  --global--font-fontawesome-cat:600 normal 1.2em/1.6em 'Font Awesome 5 Free';

    	/* Headings */
	--heading--font-family: var(--global--font-primary);

	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: 1.6rem;
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: 3.40rem;

    /* Colors */
    /* dans le theme parent
      --global--color-black: #000;
      --global--color-dark-gray: #28303d;
      --global--color-gray: #39414d;
      --global--color-light-gray: #f0f0f0;
      --global--color-green: #d1e4dd;
      --global--color-blue: #d1dfe4;
      --global--color-purple: #d1d1e4;
      --global--color-red: #e4d1d1;
      --global--color-orange: #e4dad1;
      --global--color-yellow: #eeeadd;
      --global--color-white: #fff; 
      --global--color-white-50: rgba(255, 255, 255, 0.5); // Used for disabled buttons
      --global--color-white-90: rgba(255, 255, 255, 0.9); // Used in form fields */
      --global--color-white-rgb: #fff;
      --global--color-orange: #FDB169;
      --global--color-bleu: rgb(30,115,190); /* 1e73be */
      --global--color-bleu-rgb: 30,115,190; /* pour transparence */
      --global--color-bleufonce: #142b5f;
      --global--color-violet:rgb(138, 93, 124); /* #8a5d7c */
      --global--color-violet-rgb:138, 93, 124; /* pour transparence */
      --global--color-violetfonce:#62495b;
      --global--color-violetfonce-rgb:98, 73, 91;

      /* categories Odoo */
      --global--color-rose: #CC6F8B;
      --global--color-rose-rgb:204, 111, 139;
      --global--color-rose-vif: #CB6282;
      --global--color-orangefonce:#D68D61;
      --global--color-orangefonce-rgb:214, 141, 97; /* #D68D61 */
      --global--color-bleu-cyan:#03A9F4; /* rgb(3, 169, 244) */
      --global--color-bleu-canard:#238D90;
      --global--color-ocre:#C4BB75;
      --global--color-vert-anis:#8BC53F;
      --global--color-vert-clair:#76B690;
      --global--color-bleu-gris:#8CB1C5;
      --global--color-gris-violet:#7C7BAD;
      --global--color-gris-vert:#727572;
      --global--color-chocolat:#A55858;
      --global--color-magenta:#DB1147;


      --global--color-primary: var(--global--color-bleufonce); /* Body text color, site title, footer text color. */
      --global--color-secondary: var(--global--color-gray); /* Headings */
      --global--color-primary-hover: var(--global--color-orange);
      --global--color-background: var(--global--color-white); /* default body background */
      --global--color-border: var(--global--color-primary); /* Used for borders (separators) */
      --primary-nav--color-link:#fff;

}

/* styles existants du theme child en dessous */


.hide {display:none !important}

body, .widget-title {
  /*
  font-family: Rubik;*/
  font-family:var(--global--font-secondary);
  /*color: #142b5f;*/
  color:var(--global--color-primary);
  font-size: 16px;
  line-height: 1.5em;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  
}

.post-navigation .post-title {
  font-size: 1.2rem;
}
ul, ol {
  padding: 0;
}
ol, ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}
ul li > a {
    /*color: #142b5f;font-size: 17px;*/
    color:var(--global--color-bleufonce);    
    font-size: var(global--font-size-normal);
}

/* HOVER */

/*.site-search-wrapper .search-form .search-wrapper .search-field:focus, ul > li > a, .wp-block-archives-list > li > a, form .search-field, .mobile-menu-search .search-field {
  border-color: rgba(138,93,124,.8);
} */
ul li > a:hover {
    color: var(--global--color-violet);
}


a {
  text-decoration: none;
}
/* ligne centrée */
hr {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
/* ligne aligné à gauche */
hr.left {
  clear: both;
  margin-left: 0;
  margin-right: 0;
}
div {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}

code {
    color:var(--global--color-violet);
    font-weight: bold;
  }

.title-box .subtitle-content, .title-box .bread-crumbs a, 
.title-box .bread-crumbs {
    color:var(--global--color-violet);
  }

/* enlever les bords arrondis */
img[class*="wp-image-"] {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}


/* HEADER & FOOTER */
#masthead,
#colophon,
.widget-area {
  color:var(--global--color-white);
  background-color:var(--global--color-violetfonce);
  margin: 0;
  max-width: 100%;
  padding-left: 3.0rem;
  padding-right: 3.0rem;  
  text-decoration: none !important;
}

/* HEADER */

.site-header {
    padding-top: 35px;
    padding-bottom: 35px;
    gap: 50px;    
}
.site-header > .site-logo {
  width: 120px;
  margin:0;
  padding: 0;
  border: 0;
}


.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
  color:var(--global--color-white);
  text-decoration: none !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page > a::after {  
  content: '';
  /*position: absolute;*/
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  white-space: nowrap;
}
.menu-item.menu-item-object-page.current-menu-item.page_item.current_page_item.current_page_parent > a::after{
  /*background-color: #FDB169;*/
  background-color:var(--global--color-orange);
}
.menu-wrapper > .menu-item > a {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* icone verrou */
li.connect a::before {
  content: '\f023';
  position: relative;
  margin: -1px 12px 5px 0;
  font:var(--global--font-fontawesome-22);
  display: inline-block;
  vertical-align: top;
  left: 0;
  -webkit-transition: left 0.3s, color 0.3s;
  transition: left 0.3s, color 0.3s;

  /*
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 22px;
  line-height: 24px;*/
}

a.footer-text, .copyrights-area a,
.site-branding,
.site-title {
  color:var(--global--color-white) !important;
  text-decoration: none !important;
}

.menu-item a,
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-home a,
.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item a {
  color:var(--global--color-white);
  text-decoration: none !important;
}
.menu-wrapper > .menu-item > a:hover {
  /*color: #FDB169 !important;*/
  color:var(--global--color-orange);
}

/* FOOTER */
.site-footer .site-info {
  border-top: rgba(var(--global--color-white-rgb), 0.15) 1px solid;
}
.site-footer > .site-info {
 color:var(--global--color-white);
 border-top:0px
}
.site-info, .widget-area {
  padding-top: 0 !important;
}
.site-footer > .site-info a,
.site-footer > .site-info a:hover,
.site-footer > .site-info a:link, 
.site-footer > .site-info a:visited,
.site-footer > .site-info a:active {
  color:var(--global--color-white);
}

.footer-text-title::before {
  content: '\f0e0';
  position: relative;
  margin: -1px 12px 0 0;
  font:var(--global--font-fontawesome-15);
  display: inline-block;
  vertical-align: top;
  left: 0;
  -webkit-transition: left 0.3s, color 0.3s;
  transition: left 0.3s, color 0.3s;
}
.slogan {
  line-height: 1.0em;
  
}
.adresse {
  line-height: 1.3em;
  font-size: 0.8em;
  margin-top: 0.8em;
}
.tel {
  font-size: 1.2em;
  font-weight: bold;
}
.copyrights-area {
  color:var(--global--color-white);
  background-color:var(--global--color-violetfonce);
}

/* HOME */
.wp-block-cover {
  border-radius: 20px;
  background-color: transparent;
}
/* bouton */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
  border-color: transparent !important;
  /*background-color: #1f5abc !important;*/
  /*color: #FDB169 !important;*/
  color:var(--global--color-orange);
  background-color:var(--global--color-bleu) !important;
}

/* BLOG */
h1.page-title, h1 {
  color:var(--global--color-bleu);
  
  line-height: initial;
  font-weight: 800;
}
.entry-title {
    color:var(--global--color-primary);
    font-size: 24px;
    font-weight: 800;
    word-break: break-word;
}

.page-header {
  border-bottom: 0px solid var(--global--color-border);  
}

.post-info .post-info-header {
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;

}
.post-meta-item::before {
  background-color:var(--global--color-bleu);  
}
.post-info .post-category {
  flex-shrink: 0;
  max-width: 70%;
  font-size: 0;
  line-height: 1;
  margin: 0 -5px;
}
.post-info .post-category a {
  text-transform: none;
  /*background-color: transparent;
  -webkit-border-radius: 0px;*/
  /*color: rgba(98, 73, 91, 0.78);*/
  color:rgba(var(--global--color-violetfonce-rgb),0.78);
  background-color: rgba(var(--global--color-bleu-rgb),0.1);
  border-radius: 0px;
  border-width: 0;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  margin: 3px 5px 0;
  padding: 6px 24px 4px;
  transition: color 0.3s, background-color 0.3s;
  
}

.post-info .post-info-header-divider:not(:last-child):not(:first-child) {
  margin: 17px 40px 18px;
}
.post-info .post-info-header-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(98,73,91, 0.2);
  margin: 17px 40px 18px;
}



/* ARTICLE FOOTER */
.entry-footer .post-info-footer {
  margin: 30px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.post-info-footer .post-meta-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}

.post-info-footer .post-meta-wrapper .post-meta {
  max-width: calc(100% - 70px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}

.post-meta-wrapper {
  font-size: 15px;
  line-height: 19px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: normal;
  -moz-justify-content: normal;
  -ms-justify-content: normal;
  justify-content: normal;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.post-meta-item::before {
  background-color:var(--global--color-bleu);
}
.post-meta-wrapper .post-meta-item {
  position: relative;
  margin: 5px 14px 0 0;
}
.post-meta-wrapper > * a:not(.read-more)::before {
  color: rgba(var(--global--color-violet-rgb),.7);
}
.post-meta-wrapper .post-meta-item a {
  color: inherit;
}

.post-info-footer .post-meta-item  {
  font-family:var(--global--font-primary);
}
.post-meta-wrapper .post-meta-item:not(:first-child)::before {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  right: auto;
  top: 6px;
  opacity: 0.25;
}

.post-meta-wrapper .post-meta-item:not(:first-child) {
  padding: 0 0 0 20px;
}
.post-meta-wrapper .post-meta-item {
  position: relative;
  margin: 5px 14px 0 0;
}
/* DIVIDER */
.post-info-footer .post-meta-wrapper .post-info-footer-divider {
  min-width: 30px;
  width: 100%;
  height: 1px;
  margin: 13px 20px 10px 16px;
}
.post-info-footer .post-info-footer-divider {
  background-color: rgba(137, 133, 133, 0.2);
  /*background-color: rgba(98,73,91, 0.2);*/
}

.post-meta-wrapper .post-meta-item:not(:first-child)::before {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  right: auto;
  top: 6px;
  opacity: 0.25;
}
.post-meta-item::before {
  background-color:var(--global--color-bleu);
}
*, ::before, ::after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post-tags a {
  font-style: italic;
}
a {
  text-decoration: none;
}

/* FOCIS - SUPP CADRE NOIR */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: transparent;
	color: var(--global--color-primary-hover);
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
	/*color: var(--wp--style--color--link, var(--global--color-white));*/
}

.widget a:hover {
  color: var(--footer--color-link-hover);
  text-decoration-style: inherit;
}

/* LIRE LA SUITE */
.post-info-footer .read-more-wrapper {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  margin: 2px 0 0 13px;
  text-align: right;
}

.read-more-wrapper .read-more::before {
  /*color: rgb(30,115,190);*/
  color: var(--global--color-bleu);
}
.read-more::before {
  content: '\f061';
  position: relative;
  margin: -1px 12px 0 0;
  font:var(--global--font-fontawesome-15);
  display: inline-block;
  vertical-align: top;
  left: 0;
  -webkit-transition: left 0.3s, color 0.3s;
  transition: left 0.3s, color 0.3s;
}

span.category::before {
  content: '\f07c';
  font:var(--global--font-fontawesome-15);
  position: relative;
  /*margin: -1px 12px 0 0;*/
  margin-left:10px;
  margin-right:2px;
  display: inline-block;
  vertical-align: top;
  left: 0;
  -webkit-transition: left 0.3s, color 0.3s;
  transition: left 0.3s, color 0.3s;
  color:var(--global--color-bleu);
}
span.tag::before {
  content: '\f02c';
  font:var(--global--font-fontawesome-15);
  position: relative;
  /*margin: -1px 12px 0 0;*/
  margin-left:10px;
  margin-right:2px;
  display: inline-block;
  vertical-align: top;
  left: 0;
  -webkit-transition: left 0.3s, color 0.3s;
  transition: left 0.3s, color 0.3s;
  color:var(--global--color-bleu);
}

.read-more-wrapper .read-more {
  color:var(--global--color-primary);
}
.read-more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

/* SINGLE ARTICLE */
.title-box .title h1, 
h1.entry-title,
.entry-title {
  color:var(--global--color-bleu);
  font-size: var(--global--font-size-xl) !important; /* 36px*/
  font-family: var(--global--font-primary);
  word-break: break-word;
  font-weight: 700;
}

.singular .entry-header {
  border-bottom: 0px;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* SINGLE FOOTER */
.pagination, 
.single .site-main > article > .entry-footer {  
  /*border-top: 1px solid rgba(98,73,91, 0.2) !important;*/
  border-top: 1px solid rgba(var(--global--color-violetfonce-rgb),0.2) !important;
}
.navigation .nav-next .svg-icon, .navigation .next .svg-icon,
.navigation .nav-previous .svg-icon, .navigation .prev .svg-icon {
  color:var(--global--color-bleu);
}
.pagination .nav-links > * {
  color:var(--global--color-primary);
  font-family: inherit;
  font-size: 1.2rem !important;
  font-weight: 600; 
}
.page-numbers {
  font-size: 1.2rem !important;
}



/*
* WIDGET
*/
.widget-title {
    font-family: var(--global--font-primary);
    font-size: var(--global--font-size-lg); /* 24px */
    font-weight: 700;
    margin-bottom: 24px;
    color: inherit;
}

/* trait à gauche du titre du Widget */
.widget-title .inherit-wt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  height: 3px;
  width: 20px;
  -webkit-border-radius: 10px/5px;
  -moz-border-radius: 10px/5px;
  border-radius: 10px/5px;
}
.widget-title .inherit-wt {
  position: relative;
  padding-left: 35px;
}
aside .widget-title .inherit-wt::before {
    /*background-color: rgb(30,115,190);*/
    background-color: var(--global--color-bleu);
}
*, ::before, ::after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* RECHERCHE */


/* bloc conteneur titre */
.widget.widget_block .wp-block-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  color: inherit;
}
/* bloc titre */
.widget.widget_block .wp-block-heading {
  position: relative;
  padding-left: 35px;
}
/* bloc trait a gauche titre */
.widget.widget_block .wp-block-heading::before {
  /*background-color: rgb(30,115,190); */
  background-color: var(--global--color-bleu);
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  height: 3px;
  width: 20px;
  -webkit-border-radius: 10px/5px;
  -moz-border-radius: 10px/5px;
  border-radius: 10px/5px;
}
/* Label intérieur */
.wp-block-search .wp-block-search__label {
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
::placeholder {  
  color: rgba(var(--global--color-violet-rgb),.45);
}

/* bouton intérieur */
.widget.widget_block.widget_search {
  margin-bottom: 55px;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border: 0;
  /*background-color: rgba(30,115,190,.1);*/
  background-color: rgba(var(--global--color-bleu-rgb),0.1);
  border-radius: 15px;
  font-size: 15px;
  line-height: 22px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  resize: none;
}  
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  border-width: 0;
  border-radius: 15px;
  font-size: 15px;
  line-height: 22px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  resize: none;
  padding: 10px 14px 11px;
  background-color: transparent;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
  outline: 0px dotted;
}

.widget_search form [type="submit"] {
  height: 45px;
  padding: 0;
  margin: 0;
  border: 0;
}
.wp-block-search__button.has-icon.wp-element-button {
  background-color: transparent !important;
}

/* icone */
.wp-block-search button.wp-block-search__button.has-icon svg {
  /*color: rgb(98, 73, 91);*/
  color:var(--global--color-violetfonce);
}
.search-icon:hover {
  /*color: rgb(30,115,190) !important; */
  color: var(--global--color-bleu) !important;
}

.wp-block-search__inside-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%;
}

/* MOTS CLES */
.widget.widget_tag_cloud {
  margin-top: 50px;
}
.widget_product_tag_cloud .tagcloud a, .widget_tag_cloud .tagcloud a {
  font-size: var(--global--font-size-xs) !important; /* 16px */
  font-family:inherit;
  line-height: 24px;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 10px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 4px 15px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
}
.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud a.tag-cloud-link, aside .widget_nav_menu .menu, .cws-about-main-wrapper, .woocommerce-MyAccount-navigation > ul {
  /* background-color: rgba(30,115,190,.1); #1e73be1a; */
  background-color: rgba(var(--global--color-bleu-rgb),0.1);
  
}
.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud a.tag-cloud-link, .widget-cws-recent-entries .post-item .post-preview .post-info-wrap .post-cats a, input[type="number"], input[type="number"]:focus, input[type="number"]:active {
  /*color: rgba(138, 93, 124, 0.8); */
  color: rgba(var(--global--color-violet-rgb),0.8);
}
.site-search-wrapper .close-search:hover, input.cws-submit-mail[type="submit"]:hover, .widget_product_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:hover, .wp-block-tag-cloud a.tag-cloud-link:hover, .news.posts-grid .item .post-wrapper .post-info .post-info-header .post-category a:hover, .news.posts-grid .item .post-wrapper .post-info .post-category a:hover, .single-post-meta .post-category a:hover, .nav-post-links .nav-post-link:hover::before, .widget_shopping_cart_content .buttons .button.checkout:hover, .mini-cart .woo-mini-cart .buttons .button.checkout:hover {
    background-color:var(--global--color-violet);
    color:var(--global--color-white);
}

/*  --------------------
	Categories Widget
--------------------  */

.widget_categories .widget-title {
  margin: 0 0 10px;
}

.widget_categories ul ul {
  padding: 0 0 0 20px;
  border-top: solid 1px;
  border-top-color: currentcolor;
  /*border-color: rgba(30,115,190,.25) !important;*/
  border-color: rgba(var(--global--color-bleu-rgb),0.25) !important;
}

.widget_categories li {
    border-color: rgba(var(--global--color-bleu-rgb),0.25) !important;
}
.widget_categories li:not(:first-child) {
  border-top: solid 1px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.widget_categories a {
  position: relative;
  font-size: var(--global--font-size-sm); /* 17px > entre 16 et 18px */;
  line-height: 1.5294em;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 11px 0 12px;
  /*padding-left: 20px;*/
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  text-decoration: none;
  gap: 20px;
}

.widget_categories .post-count {
  font-size: var(--global--font-size-xs); /* 16px */
  margin: 0 0 0 20px;
}

/* ANIMATION */
@media screen and (min-width: 1367px), screen and (min-width: 1200px) and (any-hover: hover), screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 0), screen and (min-width: 1200px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (-ms-high-contrast: active) {
  .widget_categories a:hover::before, .wp-block-categories-list a:hover::before {
    left: 0;
    opacity: 1;
  }
   .widget_categories a:hover, .wp-block-categories-list a:hover {
    padding: 11px 0 12px 50px;
  }
}




/* ICONES */
.widget_categories a::before {
    font:var(--global--font-fontawesome-cat);
    /*font-family: 'Font Awesome 5 Free';
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.6em;*/
    width: 35px;
    height: 35px;
    padding: 0 0 0 2px;
    display: block;
    position: relative;
    /* left: -30px;
    top: 6px; */
    opacity: 1 !important;
    
    transition: left 0.3s, opacity 0.6s;
    border-radius: 0px;
    color:var(--global--color-white);
    text-align: center;
}

/*icones categories */
/* Tableau de bord */
.widget_categories li.cat-item.cat-item-87 a::before {
  content: "\f3fd";
  font-family: 'Font Awesome 5 Free';
  background-color: var(--global--color-rose);  
}

/* par defaut */
.widget_categories a::before {
  content: '\f101';
  font-family: "Font Awesome 5 Free";
  /*background-color: rgba(138,93,124, 1);*/
  background-color: var(--global--color-violet);
}
/* web */
.widget_categories li.cat-item.cat-item-78 a::before {
    content: "\f0ac";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-orangefonce);
}
/* ecommerce */ 
.widget_categories li.cat-item.cat-item-137 a::before {
    content: "\f07a";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-orangefonce);
}
/* Connecteur Prestaerp */ 
.widget_categories li.cat-item.cat-item-113 a::before {
    content: "\f1e6";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-bleu-cyan);
}
/* Comptabilite */
.widget_categories li.cat-item.cat-item-102 a::before {
    content: "\f15c";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-rose-vif);
}

/* Congés */
li.cat-item.cat-item-85 a::before {
    content: "\f007" !important;
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-ocre);
}
/* Ressources Humaines et Employés */
.widget_categories li.cat-item.cat-item-84 a::before, .widget_categories li.cat-item.cat-item-98 a::before {
    content: "\f0c0";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-bleu-canard);
}

/* Field Service - Intervention sur site */ 
.widget_categories li.cat-item.cat-item-100 a::before {
    content: "\f5a0";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-vert-anis);
}
/* Manufacturing - Production */ 
.widget_categories li.cat-item.cat-item-99 a::before {
    content: "\f0ad";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-vert-clair);
}

/* Achats */ 
.widget_categories li.cat-item.cat-item-5 a::before {
    content: "\f09d";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-bleu-gris);
}
/* Paiement */
li.cat-item.cat-item-109 a::before {
    content: "\f153";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-bleu-gris);
}
/* .fa-file-invoice::before { */
.widget_categories li.cat-item.cat-item-7 a::before {
    content: "\f570";
    font-family: 'Font Awesome 5 Free';
    color:var(--global--color-white);
    background-color:rgb(var(--global--color-orangefonce-rgb));
}
/* contacts */
.widget_categories li.cat-item.cat-item-76 a::before {
    content: "\f2b9";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-bleu-canard);
}

/*
background-color:#74799F;
background-color:#7C7BAD;
background-color:#A55858;
background-color:#727572;
background-color:#6E7195;
background-color:#D48759;
background-color:#A55858;
background-color:#A55858;
background-color:#DB1147;


--global--color-gris-vert:#727572;
--global--color-chocolat:#A55858;
--global--color-magenta:#DB1147;
--global--color-gris-violet:#7C7BAD;
background-color:#74799F;
background-color:#6E7195;
--global--color-orangefonce:#D68D61;
background-color:#D48759;
*/



/* CRM */
.widget_categories li.cat-item.cat-item-77 a::before {
    content: "\f2b5";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-gris-violet);
}

/* Discussion */
.widget_categories li.cat-item.cat-item-73 a::before {
    content: "\f4ad";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-rose-vif);
}
/* Calendrier  */
.widget_categories li.cat-item.cat-item-74 a::before {
    content: "\f073";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-ocre);
}
/* Configuration  */
.widget_categories li.cat-item.cat-item-89 a::before {
    content: "\f013";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-ocre);
}
/* Doc de vente  */
.widget_categories li.cat-item.cat-item-89 a::before {
    content: "\f013";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-ocre);
}
/* Applications */
.widget_categories li.cat-item.cat-item-88 a::before {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-gris-violet);
}

/* Donnees de base */
.widget_categories li.cat-item.cat-item-92 a::before {
    content: "\f0c5";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-ocre);
}
/* Feuilles temps */
.widget_categories li.cat-item.cat-item-82 a::before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-chocolat);
}
/* Notes */
.widget_categories li.cat-item.cat-item-75 a::before {
    content: "\f303";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-gris-vert);
}
/* Projets */
.widget_categories li.cat-item.cat-item-81 a::before {
    content: "\f12e";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-gris-violet);
}
/* tableau de bord */
.widget_categories li.cat-item.cat-item-87 a::before {
    content: "\f3fd";
    font-family: 'Font Awesome 5 Free';
    background-color:rgb(var(--global--color-rose-rgb));
}
/* Ventes */
.widget_categories li.cat-item.cat-item-4 a::before {
    content: "\f201";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-orangefonce);
}
/* Inventaire */
.widget_categories li.cat-item.cat-item-80 a::before {
    content: "\f1b3";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-chocolat);
}
/* Stock */
.widget_categories li.cat-item.cat-item-70 a::before {
    content: "\f1b2";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-chocolat);
}
/* Assistance helpdesk */
.widget_categories li.cat-item.cat-item-97 a::before {
    content: "\f1cd";
    font-family: 'Font Awesome 5 Free';
    background-color:var(--global--color-magenta);
}


/* Affichage catégories page post archive */
.news.posts-grid.layout-small .item:not(.related-item) .post-wrapper .post-info .post-category a,
.single-post-meta .post-category a {
    text-transform: none;
    /*background-color: transparent;*/
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-width:0;
}


.doc-layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 3rem;
	width: min(1200px, calc(100% - 2rem));
	margin-left: auto;
	margin-right: auto;
}

.blog_left {
	grid-column: 1;
	align-self: start;
}

.doc-main {
	grid-column: 2;
	min-width: 0;
}

.menu-button-container #primary-mobile-menu{

  }

@media (max-width: 768px) {
	.doc-layout {
		display: block;
	}
}
@media only screen and (max-width: 481.98px) {
  .primary-navigation > .primary-menu-container,
  .primary-navigation-open .menu-button-container {
    background-color: var(--global--color-violetfonce);
  }
  .primary-navigation > div > .menu-wrapper li > a {
    /* color: var(--global--color-primary) !important;*/
  }
  .page-title, h1.page-title {
    font-size: var(--global--font-size-xxl);
  }
}