html {
  width: 100%;
  padding: 0;
}
body {
  background-color: #dfd8b4;
  border: 0;
  margin: 0;
  font-family: Helvetica, Arial, Vardana, "Liberation Sans", FreeSans,
    sans-serif;
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.6em;
  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;}

/*****************************************/
/**	     CLASSES COULEURS		**/
/*****************************************/

h1.coul_titre_courses,
h2.coul_titre_courses {
  color: darkgreen;
  background-color: #c4f0c0;
}

div.coul_table_courses,
table.coul_table_courses,
caption.coul_table_courses,
h3.coul_table_courses {
  color: darkgreen;
  background-color: #c0efc8;
}

table.coul_boutons,
th.coul_boutons,
label.coul_boutons,
input.coul_boutons,
a.coul_boutons,
span.coul_boutons {
  color: #ffe524;
  background-color: #006b00;
  border-radius: 4px;
  font-weight: bold;
}

label.bouton {
  font-size: 0.75em;
  line-height: 1.5em;
  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: #c4f0c0;
}

/*****************************************/
/**		NORMALIZE.CSS		**/
/*****************************************/
ul {
  list-style-type: none;
}
a {
  background-color: transparent;
}
img {
  border-style: none;
}

input,
select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

input {
  overflow: visible;
}

select {
  text-transform: none;
}

input[type="submit"] {
  -webkit-appearance: button;
}

input[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
input[type="radio"] {
  padding: 0;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
input[hidden] {
  display: none;
}
/*****************************************/
/**	END OF NORMALIZE.CSS		**/
/*****************************************/
div {
  margin: auto;
  padding: 0;
  text-align: center;
}
h1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}
h2 {
  max-width: 90%;
  color: darkgreen;
  font-size: 19px;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
}

h3,
h4 {
  max-width: 95%;
  color: darkgreen;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
}
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 {
  display: inline-block;
  border-collapse: collapse;
  border-color: darkgreen;
  border-radius: 0.6em;
  border-style: solid;
  border-width: thin;
  padding: 0.5em;
}
h2.center_liens {
  background-color: #fff;
  border: 0;
  color: darkgreen;
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3em;
  margin: 0.3em;
  padding: 0;
}
h2.center_liens a:hover {
  color: #c93;
}
a {
  color: inherit;
  line-height: inherit;
  font-weight: 700;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: 0;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  border-width: thin;
  border-style: solid;
  border-color: darkgreen;
  margin: auto;
  text-align: center;
  padding: 1.05em;
}
caption {
  border-collapse: collapse;
  border: thin solid darkgreen;
  font-weight: 700;
  margin: 0 auto;
  padding: 0.2em 0.4em;
  text-align: center;
}
td,
th {
  border-collapse: collapse;
  border: thin solid darkgreen;
  font-weight: 700;
  margin: 0;
  text-align: center;
}
td {
  color: darkgreen;
}
caption.titre_titre_new {
  font-size: 1.2em;
  border-collapse: collapse;
}
div.centercellext {
  display: table-cell;
  padding: 0.2em;
  vertical-align: middle;
  border: thin solid darkgreen;
}

input,
select {
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
  color: darkgreen;
  background-color: white;
}
option {
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
}
#statistiques {
  border-collapse: collapse;
}
#Bas_Page,
#Haut_Page {
  display: inline-block;
  width: 4em;
  text-align: center;
  margin: auto;
  background-color: #861;
  border-color: #981;
  border-style: ridge;
  border-width: thin;
  color: yellow;
  font-style: italic;
  font-weight: bold;
}
.bouton {
  display: inline-block;
  padding: 3px 12px;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto;
  text-align: center;
  border-style: solid;
  border-width: thin 2px 2px thin;
  border-color: darkgreen;
}
.bouton:hover {
  border-width: 2px thin thin 2px;
}

td.coul {
  padding: 0.3em;
}

.coul1 {
  background-color: #f90;
}
.coul2 {
  background-color: #93f;
}
.coul3 {
  background-color: #3cf;
}
.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;
}
.coul14 {
  background-color: red;
}
.coul15 {
  background-color: #080;
}
.coul16 {
  background-color: #0f0;
}
.coul17 {
  background-color: #ca6;
}
.coul18 {
  background-color: #909;
}

.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;
}
a.cache {
  visibility: hidden;
}

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;
}

dl.rien dd {
  display: list-item;
  list-style: none inside;
  text-decoration: none;
}
dl.rien dt {
  display: list-item;
  font-style: italic;
  list-style: none inside;
  text-decoration: underline;
}
dl.square2 dt {
  display: list-item;
  font-style: normal;
  font-weight: 700;
  list-style: square inside;
  text-decoration: none;
}
em.gras {
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}
em.italique {
  font-style: italic;
}
p em {
  display: block;
  font-weight: 400;
}
div.legende {
  background-color: #a0f0b1;
  caption-side: top;
  display: table-caption;
  border: 1px solid black;
  border-collapse: collapse;
  border-radius: 4px;
  font-size: 1em;
  font-weight: 700;
  padding: 0.3em;
}
option {
  font-weight: 700;
}

div.liens_reunions {
  display: block;
  width: 99%;
  border: #999 solid 1px;
  background-color: white;
  border-color: darkgreen;
  border-style: solid;
  border-width: thin;
  border-radius: 8px 8px 0px 0px;

  font-size: 1.45em;
  font-weight: 700;
  padding: 0.2em;
}
div.liens_courses {
  display: inline-block;
  border: 0;
  font-size: 1.36em;
  font-weight: 700;
  margin: 0.15em 0.5em 0.4em auto;
  padding: 0;
  text-align: center;
}
span.course,
span.date_heure,
span.reunion {
  color: darkgreen;
  font-weight: 700;
}
div.lien_course_actif {
  font-size: 1em;
  background-color: #fff;
  border: 1px solid #999;
  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: 1px solid #999;
  color: darkgreen;
  display: inline-block;
  margin: 0.3em;
  padding: 0.3em;
}
th.titrehorse {
  padding: 0.4em;
  font-weight: 600;
}
th.titrecells {
  padding: 0.4em;
  font-weight: 600;
}
td.cellscenter {
  padding: 0.3em;
  background-color: #fff;
  font-weight: 600;
}

td.cellscenter1 {
  background-color: #f90;
  color: darkblue;
  padding: 0.3em;
}
td.cellscenter2 {
  background-color: #93f;
  color: #fff;
  padding: 0.3em;
}
td.cellscenter3 {
  background-color: #2cf;
  color: black;
  padding: 0.3em;
}
td.cellscenter4 {
  background-color: #6fc;
  padding: 0.3em;
}
td.cellscenter5 {
  background-color: #f9f;
  color: black;
  padding: 0.3em;
}

h2.autour_pronos,
h3.autour_pronos {
  display: inline-block;
  margin: 0.5em auto 0.8em auto;
  border: 1px solid black;
  border-collapse: collapse;
  border-radius: 4px;
  font-size: 1.4em;
  font-weight: 700;
  padding: 0.3em 0.5em;
}

div.autour_pronos {
  display: inline-block;
  background-color: #e1a900;
  border-color: #e1a900;
  color: #e1a900;
}

div.generic_pronostics {
  display: table;
  max-width: 99%;
  text-align: center;
  margin: 0 auto;
  padding: 0.45em;
  font-size: 1.25em;
  font-weight: 600;
  border: thin solid black;
  border-radius: 7px;
}

table.pronostics {
  border-color: #9fc;
}

div.titre_ancienne {
  display: table-cell;
  padding: 0.2em;
  border: 0;
}
div.ligne1_anciennes {
  display: table-cell;
  padding: 0.2em;
  color: darkgreen;
  background-color: #d0f0c4;
  border: thin solid darkgreen;
}


div.ligne3_anciennes {
  display: table-cell;
  padding: 0.2em;
  border: thin solid darkgreen;
  background-color: #fff;
}

div.ligne3_anciennes1 {
  display: table-cell;
  padding: 0.2em;
  background-color: #f90;
  color: darkblue;
}
div.ligne3_anciennes2 {
  display: table-cell;
  padding: 0.2em;
  background-color: #93f;
  color: #fff;
}
div.ligne3_anciennes3 {
  display: table-cell;
  padding: 0.2em;
  background-color: #2cf;
  color: black;
}
div.ligne3_anciennes4 {
  display: table-cell;
  padding: 0.2em;
  background-color: #6fc;
}
div.ligne3_anciennes5 {
  display: table-cell;
  padding: 0.2em;
  background-color: #f9f;
  color: black;
}

td.onecentercell {
  border: 0;
  font-size: 1.15em;
  padding: 0;
  text-align: center;
}
div.centered_50 {
  border: 0;
  margin-left: auto;
  margin-right: auto;
  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;
}

/*****************************************************************/
/**			   INDEX.PHP MAIN			**/
/*****************************************************************/
section.nav_index,
header.nav_index,
article.nav_index,
aside.nav_index,
footer.nav_index {
  width: 99%;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

/*****************************************************************/
/**			LISTE DES COURSES MAIN			**/
/*****************************************************************/

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.tableau {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
}

/*****************************************************************/
/**			PARIS GAGNES MAIN			**/
/*****************************************************************/

/*****************************************************************/
/**			AFFIC STATS MAIN			**/
/*****************************************************************/

/*****************************************************************/

.hidden:hover {
  display: block;
}
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 {
  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 {
  text-decoration: none;
  border-width: 2px thin thin 2px;
}

ul.disc3 li {
  display: list-item;
  font-style: normal;
  list-style: disc outside;
  text-decoration: none;
}
dl.disc,
dl.disc1,
dl.rien,
dl.square2,
ul.disc3 {
  display: block;
  text-align: left;
}
dl.disc dt,
dl.disc1 dt {
  display: list-item;
  font-style: normal;
  list-style: disc inside;
  text-decoration: none;
}
dl.disc dd,
dl.disc1 dd,
dl.square2 dd {
  display: list-item;
  list-style: none inside;
}
dl.rien dd {
  display: list-item;
  list-style: none inside;
  text-decoration: none;
}
div.after {
  page-break-after: always;
}
img.view2 {
  border-collapse: collapse;
  border: thin solid darkgreen;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 97%;
  height: auto;
}

form {
  text-align: center;
  margin: 0.3em auto;
  margin: 0.3em;
  font-size: 1.4em;
}

div.interface {
  display: block;
  text-align: center;
  margin: auto;
  border: darkgreen solid thin;
  border-radius: 8px;
  padding: 0;
  max-width: 55em;
}

table.generic_main {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-color: darkgreen;
  border-width: thin;
  border-radius: 0px 0px 8px 8px;
  border: 0;
  font-size: 1.25em;
}

div.generic_main {
  display: table;
  width: 75%;
  text-align: center;
  margin: 0 auto;
  font-size: 1.3em;
  font-weight: 700;
  padding: 0;
  border: 0;
}

div.generic_form_main {
  display: table;
  text-align: center;
  margin: 0 auto;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0;
  border: thin solid black;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
}

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

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


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.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;
}
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.table-row {
  display: table-row;
}
div.onecentercell {
  display: table-cell;
  font-size: 1.2em;
  vertical-align: center;
  padding: 0.2em;
  text-align: center;
}

/*****************************************/
/**		CALENDAR		**/
/*****************************************/

input[type="submit"] {
  display: inline-block;
  min-width: 2.2em;
  height: 2.2em;
  font-weight: bold;
  border: 1px solid black;
  border-style: outset;
  border-radius: 0.3em;
  cursor: pointer;
  padding: 0.22em;
  margin: 0;
}

/*****************************************/
/**		TOOLTIP			**/
/*****************************************/

/*********************************/
/**		PARIS		**/
/*********************************/
ul.header {
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  display: grid;
  text-align: center;
  font-weight: 700;
  padding: 0.15em;
  list-style-type: none;
  background-color: transparent;
  margin: 1em auto 0 auto;
}
li.row1 {
  grid-row: 1;
  padding: 0.15em;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
  background-color: #a0f0b1;
}
li.row2 {
  grid-row: 2;
  padding: 0.15em;
  background-color: white;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
}
li.row3 {
  grid-row: 3;
  padding: 0.15em;
  background-color: white;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
}
li.last_row {
  grid-row: auto;
  padding: 0.15em;
  background-color: white;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
}
li.colspan1 {
  grid-column: auto;
}
li.colspan2 {
  grid-column: span 2;
}
li.colspan3 {
  grid-column: span 3;
}
li.colspan5 {
  grid-column: span 5;
}

/*********************************/
/**	     CSS PARIS		**/
/*********************************/
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.4em auto;
  border: 1px solid black;
  border-collapse: collapse;
  border-radius: 6px;
  color: #296129;
  background-color: white;
  padding: 0.18em;
}
div.parallelogramme {
  background-color: transparent;
  font-size: 0.85em;
  padding: 0 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 {
  display: inline-block;
  background-color: #007f80;
  color: white;
}
div.logo_couple {
  display: inline-block;
  background-color: #0079bd;
  color: white;
}
div.logo_trio {
  display: inline-block;
  background-color: #29854b;
  color: white;
}
div.logo_2sur4 {
  display: inline-block;
  background-color: #3d8068;
  color: white;
}
div.logo_multi {
  display: inline-block;
  background-color: #a7672a;
  color: white;
}
div.logo_quinte {
  display: inline-block;
  background-color: #976a1c;
  color: white;
}
div.logo_quarte {
  display: inline-block;
  background-color: #b15c1b;
  color: white;
}
div.logo_tierce {
  display: inline-block;
  background-color: #ab6217;
  color: white;
}
div.logo_couple_ordre {
  display: inline-block;
  background-color: #0079bd;
  color: white;
}

@media screen and (max-width: 980px) {
  body {
    font-size: 0.8em;
    width: 100%;
  }
  input,
  select {
    font-size: 15px;
  }

  div.no_tab_outside_fieldset {
    display: none;
  }

  .bouton {
    font-size: 16px;
  }
  table.generic_main {
    font-size: 1.05em;
  }

  li.menu_page_bas a,
  li.menu_page_haut a {
    font-size: 13px;
  }

  /*****************************************************************/
  /**		LISTE DES COURSES SMARTPHONE			**/
  /*****************************************************************/

  /*****************************************************************/
  /**			PARIS GAGNES SMARTPHONE			**/
  /*****************************************************************/

  /*****************************************************************/
  /**			AFFIC STATS SMARTPHONE			**/
  /*****************************************************************/
}

@media screen and (min-width: 801px) and (max-width: 991px) {
  /*****************************************************************/
  /**			LISTE DES COURSES LAPTOP		**/
  /*****************************************************************/

  /*****************************************************************/
  /**			PARIS GAGNES LAPTOP			**/
  /*****************************************************************/

  /*****************************************************************/
  /**			AFFIC STATS LAPTOP			**/
  /*****************************************************************/
}

@media screen and (max-width: 770px) {
  /*****************************************************************/
  /**			    MENUS LAPTOP			**/
  /*****************************************************************/
}

@media screen and (min-width: 992px) {
  /*****************************************************************/
  /**			LISTE DES COURSES DESKTOP		**/
  /*****************************************************************/

  /*****************************************************************/
  /**			PARIS GAGNES DESKTOP			**/
  /*****************************************************************/

  /*****************************************************************/
  /**			AFFIC STATS DESKTOP			**/
  /*****************************************************************/
}