body#index{
	background: #F3F2E9 url(gx/s/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}

html{
	font-family: "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica;
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}

h1{
	margin: 10px 0 8px 0;
	padding: 4px 0 2px 0;
	font-size: 18px;
	color: #000;
	font-family: Arial;
	border-bottom: #B2C5CD 1px solid;
}
h2{
	margin: 10px 0 0 0;
	padding: 0 0 2px 0;
	font-size: 13px;
	color: #004D6F;
	font-family: Arial;
}
/**************** Map ******************/

div#formDirection{ width: 715px; margin: 10px 0 0 0; }
#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #FFFFFF; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; }
#formDirection a:hover{ color: #FFFFFF; }
#directions {width:715px;}

/**************** Page de garde ******************/
#index #conteneur{margin: 61px auto 0 auto; width:715px; text-align:left;}
#index #conteneur #conteneurHaut{width:715px; height:434px;}
#index #conteneur #conteneurHaut #colGauche{float:left; width:374px;}
#index #conteneur #conteneurHaut #colGauche p{color:#000; font-size: 12px; width:374px; line-height: 120%;}
#index #conteneur #conteneurHaut #colGauche #boutonLangue{
	color:#004D6F;
	font-size: 18px;
	font-weight: bold;
	margin:20px 0 0 0;
}
#index #conteneur #conteneurHaut #colGauche #boutonLangue a,
#index #conteneur #conteneurHaut #colGauche #boutonLangue a:link,
#index #conteneur #conteneurHaut #colGauche #boutonLangue a:visited{
	color:#000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#index #conteneur #conteneurHaut #colGauche #boutonLangue a:hover{color:#004D6F;text-decoration: none;}

#index #conteneur #conteneurHaut #colDroite{float:right;width:341px;}
#index #conteneur #conteneurBas{width:715px;height:100px;margin:10px 0 0 0;}
#index #conteneur #conteneurBas p{color:#000;font-size: 11px;}


/***************** CONTENEUR (MAIN) ********************/
#main #hautPage{
	margin: 0 auto 0 auto;
	width:715px;
	height:116px;
	text-align:left;
}
#main #hautPage #logo{
	float:left;
	width:229px;
	height:116px;
}
#main #hautPage #colDroite{
	float:right;
	width:486px;
	height:116px;
	text-align: right;
}
#main #hautPage #colDroite #lienHaut{height:62px;color: #FFFFFF;}
#main #hautPage #colDroite #lienHaut a,
#main #hautPage #colDroite #lienHaut a:link,
#main #hautPage #colDroite #lienHaut a:visited{
	font-size: 10px;
	color: #CEDCE3;
	text-decoration: none;
}
#main #hautPage #colDroite #lienHaut a:hover{
	font-size: 10px;
	color: #FFF;
	text-decoration: underline;
}
#main #hautPage #colDroite #telSansFrais{
	font-family: Arial;
	font-size: 18px;
	font-weight: bolder;
	color: #CEDCE3;
	height:28px;
}
#main #contenuHaut{width:715px;height:204px;_height:214px;text-align:left;margin:0 auto 0 auto;}
#main #contenuHaut #colGauche{float:left;	width:312px; height:116px;}
#main #contenuHaut #colGauche p{text-align: justify; font-size: 11px; color: #000; margin:0 10px 0 20px;}
#main #contenuHaut #colDroite{float:right; width:403px; height:116px; padding:8px 0 0 0;}

#main #contenu{background:#F3F2E9;width:100%;}
#main #contenu #contenuPage{margin:0 auto 0 auto;width:715px;text-align:left;background:#F3F2E9;}

#main #contenu #contenuPage #boiteBoutonDroite{
	width:206px;
	margin:0 0 10px 20px;
	float:right;
}
#main #contenu #contenuPage #contenuPageColGauche{
	margin:0 0 10px 0;
	padding:0;
	float:left;
	width:400px;
}
#main #contenu #contenuPage #contenuPageColDroite{
	margin:0 0 10px 20px;
	padding:0;
	float:right;
	width:295px;
}

#main #logoBas{background:#FFF;width:100%;}
#main #logoBas #contenuLogoBas{
	margin:0 auto 0 auto;
	width:715px;
	text-align:left;
	height:50px;
	padding:0;
}
#main #logoBas #contenuLogoBas img{
	margin:5px;
}
#main #logoBas #contenuLogoBas #immeuble a, #main #logoBas #contenuLogoBas #immeuble a:link, #main #logoBas #contenuLogoBas #immeuble a:visited{
	margin-right:10px;
	display: block;
	float: left;
	border:1px solid #FFF;
}
#main #logoBas #contenuLogoBas #immeuble a:hover{
	border:1px solid #D8D7C5;
}
#main #logoBas #contenuLogoBas #certification{
	float: right;
}

/*************************** MENU ******************************/
#menu{height: 26px;padding:0 0 0 0;margin: 0;}
#menu ul{padding: 0; margin: 0; list-style-type: none;}
#menu ul li{padding:0;margin: 0 0 0 9px; display: inline;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	font-family: Tahoma;
	line-height: 25px;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#menu ul li a:hover{color:#CEDCE3;}
#menu ul li a.actif{border-bottom: solid 6px #10729E;}

/* Sous menu dans la page Tarifs */
#sousMenu{width:480px;padding:0;margin:0; background-color:#004D6F;}
#sousMenu ul{padding: 0; margin: 0; list-style-type: none;}
#sousMenu ul li{padding-left:8px; margin:0; display: inline;}
#sousMenu ul li a, #sousMenu ul li a:link, #sousMenu ul li a:visited{
	font-family: Tahoma;
	line-height: 27px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color:#004D6F;
}
#sousMenu ul li a:hover{color:#CEDCE3;border-bottom: solid 6px #BDCCD2;}
#sousMenu ul li a.actif, #sousMenu ul li a.actif:hover{border-bottom: solid 6px #C3383F;}

.nouveautebtn{height:52px;width:193px;margin: 10px 50px;}


/*********************** PIED DE PAGE **************************/
#index #piedPage{
	color: #A9C0C9;
	height: 50px;
	font-family: Tahoma;
	font-size: 10px;
	padding: 0;
}
#index #piedPage a{ color: #A9C0C9; text-decoration: underline;}
#index #piedPage a:hover{ color: #000; }
#index #piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#index #piedPage #copyrights a{ font-weight: bold; }
#index #piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #A9C0C9;}
#index #piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;color: #000;}

#main #piedPage{
	color: #CEC2A4;
	height: 50px;
	width:715px;
	font-family: Tahoma;
	font-size: 10px;
	padding: 0;
	margin: 0 auto 0 auto;
}
#main #piedPage a{ color: #A9C0C9; text-decoration: underline;}
#main #piedPage a:hover{ color: #000; }
#main #piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#main #piedPage #copyrights a{ font-weight: bold; }
#main #piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #A9C0C9;}
#main #piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: none;color: #000;}

/************************** TEXTE ****************************/
p{
	margin-bottom: 10px;
	font-size: 0.8em;
	line-height: 140%;
	color: #000;
}
p a, p a:link, p a:visited{
	color: #000;
	text-decoration: none;
}
p a:hover, p a:visited:hover{
	color: #000;
	text-decoration: underline;
}

ul{
	color: #000;
	list-style: square;
	font-size: 0.8em;
	line-height: 140%;
	padding-left:16px;
	margin:0;
}
ul a, ul a:link, ul a:link{
	color: #000;
	text-decoration: none;
}

ul a:hover, ul a:link:hover, ul a:link:hover{
	color: #000;
	text-decoration: underline;
}

/*********************** FORMULAIRES *************************/
fieldset{margin: 0; padding: 0; width: 295px; border:0;}
fieldset legend{font-family:"Trebuchet MS"; font-size: 14px; font-weight: bold;}
fieldset label{font-size: 0.8em;}
.formulaire{
	margin: 0;
	padding: 0;
}
.champTexte{
	font-family:"Trebuchet MS";
	color: #262626;
	border: 1px solid #BDCCD2;
	background: #FAF9F7;
	padding: 0 0 0 2px;
	margin: 0;
	font-size: 0.7em;
}
.boutonRadio{	
	color: #262626;
	background: #FAF9F7;
	margin:0;
	padding: 0;
	font-size: 0.7em;
}
.menuDeroulant{	
	color: #262626;
	border: 1px solid #D4C8A8;
	background: #FAF9F7;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}
.boiteTexte{
	font-family:"Trebuchet MS";
	font-size: 0.7em;
	color: #262626;
	border: 1px solid #BDCCD2;
	background: #FAF9F7;
	margin: 0;
	padding: 0 0 0 2px;
}
.bouton{
	background-color: #BDCCD2;
	color: #004D6F;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}



/* css pour le popUp de la photo du produit */
/* LIGHTBOX CONTROL */
#lightbox { padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
/*#overlay img { border:none; }*/

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background-color:#898989; }
/* couleur du fond tranparent */
#overlay{
	background-color: #333333; 
}








#immeubles_print{
	display:none;
}