﻿/* fonts import */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,700italic,900italic);

/*********** global setup ************/
body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    background-color: #dee3e6;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, div {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text], textarea, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    vertical-align: top;
}

    *.align-middle, *.align-middle td {
        vertical-align: middle;
    }

a {
    cursor: pointer;
}

    a:not(class) {
        color: #005e9c;
    }

    a:hover {
        text-decoration: none;
    }

td {
    vertical-align: top;
}
/************ Master *************/
.website {
    display: table;
    width: 100%;
    min-height: 100vh;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .website > header, .website > main, .website > footer {
        display: table-row;
    }

        .website > header.admin {
            display: block;
            position: fixed;
            width: 100%;
            top: 0px;
            left: 0px;
            background-color: #003457;
            z-index: 9999;
        }

    .website > footer {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        background-color: #3a3a3a;
    }

        .website > header > .content, .website > main > .content, .website > footer > .content {
            display: table-cell;
        }

        .website > header.admin > .content, .website > footer > .content {
            display: block;
        }

    .website > header.admin + header .content {
        padding-top: 40px;
    }

    .website > main > .content {
        height: 100%;
        padding-bottom: 30px;
    }

        .website > header > .content > section, .website > header > .content > nav, .website > main > .content > section, .website > footer > .content > section {
            min-width: 1000px; /* largeur min du site */
            max-width: 80%; /* largeur max du site*/
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            margin: auto;
        }

            .website > header > .content > section:after, .website > header > .content > nav:after, .website > header.admin > .content > section:after, .website > main > .content > section:after, .website > footer > .content > section:after {
                content: "";
                display: block;
                clear: both;
            }

    .website > header > .content > section {
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .website > header.admin > .content > section {
        height: 40px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .website > main > .content > section {
    }

    .website > footer > .content > section {
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    /************ class Master ************/
    /* Header admin */
    .website > header.admin > .content > section {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        line-height: 28px;
    }

    .website > header.admin .section-info:after {
    }

    .website > header.admin .section-info a {
        margin-right: 10px;
    }
    /* Header */
    .website > header > .content > section {
        color: #252525;
    }

    .website > header .title-website {
        display: inline-block;
        font-size: 24px;
    }

    .website > header .account {
        display: inline-block;
        float: right;
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        line-height: 28px;
        margin-left: 10px;
        padding-right: 15px;
        color: #252525;
        text-decoration: none;
    }

        .website > header .account:after {
            content: "";
            display: block;
            clear: both;
        }

        .website > header .account .icon {
            display: inline-block;
            float: left;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            background-color: #858585;
            background-attachment: scroll;
            background-image: url(/images/icon-account.png);
            background-position: center;
            background-repeat: no-repeat;
        }

        .website > header .account:hover {
            background-color: #fff;
        }

            .website > header .account:hover .icon {
                background-color: #707070;
            }

    .website > header .logout {
        display: inline-block;
        width: 30px;
        height: 30px;
        float: right;
        margin-left: 55px;
        background-attachment: scroll;
        background-image: url(/images/icon-logout.png);
        background-position: center;
        background-repeat: no-repeat;
        background-color: #005e9c;
    }

        .website > header .logout:hover {
            background-color: #004f83;
        }

    .website > header nav {
    }

        .website > header nav > ul {
            list-style-type: none;
            display: block;
            margin: 0px;
            padding: 0px;
            margin-left: -10px;
            margin-right: -10px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .website > header nav > ul > li {
                display: inline-block;
                margin-right: 30px;
            }

                .website > header nav > ul > li a {
                    font-size: 20px;
                    color: #005e9c;
                    text-decoration: none;
                    display: inline-block;
                    padding-left: 5px;
                    padding-right: 5px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                }

                    .website > header nav > ul > li a:hover {
                        background-color: #005e9c;
                        color: #fff;
                    }
    /* main */
    .website > main > .content > section {
        display: table;
        padding-top: 10px;
        padding-bottom: 20px;
        min-height: 100%;
    }

    .website > main .sidemenu {
        display: table-cell;
        background-color: var(--var-backColor);
        width: 250px;
        min-width: 250px;
        color: var(--var-foreColor);
    }

        .website > main .sidemenu .module-info {
            padding: 20px;
        }

            .website > main .sidemenu .module-info h1 {
                padding: 0px;
                margin: 0px;
                font-size: 30px;
            }

            .website > main .sidemenu .module-info h2 {
                padding: 0px;
                margin: 0px;
                font-size: 20px;
            }

        .website > main .sidemenu ul {
            list-style-type: none;
            display: block;
            padding: 0px;
            margin: 0px;
            display: block;
        }

        .website > main .sidemenu li {
            padding: 0px;
            margin: 0px;
            display: block;
        }

            .website > main .sidemenu li a {
                text-decoration: none;
                color: var(--var-foreColor);
                display: block;
                overflow: hidden;
                position: relative;
            }

            .website > main .sidemenu li ul {
                /*display: none;*/ /*retirer toogle du menu*/
            }

            .website > main .sidemenu li.active ul {
                display: block;
            }

        .website > main .sidemenu > ul > li > a {
            display: block;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
            -moz-box-shadow: inset 0px 0px 0px 1px var(--var-borderShadowColor);
            -webkit-box-shadow: inset 0px 0px 0px 1px var(--var-borderShadowColor);
            box-shadow: inset 0px 0px 0px 1px var(--var-borderShadowColor);
            border: solid var(--var-borderColor) 1px;
            background-color: var(--var-backColorAlt);
        }

            .website > main .sidemenu > ul > li > a:hover, .website > main .sidemenu > ul > li:hover > a {
                /*-moz-box-shadow: inset 0px 0px 0px 1px #174666;
    -webkit-box-shadow: inset 0px 0px 0px 1px #174666;
    box-shadow: inset 0px 0px 0px 1px #174666;
    border:solid #002a47 1px;
    background-color:#00375c;*/ /*retirer toogle du menu*/
                cursor: default;
            }

        .website > main .sidemenu > ul > li > ul > li > a {
            display: block;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
            -moz-box-shadow: inset 0px 0px 0px 1px var(--var-linkBorderShadowColor);
            -webkit-box-shadow: inset 0px 0px 0px 1px var(--var-linkBorderShadowColor);
            box-shadow: inset 0px 0px 0px 1px var(--var-linkBorderShadowColor);
            border: solid var(--var-linkBorderColor) 1px;
            border-top: 0px !important;
            font-size: 12px;
        }

            .website > main .sidemenu > ul > li > ul > li > a:before {
                content: "";
                display: block;
                width: 5px;
                height: 8px;
                border-bottom: solid var(--var-linkBorderShadowColor) 2px;
                border-left: solid var(--var-linkBorderShadowColor) 2px;
                margin-right: 5px;
                float: left;
            }

            .website > main .sidemenu > ul > li > ul > li > a:hover {
                -moz-box-shadow: inset 0px 0px 0px 1px var(--var-borderShadowHoverColor);
                -webkit-box-shadow: inset 0px 0px 0px 1px var(--var-borderShadowHoverColor);
                box-shadow: inset 0px 0px 0px 1px var(--var-borderShadowHoverColor);
                border: solid var(--var-borderHoverColor) 1px;
                background-color: var(--var-backHoverColorAlt);
            }

        .website > main .sidemenu > ul > li + li > a {
            border-top: 0px !important;
        }

        .website > main .sidemenu li a .number {
            margin-top: -4px;
            margin-bottom: -4px;
            margin-left: 10px;
            font-weight: bold;
            font-size: 170%;
            line-height: 100%;
            float: right;
        }

    .website > main .main-content {
        display: table-cell;
        border: solid #d3d7da 1px;
        background-color: #f1f1f1;
        padding: 20px;
    }

        .website > main .main-content > * + *:not(.modalpopup) {
            margin-top: 5px;
        }
    /* footer */
    .website > footer > .content > section, .website > footer a {
        color: #959595;
        font-size: 12px;
    }

    .website > footer .version {
        display: inline-block;
        margin-right: 30px;
    }

    .website > footer .copyrights {
        display: inline-block;
        margin-right: 30px;
    }

    .website > footer .time {
        display: inline-block;
        float: right;
        margin-left: 30px;
    }
/********** cLass public **************/
.public-header {
    background-color: #005e9c;
    padding: 20px;
    margin-bottom: 20px;
}

    .public-header .title-website {
        font-size: 50px;
        font-weight: 900;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 60px;
        color: #fff;
    }

    .public-header nav ul {
        list-style-type: none;
        display: block;
        padding: 0px;
        margin: 0px;
        border-top: solid #fff 1px;
        text-align: center;
    }

        .public-header nav ul li {
            display: inline-block;
            padding: 0px;
            margin: 0px;
            margin-top: 10px;
        }

            .public-header nav ul li + li {
                margin-left: 8px;
            }

            .public-header nav ul li a {
                text-decoration: none;
                color: #fff;
                border: solid #fff 1px;
                padding: 10px;
                display: block;
            }

                .public-header nav ul li a:hover {
                    background-color: #004f83;
                }

.zlogin {
}
/********** class de base *************/
.main-content {
    font-size: 14px;
    color: #6f6f6f;
}

    .main-content h1 {
        font-size: 30px;
        color: #252525;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
    }

    .main-content h2 {
        font-size: 20px;
        color: #6e6e6e;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
    }

    .main-content h3 {
        font-size: 16px;
        color: #005e9c;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
    }

    .main-content p {
        margin: 0px;
    }

.msg-error {
    border: solid 1px rgba(0,0,0,0.2);
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
    color: red;
    /*-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
}

    .msg-error[style*="inline"] {
        display: inline-block !important;
    }

    .msg-error:before {
        content: "!";
        line-height: 12px;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        margin-right: 5px;
    }

.block {
    background-color: #e7e7e7;
    padding: 15px;
    display: block;
}

    .block.menu {
        padding: 5px;
    }

        .block.menu .button {
            padding: 10px;
            font-size: 14px;
        }

            .block.menu .button + .button {
                margin-left: 4px;
            }

    .block.date-picker {
        padding: 5px;
    }

        .block.date-picker select {
            padding: 5px;
        }

        .block.date-picker .button {
            padding: 6px;
            font-size: 14px;
            margin-left: 4px;
        }

.table {
    width: 100%;
    border-spacing: 4px;
    border-collapse: separate;
    border: solid #b1b1b1 1px;
    background-color: #f9f9f9;
}

    .table > * > tr > td {
        padding: 2px;
        vertical-align: middle;
    }

        .table > * > tr > td .button {
            margin: 1px;
        }

    .table > thead > tr > td {
        background-color: #005e9c;
        border: solid #004878 1px;
        color: #fff;
    }

    .table thead td h2 {
        color: #fff;
    }

.gridview {
    width: 100%;
    border-spacing: 4px;
    border-collapse: separate !important;
    border: solid #b1b1b1 1px;
    background-color: #f9f9f9;
}

    .gridview th {
        background-color: #005e9c;
        border: solid #d3d7da 1px;
    }

    .gridview a {
        text-decoration: none;
    }

    .gridview td {
        background-color: white;
        text-align: left;
        color: #6f6f6f;
    }

    .gridview th a {
        background-color: #005e9c;
        color: white !important;
    }

    .gridview td a {
        color: #6f6f6f !important;
        text-decoration: underline;
    }

.table > tbody > tr > td {
    border: solid #d3d7da 1px;
}

.table > tbody > tr.child > td {
    background-color: #f1f1f1;
    border: solid #d3d7da 1px;
    font-size: 0.75em;
}

    .table > tbody > tr.child > td a {
        font-size: 0.875em;
    }

    .table > tbody > tr.child > td:first-child:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-bottom: solid #b1b1b1 2px;
        border-left: solid #b1b1b1 2px;
        margin-bottom: 4px;
        margin-right: 2px;
        margin-left: 2px;
    }

.table tbody td.bt-normal, .table tbody td.bt-large {
    text-align: center;
}

.table tbody td.bt-normal {
    width: 80px;
}

.table tbody td.bt-large {
    width: 126px;
}

    .table tbody td.bt-normal .button, .table tbody td.bt-large .button {
        box-sizing: border-box;
    }

.table tbody td.bt-normal .button {
    display: block;
}

.table tbody td.bt-large .button.blue {
    display: block;
    min-width: 124px;
}

.table > tfoot > tr > td {
    text-align: right;
}

.table > tbody > tr.green > td {
    background-color: #d3e8b2 !important;
}

.table > tbody > tr.normal > td {
    background-color: #e7e7e7 !important;
}

.table > tbody > tr.yellow > td {
    background-color: #faf4c1;
}

.table-striped tr.odd {
    background-color: #FFFFFF !important;
    border: solid #d3d7da 1px;
}

.table-striped tr.even {
    background-color: #EBEBEB !important;
    border: solid #d3d7da 1px;
}

.modalpopup {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #000;
    background: rgba(0,0,0,0.6);
    z-index: 100000;
}

    .modalpopup > div {
        position: fixed;
        top: 50%;
        left: 50%;
        /*width:400px;
	margin-left:-200px;
	margin-top:-70px;
	*/
        max-height: 90vh;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        padding: 20px;
        border: solid #fff 5px;
        width: auto;
        max-width: 90%;
        /*overflow: auto;*/
        background-color: #fff;
        text-align: left;
        color: #575757;
        -moz-box-shadow: 0px 0px 5px 0px #000000;
        -webkit-box-shadow: 0px 0px 5px 0px #000000;
        -o-box-shadow: 0px 0px 5px 0px #000000;
        box-shadow: 0px 0px 5px 0px #000000;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5);
    }

    .modalpopup .top {
        padding-right: 30px;
        min-height: 24px;
    }

    .modalpopup .center {
        max-height: 70vh;
        overflow-y: auto;
    }

    .modalpopup .close {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 5px;
        line-height: 10px;
        width: 10px;
        height: 10px;
        text-align: center;
        background-color: #005e9c;
    }

        .modalpopup .close:hover {
            background-color: #004f83;
        }

        .modalpopup .close:before {
            content: "X";
            color: #fff;
            font-weight: bold;
        }

    .modalpopup .button {
        font-size: 12px;
        vertical-align: middle;
    }

    .modalpopup > div > *:not(.close) + * {
        margin-top: 5px;
    }

.search {
    background-color: #cbdeeb;
    padding: 2.5px;
    color: #546672;
}

    .search .field {
        display: inline-block;
        margin: 2.5px;
        line-height: 20px;
        font-size: 12px;
    }

    .search .bt {
        display: inline-block;
        margin: 2.5px;
        white-space: nowrap;
    }

    .search .button + .button {
        margin-left: 2.5px;
    }

.form {
    border-spacing: 2px;
    border-collapse: separate;
    width: 100%;
}

.formpurchase tr.green td {
    background-color: lightgreen;
    padding: 2px;
}

.form td {
    background-color: #e7e7e7;
    padding: 2px;
}

    .form td input[type=text], .form td input[type=password], .form td textarea {
        max-width: 100%;
        width: 100%;
    }

    .form td input[type=text], .form td input[type=password] {
        min-width: 30px;
    }

    .form td textarea {
        min-width: 200px;
        display: block;
        overflow: auto;
    }

    .form td.title {
        padding-right: 5px;
    }

    .form td.field {
        white-space: nowrap;
    }

        .form td.field textarea {
            white-space: normal;
        }

        .form td.field + .title {
            padding-left: 10px;
        }

.paging {
    font-size: 12px;
}

    .paging a {
        text-decoration: none;
        color: #005e9c;
        display: inline-block;
        min-width: 14px;
        text-align: center;
    }

        .paging a:hover {
            background-color: #005e9c;
            color: #fff;
        }

        .paging a[disabled] {
            color: #858585;
        }

            .paging a[disabled]:hover {
                color: #858585;
                background-color: transparent;
                cursor: default;
            }

.tab-container {
}

    .tab-container .etabs {
        margin: 0;
        padding: 0;
        background-color: #b1b1b1;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .tab-container .tab {
        display: inline-block;
    }

    .tab-container h2 {
        margin-bottom: 10px;
    }

    .tab-container .tab a {
        display: block;
        text-decoration: none;
        border: solid #888888 1px;
        border-bottom: 0px;
        background-color: #f1f1f1;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        opacity: 0.5;
        color: #888888;
    }

        .tab-container .tab a:hover {
            opacity: 0.8;
        }

    .tab-container .tab.active {
    }

    .tab-container .tab a.active {
        color: #004f83;
        opacity: 1.0;
        cursor: default;
    }

    .tab-container .panel-container {
        padding: 20px;
    }

        .tab-container .panel-container > div > * + * {
            margin-top: 5px;
        }

.main-content .top-menu {
    float: right;
}

    .main-content .top-menu a + a {
        margin-left: 5px;
    }

.button {
    background-color: #5c5c5c;
    padding: 4px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: 0px;
}

    .button:hover {
        background-color: #4d4d4d;
    }

.main-content .button {
    display: inline-block;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.spinner {
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top-color: #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s ease-in-out infinite;
    margin: 0 auto;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
/********* Color Class *********/
.gray {
    background-color: #858585;
}

    .gray:hover {
        background-color: #707070;
    }

.blue {
    background-color: #005e9c;
}

    .blue:hover {
        background-color: #004f83;
    }

.red {
    background-color: #9c0000;
}

    .red:hover {
        background-color: #830000;
    }

.green {
    background-color: #1d9c00;
}

    .green:hover {
        background-color: #188300;
    }

/*************************************************************/
/*********** class spécifiques ***********/
.fiche-produit {
}

    .fiche-produit .image {
        float: left;
        margin-right: 20px;
        max-width: 300px;
        text-align: center;
    }

        .fiche-produit .image img {
            border: solid #808080 1px;
            margin-bottom: 5px;
        }

    .fiche-produit .info {
        font-size: 16px;
    }

        .fiche-produit .info table {
            border-spacing: 4px;
            border-collapse: separate;
        }

            .fiche-produit .info table + table {
                margin-top: 10px;
            }

.stats-produit {
}

    .stats-produit .col {
        width: 33%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }

        .stats-produit .col:first-child {
            padding-left: 0px;
            padding-right: 10px;
        }

        .stats-produit .col:last-child {
            padding-left: 10px;
            padding-right: 0px;
        }

    .stats-produit table {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .stats-produit table td {
        }

            .stats-produit table td:first-child {
                border-bottom: solid #888888 1px;
            }

            .stats-produit table td:last-child {
                background-color: #005e9c;
                color: #fff;
                text-align: center;
                vertical-align: middle;
                padding-left: 2px;
                padding-right: 2px;
            }

.fiche-client {
}

    .fiche-client .info {
        font-size: 16px;
    }

        .fiche-client .info table {
            border-spacing: 4px;
            border-collapse: separate;
        }

            .fiche-client .info table + table {
                margin-top: 10px;
            }

.form-add-order {
    border-spacing: 2px;
    border-collapse: separate;
    width: 100%;
}

    .form-add-order > tbody > tr > td {
        border: solid #858585 1px;
        background-color: #fff;
    }

    .form-add-order .title > td {
        border: 0px;
        background-color: transparent;
    }

    .form-add-order tr + .title > td {
        padding-top: 10px;
    }

    .form-add-order .bt > td {
        text-align: center;
        border: 0px;
        background-color: transparent;
    }

    .form-add-order .bt .button {
        font-size: 18px;
        padding: 10px;
    }

        .form-add-order .bt .button + .button {
            margin-left: 5px;
        }

    .form-add-order .form > tbody > tr > td {
        white-space: nowrap;
    }

.button.move-up, .button.move-down {
    padding-top: 2px;
    padding-bottom: 2px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.table.order-details-list {
}

.printOnly {
    display: none !important;
}

@media print {
    .printOnly {
        display: block !important;
    }
}

.form-group-rapport {
    height: 35px;
    padding: 10px 16px;
    display: block;
    vertical-align: middle;
}

    .form-group-rapport span {
        vertical-align: middle;
        padding-top: 3px;
        display: inline-block;
    }

    .form-group-rapport .boite {
        border: 1px solid #ddd;
        margin-right: 5px;
    }

.recherche-rapide {
    padding: 5px 5px 10px 20px;
}

    .recherche-rapide .btn-rapide {
        background-color: green;
        padding: 0px 4px 2px 4px;
        cursor: pointer;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        border: 0px;
    }

        .recherche-rapide .btn-rapide:hover {
            background-color: #4d4d4d;
        }

.recherche-livre-rapide {
    font-size: 12px;
}

.important {
    border: 1px solid black;
    padding: 2px 2px;
    background-color: yellow;
    color: black;
    font-weight: bold;
    margin-bottom: 10px;
}

/** Dépôts  **/
fieldset.depot-section {
    border: 1px solid #6f6f6f;
    border-radius:4px;
}
    fieldset.depot-section legend {
        font-weight: bold;
        font-size:1.2em;
    }
    fieldset.depot-section table {
        width: 100%;
    }

    fieldset.depot-section label {
        font-weight: bold;
    }

    fieldset.depot-section td {
        text-align: right;
    }

/*************************************************************/
/*
a.MonLien:link
{
	font-family:Arial;
	font-size:8pt;
	line-height:11pt;
	font-weight:bold;
	color:#044396;
	text-align:center;
	text-decoration: none;
}
a.MonLien:visited
{
	font-family:Arial;
	font-size:8pt;
	line-height:11pt;
	font-weight:bold;
	color:#044396;
	text-align:center;
	text-decoration: none;
}
a.MonLien:hover, a.MonLien:active
{
	font-family:Arial;
	font-size:8pt;
	line-height:11pt;
	font-weight:bold;
	color:#000000;
	text-align:center;
	text-decoration: none;
}
    */
/* fin global */

/* Boutons */
/*
.button
{
	background:#cfe4fb;
	color:#1e3f5b;
	text-decoration: none;
	border:solid 1px #000000;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	}
.button:hover
{
	background:#eead50;
	color:#1e3f5b;
	text-decoration: none;
	border:solid 1px #000000;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	}
    */
/* fin Boutons */

/* textes */
/*
.link_vert
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#699534;
	text-decoration:underline;
}
.link_vert:hover
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
.link_jaune
{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#d87d00;
	text-decoration:underline;
}
.link_jaune:hover
{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}


.titre_section
{
	font-family:Century Gothic;
	font-size:25px;
	font-weight:bold;
	color:#9a9a9a;
}
.titre_categorie
{
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	color:#373737;
	text-decoration:underline;
}
.texte_fort
{	font-size:17px;
	font-family:Arial;
	font-weight:bold;
	color:#336699;
}
.texte_fort2
{	font-size:14px;
	font-family:Arial;
	color:#699534;
	font-weight:bold;
}
.texte_bold
{	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#204563;
}
.texte_normal_bold
{	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#204563;
}
.texte_normal
{	font-size:13px;
	font-family:Arial;
	color:#21405c;
}
.signature
{	font-size:14px;
	font-family:Arial;
	color:#336699;
	font-weight:bold;
}
.lien_section
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#4b4a4a;
	text-decoration:none;
	font-variant:small-caps;
}
.lien_section:hover
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#1e415c;
	text-decoration:underline;
	font-variant:small-caps;
}
.lien_section_selected
{
	color:#1e415c;
	text-decoration:underline;	
}
.parro
{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#014aa4;
	text-decoration:none;
}
.parro:hover
{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#014aa4;
	text-decoration:underline;
}
.error
{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:red;
	text-decoration:none;
}
.sorry
{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.lien_icon
{	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#9f9f9f;
	text-decoration:none;
}
.lien_icon:hover
{	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#014aa4;
	text-decoration:underline;
}
.text_nouvelles
{	font-size:12px;
	font-family:Arial;
	color:#656565;
	text-align:justify;
	padding-left:3px;
}
.ttl_nouvelles
{	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	font-variant:small-caps;
}
.text_normal_small
{	font-size:11px;
	font-family:Arial;
	color:#000000;
}
    */
/* fin textes */

/* Nouvelles */
/*
.news_ttl
{
	background-image:url(/images/bg/bg-index-b.gif);
	height:36px;
	vertical-align:middle;
	padding-left:4px;
	font-size:16px;
	font-weight:bold;
}
*/
/* fin Nouvelles */
.float-right {
    float: right;
}

.float-left {
    float: left;
}

#toggleAdvancedSearchBook {
    cursor: pointer;
}

.toggleAdvancedSearchBook {
    cursor: pointer;
}

.text-right {
    text-align: right;
}
