/* CSS Document */

img.preload { display: none; }


.textenewlook
{
font-family:"Monotype Corsiva", "Times New Roman", sans-serif;
font-size: 28px;
font-style: italic;
font-weight: normal;
color: #000066;'
}


p{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: normal;
padding: 3px;
}


.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;
}


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


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





.jolitexte{
font-family: "Times New Roman", Verdana, sans-serif;
font-size: 20px;
font-style: italic;
color: #000000;
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;
}

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

.tableintro{
font-family: "Monotype Corsiva",  "Times New Roman", Verdana, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
color: #2040A0;
text-decoration: none;
line-height: normal;
}



.accueilgoogle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	text-align: center;
}



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

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

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

a.lien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 200px;
	line-height: 45px;
	background-image: url(images/Accueil-lienT.gif);
	text-align: center;
}


a.lien:hover{
	
	color: #FF00FF;
}

a.liensites{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 200px;
	line-height: 45px;
	background-image: url(images/lienmusicalT.gif);
	text-align: center;
}


a.liensites:hover{
	
	color: #FF00FF;
}





a.lienbleu{
	font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	text-align: center;
}


a.lienbleu:hover{
	
	color: #AA0000;
}





a.contact{
	font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 178px;
	line-height: 36px;
	background-image: url(images/Accueil-bouton-contactm.gif);
	text-align: center;
}


a.contact:hover{
	
	color: #AA0000;
}



a.mamusique{
	font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 210px;
	line-height: 77px;
	background-image: url(images/notes.gif);
	text-align: center;
}


a.mamusique:hover{
	
	background-image: url(images/notesH.gif);
	color: #000099;
}

a.intro{
	font-family: "Monotype Corsiva", "Times New Roman", sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 210px;
	line-height: 160px;
	background-image: url(images/Compositeurs.gif);
	text-align: center;
}


a.intro:hover{
}

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);
}

a.lientexte{

        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	display: block;
	width: 575px;
	line-height: 95px;
	background-image: url(images/liens/P5-liens.gif);
	text-align: center;}

a.lientexte:hover {
	color: #A000FF;
}


.navigtitres{
	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;
	padding: 0 px;
	width: 330px;
	line-height: 32px;
	text-indent: 40px;
	background-image: url(images/P2-1-2-bouton%20vide.gif);
}


.navigtitres:hover {
	color: #FF00FF;
}


.navigtitresvide{
	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;
	padding: 8 px;
	width: 330px;
	line-height: 32px;
	text-indent: 40px;
}


.navigtitresvide:hover {
	
}

.boutonmusique{

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

.boutonmusique:hover {
	color: #FFFF00;
	background-image: url(images/buttons/boutonmusiquehoverP.gif);
}


.boutonretour{

        font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	text-align: right;}

.boutonretour:hover {
	color: #FFFF00;
}




.lienintro0{
	font-family: "Arial";
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #0000CC;
	text-decoration: none;
	display: block;
	width: 82px;
	line-height: 60px;
	background-image: url(images/buttons/livre.gif);
	text-align: center;
}

.lienintro0:hover {
	color: #FF00FF;
}

.lienintro1{
	font-family: "Arial";
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #0000CC;
	text-decoration: none;
	display: block;
	width: 160px;
	line-height: 60px;
	background-image: url(images/buttons/chrono.gif);
	text-align: center;
}



.lienintro1:hover {
	color: #FF00FF;
	background-image: url(images/buttons/chrono.gif);
}

.lienintro2{
	font-family: "Arial";
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #0000CC;
	text-decoration: none;
	display: block;
	width: 140px;
	line-height: 30px;
	background-image: url(images/buttons/partition.gif);
	text-align: center;
}

.lienintro2:hover {
	color: #FF00FF;
	background-image: url(images/buttons/partition.gif);
}

.lienintro3{
	font-family: "Arial";
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #0000CC;
	text-decoration: none;
	display: block;
	width: 120px;
	line-height: 60px;
	background-image: url(images/buttons/copiste.gif);
	text-align: center;
}

.lienintro3:hover {
	color: #FF00FF;
	background-image: url(images/buttons/copiste.gif);
}

.navigintro{

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

.navigintro:hover {
	color: #FFFF00;
	background-image: url(images/buttons/boutonintrohover.gif);
}


.musititres{
	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;
	width: 300px;
	line-height: 26px;
	text-align: left;
        valign: center;
}

.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;
}

.titrelien{
        position:relative;top:-15px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #00FFFF;
	text-decoration: none;
	display: block;
	width: 150px;
	line-height: 25px;
	background-image: url(images/buttons/boutonintrohover.gif);
	text-align: center;}


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

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

.ABDLN:hover {
	background-image: url(images/argumentABN.PNG);
}


a.lienliens{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2040A0;
	text-decoration: none;
	text-align: center;
}



.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;
}

.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;
}


.Menu{

        font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #2040A0;
	text-decoration: none;
	text-align: center;}
        line-height: normal;
}

.Menu:visited {
	color: #2040A0;
}
.Menu:hover {
	color: #FF00FF;
}

.Menu0{

        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;
}


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


.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;
}