html {
    scroll-behavior: smooth;
}
body.page-chapter {
    background-color: #ffffff;
}


#intro {
    background-image: url("../../images/bg01.jpg");
}
figcaption {
    font-size: 0.8em;
    line-height: 1.2em;
}

p {
    margin-bottom: 1em;
}

h1 {
    line-height: 1.1em;
}

.major {
    clear: left;
    padding-top:1em;
}


h1.major:after {
    /*background-image: -moz-linear-gradient(to right, #5e42a6, #b74e91);*/
    /*background-image: -webkit-linear-gradient(to right, #5e42a6, #b74e91);*/
    /*background-image: -ms-linear-gradient(to right, #5e42a6, #b74e91);*/
    /*background-image: linear-gradient(to right, #5e42a6, #b74e91);*/
    background-color: #00257a;
    background-image: none;
}

#intro p {
    color:#ffffff;
}
.page-chapter figcaption {
    margin-top : 0.8em;
    font-size: 0.7em;
    color:#00257A;
}

.page-chapter {
    color: #000000;
}

.page-chapter strong,
.page-chapter b{
    color: #000000;
}


#page-chapter1 h1, #page-chapter1 h2, #page-chapter1 h3, #page-chapter1 h4, #page-chapter1 h5, #page-chapter1 h6 {
    color: #d52b1e;
}

#page-chapter2 h1, #page-chapter2 h2, #page-chapter2 h3, #page-chapter2 h4, #page-chapter2 h5, #page-chapter2 h6 {
    color: #34b233;
}

#page-chapter3 h1, #page-chapter3 h2, #page-chapter3 h3, #page-chapter3 h4, #page-chapter3 h5, #page-chapter3 h6 {
    color: #CF0072;
}

#page-chapter1 p > a {
    color: #d52b1e;
    text-decoration: underline ;
}
#page-chapter2 p > a {
    color: #34b233;
    text-decoration: underline ;
}
#page-chapter3 p > a {
    color: #CF0072;
    text-decoration: underline ;
}

#page-chapter1 p > a:hover,
#page-chapter2 p > a:hover,
#page-chapter3 p > a:hover {
    color: #000000;
}
.page-chapter h2 {
    font-weight: normal;
}


.page-chapter blockquote {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.page-chapter#page-chapter1 blockquote {
    color: #d52b1e;
}

.page-chapter#page-chapter2 blockquote {
    color: #34b233;
}

.page-chapter#page-chapter3 blockquote {
    color: #CF0072;
}

.page-chapter blockquote::before {
    content: "\f10d";
    font-family: "Font Awesome 5 Pro";
    vertical-align: super;
    padding-right: 0.5em;
    font-weight: bold;

    /*font-size: 2em;*/
    /*line-height: 0.5em;*/

}
.page-chapter blockquote::after {
    /*content: "”";*/

    content: "\f10e";
    font-family: "Font Awesome 5 Pro";
    vertical-align: sub;
    padding-left: 0.4em;
    font-weight: bold;

    /*font-size: 2em;*/
    /*line-height: 0.5em;*/
}


#ENOlogo,
#ENOFooterlogo {
    margin-top: -3em;
    padding-bottom: 2em
}

#ENOlogo img,
#ENOFooterlogo img {
    height:3em;
    margin-top: 0.3em;
    padding-right: 2em;
    float: left;
}
#ENOlogo p,
#ENOFooterlogo p {
    font-weight: bold;
}

#ENOFooterAdress p {
    padding-left: 6em;
    margin-top: -1em;
    line-height: 1.4em;
}

.wrapper.alt {
    background-color: #f2af00;
    color:#000;
}


.wrapper.style1 {
    background-color: #0065bd;
}
.wrapper.style2 {
    background-color: #d52b1e;
}
.wrapper.style3 {
    background-color: #34b233;
}
.wrapper.style4 {
    background-color: #cf0072;
}

.wrapper.style1-alt {
    background-color: #f2af00;
    color:#000;
}

.wrapper.style4-alt {
    background-color: #953d75;
}

#page-chapter1 #header {
    background-color: #d52b1e;
}
#page-chapter2 #header {
    background-color: #34B233;
}
#page-chapter3 #header {
    background-color: #CF0072;
}
.page-chapter #header {
    position: relative;
    z-index: 100000;
}
#header > nav > ul > li {
    width:20%;
    vertical-align: top;
}

#header > nav > ul > li a {
    height: 2em;
    line-height: 1.4em;
    text-transform: none;
    letter-spacing: 0.1em;
    font-size:0.8em;


}

#sidebar {
    background: #00257a;
}

#sidebar nav a {
    letter-spacing: 0.15em;
    font-size: 0.7em;
    text-transform: none;

}

#sidebar nav a:before {
    background: rgba(255, 255, 255, 0.35);
}
/*
#homepage #sidebar nav a:after {
    background-image: -moz-linear-gradient(to right, #9b3120, #f02c1f);
    background-image: -webkit-linear-gradient(to right, #9b3120, #f02c1f);
    background-image: -ms-linear-gradient(to right, #9b3120, #f02c1f);
    background-image: linear-gradient(to right, #9b3120, #f02c1f);
}
*/

#sidebar nav a::before, #sidebar nav a::after {
    color: #D52B1E;
    height: 0.4em;
}


#homepage #sidebar nav .sidebar-1 a:after,
#homepage #sidebar nav .sidebar-5 a:after {
    background-image: -moz-linear-gradient(to right, #004e9b, #0089e3);
    background-image: -webkit-linear-gradient(to right, #004e9b, #0089e3);
    background-image: -ms-linear-gradient(to right, #004e9b, #0089e3);
    background-image: linear-gradient(to right, #004e9b, #0089e3);
}

#homepage #sidebar nav .sidebar-2 a:after,
#page-chapter1 #sidebar nav a:after {
    background-image: -moz-linear-gradient(to right, #9b3120, #f02c1f);
    background-image: -webkit-linear-gradient(to right, #9b3120, #f02c1f);
    background-image: -ms-linear-gradient(to right, #9b3120, #f02c1f);
    background-image: linear-gradient(to right, #9b3120, #f02c1f);
}

#homepage #sidebar nav .sidebar-3 a:after,
#page-chapter2 #sidebar nav a:after {
    background-image: -moz-linear-gradient(to right, #327d31, #35cc34);
    background-image: -webkit-linear-gradient(to right, #327d31, #35cc34);
    background-image: -ms-linear-gradient(to right, #327d31, #35cc34);
    background-image: linear-gradient(to right, #327d31, #35cc34);
}

#homepage #sidebar nav .sidebar-4 a:after,
#page-chapter3 #sidebar nav a:after {
    background-image: -moz-linear-gradient(to right, #840042, #eb008d);
    background-image: -webkit-linear-gradient(to right, #840042, #eb008d);
    background-image: -ms-linear-gradient(to right, #840042, #eb008d);
    background-image: linear-gradient(to right, #840042, #eb008d);
}

.grayscale a
{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}
.grayscale a:hover
{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

#footer > .inner {
    padding-bottom: 1em;
}
#footer > .inner p {
    font-size: 0.8em;
}

#footer > .inner #ENOFooterCopyright p {
    padding-top:2em;
    font-size: 0.7em;
    line-height: 1.3em;
}

#footer > .inner strong,
#footer > .inner b {
    color:#000000;
}

#footer > .inner a {
    text-decoration: underline;
}

#footer > .inner a,
#footer > .inner a:visited {
    color:#000000;
}

#footer > .inner a:hover {
    color:#ffffff;
}

#footer > .inner table {
    font-size: 0.7em;
    width: auto;
    margin: 0;
}

#footer > .inner table td {
    padding-top: 0;
    padding-right: 2em;
    padding-bottom: 0;
    padding-left: 0;
}
#footer > .inner table.alt tbody tr td {
    border : none;
}
#footer > .inner .menu {
    color: #000;
}

.tweet-flex {
    display: flex;
    flex-direction: row;
    margin: 0 0 3% 0;
    padding: 0;
    border:1px solid #78bbe0;
}

.tweet-flex p {
    margin : 0;
    padding : 0;
}

.tweet-1-col div,
.tweet-2-col div {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.tweet-flex .tweet-logo img {
    width: 2.5em;
    max-width: 20%;
    margin-right: 5px;
}
.tweet-flex .tweet-logo span {
    font-size: 0.8em;
    font-weight: bold;
    padding-left: 10px;
}

.tweet-image,
.tweet-1-col,
.tweet-2-col {
    flex: 1;
}

.tweet-image {
    text-align:center;
    background-repeat:no-repeat;
    background-size: cover;
}

.tweet-flex .tweet-image img {
    float: right;
    flex: 1;
}
.tweet-flex .clear {
    clear: both;
}

.tweet-flex .tweet-original {
    padding-bottom: 15px;
    line-height: 1.4em;
}

.tweet-flex .tweet-transcription {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.4em;

    background-color: #dfe7f7;
    font-size: 0.75em;
}

.column-img {
    display: none;
}

#page-chapter1 div > a:hover,
#page-chapter2 div > a:hover,
#page-chapter3 div > a:hover {
    color: #000000;
}


.author {
    font-style: italic;
    margin-top: -3em;
    margin-bottom: 2em;
}

#page-chapter1 .author {
    color: #d52b1e;
}

#page-chapter2 .author {
    color: #34b233;
}

#page-chapter3 .author {
    color: #CF0072;
}

/* Hamburger menu */
.navbar-toggle {
    display: none;
}

#hamburger-chapters {
    display: none;
    text-align: left;
    margin: 0 auto;
    padding-left: 15px;
    width: 100%;
}

#hamburger-chapters li{
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
    vertical-align: middle;
}

#hamburger-chapters > li a{
    border: 0;
    color: rgba(255, 255, 255, 1);
    display: block;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: none;
    /*font-weight: bold;*/
    line-height: 1.4em;
}

#hamburger-chapters > li a:hover {
    color: rgba(255, 255, 255, 0.55);
}

#footnote {
    border-top: solid #000000 1px;
    font-size: 14px;
}

#footnote > p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
}

.show-on-print {
    display: none !important;
}

@media screen and (max-width: 1680px) {


    #ENOlogo,
    #ENOFooterlogo {
        margin-top: -2em;
    }


}

@media screen and (max-width: 1280px) {

    blockquote {
        padding-left: 0;
        padding-right: 0;
    }


    #ENOlogo,
    #ENOFooterlogo {
        margin-top: -5em;
    }

    #sidebar {
        position: sticky;
        line-height: normal;
        text-align: left;
        padding: 0 2em;
        height: auto;
        text-wrap: normal;
    }

    #wrapper {
        padding-top: 0 !important;
    }

    #main {
        padding-top: 3.5em;
    }

    #sidebar li a {
        display: flex;
        height: 100%;
        vertical-align: middle;
        padding-top: 1.5em;
        padding-bottom: 1em;
    }

    /* Hamburger menu */
    #header {
        display: block;
        padding: 0 2em;
        text-align: left;
    }

    #header .title {
        font-size: 1.25em;
        padding: 1em 0;
        display: inline-block;
    }

    #header > nav {
        border-top: solid 1px rgba(255, 255, 255, 0.15);
        text-align: inherit;
    }

    #header > nav > ul {
        padding-bottom: 0.75em;
    }

    #header > nav > ul > li {
        width: 100%;
        margin: 0.5em 0 1em 0;
        text-align: left;
    }

    #header > nav > ul > li a {
        height: 2em;
        line-height: 1.4em;
        text-transform: none;
        letter-spacing: 0.1em;
        font-size:1em;


    }

    .navbar-toggle {
        display: block;
        position: absolute;
        top: 18px;
        right: 32px;
        cursor: pointer;
        color: white;
        font-size: 24px;
    }

    .main-nav {
        list-style-type: none;
        display: none;
    }

    .show {
        display: grid;
        width: 100%;
    }

    .hide {
        display: none;
    }

    #footer > .inner {
        padding-top: 7em;
    }
}

@media screen and (max-width: 980px) {

    #hamburger-chapters {
        display: block;
    }
    #sidebar {
        display: none;
    }
}

@media screen and (max-width: 736px) {

    #ENOlogo,
    #ENOFooterlogo {
        margin-top: -4em;
    }

    .tweet-flex {
        flex-direction: column;
    }
    .tweet-2-col {
        width: 100% !important;
    }

    .bg-img {
        display: none;
    }

    .column-img {
        display: flex;
        flex: 1;
        height: 10%;
    }

    #header {
        position: sticky !important;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: 0;
    }

    .author {
        margin-top: -2em;
    }

}

@media screen and (max-width: 480px) {
    #ENOlogo p,
    #ENOFooterlogo p {
        line-height: 1.1em;
    }
}

@media screen and (max-width: 360px) {

    .navbar-toggle {
        top: 13px;
    }

}
.publication-numbers {
    padding-left:0;
    margin-bottom: 0;
}

.publication-numbers li{
    display: inline;
    list-style: none; /* pour enlever les puces sur IE7 */
    margin-right: 1em;
    font-size: 0.7em;
    padding-left:0;
}