/*
	Theme Name: Steven Roy Cullen - QS
	Theme URI: https://stevenroycullen.ca
	Description: Steven Roy Cullen - QS
	Version: 2.0.0
	Author: Marc-Antoine Berthiaume (@maberthiaume2)
	Author URI: https://twitter.com/maberthiaume2
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "FontQS";
  font-weight: 400;
  font-style: normal;
  src: url("/wp-content/themes/qs2022/Fonts/tt_commons_regular-webfont.woff");
}
@font-face {
  font-family: "FontQS";
  font-weight: 400;
  font-style: italic;
  src: url("/wp-content/themes/qs2022/Fonts/tt_commons_italic-webfont.woff");
}
@font-face {
  font-family: "FontQS";
  font-weight: 700;
  font-style: normal;
  src: url("/wp-content/themes/qs2022/Fonts/tt_commons_bold-webfont.woff");
}
@font-face {
  font-family: "FontQS";
  font-weight: 700;
  font-style: italic;
  src: url("/wp-content/themes/qs2022/Fonts/tt_commons_bold_italic-webfont.woff");
}
@font-face {
  font-family: "BuiltQS";
  font-weight: 700;
  font-style: normal;
  src: url("/wp-content/themes/qs2022/Fonts/built_titling-webfont.woff"), url("/wp-content/themes/qs2022/Fonts/builtQS.ttf");
}
html, body {
  font-family: "FontQS", sans-serif;
  width: 100%;
  box-sizing: border-box;
  border: 0;
}

h1 {
  padding: 0;
  margin: 15px 0;
  font-size: 50px;
  color: #FF5505;
  text-transform: uppercase;
  display: block;
  width: 100%;
  font-weight: bold;
  font-family: "BuiltQS", sans-serif;
}
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  padding: 0;
  margin: 15px 0;
  font-size: 42px;
  color: #1F1935;
  text-transform: uppercase;
  display: block;
  width: 100%;
  font-weight: bold;
  font-family: "BuiltQS", sans-serif;
}
@media screen and (max-width: 1200px) {
  h2 {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  padding: 10px 20px;
  margin: 15px 0;
  font-size: 38px;
  color: #ffffff;
  background-color: #FF5505;
  text-transform: uppercase;
  display: block;
  width: 100%;
  font-weight: bold;
  font-family: "BuiltQS", sans-serif;
}
@media screen and (max-width: 1200px) {
  h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 26px;
    padding: 8px 12px;
  }
}

h4 {
  padding: 0;
  margin: 10px 0;
  font-size: 38px;
  color: #FF5505;
  display: block;
  width: 100%;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  h4 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 26px;
  }
}

h5 {
  padding: 0;
  margin: 5px 0;
  font-size: 32px;
  color: #1F1935;
  display: block;
  width: 100%;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  h5 {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  h5 {
    font-size: 22px;
  }
}

h6 {
  font-size: 20px;
  margin: 0;
  padding: 5px 0;
}
@media screen and (max-width: 1200px) {
  h6 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  h6 {
    font-size: 16px;
  }
}

p {
  font-size: 24px;
  margin: 0;
  padding: 15px 0;
}
@media screen and (max-width: 1200px) {
  p {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  p {
    font-size: 20px;
    padding: 10px 0;
  }
}
p a {
  color: #1437c0;
  text-decoration: none;
}
p a:hover {
  text-decoration: underline;
}

ul {
  font-size: 24px;
  margin: 0;
  padding: 15px 0 15px 20px;
  list-style: disc;
}
@media screen and (max-width: 1200px) {
  ul {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  ul {
    font-size: 20px;
    padding: 10px 0 10px 15px;
  }
}

form p {
  padding: 0;
  margin: 0;
}

.bg_orange {
  background-color: #FF5505;
}
.bg_orange * {
  color: #ffffff;
}

strong, b {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

.page {
  padding: 10px 4vw;
}
@media screen and (max-width: 767px) {
  .page {
    padding: 10px 20px;
  }
}

.btn {
  display: inline-block;
  color: #ffffff;
  background-color: #FF5505;
  padding: 14px 24px;
  border-radius: 1000px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 250ms ease;
  line-height: 1em;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 1200px) {
  .btn {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    font-size: 17px;
    padding: 10px 18px;
  }
}
.btn:hover {
  background-color: #DD3E00;
}

* {
  box-sizing: border-box;
}

.wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-validates-as-required.wpcf7-not-valid {
  color: #FF5505 !important;
}
.wpcf7-validates-as-required.wpcf7-not-valid::placeholder {
  color: #FF5505 !important;
}

.wpcf7-response-output {
  margin: 10px 0 !important;
  background-color: #DD3E00;
  color: #ffffff;
  border-radius: 10px;
  padding: 15px 20px !important;
  border: none !important;
  width: calc(100%) !important;
  font-size: 18px;
}

.wpcf7-form.sent p {
  display: none !important;
}
.wpcf7-form.sent div:not(.wpcf7-response-output) {
  display: none !important;
}
.wpcf7-form.sent .wpcf7-response-output {
  font-size: 22px;
}
@media screen and (max-width: 1200px) {
  .wpcf7-form.sent .wpcf7-response-output {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7-form.sent .wpcf7-response-output {
    font-size: 18px;
  }
}

input:not([type=submit]) {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 15px 20px;
  font-family: "FontQS", sans-serif;
  color: black;
  font-weight: 400;
  border: none;
  font-size: 22px;
  margin: 7.5px 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  height: 55px;
}
@media screen and (max-width: 1200px) {
  input:not([type=submit]) {
    font-size: 20px;
    height: 53px;
  }
}
@media screen and (max-width: 767px) {
  input:not([type=submit]) {
    font-size: 18px;
    border-radius: 10px;
    height: 50px;
    padding: 14px 16px;
  }
}

.wpcf7-form br {
  display: none;
}

header {
  background-color: #ffffff;
  padding: 30px 4vw;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  header {
    padding: 20px;
  }
}
header .logo {
  width: 190px;
  max-width: 30vw;
}
@media screen and (max-width: 767px) {
  header .logo {
    width: 160px;
    max-width: 40%;
  }
}
header .logo img {
  display: block;
  width: 100%;
}
.home {
  padding: 10px 4vw;
}
@media screen and (max-width: 767px) {
  .home {
    padding: 10px 20px;
  }
}

.entete .container_entete {
  width: 100%;
  display: block;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .entete .container_entete {
    border-radius: 12px;
  }
}
.entete .container_entete img {
  display: block;
  width: 100%;
}
.entete .container_formulaire {
  width: 80%;
  margin: 0 auto;
  position: relative;
  top: -75px;
  margin-bottom: -75px;
  z-index: 3;
  background-color: #FF5505;
  padding: 30px;
  border-radius: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .entete .container_formulaire {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire {
    border-radius: 12px;
    top: -30px;
    width: calc(100% - 40px);
    padding: 25px 20px;
    margin-bottom: -30px;
  }
}
.entete .container_formulaire .col_left {
  padding-right: 50px;
}
@media screen and (max-width: 1200px) {
  .entete .container_formulaire .col_left {
    width: 100%;
    padding-right: 0px;
    text-align: left;
    padding-bottom: 20px;
    display: block;
  }
}
.entete .container_formulaire .col_left .titre {
  font-family: "BuiltQS", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 42px;
}
@media screen and (max-width: 1200px) {
  .entete .container_formulaire .col_left .titre {
    font-size: 34px;
    width: 100%;
  }
  .entete .container_formulaire .col_left .titre br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_left .titre {
    font-size: 28px;
    width: 100%;
    text-align: center;
  }
}
.entete .container_formulaire .col_right {
  flex: 1;
}
@media screen and (max-width: 1200px) {
  .entete .container_formulaire .col_right {
    width: 100%;
    flex: auto;
  }
}
.entete .container_formulaire .col_right form {
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
  align-items: flex-end;
  width: 100%;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form {
    flex-wrap: wrap;
  }
}
.entete .container_formulaire .col_right form .wpcf7-spinner {
  display: none;
}
.entete .container_formulaire .col_right form .col_input {
  flex: 1;
  margin: -7.5px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form .col_input {
    width: 100%;
    flex: auto;
  }
}
.entete .container_formulaire .col_right form .col_input span[data-name=nom] {
  width: calc(100%);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form .col_input span[data-name=nom] {
    width: 100%;
    margin-right: 0;
  }
}
.entete .container_formulaire .col_right form .col_input span[data-name=telephone] {
  width: calc(60% - 15px);
  margin-right: 15px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form .col_input span[data-name=telephone] {
    width: 100%;
    margin-right: 0;
  }
}
.entete .container_formulaire .col_right form .col_input span[data-name=postalCode] {
  width: calc(40%);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form .col_input span[data-name=postalCode] {
    width: 100%;
    margin-right: 0;
  }
}
.entete .container_formulaire .col_right form .col_btn {
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form .col_btn {
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-top: 20px;
  }
}
.entete .container_formulaire .col_right form .col_btn .btn_arrow {
  position: relative;
  display: inline-block;
}
.entete .container_formulaire .col_right form .col_btn .btn_arrow:after {
  content: "";
  top: 10px;
  left: 20px;
  width: 30px;
  height: 35px;
  background-image: url("/wp-content/themes/qs2022/Images/Icones/icone_arrow_white.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  z-index: 3;
  position: absolute;
  pointer-events: none;
}
@media screen and (max-width: 1200px) {
  .entete .container_formulaire .col_right form .col_btn .btn_arrow:after {
    top: 8px;
    width: 26px;
    left: 23px;
  }
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form .col_btn .btn_arrow:after {
    top: 6px;
    left: 23px;
    width: 25px;
  }
}
.entete .container_formulaire .col_right form .col_btn input {
  width: 70px;
  height: 55px;
  border-radius: 10px;
  background-color: #DD3E00;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: transparent;
  font-size: 2px;
  transition: background-color 250ms ease;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}
.entete .container_formulaire .col_right form .col_btn input:hover {
  cursor: pointer;
  background-color: #c43700;
}
@media screen and (max-width: 1200px) {
  .entete .container_formulaire .col_right form .col_btn input {
    height: 53px;
  }
}
@media screen and (max-width: 767px) {
  .entete .container_formulaire .col_right form .col_btn input {
    height: 50px;
  }
}

.container_simpliquer {
  max-width: 1200px;
  margin: auto;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: #1F1935;
}
@media screen and (max-width: 767px) {
  .container_simpliquer {
    border-radius: 12px;
  }
}
.container_simpliquer .container_top {
  background-image: url("/wp-content/themes/qs2022/Images/Autres/bg_simpliquer.jpg");
  background-size: cover;
  background-position: bottom center;
  min-height: 45vw;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .container_simpliquer .container_top {
    padding: 20px;
  }
}
.container_simpliquer .container_top:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  max-height: 70%;
  z-index: 2;
  background: -moz-linear-gradient(top, rgba(31, 25, 53, 0) 0%, rgba(31, 25, 53, 0) 1%, #1f1935 79%, #1f1935 100%);
  background: -webkit-linear-gradient(top, rgba(31, 25, 53, 0) 0%, rgba(31, 25, 53, 0) 1%, #1f1935 79%, #1f1935 100%);
  background: linear-gradient(to bottom, rgba(31, 25, 53, 0) 0%, rgba(31, 25, 53, 0) 1%, #1f1935 79%, #1f1935 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#001f1935", endColorstr="#1f1935",GradientType=0 );
}
.container_simpliquer .container_top h3 {
  position: relative;
  z-index: 3;
  font-family: "BuiltQS", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 72px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
@media screen and (max-width: 1200px) {
  .container_simpliquer .container_top h3 {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .container_simpliquer .container_top h3 {
    font-size: 34px;
  }
}
.container_simpliquer .container_btm {
  padding: 10px 30px 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  margin: -10px;
}
@media screen and (max-width: 767px) {
  .container_simpliquer .container_btm {
    padding: 10px 20px 30px;
  }
}
.container_simpliquer .container_btm .btn_simpliquer {
  background-color: #ffffff;
  padding: 20px;
  width: calc(100% / 3 - 20px);
  margin: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  transition: background-color 250ms ease;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .container_simpliquer .container_btm .btn_simpliquer {
    width: calc(100% / 2 - 20px);
  }
}
@media screen and (max-width: 767px) {
  .container_simpliquer .container_btm .btn_simpliquer {
    width: calc(100% - 20px);
  }
}
.container_simpliquer .container_btm .btn_simpliquer:hover {
  background-color: #ded6d0;
  cursor: pointer;
}
.container_simpliquer .container_btm .btn_simpliquer img {
  width: 30%;
  max-width: 70px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .container_simpliquer .container_btm .btn_simpliquer img {
    max-width: 50px;
  }
}
.container_simpliquer .container_btm .btn_simpliquer span {
  flex: 1;
  font-size: 22px;
  font-weight: bold;
  color: #1F1935;
}
@media screen and (max-width: 767px) {
  .container_simpliquer .container_btm .btn_simpliquer span {
    font-size: 20px;
  }
}

.space_block {
  display: block;
  width: 100%;
  height: 30px;
}
@media screen and (max-width: 767px) {
  .space_block {
    height: 20px;
  }
}

.popup_benevole {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  z-index: 9999999999 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .popup_benevole {
    padding: 30px;
  }
}
.popup_benevole.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 250ms ease;
}
.popup_benevole #closePopupBenevole {
  content: "";
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2001;
  cursor: pointer;
}
.popup_benevole .container_popup {
  position: relative;
  z-index: 2002;
  background-color: #F3F0EE;
  overflow: hidden;
  width: 850px;
  max-width: 100%;
  padding: 40px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-sizing: border-box;
  max-height: 100%;
}
.popup_benevole .container_popup .wpcf7 form.invalid .wpcf7-response-output, .popup_benevole .container_popup .wpcf7 form.unaccepted .wpcf7-response-output, .popup_benevole .container_popup .wpcf7 form.payment-required .wpcf7-response-output {
  padding: 10px 15px;
}
@media screen and (max-width: 767px) {
  .popup_benevole .container_popup {
    padding: 20px 25px;
  }
}
.popup_benevole .container_popup h3 {
  margin: 0;
  padding: 0 0 15px 0;
  color: #1F1935;
  border-bottom: 2px solid #1F1935;
  font-family: "BuiltQS", sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .popup_benevole .container_popup h3 {
    padding-bottom: 10px;
    font-size: 32px;
  }
}
.popup_benevole .container_popup form {
  margin-top: 30px;
}
.popup_benevole .container_popup form p {
  margin: 0;
  padding: 0;
}
.popup_benevole .container_popup form p br {
  display: none;
}
.popup_benevole .container_popup form input[type=submit] {
  border: none;
  -webkit-appearance: none;
  display: inline-block;
  color: #ffffff;
  background-color: #FF5505;
  padding: 12px 22px;
  border-radius: 10px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 250ms ease;
  line-height: 1em;
  font-weight: bold;
  font-size: 22px;
  width: auto;
  margin-top: 20px;
  font-family: "FontQS", sans-serif;
}
@media screen and (max-width: 1200px) {
  .popup_benevole .container_popup form input[type=submit] {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .popup_benevole .container_popup form input[type=submit] {
    font-size: 18px;
    padding: 10px 16px;
  }
}
.popup_benevole .container_popup form input[type=submit]:hover {
  background-color: #DD3E00;
}

.btn_rappel {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 10px;
  background-color: #1437c0;
  z-index: 2000;
  cursor: pointer;
  border-radius: 20000px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
}
.btn_rappel img {
  display: block;
  width: 100%;
}

.popup_rappel {
  position: fixed;
  bottom: 85px;
  right: 20px;
  z-index: 2000;
  background: #1437c0;
  padding: 20px;
  width: 430px;
  max-width: calc(100% - 40px);
  border-radius: 20px;
  opacity: 0;
  pointer-events: none;
  -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.5);
}
.popup_rappel.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 250ms ease;
}
.popup_rappel .btn_close #closePopupRappel {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 35px;
  height: 35px;
  background-color: #1F1935;
  color: #ffffff;
  font-weight: bold;
  border-radius: 10000px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
}
.popup_rappel .container_popup h2 {
  font-family: "BuiltQS", sans-serif;
  color: #ffffff;
  font-size: 26px;
  padding-bottom: 10px;
  padding-right: 30px;
  margin: 0;
}
.popup_rappel .container_popup .col_btn {
  padding-left: 0px;
  padding-top: 5px;
}
.popup_rappel .container_popup .col_btn .wpcf7-spinner {
  display: none;
}
.popup_rappel .container_popup .col_btn .btn_arrow {
  position: relative;
  display: inline-block;
}
.popup_rappel .container_popup .col_btn .btn_arrow:after {
  content: "";
  top: 0px;
  left: 17px;
  width: 26px;
  height: 41px;
  background-image: url("/wp-content/themes/qs2022/Images/Icones/icone_arrow_white.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  z-index: 3;
  position: absolute;
  pointer-events: none;
}
.popup_rappel .container_popup .col_btn input {
  width: 60px;
  height: 45px;
  border-radius: 10px;
  background-color: #DD3E00;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: transparent;
  font-size: 2px;
  transition: background-color 250ms ease;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}
.popup_rappel .container_popup .col_btn input:hover {
  cursor: pointer;
  background-color: #c43700;
}

.container_action {
  background-color: #FF5505;
  max-width: 1200px;
  margin: auto;
  width: 100%;
  display: block;
  border-radius: 25px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .container_action {
    border-radius: 15px;
  }
}
.container_action .container_img {
  display: block;
  width: 100%;
  height: auto !important;
}
.container_action .container_img img {
  display: block;
  width: 100%;
  height: auto !important;
}
.container_action .container_contenu {
  padding: 40px 40px 0;
  margin: -15px 0;
}
@media screen and (max-width: 767px) {
  .container_action .container_contenu {
    margin: -10px 0;
    padding: 30px 20px 0;
  }
}
.container_action .container_contenu * {
  color: #ffffff !important;
}
.container_action .container_form {
  padding: calc(40px - 7.5px) 40px 40px;
}
@media screen and (max-width: 767px) {
  .container_action .container_form {
    margin: -10px 0 0;
    padding: calc(20px - 7.5px) 20px 30px;
  }
}
.container_action .container_form form p {
  margin: 0 !important;
  padding: 0 !important;
}
.container_action .container_form form .container_checkbox {
  font-size: 24px;
  color: #ffffff;
  padding: 15px 0 0;
}
@media screen and (max-width: 1200px) {
  .container_action .container_form form .container_checkbox {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .container_action .container_form form .container_checkbox {
    font-size: 20px;
  }
}
.container_action .container_form form .container_checkbox span.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.container_action .container_form form .container_checkbox span.wpcf7-form-control-wrap * {
  color: #ffffff !important;
}
.container_action .container_form form .container_checkbox .wpcf7-list-item {
  margin: 2px 10px 2px 0;
  position: relative;
}
.container_action .container_form form .container_checkbox .wpcf7-list-item input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.container_action .container_form form .container_checkbox .wpcf7-list-item:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #ffffff;
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  pointer-events: none;
}
.container_action .container_form form .container_checkbox .wpcf7-list-item input:checked + span:before {
  display: block !important;
}
.container_action .container_form form .container_checkbox .wpcf7-list-item .wpcf7-list-item-label {
  padding: 10px 10px 10px 30px;
  display: inline-block;
}
.container_action .container_form form .container_checkbox .wpcf7-list-item .wpcf7-list-item-label:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: calc(50% - 9px);
  left: 1px;
  background-image: url("/wp-content/themes/qs2022/Images/Icones/icone_hook_white.svg");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
  pointer-events: none;
}
.container_action .container_form form input[type=submit] {
  border: none;
  -webkit-appearance: none;
  display: inline-block;
  color: #FF5505;
  background-color: #ffffff;
  padding: 12px 22px;
  border-radius: 12px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 250ms ease;
  line-height: 1em;
  font-weight: bold;
  font-size: 22px;
  width: auto;
  margin: 20px 0 0;
  font-family: "FontQS", sans-serif;
}
@media screen and (max-width: 1200px) {
  .container_action .container_form form input[type=submit] {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .container_action .container_form form input[type=submit] {
    font-size: 18px;
    padding: 10px 16px;
    margin: 10px 0 0;
  }
}
.container_action .container_form form input[type=submit]:hover {
  background-color: #F3F0EE;
}

.action_couleurs .container_action {
  background-color: transparent;
}
.action_couleurs .container_action .container_contenu {
  background-color: #FF5505;
}
.action_couleurs .container_action .container_form {
  background-color: #FF5505;
  /*border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  @media screen and (max-width: 767px){
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }*/
}

.action_couleurs {
  padding-top: calc(4vw - 10px);
}
@media screen and (max-width: 767px) {
  .action_couleurs {
    padding-top: calc(20px - 10px);
  }
}

.container_btn_action {
  display: flex;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 30px -15px;
}
.container_btn_action .btn_action {
  background-color: #1F1935;
  width: calc(100% / 3 - 30px);
  margin: 15px;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .container_btn_action .btn_action {
    width: calc(100% / 2 - 30px);
  }
}
@media screen and (max-width: 767px) {
  .container_btn_action .btn_action {
    width: calc(100% - 30px);
  }
}
.container_btn_action .btn_action img {
  display: block;
  width: 100%;
  opacity: 1;
  cursor: pointer;
  transition: opacity 250ms ease;
}
.container_btn_action .btn_action:hover {
  cursor: pointer !important;
}
.container_btn_action .btn_action:hover img {
  opacity: 0.8;
}

footer {
  background-color: #FF5505;
  display: block;
  width: 100%;
  padding: 40px 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  footer {
    padding: 30px 20px;
  }
}
footer .logo {
  width: 100%;
  text-align: center;
}
footer .logo a {
  width: 190px;
  max-width: 30vw;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  footer .logo a {
    width: 160px;
    max-width: 40%;
  }
}
footer .logo a img {
  display: block;
  width: 100%;
}
footer .social_container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 20px 0;
}
footer .social_container .social {
  width: 50px;
  margin: 10px;
  max-width: calc(100% / 5 - 20px);
}
@media screen and (max-width: 767px) {
  footer .social_container .social {
    width: 35px;
  }
}
footer .social_container .social img {
  display: block;
  width: 100%;
  transition: opacity 250ms ease;
}
footer .social_container .social img:hover {
  opacity: 0.7;
}
footer .infos {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 20px;
}
footer .infos .split {
  display: block;
  width: 100%;
  height: 5px;
}
footer .infos .adresse {
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  footer .infos .adresse {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  footer .infos .adresse {
    font-size: 20px;
  }
}
footer .infos .phone {
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  footer .infos .phone {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  footer .infos .phone {
    font-size: 24px;
  }
}
footer .copyright p {
  display: block;
  width: 100%;
  padding: 20px 20px 0;
  color: #ffffff;
  font-size: 16px;
  opacity: 0.4;
  max-width: calc(100% - 80px);
  margin: auto;
}
@media screen and (max-width: 767px) {
  footer .copyright p {
    font-size: 14px;
  }
}

/*# sourceMappingURL=style.css.map */