html {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: #dfd8b4;
  border: 0;
  margin: 0;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: 0.9em;
  line-height: 1.8em;
  text-align: center;
  padding: 0;
  width: 100%;
}
img.view2{border-collapse:collapse;border:thin solid darkgreen;margin-left:auto;margin-right:auto;text-align:center;width:97%;height:auto;}
span.coul_listecourses,
h3.coul_listecourses,
h4.coul_listecourses {
  display: inline-block;
  background-color: #fff;
  border: darkgreen solid 1px;
  color: darkgreen;
  border-radius: 5px;
  text-align: center;
  margin: auto;
  padding: 0.3em 0.7em;
}
h1.coul_titre_courses,
h2.coul_titre_courses {
  color: darkgreen;
  background-color: #c0efc8;
}
div.coul_table_courses,
h3.coul_table_courses {
  padding: 0;
  color: darkgreen;
  background-color: #d0f2b6;
}

table.coul_table_courses,
caption.coul_table_courses {
  padding: 0;
  color: darkgreen;
  background-color: #d0f2b6;
  border-radius: 8px 8px 8px 8px;
}

nav.coul_reunions,
h2.coul_reunions,
header.coul_reunions {
  color: #006400;
  background-color: #e0d880;
}
div.coul_boutons,
table.coul_boutons,
caption.coul_boutons,
th.coul_boutons,
label.coul_boutons,
input.coul_boutons,
a.coul_boutons,
span.coul_boutons {
  color: #ffe524;
  background-color: #006b00;
  font-weight: 766;
}
label.coul_boutons,
input.coul_boutons,
a.coul_boutons,
span.coul_boutons {
  border-radius: 7px;
}
label.bouton {
  font-size: 0.75em;
  width: 8.5em;
  text-align: center;
  margin: auto 5px 5px auto;
}
h2.coul_autour_pronos,
div.coul_autour_pronos,
table.coul_autour_pronos,
h3.coul_autour_pronos {
  color: darkgreen;
  background-color: #a0f0b1;
}
div.coul_autour_pronos {
  display: inline-block;
}
ul {
  list-style-type: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: auto;
}
button,
input {
  display: inline-block;
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
}
div {
  margin: auto;
  text-align: center;
}
div.menu_page {
  display: inline-block;
  background-color: #fff;
  border: darkgreen inset 1px;
  border-radius: 6px;
  font-size: 1.25em;
  font-weight: 700;
  list-style-type: none;
  margin: 0.5em auto;
  padding: 0.5em;
  text-align: center;
}
h1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}
h2,
div.text {
  text-indent: 2em;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
  color: darkgreen;
}
h2 {
  text-align: center;
}
ul.bloctextebas div.text {
  text-align: center;
}
h3,
h4 {
  display: block;
  color: darkgreen;
  font-size: 1em;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
}
div.logo {
  font-size: 2em;
  background-color: #6c6;
  background-image: linear-gradient(#4f856a, #57e07f);
  border-radius: 0.6em;
  box-shadow: 1px 1.5px 4px 1px rgb(20, 80, 40, 0.7);
  color: #ff3;
  display: inline-block;
  font-weight: 700;
  padding: 0.5em;
  text-shadow: 0 1px 0 #441;
}
h1.en_tete,
h3.en_tete {
  display: inline-block;
  font-size: 1.6em;
}
div.contact {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: center;
}
h1.generic_en_tete,
h2.generic_en_tete,
h3.generic_en_tete,
div.generic_en_tete {
  display: inline-block;
  border-collapse: collapse;
  border-color: darkgreen;
  border-radius: 0.6em;
  border-style: solid;
  border-width: thin;
  padding: 0.5em;
}
h1.titre,
h2.titre {
  width: 98%;
  margin: 2em auto;
}
h2.en_tete {
  width: 60%;
}
h2.center_liens {
  background-color: #fff;
  border: 0;
  color: darkgreen;
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  margin: auto;
  padding: 0.4em;
}
h2.center_liens a:hover {
  color: #c93;
}
div.table1 {
  max-width: 100%;
  border: darkgreen solid thin;
  border-collapse: collapse;
  padding: 0.3em;
}
a {
  color: inherit;
  line-height: inherit;
  font-weight: 700;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  outline: 0;
}
table {
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-width: thin;
  border-style: solid;
  border-color: darkgreen;
  margin: auto;
  text-align: center;
}
caption {
  font-weight: 700;
  margin: 0 auto;
  padding: 0.2em 0.4em;
  text-align: center;
}
td,
th {
  border-collapse: collapse;
  border: darkgreen solid thin;
  font-weight: 700;
  margin: 0;
  text-align: center;
  padding: 0.17em;
}
td {
  color: darkgreen;
}
form {
  text-align: center;
  margin: 0.3em auto;
  margin: 0.3em;
  font-size: 1.4em;
}
form.calendar {
  display: inline-block;
}
table.generic_main {
  display: table;
  margin: auto;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: darkgreen;
  border-width: thin;
  border-radius: 8px 8px 8px 8px;
  padding: 0.25em;
  font-size: 1.4em;
}
div.generic_main {
  display: table;
  text-align: center;
  margin: 0 auto;
  font-weight: 700;
  font-size: 1.1em;
  border-collapse: separate;
  padding: 0;
  border: thin solid black;
  border-radius: 10px;
}
caption.titre_titre_new {
  font-size: 1.2em;
  border-color: transparent;
}
div.centercellext {
  display: table-cell;
  padding: 0.2em;
  vertical-align: middle;
  border: darkgreen solid thin;
}
input,
textarea,
select,
button {
  font-size: 20px;
  font-weight: 600;
  box-sizing: border-box;
  color: darkgreen;
  background-color: white;
}
option {
  font-size: 20px;
  font-weight: 600;
}
textarea {
  vertical-align: top;
  font-size: 0.8em;
}
#statistiques {
  border-collapse: collapse;
}
#Bas_Page,
#Haut_Page {
  display: inline-block;
  text-align: center;
  margin: auto;
  font-size: 1.3em;
  padding: 0.5em;
  background-color: #861;
  border-color: #981;
  border-style: ridge;
  border-width: thin;
  border-radius: 0.25em;
  color: yellow;
  font-style: italic;
  font-weight: bold;
}
.bouton {
  display: inline-block;
  max-width: 14em;
  padding: 5px 6px;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto;
  text-align: center;
  border-style: solid;
  border-width: thin 2px 2px thin;
  border-color: grey;
}
.bouton:hover {
  border-width: 2px thin thin 2px;
}
a.bouton span {
  padding: 2px;
}

.coul1 {
  background-color: #f90;
}
.coul2 {
  background-color: #93f;
}
.coul3 {
  background-color: #2cf;
}
.coul4 {
  background-color: #6fc;
}
.coul5 {
  background-color: #f9f;
}
.coul6 {
  background-color: #00f;
}
.coul7 {
  background-color: #ff0;
}
.coul8 {
  background-color: #ccc;
}
.coul10 {
  background-color: #000;
}
.coul11 {
  background-color: #3ff;
}
.coul12 {
  background-color: #996;
}
.coul13 {
  background-color: #861;
}

.coul9 {
  background-color: #0c0;
}
.coul_white {
  font-size: 0.9em;
  color: #fff;
  text-align: left;
}
.coul_black {
  font-size: 0.9em;
  color: #000;
  text-align: left;
}

nav.coul {
  grid-column: 1;
  font-weight: 660;
  padding: 0.5em 0.05em;
}

nav.coul1 {
  background-color: #f90;
}
nav.coul2 {
  background-color: #93f;
}
nav.coul3 {
  background-color: #2cf;
}
nav.coul4 {
  background-color: #6fc;
}
nav.coul5 {
  background-color: #f9f;
}
nav.coul6 {
  background-color: #00f;
}
nav.coul7 {
  background-color: #ff0;
}
nav.coul8 {
  background-color: #ccc;
}
nav.coul10 {
  background-color: #000;
}
nav.coul11 {
  background-color: #3ff;
}
nav.coul12 {
  background-color: #996;
}
nav.coul13 {
  background-color: #861;
}

nav.coul9 {
  background-color: #0c0;
}
nav.coul_white {
  grid-column: 1;
  font-size: 0.9em;
  color: #fff;
  text-align: left;
}
nav.coul_black {
  grid-column: 1;
  font-size: 0.9em;
  color: #000;
  text-align: left;
}
div.bloc {
  display: inline-block;
  font-size: 1.25em;
  padding: 0;
  vertical-align: top;
  width: 47%;
  text-align: center;
  background-color: #dfd4b0;
  border-collapse: collapse;
  border: maroon solid thin;
  color: darkgreen;
  border-radius: 0.55em;
}
div.blochaut {
  border: 0;
  font-size: 1em;
  font-weight: 400;
  padding: 0;
  width: 100%;
}
div.blocgauche {
  margin: 0 0.7em 0 auto;
}
div.blocdroite {
  margin: 0 auto 0 0.7em;
}
div.en_tete,
header.no_tab_en_tete,
div.no_tab_en_tete {
  display: table;
  text-align: center;
  margin: 0 auto;
  font-size: 1.22em;
  font-weight: 700;
  border-color: darkgreen;
  border-radius: 0.6em;
  border-width: thin;
  color: darkgreen;
  background-color: #c0efc8;
}
#menu {
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  padding: 0.2em;
  text-align: center;
}
#menu li {
  margin: auto auto 1em auto;
  text-align: center;
}
#menu a:hover {
  text-decoration: none;
}
a.bouton_gauche {
  min-width: 45%;
}
a.cache {
  visibility: hidden;
}
div.bloctextebas {
  border: 0;
  margin: auto;
  color: darkgreen;
  padding: 0;
  text-align: center;
  width: 90%;
}
ul.bloctextebas {
  width: 100%;
  list-style-position: inside;
  border: 0;
  color: darkgreen;
  padding: 0;
  margin: auto;
  text-align: center;
}
ul.bloctextebas li {
  margin: auto;
}
ul.bloctextebas h3 a {
  width: 14em;
}
div.mentions_legales {
  display: inline-block;
  background-color: #fff;
  border-color: darkgreen;
  border-radius: 0.3em;
  border-style: ridge;
  border-width: thin;
  color: darkgreen;
  margin: auto auto 1em auto;
  font-size: 1.15em;
  font-weight: 700;
  padding: 0.5em;
  text-align: center;
}
#mentions_legales {
  display: inline-block;
  background-color: #fff;
  border-color: darkgreen;
  border-radius: 0.3em;
  border-style: ridge;
  border-width: thin;
  color: darkgreen;
  margin: auto auto 1em auto;
  font-weight: 700;
  padding: 0.5em;
  text-align: center;
}
div.bloctextehaut {
  border: 0;
  color: darkgreen;
  padding: 0;
  width: 100%;
}
div.parallelogramme {
  background-color: transparent;
  font-size: 0.85em;
  padding: 0.1em 0.3em;
  margin: 0.25em;
}
div.paris_plain {
  display: inline-block;
  font-weight: 700;
  border-radius: 0.2em;
  border-color: darkgreen;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
div.logo_simple {
  background-color: #007f80;
  color: white;
}
div.logo_couple {
  background-color: #0079bd;
  color: white;
}
div.logo_trio {
  background-color: #29854b;
  color: white;
}
div.logo_2sur4 {
  background-color: #3d8068;
  color: white;
}
div.logo_multi {
  background-color: #a7672a;
  color: white;
}
div.logo_quinte {
  background-color: #976a1c;
  color: white;
}
div.logo_quarte {
  background-color: #b15c1b;
  color: white;
}
div.logo_tierce {
  background-color: #ab6217;
  color: white;
}
div.logo_trio_ordre {
  background-color: #388444;
  color: white;
}
div.logo_pick5 {
  background-color: #b0600d;
  color: white;
}
div.logo_mini_multi {
  background-color: #a0522d;
  color: white;
}
div.logo_quarte_regional {
  background-color: #b0600d;
  color: white;
}
div.logo_super4 {
  background-color: #2c8252;
  color: white;
}
div.logo_couple_ordre {
  background-color: #0079bd;
  color: white;
}
hr.separation {
  clear: both;
  visibility: hidden;
}
#nom {
  display: inline-block;
  text-align: left;
  margin: auto 0.4em auto auto;
  background-color: #fff;
  border-radius: 0.3em;
  border-collapse: collapse;
  border-color: darkgreen;
  border-style: solid;
  border-width: thin;
  color: darkgreen;
}
#from,
#object {
  display: inline-block;
  width: 50%;
  text-align: left;
  margin: auto;
  background-color: #fff;
  border-radius: 0.3em;
  border-collapse: collapse;
  border-color: darkgreen;
  border-style: solid;
  border-width: thin;
  color: darkgreen;
  padding: 0;
}
#message {
  display: block;
  max-width: 95%;
  font-size: 0.9em;
  padding: 0.3em;
  text-align: justify;
  border-collapse: collapse;
  border-color: darkgreen;
  border-style: solid;
  border-width: thin;
  border-radius: 0.4em;
}
p em {
  display: block;
  font-weight: 400;
}
p#welcome,
h2#welcome {
  padding: 8px 9px;
  border: #399 dotted 1px;
  font-size: 1em;
  color: darkgreen;
}
form#contact_form,
form#annul_form {
  text-align: center;
  font-size: 1em;
  max-width: 30em;
  margin: auto;
  padding: 0;
}
p.center {
  display: block;
  max-width: 30em;
  margin: 0;
  padding: 0;
}
label.right {
  display: inline-block;
  width: 40%;
  text-align: right;
  margin: auto;
  padding: 0.5em;
}
label.center {
  display: block;
  text-align: center;
  margin: auto;
  padding: 0.2em;
}
div.center {
  display: inline-block;
  text-align: center;
  margin: auto;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
}
div.legende {
  background-color: #a0f0b1;
  font-weight: 700;
  margin-bottom: 0.5em;
  padding: 0.3em;
  padding: 0.3em;
  border: black solid 1px;
  border-collapse: collapse;
  border-radius: 4px;
  font-size: 1em;
}
option {
  font-weight: 700;
}
div.interface {
  display: block;
  text-align: center;
  margin: auto;
  border: darkgreen solid thin;
  border-radius: 8px;
  padding: 0;
  max-width: 55em;
}

div.liens_reunions {
  display: block;
  border: #999 solid 1px;
  background-color: white;
  border-color: darkgreen;
  border-style: solid;
  border-width: thin;
  border-radius: 8px 8px 0px 0px;
  font-weight: 700;
  padding: 0;
}
div.liens_courses {
  display: inline-block;
  border: 0;
  font-size: 1.36em;
  font-weight: 700;
  margin-top: 0.15em;
  margin-bottom: 0.4em;
  margin-left: auto;
  margin-right: 0.5em;
  padding: 0;
  text-align: center;
}
div.liens_courses_center {
  display: inline-block;
  text-align: center;
  margin: 0.3em auto;
  font-weight: 600;
}

div.reunion {
  display: block;
  text-align: center;
  width: 90%;
  margin: 0.55em auto;
  border: 1px solid black;
  border-radius: 6px;
  color: #296129;
  background-color: white;
  padding: 0.18em;
}

div.course_liste {
  display: block;
  text-align: center;
  width: 90%;
  margin: 0.6em auto 0.4em auto;
  border: 1px solid black;
  border-collapse: collapse;
  border-radius: 6px;
  color: #296129;
  font-weight: 700;
  background-color: white;
  padding: 0.07em;
}

div.course {
  display: block;
  margin: 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-radius: 5px 5px 0px 0px;
  border-color: black;
  padding: 0.5em;
  line-height: 1.29em;
}
div.liste {
  display: block;
  margin: 0px;
  border-width: 0px;
  border-style: solid;
  border-radius: 0px 0px 5px 5px;
  border-color: black;
  padding: 0.4em;
  line-height: 1.29em;
}
div.lien_course_actif {
  font-size: 1em;
  background-color: #fff;
  border: #999 solid 1px;
  color: darkgreen;
  display: inline-block;
  margin: 0.3em;
  padding: 0.3em;
}
div.lien_course_actif a:hover {
  color: #f90;
  font-weight: 700;
}
div.lien_course_none {
  font-size: 1em;
  background-color: #ff0;
  border: #999 solid 1px;
  color: darkgreen;
  display: inline-block;
  margin: 0.3em;
  padding: 0.3em;
}
td.titrehorse,
th.titrehorse {
  font-weight: 600;
}
td.titrecells,
td.titrecells_no_tab,
th.titrecells,
th.titrecells_no_tab {
  font-weight: 600;
}
td.cellscenter,
td.cellscenter_no_tab {
  background-color: #fff;
  font-weight: 600;
}
td.cellscenter1 {
  background-color: #f90;
  color: darkblue;
}
td.cellscenter2 {
  background-color: #93f;
  color: #fff;
}
td.cellscenter3 {
  background-color: #2cf;
  color: black;
}
td.cellscenter4 {
  background-color: #6fc;
}
h2.autour_pronos,
h3.autour_pronos {
  display: inline-block;
  margin: 0.5em auto 0.8em auto;
  border: black solid 1px;
  border-collapse: collapse;
  border-radius: 4px;
  font-size: 1.5em;
  font-weight: 700;
  padding: 0.3em 0.5em;
}
div.autour_pronos {
  display: inline-block;
  background-color: #dfd8b4;
  border-style: solid;
  border-color: #e1a900;
  border-width: thin;
  border-radius: 8px;
  color: #e1a900;
}
table.generic_pronostics {
  display: table;
  border-collapse: collapse;
  border-color: darkgreen;
  border-width: thin;
  border-radius: 8px;
  padding: 0.25em;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5em;
}
table.pronostics {
  border-color: #9fc;
}
caption.titre_pronostic,
td.titre_pronostic,
th.titre_pronostic {
  background-color: #a0f0b1;
  border-width: 0;
  border-radius: 8px 8px 0px 0px;
  border-style: solid;
  border-color: darkgreen;
  font-weight: 700;
}
th.titre_ancienne,
td.titre_ancienne {
  color: darkgreen;
  border-width: 1px;
  border-style: solid;
  border-color: darkgreen;
  background-color: #c0efc8;
}

th.titre_ancienne,
td.titre_ancienne {
  border: 0;
}
th.ligne1_anciennes {
  color: darkgreen;
  background-color: #c0efc8;
  border-collapse: collapse;
  border: darkgreen solid thin;
}

td.ligne3_anciennes {
  border: darkgreen solid thin;
  background-color: #fff;
}
td.ligne3_anciennes1 {
  background-color: #f90;
  color: darkblue;
}
td.ligne3_anciennes2 {
  background-color: #93f;
  color: #fff;
}
td.ligne3_anciennes3 {
  background-color: #2cf;
  color: black;
}
td.ligne3_anciennes4 {
  background-color: #6fc;
}
div.titre {
  display: table-cell;
  font-size: 1em;
  vertical-align: middle;
  font-weight: 600;
  padding: 0.2em;
}

td.onecentercell {
  border: 0;
  font-size: 1.15em;
  padding: 0;
  text-align: center;
}
div.tableau {
  border-collapse: collapse;
  border-spacing: 0.1em;
  color: darkgreen;
  display: table;
  font-size: 1.25em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
section.nav_index,
header.nav_index,
article.nav_index,
aside.nav_index,
footer.nav_index {
  width: 99%;
  margin: 1.8em auto 1.5em auto;
  text-align: center;
  padding: 0;
}
header.nav_index {
  margin: 2em auto 0.8em auto;
}
aside.nav_index {
  margin: 0 auto 0 auto;
}
header.main {
  padding: 0;
  margin: auto;
  text-align: center;
}
div.tableau_liste_accueil {
  font-size: 1.1em;
  color: darkgreen;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  border: 0;
  padding: 0.4em;
}
div.blocgauche div.tableau_liste_accueil {
  font-size: 1.05em;
}
section.tableau {
  max-width: 100%;
  margin: 0;
  text-align: center;
}
header.liste {
  display: inline-block;
  margin: 1.9em auto 0.8em auto;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
}
nav.num_reunion {
  display: inline-block;
  text-align: left;
  font-weight: 700;
  margin: 0 auto 0 0.5em;
}
h2.nom_reunion {
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding: 0.3em;
}
article.tableau {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  border-radius: 20px;
}
article.table {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-radius: 20px;
  overflow: hidden;
}
aside.table {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-radius: 20px;
  overflow: hidden;
}
div.td_row {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  background-color: white;
  border: 0;
}

div.td {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  background-color: white;
  border: 0;
}

div.td_row + div.td {
}

div.td + div.td {
}

article.table td.td_row td.td {
  border-bottom-width: 1px;
}
aside.table td.td_row td.td {
  border-bottom-width: 1px;
}

article.table td.td_row:last-child td.td {
  border-bottom-width: 0;
}
aside.table td.td_row:last-child td.td {
  border-bottom-width: 0;
}

article.table td.td_row:nth-child(2n + 1) td.td {
  border-bottom-width: 0;
}
aside.table td.td_row:nth-child(2n + 1) td.td {
  border-bottom-width: 0;
}

aside.table div.td_row {
  border-color: black;
  border-style: solid;
  border-bottom-width: 1px;
}

aside.table:last-child div.td_row:last-child {
  border-bottom-width: 0;
}

div.ligne {
  display: table-row;
}
nav.num_courses {
  text-align: center;
  padding: 0.35em;
  font-weight: 700;
}
nav.nom_course {
  padding: 0.35em;
  text-align: center;
}
span.nom_course {
  padding: 0;
  font-weight: 700;
}
span.pari {
  display: inline-block;
  text-align: center;
  font-weight: 600;
}
div.pari {
  text-align: center;
  padding: 0.5em;
  font-weight: 600;
  font-size: 0.9em;
  text-decoration: none;
}
nav.heure {
  padding: 0.35em;
}
nav.partants {
  padding: 0.35em;
}

nav.liste {
  display: block;
  padding: 0.2em;
}
#new_menu {
  font-weight: 700;
  font-size: 20px;
  list-style-type: none;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}
#new_menu li {
  display: inline-block;
  margin-right: 10px;
}
#new_menu li a {
  display: block;
  min-width: 140px;
  text-align: center;
  color: #006400;
  background-color: #c4f0c0;
  border-style: outset;
  border-width: thin;
  border-radius: 0 0 6px 6px;
  padding: 0 10px;
}
#new_menu li a:hover {
  font-weight: 700;
  color: #006400;
  background-color: #fc0;
  border: solid 1px;
  border-color: darkgreen gold gold darkgreen;
}
#new_menu li:hover ul a {
  background-color: #c3e68c;
}
#new_menu li:hover ul a:hover {
  background-color: #399;
  color: #2f3036;
}
#new_menu li ul {
  display: none;
}
#new_menu li ul li {
  display: block;
}
#new_menu li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px;
}
#new_menu li a:hover + .hidden,
.hidden:hover {
  display: block;
}
input#show-menu[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked ~ #new_menu {
  display: block;
}
label.show-menu {
  font-weight: 700;
  text-decoration: none;
  color: #f8d000;
  color: yellow;
  background-color: #008000;
  text-align: center;
  padding: 9px 0;
  display: none;
}
div.generic_row {
  font-weight: 700;
  border-color: darkgreen;
  border-width: thin;
  display: table-row;
}
div.generic_cell {
  background-color: #c0f0c0;
  border-collapse: collapse;
  border-color: #009100;
  border-style: solid;
  border-width: thin;
  display: table-cell;
  padding: 0.5em;
}
div.cell_haut_droit {
  border-radius: 0px 6px 0px 0px;
}
div.cell_haut_gauche {
  border-radius: 6px 0px 0px 0px;
}
div.cell_bas_droit {
  border-radius: 0px 0px 6px 0px;
}
div.cell_bas_gauche {
  border-radius: 0px 0px 0px 6px;
}
div.milieu {
  border: 0;
  font-style: normal;
  font-weight: 700;
  padding: 0;
  width: 100%;
}
ul.menu_page {
  display: inline-block;
  background-color: #fff;
  border: darkgreen inset 1px;
  border-radius: 0.3em;
  font-size: 1.25em;
  font-weight: 700;
  list-style-type: none;
  margin: 0.5em auto;
  padding: 0.5em;
  text-align: center;
}
li.menu_page_bas a,
li.menu_page_haut a,
li.menu_page_milieu a {
  display: inline-block;
  width: 80%;
  padding: 5px 12px;
  font-size: 18px;
  margin: 10px auto;
  text-align: center;
  border-style: solid;
  border-width: thin 2px 2px thin;
  border-color: darkgreen;
}
li.menu_page_bas a:hover,
li.menu_page_haut a:hover,
li.menu_page_milieu a:hover {
  text-decoration: none;
  border-width: 2px thin thin 2px;
}
div.liste_courses {
  border: none;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
h2.liste_courses,
ul.liste_courses {
  border: none;
  display: inline-block;
  font-size: 1.05em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0;
}
aside.liste {
  display: table;
  width: 100%;
  color: darkgreen;
  background-color: white;
  border-color: black;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
li.liste_courses {
  padding: 0.8em;
  color: darkgreen;
  background-color: white;
  border-color: darkgreen;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
aside.first,
li.first {
  border-color: black;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 12px 12px 0 0;
}
li.first {
  font-size: 1.05em;
  font-weight: 700;
  background-color: #e8dd60;
}
aside.last,
li.last {
  border-color: black;
  border-style: solid;
  border-radius: 0 0 12px 12px;
}

div.tr {
  display: table-row;
}
div.row {
  display: table-cell;
  padding: 0.4em;
  color: darkgreen;
  background-color: #c4f0c0;
}

div.generic_main div.tr:not(:last-child) div.row {
  border-bottom-color: black;
  border-bottom-width: thin;
  border-bottom-style: solid;
}

div.englobe_fieldset,
div.outside_fieldset {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  color: darkgreen;
  background-color: #c4f0c0;
  margin: 0.6em 0.3em;
  border: 0;
}
div.englobe_fieldset {
  max-width: 99%;
  border-color: black;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 7px 7px 7px 7px;
}

div.container_fieldset {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  text-align: center;
  border: 0;
}

div.no_tab_outside_fieldset,
h3.outside_fieldset,
h4.outside_fieldset {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  color: darkgreen;
  background-color: #c4f0c0;
  margin: 0.3em 0;
  border: 0;
}

div.contact {
  margin: 0.4em auto;
  font-weight: 700;
}

fieldset {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: auto 0.6em;
  background-color: white;
  border: black solid 1px;
  border-radius: 6px;
}
fieldset.trimestre {
  background-color: transparent;
}
legend {
  border: black solid 1px;
  border: 0;
}

div.inside_fieldset,
h2.inside_fieldset,
h3.inside_fieldset,
h4.inside_fieldset {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: darkgreen;
  margin: 0.6em auto;
  border: 0;
}
h2.inside_fieldset,
h3.inside_fieldset,
h4.inside_fieldset {
  width: 90%;
}

div.tableau_rapports {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  border: 0;
  font-size: 1.12em;
}
div.table-row {
  display: table-row;
}
div.onecentercell {
  display: table-cell;
  font-size: 1.2em;
  vertical-align: middle;
  padding: 0.2em;
  text-align: center;
}
label {
  display: inline-block;
}
#calendar {
  border: 0;
  text-align: center;
  margin: 1.4em auto;
}

div.head_calendrier {
  display: table;
  text-align: center;
  border: none;
  margin: auto;
}
div.calendrier,
table.calendrier {
  border: black solid thin;
  border-collapse: collapse;
  padding: 1px;
  text-align: center;
  margin: auto;
}
div.calendrier {
  border-radius: 6px 6px 0px 0px;
}
table.calendrier {
  border-radius: 0px 0px 6px 6px;
}
table.calendrier th {
  display: table-cell;
  border: black solid thin;
  border-collapse: collapse;
  padding: 0.2em;
}
table.calendrier th form {
  display: inline-block;
  font-size: 0.95em;
  width: 2.2em;
  height: 2.2em;
  border: 0;
  padding: 0;
  text-align: center;
  margin: auto 1.2em;
}
table.calendrier th > button {
  display: inline-block;
  width: 2.2em;
  height: 2.2em;
  font-weight: bold;
  border: black solid 1px;
  border-style: outset;
  border-radius: 0.25em;
  cursor: pointer;
  padding: 0.22em;
  text-align: center;
  margin: auto 1.2em;
}
input[type="button"],
input[type="submit"] {
  display: inline-block;
  height: 2.2em;
  font-weight: bold;
  border: black solid 1px;
  border-style: outset;
  border-radius: 0.3em;
  cursor: pointer;
  padding: 0.22em;
  margin: 0;
}
button.disabled {
  display: inline-block;
  width: 2.2em;
  height: 2.2em;
  font-weight: bold;
  background-color: rgb(225, 225, 215);
  border: black solid 1px;
  border-style: outset;
  border-radius: 0.25em;
  cursor: none;
  padding: 0.22em;
  text-align: center;
  margin: 0.3em auto;
  margin: 0.3em;
}
table.calendrier td {
  border: black solid thin;
  border-collapse: collapse;
  background-color: #ffffff;
  text-align: center;
  padding: 0.2em;
}
table td.aujourdhui {
  color: brown;
  font-weight: bold;
}
table td.disabled {
  background-color: rgb(225, 225, 215);
}
.tooltip {
  margin: auto;
  text-align: center;
  position: relative;
}
.tooltip:before {
  content: attr(data-toggle);
  background-color: #fff;
  color: green;
  max-width: 5.6em;
  font-size: 1.05em;
  border-radius: 0.3em;
  border: darkgreen solid thin;
  border-style: outset;
  padding: 0.3em;
  position: absolute;
  overflow-x: visible;
  overflow-y: visible;
  left: -1.25em;
  bottom: 3.5em;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip:after {
  content: "";
  position: absolute;
  bottom: 1.4em;
  margin: auto;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip:hover:before,
.tooltip:hover:after {
  visibility: visible;
  opacity: 1;
}
ul.header {
  display: table;
  text-align: center;
  font-weight: 700;
  padding: 0.15em;
  list-style-type: none;
  background-color: transparent;
  margin: 1em auto 0 auto;
}
div.centered_50_rapports {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  border: 0;
  padding: 0;
}

div.table {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
div.td_first_titre,
div.td_first,
div.td_first_bas,
div.td_titre,
div.td_bas {
  border: black solid;
  border-collapse: collapse;
  border-spacing: 0;
}
div.td_first,
div.td_titre {
  border-width: thin thin thin 0;
}
div.td_first_titre {
  border-width: thin thin thin thin;
}
div.td_first_bas {
  border-width: 0 thin thin thin;
}
div.td_bas {
  border-width: 0 thin thin 0;
}
div.colspan23 {
  flex: 0 0 22.9%;
}
div.colspan30 {
  flex: 0 0 29.5%;
}
div.colspan33 {
  flex: 0 0 32.75%;
}
div.colspan50 {
  flex: 0 0 49.5%;
}
div.colspan66 {
  flex: 0 0 66%;
}
div.td_first_titre,
div.td_first,
div.td_titre {
  background-color: #a0f0b1;
  color: black;
  font-weight: 650;
}
div.td_first_bas,
div.td_bas {
  background-color: white;
  font-weight: 600;
}

/**    SMARTPHONE       **/
@media (max-width: 800px) {
  body {
    font-size: 0.8em;
    width: 100%;
  }
  div.bloc {
    font-size: 1.2em;
  }
  div.blocgauche {
    display: none;
  }
  div.blocdroite {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 93%;
  }
  input,
  textarea,
  select,
  button {
    font-size: 15px;
  }
  div.no_tab_outside_fieldset {
    display: none;
  }
  ul.bloctextebas h3 a {
    width: 14em;
  }
  header.liste {
    width: 100%;
  }
  article.table,
  article.tableau {
    width: 100%;
    font-size: 0.85em;
  }
  aside.table {
    width: 100%;
    font-size: 0.85em;
  }
  #new_menu {
    position: static;
    display: none;
  }
  #new_menu li {
    padding: 4px 0;
    margin-bottom: 1px;
    border: 0;
  }
  #new_menu li,
  #new_menu li a {
    background-color: #c4f0c0;
    width: 97.5%;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    border: 0;
  }
  label.show-menu {
    display: block;
    font-size: 16px;
    border-radius: 0 0 10px 10px;
  }
  table.generic_main {
    font-size: 1.05em;
  }
  td.cellscenter_no_tab {
    display: none;
  }
  div.no_tab_en_tete {
    display: none;
  }
  
  td.titrecells_no_tab,
  th.titrecells_no_tab {
    display: none;
  }
  li.menu_page_bas a,
  li.menu_page_haut a,
  li.menu_page_milieu a {
    font-size: 13px;
  }
  div.paris_none {
    display: none;
    font-weight: 700;
    border-radius: 0.2em;
    border-color: darkgreen;
    border-style: solid;
    border-width: 0 1px 1px 0;
  }
  div.tableau_liste_accueil {
    font-size: 1.3em;
  }
  nav.titrecells {
    display: table-cell;
    color: darkgreen;
    font-size: 1.15em;
    font-weight: 700;
    padding: 0.5em 0.05em;
  }
  nav.titrecells_no_tab {
    display: none;
  }
  nav.titrecells {
    display: table-cell;
    color: darkgreen;
    font-size: 1.05em;
    font-weight: 660;
    padding: 0.5em 0.05em;
  }
  nav.titrecells_no_tab {
    display: none;
  }
}
/**    SMARTPHONE       **/
@media (max-width: 500px) {
  div.tableau_rapports {
    width: 98%;
  }
}
/**    SMARTPHONE       **/
@media (min-width: 501px) and (max-width: 800px) {
  div.tableau_rapports {
    width: 80%;
  }
}

/**        TABLET       **/
@media (min-width: 801px) and (max-width: 1048px) {
  div.tableau_rapports {
    width: 60%;
  }
  header.liste {
    width: 90%;
  }
  article.table,
  article.tableau {
    width: 90%;
    font-size: 0.8em;
  }
  div.paris_none {
    display: none;
  }
  div.tableau_liste_accueil {
    font-size: 1.3em;
  }
  nav.titrecells {
    display: table-cell;
    color: darkgreen;
    font-size: 1.15em;
    font-weight: 700;
    padding: 0.5em 0.05em;
  }
  nav.titrecells_no_tab {
    display: none;
  }
  nav.titrecells {
    display: table-cell;
    color: darkgreen;
    font-size: 1.05em;
    font-weight: 660;
    padding: 0.5em 0.05em;
  }
  nav.titrecells_no_tab {
    display: none;
  }
}
/**        DESKTOP      **/
@media (min-width: 1049px) {
  div.tableau_rapports {
    width: 30%;
  }
  header.liste {
    width: 80%;
  }
  article.table,
  article.tableau {
    width: 80%;
    font-size: 1em;
  }
  div.paris_none {
    display: inline-block;
    font-weight: 700;
    border-radius: 0.2em;
  }
  div.tableau_liste_accueil {
    font-size: 1.3em;
  }
  nav.titrecells,
  nav.titrecells_no_tab {
    display: table-cell;
    color: darkgreen;
    font-size: 1.15em;
    font-weight: 700;
    padding: 0.5em;
  }
  nav.titrecells,
  nav.titrecells_no_tab {
    display: table-cell;
    color: darkgreen;
    font-size: 1.15em;
    font-weight: 700;
    padding: 0.5em;
  }
}