*{
margin:0;
padding:0
}

body, .normal, textarea, td { 
color: #ccc; 
font-size: 14px; 
font-family: Arial, Helvetica 
}

.petit{
font-size:12px;
}

b, a, .gras{
font-family: Verdana;
color: #ccc; 
font-size: 11px;
font-weight:bold;
}

a:hover{
color:#ffb200;
}

.titregras{
font-weight:bold;
}

img {
border:none;
}

#bandeau{
width:897px;
height:70px;
}

#menus{
width:897px;
background-color:#555;
padding-top:5px;
padding-bottom:5px;
}

.sousmenu{
display:none;
width:897px;
background-color:#777;
padding-top:5px;
padding-bottom:5px;
}

#bas, #haut{
margin-right:10px;
}

#contenu{
width:897px;
}

#droite{
width:250px;
}

.cadrehaut{
background:url(images/interface/cadrehaut.gif) top left no-repeat;
}

.cadrebas{
background:url(images/interface/cadrebas.gif) bottom left no-repeat;
}

.grandcadrehaut{
background:url(images/interface/grandcadrehaut.gif) top left no-repeat;
width:640px;
}

.grandcadrebas{
background:url(images/interface/grandcadrebas.gif) bottom left no-repeat;
width:640px;
}
.explic{
padding:0 0 0 17px;
color: #888888;
font-weight: bold;
font-size: 11px;
font-family: Verdana;
text-shadow: 1px 1px 2px #000000;
text-align:left;
text-decoration:none;
background:url(images/interface/boutonorangeover.gif) left no-repeat;
}

.explic:hover{
padding:0 0 0 17px;
color: #ccc;
font-weight: bold;
font-size: 11px;
font-family: Verdana;
text-shadow: 1px 1px 2px #000000;
text-align:left;
text-decoration:none;
background:url(images/interface/boutonorangeover.gif) left no-repeat;
}

.sousexplic{
color: white;
font-weight: bold;
font-size: 11px;
font-family: Verdana;
text-shadow: 1px 1px 2px #000000;
text-decoration:none;
}

.sousexplic:hover{
color: #ccc;
font-weight: bold;
font-size: 11px;
font-family: Verdana;
text-shadow: 1px 1px 2px #000000;
text-decoration:none;
}

.large{
text-align:justify;
padding:17px 30px 20px 23px;
color:white;
}

.etroit{
text-align:justify;
padding:16px 10px 16px 18px;
}

.gauche{
float:left;
margin:5px 10px 5px 0;
}

.droite{
float:right;
margin:5px 0 5px 10px;
}

#palette{
position:fixed;
right:0;
top:0;
padding:8px 10px 0 10px;
width:290px;
height:100%;
background-color:#666;
}

.paletteint{
width:290px;
padding:0 10px 0 10px;
}

.paletteh{
background:url(images/interface/editH.gif) left no-repeat;
width:290px;
height:13px;
}

.palettem{
background:url(images/interface/editM.gif) repeat-y;
width:290px;
}

.paletteb{
background:url(images/interface/editB.gif) left no-repeat;
width:290px;
height:14px;
}

.areainvisible{
visibility:hidden;
width:1px;
height:1px;
}

.editgris{
padding:0 0 0 17px;
color: #bbb;
font-weight: bold;
font-size: 11px;
font-family: Verdana;
text-shadow: 1px 1px 2px #000000;
background:url(images/interface/boutonorangeover.gif) left no-repeat;
}

.areaedit{
width:180px;
height:16px;
background-color:#555;
color:#ccc;
}