body {
   color:#000000; 
   background-color:#dbd4ca; 
   font-size:8pt; 
   font-family:Verdana, Helvetica, sans-serif; 
   margin-top:0px; 
   margin-right:0px; 
   margin-bottom:0px; 
   margin-left:0px; 
   text-align: left;
   } 

#container{
    border: 0;
    margin: 0;
    }

#page{
    background-image:url(http://www.ffring.com/design/css/page-background.gif);
    margin-left: auto;
    margin-right: auto;
    width: 810px;
    position: relative;
    }

#header {
    background-image:url(http://www.ffring.com/design/css/header-kefka.jpg);
    background-repeat: no-repeat;
    height:142px;
    width:798px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:0px;
    } 
	

#footer {
    width:796px;
	height: 17px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	margin-top:20px;
	margin-bottom: 0px;
	padding: 1px;
	font-size:10px;
	background-image:url(http://www.ffring.com/design/css/footer.gif);
	background-repeat:repeat-x;
	color:#ffffff;
    } 
   
#footer a { 
    color: #FFFFFF ; 
	text-decoration:none;
    } 
	
#footer a:hover, #footer li a:focus, #navigation li a:active { 
    color: #ffdb13; 
	text-decoration:none;
    }
	
#navigation { 
    margin-top: 0;
	margin-right: 0px; 
	margin-left: 0px; 
	margin-bottom: 0px; 
    padding-top: 57px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
    list-style: none ;
    text-align: left; 
	height: 19px;
	font-weight: bold;
	text-transform:uppercase;
	font-size:10px;
    }
	
#navigation li { 
    float: left ; 
	height: 19px;
    border: 0px; 
    margin: 0px ; 
    color: #FFFFFF; 
    }
	
#navigation li a { 
    display: block ;
    color: #FFFFFF ; 
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right:5px;
	margin-left:5px;
	text-decoration:none;
    } 
#navigation li a:hover, .navigation li a:focus, .navigation li a:active { 
	color: #ffdb13;
	text-decoration:none;
    }
    
.menu-vertical {
    list-style-type: none;
    padding: 0;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 8px;
	background-color:#ffffff;
	font-size:11px;
	width: 175px;
}

.menu-vertical li {
    margin:0px;
    color: #573624;
    padding-bottom: 0px;
	padding-left:0px;
    width:175px;
	height: 17px;
    list-style-type: none;
    font-weight:bold;
	font-size:11px;
	margin-bottom: 0px;
}

.menu-vertical li a { 
    display: block ; 
	height: 17px;
	background-image:url(http://www.ffring.com/design/css/menu-vertical-li.gif);
	background-repeat:no-repeat;
    color: #573624 ; 
    text-align: left;
    text-decoration: none ; 
    padding-top: 2px; 
    padding-bottom: 0px;
    padding-right: 3px;
    padding-left: 15px;
	font-size:11px;
	margin-bottom: 0px;
    }

.menu-vertical li a:hover, .menu-vertical li a:focus, .menu-vertical li a:active { 
	background-image:url(http://www.ffring.com/design/css/menu-vertical-li-hover.gif);
	background-repeat:no-repeat;
	color:#8f120b; 
    text-decoration: none ; 
    }

.menu-vertical-titre {
	width: 175px;
	margin-bottom:0px;
    padding-top: 2px; 
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 5px;
}

h1{
  margin-top: 3px;
  margin-bottom: 12px;
  border-bottom: 1px solid #efece9;
  padding-bottom: 3px;
  font-size: 16px; font-family: Arial; color: #8f120b; font-weight: bold;
}

h2{
  margin-top: 0px;
  border-bottom: 1px solid #efece9;
  font-size: 16px; font-family: Arial; color: #8f120b; font-weight: bold;
  padding-bottom: 3px;
  margin-bottom: -8px;
}

h3{
  padding-bottom: -5px;
  font-size: 9px; font-family: Verdana; color: #b8b8b8; font-weight: normal;
  margin-bottom: 5px;
  margin-top: 10px;
}

	
h5 { 
    display: block ; 
	height: 15px;
	background-image:url(http://www.ffring.com/design/css/titre-li.gif);
	background-repeat:no-repeat;
    color: #ffffff ; 
    text-align: left;
    text-decoration: none ; 
    padding-top: 2px; 
    padding-bottom: 0px;
    padding-right: 3px;
    padding-left: 15px;
	margin-left:2px;
	margin-bottom:0px;
	margin-top:6px;
	font-size:11px;
    }

A:link { color:#6b4f40; text-decoration:none; } 
A:visited { color:#6b4f40; text-decoration:none; } 
A:hover { color:#8f120b; text-decoration:underline; } 
A:active { color:#8f120b; text-decoration:underline; } 

INPUT { font-size:8pt; font-family:Verdana, Helvetica, sans-serif; } 
TEXTAREA { font-size:8pt; font-family:Verdana, Helvetica, sans-serif; }
SELECT { font-size:8pt; font-family:Verdana, Helvetica, sans-serif; } 
TD { font-size:8pt; font-family:Verdana, Helvetica, sans-serif; }

.article {line-height:14px; margin-bottom:1; border-bottom:solid; border-width:1px; border-color:#F2F2F2;margin-left:0px; margin-right:0px; text-align:left;}
.titre-souligne {line-height:14px; margin-bottom:1; border-bottom:solid; border-width:1px; border-color:#F2F2F2;margin-left:0px; margin-right:0px; text-align:left;}
.titre-paragraphe {font-size:15px; line-height:25px; font-family: Arial; color: #8f120b; font-weight: bold; }

.interligne {
line-height: 1.4em;
}


table.tab{
  border-width: 1px;
  border-style: solid;
  border-color: #ddd6cd;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding:2px;  
}


table.tab th{
  font-weight: bold;
  text-align: center;
  background-color: #efece9;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd6cd;
  font-size: 8pt;
  padding:2px;
}

table.tab td{
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd6cd;
  font-size: 8pt;
  padding:2px;
}

table.tab th.text-left, table.tab td.text-left{
  text-align: left;
  font-size: 8pt;
}

.img {
	border:1px solid black;
	}

.contour-img {
	border:1px solid #ddd6cd;
	}

form.formulaires {padding: 0; margin: 0;}

TD.fond-titre { 
	background-color: #EFECE9;
	color: #000000;
	} 

TD.fondfonce { 
	background-color: #d2cac1;
	color: #000000;
	} 

TD.fondclair { 
	background-color: #dad2c9;
	color: #000000;
	} 

TD.fondtclair { 
	background-color: #f3eee8;
	color: #000000;
	} 


#bgclair td { 
	background-color: #F9F7F5;
	border:0px;
	padding:3px;
	spacing:0px;
	} 

#titre01 td { 
	background-color:#e7e2db;
	border:0px;
	padding: 1;
	spacing:0px;
	} 

#titre-degrade td { 
	background-color:#FFFFFF;
	background-image: url(http://www.ffring.com/design/degrade-titre.gif);
	background-repeat:repeat-x;
	height: 17px;
	text-align: left;
	border:0px;
	padding-left :10px;
	spacing:0px;
	} 


.menug {font-family:Verdana; font-size:10px; }
.menu-general {font-family:Verdana; font-size:10px; }
.menuh {font-family:Verdana; font-size:10px; }

A.news:link { color:#6b4f40b; text-decoration:none; font-weight:normal; } 
A.news:visited { color:#6b4f40b; text-decoration:none; font-weight:normal; } 
A.news:hover { color:#8f120b; text-decoration:none; font-weight:normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #8b5247;} 
A.news:active { color:#8f120b; text-decoration:none; font-weight:normal; } 

A.cat-news:link { color:#b8b8b8; text-decoration:none; font-weight:bold; } 
A.cat-news:visited { color:#b8b8b8; text-decoration:none; font-weight:bold; } 
A.cat-news:hover { color:#b8b8b8; text-decoration:underline; font-weight:bold; } 
A.cat-news:active { color:#b8b8b8; text-decoration:none; font-weight:bold; } 

#rightblock {
	text-align: right;
	line-height: 2em;
	margin: 10px 0 0 0;
	}
	
#rightblock a {
	background: #EAEEDB;
	color: #6C7744;
	text-decoration: none;
	padding: 2px 6px 3px 6px;
	border: 1px solid #AAB77D;
	}
	
#rightblock a:hover {
	border-color: #808C58;
	}

#centerblock {
	text-align: center;
	line-height: 2em;
	margin: 10px 0 0 0;
	}
	
#centerblock a {
	background: #F0E9E2;
	color: #7C6A5A;
	text-decoration: none;
	padding: 1px 3px 2px 3px;
	border: 1px solid #AA9A8D;
	}
	
#centerblock a:hover {
	border-color: #7D6E63;
	background: #EAE2DA;
	}

blockquote {
  border-left-width: 2px;
  border-left-style: solid;
  padding-left: 6px;
  border-color: #8f120b;
	}

.class1 { background:#FFFFFF; }
.class2 { background:#F9F7F5; }

div.images {
	background-color:#efeae3;
	border: 1px solid;
	border-color: #e7e2db;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	}

div.articles-fin {
	align: center;
	text-align: justify;
	background-color:#e7e2db;
	border: 1px solid;
	border-color: #d6d0c7;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	}
	
div.encadre {
	align: center;
	text-align: justify;
	background-image:url(http://www.ffring.com/design/css/bg-encadre.gif);
	background-repeat:repeat;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 7px;
	}

div.degrade-titre {
	height: 17px;
	background-color:#FFFFFF;
	background-image: url(http://www.ffring.com/design/degrade-titre.gif);
	background-repeat:repeat-x;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 10px;
	text-align: left;
	}
	

a.infobulle{
position:relative;
z-index:24;
color:#8f120b;
text-decoration:none
}
 
a.infobulle:hover{
z-index:25;
color:#8f120b;
}
 
a.infobulle span{
display: none
}
 
a.infobulle:hover span{
display:block;
position:absolute;
top:1em; left:1em; width:26em;
border:1px solid #ddd6cd;
background-color:#FFF;
color:#7a746c;
text-align: justify;
font-weight:none;
padding:4px;
}