BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #E9EDEF;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	background-image:url(image/Fond.png);
	background-repeat:repeat-x;
}

p, td {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	text-align: justify;*/
	color: #014061; 
}

a {
	color: #339900;
}
a:hover {
	color: #339900;
}

img {
	border: 0;
}

h1 {
	background: url(image/PointH1-vert.gif);
	background-repeat:no-repeat;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #014061;
	text-align: left;
	margin-top: 30px;
	padding: 0 0 0 30px;
	height: 30px;
}
h2 {
	background: url(image/PointH2-vert.gif);
	background-repeat:no-repeat;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #014061;
	text-align: left;
	margin-top: 30px;
	padding: 0 0 0 30px;
	height: 30px;
}

/* --------------- CadreGris (arrondi) ------------- */

/* set the image to use and establish the lower-right position */
.CadreGris, .CadreGris_Corps, .CadreGris_Entete, .CadreGris_Entete h3 {
	background: transparent url(image/CadreGris.png) no-repeat bottom right;
}
.CadreGris {
/*	width: 335px !important; /* intended total box width - padding-right(next) */
/*	width: 320px; /* IE Win = width - padding */
	padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 -5px 0 0px; /* use to position the box */
}
/* set the top-right image */
.CadreGris_Entete {
	background-position: top right;
	margin-right: -5px; /* pull the right image over on top of border */
	padding-right: 25px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.CadreGris_Entete h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 15px 0 5px 20px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.CadreGris_Corps {
	background-position: bottom left;
	margin-right: 15px; /* interior-padding right */
	padding: 0 0 10px 20px; /* mirror .cssbox_head right/left */
} 
.CadreGris a {
	color: #205672;
}


#ZoneHaut.CadreGris:hover, #ZoneHaut.CadreGris_Corps:hover, #ZoneHaut.CadreGris_Entete:hover, #ZoneHaut.CadreGris_Entete h3:hover {
	background: transparent url(image/CadreCyan.png) no-repeat bottom right;
}
#ZoneHaut.CadreGris:hover {
/*	width: 335px !important; /* intended total box width - padding-right(next) */
/*	width: 320px; /* IE Win = width - padding */
	padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 -5px 0 0px; /* use to position the box */
}
/* set the top-right image */
#ZoneHaut.CadreGris_Entete:hover {
	background-position: top right;
	margin-right: -5px; /* pull the right image over on top of border */
	padding-right: 25px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
#ZoneHaut.CadreGris_Entete h3:hover {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 15px 0 5px 20px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
#ZoneHaut.CadreGris_Corps:hover {
	background-position: bottom left;
	margin-right: 15px; /* interior-padding right */
	padding: 0 0 10px 20px; /* mirror .cssbox_head right/left */
} 
#ZoneHaut.CadreGris a:hover {
	color: #205672;
}


/* --------------- CadreBleu (arrondi) ------------- */

/* set the image to use and establish the lower-right position */
.CadreBleu, .CadreBleu_Corps, .CadreBleu_Entete, .CadreBleu_Entete h3 {
	background: transparent url(image/CadreBleu.png) no-repeat bottom right;
}
.CadreBleu {
/*	width: 335px !important; /* intended total box width - padding-right(next) */
/*	width: 320px; /* IE Win = width - padding */
	padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 -5px 0 0px; /* use to position the box */
}
/* set the top-right image */
.CadreBleu_Entete {
	background-position: top right;
	margin-right: -5px; /* pull the right image over on top of border */
	padding-right: 25px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.CadreBleu_Entete h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 15px 0 5px 20px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.CadreBleu_Corps {
	background-position: bottom left;
	margin-right: 15px; /* interior-padding right */
	padding: 0 0 10px 20px; /* mirror .cssbox_head right/left */
} 
.CadreBleu a {
	color: #205672;
}




.TitreArticle2 {
	background-image: url(image/RepereArticle.gif);
	background-repeat: no-repeat;
	color: #205672;
	font-size: 11px;
	display: block;
	padding: 0 5px 3px 15px;
	margin-bottom: 1px;
	text-align:left;
	margin-left: 0px;
}

/* --------------- MenuHaut ------------- */

#MenuHaut {
	height: 30px;
}
#MenuHaut form {
	margin: 0;
	padding: 0;
}

#MenuHaut a {
/*	color: #014061; */
	color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#MenuHaut a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#MenuHaut input {
	border: 1px solid #45869F;
	background-color: #FFFFFF;
	color: #999999;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 130px;
	margin: 2px 0 0 0;
	padding-left: 15px;
}

#MenuHaut input.Recherche {
	background-image: url(image/FondRecherche.png);
	background-repeat: no-repeat;
}


/* --------------- BarreInfo ------------- */

#BarreInfo td {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0B4C6C;
	margin-left: 5px;
}

#BarreInfo a {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0E7F9D;
	margin-left: 5px;
	text-decoration: none;
}


/* --------------- MenuGauche ------------- */

#MenuGauche a.Rubrique {
	background-image: url(image/RepereRubrique.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
	display: block;
	height: 24px;
	padding: 5px 0 0 25px;
	margin-bottom: 1px;
	margin-top: 10px;
	text-decoration: none;
}
#MenuGauche a.Rubrique:hover, #MenuGauche a.Rubrique.Courant {
	background-color:#02549E;
	text-decoration: none;
}

#MenuGauche .SousRubrique a {
	background-image: url(image/RepereSousRubrique.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
/*	height: 15px;*/
	padding: 0 0 0 30px;
	margin-bottom: 1px;
	text-decoration: none;
}
#MenuGauche .SousRubrique a:hover, #MenuGauche .SousRubrique  a.Courant {
	background-color:#017AC3;
	text-decoration: none;
}

/* --------------- MenuDroite ------------- */

#MenuDroite th {
	background-color: #528FC2;
	text-align: left;
	color: #ffffff;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
}

#MenuDroite th img {
	vertical-align:middle;
	margin-right:3px;
}

#MenuDroite a {
	color: #023F75;
}
#MenuDroite a:hover {
	color: #023F75;
	text-decoration:underline;
}

#MenuDroite .TitreArticle {
	background-image: url(image/RepereArticle.gif);
	background-repeat: no-repeat;
	color: #023F75;
	font-size: 11px;
	display: block;
	padding: 0 5px 0 15px;
	margin-bottom: 1px;
	text-align:left;
/*	margin-left: 15px;*/
	text-decoration:none;
}
#MenuDroite a.TitreArticle:hover {
	background-color: #A7C7E0;
	text-decoration:none;
}

#MenuDroite input {
	border: 1px solid #45869F;
	background-color: #FFFFFF;
	color: #999999;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 130px;
	margin: 2px 0 6px 0;
	padding-left: 15px;
}

#MenuDroite input.Compte {
	background-image: url(image/FondCompte.png);
	background-repeat: no-repeat;
}

#MenuDroite input.MotDePasse {
	background-image: url(image/FondMotDePasse.png);
	background-repeat: no-repeat;
}

#MenuDroite .Erreur {
	color: #CC0000;
	font-size: 10px;
}

/* --------------- BarrePied ------------- */

#BarrePied, #BarrePied td {
	font-size: 10px;
	color: #D3DEE4;
}

#BarrePied a {
	font-size: 10px;
	color: #D3DEE4;
	text-decoration:none;
}

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


/* --------------- Contenu ------------- */

#Contenu a {
	color: #339900;
	text-decoration: none;
}

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

#Contenu form {
	background-color: #EEEEEE;
	
}
#Contenu input, #Contenu textarea, #Contenu select {
	background-image: url(image/FondSaisie.png);
	background-repeat: repeat-x;
	border: 1px solid #45869F;
	background-color: #FFFFFF;
	color: #666666;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
}

#Contenu input:focus, #Contenu textarea:focus, #Contenu select:focus {
	border: 1px solid #339900;
}

#Contenu .Bouton, #Contenu .Bouton:focus {
	background:inherit;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: 0px;
	border-top: 1px solid #3FBF00;
	border-left: 1px solid #3FBF00;
	border-right: 1px solid #267500;
	border-bottom: 1px solid #267500;
	background-color: #339900;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

#Contenu .Bouton:focus {
	padding-top: 3px;
	padding-bottom: 1px;
}



#Contenu input[type=submit], #Contenu input[type=button] {
	background:inherit;
	border-top: 1px solid #3FBF00;
	border-left: 1px solid #3FBF00;
	border-right: 1px solid #267500;
	border-bottom: 1px solid #267500;
	background-color: #339900;
	color: #FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding: 4px;
}
#Contenu input[type=submit]:hover, #Contenu input[type=button]:hover {
	border: 1px solid #333333;
}










#Contenu li {
	list-style: url(image/Point-Vert.gif);
}
#Contenu ul {
	margin:0;
}






.Article .Resume {
	margin: 0 0 0 25px;
	display: block;
	font-size: 11px;
	color:#014061;
}
.Article .Auteur {
	margin: 3px 0 0 25px;
	display: block;
	font-size: 10px;
	color:#888888;
}


#Contenu .BarreOutilArticle, .BarreOutilArticle td { font-size:9px; padding:1px; }
#Contenu .BarreOutilArticle img { vertical-align:middle; margin-left:3px; }
#Contenu .BarreOutilArticle a, .BarreOutilArticle td a { color: #205672; display: block; }
#Contenu .BarreOutilArticle a:hover { color: #205672; display: block; background-color: #D3DEE4; text-decoration: none; }



/* --------------- Cadre Fichiers Joints ------------- */

#FichierJoint { margin-top:40px; }
#FichierJoint h2 { margin:inherit; }
#FichierJoint a {
	font-weight: bold;
	text-align: left;
	margin-left: 25px;
}

#FichierJoint img { vertical-align:middle; margin:5px; }



/* --------------- Cadre Articles Suivants ------------- */
/*
#ArticleSuivant {
	background-color: #E8E8E8;
	margin-top:40px;
	padding:2px;
}
#ArticleSuivant h2 { margin:inherit; }
#ArticleSuivant .TitreArticle {
	background-image: url(image/RepereArticle.gif);
	background-repeat: no-repeat;
	color: #205672;
	font-size: 11px;
	display: block;
	padding: 0 5px 0 15px;
	margin-bottom: 1px;
	text-align:left;
	margin-left: 25px;
}

#ArticleSuivant a {
	color: #205672;
}
#ArticleSuivant a:hover {
	color: #205672;
	text-decoration:underline;
}
*/
/* --------------- Cadre Zone Haut ------------- */

#ZoneHaut {
	padding:2px;
}
#ZoneHaut h2 { margin:0px; }
#ZoneHaut a {
	color: #205672;
}
/*
#ZoneHaut .TitreArticle {
	background-image: url(image/RepereArticle.gif);
	background-repeat: no-repeat;
	color: #205672;
	font-size: 11px;
	display: block;
	padding: 0 5px 0 15px;
	margin-bottom: 1px;
	text-align:left;
	margin-left: 25px;
}

#ZoneHaut a {
	color: #339900;
}
#ZoneHaut a:hover {
	color: #205672;
	text-decoration:underline;
}
*/





















.Petit {
	font-size: 10px;
}
.Petit a, .Petit a:link, .Petit a:visited {
/*	font-size: 8px;*/
	color:#FF6600; text-decoration: none;
}
.Petit a:hover {
	color:#FF6600; text-decoration: underline;
}

/* --------------- Article ------------- */
.Article {
	background: url(image/PointBleu.gif) no-repeat 0 0;
	margin: 15px 0 30px 0;
/*	text-indent: 25px;*/
}
.Article .Titre {
	margin: 0 0 0 25px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
}
.Article .Auteur a, .Article .Auteur a:link, .Article .Auteur a:visited, .Article .Auteur a:hover {
	font-weight: bold;
	color:#888888;
}
.Article .Lien {
	margin: 0 0 0 25px;
	display: block;
	font-size: 10px;
}
.ArticleAuteur {
	margin: 0;
	display: block;
	font-size: 10px;
	color:#888888;
}
.ArticleAuteur a, .ArticleAuteur a:link, .ArticleAuteur a:visited, .ArticleAuteur a:hover {
	font-weight: bold;
	color:#888888;
}


/* --------------- Annonce ------------- */
.Annonce {
	background-color: #FFFFFF;
	width: 180px;
	float: right;
	margin: 5px;
	padding: 2px;
	border: 1px solid #90B0D4;
}
.Annonce .Chapeau {
	background-color: #90B0D4;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	margin: 0;
	color: #000000;
}
.Annonce .Titre {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	color: #000000;
}
.Annonce .Detail {
	display: block;
	font-size: 10px;
	margin: 0 0 5px 0;
	color: #000000;
}


/* --------------- Couleurs ------------- */
.Gris {
	color: #888888;
}
.Bleu {
	color: #003399;
}
.BleuClair {
	color: #90B0D4;
}
.Orange {
	color: #FF6600;
}


/* --------------- Statuts ------------- */
.StatutChapitre {
	background: url(image/PointBleu.gif) no-repeat 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 40px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 25px;
	height: 40px;
/*	color: #000000;*/
/*	padding: 5px 0 0 55px;*/
/*	height: 40px;*/
}
.StatutArticle {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 5px 0 0 10px;
/*	margin: 15px 0 30px 0;*/
}
.StatutTitre {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding: 5px 0 0 10px;
/*	margin: 15px 0 30px 0;*/
}







/* --------------- Article ------------- */
td.TitreArticle {
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*	background: url(image/BarreBleue.gif);*/
	font-size: 12px;
	font-weight: bold;
	background-color: #90B0D4;
	color: #FFFFFF;
/*	padding: 2px;*/
}
td.DateArticle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #90B0D4;
/*	background-color: #414AC5;*/
	color: #FFFFFF;
/*	padding: 2px;*/
}
td.DateArticle a, td.DateArticle a:link, td.DateArticle a:visited, td.DateArticle a:hover {
	color: #FFFFFF;
	font-weight: bold;
}









table.article {
	width: 100%;
	padding: 3px;
	background-color: #F0F0F0;
	border: 0 none;
/*	border: 1px solid #90A0B0;*/
}
td.Article {
	color: #003399; 
	background-color: #F0F0F0;
}
td.TitreDossier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #414AC5;
	color: #FFFFFF;
	padding: 2px;
}




table.admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	border-width: 1px;
	border-style: solid;
	border-color: #90A0B0;*/
	background-color: #F0F0F0;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #90B0D4;
	color: #FFFFFF; 
}

table.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
td.menu {
	font-weight: bold;
	color: #000000;
}
/*
a:link {color:#FF6600; text-decoration: none;}
a:visited {color:#FF6600; text-decoration: none;}
a:hover {color:#FF6600; text-decoration: underline;}
*/

.NavPage { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; text-align: center; margin-top: 10px; }
.NavPage a, .NavPage a:link, .NavPage a:visited { font-size: 10px; color: #FF6600; text-decoration: none; }

.NavPage a:hover { font-size: 10px; color: #FF6600; text-decoration: underline; }

.PiedPage, .PiedPage p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: center;
}
.PiedPage a, .PiedPage a:link, .PiedPage a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.PiedPage a:hover {
	color: #000099;
	font-weight: bold;
	text-decoration: underline;
}


.imprimanteseulement {
	display: none;
}