@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-display: swap;
    font-weight: 300; /* Light (optional, if used for subtle text) */
    src: local("Open Sans Light "), local("Open Sans-Light"),
         url(static/24f7b0944e9e03a905f9d7701573b2cd.woff2) format("woff2"),
         url(static/a7622f60c56ddd5301549a786b54e6e6.woff) format("woff");
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-display: swap;
    font-weight: 400; /* Regular (required) */
    src: local("Open Sans Regular "), local("Open Sans-Regular"),
         url(static/33543c5cc5d88f5695dd08c87d280dfd.woff2) format("woff2"),
         url(static/de0869e324680c99efa1250515b4b41c.woff) format("woff");
}

@font-face {
    font-family: Open Sans;
    font-style: italic;
    font-display: swap;
    font-weight: 400; /* Italic (required) */
    src: local("Open Sans Regular italic"), local("Open Sans-Regularitalic"),
         url(static/b61a9055d92ac56c15cacf4271d4f072.woff2) format("woff2"),
         url(static/06b4bfda4e139eaf3ab9872a6d66f42f.woff) format("woff");
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-display: swap;
    font-weight: 700; /* Bold (required for <strong>/<h2>) */
    src: local("Open Sans Bold "), local("Open Sans-Bold"),
         url(static/0edb76284a7a0f8db4665b560ee2b48f.woff2) format("woff2"),
         url(static/1f85e92d8ff443980bc0f83ad7b23b60.woff) format("woff");
}

body {
    font-family: Open Sans, Arial;
    color: #454545;
    font-size: 16px;
    margin: 2em auto;
    max-width: 800px;
    padding: 1em;
    line-height: 1.6;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Add space after the <br> tag inside list items */
#expertise-technique ul li + li {
    margin-top: 0.75em;
  }
  
  #expertise-technique ul li br::after {
    content: "";
    display: block;
    margin-bottom: 0.75em; /* Adjust as needed */
  }
  
section {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  

html.contrast body {
    color: #050505;
}

html.contrast blockquote {
    color: #11151a;
}

html.contrast blockquote:before {
    color: #262626;
}

html.contrast a {
    color: #03f;
}

html.contrast a:visited {
    color: #7d013e;
}

@media screen and (prefers-color-scheme: light) {
    html.inverted {
        background-color: #000;
    }

    html.inverted body {
        color: #d9d9d9;
    }

    html.inverted #contrast,
    html.inverted #invmode {
        color: #fff;
        background-color: #000;
    }

    html.inverted blockquote {
        color: #d3c9be;
    }

    html.inverted blockquote:before {
        color: #b8b8b8;
    }

    html.inverted a {
        color: #00a2e7;
    }

    html.inverted a:visited {
        color: #ca1a70;
    }

    html.inverted.contrast {
        background-color: #000;
    }

    html.inverted.contrast body {
        color: #fff;
    }

    html.inverted.contrast #contrast,
    html.inverted.contrast #invmode {
        color: #fff;
        background-color: #000;
    }

    html.inverted.contrast blockquote {
        color: #f8f6f5;
    }

    html.inverted.contrast blockquote:before {
        color: #e5e5e5;
    }

    html.inverted.contrast a {
        color: #44c7ff;
    }

    html.inverted.contrast a:visited {
        color: #e9579e;
    }

}

@media (prefers-color-scheme: dark) {
    html:not(.inverted) {
        background-color: #000;
    }

    html:not(.inverted) body {
        color: #d9d9d9;
    }

    html:not(.inverted) #contrast,
    html:not(.inverted) #invmode {
        color: #fff;
        background-color: #000;
    }

    html:not(.inverted) blockquote {
        color: #d3c9be;
    }

    html:not(.inverted) blockquote:before {
        color: #b8b8b8;
    }

    html:not(.inverted) a {
        color: #00a2e7;
    }

    html:not(.inverted) a:visited {
        color: #ca1a70;
    }

    html:not(.inverted).contrast {
        background-color: #000;
    }

    html:not(.inverted).contrast body {
        color: #fff;
    }

    html:not(.inverted).contrast #contrast,
    html:not(.inverted).contrast #invmode {
        color: #fff;
        background-color: #000;
    }

    html:not(.inverted).contrast blockquote {
        color: #f8f6f5;
    }

    html:not(.inverted).contrast blockquote:before {
        color: #e5e5e5;
    }

    html:not(.inverted).contrast a {
        color: #44c7ff;
    }

    html:not(.inverted).contrast a:visited {
        color: #e9579e;
    }


    html.inverted html {
        background-color: #fefefe;
    }
}

a {
    color: #07a;
}

a:visited {
    color: #941352;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

small {
    font-size: .4em;
}

p.st {
    margin-top: -1em;
}

div.fancyPositioning div.picture-left {
    float: left;
    width: 40%;
    overflow: hidden;
    margin-right: 1em;
}

div.fancyPositioning div.picture-left img {
    width: 100%;
}

div.fancyPositioning div.picture-left figure {
    margin: 10px;
}

div.fancyPositioning div.picture-left figure figcaption {
    font-size: .7em;
}

div.fancyPositioning div.tleft {
    float: left;
    width: 55%;
}

div.fancyPositioning div.tleft p:first-child {
    margin-top: 0;
}

div.fancyPositioning:after {
    display: block;
    content: "";
    clear: both;
}

ul li img {
    height: 1em;
}

blockquote {
    color: #456;
    margin-left: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

blockquote span {
    float: left;
    margin-left: 1rem;
    padding-top: 1rem;
}

blockquote author {
    display: block;
    clear: both;
    font-size: .6em;
    margin-left: 2.4rem;
    font-style: oblique;
}

blockquote author:before {
    content: "- ";
    margin-right: 1em;
}

blockquote:before {
    font-family: Times New Roman, Times, Arial;
    color: #666;
    content: open-quote;
    font-size: 2.2em;
    font-weight: 600;
    float: left;
    margin-top: 0;
    margin-right: .2rem;
    width: 1.2rem;
}

blockquote:after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 500px) {
    body {
        text-align: left;
    }

    div.fancyPositioning div.picture-left,
    div.fancyPositioning div.tleft {
        float: none;
        width: inherit;
    }

    blockquote span {
        width: 80%;
    }

    blockquote author {
        padding-top: 1em;
        width: 80%;
        margin-left: 15%;
    }

    blockquote author:before {
        content: "";
        margin-right: inherit;
    }
}

span.visited {
    color: #941352;
}

span.visited-maroon {
    color: #85144b;
}

button.cont-inv {
    cursor: pointer;
    border-radius: 2px;
    position: fixed;
    right: 10px;
    font-size: .8em;
    border: 0;
    padding: 2px 5px;
}

#contrast {
    color: #000;
    top: 10px;
}

#contrast,
#invmode {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#invmode {
    color: #fff;
    background-color: #000;
    position: fixed;
    top: 34px;
}

@media screen and (max-width: 1080px) {
    #contrast,
    #invmode {
        position: absolute;
    }
}

p.fakepre {
    font-family: monospace;
    font-size: .9em;
}

img[src$=".svg"] {
    filter: invert(1);
}

blockquote {
    quotes: "“" "”"; /* Define curved quotes */
}

/* Color Classes */

.dante {
    color: rgb(196,6,43); /* Dante color is set to red */
}

.smaart {
    color: rgb(2, 115, 103); /* Smaart® color */
}

.clearcom {
    color: rgb(1, 51, 160); /* Clearcom color */
}

.avid {
    color: rgb(111, 36, 142); /* Avid color */
}

.rbw {
    color: rgb(255, 69, 0); /* Le meilleur son color (example) */
}

#expertise-technique ul li {
    margin-bottom: 5px; /* Espace entre les éléments de la liste */
}