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 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 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 fieldset#commentaire-devis {margin-top:0px;}
div#contact fieldset#commentaire-devis textarea {height:200px;}
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 {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;*/ padding:0px;}
#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 span.prixVente{display:block;}
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;}
    #zone-global-contact {padding-right: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#devisPiece #imageDevis {margin-bottom:10px;}
    div#devisPiece div#text-devis{padding-right:0; padding-left:0;text-align:justify; font-size:1.1em}

    /*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) {
    

}