.border_yellow   { position: relative; top: 10px; left: 23px; border: solid 4px #fefb1a }
.border_yellow2  { position: relative; border: solid 4px #c7c417 }
.border_pink  { border: solid 4px #e62e78 }
.border_green { border: solid 4px #c5c612 }
.border_purple { border: solid 4px #860643 }
.border_table { border: solid 1px #860643 }
.purple_clic    { color: #880b42; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
a.purple_clic:link  { color: #880b42; text-decoration: none ; font-weight: bold}
a.purple_clic:visited {color:#880b42 ; text-decoration:none ; font-weight: bold}
a.purple_clic:hover {color: #880b42 ; text-decoration: none ; font-weight: bold ; background-color:#fefc6b}
a.purple_clic:active {color:#880b42 ; text-decoration: none ; font-weight: bold ; background-color:#fefc6b }
.white_clic    { color: #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
a.white_clic:link  { color: #FFF; text-decoration: none ; font-weight: bold}
a.white_clic:visited {color:#FFF ; text-decoration:none ; font-weight: bold}
a.white_clic:hover {color: #880b42 ; text-decoration: none ; font-weight: bold ;background-color:#fefc6b}
a.white_clic:active {color:#880b42 ; text-decoration: none ; font-weight: bold ; background-color:#fefc6b}
.purple_big    { color: #880b42; font-size: 18px; font-family: Arial, Helvetica, sans-serif }
.purple_title { color: #E62E78; font-size: 20px; font-family: Arial, Helvetica, sans-serif }
a.purple_title:link  { color: #E62E78; text-decoration: none ; font-weight: normal}
a.purple_title:visited {color:#E62E78 ; text-decoration:none ; font-weight: normal}
a.purple_title:hover {color: #FFFFFF ; text-decoration: none ; font-weight: normal ; background-color:#E62E78}
a.purple_title:active {color:#FFFFFF ; text-decoration: none ; font-weight: normal ; background-color:#E62E78 }
.purple_title_on { color: #FFFFFF; font-size: 20px; font-family: Arial, Helvetica, sans-serif ; background-color:#E62E78 }
a.purple_title_on:link  { color: #FFFFFF; text-decoration: none ; font-weight: normal}
a.purple_title_on:visited {color:#FFFFFF ; text-decoration:none ; font-weight: normal}
a.purple_title_on:hover {color: #FFFFFF ; text-decoration: none ; font-weight: normal ; background-color:#E62E78}
a.purple_title_on:active {color:#FFFFFF ; text-decoration: none ; font-weight: normal ; background-color:#E62E78 }
.legende     { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #000; text-align: right; display: block; padding: 2px; position: relative; top: 12px; left: 23px; width: 445px }
.legende2   { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;  background-color: #af4e85; text-align: right; display: block; position: relative; top: 3px; bottom: 2px; width: 445px }
.legende3   { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; background-color: #ef77a7; text-align: right; display: block; position: relative; top: 3px; bottom: 2px; width: 445px;height:18px; }
.clic   { color: #800848; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; background-color: #fefc6b; font-weight: bold ; text-align: right; display: block; position: relative; top: 3px; bottom: 2px; }
.page { color: #ef77a7 ; font-size: 36px; font-family: Arial }
A:link  { color: #c50082; text-decoration: none }
A:visited {color:#C50082 ; text-decoration:none}
A:hover {color: #ef77a7 ; font-weight:bold ; text-decoration:underline}
A:active {color:#ef77a7 ; text-decoration:underline ; font-weight:bold}
.titre_header { color: #fff; font-size: 18px; font-family: Arial; font-weight: 400; background-color: #af5d85 }
.credits { color: #e62e78; font-size: 12px; font-family: Arial }