/*ex-oc-2-4-2*/



/*n-31*/
.C20 {
    border-top: 8px solid rgb(18, 212, 170);
    border-right: 7px dotted rgb(37, 130, 236);
    border-left: 6px dashed rgb(133, 61, 228);
    border-bottom: 10px double rgb(175, 53, 223);
}

/*n-30*/
.C19 {
    padding: 20px;
    margin:2%;
}

/*n-30a*/
.C19a {
    border-top: 3px solid #994fd6;
    border-right: 3px solid #994fd6;
    border-left: 3px solid #994fd6;
    border-bottom: 3px solid #994fd6;
}

/* Style supplémentaire et des cours précedents  */

/*n-23*/
.C11 {
    background: linear-gradient(#e1c3f7, #b3f7e8);
    padding: 5px 5px 5px 10px;
    margin-top: 15px;
}
       
/*n-17*/
.C5{
    background-size: cover;
}

/*n-16*/
.C4{
    background-attachment: fixed;
    padding: 10px 10px 10px 10px;
}

/*n-15*/
.C3{
    background-image: url("../images_oc/oc23.jpeg");
}



/*n-11*/
.opacite{
    color:rgba(228, 48, 228, 0.9);
}

/*n-10*/
.center {
    text-align:center;
    font-size: 80px;
    margin-top: 0px;

}

/*n-9*/
.S1 {
    text-decoration: underline;
} 

/*n-9a*/
.C2{
    color: rgb(20, 160, 51);
}

/*n-8*/
.Gras1 {
    font-weight:900;
}

/*n-8a*/
.G1{
    color: rgb(233, 126, 38);
}

/*n-7*/
.ma-classe-3 {
    font-style:italic;
    color:rgb(226, 50, 173);
}

/*n-6*/
h4 {
    font-size: 2em;
}

/*n-5a*/
/*dispo aussi :
    font-family: 'Libre Franklin', sans-serif;
    font-family: 'Manrope', sans-serif;  
*/
h3{
    font-family: 'Montserrat', sans-serif;
}

/*n-5*/
h1 {
    font-family: 'Libre Franklin', sans-serif;
}

/*n-4*/ 
#taille-1 {
    font-size: 23px;
}

/*n-3*/ 
.ma-classe-2 {
    color:rgb(156, 114, 233);
}

/*n-2*/ 
.ma-classe {
    color:rgb(110, 36, 196);
    margin: 20px 0px 10px 20px;
}

/*n-1*/
p, h1 {
    color:rgb(5, 170, 170);
}  

.img-oc {
    width: 400px;
    margin-left: 20px;
}