/* Document
 * ========================================================================== */

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  background-repeat: no-repeat; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

html {
    font-family: "helvetica neue", helvetica, arial, sans-serif;
}

body {

    background-color: #c1c1c1
}

@font-face {
  font-family: "GraduateShades";
  src: url("../fonts/GraduateShades.otf");
}
            
body {
    background-color:#f3f4fd;               
    margin-top: 0;
/*background-color: #577A7D;*/
}

nav {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    position: fixed;
    width: 100%;
    padding: 0.4em;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 6rem;
    position: fixed;
    background-color: lightgreen;
}
.nav-link {
    margin-right: 30px;
    margin-left: 30px;
    font-weight: bold;
}
.nav-link:hover{
    color: darkblue;
}
#div-imgtarifs{
  width: 270px;
  height: 310px;
    margin-top: 1rem;
  margin-bottom: 2rem;
  background-image: url("../img/cercle2.jpg");

  background-size: 270px; 
  border-radius: 10px;
-webkit-box-shadow: 5px 5px 15px 5px #000000; 
box-shadow: 5px 5px 15px 5px #000000;
}
thead th {
    font-family: "helvetica neue", helvetica, arial, sans-serif;
}

.compare {
    background-color: #f2f484
}
.licenceA {
    background-color: #9eed17;
}
/*.licenceB {*/
/*    background-color: #abed9c; */
/*}*/

.principale {
    display: flex;
    flex-direction: column;
    align-items: center;
}

img {
    height: 85%;
    width: 100%;
    display: center;
}
#div-imgtarifs {
    margin-top: 4rem;
}

table {
    table-layout: fixed;
    width: 100%;
    background-color: #12e25b;
}

thead th:nth-child(1) {
    width: 40%;
}

thead th:nth-child(2) {
    width: 30%;
}

thead th:nth-child(3) {
    width: 30%;
}

.largey {
    width: 100%;
}
.paragfin {
    padding: 10px;
    margin-bottom:3px;
    border-radius: 8px;
}
table,
caption,
th,
td {
    border: 2px solid skyblue;
    border-collapse: collapse;
}

caption,
th,
td {
    padding: 8px;
}

tbody th {
    /* background-color: #1127ed; */
    /* color: white; */
    letter-spacing: 2px;
    text-align: center;
}

tbody td {
    /* background-color: #212C21; */
    /* color: white; */
    text-align: center;
    font-weight: bold;
}

div>h1 {
    margin-top: 0;
}

h2 {
    margin-top:0;
    text-decoration: underline;
    text-align: center;
    font-family: GraduateShades;
    letter-spacing: 2px;
    font-size:1.5em;
    color: black;
}

tbody tr:nth-child(odd) {
    background-color: #61edc3;
}

tbody tr:nth-child(even) {
    background-color:#d5efeb;
}