/*   
    Theme : FOXIZ 
    Variante : 22
    Version : 1.4
    Date : 18/09/2025
*/

/* SOULIGNEMENT SUR LE TITRE */
.Titre1 {
  position: relative;
  display: inline-block; 
  padding-bottom: 20px;  
  text-align: center;
  margin-bottom:32px!important;
}
.Titre1 .elementor-heading-title {
  font-size:54px!important;
  line-height:58px;
  font-weight:800;
  text-transform: uppercase;
  color:var(--g-color);
}

.Titre2 .elementor-heading-title,
.Titre2 .elementor-heading-title p {
  font-size:26px!important;
  line-height:28px!important;
  font-weight:800!important;
  text-transform: initial;
  margin-top:6px!important;
}

[data-theme="default"] .Titre1 .elementor-heading-title,
[data-theme="default"] .Titre2 .elementor-heading-title,
[data-theme="default"] .Titre2 .elementor-heading-title p {
  color:var(--g-color);
}


[data-theme="dark"] .Titre1 .elementor-heading-title,
[data-theme="dark"] .Titre2 .elementor-heading-title,
[data-theme="dark"] .Titre2 .elementor-heading-title p {
  color:var(--blanc);
}


.Titre1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0; 
  width: 30%;
  height: 6px; 
  background-color: #333; 
  transform: translateX(-50%) rotate(-2deg);
  transform-origin: center bottom; 
  background: linear-gradient(200deg, var(--g-color), var(--noir)); 
}

.Titre1.Gauche::after {
  left: 0%;
  transform: translateX(0%) rotate(-2deg);
}

[data-theme="dark"] .Titre1::after {
  background: linear-gradient(200deg, var(--g-color), var(--blanc)); 
}

/*BOUTON*/
/*BOUTON > TEXTE*/
.Bouton1 .elementor-button {
    background:var(--blanc);
    color:var(--g-color);
    border: 2px solid var(--g-color);
    border-radius:0;
    margin-top:24px;
    font-size:24px; 
    font-weight:600;
    padding: 12px 32px 16px 32px;
}
/*BOUTON > HOVER*/
.Bouton1 .elementor-button:hover {
    background:var(--g-color);
    color:var(--blanc);
}


/*Theme022Style01*/
/*Theme022Style01 > Fond*/
.Theme022Style01 .overlay-wrap {
    background: linear-gradient(to top, 
color-mix(in srgb, var(--g-color) 80%, transparent) 0%, 
color-mix(in srgb, var(--g-color) 20%, transparent) 50%, 
color-mix(in srgb, var(--g-color) 50%, transparent) 100%)!important;
}

.Theme022Style01 .p-content {
    width:44%;
    background:var(--noir-opacite)!important;
    box-shadow: none!important;
    right: 5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius:0px;
    padding:32px 60px;
    
}


/*Theme022Style01 > Titre*/
.Theme022Style01 .entry-title {
    font-weight:800!important;
    font-size:34px!important;
    line-height:38px!important;
    text-align: center;
    border-bottom: 7px solid var(--g-color);
    width:fit-content;
    margin-bottom:12px;
    padding: 12px!important;
}

/*Theme022Style01 > Texte*/
.Theme022Style01 .entry-summary {
    font-weight:200!important;
    font-size:18px!important;
    line-height:22px!important;
    margin-bottom:8px;
    color:var(--blanc);
    text-align: center;
}

.Theme022Style01 .slider-footer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  z-index: 1000;
}

.Theme022Style01 .slider-prev,
.Theme022Style01 .slider-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

.Theme022Style01 .rbi-cleft:before {
  content: "←";
  font-size: 36px; 
  padding-left:24px!important;
}
.Theme022Style01 .rbi-cright:before {
  content: "→";
  font-size: 36px;
  padding-right:24px!important;
}


/*Theme022Style02*/
/*Theme022Style02 > Titre*/
.Theme022Style02 .entry-title {
    font-weight:500!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-bottom:8px;
}
.Theme022Style02 .entry-title::before {
    content: "\2605";
    font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
    display: inline-block;
    margin-right: 8px;
    padding:0px 2px;
    color: var(--blanc);
    font-size: 1em;
  display: inline-block;
  margin-right: 8px;
  color: var(--blanc);
  font-size: 1em;
  border-bottom: 3px solid #FFF;
  border-radius: 0px;
  margin-bottom : 4px;
  padding-bottom:2px;
}

.Sidebar .Theme022Style02 .entry-title::before {
    display:none;
}
.Sidebar .Theme022Style02 .entry-title {
    font-size:18px!important;
    line-height:20px!important;
}

/*Theme022Style02 > Date*/
.Theme022Style02 .p-meta time {
    font-size:16px!important;
    line-height:18px!important;
    font-weight: 400;
}

/*Theme022Style03*/
/*Theme022Style03 > Titre*/
.Theme022Style03 .entry-title {
    font-weight:500!important;
    font-size:18px!important;
    line-height:20px!important;
    margin-bottom:8px;
    position: relative;
    display: inline-block;
    padding-top: 40px;
    text-align: center; 
}

.Theme022Style03 .entry-title::before {
    content: "\2605"; /* code Unicode de la flèche vers le haut */
    font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
    display: inline-block;
    margin-right: 8px;
    padding:0px 5px;
    color: var(--blanc);
    font-size: 1em;
  position: absolute;
  top: 0; 
  left: 50%;
  transform: translateX(-50%); 
  width: 31px;
  height: 31px;
  line-height: 28px;
  border-radius: 50%;
  background-color: var(--blanc);
  color: var(--g-color);
  text-align: center;
  font-size: 18px;
}

/*Theme022Style03 > Date*/
.Theme022Style03 .p-meta time {
    font-size:16px!important;
    line-height:18px!important;
    font-weight: 400;
}

/*Theme022Style03 > Espacement*/
.Theme022Style03 .p-wrap:nth-child(2),
.Theme022Style03 .p-wrap:nth-child(4) {
    margin-top:50px!important;
}

.Theme022Style04 .list-holder .list-feat-holder,
.Theme022Style04 .list-holder .p-content {
    width: 50%!important;
    max-width: 50%!important;
    min-width: 50%!important;
}
@media only screen and (max-width: 600px) {
.Theme022Style04 .list-holder .list-feat-holder,
.Theme022Style04 .list-holder .p-content {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 100%!important;
}}


/*Theme022Style04*/
/*Theme022Style04 > Bordure*/
.Theme022Style04 .p-wrap .p-featured {
    box-shadow:0 0 12px color-mix(in srgb, var(--noir) 40%, transparent);
    margin: 0px!important;
}

/*Theme022Style04 > Titre*/
.Theme022Style04 .entry-title {
    font-weight:700!important;
    font-size:34px!important;
    line-height:38px!important;
    margin-bottom:8px;
    color:var(--g-color);
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
}
[data-theme="dark"] .Theme022Style04 .entry-title {
    color:var(--blanc);
}

.Theme022Style04 .entry-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32%;
  height: 4px; 
  background: linear-gradient(200deg, var(--g-color), var(noir)); 
  transform-origin: left bottom;
}
[data-theme="dark"] .Theme022Style04 .entry-title::after {
  background: linear-gradient(200deg, var(--g-color), var(--blanc)); 
}

/*Theme022Style04 > Texte*/
.Theme022Style04 .entry-summary {
    font-weight:400!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-bottom:4px;
}

/*Theme022Style04 > Bouton*/
.Theme022Style04 .p-link {
    margin-top:32px;
}
.Theme022Style04 .p-link a {
    font-weight:600!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-bottom:4px;
    border-radius:0;
    background:var(--blanc);
    color:var(--g-color);
    border: 3px solid var(--g-color);
    border-radius:0;
    margin-top:24px;
    padding: 12px 24px 12px 24px;
}
.Theme022Style04 .p-link a .rbi {
    display:none!important;
}
.Theme022Style04 .p-link a:hover {
    background:var(--g-color);
    color:var(--blanc);
}

.Theme022Style04 .slider-footer .slider-prev,
.Theme022Style04 .slider-footer .slider-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

.Theme022Style04 .slider-footer .rbi-cleft:before {
  content: "←";
  font-size: 36px; 
  padding-right:24px!important;
}
.Theme022Style04 .slider-footer .rbi-cright:before {
  content: "→";
  font-size: 36px;
  padding-left:12px!important;
}

/*Theme022Style05*/
/*Theme022Style05 > Bordure*/
.Theme022Style05 .p-wrap {
    border: 6px solid var(--g-color);
    padding: 24px;
}

@media only screen and (min-width: 600px) {
.Theme022Style05 .p-wrap {
    margin: 1.5%;
    width:30%!important;
    min-width:30%!important;
    max-width:30%!important;
}}

@media only screen and (min-width: 600px) {
.Theme022Style05.T50 .p-wrap {
    margin:0 2%;
    width:46%!important;
    min-width:46%!important;
    max-width:46%!important;
}}

/*Theme022Style05 > Titre*/
.Theme022Style05 .entry-title {
    font-weight:700!important;
    font-size:18px!important;
    line-height:20px!important;
    margin-top:12px;
    margin-bottom:8px;
    text-align:center;
}

/*Theme022Style05 > Texte*/
.Theme022Style05 .entry-summary {
    font-weight:400!important;
    font-size:16px!important;
    line-height:18px!important;
    margin-bottom:4px;
    text-align:center;
}
/*Theme022Style05 > Catégorie*/
.Theme022Style05 .p-category {
    color:var(--g-color);
    font-weight:600!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-bottom:4px;
    text-align: center!important;
    margin: 0 auto;
}
[data-theme="dark"] .Theme022Style05 .p-category {
    color:var(--blanc);
}
/*Theme022Style05 > Image*/
.Theme022Style05 .p-wrap .p-featured {
    border: 3px solid var(--g-color);
    border-radius: 0!important;
    color:var(--g-color);
    font-weight:600!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-bottom:4px;
    text-align: center!important;
    margin: 0 auto;
}

/*Theme022Style06*/
/*Theme022Style06 > Bordure*/
.Theme022Style06 .p-wrap .p-featured {
    box-shadow:0 0 12px color-mix(in srgb, var(--noir) 40%, transparent);
}

/*Theme022Style06 > Titre*/
.Theme022Style06 .entry-title {
    font-weight:800!important;
    font-size:18px!important;
    line-height:20px!important;
    margin-top:8px;
    margin-bottom:8px;
    color:var(--g-color);
    text-align: center;
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
}
[data-theme="dark"] .Theme022Style06 .entry-title {
    color:var(--blanc);
}

.Theme022Style06 .entry-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 32%;
  height: 4px; 
  background: linear-gradient(200deg, var(--g-color), var(--noir)); 
  transform-origin: center bottom;
  align-self: center !important;
  position-area: center;
  transform: translateX(-50%);
  left: 50%;
}
[data-theme="dark"] .Theme022Style06 .entry-title::after {
  background: linear-gradient(200deg, var(--g-color), var(--blanc)); 
}

/*Theme022Style06 > Date*/
.Theme022Style06 .p-meta .is-meta {
    font-size:16px!important;
    line-height:18px!important;
    font-weight: 500;
    text-align:center!important;
    place-content: center;
    margin-top: 8px;
}
.Theme022Style06 .p-meta .is-meta time  {
    text-align:center!important;
    margin: 0 auto!important;
}


/*Theme022Style07*/
/*Theme022Style07 > Titre*/
.Theme022Style07 .entry-title {
    font-weight:700!important;
    font-size:20px!important;
    line-height:22px!important;
    margin-bottom:8px;
    position: relative;
    display: inline-block;
    padding-top: 40px;
    text-align: center; 
}
.Theme022Style07 .entry-title::before {
    content: "\2605"; /* code Unicode de la flèche vers le haut */
    font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
    display: inline-block;
    margin-right: 8px;
    padding:0px 5px;
    color: var(--blanc);
    font-size: 1em;
  position: absolute;
  top: 0; 
  left: 50%;
  transform: translate(-50%, -24px) !important;
  width: 50px;
  height: 50px;
  line-height: 46px;
  border-radius: 50%;
  background-color: var(--transparent);
  color: var(--blanc);
  border: 2px solid var(--blanc);
  text-align: center;
  font-size: 24px;
  margin-bottom:24px!important;
}

/*Theme022Style07 > Date*/
.Theme022Style07 .p-meta .is-meta {
    font-size:16px!important;
    line-height:18px!important;
    font-weight: 300!important;
    text-align:center!important;
    place-content: center;
    margin-top: 8px;
}
.Theme022Style07 .p-meta .is-meta time  {
    text-align:center!important;
    margin: 0 auto!important;
}

/*Theme022Style08*/
/*Theme022Style08 > Titre*/
.Theme022Style08 .entry-title {
    font-weight:600!important;
    font-size:16px!important;
    line-height:18px!important;
    margin-bottom:0px;
    position: relative;
    display: inline-block;
    padding-top: 40px;
    text-align: center; 
}
.Theme022Style08 .entry-title::before {
  content: "•"; /* simple point */
  font-family: "Font Awesome 5 Free";
  font-weight: 600; 
  position: absolute;
  top: 0; 
  left: 50%;
  transform: translate(-50%, -2px) !important;
  width: 34px;
  height: 34px;
  line-height: 28px;
  border-radius: 50%;
  background-color: var(--transparent);
  color: var(--blanc);
  border: 2px solid var(--blanc);
  text-align: center;
  font-size: 32px;
  margin-bottom:24px!important;
}

/*Theme022Style08 > Date*/
.Theme022Style08 .p-meta .is-meta {
    font-size:12px!important;
    line-height:14px!important;
    font-weight: 300!important;
    text-align:center!important;
    place-content: center;
    margin-top: 8px;
}
.Theme022Style08 .p-meta .is-meta time  {
    text-align:center!important;
    margin: 0 auto!important;
}



@media only screen and (min-width: 768px) {
.LargeurBox,
.LargeurBox .e-con-inner {
    width: 1240px!important;
    max-width: 1240px!important;
    min-width: 1240px!important;
    margin: 0 auto!important;
}}

.LargeurBox .Sidebar .e-con-inner {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 100%!important;
    margin: 0 auto!important;
}

.Full100 .e-con-inner,
.Full100 .p-wrap {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 100%!important;
    margin: 0 auto!important;
    margin-top:12px!important;
}

/*FORMAT TELEPHONE*/
@media (max-width: 767px) {
/*.LargeurBox,
.LargeurBox .e-con-inner,
.LargeurBox .e-con-inner .p-wrap {
    width: 96%!important;
    max-width: 96%!important;
    min-width: 96%!important;
    margin:0 auto!important;
}*/

/*TITRE */
.Titre1 {
  padding-bottom: 10px;  
  margin-top:24px!important;
  margin-bottom:24px!important;
}
.Titre1 .elementor-heading-title {
  font-size:34px!important;
  line-height:36px;
}

.Titre1::after {
  width: 50%;
  height: 5px; 
}

/*BOUTON*/
/*BOUTON > TEXTE*/
.Bouton1 .elementor-button {
    margin-top:16px;
    font-size:18px; 
    padding: 12px 24px 14px 24px;
}

/*Theme022Style01*/
/*Theme022Style01 > Contenu*/
/*.Theme022Style01 .p-content {
    width:100%;
}*/
.Theme022Style01 .p-content.overlay-inner.overlay-text {
  right: 0!important; 
  padding: 10px;
}
/*Theme022Style01 > Titre*/
.Theme022Style01 .entry-title {
    font-size:18px!important;
    line-height:20px!important;
    margin-bottom:24px;
    padding-bottom:12px;
}
/*Theme022Style01 > Texte*/
.Theme022Style01 .entry-summary {
    font-size:12px!important;
    line-height:14px!important;
    margin-bottom:32px;
}

/*Theme022Style01 > Texte*/
.Theme022Style01 .p-wrap {
    height: fit-content!important;
    min-height: 420px!important;
    max-height: fit-content!important;
    margin-bottom:8px;
}
.Theme022Style03 .p-wrap {
    height: 280px!important;
    min-height: 280px!important;
    max-height: 280px!important;
    margin-bottom:8px;
}

.Theme022Style02 .p-wrap,
.Theme022Style07 .p-wrap {
    height: 340px!important;
    min-height: 340px!important;
    max-height: 340px!important;
    margin-bottom:8px;
}
.Theme022Style08 .p-wrap {
    height: 320px!important;
    min-height: 320px!important;
    max-height: 320px!important;
    margin-bottom:8px;
}

.Theme022Style02 .block-inner,
.Theme022Style03 .block-inner,
.Theme022Style07 .block-inner,
.Theme022Style08 .block-inner {
    display: grid!important;
}

/*Theme022Style02 > Titre*/
.Theme022Style02 .entry-title {
    font-size:18px!important;
    line-height:20px!important;
}

/*Theme022Style04*/
.Theme022Style04 .p-wrap .p-featured {
    margin: 0px;
}
.Theme022Style04 .entry-title {
    font-size:22px!important;
    line-height:24px!important;
    margin-bottom:8px;
}
.Theme022Style04 .entry-summary {
    font-size:14px!important;
    line-height:16px!important;
}
.Theme022Style04 .p-link a {
    font-size:16px!important;
    line-height:18px!important;
}

/*Theme022Style05*/
.Theme022Style05 .entry-title {
    font-size:16px!important;
    line-height:17px!important;
}
.Theme022Style05 .entry-summary {
    font-size:14px!important;
    line-height:16px!important;
}

/*Theme022Style06*/
.Theme022Style06 .entry-title {
    font-size:16px!important;
    line-height:17px!important;
    width:100%;
}

/*Theme022Style07 > Titre*/
.Theme022Style07 .entry-title {
    font-size:17px!important;
    line-height:18px!important;
}
.Theme022Style07 .p-meta .is-meta {
    font-size:13px!important;
    line-height:15px!important;
    margin-top: 0px;
}

/*Theme022Style08 > Titre*/
.Theme022Style08 .entry-title {
    font-size:18px!important;
    line-height:21px!important;
    padding-top: 40px;
}}

/*ARTICLE*/
.TitreArticle {
    border:8px solid var(--g-color);
    padding:16px 20px;
    margin-top:0px;
    margin-bottom:0px!important;
}
.TitreArticle .s-title {
    font-size:24px!important;
    line-height:26px!important;
    font-weight: 500;
    margin-bottom:4px!important;
}
.ImageArticle .s-feat-outer {
    margin-bottom:0px!important;
}

.ImageArticle {
    box-shadow: 0 0 12px var(--noir-opacite);
}

/*CATEGORIE*/
.category .e-con-inner {
    padding-block-start: 12px;
}

/*HOVER*/
.Theme022Style02 .p-wrap .overlay-holder,
.Theme022Style03 .p-wrap .overlay-holder,
.Theme022Style06 .p-wrap .feat-holder,
.Theme022Style07 .p-wrap .overlay-holder,
.Theme022Style08 .p-wrap .overlay-holder {
  transition: transform 0.8s ease!important;
  transform-style: preserve-3d;
}
.Theme022Style02 .p-wrap .overlay-holder:hover,
.Theme022Style03 .p-wrap .overlay-holder:hover,
.Theme022Style06 .p-wrap .feat-holder:hover,
.Theme022Style07 .p-wrap .overlay-holder:hover,
.Theme022Style08 .p-wrap .overlay-holder:hover {
  transform: perspective(600px) rotateX(4deg) rotateY(4deg);
}

.Theme022Style04 .p-wrap,
.Theme022Style05 .p-wrap {
  transition: transform 0.35s ease;
}
.Theme022Style04 .p-wrap:hover ,
.Theme022Style05 .p-wrap:hover {
  transform: scale(0.98) translateY(-5px);
}