/* @Le Pré Moynier 
Location de villas à l'année à Sisteron */
body
{
	margin: 50px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 14px "Trebuchet MS", helvetica, sans-serif ;	
	background: #e1ebff ;	
}
img
{
	border:0;
}
a
{
	text-decoration:none;
	color : #cccccc;
}
div#conteneur
{
	position:relative;		
	width: 850px ;	
	margin: 0 auto ;	
	text-align: left ;	
	border: 2px solid #dfbb9e ;
	background: #fff ;
}

h1#header
{
	height: 100px;
	background: url(img/banniere.png) no-repeat left top;
	margin: 0 ;
	cursor: hand;
}
h1#header a
{
	
	font-size: 32px;
	padding-left:350px;
	text-decoration:none;
	color : #333333
}
.centerDiv
{
	margin-left: auto;
    margin-right: auto;
	width:600px;
}
div#menu
{
	text-align:center;
	height: 22px;
	margin: 0 ;
	list-style-type: none ;	
	border-top: 1px solid #4d70bb;		
	border-bottom: 1px solid #4d70bb;
	background: url(img/bgStone.gif);
}
.separator
{	
	height:22px;
	width: 2px;
	float :left;
	/*background-color:#dfbb9e;*/
	display:block;
}
.menuTab 
	{
	height:20px;
	float :left;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	font-size: 14px; 
	font-weight: bold ;
	letter-spacing: 2px ;
	display: block ;
	text-decoration: none ;
	color : #b28576;
}
.menuTab:hover
{	
	color : #4d70bb;
}
#menuTabSelected 
{
	height:20px;
	float :left;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	font-size: 14px; 
	font-weight: bold ;
	letter-spacing: 2px ;
	display: block ;
	text-decoration: none ;
	/*background-color : #dfc3b9;*/
	color : #4d70bb;
}
.subMenuTab a
	{
	height:20px;
	float :left;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	font-size: 14px; 
	font-weight: bold ;
	letter-spacing: 2px ;
	display: block ;
	text-decoration: none ;
	color : #b28576;
}
div#contenu
{
	padding: 0px 40px 15px 40px ;	
	text-indent: 5%;
	line-height: 3ex;
	
}
div#contenu h2
{
	padding-top:20px;
	padding-left: 20px ;
	line-height: 25px ;
	font-size: 1.2em ;
	/*background: url(little_apple.gif) no-repeat left bottom ;*/
	color: #4d70bb ;
	border-bottom: 1px solid #4d70bb ;
}
/* Mise en forme du titre de page, une petite image, on décale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */

div#contenu h3
{
	margin-left: 10px ;
	padding-left: 5px ;
	border-bottom: 1px solid #4d70bb ;
	border-left: 3px solid #4d70bb ;
	color: #4d70bb ;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

/*div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2;
}*/
/* On met en forme les liens contenu dans la page */

#cadreDiaporama
{
	
	position:relative;	
	border: 1px solid #4d70bb ;
	width:500px;
	height:300px;
	margin:auto;
	padding:5px;	
}
#textDiaporama
{
	float:left;
	position:relative;
	font-size:14px;	
	color:#4d70bb;	
	margin-left:50px;	
}
#cadreControl
{
	width:500px;	
	/*background-color:#e0bda5;*/	
	margin:auto;	
	background:url(img/cadreDiaporama2.jpg) bottom no-repeat;	
	background-color:#efdfd5;
}
#controlDiaporama
{
	float:right;
	margin-top:3px;
	margin-right:30px;
	height:20px;
}
p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color : #4d70bb;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

pre
{
	overflow: auto ;
	background: #4d70bb ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #4d70bb ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span utilisés pour les commentaires */

.tableau
{
	border-color: #dfbb9e;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

.tableauCellule
{
	border-color: #dfbb9e;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;      
}
.Infos
{	
	border: 1px solid #efdfd5 ;
	font-size: 0.8em ;
	color : #b28576;
}