div#contact { width:100%; margin:10px 0; clear:both; }

#instruction { font-size:1.7em; color:#757575; font-weight:bold; font-family:Helvetica, Arial, sans-serif; line-height:2em; display:block; }

div.coordonnees, div#contact form, div#carte { padding: 1%; margin: 1% 0; }
div.coordonnees p { line-height:1.65em; }
div.demande-installation div.coordonnees p { }
div#accesPro { float:right; padding:8px; width:287px; border:1px solid #D8D8D8; box-shadow:0 0 2px #757575; }
div.coordonnees img#image { float:right; width:45%; margin:1% 1% 0 3%; border: 1px solid #D8D8D8; box-shadow: 0 0 2px #757575; }
div#accesPro img { float:right; margin:1% 1% 0 3%; border: 1px solid #D8D8D8; box-shadow: 0 0 2px #757575; }

div#contact div.coordonnees form { float:none; background:none; border:none; box-shadow:none; width:98%; margin-top:10px; }
div#contact div.coordonnees form select { width:77%; }
div#contact div.coordonnees form #btnEnvoyer { background: url("img/amalgame-commun.png") no-repeat scroll -472px -190px transparent; border: medium none; box-shadow: none; color: #FFFFFF; font-size: 0.9em; font-weight: bold; height: 19px; letter-spacing: -0.03em; text-shadow: 0 1px 0 #333333; width: 57px; cursor:pointer; }
div#contact div.coordonnees form #btnEnvoyer:hover { background-position:-472px -228px; }

div#contact form, div#carte { width:64%; float:right; }

div#carte { }
div#carte ul { height:560px; }
div#carte ul li { float:left; line-height:1.3em; width:31%; margin:0 1% 0 0; }
div#carte ul li span { font-weight:bold; color:#333; }
div#carte ul li a:hover span { font-size:1.2em; line-height:0.9em; }

div#contact form { border: 1px solid #D8D8D8; box-shadow: 0 0 2px #757575; background: url('img/contact/background-contact.jpg') no-repeat top center; }
div#contact fieldset.splitForm { float:left; clear:none; width:48%; padding:0 1%; }
div#contact form fieldset { margin:1% 0; clear:both; vertical-align:middle; display:block; }
div#contact form fieldset fieldset { margin:3% 0; }
div#contact form label.title, div#contact form fieldset.radio label.title { color:#333; font-weight:bold; float:left; width:32%; font-size:0.9em; }
div#contact form .required { color: #CC0000; font-size: 0.8em; margin-left: 3px; }
div#contact form input, div#contact form textarea {
    border: 1px solid #717171;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 0 #EFEFEF;
    font-size: 1.2em;
    outline: medium none;
    padding: 1%;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 65%;
    background: -webkit-gradient(linear, left top, left bottombottom, from(#e5e5e5), to(#ffffff));  
    background: -moz-linear-gradient(top,  #e5e5e5,  #ffffff);  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    -webkit-box-shadow: 1px 1px 0px #efefef;  
    -moz-box-shadow: 1px 1px 0px #efefef;   
	}
div#contact form input:focus, div#contact form textarea:focus {  
	-webkit-box-shadow: 0px 0px 5px #fff;  
	-moz-box-shadow: 0px 0px 5px #fff;  
	box-shadow: 0px 0px 5px #fff;  
	}  
	
.demande-installation h3 { font-size: 1.4em; margin-bottom: 0.5em; }
}
div#contact form textarea {  }
div#contact form fieldset.radio { height:15px; }
div#contact form fieldset.radio label { width:11%; color:#333; }
div#contact form fieldset.radio label, div#contact form fieldset.radio input { height:13px; display:inline; float:none; font-size:0.9em; }
div#contact form fieldset.radio input, div#contact form fieldset.cac input { width:15px; margin:0 3px 0 0; padding:0; }

div#contact form textarea, div#contact form select { width:65%; }
#contact fieldset#commentaire-devis {margin-top:0px;}
div#contact fieldset#commentaire-devis label { width:100%; margin-bottom:3.6%}
div#contact fieldset#commentaire-devis textarea { height: 325px; margin-top: -3px; width: 96%; }
div#contact form fieldset.cac { width:461px; float:left; clear:none; margin:5px 0; }
div#contact form fieldset.cac label { font-size: 0.9em; font-weight: normal; letter-spacing: -0.02em; margin-left: 7px; width: 93%; color:#003f86; }

div#contact form fieldset.envoyer { float:right; width:117px; margin:0 1%; }
#contact form fieldset.envoyer input { background: url("img/amalgame-commun.png") no-repeat scroll -8px -354px transparent; border: 0 none; color: #FFFFFF; font-size: 1.5em; height: 34px;  padding: 0;  width: 100%; text-shadow:0 0 2px #2B2B2B; box-shadow:none; cursor:pointer; }
#contact form fieldset.envoyer input:hover { background-position:-137px -354px; }

div#contact fieldset.produit select { width: 100%; }

div#contact fieldset.isr input { display:none; }

div.coordonnees { border: 1px solid #999999; box-shadow: 0 0 3px #CACACA; float: left; height: 515px; width: 31%; position:relative; }
div.demande div.coordonnees { background: url("img/contact/background-devis.jpg") no-repeat bottom #fff; }
div.demande-installation div.coordonnees { background: url("img/contact/background-installation.jpg") no-repeat center 44px #FFFFFF; height:384px; margin-top:60px; }

div.demande { clear:both; margin:10px 0; }

#imageDevis { width:238px; float:left; border: 1px solid #999999; box-shadow: 0 0 3px #CACACA; margin-right:10px; }
#imageDevis img { width:100%; }
div#devisPiece div#introduction, ul.contact { width:489px; overflow:hidden; }
.liste p { margin:7px 0; }

ul.contact li { display:inline; margin:7px; float:left; }
ul.contact li p { margin: 0; overflow: hidden; clear:none; }
ul.contact li a { display:block; float:left; }
ul.contact li a img { border: 1px solid #999999; box-shadow: 0 0 3px #CACACA; width: 100px; }

.ui-widget {font-family:verdana; font-size:11px;}
.ui-widget-content {background:#FFFFFF;}
.ui-autocomplete {max-height:300px; overflow-y:scroll; overflow-x:hidden; z-index:1000 !important;}
.ui-autocomplete a {display:block; padding: 3px 1em 3px .4em;}
.ui-menu .ui-menu-item {padding:0px;}
.ui-autocomplete-loading {background:url('img/ajax-loader-20.gif') right center no-repeat !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color:#31708F; background:#D9EDF7; border-color:#BCDFF1; font-weight:normal;}
.ui-menu .ui-state-hover, .ui-menu .ui-state-active {margin:-1px;}/*FoL Fr*/

/*------ Commun zones -------*/
div#contact form fieldset.radio label, div#contact h3, div#contact form label.title, div#contact form fieldset.radio label.title, div#contact form fieldset.cac label, div.coordonnees p, #content div.coordonnees span.titraille, #demande-piece h3 { color:#333; }

div#contact form, div#contact .coordonnees, div#contact h3, #demande-piece h3, #demande-piece p { background:none; border:none; box-shadow:0 0 0 0; float:left; padding:0 0 0 2%;  }

div#contact h3, #demande-piece h3 { background: none repeat scroll 0 0 #cac8c9; margin: 0; padding-top: 10px; padding-bottom: 10px; width: 98%; font-size:1.6em; }

div#contact, #demande-piece {
	overflow:hidden;
	background: none repeat scroll 0 0 #E9E9E9;
	border: 1px solid #F7F7F7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    margin: 16px auto;
    padding: 0 0 10px 0;
    width: 98%;
	-moz-box-shadow: 0 0 2px 1px #333333;
	-webkit-box-shadow: 0 0 2px 1px #333333;
	-o-box-shadow: 0 0 2px 1px #333333;
	box-shadow: 0 0 2px 1px #333333;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333, Direction=NaN, Strength=2);
	}
div#contact form fieldset.envoyer { width:161px; }
#contact form fieldset.envoyer input, div#demande-piece p#lienPieces a {
    background: url("img/amalgame-commun.png") no-repeat scroll -6px -55px transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #FFFFFF;
    cursor: pointer;
    display: table-cell;
    font-size: 1.1em;
    height: 39px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 2px #000000;
    vertical-align: middle;
    width: 161px;
	margin:10px 0;
	clear:both;
	}
#contact form fieldset.envoyer input:hover, div#demande-piece p#lienPieces a:hover { background-position:-6px -105px; }

/*------ Devis -------*/
div#contact form { }
div#contact fieldset.splitForm { float:left; clear:none; width:47%; padding:0 1%; }
div#contact form fieldset { }
div#contact form label.title, div#contact form fieldset.radio label.title, div#contact form fieldset.cac label {
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    text-shadow: 0px 0px 0px #E9E9E9;
    width: 32%;
}
div#contact form fieldset input, div#contact form input, div#contact form textarea {
	background: -moz-linear-gradient(center top , #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    border-radius: 13px 13px 13px 13px;
    height: 16px;
    padding: 3px 10px;
	font-size:1em;
	width:58%;
}
div#contact form fieldset input:focus, div#contact form input:focus, div#contact form textarea:focus { border-color: #333333; outline: medium none; }
div#contact fieldset#commentaire-devis textarea { height: 299px; margin-top: 18px; width: 96%; }
div#contact form fieldset.cac label { float:none; }
div#contact form textarea { border-radius: 4px 4px 4px 4px; height:48px; padding-right:3px; padding-left:3px; width:63%; }
div#contact form fieldset.cac { clear: none; float: left; margin: 0; width: 424px; }
div#contact form fieldset.cac input { border-radius: 0 0 0 0; float:none; }

div#contact div.coordonnees { margin-top:3%; height:400px; }
div#contact div.coordonnees p { font-size:0.9em; }
#content div#contact div.coordonnees span.titraille { font-weight:normal; display:block; }

/*------ Pieces detachees -------*/
#demande-piece { }
#demande-piece p { margin:7px 0 0 0; clear:both; width:90%; }