html, body {
width: 100%;
height: 100%;
}
body { 
background-color:#eee;
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: center;
margin: 0px; 
padding: 0px;
}

a.blue {
color:#236;
text-decoration:none;
font-weight:bold;
}
a.blue:hover{
color:#458;
text-decoration:underline;
}
a.white {
color:#fff;
text-decoration:none;
font-weight:bold;
}
a.white:hover{
color:#ff0;
text-decoration:underline;
}
.boldredD{
font-weight:bold;
color:#c00;
font-size:11px;
text-decoration:none;
}
a.boldredD:hover
{
color:#458;
text-decoration:underline;
}


/* ENTETE
-------------------------------------------------------- */
#container {
margin-left:auto;
margin-right:auto;
background-color:#ccc;
border: 1px solid #ddd;
width: 760px;
padding:0;
text-align:left;
}

/* MENU HAUT
-------------------------------------------------------- */
#navlist
{
margin: 0;
padding: 0;
}
#navlist ul, #navlist li
{
	display: inline;
}
#navlist a:link, #navlist a:visited
{
float: left;
font-weight: bold;
text-align:center;
text-decoration: none;
color: #3c3c3c;
border-bottom: 7px solid #ccc;
border-right:1px solid #aaa;
width:94px;
background-color:#e5e5e5;
padding: 25px 0px 6px 0px;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 7px solid #458;
color: #458;
}

/* HEADER
-------------------------------------------------------- */
#header
{	
clear:both;
margin:0px;
padding:0px;
border-bottom:5px solid #fff;
background-color:#333;
}
#h_title
{
color:#ddd;
font-size:16px;
font-weight:bold;
margin:0px;
padding:0px;
vertical-align:bottom;
}



/* LAYOUT
-------------------------------------------------------- */
#tdmenu
{
	width:120px;
	background-color:#ddd;
	vertical-align:top;
	text-align:center;
	padding:5px;
}
#tdmenu table
{
	border-collapse:collapse;
	border:1px solid #fff;
}
#tdmenu .titre
{
	color:#fff;
	font-weight:bold;
	background-color:#236;
}

#tdmain
{
	width:490px;
	vertical-align:top;
	padding:5px;
}
#tdmain ul
{
list-style-image: url("../imgs/right_gr.gif");	
text-align:left;
padding-left:20px;
}
#tdmain li
{
	margin-bottom:10px;
}
#tdpub
{
	width:120px;
	vertical-align:top;
	padding:5px;
	background-color:#236;
}

#newsdetail
{
padding-left:25px;
color:#666;	
font-weight:bold;
clear:both;
}
#newsdetail a
{
font-weight:normal;	
color:#458;	
padding-left: 18px;
text-decoration:none;
}
#newsdetail a:hover
{
color:#c00;

}
#newsdetail a.seetoo
{
background:#ccc url("../imgs/seetoo.gif") no-repeat left top;
}
#newsdetail a.seeoth
{
background:#ccc url("../imgs/seeoth.gif") no-repeat left top;
}

.news_content1
{
background-color:#fff;
border-top:1px dotted #c00;
padding-bottom:5px;
clear:both;
}
.news_content2
{
border-top:1px dotted #c00;
padding-bottom:5px;
clear:both;
}
.news_contenti
{
float:left;
border:1px solid #ccc;
margin:4px;
}


/* MISC
-------------------------------------------------------- */
form{
margin:0px;
border:0px;
}
.erreur{
color:#c00;
font-weight:bold;
}
.saisie{
background-color:#fff;
border:1px solid #458;
color:#000;
font-family:  Verdana, Arial, Helvetica;
font-size : 11px;}
.bouton{
color:#000;
font-size : 11px;
padding: 0px 5px;
}
.tdlib
{
background-color:#ffc;
width:100px;
}
.sommaire {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #ccc;
}
.titre1 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.soustitre1 {
	font-size: 12px;
	font-weight: bold;
	color: #ff0;
}
.soustitre2 {
	font-size: 12px;
	font-weight: bold;
	color: #444;
}
.texte{
	color:#fff;
	font-style: italic;
}
.datec
{
color:#888;	
font-size:9px;
font-weight:normal;
}

.colorD{
color:#236;
}
.italicD{
font-style: italic;
}
.italiccolorD{
font-style: italic;
color:#236;
}
.boldD{
font-weight:bold;
}
.boldcolorD{
font-weight:bold;
color:#236;
}
.bolditalicD{
font-weight:bold;
font-style: italic;
}
.bolditaliccolorD{
font-weight:bold;
font-style: italic;
color:#236;
}