/*------------------------------------------------------*/
/* Feuille de style CSS - (c) 2006 Fabreizhad.WebMaster */
/*------------------------------------------------------*/

/*----- PARAGRAPHE PAR DEFAUT */ 

body
{ font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 12px;
margin: 0px 0px 0px 0px; width: 980; background: white; scrollbar-face-color: #999999;
scrollbar-track-color: #777777; scrollbar-arrow-color: #ffffff;
scrollbar-shadow-color: #444444; scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #dddddd; scrollbar-darkshadow-color: #333333; }

p.noir, p.bleu, p.vert, p.rouge, p.mauve, p.orange, p.gris, p.blanc
{ font-size: 12px; margin-left: 3px; margin-right: 3px; }
p.noir { color: black; }
p.bleu { color: blue; }
p.vert { color: green; }
p.rouge { color: red; }
p.mauve { color: purple; }
p.orange { color: #dd6600; }
p.gris { color: darkgray; }
p.blanc { color: white; }

/*----- TITRES ET ECRITURES */ 

h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; }
h1 { font-size: 18pt; font-style: italic; }
h2 { font-size: 15pt; font-style: italic; }
h3 { font-size: 12pt; font-style: italic; }
h4 { font-size: 18pt; }
h5 { font-size: 15pt; }
h6 { font-size: 12pt; }

/*----- LIENS ET MENUS */ 

a.titre:link, a.titre:visited, a.titre:hover { font-size: 12px; text-decoration: none; }
a.titre:link { color: black; }
a.titre:visited { color: black; }
a.titre:hover { color: red; }

a.texte:link, a.texte:visited, a.texte:hover { font-size: 12px; text-decoration: none; }
a.texte:link { color: black; }
a.texte:visited { color: black; }
a.texte:hover { color: blue; }

a.contact:link, a.contact:visited, a.contact:hover { font-size: 12px; text-decoration: none; }
a.contact:link { color: darkgray; }
a.contact:visited { color: darkgray; }
a.contact:hover { color: black; }

a.rouge:link, a.rouge:visited, a.rouge:hover { font-size: 12px; text-decoration: none;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; }
a.rouge:link { color: black; }
a.rouge:visited { color: black; }
a.rouge:hover { color: red; }

a.bleu:link, a.bleu:visited, a.bleu:hover { font-size: 12px; text-decoration: none;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; }
a.bleu:link { color: black; }
a.bleu:visited { color: black; }
a.bleu:hover { color: blue; }

a.orange:link, a.orange:visited, a.orange:hover { font-size: 10px; text-decoration: none;
font-family: Tahoma, Verdana, Arial, sans-serif;}
a.orange:link { color: blue; }
a.orange:visited { color: blue; }
a.orange:hover { color: orange; }

a.noir:link, a.noir:visited, a.noir:hover { font-size: 10px; text-decoration: none; }
a.noir:link { color: black; }
a.noir:visited { color: black; }
a.noir:hover { color: blue; }
.fll { float: left; }
.clear { clear: both; }

td.submenu { padding-right: 0px; padding-left: 0px; vertical-align:top; }
#submenu { width: 18px; font-size: 12px; margin: 0px 0px 0px 0px; padding: 0; }
#submenu ul { width: 18px; margin: 0; padding: 0; }
#submenu li { list-style-type: none; background-color: #ffffcc; }

#submenu li a
{
display: block;
text-decoration: none;
text-align: center;
background: #ffffcc;
color: #000000;
border: solid 1px;
margin: 1px 0 1px 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0px 0px 0px 0px;
}

#submenu li a.news, #submenu li a.agenda, #submenu li a.club, #submenu li a.comite, #submenu li a.inscription, #submenu li a.photos, #submenu li a.whoswho
{
display: block;
text-decoration: none;
text-align: center;
background: #ffffcc;
color: #000000;
border: solid 1px;
margin: 1px 0 1px 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0px 0px 0px 0px;
}

#submenu li a.calendrier, #submenu li a.points, #submenu li a.categories, #submenu li a.courses
{
display: block;
text-decoration: none;
text-align: center;
background: #eeeeee;
color: #000000;
border: solid 1px;
margin: 1px 0 1px 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0px 0px 0px 0px;
}

#submenu li a             { width: 200px; }
#submenu li a.news        { width:  65px; }
#submenu li a.agenda      { width:  79px; }
#submenu li a.club        { width:  63px; }
#submenu li a.comite      { width:  75px; }
#submenu li a.inscription { width: 103px; }
#submenu li a.photos      { width:  77px; }
#submenu li a.whoswho     { width:  98px; }
#submenu li a.calendrier  { width:  87px; }
#submenu li a.points      { width: 149px; }
#submenu li a.categories  { width: 173px; }
#submenu li a.courses     { width: 157px; }

html>body #submenu li a       { width: 200px; }
html>body #submenu li a:hover { width: 200px; }

#submenu li a:hover
{
display: block;
text-decoration: none;
background: #ccddff;
color: #000000;
border: solid 1px;
voice-family: "\"}\""; 
voice-family:inherit;
}

#submenu li a.news:hover, #submenu li a.agenda:hover, #submenu li a.club:hover, #submenu li a.comite:hover, #submenu li a.inscription:hover, #submenu li a.photos:hover, #submenu li a.whoswho:hover
{
display: block;
text-decoration: none;
background: #ccddff;
color: #000000;
border: solid 1px;
voice-family: "\"}\""; 
voice-family:inherit;
}

#submenu li a.calendrier:hover, #submenu li a.points:hover, #submenu li a.categories:hover, #submenu li a.courses:hover
{
display: block;
text-decoration: none;
background: #cccccc;
color: #000000;
border: solid 1px;
voice-family: "\"}\""; 
voice-family:inherit;
}

#submenu li a:hover             { width: 200px; }
#submenu li a.news:hover        { width:  65px; }
#submenu li a.agenda:hover      { width:  79px; }
#submenu li a.club:hover        { width:  63px; }
#submenu li a.comite:hover      { width:  75px; }
#submenu li a.inscription:hover { width: 103px; }
#submenu li a.photos:hover      { width:  77px; }
#submenu li a.whoswho:hover     { width:  98px; }
#submenu li a.calendrier:hover  { width:  87px; }
#submenu li a.points:hover      { width: 149px; }
#submenu li a.categories:hover  { width: 173px; }
#submenu li a.courses:hover     { width: 157px; }

/*----- LISTES ET PUCES */ 

ol { margin-top: 1px; margin-bottom: 0em; margin-left: 4em; }
ul { margin-top: 1px; margin-bottom: 0em; }
ol ul { list-style: disc; margin-top: .5em; }
ul ul { list-style: disc; margin-top: .5em; }
li { text-align: left; }
dt { font-weight: bold; }
dd { margin-left: 2em; margin-bottom: .6em; }

/*----- TABLES */

table { border-width: 0px; font-size: 100%; margin-top: 0px ; margin-bottom: 0px; }
th { text-align: center; margin: .25em; vertical-align: middle; letter-spacing: 3px; }
tr { vertical-align: top; }
td { color: black; text-align: center; border-width: 0px; margin: .25em; vertical-align: top; }
td.centre { border-width: 0px; vertical-align: top; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

/*----- TABLEAUX */

table.page { font-size: 100%; width: 100%; margin: 0px 0px 0px 0px; }
tr.page { border-color: black; border-style: solid; border-width: 1px; vertical-align: top; margin: 0px 0px 0px 0px; }
th.page { text-align: center; color: white; background: black; margin: 0px 0px 0px 0px;
font-size: 150%; letter-spacing: 6px; padding: 1px 1px 1px 1px; }
td.page, td.blanc, td.bleu, td.jaune, td.vert, td.rouge, td.orange, td.gris 
{ border-color: black; border-style: solid; border-width: 1px; vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px 2px 0px 2px; }
td.page { background-color: ivory; }
td.blanc { background-color: white; }
td.bleu { background-color: ccddff; }
td.jaune { background-color: ffffcc; }
td.vert { background-color: bbffbb; }
td.rouge { background-color: ffbbbb; }
td.orange { background-color: ffddbb; }
td.gris { background-color: dddddd; }

td.jogbleutitre, td.jogbleutexte, td.jogjaunetitre, td.jogjaunetexte,
td.jogverttitre, td.jogverttexte, td.jogblanctitre, td.jogblanctexte
{ border-color: black; border-style: solid; border-width: 1px; vertical-align: top; padding: 1px 3px 1px 3px; }
td.jogbleutitre { color: ccddff; background-color: gray; }
td.jogbleutexte { color: black; background-color: ccddff; }
td.jogjaunetitre { color: ivory; background-color: gray; }
td.jogjaunetexte { color: black; background-color: ivory; }
td.jogverttitre { color: bbffbb; background-color: gray; }
td.jogverttexte { color: black; background-color: bbffbb; }
td.jogblanctitre { color: white; background-color: gray; }
td.jogblanctexte { color: black; background-color: white; }
td.lignehorizon { font-size: 50%; color: red; background-color: url(theme/fondgris.jpg);
border-color: none; border-width: 0px; vertical-align: middle; padding: 1px 3px 1px 3px; }

table.gauche, table.droite
{ font-size: 100%; margin-top: 0px; margin-bottom: 0px; }
tr.gauche, tr.droite
{ vertical-align: top; border-width: 0px; }
td.gauche, td.droite { font-size: 12; width: 158; height: 18;
color: black; border-style: solid; border-width: 0px; vertical-align: top; }
td.gauche {	text-align: left; background-image: url(../theme/menugauchecentre.jpg); }
td.droite { text-align: right; background-image: url(../theme/menudroitecentre.jpg); }

table.formulaire { font-size: 100%; width: 500px; }
th.formulaire		{	border-color: black;
							border-style: solid;
							border-width: 1px;
							text-align: center;
							background: ccddff;
							vertical-align: middle;
							font-size: 150%;
							letter-spacing: 3px;
							padding: 2;
						}
tr.formulaire { vertical-align: middle; }
td.form-tete, td.form-case, td.form-bouton { color: black; border-color: black; border-style: solid;
border-width: 1px; vertical-align: middle; background-color: white; padding: 2; }
td.form-tete { text-align: right; }
td.form-case { text-align: justify; }
td.form-bouton { text-align: center; }

/* ----- Spécial LIVRE D'OR */

table.form, table.vide { font-size: 11px; text-align: justify; }
table.form { background-color: #C8D5FF; border: 1px solid #708090; }
table.vide { background-color: white; border: none; }
table.aff { border: none; }
select, input, textarea, input.normal, { font: normal normal 11px Verdana, Tahoma, sans-serif; }
select, input, { background-color: #ffeecc; border: 1px solid #708090; }
textarea { background-color: #ffffff; border: 1px solid #708090; text-align: justify; }
input.normal { background-color: transparent; border: 0px; }
td.head { border: none; font-size: 10px; background-color: #EDEFF1; }
td.menu { background-color: #97A4B1; padding: 10px; }
.fondblanc { background-color: #ffffff; padding: 2px }
.fondjaune { background-color: #ffffdd; padding: 2px }
.fondorange { background-color: #ffddbb; padding: 2px }
.fondrouge { background-color: #ffbbbb; padding: 2px }
.fondbleu { background-color: #ccddff; padding: 2px }
.fondbleuvert { background-color: #99CCCC; padding: 2px; }
.fondvert { background-color: #bbffbb; padding: 2px }
.fondrouge { background-color: #ffbbbb; padding: 2px }
.fondgrisclair { background-color: #eeeeee; padding: 2px }
.fondgrisfonce { background-color: #bbbbbb; padding: 2px }
						
/*----- fin du document fabreizhad.css */ 

