*{
padding:0;
margin:0;
}

html, body{
background:#999999;
color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
height:100%; /* Hack pied de page 100% */
}

html>body #box {
height: auto; /* Hack pied de page 100% */
}

/* BOX principal*/

#box{
position:relative;
/*background:url(../img/haut.gif) top left no-repeat #333333;*/
background:#333333;
width:720px;
margin:auto;
padding:0px 15px 0px 15px;
/* Hack pied de page 100% */
min-height:100%;
height:100%;
voice-family: "\"}\"";
voice-family: inherit;
/* Fin de Hack */
}

#tete{
padding:15px 30px 15px 0;
margin:0;
}

h1#enTete{
float:right;
padding:35px 0 0 0;
margin:0;
font-size:1.4em;
text-decoration:underline;
color:#cccccc;
}

/* MENU */

ul#menu, ul#menu li{
list-style-type:none;
}

ul#menu{
background:transparent url(../img/menu.jpg) top left no-repeat;
margin:40px 50px 0px 0px;
float:left;
height:364px;
width:135px;
}

ul#menu li a{
display:block;
height:26px;
width:135px;
}

ul#menu li a:hover {
background:transparent url(../img/menu.jpg) top left no-repeat ;
}

ul#menu li a#lien1:hover{
background-position: 0% -364px;
}

ul#menu li a#lien2:hover{
background-position: 0% -390px;
}

ul#menu li a#lien3:hover{
background-position: 0% -416px;
}

ul#menu li a#lien4:hover{
background-position: 0% -442px;
}

ul#menu li a#lien5:hover{
background-position: 0% -468px;
}

ul#menu li a#lien6:hover{
background-position: 0% -494px;
}

ul#menu li a#lien7:hover{
background-position: 0% -520px;
}

ul#menu li a#lien8:hover{
background-position: 0% -546px;
}

ul#menu li a#lien9:hover{
background-position: 0% -572px;
}

ul#menu li a#lien10:hover{
background-position: 0% -598px;
}

ul#menu li a#lien11:hover{
background-position: 0% -624px;
}

ul#menu li a#lien12:hover{
background-position: 0% -650px;
}

ul#menu li a#lien13:hover{
background-position: 0% -676px;
}

ul#menu li a#lien14:hover{
background-position: 0% -702px;
}

ul#menu li a#lien15:hover{
background-position: 0% -728px;
}

/* Contenu */

div#contenu{
background:#333333;
float:left;
width:500px;
margin:40px 0px 35px 0px;
padding:0 0 55px 0;
}

div#lexExt{
background:#333333;
width:500px;
padding:15px
}

h1{
text-align:center;
font-size:1em;
color:#ffd75b;
margin:1em;
}

h2{
font-size:1em;
color:#ffd75b;
font-style:italic;
margin:25px 0px;
}

.info{
display:block;
text-align:right;
font-size:0.7em;
margin:15px 0;
}

p{
text-align:justify;
line-height:1.5em;
margin:0.7em 0;
}

.lex{
text-align:left;
}

.def{
color:#ffd75b
}

ul{
list-style-type:square;
margin:15px 0 15px 30px;
line-height:1.5em;
}

.boldUnderline{
font-weight:bold;
text-decoration:underline;
}

.lettrine{
font:bold 1.3em Georgia, "Times New Roman", Times, serif;
color:#ffd75b;
}

a{
color:#ffd75b;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

img.img{
display:block;
margin:auto;
}

.separation{
clear:both;
visibility:hidden;
}

/* PIED DE PAGE */

#pied{
position:absolute;
bottom:0;
left:0;
width:750px;
padding-bottom:5px;
text-align:center;
font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
line-height:1.5em;
}

#pied a{
color:#666666;
}
#pied a:hover{
color:#ffd75b;
}

hr{
background-color:#666666;
color:#666666;
margin:2px auto;
height: 1px;
border: 0;
}