@media screen and (min-width: 480px) {
  body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal li {
    margin: 0px; }

  body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal li:nth-child(5) a {
    text-transform: uppercase;
    font-weight: 400; }

  body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal li:nth-child(5) div.sub ul li a {
    border-bottom: none; } }
#contenu #froute td {
  color: #000; }

#SVGContainer .land {
  fill: #CCCCCC;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 0.5;
  cursor: pointer; }
  #SVGContainer .land:hover {
    fill-opacity: 0.7;
    cursor: pointer; }
#SVGContainer .land1 {
  fill: #ff5e44;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 0.5;
  cursor: pointer; }
  #SVGContainer .land1:hover {
    fill-opacity: 0.7;
    cursor: pointer; }
#SVGContainer .land2 {
  fill: #1e8dff;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 0.5;
  cursor: pointer; }
  #SVGContainer .land2:hover {
    fill-opacity: 0.7;
    cursor: pointer; }
#SVGContainer .land3 {
  fill: #a026e5;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 0.5;
  cursor: pointer; }
  #SVGContainer .land3:hover {
    fill-opacity: 0.7;
    cursor: pointer; }
#SVGContainer .land4 {
  fill: #33ac14;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 0.5;
  cursor: pointer; }
  #SVGContainer .land4:hover {
    fill-opacity: 0.7;
    cursor: pointer; }
#SVGContainer .land5 {
  fill: #ffcd2a;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 0.5;
  cursor: pointer; }
  #SVGContainer .land5:hover {
    fill-opacity: 0.7;
    cursor: pointer; }

#legende th, #legende td {
  padding: 5px; }
#legende .land td {
  background: #CCCCCC; }
#legende .land1 td {
  background: #ff5e44;
  color: #fff; }
#legende .land2 td {
  background: #1e8dff;
  color: #fff; }
#legende .land3 td {
  background: #a026e5;
  color: #fff; }
#legende .land4 td {
  background: #33ac14;
  color: #fff; }
#legende .land5 td {
  background: #ffcd2a; }

.idPay {
  margin-top: 15px; }

#nomPay {
  position: initial;
  right: 25px;
  background: transparent;
  border: 1px solid grey;
  border-radius: 15px;
  padding: 9px 15px;
  min-width: 150px;
  min-height: 40px;
  display: block;
  width: fit-content; }
  #nomPay.land {
    background: #CCCCCC; }
  #nomPay.land1 {
    background: #ff5e44;
    color: #fff; }
  #nomPay.land2 {
    background: #1e8dff;
    color: #fff; }
  #nomPay.land3 {
    background: #a026e5;
    color: #fff; }
  #nomPay.land4 {
    background: #33ac14;
    color: #fff; }
  #nomPay.land5 {
    background: #ffcd2a; }
  #nomPay.land0 {
    background: transparent; }

/******************************************** */
@media screen and (min-width: 768px) {
  #logo {
    background: url(//www.teluq.ca/logo_teluq/logo-teluq-cours.svg) center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 240px;
    height: 40px;
    margin: 4px 0 1px; } }
