@media all and (max-width: 2500px) {}

@media only screen and (max-width: 1366px) {
  :root {
    --unit: 9pt;
  }
}

@media only screen and (max-width: 1200px) {
  :root {
    --unit: 13pt;
  }

  body {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    overflow: auto;
    height: auto;
  }

  body.darkMode,
  body.lightMode {
    border: 0px solid;
  }

  main#home header {
    padding-top: 0px;
    padding-bottom: 0px;
    justify-content: space-around;
    flex-wrap: wrap;
    display: inherit;
    max-height: none;
  }

  .containerDownload,
  .dateDescribe,
  .weightDescribe,
  .downloadFile,
  nav {
    display: none;
  }

  nav {
    width: 100%;
  }

  /* header ul li a {
    padding-left:0px;
  } */

  header ul li.connexion {
    text-align: center;
    margin: auto;
    display: block;
  }

  header ul li.connexion, header ul li.switch {
    height: 40px;
    padding-right: 0px;
  }

  header ul li.switch .backSwitch {
    margin: auto;
  }

  header ul li.searchForm input {
    padding-right: 0px;
    padding-left: 0px;
  }

  #colophonContent .explications {
    margin: 10px;
  }

  #visualisation section .fichiers .containerFile .sourceFile .text p,
  main#home section .introFiche .contentReadme p,
  main#accueil section.texte .content p {
    padding-left: 0px;
    padding-right: 0px;
  }

  main#home section ul li .describe .containerPicto {
    width: 20%;
    align-items: center;
  }

  main#home section ul li .describe .nameDescribe {
    width: 70%;
  }

  main#home section ul li .describe span {
    padding-left: 3%;
    padding-right: 0%;
  }

  main#home section .introFiche {
    width: 100%;
    overflow-x: hidden;
    margin-left: 0px;
    padding-left: 0%;
    padding-right: 0%;
  }

  main#home section .introFiche .contentReadme {
    padding-left: 2%;
    padding-right: 2%;
    /* margin-top: 5vh;
    margin-bottom: 5vh; */
    /* text-align: center; */
  }

  main#accueil section .texte .content h2,
  main#accueil section .texte .content h3,
  main#accueil section .texte .content h4,
  main#accueil section .texte .content h5,
  main#accueil section .texte .content h6,
  main#home header .contentReadme h2,
  main#home header .contentReadme h3,
  main#home header .contentReadme h4,
  main#home header .contentReadme h5,
  main#home header .contentReadme h6 {
    max-width: none;
  }

  #visualisation section .fichiers .containerFile .sourceFile .text pre,
  main#home section .introFiche .contentReadme pre {
    width: 100%;
    padding: 0px;
    overflow-y: hidden;
  }

  #visualisation section .fichiers .containerFile .sourceFile .text pre code,
  main#home section .introFiche .contentReadme pre code {
    font-size: calc(var(--unit)*1.4);
  }

  #visualisation section .fichiers .containerFile .sourceFile .text {
    text-align: center;
  }

  #visualisation section .fichiers .containerFile .sourceFile .text h3 {
    max-width: 100%;
  }

  header {
    font-size: calc(var(--unit) * 4) !important;
  }

  header .menuTop, header ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    height: auto;
    justify-content: space-around;
    font-size: calc(var(--unit) * 2) !important;
  }

  header ul.menuTop li.searchForm {
    order: 4;
    flex: 100%;
    justify-content: flex-end;
  }

header ul li.searchForm .search{
    border-bottom: 0px;
}

.lightMode header ul li.searchForm .search{
    background: var(--white);
    width: 66.66vw;
}
.darkMode header ul li.searchForm .search{
    background: var(--violetBis);
}

  header ul.menuTop li.searchForm form {
    width: 100%;
  }

  header ul.menuTop li.searchForm form input {
    width: 66vw;
  }

  header ul.menuTop li.hamburger,
  header ul.menuTop li.switch,
  header ul.menuTop li.connexion {
    width: 33.33vw;
  }

  header ul.menuTop li.recupedia {
    text-align: center;
    display: block;
    height: 11vh;
    padding-top: 2vh;
    flex-direction: row;
    width: 100vw;
  }

  header ul li.recupedia, header ul li.connexion, header ul li.searchForm {
    background: transparent;
    width: 100vw;
    text-align: center;
    font-size: calc(var(--unit) * 1.5) !important;
  }

  header ul li.switch {
    width: 50%;
  }

  header ul li.hamburger {
    display: block;
    text-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
  }

  header ul li.searchForm .submit {
    width: 33.33vw;
  }

  .darkMode main#home section .infosFiche ul,
  .darkMode #visualisation section .infosFiche ul,
  .lightMode main#home section .infosFiche ul,
  .lightMode #visualisation section .infosFiche ul {
    flex-direction: column;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  main#home section .infosFiche ul li,
  #visualisation section .infosFiche ul li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  main#home section .infosFiche ul li.update{
    padding-right: 60px;
    text-align: left;
  }

  main#home section .infosFiche ul .editIcon,
  #visualisation section .infosFiche ul .editIcon {
    position: absolute;
    top: 12px;
    right: 10px;
  }

  main#home section .infosFiche ul li.download a:nth-last-of-type(1),
  #visualisation section .infosFiche ul li a:nth-last-of-type(1) {
    display: none;
  }

  main#home section .infosFiche ul li.download,
  #visualisation section .infosFiche ul li.download {
    padding-bottom: 0px;
    position: absolute;
    right: 10px;
  }

  main#home section .comments ul.commentsType .profileInfos,
  #visualisation .comments ul.commentsType .profileInfos {
    width: 30%;
  }

  main#home section .comments ul.commentsType .post,
  #visualisation section .comments ul.commentsType .post {
    width: 70%;
    padding-left: 5%;
  }

  .darkMode ::-webkit-scrollbar-thumb,
  .lightMode ::-webkit-scrollbar-thumb {
    border-bottom: 0px solid var(--violet);
  }

  header .breadCrumb {
    height: 55px;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  header .lang {
    width: 100vw;
  }

  header .lang .langue {
    width: 25vw;
  }

  /* header ul li{
  width: 100vw;
  height: auto;
} */
  header ul li:nth-of-type(1) {
    padding-left: 0%;
    width: 100vw;
    height: auto;
    /* text-align: center; */
  }

  .darkMode main#home,
  .lightMode main#home {
    border-right: 0px solid var(--violet);
  }

  .darkMode main {
    border-right: 0px solid var(--violet);
    border-left: 0px solid var(--violet);
  }

  main#home section.infosFiche ul {
    display: none;
  }

  aside#notes,
  #items, main#accueil details summary::-webkit-details-marker {
    display: none;
  }

  main#accueil {
    display: flex;
    flex-direction: column;
  }

  main#accueil section#agenda ul li .event {
    flex-direction: column;
    text-align: center;
  }

  main#accueil details>img {
    max-width: 100%;
  }


  header ul li.switch {
    font-size: 29px;
  }

  .lightMode main#accueil section#agenda ul li .event span:nth-of-type(1),
  .darkMode main#accueil section#agenda ul li .event span:nth-of-type(1) {
    border-right: 0px;
  }

  .darkMode main,
  .lightMode main {
    border-left: 0px;
    border-right: 0px;
  }

  .lightMode section#faq details[open] summary.title,
  .darkMode section#faq details[open] summary.title {
    border-bottom: 0px solid;
  }

  main#accueil section#agenda {
    padding-right: 0px;
  }

main#home section#agenda ul li .describe{
    flex-direction: column;
    margin-left: 0%;
  }

main#home section#agenda ul li .describe span:nth-of-type(1){
  font-size: 20px;
  text-decoration: underline;
}

.lightMode main#home section#agenda ul li .describe span:nth-of-type(1){
  text-decoration-color: var(--orangejuice);
}
.darkMode main#home section#agenda ul li .describe span:nth-of-type(1){
  text-decoration-color: var(--white);
}


  aside#items {
    display: none !important;
  }

  section#faq, main#accueil section .texte .content,
  main#accueil section#agenda,
  main#accueil section#recupedia {
    overflow-y: hidden;
  }

  section#agenda section.texte .content ul,
  section#agenda section.texte .content p,
  section#faq section.texte .content ul,
  section#faq section.texte .content p{
    font-size: calc(var(--unit)*1.2);
    padding-left: 20px;
    padding-right: 10px;
  }

  section#agenda section.texte .content ul li
  section#faq section.texte .content ul li{
    font-size: calc(var(--unit)*1.2);
  }

  section#itemsHome ul li .imgItems {
    width: 90vw;
  }

  section#itemsHome ul li span:nth-of-type(1){
    margin-bottom: 20px;
  }

  section#itemsHome ul li .imgItems img {
    width: 90vw;
  }

  main#accueil section#recupedia{
    height: 100%;
  }

  section#recupedia section.texte .content ul li, section#faq section.texte .content ul li, section#agenda section.texte .content ul li, main#accueil section.texte .content ul li{
    font-size: calc(var(--unit)*1.2);
  }

  section#faq header h2,
  main#accueil section#agenda header h2,
  main#accueil section#recupedia header h2,
  main#accueil section#itemsHome header h2{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    width: auto;
  }

  section#agenda details summary.title .describe span,
  section#faq details summary.title .describe span {
    font-size: calc(var(--unit)*1.5);
  }

  .lightMode section#faq,
  .lightMode main#accueil section#agenda,
  .lightMode main#accueil section#recupedia,
  .darkMode section#faq,
  .darkMode main#accueil section#agenda,
  .darkMode main#accueil section#recupedia {
    border: 0px solid;
  }

  .lightMode section#faq header h2,
  .lightMode main#accueil section#agenda header h2,
  .lightMode main#accueil section#itemsHome header,
  .lightMode main#accueil section#recupedia header h2,
  .lightMode main#accueil section#itemsHome header h2,
  .darkMode main#accueil section#itemsHome header h2,
  .darkMode section#faq header h2,
  .darkMode main#accueil section#itemsHome header,
  .darkMode main#accueil section#agenda header h2,
  .darkMode main#accueil section#recupedia header h2 {
    border-right: 0px solid;
  }

  main#accueil section#itemsHome {
    border-top: 1px solid var(--violet);
  }

  main#accueil header.headMarquee {
    display: none;
  }

  main#home section#agenda ul li .describe span,
  main#home section#faq ul li .describe span  {
    overflow: visible;
    white-space: normal;
  }

  #visualisation section .infosFiche .breadCrumb,
  main#home section .infosFiche .breadCrumb {
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  overflow-x: hidden;
  width: 100vw;
  }

  main#accueil header {
    width: 100%;
    height: 100px;
    align-items: center;
  }

  main#accueil section#recupedia .introRecupedia h1{
    margin-bottom: 1vh;
  }
  main#accueil section#recupedia .introRecupedia .imgRecupedia {
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
  }

  main#accueil .introRecupedia p {
    margin-left: 0px;
    margin-right: 0px;
  }

  .loading ul{
    position: absolute;
    left: 0;
    right: 0;
  }

  #visualisation section .fichiers .containerFile .sourceFile .text p,
  main#home section .introFiche .contentReadme p,
  #visualisation section .fichiers .containerFile .sourceFile .text ul li,
  main#home section .introFiche .contentReadme ul li,
  main#accueil section.texte .content ul li,
  main#accueil section.texte .content p,
  main#accueil .introRecupedia p {
    font-size: calc(var(--unit)*1.2) !important;
  }

  #visualisation section .fichiers .containerFile .sourceFile .text strong,
  main#home section .introFiche .contentReadme strong,
  #visualisation section .fichiers .containerFile .sourceFile .text p a,
  main#home section .introFiche .contentReadme p a,
  main#accueil section.texte .content p a,
  main#accueil section.texte .content strong {
    font-size: calc(var(--unit)*1.1) !important;
  }

  main#accueil section.texte .content ul {
    padding-left: 5px;
    padding-right: 10px;
  }

  main#accueil section .texte .content {
    overflow-x: hidden;
  }

  main#accueil section .texte .content footer .breadCrumb ul li {
    overflow-x: scroll;
  }

  main#accueil section .texte .content blockquote {
    margin: 0px;
  }

  main#accueil details summary.part ul li .describe {
    padding-left: 20px;
    width: 85vw;
  }

  section#agenda details summary.part ul li .describe, section#faq details summary.part ul li .describe{
    padding-bottom: 20px;
    padding-left: 0px;
  }

  section#faq details .backGif{
    width: 50vw;
  }

  section#faq details .backGif img{
    max-width: 50vw;
    max-height: 50vw;
  }

  main#accueil details summary.part ul li .describe span {
    display: inline-block;
  }

  section#itemsHome ul li span {
    display: block !important;
  }

  header .marquee {
    display: flex;
    height: 40px;
  }

  #visualisation section .fichiers .containerFile .sourceFile .text blockquote p,
  main#home section .introFiche .contentReadme blockquote p, main#accueil section .texte .content blockquote p {
    font-family: "LM-romanItal10";
    text-align: center;
    font-size: 2em !important;
    line-height: 1.2em !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 950px) {}