@media screen AND (min-width: 100px) AND (max-width: 768px){
    .courseBlock {
        margin-top: 6px;
    }
    #getChat {
        bottom: -5px !important;
        left: -12px; 
    }
}
@media screen AND (min-width: 769px){
    #getChat {
        right: 17px; 
        bottom: 17px;
    }
}
#logoHeader {
    width: 40px;
    margin-top: -1px;
}
#duckUser {
    margin-top: -5px;
}
.fa-exclamation-triangle {
    color: darkred !important;
}
a {
    color: white;
}

.PressStartFont{
    font-family: 'Press Start 2P', cursive;
}
.MontserratFont{
    font-family: 'Montserrat Subrayada', sans-serif;
}
.MonofettFont{
    font-family: 'Monofett', cursive;
}
.FascinateFont{
    font-family: 'Fascinate Inline', cursive;
}
.fontAmatic {
    font-family: 'Amatic SC', cursive;
}
.marginTen{
    margin-top: 10px;
}
.marginTwenty{
    margin-top: 20px;
}
.marginForty{
    margin-top: 40px;
}
.marginMinusTwenty{
    margin-top: -20px;
}
.bold {
    font-weight: bold;
}
.fontTwenty {
    font-size: 20px;
}
.fontSixTeen {
    font-size: 16px;
}

.imageParent{
    display:flex;
    flex-direction: row;
    justify-content: center; 
    margin-bottom: 10px;
}

.headerList {
    display: inline;
    list-style: none; 
}

#getChat {
    /*pour que le bouton soit fixé en bas*/
    position: fixed;
    z-index: 998;
    line-height: 15px;
    background-color: #26A69A;
    padding: 11px;
    padding-top: 10px !important;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 5px solid white;
    color: #D8E2DC;
    transition: all 0.5s ease;
    box-shadow: 0 0 5px black;
}
#getChat:hover {
    border: 5px solid #FF00E6;
    color:#FF00E6;
    box-shadow: 0 0 25px #FF00E6;
    transition: all 0.5s ease;
}
.fa-commenting-o {
    font-size: 30px;
}
#chat {
    position: fixed;
    z-index: 999;
    top: 20px !important;
    background-color: #455A64;
    border-left: 3px solid black;
    padding: 0 !important;
}
.chatShow {
    right: 0px !important;
}
#titleChat {
    position: fixed;
    z-index: 1000;
    top: 20px !important;
    background-color: gray;
    color: white;
    border-radius: 10px;
    border: 2px solid white;
}
#closeChatBar {
    position: fixed;
    z-index: 999;
    top: 0px !important;
    height: 20px;
    background-color: #273339;
    border-left: 3px solid black;
    border-right: 5px solid #41555E;
    padding-left: 5px !important;
}
#closeChatBar .fa-times-circle {
    color: white;
    margin-top: 3px;
}
#closeChatBar .fa-times-circle:hover {
    color: red;
    cursor: pointer;
}
#publishLesson li {
    display: list-item;
    list-style:disc;
}

.marginBottom{
    margin-bottom: 70px;
}

.privacyPolicyH1{
    color: black;
    font-variant: small-caps;
    font-weight: bold;
}

.privacyPolicyH2{
    font-variant: small-caps;
    text-decoration: underline;
}

.privacyPolicyH3{
    margin-top: 30px;
    font-size: 1.5em;
    font-weight: bold;
}

.privacyPolicyH4{
    font-size: 1.2em;
    font-weight: bold;
}

.privacyPolicyH5{
    font-size: 1.1em;
    text-decoration: underline;
}

.privacyPolicyLink{
    color: blue;
    text-decoration: underline;
}