body {font-family: Arial,Helvetica,sans-serif; font-size: 10.5pt; margin-top: 0px; padding-top: 0px; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px;}
.besmall {font-size: 10pt;}
.beitalic {font-style: italic;}
.beitalicpadleft {font-style: italic;padding-left:5px;}
.bebold {font-weight: 600;}
.bebolditalic {font-weight: 600;font-style: italic;}
.belargebold {font-size: 12pt;font-weight: 600;}
.bepadded {padding-top: 15px;padding-left: 15px;padding-right: 15px;}
.bewhiteboldbig {color: #FFFFFF; font-weight: 900; font-size: 16pt;}
.bggreyblue {background:#e0e0e0;}
.bglightblue1 {background:#e4f3f5;}
.bglightblue2 {background:#c8f3f9;}
.bglightgreen {background:#E4F3BC;}
.bglightSeaShell {background:#FFF5EE;}
.bglightLightCyan {background: #00ced1;}
.bepaddedbggreyblue {padding-top:15px;padding-left:15px;padding-right:15px;background:#e0e0e0;}
.beblue {color: #0000FF;}
.bebluebold {color: #0000FF;font-weight: 600;}
.beblueboldhighlight {font-weight: 600; color: #0000FF; background-color: #FFFF00;}
.begreenbolditalic {font-weight: 600; color: #006400; font-style: italic;}
.bered {color: #FF0000;}
.beverylightblue {color: #778899;}
.bemaroon {color: #800000;}
.besmallmaroon {font-size: 8pt; color: #800000;}
.besmallmaroonpadded {font-size: 8pt; color: #800000;padding-left: 15px;}
.bemaroonbolditalic {color: #800000; font-weight: 900;font-style: italic;}
.belightbluebold {color: #336699; font-weight: 600;}
.belightbluebolditalic {color: #336699;font-weight: 600;font-style: italic;}
p {font-family: Arial,Helvetica,sans-serif; font-size: 10.5pt;}
table {font-family: Arial,Helvetica,sans-serif; font-size: 10.5pt;}
.bemaroonbold {color: #800000; font-weight: 600;}
.bgmustard {background: #ADD8E6;}
.bgsteelblue {background:#99CCFF;}
.bordersteelblue {border-color:#99CCFF;}
.bordergreen {border-color:#006600;}
.borderdarkcyan {border-color:#008B8B;}
.borderpictures {border-color:#778899;}
h1 {font-family: Arial,Helvetica,sans-serif;}
.logoimg {width: 100%;max-width: 688px;height: auto; border: 1px solid darkgrey;}
.nomargin {margin-bottom: 0; padding-bottom: 0;}
.nomargintopbottom {margin-bottom: 0; padding-bottom: 0;margin-top: 0; padding-top: 0;}
h3 {font-family: Arial,Helvetica,sans-serif;}
.nomargin {margin-bottom: 0; padding-bottom: 0;}
.nomargintopbottom {margin-bottom: 0; padding-bottom: 0;margin-top: 0; padding-top: 0;padding-left: 15px;}
a {text-decoration: underline; font-family: Arial,Helvetica,sans-serif; font-size: 10pt;}
a:link {color: #006400;}
a:visited {color:#20B2AA;}
a:active {color: #20B2AA;}
a.besmall {font-size: 8pt;}
a.besmallbold {font-size: 8pt;font-weight: 600; color: #006400;}
a.besmallboldpadleft {font-size: 8pt;font-weight: 600;padding-left: 10px; color: #006400;}
a.belargebold {font-size: 12pt;font-weight: 600;}
a.bebold {font-weight: 600;}
a.beboldpadded {font-weight: 600;padding-left: 5px; color: #006400;}
a.besmallgreen:link {font-size: 8pt; font-style: italic; color: #006400;}
a.besmallgreen:visited {font-size: 8pt; font-style: italic; color: #20B2AA;}
a.besmallgreen:active {font-size: 8pt; font-style: italic; color: #20B2AA;}
a.bemaroon:link {color: #006400;}
a.bemaroon:visited {color: #20B2AA;}
a.bemaroon:active {color: #20B2AA;}
.behidden {display: none;}
.banner {width: 100%;max-width: 265px;height: auto;}
.banner2 {width: 100%;max-width: 668px;height: auto;}
.imageseahorseltr {width: 100%;max-width: 260px;height: auto;}
.imageseahorsertl {width: 100%;max-width: 260px;height: auto;}
.lingoimagebig {width: 100%;max-width: 1126px;height: auto;}
.lingotablebig {width: 100%;max-width: 180px;min-width: 120px;height: auto;}
.pic36 {width: 100%;max-width: 197px;height: auto;border: 1px solid #778899;} 
.pic37 {width: 100%;max-width: 172px;height: auto;border: 1px solid #778899;}
.pic52 {width: 100%;max-width: 52px;height: auto;border: 1px solid #778899;}
.pic55 {width: 100%;max-width: 55px;height: auto;border: 1px solid #778899;}
.pic56 {width: 100%;max-width: 160px;height: auto;border: 1px solid #778899;}
.pic57 {width: 100%;max-width: 57px;height: auto;border: 1px solid #778899;}
.pic58 {width: 100%;max-width: 58px;height: auto;border: 1px solid #778899;}
.pic60 {width: 100%;max-width: 160px;height: auto;border: 1px solid #778899;}
.pic64 {width: 100%;max-width: 64px;height: auto;border: 1px solid #778899;}
.pic65 {width: 100%;max-width: 65px;height: auto;border: 1px solid #778899;}
.pic66 {width: 100%;max-width: 66px;height: auto;border: 1px solid #778899;}
.pic67 {width: 100%;max-width: 167px;height: auto;border: 1px solid #778899;}
.pic68 {width: 100%;max-width: 200px;height: auto;border: 1px solid #778899;}
.pic69 {width: 100%;max-width: 69px;height: auto;border: 1px solid #778899;}
.pic70 {width: 100%;max-width: 70px;height: auto;border: 1px solid #778899;}
.pic71 {width: 100%;max-width: 187px;height: auto;border: 1px solid #778899;}
.pic72 {width: 100%;max-width: 72px;height: auto;border: 1px solid #778899;}
.pic73 {width: 100%;max-width: 192px;height: auto;border: 1px solid #778899;}
.pic74 {width: 100%;max-width: 74px;height: auto;border: 1px solid #778899;}
.pic75 {width: 100%;max-width: 199px;height: auto;border: 1px solid #778899;}
.pic76 {width: 100%;max-width: 76px;height: auto;border: 1px solid #778899;}
.pic77 {width: 100%;max-width: 77px;height: auto;border: 1px solid #778899;}
.pic78 {width: 100%;max-width: 205px;height: auto;border: 1px solid #778899;}
.pic79 {width: 100%;max-width: 79px;height: auto;border: 1px solid #778899;}
.pic81 {width: 100%;max-width: 81px;height: auto;border: 1px solid #778899;}
.pic82 {width: 100%;max-width: 300px;height: auto;border: 1px solid #778899;}
.pic84 {width: 100%;max-width: 263px;height: auto;border: 1px solid #778899;}
.pic87 {width: 100%;max-width: 87px;height: auto;border: 1px solid #778899;}
.pic88 {width: 100%;max-width: 88px;height: auto;border: 1px solid #778899;}
.pic92 {width: 100%;max-width: 92px;height: auto;border: 1px solid #778899;}
.pic94 {width: 100%;max-width: 94px;height: auto;border: 1px solid #778899;}
.pic95 {width: 100%;max-width: 248px;height: auto;border: 1px solid #778899;}
.pic97 {width: 100%;max-width: 97px;height: auto;border: 1px solid #778899;}
.pic98 {width: 100%;max-width: 259px;height: auto;border: 1px solid #778899;}
.pic100 {width: 100%;max-width: 262px;height: auto;border: 1px solid #778899;}
.pic103 {width: 100%;max-width: 300px;height: auto;border: 1px solid #778899;}
.pic104 {width: 100%;max-width: 273px;height: auto;border: 1px solid #778899;}
.pic105 {width: 100%;max-width: 300px;height: auto;border: 1px solid #778899;}
.pic106 {width: 100%;max-width: 275px;height: auto;border: 1px solid #778899;}
.pic109 {width: 100%;max-width: 109px;height: auto;border: 1px solid #778899;}
.pic113 {width: 100%;max-width: 336px;height: auto;border: 1px solid #778899;}
.pic116 {width: 100%;max-width: 304px;height: auto;border: 1px solid #778899;}
.pic118 {width: 100%;max-width: 118px;height: auto;border: 1px solid #778899;}
.pic119 {width: 100%;max-width: 119px;height: auto;border: 1px solid #778899;}
.pic122 {width: 100%;max-width: 321px;height: auto;border: 1px solid #778899;}
.pic123 {width: 100%;max-width: 123px;height: auto;border: 1px solid #778899;}
.pic124 {width: 100%;max-width: 124px;height: auto;border: 1px solid #778899;}
.pic125 {width: 100%;max-width: 272px;height: auto;border: 1px solid #778899;}
.pic126 {width: 100%;max-width: 330px;height: auto;border: 1px solid #778899;}
.pic127 {width: 100%;max-width: 334px;height: auto;border: 1px solid #778899;}
.pic129 {width: 100%;max-width: 360px;height: auto;border: 1px solid #778899;}
.pic130 {width: 100%;max-width: 341px;height: auto;border: 1px solid #778899;}
.pic131 {width: 100%;max-width: 131px;height: auto;border: 1px solid #778899;}
.pic132 {width: 100%;max-width: 347px;height: auto;border: 1px solid #778899;}
.pic133 {width: 100%;max-width: 400px;height: auto;border: 1px solid #778899;}
.pic134 {width: 100%;max-width: 403px;height: auto;border: 1px solid #778899;}
.pic135 {width: 100%;max-width: 135px;height: auto;border: 1px solid #778899;}
.pic137 {width: 100%;max-width: 425px;height: auto;border: 1px solid #778899;}
.pic138 {width: 100%;max-width: 300px;height: auto;border: 1px solid #778899;}
.pic139 {width: 100%;max-width: 139px;height: auto;border: 1px solid #778899;}
.pic140 {width: 100%;max-width: 368px;height: auto;border: 1px solid #778899;}
.pic143 {width: 100%;max-width: 143px;height: auto;border: 1px solid #778899;}
.pic144 {width: 100%;max-width: 300px;height: auto;border: 1px solid #778899;}
.pic147 {width: 100%;max-width: 442px;height: auto;border: 1px solid #778899;}
.pic150 {width: 100%;max-width: 300px;height: auto;border: 1px solid #778899;}
.pic151 {width: 100%;max-width: 300px;height: auto;border: 1px solid #778899;}
.pic152 {width: 100%;max-width: 152px;height: auto;border: 1px solid #778899;}
.pic153 {width: 100%;max-width: 398px;height: auto;border: 1px solid #778899;}
.pic155 {width: 100%;max-width: 407px;height: auto;border: 1px solid #778899;}
.pic157 {width: 100%;max-width: 407px;height: auto;border: 1px solid #778899;}
.pic159 {width: 100%;max-width: 159px;height: auto;border: 1px solid #778899;}
.pic160 {width: 100%;max-width: 400px;height: auto;border: 1px solid #778899;}
.pic161 {width: 100%;max-width: 422px;height: auto;border: 1px solid #778899;}
.pic162 {width: 100%;max-width: 162px;height: auto;border: 1px solid #778899;}
.pic165 {width: 100%;max-width: 165px;height: auto;border: 1px solid #778899;}
.pic168 {width: 100%;max-width: 168px;height: auto;border: 1px solid #778899;}
.pic172 {width: 100%;max-width: 172px;height: auto;border: 1px solid #778899;}
.pic173 {width: 100%;max-width: 173px;height: auto;border: 1px solid #778899;}
.pic178 {width: 100%;max-width: 178px;height: auto;border: 1px solid #778899;}
.pic180 {width: 100%;max-width: 180px;height: auto;border: 1px solid #778899;}
.pic183 {width: 100%;max-width: 183px;height: auto;border: 1px solid #778899;}
.pic205 {width: 100%;max-width: 205px;height: auto;border: 1px solid #778899;}
.pic214 {width: 100%;max-width: 500px;height: auto;border: 1px solid #778899;}
.pic221 {width: 100%;max-width: 580px;height: auto;border: 1px solid #778899;}
.pic229 {width: 100%;max-width: 229px;height: auto;border: 1px solid #778899;}
.pic251 {width: 100%;max-width: 251px;height: auto;border: 1px solid #778899;}
.pic500 {width: 100%;max-width: 398px;height: auto;border: 1px solid #778899;}
.pic502 {width: 100%;max-width: 400px;height: auto;border: 1px solid #778899;}
.pic503 {width: 100%;max-width: 328px;height: auto;border: 1px solid #778899;}
.pic504 {width: 100%;max-width: 297px;height: auto;border: 1px solid #778899;}
.pic505 {width: 100%;max-width: 364px;height: auto;border: 1px solid #778899;}
.pic506 {width: 100%;max-width: 359px;height: auto;border: 1px solid #778899;}
.pic507 {width: 100%;max-width: 310px;height: auto;border: 1px solid #778899;}
.pic508 {width: 100%;max-width: 350px;height: auto;border: 1px solid #778899;}
.pic509 {width: 100%;max-width: 256px;height: auto;border: 1px solid #778899;}
.pic510 {width: 100%;max-width: 333px;height: auto;border: 1px solid #778899;}
.pic511 {width: 100%;max-width: 178px;height: auto;border: 1px solid #778899;}
.pic512 {width: 100%;max-width: 401px;height: auto;border: 1px solid #778899;}
.pic513 {width: 100%;max-width: 318px;height: auto;border: 1px solid #778899;}
.pic514 {width: 100%;max-width: 449px;height: auto;border: 1px solid #778899;}
.pic515 {width: 100%;max-width: 450px;height: auto;border: 1px solid #778899;}
.pic516 {width: 100%;max-width: 220px;height: auto;border: 1px solid #778899;}
.pic517 {width: 100%;max-width: 549px;height: auto;border: 1px solid #778899;}
.pic518 {width: 100%;max-width: 486px;height: auto;border: 1px solid #778899;}
.pic519 {width: 100%;max-width: 212px;height: auto;border: 1px solid #778899;}
.pic520 {width: 100%;max-width: 246px;height: auto;border: 1px solid #778899;}
.pic521 {width: 100%;max-width: 428px;height: auto;border: 1px solid #778899;}
.pic521 {width: 100%;max-width: 433px;height: auto;border: 1px solid #778899;}
.pic522 {width: 100%;max-width: 225px;height: auto;border: 1px solid #778899;}
.pic523 {width: 100%;max-width: 428px;height: auto;border: 1px solid #778899;}
.pic524 {width: 100%;max-width: 209px;height: auto;border: 1px solid #778899;}
.pic525 {width: 100%;max-width: 399px;height: auto;border: 1px solid #778899;}
.picfloat526 {width: 100%;max-width: 245px;height:}
.picfloat527 {width: 100%;max-width: 124px;height:}
.picfloat80 {width: 100%;max-width: 80px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat101 {width: 100%;max-width: 156px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat110 {width: 100%;max-width: 156px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat118 {width: 100%;max-width: 118px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat144 {width: 100%;max-width: 217px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat149 {width: 100%;max-width: 200px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat154 {width: 100%;max-width: 200px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat180 {width: 100%;max-width: 180px;height: auto;border: 1px solid #778899;float:left;margin:0 15px 10px 0;}
.picfloat181 {width: 100%;max-width: 190px;height: auto;border: 0px solid #778899;float:left;margin:0 15px 15px 0;}
.picfloat182 {width: 100%;max-width: 235px;height: auto;border: 0px solid #778899;float:center;margin:0 15px 15px 0;}
.picfloatright180 {width: 100%;max-width: 238px;height: auto;border: 1px solid #778899;float:right;margin:0 0 10px 15px;}
.tableblock {display: inline-block;}
.tableblocktwo {display: inline-block;width: 50%; min-width: 450px;}
.tablevideo {display: inline-block;width: 340px;height: auto;border-collapse: collapse;border: 2px solid;}
.padmecenter {padding: 5px;text-align: center;}
@media only screen and (min-width : 1224px) {
.homepagetop {padding-bottom: 120px;}
.tablelinks {width: 80%;}
.tablepad {padding: 20px;margin: 0 0 80px 0;}
.tablepadvideoleft {margin: 0px 10px 0px 0px;}
.tablepadvideoright {margin: 0px 0px 0px 10px;}
}
@media screen and (min-device-width: 320px) and (max-device-width: 800px) and (orientation:portrait) {
.homepagetop {padding-bottom: 0px;}
.tablelinks {width: 95%;}
.tablepad {padding: 0px;}
.tablepadvideoleft {margin: 0px;}
.tablepadvideoright {margin: 0px;}
}


.bodybg  
{margin:0;  padding:0;
  background: url(https://hippocampus-info.com/aaa/fond1.webp) repeat center; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}


.bodybg2  
{margin:0;  padding:0;
  background: url(https://hippocampus-info.com/aaa/fond.webp) repeat center; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}


.tableblock {display: inline-block;}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}


a:visited {
color: #20B2AA;
}