/* CSS Document */



img.preload { display: none; }


.p10{
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
line-height: normal;
}

.p12{
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
line-height: normal;
}

.p14{
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
color: #000000;
line-height: normal;
}

.p16{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
color: #000000;
line-height: normal;
}


.p16I{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: italic;
color: #000000;
line-height: normal;
}

.p20{
font-family: Verdana, sans-serif;
font-size: 20px;
font-style: normal;
color: #000000;
line-height: normal;
}

.p20I{
font-family: Verdana, sans-serif;
font-size: 20px;
font-style: italic;
color: #000000;
line-height: normal;
}

.p24{
font-family: Verdana, sans-serif;
font-size: 24px;
font-style: normal;
color: #000000;
line-height: normal;
}

.p24I{
font-family: Verdana, sans-serif;
font-size: 24px;
font-style: italic;
color: #000000;
line-height: normal;
}

.p32{
font-family: Verdana, sans-serif;
font-size: 32px;
font-style: normal;
color: #000000;
line-height: normal;
}


.Gtitreintro{
   font-family: "Monotype Corsiva", "Times New Roman", Verdana, sans-serif;
   font-size: 48px;
   font-style: italic;
   font-weight: bold;
   color: #000099;
   line-height: normal;
}


.GtitreP2{
   font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
   font-size: 48px;
   font-style: italic;
   font-weight: bold;
   color: #000099;
   line-height: normal;
}


.jolitextebleu{
font-family: "Times New Roman", Verdana, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: bold;
color: #0000FF;
line-height: normal;
}


.note{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
}


.PtitreP2{
   font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
   font-size: 32px;
   font-weight: bold;
   color: #000099;
   line-height: normal;
}


.textebleu{
	font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}


.texteintro2{
font-family: "Times New Roman", Verdana, sans-serif;
   font-size: 20px;
   font-weight: bold;
   font-style: italic;
   color: #000099;
   line-height: normal;
}

.survolez{
	font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	display: block;
	line-height: 26px;
	text-align: center;
        valign: center;
}



/* Liens */


.ABDLN{
	display: block;
	width: 550px;
	line-height: 550px;
	background-image: url(Mamusique/P2-ABN.JPG);
	text-align: center;}
.ABDLN:hover {
	background-image: url(Mamusique/argumentABN.PNG);
}


a.liennote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
a.liennote:hover {
	color: #FF00FF;
}


.Menu2{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #2040A0;
	text-decoration: none;
	text-align: center;
        line-height: normal;
}
.Menu2:visited {
	color: #2040A0;
}
.Menu2:hover {
	color: #FF00FF;
}




.Menu3{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #2040A0;
	text-decoration: none;
	text-align: center;
        line-height: normal;
}
.Menu3:visited {
	color: #2040A0;
}
.Menu3:hover {
	color: #FF00FF;
}



.Menu4{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #2040A0;
	text-decoration: none;
	text-align: center;
        line-height: normal;
}
.Menu4:visited {
	color: #2040A0;
}
.Menu4:hover {
	color: #FF00FF;
}


.navigintro{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 140px;
	line-height: 35px;
	background-image: url(images/buttons/boutonintro.gif);
	text-align: center;}
.navigintro:hover {
	color: #FFFF00;
	background-image: url(images/buttons/boutonintrohover.gif);
}

.navigintroG{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 180px;
	line-height: 45px;
	background-image: url(images/buttons/boutonintroG.gif);
	text-align: center;}
.navigintroG:hover {
	color: #FFFF00;
	background-image: url(images/buttons/boutonintroGhover.gif);
}


a.retour{
	display: block;
	width: 75px;
	line-height: 75px;
	background-image: url(images/Px-retour.jpg);
}
a.retour:hover{
	background-image: url(images/Px-retourH.jpg);
}



/* INTRO */

.boutonfiche{
	font-family: "Arial";
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	display: block;
	padding: 8px;
	width: 100px;
	line-height: 15px;
	background-image: url(images/buttons/boutonintro.gif);
	text-align: center;
}
.boutonfiche:hover {
	color: #FFFF00;
	background-image: url(images/buttons/boutonintrohover.gif);
}


.boutonsuivant{
	display: block;
	width: 72px;
	line-height: 20px;
	background-image: url(images/suivant.gif)
}


.boutonsuivant:hover{
	background-image: url(images/suivantH.gif)
}


.boutonprecedent{
	display: block;
	width: 94px;
	line-height: 20px;
	background-image: url(images/precedent.gif)
}


.boutonprecedent:hover{
	background-image: url(images/precedentH.gif)
}


.boutonhaut{
	display: block;
	width: 54px;
	line-height: 45px;
	background-image: url(images/page-haut.gif)
}


.boutonhaut:hover{
	background-image: url(images/page-hautH.gif)
}

.fiche{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
        font-style: italic;
	font-weight: bold;
	line-height: normal;
	color: #000099;
}


.Lien{
	color: #000099;
}

.Lien:hover{
	color: #FF0080;
}


.Soustitre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
        font-style: normal;
	font-weight: bold;
	color: #000080;
	line-height: normal;
}


.textevert{
color: #008000;
}


.Titre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #0A6085;
	line-height: normal;
}


#pos15{
position:relative;top:-15px;
}


.graphic a,
.graphic a.sm2_link {
 padding:3px 3px 3px 30px;
 text-decoration:none;
 color:#008000;
}


.graphic a,
.graphic a.sm2_paused:hover,
.graphic a.sm2_link:hover {
 background-image:url(./images/but_play.gif);
 background-position: 3px 50%;
 background-repeat:no-repeat;
 color:#00E000;
}


.graphic a.sm2_playing,
.graphic a.sm2_playing:hover {
 background: url(./images/but_pause.gif) no-repeat 3px 50%;
 text-decoration:none;
}