body, tbody, td {
	font: normal 0.9em "Century Gothic", Verdana, Arial, Helvetica, sans-serif ;
	color: #BF2F28;
	margin:0; padding:0;
}
body * {margin:0; padding:0}
td {border-spacing:0; border:none}

body.public {
	background:#f1d810;
}
body.prive {	
	background:#E7EEAB;
}

#site {
	position: absolute;
	width:780px;
	top:8px;
	left:50%;
	margin-left:-390px;
}

dl {width:300px; padding-left:24px; margin:24px 12px}
dt {font-weight:bold}
dd {}

#contenu {
	height:1%;
}
/*
	border:1px cyan dashed;
	border:1px yellow dashed;
*/
#contenu:after {clear:both; content:"."; height:0; line-height:0; visibility:hidden; display:block}
.public #contenu {
	background:url(./images/filet_05.gif) repeat-y;
}
.prive #contenu {
	background:url(./images/prive_filet_05.gif) repeat-y;
}

/**
 * L'intérieur de la page d'accueil
 */
#menuGauche {
	margin-left:20px; 
	display:block;
	width:230px; 
	float:left; 
	margin:0; padding:0; 
	text-align:center; 
}
/*
	border:1px red dashed;
*/
#menuGauche li {list-style-type:none}
#menuGauche ul {margin-left:24px;}

#news {
	display:block;
	width:270px;
	float:left;
	text-align:center;
}

#menuDroite {
	float:right;
	width:270px; 
	margin:0; padding:0; 
	text-align:center;
	overflow:hidden;
}

/*
	height:1%;
#menuDroite:after {height:0; line-height:0; content="."; display:block; clear:both; visibility:hidden}
	border:1px yellow dashed;
	position:relative;
	border:1px yellow dashed;
	right:0; top:0;
*/
.public #menuDroite {
	background:url(./images/coins2_05.gif) repeat-y;
}
.prive #menuDroite {
	background:url(./images/prive_coins2_05.gif) repeat-y;
}
/*
*/
#menuDroite:after {clear:both; content:"."; height:0; line-height:0; visibility:hidden; display:block}
#menuDroite dl,
#menuDroite dt,
#menuDroite dd {height:98px; margin:0; padding:0; float:left;}
#menuDroite dt {width:90px;} 
#menuDroite dd {width:180px; overflow:hidden}

#bandeau {
	width:785px;
}
.public #bandeau {background:url(./images/bandeau.gif) 0 0 no-repeat}
.prive #bandeau {background:url(./images/bandeau_prive.gif) 0 0 no-repeat}


#menuBas {
	clear:both;
	width:100%;
}
#menuBas div {float:left;height:29px}
#menuBas #colGauche {width:108px}
#menuBas #colCentre {text-align:center; width:574px}
#menuBas #colDroite {width:108px}
#menuBas:after {content:"."; visibility:hidden; line-height:0; height:0; clear:both; display:block}

table#page {width: 100%; padding:0; margin:0;}
table#page td {padding:0; margin:0;}

/* Début tableau public */
#haut {width:780px}
#haut:after {height:0; line-height:0; visibility:hidden; content:"."; clear:both; display:block}
#haut div {float:left}
.public #haut .coinHautGauche {width:18px; height:18px; line-height:18px; background:url(./images/filet_01.gif) no-repeat}
.public #haut .bordHautGrand {width:483px; height:18px; line-height:18px; background:url(./images/filet_02.gif) repeat-x}
.public #haut .bordHautPetit {width:9px; height:18px; line-height:18px; background:url(./images/filet_02.gif) repeat-x}
.public #haut .coinHautDroite {width:108px; height:18px; line-height:18px; background:url(./images/coins2_02.gif) no-repeat}

/* Fin tableau public */
#bas {width:780px}
#bas div {background:blue; float:left}
.public #bas .coinBasGauche {width:18px; height:18px; line-height:18px; background:url(./images/filet_08.gif) no-repeat}
.public #bas .bordBasGrand {width:483px; height:18px; line-height:18px; background:url(./images/filet_09.gif) repeat-x}
.public #bas .bordBasPetit {width:9px; height:18px; line-height:18px; background:url(./images/filet_09.gif) repeat-x}
.public #bas .coinBasDroit {width:108px; height:18px; line-height:18px; background: url(./images/coins2_07.gif) no-repeat}

.public table#page td.colGaucheMilieu {height:100%; background: url(./images/filet_05.gif) repeat-y}
.public table#page td.colDroiteMilieu {height:100%; background: url(./images/coins2_05.gif) repeat-y}
.public table#page .colCentreMilieu {vertical-align:top}

/* Début tableau privé */
.prive #haut .coinHautGauche {width:18px; height:18px; line-height:18px; background:url(./images/prive_filet_01.gif) no-repeat}
.prive #haut .bordHautGrand {width:483px; height:18px; line-height:18px; background:url(./images/prive_filet_02.gif) repeat-x}
.prive #haut .bordHautPetit {width:9px; height:18px; line-height:18px; background:url(./images/prive_filet_02.gif) repeat-x}
.prive #haut .coinHautDroite {width:108px; height:18px; line-height:18px; background:url(./images/prive_coins2_02.gif) no-repeat}

/* Fin tableau privé */
.prive #bas .coinBasGauche {width:18px; height:18px; line-height:18px; background:url(./images/prive_filet_08.gif) no-repeat}
.prive #bas .bordBasGrand {width:483px; height:18px; line-height:18px; background:url(./images/prive_filet_09.gif) repeat-x}
.prive #bas .bordBasPetit {width:9px; height:18px; line-height:18px; background:url(./images/prive_filet_09.gif) repeat-x}
.prive #bas .coinBasDroit {width:108px; height:18px; line-height:18px; background:url(./images/prive_coins2_07.gif) no-repeat}

.prive table#page td.colGaucheMilieu {height:100%; background: url(./images/prive_filet_05.gif) repeat-y}
.prive table#page td.colDroiteMilieu {height:100%; background: url(./images/prive_coins2_05.gif) repeat-y}
.prive table#page .colCentreMilieu {vertical-align:top}

#blocGauche {
	position:relative; left:24px;
	padding:4px;
	display:block;
	width: 480px !important;
	float:left;
}
/*
	border:1px cyan dashed;
	margin-left:18px !important; 
*/
#blocGauche ul {margin:16px}
#blocGauche h1 {
	margin:4px 4px 24px 0;
	text-align: left;
	font-weight: normal;
	font-size: 1.6em;
	color: #666666;
}
#blocGauche h2 {
	margin: 12px 4px;
	font-weight: normal;
	font-size: 1.3em;
	color: #666666;
}
#blocGauche h3 {
	margin: 12px 4px;
	font-weight: normal;
	font-size: 1.2em;
	color: #666666;
}
.right {
	text-align: right;
}
#blocGauche h4 {
	margin:4px;
	font-weight: normal;
	font-size: 1.1em;
	color: #666666;
}

th {
	font-weight: bold;
}
td {padding:0}
a, img {
	border:none;
}
a:link, a:hover, a:visited, a:active {
	text-decoration: none;
	color:#7F544D;
}
a:hover {
	text-decoration: underline overline;
	color:#339900;
}

table.menu {
	width:383px;
	height:100%;
	border:0;
	background:red;
}
table.menu td {
	border-spacing:0;
}

#public table.menu {
	background:red;
}
#prive table.menu {
	background:blue;
}

.titre-article {
	text-align: right;
	font-size: 28px;
	font-weight: normal;
	color: #666666;
}
.titre-rubrique {
	text-align: left;
	font-size: 28px;
	font-weight: normal;
	color: #BF2F28;
}
.soustitre-article {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.titre {
	font-size: 24px;
	font-weight: 100;
	color: #BF2F28;
}
.titre-breve {
	font-size: 24px;
	font-weight: bold;
	color: #E1A11A;
	background-color: #C44B27;
}
.texte-breve {
	color: #E1A11A;
}
.forum {
	color: #FFFF00;
}

.forum h1 {
	font-size: 24px;
}

.texte-article {
	text-align: justify;
	color: #BF2F28;
	font-size: 14px;
}

.menu {
	font-size: 24px;
	color: #333333;
	font-weight: bold
}
.meme-rubrique {
	font-size: 10px;
	text-align: right;
}
#identification {
	position: absolute;
	left: 8px;
	bottom: 8px;
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
}
#identification2 {
	position: absolute;
	right: 8px;
	bottom: 8px;
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
}

.nota {
	font-size: 9px;
	font-style: italic;
	border-left: 1px solid green;
	position: relative;
	bottom: -10px;
}
	
	
/*FORUM*/

.forumtitre {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.forummini {
	font-size: 12px;
}

.forummini:link, .forummini:hover, .forummini:active, .forummini:visited {
	color: #7F544D;
}

.forummini:hover {
	color: #339900;
	text-decoration: underline;
}

.forumtexte {
	font-size: 14px;
	color: #5B2B13;
	padding: 5px;
}