body {
/* Largeur */
    width: 100%;
/* Les marges */
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
/* Couleur du fond */
    background-color: #FFFFFF;
/* Image de fond */
    background-image: url(./Fond.jpg);
    background-attachment: fixed;
/* Couleur du texte */
    color: #ffffff;
/* Taille du texte */
    font-size: 16px;
}
/*******************************************************************************
Pas de bordure pour les images et pas de marge pour les paragraphes
*/
/******************* Pas de bordure pour les images ***************************/
img {
    border-width: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}

/*******************************************************************************
Effet sur les inputs et textarea
*/
input:focus, textarea:focus {
    background-color: #CCFFCC;
    border-style: inset;
}

/*******************************************************************************
Les liens
*/
a:link {color: #00FF33;}
a:visited {color: #00FF33;}
a:hover {color: #006633;}
a:active {color: #FFFF99;}

/*******************************************************************************
Boites préfaites
*/
.error {
    width: 50%;
    margin: auto;
    text-align: center;
    background-color: #FFB9B9;
    color: #FF0000;
    border: 1px solid #FF5E5E;
}
.valid {
    width: 50%;
    margin: auto;
    text-align: center;
    background-color: #CCFFCC;
    color: #008000;
    border: 1px solid #339966;
}

/*******************************************************************************
Les styles du textes
*/
.txt_rouge {
    color: #FF0000;
}
.Gras {
    font-weight: bolder;
}
.center {
    text-align: center;
}

/*-----------------------------------------------------------------------------\
| Class et id spécials
\-----------------------------------------------------------------------------*/
/*******************************************************************************
Cadre du site
*/
#site {
    width: 950px;
    margin: auto;
    border-right: 1px groove #000000;
    border-bottom: 1px groove #000000;
/*    background-image: url(./Background.gif);*/
}

/*******************************************************************************
Entête du site
*/
.Entete {
    width: 100%;
    line-height: 150px;
    border-left: 1px groove #000000;
    /*background-image: url(./Background.gif);*/
    background-image: url(./Logo_950.gif);
    text-align: center;
}
#Logo {
    position: absolute;
    width: 155px;
    height: 147px;
    left: 0px;
    top: 0px;
}
#Logo img {
    width: 155px;
    height: 147px;
}

/*******************************************************************************
Menu du haut
*/
.Menu_haut {
    background-image: url(./Millieu.gif);
    line-height: 30px;
}

/*******************************************************************************
Menu droit
*/
.Menu_droit {
    width: 30%;	width: 500px;}
.Menu_droit .Boite {
    border: 1px solid #000000;
    background-image: url(./Box.gif);
}
.Menu_droit .Boite .title {
    background-color: #00CCFF;
    background-image: url(./Millieu.gif);
    line-height: 30px;
    text-align: center;	font-weight: bolder;
}
.Menu_droit .Boite ul {
    list-style: none;
    margin-top: 0px;
}

/*******************************************************************************
Barre de navigation
*/
#barre_nav {
    width: 100%;
    background-color: #993300;
    border:1px solid #FF6600;
}

/*******************************************************************************
Partie centrale
*/
#page {
    z-index: 1;
    width: 79%;
    /*float: right;*/
    color: #000000;	/***************************************************************************	Système d'opacité	*/    /*background-color: #000000;    filter : alpha(opacity=70);     -moz-opacity : 0.7;     opacity : 0.7;	color: #ffffff;*/
}/*******************************************************************************Tableau principal*/#main_table {	width: 950px;	border-spacing: 0px;	border-collapse: collapse;	padding: 0px;	margin: 0px;}#main_table tr, #main_table > tr {	border: 0px;	padding: 0px;	margin: 0px;	vertical-align: top;}.Menu_droit, #page {	padding: 0px;	margin: 0px;	vertical-align: top;}/* FIN Tableau principal */
.Titre {
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 38px;
    text-align: center;	text-decoration: underline;
}
#liens {
    text-align: center;	margin-top: 20px;
}#liens div, #liens > div {    text-align: center;	display: inline;    background-color: #993300;    border:1px solid #FF6600;	color: #ffffff;	padding-left: 10px;	padding-right: 10px;}
#texte {
    padding-top: 5%;
/*    background-color: #FFCC99;*/
}
#date {
    text-align: right;
    font-size: 80%;
}
.retour {
    text-align: center;
}
