/*
CTC Separate Stylesheet
Updated: 2021-10-19 09:47:33
*/




@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam&display=swap');

@media screen and (max-width: 800px) {
	body{
		--e-global-typography-primary-font-size: 3em!important;
		--e-global-typography-secondary-font-size: 1.8em!important;
		--e-global-typography-text-font-size: 0.9em!important;
    --e-global-typography-accent-font-size: 0.9em!important;
    --e-global-typography-h3-font-size: 1.5em!important;
		--e-global-typography-fedff2d-font-size: 20px;
		--e-global-typography-24766fd-font-size: 12px;
		--e-global-typography-a23f813-font-size: 2.1em;
		--e-global-typography-5e4fd02-font-size: 15px;
		--e-global-typography-48395ad-font-size: 5vw;
		--e-global-typography-5ba46e0-font-size: 1.1rem;
		--e-global-typography-5d62cc2-font-size: 1.6rem;
		--e-global-typography-194c442-font-size: 3.3em;
		--e-global-typography-3c8a2ee-font-size: 1em;
		--e-global-typography-e810850-font-size: 1.3em;
		--e-global-typography-55ea8ec-font-size: 1.3em;
		--e-global-typography-2498df1-font-size: 1.9em;
		--e-global-typography-9a6535f-font-size: 1.2em;
		--e-global-typography-24b43c6-font-size: 1.6rem;
	}
  .gutter-inside-right {
    padding-right: var(--carre / 2);
  }
  .gutter-inside-left {
    padding-left: var(--carre / 2);
  }
  .gutter-left-small {
    margin-left: 0px!important;
  }
  .gutter-left{
    margin-left: 0px!important;
  }
	.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{
		font-size:3em!important;
	}
  .clickdform .width100per{
    width: 150%;
  }
  h4{
    font-size: 1.1em;
  }
}

  /***************************************************************************************/
  /***************************************************************************************/

  body {
    --e-global-color-primary: #35395a;
    --e-global-color-secondary: #eb5c6c;
    --e-global-color-text: #464b5f;
    --e-global-color-accent: #01c0c200;
    --e-global-color-7530702d: #35395a;
    --e-global-color-efe8bcd: #fff;
    --e-global-color-653f623: #8750b6;
    --e-global-color-225625c: #35395a;
    --e-global-color-72c667b: #dce3f4;
    --e-global-color-312b93c: #35395a;
    --e-global-color-a04b7b0: #ffd401;
    --e-global-color-2f6e09f: #8750b6;
    --e-global-color-c36d59a: #dce3f4;
    --e-global-typography-primary-font-family: "Arial";
    --e-global-typography-primary-font-size: 6em;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Arial";
    --e-global-typography-secondary-font-size: 3em;
    --e-global-typography-secondary-font-weight: 500;
    --e-global-typography-text-font-family: "Be Vietnam";
    --e-global-typography-text-font-size: 1.1em;
    --e-global-typography-text-font-weight: 300;
    --e-global-typography-accent-font-family: "Be Vietnam";
    --e-global-typography-accent-font-size: 1.1em;
    --e-global-typography-accent-font-weight: 500;
    --e-global-typography-accent-letter-spacing: 0px;
    --e-global-typography-h3-font-family: "Arial";
    --e-global-typography-h3-font-size: 2rem;
    --e-global-typography-h3-font-weight: 600;
    --e-global-typography-fedff2d-font-family: "Arial";
    --e-global-typography-fedff2d-font-size: 35px;
    --e-global-typography-fedff2d-font-weight: 600;
    --e-global-typography-fedff2d-line-height: 1.1em;
    --e-global-typography-24766fd-font-family: "Arial";
    --e-global-typography-24766fd-font-size: 12px;
    --e-global-typography-24766fd-font-weight: 600;
    --e-global-typography-24766fd-text-transform: uppercase;
    --e-global-typography-24766fd-letter-spacing: 2px;
    --e-global-typography-a23f813-font-family: "Arial";
    --e-global-typography-a23f813-font-size: 4.2rem;
    --e-global-typography-a23f813-font-weight: 700;
    --e-global-typography-a23f813-line-height: 1em;
    --e-global-typography-5e4fd02-font-family: "Arial";
    --e-global-typography-5e4fd02-font-size: 25px;
    --e-global-typography-5e4fd02-font-weight: 600;
    --e-global-typography-5e4fd02-line-height: 1.2em;
    --e-global-typography-48395ad-font-family: "Arial";
    --e-global-typography-48395ad-font-size: 5vw;
    --e-global-typography-48395ad-font-weight: 700;
    --e-global-typography-48395ad-line-height: 1.2em;
    --e-global-typography-5ba46e0-font-family: "Arial";
    --e-global-typography-5ba46e0-font-size: 1.1rem;
    --e-global-typography-5ba46e0-font-weight: 600;
    --e-global-typography-5d62cc2-font-family: "Arial";
    --e-global-typography-5d62cc2-font-size: 1.6rem;
    --e-global-typography-5d62cc2-font-weight: 400;
    --e-global-typography-5d62cc2-line-height: 1.2em;
    --e-global-typography-194c442-font-family: "Arial";
    --e-global-typography-194c442-font-size: 3.3em;
    --e-global-typography-194c442-font-weight: 600;
    --e-global-typography-194c442-line-height: 1.1em;
    --e-global-typography-3c8a2ee-font-family: "Be Vietnam";
    --e-global-typography-3c8a2ee-font-size: 1em;
    --e-global-typography-3c8a2ee-font-weight: 300;
    --e-global-typography-3c8a2ee-line-height: 1.7em;
    --e-global-typography-e810850-font-family: "Be Vietnam";
    --e-global-typography-e810850-font-size: 1.3em;
    --e-global-typography-e810850-font-weight: 400;
    --e-global-typography-55ea8ec-font-family: "Be Vietnam";
    --e-global-typography-55ea8ec-font-size: 1.3em;
    --e-global-typography-55ea8ec-font-weight: 500;
    --e-global-typography-55ea8ec-line-height: 1.5em;
    --e-global-typography-2498df1-font-family: "Arial";
    --e-global-typography-2498df1-font-size: 1.9em;
    --e-global-typography-2498df1-font-weight: 600;
    --e-global-typography-2498df1-line-height: 0.8em;
    --e-global-typography-9a6535f-font-family: "Arial";
    --e-global-typography-9a6535f-font-size: 1.2em;
    --e-global-typography-9a6535f-font-weight: 600;
    --e-global-typography-9a6535f-line-height: 1em;
    --e-global-typography-24b43c6-font-family: "Arial";
    --e-global-typography-24b43c6-font-size: 1.6rem;
    --e-global-typography-24b43c6-font-weight: 600;
    --e-global-typography-24b43c6-line-height: 1.2em;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    background-color: #02010100;
  }
   a {
    color: var(--e-global-color-primary);
    font-family: "Be Vietnam", Sans-serif;
    font-weight: 400;
  }
   a:hover {
    color: var(--e-global-color-primary);
  }
   h1 {
    font-family: "Arial", Sans-serif;
    font-weight: 700;
    color: var(--e-global-color-primary);
    font-size:var(--e-global-typography-primary-font-size);
  }
  h2 {
    font-family: "Arial", Sans-serif;
    color: var(--e-global-color-primary);
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: 700;
  }
  h3 {
    font-family: "Arial", Sans-serif;
    font-size: var(--e-global-typography-h3-font-size);
    font-weight: 600;
    color: var(--e-global-color-text);
  }
  button,
  input[type="button"],
  input[type="submit"],
  .elementor-kit-8 .elementor-button {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    color: var(--e-global-color-312b93c);
    background-color: #02010100;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 05px 05px 05px;
  }
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
  }
  
  h1.entry-title {
    display: var(--page-title-display);
    display: var (--e-global-color-primary);
  }
  @media (max-width: 1024px) {
    .elementor-kit-8 {
      font-size: var(--e-global-typography-text-font-size);
    }
    .elementor-kit-8 button,
    .elementor-kit-8 input[type="button"],
    .elementor-kit-8 input[type="submit"],
    .elementor-kit-8 .elementor-button {
      font-size: var(--e-global-typography-accent-font-size);
      letter-spacing: var(--e-global-typography-accent-letter-spacing);
    }
    .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 1024px;
    }
  }
  @media (max-width: 767px) {
    .elementor-kit-8 {
      --e-global-typography-primary-font-size: 2.5em;
      --e-global-typography-fedff2d-font-size: 1.3em;
      --e-global-typography-a23f813-font-size: 2.2em;
      --e-global-typography-5ba46e0-font-size: 15px;
      --e-global-typography-5d62cc2-font-size: 1.4em;
      --e-global-typography-194c442-font-size: 1.7em;
      --e-global-typography-3c8a2ee-font-size: 0.9em;
      --e-global-typography-24b43c6-font-size: 1.2em;
      font-size: var(--e-global-typography-text-font-size);
    }
    .elementor-kit-8 button,
    .elementor-kit-8 input[type="button"],
    .elementor-kit-8 input[type="submit"],
    .elementor-kit-8 .elementor-button {
      font-size: var(--e-global-typography-accent-font-size);
      letter-spacing: var(--e-global-typography-accent-letter-spacing);
    }
    .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 767px;
    }
  }

  /***************************************************************************************/
  /***************************************************************************************/


/******************************************/

/*********** gestion des espaces **********/

/***************************************** */

body {
  --carre: 6vw;
}

.gutter-left {
  margin-left: var(--carre);
}

.gutter-right {
  margin-right: var(--carre);
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 72vw;
}

/*.elementor-section:not([class^="elementor-inner-section"]) { padding-left: 15vw; padding-right:15vw; }
    .elementor-section:not([class^="elementor-inner-section"]) { padding-left: 15vw; padding-right:15vw; }
    .sub-menu-content .elementor-section:not([class^="elementor-inner-section"]) { padding:0; padding-top: 10px; }*/

/******************************************/

/**************** RESPONSIVE **************/

/***************************************** */

@media only screen and (max-width: 800px) {
  body {
    --carre: 8vw;
  }
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 96vw;
  }
  .gutter-left {
    margin-left: 0 !important;
  }
}

/******************************************/

/**************** ELEMENTS ****************/

/******************************************/

.corner {
  --b: calc(var(--carre) / 2);
  /* thickness of the border */
  --c: #eb5c6c;
  /* color of the border */
  --w: calc(var(--carre) * 1.5);
  /* width of border */
  --h: calc(var(--carre) * 1.5);
  /* width of border */
  border: var(--b) solid transparent;
  /* space for the border */
  background: linear-gradient(var(--c), var(--c)) bottom right,
    linear-gradient(var(--c), var(--c));
  background-position: bottom right;
  background-size: var(--b) var(--h), var(--w) var(--b);
  background-repeat: no-repeat;
  background-origin: border-box;
}

.corner-left-to-right {
  --b: calc(var(--carre) / 2);
  --c: #eb5c6c;
  --w: calc(var(--carre) * 1.5);
  --h: calc(var(--carre) * 1.5);
  border: var(--b) solid transparent;
  background: linear-gradient(var(--c), var(--c)) bottom right,
    linear-gradient(var(--c), var(--c)) bottom right,
    linear-gradient(var(--c), var(--c)) top left,
    linear-gradient(var(--c), var(--c)) top left;
  background-size: var(--b) var(--h), var(--w) var(--b);
  background-repeat: no-repeat;
  background-origin: border-box;
}

.corner-right-to-left {
  --b: calc(var(--carre) / 2);
  --c: #eb5c6c;
  --w: calc(var(--carre) * 1.5);
  --h: calc(var(--carre) * 1.5);
  border: var(--b) solid transparent;
  background: linear-gradient(var(--c), var(--c)) bottom left,
    linear-gradient(var(--c), var(--c)) bottom left,
    linear-gradient(var(--c), var(--c)) top right,
    linear-gradient(var(--c), var(--c)) top right;
  background-size: var(--b) var(--h), var(--w) var(--b);
  background-repeat: no-repeat;
  background-origin: border-box;
}

.corner-inside {
  --b: calc(var(--carre) / 2);
  /* thickness of the border */
  --c: #eb5c6c;
  /* color of the border */
  --w: calc(var(--carre) * 1.5);
  /* width of border */
  --h: calc(var(--carre) * 1.5);
  /* width of border */
  background: linear-gradient(var(--c), var(--c)),
    linear-gradient(var(--c), var(--c));
  background-position: bottom right;
  background-size: var(--b) var(--h), var(--w) var(--b);
  background-repeat: no-repeat;
  background-origin: border-box;
}

.c-bottom-right {
  background-position: bottom right;
  border-left: none;
  border-top: none;
}

.c-top-left {
  background-position: top left;
  border-right: none;
  border-bottom: none;
}

.c-top-right {
  background-position: top right;
  border-left: none;
  border-bottom: none;
}

.c-bottom-left {
  background-position: bottom left;
  border-right: none;
  border-top: none;
}

.c-left-to-right {
  background: linear-gradient(var(--c), var(--c)) bottom right,
    linear-gradient(var(--c), var(--c)) top left;
}

.c-right-to-left {
  background-position: top right, bottom-left;
}

.c-blue {
  --c: #dce3f4;
}

.c-red {
  --c: #eb5c6c;
}

.c-white {
  --c: white;
}

.c-yellow {
  --c: #ffd401;
}

.c-big {
  --b: var(--carre);
  --w: calc(var(--carre) * 3);
  --h: calc(var(--carre) * 3);
}

.c-normal {
  --b: calc(var(--carre) / 2);
}

.c-full-width {
  --w: 100%;
}

.c-full-height {
  --h: 100%;
}

.c-no-height {
  --h: 0;
}

.col-icon {
  width: var(--carre);
  height: var(--carre);
}

.bar {
  --divider-border-width: calc(var(--carre) / 2) !important;
  --divider-color: #eb5c6c !important;
}

.b-blue {
  --divider-color: #dce3f4;
}

.c-yellow {
  --c: #ffd401;
}

.b-mini {
  --divider-border-width: 1.5vw !important;
}

.b-big {
  --divider-border-width: var(--carre) !important;
}

/**************   STYLE SECTIONS    **************/

.gutter-inside-left {
  padding-left: var(--carre);
}

.gutter-inside-right {
  padding-right: var(--carre);
}

.gutter-inside-left-small {
  padding-left: calc(var(--carre) / 2) !important;
}

.gutter-inside-left-mini {
  padding-left: 1vw !important;
}

.gutter-inside-right-small {
  padding-right: calc(var(--carre) / 2) !important;
}

.gutter-inside-right-mini {
  padding-right: 1vw !important;
}

.gutter-inside-top {
  padding-top: var(--carre) !important;
}

.gutter-inside-top-small {
  padding-top: calc(var(--carre) / 2) !important;
}

.gutter-inside-bottom {
  padding-bottom: var(--carre) !important;
}

.gutter-inside-bottom-big {
  padding-bottom: 20% !important;
}

.gutter-inside-bottom-small {
  padding-bottom: calc(var(--carre) / 2) !important;
}

.gutter-left-small {
  margin-left: calc(var(--carre) / 2);
}

.gutter-right-small {
  margin-right: calc(var(--carre) / 2);
}

.gutter-bottom {
  margin-bottom: var(--carre) !important;
}

.gutter-top {
  margin-top: var(--carre) !important;
}

.gutter-bottom-small {
  margin-bottom: calc(var(--carre) / 2) !important;
}

.gutter-bottom-mini {
  margin-bottom: 1vw !important;
}

.gutter-top-small {
  margin-top: calc(var(--carre) / 2) !important;
}

.gutter-top-mini {
  margin-top: 1vw !important;
}

.gutter-top-neg {
  margin-top: -20% !important;
}

.gutter-top-neg-mini {
  margin-top: -35px !important;
}

.gutter-right-neg {
  margin-right: -10% !important;
}

.gutter-bottom-neg {
  margin-bottom: -3.5vw !important;
}

.gutter-bottom-neg-big {
  margin-bottom: -12vw;
}

.gutter-bottom-arrow {
  margin-bottom: -10px;
}

.bloc-menu-gestion-doc {
  min-height: 50%;
}

/******************************************/

/**************** DECORATION **************/

/***************************************** */

/* highlight */

mark {
  text-decoration: none;
  color: #35395a;
  background-position-y: -0%;
  background-image: linear-gradient(#01c0c200 50%, #764896 50%);
  transition: background 500ms ease;
  background-size: 2px;
  background-size: auto 175%;
  background-color: #01c0c200;
}

mark:hover {
  background-position-y: 100%;
  color: #fff;
}

/**********************************/

/************** buttons ***********/

/**********************************/

.devis .elementor-button {
  fill: var(--e-global-color-efe8bcd) !important;
  color: var(--e-global-color-efe8bcd) !important;
  font-weight:600!important;
  background-color: var(--e-global-color-653f623) !important;
  padding: 20px 16px 16px 10px !important;
  background: linear-gradient(to left, #8750b6 50%, rgb(0 0 0 / 0%) 50%) right;
  background-size: 200%;
  transition: 0.5s ease-out;
}

.devis .elementor-button:hover {
  border-color: var(--e-global-color-653f623) !important;
  border: solid 2px;
  background-position: left;
}

.devis a {
  padding: 25px !important;
}

.devis a .fas {
  padding: 25px !important;
  border: 1px #764896 solid;
  border-radius: 50px !important;
}

.devis a:hover .fas {
  border-radius: 50px;
  padding: 25px !important;
  background-color: #764896;
  color: #f3f5fa;
}
.devis a:hover {
  padding: 25px !important;
  color: #764896 !important;
  background-color: #76489600 !important;
}

.plus a {
  position: relative;
  text-decoration: none;
  opacity: 50%;
  padding: 10px !important;
  margin: -10px 0;
}

span.elementor-button-text {
  margin: auto;
}

/* button-line */

.button-line a {
  color: #35395a!important;
  padding: 0.7em calc(0.7em * 1.2);
  display: inline-block;
  border: 2px solid transparent;
  position: relative;
  font-size: 1.2em!important;
  font-weight: 600!important;
  cursor: pointer;
  letter-spacing: 0.07em;
}

.button-line a:after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: calc(0.7em * 1.2);
  right: calc(0.7em * 1.2);
  height: 2px;
  background: #764896;
  transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s,
    right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s,
    left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
  transform-origin: left;
}

.button-line .line {
  position: absolute;
  background: #764896;
}

.button-line a:hover .text,
.button-line a:active .text {
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}

.button-line a:hover:after,
.button-line a:active:after {
  transform: scale3d(0, 1, 1);
  right: -3px;
  left: -3px;
  transform-origin: right;
  transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s,
    right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}

.button-line a:hover .line,
.button-line a:active .line {
  transform: scale3d(1, 1, 1);
}

#actions-right {
    position: fixed;
    display: flex;
    z-index: 899;
    top: 35vh;
    right: 0vw;
    width: 70px;
}

#actions-right-samsung {
    position: fixed;
    display: flex;
    z-index: 899;
    top: 35vh;
    right: -1vw;
    width: 150px;
}

.button-actions-right-samsung{
  padding: 5px;
}

/***********************************/

/************ liens ***************/

/**********************************/

/*** test ***/

.lien a {
  position: relative;
  text-decoration: none;
  font-weight: bold!important;
  padding: 10px 0;
}

.lien a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #764896 !important;
  transition: width 500ms ease;
}

.lien a:hover:after {
  width: 100%;
}

.number {
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px !important;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eb5c6c;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
.number-blanc {
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px !important;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}