div#contact {margin:10px 0;}

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

div.zone-coordonnees {padding-right:0;}
div.coordonnees {padding:15px;}
div.coordonnees, div#contact form, div#carte {}
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 {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 {}

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#zone-contact  {padding-right:0;}
div#contact #zone-form {padding-right:0;}
div#contact form {padding:15px; 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 {}
div#contact form fieldset {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; font-size:0.9em;}
div#contact form .required { color:#CC0000; font-size:0.8em;}
div#contact form input, div#contact form textarea {
    border: 1px solid #717171;
    border-radius:0;
    box-shadow: 1px 1px 0 #EFEFEF;
    font-size: 1em;
    outline: medium none;
    padding: 1%;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottombottom, from(#e5e5e5), to(#ffffff));  
    background: -moz-linear-gradient(top,  #e5e5e5,  #ffffff);  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    -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;  
	} 

div#contact form label.title, div#contact form fieldset.radio label.title {padding-left:0;}    
div#contact form .field-contact {padding-left:0; padding-right:0;}    
	
.demande-installation h3 { font-size: 1.4em; margin-bottom: 0.5em; }
}
div#contact form textarea { }
div#contact form fieldset.radio {}
div#contact form fieldset.radio > label {color:#333; padding-left:15px;}
div#contact form fieldset.radio #civilite-d label {width:20%;}
div#contact form fieldset.radio label, div#contact form fieldset.radio input { height:13px; display:inline-block; 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; vertical-align:middle;}

div#contact form textarea, div#contact form select {}
div#contact form select {width:100%; padding:4px; cursor:pointer;}
#contact fieldset#commentaire-devis {margin-top:0px;}
div#contact fieldset#commentaire-devis label {}
div#contact fieldset#commentaire-devis textarea {height:200px;}
div#contact form fieldset.cac {}
div#contact form fieldset.cac label {font-size:10px; font-weight:normal; color:#003f86; display:initial; vertical-align:middle;}

div#contact form fieldset.envoyer {margin-bottom:10px;}
#contact form fieldset.envoyer input {border:none; color:#FFFFFF; font-size:1.5em; height:34px; text-shadow:0 0 2px #2B2B2B; box-shadow:none; cursor:pointer; background:#2791ba; border-radius:0; cursor:pointer;}
#contact form fieldset.envoyer input:hover {background:#6ab3cf;}

div#contact fieldset.produit select {width:100%; padding:4px; cursor:pointer;}

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

div.coordonnees { border: 1px solid #999999; box-shadow: 0 0 3px #CACACA;}
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 {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;}


/* --- Spécifique média --- */

/* lg */
@media (min-width: 1200px) {
    
    
}

/* md */
@media only screen and (max-width : 1200px) {
    

}

/* sm */
@media only screen and (max-width : 992px) {
    
    div#zone-contact  {padding-right:15px;}
    div#zone-contact  {padding-left:15px;}
    div#zone-titre-contact {padding-left:0;}
    div.zone-coordonnees {padding-left:0;}
    
}

/* ms */
@media only screen and (max-width : 767px) {
    
    div#contact #zone-form {margin-top:15px; padding-left:0;}
    
}

/* xs */
@media only screen and (max-width : 480px) {
    
    div#contact form label.title, div#contact form fieldset.radio label.title {padding-right:0;}    
    div#contact form .field-contact {}    
    div#contact form fieldset.radio #civilite-d label {width:35%;}
    
}

/* xxs */
@media only screen and (max-width : 350px) {
    
}

@media only screen and (max-width : 300px) {
    

}