/** style CSS spécifique au HBL**/
/* TD nécessaire pour la présentation du menu */
TD.bandoMenu {
	background-image: url("../images/bandoNav.gif");
	background-color: none;
	background-repeat: no-repeat;
	background-position: top left;
	
	vertical-align: top;
	align: left;
}


TD.colBoite {
	/*background-image: url("../images/colBoite.gif");*/
	background-color: #FFC045;
	background-repeat: no-repeat;
	background-position: top right;
}


TD.vmm {
	 background-image: url("../images/bas01.gif");
	 background-repeat: repeat-x; 
	 background-position: top left; 
	 
	 vertical-align: middle;
	 text-align: center;
	 
	 color: #FFFFFF; 
	 font-size:70%;
}


TD.coinBG {
	background-image: url("../images/bas02.gif");
	background-repeat: repeat-x;
	background-position: top left;
}


TD.ombre {
	background-image: url("../images/ombre.jpg");
	background-position: top left;
	background-repeat: repeat-y;
}
/* fin -- TD nécessaire pour la présentation du menu */


/* Tableau de présentation des chiffres */
TABLE.chiffres {
	background-color: #F0E081;
	border-color: #ffffff;
	border-collapse: collapse;
	border: 1px solid white; 
}
TD.chiffres {
	border-color: #ffffff;
	border-collapse: collapse;
	border: 2px solid white; 

}
/* Fin du tableau de présentation des chiffres */


/* mise en page de la barre de recherche */
TABLE.searchBarre
{
	margin: 0px;
	padding:0px;
	
	border-collapse: collpase;
}


TD.fdrubriq
{
	font-size: 110%;

	background-color: #FAE081;
	
	border:  1px solid #A30101;
}


TD.fdssrubriq
{
	background-color: none;
	
	line-height: 110%;
	
	padding-right: 8px;
	padding-left: 10px;
	
	border-right: 1px solid #A30101;
}

TD.finrubriq
{
	background-color: none;
	background-repeat: no-repeat;
	
	font-size: 6px;
	
	border-right: 1px solid #A30101;
	border-bottom: 1px solid #A30101;
	border-left: 1px solid #A30101;
}


ul.searchbarre {
	text-align: left;
	
	font-size: 110%;

	margin: 0px;
	margin-top: 5px;
}

li.searchbarre {
	list-style: none;
	list-style-position: outside;
	
	margin-bottom: 10px;	
}
/* fin - mise en page de la barre de recherche */


br.espaceur
{
	line-height: 10px;
}

/* mise en page d'une boite de présentation des articles */
TABLE.boite {
	border-collapse: collapse;
}

TD.cadreboite {
	border-top: 1px solid #5e5e5e;
	border-left: 1px solid #5e5e5e;
	border-right: none;
	border-bottom: none;
	
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}


TD.onglet {
	border: 1px solid #5e5e5e;
	
	padding: 0px;
	margin: 0px;
}


TD.vide {
	border-bottom: 1px solid #5e5e5e;
	border-left: 1px solid #5e5e5e;
	border-top: none;
	
	padding: 0px;
	margin: 0px;
}

/* fin - mise en page d'une boite de présentation des articles */

/* mise en page des images */
IMG.spip_logos
{
	border-bottom: 2px solid #5e5e5e;
	border-right: 2px solid #5e5e5e;
	border-top: 1px solid #5e5e5e;
	border-left: 1px solid #5e5e5e;
}

IMG.spip_images
{
	border-bottom: 2px solid #5e5e5e;
	border-right: 2px solid #5e5e5e;
	border-top: 1px solid #5e5e5e;
	border-left: 1px solid #5e5e5e;
}

/* fin - mise en page des images */


/* Liens hypertexte menu */
a.liensMenu {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;	
	cursor: hand;
	text-decoration: none;
}

a.liensMenu:hover {
	font-size: 11px;
	font-weight: bold;
	color: #A30206;
	text-align: left;
	cursor: hand;
	text-decoration: underline;
}
a.liensMenuBlock {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;	
	cursor: hand;
	text-decoration: none;
  display: block;
  padding: 2px;
  line-height: 12px;
}
a.liensMenuBlock:hover {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	cursor: hand;
	text-decoration: underline;
  background: #A30206;
  color: #fff;
}

a.liensMenu2 {
	font-size: 11px;
	font-weight: bold;
	color: #F0E081;
	text-align: left;	
	cursor: hand;
	text-decoration: none;
}

a.liensMenu2:hover {
	font-size: 11px;
	font-weight: bold;
	color: #F0E081;
	text-align: left;
	cursor: hand;
	text-decoration: underline;
}
/* Fin Liens hypertexte menu */


/* Liens hypertexte */
a.liens {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-align: left;	
	cursor: hand;
	text-decoration: none;
}

a.liens:hover {
	font-size: 100%;
	font-weight: bold;
	color: #A30206;
	text-align: left;
	cursor: hand;
	text-decoration: underline;
}

a.navactu {
	font-size: 70%;
	font-style: normal;
	color: #A30206;
	text-decoration: none;
}

a.navactu:hover {
	font-size: 70%;
	font-style: normal;
	color: #A30206;
	text-decoration: underline;
}
/* Fin Liens hypertexte */

/* ---------------------------------------------------------------------*/
/* Affichage des articles et des news                                   */
/* ---------------------------------------------------------------------*/
/* Affichage de la date */
.date {
	font-size: 75%;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-left: 15px;
	vertical-align: bottom;
}

.soustitre /* Affichage du sous-titre */
{
	font-size: 75%;
	font-weight: bold;
	
	color: #4C6A38;
	
	text-align: left;
	text-decoration: none;
}

a.soustitre:hover
{
	font-size: 75%;
	font-weight: bold;
	
	color: #4C6A38;
	
	text-align: left;
	text-decoration: underline;
}

.petitsoustitre /* Affichage du sous-titre */
{
	font-size: 65%;
	font-weight: bold;
	
	color: #4C6A38;
	/*color: #000000;*/
	
	text-align: left;
	text-decoration: none;
	vertical-align: bottom;
}
a.petitsoustitre:hover /* Affichage du sous-titre */
{
	font-size: 65%;
	font-weight: bold;
	
	color: #4C6A38;
	/*color: #000000;*/
	
	text-align: left;
	text-decoration: underline;
	vertical-align: bottom;
}

.remarques /* Affichage des remarques dans la colonne à droite de l'article */
{
	font-size: 70%;
	font-weight: bold;
	
	color: #4C6A38;
	
	text-align: left;
	text-decoration: none;

}


a.remarques /* Affichage des remarques dans la colonne à droite de l'article */
{
	font-size: 70%;
	font-weight: bold;
	
	color: #4C6A38;
	
	text-align: left;
	text-decoration: none;
	cursor: hand;
}

.titreRubrique /* mise en forme des titres entre crochets */
{
	font-size: 110%;
	font-weight: bold;
	color: #A30206;
	letter-spacing: 0.2em;
	text-align: left;

}

.titreArticle /* mise en forme des titres */
{
	font-size: 95%;
	font-weight: bold;
	color: #A30206;
	text-align: left;
	
	line-height: 125%;
}

.tt-crochet /* mise en forme des crochets qui encadre les titres des rubriques & des articles */
{
	font-size: 110%;
	font-weight: bold;
	color: #4C6A38;
	letter-spacing: 0.1em;
	text-align: left;
}
/* fin - mise en forme des titres entre crochets */


.soustitrenoir /* affiche le texte "L'article du jour" */
{
	font-size: 85%;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.1em;
	text-align: left;
}

/* mise en forme pour le detail des news */
.breve {
	font-size: 70%;
	font-style: normal;
	color: #888888;
}
/* fin - mise en forme pour le detail des news */

/* mise en forme des formulaires */
.formTitre /* mise en forme des titres dans les formulaires */
{
	font-size: 110%;
	font-weight: bold;
	color: #A30206;
	letter-spacing: 0.2em;
	text-align: left;
	line-height: 150%;

}
.formSousTitre /* mise en forme des sous-titres */
{
	font-size: 75%;
	font-weight: bold;
	
	color: #4C6A38;
	
	text-align: right;
	text-decoration: none;
}
.formElements /* mise en forme des boutons, select et autres textarea */
{
	font-size: 75%;
	font-weight: bold;
	
	color: #4C6A38;
	
	text-align: left;
	text-decoration: none;
}
/* fin de la mise en forme des formulaires */
.formrecherche
{ 
	background-color: #FFDDAA;
}
.spip_surligne { background-color: #FFFF66; }


/* mise en forme du popup evenement */
TD.entete_event {
	background: url("../images/enteteEvent.gif") #EEEEEE;
	background-position: top left;
	background-repeat: repeat-x;
	
	vertical-align: top;
	align: left;
}

TD.entete_event2 {
	background: url("../images/enteteEventOrange.gif") #EEEEEE;
	background-position: top right;
	background-repeat: repeat-x;
	
	vertical-align: top;
	align: left;
}
/* fin - mise en forme du popup evenement */

/* mise en forme du glossaire */
.soustitreGlossaire {
	font-size: 75%;
	font-weight: bold;
	
	color: #4C6A38;
	
	text-align: center;
	text-decoration: none;
	
	line-height: 120%;
}

.contactGlossaire/* mise en page du chapo du texte */
{
	font-weight: normal;
	font-style: italic;
	font-size: 70%;

	color: #5e5e5e;

	line-height:120%;

	text-align: justify;
}

a.navGlossaire {
	font-style: normal;
	color: #A30206;
	text-decoration: none;
}

a.navGlossaire:hover {
	font-style: normal;
	color: #A30206;
	text-decoration: underline;
}
/* fin - mise en forme du glossaire */

.service /* mise en page des contacts dans la rubrique "services" */
{
	font-size: 75%;
	font-style: normal;

	color: #000000;

	text-align: left;

	line-height:120%;
}

ul#menu {float: left; margin: 0; padding: 0 0 0 4px}
ul#menu li {float: left; margin: 0; line-height: 18px; padding: 2px 0 0 9px; background: url(../images/puce-nav.gif) no-repeat; background-position: 0 9px;list-style-type: none; }
 
ul#videos  {float: left; margin: 0; padding: 0 0 0 4px}
ul#videos li {margin: 0; line-height: 18px; padding: 2px 0 0 9px; background: url(../images/puce-nav.gif) no-repeat; background-position: 0 9px;list-style-type: none; }