/* ========================== NAVEL ================================= */
/* ================================================================== */

body  {
  background-color:#fc6;
	border-color: #663366;
	scrollbar-face-color:#663366;
  	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: transparent url(images/fond.jpg) no-repeat;
	position:relative;
	width:900px;
	height:900px;
	top:0;
	margin:auto;	
}

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

#bandeau_page {
	width:800px;
	height:180px;
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
}

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

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

#corp{
	width:590px;
	height:auto;
	position:absolute;
	left :200px;
	top:180;
	padding: 5px;
	z-index: 1;
	border:1px solid #663366;
}

#fleurs {
	background: url(images/fleurs.png) no-repeat;
	width:67px;
	height:200px;
	position:absolute;
	left:-20;
	top:700;
	z-index: 2;
}	

#feuilles_erables {
	background: url(images/feuilles_erables.png) no-repeat;
	width:264px;
	height:350px;
	position:absolute;
	left:-200;
	top:50;
	z-index: 2;
}

#putois_violon {
	background: url(images/putois_violon.png) no-repeat;
	width:231px;
	height:457px;
	position:absolute;
	right:-150;
	top:300;
	z-index: 2;
}	

#encadre {	
	width:250px;
	height:200px;
	position:relative;
	background-color:#fc6;
	border:1px solid #fc6;
	-moz-border-radius:12px;
	z-index: 1;
}

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

h1  {
	color: #663366;
	font-style: bold;
	font-weight: 500;
	font-size: 24pt;
	font-family: arial,tahoma,verdana
}

h2  {
	color: #663366;
	font-style: bold;
	font-weight: 500;
	font-size: 20pt;
	font-family: arial,tahoma,verdana
}

h3  {
	color: #663366;
	font-style:bold ;
	font-weight: 500;
	font-size: 18pt;
	font-family: arial,tahoma,verdana
}

h4  {
	color: #663366;
	font-style: bold;
	font-weight: 300;
	font-size: 16pt;
	font-family: arial,tahoma,verdana
}

h5  {
	color: #663366;
	font-style:bold ;
	font-weight: 300;
	font-size: 14pt;
	font-family: arial,tahoma,verdana
}

h6  {
	color: #663366;
	font-style: bold;
	font-weight: 200;
	font-size: 12pt;
	font-family: arial,tahoma,verdana
}

p  {
	color: #663366;
	font-style: bold;
	font-weight: 100;
	font-size: 10pt;
	font-family: arial,tahoma,verdana
}

td { }

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

hr  {
	color: #663366;
	background-color: #663366;
	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:#663366 ; /* 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:#663366 ; /* 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 */
	padding:5px; /* défini la marge intérieur des boutons à 2px */	
	color:#663366 ; /* couleur de la police */
	/* background-color:#cccccc ;  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 */
	padding:5px; /* défini la marge intérieur des boutons à 2px */	
	color:#ffffcc ; /* couleur de la police */
	background-color:#cccccc ; /* change la couleur du fonds lors du survol par la souris */
}

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