<style TYPE="text/css">
BODY {		scrollbar-face-color: #c4003f;
		scrollbar-shadow-color: #FCFEC7;
		scrollbar-highlight-color: #000000;
		scrollbar-3dlight-color: #000000;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #FCFEC7;
		scrollbar-arrow-color: #FCFEC7;
		font-family:arial;
		font-size:14px;
		color:#152D77;
	}

.arriere_plan
{
background-image: url("test2.jpg")
background-repeat: no-repeat;

}
.optimisation
{
font-family:arial;
font-size:10px;
}
.text_normal
{
font-family:arial;
font-size:11px;
color:#27220d;
}
.text_normal_bis
{
font-family:arial;
font-size:13px;
color:#a61126;
}
.text_en_valeur
{
font-family:arial;
font-size:11px;
font-style:bold;
color:#000000;
}

.text_titre
{
font-family:arial;
font-size:14px;
color:#ffffff;
}

.text_radio
{
font-family:arial;
font-style:italic;
font-size:10px;
color:#837227;
}

.defile
{
font-family:arial;
font-style:italic;
font-size:18px;
color:#a61126;
}


.logo
{
font-family:arial;
font-style:bold;
font-size:30px;
color:#f2ae2e;

}

.liens
{
font-family:arial;
font-size:12px;
color:#27220d;
text-decoration:none;
}

.petit
{
font-family:arial;
font-size:10px;
color:#27220d;
text-decoration:none;
}

.text_cnil
{
font-family:arial;
font-size:10px;
color:#a61126;
}

.titre_pave
{
font-family:arial;
font-size:12px;
font-style:bold;
color:#635415;
}

/* Lien de la barre de menu */
a.menuButton {
text-decoration:none ; /* supprime le soulignement des liens */
font-family:arial;
font-size:14px;
color:#ffffff;
/*display:block ;  Crée un retour à la ligne à la fin de chaque bouton */
margin-top:5px ; /* Crée un marge de 5 pixels en haut des boutons */
text-align:center; /* centre le texte de chaque bouton */
/*width:200px ;  fixe la largeur de chaque bouton à 200 pixel */
border-style:ridge ; /* défini le style de l'encadrement des boutons */
border-width:1px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
padding:2px;} /* défini la marge intérieur des boutons à 2px */

a.menuButton:hover {/* color:#FFFF00 ; change la couleur de la police lors du survol par la souris */
background-color:#00AA00 ; } /* change la couleur du fonds lors du survol par la souris */

a.menuButton:active {/
background-color:#66FFFF ;
color:blue;
}



/* Bouttons de validation */
.enterButton {
text-decoration:none ; /* supprime le soulignement des liens */
font-family:comic sans ms;
font-size:12px;
color:#000000;
/*display:block ;  Crée un retour à la ligne à la fin de chaque bouton */
margin-top:5px ; /* Crée un marge de 5 pixels en haut des boutons */
text-align:center; /* centre le texte de chaque bouton */
/*width:200px ;  fixe la largeur de chaque bouton à 200 pixel */
height:24px;
border-style:ridge ; /* défini le style de l'encadrement des boutons */
border-width:1px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
padding:2px;} /* défini la marge intérieur des boutons à 2px */



/*Plage de reservation des quais en fonction de leur etat */
a.plageVert {
text-decoration:none ; /* supprime le soulignement des liens */
font-family:arial;
font-size:12px;
color:#ffffff;
background-color:#00FF99; /*#008800 ;*/
/*display:block ;  Crée un retour à la ligne à la fin de chaque bouton */
 /* Crée un marge de 5 pixels en haut des boutons */
text-align:center; /* centre le texte de chaque bouton */
width:100% ; /* fixe la largeur de chaque bouton à 200 pixel */
height:100%  ;
border-style:solid ; /* défini le style de l'encadrement des boutons */
border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */

} /* défini la marge intérieur des boutons à 2px */

a.plageVert:hover {/* color:#FFFF00 ; change la couleur de la police lors du survol par la souris */
background-color:#008800 ; } /* change la couleur du fonds lors du survol par la souris  00FF00 */

a.plageOrange {
text-decoration:none ; /* supprime le soulignement des liens */
background-color:#FF9900 ;
font-family:arial;
font-size:12px;
color:#ffffff;
/*display:block ;  Crée un retour à la ligne à la fin de chaque bouton */

text-align:center; /* centre le texte de chaque bouton */
width:100% ; /* fixe la largeur de chaque bouton à 200 pixel */
height:100%  ;
border-style:solid ; /* défini le style de l'encadrement des boutons */
border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
/* padding:10px;}  défini la marge intérieur des boutons à 2px */
}
a.plageOrange:hover {/* color:#FFFF00 ; change la couleur de la police lors du survol par la souris */
background-color:#FFCC33 ; } /* change la couleur du fonds lors du survol par la souris */

a.plageRouge {
text-decoration:none ; /* supprime le soulignement des liens */
background-color:#CC3300 ;
font-family:arial;
font-size:12px;
color:#ffffff;
 /* Crée un marge de 5 pixels en haut des boutons */
text-align:center; /* centre le texte de chaque bouton */
width:100% ; /* fixe la largeur de chaque bouton à 200 pixel */
height:100%  ;
border-style:solid ; /* défini le style de l'encadrement des boutons */
border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
}

a.plageRouge:hover {
background-color:#FF6633 ;
}

a.plageNoire {
text-decoration:none ; /* supprime le soulignement des liens */
background-color:#000000 ;
font-family:arial;
font-size:12px;
color:#ffffff;
 /* Crée un marge de 5 pixels en haut des boutons */
text-align:center; /* centre le texte de chaque bouton */
width:100% ; /* fixe la largeur de chaque bouton à 200 pixel */
height:100%  ;
border-style:solid ; /* défini le style de l'encadrement des boutons */
border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
}

a.plageNoire:hover {
background-color:#000000 ;
}

a.plageFini
{

	text-decoration:none ;
	text-align:center;
	width:100% ;
	height: 100%;
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	border-style:solid ;
	border-width:0 px ;
	/* background-image: url("../images/tn_croix.png"); */
	background-color: blue;
	background-position: center;
	background-repeat: no-repeat;
}


a.plageJaune
{
text-decoration:none ; /* supprime le soulignement des liens */
background-color: yellow ;
font-family:arial;
font-size:14px;
color:navy;

text-align:center; /* centre le texte de chaque bouton */
width:100% ; /* fixe la largeur de chaque bouton à 200 pixel */
height:100%  ;
border-style:solid ; /* défini le style de l'encadrement des boutons */
border-width:0px ; /* fixe la largeur de l'encadrement des boutons à 3 px */
}

/***************************************************
      Proprietes pour l'affichage des tables

****************************************************/

TR.A{
  background-color:#339966;
}

TR.A0{
  background-color:#99CCCC;

}

TR.A0:hover{
  background-color:#CCFF99;
}

TR.A1{
  background-color:#99FFCC;
}

TR.A1:hover{
  background-color:#CCFF99;
}

TR.A2{
  background-color:#CC3300;

}

TR.A3{
  background-color:yellow;

}

TR.A4{
  background-color:#FFCC33;

}

TR.affichage:hover{
  background-color:#CCFF99;
}

TD.quai{
  border-style:solid;
  border-width:1px;
  border-color:black;
}


/***************************************************
      Proprietes pour l'affichage du calendrier

****************************************************/

.ouvert a
{
  text-decoration: none;
  width: 100%;
  height: 100%;
  border-style: ridge;
  border-width: 2px;
  background-color: #66FF99;
}

.ouvert a:hover
{
  background-color:#CCFFCC;
}

td.ouvert
{
  background-color:#66FF99 ;


}

td.ouvert:hover
{
  background-color:#CCFFCC;
}





.fermer a
{
  text-decoration:none ;
  width:100% ;
  height:100%  ;
  border-style:ridge ;
  border-width:2px ;
  background-color:#0099FF ;
}

.fermer a:hover
{
  background-color:#33FFFF;
}

td.fermer
{
  background-color:#0099FF;
}

td.fermer:hover
{
  background-color:#33FFFF;
}



.ferie a
{
  text-decoration:none ;
  width:100% ;
  height:100%  ;
  border-style:ridge ;
  border-width:2px ;
  background-color:#FFCC66 ;
}

.ferie a:hover
{
  background-color:#FFFF99;
}

td.ferie
{
  background-color:#FFCC66;
}

td.ferie:hover
{
  background-color:#FFFF99;
}

/*******************************************************************************************

      Proprietes pour l'affichage des tables Creation/Recherche/Navigation/Affichage

*********************************************************************************************/

table.creation{
 /*background-color:#FFFFCC;
  border-style:solid;
  border-width:1px;
  border-color:blue;*/
}

table.modification{
  /*background-color:#FFCC66;
  border-style:solid;
  border-width:1px;
  border-color:red;*/
}

table.quai{
  border-style:solid;
  border-width:1px;
  border-color:black;
}


table.facture{
  border-style:solid;
  border-width:1px;
  border-color:black;
  font-size:12px;
}

table.recherche{
  background-color:#99FFCC;
  border-style:ridge;
  border-width:3px;
}

table.navigation
{
  background-color:#66FFFF;
  width:75%;
}

td.navigation
{
	background-color:#66FFFF;
}


.navigation a
{
  text-decoration:none ;
  background-color:#3399FF ;
  text-align:center;
  width:100% ;
  height:80%  ;
}

.navigation a:hover
{
  background-color:#FFFFCC ;
}

table.titre
{
	background-color:#66FFFF;
	width:75%;
}

td.quainame
{
  background-color:#3399FF ;
  text-align:center;
}

table.entetecommande
{
	font-size:12px;
}

table.lignecommande
{
	font-size:11px;
}

table.bourse
{
	font-size:11px;
	font-weight: bolder;
}

tr.lignecommande
{
	background-color:#3399FF ;
}


TR.tarif{
  font-size:11px;
  border-style:solid;
  border-width:1px;
  border-color:black;
}

TABLE.tarif{
  font-size:11px;
  border-style:solid;
  border-width:1px;
  border-color:black;
}

TD.tarif{
  font-size:11px;
  border-style:solid;
  border-width:1px;
  border-color:black;
}
</style>
