/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4: */

/**
 * Feuille de style d'impression du site du SIE Corse
 *
 * File : siecorse/styles/impression.css
 *
 * CSS version 2
 *
 * LICENSE: Ce programme est mis à disposition selon le Contrat Creative Commons
 * Paternité-NonCommercial-ShareAlike 2.0 France disponible en ligne
 * http://creativecommons.org/licenses/by-nc-sa/2.0/fr/ ou par courrier postal à
 * Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
 *
 * @category   Sites Web des Systemes d'Information sur l'Eau des bassins RM et Corse
 * @author     Herve Chuzeville <herve.chuzeville@eaurmc.fr>
 * @author     Agence Interactive <contact@agenceinteractive.com>
 * @author     Estelle Grand <estelle.grand@apx.fr> - APX (refonte)
 * @copyright  2009-2011 Agence de l'eau Rhone-Mediterranee et Corse
 * @license    http://creativecommons.org/licenses/by-nc-sa/2.0/fr/  Creative Commons Paternite-NonCommercial-ShareAlike 2.0 France
 * @version    2.0.1 du 16/02/2011
 */

/*
Couleurs utilisees :
- Textes par defaut : #444444

- Entete bleu : #1F5E6A
- Entete mauve : #91355D
- Entete orange : #A6640F
- Entete rouge : #973B38
- Entete vert : #495F23


*/

/**
 ***********************************
 * Définition des paramètres de base
 ***********************************
 */


/* definition du format du corps de la page */
html,body { 
    background-color: #FFFFFF;
    margin: 0;                            	 	/* marge a 0 */
    padding: 0;                             	/* marge a 0 */
    font-family: Verdana,Arial, Helvetica, Verdana,sans-serif;
    color: #444444;
    height:100%;
}

body {
	font-size: 0.625em;                     	/* 0.625em => 10px taille de police par défaut pour toute la page*/
}

/* mise à zéro des bordures et marges des éléments de base de la page */
div, span, p, a, img, form, h1, h2, h3, h4, h5, h6 {
    border: 0;
    padding: 0;
    margin: 0;
}

/**
 ****************************
 * Redefinition des tags HTML
 ****************************
 */

/* citation */
cite {
    display: block;
	width: 500px;
    text-align: left;
}

/* lien */
a, a:visited {
    /*color: #888888;*/
    color: #666666;
    text-decoration: underline;
}
a:hover, a:hover h1, a h1:hover {
	background: none;	/* Contournement du Bug IE pour le changement de couleurs */
    text-decoration:underline;
}

/* texte de liste */
ul, ol {
    margin-top: 0;
}

/* tableaux */
/*Definition commune des tableaux*/
table {
    width: 90%;
    margin: 10px auto 15px;
    border-collapse: collapse;
}
caption {
    margin: 10px auto 5px;                /* centrage Firefox */
    padding-bottom:5px;
    font-weight: bold;
    font-size: 110%;				/*0.63em => 11px*/
	width: 80%;
}
th {
   text-align: center;
	padding: 2px 4px;
	text-indent: -1px;
        color: #000000;
}
td {
   padding: 3px;
   text-align: left;
   color: #000000;
}

.tableauMesures {						/* modifie le 08/12/2009 - auteur : EGD/APX : pour le tableau de la page rejets-collectivites/telechargement-fichier.php*/
    margin-left:0px;
}
.tableauMesures td {
    width: 30%;
    height: 35px;
}

/* formulaires */
form {
	margin: 20px;
}

legend {
	font-weight: bold;
    color: #000000;
}
label {
	/*float: left;
	width: 50%;
	text-align: right;
	line-height: 1.8;*/
}
input {
	/*border: 2px; 
	border-color: #217b71;
	background-color: #00d2c2;*/
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}

/* ligne horizontale */
hr {  
  height:1px;
  border-top:        1px solid #444444;
  border-right:	     0;
  border-bottom:     #ffffff;  
  border-left:		 0;
  margin:            10px auto 0 0;
}

ul.titre {
	list-style-type: none !important;
	list-style-image: none !important;
	padding: 0px !important;
	margin: 0 !important;
}

li.titre {
	padding: 0px !important;
	margin: 0 !important;
	list-style-image: none !important;
	display:inline;					/*modifie le 08/12/2009 - EGD/APX : resoud le probleme d'interlignage IE*/
}

a:link.titreUn, a:visited.titreUn { 
	font-family:Verdana,Arial,Helvetica,Verdana,sans-serif;
	font-size:100%;
	font-weight:bold;
	margin:8px 0 2px 0 !important;
	padding:3px 3px 3px 5px !important;
	width: 166px;
	display: block;
	text-decoration: none; /* ajoute le 15/02/2011 - auteur : H. Chuzeville/AERMC - objet : suppression soulignements menus */
}
a:hover.titreUn { 
	font-family:Verdana,Arial,Helvetica,Verdana,sans-serif;
	font-size:100%;
	font-weight:bold;
	margin:8px 0 2px 0 !important;
	padding:3px 3px 3px 5px !important;
	width: 166px;
	display: block;
	text-decoration: underline; /* ajoute le 15/02/2011 - auteur : H. Chuzeville/AERMC - objet : suppression soulignements menus */
}

a.vertUn, a.vertUn, a:visited.vertUn { 
	background:#495F23 !important; 
	color:#FFFFFF !important;
}
a.bleuUn, a.bleuUn, a:visited.bleuUn { 
	background:#1F5E6A !important; 
	color:#FFFFFF !important;
}
a.orangeUn, a.orangeUn, a:visited.orangeUn { 
	background:#A6640F !important; 
	color:#FFFFFF !important;
}
a.mauveUn, a.mauveUn, a:visited.mauveUn { 
	background:#91355D !important; 
	color:#FFFFFF !important;
}
a.rougeUn, a.rougeUn, a:visited.rougeUn { 
	background: #973B38 !important; 
	color:#FFFFFF !important;
}

a.titreDeux, a:visited.titreDeux { 
	background-color:transparent;
	border-bottom: 1px dotted #999999;
	font-size:110%;
	font-weight:bold;
	margin:10px 5px 3px 1px;
	padding:0;
	display: block;
	min-height: 13px;
	text-decoration: none; /* ajoute le 15/02/2011 - auteur : H. Chuzeville/AERMC - objet : suppression soulignements menus */
}

h3.titreVert, .titreVert strong, .titreVert b, .titreVert a, 
a.vertDeux, a.vertDeux, a:visited.vertDeux { 
	/*color:#8AAC4A; */
	color:#495F23 !important; 
}
h2.titreVert, h2.titreVert a, h2.titreVert a:visited { 
	/*background-color:#8AAC4A; */
	background-color:#495F23; 
	color:#FFFFFF !important; 
}

h3.titreBleu, .titreBleu strong, .titreBleu b, .titreBleu a, 
a.bleuDeux, a.bleuDeux, a:visited.bleuDeux { 
	/*color:#2B8798; */
	color:#1F5E6A !important; 
}
h2.titreBleu, h2.titreBleu a, h2.titreBleu a:visited { 
	/*background-color:#2B8798; */
	background-color:#1F5E6A; 
	color:#FFFFFF !important; 
}

h3.titreOrange, .titreOrange strong, .titreOrange b, .titreOrange a, 
a.orangeDeux, a.orangeDeux, a:visited.orangeDeux { 
	/*color:#D69A23; */
	color:#A6640F !important;
}
h2.titreOrange, h2.titreOrange a, h2.titreOrange a:visited { 
	/*background-color:#D69A23; */
	background-color:#A6640F; 
	color:#FFFFFF !important; 
}

h3.titreMauve, .titreMauve strong, .titreMauve b, .titreMauve a, 
a.mauveDeux, a.mauveDeux, a:visited.mauveDeux { 
	/*color:#B74677; */
	color:#91355D !important; 
}
h2.titreMauve, h2.titreMauve a, h2.titreMauve a:visited { 
	/*background-color:#B74677; */
	background-color:#91355D; 
	color:#FFFFFF !important; 
}

h3.titreRouge, .titreRouge strong, .titreRouge b, .titreRouge a, 
a.rougeDeux, a.rougeDeux, a:visited.rougeDeux { 
	/*color:#A1433F; */
	color:#973B38 !important; 
}
h2.titreRouge, h2.titreRouge a, h2.titreRouge a:visited { 
	/*background-color:#A1433F; */
	background-color:#973B38; 
	color:#FFFFFF !important; 
}


h1.titreAccueil {
	font-size:140% !important; /* 140% de 0.625em(10px) = 14px  */
	/*color:#2B8798; */
	color:#1F5E6A; 
	/*border-bottom:1px solid #2B8798;*/
	border-bottom:1px solid #1F5E6A;
	text-indent:0px;  
	padding-left:0px; 
	font-weight:bold; 
}

.templateDocument#pageContenu h1 { 
	height:auto !important; 
}

/*La bande ne couleur en pied de page n est pas imprimee*/
div.piedpageCouleur { 
	background-color:transparent !important; 
	color:#FFFFFF !important; 
	height:0;
}

/**
 **************
 * Mise en page
 **************
 */

/*
	Definition des blocs globaux pour le modele de page
*/

#contenu {
	width: 100%;
	margin:0 auto;
	
	min-height: 100%;
}

#accueilCentral
{
	width:900px;
	/*left:50%;*/		/*supprime le 19/11/2009 - auteur : E Grand/APX - objet : correction de la position du contenu pour affichage toute resolution*/
	padding:0px;
		/*Indispensable pour IE*/
}

#accueilBandeau
{
	width:900px;
	height:104px;
}
#accueilBandeauLogo {
	width:91px;
	height:104px;
	float: left;
}
#accueilBandeauTitre {
	width:296px;
	height:104px;
	float: left;
}
#accueilBandeauImage {
	background-image:url(../images/bandeau-accueil-imagecorse.jpg);
	background-repeat:no-repeat;
	width:513px;
	height:104px;
	float: left;
}
#accueilBandeArcEnCiel
{
	background-image:url(../images/bande-arcenciel.gif);
	background-repeat:no-repeat;
	width:900px;
	height:15px;
	clear: both;
}

#accueilBandeChemin
{
	width:880px;
	min-height:15px;
	border-bottom:1px dashed #CACACA;
	padding-left:15px;
	text-align: left;
}
/*
#accueilBandeRecherche
{
	width:180px;
	height:15px;
	float:right;
	margin-top:-17px;
	text-align:right;
	padding-right:15px;
	display:none;
}*/
#accueilMenu
{
	float:right;
	width:230px;
	height:20px;
	color:#FFFFFF;
	background-image:url(../images/fond-bleu-arrondi.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-right:10px;
	text-align:right;
}

#accueilMenu p { 
	background-color:#3C679E;
	margin-left:5px;
}

#accueilMenu a { 
	color:#FFFFFF; 
	text-decoration:underline; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
#accueilMenu a:hover { 
	text-decoration:underline; 
}

.separateur {
	clear:both; 
	width:1px; 
	height:5px;
}

/*
Affichages pour gerer la bannière footer
*/
#accueilBaniere		{ 
	background-image:url(../images/bande-arcenciel.gif);
	background-repeat:no-repeat;
	width:900px; 
	/*font-size:90%; /* 90% de 0.625em(10px) = 9px  */
	color:#A9A9A9; 
	clear:both;
	padding-top:5px;
	margin-top:15px;
}
#accueilBaniere ul { 
	margin:0px; 
	padding:0px; 
}
#accueilBaniere li { 
	margin-left:15px;
	padding:0px; 
	list-style:none; 
	float:left; 
}

#accueilBaniereLogo {
	padding-left:10px; 
	float:left; 
	margin-top:7px; 
}
#accueilBaniereLiens {
	padding-right:10px; 
	float:right; 
	margin-top:5px; 
}

/*
Definition du bloc de contenu et des blocs d organisation du contenu en page d accueil
*/

#accueilContenu { 
	width:880px;
	padding:0px 10px 10px 10px;
}
#accueilContenu p { 
	margin:0px 0px 2px 0px;
	padding:2px;  
}
#accueilContenu h1 { 
	height:auto; 
	margin:8px 0px 2px 0px; 
	font-size:100%; /* 100% de 0.625em(10px) = 10px  */
	font-weight:bold; 
	padding:3px 3px 3px 5px;
	font-family: Verdana,Arial, Helvetica, Verdana,sans-serif; 
	line-height:100%; 
}
#accueilContenu h2 { 
	height:auto; 
	margin:8px 0px 2px 0px; 
	font-size:100%; /* 100% de 0.625em(10px) = 10px  */
	font-weight:bold; 
	padding:3px 3px 3px 5px;
	font-family: Verdana,Arial, Helvetica, Verdana,sans-serif; 
	line-height:110%; 
}
#accueilContenu h3 { 
	margin:5px 0px 3px 1px; 
	font-size:110%; /* 110% de 0.625em(10px) = 11px  */
	font-weight:bold; 
	padding:0px; 
	border-bottom:1px dotted #999999; 
}


#accueilColGauche 	{ 
	width:174px; 
	float:left; 
	padding:2px;
}
#accueilColGauche ul { 
	margin:0px; 
	padding:0 0 0 30px; 
}
#accueilColGauche ul li { 
	list-style-image:url(../images/puce-liste.gif);  
	margin:0 0 3px 0;
	text-indent:0px; 
	padding:0px;
}
#accueilColGauche li.titreVert {  
	color:#495F23; 
}
#accueilColGauche a.external {
	background: url(../images/external.png) right -1px no-repeat;
	display:inline-block;
	padding-right: 13px;
}

#accueilColCentre 	{ 
	width:510px; 
	float:left; 
	padding:2px; 
	margin-left:5px; 
	margin-right:5px; 
}
#accueilColCentre a.external {
	background-image: url(../images/external.png);
	background-position: right -1px;
	background-repeat: no-repeat;
	display:inline-block;
	padding-right: 13px;
}

.colonneFlottante { 
	width:174px; 
	float:left; 
	padding:2px;
}
.colonneFlottanteCentre { 
	width:250px; 
	float:left; 
	padding:2px;
}
.colonneFlottanteCentreTiers { 
	width:165px; 
	float:left; 
	padding:2px;
}
.colonneFlottanteCentreDeuxTiers { 
	width:334px; 
	float:left; 
	padding:2px;
}
.blocCentral {
	clear:both;
}

#accueilColDroite 	{ 
	width:174px; 
	float:right; 
	padding:2px; 
}

#accueilColBas 		{ 
	width:174px; 
	float:left; 
	padding:2px; 
}

#imagesAccessibilite {
	clear: both;
	margin-top: 20px;
	text-align: center;
}


/*
Definition du bloc de contenu et des blocs d organisation du contenu en pages interieures
*/

#pageContenu { 
	width:880px; 
	padding:0 10px; 
	border-bottom:1px dashed #999999; 
	margin-bottom:15px; 
}

#pageColGauche 	{ 
	width:174px; 
	float:left; 
	padding:2px;
}
#pageColGauche ul { 
	margin:0px; 
	padding:0px 0 0 30px;
}
#pageColGauche ul li {  
	list-style-image:url(../images/puce-liste.gif);  
	margin:0px 0 3px 0;
	text-indent:0px; 
	padding:0px;
	/*vertical-align: top;*/
}
#pageColGauche a:link, #pageColGauche a:visited { /* ajoute le 15/02/2011 - auteur : H. Chuzeville/AERMC - objet : suppression soulignements menus */
	background: none;	/* Contournement du Bug IE pour le changement de couleurs */
	text-decoration: none; 
}
#pageColGauche a:hover { /* ajoute le 15/02/2011 - auteur : H. Chuzeville/AERMC - objet : suppression soulignements menus */
	text-decoration: underline; 
}
#pageColGauche a.linkselected {
	font-weight:bold;
	color: #666666;
	text-decoration: none; /* ajoute le 15/02/2011 - auteur : H. Chuzeville/AERMC - objet : suppression soulignements menus */
}
#pageColGauche a.linkselected:hover {
	font-weight:bold;
	color: #666666;
	text-decoration: underline; /* ajoute le 15/02/2011 - auteur : H. Chuzeville/AERMC - objet : suppression soulignements menus */
}
#pageColGauche a.external {
	background: transparent url(../images/external.png);
	background-position: right -1px;
	background-repeat: no-repeat;
	display:inline-block;
	padding-right: 13px;
}

#pageColCentre 	{ 
	width:684px; 
	float:left; 
	padding:2px; 
	margin-left:5px; 
	margin-right:5px;
}
#pageColCentre a.external {
	background: url(../images/external.png) right -1px no-repeat;
	padding-right: 13px;
}
#pageColCentre h1 { 
	font-size:140%; /* 140% de 0.625em(10px) = 14px  */
	font-weight:bold; 
	font-family: Verdana,Arial, Helvetica, Verdana,sans-serif;
	clear:both; 
	margin-top:5px;
	margin-bottom:20px;
	padding:3px 3px 3px 5px; 
	height:auto;
	text-align: center;
	line-height: 100%;
}
#pageColCentre h2 { 
	font-size:120%; /* 120% de 0.625em(10px) = 12px  */
	font-weight:bold;
	clear:both; 
	margin-top:5px;
	margin-bottom:10px;
	padding:0px;
	border-bottom:1px dotted #999999;
}
#pageColCentre h3 { 
	font-size:110%; /* 110% de 0.625em(10px) = 11px  */
	margin-top:5px; 
}
#pageColCentre hr { 
	border:none; 
	clear:both; 
}
#pageColCentre p { 
	text-align:justify; 
	margin:0 0 15px; 
	padding:2px;
}
#pageColCentre ul, #pageColCentre ol { 
	margin-bottom:15px;
}
#pageColCentre ul.plansite { 
	margin-bottom:3px;
}
#pageColCentre.colonneUnique { 
	width:870px; 
	margin-left:2px; 
	margin-right:10px; 
}
.colonneUnique .colonneFlottanteCentre 	{ 
	width:420px; 
}

/*
Affichages specifiques
*/

/*
Affichage pour fil RSS
*/
.titreMauve .filRss a, .titreMauve p.filRss { 
	color:#91355D; 
}
.filRss ul { 
	margin:0px; 
	padding:5px;
}
.filRss li { 
	list-style:none; 
	margin-left:0px; 
	margin-bottom:5px; 
	padding:0px;  
}

/* aligner le lien 'Voir aussi' */
.lienImage {
    float: left;
    text-align: left;
}

/* formater la zone des ancres */
.ancres {
    margin:  0 20px;
    padding: 0;
}


/* sous-titre de page */
.sousTitrePage {
    font-size: 110%; /* 110% de 0.625em(10px) = 11px  */
    text-align: center;
    font-weight: bold;
    color: #444444;
}

/* bouton pour remonter en haut de la page */
.retourHaut {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
	clear: both;			/*pour que le bouton soit toujours centré dans le contenu de la page*/
}

/* date de mise a jour de la page */
.miseAJour {
    margin: 0;
    font-size: x-small;
    font-style: italic;
}

/* PAGES INTERIEURES */

/* alignement flottant a gauche (images avec ou sans legendes, etc.) */
.gauche {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    font-size: x-small;
    color: #444444;
}    

/* centrage horizontal des elements de type "en-ligne" (images, etc.) */
.centre-element, .centre {
    margin: 1px auto;
    text-align: center !important;
}

/* alignement flottant a droite (images avec ou sans legendes, etc.) */
.droite {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-right: 16px;
    text-align: center;
    font-size: x-small;
    color: #444444;
}

.legende {
    text-align: center;
    font-size: x-small;
    color: #444444;
}

/* filigrane archive pour les pages archivees */
.archive {
	background-image:url('/images/filigrane-archive.png');
	background-position:center 2em;
	background-repeat:repeat-y;
}

.aligneDroite, .cel-droite {
    text-align: right !important;
}

.aligneGauche, .enteteGauche {
    text-align: left !important;
}

.aligneJustifie {
    text-align: justify !important;
}

.aligneCentre, .cel-centre {
    text-align: center !important;
}

/* pas de bordure dans un tableau */
.bordureCache {
    border: 0;
}

.bordureCacheBas {
    border: 0;
	vertical-align: bottom;
}

/* indentation du texte pour alignement */
.cel-indent {
    text-align: left;
    text-indent: 1.75em;
}

.cel-top {
  vertical-align: top;
}

.cel-bottom {
  vertical-align: bottom;
}

.cel-top-centre
{
  vertical-align: top;
  text-align: center;  
}

/* force la taille du tableau */
.tabTaille {
    width: 95%;
}

/* force la taille d'une cellule à 20% */
.celTaille {
    width: 20%;
}

/* force la taille d'une cellule à 15% */
.celTaille15 {
    width: 15%;
}

/* force la taille d'une cellule à 25% */
.celTaille25 {
    width: 25%;
}

/* force la taille d'une cellule à 50% */
.celTaille50 {
    width: 50%;
}

/* force la taille d'une cellule à 100% */
.celTaille100 {
	width:100%;
	height: 16px;
}

/* force la taille d'une cellule sans bordures*/
.celTaille-bordureCache {
    width: 30%;
    border: 0;
}

.noCellpadding {
	padding: 0;
	margin: 0;
	height: 16px;
}

/* de tableaux sans cellpadding */
.tableauGaucheNoCellpadding td {
  	width: 15px;
	height: 16px;
	padding: 0;
	margin: 0;
	text-align: center;
}

/* de tableaux sans cellpadding */
.tableauGaucheNoCellpaddingLage td {
	height: 14px;
	padding: 0;
	margin: 0;
	text-align: left;
}

/* de tableaux alignés à gauche */
.tableauGauche {
  	margin: 16px;
}

.tableauGaucheStrict {
    width: 95%;    
}

.tableauGaucheStrict td a
{
    font-size: 0.85em !important;
    font-size: 1em;
}

/* de tableaux alignés à gauche sans bordure */
.tableauGaucheSansBord {
    width: 70%;
  	margin: 16px;
    border: 0;
}
.tableauGaucheSansBord th{
  	border: 0;
}
.tableauGaucheSansBord td {
 	border: 0;
}

.tableauNormalSansBord {
    width: 97%;
    border: 0;
}
.tableauNormalSansBord th{
  	border: 0;
}
.tableauNormalSansBord td {
 	border: 0;
}
.tableauNormalSansBord span {
    display: block;
    text-align: center;
    font-size: x-small;
    color: #444444;
}

/* de tableaux alignés à gauche sans bordure */
.tableauCentreSansBord {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    border: 0;
}
.tableauCentreSansBord th{
  	border: 0;
}
.tableauCentreSansBord td {
 	border: 0;
}

.tableauMesures {
    width: 95%;
    font-size: x-small;
}
.tableauMesures td {
    width: 30%;
    height: 35px;
}

/* affichage d'un paragraphe dans un tableau */
.celP {
   display: block;
   border: 1px solid #000;
}
.celP strong {
    float: left;
}
.celP span {
    float: right;
    width: 90%;
}
/*
*
*
*
Styles d'affichage Utilisateur
Utilisables par les webmasters pour personnaliser leurs affichages
*
*
*
*/
/* espacement entre les li */
.sautli li {
	padding-bottom : 10px;
}


 /*general : styles d edition pour le texte des pages statiques*/
 /* Styles destines a  l utilisateur pour le formatage des pages de contenu */
 
 /* Styles de texte pur */

.STYLBAS-legende
{ 
	font-size: 0.61em !important; 
	color: #000000;
	text-align:center;
	font-style:italic;
	float:right;
	margin:10px;
}
	.STYLBAS-legende-gauche
{ 
	font-size: 0.61em !important; 
	color: #000000;
	text-align:center;
	font-style:italic;
	float:left;
	margin:10px;
}
	
.STYLBAS-legende-blanc {  
	font-size: 0.61em;  
	color: #FFFFFF; 
	font-style:italic;
}
.STYLBAS-vert { 
	color: #336666; 
}
.STYLBAS-blanc {  
	font-size: 0.61em;   
	color: #FFFFFF
}
.STYLBAS-noir {  
	font-size: 0.61em;  
	color:#000000;
}
.STYLBAS-italique { 
	font-size: 0.61em;   
	color: #000000; 
	font-style:italic;
}
.STYLBAS-gras {  
	font-size: 0.61em;   
	font-weight: bold; 
	color: #217b71
}
.STYLBAS-gras-blanc {  
	font-size: 0.61em;   
	font-weight: bold; 
	color: #FFFFFF
}
.STYLBAS-gras-vert {  
	font-size: 0.61em;   
	font-weight: bold; 
	color: #9CFFE9
}
.STYLBAS-gras-noir { 
	color:#000000; 
	font-weight: bold; 
}
.STYLBAS-gras-lien:link,.STYLBAS-gras-lien:visited,.STYLBAS-gras-lien:hover,.STYLBAS-gras-lien:active,.STYLBAS-gras-lien:focus
 {  
	 font-size: 0.61em;   
	 font-weight: bold; 
	 color: #217b71
	}

/* Styles d apparence des tableaux ou cases de tableaux */

.STYLBAS-table-vert-clair, .STYLBAS-table-vert-clair p, .STYLBAS-table-vert-clair a { 
	background-color:#00D2C2 !important; 
}
.STYLBAS-table-vert-fonce, .STYLBAS-table-vert-fonce p, .STYLBAS-table-vert-fonce a { 
	background-color:#217b71 !important; 
}
.STYLBAS-table-vert-chaud, .STYLBAS-table-vert-chaud p, .STYLBAS-table-vert-chaud a { 
	background-color:#00D269 !important; 
}
.STYLBAS-table-bleu, .STYLBAS-table-bleu p, .STYLBAS-table-bleu a { 
	background-color:#89DEEE !important; 
}
.STYLBAS-table-bleu-chaud, .STYLBAS-table-bleu-chaud p, .STYLBAS-table-bleu-chaud a { 
	background-color:#0069D2 !important; 
}


/*** Fin des styles generaux pour les textes ****/

.STYLBAS-table-vert-leger, .STYLBAS-table-vert-leger p, .STYLBAS-table-vert-leger a {
	background-color:#C1FFFE!important;
}
.STYLBAS-table-bleu-leger, .STYLBAS-table-bleu-leger p, .STYLBAS-table-bleu-leger a {
	background-color:#D8F4FA!important;
}
.STYLBAS-table-mauve, .STYLBAS-table-mauve p, .STYLBAS-table-mauve a, .STYLBAS-table-mauve ul, .STYLBAS-table-mauve li {
	background-color:#E9D2FF!important;
}
.STYLBAS-table-mauve b,.STYLBAS-table-mauve a
{
	color:#440088 !important;
}
.STYLBAS-table-blanc, .STYLBAS-table-blanc p, .STYLBAS-table-blanc a {
	background-color:#FFFFFF!important;
}

.STYLBAS-table-blanc-bord-gris
{
	border:1px solid #EAEAEA;
	background-color:#FFFFFF!important;
}

.g-table-index
{
	border:1px solid #A0A0A0;
	float:right;
	margin:10px;
	margin-top:0px;
}


.g-table-vert
{
	background-color:#8AAC4A;
	color:#FFFFFF;
}

.g-table-vert a, .g-table-vert a:visited
{
	color:#FFFFFF;
}