@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; text-align:left;}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font:14px 'Century Gothic', 'Trebuchet MS',Verdana, Arial;
	
	background-image:url(../images/fond_site_grand.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	
	background-color:#c57b60;
	padding:0px;
	margin:0px;
	color:#7b3835;
}

a 														{ text-decoration:none; color:#7b3835}
a:hover 												{ color:#50688a; text-decoration:none; }
a img 													{ border:0;}

h1 														{ font-size:23px; display:inline; padding:10px;color:#50688a;}
h1 a													{ color:#50688a; }
h1 a:hover												{ color:#50688a; }

h2 														{ font-size:17px; font-weight:bold; padding-top:10px;  padding-left:10px;}
h2 a													{ color:#50688a; }
h2 a:hover												{ color:#9f1a22; }

h3 														{ font-size:13px; font-weight:bold;  padding:10px;}

ol 														{ padding-bottom:15px; }
li 														{ list-style:none; padding-left:10px; line-height:17px; color:#5e5e5e; }

p														{ margin:10px;display:block;}

.erreur													{ font-size:13px; color:#872823;}
.reussite												{ font-size:13px; color:#427725;}
.liens-appartement										{ font-size:16px; color:#50688a; font-weight:bold;}
.vignes-bleues											{ font:Arial, Helvetica, sans-serif; font-style:italic;color:#50688a; text-transform:uppercase;}
.vignes-bleues-gras										{ font:Arial, Helvetica, sans-serif; font-weight:bold;color:#50688a; text-transform:uppercase;}

.proposition											{ font-size:13px; color:#666666; font-style:italic;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENEUR GLOBAL --- */
div#page 												{ position: relative; width: 975px;	margin: 0 auto;	display:block;height: 100%;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENU --- */
div#contenu												{position:relative;top:0px;padding:0px;margin:0px;padding-bottom:20px;height:100%;min-height:100%;display:block;width:975px;}
* html div#contenu 										{height: 100%;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ---- DIV COMMUN ---- */
.commun													{float:left;background-color:#c57b60;width:975px;background-repeat:repeat-x; }
.commun p												{ text-align:justify;}
.commun h1												{ display:block; }

.commun .colonne-location								{padding-top:10px;width:195px;float:left;display:block;color:#50688a;}
.commun .colonne-location-premiere						{margin-left:195px;	padding-top:10px;width:195px;float:left;	display:block;color:#50688a;}
.commun .colonne-location-premiere li 					{list-style:none; padding-left:10px; line-height:20px; color:#5e5e5e; font-size:15px; font-weight:bold; }
.commun .colonne-location li 							{list-style:none; padding-left:10px; line-height:20px; color:#5e5e5e; font-size:15px; font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC BANNIERE --- */
div#banniere											{width:975px; display:block;}
div#banniere img										{width:975px; padding:0px; margin:0px}
div#banniere div#header-liens							{width:975px;height:20px;display:block;text-align:center;background-color:#2d0c0b;}
div#banniere div#header-liens a							{color:#50688a;}

div#banniere div#logo									{display:block;float:left;}

div#banniere div#navigation								{display:block; padding-left:98px;}
div#banniere div#navigation .bouton-navigation 			{width:195px;height:36px;float:left;display:block;background-color:#c57b60;text-align:center;padding-top:14px;}
div#banniere div#navigation .bouton-navigation a 		{font-size:21px;font-weight:bold;color:#7b3835;text-transform:uppercase;}
div#banniere div#navigation .bouton-navigation a:hover 	{color:#0d1021;}

div#banniere div#banniere_accueil						{background-color:#c57b60; width:975px;height:360px;display:block;float:left;}
.banniere_accueil_flash									{background-color:#c57b60; width:955px;padding:10px;display:block;float:left;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC COMMUNAUTAIRE --- */
.block_communautaire									{width:450px;height:30px;float:left;display:block;color:#50688a;}
.block_communautaire .texte_communautaire				{width:230px;float:left;display:block;color:#50688a;}
.block_communautaire .logo_communautaire				{width:22px;float:left;	display:block;color:#50688a;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC FOOTER --- */
div#footer												{width:975px;display:block;color:#c57b60;float:left;background-color:#50688a;}
div#footer h2											{color:#FFFFFF; font-size:16px; padding-left:10px; padding-bottom:10px;}
div#footer h1											{
	color:#FFFFFF;
	font-size:16px;
	padding-left:10px;
}
div#footer a											{color:#c57b60;}
div#footer a:hover										{ color:#000000; }

div#footer img											{ padding-top:20px; padding-left:5px}
div#footer .colonne										{padding-top:10px;width:195px;float:left;display:block;color:#50688a;}
div#footer div#colonne ol 								{ padding-top:15px; }
div#footer div#colonne li 								{ list-style:none; padding-left:20px; line-height:16px; color:#c57b60; }

div#footer .signature									{width:975px;display:block;float:left;color:#c57b60;text-align:center;}
div#footer div#adresse_footer							{width:975px;float:left;display:block;color:#c57b60;text-align:center;}

/*MULTPAGES*/
div#multipage											{width:440px;float:left;display:block;text-align:center;}

/*ADMIN*/
div#block_login											{width:975px;float:left;display:block;}
div#block_news_admin									{width:440px;float:left;display:block;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- PAGE APPARTEMENT --- */
.calendrier_appartement									{width:975px;height:600px;float:left;display:block;background-color:#c57b60;}

div#calendrier											{background-color:#c57b60;float:left;padding:10px;}

.diaporama_appartement									{float:left; width:477px; padding-top:20px;}
.descriptif_appartement									{float:left; width:478px;}