/*basic formatting: eight, colors*/ 



.accentColor {
    color: var(--colorAccent);
}

.accentColorDimmed {
    color: var(--colorAccentDimmed);
}

.secondColor {
    color: var(--colorSecond);
}

.thirdColor, a {
    color: var(--colorThird);
    text-decoration: underline 1px;
}

.accentColorHighlight {
text-decoration: underline var(--colorAccent) 1em;
color: var(--colorBg);
    text-underline-offset: -.80em;
   text-decoration-skip-ink: none;
}

.accentColorDimmedHighlight {
   text-decoration: underline var(--colorAccentDimmed) 1em;
    text-underline-offset: -.90em;
   text-decoration-skip-ink: none;


}

.thirdColorHighlight {
text-decoration: underline var(--colorThird) 1.25em;
color: var(--colorBg);
    text-underline-offset: -.90em;
   text-decoration-skip-ink: none;
}

.secondColorHighlight {
text-decoration: underline var(--colorSecond) 1.25em;
color: var(--colorBg);
    text-underline-offset: -.90em;
   text-decoration-skip-ink: none;
}




strong, b {
  font-weight: bold;
}

em {
  font-style: italic;
}

/*titres*/

h1, h2, h3, h4 {
  line-height: 115%;
}


h2:not(#sectionAbout h2) {
    font-size: calc(var(--sizeFontBase) * 1.5);
    font-weight: 800;
    margin-top: calc(var(--sizeFontBase) *2);
    color: var(--colorBg);
      
   width: 100%;
   background-color: var(--colorMain);
   padding:  calc(var(--sizeFontBase) * 0.25) ;

}


 h4:not(#sectionCH h4) {
    font-size: calc(var(--sizeFontBase) * 1);
    font-weight: 500;
     margin-top: calc(var(--sizeFontBase) * .5);
        margin-bottom: 0!important;
}


h3 {
    font-size: calc(var(--sizeFontBase) * 1.5);
    font-weight: 700;
        margin-top: calc(var(--sizeFontBase) *.25);

}

h5 {
        margin-top: calc(var(--sizeFontBase) * .5);

}

/* paragraphes, listes, quotes*/


p, li {
    line-height: 1.25em;
    font-size: var(--sizeFontBase)
;
}

blockquote p {
  display: block!important;
      line-height: 1.25em;
}

blockquote {
  padding-left: calc(var(--sizeFontBase)*1);
  border-left: solid var(--colorThird) 2px;
          font-size: calc(var( --sizeFontBase) * 2.5);
 margin-top: calc(var(--sizeFontBase)*2);
     line-height: 1.25em;
     max-width: 50%;


}

/* sectionAbout*/

#sectionAbout {
    margin-bottom:  calc(var(--sizeFontBase) * 3);
}
#sectionAbout h1 {
    font-size: calc(var(--sizeFontBase) * 3.5);
    font-weight: 800;
}


#sectionAbout h2 {

    font-size: calc(var(--sizeFontBase) * 2);
    font-weight: 500;
}

#sectionAbout h3 {
    font-size: calc(var(--sizeFontBase) * 1);
    font-weight: 500;
        margin-top: calc(var(--sizeFontBase) *2);

}



#sectionAbout img {
    width: calc(var(--sizeFontBase) * 12.5);
    margin: calc(var(--sizeFontBase) * 1.5);
}

#nowThen p {
    margin: calc(var(--sizeFontBase) * .5) 0 0 0 ;
    font-size: var(--sizeFontBase);

}

#nowThen span {
    font-weight: 700;
}

/* sectionNews */


h2#sectionNews  {
    margin-bottom: calc(var(--sizeFontBase)*.5);
}
.newsItem span::after {
    font-weight: 300;
            font-size: calc(var(--sizeFontBase) * .75);


}

.newsItem li::marker {
    content: '✧ ';
    color: var(--colorAccent);
}

.newsItem li {
    list-style-position: inside;
    line-height: 125%;
}

.newsItem .talk::after {
    content: ' (Talk)';

}


.newsItem .publication::after {
    content: ' (Publication)';

}


.newsItem .participation::after {
    content: ' (Participation)';

}


.newsItem .organisation::after {
    content: ' (Organisation)';

}


.newsItem strong {
    font-weight: 500;
}

.newsDiv summary {
    font-size: var(--sizeFontBase);
    margin: calc(var(--sizeFontBase) * .5) 0 0  calc(var(--sizeFontBase) * .25);
    font-weight: 500;
}

/* publications*/

.videoVedette {
    width: 100%;
}

.videoVedette video {
    width: 100%;
}
.notVedette {
    max-width: 33%!important;
    
}

.publicationsList .authors,
.publicationsList .venue {
    font-size: calc(var(--sizeFontBase) * 0.8);
    font-weight: 600;

}
.publicationsList .authors {
    font-weight: 500;
    
}

.publicationsList .authors::before {
    content: 'Authors: ';
}

.publicationsList .authors {
    margin: calc(var(--sizeFontBase) * .25)  0 ;
}

.publicationsList .abstract {
    padding: 0 0 calc(var(--sizeFontBase) * .5) 0 ;
    border-bottom: dashed 2px var(--colorAccentDimmed);
}

.publicationsList .abstract p {
        margin:0 0 calc(var(--sizeFontBase) * .25)   0;

}

.publicationsList img {
     margin: calc(var(--sizeFontBase) * .5)   0;
}

.abstract li { 
    list-style-type: '✳ ';
    font-size:calc(var(--sizeFontBase) * .75)  ;
    list-style-position: inside;

}

.abstract li::marker {
    color: var(--colorAccent);
}

.abstract ul {
    margin-top: calc(var(--sizeFontBase) * .5) ;
}
/* sectionCV */

#sectionCV  h1{
        font-size: calc(var(--sizeFontBase) * 2.5);
    font-weight: 800;
}

#sectionCV h3 {
    margin-top: calc(var(--sizeFontBase) * .5);
}

#sectionCV h4 {
       
        text-decoration: underline var(--colorAccentDimmed) 1em;
    text-underline-offset: -.80em;
   text-decoration-skip-ink: none;
}

#sectionCV ul {
    list-style-position: inside;
        margin-top: calc(var(--sizeFontBase) * .5);

}

#sectionCV li:nth-child(1) {
    font-weight: 700;
}

#sectionCV li:nth-child(1) em {
    font-weight: 400;
    font-style: normal;
}

#sectionCV li:nth-child(1)::marker {
    content: '✦ ';
}

#sectionCV li:nth-child(2) {
    font-weight: 500;
}


#sectionCV li:nth-child(3),
#sectionCV li:nth-child(4)  {
    color: var(--colorThird);
}


/* might met*/

div#mightMet {
        margin: auto;
    border: solid var(--colorMain) calc(var(--sizeFontBase) * 0.15);
    margin-top: var(--sizeFontBase);
            padding: var(--sizeFontBase);

    overflow: hidden;
}

#mightMet ul {
        padding: calc(var(--sizeFontBase) * .5);

    display:inline-flex;
    overflow-x: scroll;
    overflow-y: hidden;
      scrollbar-color: var(--colorMain) var(--colorSecond);
  scrollbar-width: thin;
    max-width: calc(100% - var(--sizeFontBase) *1.5);

}

#mightMet li {
    max-width: 33%;
    flex-shrink: 0;
    border-right: solid var(--colorMain) calc(var(--sizeFontBase) * 0.15);
    margin-right: var(--sizeFontBase);
     padding-right: var(--sizeFontBase);
}

/*section Design*/

.designProjectsPresentation  div {
      width: calc(100% - var(--sizeFontBase)*2);
  
}
.designProjectsPresentation p {
    display: flex;
    margin-top: var(--sizeFontBase);
    flex-wrap: wrap;
    justify-content:space-around;
    background-color: black;
    padding: calc(var(--sizeFontBase));
    width: calc(100% - var(--sizeFontBase)*2);
}

.designProjectsPresentation  img {
    height: auto;
}


/* design collection */

#sectionDesignColl h1 {
        font-size: calc(var(--sizeFontBase) * 2.5);
    font-weight: 800;
}

#sectionDesignColl p,
#sectionDesignColl li {
    line-height: normal;
    max-width: 66%;
}
#sectionDesignColl li  {
    list-style-type: '✳ ';
    list-style-position: inside;
}

#sectionDesignColl li::marker {
    color: var(--colorAccent);
}

#sectionDesignColl span::after {
content: '|';
}


#sectionDesignColl p:has(img) {
    max-width: none;
}

div.oneDesignProject {
       margin: auto;
    border-bottom: solid var(--colorMain) calc(var(--sizeFontBase) * 0.15);
    margin-top: var(--sizeFontBase);
            padding: var(--sizeFontBase);

    overflow: hidden;
}

.oneDesignProject details {
    margin-top: calc(var(--sizeFontBase));
    font-size: var(--sizeFontBase );
}