/* 	POLYPHONIES
	©2010 POLYPHONIES
	JOELLE KUCZYNSKI
*/

/* 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 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #669;
}


.bouton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	padding-bottom: 5px;
}
.bouton a:link {
	color: #000;
}
.bouton a:visited {
	color: #000;
}
.bouton a:hover {
	color: #ccccff;
	text-decoration: none;
}

#menu1:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_1.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu2:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu3:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_3.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu4:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_4.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu5:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_5.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu6:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_6.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu7:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_7.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu8:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_8.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu9:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_9.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu10:hover {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_10.png);
	background-repeat: no-repeat;
	background-position: center top;
}


.active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9999FF;
	background-color: #669;
	padding-bottom: 10px;
}
.active a:link {
	color: #9999cc;
}
.active a:visited {
	color: #9999cc;
}
.active a:hover{
	color: #9999cc;
	text-decoration: none;
}

#menu1_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_1.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu2_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu3_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_3.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu4_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_4.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu5_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_5.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu6_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_6.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu7_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_7.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu8_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_8.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu9_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_9.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu10_active {
	background-color: #666699;
	background-image: url(elements/images/img_pages/menu_10.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/* 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;
}

/* 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;
}
