@media print
{
	div.NoPrint
	{
		display: none;
	}
	p.NoPrint
	{
		display: none;
	}
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /* 11px = 8pt; 12px=10pt */
	color: #666666;
}

#CadrePage
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

/* Bannière */
#Ban
{
	width: 998px;
	background-color: #F7F3F7;
	height: 60px;
	margin-bottom: 3px;
	border-style: solid;
	border-color: #DCDCDC;
	border-width: 1px;
}

#BanGauche
{
	width: 150px;
	height: 60px;
	float: left;
}

#BanGauche img
{
	border: none;
}

#BanCentre
{
	width: 550px;
	height: 60px;
	float: left;
}

#BanDroite
{
	width: 298px;
	height: 60px;
	float: left;
	text-align: right;
	background-color: #6b6571;
}

#BanDroite img
{
	padding-top: 5px;
	padding-right: 20px;
}

#Menu
{
	width: 998px;
	border-style: solid;
	border-top-width: 1px;
	border: solid 1px #CCCCCC;
	background-color: #DDDDDD;
	z-index: 1;
}

#Page
{
	width: 1000px;
	margin-top: 3px;
}

#PageVG
{
	float: left;
	width: 182px;
	height: 900px;
	z-index: 0;
	background-color: #3264B4;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
}

#PageCorps
{
	float: left;
	width: 571px;
	padding: 0px 10px 0px 10px;
}

#PageVG ul
{
	padding-left:30px;
	margin-left: 0px;
}

#PageVG li
{
	margin-top: 15px;
	list-style-image: url(images/puce_sommaire.gif);	
}

#PageVG a:link, #PageVG a:visited, #PageVG a:hover
{
	text-decoration: none;
	color: #DDDDDD;
	font-weight: bold;
}

#PageVG a:hover
{
	text-decoration: underline;
}

/* A la Une */

#PageVD
{
	width: 223px;	
	float: left;
	border-style: solid;
	border-color: #DCDCDC;
	border-width: 1px;
}

#PageVD
{
	margin-bottom: 10px;
}

#PageVD #TitreVD
{
	/*background-image: url(images/une_titre.jpg);*/
	background-color: #3264B4;
	height:20px;
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #EEEEEE;	
	padding-top: 3px;
}

#TitreVD
{
	border-bottom:solid 1px #DCDCDC;
}

#CorpsVD
{
	padding-left: 5px;
}

#PageVD h1
{
	padding: 5px 10px 5px 0px;
	color: #4273AD;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
}

#PageVD p
{
	padding: 0px 10px 0px 0px;
	color: #666666;
	text-align: justify;
	font-size: 10px;
}

#PageVD hr
{
	width: 95%;
	text-align: left;
	margin-top: 5px;
	height: 1px;
	color: #DCDCDC;
}

#PP
{
	clear: both;
	height: 15px;
	margin-top:10px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-color: #DCDCDC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
}

/* Corps Page */

h1, h2, h1.HP
{
	font-weight: bold;
	color: #6373ad;
}

h1, h1.HP
{
	margin-top: 5px;
	font-size: 16px;
	letter-spacing: 1.5pt;
}

h2
{
	font-size: 14px;
	letter-spacing: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}

p.Retrait
{
	text-align: justify;
	padding: 5px 20px 5px 20px;
	font-size: 12px;
}

li.Puce
{
	list-style-image: url(images/puce_liste.gif);
	color: #646464;	
}

/* Ne pas écrire #PageCorps table th, sinon, le sélecteur table th s'applique sur d'autres ID !! */
#PageCorps th
{
	color: #666666;
	background-color: #ffb033;
}

/* HP */
h1.HP
{
	padding-left: 10px;
	text-align:left;
}

#TableHP ul
{
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#TableHP td
{
	vertical-align:top;
}

#TableHP a:link, #TableHP a:visited, #TableHP a:hover, #TableHP a:link.Titre, #TableHP a:visited.Titre, #TableHP a:hover.Titre
{
	text-decoration: underline;
	color: #6373ad;
	font-weight: bold;
}

#TableHP a:hover, #TableHP a:hover.Titre
{
	color: blue;
}

#TableHP a:link.Titre, #TableHP a:visited.Titre, #TableHP a:hover.Titre
{
	font-size: 12px;
}

#TableHP img
{
	height: 25px;
	width: 25px;
}

strong.Nouveau, strong.Titre
{
	color: #009900;
}

strong.Titre
{
	font-size: 12px;
}

#ListeAtouts
{
	padding-left: 60px;
}

#ListeAtouts li
{
	list-style: lower-roman;
}

/* Rss */

#RssActus thead
{
	display: none; /* Ne pas afficher */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666699;
	text-align: left;
	margin: 0px 0px 0px 5px;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 5pt;
	margin-bottom: 10px;
}

#RssActus tr
{
	background-color: green;
}

#RssActus th
{
	height: 20px;
	padding: 5px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 700;
	color: #EEEEEE;
	background-color: #6089C6;/* #4572B5; /*#6089C6;/*#3264B4; /*#6F96C1;*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: Gray;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: Gray;
}

#RssActus td
{
	padding: 5px;
	color: #666666;
	text-align: justify;
	background-color: #EEEEEE;
}

#RssActus a:link, #RssActus a:visited, #RssActus a:hover
{
	font-size: 11px;
	font-weight: bold;
	color: #EEEEEE;
	text-decoration: underline;
}

#RssActus a:hover
{
	color: #FFFFFF;
}

/* Articles HP */
#divArticlesHP 
{
	padding-left: 18px; 
	padding-right: 10px;
}

.ArticleET
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.ArticleET a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.ArticleET a:hover
{
	background: none;
	text-decoration: underline;
}

.Article
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

pre.Code {
	font-family:  Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-left: 5pt;
	color : #555555;
	background-color: #F7F3DE;
	margin:10px;
}

.Comment {
	font-weight: bold;
	color: #5CAA16;
}

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}