/* RESET
--------------------------------------------------------------------------------------------------------------------------------------*/
html {
    font-size: 100%;
}
/* Fix bug d'IE 6-7 */
html,
body,
form,
fieldset,
dl,
dd {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}

p,
select,
input,
caption,
label,
tr,
td,
table,
textarea {
    font-size: 1em;
    text-align: left;
    line-height: 1.5;
    -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
    line-height: 1;
    margin: 0;
    -webkit-text-size-adjust: none;
}

img,
fieldset,
table {
    border: none;
}

form,
p,
ul,
li,
fieldset,
input {
    margin: 0;
    padding: 0;
    line-height: 1;
}

ul,
li {
    list-style: none;
}

ol li {
    list-style: decimal inside;
}

address {
    font-style: normal;
}

img {
    vertical-align: middle;
}
/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/
body {
    color: #444444;
    background: #555555;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: none;
}

.txt-hidden {
    position: absolute;
    left: -9999em;
}

p {
    margin-bottom: 1em;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
}
/********** HTML5 **********/
header,
section,
footer,
aside,
nav,
article,
figure {
    display: block;
}
/********** VAR **********/
.cache-texte {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/***************************
couleurs
****************************/
/***************************
font
****************************/
input[type="text"],
input[type="password"],
input[type="email"] {
    font-size: 12px;
    color: #444444;
    padding: 4px;
    width: 260px;
    border: 1px solid #418bca;
    font-family: "Open Sans";
    line-height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

textarea {
    font-size: 12px;
    color: #444444;
    padding: 4px;
    width: 260px;
    height: 100px;
    border: 1px solid #418bca;
    font-family: "Open Sans";
    line-height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

button {
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    background: #86b97e;
    width: 100%;
    /*padding: 11px 0;*/
    cursor: pointer;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

    button:hover {
        background: #548f4a;
    }

.new-radio {
    background: url("../Content/Images/bg-radio.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 16px 0 0 16px;
    width: 0;
    float: left;
    margin: 2px 6px 0 0;
}

    .new-radio.check {
        background-position: left top;
    }

input#informe, input#informe2, input#activer {
    float: left;
    vertical-align: middle;
    margin-right: 5px;
}

.active-page-publique {
    margin-top: 10px;
}

p {
    margin-bottom: 12px;
}

.fgauche {
    float: left;
}

.fdroite {
    float: right;
}

.marge1 {
    margin: 10px 0 !important;
}

.marge2 {
    margin: 20px 0 !important;
}

.marge3 {
    margin: 30px 0 !important;
}

.margehaut1 {
    margin-top: 10px !important;
}

.margehaut2 {
    margin-top: 20px !important;
}

.margebas1 {
    margin-bottom: 10px !important;
}

.margebas2 {
    margin-bottom: 20px !important;
}

.margegauchedroite {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.font-weight1 {
    font-weight: 200 !important;
}

.font-weight2 {
    font-weight: 400 !important;
}

.font-weight3 {
    font-weight: 600 !important;
}

.font-weight4 {
    font-weight: 800 !important;
}

.w200 {
    width: 200px;
}

.w24 {
    width: 24px;
}

.no-marge {
    padding: 0 !important;
    margin: 0 !important;
}

.no-marge-haut {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.no-marge-bas {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.c-noirEtGras {
    color: #000;
    font-weight: 700;
}

.grand {
    line-height: 18px;
    font-weight: 600;
}

    .grand.fin {
        font-weight: 400;
    }

.btn-ajouterenquete {
    margin-left: 240px;
}

span.manormalisation {
    font-weight: 800;
}

    span.manormalisation span {
        font-weight: 300;
    }

body .chosen-container {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

    body .chosen-container.chosen-container-single .chosen-single {
        border-color: #69b6e7;
        background: #fff;
        height: 27px;
        line-height: 26px;
        color: #418bca;
    }

        body .chosen-container.chosen-container-single .chosen-single span {
            margin-top: 7px;
            color: #418bca;
        }

        body .chosen-container.chosen-container-single .chosen-single div b {
            background: transparent url("../Content/Images/fl-bleu.png") no-repeat scroll 4px 10px !important;
        }

            body .chosen-container.chosen-container-single .chosen-single div b::before {
                display: none;
            }

    body .chosen-container.chosen-container-single .chosen-drop {
        border-color: #69b6e7;
    }

    body .chosen-container.chosen-container-single .chosen-results li {
        color: #418bca;
    }

        body .chosen-container.chosen-container-single .chosen-results li.highlighted {
            color: #fff;
        }

.chosen-container,
.chosen-with-drop .chosen-drop,
.chosen-container-single .chosen-single {
    width: 120px !important;
}

.shopping-border {
    border-left: 1px solid #cecece;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.ico {
    float: right;
    margin-top: 10px;
}

    ul.ico li {
        vertical-align: middle;
        display: inline-block;
        margin-left: 10px;
    }

        ul.ico li .suivre {
            border-right: 1px solid #cecece;
            display: inline-block;
            padding: 8px 10px 5px 0;
            font-weight: 700;
        }

        ul.ico li .achat {
            border-right: 0;
            display: inline-block;
            padding: 8px 10px 5px 0;
            font-weight: 700;
            margin-left: 10px;
        }

        ul.ico li .suivre.no-bord {
            border-right: 0;
            padding-right: 0;
        }

        ul.ico li .suivre a.sauvegarder {
            margin-left: 3px;
        }

            ul.ico li .suivre a.sauvegarder i {
                font-size: 28px;
            }

a.ico {
    display: inline-block;
    height: 28px;
    width: 28px;
    text-indent: -999999px;
}

    a.ico:hover {
        opacity: 0.5;
    }

    a.ico.ico-exporter {
        background: url(../Content/Images/ico-exporter.png) 0 2px no-repeat;
    }

    a.ico.ico-imprimer {
        background: url(../Content/Images/ico-print.png) top left no-repeat;
    }

    a.ico.ico-repondre {
        background: url(../Content/Images/ico-repondre.png) 3px 0px no-repeat;
    }

    a.ico.ico-parametres {
        background: url(../Content/Images/ico-parametres.png) top left no-repeat;
        height: 32px;
        width: 35px;
    }

    a.ico.ico-telecharger {
        background: url(../Content/Images/ico-telecharger.png) top left no-repeat;
    }

    a.ico.ico-loupe {
        background: url(../Content/Images/ico-loupe-gris.png) 0 0 no-repeat;
    }

a.icon i,
i.icon {
    font-size: 30px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    cursor: pointer;
}

    a.icon i.fa-share-square-o, a.icon i.fa-print {
        margin-top: 4px;
    }

    a.icon i.fa-search {
        font-size: 20px;
    }

    a.icon i.fa-pencil-square-o {
        font-size: 25px;
    }

    a.icon i.fa-pencil-square {
        font-size: 25px;
    }

    a.icon i.fa-calendar-plus-o {
        font-size: 20px;
    }

    a.icon i.fa-download {
        font-size: 28px;
    }

    a.icon i:hover {
        color: #cecece;
    }

a[role="button"] {
    cursor: pointer;
}

.sep-ligne-simple {
    border-top: 1px solid #cecece;
    height: 3px;
    margin: 10px 10px;
}

.sep-lignes-doubles {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    height: 3px;
    margin: 20px 30px;
}

.final-text-questionnaire > div {
    padding-left: 13%;
    font-size: 18px;
}

.final-text-questionnaire, .final-text-questionnaire ul {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
}

    .final-text-questionnaire span {
        font-weight: bold;
    }

ul.social {
    text-align: right;
}

ul.congrats-questionnaire li {
    display: inline-block;
    margin: auto;
}

    ul.congrats-questionnaire li a {
        display: inline-block;
        color: #444444;
        font-size: 2em;
        padding: 5px;
        width: 28px;
        background: #e8e8e8;
        text-align: center;
    }

        ul.congrats-questionnaire li a:hover {
            background: #444444;
            color: #e8e8e8;
        }

ul.congrats-consultation li {
    display: inline-block;
    margin: auto;
}

    ul.congrats-consultation li a {
        display: inline-block;
        color: #444444;
        font-size: 2em;
        padding: 5px;
        width: 28px;
        text-align: center;
    }

ul.congrats {
    text-align: left;
    width: 100%;
}

    ul.congrats li {
        display: inline-block;
        margin: auto;
    }

        ul.congrats li a {
            display: inline-block;
            color: #444444;
            font-size: 2em;
            padding: 5px;
            width: 28px;
            text-align: center;
        }

            ul.congrats li a:hover {
                background: #444444;
                color: #e8e8e8;
            }

        ul.congrats li.text {
            font-weight: bold;
            text-align: left;
        }

ul.social {
    text-align: right;
}

    ul.social li {
        display: inline-block;
        margin-left: 4px;
    }

        ul.social li a {
            display: inline-block;
            color: #444444;
            font-size: 20px;
            padding: 5px;
            width: 22px;
            background: #e8e8e8;
            text-align: center;
        }

            ul.social li a:hover {
                background: #444444;
                color: #e8e8e8;
            }

.ligne {
    padding: 12px;
}

    .ligne h2 {
        display: inline-block;
    }

    .ligne span.titre {
        display: inline-block;
        width: 120px;
    }

    .ligne .infos-gauche {
        display: inline-block;
        float: left;
    }

.infos-droite {
    display: inline-block;
    float: right;
}

.info-sup {
    color: #000;
    font-size: 13px;
    margin-left: 20px;
}

.ligne .infos-gauche .row {
    margin-bottom: 15px;
}

    .ligne .infos-gauche .row a.btn {
        margin-left: 40px;
    }

.infos-marge-gauche {
    margin-left: 40px;
}

.ligne .infos-gauche .row span {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}

    .ligne .infos-gauche .row span.marge-droite {
        margin-right: 40px;
    }

    .ligne .infos-gauche .row span.grand {
        font-size: 16px;
        font-weight: 400;
    }

.ligne.marge-vertical {
    padding-left: 0;
    padding-right: 0;
}

.ligne.lignes-resultats {
    padding: 0 12px;
    background: #f8f8f8;
}

    .ligne.lignes-resultats .nombre-res span.titre {
        font-weight: 800;
        width: 380px;
        display: inline-block;
        font-size: 15px;
        margin-top: 17px;
    }

        .ligne.lignes-resultats .nombre-res span.titre strong {
            font-weight: 400;
            display: inline-block;
            margin-left: 3px;
        }

    .ligne.lignes-resultats .motscles {
        float: right;
        width: 378px;
        border-left: 1px solid #86b97e;
    }

        .ligne.lignes-resultats .motscles span.t {
            float: left;
            padding: 20px 10px 21px 10px;
        }

        .ligne.lignes-resultats .motscles a.btn-gris {
            font-size: 12px;
            padding: 3px 8px;
            margin: 2px 3px 0px 0;
            background: #e8e8e8;
            border: none;
            color: #818181;
            text-shadow: none;
            font-weight: 400;
        }

            .ligne.lignes-resultats .motscles a.btn-gris:hover {
                background: #555555;
                color: #fff;
            }

    .ligne.lignes-resultats .titre-filtres {
        background: #418bca;
        color: #fff;
        display: inline-block;
        padding: 14px;
        text-align: center;
        width: 200px;
        font-size: 16px;
        font-weight: 600;
    }

    .ligne.lignes-resultats .btn {
        margin-left: 14px;
    }

.ligne.ligne-filtres {
    background: #418bca;
}

    .ligne.ligne-filtres .titre {
        color: #000;
    }

    .ligne.ligne-filtres .chosen-container {
        margin-right: 20px;
    }

        .ligne.ligne-filtres .chosen-container.chosen-container-single .chosen-single {
            border-color: #69b6e7;
            background: #fff;
            height: 29px;
            line-height: 26px;
            background: #afdffd;
            color: #418bca;
        }

            .ligne.ligne-filtres .chosen-container.chosen-container-single .chosen-single div b {
                background: transparent url("../Content/Images/fl-bleu.png") no-repeat scroll 4px 10px !important;
            }

        .ligne.ligne-filtres .chosen-container.chosen-container-single .chosen-drop {
            background: #afdffd;
            color: #418bca;
            border-bottom: 3px solid #418bca;
        }

        .ligne.ligne-filtres .chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
            border: 1px solid #69b6e7;
        }

    .ligne.ligne-filtres .chosen-container,
    .ligne.ligne-filtres .chosen-with-drop .chosen-drop,
    .ligne.ligne-filtres .chosen-container-single .chosen-single {
        width: 190px !important;
    }

.ligne.ligne-gris {
    background: #f8f8f8;
}

    .ligne.ligne-gris.connexes {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.ligne.ligne-blanc {
    background: #fff;
}

    .ligne.ligne-blanc h2 {
        margin-top: 8px;
        color: #418bca;
        font-size: 18px;
    }

    .ligne.ligne-blanc h1 {
        margin-top: 8px;
        color: #418bca;
        font-size: 18px;
    }

    .ligne.ligne-blanc ul.ico {
        margin-top: 0;
    }

.ligne.connexes a.btn-noir {
    margin-right: 94px;
}

.btn {
    background: #86b97e;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600;
    vertical-align: center;
    position: relative;
}

    .btn.center {
        margin-left: auto;
        margin-right: auto;
    }

    .btn i {
        font-size: 20px;
        position: absolute;
        top: 8px;
        right: 10px;
    }

    .btn:hover {
        background: #548f4a;
        text-decoration: none;
    }

    .btn.grand {
        padding: 8px 30px;
        font-weight: 600;
        font-size: 12px;
    }

    .btn.grand2 {
        padding: 12px 30px;
        font-weight: 600;
        font-size: 12px;
    }

    .btn.btn-participer {
        padding: 12px 30px;
        width: 250px !important;
        font-size: 16px !important;
        font-weight: 600;
    }

    .btn.btn-violet {
        background: #9684bd;
        border: 2px solid #9684bd;
    }

        .btn.btn-violet:hover {
            background: #fff;
            color: #9684bd;
        }

        .btn.btn-violet.inverse {
            background: #fff;
            color: #9684bd;
        }

            .btn.btn-violet.inverse:hover {
                background: #9684bd;
                color: #fff;
            }

    .btn.btn-rose {
        background: #d34a7e;
        border: 2px solid #d34a7e;
    }

        .btn.btn-rose:hover {
            background: #fff;
            color: #d34a7e;
        }

        .btn.btn-rose.inverse {
            background: #fff;
            color: #d34a7e;
        }

            .btn.btn-rose.inverse:hover {
                background: #d34a7e;
                color: #fff;
            }

    .btn.btn-noir {
        background: #444444;
        border: 2px solid #444444;
    }

        .btn.btn-noir:hover {
            background: #fff;
            color: #444444;
        }

        .btn.btn-noir.inverse {
            background: #fff;
            color: #444444;
        }

            .btn.btn-noir.inverse:hover {
                background: #444444;
                color: #fff;
            }

    .btn.btn-gris {
        background: #cecece;
        border: 2px solid #cecece;
        color: #444444;
    }

        .btn.btn-gris:hover {
            background: #fff;
            color: #444444;
        }

        .btn.btn-gris.inverse {
            background: #fff;
            color: #444444;
        }

            .btn.btn-gris.inverse:hover {
                background: #cecece;
                color: #444444;
            }

    .btn.btn-rouge {
        background: #cb5f43;
        border: 2px solid #cb5f43;
    }

        .btn.btn-rouge:hover {
            background: #fff;
            color: #cb5f43;
        }

        .btn.btn-rouge.inverse {
            background: #fff;
            color: #cb5f43;
        }

            .btn.btn-rouge.inverse:hover {
                background: #cb5f43;
                color: #fff;
            }

    .btn.btn-rouge2 {
        background: #e57b7b;
        border: 2px solid #e57b7b;
    }

        .btn.btn-rouge2:hover {
            background: #fff;
            color: #e57b7b;
        }

        .btn.btn-rouge2.inverse {
            background: #fff;
            color: #e57b7b;
        }

            .btn.btn-rouge2.inverse:hover {
                background: #e57b7b;
                color: #fff;
            }

    .btn.btn-vert {
        background: #86b97e;
        border: 2px solid #86b97e;
    }

        .btn.btn-vert:hover {
            background: #fff;
            color: #86b97e;
        }

        .btn.btn-vert.inverse {
            background: #fff;
            color: #86b97e;
        }

            .btn.btn-vert.inverse:hover {
                background: #86b97e;
                color: #fff;
            }

    .btn.btn-vert2 {
        background: #268d66;
        border: 2px solid #268d66;
    }

        .btn.btn-vert2:hover {
            background: #fff;
            color: #268d66;
        }

        .btn.btn-vert2.inverse {
            background: #fff;
            color: #268d66;
        }

            .btn.btn-vert2.inverse:hover {
                background: #268d66;
                color: #fff;
            }

    .btn.btn-bleu {
        background: #418bca;
        border: 2px solid #418bca;
    }

        .btn.btn-bleu:hover {
            background: #fff;
            color: #418bca;
        }

        .btn.btn-bleu.inverse {
            background: #fff;
            color: #418bca;
        }

            .btn.btn-bleu.inverse:hover {
                background: #418bca;
                color: #fff;
            }

    .btn.btn-transparent {
        background: #418bca;
        border: 2px solid #418bca;
    }

        .btn.btn-transparent:hover {
            background: #fff;
            color: #418bca;
        }

        .btn.btn-transparent.inverse {
            background: transparent;
            color: #418bca;
        }

            .btn.btn-transparent.inverse:hover {
                background: #418bca;
                color: #fff;
            }

    .btn.btn-icon {
        background: #418bca;
        border: 2px solid #418bca;
        padding: 7px 38px 7px 10px;
    }

        .btn.btn-icon:hover {
            background: #fff;
            color: #418bca;
        }

        .btn.btn-icon.inverse {
            background: #fff;
            color: #418bca;
        }

            .btn.btn-icon.inverse:hover {
                background: #418bca;
                color: #fff;
            }

        .btn.btn-icon.btn-supprimer {
            padding-right: 33px;
        }

            .btn.btn-icon.btn-supprimer i {
                top: 6px;
                font-size: 22px;
            }

        .btn.btn-icon.btn-ressuivants {
            padding-right: 33px;
            cursor: pointer;
        }

            .btn.btn-icon.btn-ressuivants i {
                top: 6px;
                font-size: 22px;
                font-weight: 800;
            }

        .btn.btn-icon.inactif {
            color: #e7e7e7;
            border-color: #e7e7e7;
            padding: 11px 38px 12px 10px;
            background: #fff;
            display: inline-block;
        }

.btn2 {
    background: #fff;
    color: #418bca;
    padding: 8px 40px;
    text-align: center;
    display: inline-block;
    padding: 1px 8px;
    border: 1px solid #418bca;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-weight: bold;
}

    .btn2:hover {
        background: #69b6e7;
        color: #fff;
        text-decoration: none;
    }

a {
    color: #444444;
}

    a:hover {
        text-decoration: underline;
    }

    a.sauvegarder i {
        color: #555555;
        font-size: 24px;
        vertical-align: middle;
        padding-bottom: 2px;
        padding-right: 2px;
    }

    a.sauvegarder span.nb {
        font-weight: 700;
    }

    a.sauvegarder:hover {
        text-decoration: none;
    }

    a.voirplus,
    a.voirmoins {
        font-weight: 700;
        position: relative;
        display: inline-block;
        padding-right: 20px;
        vertical-align: middle;
        margin-top: -10px;
    }

        a.voirplus i,
        a.voirmoins i {
            font-size: 10px;
            position: absolute;
            top: -3px;
            right: 0;
            font-weight: 800;
        }

        a.voirplus.btn,
        a.voirmoins.btn {
            font-weight: 700;
            position: relative;
            display: inline-block;
            padding-right: 20px;
            background: #418bca;
            border: 2px solid #418bca;
            color: #fff;
            text-decoration: none;
            padding: 3px 22px 3px 7px;
            vertical-align: middle;
            margin-bottom: 20px;
            margin-top: 0;
        }

            a.voirplus.btn i,
            a.voirmoins.btn i {
                font-size: 20px;
                position: absolute;
                top: 0.5px;
                right: 5px;
                font-weight: 800;
            }

            a.voirplus.btn:hover,
            a.voirmoins.btn:hover {
                background: #fff;
                color: #418bca;
            }

    a.link {
        text-decoration: underline;
    }

        a.link.h2 {
            color: #418bca;
            text-decoration-color: #418bca;
        }

            a.link.h2:hover {
                text-decoration: underline;
            }

        a.link.commission {
            text-decoration-color: #418bca;
        }

        a.link:hover {
            text-decoration: none;
        }

.align-centre {
    text-align: center;
}

.align-gauche {
    text-align: left;
}

.align-droite {
    text-align: right;
}

.suite {
    display: none;
}

/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
.wrapper {
    width: 990px;
    padding: 0 5px;
    margin: 0 auto;
}
/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/
header {
    background: #555555;
}

    header .logo {
        float: left;
        color: white;
        /*background: url("../Content/Images/Logo_Norm_Info_Blanc.png") no-repeat;*/
        /*background-size: contain;*/
        width: 147px;
        height: 44px;
        margin-right: 50px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

        header .logo img {
            width: 147px;
            height: 44px;
            border: none;
        }

    header h1 a {
        font-weight: 200;
        font-size: 20px;
        color: #fff;
        padding: 12px 0px;
        display: block;
    }

        header h1 a strong {
            font-weight: 700;
        }

        header h1 a:hover {
            text-decoration: none;
        }

    header .mon-compte {
        float: right;
        width: 186px;
        position: relative;
    }

        header .mon-compte div.login {
            background: url("../Content/Images/fl-blanc.png") no-repeat scroll 164px 19px #69b6e7;
            color: #fff;
            display: block;
            font-size: 14px;
            padding: 14px 12px 14px 56px;
            position: relative;
            height: 20px;
        }

            header .mon-compte div.login span.ico-profil {
                left: 14px;
                position: absolute;
                top: 10px;
                height: 22px;
                width: 23px;
                background: url("../Content/Images/ico-profil.png") no-repeat;
                display: block;
            }

            header .mon-compte div.login span.ico-loader {
                left: 14px;
                position: absolute;
                top: 7px;
                height: 22px;
                width: 23px;
                display: block;
            }

            header .mon-compte div.login:hover {
                background-color: #418bca;
                text-decoration: none;
                cursor: pointer;
            }

        header .mon-compte.connecte {
            width: auto;
        }

            header .mon-compte.connecte div.login {
                background: url("../Content/Images/fl-blanc-login.png") no-repeat scroll right 19px #69b6e7;
                display: inline-block;
                float: right;
                padding-left: 5px;
                padding-top: 0;
                padding-bottom: 0px;
                height: 48px;
            }

                header .mon-compte.connecte div.login:hover {
                    background-color: #418bca;
                }

                    header .mon-compte.connecte div.login:hover span.notification i {
                        color: #69b6e7;
                    }

                header .mon-compte.connecte div.login span.notification {
                    width: 40px;
                    height: 38px;
                    position: relative;
                    float: left;
                    margin-right: 3px;
                }

                    header .mon-compte.connecte div.login span.notification span {
                        color: #fff;
                        position: absolute;
                        top: 15px;
                        left: 0px;
                        text-align: center;
                        width: 100%;
                        font-size: 12px;
                    }

                    header .mon-compte.connecte div.login span.notification i {
                        font-size: 44px;
                        color: #418bca;
                    }

                header .mon-compte.connecte div.login span.avatar {
                    border: 1px solid #fff;
                    display: inline-block;
                    -webkit-border-radius: 20px;
                    -moz-border-radius: 20px;
                    border-radius: 20px;
                    -moz-background-clip: padding;
                    -webkit-background-clip: padding-box;
                    background-clip: padding-box;
                    overflow: hidden;
                    float: left;
                    margin-top: 2px;
                    margin-right: 6px;
                }

                    header .mon-compte.connecte div.login span.avatar img {
                        width: 35px;
                        height: 35px;
                    }

                header .mon-compte.connecte div.login span.nom {
                    display: inline-block;
                    float: left;
                    padding-right: 12px;
                    line-height: 15px;
                    padding-top: 6px;
                    font-size: 12px;
                }

        header .mon-compte .mon-compte-contenu {
            position: absolute;
            top: 43px;
            right: -1px;
            z-index: 10;
            border: 1px solid #444444;
            border-top: none;
            background: #fff;
        }

            header .mon-compte .mon-compte-contenu h5 {
                background: #afdffd;
                color: #418bca;
                font-size: 12px;
                font-weight: 700;
                padding: 8px;
                text-align: center;
            }

            header .mon-compte .mon-compte-contenu .listing {
                width: 393px;
                padding: 13px 12px 3px;
            }

                header .mon-compte .mon-compte-contenu .listing ul.l1 {
                    border-bottom: 1px solid #444444;
                    margin-bottom: 14px;
                }

                header .mon-compte .mon-compte-contenu .listing ul li {
                    float: left;
                }

                    header .mon-compte .mon-compte-contenu .listing ul li a {
                        display: block;
                        width: 128px;
                        height: 24px;
                        padding-top: 38px;
                        color: #444444;
                        text-align: center;
                        text-indent: 0;
                        position: relative;
                    }

                header .mon-compte .mon-compte-contenu .listing ul.l3 {
                    float: right;
                }

                header .mon-compte .mon-compte-contenu .listing ul li a.link-disconnect {
                    float: right;
                    padding-top: 10px;
                    color: darkslategray;
                    font-weight: bold;
                    text-decoration: underline;
                    height: 15px;
                }

                header .mon-compte .mon-compte-contenu .listing ul li a:hover {
                    text-decoration: none;
                    color: #418bca;
                }

                header .mon-compte .mon-compte-contenu .listing ul li a i {
                    position: absolute;
                    top: 0;
                    left: 50px;
                    font-size: 30px;
                }

        header .mon-compte .mon-compte-login-contenu {
            position: absolute;
            top: 43px;
            right: -1px;
            z-index: 20;
            border: 1px solid #444444;
            background: #fff;
        }

            header .mon-compte .mon-compte-login-contenu .contenu {
                width: 162px;
                padding: 13px 12px 3px;
            }

                header .mon-compte .mon-compte-login-contenu .contenu.contenu-liens ul li {
                    margin-bottom: 10px;
                    text-align: center;
                }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-liens ul li.first {
                        border-bottom: 1px solid #444444;
                        padding-bottom: 10px;
                    }

                header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li {
                    margin-bottom: 10px;
                }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li:last-child {
                        margin-top: 6px;
                    }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li span.erreur {
                        color: #cb5f43;
                        font-weight: 800;
                        font-size: 11px;
                        text-align: center;
                        line-height: 14px;
                    }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li label {
                        margin-bottom: 4px;
                        display: block;
                        text-align: center;
                    }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li input {
                        width: 94%;
                    }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li span.annuler {
                        display: block;
                        color: #86b97e;
                        font-weight: 600;
                        font-size: 14px;
                        text-align: center;
                        background: #fff;
                        border: 1px solid #86b97e;
                        width: 100%;
                        padding: 11px 0;
                        cursor: pointer;
                        -webkit-transition: all 250ms ease-out;
                        -moz-transition: all 250ms ease-out;
                        -ms-transition: all 250ms ease-out;
                        -o-transition: all 250ms ease-out;
                        transition: all 250ms ease-out;
                    }

                        header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li span.annuler:hover {
                            background: #86b97e;
                            color: #fff;
                        }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li a.btn {
                        display: block;
                        padding: 11px 0;
                        font-weight: normal;
                        border-width: 1px;
                    }

                    header .mon-compte .mon-compte-login-contenu .contenu.contenu-form ul li button {
                        font-weight: normal;
                    }

    header .tuto {
        color: white;
        margin-right: 10px;
        float: right;
        position: relative;
        width: 140px;
    }

        header .tuto img {
            width: 34px;
            height: 34px;
            border: none;
            margin-top: 7px;
            margin-right: 10px;
            float: left;
        }

        header .tuto .tutolink {
            width: 70px;
            overflow: hidden;
            margin-top: 10px;
        }

.fil-arianne {
    padding: 7px 0;
    background: #fff;
    border-bottom: 1px solid #cecece;
}

    .fil-arianne ul li {
        display: inline;
        padding-right: 6px;
        line-height: 14px;
    }

        .fil-arianne ul li:before {
            font-family: FontAwesome;
            font-size: 14px;
            content: "\f105";
            color: #b2b6bf;
            padding: 0;
            margin: 0 8px 0 0;
            position: relative;
            top: 1px;
        }

        .fil-arianne ul li:first-child:before {
            display: none;
        }

        .fil-arianne ul li a {
            color: #418bca;
        }

            .fil-arianne ul li a:hover {
                text-decoration: underline;
            }

.rechercheHome {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
}

button.search_home.big {
    height: 50px;
    width: 50px;
    padding-bottom: 0px;
}

button.search_home.small {
    margin-left: -3px;
    width: 29px;
    height: 28px;
    /* margin-top: 0px; */
    /* padding-top: 0px; */
    border-top-width: 0px;
    padding: 1px 0px;
    padding-top: 0px;
    border: 1px solid #555555;
}

.link-view {
    background-color: #86b97e;
    color: white;
    padding: 2px 10px;
    margin-left: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

    .link-view:hover, link-view:active {
        background-color: #548f4a;
    }

.margin_bottom_10 {
    margin-bottom: 10px;
}

.rechercheHeader {
    margin-top: 8px;
    display: inline-block;
}

.recherche input[type="text"] {
    width: 260px;
    padding-left: 28px;
    background: url(../Content/Images/ico-loupe.png) 7px 5px no-repeat #ffffff;
    line-height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.haut-page {
    background: #fff;
    padding: 12px 0 2px 0;
    margin-top: -2px;
}

    .haut-page ul li {
        vertical-align: middle;
    }

.ico-footer {
    float: right;
    width: 132px;
}

    .ico-footer ul.ico {
        margin: 10px 28px 0px 0;
    }

a.ico-haut-page {
    background: #555555;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    padding: 6px 30px 6px 10px;
    position: relative;
}

    a.ico-haut-page i {
        position: absolute;
        top: 3px;
        right: 7px;
        font-size: 22px;
    }

    a.ico-haut-page span {
        display: block;
        font-size: 9px;
    }

    a.ico-haut-page:hover {
        opacity: 0.5;
        text-decoration: none;
    }

.pagination {
    text-align: right;
    margin-bottom: 20px;
    margin-top: -12px;
}

    .pagination ul li {
        display: inline-block;
        padding: 4px;
        font-size: 13px;
    }

        .pagination ul li span {
            font-weight: 600;
        }

        .pagination ul li a:hover {
            font-weight: 800;
            text-decoration: none;
        }

        .pagination ul li i {
            font-size: 18px;
        }

            .pagination ul li i:hover {
                font-weight: 800;
            }
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
footer {
    background: #555555;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #cbcbcb;
}

    footer a {
        color: #cbcbcb;
    }

        footer a:hover {
            text-decoration: underline;
        }

    footer ul li {
        margin: 5px 0;
    }

    footer h4 {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    footer .bloc {
        float: left;
    }

        footer .bloc.bloc-gauche {
            width: 326px;
        }

        footer .bloc.bloc-centre {
            width: 300px;
            text-align: left;
            padding-left: 65px;
        }

            footer .bloc.bloc-centre a {
                margin: 0 3px;
            }

                footer .bloc.bloc-centre a:hover {
                    opacity: 0.5;
                }

        footer .bloc.bloc-droit {
            width: 155px;
            text-align: center;
            float: right;
        }

            footer .bloc.bloc-droit h4 {
                text-align: center;
            }
/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/
#contenu {
    background: #fff;
    overflow: hidden;
    padding: 1%;
    min-height: 500px;
}

#tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner {
    padding: 0px;
    font-size: 12px;
}

#tabbed-nav.z-tabs.horizontal.top > ul > li.z-active > a {
    border-top: 5px solid #418bca;
    color: #418bca;
    font-weight: 800;
    padding-top: 8px;
}

    #tabbed-nav.z-tabs.horizontal.top > ul > li.z-active > a.first {
        border: 2px solid #86b97e;
        background-color: #86b97e;
        color: #fff;
        font-weight: 800;
        padding-top: 8px;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    #tabbed-nav.z-tabs.horizontal.top > ul > li.z-active > a.second {
        border: 2px solid #cecece;
        background-color: #cecece;
        color: #000;
        font-weight: 800;
        padding-top: 8px;
        box-shadow: none !important;
        text-shadow: none !important;
    }

#tabbed-nav.z-tabs.horizontal.top > ul > li > a {
    margin-top: 3px;
    -webkit-transition: all 0ms ease-out;
    -moz-transition: all 0ms ease-out;
    -ms-transition: all 0ms ease-out;
    -o-transition: all 0ms ease-out;
    transition: all 0ms ease-out;
    background: #fff;
    padding: 12px 0 12px;
    box-shadow: none;
}

    #tabbed-nav.z-tabs.horizontal.top > ul > li > a.first {
        margin-top: 3px;
        -webkit-transition: all 0ms ease-out;
        -moz-transition: all 0ms ease-out;
        -ms-transition: all 0ms ease-out;
        -o-transition: all 0ms ease-out;
        transition: all 0ms ease-out;
        background: #fff;
        padding: 12px 0 12px;
        color: #86b97e;
        border: 1px solid #86b97e;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    #tabbed-nav.z-tabs.horizontal.top > ul > li > a.second {
        margin-top: 3px;
        -webkit-transition: all 0ms ease-out;
        -moz-transition: all 0ms ease-out;
        -ms-transition: all 0ms ease-out;
        -o-transition: all 0ms ease-out;
        transition: all 0ms ease-out;
        background: #fff;
        padding: 12px 0 12px;
        color: #000;
        border: 1px solid #cecece;
        box-shadow: none !important;
        text-shadow: none !important;
    }

#tabbed-nav .z-tabs.horizontal.top > ul > li.z-active {
    margin-top: -3px;
}

#tabbed-nav.z-tabs.horizontal.z-shadows > .z-container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#tabbed-nav .rangee {
    padding: 10px;
    margin: 0 25px;
    border-bottom: 1px solid #cecece;
    min-height: 50px;
}

#tabbed-nav .rangee-dashboard {
    padding: 10px;
    margin: 0 25px;
}

#tabbed-nav .rangee.no-bord {
    border-bottom: none;
}

#tabbed-nav .rangee.full {
    margin: 0;
}

#tabbed-nav .rangee.pad {
    padding-top: 25px;
    padding-bottom: 25px;
}

#tabbed-nav .rangee .publication {
    padding-top: 20px;
    padding-bottom: 0px;
}

    #tabbed-nav .rangee .publication a.btn-violet {
        margin-right: 30px;
        margin-top: 10px;
        float: right;
    }

#tabbed-nav .tab-contenu {
    padding: 3px 30px;
}

    #tabbed-nav .tab-contenu .infos {
        width: 400px;
        float: left;
        font-size: 14px;
    }

        #tabbed-nav .tab-contenu .infos .gauche {
            display: inline-block;
            margin-right: 20px;
        }

        #tabbed-nav .tab-contenu .infos .droite {
            display: inline-block;
        }

    #tabbed-nav .tab-contenu .photo {
        margin-top: 10px;
    }

        #tabbed-nav .tab-contenu .photo h3 {
            display: inline-block;
            float: left;
            padding-top: 30px;
            padding-right: 30px;
        }

        #tabbed-nav .tab-contenu .photo span.avatar {
            border: 2px solid #418bca;
            display: inline-block;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            overflow: hidden;
            float: left;
            margin-top: 14px;
            margin-right: 74px;
        }

            #tabbed-nav .tab-contenu .photo span.avatar img {
                width: 50px;
                height: 50px;
            }

        #tabbed-nav .tab-contenu .photo .btn {
            margin-top: 10px;
        }

            #tabbed-nav .tab-contenu .photo .btn.btn-supprimer {
                margin-right: 50px;
            }

                #tabbed-nav .tab-contenu .photo .btn.btn-supprimer.inactif {
                    padding-top: 7px;
                    padding-bottom: 8px;
                    margin-right: 46px;
                }

    #tabbed-nav .tab-contenu .select {
        font-size: 14px;
    }

        #tabbed-nav .tab-contenu .select span.libelle {
            display: block;
            width: 250px;
            float: left;
            font-weight: 600;
            margin-top: 4px;
        }

        #tabbed-nav .tab-contenu .select .libelle-alertemail {
            display: block;
            width: auto;
            font-weight: 600;
            margin-top: 4px;
            margin-right: 5px;
            margin-bottom: 5px;
        }

        #tabbed-nav .tab-contenu .select .choix {
            float: left;
            width: 570px;
            margin-bottom: 12px;
        }

            #tabbed-nav .tab-contenu .select .choix ul li {
                margin-bottom: 4px;
            }

                #tabbed-nav .tab-contenu .select .choix ul li input[type="radio"] {
                    float: left;
                    margin-right: 5px;
                }

                #tabbed-nav .tab-contenu .select .choix ul li label {
                    float: left;
                    cursor: pointer;
                }

#tabbed-nav h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    width: inherit;
}

    #tabbed-nav h3.titre {
        padding: 10px;
    }

    #tabbed-nav h3.bord-haut {
        border-top: 1px solid #cecece;
        padding-top: 20px;
    }

    #tabbed-nav h3.bleu {
        color: #418bca;
    }

    #tabbed-nav h3.marge-bas {
        margin-bottom: 12px;
    }

#tabbed-nav .structures {
    padding-bottom: 10px;
}

#tabbed-nav .btn-centre a.btn2 {
    width: 220px;
    margin: 0 5px;
}

.structures {
    padding: 30px 0 40px;
    width: 98%;
    margin: auto;
}

    .structures .cycle {
        background: url(../Content/Images/structures-bg.png) 0 75px no-repeat;
        float: left;
        width: 600px;
        padding-bottom: 34px;
    }

.page-norme .structures .cycle {
    background-size: 650px;
    width: 653px;
}

.structures .cycle.cycle-vie {
    background-position: 0 66px;
}

.structures.uniquement-cycle .cycle {
    margin: 0 auto;
    float: none;
}

.structures .carre, .structures .carreSansHover .titre {
    color: #fff;
    text-align: center;
    width: 108px;
    float: left;
    margin: 0 18px;
    position: relative;
    /*z-index: 1;*/
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.structures .carre {
    cursor: pointer;
}

    .structures .carre .contenu, .structures .carreSansHover .contenu {
        background: #f8b851;
        font-size: 14px;
        padding: 10px 0;
        display: block;
        -webkit-transition: all 250ms ease-out;
        -moz-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
        height: 55px;
    }

        .structures .carre .contenu .nombre, .structures .carreSansHover .nombre {
            font-weight: 800;
            font-size: 25px;
            line-height: 38px;
            display: block;
            margin-bottom: 4px;
        }

        .structures .carre .contenu .nombre, .structures .carre .titre {
            color: #fff !important;
        }

    .structures .carre a:hover {
        text-decoration: none;
    }

    .structures .carre .titre, .structures .carreSansHover .titre {
        background: #df9e35;
        display: block;
        padding: 11px 0;
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        -webkit-transition: all 250ms ease-out;
        -moz-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
    }

    .structures .carre span.notification, .structures .carreSansHover span.notification {
        width: 40px;
        height: 38px;
        position: absolute;
        top: -15px;
        right: -18px;
    }

        .structures .carre span.notification span, .structures .carreSansHover span.notification span {
            color: #fff;
            position: absolute;
            top: 20px;
            left: 0px;
            text-align: center;
            width: 100%;
        }

            .structures .carre span.notification span:hover {
                font-weight: bold;
                font-size: 13px;
            }

        .structures .carre span.notification i, .structures .carreSansHover span.notification i {
            font-size: 50px;
            color: #555555;
        }

    .structures .carre:hover {
        text-decoration: none;
    }

    .structures .carre.carre-principal, .structures .carreSansHover.carre-principal {
        margin-left: 13px;
        margin-right: 0;
        -webkit-transition: all 250ms ease-out;
        -moz-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
    }

        .structures .carre.carre-principal .contenu, .structures .carreSansHover.carre-principal .contenu {
            background: #56b692;
            height: 55px;
            padding: 10px 0;
            -webkit-transition: all 250ms ease-out;
            -moz-transition: all 250ms ease-out;
            -ms-transition: all 250ms ease-out;
            -o-transition: all 250ms ease-out;
            transition: all 250ms ease-out;
        }

            .structures .carre.carre-principal .contenu .nombre, .structures .carreSansHover.carre-principal .contenu .nombre {
                margin-bottom: 7px;
            }

            .structures .carre.carre-principal .contenu i, .structures .carreSansHover.carre-principal .contenu i {
                -webkit-transition: all 250ms ease-out;
                -moz-transition: all 250ms ease-out;
                -ms-transition: all 250ms ease-out;
                -o-transition: all 250ms ease-out;
                transition: all 250ms ease-out;
            }

            .structures .carre.carre-principal .contenu:hover {
                background-color: #379471;
            }

        .structures .carre.carre-principal .titre, .structures .carreSansHover.carre-principal .titre {
            padding: 3px 0px;
            background: #56b692 none repeat scroll 0 0;
        }

    .structures .carre.carre1, .structures .carreSansHover.carre1 {
        margin-left: 31px;
    }

.page-norme .structures .carre1 {
    border: 2px dotted #f8b851;
    height: 200px;
}

.page-norme .structures .carre.carre2 {
    border: 2px dotted #cb5f43;
    height: 200px;
}

.page-norme .structures .carre.carre3 {
    border: 2px dotted #d34a7e;
    height: 200px;
}

.page-norme .structures .carre.carre4 {
    border: 2px dotted #9684bd;
    height: 200px;
}

.structures .carre.carre1 .contenu, .structures .carreSansHover.carre1 .contenu {
    background: #f8b851;
}

.structures .carre.carre1 .titre, .structures .carreSansHover.carre1 .titre {
    background: #df9e35;
}

.structures .carre.carre1 span.notification i, .structures .carreSansHover.carre1 span.notification i {
    color: #df9e35;
}

.structures .carre.carre1:hover .contenu {
    background: #d28200;
}

.structures .carre.carre1:hover .titre {
    background: #a96900;
}

.structures .carre.carre1:hover span.notification i {
    color: #a96900;
}

.structures .carre.carre2 .contenu, .structures .carreSansHover.carre2 .contenu {
    background: #cb5f43;
}

.structures .carre.carre2 .titre, .structures .carreSansHover.carre2 .titre {
    background: #b3482c;
    padding: 3px 0px;
}

.structures .carre.carre2 span.notification i, .structures .carreSansHover.carre2 span.notification i {
    color: #b3482c;
}

.structures .carre.carre2:hover .contenu {
    background: #a52200;
}

.structures .carre.carre2:hover .titre {
    background: #731800;
}

.structures .carre.carre2:hover span.notification i {
    color: #731800;
}

.structures .carre.carre3 .contenu, .structures .carreSansHover.carre3 .contenu {
    background: #d34a7e;
}

.structures .carre.carre3 .titre, .structures .carreSansHover.carre3 .titre {
    background: #b03866;
}

.structures .carre.carre3 span.notification i, .structures .carreSansHover.carre3 span.notification i {
    color: #b03866;
}

.structures .carre.carre3:hover .contenu {
    background: #8f0137;
}

.structures .carre.carre3:hover .titre {
    background: #5c0123;
}

.structures .carre.carre3:hover span.notification i {
    color: #5c0123;
}

.structures .carre.carre4 .contenu, .structures .carreSansHover.carre4 .contenu {
    background: #9684bd;
}

.structures .carre.carre4 .titre, .structures .carreSansHover.carre4 .titre {
    background: #7e6ea1;
}

.structures .carre.carre4 span.notification i, .structures .carreSansHover.carre4 span.notification i {
    color: #7e6ea1;
}

.structures .carre.carre4:hover .contenu {
    background: #533a8a;
}

.structures .carre.carre4:hover .titre {
    background: #331c66;
}

.structures .carre.carre4:hover span.notification i {
    color: #331c66;
}

.structures .carre.carre5 .contenu, .structures .carreSansHover.carre5 .contenu {
    background: #0077b3;
}

.structures .carre.carre5 .titre, .structures .carreSansHover.carre5 .titre {
    background: #0077b3;
}

.structures .carre.carre5 span.notification i, .structures .carreSansHover.carre5 span.notification i {
    color: #0081c2;
}

.structures .carre.carre5:hover .contenu {
    background: #0081c2;
}

.structures .carre.carre5:hover .titre {
    background: #0088cc;
}

.structures .carre.carre5:hover span.notification i {
    color: #0088cc;
}

.structures .carre.inactif .contenu, .structures .carreSansHover.inactif .contenu {
    background: #A0A0A0;
}

.structures .carre.inactif .titre, .structures .carreSansHover.inactif .titre {
    background: #8B8B8B;
}

.structures .carre.inactif span.notification, .structures .carreSansHover.inactif span.notification {
    color: #fff;
}

    .structures .carre.inactif span.notification i, .structures .carreSansHover.inactif span.notification i {
        color: #8B8B8B;
    }

.structures .carre.non-cliquable {
    cursor: default;
}

.structures .carre.inactif:hover, .structures .carre.inactif:hover .contenu, .structures .carre.inactif:hover .titre {
    background: #A0A0A0;
}

.structures .carre .carrenorme, .structures .carre .carrenorme {
    background: #fff;
    height: 80px;
    display: block;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 0;
    border: 2px solid #df9e35;
}

    .structures .carre .carrenorme span.tnorme {
        display: block;
        font-size: 16px;
        margin-bottom: 2px;
    }

    .structures .carre .carrenorme span.cnorme {
        display: block;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        margin-top: 10px;
    }

    .structures .carre .carrenorme:hover {
        color: #fff;
    }

.structures .carre.carre1 .carrenorme {
    color: #df9e35;
}

    .structures .carre.carre1 .carrenorme:hover, .structures .carre.carre1.active .carrenorme {
        background: #df9e35;
        color: #fff;
    }

.structures .carre.carre2 .carrenorme {
    border-color: #b3482c;
    color: #b3482c;
}

    .structures .carre.carre2 .carrenorme span.cnorme {
        margin-top: 0;
    }

    .structures .carre.carre2 .carrenorme:hover, .structures .carre.carre2.active .carrenorme {
        background: #b3482c;
        color: #fff;
    }

.structures .carre.carre3 .carrenorme {
    border-color: #b03866;
    color: #b03866;
}

    .structures .carre.carre3 .carrenorme:hover, .structures .carre.carre3.active .carrenorme {
        background: #b03866;
        color: #fff;
    }

.structures .carre.carre4 .carrenorme {
    border-color: #7e6ea1;
    color: #7e6ea1;
}

    .structures .carre.carre4 .carrenorme:hover, .structures .carre.carre4.active .carrenorme {
        background: #7e6ea1;
        color: #fff;
    }

.structures .carre.carre5 .carrenorme {
    border-color: #0077b3;
    color: #0088cc;
}

    .structures .carre.carre5 .carrenorme:hover, .structures .carre.carre5.active .carrenorme {
        background: #0077b3;
        color: #fff;
    }

.structures .carre .infos {
    margin-top: 30px;
}

    .structures .carre .infos p {
        color: #444444;
        line-height: 20px;
    }

.structures .carre.carre1.disable .carrenorme,
.structures .carre.carre2.disable .carrenorme,
.structures .carre.carre3.disable .carrenorme,
.structures .carre.carre4.disable .carrenorme,
.structures .carre.carre5.disable .carrenorme,
.structures .carre.carre1.disable .carrenorme span.cnorme,
.structures .carre.carre2.disable .carrenorme span.cnorme,
.structures .carre.carre3.disable .carrenorme span.cnorme,
.structures .carre.carre4.disable .carrenorme span.cnorme,
.structures .carre.carre5.disable .carrenorme span.cnorme,
.structures .carre.carre1.disable .carrenorme:hover, .structures .carre.carre1.active.disable .carrenorme,
.structures .carre.carre2.disable .carrenorme:hover, .structures .carre.carre2.active.disable .carrenorme,
.structures .carre.carre3.disable .carrenorme:hover, .structures .carre.carre3.active.disable .carrenorme,
.structures .carre.carre4.disable .carrenorme:hover, .structures .carre.carre4.active.disable .carrenorme,
.structures .carre.carre5.disable .carrenorme:hover, .structures .carre.carre5.active.disable .carrenorme {
    border-color: grey !important;
    color: grey !important;
    background-color: #fff !important;
    cursor: default !important;
}

.structures .carre.carre2.inactive .carrenorme {
    border-color: lightgrey !important;
    color: lightgrey !important;
    background-color: lightgrey !important;
    cursor: default !important;
}

.fond-gris {
    background-color: lightgrey !important;
}

.filtres-normes {
    width: 936px;
    margin: 0 auto;
    display: inline-block;
}

    .filtres-normes .filtre {
        float: left;
    }

    .filtres-normes .tri {
        float: right;
    }

        .filtres-normes .filtre span.titre, .filtres-normes .tri span.titre {
            display: block;
            color: #418bca;
            font-size: 12px;
            font-weight: 700;
            margin-bottom: 10px;
        }

            .filtres-normes .filtre span.titre.desactive, .filtres-normes .tri span.titre.desactive {
                color: #a0a0a0;
            }

        .filtres-normes .filtre .chosen-container,
        .filtres-normes .tri .chosen-container,
        .filtres-normes .filtre .chosen-with-drop .chosen-drop,
        .filtres-normes .filtre .chosen-container-single .chosen-single {
            width: 188px !important;
            margin-right: 10px;
        }

            .filtres-normes .filtre .chosen-container:lastchild,
            .filtres-normes .filtre .chosen-with-drop .chosen-drop:lastchild,
            .filtres-normes .filtre .chosen-container-single .chosen-single:lastchild {
                margin-right: 0;
            }

    .filtres-normes .filtre .filtre-desactive {
        border: 1px solid #a0a0a0;
        color: #a0a0a0;
        width: 178px;
        margin-right: 13px;
        padding: 3px 0px 3px 8px;
        float: left;
        position: relative;
        margin-bottom: 12px;
        cursor: default;
    }

        .filtres-normes .filtre .filtre-desactive span {
            display: block;
            width: 6px;
            height: 7px;
            position: absolute;
            top: 8px;
            right: 8px;
            background: url(../Content/Images/fl-gris2.png) 0 0 no-repeat;
        }

        .filtres-normes .filtre .filtre-desactive.dernier {
            margin-right: 0;
        }

    .filtres-normes h4 {
        background: #418bca;
        color: #fff;
        text-align: center;
        padding: 3px 0;
        font-size: 12px;
        margin-bottom: 20px;
    }

    .filtres-normes .b-normes {
        border: 1px solid #418bca;
        overflow: hidden;
        width: 620px;
        float: left;
        padding: 0px;
    }

    .filtres-normes .b-autresres {
        float: left;
        border: 1px solid #418bca;
        margin-left: 20px;
    }

    .filtres-normes .structures {
        width: auto;
        padding: 13px 45px 23px;
    }

        .filtres-normes .structures .cycle {
            float: none;
            margin: 10px;
        }

        .filtres-normes .structures .carre.carre-principal {
            margin: 0 20px 45px 20px;
        }

table {
    display: table;
    width: 100%;
    border-spacing: 0;
    /* Removes the cell spacing via CSS */
    border-collapse: collapse;
    /* Optional - if you don't want to have double border where cells touch */
}

    table tr th,
    table tr td {
        padding: 10px 1.5%;
    }

    table tr:nth-child(even) {
        background: #f9f8f8;
    }

    table tr.table-titre {
        background: #acbac3;
        font-weight: bold;
    }

    table.tab-structures th.col1 {
        width: 70%;
    }

    table.tab-structures th.col2 {
        width: 14%;
    }

    table.tab-structures th.col3 {
        width: 8%;
        padding-right: 0;
    }

    table.tab-structures th.col4 {
        width: 6%;
    }

    table.tab-normes th.col1 {
        width: 53%;
    }

    table.tab-normes th.col2 {
        width: 15%;
        padding-right: 0;
    }

    table.tab-normes th.col3 {
        width: 12%;
        padding-right: 0;
    }

    table.tab-normes th.col4 {
        width: 8%;
        padding-right: 0;
    }

    table.tab-normes th.col5 {
        width: 6%;
    }

    table.tab-normes th.col6 {
        width: 6%;
    }

    table.tab-normes-achetees th.col1 {
        width: 63%;
    }

    table.tab-normes-achetees th.col2 {
        width: 12%;
        padding-right: 0;
    }

    table.tab-normes-achetees th.col3 {
        width: 8%;
        padding-right: 0;
    }

    table.tab-normes-achetees th.col4 {
        width: 8%;
        padding-left: 0;
        padding-right: 0;
    }

    table.tab-normes-achetees th.col5 {
        width: 6%;
        padding-left: 0;
        padding-right: 0;
    }

    table.tab-consultations th.col1 {
        width: 60%;
    }

    table.tab-consultations th.col2 {
        width: 20%;
    }

    table.tab-consultations th.col3 {
        width: 10%;
    }

    table.tab-consultations th.col4 {
        width: 10%;
    }

    table.tab-consultations-terminees th.col1 {
        width: 40%;
    }

    table.tab-consultations-terminees th.col2 {
        width: 20%;
    }

    table.tab-consultations-terminees th.col3 {
        width: 20%;
    }

    table.tab-consultations-terminees th.col4 {
        width: 10%;
    }

    table.tab-consultations-terminees th.col5 {
        width: 10%;
    }

    table.tab-agenda tr td {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    table.tab-agenda th.col1 {
        width: 45%;
        padding: 10px 1.5%;
    }

    table.tab-agenda th.col2 {
        width: 20%;
        padding: 10px 1.5%;
    }

    table.tab-agenda th.col3 {
        width: 15%;
        padding: 10px 1.5%;
    }

    table.tab-agenda th.col4 {
        width: 10%;
        padding: 10px 1.5%;
    }

    table.tab-documents {
        border: 1px #acbac3 solid;
    }

        table.tab-documents th.col1 {
            width: 10%;
        }

        table.tab-documents th.col2 {
            width: 60%;
        }

        table.tab-documents th.col3 {
            width: 15%;
        }

        table.tab-documents th.col4 {
            width: 15%;
        }

    table.tab-documents-nmc {
        border: 1px #acbac3 solid;
    }

        table.tab-documents-nmc th.col1 {
            width: 25%;
        }

        table.tab-documents-nmc th.col2 {
            width: 15%;
        }

        table.tab-documents-nmc th.col3 {
            width: 60%;
        }

    table.tab-recherches a.c-noirEtGras {
        font-weight: 700 !important;
    }

    table.tab-recherches tr {
        height: 50px;
    }

        table.tab-recherches tr td {
            padding-top: 4px;
            padding-bottom: 4px;
        }

    table.tab-recherches th.col1 {
        width: 60%;
        padding: 10px 1.5%;
    }

    table.tab-recherches th.col2 {
        width: 10%;
        padding: 10px 1.5%;
    }

    table.tab-recherches th.col3 {
        width: 10%;
        padding: 10px 1.5%;
    }

    table.tab-recherches th.col4 {
        width: 10%;
        padding: 10px 1.5%;
    }

    table.tab-recherches th.col5 {
        width: 10%;
        padding: 10px 1.5%;
    }

    table.tab-interesser th.col1 {
        width: 62%;
    }

    table.tab-interesser th.col2 {
        width: 13%;
    }

    table.tab-interesser th.col3 {
        width: 8%;
    }

    table.tab-interesser th.col4 {
        width: 9%;
    }

    table.tab-interesser th.col5 {
        width: 6%;
        padding-left: 0;
        padding-right: 0;
    }

    table.tab-participations th.col1 {
        width: 40%;
    }

    table.tab-participations th.col2 {
        width: 10%;
        padding-right: 0;
    }

    table.tab-participations th.col3 {
        width: 15%;
        padding-right: 0;
    }

    table.tab-participations th.col4 {
        width: 25%;
        padding-right: 0;
    }

    table.tab-participations th.col5 {
        width: 10%;
        padding-right: 0;
        padding-left: 20px;
    }

    table.tab-participations-dashboard th.col1 {
        width: 40%;
    }

    table.tab-participations-dashboard th.col2 {
        width: 20%;
        padding-right: 0;
    }

    table.tab-participations-dashboard th.col3 {
        width: 20%;
        padding-right: 0;
    }

    table.tab-participations-dashboard th.col4 {
        width: 20%;
        padding-right: 0;
    }

    table.tab-mes-structures th.col1 {
        width: 40%;
    }

    table.tab-mes-structures th.col2 {
        width: 20%;
    }

    table.tab-mes-structures th.col3 {
        width: 20%;
    }

    table.tab-mes-structures th.col4 {
        width: 10%;
    }

    table.tab-mes-structures th.col5 {
        width: 10%;
    }

    table .liens a {
        background: transparent url("../Content/Images/fl-noir.png") no-repeat scroll 0 3px;
        padding: 0 0 0 10px;
        display: inline-block;
        margin-right: 20px;
    }

    table .standard a {
        font-weight: normal !important;
    }

    table .new {
        font-weight: 700 !important;
    }

.btn-centre {
    text-align: center !important;
    margin: 0 5px;
}

.resultats-rech {
    border: 1px solid #acbac3;
    margin-bottom: 20px;
}

    .resultats-rech .titre {
        background: #A0A0A0;
    }

        .resultats-rech .titre h3 {
            color: #fff;
            font-size: 17px !important;
            font-weight: 700 !important;
            width: 350px;
            float: left;
            padding: 5px 1.5%;
            text-align: left;
        }

        .resultats-rech .titre a.voir {
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            line-height: 18px;
            float: left;
            text-decoration: underline;
            padding: 10px;
            cursor: pointer;
        }

            .resultats-rech .titre a.voir:hover {
                text-decoration: none;
            }

        .resultats-rech .titre span.fermer {
            cursor: pointer;
            float: right;
            margin: 8px 23px 0 0;
            display: inline-block;
            outline: none;
        }

#dashboard-page .resultats-rech .titre span.fermer {
    margin-top: 4px !important;
}

.resultats-rech .titre span.fermer i {
    font-size: 22px;
    color: #fff;
    display: inline-block;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.resultats-rech .titre span.fermer:hover {
    float: right;
}

    .resultats-rech .titre span.fermer:hover i {
        color: #555555;
    }

.resultats-rech a.sauvegarder i {
    color: #555555;
    font-size: 28px;
}

.resultats-rech.resultats-structures .titre {
    background: #56b692;
}

.resultats-rech.resultats-normes-etudes .titre, .infobulle-normes-etudes {
    background: #f8b851;
}

.resultats-rech.resultats-normes-enquete .titre {
    background: #cb5f43;
}

.resultats-rech.resultats-normes-publiees .titre {
    background: #d34a7e;
}

.resultats-rech.resultats-normes-examen .titre {
    background: #9684bd;
}

.resultats-rech.resultats-normes-consultations-manuelles .titre {
    background: #0077b3;
}

.resultats-rech.resultats-interesser .titre {
    background: #fff;
}

.resultats-rech.resultats-consultation-en-cours .titre {
    background: #0077b3;
}

.resultats-rech.resultats-participations .titre {
    background: #56b692;
}

.resultats-rech.resultats-participations-pp .titre {
    background: #56b692;
}

.resultats-rech.resultats-participations-lpi .titre {
    background: #0077b3;
}

.resultats-rech.resultats-consultation-terminee .titre {
    background: #dd1a1a;
}

.resultats-rech.resultats-interesser .titre h3 {
    color: #444444;
    width: 600px;
}

.resultats-rech.resultats-interesser .titre h4 i {
    font-size: 26px;
    margin-right: 10px;
    vertical-align: middle;
}

.resultats-rech.resultats-mesRecherches .titre {
    background: #555;
}

ul.col-titre-contenu {
    width: 100%;
}

    ul.col-titre-contenu.full {
        width: 100%;
    }

        ul.col-titre-contenu.full li {
            display: block;
        }

    ul.col-titre-contenu li {
        display: table;
        margin-bottom: 10px;
    }

        ul.col-titre-contenu li .titre {
            width: 170px;
            display: table-cell;
            line-height: 16px;
        }

        ul.col-titre-contenu li .contenu {
            display: table-cell;
            line-height: 14px;
        }

            ul.col-titre-contenu li .contenu.highlight {
                text-decoration: underline;
                font-size: 16px;
            }

            ul.col-titre-contenu li .contenu p {
                line-height: 16px;
            }

                ul.col-titre-contenu li .contenu p.hide_part {
                    line-height: 16px;
                    height: 80px;
                    overflow: hidden;
                }

td.contenu p#summary-text {
    line-height: 16px;
}

td.contenu p.hide_part {
    line-height: 16px;
    height: 80px;
    overflow: hidden;
}

ul.infos-gauche {
    display: inline-block;
    float: left;
}

    ul.infos-gauche li {
        margin-bottom: 14px;
        min-width: 300px;
    }

ul.simple {
    margin-bottom: 20px;
}

    ul.simple li {
        font-size: 12px;
        margin-bottom: 6px;
    }

        ul.simple li.titre {
            font-weight: 800;
        }

.presentation {
    padding: 10px 0 10px 0px;
}

    .presentation h2, .presentation span.type {
        display: block;
        font-weight: 600;
        margin: 10px 0;
        line-height: 20px;
    }

        .presentation h2.type, .presentation span.type {
            color: #555555;
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 0;
        }

    .presentation .btn-contenu {
        float: right;
        width: 20%;
    }

    .presentation ul.col-titre-contenu li {
        display: block;
        font-size: 12px;
    }

        .presentation ul.col-titre-contenu li span.titre {
            width: 210px;
        }

        .presentation ul.col-titre-contenu li .btn-centre {
            margin: 20px 0;
        }

            .presentation ul.col-titre-contenu li .btn-centre .btn.inverse {
                margin-left: 30px;
            }

    .presentation ul.col-titre-contenu.full {
        width: 100%;
    }

.btn-contenu a.btn {
    margin-bottom: 10px;
    display: block;
}

#viewBookmark,
#secondaryToolbarToggle,
#print {
    display: none;
}

.pdf-contenu {
    display: table;
    width: 100%;
}

    .pdf-contenu .pdf-gauche .pdf-affichage {
        height: 671px;
        background: #444444;
        margin-bottom: 14px;
    }

    .pdf-contenu .pdf-droite {
        display: table-cell;
        width: 270px;
        padding-left: 10px;
    }

        .pdf-contenu .pdf-droite ul.ico {
            margin-top: 0;
        }

        .pdf-contenu .pdf-droite a.btn, .pdf-contenu .pdf-droite div.btn {
            padding-left: 0;
            padding-right: 0;
            display: block;
            margin-bottom: 10px;
            font-size: 12px;
            font-weight: 600;
        }

            .pdf-contenu .pdf-droite div.btn:hover {
                background: #cecece;
                border: 2px solid #cecece;
                color: #444444;
            }

        .pdf-contenu .pdf-droite #tabbed-nav.z-tabs.horizontal.z-shadows > .z-container {
            height: 527px;
        }

        .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner {
            padding: 10px;
        }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner a.btn {
                float: left;
                width: 48%;
                line-height: 17px;
                margin-bottom: 0;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner input[type="text"] {
                width: 112px;
                border-color: #999999;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner textarea {
                width: 238px;
                border-color: #999999;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner button {
                width: 48%;
                font-size: 12px;
                line-height: 17px;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner label {
                margin-bottom: 2px;
                display: inline-block;
                font-weight: 400;
                color: #999999;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner ul li {
                margin-bottom: 10px;
            }

                .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner ul li .col {
                    float: left;
                    width: 48%;
                }

                    .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner ul li .col.col2 {
                        float: right;
                    }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .commentaires-form {
                display: none;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .commentaires-liens a {
                float: none;
                width: auto;
            }

                .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .commentaires-liens a.btn-violet {
                    margin-bottom: 10px;
                }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .commentaires-generale textarea {
                height: 390px;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .commentaires-ligne textarea {
                height: 145px;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous .jspDrag {
                background: #555555;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous .jspTrack {
                background: #e8e8e8;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous .scroll-pane {
                width: 100%;
                overflow: auto;
                /*border: 1px solid #999999;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;*/
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                height: 478px;
            }

            .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous ul li {
                margin-top: 5px;
            }

                .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous ul li h5 {
                    padding: 8px 10px;
                    /*border: 1px #999999 solid;*/
                    font-size: 12px;
                }

                    .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous ul li h5 span {
                        float: right;
                    }

                .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous ul li h6 {
                    font-size: 12px;
                    /*margin-bottom: 8px;*/
                    color: #444444;
                }

                .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous ul li .contenu {
                    padding: 10px;
                }

                    .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .tous .comtous ul li .contenu p {
                        line-height: 15px;
                    }

    .pdf-contenu h2 {
        color: #418bca;
        font-weight: 400;
        padding-bottom: 20px;
        display: inline-block;
    }

        .pdf-contenu h2 span {
            color: #444444;
            font-size: 14px;
            display: inline-block;
            line-height: 18px;
        }

    .pdf-contenu .ligne {
        margin-top: 10px;
    }

.pdf-gauche {
    position: relative;
    /*bottom: 59px;*/
    min-width: 710px;
    float: left;
}

.wrap-btnressuivants {
    text-align: right;
    margin-bottom: 10px;
    margin-top: -10px;
}

.reponse-enquete {
    padding-top: 30px;
    margin-bottom: 30px;
    /*border-top: 1px solid #a0a0a0;*/
    width: 90%;
}

    .reponse-enquete h3 {
        color: #418bca;
        font-size: 20px;
        text-align: left;
    }

    .reponse-enquete ul {
        margin: 20px 0 0 30px;
        width: 550px;
        float: left;
        padding-left: 6%;
    }

        .reponse-enquete ul li {
            font-size: 16px;
            font-weight: 700;
            color: #555555;
            margin-bottom: 12px;
            line-height: 18px;
        }

    .reponse-enquete .btn-w {
        float: left;
        width: 200px;
        margin-top: 40px;
    }

    .reponse-enquete .btn-w2 {
        float: left;
        width: 200px;
    }

    .reponse-enquete .btn-w2-questionnaire {
        margin: 0 auto !important;
        float: none !important;
    }

    .reponse-enquete .ou-sep {
        background: url(../Content/Images/sep-ou.png) 0 4px repeat-x;
        margin: 25px 0;
        width: 66%;
        display: inline-block;
    }

        .reponse-enquete .ou-sep span {
            background: #fff;
            display: inline-block;
            font-size: 18px;
            font-weight: 700;
            padding-right: 20px;
        }

    .reponse-enquete .btn-sep {
        display: inline-block;
        margin-left: 45px;
        width: 200px;
    }

        .reponse-enquete .btn-w a, .reponse-enquete .btn-w2 a, .reponse-enquete .btn-sep a {
            width: 250px;
            margin-bottom: 20px;
        }

.bg-accueil {
    background: url(../Content/Images/bg-home.jpg) center center no-repeat;
    background-size: cover;
}

    .bg-accueil .wrapper {
        padding: 100px 0;
        text-align: center;
    }

        .bg-accueil .wrapper p {
            margin-bottom: 25px;
            font-weight: 500;
            font-size: 20px;
            text-align: center;
        }

        .bg-accueil .wrapper h2 {
            font-weight: 700;
            text-align: center;
            display: block;
            margin: 20px 0;
            font-size: 14px;
            line-height: 18px;
        }

        .bg-accueil .wrapper a.btn {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            cursor: pointer;
        }

h3.taccueil {
    text-align: center;
    margin: 25px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.tab-accueil .z-content-inner p {
    font-size: 12px;
    line-height: 16px;
}

.txt-2-col {
    margin: 20px 0;
}

    .txt-2-col .txt-col {
        width: 48%;
        float: left;
    }

        .txt-2-col .txt-col.txt-col2 {
            float: right;
        }

        .txt-2-col .txt-col p {
            text-align: justify;
        }

a.video {
    text-align: center;
    display: block;
}

.bx-wrapper {
    width: 750px;
}

    .bx-wrapper .bx-viewport {
        margin: 40px 0 0;
    }

body .bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    background: none;
    color: #555555;
    font-size: 35px;
    height: auto;
    width: auto;
    margin: 0;
    top: -4px;
}

    body .bx-wrapper .bx-controls-direction a:hover {
        color: #444444;
    }

.secteurs {
    margin: 0 auto;
    text-align: center;
}

    .secteurs a.ico-secteur {
        text-align: center;
        display: inline-block;
        margin: 0 12px;
    }

        .secteurs a.ico-secteur img {
            display: inline-block;
        }

        .secteurs a.ico-secteur span {
            display: block;
            margin-top: 10px;
            font-weight: 600;
        }

.scroll-pane {
    width: 100%;
    height: 490px;
    overflow: auto;
    position: relative;
}

/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
    /* Styles that apply to all SelectBoxIt elements */
    .selectboxit-container * {
        /* Prevents text selection */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        outline: none;
        white-space: nowrap;
    }
    /* Button */
    .selectboxit-container .selectboxit {
        width: 160px !important;
        /* Width of the dropdown button */
        cursor: pointer;
        margin: 0;
        padding: 0 -1px;
        overflow: hidden;
        display: block;
        position: relative;
        margin-right: 8px;
        border-color: #418bca;
        background: #fff;
        height: 26px;
        line-height: 26px;
        color: #418bca;
        font-size: 12px;
    }

    /* Height and Vertical Alignment of Text */
    .selectboxit-container span,
    .selectboxit-container .selectboxit-options a {
        height: 26px;
        /* Height of the drop down */
        line-height: 26px;
        /* Vertically positions the drop down text */
        display: block;
        font-size: 12px;
    }
    /* Focus pseudo selector */
    .selectboxit-container .selectboxit:focus {
        outline: 0;
    }
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}
/* Button Text */
.selectboxit-text {
    text-indent: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    font-size: 12px;
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
    /* Minimum Width of the dropdown list box options */
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-width: 187px !important;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
    padding: 0 12px 0 2px;
}
    /* Individual Option Hover Action */
    .selectboxit-option .selectboxit-option-anchor:hover {
        text-decoration: none;
    }
/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
    text-indent: 3px;
    /* Horizontal Positioning of the select box option text */
    margin: 0;
    list-style-type: none;
}
/* The first Drop Down option */
.selectboxit-option-first {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
    font-weight: bold;
}
    /* Drop Down optgroup header hover psuedo class */
    .selectboxit-optgroup-header:hover {
        cursor: default;
    }
/* Drop Down down arrow container */
.selectboxit-arrow-container {
    /* Positions the down arrow */
    width: 30px;
    position: absolute;
    right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    /* Horizontally centers the down arrow */
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
}
    /* Drop Down down arrow for jQueryUI and jQuery Mobile */
    .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
        top: 30%;
    }
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left;
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
    background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
}

    .selectboxit-btn.selectboxit-enabled:hover,
    .selectboxit-btn.selectboxit-enabled:focus {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
    }

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.selectboxit-list {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .selectboxit-list .selectboxit-option-anchor {
        color: #333333;
    }

    .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
        color: #ffffff;
        background-color: #0081c2;
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        background-repeat: repeat-x;
    }

    .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
        color: #999999;
    }

@media screen and (max-width: 990px) {
    .wrapper {
        width: auto;
        padding: 0 10px;
    }

    .haut-page .wrapper {
        margin-right: 0;
        padding-right: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 0;
    }

    header h1 {
        margin-left: 10px;
        margin-right: 10px;
    }

    header .wrapper {
        margin-right: 0;
        padding-right: 0;
        margin-left: 0;
        width: 100%;
        padding-left: 0;
    }

    .rechercheHeader {
        width: 314px;
    }

        .rechercheHeader input[type="text"] {
            width: 169px;
        }

    .chosen-container,
    .chosen-with-drop .chosen-drop,
    .chosen-container-single .chosen-single {
        width: 96px !important;
        margin-right: 0;
    }

    footer .bloc.bloc-gauche {
        width: 200px;
    }

    footer .bloc.bloc-droit {
        margin-right: 20px;
    }

    .margegauchedroite {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #tabbed-nav .rangee {
        margin: 0;
    }

    #tabbed-nav .btn-centre a.btn2 {
        width: auto;
        margin: 0 5px;
        padding-left: 25px;
        padding-right: 25px;
    }

    #tabbed-nav .tab-contenu .select .choix {
        float: none;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #tabbed-nav .tab-contenu .select span.libelle {
        float: none;
        width: auto;
    }

    .structures .cycle {
        width: 560px;
        background: url(../Content/Images/structures-bg-sm.png) no-repeat 0 76px;
    }

    .structures .carre {
        margin: 0 14px;
    }

        .structures .carre.carre1 {
            margin-left: 23px;
        }

    .ligne.lignes-resultats .motscles {
        width: 330px;
        padding: 5px 0px;
    }

    .ligne.lignes-resultats .nombre-res span.titre {
        margin-top: 10px;
    }

    .ligne.lignes-resultats .btn {
        margin: 6px 0 6px 0;
        padding: 2px 8px;
    }

    .filtres-normes .b-normes {
        width: 580px;
    }

    .filtres-normes .b-autresres {
        margin-left: 10px;
    }

    .filtres-normes .structures .carre.carre-principal {
        margin-left: 14px;
        margin-right: 14px;
    }

    .btn-ajouterenquete {
        margin-left: 85px;
    }

    .reponse-enquete ul {
        width: 382px;
    }

    .pdf-contenu .pdf-droite {
        width: 240px;
    }

        .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner input[type="text"] {
            width: 94px;
        }

        .pdf-contenu .pdf-droite #tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner textarea {
            width: 208px;
        }

    .pdf-contenu h2 span {
        margin-top: 5px;
    }

    #scaleSelectContainer {
        min-width: 60px !important;
        max-width: 60px !important;
    }

    .toolbarField.pageNumber {
        width: 18px;
    }

    .innerCenter {
        right: -100%;
    }

    .filtres-normes .filtre .chosen-container,
    .filtres-normes .filtre .chosen-with-drop .chosen-drop,
    .filtres-normes .filtre .chosen-container-single .chosen-single {
        width: 173px !important;
    }

    .filtres-normes .filtre .selectboxit-container .selectboxit {
        width: 170px !important;
    }

    .filtres-normes .filtre .selectboxit-container .selectboxit-options {
        min-width: 170px !important;
    }

    .filtres-normes .filtre .filtre-desactive {
        width: 163px;
    }

    #viewFind,
    .toolbarButton.pageUp,
    .toolbarButton.pageDown {
        display: none;
    }

    .structures .cycle {
        background: none;
        overflow: auto;
        width: 455px !important;
        margin-left: -15px !important;
    }

    .structures .carre {
        width: 15% !important;
        margin: 0 3px;
    }

        .structures .carre span.tnorme, .structures .carre span.cnorme {
            font-size: 1em !important;
        }
}

@media screen and (max-width: 780px) {
    html[dir="ltr"] .innerCenter {
        right: -5% !important;
    }
}

#overlay {
    width: 100%;
    position: relative;
    display: none;
}

    #overlay img.loading_circle {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 20px;
    }

#loader {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: black;
    display: none;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.50; /* khtml, old safari */
    -moz-opacity: 0.50; /* mozilla, netscape */
    opacity: 0.50; /* fx, safari, opera */
}

    #loader img.loading_circle {
        position: absolute;
        top: 50%;
        left: 50%;
    }

.error-page {
    background-color: white;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}

    .error-page i {
        font-size: 300px;
    }

.noconsultation p {
    font-style: italic;
    text-align: center;
}

a.return {
    cursor: pointer;
}

label.error {
    color: #F00 !important;
    font-weight: bold !important;
}

/** radio buttons on pdfviewing page */

input[type=button].evaluation {
    padding: 10px 12px;
    font-size: 1em;
    text-align: center;
    border: 0;
    margin-left: 5px;
    border: 1px #cecece solid;
}

    input[type=button].evaluation:hover {
        background: #fff;
        color: #444444;
    }

    input[type=button].evaluation[checked=checked] {
        background: #86b97e;
        color: #fff;
        border: 1px #86b97e solid;
    }

input[type=radio].langversion {
    margin: 10px;
}

    input[type=radio].langversion + label {
        display: inline-block;
        margin: -2px;
        padding: 4px 12px;
        margin-left: 5px;
        background: #cecece;
        border: 2px solid #cecece;
        font-weight: 600;
        color: #444444;
    }

        input[type=radio].langversion + label:hover {
            background: #fff;
            color: #444444;
        }

    input[type=radio].langversion:checked + label {
        background: #86b97e;
        border: 2px solid #86b97e;
        color: #fff;
        text-align: center;
    }
/** like/dislike on comments for consultation */
li.like, li.dislike {
    font-size: 16px;
}

    li.like i, li.dislike i {
        margin-right: 2px !important;
    }

    li.like a[data-enabled-click=false] {
        cursor: default;
    }

    li.dislike a[data-enabled-click=false] {
        cursor: default;
    }

    li.like a {
        color: #229912 !important;
    }

    li.dislike a {
        color: #F00 !important;
    }

    li.like a:hover {
        color: #229912;
        font-weight: 600;
        cursor: default;
    }

        li.like a:hover[data-enabled-click=true] {
            color: #229912;
            font-weight: 600;
            cursor: pointer;
        }

        li.like a:hover[data-enabled-click=false] {
            color: #589B50;
            font-weight: normal;
            cursor: default;
        }

    li.dislike a:hover {
        color: #E07474;
        font-weight: 600;
        cursor: default;
    }

        li.dislike a:hover[data-enabled-click=true] {
            color: #E07474;
            font-weight: 600;
            cursor: pointer;
        }

        li.dislike a:hover[data-enabled-click=false] {
            color: #E07474;
            font-weight: 600;
            cursor: default;
        }

    li.like a:hover, li.dislike a:hover {
        text-decoration: none;
    }

/** Popup style */
.popup {
    display: none;
    width: 50%;
    background-color: white;
}

    .popup fieldset legend {
        width: 100%;
        padding: 2% 0;
        text-align: center;
        font-weight: 600;
        font-size: 1.5em;
        background-color: #69b6e7;
        color: #fff;
    }

    .popup fieldset ul {
        margin: 2%;
        text-align: left;
    }

        .popup fieldset ul li {
            margin-bottom: 1%;
        }

            .popup fieldset ul li textarea {
                width: 100%;
                padding: 0;
            }

            .popup fieldset ul li button.fgauche, .popup fieldset ul li button.fdroite {
                width: 48%;
            }

/** Dialog Popup style */
.dialog-popup {
    display: none;
    width: 35%;
    left: 35% !important;
    background-color: white;
    border-radius: 5px;
    padding: 15px;
}

.dialog-popup-title {
}

.dialog-popup-text {
    min-height: 20px;
    margin-top: 30px;
    text-align: center;
}

.dialog-popup-btns {
    width: 75%;
    float: right;
    margin-top: 20px;
}

.yes-popup-btns {
    background: #86b97e;
    width: 60px;
    float: left;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600;
    position: relative;
}

.ok-popup-btns {
    background: #86b97e;
    width: 60px;
    float: right;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600;
    position: relative;
}

.no-popup-btns {
    background: #e94545;
    width: 60px;
    float: left;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600;
    position: relative;
}

    .no-popup-btns:hover {
        background: #e01515;
    }

.yes-popup-btns:hover {
    background: #268d66;
}

.dialog-popup-btns > button {
    float: right;
    width: 30%;
    margin-left: 10px;
}

.dialog-popup-btns .dialog-popup-leftBtn {
    background-color: red;
}

    .dialog-popup-btns .dialog-popup-leftBtn:hover {
        background-color: #D74B46;
    }

/** Dashboard utilisateur : Styles supplémentaires*/
div.photo .btn {
    cursor: pointer;
    width: inherit;
}

div.photo span.btn-file {
    top: 14px;
}

div.photo #filename {
    width: 180px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: pointer;
        display: block;
    }

/* carousel */
#contenu > div > carousel-ko > div > div.bx-viewport > ul > li > a {
    max-width: 28%;
    text-wrap: normal;
    vertical-align: top;
}

    #contenu > div > carousel-ko > div > div.bx-viewport > ul > li > a > div {
        padding-top: 4px;
    }

/*lien mot de passe oublié*/
.lost-password-link {
    padding-left: 12%;
}

/*Onglet ma participation*/
.b-normes div.cycle {
    margin-left: 10%;
}

/* Popup inscription : personnalisation du style - DEBUT*/

.popup {
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .popup a.top_corner {
        position: absolute;
        top: 0;
        right: 5px;
        padding: 0px 10px;
        display: inline-block;
        /*si on veut faire un rond autour*/
        /*-moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;*/
        font-size: 25px;
        font-weight: bold;
        color: black;
        text-decoration: none;
    }

    .popup form {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .popup .form-group {
        margin-top: 5px;
    }

    .popup form button {
        margin-top: 15px;
        width: 200px;
        font-weight: normal;
    }

    .popup form label.label-inscription {
        display: block;
        width: 170px;
        float: left;
    }

        .popup form label.label-inscription.big-text {
            display: block;
            width: 500px;
            float: left;
        }

/* Popup inscription : personnalisation du style - FIN*/

/* Page de Recapitulatif - DEBUT */
.recapitulatif > div.wrapper > div {
    margin-bottom: 10px;
}

.recapitulatif textarea {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 99%;
}

/* Page de Recapitulatif - FIN*/

/* Styles spécifiques pour l'impression */
@media print {
    header, footer {
        display: none !important;
    }
}

/*titre aucun résultat dans les recherches*/
.no-search-result {
    margin: 3% 0 5% 21%;
    font-style: italic;
    font-size: 16px;
}

/* formulaire de contact */
#form-contact #recevoirInfos {
    /*width: 50%;*/
    text-align: justify;
}

    #form-contact #recevoirInfos #recevoirInfos-radios {
        width: 30%;
        text-align: justify;
        margin: 15px 0 0 70%;
    }

.mandatory {
    margin-top: 15px;
    margin-bottom: 15px;
}

.requireAsterisk {
    color: red;
}

.color-blue {
    background-color: #418bca;
    color: #fff;
}

.color-skyblue {
    background-color: #69b6e7;
}

.color-lightblue {
    background-color: #cbebff;
}

.color-light-grey {
    background-color: #EFEFEF;
}
/*Component commentaire-item*/

div.contenu h6 {
    float: left;
}

.float-right {
    float: right;
}

textarea.comment-item {
    resize: vertical;
    max-width: 95%;
    min-width: 40%;
    background-color: #cbebff;
    margin-bottom: 8px;
}

/*Component structure*/
#structure-activite div.b-normes,
.rangee div.b-normes {
    margin-right: 75%;
}

#structure-activite div.b-autresres,
.rangee div.b-autresres {
    padding-left: 86%;
}

.icon-commentaire {
    font-size: 18px !important;
    margin-right: 10px;
}

    .icon-commentaire:hover {
        color: blue;
    }

.icon-upload-doc-commentaire {
    float: right;
}

    .icon-upload-doc-commentaire:hover {
        color: blue;
    }

.comment-recap-container {
    border-top-style: outset;
    margin-top: 10px;
    padding-top: 15px;
}

    .comment-recap-container .tous h5 {
        height: 20px;
        font-size: 14px;
        padding-top: 5px;
        padding-left: 5px;
    }

    .comment-recap-container .tous h6 {
        font-size: 10px;
        padding-top: 5px;
        padding-left: 5px;
    }

/*Component comment - button language version*/
.titre h2 + h2 {
    margin-left: 11%;
}

.commentaire-version-langue {
    display: flex;
}

    .commentaire-version-langue a {
        width: 69%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .commentaire-version-langue div.btn {
        width: 69%;
        margin-left: 1%;
        margin-right: 1%;
    }

.link-blue {
    color: #418bca;
    display: table-cell;
}

    .link-blue:hover {
        text-decoration: underline;
    }

    .link-blue.no-hover-decoration:hover {
        text-decoration: none;
    }

.info-consultation-head {
    margin-right: 60px;
    width: 100%;
    display: inline-block;
}

    .info-consultation-head .info-consultation-head-left {
        float: left;
        width: 40%;
    }

    .info-consultation-head .info-consultation-head-center {
        display: inline-block;
        margin: 0 auto;
        width: 40%;
    }

    .info-consultation-head .info-consultation-head-right {
        width: 20%;
        float: right;
        /*margin-right: 60px;*/
        border: 1px solid black;
        padding: 10px;
    }

.cloture {
    font-weight: bold;
    color: #22628E;
    font-size: 16px;
}

table.consultation-info, table.consultation-info-manuel {
    font-size: 14px;
}

    table.consultation-info tr:nth-child(even), table.consultation-info-manuel tr:nth-child(even) {
        background-color: transparent;
    }

    table.consultation-info tr, table.consultation-info-manuel tr {
        margin: 0 0 5px 0;
        padding: 0;
    }

        table.consultation-info tr.consultation-titre td, table.consultation-info-manuel tr.consultation-titre td {
            margin: 0;
            padding: 0;
        }

            table.consultation-info tr.consultation-titre td.titre {
                width: 180px;
                font-weight: bold;
            }

            table.consultation-info-manuel tr.consultation-titre td.titre {
                width: 160px;
                font-weight: bold;
            }

            table.consultation-info tr.consultation-titre td.contenu,
            table.consultation-info-manuel tr.consultation-titre td.contenu {
                width: 250px;
            }

ul.infos-complementaires {
    margin-bottom: 15px;
}

ul.infos-complementaires-list li {
    font-size: 1em;
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 5px;
}

tr.infos-compl-detail {
    background-color: lightgray !important;
}

    tr.infos-compl-detail td {
        padding: 5px !important;
    }

.libelle-head {
    font-size: 14px;
}

.commentaires-btns {
    margin-top: 15px;
    width: 987px !important;
}

.structure-membres-category {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 1px solid black;
}

.structure-sous-titre {
    font-size: 16px;
}

.page-title {
    display: inline-block;
    color: #418bca;
    font-size: 18px;
    font-weight: 700;
    margin-top: 8px;
}

.modal-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
}

.consultation-contact {
    text-decoration: underline !important;
}

.btn-group-comm-general {
    width: 200px;
}

    .btn-group-comm-general button {
        width: initial;
        font-weight: initial;
    }

.btn-group-recap .btn {
    width: initial;
    font-weight: initial;
    margin: 0 10px;
    overflow: hidden;
}

.addComment-ligne,
.addComment-paragraphe {
    float: left;
    margin-right: 30px;
}

    .addComment-ligne input,
    .addComment-paragraphe input {
        width: 50px !important;
    }

.addComment-commentaire,
.addComment-proposition {
    height: 150px !important;
}

.ligne .result-mysearch span.titre {
    display: inline-block;
    width: 108px;
}

p.norme-statut {
    text-align: center;
    margin-bottom: 5px !important;
}

p.norme-statut-ep {
    text-align: center;
    margin-bottom: 5px !important;
    height: 15px;
}

input#informe, input#activer {
    margin-top: 3px;
    position: inherit;
}

.check-suivi {
    margin: 20px 50px 10px;
}

.filtre-consultation {
    margin: 20px 10px;
}

#upload-comment-popup .btn-file {
    top: 10px;
}

#upload-comment-popup .langage-choice {
    margin-bottom: 10px;
}

.invisible {
    visibility: hidden;
}

li.fa-viadeo {
    background-size: contain;
    background-image: url("../Content/Images/viadeo-black.png") no-repeat;
}

.fa-heart,
.fa-heart-o,
.fa-print,
.fa-share-square-o,
.fa-shopping-cart,
.fa-shopping-bag {
    font-size: 22px !important;
}

table tr th, table tr td {
    padding: 6px 1.5%;
}

.search-widget {
    border: 6px solid #418bca !important;
    font-size: 16px !important;
    width: 350px !important;
    height: 30px !important;
}

h3.accueilH3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.consultation-eval-offline #optNullLabel {
    margin-left: 0;
}

.carres-affichage-dates {
    text-align: center;
}

.titre-vie-norme {
    position: relative;
    top: 12px;
}

.my-participation .titre h3 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    width: 90%;
    float: left;
    padding: 10px 1.5%;
}

ul.selectboxit-options {
    max-height: 450px;
}

#alert-noscript {
    font-size: 13px;
    width: 60%;
    margin: 20px auto;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 13px 13px 13px 165px;
    border-color: #ebccd1;
    color: #8a6d3b;
    background: #f2dede url("../Content/Images/Logo_Norm_Info_Blanc.png") no-repeat scroll 0 0;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        cursor: pointer;
        direction: ltr;
        font-size: 200px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        bottom: 0;
    }

.comment-field {
    display: inline-block;
}

.placeholdersjs {
    color: #999 !important;
}

.bloc-contact-webmaster {
    padding-top: 19px;
}

@font-face {
    font-family: 'viadeo';
    src: url('../fonts/viadeo.eot?8724323');
    src: url('../fonts/viadeo.eot?8724323#iefix') format('embedded-opentype'), url('../fonts/viadeo.woff?8724323') format('woff'), url('../fonts/viadeo.ttf?8724323') format('truetype'), url('../fonts/viadeo.svg?8724323#viadeo') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'viadeo';
    src: url('../fonts/viadeo.svg?8724323#viadeo') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "viadeo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    /* margin-left: .2em; */
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-viadeo:before {
    content: '\e800';
}
/* '' */

.fa.fa-search.big {
    font-size: 20px;
}

.fa.fa-search.small {
    font-size: 12px;
}

.comment-singleDoc {
    margin: auto auto 10px auto !important;
}

/*position*/

.center-content {
    text-align: center;
}

.right-content {
    text-align: right;
}

.margin-top-10 {
    margin-top: 10px;
}

/*input[type=checkbox] {
    display: none;
}

input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}*/

/*input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }

        input[type="checkbox"]:not(:checked) + label:before,
        input[type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: -2px;
            width: 17px;
            height: 17px;
            border: 3px solid #385D8A;
        }

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 18px;
    line-height: 0.8;
    color: #385D8A;
}

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
}*/

.photo_profil img {
    width: 140px;
    height: 140px;
}

.photo-profil {
    float: left;
}

.infos-profil {
    float: left;
    padding-left: 20px;
    padding-top: 20px;
}

.participations-profil {
    margin-top: 120px;
}

.profil-publique {
    padding-top: 20px;
}

#outputNom, #outputPrenom, #outputSociete {
    font-size: 18px;
}

#URLPagePublique {
    width: 70%;
    margin-left: 10px;
}

/* Hide select boxes beofre selectboxit make transformation*/
select.selectboxit {
    display: none;
}

.checkbox-inline {
    position: relative !important;
    left: 0 !important;
    vertical-align: middle;
}

span#avis-general-bloc input:hover {
    cursor: pointer;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        font-size: 12px;
        font-weight: 600;
        color: white;
        display: inline-block;
        background: #418bca;
        border: 2px solid #418bca;
        padding: 7px 38px 7px 10px;
        width: 34px;
        height: 14px;
        margin-top: 5px;
    }

        .inputfile:focus + label,
        .inputfile + label:hover {
            background-color: white;
            color: #418bca;
            cursor: pointer;
        }

.column-left {
    float: left;
    width: 10%;
    margin-top: 15px;
}

.column-right {
    float: right;
    width: 15%;
    margin-top: 10px;
}

.column-center {
    display: inline-block;
    width: 70%;
    padding-left: 15px;
}

.loaderbar {
    float: left;
    display: none;
    margin-top: -40px;
}

.center {
}

.container {
    background: #f8f8f8;
}

.container-top-annotation {
    padding-bottom: 25px;
}

.site-map-titre {
    font-weight: bold;
    color: #418bca;
}

.with-pointer {
    cursor: pointer;
}

h5.with-pointer:hover {
    opacity: 0.5;
}

/*.dialog-popup-rightBtn {
    float: right;
    width: 60px;
}*/

h3.result-tab-title {
    text-transform: uppercase;
}

.result-tab-title img {
    margin-left: 10%;
}

.infobulle-normes-etudes {
    background: #d28200;
}

.infobulle-normes-enquete {
    background: #cb5f43;
}

.infobulle-normes-publiees {
    background: #d34a7e;
}

.infobulle-normes-examen {
    background: #9684bd;
}

.infobulle-structures {
    background: #56b692;
}

.tîpClick {
    position: relative;
    display: inline-block;
}

.tipClick > div,
.tipClick > .tooltipT {
    display: none;
}

.tipClick button {
    width: auto;
    height: auto;
    background-color: transparent;
    outline: none;
}

.tipClick > button:focus + div,
.tipClick > button:focus + .tooltipT {
    display: block;
}

.tooltipT {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: white;
    border-color: #418bca !important;
    font-size: 12px;
    position: absolute;
    z-index: 1000;
    height: auto;
    width: 320px;
    min-height: 128px;
    border: 1px solid black;
    margin-top: 12px;
    margin-left: 32px;
    overflow: hidden;
    padding: 8px;
    text-transform: none !important;
}

    .tooltipT p {
        line-height: 16px;
    }

.tooltip {
    text-decoration: none;
    position: relative;
}

    .tooltip span {
        display: none;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        color: white;
        border-color: #418bca !important;
        font-size: 12px;
    }

    .tooltip:hover span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
        width: auto;
        height: auto;
        max-width: 420px;
        min-width: 320px;
        min-height: 128px;
        border: 1px solid black;
        margin-top: 12px;
        margin-left: 32px;
        overflow: hidden;
        padding: 8px;
    }

.tooltip-vie {
    text-decoration: none;
    position: relative;
}

    .tooltip-vie span {
        display: none;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        z-index: 1000;
        /*color: white;*/
        border-color: #418bca !important;
        font-size: 12px;
    }

    .tooltip-vie:hover span.infobulle-vie {
        display: block;
        position: absolute;
        z-index: 1000;
        opacity: 0.9;
        width: auto;
        height: auto;
        max-width: 420px;
        min-width: 320px;
        min-height: 128px;
        border: 1px solid black;
        margin-top: 12px;
        margin-left: 32px;
        overflow: hidden;
        padding: 8px;
    }

.tooltip-vie-conception:hover span.infobulle-vie {
    left: -350px;
    top: -150px;
    color: white;
}

.tooltip-vie-enquete:hover span.infobulle-vie {
    left: -250px;
    top: -220px;
    color: white;
}

.tooltip-vie-publiee:hover span.infobulle-vie {
    left: -200px;
    top: -250px;
    color: white;
}

.tooltip-vie-examen:hover span.infobulle-vie {
    left: -50px;
    top: -220px;
    color: white;
}

.field-disabled {
    background-color: lightgrey !important;
    cursor: default !important;
    border-color: lightgrey !important;
}

.reponse-enquete a.btn {
    text-transform: uppercase;
}

#form-term {
    background-color: lightgrey;
    border-color: lightgrey;
}

.infobulle-vie h4, .infobulle-normes h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.2em;
    text-decoration: underline;
}

a.infobulle-normes-container h5,
span.infobulle-normes-container p.infobulle-title,
a.infobulle-normes-container p.infobulle-title {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.2em;
    text-decoration: underline;
    font-weight: bold;
}

a.infobulle-normes-container p,
span.infobulle-normes-container p {
    font-weight: 500;
}

/********* checkbox ****************/
input[type=checkbox] {
    display: none;
}

    input[type=checkbox] + label:before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        margin-right: 8px;
        border: 3px solid #69b6e7;
        border-radius: 4px;
    }

    input[type=checkbox]:checked + label:before {
        content: "\2714";
        color: #69b6e7;
        text-align: center;
        line-height: 1;
        font-size: 14px;
    }

input[class=chbx-noir] + label:before {
    border: 3px solid #555555;
}

input[class=chbx-noir]:checked + label:before {
    color: #555555;
}

input[class=chbx-blanc] + label:before {
    border: 3px solid #fff;
}

input[class=chbx-blanc]:checked + label:before {
    color: #fff;
}
/*********end checkbox ****************/

#carre-conception {
    border: 1px solid #df9e35;
    min-height: 200px !important;
}

#carre-ep {
    border: 1px solid #b3482c;
    min-height: 200px !important;
}

#carre-publiee {
    border: 1px solid #b03866;
    min-height: 200px !important;
}

#carre-examen {
    border: 1px solid #7e6ea1;
    min-height: 200px !important;
}

.required-input {
    border: 2px solid red;
}

a.link-moncompte {
    color: white;
    position: relative;
    top: 15px;
    float: right;
    margin-right: 15px;
    font-size: 13px;
}

    a.link-moncompte:hover {
        text-decoration: underline;
    }

.btn-annotation {
    width: 120px;
    height: 34px;
    vertical-align: top;
    margin-right: 10px !important;
}

.btn-gris.btn-annotation:hover {
    text-decoration: underline;
}

.btn-gris.btn-annotation-actif {
    border-color: #444444;
}

.zone-recap {
    margin-left: 200px;
}

.container-mobile, .container-maintenance {
    color: #fff;
    background: #555555;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: none;
    min-height: 500px;
}

    .container-maintenance img {
        margin-top: 10%;
        margin-left: 35%;
    }

.msg-maintenance {
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
}

.header-mobile {
    margin-top: 10px;
}

.container-mobile h1 {
    text-align: center;
    font-size: 28px;
}

.container-mobile button {
    width: 180px;
}

.container-mobile .form-group {
    margin-top: 10px;
}

.container-mobile .label-inscription {
    display: block;
    width: 120px;
    float: left;
}

.container-mobile .validation-message {
    margin-top: 10%;
    text-align: center;
    color: #86b97e;
}

#page-login-full {
    margin: 5px 0 0 0;
    text-align: center;
    min-height: 400px;
}

.btn-load img {
    height: 35px;
    width: 35px;
}

.close-comment {
    font-size: 24px;
    margin-top: -5px;
}

.open-all-comment img, .close-all-comment img {
    height: 28px;
    width: 28px;
    margin-left: 5px;
}

    .open-all-comment img:hover, .close-all-comment img:hover {
        opacity: 0.5;
    }

.selectboxit-comment {
    border-color: #999999 !important;
    color: #000 !important;
}

#tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .contenu-comment-participant {
    border: 1px #999999 solid;
    background-color: #fff !important;
}

#tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .avis-participant {
    background-color: #EFEFEF;
    padding: 2px 5px 0 5px;
    height: 26px;
    margin-bottom: 10px;
}

#tabbed-nav.z-tabs > .z-container > .z-content > .z-content-inner .avis-moi {
    padding: 2px 5px 0 5px;
    height: 26px;
    background-color: #cbebff;
    margin-bottom: 10px;
}

.marging-top5 {
    margin-top: 5px !important;
}

.marging-top10 {
    margin-top: 10px !important;
}

.marging-top20 {
    margin-top: 20px !important;
}

.marging-top30 {
    margin-top: 30px !important;
}

#loading-center {
    text-align: center;
    margin-top: 30px;
}

/*Override de zozotabs*/
.z-tabs span.z-spinner,
.z-tabs-loading .z-spinner {
    position: absolute !important;
    top: 150px !important;
}

#page-norme .type-norme-detail {
    margin-top: 8px;
    margin-bottom: 18px;
    color: #418bca;
    font-size: 18px;
    display: block;
}

#page-norme h1.contenu.grand {
    margin-bottom: 0;
}

/* Optimisation mobile */
@media screen and (max-width: 768px) {
    /* header */
    .search-widget {
        width: 50% !important;
        font-size: 0.8em !important;
    }

    button.search_home.big {
        height: 40px;
        width: 40px;
        vertical-align: middle;
    }

    header .tuto {
        float: left;
    }

    header .logo {
        margin-right: 15px !important;
    }

        header .logo img {
            width: 115px;
            height: 35px;
            border: none;
        }

    a.link-moncompte {
        clear: both;
        float: right;
    }

    header .mon-compte .mon-compte-contenu .listing {
        width: 336px;
    }

        header .mon-compte .mon-compte-contenu .listing ul li a {
            width: 110px;
        }

    /* Home */

    #tabbed-nav.z-tabs.horizontal.top > ul > li > a {
        font-size: 0.7em;
    }

    #carousel div.bx-wrapper {
        max-width: 150px !important;
    }

    #tabbed-nav iframe {
        max-width: 100%;
        max-height: 300px;
    }

    #tabbed-nav.tab-accueil table {
        max-width: 300px !important;
    }

    /* Footer */

    #footer div.bloc-gauche {
        max-width: 150px !important;
        float: left;
    }

    #footer div.bloc-centre {
        max-width: 150px !important;
        float: right;
        padding-left: 0 !important;
        margin-top: -5px;
    }

    #footer .bloc.bloc-droit {
        float: left !important;
        margin-top: 15px !important;
        display: block;
        clear: both;
    }

        #footer .bloc.bloc-droit h4 {
            margin-left: -15px;
        }

    /* Recherche */

    #recherche-page .structures {
        display: none;
    }

    #recherche-page .selectboxit-container {
        position: relative;
        display: block;
        vertical-align: top;
        margin-bottom: 3px;
    }

    .rechercheHeader {
        width: 215px;
        float: left;
        display: block;
        clear: both;
        margin-left: 5px;
    }

    #Liste-Resultats div.res {
        max-width: 100%;
        overflow: hidden;
    }

    /* Page détail norme*/
    .titre-vie-norme {
        display: block !important;
    }

    /* Dashboard*/

    #dashboard-page #tabbed-nav div.res {
        overflow: auto;
    }

    #dashboard-page #tabbed-nav .tab-contenu .infos .droite {
        display: block;
        margin-bottom: 5px;
    }

    #dashboard-page #tabbed-nav .pagepublique .tab-contenu {
        padding: 0px !important;
        margin-top: 5px;
    }

        #dashboard-page #tabbed-nav .pagepublique .tab-contenu #URLPagePublique {
            margin-bottom: 5px;
        }

    #mesSuivis {
        overflow: auto;
    }

    #dashboard-page .structures {
        display: none;
    }
}

.z-tabs span.z-spinner,
.z-tabs-loading .z-spinner {
    background: rgb(255, 255, 255) url(../Content/Images/loading-image.gif) no-repeat 50% 50% !important;
}

/*Correction scroll horizontal sur devices < 580px*/
/* Optimisation mobile */
@media screen and (max-width: 580px) {
    #page {
        overflow-x: hidden !important;
    }

    .resultats-rech table.tab-normes th, .resultats-rech table.tab-normes td {
        font-size: 8px;
    }

        .resultats-rech table.tab-normes th.col3 {
            width: 8% !important;
        }

        .resultats-rech table.tab-normes th.col1 {
            max-width: 30% !important;
        }

    a.icon i.fa-pencil-square-o {
        font-size: 20px !important;
    }

    .fa-heart, .fa-heart-o, .fa-print, .fa-share-square-o, .fa-shopping-cart, .fa-shopping-bag {
        font-size: 20px !important;
    }
}

/*Correction scroll horizontal sur devices < 580px*/
/* Optimisation mobile */
@media screen and (max-width: 350px) {
    .rechercheHeader {
        width: 150px;
    }

        .rechercheHeader input[type="text"] {
            width: 100px;
        }
}

.text-encours {
    display: inline-block !important;
    font-size: 0.9em !important;
    color: #444444 !important;
}

.contact-RGPD-disablebutton {
    background: gray !important;
}

.infos-partage-page {
    display: block;
    padding-top: 20px;
    padding-right: 20px;
}

a .partage-tooltip {
    position: absolute;
    margin-top: 40px;
    margin-left: -80px;
    /*top:150px;
    right:20px;*/
    color: white;
    background: rgba(0,0,0,.9);
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    opacity: 0;
    font-size: small;
}

a:hover .partage-tooltip, a:focus .partage-tooltip {
    opacity: 1;
}

#consultation-page .ico li {
    font-size: 2em;
}

.first-share {
    margin-left: 20px !important;
}