/* Reoaration imprimante - Devis - 09/17 www.pixelscarres.com */

#devis ul.vignette-region {
	width:100%;
	text-align:center;
}
.etapes {
	background-repeat:no-repeat;
	list-style:none;
	list-style-position:inside;
	padding-bottom:10px;
	padding-left:39px;
	padding-top:0;
	line-height:1.9em;
}
.etape1 {
	background-image:url(../images/devis/etape1.png);
}
.etape2 {
	background-image:url(../images/devis/etape2.png);
}
.etape3 {
	background-image:url(../images/devis/etape3.png);
}
#devis ul {
	text-align:left;
}
#devis .left {
	float:left;
	width:50%;
	margin-right:20px;
}
#devis .right {
	float:right;
	width:40%;
	margin-right:20px;
	position:relative;
	top:-85px;
	text-align:center;
}
fieldset {
	width:100%;
	border:0px;
	margin-bottom:50px;
}
legend {
	width:100%;
	padding:0;
	margin-bottom:20px;
	color:#eaeaea;
	font-size:1.3em;
}
.label label {
	display:inline-block;
	color:#feffff;
	font-size:.9em;
	width:20%;
}
form input {
	font-size:.9em;
}
input:hover, textarea:hover, input:focus {
	background-color:#feffff;
	color:#000;
	box-shadow:0 0 15px;
}
/* Icons label */
input#societe {
	background-size:25px 20px;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height:35px;
	border:1px solid #d5d5d5;
	background:#feffff url(../images/devis/company.png) no-repeat 5px center;
}
input#nom {
	background-size:25px 25px;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height:30px;
	border:1px solid #d5d5d5;
	background:#feffff url(../images/devis/person.png) no-repeat 6px;
}
input#mail {
	background:#feffff url(../images/devis/mail.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:6px;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height:30px;
	border:1px solid #d5d5d5;
}
input#telephone {
	background:#feffff url(../images/devis/phone.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:6px;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height:30px;
	border:1px solid #d5d5d5;
}
/*textarea#adresse {
	background:#feffff url(../images/devis/adresse.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:6px;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height:65px;
	border-style:none;
	font: 1em 'Roboto', Helvetica, sans-serif;
	padding-top:5px;
}*/
input#cp{
	background-image: url(../images/devis/cp.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position:6px;
	border:1px solid #d5d5d5;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height: 30px;
}
input#adresse{
	background-image: url(../images/devis/adresse.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position:6px;
	border:1px solid #d5d5d5;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height: 30px;
}
	
	input#ville{
	background-image: url(../images/devis/ville.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position:6px;
	border:1px solid #d5d5d5;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height: 30px;
}
input#modele {
	background:#feffff url(../images/devis/printer.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:6px;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height:30px;
	border:1px solid #d5d5d5;
}
input#erreur {
	background:#feffff url(../images/devis/terminal.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:6px;
	margin-top:10px;
	padding-left:35px;
	width:400px;
	height:30px;
	border:1px solid #d5d5d5;
}
textarea#message {
	background:#feffff url(../images/devis/message.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:6px 6px;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:35px;
	width:800px;
	height:130px;
	border:1px solid #d5d5d5;
	overflow:auto;
	font:1em 'Roboto', Helvetica, sans-serif;
	padding-top:10px;
}
.error {
	font-weight:bold;
}
.errortop {
	background:transparent url(../images/exclamation.png) no-repeat 10px center;
	color:#ff2600;
	display:block;
	padding:15px 35px 45px 70px;
	position:relative;
	top:10px;
	font-weight:bold;
}
.errortop:empty {
	position:relative;
	left:-4000px;
}
@media screen and (min-width: 200px) and (max-width: 780px) {
.etapes {
	line-height:1em;
}
legend {
	font-size:1.1em;
}
#devis ul.left {
	float:none;
	margin-right:0;
	width:100%;
}
#devis .right {
	float:none;
	width:100%;
	margin-right:20px;
	position:relative;
	top:0;
	text-align:center;
}
.formulaire {
	padding-bottom:50px;
	padding-top:50px;
	background:#336699 none no-repeat 97% center;
}
.label label {
	width:100%;
}
.media {
	margin-bottom:8px;
	display:block;
}
input#nom, input#mail, input#telephone, input#adresse, input#ville, input#cp, input#modele, input#erreur, textarea#message, input#societe {
	width: 100%;
	margin-bottom:20px;
} 

}