@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;
    background: #DCDCDC;
}

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);
}

.responsive {
  max-width: 100%;
  height: auto;
}


.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: 26px "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;
  width: 80%;
  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: 22px; }
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%;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

}

#fondhome {
  text-align: justify;
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom: 30px;
  background: #DCDCDC;
  color: #ccc;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

}

#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;
}


/* SPIP 4+ */
.pagination-items {
	flex-grow: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.pagination-item-label {
	padding: 0.5rem 1rem;
}
.pagination-item:after {
	content: "|";
}
@media (max-width: 992px) {
	.pagination-item:after {
		content:"";
	}
}
.pagination-item:last-child:after {
	content: "";
}
.pagination-item.on span {
	font-weight:bold;
}
/* commun SPIP 4.0  -SPIP 3.2 */
.pagination-total:before {
	content: "- ";
}
@media (max-width: 992px) {
	.pagination-total:before {
		content:"";
	}
}
.pagination a.lien_pagination {
	text-decoration: none;
}
.pagination-titre {
	margin-right: 1.5rem;
}
.pagination .on, .lien_pagination {
	text-decoration: none;
	display: inline-block;
}
.pagination .lien_pagination:hover {
	text-decoration: none;
	color: #000;
}


#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 */


#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;
  font-family: "Adobe Garamond Pro", "EB Garamond", Garamond, Georgia, "Times New Roman", serif;

}


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

}



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

}


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

}


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

}


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

}


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

}


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

}


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

}


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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

#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;
  
}

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

.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: 18px "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;
  padding-right: 15px;
  padding-top: 30px;
}

.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;
color: #DCDCDC;
}

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

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

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

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 .rub a:link {color:#130E0A;border-bottom:2px dotted;text-decoration:none;}  /* unvisited link */ 
details > summary .rub a:visited {color:#130E0A;} /* visited link */ 
details > summary .rub a:hover {color:#111111;} /* mouse over link */ 
details > summary .rub a:active {color:#130E0A;} /* selected link */

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: 800px) {
         .spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
}



/* * Comparaison d articles */
.diff-para-deplace { background: #e8e8ff; }
.diff-para-ajoute { background: #d0ffc0; color: #000; }
.diff-para-supprime { background: #ffd0c0; color: #904040; text-decoration: line-through; }
p>.diff-para-deplace,p>.diff-para-ajoute,p>.diff-para-supprime {display:block;}

.diff-deplace { background: #e8e8ff; }
.diff-ajoute { background: #d0ffc0; }
.diff-supprime { background: #ffd0c0; color: #802020; text-decoration: line-through; }
.diff-para-deplace .diff-ajoute { background: #b8ffb8; border: 1px solid #808080; }
.diff-para-deplace .diff-supprime { background: #ffb8b8; border: 1px solid #808080; }
.diff-para-deplace .diff-deplace { background: #b8b8ff; border: 1px solid #808080; }

/* liste de versions */
.liste-objets.versions tr > .type {width:30px;}
.liste-objets.versions tr > .diff {width:30px;}
.liste-objets.versions blockquote {margin-left:0;margin-right:0;}
.liste-objets.versions .caption {background-image:url(#CHEMIN_IMAGE{revision-24.png});padding-#GET{left}:30px;}

.revision #wysiwyg .contenu_id_rubrique {display:none;}
.revision #wysiwyg .jointure {display:block;margin:1em 0;}
.revision #wysiwyg .jointure .label {display:block;font-weight:bold;}


.formulaire_reviser .editer_id_version .choix {margin: 0 -5px;}
.formulaire_reviser table.spip.diff-versions {font-size: 0.85em;width: 100%;max-width: 100%;}
.formulaire_reviser table,.formulaire_reviser table tr,.formulaire_reviser table td {border-left:0;border-right:0;}
.formulaire_reviser table .version,.formulaire_reviser table .diff {padding:0;}
.fiche_objet_diff .hd {border-bottom:1px solid #ddd;}

.spip-env fieldset { background-color: #fff; border: solid 1px #008; margin: 2px 2em; }
.spip-env legend { background-color: #fff; border: solid 1px #f00; padding: 1px 1em; font-weight: bold; }
.spip-env fieldset div { max-height: 10em; overflow: auto; }
.inclure_blocs {
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:2px solid #FEFF7F !important;
    background:url(images/fond-inclure.png) repeat top left !important;
}
.inclure_blocs > h6 {background:#FEFF7F;margin:0;padding:2px;margin-bottom:2px;font-family: Courier;font-size: 0.8em;}
.inclure_blocs > h6:hover,
.inclure_blocs.hover {
    background-color: #FDFF1F !important;
}

[(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]


[(#INCLURE{#VAL{clear.css}|find_in_theme|direction_css{#GET{dir}}|substr{#VAL{_DIR_RACINE}|constant|strlen}})]
[(#INCLURE{#VAL{layout.css}|find_in_theme|direction_css{#GET{dir}}|substr{#VAL{_DIR_RACINE}|constant|strlen}})]

<BOUCLE_css(POUR){tableau #LISTE{typo.css,grids.css,bando.css,icons.css,lists.css,forms.css,picker.css,box_skins.css,jquery-ui.css,content.css,exceptions.css,theme.css}}>
[(#SET{fond,[(#VALEUR|concat{.html}|find_in_theme|substr{[(#VAL{_DIR_RACINE}|constant|strlen)],[(#VAL{-5}|intval)]})]})]
/*
 * #VALEUR::[(#GET{fond})]
 */
[(#GET{fond}|oui)
    [(#INCLURE{fond=#GET{fond},env,couleur_claire,couleur_foncee,lang,ltr,claire=#GET{claire},foncee=#GET{foncee},left=#GET{left},right=#GET{right},rtl=#GET{rtl},dir=#GET{dir},font-size=#GET{font-size},line-height=#GET{line-height},margin-bottom=#GET{margin-bottom},text-indent=#GET{text-indent},font-family=#GET{font-family},background-color=#GET{background-color},color=#GET{color}})]
]
</BOUCLE_css>

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


#fuck { display: none;}