@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'CabinRegular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CabinMedium';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#CabinMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CabinSemiBold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#CabinSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff2') format('woff2'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



#formulaire {
  border: 1px solid #eee ;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background-color:#eee ;
  padding: 5px;
  font-family: 'pt_sansbold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height:1.7;
  /*color:#003260;*/
  color:#FE911B;
  letter-spacing:1px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:80%;
}


#titreForm {
  background-color:#FE911B;
  font-size: 20px;
  text-align:center;
  color:#FFF;
  padding:5px;
}



select {
  width:25%;
}

input[type="text"] {
  color: #D36E01; /* orange + foncé */
  font-family: 'CabinMedium', Arial, Helvetica, sans-serif;
  font-size:16px;
  border:solid 1px #FE911B;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  width:25%;
}


textarea {
  color: #D36E01; /* orange + foncé */
  font-family: 'CabinMedium', Arial, Helvetica, sans-serif;
  font-size:16px;
  border:solid 1px #FE911B;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  width:50%;
}

input[type="text"].sujet {
  width:50%;
}

input:focus{
  background-color: #e6ebf4; /* bleu L+90 */;
}

textarea:focus{
  background-color: #e6ebf4; /* bleu L+90 */
}

.alerte {
  font-family: 'pt_sansbold', Arial, Helvetica, sans-serif; 
  font-size:18px;
  color:#3e932d;
  padding:4px;
  border:4px solid #3e932d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  border-radius:5px;
  background-color:#FFF;
}
	
.titre {
  font-family: 'pt_sansbold', Arial, Helvetica, sans-serif; 
  color:#D36E01; /* orange + foncé */
}


/* MEDIA QUERIES */

@media screen and (max-width: 767px) {


#formulaire {
  border: 1px solid #eee ;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background-color:#eee ;
  padding: 1%;
  font-family: 'pt_sansbold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height:1.7;
  color:#003260;
  letter-spacing:1px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:98%;
}


#titreForm {
  background-color:#FE911B;
  font-size: 20px;
  text-align:center;
  color:#FFF;
  padding:1%;
}



select {
  width:100%;
}

input[type="text"] {
  color: #D36E01; /* orange + foncé */
  font-family: 'CabinMedium', Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  border:solid 1px #FE911B;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  width:100%;
}


textarea {
  color: #D36E01; /* orange + foncé */
  font-family: 'CabinMedium', Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  border:solid 1px #FE911B;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  width:100%;
}

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

input:focus{
  background-color: #e6ebf4; /* bleu L+90 */
}

textarea:focus{
  background-color: #e6ebf4; /* bleu L+90 */
}

.alerte {
  font-family: 'pt_sansbold', Arial, Helvetica, sans-serif; 
  font-size:20px;
  color:#3e932d;
  padding:4px;
  border:4px solid #3e932d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  border-radius:5px;
  background-color:#FFF;
}
	
.titre {
  font-family: 'pt_sansbold', Arial, Helvetica, sans-serif; 
  color:#D36E01; /* orange + foncé */
}

}

input[type=submit] { 
cursor:pointer;
}