/**
 * Theme Name: cote-decouvertes
 * Description: Theme pour le site cote-decouvertes.fr
 * Author: Cote Decouvertes
 * Author URI: https://cote-decouvertes.fr
 * Template: setsail
 * Version: 1.0
*/

/** add 2025 **/
:root {
  --cdt-accent-color: #8bb31d;
  --cdt-accent-color-hover: #739417;
  --cdt-yellow: #fece44;
  --radius-element-form: 25rem;
  --radius-list-item: 1rem;
}

::selection {
  background-color: var(--cdt-yellow) !important;
  color: #000 !important;
}

p#breadcrumbs {
  margin-bottom: 10px;
}

.home p#breadcrumbs {
  display: none;
}

/** underline icon top bar */
.qodef-top-bar a.qodef-icon-widget-holder {
  text-decoration: none;
}

.qodef-top-bar a.qodef-icon-widget-holder .qodef-icon-element {
  color: var(--cdt-yellow);
}

.qodef-top-bar a.qodef-icon-widget-holder:hover .qodef-icon-text,
.qodef-top-bar a.qodef-icon-widget-holder:hover {
  color: var(--cdt-yellow);
}

/** grid list */
.cote-decouvertes-grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
  padding: 3rem 0;
}

.cote-decouvertes-grid-list-item {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s;
  border-radius: var(--radius-list-item);
}

.cote-decouvertes-grid-list-item:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.cote-decouvertes-grid-list-item-img {
  position: relative;
  padding: 0;
  aspect-ratio: 4 / 3;
  border-top-left-radius: var(--radius-list-item);
  border-top-right-radius: var(--radius-list-item);
  overflow: hidden;
}

.cote-decouvertes-grid-list-item-img picture {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
}

.cote-decouvertes-grid-list-item-img picture img {
  padding: 0;
  margin: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cote-decouvertes-grid-list-item-img::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s;
}

.cote-decouvertes-grid-list-item.item-is-hover .cote-decouvertes-grid-list-item-img::before {
  background-color: rgba(0, 0, 0, 0.3);
}

.cote-decouvertes-grid-list-item-img::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M11.5 16.5h1v-4h4v-1h-4v-4h-1v4h-4v1h4zm.503 4.5q-1.867 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709'/%3E%3C/svg%3E");
  mask-position: center;
  mask-size: 4rem;
  mask-repeat: no-repeat;
  background-color: #fff;
  opacity: 0;
  transform: rotate(-45deg);
  transition:
    opacity 0.3s,
    transform 0.3s;
}

.cote-decouvertes-grid-list-item.item-is-hover .cote-decouvertes-grid-list-item-img::after {
  opacity: 1;
  transform: rotate(0deg);
}

.cote-decouvertes-grid-list-item-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: 1rem;
  padding: 1.6rem 1rem;
}

.cote-decouvertes-grid-list-item-content > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cote-decouvertes-grid-list-item-content h2 {
  font-size: 1.25rem;
  margin: 0;
}

.cote-decouvertes-grid-list-item-content h2 a {
  text-decoration: none;
}

.cote-decouvertes-grid-list-item-content h2:hover,
.cote-decouvertes-grid-list-item-content h2 a:hover {
  text-decoration: none;
  color: var(--cdt-accent-color);
}

.cote-decouvertes-grid-list-item-content h2 a::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.cote-decouvertes-grid-list-item-content p {
  color: #666;
}

.cote-decouvertes-grid-list-item-price {
  display: flex;
  gap: 0.3rem;
  font-weight: 600;
}
.cote-decouvertes-grid-list-item-price strong {
  font-weight: 600;
  font-size: 1.6rem;
  color: #18848c;
}

.cote-decouvertes-grid-list-item-content-column {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
}

.cote-decouvertes-grid-list-item-content-column > div {
  /* flex: 1; */
}

.cote-decouvertes-grid-list-item-content-column > div:first-child strong {
  font-weight: 600;
  font-size: 1.4rem;
}

.cote-decouvertes-grid-list-item-content-column > div:last-child {
  display: flex;
  justify-content: flex-end;
}

.cote-decouverte-no-result {
  font-size: 1.3rem;
  grid-column-start: 1;
  grid-column-end: -1;
}

.cote-decouverte-no-result[hidden] {
  display: none;
}

/** search bar */
.cdt-search-bar {
  padding: 0.2rem;
  margin: 0 auto;
  padding: 0.5rem;
  border-radius: var(--radius-element-form);
}

.home .cdt-search-bar {
  max-width: 67rem;
}

.cdt-search-bar form {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .cdt-search-bar {
    border-radius: 0.25rem;
  }

  .cdt-search-bar form {
    flex-direction: column;
  }
}

.cdt-search-bar label {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  padding-right: 1rem;
  border: 1px solid #caced1;
  background-color: #fff;
  border-radius: var(--radius-element-form);
}

.cdt-search-bar label span {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.cdt-search-bar label::after {
  position: absolute;
  right: 0.5rem;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");
  background-color: #666;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  pointer-events: none;
}

.cdt-search-bar select {
  position: relative;
  appearance: none;
  width: 100%;
  font-size: 1rem;
  padding: 0.675rem 1rem 0.675rem 1rem;
  background-color: #fff;
  border: none;
  border-radius: var(--radius-element-form);
  color: #000;
  cursor: pointer;
}

.cdt-search-bar select:focus {
  outline: none;
}

.cdt-search-bar label:focus-within {
  outline: 0.5px solid var(--cdt-accent-color);
}

.cdt-search-bar button {
  /**
  1. Change the font styles in all browsers
  2. Remove the margin on controls in Safari
  3. Show the overflow in Edge */
  text-transform: none;
  font-family: inherit;
  margin: 0;
  overflow: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  outline: none;
  border-color: transparent;
  background-color: transparent;
  padding: 0.675rem 1rem;
  border-radius: var(--radius-element-form);
  border-style: solid;
  border-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 1rem;
  background-color: #000;
  color: #fff;
  width: fit-content;
  transition: background-color 0.3s ease;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 100%);
  background-repeat: repeat-x;
}

.cdt-search-bar button svg[hidden] {
  display: none;
}

.cdt-search-bar button:hover {
  background-color: #333;
}

@media screen and (max-width: 768px) {
  .cdt-search-bar button {
    width: 100%;
  }
}

.cdt-search-reset:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem 0 0.5rem 0;
  min-height: 1.7rem;
}

.cdt-search-reset button:not([hidden]) {
  font-size: 0.8rem;
  padding: 0.2rem 0.3rem 0.2rem 0.7rem;
  background-color: #e0dfdf;
  color: #666;
  width: fit-content;
}

.cdt-search-reset button:not([hidden]):hover {
  background-color: #d6d3d3;
}

.cdt-search-reset button[hidden] {
  display: none;
}

/** fix after update */
header.qodef-mobile-header .qodef-mobile-header-inner {
  background-color: #fff;
}

@media screen and (min-width: 1400px) {
  .qodef-container-inner {
    width: 1300px;
  }
}

h3 {
  color: #000;
  font-family: Satisfy;
  font-size: 1.8em;
  font-style: inherit;
  font-weight: 300;
  letter-spacing: 0.3px;
}

h3 strong {
  font-weight: 400;
}

h2 {
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.05px;
}

h1 {
  font-size: 3.5em;
}

.qodef-title-holder .qodef-title-wrapper .qodef-page-subtitle {
  color: #000;
  font-family: Satisfy;
  line-height: 35px;
}

a,
p a {
  color: var(--cdt-accent-color);
  text-decoration: underline;
}

a:hover,
p a:hover {
  color: var(--cdt-accent-color-hover);
  text-decoration: none;
}

/** BLOG */
.single-post .qodef-wrapper {
  top: 10px;
}

.single-post .qodef-page-title {
  text-shadow: none;
  text-wrap: balance;
}

@media screen and (min-width: 1024px) {
  .single-post .qodef-title-holder {
    height: 420px !important;
  }
  .single-post .qodef-title-holder .qodef-grid {
    margin-top: 100px;
  }
  .single-post .wpb-content-wrapper {
    max-width: 1050px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  .single-post .qodef-title-holder {
    height: 380px !important;
  }
}

@media screen and (max-width: 768px) {
  .single-post .qodef-title-holder {
    height: 380px !important;
  }
}

.qodef-sticky-header .qodef-logo-wrapper {
  transition: opacity;
  opacity: 0;
}
.qodef-sticky-header.header-appear .qodef-logo-wrapper {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .qodef-page-header .qodef-logo-wrapper a img {
    left: -40px;
    top: 15px;
  }
}

.qodef-sticky-header .qodef-logo-wrapper a img {
  top: 0;
}

@media screen and (min-width: 1024px) {
  .single-post .qodef-top-bar {
    width: 100%;
    max-width: 100vw;
    padding: 0 0 0 20px;
  }
  .single-post .qodef-top-bar > .qodef-grid {
    width: 100%;
    max-width: 100vw;
    padding: 0 0 0 0;
  }
}

@media screen and (max-width: 1024px) {
  nav.qodef-main-menu > ul {
    padding-left: 150px;
    margin-left: 0;
  }
}

@media screen and (max-width: 1324px) {
  nav.qodef-main-menu > ul {
    padding-left: 160px;
    margin-left: 0;
  }
}

@media screen and (min-width: 1350px) {
  nav.qodef-main-menu > ul > li > a {
    padding: 0 20px;
  }
}

@media (min-width: 1150px) and (max-width: 1350px) {
  nav.qodef-main-menu > ul > li > a {
    padding: 0 15px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1150px) {
  nav.qodef-main-menu > ul > li > a {
    padding: 0 5px;
  }
}

/**
 * old CSS
 */

/* Agrandis image bandeau title sur petit écran */
@media (max-width: 768px) {
  .qodef-title-image {
    width: 1200px;
  }
}

@media (max-width: 768px) {
  .qodef-page-subtitle {
    margin-top: 0 !important;
  }
}

/*Test : appliquer les paramètres des pages catégories à toutes les pages*/
@media all and (max-width: 850px) {
  .vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media all and (max-width: 850px) {
  .qodef-page-content-is-boxed .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner {
    margin: 15 px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media all and (max-width: 850px) {
  .qodef-container-inner,
  .qodef-grid,
  .qodef-row-grid-section {
    width: 90% !important;
  }
}

/* background grisé sur les pages catégories
.page-id-16501 .qodef-page-title,
.page-id-6671 .qodef-page-title,
.page-id-6799 .qodef-page-title,
.page-id-6666 .qodef-page-title,
.page-id-6790 .qodef-page-title,
.page-id-6796 .qodef-page-title,
.page-id-6793 .qodef-page-title,
.page-id-6799 .qodef-page-title,
.page-id-6674 .qodef-page-title,
.page-id-6683 .qodef-page-title,
.page-id-6771 .qodef-page-title,
.page-id-6678 .qodef-page-title,
.page-id-6676 .qodef-page-title,
.page-id-6802 .qodef-page-title,
.page-id-6681 .qodef-page-title,
.page-id-31308 .qodef-page-title {
	visibility:visible ;
 background-color : rgba(0, 0, 0, 0.3);

}
*/

@media all and (max-width: 850px) {
  .page-id-27 vc_gitem-zone vc_gitem-zone-a vc_gitem-is-link {
    height: 313px;
    background-image: url(https://cote-decouvertes.localhost/wp-content/uploads/2019/12/Miniature-Séjour-Voyages-Scolaires-Educatifs-Classes-de-mer.jpg) !important;
  }
}

@media all and (max-width: 850px) {
  .BoutonDevisPlan21 {
    margin-left: 0px !important;
    text-align: center;
  }
}

@media all and (max-width: 850px) {
  .qodef-page-content-is-boxed.qodef-content-overlapping .qodef-title-holder .qodef-title-inner {
    padding-bottom: 0px !important;
  }
}

/*PAGES SEJOURS MOBIL LARGEUR */
@media all and (max-width: 850px) {
  .vc_row[data-vc-full-width] {
    position: relative;
    left: -72.5px;
    box-sizing: border-box;
    width: 385px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media all and (max-width: 850px) {
  .qodef-page-content-is-boxed .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner {
    box-shadow: none !important;
  }
}

/*
@media all and (max-width: 1024px)
{.postid-25367 .vc_row-fluid:nth-child(1n+0)
	{
      position: relative;
			left: -72.5px;
			box-sizing: border-box;
			width: 385px;
			padding-left: 0px!important;
			padding-right: 0px!important;
    }
}
*/

/* Formulaire CS */
#gform_submit_button_12,
#gform_previous_button_12,
#gform_next_button_12_55 {
  background-color: #ff9906;
  width: 100px;
  line-height: 25px;
  text-align: center;
  /*vertical-align:middle;*/
  color: white;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  border-radius: 20px;
}

#input_12_58_3,
#input_12_99,
#input_12_71,
#input_12_72,
#input_12_64,
#input_12_65,
#input_12_58_1,
#input_12_56,
#input_58_3,
#input_12_58_5,
#input_12_63_3,
#input_12_115_4 {
  background-color: white;
}

.page-id-24079 .priceGrid {
  color: #ffa600;
}

.page-id-24079 .qodef-page-title {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.3);
}

.instruction {
  visibility: hidden;
}
.brtmay h3 {
  font-size: 30px;
}

.brtmay1 h3 {
  font-size: 30px;
}
.brtmay h2 {
  font-size: 42px;
}

.qodef-mobile-nav {
  height: max-content !important;
}

#nav-menu-item-23831,
#nav-menu-item-23986 {
  background-color: #8bb31d;
  border-radius: 50px;
  height: 55px;
  margin-top: 13px;
}

#nav-menu-item-23831 span.item_text,
#nav-menu-item-23986 span.item_text {
  color: white !important;
}

.qodef-main-menu > ul > li > a {
  padding: 0 30px;
}

/*@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px){.ongletProg{
	width:50%;
}
}
*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .vc_tta-tab {
    margin-right: -5px !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .vc_tta-tabs-container {
    left: -135px !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .vc_tta-title-text {
    font-size: 9.5px;
    margin-left: 7.5px !important;
  }
}

/*@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1336px)
{.vc_tta-title-text{
	font-size: 9.5px;
	margin-left:7px!important
}}

@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1336px)
{.vc_tta-tabs-container{
	width: 60%!important;
  left:-125px!important;

	}}*/

@media screen and (max-width: 800px) {
  .titleResp h2 {
    font-size: 40px !important;
    font-weight: bold;
  }
}

.qodef-page-content-is-boxed .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner {
  padding: 50px 50px 50px;
}
/*
 @media screen and (min-width: 768px) and (max-width: 1024px){#slider-5-slide-6-layer-12{
	position: absolute;
	top: 150px!important;
  left: 905px !important;
	width: 150%!important;
}
}

@media screen and (max-width: 1024px){#slider-5-slide-6-layer-12{
	position: absolute;
	left: 905px!important;
	top: 150px!important;
	width: 150%!important;
}
}
*/
.qodef-testimonials-holder .qodef-testimonial-author {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type="radio"] {
  margin-left: 0.12em !important;
}

#input_4_64 {
  border: 0px white;
}

body #content .page .gform_wrapper,
body #content .page .gform_wrapper p,
body #content .page .gform_wrapper ul,
body #content .page .gform_wrapper ul li,
body #content .page .gform_wrapper ol,
body #content .page .gform_wrapper ol li {
  color: #000000 !important;
}

#field_4_64 {
  padding-top: 15px;
}

#field_4_65 {
  padding-top: 15px;
}

#input_6_115 {
  padding-top: 24px;
}

#input_6_115_4 {
  background-color: white;
}

#field_6_111 {
  padding-right: 8%;
}

#field_6_112 {
  padding-right: 8%;
}

#field_6_113 {
  padding-right: 8%;
}

/*#field_6_99{.postid-3556
	padding-right: %;
}*/

.espP {
  padding-top: 2.5%;
  padding-bottom: 2.5%;
}

.qodef-testimonials-holder.qodef-testimonials-light .qodef-testimonial-text {
  color: black !important;
}

.qodef-next-icon {
  color: black !important;
}

.qodef-next-icon:hover {
  color: white !important;
}
.qodef-prev-icon {
  color: black !important;
}

.qodef-prev-icon:hover {
  color: white !important;
}

.qodef-testimonial-author {
  color: black !important;
}

span.item_text {
  color: black !important;
}

span.item_text:hover {
  color: #8bb31d !important;
}

a.page-id-6999 {
  color: black !important;
}

a.lastViewedTitle {
  color: black !important;
}

a.lastViewedTitle:hover {
  color: #8bb31d !important;
}

#field_6_65 {
  padding-top: 5px;
}
#field_6_64 {
  padding-top: 5px;
}

#input_6_64 {
  background-color: #ffff !important;
  height: 100% !important;
}

.qodef-page-footer .widget a {
  color: #ffff;
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
  .page-id-19935 .vc_tta-tabs-container {
    width: 150.2% !important;
    height: auto !important;
    font-size: 25px !important;
    left: -201px !important;
    font-weight: bold !important;
  }
}

.page-id-19935 .vc_tta-tabs-container {
  width: 120.5% !important;
  height: auto !important;
  font-size: 17.39px !important;
  left: -102px !important;
  font-weight: bold !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#ui-datepicker-div .ui-datepicker-calendar {
  background-color: rgba(255, 255, 255, 0) !important;
}

#ui-datepicker-div .ui-datepicker-calendar thead th {
  color: black;
  font-weight: 700;
}

.qodef-title-holder .qodef-title-wrapper h1.qodef-page-title {
  color: #fff;
  letter-spacing: 0.2px !important;
}

.qodef-title-holder .qodef-title-wrapper h2.qodef-page-title {
  color: #fff;
}

.qodef-page-title {
  visibility: visible;
  text-shadow: #484848 2px 2px 5px;
}
.qodef-page-subtitle {
  color: #fff;
  visibility: visible;
  color: #fff;
  text-shadow: #484848 2px 2px 5px;
  font-size: 30px;
  padding-bottom: 30px;
  font-weight: normal;
}

.qodef-page-footer .qodef-footer-top-holder {
  background-color: black !important;
}

/*.page-id-6676 .vc_custom_heading a{
 font-size: 17.6px;
}*/

.qodef-light-logo {
  visibility: hidden;
}

.qodef-dark-logo {
  visibility: hidden;
}

.qodef-btt-text .ArrowTop {
  font-size: 25px;
  font-weight: 600;
}

.HomeGridtitle {
  font-weight: 600;
}

.qodef-btn-solid:hover {
  background-color: #8bb31d;
}

.qodef-btn:hover {
  background-color: #8bb31d;
}
.qodef-btn-medium:hover {
  background-color: #8bb31d;
}

#suite {
  display: none;
}

#suite:target {
  display: block;
}

.qodef-owl-slider .owl-dots .owl-dot span {
  background-color: #8bb31d;
}

.qodef-owl-slider .owl-nav .owl-prev:hover {
  background-color: #8bb31d;
}

.qodef-owl-slider .owl-nav .owl-next:hover {
  background-color: #8bb31d;
}
.qodef-item-text-holder-inner {
  background-color: rgba(255, 255, 255, 0.4);
}

.page-id-31 h2 {
  letter-spacing: -2px !important;
}

.page-id-23771 h2 {
  letter-spacing: -2px !important;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_3d img {
  border: 1px solid lightgray;
  box-shadow: 5px 5px 5px #555;
}

.Accueil-Img1 {
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -ms-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  transition: all 400ms ease 0s;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.Accueil-Img1:hover {
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.Accueil-Img1 img {
  animation-fill-mode: both;
}
.CorrectifRotate {
  animation-fill-mode: both;
  padding-top: 20px;
}

.Accueil-Img2 {
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -ms-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  transition: all 400ms ease 0s;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.Accueil-Img2:hover {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
.Accueil-Img2 img {
  animation-fill-mode: both;
}
.CorrectifRotate {
  animation-fill-mode: both;
  padding-top: 20px;
}

.qodef-btt-text {
  -ms-transform: rotate(-90deg);
  /* Internet Explorer */
  -moz-transform: rotate(-90deg); /* Firefox */
  -webkit-transform: rotate(-90deg); /* Safari et Chrome */
  -o-transform: rotate(-90deg); /* Opera */
  background-color: white;
}

.qodef-item-text-holder {
  background-color: rgba(0, 0, 0, 0.1);
}

.qodef-title-inner {
  visibility: hidden;
}

li {
  list-style-position: outside;
}

.vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern {
  background-color: #f29400;
  border-color: #f29400;
}

.vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern {
  background-color: #6f3f54;
  border-color: #6f3f54;
}

/* 3 COLONNES GABARIT ESP&PORT COL */

.TabESP-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #e88a35;
  background: #e88a35;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabESP-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #e88a35;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT ESP&PORT COL */

/* 3 COLONNES GABARIT RU COL */

.TabRU-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #e83d34;
  background: #e83d34;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabRU-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #e83d34;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT RU COL */

/* 3 COLONNES GABARIT IT&MALTE COL */

.TabIT-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #3aab3f;
  background: #3aab3f;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabIT-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #3aab3f;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT IT&MALTE COL */

/* 3 COLONNES GABARIT GRANDE EUROPE COL */

.TabEU-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #e7ad32;
  background: #e7ad32;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabEU-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #e7ad32;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT GRANDE EUROPE COL */

/* 3 COLONNES GABARIT INTEGRATION COL */

.TabInte-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #18848c;
  background: #18848c;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabInte-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #18848c;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT INTEGRATION COL */

/* 3 COLONNES GABARIT Evenements */

.TabEvent-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #f1b23e;
  background: #f1b23e;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabEvent-RoundedBlocsBottom2 {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #ffa600;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabEvent-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #f1b23e;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Evenements */

/* 3 COLONNES GABARIT Nature */

.TabNature-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #9cc155;
  background: #9cc155;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabNature-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #9cc155;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Nature */

/* 3 COLONNES GABARIT Montagne */

.TabMontagne-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #2d7c26;
  background: #2d7c26;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabMontagne-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #2d7c26;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Montagne */

/* 3 COLONNES GABARIT Patrimoine */

.TabPatrimoine-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #814533;
  background: #814533;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabPatrimoine-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #814533;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Pat */

/* 3 COLONNES GABARIT Sans Cartable */

.TabSansCartable-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #ffa600;
  background: #ffa600;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabSansCartable-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #ffa600;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Sc */

/* 3 COLONNES GABARIT Art */

.TabArt-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #6f3f54;
  background: #6f3f54;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabArt-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #6f3f54;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Art */

/* 3 COLONNES GABARIT Sans frontieres */

.TabSSF-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #ed572d;
  background: #ed572d;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabSSF-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #ed572d;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Sans frontieres */

/* 3 COLONNES GABARIT MER */

.TabMer-RoundedBlocsTop {
  border-radius: 25px 0px 0px 0px;
  -moz-border-radius: 25px 0px 0px 0px;
  -webkit-border-radius: 25px 0px 0px 0px;
  border-bottom-width: 0;
  padding: 15px;
  border: 1.5px solid #4998b3;
  background: #4998b3;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.TabMer-RoundedBlocsBottom {
  border-radius: 0px 0px 25px 0px;
  -moz-border-radius: 0px 0px 25px 0px;
  -webkit-border-radius: 0px 0px 25px 0px;
  border-top-width: 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  border: 1.5px solid #4998b3;
  -moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
  -o-box-shadow: 5px 5px 5px 0px #dcdcdc;
  box-shadow: 5px 5px 5px 0px #dcdcdc;
}

/** FIN 3 COLONNES GABARIT Mer */

/* 3 COLONNES GABARIT ART VIOLET */

.Tab3-RoundedBlocs10,
.Tab3-RoundedBlocs20,
.Tab3-RoundedBlocs30 {
  padding-right: 40px !important;
  padding-bottom: 45px !important;
}

@media screen and (max-width: 900px) {
  .Tab3-RoundedBlocs10,
  .Tab3-RoundedBlocs20,
  .Tab3-RoundedBlocs30 {
    padding-right: 0px !important;
    padding-bottom: 45px !important;
  }
}
/*

.Tab3-RoundedBlocsTop{
	border-radius: 25px 0px 0px 0px;
	-moz-border-radius: 25px 0px 0px 0px;
	-webkit-border-radius: 25px 0px 0px 0px;
	border-bottom-width: 0;
	padding: 15px;
	border: 1.5px solid #6f3f54;
	background: #6f3f54;
	-moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
	-webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
	-o-box-shadow: 5px 5px 5px 0px #dcdcdc;
	box-shadow: 5px 5px 5px 0px #dcdcdc;
}

.Tab3-RoundedBlocsBottom{
	border-radius: 0px 0px 25px 0px;
	-moz-border-radius: 0px 0px 25px 0px;
	-webkit-border-radius: 0px 0px 25px 0px;
	border-top-width: 0;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	background: #fff;
	border: 1.5px solid #6f3f54;
	-moz-box-shadow: 5px 5px 5px 0px #dcdcdc;
	-webkit-box-shadow: 5px 5px 5px 0px #dcdcdc;
	-o-box-shadow: 5px 5px 5px 0px #dcdcdc;
	box-shadow: 5px 5px 5px 0px #dcdcdc;
}


.Tab3-RoundedBlocsBottom h4{
	text-transform:none !important;
	font-weight: bold !important;
}
*/
.SmallInfosMore p {
  font-size: 13px;
}

.BoutonDevisPlan {
  border-radius: 0px 8px 0px 8px;
  -moz-border-radius: 0px 8px 0px 8px;
  -webkit-border-radius: 0px 8px 0px 8px;
  margin-left: 2.2%;
}

.qodef-separator-holder.qodef-separator-center {
  margin-right: 5%;
}

.qodef-btn {
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 8px 0px 8px;
  -webkit-border-radius: 0px 8px 0px 8px;
}

.tarifAlign1col {
  float: right;
  position: absolute;
  top: -55px;
  right: 55px;
  width: 150px;
}

@media screen and (max-width: 800px) {
  .page-id-10290 .tarifAlign1col {
    float: right;
    position: absolute;
    top: -1.4%;
    right: 17px;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-9451 .tarifAlign1col {
    float: right;
    position: absolute;
    top: -1.4%;
    right: 17px;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-11096 .tarifAlign1col {
    float: right;
    position: absolute;
    top: -1.4%;
    right: 17px;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-9575 .tarifAlign1col {
    float: right;
    position: absolute;
    top: -1.4%;
    right: 17px;
    width: 110px !important;
  }
}

.tarifAlign {
  float: right;
  position: absolute;
  top: -55px;
  right: 55px;
  width: 150px;
}

/*.tarifAlign21{
		top: 40.8%;
	right: 55px;
	width: 150px;
}*/

.page-id-16924 .tarifAlign21 {
  float: right;
  position: absolute;

  top: 44.6%;
  right: 55px;
  width: 150px;
}

.page-id-14981 .tarifAlign21 {
  top: 39.9%;
  right: 55px;
  width: 150px;
}

.page-id-20265 .tarifAlign21 {
  top: 42.6%;
  right: 55px;
  width: 150px;
}

.page-id-17772 .tarifAlign21 {
  top: 37.7%;
  right: 55px;
  width: 150px;
}
.page-id-17715 .tarifAlign21 {
  top: 41.7%;
  right: 55px;
  width: 150px;
}

.page-id-16940 .tarifAlign21 {
  top: 44.8%;
  right: 55px;
  width: 150px;
}

.page-id-16840 .tarifAlign21 {
  top: 45.2%;
  right: 55px;
  width: 150px;
}

.page-id-16827 .tarifAlign21 {
  top: 36.3%;
  right: 55px;
  width: 150px;
}
.page-id-16660 .tarifAlign21 {
  top: 43.8%;
  right: 55px;
  width: 150px;
}

.page-id-17964 .tarifAlign21 {
  top: 43.2%;
  right: 55px;
  width: 150px;
}

.page-id-16970 .tarifAlign21 {
  top: 47%;
  right: 55px;
  width: 150px;
}

.page-id-17575 .tarifAlign21 {
  top: 44.4%;
  right: 55px;
  width: 150px;
}

.page-id-16713 .tarifAlign21 {
  top: 44%;
  right: 55px;
  width: 150px;
}

.page-id-15420 .tarifAlign21 {
  top: 38.9%;
  right: 55px;
  width: 150px;
}
.page-id-15682 .tarifAlign21 {
  top: 41.8%;
  right: 55px;
  width: 150px;
}
.page-id-15809 .tarifAlign21 {
  top: 37.4%;
  right: 55px;
  width: 150px;
}
.page-id-15836 .tarifAlign21 {
  top: 39.4%;
  right: 55px;
  width: 150px;
}

.page-id-15861 .tarifAlign21 {
  top: 39%;
  right: 55px;
  width: 150px;
}

.page-id-15229 .tarifAlign21 {
  top: 41.1%;
  right: 55px;
  width: 150px;
}
.page-id-15263 .tarifAlign21 {
  top: 39.1%;
  right: 55px;
  width: 150px;
}

.page-id-15263 .tarifAlign21 {
  top: 50.2%;
  right: -20px;
  width: 150px;
}

.page-id-16790 .tarifAlign21 {
  top: 43.3%;
  right: 55px;
  width: 150px;
}

.page-id-18132 .tarifAlign21 {
  top: 39.7%;
  right: 55px;
  width: 150px;
}
.page-id-16988 .tarifAlign21 {
  top: 38.3%;
  right: 55px;
  width: 150px;
}

.page-id-15255 .tarifAlign21 {
  top: 43.6%;
  right: 55px;
  width: 150px;
}

.page-id-17622 .tarifAlign21 {
  top: 40.6%;
  right: 55px;
  width: 150px;
}

.page-id-11031 .tarifAlignDouble-sup {
  top: 8%;
  right: 15px;
  width: 100px;
}
.page-id-11031 .tarifAlignDouble-inf {
  top: 13%;
  right: 15px;
  width: 100px;
}

@media screen and (max-width: 800px) {
  .page-id-11031 .tarifAlignDouble-sup {
    float: right;
    position: absolute;
    top: 0%;
    right: 15px;
    width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .page-id-11031 .tarifAlignDouble-inf {
    float: right;
    position: absolute;
    top: 3%;
    right: 15px;
    width: 70px;
  }
}

.page-id-16130 .tarifAlignDouble-sup {
  top: 6%;
  right: 20px;
  width: 100px;
}
.page-id-16130 .tarifAlignDouble-inf {
  top: 10.5%;
  right: 20px;
  width: 100px;
}

@media screen and (max-width: 800px) {
  .page-id-16130 .tarifAlignDouble-sup {
    float: right;
    position: absolute;
    top: 0%;
    right: 15px;
    width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .page-id-16130 .tarifAlignDouble-inf {
    float: right;
    position: absolute;
    top: 3%;
    right: 15px;
    width: 70px;
  }
}

.page-id-15263 .tarifAlignDouble-sup {
  top: 6%;
  right: 10px;
  width: 100px;
}
.page-id-15263 .tarifAlignDouble-inf {
  top: 10.5%;
  right: 15px;
  width: 100px;
}

@media screen and (max-width: 800px) {
  .page-id-15263 .tarifAlignDouble-sup {
    float: right;
    position: absolute;
    top: 0%;
    right: 15px;
    width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .page-id-15263 .tarifAlignDouble-inf {
    float: right;
    position: absolute;
    top: 3%;
    right: 15px;
    width: 70px;
  }
}
.page-id-15263 .tarifAlignDouble-col {
  top: 52%;
  right: 10px;
  width: 100px;
}

.page-id-15263 .tarifAlignDouble-col2 {
  top: 56.5%;
  right: 10px;
  width: 100px;
}

@media screen and (max-width: 800px) {
  .page-id-15263 .tarifAlignDouble-col {
    float: right;
    position: absolute;
    top: 47.4%;
    right: 15px;
    width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .page-id-15263 .tarifAlignDouble-col2 {
    float: right;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 70px;
  }
}

.page-id-16830 .tarifAlignDouble-sup {
  top: 6%;
  right: 20px;
  width: 100px;
}
.page-id-16830 .tarifAlignDouble-inf {
  top: 10.5%;
  right: 20px;
  width: 100px;
}

@media screen and (max-width: 800px) {
  .page-id-16830 .tarifAlignDouble-sup {
    float: right;
    position: absolute;
    top: 0%;
    right: 15px;
    width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .page-id-16830 .tarifAlignDouble-inf {
    float: right;
    position: absolute;
    top: 3%;
    right: 15px;
    width: 70px;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16993 .tarifAlignDouble-col {
    float: right;
    position: absolute;
    top: 46.4%;
    right: 15px;
    width: 70px;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16993 .tarifAlignDouble-col2 {
    float: right;
    position: absolute;
    top: 49%;
    right: 15px;
    width: 70px;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16993 .tarifAlignDouble-sup {
    float: right;
    position: absolute;
    top: 0%;
    right: 15px;
    width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .page-id-16993 .tarifAlignDouble-inf {
    float: right;
    position: absolute;
    top: 3%;
    right: 15px;
    width: 70px;
  }
}

.tarifAlignDouble-col {
  float: right;
  position: absolute;
  top: 53%;
  right: 10px;
  width: 100px;
}

.tarifAlignDouble-col2 {
  float: right;
  position: absolute;
  top: 57.5%;
  right: 10px;
  width: 100px;
}

.tarifAlign21 {
  float: right;
  position: absolute;
  /*top: 1152px;   */
  top: 43%;
  right: 55px;
  width: 150px;
}

.tarifAlignDouble-supsolo {
  float: right;
  position: absolute;
  top: 6%;
  right: 15px;
  width: 100px;
}

@media screen and (max-width: 800px) {
  .tarifAlignDouble-supsolo {
    float: right;
    position: absolute;
    top: 0%;
    right: 15px;
    width: 70px;
  }
}

.tarifAlignDouble-sup {
  float: right;
  position: absolute;
  top: 6%;
  right: 20px;
  width: 100px;
}

.tarifAlignDouble-inf {
  float: right;
  position: absolute;
  top: 10.5%;
  right: 20px;
  width: 100px;
}

.tarifAlignArt {
  float: right;
  position: absolute;
  /*top: 1152px;   */
  top: 40%;
  right: 55px;
  width: 150px;
}

.SmallInfosMore p {
  font-size: 13px;
}

.BoutonDevisPlan {
  border-radius: 0px 8px 0px 8px;
  -moz-border-radius: 0px 8px 0px 8px;
  -webkit-border-radius: 0px 8px 0px 8px;
  margin-left: 2.2%;
}

.BoutonDevisPlan21 {
  border-radius: 0px 8px 0px 8px;
  -moz-border-radius: 0px 8px 0px 8px;
  -webkit-border-radius: 0px 8px 0px 8px;
  margin-left: 2.2%;
}

@media screen and (max-width: 1200px) {
  .BoutonDevisPlan {
    border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    -webkit-border-radius: 0px 8px 0px 8px;
    margin-left: -7%;
    text-align: center;
  }
}

@media screen and (max-width: 800px) {
  .BoutonDevisPlan21 {
    border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    -webkit-border-radius: 0px 8px 0px 8px;
    margin-left: -19%;
    text-align: center;
  }
}

@media screen and (max-width: 1200px) {
  .BoutonDevisPlan21 {
    border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    -webkit-border-radius: 0px 8px 0px 8px;
    text-align: center;
  }
}

@media screen and (max-width: 1200px) {
  .BoutonDevisPlan {
    border-radius: 0px 8px 0px 8px;
    -moz-border-radius: 0px 8px 0px 8px;
    -webkit-border-radius: 0px 8px 0px 8px;
    margin-left: -7%;
    text-align: center;
  }
}

/*@media screen and (max-width: 800px){
.tarifAlign{
	float:right;
	position: absolute;
	top:-35px!important;
	right: 10px!important;
	width: 110px!important;
}
}
*/

@media screen and (max-width: 800px) {
  .tarifAlign {
    float: right;
    position: absolute;
    top: -47px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16924 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1595px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-18132 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 2080px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-14981 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1755px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-17964 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 2075px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-20265 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 2187px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-17772 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1753px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-17715 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1571px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16940 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1651px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16840 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1654px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16827 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1423px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16660 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1725px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16713 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1812px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16970 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1560px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-17575 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 2261px !important;
    right: 25px !important;
    width: 110px !important;
  }
}
@media screen and (max-width: 800px) {
  .page-id-17622 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1897px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-15420 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1610px !important;
    right: 10px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-15682 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1894px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-15809 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1510px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-15836 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1690px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-15861 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1650px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-15263 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 2131px !important;
    right: 25px !important;
    width: 110px !important;
  }
}
@media screen and (max-width: 800px) {
  .page-id-15229 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 2195px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .page-id-16790 .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1789px !important;
    right: 25px !important;
    width: 110px !important;
  }
}

@media screen and (max-width: 800px) {
  .tarifAlign21 {
    float: right;
    position: absolute;
    top: 1621px;
    right: 25px;
    width: 110px;
  }
}

@media screen and (max-width: 800px) {
  .tarifAlignArt {
    float: right;
    position: absolute;
    /*top: 1152px;   */
    top: 45%;
    right: 10px !important;
    width: 110px;
  }
}
/* FIN 3 COLONNES GABARIT ART VIOLET */

/* DEBUT CLASSES ARTISTIQUES PLANNING 2 COLONNES*/

.Tab3-RoundedBlocs1,
.Tab3-RoundedBlocs2,
.Tab3-RoundedBlocs3 {
  padding-right: 60px !important;
  padding-bottom: 20px !important;
}

.PlanningRounded12 {
  border: 1.5px solid #6f3f54;
  box-shadow: 0px 5px 5px #555;
  border-radius: 10px 0px 10px 0px;
  padding-left: 0.8%;
  padding-right: 1%;
  padding-bottom: 2%;
  margin-left: 3%;
  margin-right: 7%;
  width: 40%;
}

.Tab12-RoundedBlocsTop {
  border-radius: 8px 0px 0px 0px;
  -moz-border-radius: 8px 0px 0px 0px;
  -webkit-border-radius: 5px 0px 0px 0px;
  width: 114.5%;
  margin-left: -9%;
  background: #6f3f54;
  padding-top: 2px;
  padding-bottom: 25px;
}

.tarifAlign12 {
  float: right;
  position: absolute;
  top: -60px;
  right: -25px;
  width: 150px;
}

@media screen and (max-width: 800px) {
  .PlanningRounded12 {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1200px) {
  .Tab12-RoundedBlocsTop {
    border-radius: 8px 0px 0px 0px;
    -moz-border-radius: 8px 0px 0px 0px;
    -webkit-border-radius: 8px 0 0 0;
    width: 120.5%;
    margin-left: -14.5%;
    background: #6f3f54;
    padding-top: 2px;
    padding-bottom: 25px;
  }
}
.qodef-separator-holder.qodef-separator-center {
  margin-right: 5%;
}
/*
@media screen and (max-width: 800px) {
.tarifAlign{
	float:right;
	position: absolute;
	top:-60px;
	right: -25px;
	width: 150px;
}
}
*/

@media screen and (max-width: 800px) {
  .Tab3-RoundedBlocs1,
  .Tab3-RoundedBlocs2,
  .Tab3-RoundedBlocs3 {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-bottom: 70px;
  }
}

@media screen and (max-width: 800px) {
  .Tab3-RoundedBlocsTop {
    border-radius: 8px 0px 0px 0px;
    -moz-border-radius: 8px 0px 0px 0px;

    padding-bottom: 20px;
  }
}

@media screen and (max-width: 800px) {
  .qodef-position-center {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
  }
}

h4 {
  letter-spacing: 0.03em;
}

.lastViewedThumb img {
  border-radius: 50%;
  margin-right: 10px;
}
.lastViewedcontent {
  padding-top: 18px;
}

.page-id-16501 .priceGrid {
  color: #f1b23e;
}

.page-id-6674 .priceGrid {
  color: #ed572d;
}

.page-id-6802 .priceGrid {
  color: #e83d34;
}

.page-id-6796 .priceGrid {
  color: #3aab3f;
}

.page-id-6799 .priceGrid {
  color: #e7ad32;
}

.page-id-6793 .priceGrid {
  color: #e88a35;
}

.page-id-6681 .priceGrid {
  color: #6f3f54;
}

.page-id-6683 .priceGrid {
  color: #4998b3;
}

.page-id-6676 .priceGrid {
  color: #814533;
}
.page-id-6678 .priceGrid {
  color: #9cc155;
}
.page-id-6671 .priceGrid {
  color: #2d7c26;
}

.qodef-main-menu > ul {
  margin-left: 130px;
}
.qodef-position-center-inner {
  justify-content: center;
}
.qodef-position-center {
  display: block;
}

.qodef-position-center {
  position: fixed;
}

.qodef-logo-wrapper a img {
  position: relative;
  left: -30px;
  top: 25px;
  width: auto;
  height: 135%;
}

.qodef-normal-logo {
}
.qodef-mobile-header .qodef-mobile-logo-wrapper img {
  display: block;
  height: 85% !important;
  width: auto;
}

.qodef-title-holder .qodef-title-wrapper .qodef-page-subtitle {
  margin-top: 30px;
}

.vc_tta-panel-heading {
  position: relative;
  top: 25px;
}

.qodef-setsail-burger {
  visibility: hidden;
}
.bannerbord {
  border: solid 1px;
}

.vc_tta-tabs-container {
  width: 140% !important;
  height: auto;
  font-size: 15.92px;
  left: -200px;
  font-weight: bold;
}
.fa-arrow-circle-o-left:before {
  visibility: hidden;
}
.wksl-slidebar {
  width: 240px !important;
  padding: 0 50px !important;
  background-attachment: fixed;
  background-position: center bottom;
  height: 100% !important;
}

p.SidebarTxt {
  top: 25% !important;
  font-size: 18px;
}
.txtbold {
  font-size: 22px;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  .wksl-slidebar {
    display: none !important;
  }
  .qodef-page-content-is-boxed.qodef-content-overlapping
    .qodef-content
    .qodef-content-inner
    > .qodef-container
    > .qodef-container-inner {
    margin-top: 0px;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .wksl-slidebar .wksl-slidebar-content {
    padding-top: 30px !important;
  }
  .txtbold {
    font-size: 15px;
  }
  p.SidebarTxt {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wksl-slidebar .wksl-slidebar-content {
    padding-top: 50px !important;
  }
  .txtbold {
    font-size: 18px;
  }
  p.SidebarTxt {
    font-size: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .wksl-slidebar .wksl-slidebar-content {
    padding-top: 50px !important;
  }
  .txtbold {
    font-size: 22px;
  }
  p.SidebarTxt {
    font-size: 18px;
  }
}

.wksl-slidebar .wksl-slidebar-trigger {
  height: 200px !important;
  width: 40px !important;
  border-radius: 0 !important;
  top: 40% !important;
}

.wksl-slidebar .wksl-slidebar-trigger {
  z-index: 666;
  left: 40px !important;
  position: absolute;
  border-radius: 0 !important;
  background-image: url("/wp-content/uploads/2019/12/SidebarRecemment.jpg");
  background-repeat: no-repeat;
  height: 250px !important;
  top: 450px !important;
}

.fa-arrow-left::before {
  content: "" !important;
}

img.SidebarImg {
  position: absolute;
  bottom: 200px;
}
#input_6_108,
#input_6_107,
#input_6_101,
#input_6_96,
#input_6_97,
#input_6_98 {
  background-color: white;
  margin-right: 130px;
}

/* Mise en forme des champs des formulaires */
#input_6_56,
#input_6_58_1,
#input_6_58_2,
#input_6_58_3,
#input_6_58_4,
#input_6_58_5,
#input_6_63_3,
#input_6_63_4,
#input_6_63_6,
#input_6_65,
#input_6_99,
#input_4_25,
#input_4_26,
#input_4_56,
#input_4_58_1,
#input_4_31,
#input_4_37,
#input_4_58_2,
#input_4_58_3,
#input_4_58_4,
#input_4_58_5,
#input_4_63_3,
#input_4_63_4,
#input_4_63_6,
#input_4_64,
#input_4_65,
#input_4_67,
#input_4_63_3,
#input_4_63_4,
#input_4_63_6,
#input_4_64,
#input_4_65,
#input_4_67,
#input_7_58_1,
#input_7_58_2,
#input_7_58_3,
#input_7_58_4,
#input_7_58_5,
#input_7_56,
#input_7_50,
#input_7_55,
#input_7_5_5,
#input_7_63_3,
#input_7_63_4,
#input_7_63_5,
#input_7_63_6,
#input_7_65,
#input_7_67,
#input_4_50,
#input_6_72,
#input_6_71,
#input_6_87,
#input_7_24,
#input_7_23,
#input_7_70,
#input_7_70,
#input_7_31,
#input_7_37,
#input_7_26,
#input_7_25,
#input_16_70,
#input_16_23,
#input_16_24,
#input_16_25,
#input_16_26,
#input_16_31,
#input_16_50,
#input_16_56,
#input_16_58_1,
#input_16_58_2,
#input_16_58_4,
#input_16_58_5,
#input_16_63_3,
#input_16_63_4,
#input_16_63_6,
#input_16_67 {
  background-color: white;
}

/* Mise en forme des boutons des formulaires */
.gform_next_button,
.gform_previous_button,
.gform_button {
  background-color: #ff9906;
  width: 100px;
  line-height: 25px;
  text-align: center;
  /*vertical-align:middle;*/
  color: white;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  border-radius: 20px;
}

/* Mise en forme étape formulaire */
.gf_page_steps {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #ff9906;
}

.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
  padding: 25px;
  border: 2px dashed grey;
  text-align: center;
  color: grey;
  margin-bottom: 10px;
}

.gform_wrapper .gform_page_footer {
  border-top: none;
}

.gform_body {
  background-color: whitesmoke;
  padding: 20px 40px 10px 40px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-image: url(/wp-content/uploads/2019/11/AdobeStock_249086616-Converti-e1574674156708.png);
  background-position: bottom right;
}

#gform_next_button_1_22:hover {
  background-color: #fece44;
  display: block;
}

.fa-fw {
  color: black;
}

#exemples-plannings .qodef-tab-title {
  color: #18848c;
}

.vc_grid-item-mini {
  box-shadow: 6px 5px 5px rgba(0, 0, 0, 0.18);
}

/* Styles communs pour les classes dynatarif et dynatarifX */
.dynatarif:before,
.dynatarif1:before,
.dynatarif2:before,
.dynatarif3:before,
.dynatarif4:before,
.dynatarif5:before,
.dynatarif6:before {
  content: " dès   ";
  font-weight: bold;
  color: black;
  font-size: 24px;
  line-height: 55px;
  padding-right: 2%;
}

.dynatarif,
.dynatarif1,
.dynatarif2,
.dynatarif3,
.dynatarif4,
.dynatarif5,
.dynatarif6 {
  font-weight: bold;
  font-size: 25px;
  text-align: left;
}

/* Couleurs spécifiques */
.dynatarif {
  color: #3aab3f;
}
.dynatarif1 {
  color: #18848c;
}
.dynatarif2 {
  color: #e88a35;
}
.dynatarif3 {
  color: #e7ad32;
}
.dynatarif4 {
  color: #e83d34;
}
.dynatarif5 {
  color: #770042;
  font-size: 29px; /* Exception pour dynatarif5 */
}
.dynatarif6 {
  color: #a67f1e;
}

/* Styles pour priceGrid */
.priceGrid:before {
  content: " A partir de";
  color: black;
  font-size: 14px;
  line-height: 55px;
  padding-right: 2%;
}

.priceGrid:after {
  content: "par élève";
  color: black;
  font-size: 14px;
  line-height: 55px;
  padding-left: 2%;
}

.priceGrid {
  color: #18848c;
  font-weight: bold;
  font-size: 25px;
}

.table td {
  padding: 0px;
}

p.bordure_verticale {
  height: 200px;
  padding-right: 100px;
  border-right: 3px solid #18848c;
}

.bannercata.qodef-banner-holder.qodef-banner-info-top .qodef-banner-text-holder {
  background-color: #8bb31d;
}

.menunotshow {
  display: none;
}

.vc_btn3.vc_btn3-color-success,
.vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
  background-color: #8bb31d;
}

.vc_tta-panel .vc_active {
  background-color: white;
}

.gform_wrapper .top_label input.medium {
  width: 90%;
  background-color: #dcdcdc;
  border: 0px;
}

.doc {
  width: 1000px;
  background: #f1f1f1;
  margin: auto;
}
section p {
  overflow: hidden;
  max-height: 0em;
  padding: 0;
  margin: 0;
  text-align: justify;
  font-family: intro;
  background: #e4e4e4;
}
section a {
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 10px;
  background: grey;
  border-bottom: 2px solid gray;
  color: white;
}

section:target p {
  max-height: 20em;
  padding: 10px;
}

.qodef-grid-row {
  margin-top: -50px;
}

.page-id-29 .qodef-tdi-text {
  background-color: rgba(27, 18, 111, 0.25);
}

.page-id-27 .qodef-st-tagline {
  /*line-height: 70px;*/
}

.page-id-27 .qodef-tdi-text {
  background-color: rgba(27, 18, 111, 0.1);
}
/*background-color:
	 rgba(112,128,144,0.8); */

.qodef-programme-title:before {
  content: " Exemple de ";
  line-height: 32px;
}

.qodef-programme-title {
  padding-bottom: 32px;
}

.postid-42
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-line-between-icons-inner {
  border-right: 2px dashed #748fc9;
}

.postid-42 .gf_progressbar_title {
  color: #8bb31d;
  font-weight: bold;
  font-size: 14px;
}

.postid-6396
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-line-between-icons-inner {
  border-right: 2px dashed #748fc9;
}

.postid-6396
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-route-id
  .qodef-route-id-inner {
  background-color: #8bb31d;
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
  font-weight: bold;
  font-size: 14px;
}

.postid-6300
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-line-between-icons-inner {
  border-right: 2px dashed #748fc9;
}

.postid-6300
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-route-id
  .qodef-route-id-inner {
  background-color: #8bb31d;
}

.postid-6300 .gf_progressbar_title {
  color: #8bb31d;
  font-weight: bold;
  font-size: 14px;
}

.postid-6376
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-line-between-icons-inner {
  border-right: 2px dashed #748fc9;
}

.postid-6376
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-route-id
  .qodef-route-id-inner {
  background-color: #8bb31d;
}

.postid-6376 .gf_progressbar_title {
  color: #8bb31d;
  font-weight: bold;
  font-size: 14px;
}

.postid-6277
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-line-between-icons-inner {
  border-right: 2px dashed #748fc9;
}

.postid-6277
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-route-id
  .qodef-route-id-inner {
  background-color: #8bb31d;
}

.postid-6277 .gf_progressbar_title {
  color: #8bb31d;
  font-weight: bold;
  font-size: 14px;
}

.qodef-tour-item-single-holder .qodef-tour-item-section .qodef-location-part .qodef-location-content {
  padding-top: 0px;
}

.postid-42
  .qodef-tour-item-single-holder
  .qodef-tour-item-section
  .qodef-route-top-holder
  .qodef-route-id
  .qodef-route-id-inner {
  background-color: #8bb31d;
}

.postid-3046 .entry-title {
  background-color: rgba(116, 143, 201, 0.7);
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}

#ContentSejour {
  font-size: 16px;
  line-height: 180%;
}

#TitleSejour {
  font-weight: bold;
}

.qodef-tours-standard-item-price-and-rating-holder {
  text-align: center;
  color: #748fc9;
  font-size: 16px;
}

.postid-3046 .qodef-tours-standard-item-top-content {
  background: #748fc9;
}

#gform_next_button_1_22 {
  background-color: #8bb31d;
  width: 100px;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  color: white;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

#gform_next_button_1_22:hover {
  background-color: #fece44;
  display: block;
}

/*#text-14 a{
    margin-right: px;
	 }

#text-14 a:hover{
   8bb31d
	 }*/

#text-14 {
  margin: 0px;
  background-color: #fece44;
  width: 155px;
  line-height: 45px;
}

#breadcrumbs {
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  #breadcrumbs {
    font-size: 10px;
    padding: 15px 0px 0px 0px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #breadcrumbs {
    font-size: 10px;
    padding: 15px 0px 0px 0px;
    text-align: center;
  }
}

.gform_title {
  font-family: poppins;
}

.gf_progressbar_title {
  color: green;
  font-family: prompt;
}

.qodef-menu-area {
  border: 10px solid white;
}

.qodef-menu-center {
  border: 10px solid white;
}

#breadcrumbs a {
  display: inline;
  border-top: 10px solid white;
  padding: 0px;
  text-transform: none;
  color: black;
}

#breadcrumbs a {
  display: inline;
  text-transform: none;
  /*border-bottom: 2px solid #8bb31d;*/
}

#breadcrumbs a:hover {
  border-bottom: 0;
  color: #8bb31d;
}

@media all and (max-width: 1118px) {
  .breadcrumbs {
    text-align: center;
  }
}

/*@media handheld, only screen and (max-width: 767px){
.titreM {
	font-size: 90px;}}*/

@media screen and (max-width: 1300px) {
  /*.qodef-position-center {
    position: absolute;
    left: 70px;
    width: 116%;
    height: 100%;
    text-align: center;
    z-index: 1;
	 }*/
  .qodef-logo-wrapper a img {
    position: relative;
    left: -20px;
    top: 25px;
    width: auto;
    height: 100% !important;
  }
}
.reduct-80 {
  font-size: 80%;
}

.reduct-60 {
  font-size: 60%;
}

.reduct-40 {
  font-size: 40%;
}

.title-satisfy {
  font-family: Satisfy;
  font-size: clamp(18px, 6vw, 30px);
  font-weight: 500;
}

/*Pour les liens obfusqués*/
span.obf-lk {
  color: #8bb31d;
}

span.obf-lk:hover,
span.obf-lk:active {
  text-decoration: underline;
  color: #8bb31d;
}

div.texte-blanc {
  color: white;
}

.background-jaune {
  border-color: rgb(254, 206, 68);
  background-color: rgb(254, 206, 68);
}

.bouton-messagerie-wrapper {
  display: flex;
  align-items: center;
}

.bouton-messagerie {
  font-size: 14px;
  background-color: rgb(254, 206, 68);
  color: black !important;
  padding: 16px 20px;
  text-decoration: none !important;
  transition: text-decoration 0.3s ease;
  height: 100%;
  display: flex; /* Pour assurer que le bouton occupe toute la hauteur de son parent */
  align-items: center; /* Pour aligner le texte verticalement */
}

.bouton-messagerie:hover {
  text-decoration: underline;
  background-color: rgb(253, 207, 68);
}

/* Styles pour pricePlanning */
.pricePlanning:before {
  content: " à partir de";
  font-family: Satisfy;
  font-size: 20px;
  line-height: 55px;
  padding-right: 2%;
}

.pricePlanning:after {
  content: "par élève";
  font-family: Satisfy;
  color: black;
  font-size: 20px;
  line-height: 55px;
  padding-left: 2%;
}

.pricePlanning {
  font-weight: bold;
  font-size: 28px;
  color: black;
}