body
{
   nobackground:url(../images/background-rdv-coach.jpg) no-repeat center fixed;
   background-size:cover;
}

.head_rdv{
nobackground-color:#354d68;
noopacity:0.5;
nobackground-image:url('../images/accueil-geoloc.png');
nobackground-repeat: no-repeat;
nobackground-size:cover;
nobackground-position: left;
float:left;
margin-left:10%;
nomargin-top:50px;
width:80%;
height:200px;
text-align:center;
font-size: 18px;
color:#ffffff;
position:relative;
}

#titre_rdv {
margin-bottom: 20px;
margin-top: 60px;
font-size: 24px;
font-family: 'Gilroy';
width:80%;
margin-left:10%;
}

#separateur_rdv {
margin-bottom:30px;
width:14%;
margin-left:43%;
border-bottom:6px solid #ffffff;
}

#texte_rdv {
margin-bottom: 20px;
margin-top: 10px;
font-size: 24px;
font-family: 'Gilroy';
font-weight:900;
width:80%;
margin-left:10%;
line-height:14px;
}

.formulaire{
  float:left;
  margin-left:20%;
  width: 60%;
  font-family: 'sofia_pro_soft_regularregular';
  margin-bottom:50px;
  nobackground-color:#ff0000;
  position:relative;
}

.message_retour{
  width:60%;
  margin-left:15%;
  nomargin-top:10%;
  margin-bottom:10%;
  background-color:#17bed0;
  color:#ffffff;
  display:inline-block;
  padding:50px;
}

h1 {
  margin-left:10%;
  font-family: 'Posterama1919-Bold';
  font-size: 35px;
  color:#17bed0;
  padding-bottom: 50px;
  padding-top: 150px;
  line-height: 1.3em;

}

#texte {
  nobackground:#17bed0;
  noborder: 1px solid #17bed0;
  margin-bottom: 15px;
  padding: 15px;
  font-size:16px;
  color:#fff;
  vertical-align:middle;
  font-family: 'sofia_pro_softlight';
}

.formulaire select{
  nobackground:transparent;
  background-color:#ffffff;
  -webkit-appearance: none;
  noborder: 1px solid #17bed0;
  border:0;
  margin-bottom: 15px;
  nopadding: 6px 10px;
  width: 48%;
  font-size:15px;
  color:#e9e9e9;
  height: 40px;
font-family: 'sofia_pro_softlight';
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
 }


.formulaire input[type=text]{
  nobackground:transparent;
  background-color:#ffffff;
  noborder: 1px solid #17bed0;
  border:0;
  margin-bottom: 15px;
  nopadding: 6px 10px;
  font-size:15px;
  color:#777777 !important;
  width: 48%;
  height: 40px;
font-family: 'sofia_pro_softlight';
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
   .formulaire select{
   text-indent: 15px;
   }
}

.newsletter_prenez_rdv{
  nobackground-color:#ff0000;
  float:right;
  width:48%;
  margin-bottom: 15px;
  height: 40px;
}

/*
.formulaire input[type=checkbox]{
  margin-top: 15px;
  margin-left: 20px;
}

.formulaire label{
  margin-left: 10px;
  margin-top: 15px;
  color:#235055;
  font-size:12px;
}
*/

.formulaire input::-webkit-input-placeholder {
    color:#777777;
}

.formulaire textarea{
  nobackground-color: transparent;
  background-color:#ffffff;
  noborder: 1px solid #17bed0;
  border:0;
  margin-bottom: 15px;
  padding: 6px 10px;
  font-size:15px;
  color:#777777;
  width: 80%;
  height: 100px;
  font-family: 'sofia_pro_softlight';
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.formulaire textarea::-webkit-input-placeholder {
    color:#17bed0;
}

.formulaire input[type=submit]{
  background-color: #17bed0;
  border: 1px solid #17bed0;
  margin-bottom: 15px;
  padding: 6px 10px;
  font-size:15px;
  color:#fff;
  nofloat:right;
  width: 16%;
  height:60px;
  width:200px;
  border-radius:30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    -moz-appearance:none;
    -webkit-appearance: none;
}

#background{
  min-height:200%;
  background-image:url('../images/background-rdv-coach.jpg');
  background-repeat: no-repeat;
  background-size:cover;
}

/*
-----------------------------------------------------------------------------------------------------------------------------------
en dessous de 640 pixels de largeur
-----------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 640px)
{

.head_rdv{
margin-left:0;
margin-top:0;
width:100%;
}

.formulaire{
  margin-left:5%;
  width: 90%;
}

.formulaire select{
width:100%;
}

.formulaire input[type=text]{
width:100%;
}

.newsletter_prenez_rdv{
width:100%;
}

.formulaire textarea{
width:100%;
}

.formulaire input[type=submit]{
width:100%;
}

.message_retour{
  width:100%;
  margin-left:0;
  padding:20px;
}

 } /* @media screen and (max-width: 640px) */