* {
margin:0;
padding:0;
}
html,body {
font-family:Verdana, "Bitstream Vera Sans", sans-serif;
font-size:1em;
color:#000;
background:#999;
width:100%;
height:100%;
text-align:center;
}
h1 {
margin:30px;
}
h2 {
margin:20px;
}
p {
margin:10px;
}
strong {
font-weight:bold;
font-size:1.1em;
color:#039;
}
em {
font-style:italic;
font-size:0.9em;
color:#039;
}
hr {
display:none;
clear:both;
}
a {
color:#000;
}
a:hover {
color:#039;
}
img {
border:0;
}
/* CONTENEUR */
#conteneur {
position:relative;
width:950px;
height:100%;
background:#999;
margin:0 auto;
text-align:left;
}
/* HEAD */
#head {
z-index:4;
position:relative;
left:0px;
top:0px;
width:950px;
height:175px;
background:#ccc;
}
/* FLASH */
#flash {
z-index:6;
position:absolute;
top:0px;
left:0px;
width:700px;
height:140px;
}
/* COLABORATEUR */
#colaborateur_en, #colaborateur_fr {
z-index:7;
position:absolute;
top:0px;
right:0px;
width:190px;
height:170px;
}
#colaborateur_fr {
background:url(form_fr.png) no-repeat;
}
#colaborateur_en {
background:url(form_en.png) no-repeat;
}
#colaborateur_en div, #colaborateur_fr div {
margin-top:60px;
margin-left:15px;
font-size:0.8em;
line-height:15px;
}
/* MENU */
#contenu #menu li {
list-style-type:none;
}
#menu {
z-index:5;
position:absolute;
top:170px;
left:0;
z-index:100;
width:100%; /* précision pour Opera */
height:100px;
}
#menu li {
float:left;
text-align:center;
height:30px;
line-height:30px;
background:#369;
border:1px solid #036;
}
#menu li a {
color:#fff;
text-decoration:none;
display:block;
height:100%;
border:0 none;
}
#menu li a:hover {
background:#036;
}
/* SPACER */
#s_head {
z-index:1;
width:950px;
height:230px;
background:url(header.png) repeat-x;
}
#s_foot {
z-index:2;
margin-top:20px;
width:950px;
height:60px;
background:url(footer.png) no-repeat;
}
#s_foot a {
color:#369;
display:block;
position:absolute;
bottom:7px;
left:7px;
}
/* CONTENU */
#page {
z-index:3;
position:relative;
left:0px;
top:0px;
font-size:0.8em;
width:950px;
background:#fff;
background:url(fond.png) repeat-y #fff;
}
#contenu {
margin:10px;
width:930px;
}
#gauche_en {
width:670px;
background:url(fond_gauche_en.png) top right no-repeat;
}
#gauche_fr {
width:670px;
background:url(fond_gauche_fr.png) top right no-repeat;
}
#gauche_en p,
#gauche_en h1,
#gauche_en h2,
#gauche_en h3,
#gauche_en img,
#gauche_fr p,
#gauche_fr h1,
#gauche_fr h2,
#gauche_fr h3,
#gauche_fr img  {
margin-right:40px;
}
#droite {
float:right;
width:250px;
line-height: 1.5em;
}
#droite p,
#droite h1,
#droite h2,
#droite h3,
#droite img {
margin-top:40px;
}
#contenu ul {
margin:15px;
}
#contenu li {
margin:15px;
list-style:url(li.png);
}
/* FICHIERS */
#contenu table {
width:700px;
text-align:center;
font-size:0.8em;
}
#contenu table th {
width:100px;
background-color:#CCC;
}
#contenu table tr {
height:30px;
}
.pair {
background-color:#EEE;
}
.impair {
background-color:#DDD;
}
#current {
color:#F00;
}
/* MEMBRE */
#form {
width:500px;
text-align:center;
}
#form label {
float:left;
display:block;
width:200px;
height:30px;
line-height:30px;
text-align:right;
}
#form span {
float:right;
display:block;
width:290px;
height:30px;
line-height:30px;
text-align:left;
}
/* ADMIN */
#taille {
margin-left:50px;
text-align:left;
}
/* MENU MEMBRE */
#menu_membre {
margin:30px;
width:900px;
height:30px;
}
#menu_membre li {
list-style-type:none;
float:left;
margin-left:30px;
font-weight:bold;
font-size:1.1em;
color:#039;
}