/* changement du mauve par défaut pour mon bleu */
:root {
  --theme-color: #e75513; /* orange */
  --theme-color2: #4abdcb; /* turquoise */
  --vs-secondary-color: #f0f6fa;
  --title-color: #000000;
  --title-font: "Fredoka", sans-serif;
  --body-color: #444444;
  --yellow-color: #e2b423;
  --green-color: #76ad1e;
}

/* ADMIN AREA */

.app-brand-text.demo {
  text-transform: none;
}
.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page.no_menu {
  padding-left: 0;
}
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.nested_with_switch,
ol.nested_with_switch_content_fr,
ol.nested_with_switch_content_en {
  padding-left: 0;
}
ol.nested_with_switch,
ol.nested_with_switch ol,
ol.nested_with_switch_content_fr,
ol.nested_with_switch_content_en {
  list-style: none;
}
ol.nested_with_switch_content_fr .list_item,
ol.nested_with_switch_content_en .list_item {
  position: relative;
}

ol.nested_with_switch_content_fr textarea,
ol.nested_with_switch_content_en textarea {
  position: absolute;
}
.hover_div {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px solid #ccc;
  top: 0;
  right: 0;
  text-align: right;
  width: 100%;
  height: 100%;
  z-index: 990;
}
.hover_div a {
  margin-right: 5px;
}

.bt_delete_zone {
  color: #8592a3;
}

.divider .divider-text {
  font-size: 1rem;
}
ol.nested_with_switch > li > .divider .divider-text {
  font-weight: bold;
  font-size: 1.1rem;
}
ol.nested_with_switch ol {
  margin-bottom: 60px;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.nested_with_switch li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.nested_with_switch li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
  content: "\eb83";
  font-family: "boxicons" !important;
}

/* icône font-awesome dans la modal dans l'admin */
#fontAwesomeIconsList .btn {
  width: 40px;
  padding: 0.5rem !important;
  margin: 5px;
}
.gallery-div .item {
  max-width: 100px !important;
  margin: 5px !important;
}
.gallery-div .item.active {
  border: 2px solid var(--bs-cyan);
  margin: 3px !important;
}
/* grandeur des images par défaut */
img:not([data-mce-selected=1]) {
  width: 100%;
}
/* bouton "Ajouter" dans l'admin pour le contenu */
a.add_content_choice {
  display: block;
  background-color: #a1acb8;
  text-align: center;
  color: #fff;
  padding: 5px;
}
a.add_content_choice:hover {
  background-color: var(--bs-secondary);
}
a.add_content {
  display: none;
}

section {
  background-color: transparent;
}

.content_by_zone p {
  margin-bottom: 0;
}

#content_color {
  border: 0;
}
.palette-color-picker-button {
  float: left;
}

.card_white .card-wrapper {
  background-color: var(--blanc);
  padding: 1rem;
  transition: all 0.3s;
}
.card_white .card-wrapper:hover {
  box-shadow: 0 30px 30px -20px rgba(50, 50, 50, 0.3);
}
.card_white .card-box {
  border: 1px solid transparent;
  padding: 2rem 1rem;
  transition: all 0.3s;
}
.card_white .card:hover .card-box {
  border: 1px solid var(--gris_pale);
}

.icon-wrapper {
  margin-right: 1.5rem;
  display: flex;
  justify-content: center;
  border-radius: 50%;
}
.icon-wrapper em {
  display: flex;
}
.card-wrapper {
  display: flex;
}

.testimonial img {
  width: 120px;
  border-radius: 100%;
  object-fit: cover;
  height: 120px;
  margin-bottom: 2rem;
}
.testimonial .display-5 {
  line-height: 1.8;
}
.testimonial .display-4 {
  color: #999999;
}

.fluid_50 {
  padding: 0 14px;
}
.fluid_50 .card {
  padding: 0;
}
.fluid_50 .card .text-wrap {
  position: absolute;
  transition: all 0.3s;
  left: 0;
  padding: 2rem;
  width: 100%;
  top: 50%;
  z-index: 2;
  transform: translateY(-45%);
  margin-bottom: -2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dragArea .col-auto, 
.dragArea .col {
  padding: 0;
}

.mbr-form .btn {
  margin: 0;
  height: 56px;
  padding: 10px 40px;
}

.mbr-text {
  max-width: 500px;
  color: #999999;
  /*text-align: center;*/
  margin: auto;
}

@media (max-width: 991px) {
  .top_menu .navbar-nav:nth-child(2){
    font-size: 12px;
  }
  .navbar-nav .nav-link {
    padding: 0.3rem .5rem !important;
  }
  .card-wrapper .icon-wrapper {
    margin: 0 auto;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    border-radius: 50%;
  }
  
  /* boxes orange et mauve */
  .fluid_50 .img-wrapper::before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    /*background: var(--orange);*/ /* couleur mise en JS */
    opacity: 0.8;
    transition: all 0.3s;
    content: '';
    pointer-events: none;
    z-index: 1;
  }
  .fluid_50.img_left .card:nth-child(2),
  .fluid_50.img_right .card:nth-child(1) {
    position: unset;
  }
  
}
@media (max-width: 767px) {
  .card-wrapper {
    flex-direction: column;
    margin: auto;
    text-align: center;
  }
}

.img_container {
  position: relative !important;
}
.link_delete_img {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
}
.link_delete_img img {
  max-width: 22px !important;
}

#mc-embedded-subscribe-form button[type=submit] {
  padding: 16px 15px 17px 26px;
  margin: 0;
  border: 0;
}

.formulaire .form-control {
  margin-bottom: 20px;
}
.msg_confirm {
  color: #fff;
  background-color: var(--primaire);
  padding: 1.25rem;
}
.msg_erreur {
  color: #fff;
  background-color: #cc7e7e;
  padding: 1.25rem;
}

/* Style pour écraser le CSS du frontend */
body.admin .btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.53;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.4375rem 1.25rem !important;
  margin: 0 !important;
  font-size: 0.9375rem;
  border-radius: 0.375rem !important;
  transition: all 0.2s ease-in-out;
  border-width: 1px;
}
body.admin .btn-icon {
  padding: 4px 9px !important;
}
body.admin .form-control {
  display: block;
  width: 100%;
  padding: 0.4375rem 0.875rem;
  font-size: 0.9375rem !important;
  font-weight: 400;
  line-height: 1.53;
  color: #697a8d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d9dee3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  min-height: unset;
}
body.admin .modal-dialog, 
body.admin .modal-content {
  height: auto;
}
body.admin #image-preview i {
  font-size: 30px;
  margin: 5px;
}
body.admin .card {
  background-color: #fff;
}
body.admin .content_by_zone .card {
  background-color: transparent;
}
body.admin .card {
  border-radius: 0;
  box-shadow: none;
}
body.admin ol.nested_with_switch_content_fr,
body.admin ol.nested_with_switch_content_en {
  border: 2px solid var(--bs-secondary);
}
body.admin .btn-white-outline {
  border-radius: 0 !important;
  border-width: 2px;
  padding: 1rem 2.6rem !important;
}
body.admin .form-check img {
  width: 100%;
}
body.admin .service-description {
  width: 100%;
}

body.admin .btn-primary-outline:hover:before {
  opacity: 0;
}
body.admin .btn-primary-outline {
  border: 1px solid var(--bs-indigo);
}
body.admin .btn-primary-outline:hover {
  color: var(--bs-indigo);
}

ul.list-unstyled strong,
ul.list-unstyled b {
  display: contents;
}


.title_banner {
  padding: 60px;
  background-color: #f3f3f3;
}
.title_banner:not(.boutique_evenements) H4 {
  color: #ffffff;
}
.title_banner H3 {
  color: #000000;
}



/* *****************
 * *** Nouvelles ***
 * *****************/

.nouvelles_image,
.calendrier_image,
.carrousel_image,
.pages_image,
.services_image,
.partenaires_image,
.galerie_image {
  position: relative;
}
.nouvelles_image .bt_delete_image_from_nouvelles,
.calendrier_image .bt_delete_image_from_calendrier,
.carrousel_image .bt_delete_image_from_carrousel,
.pages_image .bt_delete_image_from_pages,
.services_image .bt_delete_image_from_services,
.partenaires_image .bt_delete_image_from_partenaires,
.galerie_image .bt_delete_image_from_galerie,
.bt_delete_image {
  position: absolute;
  top: 5px;
  right: 5px;
}
.nouvelles_image img,
.calendrier_image img,
.carrousel_image img,
.pages_image img,
.services_image img,
.partenaires_image img,
.galerie_image img {
  width: 100%;
}

/* *******************
 * *** Partenaires ***
 * *******************/
.section_partenaires img,
.cid-rVszo5HLbm .card-title {
  cursor: auto;
  width: 100%;
}


.nouvelles_grid {
  padding-top: 0px;
  padding-bottom: 60px;
  background-color: #f3f3f3;
  margin-top: -16px;
}
.nouvelles_grid img {
  width: 100%;
  transition: all 0.6s ease-in-out;
}
.nouvelles_grid .img-wrapper {
  margin-bottom: 1.8rem;
  transition: all 0.3s ease-in-out;
}
.nouvelles_grid .card .img-wrapper {
  overflow: hidden;
  position: relative;
}
.nouvelles_grid .card:hover {
  cursor: pointer;
}
.nouvelles_grid .card:hover img {
  transform: scale(1.05);
}
.nouvelles_grid .card:hover .img-wrapper {
  box-shadow: 0 30px 30px -20px rgba(50, 50, 50, 0.3);
}
.nouvelles_grid .mbr-section-title {
  transition: all 0.3s ease-in-out;
}
.nouvelles_grid .mbr-section-date {
  color: #999999;
}
.nouvelles_grid .mbr-section-text {
  color: #999999;
}
.nouvelles_grid .card-wrapper {
  display: block;
}
.nouvelles_card:hover .mbr-section-title {
  color: var(--primaire);
}
.nouvelles_card .image_container {
  background-position: center center !important;
  background-size: cover !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}



/* ***************
 * *** Galerie ***
 * ***************/
.gallery-thumb img {
  border: 0 !important;
}
#gallery-isotope {
  overflow: auto !important;
}
.nav-pills .nav-link {
  border-radius: 20px;
  padding: 10px 30px;
  font-size: 0.9rem;
}


/* ******************
 * *** Calendrier ***
 * ******************/
.calendrier_evenements {
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: var(--blanc);
}
.calendrier_evenements .card-wrapper {
  display: flex;
}
.calendrier_evenements .mbr-iconfont {
  font-size: 2rem;
  color: #000000;
  margin-top: 25px;
}
.calendrier_evenements .icon-wrapper {
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  width: 50px;
}
.calendrier_evenements h4 {
  margin: 0;
}
.calendrier_evenements .card-text {
  color: #999999;
}
.calendrier_evenements .mbr-text {
  color: #000000;
}
.calendrier_evenements .card-title {
  color: #000000;
}
@media (min-width: 1200px) {
  .calendrier_evenements .mbr-text {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .calendrier_evenements .card-wrapper {
    flex-direction: column;
    margin: auto;
    text-align: center;
  }
  .calendrier_evenements .card-wrapper .icon-wrapper {
    margin: 0 auto;
    margin-bottom: 1rem;
  }
}
@media (max-width: 991px) {
  .calendrier_evenements .mbr-text {
    padding-bottom: 2rem;
    max-width: 100%;
  }
}


/* *************************
 * *** Revolution Slider ***
 * *************************/

.tp-banner-container{
	position:relative;
}

.tp-caption{
  width: 100%;
  padding: 0 3%;
  left: 0 !important;
}

.tp-caption.align-right{
	padding-right:30px;
}

.main-revolution h2{
	font-size:48px;
	font-weight:bold;
	color:#333;
	line-height:54px;
  margin: 0 auto;
}
.main-revolution p{
	font-size:16px;
	line-height:22px;
	color:#999;
	margin:0;
  margin: 0 auto;
  padding-bottom: 24px;
}

@media (max-width: 767px) {
  .main-revolution h2{
    font-size:22px;
    line-height:24px;
    padding-bottom: 0.5rem !important;
  }
  .main-revolution p{
    font-size:14px;
    line-height:18px;
  }
}

.main-revolution .bg_text {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 5px 24px;
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main-revolution .bg_text {
    width: 96%;
  }
}

.main-revolution h2,
.main-revolution p,
.main-revolution h2.style-2,
.main-revolution p.style-2{
	color: #fff;
}

.main-revolution h2,
.main-revolution p {
  white-space: initial;
  text-align: center;
}

.main-revolution a.button{
	margin:0;
}

.main-revolution .great-vibes + h2{
	margin-top:10px;
}

.main-revolution .great-vibes{
	font-size:36px;
	position:relative;
	display:inline-block;
	color:#fff;
	margin-bottom:0;
}

.main-revolution .great-vibes:before{
	content:'';
	display:block;
	width:40px;
	border-top:1px solid #fff;
	border-color:rgba(255,255,255,.6);
	position:absolute;
	top:50%;
	left:-60px;
}

.main-revolution .great-vibes:after{
	content:'';
	display:block;
	width:40px;
	border-top:1px solid #fff;
	border-color:rgba(255,255,255,.5);
	position:absolute;
	top:50%;
	right:-60px;
}

.tparrows.default{ 
	width: 45px; 
	height: 45px; 
	left:-40px!important;
	cursor: pointer; 
	background:#000; 
	background:rgba(24,24,24,0.5); 
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease; 
	transition: all .3s ease; 
	text-align: center; 
	vertical-align:middle; 
	padding-top:12px; 
	border-radius:3px; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	top:50%!important;
}

.tparrows.default.tp-rightarrow{
	right:-40px!important;
	left:auto!important;
}

.tp-banner-container:hover .tparrows.default{
	left:20px!important;
	right:auto!important;
  z-index: 9999;
}

.tp-banner-container:hover .tparrows.default.tp-rightarrow{
	right:20px!important;
	left:auto!important;
}

.tparrows.default:hover{
	background:var(--primaire);
}

.tparrows.default:before{
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	color:#fff;
	font-size:24px;
	content: "\f054";
	position:absolute;
	left:50%;
	margin-left:-7px;
}

.tparrows.default.tp-leftarrow:before{
	content: '\f053'; 
	margin-left:-10px;
}

/* *****************
 * *** DataTable ***
 * *****************/
 
.table-responsive .row {
  width: 100%;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  border: 1px solid #d9dee3;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #697a8d;
  border-color: #d9dee3;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  /*z-index: 2;*/
  cursor: default;
  border-color: #d9dee3;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  cursor: not-allowed;
  border-color: #d9dee3;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  border: 1px solid #6c7293;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  cursor: not-allowed;
}
.dataTables_wrapper .dataTables_paginate {
  margin-top: 0;
}
/*
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
  border-color: var(--primaire);
  background-color: var(--primaire);
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.4);
}*/

.dataTables_wrapper .dataTable thead .sorting::before, .dataTables_wrapper .dataTable thead .sorting_asc::before, .dataTables_wrapper .dataTable thead .sorting_desc::before, .dataTables_wrapper .dataTable thead .sorting_asc_disabled::before, .dataTables_wrapper .dataTable thead .sorting_desc_disabled::before,
.dataTables_wrapper .dataTable thead .sorting::after, .dataTables_wrapper .dataTable thead .sorting_asc::after, .dataTables_wrapper .dataTable thead .sorting_desc::after, .dataTables_wrapper .dataTable thead .sorting_asc_disabled::after, .dataTables_wrapper .dataTable thead .sorting_desc_disabled::after {
  content: "";
}
table.dataTable thead .sorting_asc {
  /*background-image: url("/YourImageFolder/sort_asc.png")*/
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%237a1b17'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 10px) 12px;
  background-repeat: no-repeat;
  background-color: transparent;
}
table.dataTable thead .sorting_desc {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%237a1b17'><polygon points='50,50 100,100 0,100'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 10px) 6px;
  background-repeat: no-repeat;
  background-color: transparent;
}
table.dataTable thead .sorting {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%236c7293'><polygon points='50,0 100,50 50,100 0,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-color: transparent;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%232A3038'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 10px) 12px;
  background-repeat: no-repeat;
  background-color: transparent;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%232A3038'><polygon points='50,50 100,100 0,100'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 10px) 6px;
  background-repeat: no-repeat;
  background-color: transparent;
}

.table-border-bottom-0 tr:last-child td, .table-border-bottom-0 tr:last-child th {
  border-bottom-width: 1px;
}

#DataTables_Table_0_length select.form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}


#map {
  height: 600px;
  width: 100%;
}
body.admin .leaflet-popup-content {
  text-align: right;
}

/* Pour style un sous-sous-menu dans l'admin, comme pour les catégories sous Modèles */
body.admin .dropdown-menu a.dropdown-item ~ a.dropdown-item {
  padding-left: 2.7rem;
}
body.admin .tox .tox-editor-header {
  z-index: 1;
}
body.admin .alert-primary {
  background-color: var(--primaire);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--title-color);
  text-decoration: underline !important;
  background-color: transparent;
}


/* ************** */
/* Module Modèles */
/* ************** */

.modeles_image,
.inventaire_image,
.subdivision_image {
  position: relative;
}
.modeles_image img,
.inventaire_image img,
.subdivision_image img {
  width: 100%;
}



.section_partenaires .card {
  cursor: default !important;
}

a.card-link {
  display: block;
}

.current-menu-item > a,
.current-menu-item > a:focus,
.current-menu-item .dropdown-menu .current-menu-item {
  color: var(--primaire) !important;
}

.footer .icon-container {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.footer .icon-title {
  margin: 0;
}


.fil_ariane {
  padding: 75px 0;
}



/* Portfolio (Boutique) */
/* Portfolio Section */
#portfolio {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 20px;
}

/* Section Heading */
#portfolio h1 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 3em;
    color: #333;
}

/* Filter Buttons Container */
#filter-buttons {
    text-align: center;
    margin-bottom: 30px;
}

/* Filter Buttons Styles */
.filter-btn {
    background-color: #fff;
    color: #333;
    border: 2px solid #333;
    padding: 10px 20px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.filter-btn:hover,
.filter-btn.active {
    background-color: #333;
    color: #fff;
}

/* Portfolio Items Grid */
#portfolio-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* Portfolio Item */
.portfolio-item {
    position: relative;
    width: calc(25% - 20px);
    margin: 10px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff;
    opacity: 0; /* Commencer avec une opacité de 0 */
    transform: scale(0.9); /* Réduire la taille légèrement */
    transition: opacity 1s ease, transform 1s ease; /* Transition douce */
    width: 100%;
}

.portfolio-item.show {
    opacity: 1;
    transform: scale(1); /* Restaure la taille normale */
}

.portfolio-item .portfolio_bottom {
  color: #000;
  text-align: center;
  padding: 15px;
}

.fade-in {
    animation: fadeIn 1s ease forwards;
}

/* Portfolio Item Image */
.portfolio-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Overlay Effect */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(51, 51, 51, 0.8);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

/* Overlay Text */
.overlay h3 {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    padding: 0 10px;
}

/* Hover Effects */
.portfolio-item:hover .overlay {
    opacity: 1;
}

.portfolio-item:hover {
    transform: scale(1.05);
}

/* Responsive Layouts */
@media (max-width: 992px) {
    .portfolio-item {
        width: calc(33.333% - 20px);
    }
}

@media (max-width: 768px) {
    .portfolio-item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 576px) {
    .portfolio-item {
        width: 100%;
        margin: 10px 0;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}



.uppercase {
  text-transform: uppercase;
}



.menu .boutique_panier .mbr-iconfont,
.menu .boutique_compte .mbr-iconfont {
  padding-right: 0;
  line-height: 35px;
}
/* chiffre pour le nombre de produits dans le panier */
.boutique_panier .nav-link {
    position: relative;
}
.boutique_panier .nav-link .cart-count {
    position: absolute;
    top: 0;
    right: -5px;
    background-color: var(--primaire);
    color: white;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

/* Sur les écrans plus petits que md, on repositionne la bordure */
.boutique_login .row.separateur > .col-md-6:first-child {
  border-right: 2px solid white;
}
@media (max-width: 767px) {
  .boutique_login .row.separateur > .col-md-6:first-child {
    border-right: none;
    border-bottom: 2px solid white;
  }
}

.bt_panier_supprimer_produit {
  color: var(--red);
}

#form_boutique_produit .quantite {
  text-align: center;
}


/* *** TABS *** */
.vertical-tabs .sv-data-1{background:lightCyan;padding:0;}
.vertical-tabs .sv-data-2{background:lightPink;height:40px;white-space:nowrap;}
.vertical-tabs .sv-data-3{background:LightGoldenRodYellow;height:40px;white-space:nowrap;}
.vertical-tabs .sv-data-4{background:LightSteelBlue;}
.vertical-tabs table.sv-data-table{table-layout:fixed;}
.vertical-tabs table.sv-data-table tbody tr{font-size:13px;padding:0;}
.vertical-tabs table.sv-data-table tbody tr td{height:36px;}
.vertical-tabs table.sv-data-table .td-data-item-1{padding:0;text-align:center;vertical-align:middle;}
.vertical-tabs table.sv-data-table .td-data-item-2{padding:0;text-align:center;vertical-align:middle;whitespace:no-wrap;}
.vertical-tabs table.sv-data-table .td-data-item-3{padding:0;text-align:center;vertical-align:middle;}
.vertical-tabs table.sv-data-table .td-data-item-4{padding:0;text-align:right;vertical-align:middle;}
.vertical-tabs table.sv-data-table input[type=number]{border:solid 1px #ccc;max-width:50px;}
.vertical-tabs .edit-parameters{margin:3px;}
.vertical-tabs table.sv-data-table .card{}
.vertical-tabs .parameters-container .row{}
.vertical-tabs .parameter-pg-col{background:lightBlue;margin:0;padding:0;}
@media (max-width: 872px){table.sv-data-table{}
  .vertical-tabs div.parameter-pg-col{min-width:100%!important;padding:0;}
  .vertical-tabs .card{display:block;margin:10px auto!important;min-width:100%!important;}
}
@media (min-width: 872px){
  .vertical-tabs .parameters-container{background:lightPink;margin:0 auto;max-width:840px;padding:10px;}
  .vertical-tabs .card{width:195px;}
}
/* Vertical Tabs */
.vertical-tabs{font-size:14px;padding:15px;}
.vertical-tabs .nav-tabs .nav-link{background:var(--gris_moyen);border:1px solid transparent;color:#fff;height:37px}
.vertical-tabs .nav-tabs .nav-link.active{background-color:var(--primaire)!important;color:#fff;}
.vertical-tabs .nav-tabs .nav-link{border:1px solid #fff;border-top-left-radius:0rem!important;}
.vertical-tabs .tab-content>.active{background:#fff;display:block;}
.vertical-tabs .nav.nav-tabs{display:block;margin-bottom: 30px;}
/*.vertical-tabs div.tab-content{border:solid 1px var(--primaire)!important;max-height:200px;}*/
.vertical-tabs .sv-tab-panel{background:#fff;padding:15px;}
.vertical-tabs div#home-v.tab-pane .sv-tab-panel{background:#fff}
.vertical-tabs div#profile-v.tab-pane .sv-tab-panel{background:#fff;}
.vertical-tabs div#messages-v.tab-pane .sv-tab-panel{background:#fff}
.vertical-tabs div#settings-v.tab-pane .sv-tab-panel{background:#fff}
.vertical-tabs .nav-tabs .nav-link {border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;line-height: 16px;}
.vertical-tabs .tab-content > .tab-pane {border: 1px solid var(--gris_moyen);}
/* Horizontal Tabs */
.horizontal-tabs{font-size:14px;padding:15px;}
.horizontal-tabs .sv-tab-panel{background:#fff;height:145px;padding-top:15px;}
.horizontal-tabs .nav-tabs .nav-link{background:var(--gris_fonce);border:1px solid transparent;color:#fff}
.horizontal-tabs .nav-tabs .nav-link.active{background-color:var(--primaire)!important;color:#fff;}
.horizontal-tabs .nav-tabs .nav-link{border:1px solid #fff;border-top-left-radius:0rem!important;border-top-right-radius:0rem!important;}
.horizontal-tabs .tab-content>.active{background:#fff;display:block;}
.horizontal-tabs .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;background:#33ad33}
/*.horizontal-tabs  div.tab-content{border:solid 1px #var(--primaire)!important;max-height:150px;}*/
.horizontal-tabs  .sv-tab-panel{background:#fff;height:110px;padding-top:15px;}
.horizontal-tabs  div#home-h.tab-pane .sv-tab-panel{background:#fff}
.horizontal-tabs  div#profile-h.tab-pane .sv-tab-panel{background:#fff;}
.horizontal-tabs  div#messages-h.tab-pane .sv-tab-panel{background:#fff}
.horizontal-tabs  div#settings-h.tab-pane .sv-tab-panel{background:#fff}
.horizontal-tabs .sv-tab-panel{padding:15px}
@media (max-width: 967px) {
  .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;display:block; wodth:100%!important}
  .horizontal-tabs .nav-tabs{width:100%;padding:0}
}









/*
.nav-brand img {
	max-height: 85px;
}

@media (max-width: 1200px) {
	.nav-brand img {
		max-height: 85px;
	}
}


.bg-secondary {
	background-color: var(--bleu) !important;
}
#footer-divider.secondary path, #divider.secondary path {
  fill: var(--bleu);
}
.subtitle, p.subtitle, .custom-link, .form-control:focus, .btn-primary, .list-group-item.active, .alert-secondary, .team-style2 .img-box .social-icons li {
  border-color: var(--bleu);
}
.sea, .jumbo-heading, .dot1, .dot2, body:not(.admin) .nav-tabs .nav-link.active, body:not(.admin) .nav-tabs .nav-link:hover, .owl-prev i:hover, .owl-next i:hover, .jumbotron .breadcrumb, .accordion .card-link.collapsed, .btn-quaternary, .badge-default, .bg-secondary, body:not(.admin) .dropdown-menu, .btn-primary, .back-to-top i:hover, .alert-secondary, .badge-secondary, .nav-pills .nav-link.active, .nav-pills .nav-link:hover, .nav-pills .nav-link:focus, .nav-pills .show > .nav-link, .page-link:hover, .page-link.active, .btn-secondary:hover, .btn-secondary:focus {
  background-color: var(--bleu);
}
.list-group-item.active, .subtitle::after, ul.social-media i, .widget1 .colored-icons i, body:not(.admin) .navbar .dropdown-item:hover, .navbar .dropdown-item:focus, .navbar .nav-link:focus, body:not(.admin) .navbar .nav-item:hover, .navbar .nav-item .active, .team-style2 .img-box a:hover li, .section-heading h2::before, .navbar-brand i, .serviceBox:hover .service-icon i, a, blockquote::after, blockquote::before, .testimonial .description::before, ul.custom li::before, .testimonial .content::before, .owl-theme .owl-nav [class*="owl-"]:hover, .team-style2 span, .colored-nav .top-bar .contact-details i, .colored-nav .top-bar a {
  color: var(--bleu);
}
.nav-tabs .nav-link, .owl-prev i, .owl-next i, body:not(.admin) .table thead, .gallery-thumb i, body:not(.admin) .navbar .nav-item:hover, .blog-box .date, .btn-quaternary, .btn-tertiary:hover, .bg-tertiary, .dropdown-item:focus, body:not(.admin) .dropdown-item:hover, .dropdown-item.active, .accordion-cards .card-header:hover, .accordion-cards .card-header:focus, .badge-primary, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .alert-primary, .list-group-item-action:focus, .list-group-item-action:hover {
  background-color: var(--orange);
}
.top-bar .contact-details i, .top-bar a:hover, .bg-secondary a, footer .social-list li i {
  color: var(--jaune);
}
.team-style2 .social-icons i:hover, .team-style1::before, .bg-tertiary .owl-prev i, .bg-tertiary .owl-next i, .bg-secondary a:hover, .bg-secondary a:focus, .serviceBox1 .title a:hover, .text-tertiary, .icon-box i, .blog-card .post-info::before, .color1, .header-text::before, ul.social-media li:hover i, .navbar-brand span, .colored-nav .top-bar .contact-details i, .colored-nav .top-bar a:hover {
  color: var(--jaune);
  text-decoration: underline;
}
body:not(.admin) .navbar .nav-item:hover a {
  text-decoration: underline;
}
.accordion .card-link:hover, .accordion .card-link, .btn-secondary, .btn-secondary:not(:disabled):not(.disabled):active:focus, .top-bar, .sidebar-header, .btn-quaternary:hover, .btn-quaternary:focus, .btn-tertiary, .accordion-cards .card-body, .navbar-toggler:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .back-to-top i, .accordion-cards .card-header, .page-item.active .page-link, .progress-bar, .service-hover-box .service-hover-caption, .page-link, footer, .nav-pills .nav-link {
  background-color: var(--rouge);
}
.accordion .card-link:hover, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-quaternary:hover, .btn-quaternary:focus, .navbar-toggler:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
  text-decoration: underline;
}
.alert h6, .alert .h6, .alert h5, .alert .h5, .alert h4, .alert .h4, .alert h3, .alert .h3, .alert h2, .alert .h2, .alert h1, .alert .h1 {
  color: #fff;
}
.social-list .portail_des_parents::after,
.social-list .liste_dattente::after ,
.social-list .nous_joindre::after {
  content: "|";
  color: #fff;
  padding: 0 10px;
  margin: 0 6px;
}
.jumbotron {
  background-image: url(../img/bandeau.jpg)
}
.serviceBox2 .service-head {
  color: var(--rouge);
}
.serviceBox2 .service-head:hover {
  color: var(--orange);
}

.alert ul {
  margin-bottom: 0;
}

.input-group-merge .input-group-text.cursor-pointer {
  position: absolute;
  right: -3px;
  height: 39px;
  z-index: 9999;
}
*/



/* ************* */
/* THÈME KIDDINO */
/* ************* */
body {
  font-size: 18px;
}
.info-style1 .info-title {
  color: #C05426; /* orange plus foncé pour le contraste sur fond blanc */
}
.header-layout1 .header-top {
  background-color: var(--theme-color);
}
.header-links a:hover, .header-links a:hover i {
  color: var(--theme-color2);
}
.header-links.style3 li:hover i, .header-links.style2 li:hover i {
  background-color: var(--theme-color2);
}
.vs-btn:hover {
  background-color: var(--theme-color2);
  color: #000;
}
.footer-layout3, .footer-layout1 {
  --title-color: var(--black-color);
  --body-color: var(--black-color);
}
.widget_title::before {
  background-color: var(--theme-color);
}
.footer-info i {
  background-color: var(--theme-color);
}
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
  padding: 0;
}
.footer-widget.widget_meta a::before, .footer-widget.widget_pages a::before, .footer-widget.widget_archive a::before, .footer-widget.widget_categories a::before, .footer-widget.widget_nav_menu a::before {
  width: 0;
  height: 0;
}
.scroll-btn:focus i, .scroll-btn:hover i {
  background-color: var(--theme-color2);
  color: var(--black-color);
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  background-color: var(--theme-color2);
}
.scroll-btn i {
  color: var(--black-color);
}

/* breadcrumb */
.breadcumb-menu {
  background-color: var(--theme-color);
  padding: 15px 30px 15px 0px;
}
.breadcumb-menu span, .breadcumb-menu li, .breadcumb-menu a {
  color: var(--black-color);
}
.breadcumb-menu a:hover {
  color: var(--white-color);
}
.breadcumb-menu li:not(:last-child)::after {
  content: "»";
}
.breadcumb-menu span, .breadcumb-menu li, .breadcumb-menu a {
  text-transform: none;
}

/* Menus */
.main-menu ul.sub-menu li a::before {
  content: "";
}
.header-links a {
  color: var(--black-color);
}
.header-links li {
  margin: 0 5px 0 0;
}
.header-links li:not(:last-child)::after {
  content: "|";
  color: var(--black-color);
  position: relative;
  margin-left: 15px;
  margin-right: 10px;
}
.main-menu a,
.sec-title2, .sec-title,
.enrol-content .title {
  text-transform: none;
}
.vs-mobile-menu ul li a {
  text-transform: none;
}
.copyright-text {
  font-weight: 400;
  font-family: unset;
  line-height: 20px;
}
.copyright-text a:hover {
  color: var(--white-color);
}

@media (max-width: 574px) {
  .header-links li {
    display: inline-block;
  }
}

.vs-btn {
  background-color: var(--theme-color);
  color: var(--black-color);
}

.list-style1 li::before {
  content: var(--icon, url("data:image/svg+xml,%3Csvg width='25' height='23' viewBox='0 0 25 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6842 20.6753C9.59141 20.6753 9.50023 20.651 9.4197 20.6049C9.33917 20.5588 9.27209 20.4924 9.22512 20.4124C7.45633 17.399 2.74074 10.9826 2.69336 10.9182C2.61761 10.8152 2.58145 10.6884 2.59149 10.5609C2.60153 10.4335 2.65709 10.3139 2.74804 10.224L4.19806 8.79111C4.28662 8.7036 4.40305 8.6499 4.52711 8.63934C4.65116 8.62879 4.77499 8.66205 4.87706 8.73335L9.57343 12.0125C12.716 7.98275 15.6351 5.19864 17.5556 3.5558C19.7177 1.70658 21.0941 0.874056 21.1517 0.839774C21.2344 0.790135 21.3291 0.763914 21.4256 0.763916H23.7714C23.8794 0.763909 23.9847 0.796703 24.0736 0.85795C24.1624 0.919197 24.2306 1.006 24.269 1.10686C24.3074 1.20772 24.3142 1.31787 24.2886 1.4227C24.2629 1.52753 24.2061 1.62209 24.1254 1.69385C17.4636 7.62747 10.2191 20.2793 10.1467 20.4064C10.1005 20.4875 10.0338 20.5551 9.9532 20.6023C9.87262 20.6495 9.78104 20.6746 9.68766 20.6752L9.6842 20.6753Z' fill='%234ABDCA'/%3E%3Cpath d='M9.58204 22.8931C4.2985 22.8931 0 18.5946 0 13.311C0 8.02746 4.2985 3.72901 9.58204 3.72901C10.6414 3.72784 11.6936 3.90269 12.6957 4.24644C12.8292 4.29232 12.9391 4.38938 13.0011 4.51624C13.063 4.64311 13.0721 4.7894 13.0262 4.92293C12.9803 5.05646 12.8833 5.1663 12.7564 5.22827C12.6295 5.29025 12.4832 5.29929 12.3497 5.25341C11.4588 4.9479 10.5234 4.79254 9.58156 4.79368C4.88503 4.79368 1.06419 8.61457 1.06419 13.311C1.06419 18.0075 4.88503 21.8284 9.58156 21.8284C14.2781 21.8284 18.0989 18.0075 18.0989 13.311C18.0991 12.7348 18.0412 12.1599 17.9261 11.5953C17.9121 11.5268 17.9118 11.4562 17.925 11.3875C17.9383 11.3189 17.965 11.2535 18.0035 11.1952C18.0421 11.1368 18.0917 11.0866 18.1497 11.0475C18.2076 11.0083 18.2727 10.981 18.3412 10.967C18.4097 10.953 18.4803 10.9526 18.549 10.9659C18.6176 10.9792 18.683 11.0059 18.7413 11.0444C18.7997 11.083 18.8498 11.1326 18.889 11.1905C18.9281 11.2485 18.9555 11.3136 18.9695 11.3821C19.0989 12.0169 19.164 12.6632 19.1639 13.311C19.1641 18.5946 14.8656 22.8931 9.58204 22.8931Z' fill='%234ABDCA'/%3E%3C/svg%3E%0A"));
}

/* Services */
.service-style1 .service-content p {
  color: var(--black-color);
  margin: 0 0 17px 0;
}
.service-style1 .service-title {
  color: var(--black-color);
}
.service-style1 .service-btn {
  border: 3px solid var(--black-color);
  color: var(--black-color);
}
.service-style1 .service-btn:hover {
  border: 3px solid var(--white-color);
}

/*.service-style1:nth-child(1) {
  border-radius: var(--icon-radius, 10px 50px 10px 10px);
}
.service-style1:nth-child(2) {
  border-radius: var(--icon-radius, 10px 10px 50px 10px);
}
.service-style1:nth-child(3) {
  --icon-radius: 10px 10px 10px 50px;
}
.service-style1:nth-child(4) {
  border-radius: var(--icon-radius, 50px 10px 10px 10px);
}*/

/* Accordéon */
.accordion-style1 .accordion-button:hover, .accordion-style1 .accordion-button:not(.collapsed) {
  background-color: var(--theme-color2);
  color: var(--black-color);
}

/* Galerie */
.gallery-style1 .gallery-img::after, .gallery-style1 .gallery-img::before {
  background-color: rgba(231, 85, 19, 0.6);
}


/* ********************* */
/* THÈME KIDDINO - ADMIN */
/* ********************* */
.content_by_zone {
  font-family: "Jost", sans-serif;
}
.content_by_zone .h1, .content_by_zone h1, .content_by_zone .h2, .content_by_zone h2, .content_by_zone .h3, .content_by_zone h3, .content_by_zone .h4, .content_by_zone h4, .content_by_zone .h5, .content_by_zone h5, .content_by_zone .h6, .content_by_zone h6 {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 15px 0;
}
.content_by_zone .h6, .div_contenu_fr h6 {
  font-size: 22px;
}
.content_by_zone .list-style1 ul {
  margin: 0 0 30px 0;
}
.content_by_zone .list-style1 li {
  margin-bottom: 12px;
}
.content_by_zone p {
  color: var(--body-color);
  margin: 0 0 18px 0;
  line-height: 1.75;
}
.content_by_zone .info-style1 .info-title,
.content_by_zone .info-style1 .info-text {
  color: #000;
  font-size: 18px;
  font-family: var(--title-font);
  font-weight: 600;
  margin: 0 0 15px 0;
  line-height: 1;
}
.content_by_zone .info-style1 .info-title {
  color: var(--theme-color);
}
.content_by_zone .title-divider2, .content_by_zone .title-divider1 {
  height: 4px;
  width: 42px;
  background-color: var(--theme-color2);
  border-radius: 9999px;
  display: inline-block;
  margin-bottom: 17px;
}
.content_by_zone .sec-title2, .content_by_zone .sec-title {
  font-size: 60px;
  margin-top: -0.25em;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.content_by_zone .sec-text {
  font-size: 18px;
}
.content_by_zone .vs-btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: none;
  outline: none;
  box-shadow: none;
  overflow: hidden;
  position: relative;
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 600;
  padding: 19px 40px 20px 40px;
  background-color: var(--theme-color);
  color: #000;
  border-radius: 9999px;
  line-height: 1;
  transition: all ease 0.4s;
  z-index: 2;
}
.content_by_zone .img-box11 {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  position: relative;
}
.content_by_zone .img-box11 .img1 {
  border-radius: 40px 186.5px;
}
.content_by_zone .img-box11 .img2 {
  margin: -100px 0 0 -100px;
  border-radius: 40px 141.5px;
}
/* triche pour que la zone #1 affiche sur 2 colonnes dans l'admin */
.content_by_zone .col-xl-7 {
  flex: 0 0 auto;
  width: 50%;
}
.content_by_zone .col-xl-auto {
  padding-right: 0;
  padding-left: 0;
}
.content_by_zone .enrol-box {
  position: relative;
  padding: 15px 0 16px 150px;
  margin-bottom: 24px;
}
.content_by_zone .enrol-box.style2 {
  padding: 15px 70px 16px 150px;
}
.content_by_zone .enrol-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  border-radius: 50%;
  margin: 8px;
  background-color: var(--theme-color2);
}
.content_by_zone .enrol-box.style2 .enrol-icon {
  width: 92px;
  height: 92px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--vs-secondary-color);
}
.content_by_zone .ele1,
.content_by_zone .ele2 {
  display: none;
}
.content_by_zone section {
  padding: 30px 0;
}




.copyright-text {
  font-size: 14px;
}
.breadcumb-wrapper {
  padding-bottom: 135px;
}
.breadcumb-menu {
  background-color: transparent;
}
.breadcumb-menu-wrap {
  margin: 0;
}
.breadcumb-menu span, .breadcumb-menu li, .breadcumb-menu a {
  font-weight: 300;
}





/* Services */
/* IMPORTANT - LAISSER LES 4 PROCHAINES CLASSES À LA FIN CAR ÇA RÉÉCRIT LA CLASSE DE COULEUR --THEME-COLOR */
.service-style1:nth-child(4n+1) {
  --theme-color: var(--green-color);
}
.service-style1:nth-child(4n+2) {
  --theme-color: var(--theme-color2);
}
.service-style1:nth-child(4n+3) {
  --theme-color: var(--yellow-color);;
}
.service-style1:nth-child(4n+4) {
  --theme-color: #e75513;
}