/* onglets permettant de changer de cible */
.onglet {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#0099ff;}

.onglet1 {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#9966FF;}

.patient_hover {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#9966FF;}

.patient_hover1 {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#0099ff;}

.onglet2 {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#009999;}

.professionnel_hover {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#009999;}

.onglet3 {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#FF9999;}

.etudiant_hover {
border-style:solid; border-left-width:1px; 
border-right-width:0px; border-top-width:2px; 
border-bottom-width:0px; border-color:#000000; 
background-color:#FF9999;}

.onglet4 {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#FF9933;}

.journaliste_hover {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#FF9933;}

<!-- Style pour les fournisseurs -->
.onglet5 {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#D90000;}

.fournisseur_hover {
border-style:solid; 
border-left-width:1px; 
border-right-width:0px; 
border-top-width:2px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#D90000;}
<!-- *************************** -->


/* Texte des 4 onglets */
a.lienTitre {
color: black; 
font-weight: bold; 
font-size: 8pt; 
font-family: Arial, Helvetica, Geneva; 
text-decoration:none;}

a.lienTitre:hover {
color: black; 
font-weight: bold; 
font-size: 8pt; 
font-family: Arial, Helvetica, Geneva; 
text-decoration:none;}

/* 3 boutons : Ecrire, Plan, Acces */
.icone {
border-style:solid; 
border-left-width:0px; 
border-right-width:1px; 
border-top-width:0px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#99ccff;}

.icone_hover {
border-style:solid; 
border-left-width:0px; 
border-right-width:1px; 
border-top-width:0px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#0099ff;}

.icone1 {
border-style:solid; 
border-left-width:1px; 
border-right-width:1px; 
border-top-width:0px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#99ccff;}

.icone1_hover {
border-style:solid; 
border-left-width:1px; 
border-right-width:1px; 
border-top-width:0px; 
border-bottom-width:0px; 
border-color:#000000; 
background-color:#0099ff;}

input {background-color:white; color:black; font: bold 8pt "Arial"; border: 1 solid #0099ff;}