p {   /* définition des paragraphes : pas de grosses interlignes */
   margin: 0;
   padding: 0;
   }

body {
	margin: 0;/* sans marges, la page sera collée aux bords */
	font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
	font-size: 12px; /* on définit la taille de police de base dans la page */	
	text-align: center;
	background-color: #FFF7DD;
}

.aide {
	margin: 0;/* sans marges, la page sera collée aux bords */
	font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
	font-size: 12px; /* on définit la taille de police de base dans la page */	
	text-align: left;
	background-color: #FFF7DD;
}

form {
	margin: 0px;
	padding: 0px;
}	

input {
	
}

table, tr, td {
	padding: 0px;
	border-collapse: separate;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

li {
  margin:0px;
  padding: 2px;
  line-height: 16px; /* interligne */
}

ul {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 30px;
  padding: 2px;
  list-style-type: square;
}

textarea {
	width: 300px;
	height: 200px;
	margin-left: 5px;
}

.conteneur {
     margin-left: auto;
     margin-right: auto;
     width: 770; /* largeur obligatoire pour être centré */
     text-align: left; /* on rétablit l'alignement normal du texte */
     }

.Logo {
	background-image: url(Logo.gif);
	width: 760px;
	height: 100px;
	margin-bottom: 5px;
}

.Titre {	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	font-size: 20px;
	color: #000000;
	margin-top: 15px;
	margin-left: 155px;
}

.PartieGauche {
	float: left;
	margin: 0px;
	padding: 0px;
}

.PartieDroite {
	float: left;
	margin: 0px;
	padding: 0px;
}

.menu { /* on définit un conteneur pour le menu */
   width: 150px;
   margin: 0px;
   padding: 0px;
   margin-bottom: 5px;
}

.menu li {
  margin: 0px;
  padding: 2px;
  line-height: 16px; /* interligne */
}

.menu ul  {
  margin: 0px;
  padding: 2px;
  list-style-type: none; /* pour ne pas avoir de puces */
}

.menu a {
     margin: 0px;
     padding: 0px;
     height: 18px;
	  display: block;	  
     text-align: center;
     text-decoration: none;
	  border: 1px solid Gray; 
     color: Black;
     background: transparent;
}

.menu a:hover {
     margin: 0px;
     padding: 0px;
	  background: Gray;
     border: 1px solid Black; 
}

.menu a:active {
     background: Black;
     border: 1px solid gray; 
	  color: White;
}

.ContenuMenu form {
	display: inline;
	width: 140;
}
.ContenuMenu input {
	width: 140px;
	margin-left: 2px;
}

.menuapp { /* on définit un conteneur pour le menu */
   width: 600px;
   margin: 5px;   
	padding: 0px;
	margin-bottom: 1px;
	margin-top: 10px;
}

.menuapp li {
  margin: 0px;
  padding: 1px;
  line-height: 20px; /* interligne */
}

.menuapp ul  {
  margin: 0px;
  padding: 1px;
  list-style-type: none; /* pour ne pas avoir de puces */
}

.menuapp a {
     margin: 0px;
     padding: 0px;
     /*height: 15px;*/
	 display: block;	  
     text-align: center;
     text-decoration: none;
	 border: 1px solid LIGHTSLATEGRAY; 
     color: Black;
     background: transparent;
}

.menuapp a:hover {
     margin: 0px;
     padding: 0px;
     font-weight: bold;
	 background: GOLD;
     border: 1px solid Black; 
}

.menuapp a:active {
     background: Black;
     border: 1px solid gray; 
	  color: White;
}

.menuapp table.Bwidth100	{ width: 100%; }

.ContenuMenuApp {
	margin-bottom: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent;
	/*background-image: url(SousTitre.gif);
	border-top: 1px groove #000000;
	border-right: 1px groove #000000;
	border-bottom: 1px groove #000000;
	border-left: 1px groove #000000;*/
}


.ContenuMenuApp form {
	display: inline;
	width: 140;
}
.ContenuMenuApp input {
	width: 140px;
	margin-left: 2px;
}

.TitreMenu {
	margin: 0px;
	background-image: url(MenuTitre.gif);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	/*padding-top: 2px;
	padding-bottom: 2px;*/
	text-align: center;
	/*color: #000000;*/
	border-right: 1px solid #000000;
}

.ContenuMenu {
	margin-bottom: 0px;
	padding: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(remplissageMenu.gif);
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

.btn {

}

.btnmenu {
	background: transparent;
   /*border: 1 solid Black;*/
}

.SousTitre {
	background-image: url(SousTitre.gif);
	margin: 0px;
	padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
	padding-left: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
   font-weight: bold;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 607px;
	height: auto;
}
	
/* Partie CSS reservé au cadre de remplissage (la news) */
.news{       
    margin: 0px;
	padding: 0px;
	width: 600px;
	border: 0px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0px;
}

.cadre{
    margin: 0px;
	padding: 0px;
	width: 600px;
	border: 0px;
	background-color: #FFF7DD;
}

.news table, tr, td {
	padding: 0px;
	border-collapse: collapse;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.haut {
    margin: 0px;
	padding: 0px;
	height: 30px;
	width: 540px;
	vertical-align: baseline; 
	background-image: url(news/h2.gif);
}
.hautd {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 30px;
	background-image: url(news/Coin_hd1.gif);
}
.hautg {
   margin: 0px;
	padding: 0px;
	height: 30px;
	width: 30px;
	background-image: url(news/Coin_hg1.gif);
}
.bas {
    margin: 0px;
	padding: 0px;
	height: 30px;
	width: 540px;
	background-image: url(news/b1.gif);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	text-align: left;
	vertical-align: baseline; 
}
.basd {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 30px;
	background-image: url(news/Coin_bd1.gif);
}
.basg {
    margin: 0px;
	padding: 0px;
	height: 30px;
	width: 30px;
	background-image: url(news/Coin_bg1.gif);
}
.centre {
    width: 540px;
	background-color: #FFF7DD;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.centreg {
	background-image: url(news/g1.gif);
	background-repeat: repeat-y;
}
.centred {
	background-image: url(news/d1.gif);
	background-repeat: repeat-y;
}
.TitreNews {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	height: 15px;
	vertical-align: top;
	color: Blue;
	/*border: 0px solid Black;
	width: 440px;*/
}

.TitreNewsDroit{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	height: 15px;
	vertical-align: top;
	color: Blue;
	/*border: 0px solid Black;
	width: 100px;*/
}
.SepTitreNews {
	height: 1px;
	background-image: url(ligne.gif);
	background-repeat: repeat-y;
}

.TitreCadre{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	height: 15px;
	color: Blue;
	font: bold;
}

.TitreCadre2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	height: 15px;
	color: Blue;
	font: bold;
	background-color: #FFF7DD;
}

.TitreStages {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	height: 15px;
	vertical-align: top;
	color: Blue;
}

.TitreStagesDroit{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: italic ;
	text-align: right;
	height: 15px;
	vertical-align: top;
	color: DARKSLATEBLUE;
}

.ContenuTitreNews{
    width: 540px;
	background-color: #FFF7DD;
}

.ContenuNews{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 540px;
	/*overflow : auto;*/
}

.ContenuNews td {
	padding: 1px;
	margin: 0px;
	border-collapse: separate;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ContenuNews tr {
	padding: 0px;
	margin: 0px;	
}

.ContenuNews table{
	padding: 0px;
	margin: 0px;  
}

.ContenuNews input {	
	margin-left: 5px;	
}

.ContenuNews select {
	margin-left: 5px;
}

.App    { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 540px; }

.App table  { border-collapse: separate; border-spacing: 0px; padding: 0px;	margin: 0px;  }
.App table.hide			{ width: 100%; border: solid 0px #ffffff; padding: 0px; border-spacing: 1px; }
.App table.hideNS		{ width: 100%; border: solid 0px #ffffFF; padding: 0px; border-collapse: collapse; }
.App table.hideNV		{ width: 100%; border: solid 0px #ffffFF; padding: 0px; }
.App table.Bwidth100	{ width: 100%; border: solid 1px #000000; }
.App table.Owidth100	{ width: 100%; border: solid 1px #F3B930; }
.App table.width75		{ width: 75%;  border: solid 1px #F3B930; }
.App table.width60		{ width: 60%;  border: solid 1px #F3B930; }
.App table.width50		{ width: 50%;  border: solid 1px #F3B930; }
.App table.navNews		{ width: 600px; border: solid 0px #FFF7DD; border-spacing: 0px; padding: 0px; margin: 0px; margin-left: 5px; border-collapse: collapse; }

.App table.post	        { width: 480px; table-layout: fixed; max-width: 480px; display: table;}

.App tr.cellC   { background-color: #FFF7C7; color: #000000; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }

.App td { margin: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.titreC    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.titreR    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.titreL    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.titre12C    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.titre10C    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.titre8C    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.titre12R    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.titre10R    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.titre8R    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.titre12L    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.titre10L    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.titre8L    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.titreUser    { background-color: #F7D176; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.cell1User   { background-color: #FFF7C7; color: #000000; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.cell2User   { background-color: #FAE4AE; color: #000000; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.cell3User   { background-color: #F7D176; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
.App td.cell1UserC   { background-color: #FFF7C7; color: #000000; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.cell2UserC   { background-color: #FAE4AE; color: #000000; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.cell3UserC   { background-color: #F7D176; color: #000000; font-weight: bold; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
.App td.cellEta   { background-color: #ffffb0; color: #000000; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.cell    { vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.cellC   { background-color: #FFF7C7; color: #000000; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.cellR   { background-color: #FFF7C7; color: #000000; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.cellL   { background-color: #FFF7C7; color: #000000; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.boutonC   { background-color: #FAE4AE; color: #000000; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.boutonR   { background-color: #FAE4AE; color: #000000; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.boutonL   { background-color: #FAE4AE; color: #000000; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }
.App td.cellule     { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.App td.celluleC    { border: 1px solid white; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.App td.celluleR    { border: 1px solid white; text-align: right; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.App td.celluleL    { border: 1px solid white; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

.App table.echange	{ border-collapse: collapse; width: 100%; border: dashed 1px #F3B930; border-spacing: 5px; padding: 0px; margin-top: 10px; margin-bottom: 10px; }
.App table.hideechange { width: 100%; border: padding: 0px; border-spacing: 2px; }
.App td.imgechange    { background-color: transparent; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.nomechange    { background-color: transparent; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.logechange    { background-color: transparent; color: #000000; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.App td.infoechange   { background-color: transparent; color: GOLD; font-weight: bold; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.App td.dateechange  { background-color: transparent; color: DIMGRAY; height: 20px; text-align: left; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.version   { background-color: transparent; color: #ffa0a0; font-weight: bold; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.App td.compteur  { background-color: transparent; color: #000000; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.taille    { background-color: transparent; color: FIREBRICK; height: 20px; text-align: right; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App a.newslink {     
     text-decoration: none;
     color: Blue;
     background: transparent;
     padding: 2px;	margin: 0px; 
}

.App a:visited.newslink {
    text-decoration: none;
     color: #6495ED;
     background: transparent;
}

.App a:hover.newslink {
	 background: GOLD;
     color: #483D8B;
     padding: 2px;	margin: 0px; 
}

.App a:active.newslink {
     background: gray;     
	 color: Red;
}

.App img.photo   
{ 
    /*border-top: 1px groove gray;
	border-right: 1px groove gray;
	border-bottom: 1px groove gray;
	border-left: 1px groove gray;*/
	border-top: 1px dashed gray;
	border-right: 1px dashed gray;
	border-bottom: 1px dashed gray;
	border-left: 1px dashed gray;
	background-color: #FFF7C7;
	height: 120px; 
	width: 120px; 
}

.App td.cellImg   
{     
	background-color: #FFF7C7; color: #000000; 
	text-align: middle; vertical-align: top; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; 
}

.App td.tree12L    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: left; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.tree12C    { background-color: #FAE4AE; color: #000000; font-weight: bold; height: 20px; text-align: center; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App td.tree10L   
{
    background-color: #FFF7C7; 
    color: #000000; 
    height: 16px; 
    text-align: left; 
    vertical-align: top; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; 
}
.App td.tree8L   
{
    background-color: #FFF7C7; 
    color: #000000; 
    height: 16px; 
    text-align: left; 
    vertical-align: top; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; 
}

.App td.tree8C   
{
    background-color: #FFF7C7; 
    color: #000000; 
    height: 16px; 
    text-align: center; 
    vertical-align: middle; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; 
}

.App td.navbarC    { height: 20px; border: 0px solid #ffffb0; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.App td.navpageC    { background-color: #FAE4AE; color: #000000; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.navnewsC    { background-color: #FFF7DD; color: #000000; height: 20px; text-align: center; vertical-align: middle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.App td.selectbox    { background-color: #FAE4AE; color: #000000; height: 20px; text-align: right; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.App tr { margin: 0px; }

.App input  { margin-left: 5px;	background-color: #FFF7C7; color: #2048d8; }

.App select { margin-left: 5px; background-color: #FFF7C7; color: #2048d8; }

.App textarea   { margin-left: 5px; background-color: #FFF7C7; color: #2048d8; }

.Tailleinput{
	width: 150px;	
}
.Tailleinput2{
	width: 260px;	
}
.Tailleinput150{
	width: 150px;	
}
.Tailleinput300{
	width: 300px;	
}
.Tailleinput400{
	width: 400px;	
}
.TailleElement{
	width: 20px;	
}
.TailleComment{
    margin: 5px;
    height: 60px;
	width: 300px;	
}
.TailleText{
    width: 400px; height: 200px;
}

.TitreMessage {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	height: 15px;
	color: Red;
	background-color: #FFF7DD;
}

.ContenuMessage{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:  Black;
	font-size: 12px;
	width: 540px;
	overflow : auto;
	background-color: #FFF7DD;
}

.ContenuNews a.newslink {     
     text-decoration: none;
     color: Blue;
     background: transparent;
     padding: 2px;	margin: 0px; 
}

.ContenuNews a:visited.newslink {
    text-decoration: none;
     color: #6495ED;
     background: transparent;
}

.ContenuNews a:hover.newslink {
	 background: GOLD;
     color: #483D8B;
     padding: 2px;	margin: 0px; 
}

.ContenuNews a:active.newslink {
     background: gray;     
	 color: Red;
}

.ContenuNews a.lien {     
     text-decoration: none;
     color: DARKBLUE;
     background: transparent;
     padding: 2px;	margin: 0px; 
}

.ContenuNews a:visited.lien {
    text-decoration: none;
     color: DARKVIOLET;
     background: transparent;
}

.ContenuNews a:hover.lien {
	 background: GOLD;
     color: DARKSLATEBLUE;
     font-weight: bold; 
     padding: 2px;	margin: 0px; 
}

.ContenuNews a:active.lien {
     background: gray;     
	 color: Red;
}

.ContenuNews img.photo   
{ 
    border-top: 1px groove gray;
	border-right: 1px groove gray;
	border-bottom: 1px groove gray;
	border-left: 1px groove gray;	
	background-color: #FFF7C7;
	height: 120px; 
	width: 120px; 
}

/* Fin CSS pour la news */

/*Pour les commentaires des utilisateurs permet que la barre de défilement soit utilisé si
la personne met une phrase tros longue sans espace ou sans retour a la ligne */
.ContenuComment {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow : auto;
}


/* Configuration des boutons */
/* infos : !important permet de mettre cette propriété en priorité par rapport au parent */

/* Pour les bouton en Mozilla */
/*.TableauBtn td {
	vertical-align: top;
}*/

.btnSupp{
	background: url(icones/edittrash.gif);	
	border: 1px solid White;
	width: 32px !important;
   height: 32px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.btnModif{
	background: url(icones/edit.gif);
   border: 1px solid White;
	width: 32px !important;
	height: 32px !important;	
	margin: 0px !important;
	padding: 0px !important;
}

.btnVisualiser{
	background: url(icones/filefind.gif);
   border: 1px solid White;
	width: 32px !important;
	height: 32px !important;	
	margin: 0px !important;
	padding: 0px !important;
}

.btnUtilisateur{
	background: url(icones/personal.gif);
   border: 1px solid White;
	width: 32px !important; 
	height: 32px !important;		
	margin: 0px !important;
	padding: 0px !important;
}
/* fin conf bouton */

.indextitle{color:black;font-style:normal;font-weight:bold;font-size:xx-small;border-bottom:1px dotted navy}

.bg0 {
    background-color: #FAE4AE;
    height: 22px;
    vertical-align: middle;
}

.bg1 {
    background-color: #F7D176;
}

.bg2 {
    background-color: #FAE4AE;
}

.bg3 {
    height: 20px;
     background-color: #FFF7C7;
}

.bg4 {
    background-color: #FAE4AE;
}

.fg1 {
    color: #000000;
}

.fg2 {
    color: #354548;
}

/*.bg1 {
    background-color: #F5F5F5;
}

.bg2 {
    background-color: #AAB8C4;
}

.bg3 {
     background-color: #E0E3E6;
}

.bg4 {
    background-color: #B6C6C9;
}

.fg1 {
    color: #000000;
}

.fg2 {
    color: #354548;
}*/