body {
margin : auto;
padding : 0;
font-size: 12px;
color : #000000;
font-family: Arial, Helvetica, sans-serif;
background : #3a0a00;
}

img {
border: 0;
}

form {
margin: 0;
padding:0;
display: inline;
}

li {
display: list-item;
list-style-image: url('images/puce.png');
padding-bottom: 2px;
}




/******************** LIENS ********************/ 

a {
color : #000000;
font-weight: bold;
text-decoration: underline;
}

a:hover {
color : #000000;
font-weight: bold;
text-decoration: underline;
}

/******************** LIENS ********************/ 

    #inscription {border: none; margin: 0; padding: 0; width: 500px;	/*** Largeur du formulaire ***/ } 
    #corpForm input     {margin-left: 1em; text-align: center; width:200px;} 
    #corpForm select    {margin-left: 1em; text-align: center; width:200px;} 
    #corpForm textarea  {margin-left: 1em; text-align: center; width:200px;} 
    #corpForm fieldset{	/*** Mise en fome du corps du formulaire (bordure, couleur du fond...) ***/ border: 1px solid black; color: black; float: center; text-align: center; background: #ffffff; margin: 0; padding: 1em; } 
    #corpForm fieldset {	/*** Mise en forme des cadres ***/ margin: 0; font-style: normal; padding: 0 1em 1em; background: #efefef; } 
    #corpForm p {	/*** Mise en forme des lignes du formulaire ***/ font: 1em arial, helvetica, sans-serif; padding: .2em 0; margin: 0 0 .2em 0; } 
    #corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/ float: left;	/*** Très important, ne pas suprimer ! ***/ width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/ text-align: right;	/*** ... et ils sont alignés à droite... ***/ margin: 0; padding: 0 .5em 0 0; line-height: 1.8;	/*** ... et centrés verticalement. ***/ } 
    #corpForm label:hover, #corpForm input { cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/ }
    #corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/ background: #E7FAD8; color: black; }
    #corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/ background: white; color: black; }
    #corpForm label.oblig {font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/}


/******************** DESIGN GLOBAL ********************/ 

#global {
width: 950px;
margin: auto;
}

#header {
height: 127px;
}

#header_bas {
height: 53px;
background : url('images/header_bas.jpg') no-repeat;
}

#menu {
height: 42px;
background : url('images/menu.png') no-repeat;
}

#menu_liens {
padding-left: 26px;
}

#contenu_haut {
height: 16px;
background : url('images/contenu_haut.png') no-repeat;
}

#contenu_fond {
background : url('images/contenu_fond.png') repeat-y;
padding: 0 28px 6px 28px;
}

#contenu_image {
float: left;
width: 460px;
}

#contenu_droite {
float: right;
width: 420px;
}

.titre {
color: #980049;
font-size: 13px;
font-weight: bold;
margin-bottom: 8px;
}

h1 {
color: #980049;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
}

h2 {
color: #980049;
font-size: 13px;
font-weight: bold;
margin-bottom: 8px;
}

h3 {
color: #980049;
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}

p {
text-align:justify;
}

#footer {
height: 117px;
background : url('images/footer.jpg') no-repeat;
}

#footer_texte {
font-size: 10px;
text-align: center;
color: #FFFFFF;
position: relative;
top: 28px;
}

/******************** DESIGN GLOBAL ********************/