* {
    box-sizing: border-box; /* padding and border include */
}

h1{
    color: darkblue;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

h3{
    margin-top: 0;
    margin-bottom: 0;
}
.titre h3 a{
    text-decoration: none;
    color: rgb(13, 8, 111);
}
.main{
    min-width: 800px;
    margin: 0 auto;
}

.titre {
    background-color: rgb(13, 8, 111);
    display: flex;
    flex-direction: row;
}
.titre{
    column-gap: 50px;
}
.titre h3{
    padding: 5px;
    cursor: pointer;    
    font-family: 'tarponmotelregular';
}
.titre h3:hover{
    color: darkred;
    background-color:  rgb(151, 174, 248);
}

.stitre{
    background-color: rgb(151, 174, 248);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

[class^="s-menu"]{
    display: flex;
    gap: 5px;
}

ul{
    margin-top: 3px;
    margin-bottom: 3px;
}

[class^="s-menu"] li{
    list-style: none;
    padding: 5px;
}

[class^="s-menu"] li a{
    color: white;
    text-decoration: none;
    font-weight: bold;
}

[class^="s-menu"] li::after{
    content: ' | ';
    color: white;
    font-weight: bold;
}
.s-menu2,.s-menu3{
    display:none;
}