BODY {
background-color: #312C32;  background-attachment: fixed;
scrollbar-face-color: #7B0D13; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FCCE55;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #000000; 
scrollbar-arrow-color: #FFFFFF;
topmargin:0;
marginheight:0;
leftmargin:0;
rightmargin:0;
}

a:link {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 11px; font-weight:bold;} 
a:visited {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 11px; font-weight:bold;}
a:active {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 11px; font-weight:bold;}
A:hover {color: #CD5C5C; text-decoration: underline; font-family: verdana; font-size: 11px; font-weight:bold;}

a.contact:link {color:#000000; text-decoration: none; font-family: verdana; font-size: 10px; font-weight:bold;} 
a.contact:visited {color:#000000; text-decoration: none; font-family: verdana; font-size: 10px; font-weight:bold;}
a.contact:active {color:#000000; text-decoration: none; font-family: verdana; font-size: 10px; font-weight:bold;}
A.contact:hover {color: #D2B48C; text-decoration: underline; font-family: verdana; font-size: 10px; font-weight:bold;}

a.copy:link {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 10px; font-weight:bold;} 
a.copy:visited {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 10px; font-weight:bold;}
a.copy:active {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 10px; font-weight:bold;}
A.copy:hover {color: #D2B48C; text-decoration: underline; font-family: verdana; font-size: 10px; font-weight:bold;}

a.liste:link {color:#DC143C; text-decoration: none; font-family: verdana; font-size: 9px; font-weight:bold;} 
a.liste:visited {color:#DC143C; text-decoration: none; font-family: verdana; font-size: 9px; font-weight:bold;}
a.liste:active {color:#DC143C; text-decoration: none; font-family: verdana; font-size: 9px; font-weight:bold;}
A.liste:hover {color: #D2B48C; text-decoration: underline; font-family: verdana; font-size: 9px; font-weight:bold;}

a.menub:link {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 9px; font-weight:bold;} 
a.menub:visited {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 9px; font-weight:bold;}
a.menub:active {color:#FCCE55; text-decoration: none; font-family: verdana; font-size: 9px; font-weight:bold;}
A.menub:hover {color: #7B0D13; text-decoration: underline; font-family: verdana; font-size: 9px; font-weight:bold;}

INPUT.button {color: #ffffff; font-weight: none; background-color:#7B0D13; border: 1 solid #000000}
INPUT.radio {color: #ffffff; font-weight: none; border:0}
INPUT {font-family: Verdana; font-size:10px; border: 1 solid #7B0D13}
TEXTAREA {font-family: Verdana; font-size:10px; border: 1 solid #7B0D13}
li.playlist {list-style-image: url(./graphisme/son.gif);}
li.plan {list-style-image: url(./graphisme/losange.gif);}

UL {padding-left:30px; margin: 0px; padding-bottom:05px}

#image
{
	position: static;
	margin: 0px;
	padding:0px;
	border: #B22222 1px solid;	
	}

#imagesophie
{
	position: static;
	margin: 20px;
	padding:0px;
	border: #B22222 1px solid;	
}	
	
#imagestud
{
	position: static;
	margin: 2px;
	padding:0px;
	border: #B22222 1px solid;	
	}	
	
/* Playlist CDS */	
#playlistcds {
	background: #312A2F;
	position: static;
	margin: 0px;
	padding: 0px;
	width: 188px;
	height: 200px;
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: none; 
	text-align:left;
	border: #908E90 1px solid;
	}

/* Playlist SOPHIE */	
#playlists {
	background: #312A2F;
	position: static;
	margin: 0px;
	padding: 0px;
	width: 188px;
	height: 210px;
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: none; 
	text-align:left;
	border: #908E90 1px solid;
	}

/* Playlist RICHARD */	
#playlistr { 
	background: #312A2F;
	position: static;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 280px;
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: none; 
	text-align:left;
	border: #908E90 1px solid;
	}	

/* Playlist A la carte */	
#playlistcarte { 
	background: #312A2F;
	position: static;
	margin: 10px;
	padding: 0px;
	width: 188px;
	height: 260px;
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: none; 
	text-align:left;
	border: #908E90 1px solid;
	}		
	
/* Playlist Titre */	
#titreplay {
	background: #312A2F url(graphisme/onde.gif);
	position: static;
	margin: 0px;
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom:0px;
	width: 186px;
	height: 73px;
	border: #908E90 0px solid;	
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 16px; 
	font-style: normal; 
	font-weight: bold; 
	text-align:left;
	}	
	
#tableau
{
	position: absolute;
	margin: 0px;
	top: 10%;
	left:12%;
	padding:0px;
	width: 780px;
	height: 440px;
	}
	
#microcentre {
	background: #7B0D13 url(graphisme/gauche_micro.jpg);
	position: absolute;
	top: 90px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 152px;
	height: 331px;
	border-left: #fff 1px solid;
	}

#microhaut {
	background: #7B0D13 url(graphisme/haut_micro.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 152px;
	height: 90px;
	border-left: #fff 1px solid;
	border-top: #fff 1px solid;
	}

#fond {
	background: #000 url(graphisme/fond.jpg);
	position: absolute;
	top: 90px;
	left: 152px;
	margin: 0px;
	padding: 0px;
	width: 628px;
	height: 331px;
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: none; 
	text-align:left;
	border-right: #fff 1px solid;
	}	

#menuhaut {
	background: #7B0D13 url(graphisme/bandeau_haut.jpg);
	position: absolute;
	top: 0px;
	left: 152px;
	margin: 0px;
	padding: 0px;
	width: 628px;
	height: 90px;
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
	}	
	
#basgauche {
	background: #CB7852 url(graphisme/gauche_bas.jpg);
	position: absolute;
	top: 421px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 152px;
	height: 19px;
	border-left: #fff 1px solid;
	border-bottom: #fff 1px solid;
	}		
	
#bas {
	background: #CB7852;
	position: absolute;
	top: 421px;
	left: 152px;
	margin: 0px;
	padding: 0px;
	width: 628px;
	height: 19px;
	border-bottom: #fff 1px solid;
	border-right: #fff 1px solid;
	}
	
/* Menu Bas page accueil */		
#menub {
	position: static;
	margin-top: 2px;
	margin-right: 10px;
	padding: 2px;
	border: #fff 0px solid;
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: none; 
	text-align:left;
	}		

/* Tableau du lexique */	
#lexique
 {
	position: static;
	margin-top: 2px;
	margin-right: 10px;
	padding: 2px;
	border: #7B0D13 1px solid;
	color: #FFFFFF; 
	font-family:  verdana; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: none; 
	text-align:left;
	}	
	
/* Bande copyright*/	
#copy
 {
 	background-color:#7B0D13;
	position: static;
	margin-top: 2px;
	margin-right: 10px;
	padding: 2px;
	border: #7B0D13 1px solid;
	}		
	
.contact {color: #000000; font-family:  arial; font-size: 8px; font-style: normal; font-weight: bold; text-align: right}
.standard {color: #FFFFFF; font-family:  verdana; font-size: 11px; font-style: normal; font-weight: normal; text-align: justify; padding-right:5px; padding-left:5px;}
.alerte {color: #FF0000; font-family:  verdana; font-size: 11px; font-style: normal; font-weight: bold; text-align: none}
.sstitre {color: #D2B48C; font-family:  arial; font-size: 12px; font-style: normal; font-weight: normal; text-align: none}
.titre {color: #D2B48C; font-family:arial; font-size: 15px; font-weight: normal; text-align:center}
.accueil {color: #D2B48C; font-family:  arial; font-size: 15px; font-style: normal; font-weight: bold; text-align: left}
.titreplan {color: #D2B48C; font-family:  arial; font-size: 13px; font-style: normal; font-weight: bold; text-align: left}
.poeme {color: #FFFFFF; font-family:  Monotype Corsiva, Verdana, Arial; font-size: 11pt; font-style: normal; font-weight: normal; text-align: none}
.fermer {color: #FFFFFF; font-family:  Verdana, Arial; font-size: 9px; font-style: normal; font-weight: normal; text-align: center}
.playlist {color: #FFFFFF; font-family:  verdana; font-size: 10px; font-style: normal; font-weight: normal; text-align: none}
.infobulle {color: #FFFFFF; font-family:  verdana; font-size: 12px; font-style: normal; font-weight: bold; text-align: none}
.txtinfo {color: #FFFFFF; font-family:  verdana; font-size: 10px; font-style: normal; font-weight: normal; text-align: none}
.asterix {color: #FFFFFF; font-family:  Verdana, Arial; font-size: 9px; font-style: normal; font-weight: normal; text-align: none}
.petitbr {font-family:  Verdana, Arial; font-size: 5px; font-style: normal; font-weight: normal; text-align: none}

TD,P,B,INPUT,DIV{font-family:arial,helvetica; font-size:12px}
/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:130; height:25; cursor:pointer; cursor:hand}
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
.clT{color:white; }   
.clTover{color:#FCCE55;}
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
.clS2,.clS2over{padding:2px; font-size:11px;}
.clS,.clS2{color:white; background-color:#7B0D13; layer-background-color:#7B0D13;}
.clSover,.clS2over{color:#FCCE55;}
.clSover,.clS2over,.clTover,.clB,.clBar{layer-background-color:#7B0D13; background-color:#7B0D13;}
.clB{position:absolute; visibility:hidden; z-index:300}
.clBar{position:absolute; width:10; height:10; visibility:hidden; }