header {
    position : static;
}

#issn {
    text-align: center;
    color: #000;
}

.wrap {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;  
}

/* Modification temporaire pour permettre l'affichage des sous-menus en attendant un fix de cleanurl */
.sub-menu-manuel {
    display: flex;
}

.sub-menu-manuel ul a[href="#"]:hover {
    cursor: not-allowed
}

.page #content .sub-menu-manuel {
    padding: 0 50px 0 20px;
}
.page #content .sub-menu-manuel~*:not(.site-page-pagination) {
    width: 100%
} 
.page #content .sub-menu-manuel>ul {
    margin: 0;
    display: flex;
    /* justify-content: space-between; */
    color: darkred;
    border-bottom: 1px solid #dedede
}
.page #content .sub-menu-manuel a {
    font-size: 15.75px;
    color: #676767
}
.page #content .sub-menu-manuel a:hover {
    color: darkred;
  }
.page #content .sub-menu-manuel .current a {
    color: #C72E2E
}
.page #content .sub-menu-manuel>ul>li {
    padding: 0 20px 5px
}
.page #content .sub-menu-manuel>ul>li:not(:last-of-type) {
    margin-bottom: 6px
}
.page #content .sub-menu-manuel h4 {
    border-bottom: 1px solid #dedede;
    padding-bottom: 5px;
    margin: 0 0 6px
}   

#content .sub-menu-manuel {
    width: 100%
   }

.page #content .sub-menu-manuel>ul>li {
    padding: 0 20px 0
}
.page #content .sub-menu-manuel>ul {
    padding: 0 0 10px 0
}


/* liste des articles sur 3 colonnes */
#reference-headings {
    -webkit-columns: 3;
    -moz-columns: 3;
    column-count: 3;
    /* columns: 3; */
}
/* ..centrée */
.reference-block {
    margin-left: 10%;
    margin-right: auto;
}

/* permet l'alignement des colonnes en haut */
#reference-headings h3:first-of-type {
    margin-block-start: 0em;
}

h3.reference-heading { 
    -webkit-column-break-after: avoid; /* Chrome, Safari, Opera */
    page-break-after: avoid; /* Firefox */
    break-after: avoid; /* IE 10+ */
    break-after: avoid-column; /* W3C */ 
}

/* bidouille pour que la liste alphabétique renvoie aux lettres malgré le sticky header */
/* h3.reference-heading:before {
   content: '';
   display: block;
   position: relative;
   width: 0;
   height: 7em;
   margin-top: -7em
   }
*/


/* pour les toc avec ckeditor */
/* Numéro dans la toc sous forme 1.1.1 */

.widget-toc ol { 
    counter-reset: item;
}

.widget-toc li {
    display: block;
    padding-top: 5px;
}

.widget-toc li:before { 
    content: counters(item, ".") "." "\0000a0\0000a0"  "\0000a0\0000a0"; 
    counter-increment: item 
}

/* fin 1.1.1 */

.toc-title {
  font-weight: bold;
}

.media-render .widget-toc ol {
    color: #345a96;
}

.media-render .widget-toc ol a {
    color: #345a96;
}

.media-render .widget-toc ol li ol {
    color: #4f81bd;
}

.media-render .widget-toc ol li ol a {
    color: #4f81bd;
}

.media-render .widget-toc ol li ol li ol {
    color: #39a5cc;
}

.media-render .widget-toc ol li ol li ol a {
    color: #39a5cc;
}

.media-render h1 {
    color: #345a96;
    font-size: medium;
    font-weight: bold;
    text-align: left;
    counter-reset: h2;
}

.media-render h2 {
    color: #4f81bd;
    font-size: medium;
    font-weight: bold;
    padding-left: 30px;
    counter-reset: h3;
}

.media-render h3 {
    color: #39a5cc;
    font-size: medium;
    font-weight: bold;
    padding-left: 60px;
}

.media-render {
    counter-reset: h1;
}

.media-render h1:before {
    content: counter(h1) ".\0000a0\0000a0";
    counter-increment: h1;
    counter-reset: h2;
}

.media-render h2:before {
    content: counter(h1) "." counter(h2)".\0000a0\0000a0";
    counter-increment: h2;
    counter-reset: h3;
}

.media-render h3:before {
    content: counter(h1) "." counter(h2) "." counter(h3) ".\0000a0\0000a0";
    counter-increment: h3;
}

/* comment citer*/
.citer {
    float: right;
    background-color: #D3D3D3;
    border-radius: 10px;
    padding: 1% 1% 1% 1%;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 25rem;
    align-self: flex-end;
}

/* réduction largeur articles */
.media-embeds {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

/* largeur page àpropos>fonctionnement */
.wpb_wrapper {
    width: 70%;
    margin-left: auto;                                   
    margin-right: auto;  
}

/* toc à propos*/
.toc-block {
    display: flex;                /* Transformation en flexbox */
    padding:0;                    /* Suppression des marges internes */
    justify-content: space-around;/* Alignements des liens dans le toc-block */
    font-size: x-large;    
}
.toc-block li {
    list-style-type: none ;       /* Suppression des puces */
}
.toc-block a {
    display:block;                /* Transformation en block */
    min-width: 120px;             /* Largeur minimale des liens */       
    margin: 0.5rem;               /* Marges externes */
    padding: 0.4rem 0.5rem 0.5rem 0.5rem ;            /* Marges internes */
    text-align: center;           /* Centrage du texte */   
    background-color: #676767 ;    /* Arrière-plan */
    color: #fff;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 1px solid #fff;       /* Ajout d'une bordure */
    border-radius: 4px;           /* Arrondis des bordures */   
 }
.toc-block a.actif {    
    /* background-color: #000 ;  */
    color: #60AB9D ;
    border-color: #1ABC9C ;
}
.toc-block a:hover,
.toc-block a:hover.actif {
    background-color: #60AB9D;
    border-color: #ffe843;
    color: #fff;        
}

.toc-block li {
    padding:10px 10px;
}

/* logos et bouton pied de page*/
footer .button
{
    padding : 5px 10px ;
    margin : 3px 5px ;
}

footer {
    padding-top: 3em;
}
footer .copy {
    width: 29%;
    float: left;
    margin-right: 1.40845%;
    display: inline;
}
footer .logos {
    width: 35%;
    float: right;
    margin-right: 1em;
    margin-left: -1em;
}
footer img {
    margin: 0 0 2em 5%;
    vertical-align: middle;
}