mark {
  background-color: #FFA500
 }
 .anim410 {
  animation-duration: 4s;
  animation-name: slidein;
  color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.0 em;
}
.anim310 {
  animation-duration: 3s;
  animation-name: slidein;
  color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.0 em;
}
.anim210 {
  animation-duration: 2s;
  animation-name: slidein;
  color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.0 em;
}
.anim200 {
  animation-duration: 2s;
  animation-name: slidein;
  color:#FFFFE0;
text-decoration: none;
font-size: 1.0 em;
}
.anim110 {
  animation-duration: 1s;
  animation-name: slidein;
  color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.0 em;
}
.anim215 {
  animation-duration: 2s;
  animation-name: slidein;
color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.50 em;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
.animgd {
  animation-duration: 4s;
  animation-name: slidegd;
  color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.0 em;
}
@keyframes slidegd {
  from {
    margin-right:0%;
    width: 100%;
  }

  to {
    margin-right: 100%;
    width: 100%;
  }
}
#picture {
		float:left;
		width: 100px;
	}
iframe {
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 7px;
border-radius: 7px;
padding:1px;
vertical-align: middle;
border-color: "#8A6642;
}
";
}
iframe.gris {
margin-left: auto;
margin-right: auto;
border-style: solid;
border-color: #696969;
border-width: 3px;
border-radius: 7px;
padding:1px;
vertical-align: middle
}
iframe.gcl {
margin-left: auto;
margin-right: auto;
border-style: solid;
border-color: #DCDCDC;
border-width: 3px;
border-radius: 7px;
padding:1px;
vertical-align: middle
}
img.trans /* Tu n'es pas obligé de mettre le img devant, c'est juste pour dire que c'est seulement les images qui ont la classe coolicool qui sont modifiés et non pas les autres balises comme div */
{
    background-image: url("images/IMG_0441.png");
    opacity:5%
    width:100%;
}
img.logo {animation: apparition 7s linear;
}
frame.logo {animation: apparition 7s linear;
}
frame.logoout {animation: disparition 7s linear;
}
frame.logolmt {animation: apparition 7s linear;
}
@keyframes apparition {
0% { width: auto; height: 0; opacity: 0; }
100% { width: auto; height: 56px; opacity: 1; }
}
@keyframes apparitionlmt {
0% { width: 0; height: 0; opacity: 0; }
100% { width: auto; height: auto; opacity: 1; }
}
@keyframes disparition {
0% { height: auto; width/auto; opacity: 1; }
100% { height: 100px; opacity: 0.2; }
}
html {
    scroll-behavior: smooth;
  }
img.flr{
  float: right;
  margin-left: 10px;
}
img {
  opacity: 0.70;
  transition: 0.7s
}
img.perche
{
    border-style: solid;
    border-color: #8A6642;
    border-width: 3px;
    border-radius: 3px;
}
img:hover {
  opacity: 1.0;
  transition: 1.s
}
img.centre {
margin-left:auto;
margin-right:auto;
}
img.gauche {
margin-left:20%;
margin-right:30%;
width:50%;
}
img.droite {
margin-left:30%;
width:50%;
margin-right:20%;
}
img.centrev {
    vertical-align: middle;
}
h1 {
font-style: normal;
font-variant: normal;
color: #FFFFFF;
font-size: 1.5em;
font-family: sans-serif;
}
h2 {
font-style: normal;
font-variant: normal;
color: #FFFFFF;
font-size: 1.375em;
font-family: sans-serif;
}
h3 {
font-style: normal;
font-variant: normal;
color: #FFFFFF;
font-size: 1.25em;
font-family: sans-serif;
}

fondb {
background-color: #FFFFFF;
font-size:0.875em;  
color: #0000FF;
font-family: sans-serif;
}
table {
background-color: #6093AC;
font-size: 0.875em;
/*color: #FFFF00;*/
color: #FFFFFF;
font-family: sans-serif;
}
table.aucentre {
  margin-left: auto; 
  margin-right: auto;
}
tr {text-align:center;}
th {
	text-align:center;
}
td {
	text-align:center;
}
.bbr {
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-color: white red white blue;
border-width: 2px;
border-radius: 7px;
}
.vbv {
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-color: white #228B22 white #228B22;
border-width: 2px;
border-radius: 7px;
}
.bbor {
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-color: white gold white blue;
border-width: 2px;
border-radius: 7px;
}
.p05 {
font-style: normal;
font-variant: normal;
font-size:0.75em;;
}
.centrer05 {
    text-align:center;
    text-decoration:none;
    font-size: 0.750em;
}
.c05 {
    text-align:center;
    text-decoration:none;
    font-size: 0.750em;
}
.d05{
    margin-right: 7%;
    text-align: right;
    font-size: 0.750em;
    text-decoration:none;
}
.d005{
    margin-right: 7%;
    text-align: right;
    font-size: 0.50em;
    text-decoration:none;
}
.g05 {
    margin-left: 7%;
	text-align: left;
	text-decoration:none;
	font-size:0.750em;
    }
.gg05 {
    margin-left: 14%;
	text-align: left;
	text-decoration:none;
	font-size:0.750em;
    }
.ggg05 {
    margin-left: 21%;
	text-align: left;
	text-decoration:none;
	font-size:0.750em;
    }
.ggg {margin-left: 21%;
	text-align:left;
	text-decoration:none;
	font-size:1.0em;
    }
.gg {margin-left: 14%;
	text-align:left;
	text-decoration:none;
    }
.ggv{margin-left: 14%;
	text-align:left;
	text-decoration:none;
	color:#679F5A;
    }
.ggvb{margin-left: 14%;
	text-align:left;
	text-decoration:none;
	color:#679F5A;
	font-weight:bold;   
    }
.gauche {
	margin-left: 7%;
	text-align:gauche;
	text-decoration:none;
}
.droite {
    direction: rtl;
    text-align:right;
  margin-right: 7%;
  text-decoration:none;
}
.centre {
text-decoration: none;
text-align:center;
}
.centrer {
text-decoration: none;
margin-left: auto;
margin-right: auto;
}
.c05 {
    text-align:center;
    text-decoration:none;
    font-size: 0.750em;
}
hr.vlmt
{
    margin-left:5%;
    margin-right: 5%;
    border-style: solid;
    border-color: #8A6642;
/*  
        border-color: #0E4C64;
background =       border-color: #6093AC;
        border-color: #782423;
#8A6642
*/
    border-width: 1px;
    border-radius: 1px;
}
.vlmt3 {
    color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.0 em;
}
.vlmt0 {
    color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 0.875 em;
}
.vlmt2 {
    color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 1.375 em;
}
.vlmt1 {
    color:#228B22;
    font-weight:bold;
text-decoration: none;
font-si2e 1.50 em;
}
.vlmt20 {
    color:#228B22;
    font-weight:bold;
text-decoration: none;
font-size: 2.0 em;
}
.inf {
font-style: normal;
font-variant: normal;
font-size: 0.875em;
text-decoration: none;
}
.moinf {
font-style: normal;
font-variant: normal;
font-size: 0.75em;
text-decoration: none;
}
.bsg {border-style: solid;
border-color:grey;
font-size: 0.875em;
}
.bsr {border-style: solid;
border-color:#FF0000;
font-size: 0.875em;
}
.cove {
    color:#679F5A;
    }
.fcy {
color:#FFFF00;
font-size: 0.75em;
}
.fcr {
color:#FF0000;
font-size: 0.75em;
}
.percheron {
    text-align:center;
    border-style: solid;
    border-color: #637D96 #8A9977 #782423 #D2AA6D ;
    color: white;
    border-radius: 7px;
    border-width: 2.0em;
    width:256px;
    margin-left: auto;
    margin-right: auto;
}
p.img21 {
    text-decoration:none;
    color:#679F5A;
    text-align:center;
    line-height:24px;
}
p.italic {
font-variant: normal;
font-style: italic;
font-size: 1.0em;
}
p.small {
  font-variant: small-caps;
}
p.oblique {
font-variant: normal;
font-style: oblique;
font-size: 1.0em;
}
.boxperche {
    display: none;
    background-color: #FFFFFF;
    font-size: 1.0em; /* 14px/16=0.875em */
    color: #808080;
    border-left: 1.0em solid #D2AA6D;
    border-top: 1.0em solid #637D96;
    border-right: 1.0em solid #8A9977
    border-bottom: 1.0em solid #637D96;
    border-radius: 7px;
}
pre {
  display: block;
  font-style: oblique;
text-decoration:none;
}
.soulign {
/*
text-decoration-line: overline underline; 
*/
text-decoration-line: underline; 
text-decoration-color: #000000;
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligj {
text-decoration-color: #FFD700;
text-decoration-line: underline; 
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligg {
text-decoration-line: underline ;
text-decoration-color: #A9A9A9;
text-decoration-style: solid;
text-decoration-thickness: 1px;
text-underline-position: under;
}
.soulicv {
text-decoration-line: underline ;
text-decoration-color: #679F5A;
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligy{
text-decoration-line: underline;
text-decoration-color: #FFFF00;
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligor{
text-decoration-line: underline;
text-decoration-color: #FF8C00;
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligv {
text-decoration-line: underline;
text-decoration-color: #679F5A;
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligorge {
text-decoration-line: underline;
text-decoration-color: #FFA500;
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligvp {
text-decoration-line: underline;
text-decoration-color: #34C924;
text-decoration-style: solid;
text-underline-position: under;
text-decoration-thickness: 1px;
}
.souligvg {
text-decoration-line: underline;
text-decoration-color: #8feb95;
text-decoration-style: solid;
/*
text-underline-position: auto;
*/
text-underline-position: under;
text-decoration-thickness: 1px;
}
.sursousli {
    text-decoration-line: overline underline;
    text-decoration-color: #A9A9A9;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;

}
.barre {
text-decoration-line: line-through;
}
.barrev {
text-decoration-line: line-through;
text-decoration-color: #679F5A;
  }
.barrer {
text-decoration-line: line-through;
text-decoration-color: #FF0000;
  }
.clignote4s {
animation: clignote 4s linear infinite;
}
.clignote7s {
animation: clignote 7s linear infinite;
}
.clignote5s {
animation: clignote 5s linear infinite;
}
.clignote6s {
animation: clignote 6s linear infinite;
}
.clignote3s {
animation: clignote 3s linear infinite;
}
.clignote1s {
animation: clignote 1s linear infinite;
}
.clignote2s {
animation: clignote 2s linear infinite;
}
.clignote {
animation: clignote 7s linear infinite;
}
@keyframes clignote {  
  50% { opacity: 0; }
}
a.direct {
    text-decoration:none;
    color:#00BFFF;
}
a.fnb {
    text-decoration:none;
/*    background-color:#FFFACD; FFFFCC; #679F5A*/
    background-color:#FFFFFF;
    color:#0000FF;
}
a.sour {
text-decoration-color: red;
}
a.gr {
    color:#778899;
}
a.rouge {
    color:red;
}
a:visited {
transition: 0.7s;
color: #00BFFF;
}
a:hover {
background: #FFE4B5;
/*#FAFAD2;
#E0FFFF;*/
transition: 0.7s;
}
a.fnb:visited {
transition: 0.7s;
color: #00BFFF;
}
a.fnb:hover {
background: #FFE4B5;
/*#E0FFFF;#FAFAD2;*/
transition: 0.7s;
}
a.clignote {
animation: clignote 7s linear infinite;
background: #00BFFF;
color: #FFFFFF;
}
#minuterie
{font-size: 0.5em;
}
.divl {
margin-right:auto;
margin-left:7%;
text-align: left;
}
.divr {
    margin-right:7%;
margin-left:auto;
text-align: right;
}
.divc  {
    margin-left:auto;
    margin-right:auto;
}
.divl05 {
text-align: left;
font-size: 0.875em;
}
.divr05{
text-align: right;
font-size: 0.875em;
}
.divc05 {
text-align: center;
font-size: 0.875em;
}
.flol {
float:left;
margin:1.0em;
}
.flod {
float:right;
margin:1.0em;
}
.vam {
	vertical-align: middle;
	text-align: center;
}
.button {
  background-color: #04AA6D;
  border: none;
  color: #808080;
  padding: 2px 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.50em;
  margin: 2px 2px;
  cursor: pointer;
}
/*button{
background-color: #FFFFFF;
font-size: 0.875em;color: #808080;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
}
*/
.box {
display: none;
background-color: #FFFFFF;
font-size: 0.875em; /* 14px/16=0.875em */
color: #808080;
border:3px solid #679F5A;
border-radius: 7px;
}
.box40 {
display: none;
background-color: #FFFFFF;
font-size: 0.875em; /* 14px/16=0.875em */
color: #808080;
border:3px solid #679F5A;
border-radius: 7px;
width:40%;}
.boxor {
display: flex;
background-color: #FFFFFF;
font-size: 0.875em; /* 14px/16=0.875em */
color: #808080;
align-items: flex-start;
border:2px solid #FF8C00;
border-radius: 7px;
}
.bko{
background-color: #FFFFFF;
display:block;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-width: 2px;
border-radius: 7px;
padding: 1%;
border-color: #FF8C00;
}
.bky{
background-color: #FFFFFF;
display:block;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-width: 3px;
border-radius: 7px;
padding: 1%;
border-color: #FFD700;
font-size: 0.875em; /* 14px/16=0.875em */
}
.bkr {
display:block;
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left:auto;
margin-right:auto;
border-style: solid;
border-color: #FF0000;
border-width: 3px;
border-radius: 7px;
padding: 1%;
}
.bkg {
display:block;
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-width: 3px;
border-color: #696969;
border-radius: 7px;
padding: 1%;
}
.bkauj {
display:block;
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-width: 1px;
border-color: #DCDCDC;
border-radius: 7px;
padding: 1%;
font-size: 0.75em;
}
.bkb {
display:block;
background-color: #FFFFFF;
color: #808080;
margin-left: 35%; 
margin-right: 35%;
border-style: solid;
border-width: 3px;
border-color: #696969;
border-radius: 7px;
padding: 1%;
}
.bkf {
display:block;
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left:auto;
margin-right:auto;
border-style: solid;
border-width: 3px;
border-color: #FFFFFF;
border-radius: 7px;
padding: 1%;
}
.bkv
{
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
/*    border-color: #6093AC*/
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
}
.bkvessai
{
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkvmedi
{
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkvdp {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkvm {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkvfx {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkvfs {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkvph {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkvge {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
}
.bkv70 {
display:block;
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-width:2px;
border-radius: 7px;
padding: 2%;
border-color: #679F5A;
margin-left:auto;
margin-right:auto;
font-size: 0.875em;
padding: 1%;
}
.bkvot {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
    }
.bkvotl {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left: auto; 
    margin-right: auto;
    border-style: solid;
    border-color: #679F5A;
    border-width: 2px;
    border-radius: 7px;
    padding: 1%;
    font-size: 0.875em;
    }
.bkr {
    display:block;
    background-color: #FFFFFF;
    color: #808080;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    border-style: solid;
    border-    font-size: 0.875em;
color: #FF0000;
border-width: 2px;
border-radius: 7px;
padding: 1%;
}
.bkg {
display:block;
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left: auto; 
margin-right: auto;
border-style: solid;
border-width: 2px;
border-color: #696969;
border-radius: 7px;
padding: 1%;
}
.bkb {
display:block;
background-color: #FFFFFF;
color: #808080;
margin-left: 35%; 
margin-right: 35%;
border-style: solid;
border-width: 2px;
border-color: #696969;
border-radius: 7px;
padding: 1%;
}
.bkf {
display:block;
background-color: #FFFFFF;
color: #808080;
text-align: center;
margin-left:auto;
margin-right:auto;
border-style: solid;
border-width: 2px;
border-color: #FFFFFF;
border-radius: 7px;
padding: 1%;
}
details {
color: #696969;
text-align:center;
text-decoration:none;
border: none;
cursor: -webkit-grabbing; 
cursor: grabbing;
}
details.bl {
color: #FFFFFF;
text-align:center;
text-decoration:none;
border: none;
cursor: -webkit-grabbing; 
cursor: grabbing;
}
details.yel {
color: #FFFF00;
text-align:center;
text-decoration:none;
border: none;
cursor: -webkit-grabbing; 
cursor: grabbing;
}
summary {
color: #A9A9A9;
text-align:left;
text-decoration:none;
cursor: -webkit-grabbing; 
cursor: grabbing;
}
summary.bl {
color: #FFFFFF;
text-align:left;
text-decoration:none;
cursor: -webkit-grabbing; 
cursor: grabbing;
}
summary.vert {
color: green;
text-align:left;
text-decoration:none;
cursor: -webkit-grabbing; 
cursor: grabbing;
}
summary.gauche {
margin-left:7%;
color: #A9A9A9;
text-align:left;
text-decoration:none;
}
footer {
    display: flex;
    justify-content: center;
    padding: 5px;
}
#picture {
		float:left;
		width: 100px;
	}
iframe {
margin-left:auto;
margin-right:auto;
border-style: solid;
border-color: #E6D2B5;
border-width: 3px;
border-radius: 7px;
padding:1px;
}
img.logo {animation: apparition 7s linear;
}
frame.logo {animation: apparition 7s linear;
}
frame.logolmt {animation: apparition 7s linear;
}
@keyframes apparition {
0% { width: auto; height: 0; opacity: 0; }
100% { width: auto; height: 56px; opacity: 1; }
}
@keyframes apparitionlmt {
0% { width: 0; height: 0; opacity: 0; }
100% { width: 343px; height: auto; opacity: 1; }
}
html {
    scroll-behavior: smooth;
  }
img {
  opacity: 0.70;
  transition: 0.7s
}
img:hover {
  opacity: 1.0;
  transition: 0.7s
}
img.centre {
margin-left:auto;
margin-right:auto;
}
/*
gris #4D4D4D
jaune #FFFF00
*/
body {
/*background-color: #0000FF;
background-color: ##E6D2B5;
background-color: #6093AC;
#8A6642 complémentaire #6093AC*/
background-color: #6093AC;
font-size: 1em; /* 14px/16=0.875em */
color: #FFFFFF;
font-family: sans-serif;
cursor: auto;
}
adress{
background-color: #FFFFFF;
font-size:0.875em;  
color: #0000FF;
font-family: sans-serif;
}
fondb {
background-color: #FFFFFF;
font-size:0.875em;  
color: #0000FF;
font-family: sans-serif;
}
p {
font-style: normal;
font-variant: normal;
font-size: 1.0em;
}
.p05 {
font-style: normal;
font-variant: normal;
font-size:0.75em;;
}
.centrer05 {
text-align:center;
text-decoration:none;
font-size: 0.750em;
}
.
{
  margin-left: 7%;
  font-size: 0.750em;
text-decoration: none;
}
.d05{
  margin-right: 7%;
  font-size: 0.750em;
  text-decoration:none;
}
.gauche {
	margin-left: 7%;
	text-decoration:none;
}
.droite {
  margin-right: 7%;
  text-decoration:none;
}

.inf{
font-style: normal;
font-variant: normal;
font-size: 0.75em;
text-decoration: none;
}
.moinf{
font-style: normal;
font-variant: normal;
font-size: 0.5em;;
text-decoration: none;
}
.infc {
	font-size: 0.875em;
	color: #C0C0C0;
	text-align:center;
}
.bsg {border-style: solid;
border-color:grey;
font-size: 0.875em;
}
.bsr {border-style: solid;
border-color:#FF0000;
font-size: 0.875em;
}
.fcy {
color:#FFFF00;
font-size: 0.75em;
}
.fcr {
color:#FF0000;
font-size: 0.75em;
}
p.italic {
font-variant: normal;
font-style: italic;
font-size: 1.0em;
}
p.small {
  font-variant: small-caps;
}
p.oblique {
font-variant: normal;
font-style: oblique;
font-size: 1.0em;
}

.centre {
text-align: center;
text-decoration: none;
margin-right: auto;
margin-left: auto;
}
.jus {
text-align: justify;
text-decoration: none;
margin-right: auto;
margin-left: auto;
}
pre {
  margin: 2.0em;
  font-size: 1.0em;
text-decoration:none;
}
.barre {
text-decoration-line: line-through;
}
.barrev {
text-decoration-line: line-through;
text-decoration-color: #679F5A;
  }
.barrer {
text-decoration-line: line-through;
text-decoration-color: #FF0000;
  }
.clignote {
animation: clignote 7s linear infinite;
color: #DCDCDC;
}
.clignotegris {
animation: clignote 7s linear infinite;
color: #808080;
}
.clignoteblanc {
animation: clignote 3s linear infinite;
color: #FFFFFF;
}
@keyframes clignote {  
  50% { opacity: 0; }
}
#minuterie
{font-size: 0.5em;
}
DIV.container {
    min-height: 100em;
    vertical-align: middle 
}
.divl {
text-align: left;
}
.divly {
text-align: left;
color: #FFFF00;
}
.divr {
text-align: right;
}
.divc  {
text-align: center;
}
.divl05 {
text-align: left;
font-size: 0.875em;
}
.divr05{
text-align: right;
font-size: 0.875em;
}
.divc05 {
text-align: center;
font-size: 0.875em;
}
.flol {
float:left;
margin:1.0em;
}
.flod {
float:right;
margin:1.0em;
}
ol {
	color:#0000FF;
}
.vam {
	vertical-align: middle;
	text-align: center;
}
.button{
background-color: #FFFFFF;
font-size: 1.125em; /* 14px/16=0.875em */
color: #808080;
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
}
.box {
display: flex;
background-color: #FFFFFF;
font-size: 0.875em; /* 14px/16=0.875em */
color: #808080;
align-items: flex-start;
border:3px solid #679F5A;
border-radius: 7px;
}
.boxor {
display: flex;
background-color: #FFFFFF;
font-size: 0.875em; /* 14px/16=0.875em */
color: #808080;
align-items: flex-start;
border:3px solid #FF8C00;
border-radius: 7px;
}
nav {
text-align: center;
margin-left:auto;
margin-right:auto;
}
.menu {
display: inline-block;
list-style-type: none;
overflow: visible;
margin: 0;
  padding: 0;
}
.menu li {
    list-style-type: none; 
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top:1em solid #637D96;
/*    border-top:1em solid #679F5A; 
*/
	color: #808080;
	text-align:center;
    float: left;
    width: 256px;
    height: 16px;
    font-size: 1.0em;
      }
.menu li.h48 {
    list-style-type: none; 
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top:1em solid #637D96;
	color: #808080;
	text-align:center;
    float: left;
    width: 256px;
    height: 48px;
    font-size: 1.0em;
      }
.menu li.h64 {
    list-style-type: none; 
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top:1em solid #637D96;
	color: #808080;
	text-align:center;
    float: left;
    width: 256px;
    height: 64px;
    font-size: 1.0em;
      }
.menu li.h192 {
    list-style-type: none; 
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top:1em solid #637D96;
	color: #808080;
	text-align:center;
    float: left;
    width: 256px;
    height: 192px;
    font-size: 1.0em;
      }
.menu li.lig48 {
    list-style-type: none; 
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
   border-left: 1em solid #637D96;
   border-top:none;
   	color: #808080;
	text-align:center;
    float: left;
    width: 256px;
    height: 48px;
    font-size: 1.0em;
}
.menu li.frac {
    list-style-type: none; 
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top:1em solid #637D96;
	color: #808080;
	text-align:center;
    float: left;
    width: 128px;
    height: 16px;
    font-size: 1.0em;
      }
.menu li.fracper {
    list-style-type: none; 
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-left: 1.0em solid #D2AA6D;
    border-top: 1.0em solid #637D96;
    border-right: 1.0em solid #8A9977
    border-bottom: 1.0em solid #637D96;
    color: #808080;
    text-align:center;
    float: left;
    width: 512px;
    height: 64px;
    font-size: 1.0em;
      }
.menu li.lig {
    text-align: center;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-left: 1em solid #637D96;
    border-top: none;
    color: #808080;
    list-style-type: none; 

}
.menu li.lid48 {
    text-align: center;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top: none;
    border-right: 1em solid #637D96;
    color: #808080;
             list-style-type: none;
    height:48px;

}
.menu li.lid {
    text-align: center;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top: none;
    border-right: 1em solid #637D96;
    color: #808080;
             list-style-type: none;
}
.menu li.frac48 {
		list-style-type: none;
		background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top: 1em solid #637D96;
	color: #808080;
	text-align:center;
        float: left;
        width: 128px;
        height: 48px;
 line-height: 0px;
        font-size: 1.0em;
      }
.menu li.frac64 {
		list-style-type: none;
		background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top: 1em solid #637D96;
	color: #808080;
	text-align:center;
        float: left;
        width: 128px;
        height: 64px;
 line-height: 0px;
        font-size: 1.0em;
      }
.menu li.frac72 {
		list-style-type: none;
		background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top: 1em solid #637D96;
	color: #808080;
	text-align:center;
        float: left;
        width: 128px;
        height: 72px;
 line-height: 0px;
        font-size: 1.0em;
      }
.menu li.frac80 {
	list-style-type: none;
	background: #FFFFFF;
    margin: 0.5em;
    padding: 1.2em;
    border-top: 1em solid #637D96;
	color: #808080;
	text-align:center;
    float: left;
    width: 128px;
    height: 80px;
    line-height: 0px;
    font-size: 1.0em;
}
.menu li.frac96 {
		list-style-type: none;
		background: #FFFFFF;
    margin: 0.5em;
    padding: 1.2em;
    border-top: 1em solid #637D96;
	color: #808080;
	text-align:center;
        float: left;
        width: 128px;
        height: 96px;
 line-height: 0px;
        font-size: 1.0em;
      }
.menu li.bas {
    list-style-type: none;
    background: #FFFFFF;
    margin: 0,5;
    padding: 0.5;
    border-bottom: 1em solid #679F5A;
    border-top:none;
    color: #808080;
    text-align:center;
    float: left;
    width: 256px;
    height: 16px;
    line-height: 0px;
    font-size: 1.0em;
      }
.menu li.fracb {
          list-style-type: none;
background: #FFFFFF;
    margin: 0,5;
  padding: 0.5;
    border-bottom: 1em solid #679F5A;
    border-top:none;
color: #808080;
text-align:center;
        float: left;
        width: 128px;
        height: 16px;
 line-height: 0px;
        font-size: 1.0em;
      }
.menu li.b64 {
          list-style-type: none;
background: #FFFFFF;
    margin: 0,5;
  padding: 0.5;
    border-bottom: 1em solid #679F5A;
    border-top:none;
color: #808080;
text-align:center;
        float: left;
        width: 128px;
        height: 64px;
 line-height: 0px;
        font-size: 1.0em;
      }
.menu li.b256 {
          list-style-type: none;
background: #FFFFFF;
    margin: 0,5;
  padding: 0.5;
    border-bottom: 1em solid #679F5A;
    border-top:none;
color: #808080;
text-align:center;
        float: left;
        width: 128px;
        height: 256px;
 line-height: 0px;
        font-size: 1.0em;
      }
.menu li.chro {
          list-style-type: none;
		background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-bottom: 1em solid #679F5A;   
    border-top:none;
	color: #808080;
	text-align:center;
        float: left;
        width: 256px;
        height: 32px;
 line-height: 0px;
        font-size: 1.0em;
      }
.sub-menu {
        transform: scale(0);
        transform-origin: top center;
        transition: all 300ms ease-in-out;
      }
.sub-menu li {
        	list-style-type: none;
        		background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
	color: #808080;
font-size: 0,875em;
        transform: scale(0);
        transform-origin: top center;
        transition: all 500ms ease-in-out;
      }
.sub-menu li:last-child {
        border-bottom: 0;
      }
.sub-menu li:hover {
        background: #FFFFE0;
      }
.menu > li:hover .sub-menu li {
        transform: scale(1);
      }
.menu > li:hover .sub-menu {
        transform: scale(1);
      }
ul {
    padding: 0;
    margin: 0;
    color: #808080;
	
}
ol {
color: #FFFF00;
list-style-type: decimal-leading-zero;
}
ul.navbar21g li {
    text-align:left;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-left: 1em solid #D2AA6D;
/*
border-left: 1em solid #679F5A;
*/
    color: #808080;
}
ul.navbarbb li {
    text-align:left;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-bottom: 1em solid #782423;
/*
border-left: 1em solid #679F5A;
*/
    color: #808080;
}
ul.navbartt li {
    text-align:left;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-top: 1em solid #782423;
/*
border-left: 1em solid #679F5A;
*/
    color: #808080;
}
ul.navbardc li {
    text-align:left;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-right: 1.0em solid #782423;
/*
border-rtight: 1em solid #679F5A;
*/
    color: #808080;
}
ul.navbar21d li {
    text-align:left;
    background: #FFFFFF;
    margin: 0.5em;
    padding: 0.5em;
    border-right: 1.0em solid #8A9977;
/*
border-rtight: 1em solid #679F5A;
*/
    color: #808080;
}
label {
  font-size: 1.0em;
  padding:1.0rem;
  }
datalist {
    border:none
    overflow-y: visible;
    background: #0000FF;
    line-height:24px;
}
/*.styled-select {
    width: 500px;
    height: 48px;
    
    overflow: auto;
    /*background: url("images/fleche bas 21.png") no-repeat right;
    border: none;
    opacity: 0.8;
    background-color: #0000FF;
 }
 /*
select {
    -moz-appearance:none; /* Firefox
    -webkit-appearance:none; /* Safari and Chrome 
    appearance:none;
 }
/*.styled-select select:focus {
outline: none;
 }
/*option {
  max-width:500px;
  line-height:24px;
}
/*
html {
scroll-behavior: auto;      
      }*/