/*
*
* Css					:	Main
* Client				:	NEXITY - Résidences Secondaires
* Auteur				:	Nicolas Joly
* Date Création	:	29/05/2009
*
*/

charset "utf-8";

body {
	margin: 0; padding: 0; background: #000;
}

/* Architecture */

#global {
	position: relative; width: 955px; left: 50%; margin-left: -477px; /* On centre */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Init 1em à 10px */
}

#hp-colGauche	{float: left; background: url(/Images/Residences-Secondaires-Levallois-Perret-Hp.png) no-repeat ; width: 486px; height: 600px;}

/* Formulaire */
#hp-form			{float: left; width: 469px;}

	#hp-form-titre {background: url(/Images/Residences-Secondaires-Levallois-Perret-Hp.png) no-repeat -486px 0; width: 469px; height: 91px;}
	
	#hp-form-carte {background: url(/Images/Residences-Secondaires-Levallois-Perret-Hp.png) no-repeat -486px -91px; width: 469px; height: 509px;}
	
	#hp-form-carte-elements {
		padding: 80px 50px 0 16px;
		color: #514f4f; font-size: 1.2em; font-weight: bold;
	}
	
		#hp-form-carte-elements .label {
			float: left; width: 100px; margin-top: 6px; padding: 2px 8px 0 0;
			text-align: right;color: #514f4f; font-size: 1.1em; font-weight: bold;
		}
		
		#hp-form-carte-elements .label.civilite {padding-top: 5px;}

		#hp-form-carte-elements .champ {float: left; margin-top: 6px;}
		#hp-form-carte-elements .champInput {font-size: .8em; width: 250px; font-weight: bold;}
		#hp-form-carte-elements .champInputTelephone {font-size: .8em; width: 100px; font-weight: bold;}
		
		#hp-form-carte-elements .validator {float: left; width: 10px;}
		
		
		#hp-form-carte-elements .buttonValid {
			position: absolute;
			top: 493px;
			left: 501px;
			width: 412px;
		}
		
		#hp-form-error {
	position: absolute;
	top: 163px;
	left: 610px;
}

#hp-carte {background: url(/Images/Residences-Secondaires-Levallois-Perret-Carte.png) no-repeat; width: 955px; height: 600px;}

	#hp-carte-swf {
		position: absolute;
		top: 62px;
		left: 427px;
	}

/* Formulaire : Fin */

#hp-mentions	{color: #514f4f;}
	#hp-mentions p { margin: 12px 0 0 0;}

/* Architecture : Fin */

/* Régions */

#hp-liste-gauche {background: url(../Images/Residences-Secondaires-Hp2-Gauche.png) no-repeat; width: 468px; height: 600px; float: left;}

#hp-liste-droite {background: url(../Images/Residences-Secondaires-Liste.png) no-repeat; width: 487px; height: 600px; float: left; position: relative;}

	#hp-liste-button-retour {
	background: url(../Images/Residences-Secondaires-Liste.png) no-repeat -28px -13px;
	width: 148px;
	height: 20px;
	position: absolute;
	top: 13px;
	left: 28px;
	}
	
	#hp-liste-minicarte {
	position: absolute;
	top: 33px;
	left: 27px;
}

#hp-liste-region-titre {
	position: absolute; top: 45px; left: 168px;
	color: #9c908e;font-size: 1.3em; font-weight: bold;
}
	/*#hp-liste-region-titre.regionNord {color: #68B637;}
	#hp-liste-region-titre.regionNormandie {color: #63C6DE;}
	#hp-liste-region-titre.regionBretagne {color: #EE620D;}
	#hp-liste-region-titre.regionAtlantique {color: #E41921;}
	#hp-liste-region-titre.regionAquitaine {color: #A4418C;}
	#hp-liste-region-titre.regionLanguedoc {color: #189429;}
	#hp-liste-region-titre.regionProvence {color: #A65C2B;}
	#hp-liste-region-titre.regionAzur {color: #2A4F7F;}
	#hp-liste-region-titre.regionAlpes {color: #F4A3CE;}*/
	
#hp-liste-laliste {
	position: absolute;
	top: 155px;
	left: 35px;
	width: 416px;
	height: 124px;
}

#hp-liste-laliste .hp-liste-programmes { margin: 6px 0;}

.hp-liste-programmes-visuel {width: 156px; height: 124px; overflow: hidden; float: left;}
.hp-liste-programmes-descriptif {width: 250px; height: 109px; overflow: hidden; float: left; padding: 10px 0 5px 10px; position: relative;}
.hp-liste-programmes-descriptif .nomProgramme {font-size: 1.4em; font-weight: bold;}
.hp-liste-programmes-descriptif .leDescriptif {color: #716866; margin-top: 12px;}
.hp-liste-programmes-descriptif .buttonDescriptif {background: url(/Images/Residences-Secondaires-Liste-Buttons.png) no-repeat; width: 131px; height: 35px; position: absolute; bottom: 0px; right: 2px;}

#hp-liste-navigation {
	position: absolute;
	bottom: 23px;
	color: #716866;
	left: 70px;
}
#hp-liste-navigation a {color: #716866; font-weight: bold; font-size: 1.1em;}
#hp-liste-navigation-buttonPageGauche {background: url(/Images/Residences-Secondaires-Liste-Buttons.png) no-repeat 0px -36px; width: 21px; height: 18px;}
#hp-liste-navigation-buttonPageDroite {background: url(/Images/Residences-Secondaires-Liste-Buttons.png) no-repeat -22px -36px; width: 21px; height: 18px;}

	
/* Régions : Fin */

/* Common */
.toLeft {float: left;}
.toRight {float: right;}
.clear {clear: both;}
.txtLeft {text-align: left;}
.txtCenter {text-align: center;}
.txtRight {text-align: right;}
.justify {text-align: justify;}
.toBold {font-weight: bold;}
.toItal {font-style: italic;}
.toNormal {font-weight: normal;}
.toUpper {text-transform: uppercase;}
.displayBlock {display: block;}
.displayNone {display: none;}

.blanc {color: #fff;}
.noir {color: #000;}
.gris {color: #514f4f;}

.colorNord {color: #68B637;}
.colorNormandie {color: #63C6DE;}
.colorBretagne {color: #EE620D;}
.colorAtlantique {color: #E41921;}
.colorAquitaine {color: #A4418C;}
.colorLanguedoc {color: #189429;}
.colorProvence {color: #A65C2B;}
.colorAzur {color: #2A4F7F;}
.colorAlpes {color: #F4A3CE;}

.font8 {font-size: .8em;}
.font9 {font-size: .9em;}
.font10 {font-size: 1em;}
.font11 {font-size: 1.1em;}
.font12 {font-size: 1.2em;}
.font13 {font-size: 1.3em;}
.font14 {font-size: 1.4em;}
.font15 {font-size: 1.5em;}
.font16 {font-size: 1.6em;}
.font17 {font-size: 1.7em;}
.font18 {font-size: 1.8em;}
/* Common : Fin */