/* présentation */
#site{                    /* Conteneur du site */
	width : 930px; /* LARGEUR CADRE 760    */
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	background : ; /* couleur arrière plan du cadre site #A5BE00 */
}

/* ==== Partie haute ====== */
#haut{
	/* Conteneur de la partie haute */
	padding-top : 0px; 
	width : 930px; /* LARGEUR CADRE 760    */
	height : auto; /* auto */
	clear : left;
}
.hh01{                  /* Encadrement du bandeau */
	
	float : left;
	width : 930px;
	 background-image :  url(../flore/haut_01.gif);  /* espaceur blanc haut_01.gif */
	height : 0px;  /*54*/
	background-repeat : no-repeat;
}

#hh02{                 /* Contenu du bandeau */
	height : 0px;				/* détermine la hauteur du masque, a regler suivant la largeur du bandeau */
	width :930;                 /* LARGEUR CADRE 760    */
	float : left;
	/*background-image :  url(../flore/bandeau01.jpg);  /* image tout en haut du site origine  bandeau1.gif*/ 
	background-repeat : no-repeat;
}

#hh03{
	/* Espaceur entre ligne blanche haut et bandeau  */
	padding-top : 0px;
	height : 0px;
	width : 930px;  /* LARGEUR CADRE 760    */
	line-height : 0;
	font-size : 0;
	float : left;
}
#hhmenu{
	/* Conteneur du menu haut */
	width : 930; /* 750*/  /* LARGEUR CADRE MENU HAUT MAUVE 760    */
	height : 30px; /* determine hauteur du menu haut  Réglage hauteur barre menu haut 30 pour Firefox et Safari  */
	background : #C60062; /* COULEUR  FOND BARRE MENU HAUT entourage vert  #FF6985    #c60062            */
	float : left;
}
#hhm01{            /*Réglage menu      Cellule vide à gauche du menu */
	width : 930px; /* 166px*/
	height : 0px; /*Réglage menu       Réglage départ gauche barre menu haut 20 */
	float : left;
}
.hhm02{             /* Traits de séparation vertical du menu haut */
	width : 1px;
	height : 15px;
	background :  url(../flore/haut_06.gif) no-repeat;   /* origine haut_06.gif */
	float : left;
}
.hhm03{           /* Cellule de titres du MENU HAUT */
	text-align : center;
	float : left;
	height : 20px; /*Réglage menu  20     Réglage ligne verte du menu Horizontale Haut pour Safari et Firefox  */
	color : BLACK; /* vert jaune    #CCCC33  */
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 0px; /* 4 */
}
#hh04{
	/* Ligne horizontale sous le menu haut */
	width : 930px;
	height : 10px; /* Réglage menu              Réglage ligne au dessus du bandeau haut pour firefox et safari et Ie*/
	line-height : 0;
	font-size : 0;
	background : url(haut_08b.gif) repeat-x; /* ligne vert foncée*/
	float : left;
}
/* Conteneur sous le menu haut permet de faire apparaître le bandeau haut sous safari et firefox  */
#hb{
	width : 930px;
	height : 100px; /*Réglage menu               Réglage bandeau haut pour firefox et safari */
	float : left;
}
#hb00{
	width : 930px;  /* Largeur de la couleur du bandeau en dessous du menu horizontal haut*/
	background : #c60062; /* #C4C929 vert jaune*/
	float : left;
	height : 0px; /* hauteur de la couleur du bandeau en dessous du menu horizontal haut */
}
#hb01{
	width : 930px; /* largeur bandeau haut   origine   165px     */ /* LARGEUR CADRE 760    */
	background :  url(../flore/bandeau06.jpg) no-repeat;   /* IMAGE DU  BANDEAU HAUT   */
	float : left;
	height : 100px;   /*  HAUTEUR BANDEAU du masque, a regler suivant la largeur du bandeau */
}
#hb02{
	width : 930px;
	background : url(haut_11.gif) no-repeat;
	float : left;
	height : 0px; /* Réglage bandeau  haut          Réglage bordure sous bandeau haut pour Internet explorer 45 */
}
#hb03{
	width : 930px; /* Réglage bandeau  haut              a supprimer pour ne pas avoir les lignes jaunes et vertes sous le bandeau  */
	background : #A5BE00; /* vert clair */
	float : left;
	height : 0px; /* Réglage bandeau  haut              Réglage bordure sous bandeau haut pour Internet explorer  */
}
#hb04{
	width : 930px; /* Réglage bandeau haut                a supprimer pour ne pas avoir les lignes jaunes et vertes sous le bandeau   */
	background : #CCCC33;  /* jaune */     /* Réglage bandeau haut               Réglage ligne du milieu jaune sous le bandeau  */
	float : left;
	height : 1px; /* Réglage bandeau  haut            Réglage bordure jaune centrale  sous bandeau haut pour Internet explorer  */
}
#hb05{
	width : 930px;
	background : #A5BE00; /* vert clair */
	float : left;
	height : 0px; /* Réglage bandeau  haut              Réglage bordure sous bandeau haut pour Internet explorer  */
}


/* ==== Partie milieu ====== */

/* Conteneur milieu (menu gauche + centre de la page */
#centre{
	width : 930px;   /* LARGEUR CADRE 760    */											 /*Détermine largeur du cadre central */
	/*background :  url(../flore/fond.gif) repeat-y; 					/* origine fond.gif */
	float : left;
}
/* filet gauche et droit */
#cc01{
	float : left;
	width : 930px;
	background : #c60062;  /* jaune vert*/
	height : auto;
}
/* Conteneur partie gauche du milieu (menu gauche, etc.) */
#ccgauche{
	float : left;
	width : 166px;
	background : transparent url(../flore/fondgauche.gif) repeat-y;  /* origine fondgauche.gif */
	height : auto;
}
#fondmenu{
	width : 166px;
	/*background-image :  url(../flore/centre_16.jpg); /* image SOUS LE MENU gauche --   origine centre_16.jpg */
	background-position : top;
	background-repeat : repeat; /* no-repeat */
	height : 328px; /* Longueur image fond menu gauche 328 origine*/
}
/* Conteneur "tempaccueil" */
#cccontenu{
	float : left;
	width : 762px; /* Largeur FOND PAGE CENTRALE   593px   OU 760 */
	background : #FFFFFF;
	/*background :  url(../flore/centre_161.jpg)  top left;   /* image FOND CENTRE PAGE  fondcentre.gif ou jpg sur la page centrale*/
	text-align : left;
	padding-bottom : 10px;
	padding-top : 5px;
	
}
#cctempaccueil{
	float : left;
	width : 760px;  /*553px; OU 760  */
	height : auto;
	text-align : left;
	background-color : transparent;
	padding-left : 20px;
}

/* Conteneur bas du site ligne deux couleurs bas de page */
#bas{
	width : 930px;  /* LARGEUR CADRE 760    */
	height : 56px;
	float : left;
}
#bb01{
	float : left;
	height : 25px;
	width : 930px;  /* LARGEUR LIGNE BAS MAUVE  166*/
	background : #C60062;  /* #CCCC33vert jaune  Ligne bas de page coté gauche  */
}
#bb02{
	padding-left : 8px;
	padding-top : 4px;
	float : left;
	height : 25px;
	width : 930px;   /*  LARGEUR LIGNE BAS VERTE   594px; 760  */
	background : #C4C829; /* #A5BE00 vert jaune   Ligne bas de page  coté droit  */
}
#bb03{
	width : 930px;   /* LARGEUR CADRE 760    */
	height : 9px;
	line-height : 0;
	font-size : 0;
	float : left;
}
#bb04{
	height : 21px;
	width : 930px; /*2*/
	background-image :  url(../flore/bas_27.gif);   /* origine bas_27.gif */
	background-repeat : no-repeat;
	float : left;
}
#bb05{
	float : left;
	height : 21px;
	width : 164px;
}
#bb06{
	text-align : center;
	float : left;
	height : 21px;
	color : Silver;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 3px;
	font-size : 10px;
	font-weight : bold;
}
#bb07{
	text-align : center;
	float : left;
	height : 21px;
	color : #CCCCCC; /* gris bleu clair */
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 3px;
}
#bas01{
	float : left;
	width : 758px;
	height : 21px;
}
#bb08{
	background-color : #DFDFDF; /* origine #DFDFDF blanc*/
	height : 1px;
	width : 930px;   /* LARGEUR CADRE 760    */
	line-height : 0;
	font-size : 0;
	float : left;
}
#copyright{
	clear : both;
	letter-spacing : 1px;
}

/****************************/
TD {
	font-family:Verdana;
	font-size:11px;
	color:black;   /* COULEUR PAGES TEXTES détermine la couleur de toutes les textes des pages   #1C5F36   vert foncé      */
}

  /* ligne */
  HR {
	color: white;  /* #1C5F36 */
}
.titremenu{
	color :  white; /*  #666699    */
	font-size : 13px;
	font-weight : bold;
}


  /* Couleurs liens  commentaires encadrement par défaut des brèves et news */
  A {
	color: #A5BE00; /*  vert clair #A5BE00   */
	text-decoration:none;
}
  A:hover {
	color: #96AC00;   /*  vert   #96AC00 */
	text-decoration:underline;
}


  /* tableau par défaut */
  Table {}
  TR {}
  TD {}

  /* fond, barres de defilement et les cases de formulaire et */
  body {
		background-image :  url(../flore/rayure_grispoint.gif); /* COULEUR  ARRIERE PLAN GENERALrayure_grise.gif centre_16.jpg */
	/*background-color: ;   /* Fond  page général   #FFFFFF  */
	
	scrollbar-face-color: #C4C829;   /* ascenseurs #FCFFEC - #FD823F orange */
	scrollbar-shadow-color:#00376f;   /*#CCCC33  #C60062   */
	scrollbar-arrow-color: #00376f;   /*  #CCCC33 jaune vert#C60062 */
	scrollbar-track-color: #FFFFFF;   /*  #FFFFF  */
	scrollbar-highlight-color : White;    /*   White  */
	margin : 0;
	text-align : center;
	font-family:Verdana;
	font-size:11px;
	color: ; /* #1C5F36*/
}

  INPUT {
	background-color: #FFFFFF;
	border-color : #666699; /*  #666699  violet  */
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	text-indent : 1px;
	font-family: Arial;
	font-size: 9px;
}

  textarea {  
   font-family: "Verdana"; 
   font-size: 10pt;
   color :  #666699; /*  #666699    */
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   text-decoration: none;
   letter-spacing: normal;
   text-align: normal;
   word-spacing: normal;
   border: thin ridge;
   border-color: #000080 inset;
   background-color: #FFFFFF;
  }

  SELECT {
	font-family: "Arial";
	font-size: 8pt;
	color : #666699; /*  #666699    */
	background-color: #FFFFFF;
}

/* --------------------------------------------------------------------------------- */
/* les grands titres de chaque module */
/* --------------------------------------------------------------------------------- */

  .grandtitre {
	font-family:Verdana;
	font-size:13px;
	color: #FD823F; /* titre des dossiers */
	font-weight:bold;
}

/* --------------------------------------------------------------- */
/* les entetes */
/* --------------------------------------------------------------- */
  TABLE.entete {
	background-color: transparent;
	border-bottom : 1px dotted #8CBE5F; /* */ 
	border-top : 1px dotted #8CBE5F; /* */
	text-align : left;
}
  TR.entete {
	background-color: transparent;
}

  TABLE.entete2 {}
  TR.entete2 {
	background-color: transparent;
}

  TABLE.entete3 {
	background-color: transparent;
	border-bottom : thin dotted #1C5F36;
	border-top : thin dotted #1C5F36;
}
  TR.entete3 {
	background-color: transparent;
}

/* --------------------------------------------------------------------------------- */
/* valeurs des menus (pour les menus créés par artiphp (identification zone membre)) */
/* --------------------------------------------------------------------------------- */

  /* titre des menus */
  .menutitre {
	font-family:Verdana;
	font-size:10px;
	color: green; /* couleur du titre Admin */
	font-weight:bold;
	text-align : left;
}
  .menutexte {
	text-align : center;
	font-size : 9px;
	color : #8CBE5F; /* #1c5f36 -     #8CBE5F*/
}
  TABLE.menu {
	background-color : transparent;
}
  TR.menutitre {
	text-align : left;
	height : 14px;
}
  TR.menutexte {}
  TD.menutitre {}
  TD.menutexte {}
    A.menum {
	color: #8CBE5F; /*#884c74 */
	background-color : transparent;
	text-decoration:none;
	font-weight : bold;
	font-size : 10px;
}
  A.menum:hover {
	color: #DB6024;
	background-color : transparent;
	text-decoration : none;
	font-weight : bold;
	font-size : 10px;
}
  
  A.menu {
	color: #8CBE5F;  /* #884c74 */
	background-color : transparent;
	text-decoration:none;
	font-size : 10px;
}
  A.menu:hover {
	color: #DB6024; /* orange */
	background-color : transparent;
	text-decoration : none;
	font-size : 10px;
}

  A.menuh {
	color: white;  /*         COULEUR LIEN MENU HAUT         vertjaune  #CCCC33*/
	text-decoration:none;
	font-weight : bold;
	font-size : 10px;
}
  A.menuh:hover {
	color: #FFFF33; /* jaune */
	text-decoration : none;
	font-weight : bold;
	font-size : 10px;
}
/* Menu du bas */
a.menubas{
	color : #CCCCCC; /* gris bleu */
	text-decoration : none;
	font-weight : bold;
}
a.menubas:hover{
	color : Gray;
	text-decoration : none;
	font-weight : bold;
}

/* --------------------------------------------------------------- */
/* les dossiers et les news */
/* --------------------------------------------------------------- */

  /* police des dossiers */
  .titre {
	font-family:Verdana;
	font-size:10pt;
	color: #804B6C; /* marron foncé */
	font-weight:bold;
}
  .chapo {font-family:Verdana; font-size:8pt; color:#8CBE5F;} /* bleu violet #666699 */
  .texte {
	font-family:Verdana;
	font-size: 10px;
	color: #1C5F36;  /*  #257B46    #1C5F36  vert fonce */
}
  .datedos {
	font-family:Verdana;
	font-size:9px;
	color: #CCCC33;
	font-weight:normal;
}
  .auteur {
	font-family:Verdana;
	font-size:8pt;
	color: #CCCC33; /* vetjaune*/
	font-weight:bold;
}
  .cat {
	font-family:Verdana;
	font-size:8pt;
	color: #804B6C; /*  #804B6C  */
	font-weight:bold;
}


  /* tablo des dossiers */
  TABLE.dossier {}
  TR.titre {}
  TR.chapo {}
  TR.texte {}
  TR.auteur {}
  TR.cat {}


  /* liens des dossiers */
  A.titredos {
	font-family:Verdana;
	font-size:12px;
	color: #804B6C;
	font-weight:bold;
	text-decoration:none;
}
  A:hover.titredos {font-family:Verdana; font-size:12px; color:#7A88B0; font-weight:bold; text-decoration: underline;}


/* ----------------------------------------- */
/* l'edito */
/* ----------------------------------------- */

  /* police de l'edito */
  .titredito {
	font-weight : bold;
	font-size : 130%;
	font-style : italic;
	color : #A5BE00; /* vert clair */
}
  .textedito {
	text-align : justify;
	color : black;   /*  #1C5F36  vert fonce */
	font-size : 12px;
}

  /* tablo de l'edito */
  TABLE.edito {}
  TR.titredito {}
  TR.textedito {}
  

    /* fonds de la page accueil */
.fondcontact{}

.fonddossier{}

.fondnews{}


/* ------------------ */
/* valeurs par defaut */
/* ------------------ */

TD.contenu{
	background-color : transparent;
	padding : 10px 10px 20px 20px;
}
.imprime{background-color : transparent;}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666699;
	font-weight : bold;
	text-align : right;
	margin-right : 10px;
	text-transform : capitalize;
}
TD.recherche{
	border-bottom : thin dotted #804B6C; /*   thin dotted #804B6C   */ 
	border-top : thin dotted #804B6C;
	padding-top : 8px;
}
/*    ********************** switch_menu automatique en haut à gauche*************************** */
/* *********************************************************************************************/
.menutitle{
	cursor:pointer;
	color: #FFFFFF; /*  COULEUR LIEN MENU AUTOMATIQUE  du lien menu gauche  #FFFFFF          */
	font-weight:bold;
	font-size : 12px;
	background : transparent url(../flore/mg_titre5.jpg) no-repeat; /*  image du menu automatique   violet origine */
	padding-left : 22px;
	line-height : 19px;
	text-align : left;
}

.submenu{
	
}
.submenu2{
	padding-left : 22px;
	spacing-left : 22px;
	padding-bottom : 2px;
	text-align : left;
	width : 100%;
	background : #C4C929;   /*  Couleur du fond moteur de recherche   #C4C929 vert jaune   */
}
   A.m {
	color:#804B6C;   /*  couleur du lien du sous-menu #804B6C violet   */
	background-color : transparent;
	text-decoration:none;
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
	background-image :  url(../flore/mg_rub.gif); /* image du sous-menu violet clair origine */
	background-position : left;
	background-repeat : no-repeat;
	width : 100%;
	padding-left : 35px;
	line-height : 16px;
}
  A.m:hover {
	text-decoration : none;
	color : White;
}


}
/* --------------------------------------------------------------- */
/* le forum */
/* --------------------------------------------------------------- */
.titreforum { text-decoration : none; font-size : 14px; font-family: Verdana; color : #FF0033;}
.blanc { text-decoration : none; font-size : 11px; font-weight: bold; font-family: Verdana; color : #FFFFFF; }
.titre2forum { text-decoration : none; font-size : 19px; font-weight: bold; font-family: Verdana; color : #31639C; }


/* *********************************      MENU AUTOMATIQUE 2      ************************************************************/
.menutitle1{
	cursor:pointer;
	color: #FFFFFF; /*  Couleur du lien menu gauche  #FFFFFF          */
	font-weight:bold;
	font-size : 12px;
	background : transparent url(../flore/mg_titre5.jpg) no-repeat; /*  IMAGE  MENU     */
	padding-left : 22px;
	line-height : 19px;
	text-align : left;
}

.submenu{
	
}
.submenu2{
	padding-left : 22px;
	spacing-left : 22px;
	padding-bottom : 2px;
	text-align : left;
	width : 100%;
	background : #C4C929;   /*  Couleur du fond moteur de recherche   #C4C929    */
}
   A.m {
	color:yellow;   /*  couleur du lien du SOUS MENU #804B6C    */
	background-color : transparent;
	text-decoration:none;
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-align : left;
	background-image :  url(../flore/mg_rub.jpg); /* IMAGE SOUS MENU  */
	background-position : left;
	background-repeat : no-repeat;
	width : 100%;
	padding-left : 35px;
	line-height : 16px;
}
  A.m:hover {
	text-decoration : none;
	color : red;  /* couleur du lien survolé au SOUS MENU */
}


}

.constantes {
position: relative;

width: 926px; /* 800px*/
margin-left: -200px;
background-color:#4C4C4;  /* #ffff00   * #4C4C4  */
border: 1px solid #000000;  /* couleur bordure site */
margin: 1em 15%;
background-color:#FFFFFF;  /* #ffff00     */
border: 1px solid #000000;
padding: 0.5em;
}