/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #fff url(gx/bg_bleu.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{background: #fff url(gx/bg_bleu.gif) repeat-x;
	margin: 0;
	padding: 0;
}
body#main div.nuage{background: url(gx/bg_nuage.gif) no-repeat ;}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";

}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{
	font-size: 14px;
	font-family: arial;
	color:#498ECB;
}
h2{color:#01a466; font-size: 14px; font-family: Arial;margin-top:5px;  
	
}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	position:absolute;
	top:0px;
	left:250px;
	padding-top:0px;
	width:750px;
	text-align:left;
	
}

/* MENU
--------------------------------------------------------------------------------------- */

#menu, #video{
	font-family: Georgia;
	float:left;
	display:block;

}

#menuLateral {
	margin-left:35px;
	font-family: Georgia;
	width: 180px;
}
#menuLateral ul li{
	margin:5px 0 0px 0px;
	height: 100%;
	display: block;
	padding: 0;
	list-style-type: none;
}
#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	display:block;

	/*line-height: 12px;*/
	font-size: 10px;
	color: #777676;
	text-decoration: none;
	font-weight: bold;
	padding-left:5px;
	padding-bottom: 1px;
	margin: 0;	
	text-transform: uppercase;
}
#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{
	background-color: #efefef;
}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{	
	border-bottom: solid #d6eaf4 1px;
	background-color: #017fb9;
	color:#FFF;
	
} 
#video{
	padding: 0 5px 0px 5px;
	margin:0;
	
}
#menu{
	
	padding-left:0px;
	padding-right:5px;
	width: 195px;

}

#photoVedette{
	/*background:  transparent url(gx/bg_photo.gif) no-repeat;*/
	width:72px;
	height:72px;float:left;display:block;margin-right:5px;
	border: 1px solid #C9D0D6;	
	}
#photoVedette img{
	margin-top:3px;
	margin-left:3px;
}

#menuPhoto{
	/*position: absolute;
	top: 465px;
	left:0px;*/
  width:700px;


}

#menuPhoto{
	border:none;	padding: 3px;
	margin-top:0px;
	margin: 5px;

}
#menuPhoto a img{
	border: 1px solid #C9D0D6;
	padding: 3px;	
	margin: 5px;
}

#menuPhoto a img:hover{
	border: 1px solid #498ECB;	


}

#menuPhoto a img.actif{
	border: 2px solid #498ECB;	
	

}


/* ACCUEIL
--------------------------------------------------------------------------------------- */

#contenu{
	font-family: Verdana;
	float:left;
	display:block;
	width:700px;
	font-size:11px;
	text-align: left;
	border: 1px solid #cccccc;
	border-top: none;
	/*border-top:none;*/
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	/*background-color: #f5fbfe;*/
	background-color: #FFFFFF;
}

div.ligne{background:url(gx/bg_dotted.gif) repeat-x;margin-bottom:5px;margin-top:15px;height:1px;line-height:5px;}



/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-family:verdana;font-size: 10px; line-height: 130%; color: #717172;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* p:first-letter{color: green; font-size: 200%; text-transform:uppercase;} */

/* LIGHTBOX CONTROL */
#lightbox { padding:20px 20px 5px 20px; background-color:#898989; }
#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; } 

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 */

/* couleur du fond tranparent */
#overlay{
	background: #333333; 
}
#immeubles_print{
	display:none;
}

/* TOURNAGE */
#contenuTournage{
	font-family: Verdana;
	width:400px;
	font-size:11px;
	text-align: left;
	border: 1px solid #cccccc;
	border-top: none;
	padding:10px;
	margin:0 10px 10px 10px;
	background-color: #FFFFFF;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#line{background: url(gx/lineBottom.gif) repeat-x top left; height:50px;}
#piedPage{color: #9d9e86;height: 50px;font-family: Georgia;font-size: 10px;margin-left: 25px;position:relative;}
#piedPage a{ color: #040204; text-decoration: none;}
#piedPage a:hover{ color: #FFF; background-color: #cacaca;}
#piedPage #copyrights{ float: left; margin: 0; text-align: left; color:  #777676}
#piedPage #copyrights a{ font-weight: bold; color:  #777676;text-decoration:underline;font-size:11px;}
#piedPage #copyrights a:hover{background: transparent;color:  #000}
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #9d9e86;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: none;color: #9d9e86; background: transparent;}