:root{
	--orange:#e98102;
	--jaune:#F2B705;
	--anis:#a7af37;
	--bleuvert:#5e8b88;
	--gris:#969696;
  
  }
  

/* FORMULAIRE CONTACT */
#formulaire {
	width:420px;	
    margin:30px auto;
    font-size:16px;
}



/*couleur champs obligatoires*/
input:required, textarea:required{
	background-color:#f0f0f0;
    color:#333;
}

/*mise en forme de toutes les cases input et textarea - sauf le bouton submit*/
input:not([type="submit"]), textarea{
	display:block;
	width:400px;
	padding:4px 6px;
	border:1px dashed #dbdbdb;
    color:#888;
    font-family:'Dosis', sans-serif;
	font-size:15px;
/*pour arrondir les angles des champs*/
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
/*transition*/
	transition:background 0.2s linear,
				box-shadow 0.6s linear;
	-webkit-transition:background 0.2s linear,
				box-shadow 0.6s linear;
	-moz-transition:background 0.2s linear,
				box-shadow 0.6s linear;
	-o-transition:background 0.2s linear,
				box-shadow 0.6s linear;
}

input:not([type="submit"]):focus, textarea:focus{
	background:#f0f0f0;
	border:dashed 1px #969696;
	color:#333;
}

input:not([type="submit"]){
	height:30px;
}

/*placeholder*/
input:-moz-placeholder, textarea:-moz-placeholder{
	color:#848484;
	font-style:italic;
}

textarea{
	min-height:80px;
	resize:vertical;
}

/* label{
	color:#ffffff;
	padding-bottom: 3px;
} */

/*rollover sur les labels au passage de la souris*/
/* label:hover{
	color:#00454b;
} */

p{
	margin-bottom:15px;
}

.indication{
	color:#ffffff;
	font-size:14px;
	font-style:italic;
	text-align:left;
	padding-bottom: 5px;
}

.required{
    color:var(--orange);
    font-weight: 700;
    font-size:18px;
}

.envoi{
	color:#fff; 
	padding-top: 8px;
	font-size: 18px;
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
}

/*bouton envoyer*/
input[type=submit]{
	cursor:pointer;
	color:#767676;
	font-size:16px;
	padding:10px 4px; /*permet d'agrandir le bouton en haut/bas et à droite/gauche*/
	border:1px solid #E0E0E0;
	background:#F8F8F8;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
}

/*rollover sur bouton envoyer*/    /*inset = ombre interne*/	
input[type=submit]:hover{
	color:var(--bleuvert);
	border-color:#CECECE;
	background:#F4F4F4;
	box-shadow:0px 1px 1px #FFFFFF inset,
				0px 0px 0px 5px	#a3a3a3;
	-webkit-box-shadow:0px 1px 1px #fff inset,
				0px 0px 0px 5px #a3a3a3;
	-moz-box-shadow:0px 1px 1px #fff inset,
				0px 0px 0px 5px #a3a3a3;
}