DIV#error {
    background: none repeat scroll 0 0 #dbdfe1;
    border: 1px solid red;
    border-radius: 15px;
    color: #ff0000;
    font-weight: bold;
    margin: -200px 275px;
    padding: 15px;
    position: absolute;
    text-align: center;
    width: 375px;
    z-index: 3;
}

html {
    background: url("../img/bg_resilies.jpg") no-repeat scroll center -40px #FFFFFF;
}
	
	
	body {
    background-color:#fff;
    
    color: #444444;
    font-family: Arial;
    font-size: 15px;
     line-height: 0.1em;
    margin: 0 auto;
    width: 1024px;
	}
	/*input#date.mismatch{
		border: 1px solid red;

	}*/
	/**{
	border:1px solid blue;
}*/
#validation {
line-height: 0.3em;
margin: 16px;
}
form {
    height: 100%;
    width: 100%;
}

div.vr {
    background-color: #CCCCCC;
    display: inline-block;
    height: 30px;
    margin: -15px 10px;
    position: relative;
    width: 1px;
}

div.center {
    display: inherit;
    text-align: center;
}


.radioLabel > span {
display: inline-flex;
margin: 8px;
width: 220px;
}

.radioLabel {
    width: 45%;
    display: inline-block;
    margin: 0 8px;
}

#form-part1 {
    display: inline-block;
    margin: 15px 0;
    position: absolute;
}


#form-part2 {
    margin: -20px auto auto;
    width: 820px;
}
#img1 {
    background: url("../img/baskets_2.png") repeat scroll 0 0;
    display: inline-block;
    height: 300px;
    margin-left: -80px;
    margin-top: -80px;
    overflow: visible;
    position: relative;
    width: 300px;
}


#img2 {
    background: url("../img/volant_2.png") no-repeat scroll 0 0;
    float: right;
    height: 300px;
    margin-right: -55px;
    margin-top: -220px;
    overflow: visible;
    position: relative;
    width: 300px;
}

input[type="text"].mismatch,input[type="date"].mismatch,select.mismatch{
	
	border-color:red;
}



.titre {
    display: inline-block;
    line-height: 36px;
    padding-left: 30px;
    width: 210px;
}

.champs {
    margin: 2px;
    width: 100%;
    display: flex;
}
#footer {
    height: 100px;
    background: url('../img/logos_partenaires.png') no-repeat scroll center bottom transparent;
    width: 880px;
    margin: auto;
    padding: 10px 0;
}
#footer p {
    font-size: 10px;
    line-height: 1.6;
    padding-top: 120px;
    text-align: center;
}

#principale {
    background-color: #DBDFE1;
    border-bottom: 5px outset #DBDFE1;
    border-color: #DBDFE1;
    border-radius: 15px;
    margin: 487px auto 0;
    width: 880px;
}
	#formulaire {
		margin:auto;
		position: relative;
		padding: 5px;
	}


	a {color:#0181bc;}
	p {margin:0 0 1em;}
	h1 {line-height:1.25em;}
	h2, h3 {
    font-size: 1.2em;
    margin: 0 0 0.5em 0.5em;
	}
	h3 {font-size:1em}
	pre, code {font-size:0.7em; background-color:#eee; color:#000; font-family: verdana, monospace;}
	code {padding:0.2em}
	pre {padding:1em; white-space: pre-line;}
	#first ~ h2 {margin-top:2em}
	.small {font-size:0.75em; line-height:1.5em;}
	hr {border:none; height:0; border-top:solid 1px #ccc; margin:1.5em 0;}
	
/* ----------------------------------------------  Reset form elements ---------------------------------------------- */
	input, select, textarea {
    margin: 6px;
    padding: 0px;
    font-size: 0.85em;
    outline: medium none;
    font-family: inherit;
    box-sizing: border-box;
}

/* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */


	input[type="text"],input[type="date"], textarea, select, div.styled, input[type="file"] {  
		width:15em; border-radius:2px; border: solid 1px #ccc; padding:0.4em;    background-color: #F5F5F5;}
	
	div.styled, select, input[type="submit"], input[type="button"], 
	input[type="file"]:after,input[type="date"]:after {
		/*background: white url(../img/formelements-select.png) no-repeat center right;*/
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);}	
	
	input[type="text"],input[type="date"], textarea, input[type="file"],select { 
		background-color: #f5f5f5;
		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}
	
		.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */
	
	textarea { width:100%; height:10em; }
	
/* ----------------------------------------------  Select menu  ---------------------------------------------- */
	
	/* For IE and Firefox */

	div.styled { overflow:hidden; padding:0; margin:0; }
		
		.ie7 div.styled {border:none;}

	div.styled select {	
		width:115%; background-color:transparent; background-image:none;
		-webkit-appearance: none; border:none; box-shadow:none;}
		
		.ie7 div.styled select {
			width:100%; background-color:#fff; border: solid 1px #ccc; 
			padding:0.3em 0.5em;}	
	
/* ----------------------------------------------  File field  ----------------------------------------------  */

	/* Webkit Only */
	
	input[type="file"] { 
		position: relative; 
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	width: 40%;	padding:0;}
		
	input[type=file]::-webkit-file-upload-button {
		width: 0; padding: 0; margin: 0;-webkit-appearance: none; border: none;}	
		
	input[type="file"]:after {
		content: 'Upload File';
		margin:0 0 0 0.5em;
		display: inline-block; left: 100%; position: relative;
		background:white url(../img/formelements-select.png) no-repeat center left;
		padding:0.3em 0.5em; border: solid 1px #ccc !important;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		border-radius:4px;}	
		
		
		input[type="file"]:active:after {box-shadow:none;}
	
	
/* ----------------------------------------------  Checkboxes and Radio inputs  ----------------------------------------------  */	
		
	input[type="radio"], 
	input[type="checkbox"] { /*position: absolute;*/ left: -999em; }
	
	label:before { 
		display: inline-block; position: relative; top:0.25em; left:-2px; 
		content:''; width:25px; height:25px;
		background-image:url(../img/formelements.png); }
	
	input[type="checkbox"] + label:before { background-position: 0 -25px;}
	input[type="checkbox"]:checked + label:before {background-position: 0 0 ; }
		 
	input[type="radio"] + label:before { background-position: -25px -25px;}	 	
	input[type="radio"]:checked + label:before { background-position: -25px 0;}
	
		/* Remove the custom styling for IE 7-8 */
		
		.ie8 label:before { display:none; content:none; }
		
		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"],
		.ie7 input[type="checkbox"],
		.ie7 input[type="radio"]{ 
			position: static; left:0; }
		
		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"] { 
			position:relative; top:5px; margin-right:0.5em;}	
			
	select:focus,input[type="text"]:focus,input[type="date"]:focus,textarea:focus,input[type="radio"]:focus {
		border-color:#000;
		}

/* ---------------------------------------------- Form Submit and Next buttons ---------------------------------------------- */	
	input[type="submit"]{
		background:white url(../img/bt_validerdevis.png) no-repeat center left;
		width:235px;
		height:80px;
	}
	input[type="submit"], 
	input[type="button"] { 
		padding:0.5em 1em; line-height:1em; cursor:pointer;
		border-radius:15px; color: #F5822D; font-weight:bold; font-size:inherit;
		border:solid 1px #ccc;	box-shadow:0 1px 5px rgba(0,0,0,0.2);
		background-position: center bottom;}
		
		/* Gradient Generator by : http://www.colorzilla.com/gradient-editor/ */
		
	input[type="submit"]:active, 
	input[type="button"]:active {-webkit-box-shadow: none; box-shadow:none;}
		
		/* IE7 needs you to change the background to transparent when using image background for submit buttons */	

/*----------------------------------------------  Media Queries ----------------------------------------------  */
		
	@media screen and (max-width: 600px) { 
		body { width:80%; font-size:15px; } 
	}/* end of query */

	@media screen and (max-width: 400px) { 
		input[type="text"],input[type="date"], textarea, select, div.styled { width:100% } 
	}/* end of query */