@charset "UTF-8";
/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/*
* Formulaire DEVIS Quai13
*
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@media screen and (min-width: 950px) {
  .page-id-2698 #main,
  .page-id-3445 #main {
    background-image: url("./img-form/bkg-filigrane.png");
    background-position: 100% 70px;
    background-repeat: no-repeat;
  }
}

.page-id-2698 .proposition,
.page-id-3445 .proposition {
  padding: 70px 50px 70px 160px;
  border: solid 4.5px #178084;
}

.page-id-2698 .proposition:before,
.page-id-3445 .proposition:before {
  content: " ";
  position: absolute;
  top: 50px;
  left: 25px;
  width: 37px;
  height: 50px;
  background-image: url("./img-form/bkg-cadre.jpg") !important;
}

.page-id-2698 .proposition p:first-child,
.page-id-3445 .proposition p:first-child {
  position: relative;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  line-height: 2rem;
  margin-bottom: 50px;
}

.page-id-2698 .proposition p:first-child:before,
.page-id-3445 .proposition p:first-child:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -105px;
  width: 90px;
  height: 81px;
  background-image: url("./img-form/picto-opal.png") !important;
}

.page-id-2698 .proposition strong,
.page-id-3445 .proposition strong {
  color: #178084 !important;
  font-weight: 700 !important;
}

.page-id-2698 .proposition form,
.page-id-3445 .proposition form {
  margin-top: 70px;
}

.page-id-2698 .contact_gold,
.page-id-3445 .contact_gold {
  line-height: 2rem;
  float: right;
  color: #178084 !important;
  font-size: 1.125rem !important;
  font-weight: 700;
  position: relative;
}

.page-id-2698 .contact_gold:hover,
.page-id-3445 .contact_gold:hover {
  color: #105558 !important;
}

.page-id-2698 .contact_gold:before,
.page-id-3445 .contact_gold:before {
  content: " ";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -35px;
  width: 28px;
  height: 27px;
  background-image: url("./img-form/info-circle.jpg") !important;
}

.page-id-2698 #jvec_button,
.page-id-3445 #jvec_button {
  font-size: 1.125rem !important;
  text-transform: uppercase;
}

.page-id-2698 #jvec_button:hover,
.page-id-3445 #jvec_button:hover {
  color: white !important;
  background-color: #105558 !important;
}

#gform_wrapper_5,
#gform_wrapper_8 {
  font-weight: 500;
  color: #333333;
}

#gform_wrapper_5 *,
#gform_wrapper_8 * {
  font-family: "Roboto", sans-serif !important;
  font-size: 1rem;
  font-weight: 500 !important;
}

#gform_wrapper_5 .gform_page_fields input,
#gform_wrapper_5 .gform_page_fields select,
#gform_wrapper_8 .gform_page_fields input,
#gform_wrapper_8 .gform_page_fields select {
  background-color: #ededed;
  color: #333333;
  font-size: 1rem;
}

#gform_wrapper_5 .champs_obligatoire,
#gform_wrapper_8 .champs_obligatoire {
  float: right;
  font-size: 12px;
  color: #818181;
  border: none !important;
}

#gform_wrapper_5 .champs_obligatoire h2,
#gform_wrapper_8 .champs_obligatoire h2 {
  font-size: 0.75rem;
  color: #818181;
  position: relative;
}

#gform_wrapper_5 .champs_obligatoire h2::after,
#gform_wrapper_8 .champs_obligatoire h2::after {
  content: " * ";
  position: absolute;
  right: -10px;
  top: 0;
  color: #178084;
}

#gform_wrapper_5 .titre_section,
#gform_wrapper_8 .titre_section {
  background-color: #178084;
}

#gform_wrapper_5 .titre_section h2,
#gform_wrapper_8 .titre_section h2 {
  color: white;
  font-size: 1.125rem;
  line-height: 1.875rem;
  font-weight: 500;
  padding-left: 20px !important;
  text-transform: uppercase;
}

#gform_wrapper_5 .gsection,
#gform_wrapper_8 .gsection {
  padding: 0 !important;
}

#gform_wrapper_5 .gf_progressbar,
#gform_wrapper_8 .gf_progressbar {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

#gform_wrapper_5 .gf_progressbar span,
#gform_wrapper_8 .gf_progressbar span {
  font-size: 1rem !important;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-shadow: none !important;
}

#gform_wrapper_5 .percentbar_blue,
#gform_wrapper_8 .percentbar_blue {
  background-color: #b9d9da !important;
  color: #178084 !important;
}

#gform_wrapper_5 .gf_progressbar_percentage,
#gform_wrapper_8 .gf_progressbar_percentage {
  background: none;
}

#gform_wrapper_5 .gform_page_footer,
#gform_wrapper_8 .gform_page_footer {
  border-top: none;
  clear: unset;
}

#gform_wrapper_5 .gform_page_footer.left_label,
#gform_wrapper_8 .gform_page_footer.left_label {
  padding-left: 0;
}

#gform_wrapper_5 .gchoice_5_8_0,
#gform_wrapper_8 .gchoice_5_8_0 {
  float: left;
}

#gform_wrapper_5 .button,
#gform_wrapper_8 .button {
  font-size: 1.125rem;
  text-transform: uppercase;
}

#gform_wrapper_5 .button:hover,
#gform_wrapper_8 .button:hover {
  background-color: #105558 !important;
  color: white !important;
}

#gform_wrapper_5 .gfield_radio li,
#gform_wrapper_8 .gfield_radio li {
  margin-right: 30px !important;
  float: left;
}

#gform_wrapper_5 .gfield_radio input,
#gform_wrapper_8 .gfield_radio input {
  margin: 0 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  width: 20px !important;
  height: 20px;
  -webkit-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear;
  outline: none;
  position: relative;
  border: solid 1px gray;
  background-color: white !important;
  -webkit-box-shadow: 0 0 0 0.5pt gray;
          box-shadow: 0 0 0 0.5pt gray;
}

#gform_wrapper_5 .gfield_radio input:checked,
#gform_wrapper_8 .gfield_radio input:checked {
  border: 2.5px solid white;
  background: #178084 !important;
}

#gform_wrapper_5 .gfield_radio input:not(:checked),
#gform_wrapper_8 .gfield_radio input:not(:checked) {
  background: white;
}

#gform_wrapper_5 .ginput_container_date span,
#gform_wrapper_8 .ginput_container_date span {
  position: relative;
}

#gform_wrapper_5 .ginput_container_date span::after,
#gform_wrapper_8 .ginput_container_date span::after {
  content: " ";
  position: absolute;
  right: 10px;
  top: -2px;
  height: 23px;
  width: 20px;
  background-image: url("./img-form/calendar-alt-regular.png") !important;
}

#gform_wrapper_5 .ginput_container_q13_dynamic_repeater > div:not(:first-child),
#gform_wrapper_8 .ginput_container_q13_dynamic_repeater > div:not(:first-child) {
  clear: both;
}

#gform_wrapper_5 .ginput_container_q13_dynamic_repeater > div:not(:first-child) .gfield_label,
#gform_wrapper_8 .ginput_container_q13_dynamic_repeater > div:not(:first-child) .gfield_label {
  clear: both !important;
}

#gform_wrapper_5 .ginput_container_q13_dynamic_repeater label.gfield_label:not(:nth-child(2)),
#gform_wrapper_8 .ginput_container_q13_dynamic_repeater label.gfield_label:not(:nth-child(2)) {
  clear: both !important;
}

.go_back {
  margin-top: 20px;
  display: inline-block;
}

.go_back:hover {
  color: #105558 !important;
}

/*
* FIN Formulaire DEVIS Quai13 
*/