/* Polices d'écriture */

@import url('https://fonts.googleapis.com/css2?family=El+Messiri&family=Rampart+One&display=swap');
/* Image de fond */

body {
    background-image: url(../img/GuildWars2.png);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* fixer le footer en bas de page */

html {
    min-height: 100vh;
    position: relative;
}

footer {
    position: absolute;
    bottom: 0;
}

main {
    margin-bottom: 50px;
}

/* Ajout d'un voile blanc */

header, main, footer, nav {
    background: rgba(255, 255, 255, 0.8);
}

/* Apparence des lignes de séparation */

hr {
    border: 3px dashed black;
}

h1 {
    color: brown;
    font-family: 'Rampart One', cursive;
}

h2 {
    font-family: 'El Messiri', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 1.5rem;
}

h3 {
    font-family: 'El Messiri', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

h4{
    font-family: 'El Messiri', sans-serif;
    font-size: 1.1em;
    font-weight: bold;
}

p {
    font-family: 'El Messiri', sans-serif;
    text-align: justify;
}


i{
    color: rgb(111, 224, 67);
}


.maj{
    color: rgb(194, 137, 31);
    font-weight: bold;
}

.btn i{
    color: black;
}
.btn{
    width: auto;
}

/* Apparence encadrée & ombrée */

.ombre {
    /* Ombre: décalée tout autour (droite/bas) - flou - portée d'ombre - intérieure */
    box-shadow: 0 0 3px 3px inset rgba(3, 3, 3, 0.4);
    background: rgba(255, 255, 255, 0.7);
    margin-left: 1.1rem;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}

/* Apparence cadre warning */
.warning{
background: rgba(255, 255, 255, 0.8);
background-image:url(../img/fond_taches_journalieres.png); 
background-size: contain;
background-position: right center;
background-repeat:no-repeat;
}

.zonedumonde{
    font-weight: bold;
    color: darkolivegreen;
}

/* Mise en page des tableaux */

th{
    font-weight: bold;
} 

td{
    text-align: center;
 }

td.done{
    background-color: rgb(199, 219, 163);
    font-weight:normal;

}
td.nada{
    background-color: rgb(230, 167, 167);
    font-weight:normal;

}
td.encours{
    background-color: rgb(230, 202, 167);
    font-weight:normal;
}



th,td{
    min-width:250px;  
    min-height:40px;
    color: black;
}
/* Scroll horizontal avec première colonne figée */

/*Premier tableau */
table.chronique > thead:first-child > tr:nth-child(2) > th:first-child, table > tbody > tr > td:first-child {
    width:250px;    
}


table.chronique > thead:first-child > tr:nth-child(2) > th:nth-child(2) {
    margin-left: 250px;
    display:inline-block;  
    line-height: 40px;  
}

table.chronique > tbody > tr > td:nth-child(2) {
    margin-left: 250px ; 
    display:inline-block;
}




/* Deuxieme tableau */


table.maps > thead:first-child > tr:nth-child(3) > th:first-child, table > tbody > tr > td:nth-child(2) {
    width:250px; 
}

table.maps > thead:first-child > tr:nth-child(2) > th:nth-child(2) {
    margin-left: 250px;
    display:inline-block;
    line-height: 40px;  
}

table.maps > thead:first-child > tr:nth-child(3) > th:nth-child(2) {
    margin-left: 250px;
    display:inline-block;
    line-height: 40px;  
}

table.maps > tbody > tr > td:nth-child(2) {
    margin-left: 250px ; 
    display:inline-block;
}









/* Style des puces */

ol>li {
    font-weight: bold;
}
div.ombre>ol{
    margin-left: 1.1rem;
}
div.ombre>p{
    margin-left: 1.1rem;
}



ol ul {
    margin-left: 1.1rem;
}

/* Apparence de tous les liens */

a {
    color: darkolivegreen;
}

a:hover {
    color: darkolivegreen;
}

/* Apparence des liens des onglets (nav) */

nav ul li a {
    color: rgb(126, 15, 15);
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
}

/* Onglets de navigation survolés */

nav ul li a:hover {
    color: rgb(224, 94, 94);
}

/* Onglet de navigation sélectionné */

nav ul li.active {
    background-color: rgb(104, 16, 16);
}

/* Si onglet selectionné, couleur du lien en blanc */

nav ul li.active a {
    color: rgb(255, 255, 255);
}

nav ul {
    height: 35px;
}

nav ul li {
    border: 1px solid black;
    padding: 5px 20px;
    background: rgba(255, 255, 255, 0.6);
}

.cadre {
    border: 4px double black;
}

/* Images d'illustration 375*250 */

.maj {
    text-transform: capitalize;
}

.maps {
    color: rgb(90, 19, 19);
    /* valeur de graisse */
    font-weight: 700; 
}