/* Style exercices 3-1 et 3-2 */


body {
    font-family: 'Comme', sans-serif;
    color:rgb(99, 10, 182);
    padding: 10px;
}

header{
    background-image: url("../images_oc/oc23.jpeg");
    background-size: cover;
    background-attachment: fixed;   
}

.a2 { 
    text-align: center;      
    font-size: 65px;
    font-weight: bold;
    color: rgb(125, 30, 214)
} 

.div1 {
        font-family:Tahoma, sans-serif; 
        font-size: 35px;
        color: rgb(29, 170, 158);
        text-align: center; 
        margin-bottom: 25px;       
}

nav {
    margin: 10px 2px 10px 2px;
    padding: 8px;
    border: 0.5px solid rgb(95, 185, 238); 
    box-shadow: rgb(95, 185, 238) 1px 1px 12px inset;
    background-color: rgba(197, 226, 243, 0.7);
}

.img1 {
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 10px;
    width: 65px;
}
.img2 {
    
    border-radius: 10px;
    margin: 0 45%;
    width: 140px;
}

.img3 {
    width: 500px;
}

.a1{
    margin: 0 45%; 
}

.s1 {
    margin: 10px;
    padding: 8px;
    border: 0.5px solid rgb(100, 226, 188);
    border-radius: 2%; 
    box-shadow:rgb(100, 226, 188) 1px 1px 12px inset;
    background-color: rgba(213, 245, 235, 0.5);
}

.s2 {
    margin: 10px;
    padding: 20px;
    border: 0.5px solid rgb(177, 110, 240); 
    border-radius: 2%;
    box-shadow: rgb(177, 110, 240) 1px 1px 12px inset;
    background-color:rgba(228, 222, 235, 0.5);
}

a[title="ici"]{
    border: 0.5px solid rgb(100, 226, 188);
    border-radius: 30%; 
    box-shadow:rgb(146, 241, 213) 0px 0px 8px inset;
    background-color: rgba(213, 245, 235, 0.5);
    font-size: 14px
}

.s4 {
    margin: 1px;
    padding: 5px;
    border: 0.5px solid rgb(177, 110, 240); 
    border-radius: 2%;
    box-shadow: rgb(177, 110, 240) 1px 1px 12px;
    background-color:rgba(209, 178, 238, 0.05);
    text-align: center;
}


.s5 {
    margin: 15px;
    padding: 5px;
    border-radius: 2%;
    border: 0.5px solid rgb(95, 185, 238); 
    box-shadow: rgb(95, 185, 238) 1px 1px 12px inset;
    background-color: rgba(197, 226, 243, 0.7);
}

.s6 {
    margin: 15px;
    padding: 3px;
    border-radius: 2%;
    border: 0.5px solid rgb(238, 216, 95); 
    box-shadow: rgb(238, 228, 95) 1px 1px 12px inset;
    background-color: rgba(243, 238, 197, 0.7);
}