@import url(https://fonts.googleapis.com/css?family=Quicksand&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css?family=Monoton&display=swap);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond|Work+Sans:700);

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  -webkit-font-smoothing: antialiased;
}

body {
    font: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
}

center {
  text-align: center;
}

.spip_document-center {
  text-align: center;
}

img {
    display: flex;
    -webkit-transition: all 0.5s;
    -webkit-filter: grayscale(100%);
}

img:hover {
    -webkit-filter: none;
}

img.brightness:hover {
    -webkit-filter: brightness(1);
}


.black {
  background: #000000;
  color: #000000;
  font-size: 0.1rem;
}

#zibaldone {
  padding-right: 90px;
  padding-left: 90px;
  padding-top: 90px;
  padding-bottom: 90px;
  font-size: 3px;
}

#map {
  padding-right: 90px;
  padding-left: 90px;
  padding-top: 90px;
  font-size: 3px;
}

#header {
  padding: 10.5%;
  background: #130E0A;
  color: #DCDCDC;
  width: 100%;
}

#header a:link {color:#cccccc;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
#header a:visited {color:#cccccc;} /* visited link */ 
#header a:hover {color:#ffffff;} /* mouse over link */ 
#header a:active {color:#cccccc;} /* selected link */

.lastnext {
    font: 28px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  letter-spacing: 2px;

}



#contenu {
  background: #DCDCDC;
  color: #2D241E;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 90px;
}


#contenu a:link {color:#130E0A;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
#contenu a:visited {color:#130E0A;} /* visited link */ 
#contenu a:hover {color:#111111;} /* mouse over link */ 
#contenu a:active {color:#130E0A;} /* selected link */


.texte {
  margin-bottom: 2.5em;
  padding-left: 10px;
  width: 69%;
  font: 22px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  line-height: 1.60;

}

.texte a:link {color:#130E0A;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
.texte a:visited {color:#130E0A;} /* visited link */ 
.texte a:hover {color:#111111;} /* mouse over link */ 
.texte a:active {color:#130E0A;} /* selected link */

.ecriture-courrier {
  font-family: Courier New, Courier, monospace;
  font-size: 17px;
}

#inrubrique {
  margin-bottom: 2.5em;
  padding-left: 90px;
  padding-top: 100px;
  background: #DCDCDC;
  font: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
}

#inrubrique a:link {color:#130E0A;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
#inrubrique a:visited {color:#130E0A;} /* visited link */ 
#inrubrique a:hover {color:#111111;} /* mouse over link */ 
#inrubrique a:active {color:#130E0A;} /* selected link */

ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px; }
ul.plansite li {
  border-left: 1px solid black;
  color: black;
  margin: 0;
  padding: 0; }
ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: black;
  border-bottom: 1px solid black; }
ul.plansite li strong {
  font-size: 105%; }

#fakebody {
  background: #DCDCDC;
  color: #2D241E;
  height: 80px;
}

#home {
  color: #2D241E;
  font-size: 3.2rem;
  font-style: bold;
  position: absolute;
  top: 43%;
  text-align: center;
  width: 100%;
}

#fondhome {
  text-align: justify;
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom: 30px;
}

#titrerub {
  font: 65px 'Monoton', sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
   text-align: right;
   padding-right: 100px;
   padding-top: 75px;
   background: #DCDCDC;
   color: #2D241E;
}

#rubriques {
  padding-left: 90px;
  padding-right: 600px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
}


#anneejournal {
  background: #DCDCDC;
  color: #2D241E;
  padding-left: 120px;
  line-height: 1.3px;
  font: 18px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
}


#anneejournal a img {
    display: flex;
    -webkit-transition: all 0.5s;
    -webkit-filter: grayscale(100%);
}

#anneejournal a img:hover {
    -webkit-filter: none;
}

#anneejournal a img.brightness:hover {
    -webkit-filter: brightness(1);
}



#annees {
  background: #DCDCDC;
  color: #2D241E;
  padding-left: 90px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
}


#annees a:link {color:#130E0A;text-decoration:none;}  /* unvisited link */ 
#annees a:visited {color:#130E0A;} /* visited link */ 
#annees a:hover {color:#111111;border-bottom:2px dotted} /* mouse over link */ 
#annees a:active {color:#130E0A;} /* selected link */


#vingtcinq {
  padding-left: 22%;
  text-align: left;
  font-size: 165px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

  
}

#vingtquatre {
  padding-left: 19%;
  text-align: left;
  font-size: 162px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

  
}

#vingttrois {
  padding-left: 16%;
  text-align: left;
  font-size: 158px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

  
}

#vingtdeux {
  padding-left: 11%;
  text-align: left;
  font-size: 146px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

  
}

#vingtetun {
  padding-left: 6%;
  text-align: left;
  font-size: 132px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

  
}

#vingt {
  padding-left: 1%;
  text-align: left;
  font-size: 128px;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

  
}

#vingt a:link {color:#130E0A;text-decoration:none;}  /* unvisited link */ 
#vingt a:visited {color:#130E0A;} /* visited link */ 
#vingt a:hover {color:#111111;border-bottom:2px dotted} /* mouse over link */ 
#vingt a:active {color:#130E0A;} /* selected link */



#dixneuf {
  padding-left: 6%;
  text-align: left;
  font-size: 116px;
}


#dixhuit {
  padding-left: 11%;
  text-align: left;
  font-size: 110px;
}



#dixsept {
  padding-left: 16%;
  text-align: left;
  font-size: 100px;
}


#seize {
  padding-left: 21%;
  text-align: left;
  font-size: 92px;
}


#quinze {
  padding-left: 26%;
  text-align: left;
  font-size: 85px;
}


#quatorze {
  padding-left: 31%;
  text-align: left;
  font-size: 80px;
}


#treize {
  padding-left:36%;
  text-align: left;
  font-size: 75px;
}


#douze {
  padding-left: 41%;
  text-align: left;
  font-size: 67px;
}


#onze {
  padding-left: 46%;
  text-align: left;
  font-size: 60px;
}


#dix {
  padding-left: 34%;
  text-align: left;
  font-size: 54px;
}

#neuf {
  padding-left: 30%;
  text-align: left;
  font-size: 44px;
}

#huit {
  padding-left: 26%;
  text-align: left;
  font-size: 35px;
}

#jcdt {
  padding-left: 22%;
  text-align: left;
  font-size: 28px;
}

#avant1 {
  padding-left: 18%;
  text-align: left;
  font-size: 24px;
}

#avant2 {
  padding-left: 14%;
  text-align: left;
  font-size: 20px;
}

#avant3 {
  padding-left: 10%;
  text-align: left;
  font-size: 17px;
}

#avant4 {
  padding-left: 6%;
  padding-bottom: 50px;
  text-align: left;
  font-size: 12px;
}

#descriptionrub {
  font: 18px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
   text-align: right;
   float: right;
   width: 50%;
   text-transform: lowercase;
   letter-spacing: 1px;
  
}


.descriptionrub a:link {color:#130E0A;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
.descriptionrub {color:#130E0A;} /* visited link */ 
.descriptionrub {color:#111111;} /* mouse over link */ 
.descriptionrub {color:#130E0A;} /* selected link */

#djournal {
  font: 18px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
   text-align: right;
  position: absolute;
  top: 210px;
  right: 100px;
   width: 50%;
   text-transform: lowercase;
   letter-spacing: 1px;
  
}

.sousrub {
  font: 25px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  font-style: bold;
  text-transform: uppercase;
}

.dsousrub {
  font: 18px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  font-style: italic;
  text-transform: lowercase;
}

.ssjournal {
          font-size: 15px;
          padding-top: 150px;
        
}

#footer {
  padding: 2.5%;
  padding-right: 100px;
  padding-left: 25%;
   font: 10px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
   text-align: right;
   background: #DCDCDC;
   color: #2D241E;
   
}

#footer a:link {color:#130E0A;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
#footer a:visited {color:#130E0A;} /* visited link */ 
#footer a:hover {color:#111111;} /* mouse over link */ 
#footer a:active {color:#130E0A;} /* selected link */


#footer-home {
  position: fixed;
  bottom: 0;
  padding: 2.5%;
  padding-right: 100px;
  padding-left: 25%;
   font: 1.1rem "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
   text-align: right;
   background: #DCDCDC;
   color: #2D241E;
   z-index: -9999;
   
}


#notes {
   font: 18px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
   padding-left: 90px;
   padding-right: 90px;
   padding-top: 30px;
   padding-bottom: 30px;
   background: #130E0A;
   color: #DCDCDC;
}

#notes a:link {color:#cccccc;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
#notes a:visited {color:#cccccc;} /* visited link */ 
#notes a:hover {color:#ffffff;} /* mouse over link */ 
#notes a:active {color:#cccccc;} /* selected link */
#notes img {max-width: 100%;height:auto;}



#revisions {
   font: 14px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
   padding: 90px;
   background: #DCDCDC;
   color: #2D241E;
}

#revisions a:link {color:#130E0A;border-bottom:2px dotted;}  /* unvisited link */ 
#revisions a:visited {color:#130E0A;} /* visited link */ 
#revisions a:hover {color:#111111;} /* mouse over link */ 
#revisions a:active {color:#130E0A;} /* selected link */


#info-img {
 width: 100%;
   font: 1.1rem "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
   text-align: center;
   padding: 90px;
   background: #DCDCDC;
   color: #2E241E;
 
}

#signature {
  font: 10px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  text-align: right;
}

.lastnext {
    font: 25px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  letter-spacing: 2px;
  margin-right: 10px;
  text-align: right;

}





#titre {
  font: 75px 'Monoton', sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 0em;
  text-align: right;
}



#tjournal {
  font: 75px 'Monoton', sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
   text-align: right;
   position: absolute;
   right: 100px;
   top: 75px;
}

#ariane

{
  font: 18px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  text-transform: lowercase;
    opacity: 90%;
  text-align: right;
  margin-bottom: 1em;
}

#infotag

{
  font: 16px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
    opacity: 90%;
  text-align: right;
  margin-bottom: 1em;
}

#motscles

{
  font: 16px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  text-transform: lowercase;
    opacity: 90%;
  text-align: right;
  width: 40%;
  float: right;
}

#navarticles {
  text-align: center;
  z-index: 50;
  font: 2rem "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  text-transform: lowercase;
    opacity: 90%;
    position: absolute;
    top: 30px;
    left: 50%;
}


#navarticles2 {
  text-align: center;
  font: 2rem "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  text-transform: lowercase;
    opacity: 90%;
    padding-bottom: 80px;
}



#contact { 
background: #130E0A;
color: #DCDCDC;
padding-left: 66px;
padding-right: 66px;
font: 12px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
}

#contact a:link {color:#cccccc;border-bottom:2px dotted;border-color:#2F4F4F;text-decoration:none;}  /* unvisited link */ 
#contact a:visited {color:#cccccc;border-bottom:2px dotted;border-color:#2F4F4F;text-decoration:none;} /* visited link */ 
#contact a:hover {color:#ffffff;border-bottom:2px dotted;border-color:#FFFFFF;text-decoration:none;} /* mouse over link */ 
#contact a:active {color:#cccccc;border-bottom:2px dotted;border-color:#2F4F4F;text-decoration:none;} /* selected link */
  
.cavalier {
width: 33%;
vertical-align: top;
}

.fou {
  width: 33%;
  vertical-align: top;
}

.pion {
  width: 33%;
  vertical-align: top;
}

.titrebn {
  font-size: 1.3rem;
  text-align: center;
  vertical-align: top;
}

blockquote {
  font-size: 20px;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #5A5E6B;
  line-height: 1.4em;
}

details {
  margin: 10px;
}

details > summary {
   text-decoration: bold;
}

details > summary .titrebn {
  font-size: 1.3rem;
  text-align: center;
  vertical-align: top;
}

details > summary::-webkit-details-marker {
  font-size: 1rem;
}


nav {
  mix-blend-mode: difference;
  z-index: 9999;
}


a:link {text-decoration:none;}  /* unvisited link */ 

nav ul {
  position: fixed;
  top: 60px;
  right: 5px;
  height: 100vh;
  visibility: hidden;
  pointer-events: none;
  list-style: none;
  width: 35px;
}
nav ul li {
  font: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  font-size: 25px;
  color: #130E0A;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0.75em 0;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}




nav.active ul {
  visibility: visible;
  pointer-events: initial;
  transition-delay: 0.2s;
}

.nav-icon {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  position: fixed;
  top: 15px;
  right: 15px;
  transition: background 0.3s;
  width: 35px;
}
.nav-icon span {
  position: absolute;
  top: 15px;
  left: 5px;
  background: #fff;
  display: block;
  height: 3px;
  right: 5px;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.nav-icon span:before, .nav-icon span:after {
  width: 100%;
  height: 3px;
  background: #fff;
  content: "";
  display: block;
  left: 0;
  position: absolute;
}
.nav-icon span:before {
  top: -8px;
}
.nav-icon span:after {
  bottom: -8px;
}
.active .nav-icon span {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}



.titre-menuf {
position: fixed;
right: 50px;
top: 15px;
font-size: 35px;
text-align: right;
  overflow: hidden;
    cursor: pointer;
    font-size: 1.2em;
  mix-blend-mode: difference;
  color: #DCDCDC;
  z-index: 9999;
  
}


.menuf {
position: fixed;
right: 40px;
top: 45px;
text-align: right;
overflow: visible;
    cursor: pointer;
    font-size: 1.2em;
  mix-blend-mode: difference;
    list-style: none;
  width: 35px;
   color: #DCDCDC;

  
}




.titre-menuj {
position: fixed;
left: 35px;
top: 15px;
text-align: left;
font-size: 1.2em;
overflow: hidden;
cursor: pointer;
 color: #DCDCDC;


  
    
}



.menuj {
position: fixed;
left: 30px;
top: 45px;
text-align: left;
font-size: 1.2em;
overflow: visible;
cursor: pointer;
  mix-blend-mode: difference;
   color: #DCDCDC;
  
    
}



.show {
  display: block;
}


.titre-menun {
position: fixed;
left: 35px;
bottom: 15px;
text-align: left;
font-size: 1.2em;
overflow: hidden;
cursor: pointer;
  mix-blend-mode: difference;
   color: #DCDCDC;
    
}

.menun {
position: fixed;
left: 30px;
bottom: 50px;
text-align: left;
font-size: 1.2em;
overflow: visible;
cursor: pointer;
  mix-blend-mode: difference;
  
    
}





.show {
  display: block;
}


.titre-menut {
position: fixed;
right: 50px;
bottom: 15px;
text-align: left;
font-size: 1.2em;
overflow: hidden;
cursor: pointer;
  mix-blend-mode: difference;
   color: #DCDCDC;
  
    
}



.menut {
position: fixed;
right: 40px;
bottom: 45px;
text-align: left;
font-size: 1.2em;
overflow: visible;
cursor: pointer;
  mix-blend-mode: difference;
    list-style: none;
  width: 35px;
   color: #DCDCDC;
    
}



/* contenu des menus verticaux */

.dropdown .dropbtn {

  border: none;
  outline: none;
  font-family: inherit;
  margin: 0;

}


.dropdown-content {
  display: none;
  text-align: center;
    -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
            font: 22px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
             text-transform: uppercase;
}

.dropdown-content a:link {color:#ffffff;} /* unvisited link */
.dropdown-content a:visited {color:#ffffff;} /* visited link */ 
.dropdown-content a:hover {color:#ffffff;} /* mouse over link */ 
.dropdown-content a:active {color:#ffffff;} /* selected link */ 
.dropdown-content a {border-bottom: none;} /* selected link */ 



.show {
  display: block;
}

/* pour rotation des points cardinaux des menus */

#hacky-input-j {
  display: none;
}

label {
  display: inline-block;
}

label.titre-menuj {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  font: 32px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;



  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

#hacky-input-j:checked + label.titre-menuj {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


#hacky-input-f {
  display: none;
}

label {
  display: inline-block;
}

label.titre-menuf {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;

  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  font: 32px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

}

#hacky-input-f:checked + label.titre-menuf {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


#hacky-input-n {
  display: none;
}

label {
  display: inline-block;
}

label.titre-menun {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;

  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  font: 32px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

}

#hacky-input-n:checked + label.titre-menun {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


#hacky-input-t {
  display: none;
}

label {
  display: inline-block;
}

label.titre-menut {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;

  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  font: 32px "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

}

#hacky-input-t:checked + label.titre-menut {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}



/* Logos, documents et images */
.spip_logo { float:right; margin: 0 0 10px 10px; padding:0; border: none; }

.spip_logo { margin: 0 0 10px 10px; padding: 0; border: none; }
.spip_logo_center { clear: both; display: block; margin: 0 auto 1.5em auto; }
.spip_logo_left { float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
.spip_logo_right { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }

.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; max-width: 100%;}
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }
.spip_doc_credits { font-size:x-small; clear: both; }
/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
@media (max-width: 640px) {
         .spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
}

/*Éléments uniquement affichables sur de petits écrans à masquer sur le site principal */

#menumobile-n, #menumobile-j, #menumobile-f, #menumobile-r  {
  display: none;
}