/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : JADCO
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 16 juillet 2009
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */
@import url(jscrollpane.css);
@import url(abso.thickbox.css);

/*- Général -------------------------------------------------------------------*/
html{
	background:#2a2d2f;
}
body {
	font-family:Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	overflow-y:scroll;
	*overflow-y:auto;
	padding-bottom:8px;
}
h1, h2{
	color:#cecdce;
	font-size:18px;
	text-transform:uppercase;
	line-height:23px;
	margin-bottom:13px;
}
h3{
	color:#cecdce;
	font-size:13px;
	font-weight:bold;
	margin-bottom:7px;
}
p {
	margin: 0 0 16px 0;
	color:#8c8e90;
	line-height:18px;
	font-size:13px;
}
a, a:hover {
	color:#ac9d75;
	text-decoration: none;
}
a:hover {
	color:#b09144;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width: 980px;
	margin: 0 auto;
}
#Entete {
	width:960px;
	height:86px;
	position:relative;
	background:url(/images/Bg_Entete.jpg) no-repeat 0 0;
	padding-left:10px;
	padding-right:10px;
}
#Entete .Logo{
	display:block;
	position:absolute;
	left:50%;
	top:8px;
	margin-left:-58px;
}
#Entete img.ImagePrix{
	display:block;
	margin-top:18px;
	float:left;
}
#NavFixe {
	float:right;
	position:absolute;
	top:16px;
	right:0;
}
#NavFixe p {
	height:14px;
	margin-bottom:4px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:right;
	clear:both;
	margin-right:10px;
}
#NavFixe p a {
	height:14px;
	display:block;
	background:no-repeat 0 0;
}
#NavFixe p a:hover {
	background-position:0 -14px;
}
#Corps {
	width:970px;
	background:url(../images/Bg_Corps.png) repeat-y 0 0;
	padding-left:10px;
}
#BlocContenu {
	width:958px;
	background:#343739 url(/images/Bg_Chargement.jpg) no-repeat 0 0;
	overflow-y:hidden;
	padding-top:0;
	position:relative;
	border-left:1px solid #343739;
	border-right:1px solid #343739;
	border-bottom:1px solid #343739;
}
#BackgroundImage{
	width:958px;
	min-height:486px;
	height:auto !important;
	height:486px;
	background:no-repeat 0 0;
}
#BlocContenu img.ImageContenu{
	z-index:1;
	display:none;
}
#FlashContent{
	width:958px;
	height:486px;
}
#AlternativeFlash{
	width:300px;
	height:300px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-100px;
}
#Contenu{
	background:url(/images/Bg_Contenu.png) repeat-y 0 0;
	_background:#000;
	min-height:461px;
	height:auto !important;
	height:461px;
	width:370px;
	padding:15px 50px 10px 22px;
	float:left;
}
#Contenu.PagePleine{
	width:746px;
	padding-right:22px;
}
#Contenu .BlocFilAriane{
	position:relative;
}
#Contenu #FilAriane{
	border-bottom:1px solid #313131;
	font-size:10px;
	margin-bottom:16px;
	margin-top:0;
	padding-top:7px;
	padding-bottom:7px;
}
#Contenu #FilAriane li{
	display:inline;
	color:#7d7d72;
	text-transform:uppercase;
	margin-right:4px;
	padding:0;
	background:none;
}
#Contenu #FilAriane a{
	color:#7d7d72;
	text-decoration:none;
}
#Contenu #FilAriane a:hover, #Contenu #FilAriane a.On{
	color:#fefcfc;
}
#Contenu #BtnContenu{
	width:18px;
	height:18px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/Bt_Contenu.png) no-repeat 0 0;
	position:absolute;
	z-index:3;
	bottom:0;
	right:-40px;
	outline:none;
}
#Contenu #BtnContenu:hover{
	background-position:0 -18px;
}
#Contenu #BtnContenu.Ouvrir{
	background-position:0 -36px;
}
#Contenu #BtnContenu.Ouvrir:hover{
	background-position:0 -54px;
}
#Contenu.PagePleine #BtnContenu{
	display:none;
}
.DescriptionImage{
	background-color:#262626;
	position:absolute;
	z-index:7;
	width:407px;
	min-height:21px;
	height:auto !important;
	height:21px;
	top:428px;
	left:402px;
	margin:0;
	font-size:12px;
	color:#8c8e90;
	line-height:21px;
	padding:0 9px 0 9px;
}
.PaginationImages{
	position:absolute;
	z-index:8;
	top:428px;
	right:38px;
	background:#4e5052;
	padding:8px 9px 8px 4px;
	border:1px solid #636567;
}
.PaginationImages a{
	width:12px;
	height:12px;
	background:url(../images/Bt_Pagination.gif) no-repeat 0 0;
	display:block;
	float:left;
	margin-left:5px;
}
.PaginationImages a:hover, .PaginationImages a.On{
	background-position:0 -12px;
}
#PiedPage {
	width:960px;
	height:39px;
	padding-left:10px;
	padding-right:10px;
	background:url(../images/Bg_Footer.png) no-repeat 0 0;
}
#PiedPage p{
	color:#6f6f6f;
	font-size:13px;
	float:left;
	line-height:19px;
	margin-top:8px;
	margin-bottom:0;
}
#PiedPage p span{
	color:#a09e9e;
}
#PiedPage ul{
	float:right;
	font-size:12px;
	line-height:19px;
	margin-top:9px;
}
#PiedPage ul li{
	float:left;
	background:url(/images/Img_SeparateurPiedPage.gif) no-repeat 0 50%;
	padding-left:8px;
	margin-left:8px;
	display:inline;
}
#PiedPage ul li.PremierItem{
	background:none;
	padding-left:0;
}
#PiedPage a {
	color:#5d5d55;
	text-decoration:none;
}
#PiedPage a:hover {
	color:#b5b5b5;
	text-decoration:none;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#BlocNouvelles{
	background:#f4f4f4;
	color:#707479;
	width:960px;
	padding:23px 0 24px 0;
	margin-left:10px;
}
#BlocNouvelles div.WrapperNouvelles{
	width:960px;
	background:#707479 url(../images/Bg_BlocNouvelles.gif) repeat-y 0 0;
}
#BlocNouvelles p{
	font-size:1.2em;
	margin:0;
}
#BlocNouvelles p.TitreNouvelle{
	color:#2a2d2f;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 3px 0;
}
#BlocNouvelles div.Nouvelle{
	width:268px;
	float:left;
	padding:0 26px 0 26px;
}
#BlocNouvelles a.LienPlus{
	color:#887b5b;
	text-transform:uppercase;
	margin-left:2px;
}
#BlocNouvelles img.ImageNouvelle{
	float:right;
	margin:0 0 10px 10px;
}

/*- Styles spéciaux pour le popup Envoyer à un ami -----------------------------*/
#PopupAmi{
	background:url(../images/Bg_EnvoyerAmi.jpg) no-repeat 0 0;
	padding:24px 16px 24px 16px;
}

/*- Styles spéciaux pour les pages du Design Studio ----------------------------*/
#Contenu ul#ListingMaisons li{
	float:left;
	width:168px;
	height:260px;
	background:none;
	padding:0 0 26px 0;
	margin:0 18px 22px 0;
	border-bottom:1px solid #313131;
}
#Contenu ul#ListingMaisons li a img{
	border:3px solid #979696;
	width:160px;
	height:118px;
}
#Contenu ul#ListingMaisons li a:hover img{
	border-color:#c6c6c6;
}
#Contenu ul#ListingMaisons li .NomMaison{
	font-size:12px;
	font-weight:bold;
	color:#8c8062;
	text-transform:uppercase;
	margin:7px 0 5px 0;
}
#Contenu #DSAccordeon li{
	margin:0;
	padding:0;
	line-height:30px;
	font-size:11px;
	margin-bottom:2px;
}
#Contenu #DSAccordeon div.ContenuAlbum{
	background:#3b3d3f;
	padding:8px 6px 16px 9px;
}
#Contenu #DSAccordeon div.ContenuAlbum p{
	line-height:17px;
	margin-bottom:12px;
}
#Contenu #DSAccordeon div.ContenuAlbum p.TitreAlbumPhotos{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#b5b5b5;
}
#Contenu #DSAccordeon .Thumbnail{
	width:61px;
	height:44px;
	background-color:#FFF;
	padding:3px;
	display:block;
	float:left;
	margin:0 4px 4px 0;
}
#Contenu #DSAccordeon .Thumbnail:hover{
	background-color:#b6b6b6;	
}
#Contenu #DSAccordeon .Thumbnail.DernierItem{
	margin-right:0;
}
#Contenu div.DSCategorie{
    background:#323436;
    float:left;
    width:210px;
    height:274px;
    overflow:hidden;
    padding:5px;
    position:relative;
	margin:0 15px 15px 0;
}
#Contenu div.DSCategorie p{
	color:#ddddde;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:16px;
	margin-top:12px;
	margin-left:3px;
	width:160px;
}
#Contenu img.DSImageCategorie{
    width:210px;
    height:219px;
}
#Contenu a.DSBoutonCategorie{
    width:30px;
    height:30px;
	display:block;
	background:url(../images/Bt_DSCategorie.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	right:9px;
	bottom:15px;
	font-size:14px;
}

/*- Styles spéciaux pour la section Take the next step ------------------------*/
.Formulaire .BlocGauche{
	float:left;
	width:482px;
	padding-right:32px;
}
.Formulaire .BlocDroite{
	float:left;
	width:204px;
}
.Formulaire p label {
	display: block;
	text-transform:uppercase;
	font-weight:bold;
	color:#cecdce;
	font-size:11px;
}
.Formulaire div.BlocChamps{
	margin:28px 0 29px 0;
}
.Formulaire div.ChampGauche{
	float:left;
	width:211px;
	margin-bottom:5px;
}
.Formulaire div.ChampDroite{
	float:left;
	width:211px;
	margin-bottom:7px;
}
.Formulaire div.ChampGauche .TxtBox,
.Formulaire div.ChampDroite .TxtBox{
	width:155px;
}
.Formulaire div.ChampGauche p, .Formulaire div.ChampDroite p{
	margin-bottom:0;
}
.Formulaire{
	background:url(../images/Bg_Formulaire.gif) no-repeat 495px 0;
	min-height:418px;
	height:auto !important;
	height:418px;
}
.Formulaire .CheckBox{
	float:left;
	margin:2px 5px 0 0;
	*margin:-2px 5px 0 0;
}
.Formulaire#FAQ{
	background:none; 
	margin-top:40px; 
	border-top:1px solid #313131; 
	padding-top:20px;
}
#FAQConfirmation{
	background:none; 
	border-top:1px solid #313131; 
	padding-top:20px;
}
.Formulaire#FAQ div.BlocChamps{
	margin-top:20px;
}
.Formulaire#FAQ .BlocGauche{
	width:425px;
	margin-right:0;
	padding-right:0;
}
.Formulaire#FAQ .BlocDroite{
	width:321px;
}
.Formulaire#FAQ .ChampDroite{
	width:321px;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	width:960px;
	height:28px;
	background:#323436;
	position:relative;
	top:0;
	left:0;
	z-index:1000;
}
#MenuPrincipal li{
	height:28px;
	line-height:28px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#MenuPrincipal li a{
	height:28px;
	display:block;
	background:no-repeat 0 0;
}
#MenuPrincipal li a:hover{
	background-position:0 -28px !important;
}
#MenuPrincipal li a.On{
	background-position:0 -28px;
}
.MenuSecondaire{
	width:912px;
	height:28px;
	line-height:28px;
	background:#292929;
	padding:0 23px 0 23px;
	border-left:1px solid #343739;
	border-right:1px solid #343739;
}
.MenuSecondaire li{
	float:left;
	font-size:13px;
	margin-right:18px;
}
.MenuSecondaire li.DernierItem{
	margin-right:0;
}
.MenuSecondaire a{
	color:#a5a69c;
	text-decoration:none;
}
.MenuSecondaire a:hover, .MenuSecondaire a.On{
	color:#FFF;
	text-decoration:none;
}

/*- Styles pour Plan du site --------------------------------------------------*/
#Contenu #PlanSite{
	margin-top:27px;
}
#Contenu #PlanSite .ColonneGauche,
#Contenu #PlanSite .ColonneCentre,
#Contenu #PlanSite .ColonneDroite{
	float:left;
	padding-right:20px;
}
#Contenu #PlanSite .ColonneGauche{
	width:204px;
	padding-left:12px
}
#Contenu #PlanSite .ColonneCentre{
	width:260px;
}
#Contenu #PlanSite .ColonneDroite{
	width:202px;
}
#Contenu #PlanSite ul{
	margin-bottom:20px;
}
#Contenu #PlanSite ul li{
	background:none;
	padding:0;
}
#Contenu #PlanSite ul li a{
	font-size:12px;
	font-weight:bold;
	color:#696a62;
	text-transform:uppercase;
	margin:0 0 7px 0;
	display:inline-block;
}
#Contenu #PlanSite ul li a:hover{
	color:#a8a8a8;
}
#Contenu #PlanSite ul li ul li{
	padding:0;
	background:url(/images/Puce_Liste.gif) no-repeat 0 5px;
	padding-left:8px;
	margin:0 0 7px 0;
}
#Contenu #PlanSite ul li ul li a{
	font-size:13px;
	font-weight:normal;
	color:#8c8062;
	text-transform:none;
	display:inline;
	margin:0;
}
#Contenu #PlanSite ul li ul li a:hover{
	color:#B09144;
}

/*- Styles pour formulaires ----------------------------------------------------*/
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
.TxtErreur, .ErreurCustom {
	color: #b46f6d !important;
	background: #fdf1f1 !important;
	border:1px solid #b46f6d !important;
}
div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 5px;
	margin-bottom: 12px;
}
div.SommaireValidation ul {
	margin: 0 !important;
}
div.SommaireValidation ul li {
	list-style: none outside none !important;
	padding: 0 !important;
	background:none !important;
	font-size:11px !important;
	color:#b46f6d !important;
	line-height:16px !important;
}
.TxtBox {
	color: #fff;
	background:#353535;
	border:1px solid #020202;
	padding:1px 2px 0 2px;
	margin:0 0 0 0;
	height:15px;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 9px;
}

/*- Classes pour les hyperliens ----*/
a.LienBouton{
	text-transform:uppercase;
	font-size:11.5px;
	border:1px solid #38393c;
	height:24px;
	padding:4px 27px 4px 10px;
	background:#000 url(/images/Bg_LienBouton.gif) no-repeat right 0;
}
a.LienBouton:hover{
	background-position:right -24px;
	background-color:#151516;
}
a.LienDirections{
	background:url(../images/Picto_Map.gif) no-repeat 0 1px;
	padding-left:25px;
	display:inline-block;
}
a.LienInfo{
	background:url(../images/Picto_Info.gif) no-repeat 0 1px;
	padding-left:25px;
	display:inline-block;
}
a.LienExterne{
	background:url(../images/Picto_LienExterne.gif) no-repeat 0 0px;
	padding-left:25px;
	display:inline-block;
}
a.LienPDF{
	background:url(../images/Picto_PDF.gif) no-repeat 0 2px;
	padding-left:21px;
	display:inline-block;
	margin-top:10px;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul {
	font-size: 13px;
	margin: 0 0 16px 0;
	padding:0;
	color:#8c8e90;
}
#Contenu ul li {
	padding: 0 0 7px 0;
	background:url(/images/Puce_Liste.gif) no-repeat 0 5px;
	padding-left:8px;
}

#Contenu ol {
	font-size: 13px;
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
    font-size:13px;
    margin-bottom:10px;
}
table.Tableau td {
    padding:5px;
	vertical-align: top;
	background:#323436;
}
table.Tableau td p{
    margin-bottom:0;
}
table.Tableau td table td{
	padding:0;
}
table.Tableau td .TexteSpecial {
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}
table.Tableau td a.LienDirections, table.Tableau td a.LienInfo{
	margin-right:18px;
}
table.Tableau td a.LienDirections{
	background-image:url(../images/Picto_MapAlt.gif);
}
table.Tableau td a.LienInfo{
	background-image:url(../images/Picto_InfoAlt.gif);
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}