/* auteur: Pascal Rebout */
/* Date de création: 30/12/2007 */

body{background-color: #555555;  
	font-family: Verdana, Trebuchet MS, Arial; 
 	font-size:8pt;
	text-align: center; 
	line-height: 1.4em; 
	color:black;}
	
div > a {color:black;text-decoration:none; font-style: normal;}
	
div > a:hover {color:red;}

a {color: maroon; text-decoration: none; font-style: italic;}

a:hover {color:navy;}
	
a:visited {} 

br {}

div{padding:5px;} 

form{}
	 
hr {visibility:hidden;}

i{color:maroon;}
	
img{border:none;} 

input{}	

label{	
	text-align:left;
	font-size:1.2em;
	padding:2px;
	background:#F7FA9C;
	color:black;
	border:none;
	}

object{height:45px;width:300px;}

ol{text-align:left;}

p {text-align:justify;	font-size: 8pt;padding:3pt;line-height:1.6em; font-variant:small-caps;}

select{background:#F7FA9C;
	color:black;
	font-size:1.2em;
	padding:1px;	
	border:solid black 1px;}

small{font-size:0.8em;}	

sup{font-size:0.8em;}

td {text-align:justify;	font-size: 8pt;padding:3pt;line-height:1.6em;}

ul{text-align:left;}
	
/* Définition des classes de lise en page générale */
	
.pagesite {
	background: #555555 url(../ags_imagelogo/fond_page.jpg) fixed no-repeat 200px 50px; 
	}
	
.pagemenu {
	background-color: white; 
	}
 	  
.redirect {
	background: #555555 url(../ags_imagelogo/fond_logo_anatole.jpg) fixed no-repeat 200px 50px;
	}
	
.menu {
	text-align:center;
	/*font-size:1.2em;*/
	background-color:white;
	color: navy;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#333333;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#333333;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#EEEEEE;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#EEEEEE;
	} 

.titre {
	text-align:left;
	font-size:1.2em;
	background:#555555 url(../ags_imagelogo/fond_page.jpg) fixed no-repeat 200px 50px;
	color:white;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#333333;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#333333;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#EEEEEE;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#EEEEEE;
	}

.cadre{
	background-color:white;
	text-align:center;	
	border:solid 1px black;
	padding:5pt;}
	
.photo{
	width:100%;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#333333;
	}
	
.calque { 
	 z-index: 2;  
	 position: absolute;
	 top:200px;
	 left:30px;   
	 }
	 
.calque_2 { 
	z-index: 2;  
	position: absolute;
	top:0px;
	left:0px; 
	/*filter:alpha(opacity=90);
	opacity:0.9;*/  
	}
	
.droite {
	text-align:right;
	} 
	
.gauche{
	text-align:left;
	}

.centre {
	text-align:center;
	}

.youpitralala{
	filter:alpha(opacity=5);
	opacity:0.05;
	z-index:3;
	position: absolute;
	top:0px;
	left:0px; 
	width:100%;
	height:100%;
	}
	 
/* Définition des classes pour les tableaux de données à fond blanc */ 

.bulle_450{
	background-color:#E5B85A; 
	width:450px; 
	text-align:left; 
	border-left:black solid 1px; 
	border-right:black solid 1px; 
	border-top:black solid 1px;
 	}
 
.blanc_centre{
	background:#F7FA9C url(../ags_imagelogo/fond_tableau_blanc.jpg) fixed no-repeat 200px 50px;
	text-align:center;
	border:solid black 1px;
	}
	
.blanc_droite{
	background:#F7FA9C url(../ags_imagelogo/fond_tableau_blanc.jpg) fixed no-repeat 200px 50px;
	text-align:right;
	border:solid black 1px;
	}
	
.blanc_gauche{
	background:#F7FA9C url(../ags_imagelogo/fond_tableau_blanc.jpg) fixed no-repeat 200px 50px;
	text-align:left;
	border:solid black 1px;
	}
	
.tableau_donnee{ 
	width:90%; 	
	border:solid black 1px;
	background:#E5B85A url(../ags_imagelogo/fond_tableau_donnee.jpg) fixed no-repeat 200px 50px;
	}
	
.tableau_donnee_75{ 
	width:600px; 	
	border:solid black 1px;
	background:#E5B85A url(../ags_imagelogo/fond_tableau_donnee.jpg) fixed no-repeat 200px 50px;
	} 

.tableau_donnee_100{ 
	width:800px; 	
	border:solid black 1px;
	background:#E5B85A url(../ags_imagelogo/fond_tableau_donnee.jpg) fixed no-repeat 200px 50px;
	}

.tableau_texte {
	width:90%;
	/*filter:alpha(opacity=99);
	opacity:0.99;*/
	background:#F7DA7C url(../ags_imagelogo/fond_tableau_texte.jpg) fixed no-repeat 200px 50px;
	text-align:left;
	vertical-align:bottom; 
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#EEEEEE;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#EEEEEE; 
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#333333;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#333333;
	} 
 
/* Définition des classes pour les tablatures, partitions et grilles */

.doigte_tablature{
	font-family:arial;
	font-size:8pt;
	line-height: 2.5em; 
	padding: 0px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:0px;
	word-spacing:0px;
	}
	
.tablature{	
	font-family:arial;
	font-size:8pt;
	line-height: 1em; 
	padding: 0px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:0px;
	word-spacing:0px;
	}
	
.fin_de_mesure_tablature{
	border-right: 0.1em solid black;
	font-family:arial;
	font-size:8pt;
	line-height: 1em; 
	padding: 0px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:0px;
	word-spacing:0px;
	}	
	
.grille {
	background-color:white;
	text-align:center;
	font-family:Arial;
	font-size:2em;
	vertical-align:middle;
	padding:0;
	height:60px;
	width:80px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:black;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:black;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:black;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:black;
	}
 
/* Définition des classes pour les images */

	
.vignetv{
	height:90px;
	width:68px;
	background-color:white;
	text-align:center;	
	border-style:outset;
	border-width:1pt;
	border-color:black;
	padding:3pt;} 
	
.vigneth{
	height:68px;
	width:90px;
	background-color:white;
	text-align:center;	
	border-style:outset;
	border-width:1pt;
	border-color:black;
	padding:3pt;} 

/* specifique cours en ligne*/
	
.fond_noir{
	text-align:center;
	vertical-align:middle;
	background-color:black;
	color:white;
	width:6.25%;
	}
	
/* Définiton des classes pour le manche de guitare */

.manche{
	color:white;
	text-align:right;	
	border-bottom-style:none;
	border-right-style:solid;
	border-right-width:2pt;
	border-right-color:#A37419;
	border-top-style:none;
	border-left-style:none;	
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	}

.sylet{
	color:white;
	text-align:right;
	border-bottom-style:none;
	border-right-style:solid;
	border-right-width:6pt;
	border-right-color:#FFFFAA;
	border-top-style:none;
	border-left-style:none;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:0px;
	}	
	
.sylet_gaucher{
	color:white;
	text-align:left;
	border-bottom-style:none;
	border-left-style:solid;
	border-left-width:6pt;
	border-left-color:#FFFFAA;
	border-top-style:none;
	border-right-style:none;
	padding-left:3px;
	padding-top:0px;
	padding-bottom:0px;
	}

.manche_gaucher{
	color:white;
	text-align:left;	
	border-bottom-style:none;
	border-left-style:solid;
	border-left-width:2pt;
	border-left-color:#A37419;
	border-top-style:none;
	border-right-style:none;
	padding-left:3px;
	padding-top:0px;
	padding-bottom:0px;
	}	
 
.points{
	background-image:url(../ags_eel/ags_imagecours_eel/image_cours_general/manche_guitare/manche.gif);
	text-align:center;
	border:none;
	font-size:24pt;
	line-height:10px;
	color:white;
	}
	
.fond_manche{
	width:100%;
	background:url(../ags_eel/ags_imagecours_eel/image_cours_general/manche_guitare/manche_anatole.gif);
	}
	
/* Définition des classes pour le piano */	

.piano{
	font-family: verdana; 
	font-size: 7pt;
	text-align:center;
	border:none;
	vertical-align:middle;
	padding:0;
	}
		
.touche_blanche{
	text-align:center;
	background-color:white;
	border-style:none;
	vertical-align:middle;
	padding:0;
	}
	
.touche_noire{
	text-align:center; 
	background-color:black;
	border:solid white 1px;
	vertical-align:middle;
	padding:0;
	} 

.touche_demi_ton{
	text-align:center;
	background-color:white;
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:gray;
	border-bottom-style:none;
	border-top-style:none;
	border-left-style:none;
	vertical-align:middle;
	padding:0;	
	}
		
.touche_blanche_tabla{
	width:20px; 
	color:black;
	text-align:center;
	background-color:white;
	border-top:solid black 1px;
	border-bottom:solid black 1px;
	vertical-align:middle;
	padding:0;
	}
	
.touche_noire_tabla{ 
	width:20px;
	color:black;
	text-align:center; 
	background-color:#AAAAAA;
	border-style:none;
	vertical-align:middle;
	padding:0;
	} 
	
/* définition des classes pour les pages d'EXO et de CORRIGE */

.demo{background-color:#BBBBEE;}
	
.exo{background-color:#BBEEBB;}

.resultat{background-color:green;}