body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	background-attachment: fixed;
/*	background-image: url(../../tfo/images/fondgris.gif);*/
	background-color:#c3c1b5;
	background-repeat: repeat;
	background-position: center top;
	margin-left: 20px;
	height: 14px;
}
a:link {
	text-decoration: none;
	border:0px;
}
a:visited {
	text-decoration: none;
	border:0px;
}
a:hover {
	text-decoration: none;
	border:0px;
	color:#FFCC00;
	font-size: 11px;
}
a:active {
	text-decoration: none;
	border:0px;
}
a img {
border: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
display: block
}
#vignettes a img {
padding:4px;
margin-left:5px;
}
.case1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #6D6F71;
	padding-left: 10px;
	line-height: 3mm;
}
.case1titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CB4D2C;
	padding-left: 10px;
}
.case2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #383838;
	padding-left: 0px;
	line-height: 4mm;
}
.case3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3D3D3D;
	padding-left: 0px;
	margin-right: 5px;
}
.casesuite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	font-style:italic;
	color: #EA9332;
	padding-left: 2px;
	line-height: 4mm;
}
.case1plus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #CC3333;
	font-weight: bold;
	line-height: 4mm;
}
.borderpoint {
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #3d3d3d;
}
.borderpoint2 {
	font-style: italic;
	font-weight: normal;
	letter-spacing: 4px;
	margin-right: 10px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #999999;
	clip: rect(auto,10px,auto,auto);
}
.menustyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	/* background-image: url(../images/bgmenustyle_31.gif);
	background-repeat: no-repeat; */
	background-position: left top;
	letter-spacing: 0px;
	vertical-align: middle;
	text-align: right;
	padding-right: 2px;
	line-height:90%;
}
.menustyle a:hover {
	text-decoration: none;
	color:#FFCC00;
	font-size: 9px;
	letter-spacing: 0px;
}
.mail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #6D6F71;
	padding-left: 6px;
	margin-right: 0px;
	border: none;
	vertical-align:middle;
	letter-spacing: 0px;
	background:none;
	
}
.mailnews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	padding-left: 5px;
	margin-right: 0px;
	border: none;
	vertical-align:middle;
	letter-spacing: 0px;
	background:none;
}
.btsubrecok {
 /* Nescape probleme*/
   width: 32px;
   height: 17px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(../../tfo/images/nav/recok.gif) no-repeat top left ;/* on place l'image en arrière plan */
   /* text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btsubrecok:hover {
   background-position: 0 -20px;/* On déplace l'image d'arrière plan pour donner l'effet */

}
.btsubnews {
   width: 44px;
   height: 20px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(../../tfo/images/nav/abo.jpg) no-repeat top left ;/
   cursor: pointer;
}
.btsubnews:hover {
   background-position: 0 -20px;/* On déplace l'image d'arrière plan pour donner l'effet */
}
.infobulle{
	position: absolute;	
	visibility : hidden;
	z-index:2;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}
.defil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	/* background-image: url(../images/bgmenustyle_31.gif);
	background-repeat: no-repeat; */
	letter-spacing: 2px;
	vertical-align: bottom;
	text-align: center;
	padding-right: 30px;
	background-color:#000000;
}
.page1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	line-height: 5mm;
	text-align: left;
	padding-left: 20px;
	padding-right: 32px;
	border-right: solid;
	border-right-width:1px;
	border-right-color: #CCCCCC;
}
.pagelien a{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cb4d2c;
	font-weight: bold;
	line-height: 5mm;
}
.pagelien a:hover{
color: #FF9933;
text-decoration: none;
font-size: 10px;
}
.chemin a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CB4D2C;
	font-weight: bold;
	text-align: left;

}
.chemin a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFCC00;
	font-weight: bold;
	text-align: left;

}
.cheminfin {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}
.genre a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	font-weight: bold;
	line-height: 4mm;
	margin-right:4px;
	
}
.genre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	font-weight: bold;
	line-height: 4mm;
	margin-right:4px;
}
.genre a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cb4d2c;
	font-weight: bold;
	line-height: 4mm;
	margin-right:4px;
}
.genreon a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cb4d2c;
	font-weight: bold;
	line-height: 4mm;
	margin-right:4px;
}
.genreon{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cb4d2c;
	font-weight: bold;
	line-height: 4mm;
	margin-right:4px;
}
.genreon a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cb4d2c;
	font-weight: bold;
	line-height: 4mm;
	margin-right:4px;
}
.pagepro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	line-height: 3mm;
	text-align: left;
	letter-spacing:-1px;
	padding-right: 4px;
	border-right-width:1px;
	border-right-color: #CCCCCC;
	text-indent: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
}
.menubas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	/* background-image: url(../images/bgmenustyle_31.gif);
	background-repeat: no-repeat; */
	letter-spacing: 0px;
	vertical-align: middle;
	text-align: center;
	line-height:90%;

}
.menubas a:hover {
	text-decoration: none;
	color:#FFCC00;
	font-size: 10px;
	letter-spacing: 0px;
}
.cdsong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
	font-weight: normal;
	line-height: 3mm;
	margin-right:0px;
}