/*
-------------------------------------------
File: 'Blueball High Def Colors 3.5' styles.css Style Sheet
Created: 15 June, 2005
Last Modified: 9, June, 2006
Author: Charlie Lockhart, Blueball Design
www.blueballdesign.com
Email: charlie@blueballdesign.com
Copyright 2005 Charlie Lockhart/Blueball Design USA
All Rights Reserved
Mofified by Pascal FALIU for Toto Fan France
Copyright 2006
-------------------------------------------
*/

/* My Comment */

/* @group BODY AND GLOBAL STYLES */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #999999;
	line-height: 1.5em;
	background: url(images/FondEpee.jpg) repeat scroll;
}

a:link { 
	color: #999999; 
	text-decoration: underline; 
} 


a:link, a:visited {
	text-decoration: underline;
	color: #777777;
}

a:hover, a:active {
	text-decoration: none;
	color: #cccccc;
}

p {
	margin-left: 0px;
	margin-right: 0px;
}

.standout {
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	line-height: 1.5em;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	background: #000000;
	color: #999999;
	padding: 7px 10px 10px 10px;
}

blockquote {
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	line-height: 1.5em;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	background: #000000;
	color: #999999;
	padding: 7px 10px 10px 10px;
}

.imageStyle {
	
}

.image-left {
	float: left;
	padding: 10px 10px 10px 0px;
}

.image-right {
	float: right;
	padding: 10px 0px 10px 10px;
}

img {
	border: 0px;
}

a img {
	border: 0px;
}

.clear {
	clear: both;
}

h1 {
	font-size: 24px;
	line-height: 1.3 em;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	margin-bottom: 3px;
}

h2 {
	font-size: 20px;
	line-height: 1.3 em;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	margin-bottom: 3px;
}

h3 {
	font-size: 16px;
	line-height: 1.3 em;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	margin-bottom: 3px;
}

h4 {
	font-size: 14px;
	line-height: 1.3 em;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	margin-bottom: 3px;
}

h5 {
	font-size: 12px;
	line-height: 1.3 em;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #999999;
	margin-bottom: 3px;
}

b, strong {
	font-weight: bold;
}

/* @end */

/* @group LAYOUT */

/* SITE WRAPPER */

#wrapper {
	position: relative;
	width: 700px;
	margin: 22px auto;
	margin-top: 0px;
	text-align: left;
	line-height: 1.4em;
	border: 1px solid #303030;
	padding: 0px;
	background: transparent url('images/Horz_BG2FootF2.jpg') repeat-x bottom;
}

/* SITE HEADER */

#pageHeader {
	position: relative;
	width: 700px;
	background: #000000 url('images/Horz_BG_BlueTop.jpg') repeat-x top;
	margin: 0px;
	height: 110px;
}

/* My Comment */

#pageHeader h1 {
	margin: 0px;
	padding: 23px 20px 0px 20px;
	font-family: "Lucida Grande" Lucida, Arial, Helvetica, sans serif;
	font-size: 30px;
	font-style: bold;
	line-height: 1em;
	color: #999999;
	text-shadow: 0px 2px 3px #666666;
	text-align: center;
}

#pageHeader h2 {
	margin: 0px;
	padding: 9px 20px 0px 20px;
	font-size: 16px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #999999;
	text-shadow: 0px 1px 2px #666666;
	letter-spacing: .12em;
	text-transform: uppercase;
}

#pageHeader img {
	
}

/* My Comment */

#sidebar li.notes, #sidebar li.links {
	padding: 10px 10px 10px 10px;
	background-color: #000000;
	color: #999999;
	font-size: 11px;
	line-height: 1.5em;
}

#toplineimage {
	position: relative;
	width: 700px;
	background: #000000 url('images/Horz_BG_StripesTop.jpg') repeat-x top;
	margin: 0px;
	padding: 0px;
	height: 26px;
	z-index: 6;
}

/* SIDEBAR */

#sidebar {
	float: left;
	width: 170px;
	background-color: transparent;
	font-size: 11px;
	margin-top: 10px;
	padding-bottom: 10px;
}

#sidebarmainhead {
	position: absolute;
	top: 152px;
	left: 15px;
	background-image: url(images/sidebarhead.jpg) top center repeat-no;
}

#sidebar .sideHeader {
	font-size: 11px;
	line-height: 1.2em;
	color: #999999;
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin-left: 15px;
	margin-top: 4px;
	margin-bottom: 3px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
	color: #999999;
}

#sidebar li a {
	color: #999999;
	font-size: 11px;
}

#sidebar li.header {
	padding: 4px 10px;
	background-color: #000000;
	color: #999999;
}

#sidebar li.notes, #sidebar li.links {
	padding: 10px 10px 10px 15px;
	background-color: transparent;
	color: #999999;
	font-size: 11px;
	line-height: 1.5em;
}

#sidebar a.validate {
	display: block;
	margin: 5px 0px;
}

#sidebar a.validate img {
	border: 0px;
}

/* CONTENT */

#contentarea {
	margin-left: 170px;
	margin-top: 10px;
	margin-right: 0px;
	font-size: 11px;
	color: #999999;
	line-height: 1.5em;
	padding: 0px 20px 15px 20px;
	border-left: 1px solid #303030;
}

/* FOOTER */

#footer {
	margin: 0px;
	margin-top: 4px;
	padding: 7px 25px 25px 25px;
	clear: both;
	border-top: 1px solid #303030;
	text-align: center;
	line-height: 1.7em;
}

#footer a {
	color: #999999;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	text-align: center;
	color: #999999;
}

#footer li {
	display: inline;
	color: #999999;
}

/* @end */


/* @group CONTACT FORM */

.message-text {
	padding: 3px;
	text-align: left;
}

.form-input-field {
	border: 1px solid #555555;
	background-color: #EBEBEB;
}

.form-input-button {
	
}

.required-text {
	color: #FF0000;
}

/* @end */

/* @group TOOL BAR */

/* MENU GENERAL CSS STYLES */

#nav {
	position: relative;
	margin: 0px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid 000000;
	background: #000000 url('images/navbar-background3.jpg') top repeat-x;
	height: 20px;
	z-index: 500;
}

html>body #nav {
	height: auto;
}

#nav #current {
	text-decoration: none;
	font-weight: bold;
}

#navcontainer currentAncestor {
	text-decoration: none;
	font-weight: bold
}

/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 1000;
}

#nav li {
	float: left;
	position: relative;
}

#nav a {
	display: block;
	width: 116px;
	/* THIS WIDTH = TOTAL WIDTH - LEFT/RIGHT PADDING */
  padding: 4px 5px 4px 5px;
	/* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */
  border-left: 1px solid #333333;
	/* FOR TOP MENUS ONLY */
  color: #fdffae;
	text-decoration: none;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

#nav li:hover a, #nav li.sfhover a {
	color: #ffa400;
}

#nav li:hover ul a, #nav li.sfhover ul a {
	color: #999999;
}

/* MENUS LEVEL 2 CSS STYLES */

#nav ul ul {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 126px;
	/* SET TO TOTAL LINK WIDTH; THIS IS TO BREAK <li> FLOATS INTO ONE COLUMN */
  background-color: #666666;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	display: none;
	z-index: 1500;
}

#nav ul ul li {
	border-top: 1px solid #A9AEB9;
}

#nav li:hover ul, #nav li.sfhover ul {
	display: block;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	display: none;
}

#nav ul ul li:hover, #nav ul ul li.sfhover {
	background-color: #E2E2E2;
}

#nav ul ul li:hover a, #nav ul ul li.sfhover a {
	color: #004FCE;
}

#nav ul ul li:hover ul a, #nav ul ul li.sfhover ul a {
	color: #222222;
}

#nav ul ul a {
	border: none;
	/* REMOVE BORDERS SET ABOVE */
  width: 116px;
	border: none;
	text-align: left;
}

#nav ul ul #current {
	text-decoration: none;
	font-weight: bold;
}

#navcontainer ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold
}

/* MENUS LEVEL 3 CSS STYLES */

#nav ul ul ul {
	display: none;
	border-left: 1px solid #A9AEB9;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {
	display: block;
	top: -1px;
	left: 126px;
/* SET HORIZ OFFSET */
}

#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul {
	display: none;
}

#nav ul ul ul li:hover a, #nav ul ul ul li.sfhover a {
	color: #004FCE;
}

#nav ul ul ul li:hover ul a, #nav ul ul ul li.sfhover ul a {
	color: #222222;
}

#nav ul ul ul #current {
	text-decoration: none;
	font-weight: bold;
}

#navcontainer ul ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold
}

/* MENUS LEVEL 4 CSS STYLES */

#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul {
	display: block;
}

#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul {
	display: none;
}

#nav ul ul ul ul li:hover a, #nav ul ul ul ul li.sfhover a {
	color: #004FCE;
}

#nav ul ul ul ul li:hover ul a, #nav ul ul ul ul li.sfhover ul a {
	color: #222222;
}

#nav ul ul ul ul #current {
	text-decoration: none;
	font-weight: bold;
}

#navcontainer ul ul ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold
}

/* MENUS LEVEL 5 CSS STYLES */

#nav ul ul ul ul li:hover ul, #nav ul ul ul ul li.sfhover ul {
	display: block;
}

#nav ul ul ul ul li:hover ul ul, #nav ul ul ul ul li.sfhover ul ul {
	display: none;
}

#nav ul ul ul ul ul li:hover a, #nav ul ul ul ul ul li.sfhover a {
	color: #004FCE;
}

#nav ul ul ul ul ul li:hover ul a, #nav ul ul ul ul ul li.sfhover ul a {
	color: #222222;
}

#nav ul ul ul ul ul #current {
	text-decoration: none;
	font-weight: bold;
}

#navcontainer ul ul ul ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold
}

/* MENUS LEVEL 6 CSS STYLES */

#nav ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul li.sfhover ul {
	display: block;
}

#nav ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul li.sfhover ul ul {
	display: none;
}

#nav ul ul ul ul ul ul li:hover a, #nav ul ul ul ul ul ul li.sfhover a {
	color: #004FCE;
}

#nav ul ul ul ul ul ul li:hover ul a, #nav ul ul ul ul ul ul li.sfhover ul a {
	color: #222222;
}

#nav ul ul ul ul ul ul #current {
	text-decoration: none;
	font-weight: bold;
}

#navcontainer ul ul ul ul ul ul currentAncestor {
	text-decoration: none;
	font-weight: bold

}




/* @end */

/* @group BLOG ENTRY */

.blog-entry {
	padding-bottom: 15px;
	color: #999999
}

.blog-entry-title {
	display: block;
	font-weight: bold;
	color: #FF9900;
	font-size: 14px;
	margin-bottom: 5px;
	border-bottom: 1px solid #707070;
	background: none no-repeat right center;
	padding-top: 5px;
	padding-bottom: 3px;
}

.blog-entry img {
	padding: 3px;
	border: 0px;
}

.blog-entry-date {
	background: url(images/Epee-Toto-micro.png) no-repeat left center;
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFF99;
	font-style: italic;
	padding-top: 0;
	padding-left: 45px;
	padding-right: 0;
}

.blog-entry-category {
	color: #FF9900;
	font-size: 11px;
	margin-bottom: 3px;
}

.blog-category-link-enabled {
	color: #999999;
}

.blog-category-link-disabled {
	color: #999999;
}

.blog-entry-body {
	text-align: justify;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	color: #999999;
}

.blog-entry-comments {
	font-family: Arial. Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.3em;
	text-align: left;
	color: #606060;
	margin: 5px 0px 0px 0px;
	text-transform: uppercase;
}

.blog-entry-comments a {
	color: #404040;
}

/*

 @end */

/* @group BLOG ARCHIVE PAGE */

.blog-archive-background {
	text-align: center; /* To Make Content Centered */
    margin: 0px;
    padding: 0px;
    color: #999999;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    background-color: #000000;
}

.blog-archive-entries-wrapper {
	margin:  0px;
text-align: left;
width: 700px;
padding: 24px;
}

.blog-archive-headings-wrapper {
	text-align: left;
width: 700px;
padding: 14px;
}

.blog-archive-entries-wrapper .blog-entry {
	
}

.blog-archive-month {
	color: #004FCE;
	font-family: Lucida Grande, Lucida Sans, Lucida, Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
}

.blog-archive-link {
	color: #606060;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	margin-bottom: 18px;
}

.blog-archive-link a:link, .blog-archive-link a:visited {
	
}


/* @end */

/* @group FILE SHARING */

.filesharing-description {
	line-height: 1.4em;
	margin-bottom: 15px;
	color: #FFFF99;
}

.filesharing-item {
	margin-bottom: 15px;
}

.filesharing-item a {
	color: #FFFF99;
}

.filesharing-item-title {
	color: #FF9900;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
}

.filesharing-item-description {
	line-height: 1.4em;
	color: #888888;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* @end */

/* @group PHOTO ALBUM */

/* @group Index Page (Thumbnail view) */

.album-title {
	color: #FF9900;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
}

.album-description {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 15px;
	line-height: 1.4em;
	color: #FFFF99;
}

.album-wrap {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 24px;
	margin-right: 10px;
}

.thumbnail-frame {
	
}

.thumbnail-frame a {
	
}

.thumbnail-frame a:hover {
	
}

.thumbnail-frame img {
	border: 0px;
}

.thumbnail-caption {
	margin: 2px 0px 0px 0px;
	font-size: 11px;
	padding: 0px;
	color: #777777;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	margin: 15px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #000000;
}

.photo-navigation {
	margin: 0px;
	background-color: #000000;
	text-align: center;
}

.photo-navigation a {
	color: #888888;
	text-decoration: underline;
}

.photo-navigation a:hover {
	color: #888888;
	text-decoration: none;
}

.photo-frame {
	margin: 0px;
	background-color: #000000;
}

.photo-links {
	font-size: 12px;
}

.photo-title {
	display: block;
	margin: 0px;
	padding: 20px 20px 0px 20px;
	color: #FF9900;
	font-size: 20px;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

.photo-caption {
	font-size: 14px;
	line-height: 1.5em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #888888;
	margin: 0px;
	padding: 4px 20px 20px 20px;
}

/* @end */

/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	color: #999999;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	font-family: "Lucida Grande", Lucida, Arial, Verdana, Helvetica, sans-serif;
}

.movie-page-description {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 25px;
	line-height: 1.4em;
	color: ##FFFF99;
}

.movie-thumbnail-frame {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px 25px 25px 0px;
	text-align: left;
}

.movie-thumbnail-caption {
	margin: 3px 0px 0px 0px;
	font-size: 11px;
	padding: 0px;
	color: #888888;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.movie-thumbnail-frame img {
	border: none;
}

/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background-color: #000000;
}

.movie-title {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
	margin: 16px 0px 20px 0px;
	text-align: center;
}

.movie-description {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 25px;
	line-height: 1.4em;
	color: ##FFFF99;
}

.movie-frame {
	margin-bottom: 10px;
}

/* @end */

/* @end */

/* @group Quicktime Page */

.movie-background {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background-color: #000000;
}

.movie-title {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
	margin: 16px 0px 20px 0px;
	text-align: center;
}

.movie-description {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 25px;
	line-height: 1.4em;
	color: ##FFFF99;
}

.movie-frame {
	margin-bottom: 10px;
}

/* @end */