font.bleu { FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none; }
font.blanc { FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none; }
font.rouge { FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #FF6666; TEXT-DECORATION: none; }
font.vert { FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #006600; TEXT-DECORATION: none; }
font.noir { FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none; }
.orange { FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #FF6600; TEXT-DECORATION: none; }
.textSml { FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none; }

.standard { font-size: 14pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; text-decoration: none; }
a.standard:hover { font-size: 14pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #0066FF; text-decoration: none; }
a:standard:visited { font-size: 14pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; text-decoration: none; }

.fondbleu { background-color: #0A56B8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none}
.TitreFondbleu { background-color: #AAAAAA; font-family: arial, sans-serif; font-size: 14px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; padding-top: 0px ; font-weight: bold; color: #000000 }

select.menu1{ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; font-style: normal; color: #0000FF; }
select.menu2{ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; font-style: normal; color: #0000FF; }
select.menu3{ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; font-style: normal; color: #0000FF; }
option.menu{ color:#0000FF; background-color:#E1EDFD; }
option.menu2{ color:#FFFFFF; background-color:#275093; }

.button { border: 1px solid #555; background: #eee; }

  /* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: #dddddd;
    float: left;
	height:30px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 16px;
	margin-left: 4px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
} 

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}