/* CSS Document */

/*------------------------------------------------------------------------------------------------------------
------------------------------------------------ Ossature du site---------------------------------------------*/
* { padding:0; margin:0; }
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	background: url(../_img/_img_design/tatami.gif);
	margin-top: 10px;
	margin-bottom: 10px;
}

#global 
{
	width: 770px;
	overflow: hidden; /*permet au cadre global de s'adapter à la taille du contenant */
	color: #990000;
	background-color: #eeeebb;
	/* border: 1px solid #990000;  */
	margin-left: auto;
	margin-right: auto;
}



#menu_gauche {
	float: left;
	margin-top: 27px;
	width:120px;
	margin-left: 5px;
	margin-right: auto;
	text-align:center;
	border: 0px solid;
	text-align: center;
}

#menu_droite {
	float: right;
	width:630px;
	margin-top: 16px;
	margin-right: 5px;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 3px;
	/*border-bottom: 1px solid #009900; 
	border-left: 1px solid #009900;
	border-right: 1px solid #990000;
	border-top: 1px solid;*/
}


#footer {
	width: 770px;
	height: 20px;
	border: 0px; 
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	Background-color: #990000;
}

/*----- Style des liens -----*/
#footer a:link { color: #ffffff; text-decoration: underline; }
#footer a:visited { color: #ffffff; text-decoration: underline; }
#footer a:hover { color: #ffffff; text-decoration: none; }
#footer a:active { color: #ffffff; text-decoration: underligne; }
/*----- FIN du style des liens -----*/


/*------------------------------------------------ FIN de l'ossature du site -----------------------------------
----------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------
------------------------------------------- Mise en forme du Header --------------------------------------------*/

	
#header
{	
	margin-top: 0px;
	margin-left: 0px;
	width: 770px;
	height: 100px;
	background-color: #990100;
	
}

.logo
{
margin-left: 5px;
margin-left: 5px;
width: 205px;
height: 100px;
float: left;
}

.slogan
{
	float: right;
	width: 555px;
	height: 30px;
	text-align: center;
	margin-top: 44px;
	margin-right: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;

}

.menu_horizontal
{
	clear: both;
	width: 250px;
	height: 17px;
	text-align: Left;
	margin-left: 11px;
	padding-top: 5px;
	color: #9c0000;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;

}

 .boutons
 { border:1px solid #fff;
 -moz-border-radius: 10px;
 background-color:#000;
 color:#fff;}
 
  .entree
 { border:1px solid #fff;
 -moz-border-radius: 10px;
 background-color:#b5c794;
 color:#9c0000;}
 .entree:focus
 {background-color:#fff;}




/*-------------------------------------------- FIN de la mise en forme du Header -------------------------------
----------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------
------------------------------------------------ Mise en forme du menu ---------------------------------------*/

.haut_menugauche
{
	font-size: 12px;
	color: #666666;
}

.bloc 
{
	width: 120px;
	color: #990000;
}

.titre_bloc
{
	width: 120px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	background-image: url(../_img/_img_design/menu_haut.gif);
	background-repeat: no-repeat;

}

.corps_bloc
{
	background-color: #c5dba4;
	font-size: 10px;
	font-weight: 600;
}

.corps_bloc ul
{
	margin: 0;
	padding: 0;
}

.li_seul
{
list-style : none;
}


.corps_bloc li
{
	text-align: left;
	width: 102px;
	height: 18px;
	line-height: 18px;
	border-top: 1px solid #b0c791;
	border-left: 1px solid #b0c791;
	border-right: 2px solid #b0c791;
	padding-left: 15px;
	background-color: #c5dba4;
	background-image:url(../_img/_img_design/fleche_menu.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 10px;
	font-weight: 600;
}

.corps_bloc li:hover
{
	text-align: left;
	width: 102px;
	height: 18px;
	line-height: 18px;
	border-top: 1px solid #b0c791;
	border-left: 1px solid #b0c791;
	border-right: 2px solid #b0c791;
	padding-left: 15px;
	background-color: #990000;
	background-image:url(../_img/_img_design/fleche_menu2.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 10px;
	font-weight: 600;
	color: #c5dba4;
}

.corps_bloc li:hover a
{
	color: #c5dba4;
	text-decoration: none;
}


.bas_bloc
{
	width: 120px;
	height: 31px;
	line-height: 31px;
	background-image: url(../_img/_img_design/menu_bas.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

/*------------------------------------------------ FIN de la mise en forme du menu -----------------------------
----------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------
------------------------------------------- Mise en forme du corps du site --------------------------------------*/

/*----- Style des liens -----*/
a:link { color: #990000; text-decoration: none; }
a:visited {	color: #990000; text-decoration: none; }
a:hover { text-decoration: underline; color: #990000; }
a:active { text-decoration: none; color: #990000; }
/*----- FIN du style des liens -----*/


/*----- Style des paragraphes -----*/
p
{
	display: block;
}

.p_corps
{
	margin-bottom: 15px;
	margin-top: 8px;
	line-height: 18px;
	display: block;
}

p:first-letter
{	
	color: #990000;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
/*----- FIN du style des paragraphes -----*/


/*----- Style des images -----*/
img
{
	border: none;
}

.image_bloc
{
	margin: 10px 20px 10px 20px;
	border: 0px;
}
/*----- FIN du style des images -----*/


/*----- Style des titres -----*/
h1
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	display: inline;
}

h2
{
	font-style:italic;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
	display: block;
}

h2:first-letter
{	
	color: #990000;
	font-size: 16px;
	font-weight: bold;
}
/*----- FIN du style des titres -----*/

.centrer {text-align: center;}

.float_droite { float: right; }
.stop_droite { clear: right; }
.float_gauche { float: left; }
.stop_gauche { clear: left; }
.float_inherit { float: inherit; }
.float_none { float: none; }

.historique
{
float: right;
clear: right;
position: relative;
bottom: 17px;
}

/* table encadrement type 1 */

.table_1
{
	border: none;
	border-collapse: collapse;
	margin: 3px;
}

.td1_topleft { background-image:url(../_img/_img_design/cadre_fiche_topleft.gif); width: 10px; }
.td1_top { background-image:url(../_img/_img_design/cadre_fiche_top.gif); height: 14px; }
.td1_topright { background-image:url(../_img/_img_design/cadre_fiche_topright.gif); 	width: 10px; }

.td1_left { background-image:url(../_img/_img_design/cadre_fiche_left.gif); width: 5px; }
.td1_corps 
{ 	
	background-color: #b0c791;
	vertical-align: top; padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 14px;
	text-align: left;
}
.td1_right { background-image:url(../_img/_img_design/cadre_fiche_right.gif); width: 5px; }

.td1_bottomleft { background-image:url(../_img/_img_design/cadre_fiche_botleft.gif); width: 10px; }
.td1_bottom { background-image:url(../_img/_img_design/cadre_fiche_bot.gif); height: 14px; }
.td1_bottomright { background-image:url(../_img/_img_design/cadre_fiche_botright.gif); width: 10px; }

/* FIN de la table type 1 */



/* Table 2 interieur table1 */

.table_2
{
	border-spacing:5px;
}

.td2_img
{
	width: 100px;
	vertical-align: top;
}

.td2_corps
{
	vertical-align: top;
	text-align: left;
	width: 100%;
	padding-left: 3px;
}

/* FIN Table 2 interieur table1 */


.td_dernierarticle
{
	width: 25%;
	text-align:center;
	font-size : 0em;
}

.td_dernierarticle_2
{
	width: 25%;
	text-align:center;
}


.box ul { list-style-type: none; padding: 0; margin: 0; }
.box li { color: #990000; line-height: 17px; width: 100%; }
.box li:hover { color: #990000; background-color: #c5dba4; width: 100%; }

.hr
{
	color: #6a7857;
	width: 100%;
	text-align: left;
	margin-bottom: 3px;
	margin-bottom: 3px;
	border-style: solid;
	border-width: 1px;
}

/*----------------------------------------- FIN de la mise en forme du corps du site ---------------------------
----------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------
------------------------------------------- Mise en forme du module TSUMEGO --------------------------------------*/

.table_tsumego
{
	width:576px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.td_tsumego
{
	width: 50%;
	vertical-align: top;
	color:#fff;
	font-weight:bold;
	border:2px solid #990000;
}

.div_tsumego
{
	background-color:#990000;
	line-height:22px;
}

.div_tsumego_img
{
	padding: 5px;
}



.table_tsu
{
	border-collapse: collapse;
}
.tr_tsu_1 
{
	line-height: 20px;
	background-color : #990000;
	vertical-align : middle;
	font-size : 14px;
	font-style : italic;
	color : #ffffff;
	font-weight : bold;
	border: 2px solid #990000;
}

.tr_tsu_2 
{
	background-color : #b0c791;
	margin : 5px;
	padding : 5px;
}

.td_tsu_1 
{
	margin : 5px;
	padding : 5px;
	vertical-align : top;
	font-size: 12px;
	border: 2px solid #990000;
}

.td_tsu_2 
{
	padding-left : 5px;
	margin-left : 5px;
}


/*----------------------------------------- FIN de la Mise en forme du module TSUMEGO ---------------------------
----------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------
--------------------------------------- Style des formulaires -------------------------------------------------*/		   

input{
background-color: #c5dba4; 
border-bottom: 1px solid #990000;
border-left: 1px solid #990000;
border-right: 1px solid #990000;
border-top: 1px solid #990000;
color: #990000;
font-family: verdana;
font-size: 8px;
font-weight: bold;
margin-bottom: 2px;}


textarea
{
background-color: #c5dba4; 
border-bottom: 1px solid #990000;
border-left: 1px solid #990000;
border-right: 1px solid #990000;
border-top: 1px solid #990000;
color: #990000;
font-family: verdana;
font-weight: bold;
margin-bottom: 2px;}

.textformulaire 
{
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #f7f7f7;
	border-bottom: 1px solid; 
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
}

SELECT { 
background-color: #eeeebb; 
border-bottom: 1px solid #990000;
border-left: 1px solid #990000;
border-right: 1px solid #990000;
border-top: 1px solid #990000;
color: #990000;
font-family: verdana;
font-size: 10px;
font-weight: bold }

label
{
color: #000000;
font-size: 8px;
}

.p_label:first-letter
{	
	color: #990000;
	margin-left: 0px;
	font-size: 10px;
	font-weight: bold;
}

.titre_bloc
{
	width: 120px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	background-image: url(../_img/_img_design/menu_haut.gif);
	background-repeat: no-repeat;

}

.corps_bloc_label
{
	background-color: #c5dba4;
	font-size: 10px;
	font-weight: 600;
	text-align: left;
	padding-left: 5px;
}


/* ------------------------------------------------FIN style des formulaires ------------------------------
------------------------------------------------------------------------------------------------------------*/	



/*--------------------------------------------------------------------------------------------------------------
 -------------------------------------------- style Popup tsumego ----------------------------------------------*/

.bloc_tsumego
{

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-bottom: 1px solid #009900; 
	border-left: 1px solid #009900;
	border-right: 1px solid #990000;
	border-top: 1px dashed;
	padding: 3px;
	color: #990000;
	background-color: #eeeebb;
	border: 1px solid #990000; 
}

.titre_bloc_tsumego
{
	text-align: left;
	font-size: 10px;
	color: #990000;
	font-weight: bold;
	padding-bottom: 3px;
}

.corps_bloc_tsumego
{
	text-align: center;
	font-size: 10px;
	color: #000;
	padding: 3px;
}

.bas_bloc_tsumego
{
	text-align: right;
	font-size: 10px;
	color: #000;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-top: 2px;
}

/* -------------------------------------------- FIN style Popup tsumego --------------------------------------
--------------------------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------------------------
------------------------------------------- Mise en forme du Pied de page --------------------------------------*/

.xhtml
{
float: left;
margin-left: 22px;
}

.xiti
{
position: relative;
float: right;
margin-right: 22px;
bottom: 13px;
}

/*----------------------------------------- FIN de la mise en forme du Pied de page ---------------------------
----------------------------------------------------------------------------------------------------------------*/



/* ------------------------------------- affichage des problemes hardos -------------------------------------
------------------------------------------------------------------------------------------------------------*/
img.probleme 
{border : none;margin : 0;padding : 0;font-size : 0.1em;line-height : 1px;display : block;background-color : #ff0000;}
tr.probleme 
{border : none;margin : 0;padding : 0;font-size : 0.1em;line-height : 1px;}
td.probleme 
{border : 0;margin : 0;padding : 0;font-size : 0.1em;line-height : 1px;}
table.probleme 
{border : 0;margin : 0;padding : 0;font-size : 0.1em;line-height : 1px;border-spacing : 0;margin-left : auto;margin-right : auto;}