/* basic elements */

a { font-weight: normal; }
a:link, a:visited { text-decoration: none; color: #5555FF; }	
a:hover, a:active { text-decoration: underline; color: #2A2A7F; }

acronym { cursor: help; }

body { background: #000 url(images/bg_tile.gif); font: 11px/1.6em arial, sans-serif; color: #CCCCFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; }

p { margin: 0px 0px 10px 0px; }

/* specific divs */

#container { position: relative; background: #000 url(images/bg.jpg) no-repeat top left; margin: 0 auto; padding-top: 15px; text-align: justify; width: 768px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#container h3 { font-size: 110%; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }

#pageHeader { margin: 0px 0px 0px 300px; padding: 15px 0px 0px 0px; height: 88px;  } /* background: transparent url(images/title_head.gif) no-repeat top; */
#pageHeader h1, #pageHeader h2 { margin: 0; padding: 0; display: none; }

#quickSummary {
	position: absolute;
	top: 159px;
	left: 392px;
	width: 317px;
	padding: 0px 0px 6px 5px;
	margin: 0px;
	font-size: 90%;
	line-height: 13px;
	height: 155px;
	background-image: url(images/fenetre.gif);
}
#quickSummary a { color: #CCCCFF; }
#quickSummary p { text-align: left; color: #5555FF; }
#quickSummary p.p1 { margin: 0; padding: 0; }
#quickSummary p.p2 { margin-top: 10px; padding: 0; }

#preamble { margin: 345px 290px 0 40px; }
#preamble p { margin: 0px; padding: 10px 0px 5px 0px; }
#preamble p.p1 { padding: 15px 0px 5px 0px; }
#preamble a:hover, #footer a:active { text-decoration: none; color: #2A2A7F; }

#preamble2 { margin: 345px 290px 0 40px; }
#preamble2 p { margin: 0px; padding: 10px 0px 5px 0px; }
#preamble2 p.p1 { padding: 15px 0px 5px 0px; }
#preamble2 a:hover, #footer a:active { text-decoration: none; color: #2A2A7F; }

#preamble3 { margin: 345px 290px 0 40px; }
#preamble3 p { margin: 0px; padding: 10px 0px 5px 0px; }
#preamble3 p.p1 { padding: 15px 0px 5px 0px; }
#preamble3 a:hover, #footer a:active { text-decoration: none; color: #2A2A7F; }

#supportingText { margin: 0px 290px 0px 40px; padding: 0px 0px 0px 0px;}
#supportingText p { margin: 0px; padding: 10px 0px 5px 0px; }
#supportingText p.p1 { padding: 5px 0px 5px 0px; }
#supportingText a:hover, #footer a:active { text-decoration: none; color: #2A2A7F; }

/* header images */

#preamble h3 { height: 15px; margin: 0; padding: 0; background: url(images/alaune.gif) no-repeat left; }
#preamble h3 span { margin: 0; padding: 0; display: none; }

#preamble2 h3 {
	height: 15px;
	margin: 20px 0;
	padding: 0;
	text-transform: Aucune;
	color: #CC0000;
	font-variant: small-caps;
	font-size: 14px;
	text-align: center;
}
#preamble2 h3 span { margin: 0; padding: 0; display: none; }

#preamble3 h3 { height: 15px; margin: 0; padding: 0;}
#preamble3 h3 span { margin: 0; padding: 0; display: none; }

#explanation h3 { height: 15px; margin-top: 30px; padding: 0px;}
#explanation h3 span { margin: 0; padding: 0; display: none; }

#participation h3 { height: 15px; margin-top: 30px; padding: 0; }
#participation h3 span { margin: 0; padding: 0; display: none; }

#benefits h3 { height: 15px; margin-top: 30px; padding: 0; background: url(images/benefits.gif) no-repeat top left; }
#benefits h3 span { margin: 0; padding: 0; display: none; }

#requirements h3 { height: 15px; margin-top: 30px; padding: 0; background: url(images/requirements.gif) no-repeat top left; }
#requirements h3 span { margin: 0; padding: 0; display: none; }

/* footer */

#footer { border-top: 1px solid #5555FF; padding: 0px 4px 0px 0px; text-align: right; margin: 15px 0px 0px 0px;}
#footer a { color: #CCC; }
#footer a:hover, #footer a:active {padding: 2px 0px 2px 0px; color: #FFF; }

/* nav */

#linkList { background: transparent url(images/bg_nav.gif) repeat-y; padding: 0; margin: 0; width: 225px; position: absolute; top: 345px; right: 0px; font-size: 90%; }
#linkList2 {text-align: right; margin-right: 10px; }

#linkList ul { margin: 0; padding: 0; list-style: none; }
#lselect ul, #larchives ul, #lresources ul, #lfavorites ul { padding-top: 15px; padding-bottom: 0px; margin: 0px; }
#linkList li { display: block; padding: 8px 0 7px 12px; margin: 0; line-height: 160%; border-bottom: 1px solid #222; }

#linkList li a { color: #5555FF; font: bold 110% arial, helvectica, sans-serif; }
#linkList li:hover a { text-decoration: underline; }

#lselect, #larchives, #lresources, #lfavorites { color: #CCCCFF; padding-top: 50px; padding-right: 0px; margin-right: 0px; }
#lselect li a, #favorites li a { text-transform: uppercase; font: bold 110% arial, helvectica, sans-serif; display: block; margin: 0; padding: 0; }
#lselect li a.c:link, #lselect li a.c:visited, #lfavorites li a.c:link, #lfavorites li a.c:visited { display: inline; font-weight: normal; text-transform: none; font-size: 100%; color: #9999FF; }

/* nav images */

h3.select { height: 18px; width: 215px; margin: 0; padding: 0; background: url(images/breves.gif) no-repeat; }
h3.select span { margin: 0; padding: 0; display: none; }

h3.archives { height: 18px; width: 215px; margin: 0; padding: 0; background: url(images/rubriques.gif) no-repeat; }
h3.archives span { margin: 0; padding: 0; display: none; }

h3.resources { height: 18px; width: 215px; margin: 0; padding: 0; background: url(images/auteur.gif) no-repeat; }
h3.resources span { margin: 0; padding: 0; display: none; }

h3.favorites { height: 18px; width: 215px; margin: 0; padding: 0; background: url(images/favorites.gif) no-repeat; }
h3.favorites span { margin: 0; padding: 0; display: none; }

#tablematiere {	font-variant: small-caps; font-size: 16px; }
#tablematiere a {color: #CC0000; }
#tablematiere a:hover {color: #FF3300; }

#spiphead1 {font-variant: small-caps; font-size: 16px;}
#spiphead1 a {color: #CC0000; }
#spiphead1 a:hover {color: #FF3300; }

#spiphead2 {font-variant: small-caps; font-size: 12px;}
#spiphead2 a {color: #CC0000; }
#spiphead2 a:hover {color: #FF3300; }

#spiphead2 {font-variant: small-caps; font-size: 10px;}
#spiphead2 a {color: #CC0000; }
#spiphead2 a:hover {color: #FF3300; }

/* Pour gérer les forums */

/* gestion des couleurs */
.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #000000;
	font-size: 14px;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #CC0000; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #CCCCFF; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #000000; }
ul ul .forum-chapo { background: #000000; }
ul ul ul .forum-chapo { background: #000000; }
ul ul ul ul .forum-chapo { background: #000000; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #000000; }