body {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-color: #000;
}

/* Titre */

h1 {
padding : 20px 0 20px 70px;
background:  url("../images/titre.gif") top left no-repeat;
font-size: 14px;
font-weight: bold;
color: #6ed8fa;
margin: 15px 0 0 5px;
}

/* Sous-titre */

h2 {
padding: -30px 0 0 0;
font-size: 12px;
font-weight: bold;
color: #fe7106;
margin: 0 0 0 10px;
}

/* Mise en page globale */

#conteneur {
position: absolute;
width: 990px;
left: 50%;
margin-left: -495px;
background-color: #000;
top:0;
}

/* */

/* en-t?te du site */
#header {
display:block;
height: 150px;
margin: 0;
}

/* contenu */
#centre {
margin: 0 10px 0 10px;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color: #fff;
clear:both;
width: 990px;
}

#centre a {
color: #fe7106;
}

#centre a:hover {
text-decoration: none;
color: #6ed8fa;
}

/* 2nd header */
#header2 {
display:block;
height: 230px;
margin: 0 0 0 195px !important;
margin: -210px 0 0 195px;
}

/* Menu */
#gauche {
position: absolute !important;
position: relative;
width: 190px;
}

ul.menu{
margin:0;
padding:0;
list-style-type:none; /*Suppression du margin,du padding et des puces du <ul>*/
}

ul.menu li{
margin:0;
padding:0; /*Suppression du padding du <li>*/
}

ul.menu li a{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold; display:block; /*On passe les liens en elements de type block pour leur donner des proprietes detaillees*/
width:190px;
line-height:36px;
color:#fff;
text-indent:55px;
text-decoration:none;
background:url("../images/menu.jpg") no-repeat 0 0; /*On met une image de background, que l'on positionne a 0px du bord gauche et 0px du bord haut*/
border:none;

}ul.menu li a:hover{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
background:url("../images/menu.jpg") no-repeat 0 -36px; /*Et ici on decale l'image du background de 30px vers le haut pour laisser apparaitre la 2eme partie de l'image*/
border:none;
color:#000;
}

/* pub */
#pub {
margin: 0 0 0 860px;
}

/* pied de page */
#footer {
display:block; 
margin: 0 0 10px 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6ed8fa;
}

#footer a {
color: #6ed8fa;
text-decoration: none;
}

#footer a:hover {
text-decoration: none;
color: #fe53bd;
}

/* Balises pr?d?finies */
p {
margin: 0 10px 0 10px;
}

.centre {
text-align: center;
}

/*Mise en forme formulaires */
form{
width:550px;
}

input{
border:1px solid #fe7106;
background-color:#000;
font-family:Arial,Helvetica,sans-serif;
color:#fff;
margin: 5px;
}

select,option{
background-color:#000;
color:#fe7106;
}

textarea{
border:1px solid #fe7106;
background-color:#000;
font-family:Arial,Helvetica,sans-serif;
color:#fff;
}

