@font-face {
    font-family: 'SuisseIntlRg';
      src: url('../font/SuisseIntl-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SuisseIntlIt';
    src: url('../font/SuisseIntl-RegularItalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


Button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
}

/* Remove excess padding and border in Firefox 4+ */
::-moz-focus-inner {
    border: 0;
    padding: 0;
}


html {
  height: 100%;
}

body{
    font-size: 15px;
    font-family: "SuisseIntlRg";
    margin: 0;
    height: calc(100vh);
    overflow-y: scroll;
    overflow-x: hidden;
    background: lightgray;
}


.line {
    height: 20%;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

#half{
    width: calc(48% - 2.5px);
    float: left;
    /* background-color: lightyellow; */
}

.container {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: 5px;
}

p{
    font-size: 20px;
    line-height: 1.4em;
    margin-top: 0;
}

p {
    margin-bottom: 0 }
  p + p {
    text-indent: 1.5em;
    margin-top: 0 }

#notation {
    margin-right:30px;
    margin-top: 57px;
}

h1{
    font-style: normal;
font-weight: initial;
font-size: 20px;
text-decoration: underline;
}

.titrefixe{
    font-size: 20px;
    position: fixed;
}

hr {
    border-top: 1.33px solid black;
    width: 100%;
}

.separator {
    display: inline-block;
    width: 96%;
    clear: both;
    margin-top: 15px;
}

.separator > span {
margin-right: 5px;}

.italic{
    font-family: 'SuisseIntlIt';
}

img{
    width: 100%;
    margin-top: 10px;
}

.gallery{
    width:50%;
    display: inline-block;
    overflow: auto;
}

.imageLegende{
    
}