/*
Crée par M. GODELIEZ Jean-François (contact@jfgweb.com) Site: www.jfgweb.com	
IBS Informatique - 4, impasse Galliéni - 33260 LA TESTE DE BUCH (contact@ibs-lateste.com)
Le 31/05/2005 Tous droits réservés.
*/
body
{
background-color: #C0E5FF;
color: rgb(0, 0, 0);
font-family: arial;
}
/* --------------------------------- Définition des propriétés de liens -----------------------------------------*/
A.lien
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 130px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	font-family: arial;
	font-size: 11;
	text-indent: 20px; /* On décale le texte de 40px du bord gauche */
	text-decoration: none;
	background: #0033FF; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #0099FF ; 
	
}
A.lien:hover
{
background: #000099; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #FFFF00 ; 
	color: #FFFF00;
}
A.lien:active
{
   background: #000066; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #FF0000 ; 
	color: #FFFF00;
}
/* --------------------------------- Définition de l'affichage des statuts -----------------------------------------*/
p.tst
{
color: #000033;
text-decoration: underline;
text-align: center;
font-weight: bold;
font-family: times;
}
p.tst2
{
color: #000033;
text-decoration: none;
text-align: center;
font-weight: bold;
font-family: times;
font-style: italic;
}
p.tst3
{
color: #000099;
text-decoration: overline underline;
text-align: center;
font-weight: bolder;
font-family: times;
font-size: x-large;
letter-spacing: 3;
text-transform: uppercase;
}
p.tt1
{
color: #000033;
text-decoration: none;
text-align: center;
font-weight: bolder;
font-family: times;
font-size: normal;
}
p.tt2
{
color: #000033;
text-decoration: underline;
text-align: left;
font-weight: bolder;
font-family: times;
font-size: small;
}
p.txt
{
color: #FFFFF;
text-decoration: none;
line-height: 2em;
text-align: left;
font-family: arial;
font-size: small;
}
div.txt1
{
color: #FFFFF;
text-decoration: none;
text-align: left;
font-family: arial;
font-weight: bold;
font-size: x-small;
}
p.sign
{
color: #FFFFF;
text-decoration: none;
text-align: left;
font-style: italic;
font-family: arial;
font-weight: bold;
font-size: x-small;
}

/* --------------------------------- Définition des titres de pages -----------------------------------------*/
div.cadre {
width: 200px;
padding-top: 20px;
background: url(images/ban_haut.gif) top left no-repeat fixed;
}
div.bloccadre {	
color: purple;
background: url(images/ban_bas.gif) bottom left no-repeat fixed;
padding-bottom: 20px;
}
div.bloccadre p {
margin: 0 20px 0 20px;
}
<!-- Texte des titres -->
p.txtban
{
color: #FFFFFF;
text-align: center;
font-family: arial;
font-weight: bold;
font-size: small;
text-transform: uppercase;
}						  
/* --------------------------------- Définition du menu -----------------------------------------*/
.titremenu
{
	background:url(images/titre-menu.gif);
	display:block;
	width:130px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFF00;
	font-size:11;
	font-weight:bolder;
	text-transform:uppercase;
	text-decoration:none;
	
}
.menuhautADM
{
	background:url(admin/images/titre-menuadm.gif);
	display:block;
	width:141px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFF00;
	font-size:11;
	font-weight:bolder;
	text-transform:uppercase;
	text-decoration:none;
	
}
.menubas
{
	background:url(images/titre-menubas.gif) no-repeat;
	display:block;
	width:130px;
	height:11px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFF00;
	font-size:11;
	font-weight:bolder;
	text-transform:uppercase;
	text-decoration:none;
	
}
.menubasADM
{
	background:url(admin/images/titre-menubasadm.gif) no-repeat;
	display:block;
	width:141px;
	height:11px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFF00;
	font-size:11;
	font-weight:bolder;
	text-transform:uppercase;
	text-decoration:none;
	
}


<!-- barres de defilement -->
.affst 
  {
  height: 100%; 
  width: 100%;
  border-style : none;
  overflow: auto;
  scrollbar-face-color:#0033FF;
  scrollbar-arrow-color:#0099FF;
  scrollbar-track-color:#0099FF;
  scrollbar-shadow-color:'#0099FF';
  scrollbar-3dlight-color:'darkblue';
  }
/* --------------------------------- Définition des propriétés du copyright -----------------------------------------*/	
  p.copyright
  {
  text-align: center;
  font-size: 8pt; margin-top: 0; margin-bottom: 0
  }
A.coplien
{
font-weight:bold; text-decoration: none; color: navy;
}
A.coplien:hover
{
font-weight:bold; text-decoration: none; color: red;
}
A.coplien:visited
{
font-weight:bold; text-decoration: none; color: navy;
}
tr.fondpage
{
background: url(images/page_bas.gif) fixed;
}
/* --------------------------------- Définition des propriétés des photos -----------------------------------------*/	
p.image
{
width: 200px;
margin: auto;
position: relative;
left:30%;
border: 2px solid;
border-color: #003399;
}
/* --------------------------------- Définition des propriétés des photos -----------------------------------------*/
tr#txtid
{
font-size: 14;
}
.textpre
{
font-size: 12;
font-weight: bold;
}
/* --------------------------------- Définition des titres de pages de gestion --------------------------------*/
div.titregest {
width: 200px;
padding-top: 20px;
background: url(images/ban_haut.gif) top left no-repeat fixed;
}
div.bloctitre {	
color: purple;
background: url(images/ban_bas.gif) bottom left no-repeat fixed;
padding-bottom: 20px;
}
div.bloctitre p {
margin: 0 20px 0 20px;
}
<!-- Texte des titres -->
p.txttitregest
{
color: #FFFFFF;
text-align: center;
font-family: arial;
font-weight: bold;
font-size: small;
text-transform: uppercase;
}
/* ------------------------------ Définition des propriétés de liens du menu administrateur  ------------------------------*/
A.lienadm
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 141px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	font-family: arial;
	font-size: 11;
	text-indent: 20px; /* On décale le texte de 40px du bord gauche */
	text-decoration: none; 
	color: white;
	background: #0033FF; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #0099FF ; 
	
}
A.lienadm:hover
{
background: #000099; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #FFFF00 ; 
	color: #FFFF00;
}
A.lienadm:active
{
   background: #000066; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #FF0000 ; 
	color: #FFFF00;
}
div.titremenuadm
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 141px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	font-size: 11;
	font-weight: bolder;
	font-family: arial;
	letter-spacing: 2;
	color: yellow;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background: url(admin/images/titre-menuadm.gif) fixed; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px;
}
div.titremenubasadm
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 141px;
	line-height: 11px;
	text-align:left;
	font-weight:bold;
	font-size: 11;
	font-weight: bolder;
	font-family: arial;
	color: yellow;
	text-transform: uppercase;
	text-align: center;
	text-decoration: underline;
	background: url(admin/images/titre-menubasadm.gif) no-repeat fixed; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px;
}
hr
{
height: 2px;
color: navy;
width:95%;

}
div#exemple
{
font-size: xx-small;
text-decoration: italic;
}
a.bt
{
border 0;
}
div.titresuprimmer
{
margin-top: 15%;
color: red;
text-align: center;
font-weight: bolder;
border: 4px double;
}
div.titresuprimmer2
{
margin-top: 5%;
color: green;
text-align: center;
font-weight: bolder;
border: 4px double;
}
div.titresuprimmer3
{
margin-top: 5%;
color: red;
text-align: center;
font-weight: bolder;
border: 4px double;
}
div.bienvenuelogo
{
width: 70%;
border: 4px double #0A6BE2;
text-align: center;
}
td.entete
{
color: white;
}
A.lienpop { color: navy; text-decoration: none; }
A.lienpop:hover	{ color: red; text-decoration: underline;}
A.lienpop:active{ color: #FF3300; text-decoration: underline;}
A.lienpop:visited { color: navy; text-decoration: none; } 

A.invis { color: #C1DCFF; }
A.invis:hover	{ color: #C1DCFF; }
A.invis:visited { color: #C1DCFF;}	

span#cont{
color: navy;
font-weight: bolder;
font-family: arial;
}  

tr#fondtitre{
background-color: #6666FF;
color: white;
font-weight: bold;
}