/*---------------------------------------
*La feuille de style du syte de l'escalo
*----------------------------------------
*/
/* pour régler les couleurs aller à http://www.chez.com/jackbrc/essai08k.html*/


body
{
	margin:0;			/* règle les valeurs par défaut à 0 meilleur pour la compatibilité avec tous les navigateurs */
	padding:0;
	background-color: orange;   /* couleur du fond */			
	color: white;			/* couleur du texte par défaut */
}


/*________________________________________
*      règle le style des liens
*-----------------------------------------
*/


/* les liens ne sont pas soulignies, et sont en blanc  */

a:link
    {
    text-decoration:none;
    color: red;
    }


/* quand on survole les liens ils grossissent  */

a:hover
{
    text-decoration:none;
    font-size: 16pt;
    color: red;
    }    


/* les liens visités restent blanc  */
    
a:visited
{
    text-decoration:none;
    color: red;
   }
 
 
/* les liens actifs sont en rouge      */
    
a:active
{
    text-decoration:none;
    color: red;
    }      




/*________________________________________
*      Mise en page
*-----------------------------------------
*/
/* Conteneur total */
div#contentarea {width: 900px;}  			/* règle la largeur de la page */

div#header {								/* règle le bandeau du haut de la page */
	height: 60px; 						/* hauteur du bandeau */
	text-align: center;					/* le texte est centré */
	color: red;						/* la couleur est rouge */
	font-size: 24pt;						/* la taille des caractères est 24pt */
	}

/* Colonne de gauche = menu */
div#nav 
	{ 
	position: absolute;
	left: 	0px;
	width:	100px;						/* règle la largeur de la colonne. A augmenter si on écrit plus gros */
	padding: 0px;
	text-align: right;					/* alignement à droite par rapport à la colonne */
	font-size: 14pt;						/* la taille des caractères est 14pt. 
											L'augmentation au survol est réglé dans a:over plus haut. 
											ne pas oublier de modifier aussi en cas de changement*/
	
	line-height: 60px;					/* règle l'espacement entre les lignes */
	}
	
  div#nav a {display=block;}
 	
/* Colonne central */

div#colonne_centrale
	{
	position: absolute;
	left: 154px;
	top: 85px;
	width: 500px;
	}
	
	
	/* Colonne de droite  ne sert que pour la page d'acueil*/
	
div#colonne_droite
	{
	position: absolute;
	left: 720px;
	top: 122px;
	}
	
	
	/* les photos de la maison régler chaque position du coin suppérieur gauche, 
	sachant que le milieu de la page est à 450 (la moitié du conteur total. A Actualiser si besoin )*/

p#photo_un		/* règle la légende de la photo 1 */
{
	position: absolute;
	width: 	220px;			/* largeur du texte= 450-largeurmenu-largeur photo */
	left: 	350px;			/* = 450 - 220/2 */
	top: 80px;				/* hauteur au choix, mais conditionne le reste */
	text-align: center;
}

img#photo_un
{
	position: absolute;
	width: 100px; 		/* dépend de la largeur de la photo */
	height: 76px;		/* dépend de la hauteur de la photo */
	left: 412px;			/* = 450 - 76/2  */
	top: 125px;			/* fonction de la hauteur du texte */ 
	border: 0;
}

p#photo_deux		/* règle la légende de la photo 2 */
{
	position: absolute;
	width: 	210px;			/* largeur du texte= 450-largeurmenu-largeur photo */
	height: 100px;			/* hauteur du texte. A régler selon convenance */
	left: 	110px;			/* fonction de la largeur du menu */
	top: 	180px;				/* =135(posiiton de l'image1)+57(hauteur de l'image1)  marge */
	text-align: center;
}

img#photo_deux
{
	position: absolute;
	width: 100px ;height : 76px;
	left: 330px;				/* =450-76-76/2  */
	top: 210px;
	border: 0;
}

img#photo_trois
{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 500px;			/*=450+76/2 +marge */
	top: 210px;			/* cf img#photo-deux */
	border: 0;
}

p#photo_trois
	{
	position: absolute;
	width: 220px;
	left: 620px;		/*=500+ 76 + marge */
	top: 200px;		/* cf p#photo-deux */
	text-align: left;
}



img#photo_quatre
{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 360px;
	top: 300px;
	border: 0;
}
img#photo_cinq
{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 470px;
	top: 300px;
	border: 0;
}

p#photo_quatre
	{
	position: absolute;
	width: 220px;
	left: 340px;
	top: 375px;
	text-align: left;
}

 /* les photos de la maison régler chaque position du coin suppérieur gauche, 
	sachant que le milieu de la page est à 450 (la moitié du conteur total. A Actualiser si besoin )*/
 
 img#photo_six
	{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 380px;
	top:130px;
	border: 0;
	}
p#photo_six
	{
	position: absolute;
	width: 340px;
	left: 180px;
	top: 100px;
	text-align: left;
	}
  
  img#photo_sept
	{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 812px;
	top: 388px;
	border: 0;
	}
p#photo_sept
	{
	position: absolute;
	width: 500px;
	left: 258px;
	top: 670px;
	text-align: center;
	}

img#photo_huit
	{
	position: absolute;
	width: 76px;
	height: 57px;
	left: 270px;
	top: 200px;
	border: 0;
	}
img#photo_neuf
	{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 520px;
	top: 130px;
	border: 0;
	}
p#photo_huit
	{
	position: absolute;
	width: 330px;
	left: 510px;
	top: 100px;
	text-align: right;
	}

img#photo_dix
	{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 340px;
	top: 260px;
	border: 0;
	}
p#photo_dix
	{
	position: absolute;
	width: 350px;
	left: 117px;
	top: 236px;
	text-align: left;
	}

p#photo_onze
	{
	position: absolute;
	width: 350px;
	left: 680px;
	top: 280px;
	text-align: left;
	}
	
img#photo_onze
	{
	position: absolute;
	width: 100px;
	height: 76px;
	left: 560px;
	top: 260px;
	border: 0;
	}
	
p#photo_douze
	{
	position: absolute;
	width: 350px;
	left: 742px;
	top: 133px;
	text-align: left;
	}
img#photo_douze
	{
	position: absolute;
	width: 91px;
	height: 72px;
	left: 110px;
	top: 80px;
	border: 0;
	}
	
p#photo_treize
	{
	position: absolute;
	width: 380px;
	left:400px;
	top: 160px;
	text-align:left;
	}
img#photo_treize
	{
	position: absolute;
	width: 278px;
	height: 338px;
	left: 110px;
	top: 150px;
	border: 0;
	}
			
p.standard
{
    text-align: justify;
    color: white;
}

h1
{
	font-family: Arial, Times, Helvetica;
	font-size: X-large;
	font-weight: bold;
	color: #00AF00;
}

h2
{
	font-family: Arial, Times, Helvetica;
	font-size: medium;
	text-align: center;
	color: white;
}

h3
{
	font-family: Arial, Times, Helvetica;
	font-size: medium;
	text-align: center;
	color: white;
}

h4
{
	text-align: justify;
	font-family: Arial, Times, Helvetica;
	font-size: small;
	color: white;
}

h5
{
	text-align: left;
	font-family: Arial, Times, Helvetica;
	font-size: x-small;
	color: white;
}