section.cours{
    max-width:65em;
    h1{
        font:var(--font-h1);
        margin:var(--margin-h1);
    }
    h2{
        font:var(--font-h2);
        margin:var(--margin-h2);
    }
    h3{
        font:var(--font-h3);
        margin:var(--margin-h3);
    }
    p, li{
        font:var(--font-body);
        color:var(--font-color-body);
        line-height:var(--line-height-body);
        text-align:justify;
    }
    pre{
        overflow:scroll;
    }
    table{
        border-collapse:collapse;
        margin:auto;
        td,th{
            border:solid 1px ;
            padding:.25em;
            text-align:center;
        }
    }
    hr{
        margin:var(--margin-hr);
        color:var(--color-hr);
    }

    .normal{
        margin:var(--margin-normal);
    }
    .flex{
        display:flex;
        justify-content:space-around;
        align-items:center;
        margin:var(--margin-centered-div);
    }
    .flex-left{
        display:flex;
        justify-content:space-between;
        align-items:center;
        .img{
            margin:var(--margin-flex-left-img);
        }
    }
    .flex-right{
        display:flex;
        justify-content:space-between;
        align-items:center;
        .img{
            margin:var(--margin-flex-right-img);
        }
    }
    .important{
        position:relative;
        background-color: var(--bgcolor-important);
        margin : var(--margin-important);
        padding: var(--padding-important);
        border-radius:5px;
        .en-tete{
            background-color: var(--bgcolor-important-entete);
            border-radius:5px 5px 0 0 ;
            width:fit-content;
            margin: 0;
            padding: var(--padding-important-entete);
            position:absolute;
            top:var(--top-important-entete);
            left:var(--left-important-entete);
        }
        .contenu{
            
            color:var(--color-important);
        }
    }

    .veryimportant{
        position:relative;
        background-color: var(--bgcolor-veryimportant);
        margin : var(--margin-important);
        padding: var(--padding-important);
        border-radius:5px;
        width:max-content;
        max-width:100%;
        .en-tete{
            background-color: var(--bgcolor-veryimportant-entete);
            border-radius:5px 5px 0 0 ;
            width:fit-content;
            margin: 0;
            padding: var(--padding-important-entete);
            position:absolute;
            top:var(--top-important-entete);
            left:var(--left-important-entete);
        }
        .contenu{
            
            color:var(--color-important);
            font:var(--font-veryimportant);
        }
    }

    .centered-div{
        margin:var(--margin-centered-div);
        max-width:80%;
        overflow: scroll;
        text-align:center;

        img{
            max-width:100%;
        }
        
    }

    .maths{
        font:var(--font-math);
    }

    .CodeMirror{
        height : fit-content;
    }

    .logigramme_operateur{
        img{
            width:80px;
        }
    }
    .img_grow{
        height:6em;
        img{
            width:5em;
        }
        &:hover img{
                width:15em;
                position:fixed;
                left:50%;
                top:40%;
                z-index:2;
                border : solid 1px rgb(111,111,111);
                border-radius:3px;
                box-shadow: 7px 7px 7px rgba(111, 111, 111,0.5);
            
        }
    }
    .by{
        display:inline;
        font-family:'Calibri';
        font-size:0.5em;
        font-style:italic;
        margin-left:2em;
        padding:0;
    }
    .blueC{
        color:rgb(0,111,224);
    }
    .blueF{
        color:rgb(0,45,122);
    }
    .cyan{
        color:rgb(0,153,153);
    }
    
    
}