/* Couleurs :
		orange : #f19737; noir : #1a171b
		rouge : #d10019; vert : #007250
 */

/* Impression */
@media print {
	body {visibility:hidden}
	#divHeader {visibility:visible}
	#divMenu {display:none}
	#divContenu {visibility:visible}
	#divFooter {display:none}
	#divFooterAccueil {display:none}
}

/* En général */
* {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1a171b}
img {border-width:0}
img.imgVisuel {float:right; width:312px; height:234px; margin:0 0 20px 20px}
p, ul {text-align:justify; margin-bottom:10px}
li{margin-bottom:5px}
hr {color:#00abad; margin:0}
form {margin:0}
option.optFonce {background-color:#fff}
option.optClair {background-color:#fff}
option.optFonce2 {background-color:#fff}
option.optClair2 {background-color:#fff}
.rouge{color:#d10019}
th.thOrange {background-color:#f4a64f; color:#fff; font-weight:bold}
.pdf{background:url(../images/icone-pdf.gif) top left no-repeat; padding:8px 0px 8px 36px}
.flaGratuit{width:170px; height:20px; display:block; margin:10px 0 12px}

/* Mise en page */
body {background:#fff}

#divGlobal {width:994px; margin:0 auto}

#divHeader {position:relative; width:994px; height:121px; background:#fff url(../images/fonds/header.gif) no-repeat top center; z-index:10}
	#divHeader #imgLogo {position:absolute; top:49px; left:100px}
	#divHeader #spanMaisons1 {position:absolute; top:43px; left:320px; font-size:16px; font-weight:bold; color:#9e9898}
	#divHeader #spanPromotion {position:absolute; top:30px; left:550px; font-size:32px; color:#fff}
	#divHeader #spanImmobiliere {position:absolute; top:63px; left:490px; font-size:32px; color:#fff}
	#divHeader #spanMaisons2 {position:absolute; top:62px; left:715px; font-size:15px; font-weight:bold; color:#9e9898}
	#divHeader #flaVendee {position:absolute; top:75px; left:258px; width:700px; height:40px}

#divContenu {width:994px; background:#fff url(../images/fonds/contenu.gif) repeat-y top left}
	#divMenu {position:relative; float:left; width:163px; margin-left:35px; display:inline; border:0px solid #f00}
		#divMenu ul {list-style-type:none; padding:0; margin:0 0 100px}
			#divMenu li {line-height:20px; background-image:url(../images/menu/puce.gif); background-repeat:no-repeat; background-position:0 50%; padding:0 0 0 30px}
				#divMenu a {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; text-decoration:none}
				#divMenu a:hover {color:#f4a64f}
		#divMenu #divCoordonnees {color:#fff; margin-bottom:80px}
			#divMenu #divCoordonnees img {float:left; margin:0 5px 0 5px; height:70px}
	#divAriane {margin:10px 0 20px 60px}
	#divContenu h2 {text-align:left; color:#d00019; margin:0 0 15px}
	#divContenu h3 {text-indent:25px}
	#divContenuPage {float:right; width:720px; display:inline; margin:0 50px 0 0}
		#divContenuPage h1{color:#d00019; font-size:18px; font-style:italic; background:url(../images/icone-alaxia.gif) center left no-repeat; padding:10px 0 7px 37px; margin:0 0 30px 70px}
	#divContenuG {float:left; width:380px; border:0px solid #0f0}
	#divContenuD {float:right; width:312px; text-align:center; border:0px solid #00f}
		#divContenuD a {margin-top:5px}
	
#divFooter {clear:both; position:relative; width:994px; height:68px; background:url(../images/fonds/footer.gif) no-repeat top center; margin-bottom:20px; padding-bottom:15px}
	#divFooter a {font-size:10px; color:#fff; text-decoration:none}
	#divFooter a:hover {color:#f4a64f}
		#divFooter #aAccueil {position:absolute; top:10px; left:60px}
		#divFooter #aPlanSite {position:absolute; top:10px; left:125px}
		#divFooter #aMentionsLegales {position:absolute; top:10px; left:215px}
		#divFooter #aContact {position:absolute; top:10px; left:340px}
		#divFooter #aAnnuaires {position:absolute; top:10px; left:410px}
		#divFooter #aAdministration {position:absolute; top:10px; left:490px}
		#divFooter #spanSlogan {position:absolute; top:10px; left:660px; font-size:10px; font-style:italic; color:#fff}
		#divFooter #imgLogoSatov {position:absolute; top:-51px; left:870px; box-shadow:4px 5px 10px #666; -moz-box-shadow:4px 5px 10px #666; -webkit-box-shadow:3px 5px 9px #666; filter:progid:DXImageTransform.Microsoft.Shadow(color='#666', Direction=135, Strength=6); zoom: 1;}
	#divFooterES {position:absolute; bottom:10px; right:40px}
		#divFooterES img {vertical-align:middle}

div.divSpacer {clear:both; display:block; width:1px; height:1px}

/* Liens */
a {color:#1a171b}
a:hover {color:#f4a64f}
a.btAction {color:#fff; font-weight:bold; font-style:italic; text-decoration:none; background:#d00019; padding:3px 10px}
a.btAction:hover {color:#fff; background:#f4a64f}
div.divLiensInternes {text-align:center; margin:30px 0}

/* Accueil */
#divContenuAccueil {position:relative; width:994px; height:735px; background:#fff url(../images/fonds/contenu.gif) repeat-y top left; border:0px solid #ccc}
	#divContenuAccueil h2 {color:#d00019; margin:0 0 5px}
	#divContenuAccueil p {margin:5px 0 10px}
	#divContenuAccueil #flaAccroche {position:absolute; top:0px; left:259px; width:700px; height:80px; border:0px solid #0f0}
	#divContenuAccueil #pAccrocheGauche {position:absolute; top:120px; left:222px; width:340px}
	#divContenuAccueil #pAccrocheDroite {position:absolute; top:120px; left:600px; width:340px}
	#divContenuAccueil #divActu {position:absolute; top:250px; left:215px; width:320px; height:410px; text-align:left; background:url(../images/fonds/accueil-actu.gif) top left no-repeat; padding:20px; border:0px solid #ccc}
		#divContenuAccueil #divActu h2 {color:#d00019; font-size:25px; font-style:italic; background:url(../images/icone-alaxia.gif) bottom left no-repeat; padding-left:37px; margin:0 0 20px}
		#divContenuAccueil #divActu h3 {clear:both; font-style:italic; text-indent:0; margin:10px 0 10px}
		#divContenuAccueil #divActu img {margin:10px auto 0}
	#divContenuAccueil #divRecherche {position:absolute; top:250px; left:590px; width:330px; height:130px; background:url(../images/fonds/accueil-recherche.gif) bottom left no-repeat; padding:15px; border:0px solid #ccc}
		#divContenuAccueil #divRecherche table {margin:0}
		#divContenuAccueil #divRecherche input {vertical-align:middle}
		#divContenuAccueil #divRecherche label {cursor:pointer; vertical-align:middle}
	#divContenuAccueil #divEconomieImpot {position:absolute; top:415px; left:590px; width:330px; height:100px; background:url(../images/fonds/accueil-economie-impot.gif) top left no-repeat; padding:15px; border:0px solid #ccc}
	#divContenuAccueil #divPTZ {position:absolute; top:550px; left:590px; width:330px; height:120px; background:url(../images/fonds/accueil-ptz.gif) top left no-repeat; padding:15px; border:0px solid #ccc}

/* Recherche */
#divRechercheMoteur {text-align:left}
	#divRechercheMoteur div {color:#b9d482; padding:1px 3px 5px 3px}
	#divRechercheMoteur div.divTitre {color:#b9d482; padding:3px}
	#divRechercheMoteur input {vertical-align:middle}
	#divRechercheMoteur label {cursor:pointer; vertical-align:middle}
	#divRechercheMoteur select {width:305px; height:20px}

/* Plan d'accès */
#map {width:471px; height:350px; margin-bottom:5px;}

/* Catalogue */
div.divProgCatalogue {border:1px solid #f19737; padding:5px}
	div.divProgCatalogue img.imgVgen{float:left; width:114px; height:80px; margin:0 5px 0 0}
	div.divProgCatalogue div a{margin-left:85px}

/* Fiche programme */
#divProgramme {width:890px; display:inline}
	#divProgramme #divVisuels{position:relative; float:left; width:320px; height:187px}
		#divProgramme #imgLoupe{position:absolute; top:5px; right:5px; z-index:100}
	#divProgramme #divTopo{float:left; width:380px; margin:0 0 0 20px}
	#divProgramme #divLiens{float:left; text-align:left; margin:5px 0 0 20px}
#divLogements {clear:both; float:left; width:360px}
	#divLogements table{width:360px; border-top:1px solid #f19737; border-left:1px solid #f19737; border-right:1px solid #f19737}
		#divLogements th{padding:3px; text-align:left; color:#fff; font-weight:bold; background-color:#f19737}
		#divLogements tr{cursor:pointer}
			#divLogements tr:hover{background-color:#fcecda}
		#divLogements td{padding:3px; border-bottom:1px solid #f19737}
#divVille {position:relative; float:right; width:330px}
	#divVille #divPhotoVille{float:right; position:relative}
	#divVille #imgVille{width:330px; z-index:2}
	#divVille #imgLoupe{position:absolute; top:5px; right:5px; z-index:10}
#divGGMaps {float:left; margin:20px 0 70px}
	#mapProg {width:720px; height:350px}
	#mapProg span {font-size:7px}
	#divGGMaps #divGGMapsAide{float:right; width:400px; border:0px solid #f00}
	#divGGMaps #divLiensBas{float:left; width:300px; text-align:right; margin-top:8px; border:0px solid #0f0}

/* Fiche lot */
#divPlan {position:relative}
	#divPlan #imgVignetteLot{position:absolute; top:0; left:0; width:450px; border:1px solid #ccc}
	#divPlan #imgLoupe{position:absolute; top:10px; right:30px}
#divLotProg, #divSurfaces{text-align:left; margin-bottom:30px}
	#divLotVueGen{position:relative; width:250px; height:167px; margin-bottom:12px}
#divSurfaces table{width:250px; border-top:1px solid #f19737; border-left:1px solid #f19737; border-right:1px solid #f19737}
	#divSurfaces th{padding:3px; text-align:left; color:#fff; font-weight:bold; background-color:#f19737}
	#divSurfaces td{padding:3px; border-bottom:1px solid #f19737}