@font-face {
font-family: 'suisseintreg';
src: url(SuisseInt-Regular.ttf);
src: url('SuisseInt-Regular.ttf') format('truetype'),
     url('SuisseInt-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

  @font-face {
font-family: 'suisseintlight';
src: url(SuisseInt-Light.ttf);
src: url('SuisseInt-Light.ttf') format('truetype'),
     url('SuisseInt-Light.woff') format('woff');
font-weight: normal;
font-style: normal;
}

  @font-face {
font-family: 'copernicusmedium';
src: url(Copernicus-Medium.ttf);
src: url('Copernicus-Medium.ttf') format('truetype'),
     url('Copernicus-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}

    @font-face {
font-family: 'copernicusmediumitalic';
src: url(Copernicus-MediumItalic.ttf);
src: url('Copernicus-MediumItalic.ttf') format('truetype'),
     url('Copernicus-MediumItalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}

   @font-face {
font-family: 'eesti';
src: url(eestiultrabold.ttf);
src: url('eestiultrabold.ttf') format('truetype'),
     url('eestiultrabold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
   
@font-face {
font-family: 'eestithin';
src: url(eestithin.ttf);
src: url('eestithin.ttf') format('truetype'),
     url('eestithin.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'copernicus-book';
src: url(copernicus-book.ttf);
src: url('copernicus-book.ttf') format('truetype'),
     url('copernicus-book.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'copernicus-bookitalic';
src: url(copernicus-bookitalic.ttf);
src: url('copernicus-bookitalic.ttf') format('truetype'),
     url('copernicus-bookitalic.woff') format('woff');
font-weight: normal;
font-style: normal;
}




body {
    
margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}



#top {
    font-family: copernicus-book;
    color: #000000 ;
    line-height: 120%;
    width: 100%;
    background-color: #fbf7f0;
    top: 0;
    padding: 15px;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
    }

    #sousparties {
    background-color: #fbf7f0;
    top: 0;
    padding-left: 15px;
    box-sizing: border-box;
    justify-content: flex-start;
        flex-direction: column;
    flex-wrap: wrap;
    display: flex;

}

    #diaporama {
    background-color: #fbf7f0;
    top: 0;
    padding-top: 15px;
    box-sizing: border-box;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex;
        grid-row-gap: 15px;

}

.textsouspartie {
    font-family: copernicus-book;
    color:#8f8096  ;
    text-decoration: none;
     font-size: 13px;
    line-height: 140%;
    margin-right: 10px;
}
.textsouspartie:hover {
    font-family: copernicus-book;
    color: #76291e;
    text-decoration: none;
     font-size: 13px;
     line-height: 140%;
    margin-right: 10px;
}

.textsouspartieselected {
    font-family: copernicus-book;
    color:#76291e;
    text-decoration: none;
     font-size: 13px;
    line-height: 140%;
    margin-right: 10px;
}


#header {
    justify-content: space-between;
    display: flex;

}

#logo {

    height: 100%;
      display: block;
margin-bottom: 0;
    width: 70px;
}


    
}

#nav {
    display: flex;
  flex-flow: row wrap;
  grid-row-gap: 10px 20px;
  justify-content: right;
    flex-direction: column;
margin-bottom: 0;
width: 20%;}

.boutons {
    width: 100%;
   padding-top:1em;
  grid-gap: 4px;  
display: inline-grid;
        box-sizing: border-box;
  grid-template-columns: repeat(auto-fill, minmax(25em, 3fr));


}


#paragraphe {
    margin: auto;
    margin-top: 20px;
    margin-left: 50px;
    text-align: left;
    font-family: copernicus-book;
    color: #000000 ;
    font-size: 110%;
    line-height: 120%;
    width: 60%;

}
#txtimgcolumn1 {
    margin: auto;
    margin-top: 0px;
    margin-left: 0px;
      align-content: flex-start;
    text-align: center;
    font-family: copernicus-book;
    color: #000000 ;
    font-size: 13px;
    line-height: 140%;
    width: 100%;

}
#txtimgcolumn2 {
    margin: auto;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    font-family: copernicus-book;
    color: #000000 ;
    font-size: 100%;
    line-height: 140%;
    width: 80%;

}
.italic {
    font-family: copernicus-bookitalic;
    text-decoration: none;
    align-content: center;
}
.name {
    font-family: eestithin ;
    font-size: 1.3em;
    letter-spacing: 1.5px;
    color: #000  ;
    text-decoration: none;
    line-height: 120%;
    display: block;
    width: 60%;
}
.linktext {
    font-family: eestithin;
     letter-spacing: 1.5px;
    color:#8f8096  ;
    text-decoration: none;
     font-size: 100%;
    line-height: 120%;
    margin-right: 10px;
}
.linktext:hover {
    font-family: eestithin;
     letter-spacing: 1.5px;
    color: #76291e;
    text-decoration: none;
     font-size: 100%;
     line-height: 120%;
    margin-right: 10px;
}
.linktextimg{
    margin: auto;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    font-family: copernicus-book;
    color: #000000 ;
    font-size: 100%;
    line-height: 140%;
    width: 80%;
    text-decoration: underline;
}
.linktextimg:hover{
    margin: auto;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    font-family: copernicus-bookitalic;
    color: #000000 ;
    font-size: 100%;
    line-height: 140%;
    width: 80%;
    text-decoration: underline;
}
.returnbutton{
    margin: auto;
    text-align: left;
    font-family: copernicusmedium;
    color: #4a1483 ;
    font-size: 110%;
    line-height: 120%;
    text-decoration: none;
   
    
}
.returnbutton:hover{
    margin: auto;

    
    text-align: left;
    font-family: copernicusmedium;
    color: #76291e ;
    font-size: 110%;
    line-height: 120%;

}

#container {
    width: 100%;
    flex-direction: row;
    align-content: flex-start;
    display: flex;
  align-items: center;
  justify-content: center;
    
}


#column1 {
    display: flex;
    grid-row-gap: 5px;
    grid-column-gap: 30px;
    flex-wrap: wrap;
    width: 90%;
    margin-top: 10px;
    max-width: 900px;
}
#column2 {
    display: inline-flex;
    align-content: flex-start;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    flex-wrap: wrap;
    margin-left: 30px;
    margin-top: 30px;
    width: 40%;
}
#column3 {
    display: inline-flex;
    align-content: flex-start;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    flex-wrap: wrap;
    margin-left: 50px;
    margin-top: 30px;
    width: 100%;
}
.imgbig {
display: inline-flex;
    align-content: flex-start;
width:100%;
    
}
.imgsmall {
    width:80%
}
.imgmed {
    width:40%
    
}


.menu {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.menu:hover {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  opacity: 86%;
}

figure {display: flex;
  width: 100%;
  flex-direction: column;
    margin: 0;
    text-decoration-color: #8f8096;
     color: #8f8096;
    
}
figure:hover {display: flex;
  width: 100%;
  flex-direction: column;
    margin: 0;
    text-decoration-color: #8f8096;
     color:#76291e ;
}


figcaption {
    padding-left: 15px;
    padding-bottom: 5px;
  min-height: 65px;
  
}

.topic{
    font-family: eestithin ;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0; 
    margin-top: 8px;
   
}
.title{
    font-family: copernicus-book;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
    margin-top: 0;
}