* {
padding: 0;
margin: 0;
}



/* DESIGN GLOBAL */
body {
background: url(img/body.gif) repeat-x #030303;
font-size: 0.7em;
color: #fff;
font-family: Arial;
}

div#global {
width: 947px;
margin: auto;
overflow: hidden;
background: url(img/global.gif) repeat-y;
}

a img { border: none; }
ul { list-style: none; }



/* BARRE HORIZONTALE */
div#barrehorizontale {
margin: 0 14px 0 14px;
background: url(img/top.gif) repeat-x;
height: 26px;
position: relative;
padding: 0 0 0 31px;
}

div#barrehorizontale form {
float: right;
margin: 3px 35px 0 0;
display: inline;
}

div#barrehorizontale form input#utilisateur, div#barrehorizontale form input#mdp {
width: 96px;
height: 17px;
padding: 2px 5px 0 5px;
border: none;
background: url(img/input.gif) no-repeat;
color: #fff;
}

div#barrehorizontale form input#connexion {
border: none;
color: #fff;
height: 18px;
width: 28px;
background: url(img/ok.gif) no-repeat;
}

div#barrehorizontale p#message {
font-weight: bold;
padding: 7px 0 0 31px;
}

div#barrehorizontale img#icone {
position: absolute;
margin: 5px 0 0 31px;
top: 0;
left: 0;
}



/* BANNIERE */
h1#banniere {
margin: 0 14px 0 14px;
height: 128px;
background: url(img/header.gif) no-repeat;
}

h1#banniere a {
display: block;
width: 919px;
height: 128px;
}

h1#banniere a span { display: none; }



/* MENU HORIZONTAL */
ul#menuhorizontal {
height: 60px;
margin: 0 13px 0 14px;
background: url(img/speedbar.gif) no-repeat;
}

ul#menuhorizontal li {
float: left;
margin: 0 1px 0 0;
}

ul#menuhorizontal li a {
display: block;
width: 114px;
height: 33px;
}

ul#menuhorizontal li a span { display: none; }



/* CONTENU */
div#contenu {
overflow: hidden;
width: 100%;
margin: 0 14px 0 14px;
background: url(img/content.gif) no-repeat;
}

div#contenu div#menuvertical {
float: left;
display: inline;
margin: 12px 0 0 17px;
width: 143px;
}

div#contenu div#menuvertical ul { margin: 10px 0 15px 0; }

div#contenu div#menuvertical ul li {
padding: 0 0 4px 0;
margin: 0 0 8px 0;
background: url(img/dotted.gif) repeat-x bottom left;
}

div#contenu div#menuvertical ul li a {
color: #fff;
text-decoration: none;
background: url(img/puce.gif) bottom left no-repeat;
padding: 1px 0 1px 20px;
font-size: 1.1em;
}

div#contenu div#texte {
margin: 34px 0 0 30px;
width: 709px;
float: left;
}



/* PIED DE PAGE */
div#pieddepage {
padding: 71px 0 0 0;
text-align: center;
}

div#pieddepage a#remonter {
display: block;
width: 947px;
height: 41px;
}

div#pieddepage a#remonter span { display: none; }

div#pieddepage p {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
}

div#contenu div#texte a, div#pieddepage p a { color: #00fffc; font-weight: bold; text-decoration: none; }