/*                     */
/* Mise forme générale */
/*                     */

html, body {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 11pt;
text-align: center;
color: white;
background: url("/images/background.jpg") #181d20 repeat-x left top;
margin: 0;
}
/* Conteneur de la Page */
#container {
width: 990px;
margin: 0 auto;
padding: 0;
}

/* Header */
#header {
width: 990px;
height: 250px;
text-align: left;
background: url("/images/header.jpg") transparent no-repeat left top;
}

/* Colonne Gauche */
#gauche {
width: 655px;
margin: 0 15px 15px 0;
float: left;
}

/* Decoration */
.souligne {
text-decoration: underline;
}

.img {
border: 0;
}

/* Colonne Droite */
#droite {
width: 320px;
margin: 0 0 15px 0;
float: left;
}

/* Footer */
#footer {
width: 990px;
font-size: 7pt;
text-align: left;
background: url("/images/footer.jpg") #2b3135 no-repeat left top;
margin-bottom: 5px;
clear: both;
}


/* Menu Superieur */
#top_menu {
width: 990px;
height: 53px;
margin-bottom: 15px;
clear: both;
}

#top_menu a {
width: 165px;
height: 53px;
line-height: 19px;
font-size: 13pt;
font-weight: bold;
text-align: center;
margin: 0;
float: left;
}

#top_menu a span {
margin: 5px 5px 0 0;
float: right;
}


/* Liens */
/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: #595f63;
text-decoration: none;
background: url("/images/menu_off.jpg") no-repeat left top;
display: block;
outline: none;
}

#top_menu a:active, #top_menu a:hover, #top_menu #on {
color: white;
text-decoration: none;
background: url("/images/menu_on.jpg") no-repeat left top;
display: block;
outline: none;
}

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

/* Lien Normaux */
a:link, a:visited {
text-decoration: underline;
color: #9ec91a;
background-color: transparent;
outline: none;
}

a:active, a:hover {
text-decoration: underline;
color: #fde925;
background-color: transparent;
outline: none;
}

/* Titres */
.bloc_s_13 h1, .bloc_d h1 {
width: 320px;
height: 34px;
line-height: 34px;
font-size: 11pt;
text-align: left;
text-indent: 10px;
color: white;
margin: 0;
padding: 0;
}

h1.t1 {
color: white;
background: url("/images/titre_1.jpg") transparent no-repeat left top;
}

h1.t2 {
color: white;
background: url("/images/titre_2.jpg") transparent no-repeat left top;
}

h1.t3 {
color: white;
background: url("/images/titre_3.jpg") transparent no-repeat left top;
}

h1.t4 {
color: white;
background: url("/images/titre_4.jpg") transparent no-repeat left top;
}

h1.t5 {
color: white;
background: url("/images/titre_5.jpg") transparent no-repeat left top;
}

/* Titres Bloc Droite */
.bloc_d h1 {
background: url("/images/star.jpg") transparent no-repeat 10px 5px;
text-indent: 40px;
}

/* Titres Blocs 2/3 */
h1 {
font-size: 14pt;
text-align: left;
color: white;
margin: 0 0 10px 0;
padding: 0;
}

/* Sous Titres */
h2  {
font-size: 11pt;
text-align: center;
color: #fde925;
margin: 5px 0;
}

/*     Formulaire    */
form {
margin: 0;
}

fieldset {
text-align: center;
padding: 0;
border: 1px solid white;
}

legend {
color: white;
font-weight: bold;
margin-left: 13px;
text-align: left;
}

fieldset p {
margin: 10px;
}

form p {
margin: 5px;
}


/* Table */
table {
width: 100%;
border-collapse: collapse;
font-size: 9pt;
margin: 0;
}

/* Hack IE6 */
* html table {
width: 100%;
}

th, td {
border: 1px solid #2b3135;
padding: 3px;
}

th {
background-color: #0c0e10;
}

.tdd {
width: 85%;
text-align: left;
}


/* Divers */
.bloc_s_13 {
width: 320px;
height: 170px;
text-align: left;
background: url("/images/bloc_bg.jpg") transparent repeat-y left top;
border-top: 1px solid #2b3135;
border-bottom: 1px solid #2b3135;
margin: 0 0 15px 0;
float: left;
}

.m {
margin: 0 15px 15px 15px;
}

.bloc_d {
width: 320px;
text-align: center;
background: url("/images/bloc_bg.jpg") transparent repeat-y left top;
border-top: 1px solid #2b3135;
border-bottom: 1px solid #2b3135;
float: left;
}

.bloc_s_13 img {
margin-left: 1px;
float: left;
}

/* Horloge */
#clock {
width: 134px;
height: 24px;
line-height: 20px;
font-size: 9pt;
font-weight: bold;
text-align: center;
background: url("/images/clock.jpg") no-repeat left top;
margin-left: 826px;
}

#footer div {
float: left;
margin-left: 50px;
}

#footer span {
text-align: right;
float: right;
margin: 5px 5px 0 0;
}

p, .bloc_s_13 div, .bloc_d div {
margin: 5px 7px;
background: none;
}

/* Liste */
ul {
margin: 0;
padding: 0;
}

li {
list-style-type: square;
list-style-position: inside;
margin-bottom: 6px;
}

/* Element Flottant Aligné a Gauche */
.left {
float: left;
margin-right: 10px;
}

/* Element Flottant Aligné a Droite */
.right {
float: right;
margin-left: 10px;
}

/* Texte Centré */
.center {
text-align: center;
}

/* Texte à Gauche */
.gauche {
text-align: left;
}

/* Retour à la ligne forcé */
.end {
height: 0;
line-height: 0;
font-size: 0;
clear: both;
}

/* Bordures images */
.bord {
padding: 1px;
background-color: white;
border: 1px solid black;
}

/* Infobulle */
.box_vert {
	border: #12bc00 solid 1px;
	text-align: center;
	color: #333;
	padding: 12px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #dbf7d8;
	font: 12px Arial, Helvetica, sans-serif;
}

.box_rouge {
	border: #f00 solid 1px;
	text-align: center;
	color: #333;
	padding: 12px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #fcc;
	font: 12px Arial, Helvetica, sans-serif;
}