a.glink:active { color: #CC0000;  font-size: 11px; font-weight: bold; text-decoration: underline}
a.glink:hover { color: #990000;  font-size: 11px; font-weight: bold; text-decoration: underline}
a.glink:link { color: #000000;  font-size: 11px; font-weight: bold; text-decoration: none}
a.glink:visited { color: #333333;  font-size: 11px; font-weight: bold; text-decoration: none}
a.dlink:active { color: #CC0000; text-decoration: underline;  font-size: 12px; font-weight: bold}
a.dlink:hover { color: #504780; text-decoration: none;  font-size: 12px; font-weight: bold}
a.dlink:link { color: black; text-decoration: none;  font-size: 12px; font-weight: bold}
a.dlink:visited { color: #504780; text-decoration: none ;  font-size: 12px; font-weight: bold}
a.vilink:active { color: #CC0000; text-decoration: underline;  font-size: 12px; font-weight: bold}
a.vilink:hover {	color: #000000;	text-decoration: none;		font-size: 12px;	font-weight: bold}
a.vilink:link {color: black; text-decoration: none;  font-size: 12px; font-weight: bold}
a.vilink:visited {color: #A52A2A;	text-decoration: none ;		font-size: 12px;font-weight: bold}
a.navlink:active { color: #CC0000; text-decoration: underline;  font-size: 12px; font-weight: bold}
a.navlink:hover {color: #000000;text-decoration: none;		font-size: 12px;font-weight: bold}
a.navlink:link { color: #504780; text-decoration: none;  font-size: 12px; font-weight: bold}
a.navlink:visited {	color: Gray;text-decoration: none ;font-size: 12px;font-weight: bold}
.reslink a:hover {color: #7F3000;text-decoration: none;		font-size : 11px;}
.reslink a:link { color: #999900; text-decoration: none; font-size : 11px;}
.reslink a:visited {	color: #999900;text-decoration: none ;font-size : 11px;}
li.glist {line-height : 16px;list-style-image : url("puce.gif");vertical-align : super}
li.dlist {list-style-image : url("puced.gif");margin-left : 16px;vertical-align : super}
li.translist {list-style-image : url("pix.gif");margin-left : 16px;vertical-align : super}
body {color:#6b6b6b;font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans serif;font-size : 11px;}
td  {font-size : 11px}
.titre {font-size : 11px;font-variant : small-caps;font-weight : bold}
h3 {font-size : 16px;font-weight : bold;color : #9c3a75}
h4 {font-size : 14px;font-variant : small-caps;font-weight : bold;color : #9c3a75}
h5 {font-size : 15px;font-weight : bold;color : #ffffff;}
.user {font-size : 10px;font-variant :normal;font-weight : bold;color : #FFFFFF;}
.ml {font-size : 10px;font-variant :normal;font-weight : bold;color : #504780;}
.comment {font-size : 13px;font-variant :normal;font-weight : normal;color : #000000;}
a.mllink:active { color: #CC0000;  font-size: 10px; font-weight: bold; text-decoration: underline}
a.mllink:hover { color: #990000;  font-size: 10px; font-weight: bold; text-decoration: none}
a.mllink:link { color: #000000;  font-size: 10px; font-weight: bold; text-decoration: underline}
a.mllink:visited { color: #333333;  font-size: 10px; font-weight: bold; text-decoration: none}
#overt {font-size: 9pt;font-weight: bold;}
#overc {font-size: 8pt;}
a {
color:#bc428c;
text-decoration:  none;
 }
a:hover {
color:#511b2d;
text-decoration:  none; 
}

 .block1 { width:300px;
     height: 300px;
	 margin-top:30px;
	 padding-left:30px;
	 float:left;
      }
	   .block2 { width:300px;
     height: 300px;
	 margin-top:30px;
	 padding-left:30px;
	 float:right;
      }
.alt {font-size: 11px;  border-bottom-style: dashed; border-bottom-color: #000099; text-decoration: none; border-bottom-width: 1px; }
#titre_page {
text-align:left;
}

span.bord-select {
  display: block;
  width: 400px;
  border: 1px solid #d2d2d2;
}
select.repertoire {
  width: 400px;
  background: #FBFCF6;
  border: 2px solid transparent;
}
input.repertoire {
  width: 400px;
  background: #FBFCF6;
  border: 2px solid transparent;
}
input.bouton {
text-align:center;
width: auto;
background: #fff;
cursor:pointer;
}
input.newsletter {
  width: 100px;
  color:#3B2F6C;
  background: #FBFCF6;
  border: 1px solid transparent;
}
span.bord-select_newsletter {
  display: block;
  width: 100px;
  border: 1px solid #d2d2d2;
}

#pagetitre{
float:left;
margin-left:0px;
font-weight:bold;
color:#504780;
font-size:1.3em;
letter-spacing:1px;
}

#bandeau_gtitre{
position:relative;
width:auto;
height:50px;
}

.gtitre {
width:auto;
float:left;
font-size:14px;
color:#3B2F6C;
height:50px;
background: url(http://illettrisme.org/img/titre_main_left.png) no-repeat;
}

.bottomtext{
padding-left:50px;
padding-top:32px;
}

.fingtitre{
float:left;
height:50px;
width:333px;
background: url(http://illettrisme.org/img/titre_main_right.png) no-repeat bottom left;
}

#bandeau_stitre{
position:relative;
height:18px;
width:400px;
}

.stitre {
float:left;
font-weight:bold;
font-size:13px;
color:#3B2F6C;
padding-left:42px;
background: url(http://illettrisme.org/img/stitre_bande_left.png) no-repeat;
}

.finstitre{
float:left;
font-size:11px;
text-align:center;
color:#808080;
height:18px;
width:164px;
background: url(http://illettrisme.org/img/stitre_bande_right.png) no-repeat bottom left;
}
.classement ul {
list-style: none;
margin-left:45px;
}
li.titreclassement  {
list-style-image: url(http://www.illettrisme.org/images/stories/arrow.png);
font-weight:bold;
color:#bc428c;
}
li.classement  {
list-style: none;
font-size:11px;
height:20px;
padding:4px;
margin-left:13px;
}

#cote {
font-size:10px;
color: #000;
}