/* POLYPHONIES
©2010 POLYPHONIES
JOELLE KUCZYNSKI
*/
body{
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
margin:0;
}
/* LIENS */
/* Lien non-visité */
a:link {
text-decoration: none;
}
/* Lien visité */
a:visited {
text-decoration: none;
}
/* Lien au survol */
a:hover {
text-decoration: none;
}
/* Lien au clic */
a:active {
text-decoration: none;
}
/*MENU */
.barremenu{
height:50px;
}
.barremenu a{
font-size:10px;
display:block;
height:10px;
padding:30px 0 9px 0;
border-bottom: 1px solid #669;
}
.bouton a {
color: #000;
background-color:#99c;
background-repeat: no-repeat;
background-position: center top;
}
.bouton a:visited {
color: #000;
}
.bouton a:hover {
color: #bfbfdf;
text-decoration: none;
}
#menu1 a:hover, #menu1.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_1.png");
}
#menu2 a:hover, #menu2.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_2.png");
}
#menu3 a:hover, #menu3.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_3.png");
}
#menu4 a:hover, #menu4.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_4.png");
}
#menu5 a:hover {
background-color: #FF533B;
border-bottom: 1px solid #FF533B;
}
#menu6 a:hover, #menu6.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_6.png");
}
#menu7 a:hover, #menu7.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_7.png");
}
#menu8 a:hover, #menu8.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_8.png");
}
#menu9 a:hover, #menu9.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_9.png");
}
#menu10 a:hover, #menu10.active a {
background-color: #666699;
background-image: url("http://www.polyphonies.eu/elements/images/img_pages/menu_10.png");
}
.active{
font-size:10px;
background-color: #669;
}
.active a {
color: #BFBFDF;
background-repeat:no-repeat;
background-position: center top;}
.active a:visited {
color: #BFBFDF;
}
.active a:hover{
color: #BFBFDF;
text-decoration: none;
}
#menu5 a:hover{
color:#FFF;
}
/* COLONNE CENTRALE */
.colonne_centrale {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background-position: bottom right;
background-repeat: no-repeat;
; text-align: justify
}
.colonne_centrale a:link {
color: #9900ff;
}
.colonne_centrale a:hover {
text-decoration: underline;
}
.navigation {
color: #9999CC;
;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt
; font-style: normal; text-transform: uppercase; background-repeat: no-repeat
}
.titre {
font-size: 20px;
}
h1 {
font-size: 15pt;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h2 {
font-size: 14pt;
color: #CC66CC;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h3 {
font-size: 13pt;
color: #9999CC;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h4 {
font-size: 10pt;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: gras;
text-transform: uppercase
}
/* Clé de sol */
.cle_de_sol {
background-image: url(/elements/images/img_pages/cle_sol.png);
}
.barre_reprise {
background-image: url(/elements/images/img_pages/barre_reprise.png);
}
.cle_fa {
background-image: url(/elements/images/img_pages/cle_fa.png);
}
.clefut {
background-image: url(/elements/images/img_pages/clefut.png);
}
.mezzoforte {
background-image: url(/elements/images/img_pages/mezzoforte.png);
}
.mezzopiano {
background-image: url(/elements/images/img_pages/mezzopiano.png);
}
triplesoupir{
background-image: url(elements/images/img_pages/triplesoupir.gif);
}
/* COLONNE DROITE */
.colonne_droite_a {
width: 50px;
}
.colonne_droite_b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
width: 200px;
}
/* Couleurs de la colonne */
.couleur_1a {
background-color: #ABE0B5;
}
.couleur_1b {
background-color: #90EE90;
}
.couleur_1b a:link {
color: #000;
}
.couleur_1b a:visited {
color: #000;
}
.couleur_1b a:hover {
color: #393;
}
.couleur_violet_1a {
background-color: #CA9EFA;
}
.couleur_violet_1b {
background-color: #BB66B9;
}
.couleur_violet_1b a:link {
color: #000;
}
.couleur_violet_1b a:visited {
color: #000;
}
.couleur_violet_1b a:hover {
color: #903;
}.croches { background-image: url(/elements/images/img_pages/croches.png)}
/* Messages */
.message {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid;
font-size: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 28px;
background-repeat: no-repeat;
background-position: 5px 5px;
}
.warning {
background-color: #C10000;
color: #FFFFFF;
border-color: #710000;
background-image: url(http://www.polyphonies.fr/images/icon_warning.png);
}
.success {
background-color: #90EE90;
color: #FFFFFF;
background-image: url(http://www.polyphonies.fr/images/icon_ok.png);
border-top-color: #ABE0B5;
border-right-color: #ABE0B5;
border-bottom-color: #ABE0B5;
border-left-color: #ABE0B5;
}
.confirm {
background-color: #0099FF;
color: #FFFFFF;
background-image: url(http://www.polyphonies.fr/images/icon_confirm.png);
border-color: #0066CC;
}
/* SONDAGE */
.sondage_titre {
font-family: Verdana, Geneva, sans-serif;
font-size: 36px;
}
.sondage_nouveau {
background: #FFFFF0;
font-weight: bold;
font-variant: small-caps;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}
.sondage_nouveau:link {
color: #000;
}
.sondage_nouveau:hover {
background: #FF8000;
}
.sondage_nouveau:visited {
color: #000;
}
.sondage_vu {
background: #F0FFFF;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
.sondage_vu a {
color: #000;
}
.sondage_vu:hover {
background: #9FF;
}
.sondage_vu:visited {
color: #000;
}
.sondage_corps {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.sondage_question1 {
font-size: 18px;
font-weight: bold;
}
.sondage_question2 {
font-size: 14px;
font-weight: bold;
}
.sondage_no {
font-style: italic;
font-size: 10px;
color: #666;
}