/*
'chess.css' --> design de mon site sur les échecs !!!
créé par Pierre le 27/04/2006
*/


/*Les gros blocs*/

/*Le 'body' : fond, etc.*/
body
{
background-image : url("img/fond.jpg");
background-repeat : repeat;
}

/*le 'header' : logo, bannière, etc.*/
#header
{
height : 160px;
width : 95%;
margin : 10px 1% !important;
margin : 10px 0.96%;
margin-top : 40px !important;
margin-top : 40px;
padding : 0px 10px;
background-image : url("img/fond_header.jpg");
background-repeat : no-repeat;
border : 5px #660000 outset;
}

#header .logo
{
float : left;
margin : 5px 0px;
}

#header .title
{
float : left;
margin : 0px 12%;
}

/*le corps*/
#corps
{
width : 95%;
padding : 30px 20px;
margin : 20px 0px;
background-color : #f7fbce;
border : 3px #660000 solid;
font-family : "Comic sans MS", "Times new roman", serif;
}
#corps h2
{
font-weight : bold;
text-decoration : underline;
font-family : Arial, serif;
text-align : center;
}
#corps h3
{
font-family : "Arial black", serif;
font-style : italic;
border-bottom : 1px #d5ea4b solid;
border-left : 1px #d5ea4b solid;
}
#corps h4
{
font-family : "Times new roman", serif;
font-size : 1.2em;
}
.souligné
{
text-decoration : underline;
}
p .legende
{
font-size : 0.7em;
font-style : italic;
font-family : Arial;
margin : 0px 38% !important;
margin : 0px 20%;
}
.img_centree
{
margin : 0px 29% !important;
margin : 0px 20%;
}
.img_left
{
float : left;
margin-right : 6px;
}
.img_right
{
float : right;
margin-left : 6px;
}
p a, ol a, ul a
{
color : #a05f39;
text-decoration : none;
}
.question, .attention, .erreur, .info
{
height : 50px;
padding : 0px 45px;
background-repeat : no-repeat;
font-family : Arial, "Times new roman", serif;
}
.question
{
color : blue;
background-image : url("smiley/question.png");
}
.attention
{
color : orange;
background-image : url("smiley/attention.png");
}
.info
{
color : green;
background-image : url("smiley/info.png");
}
.erreur
{
color : red;
background-image : url("smiley/erreur.png");
}
.titre
{
text-decoration : underline;
font-weight : bold;
}
.grande_partie
{
list-style-type : upper-roman;
}
.sous_partie
{
list-style-type : decimal;
}
.grande_partie a
{
text-decoration : underline;
}
.sous_partie a
{
text-decoration : none;
}
caption
{
color : #743511;
font-weight : bold;
font-size : 1.1em;
}
table, td, th
{
font-family : Arial, serif;
border-collapse : collapse;
border : 1px solid black;
}
td, th
{
text-align : center;
}
th
{
color : #592a1d;
}
table
{
margin : 0px 29%;
}
.small_hr
{
width : 50%;
}


/*le menu*/
#menu ul
{
list-style-type : none;
margin : 0px;
}
#menu li
{
padding : 0px 20px;
margin : 5px 3px;
font-variant : small-caps;
border : 1px black dashed;
}
#menu .left
{
float : left;
}
#menu .right
{
float : right;
}
#menu
{
width : 98%;
height : 30px;
margin : 15px 0.8%;
margin-bottom : 50px;
background-image : url("img/fond_menu.jpg");
background-repeat : no-repeat;
border : 2px #686a00 solid;
padding : 0px;
}
#menu a
{
text-decoration : none;
color : #d6a400;
}

/*le 'footer'*/
#footer
{
height : 50px;
width : 40%;
margin : 20px 29%;
margin-top : 50px;
background-color : #f7fbce;
font-size : 0.7em;
border : 1px black solid;
text-align : center;
}