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

form{
	color:inherit; /*#631b00; */
	padding:10px;
	background:#ddd;
	font-size:0.7em;
/*	box-shadow:0 0 10px #666;
	moz-box-shadow:0 0 10px #666;
	webkit-box-shadow:0 0 10px #666;*/
	width:95%;
}

.t1w{
/*	padding-bottom:120px;  nécessaire car footer en position : fixed => évite le masquage du bas du formulaire */
}

fieldset{
	padding:0.5em;
	margin-bottom:0.25em;
}

input, textarea{
	font-family:inherit;
	font-size:1.35em;
	margin-bottom:1em;
	background:#e9e9e9;
}

select{
	font-size:1.35em;
	padding:0.25em;
	margin-bottom:1em;
}

#ctrlNom, #ctrlEmail, #ctrlMessage, #ctrlMessage2, #ctrlObjet, #ctrlTel, #ctrlQte, #ctrlFormat{
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#333 #fff #fff #333;
}

#ctrlNom{
	width:90%;
}

#ctrlObjet{
	width:90%;
}

#ctrlEmail{
	width:90%;
}

#ctrlQte{
	width:20%;
}



legend{
	font-family:inherit;
	font-size:1.25em;
	color:#fff; /*inherit;*/
	background:#383636;
	font-weight:bold;
	font-style:normal;
	padding:0.51em;
	margin: 0 0 0.5em 0;
}

label{
	font-family:Montserrat Bold;
	font-style:normal;
	font-weight:normal;
	margin:1em 0;
	color:black;/*#24609e;*/
	font-size:1.25em;
}

#ctrlMessage, #ctrlMessage2{
	width:95%;
	height:100px;
	overflow:scroll;
}

#ctrlMessage2{
	height:180px;

}

#envoyer{
	color:inherit;
	display:block;
	padding:0.25em 1em;
	margin:0.25em auto;
	font-size:1.25em;
}

p#mail{
	font-size:0.6em;
	text-align:center;
}

.focus{
	background-color:white;/*#e4f6e5;*/
}


section.btnOptionsH{
	width:90%;
	margin: 0.5em 0 1.5em;
	background:white;
	border-width:1px;
	border-style: solid;
	border-color: #383636 white white #383636;
	border-radius:20px;
	padding:0.25em 0.25em;
}

section.btnOptionsH label, section.btnOptionsH input{
	margin:0.5em;
	padding:0;
}

section.btnOptionsH label{
	font-family:Montserrat semiBold;
}

section.cond {
	margin-left:5%;
	width:95%;
}


/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {

#ctrlNom{
	width:80%;
}

#ctrlObjet{
	width:90%;
}

#ctrlEmail{
	width:80%;
}

.t1w{
	padding-bottom:50px; /* nécessaire car footer en position : fixed => évite le masquage du bas du formulaire */
}



}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {
	
#ctrlNom{
	width:50%;
}

#ctrlObjet{
	width:90%;
}

#ctrlEmail{
	width:60%;
}


	

}