html, body, form, fieldset, legend, label, th, td, dl, dt, dd, ul, li, h1, h2, h3, h4, p { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
dl, dt, dd, ul, li { list-style-type: none; }
img { vertical-align: middle; border: 0 none; background: transparent url(img_fond.gif) center center no-repeat; }

body {
    text-align: center; /* pour corriger le bug de centrage IE */
	background: #ffffff url(page_fond.png);
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	line-height: 1.20em;
}
code { font-family: "courier new", monospace; font-size: 1.2em; }
a { color: #b87ccd; }
a.explication { color: #483c66; text-decoration: none; }
a.explication:hover { color: #b87ccd; text-decoration: underline; }

fieldset { border: 0 none; }
fieldset p { float: right; }
label { display: block; clear: both; float: left; width: 100px; overflow: hidden; }

#Conteneur {
	position: relative;
	width: 766px; /* compense les pixels du cellpadding du tableau (voir index.php) */
	top: 0;
	left: 0;
	margin: 40px auto;
	text-align: left;
	border: 0 none;
}
#Entete, #Colonne, #Menu, #Contenu { border: 1px solid #cac5c6; }

#Entete {
	margin-top: 0;
	background-color: #ffffff;
}
#Colonne {
	width: 187px;
	padding-bottom: 160px;
	background: #ffffff url(colonne_fond.jpg) bottom center no-repeat;
	font-size: 0.8em;
	text-align: center;
}
#Colonne p { padding: 16px 0; }

#Acces {
	/* Le défilement, la hauteur et la bordure sont définis dans "acces.js" */
	background-color: #ffffff;
	border-width: 0;
	border-style: solid;
	border-color: #cac5c6;
}
#Acces a {
	display: block;
	padding: 3px 0;
	border: 2px dashed #ffffff;
}
#Acces a:hover { border-color: #9078cb; }

#Menu {
	width: 567px;
	height: 33px;
	padding-left: 2px;
	background-color: #9078cb;
	font-size: 0.7em;
	line-height: 1.20em;
}
#Menu dl, #Menu .lienDirect {
	float: left;
	margin-right: 1px;
}
#Menu dt, #Menu .lienDirect {
	text-align: center;
	background-color: #ffffff;
}
#Menu dt, #Menu dd {
	width: 98px;
}
#Menu dd {
	/* sous-menu */
	z-index: 100;
	position: absolute;
	margin: 0 -1px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #9078cb;
}
#Menu li {
	text-align: center;
}
#Menu dt a, #Menu li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #9078cb;
	text-decoration: none;
	border: 0 none;
}
#Menu li a {
	padding: 7px 0 4px 0;
	background: #ffffff url(menu_separateur.png) top center repeat-x;
}
#Menu li a:hover, #Menu li a.hover {
	background: #9078cb url(menu_separateur.png) top center repeat-x;
	color: #ffffff;
}
#MenuSansJS {
	padding-top: 17em;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.20em;
}
#Contenu {
	z-index: 1;
	height: 880px; /* garantit une taille minimum (corrige un bug de IE) */
	padding-bottom: 3em;
	background: #fff1fe url(contenu_fond.png) top center repeat-y;
	font-size: 0.8em;
}
#Contenu, #Contenu legend, #Contenu input.bouton { color: #483c66; }

#Contenu h1, #Contenu h2, #Contenu h3, #Contenu form, #Contenu p, #Contenu .division { margin: 1.5em 32px 1.0em 32px; }
#Contenu legend { padding: 1.5em 0 1.0em 0; }
#Contenu form { position: relative; top: -1.0em; }

#Contenu h1, #Contenu h2, #Contenu h3, legend { clear: both; font-weight: bold; } 

#Contenu h1 {
	height: 56px;
	padding-left: 32px;
	background: #fff1fe url(contenu_fond_h1.png) top left no-repeat;
	color: #af60ac;
	font-size: 2.8em;
}
#Contenu h2 {
	height: 40px;
	padding-left: 40px;
	background: #fff1fe url(contenu_fond_h2.png) top left no-repeat;
	color: #6e648d;
	font-size: 1.8em;
}
#Contenu h3, legend { font-size: 1.3em; }

#Contenu h4 { margin: 0.5em 0; font-size: 1.1em; font-weight: bold; }

#Contenu label, #Contenu fieldset p { margin: 0 0 0.5em 0; }
#Contenu select, #Contenu input, #Contenu textarea { border: 2px dotted #b87ccd; }
#Contenu input.bouton { padding: 2px 0.5em 4px 36px; background: #e4cff1 url(contqnu_fond_bouton.png) bottom left no-repeat; }

#Contenu ul { margin: 1.60em 0; }
#Contenu li { margin: 0.9em 44px; padding-left: 30px; background: #fff1fe url(contenu_liste.png) top left no-repeat; }

#Contenu .miniatures, #Contenu .miniatures_video {
	display: block;
	float: left;
	overflow: hidden;
	text-align: center;
}
#Contenu .miniatures {
	width: 96px;
	margin: 1px;
	background-color: #ffffff;
	border: 1px solid #b87ccd;
}
#Contenu .miniatures_video {
	width: 96px;
	margin: 3px 0;
	padding: 10px 1px;
	background: #b87ccd url(contenu_fond_miniature_video.png) top center;
}
#Contenu .miniatures img,
#Contenu .miniatures_video img { width: 96px; height: 96px; }

#Contenu .miniatures img,
#Contenu .miniatures_video img,
#Contenu .miniatures a.admin,
#Contenu .miniatures_video a.admin { display: block; }

#Contenu .miniatures a.admin { padding: 3px; }
#Contenu .miniatures_video a.admin { padding: 3px 2px 0 2px; }

#Contenu p.presse { margin: 0 0 1em 0; padding: 0; }

#News { margin: 0 32px; padding: 4px; background-color: #e4cff1; border: 1px solid #9078cb; }
#News p.nav { margin: 0; padding: 0; }
#News .newsmsg { margin: 8px 0; padding: 0; background: #ffffff url(contenu_news_fond.png) top left repeat-y; border: 1px solid #ffffff; }
#News .newsmsg h4 { margin: 0; padding: 0.5ex 8px 0.5ex 40px; font-size: 1.3em; font-weight: bold; background: #ece4fc url(contenu_news_fond_h4.png) center left no-repeat; border-bottom: 1px solid #ffffff; }
#News .newsmsg h5 { margin:  0 0 0 40px; padding: 0.5ex 8px 1em 0; font-size: 1em; font-weight: normal; color: #9078cb; background-color: #ffffff; border-bottom: 4px dashed #ece4fc; }
#News .newsmsg p { margin: 0; padding: 2em 8px 2em 40px; overflow: auto; }
#News .newsmsg p.admin { padding: 2px 8px; border-top: 2px dashed #ffffff; }

#Livredor { margin: 0 32px; padding: 4px; background-color: #e4cff1; border: 1px solid #9078cb; }
#Livredor p.nav { margin: 0; padding: 0; }
#Livredor .livremsg { margin: 6px 0; padding: 1px; background-color: #ffffff; }
#Livredor .livremsg h4 { margin: 0; padding: 0 1ex; font-size: 1em; font-weight: bold; background-color: #ece4fc; }
#Livredor .livremsg h5 { margin: 0; padding: 0 1ex; font-size: 1em; font-weight: normal; color: #b87ccd; border-bottom: 2px solid #ece4fc; }
#Livredor .livremsg p { margin: 0; padding: 1ex; line-height: 1.20em; overflow: auto; }
#Livredor .livremsg p.admin { padding: 2px 1ex; border-top: 2px dashed #ffffff; }

#Admin {
	padding: 1.0em 32px;
	background: #b87ccd url(contenu_fond_admin.png) top center repeat-y;
	border-bottom: 2px dashed #fff1fe;
}
#Admin, .admin { background-color: #b87ccd; }

#Admin, #Admin legend, .admin { color: #ffffff; }

#Admin form, #Admin p, #Admin .division { margin-left: 0; margin-right: 0; }

#Admin a, .admin a, a.admin { color: #ffc8f0; }

#Admin select, #Admin input, #Admin textarea { border: 2px groove #b87ccd; }

.succes, .info, .erreur { padding: 1em 1em 1em 60px; }
.succes { background: #a6eeb5 url(succes_fond.png) center left no-repeat; color: #006600; border: 1px solid #008000; }
.info   { background: #a8baff url(info_fond.png)   center left no-repeat; color: #000080; border: 1px solid #1136fe; }
.erreur { background: #fed407 url(erreur_fond.png) center left no-repeat; color: #802000; border: 1px solid #fe7042; }
.succes a { color: #00c000; }
.info   a { color: #0000ff; }
.erreur a { color: #d04000; }

.encadre {
	float: right;
	margin: 0 32px 0 10px;
	border: 1px solid #b87ccd;
}
.saisie_large { width: 394px; }
.largeur1 { width: 100%; }
.largeur2 { width: 398px; }
.largeur3 { width: 248px; }

/* bbcode */
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.c1 { color: #955ab4; }
.c2 { color: #3d9ef2; }
.c3 { color: #68cf03; }
.c4 { color: #dee611; }
.c5 { color: #ffcd11; }