/* ========================== MATHIEU GILLES ================================= */
/* ================================================================== */

body  {
	background: url(images/fond.gif);
	border-color: #fff;
	scrollbar-face-color:#660000;
  	scrollbar-arrow-color:#cccccc;
  	scrollbar-track-color:#cccccc;
  	scrollbar-shadow-color:#cccccc;
  	scrollbar-highlight-color:#cccccc;
  	scrollbar-3dlight-color:#cccccc;
  	scrollbar-darkshadow-Color:#cccccc;
}

#global {
	background-color: #fff;		
	position:relative;
	width:800px;
	height:auto;
	margin:auto;	
}

#titre {
	width:700px;
	height:200px;
	position:absolute;
	left:50;
	top:0;
	z-index: 1;
}

#bandeau_page {
	width:550px;
	height:auto;
	position:absolute;
	left:205;
	top:0;
	padding: 20px;
	z-index: 1;
}

#accueil {
	width:500px;
	height:233px;
	position:absolute;
	left:150;
	top:150;
	z-index: 1;
}

#menu_page{		
	width:200px;
	height:auto;
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
}

#corp{
	background: url(images/fond2.gif);
	width:550px;
	height:auto;
	position:absolute;
	left:205;
	top:150;
	padding: 20px;
	z-index: 1;
	border:0px;
}	

#encadre {
	background: url(images/fond4.gif);
	position:relative;
	border:1px solid #fff;
	-moz-border-radius:12px;
	z-index: 1;
}

#lavabo {
	position:absolute;
	width:350px;
	height:336px;
	left:100px;
	top:350px;
	z-index: 2;
}

#cuisine {
	position:absolute;
	width:350px;
	height:336px;
	right:0px;
	top:50px;
	z-index: 2;
}

/* ========================== POLICES ================================= */

h1  {
	color: #fff;
	font-style: bold;
	font-weight: 500;
	font-size: 24pt;
	font-family: Old Copperfield, georgia, normal;
}

h2  {
	color: #fff;
	font-style: bold;
	font-weight: 500;
	font-size: 20pt;
	font-family: Old Copperfield, georgia, normal;
}

h3  {
	color: #fff;
	font-style:bold ;
	font-weight: 500;
	font-size: 18pt;
	font-family: Old Copperfield, georgia, normal;
}

h4  {
	color: #fff;
	font-style: bold;
	font-weight: 300;
	font-size: 16pt;
	font-family: Old Copperfield, georgia, normal;
}

h5  {
	color: #fff;
	font-style:bold ;
	font-weight: 300;
	font-size: 14pt;
	font-family: Old Copperfield, georgia, normal;
}

h6  {
	color: #fff;
	font-style: bold;
	font-weight: 200;
	font-size: 12pt;
	font-family: Old Copperfield, georgia, normal;
}

p  {
	color: #fff;
	font-style: bold;
	font-weight: 100;
	font-size: 10pt;
	font-family: Old Copperfield, georgia, normal;
}

td { }

hr.titre  {
	color: #fff;
	background-color: #FF9900;
	height: 1px;
	border: 0;
}

hr  {
	color: #fff;
	background-color: #fff;
	height: 1px;
	border: 0;
}

/* ========================== Fin des POLICES ================================= */

/* ========================== LIENS ================================= */

a {
	text-decoration:none ; /* supprime le soulignement des liens */
	margin-top:0px ; /* Crée un marge de 0 pixels en haut des boutons */
	text-align:center; /* centre le texte de chaque bouton */
	border-style:ridge ; /* défini le style de l'encadrement des boutons */
	border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
	padding:0px; /* défini la marge intérieur des boutons à 2px */	
	color:#FF9900 ; /* couleur de la police */
	background-color: ; /* change la couleur du fonds lors du survol par la souris */
}

a:hover {
	text-decoration:overline underline ; /* supprime le soulignement des liens */
	margin-top:0px ; /* Crée un marge de 0 pixels en haut des boutons */
	text-align:center; /* centre le texte de chaque bouton */
	border-style:ridge ; /* défini le style de l'encadrement des boutons */
	border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
	padding:0px; /* défini la marge intérieur des boutons à 2px */	
	color:#FF9900 ; /* couleur de la police */
	background-color: ; /* change la couleur du fonds lors du survol par la souris */
}

a.menu {
	text-decoration:none ; /* supprime le soulignement des liens */
	display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
	margin-top:5px ; /* Crée un marge de 0 pixels en haut des boutons */
	text-align:center; /* centre le texte de chaque bouton */
	width:190px ; /* fixe la largeur de chaque bouton à 200 pixel */	
	height:auto ; /* fixe la hauteur de chaque bouton à 200 pixel */
	border-style:ridge ; /* défini le style de l'encadrement des boutons */
	border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
	border:1px solid #fff;
	-moz-border-radius:12px;
	padding:5px; /* défini la marge intérieur des boutons à 2px */	
	color:#fff ; /* couleur de la police */
	background: url(images/fond2.gif); /* change la couleur du fonds lors du survol par la souris */
}

a.menu:hover {
	text-decoration:none ; /* supprime le soulignement des liens */
	display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */
	margin-top:5px ; /* Crée un marge de 0 pixels en haut des boutons */
	text-align:center; /* centre le texte de chaque bouton */
	width:190px ; /* fixe la largeur de chaque bouton à 200 pixel */	
	height:auto ; /* fixe la hauteur de chaque bouton à 200 pixel */
	border-style:ridge ; /* défini le style de l'encadrement des boutons */
	border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
	border:1px solid #ff9900;
	-moz-border-radius:12px;
	padding:5px; /* défini la marge intérieur des boutons à 2px */	
	color:#FF9900 ; /* couleur de la police */
	background: url(images/fond3.gif); /* change la couleur du fonds lors du survol par la souris */
}

/* ========================== FINS de LIENS ================================= */