:root
{
  --submitBtnColor:hsla(var(--globalSiteHue), 50%, 50%,  100%);
  --adressBackground:hsla(var(--globalSiteHue), 50%, 80%,  100%);
}


body
{
  background-position: center; 
  background-size: all;
  background-image: url('../images/accueil.jpg');
}

.whitePage
{
  background-color: rgba(255,255,255,.6);
  height: 100%;
  min-height: 100vh;
  width: 100%;
  padding: 0% min(10%, 8em);
}

.site-section 
{
  padding: 7em 0; 
}


p
{
  text-align: justify;
}

#Adress
{
  border-radius: 0.5em;
  background-color: var(--adressBackground);
  width: 100%;
  margin-top: 3em;
  padding: 1em;
}

#Adress p
{
  text-align: left;
  padding-left: 2.5em ;
  text-indent: -2.5em ;
  overflow-wrap: break-word;
}

#Adress svg
{
  margin-left: .5em;
  margin-right: .5em;
}


/* Contact section */
/* see : https://bootsnipp.com/snippets/7nmOW */

.contact-form
{    
  margin-top: 1em;
  margin-bottom: 5%;
  width: 100%;
}
.contact-form .form-control{
  border-radius:.5rem;
}

.contact-form form .row{
  margin-bottom: -7%;
}
.contact-form h3{
  margin-bottom: 8%;
  margin-top: -10%;
  text-align: center;
  color: #0062cc;
}
.contact-form .btnContact {
  width: 50%;
  border: none;
  border-radius: .5rem;
  padding: 1.5%;
  background: var(--submitBtnColor);
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.btnContactSubmit
{
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  color: #fff;
  background-color: #0062cc;
  border: none;
  cursor: pointer;
}