body{
                background-color: rgba(232, 222, 209, 0.3);   
                font-family: 'Lato', sans-serif;
                width:85%;
                margin: auto;
                text-align: left;
            }
  
            p{
                font-size: 0.5rem;
  
            }
  
            h1, h2, h3, h4, h5, h6{
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
                letter-spacing: .3rem;
            }
  
            h1{
                color: #0F3376;
                margin-top: 5%;
                font-size: 2rem;
            }
  
            h2{
                font-size: 1rem;
            }



/*
body {
background-color: aliceblue;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
color: #00008B;
}

h1 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: darkblue}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: darkblue }
*/
	    
a { font-family: Arial, Verdana, sans-serif; color: #00008B; text-decoration: underline}

a:hover { font-family: Arial, Verdana, sans-serif; color: #00008B; background-color: #FAEBD7}

hr{ color:brown; background-color:tan; width:90%; height:2px; }

.insideBox{
/*    margin:auto; */
    width=85%;
    background-color: #fff;
    padding:5%;
    margin-bottom: 5%;
    text-align: left;
    align-self: start;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1%;
    margin-bottom: 5%;
}

.grid-container-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1%;
    align-items:start;
     margin-bottom: 5%;
}

.grid-container-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1%;
    margin-bottom: 5%;
}

table {
font-size: 15px;
table-layout: auto;
font-family: Arial, Verdana, sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

table.bareme{
    border-right:;der-collapse:collapse;
    border:1px solid black
}

div.log{
    display: fixed
    position: static;
    top: 10px;
    right: 10px;
    text-align: right;
}

div.info{
    position: fixed;
    top: 10px;
    right: 300px;
    width: 500px;
    padding: 5px;
    border: 3px solid gray;
    margin: 0;
    font-style: italic;
}

tr.confirmation {
    background-color: lightpink;
}
div.confirmation{
    background-color: lightpink;
    position: fixed;
    top: 0px;
    width: 400px;
    height: 120px;
    z-index: 100000;
    left: 0px;
    padding: 5px;
    display: none;
    border: 4px solid red;
    margin: 0;
    font-style: italic;
    text-align: center;
}

.note {
font-family: Arial, Verdana, sans-serif;
color: purple;
font-weight: bold;
}

#dtable {
    width: 500px;
    float: left;
}

div#dtable_wrapper.datatables_wrapper.no-footer:after {
    clear: none;
}

#dtable_filter{
    padding-left: 80px;
    float:left;
}

table.dataTable#dtable tbody td {
    table-layout: auto;
    vertical-align:middle;
}

table.dataTable#dtable input {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    table-layout: auto;
    float: center;
}

table.dataTable#dtable button {
    float:left;
}

table.dataTable#dtable td{
    max-width: 140px;
    height: 22px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
table.dataTable#dtable th{
    max-width: 140px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
}
table.dataTable#dtable tr{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color:  lightblue;
}
table.dataTable#dtable tr:nth-child(even)  {
    background-color: lightcyan;
}