/* Mise en forme du body */

body {background-color:#323232; background-image:url(bg.gif); background-position: top; background-repeat: repeat-x; margin: 0px 0px 0px 0px;}

/* Mise en forme des DIV */

#tete {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	height:170px;
	width: 845px;
	background-image:url(header.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-top: 22px;
	text-align: center;
	}

#top {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	height: 55px;
	width: 845px;
	background-image:url(top.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	}

#contenu {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	height:auto;
	width: 845px;
	background-image:url(contenubg.gif);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	}

#pied {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	height: 55px;
	width: 845px;
	background-image:url(pied.jpg);
	background-repeat: no-repeat;
	text-align:center;
	}

#menu {
	float: left;
	width: 160px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	}

#truc {
	padding: 5px;
	position: relative;
	float: left;
	top: 20px;
	width: 180px;
	background-color: #ffffff;
	border: 2px solid navy;
	text-align: center;
	}

#texte {
	float: right;
	width: 570px;
	height: auto;
	padding-left: 25px;
	padding-right: 40px;
	}

.spacer {clear: both;}

/* Liens image */

a.image:link {color: #ffffff;}
a.image:visited {color: #ffffff;}

/* Liens menu */

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #009900;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #9999ff;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #990000;}

/* Liens par défault */

a:link {color: #009900; text-decoration: none;}
a:visited {color: #9999ff; text-decoration: none;}
a:hover {color: #ff0000;}

/* Mise en forme des classe */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}

/* mise en forme titre */

.titre1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #990099; font-weight: bold;}
.titre2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #990099; font-weight: bold; text-align: center;}

/* mise en forme textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
.textepetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textegrand {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074;}

.blanc {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
.blancpetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;}
.blancgrand {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}

.bouton {
	background-image:url(bouton.gif);
	background-repeat:no-repeat;
	height:19px;
	width: 129px;
	margin: 10px 0px 0px 0px;
	color: #fff;
	font-size: 12px;
	padding-left: 30px;
	padding-top: 5px;
	font-weight: bold;
	}

.bouton2 {
	background-image:url(bouton2.gif);
	background-repeat:no-repeat;
	height:19px;
	width: 129px;
	margin: 1px 0px 0px 0px;
	color: #fff;
	font-size: 12px;
	padding-left: 30px;
	padding-top: 5px;
	font-weight: bold;
	}