/*-------------------------------------------- Global --------------------------------------------*/

html
{
	height: 100.1%; /* to avoid the scroll bar bad effect */
}

body
{
	height: 100.1%; /* to avoid the scroll bar bad effect */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #fbe8bd;
}

div.global
{
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #edf6fb;
}

img {border: 0;}
span.special {color: #ffb500; font-weight: bold;}
div.special {color: #ffb500; font-weight: bold;}
span.important {font-weight: bold;}
div.important {font-weight: bold;}
p.important {font-weight: bold;}
div, p, th, td {text-align: justify;}

h1
{
	font-size: 160%;
}

h2
{
	font-size: 140%;
}

h3
{
	font-size: 120%;
}

div.noscript
{
	text-align:center;font-size:130%;color:red;
}

/* ---------------------------------------- Menu Horizontal --------------------------------------*/

table.menu_horizontal a:link {text-decoration : none; color: #edf6fb; }
table.menu_horizontal a:visited {text-decoration : none; color: #edf6fb; }
table.menu_horizontal a:hover {text-decoration : none; color: #edf6fb; }
table.menu_horizontal a:active {text-decoration : none; color: #edf6fb; }

table.menu_horizontal
{
	width: 776px;
	height: 42px;
	border: 0;
	border-collapse: collapse;
	font-size: 160%;
	font-weight: 500;
	background-image: url(../_img/design/barre-menu.jpg);
	background-repeat: no-repeat;
}
table.menu_horizontal td { padding-left: 15px; padding-right: 15px;vertical-align: middle;}
table.menu_horizontal td.accueil { text-align:left; }
table.menu_horizontal td.plan_du_site { text-align:right; }

/* --------------------------------------- Table principale --------------------------------------*/

div.principal
{
	padding-left: 0;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
}

table.principal
{
	margin: 0;
	padding: 0;
	background-color: #edf6fb;
	width: 100%;
	border-collapse: collapse;
}

table.principal td.menu
{
	background-image: url(../_img/design/milieu_barrenoir.jpg);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	/* sur ie la barre noire dépasse en haut */
	/* ceci est dû au fait que l'autre td de la table a un bord */
	/* on ajoute un cadre invisible pour contrer ce bug */
	border-top: 1px solid #edf6fb;
	width: 20%;
	vertical-align:top;
}

table.principal td.corps
{
	width: 80%;
	vertical-align:top;
	margin: 0;
	padding: 0;
}

table.principal td.corps
{
	width: 80%;
	vertical-align:top;
	margin: 0;
	padding: 0;
	border: 1px solid #2390c9;
	background-color:#fcfdff;
	background-image: url(../_img/design/fond.jpg);
	background-repeat: no-repeat;
}

table.principal td.corps div.title
{
	margin: 0;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
	font-size: 160%;
	font-weight: 500;
	color: #ffb500;
}

table.principal td.corps div.contenu
{
	vertical-align:top;
	border: 0;
	margin: 0;
	padding: 8px;
}

div.faq ul
{
	list-style-type: none;
}

div.faq li.question
{
	background-repeat: no-repeat;
}

div.faq li.question:first-letter
{
	color: #ffb500;
	font-size: 160%;
	font-weight: none;
	float:none;
}

div.faq li.reponse
{
	margin-bottom: 20px;
	list-style-type: none;
}

div.faq li.reponse:first-letter
{
	color: #000000;
	font-size: 160%;
	font-weight: none;
	float:none;
}

div.intro
{
	text-align: center;
}

div.intro td
{
	vertical-align: top;
	padding: 20px;
	width: 50%;
}

/* ----------------------------------------- Menu de Gauche --------------------------------------*/

div.menu
{
	padding: 0;
	margin: 0;
	border-top: 1px solid #edf6fb;
	text-align: center;
}

div.menu ul
{
	padding: 0;
	margin: 0;
	border-top: 1px solid #edf6fb;
	list-style-type: none;
}

div.menu ul a {color: #666666; font-size: 90%; font-weight: bold;}
div.menu ul a:link {text-decoration: none;color: #666666;}
div.menu ul a:visited {text-decoration: none;color: #666666;}
div.menu ul a:hover {text-decoration: none;color: #666666;}
div.menu ul a:active {text-decoration: none;color: #666666;}

div.menu li
{
	white-space:nowrap;
}

div.menu ul li.lien_menu a
{
	width: 177px;
	height: 25px;
	display:block;
	margin: auto;
	margin-left: 3px;
	padding-left: 9px;
	padding-top:5px;
	vertical-align: middle;
	background-image: url(../_img/design/menugauche_1.jpg);
	background-repeat: no-repeat;
}

div.menu ul li.lien_menu
{
	height: 25px;
	margin-bottom: 0px;
}

div.menu ul li.lien_menu a:hover
{
	width: 177px;
	height: 25px;
	display:block;
	margin: auto;
	margin-left: 3px;
	padding-top:5px;
	vertical-align: middle;
	background-image: url(../_img/design/menugauche_2.jpg);
	background-repeat: no-repeat;
}

li.premier_titre_menu
{
	height: 22px;
	padding-top: 5px;
	padding-left: 12px;
	vertical-align: middle;
	text-align: center;
	font-weight: bolder;
	background-image : url(../_img/design/debut_barrenoir.jpg);
	background-position: left;
	background-repeat: no-repeat;
	border-top: 1px solid #edf6fb;
}

li.titre_menu
{
	height: 20px;
	padding-top: 3px;
	padding-left: 12px;
	vertical-align: middle;
	text-align: center;
	font-weight: bolder;
}

/* ------------------------------------ Contenu du Site ------------------------------------------*/

div.sommaire
{
	margin:10px;
	text-align:left;
	vertical-align:middle;
}

div.sommaire a, div.sommaire img
{
	vertical-align:middle;
}

div.logiciel
{
	text-align:center;
}

div.separateur
{
	text-align:center;
}

/* a {color: #89579c;} */
/* a {color: #2390c9;} */
/* a {color: #ffb500;} */
a {color: #000000;}
a:hover {color: #ffb500;}
/*
a:link {color: #ffb500;}
a:visited {color: #ffb500;}
a:active {color: #ffb500;}
a:focus {color: #ffb500;}
a:active {color: #ffb500;}
*/

p:first-letter
{
color: #ffb500;
font-size: 160%;
font-weight: none;
margin-left: 18px;
float:none;
}

p.sub:first-letter
{
	color: #ffb500;
	font-size: 130%;
	font-weight: none;
	margin-left: 12px;
	float:none;
}

div.retour
{
	text-align: right;
}

span.definition {color: #000000; font-weight: bold; text-decoration: none;}

div.diagramme
{
	text-align: center;
	/*
	background-image: url(../_img/divers/players.gif);
	background-repeat: no-repeat;
	padding-top: 50px;
	*/
	margin-top:10px;
	border-top:1px solid;
	padding-top: 10px;
}

div.navigation
{
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.suivant
{
	text-align: center;
	/*
	background-image: url(../_img/divers/players.gif);
	background-repeat: no-repeat;
	padding-top: 50px;
	*/
	margin-top:10px;
	border-top:1px solid;
	padding-top: 10px;
}

/* -------------------------------------------- mori ---------------------------------------------*/

div.mori-succes
{
	text-align:center;font-size:130%;color:red;
}

div.mori-echec
{
	text-align:center;font-size:130%;color:#2390c9;
}

span.mori-succes
{
	color:red;
}

span.mori-echec
{
	color:#2390c9;
}

div.mori-alert
{
	text-align:center;font-size:130%;color:#2390c9;
}

div.mori-commentaire
{
	text-align:justify;font-size:100%;color:#000000;
}

/* ----------------------------------------- Formulaires -----------------------------------------*/

input, select
{
background-color: #ffffff; 
border: 1px solid #ffb500;
color: #495257;
font-family: Verdana;
font-weight: bold;
}

input.texte_titre
{
	background-color: #fcfdff; 
	border: 1px solid #2390c9;
	color: #495257;
	font-family: Verdana;
	font-weight: normal;
	font-size:10pt;
	vertical-align: middle;
}

input.bouton_titre
{
	background-color: #fcfdff; 
	border: 1px solid #2390c9;
	color: #495257;
	font-family: Verdana;
	font-weight: bold;
}

input[disabled]
{
	color: #c7beb9;
}


/* -------------------------------------------- Dico ---------------------------------------------*/

.francais
{
color: #ffb500;
font-weight: bold;
}

.francais
{
color: #000000;
font-weight: bold;
}

.japonais
{
color: #ffb500;
font-weight: bold;
}

.chinois
{
color: #990000;
font-weight: bold;
}

.coreen
{
color: #009999;
font-weight: bold;
}

.anglais
{
color: #990099;
font-weight: bold;
}

div.dico img
{
vertical-align:bottom;
}

/* --------------------------------------- Liste de parties --------------------------------------*/

table.liste_parties
{
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}

table.liste_parties th
{
	border:1px solid #000000;
	text-align: center;
	font-size: 100%;
	/*background: #ffb500;*/
}

table.liste_parties td
{
	border:1px solid #000000;
	text-align: center;
	font-size: 100%;
}

/* -------------------------------------- Tableaux divers ----------------------------------------*/

div.table
{
	text-align: center;
	margin: 10px;
}

div.table table
{
	margin: auto;
	border-collapse:collapse;
	border: 1px solid #1284bb;
}

div.table table th, div.table table td
{
	padding: 5px;
}

div.table table th
{
	text-align:left;
	background-image:url(../_img/design/barre-de-titre-tableau.png);
	background-repeat: repeat-y;
	color: #ffb500;
}

table.diagramme td
{
	padding: 10px;
	vertical-align: middle;
}

div.plan_site table th
{
	text-align:center;
}

div.plan_site table td
{
	padding: 10px;
}

table.goban
{
	margin:10px;
	border-collapse:collapse;
	border:0;
}

table.goban td
{
	padding:0px;
}

table.goban td img
{
	border:0;
	display:block;
}

/* ----------------------------------------- Pied de page ----------------------------------------*/

div.pied_de_page
{
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 3px;
}

table.pied_de_page
{
	margin: 0;
	padding: 0;
	background-color: #edf6fb;
	width: 100%;
	border-collapse: collapse;
}

td.pied_de_page_gauche
{
	margin: 0;
	padding: 3px;
	border: 0;
	width: 190px;
	vertical-align: top;
	text-align: center;
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-color: #2390c9;
	border-style: solid;
	font-size: 80%;
}

td.pied_de_page_droite
{
	vertical-align: top;
	margin: 0;
	padding: 3px;
	text-align: center;
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-color: #2390c9;
	border-style: solid;
	font-size: 80%;
}