.vk_noPadding{
  padding: 0 !important;
}

.vk_displayNone{
  display: none !important;
}

/* ======= Boutons ======= */
.vk_largeButton, .vk_halfButton, .vk_button{
  background-color: var(--vk_button_background_default_color);
  color: var(--vk_text_color);
  margin-bottom: 1%;
  margin-top: 1%;
  padding: 10px 20px;
  font-size: 1em;
  border-radius: 8px;
  border: 1px solid var(--vk_defaultBorder_color); 
  cursor: pointer;
}

.vk_largeElement, .vk_halfElement {
  background-color: var(--inputBackgroundColor);
  color: var(--vk_text_color);
  margin-bottom: 1%;
  margin-top: 1%;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 1em;
  border: 1px solid var(--vk_defaultBorder_color); 
}

.vk_largeButton, .vk_largeElement { 
  width: 100%; 
}

.vk_halfButton, .vk_halfElement { 
  width: 49%; 
  display: inline-block;
}

.vk_largeButton:hover, .vk_halfButton:hover, .vk_button:hover{
  background-color: var(--vk_button_background_default_color_hover);
}

.vk_ctaButton{
    background: #ffcc00;
    color: #1d1f27;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .vk_ctaButton:hover {
    background: #ffdb4d;
  }
  
  .vk_ctaButton.secondary {
    background: #007bff;
    color: white;
  }
  
  .vk_ctaButton.secondary:hover {
    background: #0056b3;
  }

/* ======= Conteneurs ======= */
.vk_container, .vk_halfContainer {
    background: var(--vk_component_background_default);
    color: var(--vk_text_color);
    border-radius: 10px;
    border: 1px solid var(--vk_defaultBorder_color);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: var(--tran-03);
}

 /*.vk_container:hover {
   transform: translateY(-5px); */
    /*box-shadow: 0 8px 16px var(--colorShadow);
}*/

.vk_titre_center {
  text-align: center;
}

.vk_titre_left {
  text-align: left;
  font-size: 30px;
  font-weight: 500;
  color: var(--textColor);
  padding: 12px 60px;
  height: 6vh;
}

.vk_titrePage {
  display: none;
  text-align: center;
  margin: auto;
  margin-bottom: 2%;
  color: var(--textColor);
}

/* ======= Largeur Spécifique ======= */
.vk_fullWidth {
  width: 95% !important;
}

.vk_mediumWidth {
  width: 75% !important;
}

#vk_pageTitre {
  width: 65%;
  margin-top: 3vh;
  margin-right: auto;
  margin-left: auto;
}

