body {
   margin-top:20px;
   margin-bottom:20px;
   background-image:url(images/arriere-plan.jpg);
}

body.page_photos {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:none;
	background-color:#FFFFFF;
}

a {
	color:#000000;
	text-decoration:none;
	font-family:"Comic Sans MS";
}

a:hover {
	color:#FF8000;
	text-decoration:underline;
}

p {
	font-family:"Comic Sans MS";
}

table {
	width:100%;
	font-family:"Comic Sans MS";
	font-size:14px;
}

img {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.submit {
	border:1px solid #333333;
	background-image:url(images/titre_bouton.jpg);
	width:60px;
	font-family:"Comic Sans MS";
	border:1px outset #BBBBBB;
}

/* DIV principale qui contient les autres DIV */
div.site {
	margin:auto;
	margin-bottom:20px;
	width:800px;
}

/* DIV pour la bannière */
div.banniere {
	width:800px;
	height:110px;
	background-image:url(images/banniere.jpg);
	background-repeat:no-repeat;
	border:1px solid #000000;
}

div.menu_corps {
	display:block;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	background-image:none;
	background-color:#F5F5F5;
	width:770px;
	border:1px solid #CCCCCC;
}

/* DIV pour le menu */
div.menu {
	display:block;
	float:left;
	width:150px;
	margin:0 20px 0 0;
	font-family:"Comic Sans MS";
	text-align:center;
}

/* DIV pour les liens */
div.liens a {
	text-align:left;
	padding-left:5px;
	display:block;
	font-size:14px;
	font-family:"Comic Sans MS";
	color:#555555;
	margin:0px 0px 1px 0px;
	width:143px;
	background-image:url(images/titre_menu.jpg);
}

div.liens a:hover{
	background-image:url(images/titre_menu_hover.jpg);
	padding:0px 0px 0px 0px;
	padding-left:7px;
	display:block;
	position:relative;
	top:0px;
	left:0px;
	color:#000000;
	text-decoration:none;
	width:141px;
}

/* DIV pour les liens */
div.sous_liens a {
	text-align:left;
	padding:0px 0px 0px 0px;
	padding-left:5px;
	display:block;
	font-size:12px;
	font-family:"Comic Sans MS";
	color:#555555;
	margin:0px 0px 1px 0px;
	width:143px;
	background-image:url(images/titre_menu.jpg);
}

div.sous_liens a:hover{
	background-image:url(images/titre_menu_hover.jpg);
	padding:0px 0px 0px 0px;
	padding-left:7px;
	display:block;
	position:relative;
	top:0px;
	left:0px;
	color:#000000;
	text-decoration:none;
	width:141px;
}

/* DIV pour les liens pour les membres */
div.petits_liens a {
	display:block;
	font-size:12px;
	font-family:"Comic Sans MS";
	color:#555555;
	margin:0px 0px 1px 0px;
	width:148px;
	background-image:url(images/titre_menu.jpg);
	text-decoration:underline;
}

div.petits_liens a:hover {
	background-image:url(images/titre_menu_hover.jpg);
	padding:0px 0px 0px 0px;
	display:block;
	position:relative;
	top:0px;
	left:0px;
	color:#000000;
	text-decoration:none;
	width:148px;
	text-decoration:underline;
}

/* DIV pour les liens du visiteur du menu */
div.liens_principaux {
	background-color:#DDDDDD;
	border:1px solid #000000;
	border-top:0;
	margin-bottom:20px;
	margin-top:0px;
	padding:0px 0px 0px 0px;
}

/* DIV pour la connexion pour les membres */
div.membre {
	background-color:#DDDDDD;
	border:1px solid #000000;
	border-top:0;
	margin-bottom:20px;
	margin-top:0px;
}

/* DIV pour les pages de l'admin */
div.admin {
	background-color:#DDDDDD;
	border:1px solid #000000;
	border-top:0;
	margin-bottom:20px;
	margin-top:0px;
}

div.menu_images {
	padding-bottom:5px;
	padding-top:5px;
	border:1px solid #000000;
	border-top:0;
	margin-bottom:20px;
	background-image:url(images/titre_menu.jpg);
}

div.menu_images marquee {
	width:109px;
	margin:auto;
}

div.menu_images img {
	margin-bottom:4px;
}

.espace_menu {
	background-color:#FAFAFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	display:block;
	margin:0px 0px 1px 0px;
}

.separation_menu{
	background-color:#888888;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	height:1px;
	display:block;
	margin:0px 0px 1px 0px;
}

div.titre_menu {
	padding:3px 3px 3px 3px;
	font-family:"Comic Sans MS";
	font-size:18px;
	color:#3366FF;
	border:1px solid #000000;
	border-bottom-style:dashed;
	background-color:#CBE0FF;
}

/* DIV pour les pages principales */
div.corps {
	display:block;
	position:relative;
	float:left;
	left:0px;
	top:0px;
	margin:3 3 3 3;
	background-color:#FFFFFF;
	width:598px;
	border:1px solid #000000;
}

div.spacer {
	clear: both;
}

/* DIV pour les titres */
div.titre {
	text-align:center;
	background-image:url(images/titre.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:50px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#888888;
	font-weight:bold;
}

/* Class pour les titres des news */
.news {
	background-color:#BAE2EB;
	width:588px;
}

.titre_news {
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	width:73%;
	font-size:14px;
	float:left;
	height:18px;
	padding-left:5px;
	font-weight:bold;
}

.date_news {
	position:relative;
	top:0px;
	left:0px;
	text-align:right;
	width:25%;
	font-size:11px;
	float:left;
	height:16px;
	font-style:italic;
	margin-top:2px;
}

.modifier_news {
	font-size:12px;
	text-align:center;
	background-color:#BAE2EB;
}

/* Class pour les titres des photos */
.titrePhoto {
	text-align:center;
	font-size:12px;
	height:18px;
	background-color:#DAE4FF;
	border:1px solid #000000;
}

div.erreur {
	color:#FF0000;
	font-size:14px;
	text-align:center;
}

div.photos {
	margin-left:20px;
	margin-right:15px;
	height:150px;
	width:150px;
	float:left;
}

html>body div.photos {
	margin-left:30px;
}

html>body div.pho_pre_sui {
	float:left;
	margin-left:200px;
	margin-right:200px;
}

.document {
	color:#3366FF;
	text-decoration:underline;
}

.document:hover {
	color:#FF9900;
}

.sousmenu {
	padding-left:15px;
}

div.copy {
	text-align:center;
	font-family:"Comic Sans MS";
	font-size:12px;
	padding-bottom:5px;
	color:#555555;
}