/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
*/

@import url("../Divi/style.css");
@import url("variables.css");

/* DEBUT - Déclarations des Fonts */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,800,900&display=swap');
/* END - Déclarations des Fonts*/

.section-entete{
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #CCCCCC;
}

.page-exemple .et_pb_section:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333333;
  width: 80%;
  height: 2px;
  opacity: 0.3;
}

.page-exemple .et_pb_section.section-text-general.call-to-action:before{
  display: none;
}

/* DEBUT - Déclarations générales
   Body, Ligne, Ligne en plein écran, bouton général du site */

body{
  font-family: var(--font-family-p-global);
  color: var(--color-p-global);
  font-size: var(--size-p-global);
  line-height: var(--line-height-p-global);
  counter-reset: section;
}

.row-width{
  width: 1440px!important;
  max-width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.row-width-full{
  width: 100%!important;
  max-width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.bt-link-global,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button{
  display: inline-block;
  padding: 15px!important;
  padding-left: 25px!important;
  padding-right: 35px!important;
  border: 2px solid var(--color-link-border)!important;
  background-color: var(--background-link-general)!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
  color: var(--color-link-general);
  margin-top: 25px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.3s ease!important;
  border-radius: 3px!important;
  position: relative!important;
  cursor: pointer;
  pointer-events: visible;
  margin-left: 0!important;
  margin-right: 0!important;
}

.bt-link-global:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  content: "\35";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-transform: none;
  font-family: 'ETmodules'!important;
  transition: none!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
}

.bt-link-global:hover,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:hover{
  border: 2px solid var(--color-link-border)!important;
  background-color: var(--color-link-general)!important;
  color: var(--background-link-general)!important;
  padding-right: 35px!important;
}

.bt-link-global:hover:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  opacity: 1;
  margin-left: 0;
}

/* END - Déclarations générales
   Body, Ligne, Ligne en plein écran, bouton général du site */

/* Section - Entête de page */

#entete-hauteur{
  width: 100%;
  max-width: 100%;
  height: calc(767px - var(--height-header));
}

#entete-hauteur.simple:before{
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
  z-index: 12;
}

#entete-hauteur .entete-simple{
  position: relative;
  z-index: 999;
}

#entete-hauteur .row-width-full,
#entete-hauteur .row-width{
  display: flex;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  z-index: 999;
}

#entete-hauteur.video{
  padding: 0!important;
}

#entete-hauteur .row-width-full.video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0!important;
  z-index: 11!important;
}

#entete-hauteur.video .row-width-full.video,
#entete-hauteur.video .row-width-full.video .et_pb_column,
#entete-hauteur.video .row-width-full.video .et_pb_column .et_pb_module,
#entete-hauteur.video .row-width-full.video .et_pb_column .et_pb_module .et_pb_code_inner{
  padding: 0!important;
  height: 100%!important;
}

#entete-hauteur .row-width h1{
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete);
  font-size: var(--font-size-title-entete);
  line-height: var(--font-size-title-entete);
  text-align: var(--alignement-title-entete);
  font-weight: bold;
  padding-bottom: 0px!important;
  margin-bottom: 15px;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .row-width p{
  font-family: var(--font-family-p-entete);
  color: var(--color-p-entete);
  font-size: var(--font-size-p-entete);
  line-height: var(--line-height-p-entete);
  text-align: var(--alignement-p-entete);
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur.entete-hauteur-full{
  width: 100%;
  max-width: 100%;
  height: calc(100vh - var(--height-header));
}

#entete-hauteur.entete-hauteur-page{
  width: 100%;
  max-width: 100%;
  height: calc(500px - var(--height-header));
}

#entete-hauteur.slider{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#entete-hauteur.slider .row-width-full,
#entete-hauteur.slider .et_pb_column,
#entete-hauteur.slider .et_pb_column .et_pb_module,
#entete-hauteur.slider .et_pb_column .et_pb_module .et_pb_code_inner{
  padding: 0!important;
  height: 100%!important;
}

#entete-hauteur .slider-basique{
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides,
#entete-hauteur .slider-basique .et_pb_slide{
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides{
  z-index: 999;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container{
  z-index: 999;
  width: 100%!important;
  max-width: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide{
  padding: 0!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description{
  padding: 0!important;
  width: 1440px;
  max-width: 100%;
  margin: auto;
  padding-left: 80px!important;
  padding-right: 80px!important;
  float: none!important;
  z-index: 99999;
  position: relative;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before{
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
  z-index: 9999;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete-slider);
  font-size: var(--font-size-title-entete);
  line-height: var(--font-size-title-entete);
  text-align: var(--alignement-title-entete);
  font-weight: bold;
  padding-bottom: 0px!important;
  margin-bottom: 15px;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide p{
  font-family: var(--font-family-p-entete);
  color: var(--color-p-entete-slider);
  font-size: var(--font-size-p-entete);
  line-height: var(--line-height-p-entete);
  text-align: var(--alignement-p-entete);
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_button_wrapper{
  text-align: left!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a{
  width: 280px!important;
  max-width: 100%;
  padding-right: 10px!important;
  padding-left: 10px!important;
  text-align: center;
  display: flex!important;
  align-items: center;
  justify-content: center;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a:before{
  content: "\49";
  font-family: 'ETmodules'!important;
  display: inline-block;
  margin-right: 10px;
  position: relative!important;
  opacity: 1!important;
  margin-left: 0px!important;
  transition: all 0.3s ease!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_slider_container_inner.play .et_pb_button_wrapper a:before{
  content: "\5f";
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a:after{
  display: none!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video,
#entete-hauteur .slider-basique .et_pb_slide_video .wp-video,
#entete-hauteur .slider-basique .et_pb_slide_video .wp-video-shortcode,
#entete-hauteur .slider-basique .et_pb_slide_video .mejs-inner{
  width: 100%!important;
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  margin-top: 0!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video video{
  width: 100%!important;
  height: 100%!important;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 99;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_slider_container_inner.play video{
  opacity: 1;
  visibility: visible;
}

#entete-hauteur .slider-basique .et_pb_slide_video .mejs-controls,
#entete-hauteur .slider-basique .et_pb_slide_video .mejs-layers{
  display: none!important;
}

#entete-hauteur .slider-basique .et-pb-arrow-next,
#entete-hauteur .slider-basique .et-pb-arrow-prev{
  font-size: 80px!important;
  z-index: 9999999;
}

#entete-hauteur .slider-basique .et-pb-arrow-prev{
  left: -10px!important;
}

#entete-hauteur .slider-basique .et-pb-arrow-next{
  right: -10px!important;
}

/* END - Section - Entête de page */

/* Section - Intérieur */

.section-text-general{
  padding-top: var(--section-text-general-marge-top-bottom)!important;
  padding-bottom: var(--section-text-general-marge-top-bottom)!important;
}

.section-text-general .row-width{
  padding-top: var(--section-text-general-marge-int-top-bottom)!important;
  padding-bottom: var(--section-text-general-marge-int-top-bottom)!important;
}

.section-text-general .row-width-titre{
  padding-bottom: 20px!important;
}

.section-text-general.call-to-action{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.section-text-general.call-to-action .bt-link-global{
  margin-top: 10px!important;
  margin-bottom: 40px!important;
  left: 50%;
  transform: translateX(-50%);
}

.section-text-general.call-to-action .bloc-general-texte{
  margin-top: 40px!important;
}

.bloc-general-texte h1{
  font-family: var(--font-family-h1-global);
  color: var(--color-title-h1-global);
  font-size: var(--size-title-h1-global);
  line-height: var(--size-title-h1-global);
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
}

.bloc-general-texte h2{
  font-family: var(--font-family-h2-global);
  color: var(--color-title-h2-global);
  font-size: var(--size-title-h2-global);
  line-height: var(--size-title-h2-global);
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
}

.row-width-titre .bloc-general-texte h2{
  margin-bottom: 0;
}

.bloc-general-texte h3{
  font-family: var(--font-family-h3-global);
  color: var(--color-title-h3-global);
  font-size: var(--size-title-h3-global);
  line-height: var(--size-title-h3-global);
  font-weight: bold;
  margin-bottom: 10px;
}

.bloc-general-texte h4{
  font-family: var(--font-family-h4-global);
  color: var(--color-title-h4-global);
  font-size: var(--size-title-h4-global);
  line-height: var(--size-title-h4-global);
  font-weight: bold;
  margin-bottom: 10px;
}

.bloc-general-texte.center h2{
  text-align: center;
}

.bloc-general-texte h2:before{
  content: " ";
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: var(--color-title-h2-global);
}

.bloc-general-texte.center h2:before{
  left: 50%;
  transform: translateX(-50%);
}

.bloc-general-texte h1:before{
  content: " ";
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: var(--color-title-h2-global);
}

.bloc-general-texte.center h1:before{
  left: 50%;
  transform: translateX(-50%);
}

.bloc-general-texte p,
.bloc-general-texte ul{
  font-family: var(--font-family-p-global);
  color: var(--color-p-global);
  font-size: var(--size-p-global);
  line-height: var(--line-height-p-global);
}

.bloc-general-texte.center p{
  text-align: center;
}

.bloc-general-texte ul{
  list-style: none!important;
  padding-left: 0px!important;
}

.bloc-general-texte ul li{
  padding-left: 25px!important;
  position: relative;
}

.bloc-general-texte ul li:before{
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: var(--color-general);
  border-radius: 50%;
}

.bloc-general-texte.float-img img{
  max-width: 30%;
  margin-bottom: 15px;
}

.bloc-image-text,
.bloc-image-text .et_pb_image_wrap {
  width: 100%!important;
  height: 100%!important;
}

.bloc-image-text .et_pb_image_wrap img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
}

.focus-column .bt-link-global{
  width: 100%;
  background-color: var(--background-color-focus)!important;
  background-color: var(--background-link-general-focus)!important;
  font-size: var(--size-link-general-focus)!important;
  line-height: var(--size-link-general-focus)!important;
  text-align: center;
  padding: 5px!important;
  margin-top: 0px;
}

.focus-column .bt-link-global:after{
  display: none!important;
}

.focus-column .bt-link-global:hover {
  background-color: var(--color-link-general)!important;
  color: var(--color-general)!important;
  padding-right: 0!important;
}

.focus-column .bloc-focus-texte{
  text-align: center;
}

.focus-column .bloc-focus-texte h3{
  font-family: var(--font-family-h3-focus);
  color: var(--color-title-h3-focus);
  font-size: var(--size-title-h3-focus);
  line-height: var(--size-title-h3-focus);
  font-weight: bold;
  margin-bottom: 0;
  position: relative;
}

.et_pb_row_2 .focus-column .bloc-focus-texte h3{
  color: #FFF;
}

.row-pictos-focus .focus-column .bloc-focus-texte h3{
  color: var(--color-general);
}

.row-width-focus-3 .focus-column .bloc-focus-texte h3{
  font-family: var(--font-family-h3-focus-3);
  color: var(--color-title-h3-focus-3);
  font-size: var(--size-title-h3-focus-3);
  line-height: var(--size-title-h3-focus-3);
}

.row-width-focus-2 .focus-column .bloc-focus-texte h3{
  font-family: var(--font-family-h3-focus-2);
  color: var(--color-title-h3-focus-2);
  font-size: var(--size-title-h3-focus-2);
  line-height: var(--size-title-h3-focus-2);
}

.focus-column .bloc-focus-texte p{
  font-family: var(--font-family-p-focus);
  color: var(--color-p-focus);
  font-size: var(--size-p-focus);
  line-height: var(--size-p-focus);
}

.focus-column .bloc-focus-img{
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.focus-column .bloc-focus-img .et_pb_image_wrap {
  width: 100%;
  height: 100%;
}

.focus-column .bloc-focus-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.row-width-focus-5 .focus-column .bloc-focus-img{
  height: 180px;
}

.row-width-focus-4 .focus-column .bloc-focus-img{
  height: 200px;
}

.row-width-focus-3 .focus-column .bloc-focus-img{
  height: 200px;
}

.row-width-focus-2 .focus-column .bloc-focus-img{
  height: 250px;
}

.bloc-focus-price .et_pb_pricing_table {
  padding-bottom: 0px!important;
}

.bloc-focus-price .et_pb_et_price .et_pb_sum {
  color: var(--color-general);
  font-weight: bold;
}

.bloc-focus-price .et_pb_pricing li span {
  color: var(--color-p-global);
  font-size: var(--size-p-global);
  line-height: var(--line-height-p-global);
}

.bloc-focus-price .et_pb_pricing li span:before {
  border-color: var(--color-general);
}

.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit]{
  display: inline-block;
  padding: 15px!important;
  padding-left: 25px!important;
  padding-right: 25px!important;
  border: 2px solid var(--color-link-border)!important;
  background-color: var(--color-link-border)!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
  color: var(--color-link-general);
  margin-top: 25px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.3s ease!important;
  border-radius: 3px!important;
  position: relative!important;
  cursor: pointer;
  pointer-events: visible;
  height: auto!important;
}

.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover{
  background-color: var(--color-link-general)!important;
  color: var(--color-link-border)!important;
}

.content-infos-contact{
  padding: 25px!important;
  padding-top: 35px!important;
  padding-bottom: 35px!important;
}

.bloc-contact{
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px!important;
}

.content-infos-contact .bloc-contact:last-child{
  margin-bottom: 0!important;
}

.bloc-contact h3{
  position: relative;
  color: var(--color-contact-h3);
  font-size: var(--size-contact-h3);
  line-height: var(--size-contact-h3);
  font-weight: bold;
}

.bloc-contact p{
  color: var(--color-contact-p);
  font-size: var(--size-contact-p);
  line-height: var(--line-height-contact-p);
}

.bloc-contact a{
  color: var(--color-contact-p);
  font-size: var(--size-contact-p);
  line-height: var(--line-height-contact-p);
  text-decoration: underline;
}

.bloc-contact:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'ETmodules'!important;
  font-size: 40px;
  line-height: 40px;
  color: var(--color-contact-picto);
}

.bloc-contact.adresse:before{
  content: "\e01d";
}

.bloc-contact.horaires:before{
  content: "\7d";
}

.bloc-contact.telephone:before{
  content: "\e090";
}

.bloc-contact.email:before{
  content: "\e010";
}

.bloc-contact.acces{
  padding-left: 0px;
}

.galerie-simple .et_overlay:before{
  color: var(--color-general)!important;
}

.galerie-simple .et_pb_gallery_image{
  background-color: #CCC;
}

.galerie-simple .et_pb_gallery_image img{
  display: block;
}

.mfp-title{
  display: none;
}

.mfp-fade .mfp-figure {
  transition: all 0.3s ease-out;
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.mfp-fade.mfp-image-loaded .mfp-figure {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-fade.mfp-removing .mfp-figure {
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.carrousel-logo .wdcl-carousel-item{
  background-color: #CCC;
}

.carrousel-logo .wdcl-carousel-item img{
  opacity: 1;
}

/**/

/* Actus home + page */

.row-actus .bt-link-global{
  text-align: center!important;
  width: 400px!important;
  max-width: 100%!important;
  display: block!important;
  margin-left: auto!important;
  margin-right: auto!important;
}

.blog-actu article h2{
  padding-bottom: 5px!important;
}

.blog-actu article h2 a{
  color: var(--color-title-blog)!important;
  font-size: var(--size-title-blog)!important;
  line-height: var(--line-height-title-blog)!important;
  font-weight: bold;
}

.blog-actu article .post-meta .published{
  color: var(--color-date-blog)!important;
  font-size: var(--size-date-blog)!important;
  line-height: var(--line-height-date-blog)!important;
}

.blog-actu article .post-content p{
  color: var(--color-p-blog)!important;
  font-size: var(--size-p-blog)!important;
  line-height: var(--line-height-p-blog)!important;
}

.blog-actu article .more-link{
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 5px;
  width: 100%!important;
  background-color: var(--background-lire-plus-blog)!important;
  border: 2px solid var(--background-lire-plus-blog)!important;
  color: var(--color-lire-plus-blog)!important;
  transition: all 0.3s ease;
  border-radius: 29px!important;
}

.blog-actu article .more-link:hover{
  background-color: var(--color-lire-plus-blog)!important;
  color: var(--background-lire-plus-blog)!important;
}

.wp-pagenavi{
  text-align: center;
  padding-top: 30px;
}

.wp-pagenavi span.current{
  background-color: var(--background-pagination-current)!important;
  color: var(--color-pagination-current)!important;
}

.wp-pagenavi a{
  background-color: var(--background-pagination)!important;
  color: var(--color-pagination)!important;
  transition: all 0.3s ease;
}

.wp-pagenavi a:hover{
  background-color: var(--color-pagination)!important;
  color: var(--background-pagination)!important;
}

.wp-pagenavi a,
.wp-pagenavi span.current{
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid var(--color-pagination)!important;
}
.wp-pagenavi a,
.wp-pagenavi span.current{
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid var(--color-pagination)!important;
}

.single-post #left-area {
  width: 100%!important;
  float: none!important;
}

.single-post #main-content .container:before{
  display: none!important;
}

.single-post .et_post_meta_wrapper img{
  float: right;
  max-width: 40%;
  margin-left: 20px;
  margin-bottom: 20px;
}

.single-post .entry-content{
  padding-top: 0px;
}

.single-post .post-meta .published{
  color: var(--color-date-blog)!important;
  font-size: var(--size-date-blog)!important;
  line-height: var(--line-height-date-blog)!important;
}

/**/

/* FOOTER */

.et-l--footer.fixed{
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 0;
}

#main-footer{
  display: none!important;
}

#footer-basic{
  background-color: var(--background-footer)!important;
  padding: 0!important;
}

#footer-basic .row-width{
  padding-top: 40px!important;
  padding-bottom: 40px!important;
}

.logo-footer{
  display: flex;
  justify-content: center;
}

.copyright{
  background-color: var(--background-copyright)!important;
  padding: 0!important;
}

.copyright .row-width{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

#footer-basic h3{
  color: var(--color-footer-h3);
  font-size: var(--size-footer-h3);
  line-height: var(--footer-h3);
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#footer-basic h3:before{
  content: " ";
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 2px;
  background-color: var(--color-footer-h3);
}

#footer-basic .bloc-contact{
  padding-left: 35px;
  margin-bottom: 15px!important;
}

#footer-basic .bloc-contact:last-child{
  margin-bottom: 0!important;
}

#footer-basic .bloc-contact p{
  color: var(--color-footer-contact-p);
  font-size: var(--size-footer-contact-p);
  line-height: var(--line-height-footer-contact-p);
}

#footer-basic .bloc-contact a{
  color: var(--color-footer-contact-p);
  font-size: var(--size-footer-contact-p);
  line-height: var(--line-height-footer-contact-p);
  text-decoration: underline;
}

#footer-basic .bloc-contact:before{
  font-size: 20px;
  line-height: 20px;
  color: var(--color-footer-contact-picto);
}

#footer-basic .plan-du-site-footer ul li a{
  color: var(--color-footer-contact-p);
  font-size: var(--size-footer-contact-p);
  line-height: var(--line-height-footer-contact-p);
  transition: all 0.3s ease;
}

#footer-basic .plan-du-site-footer ul li a:hover{
  opacity: 0.8;
}

.link-copyright{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.link-copyright span,
.link-copyright a{
  color: var(--color-footer-copyright-a);
  transition: all 0.3s ease;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

.link-copyright a:hover{
  opacity: 0.8;
}

#footer-basic .bt-link-global{
  background-color: var(--background-footer-link-global)!important;
  border-color: var(--background-footer-link-global)!important;
  color: var(--color-footer-link-global)!important;
  font-size: var(--size-footer-link-global)!important;
  line-height: var(--line-height-footer-link-global)!important;
  margin-top: 0!important;
}

#footer-basic .bt-link-global:after{
  font-size: var(--size-footer-link-global)!important;
  line-height: var(--line-height-footer-link-global)!important;
}

#footer-basic .bt-link-global:hover{
  background-color: var(--color-footer-link-global)!important;
  color: var(--background-footer-link-global)!important;
  padding-right: 25px!important;
}

/**/

/* END - General CSS */

/* Plan du site */

.wsp-pages-list{
  display: flex;
  flex-direction: row;
  list-style: none;
  flex-wrap: wrap;
  padding: 0!important;
}

.wsp-pages-list li.page_item{
  flex-basis: 32%;
  background-color: #fbfbfb;
  margin: 0.5%;
  padding: 10px;
  border: 1px solid #CCC;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.wsp-pages-list li.page_item:hover{
  background-color: #efefef;
}

.wsp-pages-title{
  display: none;
}

/* END - Plan du site */

#page-container{
  padding-top: var(--height-header)!important;
}

.et-l.et-l--header{
  position: relative;
  z-index: 99999;
}

#header-menu{
  padding: 0!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  height: var(--height-header);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);

}

#header-menu .row-width{
  width: 100%;
  height: 100%;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#header-menu .row-width .column-logo{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#header-menu .row-width .column-logo #logo-site{
  flex-basis: 30px;
  margin: 0!important;
  margin-right: 8px!important;
}

#header-menu .row-width .column-logo .text-logo h2{
  font-weight: bold!important;
  font-size: 17px!important;
  line-height: 18px!important;
  padding-bottom: 0px!important;
}

.home .row-width-full{
  padding: 0!important;
}

.home{
  background-color: #fffaf6!important;
}

.wpsc-iso .btn-sm, .wpsc-iso .btn-group-sm > .btn, .wpsc-iso .btn{
  font-weight: bold!important;
  font-size: 15px!important;
  line-height: 15px!important;
  padding: 7px 12px!important;
  margin-top: 3px!important;
  margin-bottom: 3px!important;
}

#wpsc_tickets_container{
  width: 100%!important;
  border-radius: 0px!important;
  border: 0px!important;
}

.wpsc-iso .btn{
  margin-right: 10px!important;
}

.wpsc_tl_action_bar{
  padding: 15px!important;
}

.wpsc_tl_action_bar > .col-sm-12{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.wpsc_sidebar, .wpsc_it_body, .wpsc-iso .table-responsive {
  padding: 30px!important;
}

.wpsc_sidebar .row{
  padding: 0!important;
  border: 0px!important;
  border-radius: 8px!important;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
  margin-bottom: 30px!important;
  text-align: center;
}

.wpsc_sidebar .row h4.widget_header{
  background: #FF6600;
  color: #FFFFFF;
  padding: 12px;
  margin-bottom: 15px;
  margin-top: 0px;
  border-top-left-radius: 8px!important;
  border-top-right-radius: 8px!important;
  text-align: left;
}

.wpsc_sidebar .row > br{
  display: none;
}

.wpsc_sidebar .row .widget_divider{
  display: none;
}

.wpsc_sidebar .row .wpsp_sidebar_labels{
  padding-left: 12px;
  padding-right: 12px;
  text-align: left;
}

.wpsc-iso .table{
  margin-top: 30px!important;
  font-size: 16px;
  line-height: 17px;
  float: left;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
}

.wpsc-iso .table th{
  background-color: #ff6600!important;
}

.wpsc-iso .table th:first-child{
  border-top-left-radius: 8px!important;
}

.wpsc-iso .table th:last-child{
  border-top-right-radius: 8px!important;
}

.wpsc-iso .table tr.wpsc_tl_row_item td{
  padding: 12px!important;
}

.wpsc-iso .table tr.wpsc_tl_row_item:nth-child(even){
  background-color: #FFFFFF!important;
}

.wpsc-iso .table tr.wpsc_tl_row_item:nth-child(odd){
  background-color: #f7f7f7!important;
}

.wpsc-iso .table tr:last-child td:first-child{
  border-bottom-left-radius: 8px!important;
}

.wpsc-iso .table tr:last-child td:last-child{
  border-bottom-right-radius: 8px!important;
}

.raised_by_div {
  background-color: #D6DBDF!important;
  overflow: hidden!important;
  color: #000!important;
  border: none !important;
  width: 90%!important;
  margin: auto!important;
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.individual_ticket_widget .wpsp_sidebar_labels{
  text-align: center!important;
}

#wpsc_add_people_widget{
  display: none!important;
}

.thread_action_btn{
  color: #FF6600!important;
}

.wpsc_thread{
  border: 0px!important;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
}

input[name="reply_bcc"]{
  display: none!important;
}

.row.attachment_link > span{
  padding: 5px!important;
  padding-left: 8px!important;
  padding-right: 8px!important;
  color: #FFFFFF!important;
  background: #ff6600!important;
  text-decoration: none;
  border-radius: 4px;
}

#wpsc_popup_container{
  top: 50%!important;
  transform: translateY(-50%)!important;
}

#wpsc_popup #wpsc_popup_title{
  background-color: #ff6600!important;
}

#wpsc_popup #wpsc_popup_title h3{
  padding-bottom: 0px!important;
  font-size: 24px!important;
  line-height: 24px!important;
  text-align: center!important;
  font-weight: bold;
  text-transform: uppercase;
}


#wpsc_popup_footer button.wpsc_popup_action {
    background-color: #ff6600 !important;
    color: #FFFFFF !important;
}

#wpsc_popup_body p{
  font-size: 16px;
  line-height: 20px;
}

#wpsc_popup_body{
  display: flex;
  justify-content: center;
  align-items: center;
}

#wpsc_ticket_fields_widget,
#wpsc_agent_only_fields_widget{
  display: none!important;
}

.row.wpsc_it_subject_widget h4{
  color: #333333!important;
  font-size: 20px!important;
  line-height: 24px!important;
}

#wpsc_tickets_container .wpsc_it_body,
.wpsc-iso .table-responsive{
  width: calc(100% - 450px)!important;
  max-width: 100%!important;
}

.wpsc-iso .table-responsive{
  width: calc(100% - 350px)!important;
  max-width: 100%!important;
}

#wpsc_tickets_container .individual_ticket_widget{
  width: 450px!important;
  max-width: 100%!important;
}

.wpsc_sidebar{
  width: 350px!important;
  max-width: 100%!important;
}

#tbl_wpsc_ticket_list {
  border: 0;
  box-shadow: none!important;
}

#tbl_wpsc_ticket_list tbody{
  display: flex;
  flex-wrap: wrap;
}

#tbl_wpsc_ticket_list tr.tr-th-title{
  display: none;
}

#tbl_wpsc_ticket_list tr {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  flex-basis: 23.5%;
  margin-right: 2%;
  border-radius: 5px;
  padding: 15px;
}

#tbl_wpsc_ticket_list tr:nth-child(4n) {
  margin-right: 0;
}

#tbl_wpsc_ticket_list td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
}

#tbl_wpsc_ticket_list td:before {
  content: attr(data-title);
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  font-size: 16px;
  line-height: 18px;
  color: #ff6600;
}

#tbl_wpsc_ticket_list td:last-child {
    border-bottom: 0;
  }

/* #tbl_wpsc_ticket_list tr th.wpsc_th_check_all{
  width: 30px!important;
}

#tbl_wpsc_ticket_list tr th.wpsc_th_ticket_id{
  width: 120px!important;
}

#tbl_wpsc_ticket_list tr th.wpsc_th_ticket_status{
  width: 240px!important;
}

#tbl_wpsc_ticket_list tr th.wpsc_th_ticket_subject{
  width: 250px!important;
}

#tbl_wpsc_ticket_list tr th.wpsc_th_customer_name{
  width: 200px!important;
}

#tbl_wpsc_ticket_list tr th.wpsc_th_ticket_category{
  width: 170px!important;
}

#tbl_wpsc_ticket_list tr th.wpsc_th_ticket_priority{
  width: 110px!important;
} */

/* #wpsc_tickets_container > .row:not(.wpsc_tl_action_bar) {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap;
}

#wpsc_tickets_container > .row:not(.wpsc_tl_action_bar) > .col-sm-8.wpsc_it_body{
  width: 100%;
  order: 1;
}

#wpsc_tickets_container > .row:not(.wpsc_tl_action_bar) > .col-sm-4.individual_ticket_widget{
  width: 100%;
  order: 2;
} */

@media screen and (max-width: 1200px) {
  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .content-text-slider .title-slide{
    font-size: var(--font-size-title-entete-1200);
    line-height: var(--font-size-title-entete-1200);
  }
}

@media screen and (max-width: 980px) {

  #wpsc_tickets_container .wpsc_it_body,
  .wpsc-iso .table-responsive {
    width: 100%!important;
    max-width: 100%!important;
  }

  #footer-basic .row-width{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #footer-basic.centre .row-width .et_pb_column{
    flex-basis: 46%;
    margin-right: 2%;
    max-width: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:last-child{
    margin-right: 0;
  }

  #footer-basic.left .row-width .et_pb_column{
    flex-basis: 28%;
    margin-right: 2%;
  }

  #footer-basic.left .row-width .et_pb_column:last-child{
    margin-right: 0;
  }

  #footer-basic.left .row-width .et_pb_column:nth-child(1){
    flex-basis: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(1){
    order: 2;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(2){
    order: 1;
    flex-basis: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(3){
    order: 3;
  }

  .single-post .et_post_meta_wrapper img{
    float: none;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .row-width-focus-5 .focus-column:last-child{
    width: 100%;
  }

  .bloc-general-texte.float-img img {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
  }

  .bloc-image-text{
    height: 40vh!important;
  }

  .row-reverse{
    display: flex;
    flex-direction: column-reverse;
  }

  .row-reverse .et_pb_column:first-child{
    margin-top: 30px;
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-980);
    line-height: var(--font-size-title-entete-980);
  }

  #entete-hauteur{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-full{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-page{
    height: calc(45vh - var(--height-header-resp));
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description{
    padding-left: 30px!important;
    padding-right: 30px!important;
  }

  #entete-hauteur .slider-basique .et-pb-slider-arrows{
    top: calc(100% - 80px)!important;
    width: 150px!important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999!important;
  }

  #entete-hauteur .slider-basique .et-pb-arrow-next,
  #entete-hauteur .slider-basique .et-pb-arrow-prev{
    opacity: 1!important;
  }

  .wsp-pages-list li.page_item{
    flex-basis: 49%;
  }
}

@media screen and (max-width: 767px) {

  #footer-basic .row-width{
    align-items: center;
    flex-direction: column;
  }

  #footer-basic.centre .row-width .et_pb_column,
  #footer-basic.left .row-width .et_pb_column{
    width: 300px;
    max-width: 100%;
    margin-right: 0px!important;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(3){
    margin-top: 30px!important;
  }

  .et_pb_column .et_pb_grid_item, .et_pb_column .et_pb_grid_item.et_pb_portfolio_item {
    margin: 0 5.5% 9.5% 0;
    margin-bottom: 5.5%;
    width: 47.25%;
    clear: none;
    float: left;
  }

  .bt-link-global{
    font-size: var(--size-link-general-767)!important;
    line-height: var(--size-link-general-767)!important;
  }

  #entete-hauteur{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-full{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-page{
    height: calc(50vh - var(--height-header-resp));
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-767);
    line-height: var(--font-size-title-entete-767);
  }

  .wsp-pages-list li.page_item{
    flex-basis: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 576px) {
  #footer-basic.centre .row-width .et_pb_column,
  #footer-basic.left .row-width .et_pb_column{
    width: 100%;
    max-width: 100%;
    margin-right: 0px!important;
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-576);
    line-height: var(--font-size-title-entete-576);
  }

  #entete-hauteur .row-width p,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide p{
    font-size: var(--font-size-p-entete-576);
    line-height: var(--line-height-p-entete-576);
  }
}