/** CSS DE DESIGN GRAPH **/


html, body {
height: 100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-align: center;
color: black;
background-color: #000000;
padding: 0; 
/* top right bottom left */
margin: 0 0 10px 0;
background-image: url("../images/background.jpg");
background-repeat: repeat-x;
background-position: left top;
}

/** Conteneur Page **/
#container {
width: 973px;
min-height: 550px;
text-align: center;
padding: 0; 
margin: auto;
background-image: url("../images/container-background.jpg");
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
padding: 0 0 0 17px;
}

/** Pour IE **/
* html #container {
width: 990px;
}

/** Header **/
#header {
width: 973px;
height: 200px;
margin: auto;
}

/** Colonne Gauche **/
#gauche {
width: 210px;
float: left;
text-align: center;
background-image: url("../images/menu-background.jpg");
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 69px 0 0 0;
}

/** Corps Page **/
#corps {
width: 736px;
text-align: justify;
padding: 5; 
/* top right bottom left */
margin: 0 auto 10px auto;
float: left;
}

/** Pied de Page **/
#footer {
width: 826px;
text-align: center;
font-size: 10pt;
color: #000000;
background-color: inherit;
margin: auto;
border-top: 1px dashed #000000;
clear: both;
}


/*** Placement des éléments ***/


/** Logo **/
#logo {
width: 478px;
height: 200px;
background-image: url("../images/logo.jpg");
background-repeat: no-repeat;
background-position: left top;
float: left;
}

/** Bannière publicitaire 468x60 **/
#pub {
width: 468px;
height: 60px;
/* top right bottom left */
margin: 0 0 20px 4px !important;
float: left;
}
#pub img {
border: none !important;
}

/** Bloc Droite **/
#droite {
width: 220px;
height: 209px;
float: right;
font-weight: bold;
text-align: left;
color: black;
background-color: inherit;
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
padding: 0 15px 10px 15px;
margin-right: -10px;
}
/* Hack pour IE */
* html #droite {
width: 250px;
margin-right: -5px;
}


/** Liens Footer **/
#footer a:link, #footer a:visited {
color: #70042a;
text-decoration: underline;
background-color: transparent;
outline: none;
}
#footer a:active, #footer a:hover {
color: #000000;
background-color: transparent;
outline: none;
}


/** Menus Colonne Gauche **/


#menu {
width: 220px;
/* top right bottom left */
margin: 0 0 10px 0;
padding: 28px 0 0 0;
}
#menu li {
width: 200px;
height: 30px;
line-height: 30px;
list-style: none;
list-style-position: outside;
text-align: left;
font-size: 12pt;
font-weight: bold;
text-indent: 30px;
}
/* Hack pour IE 5.5 */
* html #menu li {
margin-left: -35px;
margin-bottom: -5px;
/* Hack pour IE 7 / IE 6 */
voice-family: "\"}\"";
voice-family: inherit;
/* top right bottom left */
margin-left: -19px;
}
#menu a:link, #menu a:visited {
color: #000000;
background-color: #79abc4;
text-decoration: none;
outline: none;
background-image: url("../images/menu-off.jpg");
background-repeat: no-repeat;
background-position: left top;
display: block;
}
#menu a:active, #menu a:hover {
color: #000000;
background-color: #79abc4;
background-image: url("../images/menu-on.jpg");
background-repeat: no-repeat;
background-position: left top;
outline: none;
}
#menu #fin {
width: 200px;
height: 19px;
line-height: 19px;
list-style: none;
background-image: url("../images/menu-fin.jpg");
background-repeat: no-repeat;
background-position: left top;
}

/** Pour IE **/
* html #menu #fin {
height: 24px;
}


/*** Titres ***/


/** Titres Colonne Gauche **/

#gauche h1 {
height: 21px;
font-size: 11pt;
text-align: left;
text-indent: 25px;
color: #6C1372;
background-color: inherit;
background-image: url("../images/menu-puce.jpg");
background-repeat: no-repeat;
background-position: left top;
/* top right bottom left */
margin: 0 0 10px 5px;
border: none;
}

/** Titres Contenu **/
.h1 {
height: 22px;
color: #b5b0b0;
background-color: inherit;
font-size: 12pt;
/* top right bottom left */
margin: 0 0 3px 0;
text-indent: 25px;
background-image: url("../images/titre-background.png");
background-repeat: no-repeat;
background-position: left top;
clear: left;
}

/** Sous Titres Contenu **/
h2 {
color: #710108;
background-color: inherit;
font-size: 10pt;
/* top right bottom left */
margin: 0 0 3px 0;
}




/*** Divers ***/

/** Images Colonne Gauche **/

#gauche img {
border: none;
/* top right bottom left */
margin: 0 0 5px 0;
}

/** Liens Colonne Gauche **/
#gauche a {
background-color: inherit;
}

/** Images Colonne Droite **/
#droite img {
border: none;
margin: 1px;
}

/** Images Contenu **/
#corps img {
border: 0px solid white;
/* top right bottom left */
margin: 0 5px 0 5px;
}

/** Liens **/
a:link, a:visited {
color: #14195F;
background-color: transparent;
text-decoration: none;
outline: none;
}
a:active, a:hover {
color: #ff9825;
background-color: transparent;
text-decoration: underline;
outline: none;
}

/** Ligne de séparation **/
hr {
background-color: #710108;
border: 1px solid #710108;
height: 2px;
clear: both;
display: block;
}

/** Alignements divers **/
.gauche {
float: left;
}
.droite {
float: right;
}



/** Retour à la ligne forcé **/
.clear {
clear: both;
}
object {
float: left;
/* top right bottom left */
margin: 10px 10px 0 0;
}


/** Formulaires **/
form {
width: 480px;
/** top right bottom left **/
margin: 10px 0 0 0;
padding: 0;
text-align: center;
}
form p {
margin: 0;
}
fieldset {
text-align: center;
padding: 5px;
border: 1px solid #ff9825;
}
legend {
font-size: 10pt;
font-weight: bold;
color: #14195F;
background-color: inherit;
}
input {
font-size: 8pt;
margin-bottom: 2px;
}
textarea {
font-size: 8pt;
margin-bottom: 2px;
}