body {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.radbinBtn,
.brdRadioBtn {
  position: relative;
  overflow: hidden;
}

.radbinBtn label,
.brdRadioBtn label {
  border: 1px solid #928b81;
  display: inline-block;
  background-color: white;
  padding: 3px 15px;
  border-radius: 3px;
  color: #666;
  cursor: pointer;
  margin-right: 0px;
}

.radbinBtn label + label,
.brdRadioBtn label + label {
  margin-left: 5px;
}

.radbinBtn input,
.brdRadioBtn input {
  visibility: hidden;
  position: absolute !important;
}

.radbinBtn .btnChecked,
.brdRadioBtn .btnChecked {
  background-color: #928b81;
  color: white;
}

.radbinBtn .btnChecked,
.brdRadioBtn .btnChecked {
  background-color: #928b81;
  color: white;
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
  }
}

#contact h2 {
  font-family: 'Raleway:wght@800', sans-serif;
  font-size: 2em;
  color: rgb(114, 0, 89);
  padding: 10px 20px 10px;
  text-align: center;
}

#contact hx {
  font-family: 'Raleway:wght@800', sans-serif;
  font-size: 1.8em;
  color: rgb(114, 0, 89);
  padding: 5px 20px 10px;
  text-align: center;
}

.hh:hover {
  border: 1px solid red;
}

.card-body:hover {
  background: green;
}

.border--icon {
  border: 1px solid #4d4f53;
  /* border-radius: .3rem; */
}

.btn--icon:hover {
  /* background-color: rgba(114,0,89); */
  background-color: #f8f9fad1;
  
}
.btn--icon--prune:hover {
  background-color: rgba(114,0,89);
}
.jumbotron {
  border-radius: 0;
}

.jumbotron .col.my-4 {
  min-height: 360px;
}
.custom-file-upload input[type="file"] {
  display: none;
}
.custom-file-upload .custom-file-upload1 {
  min-width: 200px;
  text-align: center;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 0.25rem;
  color: black;
}

.btn--envoyer {
  background-color: rgb(114, 0, 89);
  color:white;
}

.m--icon {
  margin: 0.15rem 0;
}

.bg-bju {    
  background: url('../images/bg-delubac-bju.jpg') no-repeat center fixed;     
  background-size: cover;
}
.bg-bde {
  background: url('../images/bg-delubac-bde.jpg') no-repeat;
  background-size: cover;
}

.video {
  margin-top: 30px;
  margin-bottom: 100px;
}
.selection {
  height: 700px;
  margin-top: 60px;
}
.bandeau-bas {
  height: 300px;
  margin-top: 60px;
  margin-bottom: 90px;
  background-color: #fff;
  opacity: 0.75;
}
.h-100 {
  height: 100%;
}
.bg-selection {
  background-color: #fff;
  opacity: 0.75;
  color: #758797;
}
.bg-selection:hover {
  background-color: #758797;
  opacity: 0.8;
  color: #fff;
}
.img-bandeau-bas {
  max-height: 100px;
}
a.link-intro {
  color: #758797;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.link-intro:hover {
  color: #758797;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
.icon-bas {
  position: absolute;
  bottom: 10%;
  left: 0;
}
.svgg {
  width: 50px;
}

.mt-10 {
  margin-top: 6rem;
}
h2.intro {
  font-size: 2.1rem;
  color: #373c3c;
}
.txt-icon {
  color: #373c3c;
}
.p-t {
  font-size: 1.5rem;
  line-height: 1.3
}

p.p-profil {
  font-size: 0.9rem !important;
  font-weight: bold;
  color: #706e6f;
}
p.p-profil-icon {
  font-size: 1.2rem !important;
  color: #706e6f;
  margin-bottom: 0;
}
.h4-form {
  color: #706e6f;
}
.fond {
  background-repeat : no-repeat ;
  background-size: cover;
  background-image: url('../images/bg-delubac-bde.jpg');
}
#enCreationpm  {
  width: 20px;
  height: 20px;
}

.bg-bde-ent {
  /* background-image: url('/images/Entreprise_personne_a_contacter.jpg'); */
  background-image: url('/images/bg-ent-bde.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 86%;
  background-position-y: 50%;
  min-height: 250px;
}

.bg-bde-particulier {
  background-image: url('/images/Particulier_personne_a_contacter.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 86%;
  background-position-y: 50%;
  min-height: 250px;
}

.bg-bde-survey-thank {
  background-image: url('/images/Bde_pro_woodworker.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 60%;
  background-position-y: 50%;
  min-height: 250px;
}

.bg-bde-pro {
  background-image: url('/images/bg-pro-bde.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 73%;
  background-position-y: 42%;
  min-height: 250px;
  max-height: 1500px;
  /* height: 145vh; */
}

.bg-bju-ent {
  background-image: url('/images/BJU_Entreprise_personne_a_contacter.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 86%;
  background-position-y: 50%;
  min-height: 250px;
}

.bg-bju-particulier {
  background-image: url('/images/BJU_Particulier_personne_a_contacter.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 86%;
  min-height: 250px;
  background-position-y: 85%;
}

.bg-bju-pro {
  background-image: url('/images/BJU_Pro_personne_a_contacter.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 50%;
  min-height: 250px;
  background-position-y: 50%;
}

.ic-top {
  flex: 0 0 16.666667%;
  max-width: 14%;
}
.min-h120 {
  min-height: 120px;
  font-size: 1.2rem;
}
.fond {
  background-repeat : no-repeat ;
  background-size: cover;
  background-image: url('/images/bg-delubac-bde.jpg');
}
h2 {
  color: #758797;
}
.bg-choix {
  background-color: #f8f9fad1;
}
.bg-choix:hover {
  background-color: #5a1944;
  color: #fff;
  text-decoration: none;
}
.bg-choix-reverse {
  color: #f8f9fad1;
  background-color: #758797d9;
}
.bg-choix-reverse h2, .bg-choix-reverse p{
  color: #f8f9fad1;
}
.bg-choix-reverse:hover h2, .bg-choix-reverse:hover p {
  color: #f8f9fad1;
}
.bg-choix-reverse:hover .border--icon, .bg-choix:hover .border--icon {
  border: 1px solid #f8f9fad1;
}

.bg-choix-reverse:hover {
  color: #758797d9;
  background-color: #5a1944;
  text-decoration: none;
}
.p-profil-debut {
  font-size: .7rem;
}
.bg-choix:hover p, .bg-choix:hover h2{
  color: #fff !important;
}
p {
  color: #758797;
}

.bg-icons {
  background-color: #f8f9fad1;
}

@media screen and (max-width: 960px) {
  .min-h120 {
    min-height: auto;
  }
  .bg-choix {
    background-color: rgba(0, 0, 0, 0.082);
  }
  .p-profil-debut {
      font-size: .9rem;
  }
  p {
      font-size: 1.2rem;
  }
  .w-perso {
    width: 100% !important;
  }
  .fond {
    background: #fff;
  }
  .img-bandeau-bas {
    max-height: 55px;
  }
}

@media screen and (min-width: 960px) {
  .min-h120 {
    font-size: 1.5rem;
    min-height: auto;
  }
  .p-profil-debut {
    font-size: 1.2rem;
  }
  .img-bandeau-bas {
    max-height: 70px;
  }
}

@media screen and (min-width: 1000px) {
  .min-h120 {
    min-height: 120px;
    font-size: 1.2rem;
  }
  .p-profil-debut {
    font-size: .9rem;
  }
}

@media screen and (max-width: 768px) {
  .w-perso {
    width: calc(50% - 10px) !important
  }
  .w-100 {
    width: 100%;
  }
  p {
      font-size: 1.2rem;
  }
  .bg-bde-pro {
    background-position-y: 11%;
  }
  .bg-bde-ent {
    background-position-y: 35%;
  }
}

.bg-icons-secondary:hover {
  background-color: #f8f9fad1;
  color: #758797;
}

.bg-icons-secondary:hover p {
  color: #758797;
}

.bg-icons-secondary:hover .txt-icon {
  color: #758797;
}

.play-video {
  width: 260px;
}

.stars {
  height: 40px;
  background: url('../../images/star.svg') no-repeat center;     
}

.bg-icons-secondary:hover .star {
  background: url('../../images/star.svg') no-repeat center;     
}

.lock {
  height: 40px;
  background: url('../../images/lock.svg') no-repeat center;     
}

.bg-icons-secondary:hover .lock {
  background: url('../../images/lock.svg') no-repeat center;     
}

.rgpd {
  height: 40px;
  background: url('../../images/rgpd.svg') no-repeat center;     
}

.bg-icons-secondary:hover .rgpd {
  background: url('../../images/rgpd.svg') no-repeat center;     
}

.interlocuteur {
  height: 40px;
  background: url('../../images/interlocuteur.svg') no-repeat center;     
}

.bg-icons-secondary:hover .interlocuteur {
  background: url('../../images/interlocuteur.svg') no-repeat center;     
}
.sticky-bottom {
  position: absolute;
  left: calc(50% - 157px);
  bottom: 0;
}
.red{
  color: red;
}