/* Import Font de Google Font */
@import url("https://fonts.googleapis.com/css?family=Lato|Roboto|Source+Sans+Pro");

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Kaushan+Script&display=swap');

/*
font-family: 'Cinzel', serif;
font-family: 'Kaushan Script', cursive;
*/

@import url("template/navig.css");
@import url("template/header.css");
@import url("template/content.css");
@import url("template/footer.css");
@import url("template/form.css");

* {
    font-family: 'Roboto', sans-serif;
}


.titrecol {
    color: #31872c;
    font-size: 25px;
    text-align: center;
}

.titrecol2 {
    color: #31872c;
    font-size: 22px;
    text-align: center;
}




html {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    overflow-x: hidden;
}

body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;
    z-index: 0;
}

/** vardump() **/
pre {
    margin: 10px;
    padding: 10px;
    background-color: rgba(251, 247, 126, 0.635);
    border: solid 1px #C00;
    color: #000;
}

/** lignes de construction **/
.bd {
    border: dashed 1px #222;
    /** Grise **/
}

.bb {
    border: dashed 1px #fff;
    /** Blanche **/
}

.bx {
    border: dashed 1px #89201a;
    /** Rouge **/
}


/** Couleur de base **/
.bgt {
    background-color: #0f360d;
    background: linear-gradient(0deg, #0f360d 0%, #286c24 50%, #31872c 100%);
    color: #fff;
}

img {
    max-width: 95%;
}


/** Objet en animation 1s **/
.anim {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

/** Image en mode cover **/
.cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/** Image en mode Contain **/
.contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/** Photo de profil **/
.avatar {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    margin: 10px;
}

/** Pagination de tableau **/
.tablepgn {
    margin-top: 20px;
    width: 100%;

}

.TableCal {
    width: 350px;
    height: 300px;
    text-align: center;
    table-layout: fixed;
}

@media(max-width: 400px) {

    .TableCal {
        width: 300px;
        height: 300px;
        text-align: center;
        table-layout: fixed;
    }

}

.LIBREA {
    background-color: #27ae60;
}

.LIBREB {
    background-color: #f1c40f;
}

.LIBREC {
    background-color: #ff5627;
}

.COMPLE {
    background-color: #F0392b;
}

.FERMER {
    background-color: #9A9A9A;
}

.SELECT {
    background-color: #4e9af8;
}