* {padding:0; margin:0;}

body {position:absolute; left:15px; right:15px; height:100%; font-family: Verdana, Arial, Helvetica, Sans-serif; background-color:#f3edee;}
a {color:blue; text-decoration:underline; font-size:1.2em;}
a:hover {color:green; text-decoration:none;}
p {margin-bottom:0em; margin-top:0em;}
td {font-size:12px;}

.gauche {text-align:left}
.droite {text-align:right}
ins {background-color:#FFFF66}
del {text-decoration:line-through}
#encadre {margin-left:10%;width:80%; border: 1px solid orange; text-align:left}
.crit h2 {margin-top:5px}
.crit h3 {margin-bottom:-14px}

.topnav {margin:0 -10px; overflow: hidden; background-color: #333;}
.topnav a {float: left; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}
.topnav a:hover {background-color: #ddd; color: black;}
.topnav a.active {background-color: #4CAF50; color: white;}
.topnav .icon {display: none;}

.diffdel {background-color:LightPink; text-decoration:line-through; }
.diffins {background-color:PaleGreen;}

.Invis {display:none}
.Bouton {color:maroon; background-color:#eeee00; border: 1px solid red; padding:1px 6px;}

div.content {margin-left: 200px; padding: 1px 16px; height: 1000px;}
@media screen and (max-width: 600px) { div.content {margin-left: 0;} }

.msgbloc {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  grid-auto-rows: auto;
  border: 1px solid #ffa500;
  margin: 2px;
  padding: 4px;
  font-size:13px
}
.msgusr { grid-column: 1; grid-row: 1; text-align: center; font-weight:bold; }
.msghor { grid-column: 2 / 4; grid-row: 1; font-style:italic; }
.msgspc { grid-column: 4; grid-row: 1; text-align: center; font-weight:bold; }
.msgact { grid-column: 5; grid-row: 1; text-align: center }
.msgmsg { grid-column: 2 / 6; grid-row: 2; }

#navig {background-color:#e9dee0; top:1px; width:auto; height:48px;}
#navig table {border-collapse:collapse; border: 2px solid orange; width:100%; height:100%;}
#navig tr    {height:1.5em;}
#navig td    {font-weight:bold; border: 2px solid orange; text-align:center; height:1.5em; background-color:#e9dee0;} 
#rvbsommaire { border:1px solid #a2a9b1; background-color:#f8f9fa; display:table; margin:1rem; padding:1rem; font-size:95%; margin-top: 10px; margin-bottom: 10px; min-width: 30rem;}
#actus p {font-size:1em; margin:0.3em; padding:0em; padding-left:2em; padding-right:2em;}
.actus p {font-size:1em; margin:0.3em; padding:0em; padding-left:2em; padding-right:2em;}
#actpubl p {margin-top:1.5em; font-size:1em;}
#actstat {float:right; border:1px solid black; width:40%; margin-left:1em; margin-bottom:1em; background-color:#d4fcff;}
#actstat ul, #actstat li, #actnews ul, #actnews li, #actconc ul, #actconc li, #actpubl ul, #actpubl li {margin:0; padding:0 1em 1em; list-style-position:inside;}
#actstat h2{background-color:#fcd20b; color:#afffff;}
#actnews h2, #actconc h2, #actpubl h2 {text-align:left; padding:0 0.5em 0.5em;}
#actstat h3{font-size:1.2em;}
#actstat a{font-size:1em;}
.infobulle { position: relative;  cursor: help; text-decoration: none; width: 250px;  border-bottom: 1px dotted; }
.infobulle:hover::after,
.infobulle:focus::after { content: attr(aria-label); padding: 2px; border-color: #e1ca82; border-top-color: #ffeaa6; box-shadow: 2px 2px 2px yellow; border: 1px solid grey; border-radius: 12px; background-color: #ffeaa6; position: absolute; top: -1.6em; transform: translateX(-30%); z-index: 0; white-space: nowrap; }
tr.sep{height:40px; text-align:left; color:Blue}
.info { position:absolute; display:inline-block; width: 21px; height: 21px;
    background-color: transparent;
    background-image: url("Info.png");
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box; background-position-x:-23px; background-position-y: 0px;}
.info:hover {background-position-x:0px;}
.info span {position:absolute; top:0px; left:20px; width:250px; 
            padding:3px; color:black; display:none; z-index:2; background-color:White;
            border:1px solid black; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.info:hover span {display:inline-block}
.badge { position:absolute; display:inline-block; width: 41px; height: 21px;
    background-color: transparent;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box; background-position-x:-23px; background-position-y: 0px;}
.badge:hover {background-position-x:0px;}
.badge span {position:absolute; top:0px; width:150px; 
            padding:3px; color:black; display:none; z-index:2; background-color:White;
            border:1px solid black; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.badge:hover span {display:inline-block}
#charte ol {margin-left:2em; font-size:2em; list-style-type:upper-alpha;}
#charte ol ol {margin-left:1em; font-size:0.6em;  list-style-type:decimal;margin-bottom:0.5em;}
#charte p {margin-top:1.5em; font-size:1.2em;}
#charte li .charte {margin-top:1em; list-style-type:none;}
#charte li {margin-top:2em; text-align:justify; font-size:1em;}
#charte li li{margin-top:1em;}
#nonnavig {margin-top:12px; width:auto; height:auto;}
#texte, #charte, #Res1 {margin-left:15%; margin-right:15%; font-family: Georgia, Arial, Verdana, Elzévir, Times, Garamond; font-size: 1rem; }
@media screen and (max-width: 600px) { #texte, #charte, #Res1 { margin-left:4%; margin-right:4%; } }
#texte p, #Res1 p {font-size: 1.2rem; line-height: 1.4rem; text-align:justify; text-indent:1.5em; margin-bottom:0em; margin-top:0em;} 
#texte p.cen, #Res1 p.cen {text-align:center}
#texte h1, #Res1 h1 {text-align:center}
#texte h2, #Res1 h2 {text-align:center}
#texte h3, #Res1 h3 {height:2em; width:100%; text-align:center; font-size:1.3em; font-weight:bold}
#texte lii, #Res1 lii {font-size: 1.2rem; margin-left:1rem; line-height:1.4rem; list-style-type:none; text-align:justify; margin-bottom:0.3rem; margin-top:0rem;} 
.texte {margin-left:15%; margin-right:15%; font-family: Georgia, Arial, Verdana, Elzévir, Times, Garamond; font-size: 1rem; }
@media screen and (max-width: 600px) { .texte { margin-left:4%; margin-right:4%; } }
.texte p {font-size: 1.2rem; line-height: 1.4rem; text-align:justify; text-indent:1.5em; margin-bottom:0em; margin-top:0em;} 
.texte p.cen {text-align:center}
.texte h1 {text-align:center}
.texte h2 {text-align:center}
.texte h3 {height:2em; width:100%; text-align:center; font-size:1.3em; font-weight:bold}
.texte li {font-size: 1.2rem; margin-left:1rem; line-height:1.4rem; list-style-type:none; text-align:justify; margin-bottom:0.3rem; margin-top:0rem;} 
ul.dial li {font-size: 1.2rem; margin-left:2rem; line-height:1.4rem; list-style-type:none; text-align:justify; margin-bottom:0.3rem; margin-top:0rem;} 
#copy {text-align:center; font-size:1em;}
#voter {text-align:center;}
#urlnot {text-align:left; font-size:0.8em; margin-left:3px;}
#urlsit {text-align:right; font-size:0.8em; color:maroon; margin-right:3px;}
#actions {font-size:1em; color:maroon; margin:15px; width:100%;}
#actions table {width:100% ; height:25px; list-style-type:none;}
#actions tr {list-style-type: none;}
#actions td {list-style-type: none; width:25%}
#actions li.actions1, li.actions2, li.actions3 {position:absolute; width:25%; height:100%;}
#actions li.actions2 {right:50%;}
#actions li.actions3 {left:50%;}
#actions li.actions4 {margin-left:70%;}

#logsit {text-align:center;}
#nomsit {text-align:center;}
#confsit {font-size:1.8em; font-family: Comic Sans MS, Arial; color: #CB2727;}
#confact {font-size:1.2em; color:#008888;}
.cartouche {font-size:12px; background-color:#afffff;}
.mail{color:red;}
.lint{color:blue; font-size:1em;}
#enttx {border-collapse:collapse; border: 1px solid red; width:96%; margin-left:02%; margin-right:02%;}
#enttx tr {border: 1px solid red; text-align:center; height:30px;}
#enttx td {border: 1px solid red; text-align:center;}
#entser {border: 0px solid red; width:96%; margin-left:02%; margin-right:02%;}
#entser tr {text-align:center; height:30px;}
#entser td {text-align:center;}
.h40 {height:40px;}
.evalsaisie {border-collapse:collapse; border: 2px solid green; max-width:96%; width:96%; margin-left:02%; margin-right:02%;}
.evalsaisie tr {border: 1px solid green; text-align:center; height:30px;}
.evalsaisie td {border: 1px solid yellow; text-align:center;}
.nocrit {color:#ffa500; font-size:1.2em;}
#txnum {width:14%;}
#txcoo {font-size:1.2em; width:70%;}
#txdat {width:15%;}
#txswap {width:16%; font-weight:bold;}
#txtit {width:100%; background-color:#ffff00; font-size:1.5em; font-weight:bold;}
#txema {}
#txcar {display: none;}
#txmot {display: none;}
#txmin {font-weight:bold;}
#minimess {display: none;}
#tithis {text-align:center; width:100%; font-family: Baskerville, Didot, Georgia, Impact, Fraktur, Lucida, sans-serif; font-size: 2.2em; margin: 1em 0; font-weight:bold;}
.txaut {font-size:2em; font-weight:bold;}
.txser {font-size:1.8em; font-weight:bold; color:#000080;}
.navser {width:17%; text-align:center;}
.txser2{background-color:#e6e6fa;}

.hrtx  { text-align:center; width:50%; height:3px;}
.tab0  { }
.tab1  { margin-left:3rem; }
.tab2  { margin-left:6rem; }
.tab3  { margin-left:9rem; }
.tab4  { margin-left:12rem; }
.tab5  { margin-left:15rem; }
.tab6  { margin-left:18rem; }
.sz800 { font-size:8.0rem; }
.sz600 { font-size:6.0rem; }
.sz500 { font-size:5.0rem; }
.sz400 { font-size:4.0rem; }
.sz350 { font-size:3.5rem; }
.sz300 { font-size:3.0rem; }
.sz250 { font-size:2.5rem; }
.sz200 { font-size:2.0rem; }
.sz190 { font-size:1.9rem; }
.sz180 { font-size:1.8rem; }
.sz170 { font-size:1.7rem; }
.sz160 { font-size:1.6rem; }
.sz150 { font-size:1.5rem; }
.sz140 { font-size:1.4rem; }
.sz130 { font-size:1.3rem; }
.sz120 { font-size:1.2rem; }
.sz110 { font-size:1.1rem; }
.sz100 { font-size:1rem; }
.sz90  { font-size:0.9rem; }
.sz80  { font-size:0.8rem; }
.sz70  { font-size:0.7rem; }
.sz60  { font-size:0.6rem; }
.sz50  { font-size:0.5rem; }

#votes {background-color:#ccffcc; border-collapse:collapse; border:2px solid green; width:90%; margin-left:05%; margin-right:05%;}
#votes tr {border: 2px solid green; text-align:center;}
#votes td {border: 2px solid green; text-align:center;}

.edtchx p  {text-align:center;}
.edtchx h4 {text-align:center; font-size:1.3em; color:red; margin-bottom:0.5em;}
.edtchx h5 {text-align:center; color:maroon; font-size:0.9em; margin:0.5em;}
.edtchx h5 a {color:maroon; background-color:#eeee00; border: 1px solid red; padding:1px 6px;}
.edtchx input {color:maroon; background-color:#eeee00; border: 1px solid red; padding:1px 6px;}

.autf{color:#ff1493;}
.auth{color:#000080;}
.autt{color:#ff4500;}
.autc{color:#008000;}
.autg{color:#8b008b;}
.bautf{height:4em;}
.bauth{height:4em;}
.bautt{height:4em;}
.bautc{height:4em;}
.bautg{height:4em;}

.red{color:red;}
.faq{color:#800000;font-weight:bold;}

.rougefonce{color:darkred;}
.rouge{color:red;}
.orange{color:orange;}
.marron{color:brown;}
.jaune{color:yellow;}
.vert{color:green;}
.olive{color:olive;}
.cyan{color:cyan;}
.bleu{color:blue;}
.bleufonce{color:darkblue;}
.indigo{color:indigo;}
.violet{color:violet;}
.blanc{color:white;}
.noir{color:black;}

.ed{background-color:#ff8c00;}
.co{background-color:#99FFcc;}
.ne{background-color:#FFFF66;}
.ff{background-color:#FF99CC;}
.gr{background-color:#CC80FF;}
.hh{background-color:#22bfff;}
.me{background-color:#ffd700;}
.a3{background-color:#CFC0FF;}
.un{background-color:#afeeee;}
.sm{background-color:#bdb76b;}
.fh{background-color:#f0e8e0;}
.dn{background-color:#bbFF66;}
.bl{background-color:#ffbb66;}
.cerc{border-radius:50%;width:40px;height:40px;border:1px solid #000000;float:left;margin:3px;line-height:35px;}
@media screen and (max-width: 600px) { div.cerc {float:none;margin: 0 auto;} }
tr.odd {background-color:#FFF0F0}

.fvert {background-color:#80ffc0;}
.foran {background-color:#ffe0c0;}		
.froug {background-color:#ffa0c0;}
.fblan {background-color:#ffffff;}
.fnoir {background-color:#000000;}

.cercle {width:24px; height:24px; border-radius:12px;}

.cen {text-align:center;}
.cenb {text-align:center; font-weight:bold;}
.ceni {text-align:center; font-style:italic;}
.cenu {text-align:center; text-decoration:underline;}
.vertic {vertical-align:text-top;}
.i {font-style:italic;}
.b {font-weight:bold;}
.bb {font-size:1.2rem; font-weight:bold;}
.bbb {font-size:1.5rem; font-weight:bold;}
.o {text-decoration:overline;}
.u {text-decoration:underline;}
.s {text-decoration:line-through;}
.quot {margin-left:10%;width:80%; border: 1px solid #696969; Padding: 3px; background-color:#d3d3d3; text-align:left; font-size: 1em; }
.cite {margin-left:4em; Border-Left: 1px solid #696969; Padding-Left: 5px; font-style:italic; font-size: 1em; }
.inclus {margin-left:4em; Border-Left: 1px dashed #696969; Padding-Left: 5px; font-size: 1em; }
.exerg {margin-left:6em; margin-right:6em; text-indent:4em; font-style:italic; border-radius:2em; opacity:.8; border:1px solid grey; padding:2em; font-size:1em; }

.lettrine { float: left; text-shadow:3px 3px 3px silver; font-size: 4em; line-height: 80%; margin:-.1em 0px; padding-right: .1em }
#marquepage { heigth: 20px; width: 20px; display: flex; justify-content: center; align-items: center; position: fixed; right: 10px;	bottom: 50px; 	cursor: pointer; font-size:1.5rem; font-weight:bold; }
#marquepage .infos {
     position: absolute;
	 background: #fff;
	 paddding: 15px;
	 font-size: 0.8rem;
	 border-radius: 3px;
     font-weight: normal;
     line-heigth: 1.4;
	 test-align: left;
	 width: 120px;
	 transform: translate(-80px, -50%);
	 box-shadow: 0 2px 15px rgba(0,0,0,0.2);
	 pointer-events: none;
	 display: none;
}
#marquepage:hover .infos { display: block; }


kbd {
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
    color: #333;
    display: inline-block;
    font-size: .85em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
   }
q { font-style: italic; }
code { background-color: #eee; font-family: courier, monospace; padding: 1px 3px; }

table.presen    {border-collapse:collapse; border: 1px solid #ffa500; width:100%;}
table.presen th {font-weight:bold; text-align:center; height:1.5em; background-color:yellow;}
table.presen tr {height:1.5em;}
table.presen td {border: 1px solid #ffa500;} 

table.form0     {border-collapse:collapse; border: 1px solid #ffa500; border-color:blue; width:80%;}
table.form0  th {font-weight:bold; text-align:center; height:1.5em;}
table.form0  tr {height:1.5em;}
table.form0  td {border: 1px solid #ffa500;} 

table#list    {border-collapse:collapse; border: 1px solid #ffa500; width:100%;}
table#list th {font-weight:bold; text-align:center; height:1.5em; background-color:yellow;}
table#list tr {height:1.5em;}
table#list td {border: 1px solid #ffa500;} 
table#list a:visited {color:#8b008b}
table.lico    {border-collapse:collapse; border: 1px solid #ffa500; width:100%;}
table.lico th {font-weight:bold; text-align:center; height:1.5em; background-color:yellow;}
table.lico tr {height:1.5em;}
table.lico td {border: 1px solid #ffa500;} 
table.lico a:visited {color:#8b008b}
table.licy th {font-weight:bold; text-align:center; height:1.5em; background-color:yellow;}
table.licy tr {height:1.5em;}
table.licy tr:nth-child(odd) {background-color:#FFF0F0;} 
table.licy td {border: 1px solid #ffa500;} 
table.licy a:visited {color:#8b008b}
@media (max-width: 600px){
.licv th {display: none;}
.licv td {display: block;text-align: center;}
}
table.corr    {border-collapse:collapse; border: 1px solid #ffa500; width:100%;}
table.corr th {font-weight:bold; text-align:center; height:1.5em; background-color:yellow;}
table.corr tr {height:1.5em;}
table.corr td {padding:3px 0px; vertical-align:top;}
table.corrold td {border: 1px solid #ffa500;} 
table.corr a:link {color:#0000FF;}
table.corr a:visited {color:#0000FF;}
table#corr    {border-collapse:collapse; border: 1px solid #ffa500; width:100%;}
table#corr th {font-weight:bold; text-align:center; height:1.5em; background-color:yellow;}
table#corr tr {height:1.5em;}
table#corr td {border: 1px solid #ffa500;} 
table#corr a:link {color:#0000FF;}
table#corr a:visited {color:#0000FF;}
table#navi    {border-collapse:collapse; border: 1px solid #ffa500; width:100%;}
table#navi tr {height:4em;}
table#navi td {border: 1px solid #ffa500;} 
table#navi a:visited {color:#8b008b}
table#lisc    {border-collapse:collapse; border: 1px solid #ffa500; width:90%; margin-left:5%; margin-right:5%;}
table#lisc th {font-weight:bold; text-align:center; height:1.5em; background-color:#ffff00;}
table#lisc tr {height:1.5em;}
table#lisc td {border: 1px solid #ffa500;}
table#lisc .categ {text-align:center; font-size:2em; font-weight:bold;}
table#lisenv    {border-collapse:collapse; border: 1px solid #ffa500; width:90%; margin-left:5%; margin-right:5%;}
table#lisenv th {font-weight:bold; text-align:center; height:1.5em; background-color:#ffff00;}
table#lisenv tr {height:1.5em;}
table#lisenv td {border: 0}
table#lisenv tr:nth-child(odd) td {background-color:#E9DDDD}
table#lisenv tr:nth-child(7) {border-top:1px solid black}
table#lisenv tr:nth-child(19) {border-top:1px solid black}
table#lisenv td:nth-child(1){width:20%; font-weight:bold}
table#lisd    {border-collapse:collapse; border: 1px solid #ffa500; width:100%; text-align:center;}
table#lisd th {font-weight:bold; text-align:center; height:1.5em; background-color:yellow;}
table#lisd tr {height:1.5em;}
table#lisd td {border: 1px solid #ffa500; border-left:none; border-right:none} 
table#lisd td:nth-child(3), table#lisd td:nth-child(6) {text-align:left}
table#lisd td:nth-child(3) {border-right:1px solid #ffa500}
.divform { width:60%; display: block; margin-left: auto; margin-right: auto}
.trumbowyg {margin:0 auto 12px auto; background-color:white; opacity:0.9; text-align:left; height:150px}
.trumbowyg-box, .trumbowyg-editor {min-height:300px;}
div.editeur {border-top:1px solid black; border-bottom:1px solid black; margin:3px 0 5px 0}
input[type=button], input[type=submit] {padding:0 4px; margin-left:10px}
.formulaire {font-size:1em;margin:0 auto 12px auto; background-color:white; opacity:0.9; width:50%; text-align:left}
textarea.formulaire {min-height: 100px; max-height: 300px;}
#formulaire {font-size:1em;}
.btns {margin:5px 0; text-align:center} 
.btns input{margin:auto 5px}
.nobrk {display:inline-block}
.section {padding:4px 100px; font-size:1.3em}
#edtcrit label {display:block}
#envhist label {padding-left:0px; padding-right:10px}

.tit {width:auto;}
.dat {width:10%;}
.moy {width:8%;}
.lon {width:8%;}
.aut {width:32%;}
.ema {width:32%;}
.ser {width:40%;}
.res {width:40%;}
.com {width:40%;}
.lec {width:6%;}
.cri {width:4%;}
.vot {width:5%;}
.not {width:6%;}
.num {width:7%;}
.resume {color:#000000;padding: 2px 2px 2px 2px;}
.critlist {color:#006400;padding: 2px 2px 2px 2px;}
.serie {color:#006400;padding: 2px 2px 2px 2px;}
.auteur {color:red;padding: 2px 2px 2px 2px;}
.titrehis {color:#604020; font-weight:bold;padding: 2px 2px 2px 2px;}
.c3 {color:#006400;}
.c2 {color:red;}
.c1 {color:#604020; font-weight:bold;}
.t10 {width:10%;}
.t12 {width:12%;}
.t15 {width:15%;}
.t17 {width:17%;}
.t20 {width:20%;}
.t22 {width:22%;}
.t25 {width:25%;}
.t26 {width:26%;}
.t33 {width:33%;}
.tau {width:auto;}

#saisicrit  { width:60%; margin-left:20%; margin-right:20%; }
.avert { color:red; font-weight:bold; font-size:1.2em; }
.form1 { background-color: #ffa500; color: #000000; font-size: 1.1em; font-weight:bold; padding:1px 6px; }
.form2 { background-color: #ffa500; color: #000000; font-size: 0.9em; padding:1px 6px; }

#men { background-color: #e9dee0; }
#men a { font-size: 0.8em; color:#000000 }
#menv ul { margin-left: 0.5em; }
#menv dt { cursor: pointer; margin: 2px 0; height: 20px; line-height: 20px; text-align: center; font-weight: bold; background: #ccc; }
.men1 { background-color: #fcd20b; }
.men8 { background-color: #fcd20b; }
.men9 { background-color: #fcd20b; }
.meng { font-size: 1em; color:#000000 }
.mengg { font-size: 2em; color:#000000 }

#eeetit {height:5em; background-color: #f3edee; }
#eesit {width:22%; float:left; text-align:center;}
#eetit {margin-left:28%; padding-left:2em;}
#esit {font-size:1.7em; font-family: Comic Sans MS, Arial; color: #CB2727;}
#esit a {font-size:1em; font-family: Comic Sans MS, Arial; color: #CB2727;}
#eurl {font-size:0.6em; color:red;}
#util a {font-size:1em; color:blue;}
#etit {font-size:2em; color:#800000; width:80%; float:left;}
#ecoo {font-size:0.6em; color:green; width:20%; float:left;}
#estit {font-size:1.2em; color:#0c76ab; width:100%; float:left;}
#enavig {height:3em; margin: 1em 1em 1em 1em; text-align:center; font-size:0.8em;}
#eback {width:8%; float:left;}
#eform {width:20%; float:left;}
#edeb {width:12%; float:left;}
#eprec {width:14%; float:left;}
#epos {width:20%; float:left; font-weight:bold;}
#esuiv {width:14%; float:left;}
#efin {width:12%; float:left;}
#e1p {width:92%; float:left;}

.mot0 {background-color : Yellow}
.mot1 {background-color : Cyan}
.mot2 {background-color : Greenyellow}
.mot3 {background-color : Hotpink}
.mot4 {background-color : Darkorchid}
.mot5 {background-color : Mediumvioletred}
.mot6 {background-color : Darkorange}
.mot7 {background-color : Peru}
.mot8 {background-color : Mediumblue}
.mot9 {background-color : Darkkhaki}
.mot10 {background-color : Gold}
.mot11 {background-color : Seagreen}
.mot12 {background-color : Aliceblue}
.mot13 {background-color : Darkgray}
.mot14 {background-color : Deeppink}
.mot15 {background-color : Lightsalmon}
.mot16 {background-color : Red}
.mot17 {background-color : Cadetblue}
.mot18 {background-color : Royalblue}
.mot19 {background-color : Sienna}

.erreur {color:red; text-align:center; font-weight:bold; margin:10px 0}