/* Éléments généraux */
body {
font-family:Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:80%;

background-color:#ffffff;
color:#000000;
}
p { font-size:1em; }
a, a:link {
text-decoration:none;
color:#009900;
}
a:visited {
text-decoration:none;
color:#006633;
}
a:hover, a:focus {
text-decoration:underline;
color:#006600;
background-color:#cceeff;
cursor:pointer;
}
h1 {
font-size:1.75em;
font-weight:bold;
color:#003366;
}
h2 {
font-size:1.6em;
font-weight:normal;
padding:7px;
border:solid 1px #6699cc;
color:#003366;
background-color:#ddffff;
background-image:URL(fond.png);
background-repeat:repeat-y;
}
h3 {
font-size:1.5em;
color:#003399;
}
h4 {
font-size:1.35em;
color:#006699;
}
h5 {
font-size:1.25em;
color:#336699;
}
h6 {
font-size:1.15em;
color:#3366cc;
}

.inputNormal, input, textarea, select  {
border:solid 1px #00cccc;
background-color:#b0eeff;
color:#000033;
}
.inputFocused, input:hover, input:focus, textarea:focus, textarea:hover, select:hover, select:focus {
border:solid 1px #0099cc;
background-color:#aaeeff;
color:#000000;
}
.buttonNormal, button {
border:outset 2px #99ccff;
background-color:#b0eeff;
color:#000033;
}
.buttonFocused, button:hover, button:focus {
border:outset 2px #0066ff;
background-color:#aaeeff;
color:#000000;
}

acronym, abbr { 
border:dotted 1px #0000ff; 
}
table {
border:outset 3px #33ffcc;
}
td { 
border:outset 1px #33ffcc;
}
th {
border:outset 1px #33ffcc;
background-color:#aaccff;
font-weight:bold;
}
strong, em {
font-weight:bold;
color:#cc0000;
}
del { text-decoration:line-through; }
label { cursor:pointer; }
legend { 
margin-left:20%; 
font-size:1.3em;
font-weight:bold;
}
div, img, object { margin:0px; padding:0px; }
ul {
margin-left:4%;
list-style-type:disc; 
}
ol {
margin-left:4%;
list-style-type:decimal; 
}
ul ul { list-style-type:square; }
ul ul ul { list-style-type:circle; }
ol ol { list-style-type:lower-alpha; }
ol ol ol { list-style-type:upper-roman; }
dl, dt, dd { 
margin-top:8px;
margin-bottom:8px;
}

/* Définition des classes usuelles */
dt.forumAuteur { text-align:right; }
span.forumPost {
	float:left;
width:auto;
padding:0% 0.5%;
}
ul.inline { }
ul.inline li { display:inline; }
.fixedWidth { 
width:20%; 
text-align:left;
float:left;
}
.flotteGauche { float:left; padding:5px; }
.flotteDroite { float:right; padding:5px; }
.flotteGauche25 { float:left; width:23%; padding:5px; }
.flotteDroite25 { float:right; width:23%; padding:5px; }
.flotteGauche50 { float:left; width:48%; padding:5px; }
.flotteDroite50 { float:right; width:48%; padding:5px; }
.flotteGauche75 { float:left; width:73%; padding:5px; }
.flotteDroite75 { float:right; width:73%; padding:5px; }


/* Positionnement général */
#conteneur {
width:100%;
padding:0px;
margin:0px;
}
#header {
padding:8px;
margin-bottom:10px;

background-color:#ddffff;
background-image:URL(fond.png);
background-repeat:repeat-y;
border:solid 1px #6699cc;
}
#menu {
float:left;
width:23%;
overflow-x:hidden;

padding:8px;

background-color:#ddffff;
background-image:URL(fond.png);
background-repeat:repeat-y;
border:solid 1px #6699cc;
}
#contenu {
margin-left:24%;
 padding-left:8px; 
width:73%;
}
#page {
}
#footer {
margin-left:24.5%;
font-size:0.9em;
clear:both;
}


/* éléments spécifiques */
#menu a {
display:block;
}
#menu a:hover, #menu a:active {
display:block;
text-decoration:none;
}
#menu h3 {
font-size:1.2em;
font-weight:bold;
}
#menu h2 {
font-size:1.2em;
font-weight:bold;
}
#menu input:hover, #menu input:focus, #menu select:hover, #menu select:focus   { 
background-color:transparent; 
}
#menu ul, #menu li {
margin:0px;
padding:0px;
list-style-type:none; 
}



/* em, strong {  font-weight:bold; } */