@font-face {
font-family: 'Camingo Bold';
src: url('/fonts/Plan-les-Ouates/camingodospro-bold.eot'); /* IE9 Compat Modes */
src: url('/fonts/Plan-les-Ouates/camingodospro-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Plan-les-Ouates/camingodospro-bold.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-bold.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('/fonts/Plan-les-Ouates/camingodospro-bold.svg') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Camingo Light';
src: url('/fonts/Plan-les-Ouates/camingodospro-light.eot'); /* IE9 Compat Modes */
src: url('/fonts/Plan-les-Ouates/camingodospro-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Plan-les-Ouates/camingodospro-light.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-light.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-light.ttf')  format('truetype'), /* Safari, Android, iOS */
url('/fonts/Plan-les-Ouates/camingodospro-light.svg') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Camingo Light Italic';
src: url('/fonts/Plan-les-Ouates/camingodospro-lightitalic.eot'); /* IE9 Compat Modes */
src: url('/fonts/Plan-les-Ouates/camingodospro-lightitalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Plan-les-Ouates/camingodospro-lightitalic.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-lightitalic.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-lightitalic.ttf')  format('truetype'), /* Safari, Android, iOS */
url('/fonts/Plan-les-Ouates/camingodospro-lightitalic.svg') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Camingo Regular';
src: url('/fonts/Plan-les-Ouates/camingodospro-regular.eot'); /* IE9 Compat Modes */
src: url('/fonts/Plan-les-Ouates/camingodospro-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Plan-les-Ouates/camingodospro-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-regular.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('/fonts/Plan-les-Ouates/camingodospro-regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Camingo Semi-bold';
src: url('/fonts/Plan-les-Ouates/camingodospro-semibold.eot'); /* IE9 Compat Modes */
src: url('/fonts/Plan-les-Ouates/camingodospro-semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Plan-les-Ouates/camingodospro-semibold.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-semibold.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/Plan-les-Ouates/camingodospro-semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('/fonts/Plan-les-Ouates/camingodospro-semibold.svg') format('svg'); /* Legacy iOS */
}* {
    margin: 0;
    padding: 0;
}

html {
    font-weight: $Brand_fontWeight|normal;
    text-align: justify;
    color: rgb(35, 31, 32);
}

body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.3125;
    font-size: 1em;
}


/*temporaire display none titre et logo cover image */
.logo,
.title {
    display: none;
!important;
}


.logo {
    -epubx-flow-into: logo;
    width: 100%;
    height: 100%;
}

.full-height-column {
    -epubx-flow-into: full-height-column;
}

.title {
    -epubx-flow-into: title;
    text-transform: uppercase;
    text-align: right;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    font-size: 3em;
}


/* styling pieces */
.pagenumber {
    content: "13." counter(page);
    border-right: 1px solid #000;
    padding-top: 1em;
    padding-right: .5em;
    height: 45pt;
    position: absolute;
    bottom: 0;
}

.footnotes {
    float: footnote;
    font-size: 0.9em;
}

.footnote-ref {
    font-size: 0.8em;
    vertical-align: super;
}

.footnote-ref a {
    color: #000;
}

@-adapt-footnote-area ::before {
    /* @see vivliostyle-js-2017.6/viewer/resources/user-agent-page.css */
    -adapt-margin-end: 0%;
}


h1, h2, h3, h4 {

    color: rgb(0, 0, 0);
    text-align: left;
    widows: 4;
    orphans: 4;
    break-inside: avoid;
    break-after: avoid;
}

h3 {
    page-break-after: avoid;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

h2.article-title {

}

h1 + p {
    -epubx-flow-into: p-after-h1;
    font-size: 1.4em;
    font-weight: 600;
    text-align: left;
}

p {
    widows: 5;
    orphans: 5;
    color: rgb(35, 31, 32);
}

/*figure {
margin-top: 1em;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #000;
}*/
figure img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

figcaption {
    margin-top: 1em;
    font-weight: bold;
    text-align: left;
    widows: 1000000000;
    orphans: 1000000000;
}

p + p {
    text-indent: 1.5em;
}


.exergue {
    font-family: 'Camingo Bold';
    font-size: 1.7em;
    line-height: 1.1em;
    color: #0aa1e2;
    break-inside: avoid;
    page-break-inside: avoid;
    /*break-after: avoid;
    page-break-after: avoid;*/
    text-align: left;
}

.exergue:before {
    page-break-after: avoid;
    content: "\00a0";
    width: 50%;
    border-top: 3px solid #f5e41d;
    display: block;
    margin-top: 40px;
    margin-bottom: 0;
}

.page-break {
    break-after: page;
}

.next_chapter_link a {
    z-index: 100000;
    position: relative;
    display: block;
    background-image: url('/img/next-chapter.gif');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border-radius: 15px;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #fff !important;
    font-family: "Camingo Semi-bold";
    text-transform: uppercase;
    font-size: 1.3em;
    margin-top: 20px;
    min-height: 30px;
}

.next_chapter_link a:after {
    display: none !important;
}

/* --------------- Animation button next chapter ---------------- */
/*.next_chapter_link a {
background:red ;
-webkit-animation-name: myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-interation-count: infinite;
animation-name: myfirst;
animation-duration: 5s;
animation-interation-count: infinite;
-moz-animation-name: myfirst;
-moz-animation-duration: 5s;
-moz-animation-interation-count: infinite;
}

@keyframes myfirst !* Firefox *! {
0% {background:red;}
50% {background:yellow ;}
100% {background:red;}
}
@-moz-keyframes myfirst !* Firefox *! {
0% {background:red;}
50% {background:yellow ;}
100% {background:red;}
}

@-webkit-keyframes myfirst !* Safari and Chrome *! {
0% {background:red;}
50% {background:yellow ;}
100% {background:red;}
}*//*
@keyframes myfirst !* Firefox *! {
0% {background:#dcdcdc;}
50% {background:#e2e2e2 ;}
100% {background:#dcdcdc;}
}
@-moz-keyframes myfirst !* Firefox *! {
0% {background:#dcdcdc;}
50% {background:#e2e2e2 ;}
100% {background:#dcdcdc;}
}

@-webkit-keyframes myfirst !* Safari and Chrome *! {
0% {background:#dcdcdc;}
50% {background:#e2e2e2 ;}
100% {background:#dcdcdc;}
}*/
/* --------------- END Animation button next chapter ---------------- */

.next_chapter_link a:hover {
    color: #000 !important;
    text-decoration: underline;
}

.next_chapter_link a:visited {
    color: #333 !important;
}

.next_chapter_link a:after {
    content: '\00a0>';
}

.big-right {
    -epubx-flow-into: big-right;
}

.big-left {
    -epubx-flow-into: big-left;
}

.full-width-top {
    -epubx-flow-into: full-width-top;
}

.full-page-img {
    -epubx-flow-into: full-page-img;
    height: 100%;
    width: auto;
    /* margin: 0 auto;*/
    display: block;
}



/*
@-epubx-flow magazine {
-epubx-flow-consume: all;
}
*/

@-epubx-page-template {

    @-epubx-define {
        page-margin-top: 0.7in;
        page-margin-bottom: 1in;
        page-margin-side: 0.5in;
        body-line-height: 1.3125;
        column-count: -epubx-expr(page-width > 768 ? 3: (page-width > 680 ? 2: 1));
        column-gap: 0.18in;

        /* h1 */
        h1-lines: 3;
        h1-line-height: 2em;
        h1-margin-block-start: 0;
        /*h1-block-size: -epubx-expr(body-line-height * h1-lines - h1-margin-block-start);*/
        /* h2 */
        h2-lines: 2;
        h2-line-height: 1.4em;
        h2-margin-block-start: 24pt;
        h2-margin-block-end: 7pt;
        h2-block-size: -epubx-expr(body-line-height *h2-lines - h2-margin-block-start);
    }

    html {
        line-height: -epubx-expr(body-line-height);
        column-count: -epubx-expr(column-count);
        column-gap: -epubx-expr(column-gap);
        -epub-hyphens: auto;
    }

    /* floats to page top */
    .page-top-float {
        -epubx-flow-into: page-top-float;
        -epubx-flow-options: exclusive;
    }

    h1 {
        /*min-height: -epubx-expr(h1-block-size);*/
        line-height: -epubx-expr(h1-line-height);
        margin-top: -epubx-expr(h1-margin-block-start);
        width: -epubx-expr(100% -page-margin-side -page-margin-side);
    }

    h2 {
        min-height: -epubx-expr(h2-block-size);
        line-height: -epubx-expr(h2-line-height);
        margin-top: -epubx-expr(h2-margin-block-start);
        margin-bottom: -epubx-expr(h2-margin-block-end);
    }

    .pagenumber {
        right: -epubx-expr(page-margin-side)
    }

    li {
        margin-left: 17px;
    }

    strong {
        font-family: 'Camingo Bold';
    }

    p, li, a, ul, body {
        font-family: 'Camingo Light';
    }

    h1, h3, h4 {
        font-family: 'Camingo Semi-bold';
        margin-bottom: 10px;
        margin-top: 20px;
        text-align: left;
    }

    h1 {
        font-family: 'Camingo Light';
        text-transform: uppercase;
        font-size: 1.8em;
    }

    h2 {
        font-family: 'Camingo Semi-bold';
        margin-bottom: 20px;
    }

    .title-light {
        font-weight: 100;
        font-family: 'Camingo Light';
    }

    .title-blue {
        color: #1a5191;
    }

    /*.title-blue-underline*/
    h3 {
        color: #1a5191;
        border-bottom: 1px solid #63616c;
        padding-bottom: 8px;
        widows: 5;
        orphans: 5;
    }

    .title-bold {
        font-weight: 900;
        font-family: 'Camingo Bold';
    }

    .blue-light {
        color: rgb(0, 121, 193);
    }

    .sport-number {
        font-size: 3em;
    }

    .full-page-img {
        /*-epubx-wrap-flow: auto;*/
        left: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: -epubx-expr(page-margin-top);
        margin-bottom: -epubx-expr(column-gap);
        height: -epubx-expr(page-height - page-margin-top - page-margin-bottom);
    }
    
    
    /**
     * one-column
     */
    .one-column { /* empty div used to change body column-count */
        -epubx-flow-into: one-column;
    }
    @-epubx-page-master one-column-master {
        @-epubx-partition body {
            -epubx-flow-from: body;
            column-count: 1;

            /*
            column-gap: -epubx-expr(column-gap);

            margin-top: -epubx-expr(page-margin-top);
            margin-bottom: -epubx-expr(page-margin-bottom);
            margin-left: -epubx-expr(page-margin-side);
            margin-right: -epubx-expr(page-margin-side);
            width: -epubx-expr(page-width - page-margin-side * 2);
            height: -epubx-expr(page-height - page-margin-top * 2);
            */
        }
        @-epubx-partition one-column {
            -epubx-flow-from: one-column;
            -epubx-required: true;
            column-count: 1;
            margin-top: -epubx-expr(page-margin-top);
            margin-bottom: -epubx-expr(page-margin-bottom);
            margin-left: -epubx-expr(page-margin-side);
            margin-right: -epubx-expr(page-margin-side);
            width: -epubx-expr(page-width - page-margin-side * 2);
            height: -epubx-expr(page-height - page-margin-top * 2);
        }
    }


    /*
    @-epubx-page-master first-page-hidden-toc {
        -epubx-page: 1;
        @-epubx-partition body {
            -epubx-flow-from: body;
        }
        @-epubx-partition toc-first {
            -epubx-flow-from: toc-first;
            background: deeppink;
            break-inside: avoid;
            break-after: avoid;

        }
    }
    */
    

    

    /*
    .cover-page {
        -epubx-flow-into: cover-page;
    }

    @-epubx-page-master cover-page {

        @-epubx-partition body {
            -epubx-flow-from: body;
            margin-bottom: -epubx-expr(page-margin-bottom);
            margin-left: -epubx-expr(page-margin-side);
            margin-right: -epubx-expr(page-margin-side);
            column-count: -epubx-expr(column-count);
            column-gap: -epubx-expr(column-gap);
            width: -epubx-expr(100% -page-margin-side -page-margin-side);
            background: green;
        }

        @-epubx-partition cover-page {
            -epubx-flow-from: cover-page;
            -epubx-required: true;
            background: greenyellow;
            left: 0;
            top: 0;
            height: -epubx-expr(page-height);
            width: 100%;
        }
        @-epubx-partition class(pagenumber) {
            -epubx-enabled: false;
        }
    }
*/
    /**
     * table of content
     */
    #toc-container {
        -epubx-flow-into: toc-container;
        column-count: 1;
    }
    #toc-container h2 {
    }
    #toc-container ol {
        list-style-position: inside;
    }
    #toc-container li {
        color: #195392;
        padding-bottom: 1rem;
        font-size: 1.5rem;
        margin-left: 3rem;
        font-family: 'Camingo Light';
    }
    #toc-container li::marker {
    }
    #toc-container li a {
        font-family: 'Camingo Light';
        color: #195392;
        text-decoration: none;
    }
    @-epubx-page-master toc {
        @-epubx-partition body {
            -epubx-flow-from: body ;
        }
        @-epubx-partition toc-container {
            -epubx-flow-from: toc-container;
            -epubx-required: true;

            column-count: -epubx-expr(page-width > 768 ? 2: (page-width > 680 ? 2: 1));
            column-fill: auto;
            height: -epubx-expr(page-height - page-margin-top - page-margin-bottom*2);

            margin-top: -epubx-expr(page-margin-top);
            margin-bottom: -epubx-expr(page-margin-bottom);
            margin-left: -epubx-expr(page-margin-side);
            margin-right: -epubx-expr(page-margin-side);
            column-gap: -epubx-expr(column-gap);
        }
        @-epubx-partition class(pagenumber) {
            -epubx-enabled: -epubx-expr(page-width > 768)
        }
    }

    @-epubx-page-master title-page {

        @-epubx-partition body {
            -epubx-flow-from: body;
            margin-bottom: -epubx-expr(page-margin-bottom);
            margin-left: -epubx-expr(page-margin-side);
            margin-right: -epubx-expr(page-margin-side);
            /*margin-top: -epubx-expr(page-height/2+page-margin-top);*/
            column-count: -epubx-expr(column-count);
            column-gap: -epubx-expr(column-gap);
            width: -epubx-expr(100% -page-margin-side -page-margin-side);
        }

        @-epubx-partition full-width-top {
            -epubx-required: true;
            left: 0;
            margin-left: -epubx-expr(page-margin-side);
            margin-right: -epubx-expr(page-margin-side);
            margin-top: -epubx-expr(page-margin-top);
            margin-bottom: -epubx-expr(column-gap);
            -epubx-flow-from: full-width-top;
            width: -epubx-expr(body.columns(3));
        }
        @-epubx-partition logo {
            -epubx-flow-from: logo;
            -epubx-wrap-flow: auto;
            top: 0;
            left: 0;
            width: 100%;
        }
        @-epubx-partition title {
            -epubx-flow-from: title;
            -epubx-wrap-flow: auto;
            margin: 0;
            right: 100px;
            padding-top: 1em;
            padding-bottom: 1em;
            padding-right: 2em;
            padding-left: -epubx-expr(page-margin-side);
            top: 0;
            width: 60%;
        }

        @-epubx-partition p-after-h1 {
            -epubx-flow-from: p-after-h1;
            top: -epubx-expr(page-height/2 +page-margin-top);
            left: -epubx-expr(page-margin-side);
            margin-bottom: 1em;
            width: -epubx-expr((body.columns(2)));
        }

        @-epubx-partition class(pagenumber) {
            -epubx-enabled: false;
        }
    }


    /*---------------- default page -----------------*/
    @-epubx-page-master {
        @-epubx-partition-group {
            /*
            width: -epubx-expr(page-width - page-margin-side * 2);
            height: -epubx-expr(page-height - page-margin-top * 2);
            */
            @-epubx-partition body {
                -epubx-flow-from: body;
                margin-bottom: -epubx-expr(page-margin-bottom);
                margin-left: -epubx-expr(page-margin-side);
                margin-right: -epubx-expr(page-margin-side);
                margin-top: -epubx-expr(page-margin-top);
                column-count: -epubx-expr(column-count);
                column-gap: -epubx-expr(column-gap);
            }

            @-epubx-partition class(pagenumber) {
                -epubx-enabled: -epubx-expr(page-width > 768)
            }


            @-epubx-partition class(big-right) {
                width: -epubx-expr(body.columns(2));
            }
            @-epubx-partition big-right {
                right: 0;
                margin-right: -epubx-expr(page-margin-side);
                margin-top: -epubx-expr(page-margin-top);
                margin-bottom: -epubx-expr(column-gap);
                -epubx-flow-from: big-right;
                width: -epubx-expr(body.columns(2));
            }
            @-epubx-partition big-left {
                left: 0;
                margin-left: -epubx-expr(page-margin-side);
                margin-top: -epubx-expr(page-margin-top);
                margin-bottom: -epubx-expr(column-gap);
                -epubx-flow-from: big-left;
                width: -epubx-expr(body.columns(2));
            }


            @-epubx-partition full-height-column {
                /*height: -epubx-expr(column-height);*/
            }

            @-epubx-partition full-page-img {
                width: -epubx-expr(body.columns(3));
                -epubx-wrap-flow: auto;
                -epubx-flow-from: full-page-img;
            }


        }
    }


}


/**
* mobile
*/
@media (max-device-width: 768px) {
    h1.title {
        font-size: 2em;
        line-height: 1.2em;
    }
     #toc-container li {
        font-size: 1rem;
        margin-left: 0;
    }
}.table-budget th, .table-budget td {
 padding : 0.2rem;
 }
.table-budget thead th
{
    background-color: #01528c;
    color: #fff;
}

.table-budget td:nth-child(2) {
text-align: right;
}

.table-budget tbody td:first-child {
    background-color: #ffeb80;
}
.table-budget td {
    background-color: #fff4c6;
}

.table-budget tbody td strong {
    /*background-color: #89a5cd;*/
}


.table-budget td:nth-child(2), .table-budget td:nth-child(3), .table-budget td:nth-child(4),
.table-budget th:nth-child(2), .table-budget th:nth-child(3), .table-budget th:nth-child(4) {
text-align: right !important;
}

@media print { 
.table-budget tbody td:first-child {
    background-color: #ffeb80 !important;
}
.table-budget td {
    background-color: #fff4c6 !important;
}
.table-budget thead th
{
    background-color: #01528c !important;
}
}