/** external **/
*::-moz-selection {
    background: #FED44A none repeat scroll 0 0;
    color: white;
}

*::selection {
    background: #FED44A none repeat scroll 0 0;
    color: white;
}

@font-face {
    font-family: 'Knockout_JuniorBantamwt';
    src: url('../../../fonts/knockout-27-juniorbantamwt-webfont.ttf');
}

@font-face {
    font-family: 'Knockout_JuniorWelterwt';
    src: url('../../../fonts/Knockout_30JuniorWelterwt.otf');
}

@font-face {
    font-family: 'knockout_Middleweight';
    src: url('../../../fonts/Knockout_51Middleweight.otf');
}

@font-face {
    font-family: 'knockout_JuniorFeatherwt';
    src: url('../../../fonts/Knockout-HTF28-JuniorFeatherwt.otf');
}

@font-face {
    font-family: 'knockout_FullCruiserwt';
    src: url('../../../fonts/Knockout_72FullCruiserwt.otf');
}

@font-face {
    font-family: 'knockout_JuniorLtweight';
    src: url('../../../fonts/Knockout 29JuniorLtweight.otf');
}


html, body, article, nav, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

strong {
}

* {
    padding: 0;
    margin: 0;
}

body, html {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #424343;
    font-size: 14px;
    min-width: 1000px;
}

a:link {
    text-decoration: none;
    color: #848c94;
}

a:visited {
    text-decoration: none;
    color: #848c94;
}

a:hover {
    color: #5c6060;
}

.placeholder {
    color: #aaa;
}

#publicLogo #logoWesend .logoWe {
    color: #f5b81f !important;
}

* input[type=button] {
    height: 24px;
    vertical-align: middle;
}

input::-webkit-input-placeholder {
    font-style: italic;
}

input:-moz-placeholder {
    font-style: italic;
}

.publicInternetExplorer9 #loginPage h1, .publicInternetExplorer.ie8 #loginPage h1, .publicInternetExplorer10 #loginPage h1 {
    padding-left: 250px !important;
}

input, select {
    outline: none;
}

.comparative-list {
    margin: 0 auto;
    overflow: hidden;
    width: 1079px;
}

.comparative-list .header {
    background-image: url("/images/offre/comparatif/header_comparatif.png");
    height: 224px;
    left: 175px;
    position: relative;
    width: 746px;
}

.comparative-list .col {
    float: left;
    width: 313px;
    text-align: center;
    margin-right: 3px;
    font-weight: normal;
}

.comparative-list .col2 {
    width: 175px;
}

.comparative-list .col3 {
    width: 180px;
    margin-right: 1px;
}

.comparative-list .col4 {
    width: 180px;
}

.comparative-list .row {
    height: 36px;
}

.comparative-list .col2 .row,
.comparative-list .col3 .row,
.comparative-list .col4 .row {
    line-height: 36px;
}

.comparative-list .row img {
    padding-top: 11px;
}

.comparative-list .row-last {
    border-bottom: none;
}

.comparative-list .labels .row {
    display: table;
    width: 100%;
}

.comparative-list .labels .row-inner {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.comparative-list .footer {
    background-repeat: no-repeat;
    left: 295px;
    position: relative;
    height: 55px;
}

.comparative-list .footer.internetExplorer {
    width: 800px;
}

.comparative-list .footer-col {
    display: inline-block;
    -moz-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    -webkit-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    -o-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#D7D7D7, Direction=315, Strength=5);
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    height: 27px;
    width: 131px;
    margin-left: 43px;
    text-align: center;
}

.comparative-list .footer-col.internetExplorer {
    float: left;
}

.comparative-list .footer-col a {
    color: #FFF;
    font-size: 13px;
    display: inline-block;
    height: 45px;
    line-height: 24px;
    position: relative;
    color: #5c707a;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    text-transform: uppercase;
    width: 100%;
}

.comparative-list .footer-col a:hover {
    color: black;
}

span.ui-button-text {
    background-position: 0px 0px;
    color: #545454;
    font-size: 14px;
    padding-top: 11px;
    height: 11px;
    padding-bottom: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: "Open Sans", Calibri, Sans-Serif;
    font-weight: normal !important;
    text-transform: uppercase;
    line-height: 16px;
    color: #7C7B79;
    margin-left: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

span.seeComparatif {
    float: right;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 15px;
}

#header-ban.inscription, #header-ban.about, #header-ban.faq, #header-ban.newspaper {
    height: 7px !important;
    background-color: #ffd54e;
}

.connecte #header-ban.inscription, .connecte #header-ban.about, .connecte #header-ban.faq, .connecte #header-ban.newspaper {
    display: none;
}

.publicInternetExplorer11 .texte_about, .publicInternetExplorer11 .tableau_about {
    font-size: 15px !important;
}

span.rubTitle2, h3.rubTitle2, h1.rubTitle2 {
    text-transform: uppercase;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    color: #5c707a;
    display: block;
    font-size: 14px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

#select-offer .rubTitle2 {
    border-bottom: 2px solid #efefef;
    padding-left: 100px;
}

#select-offer li {
    background-image: url("/images/form/offreselection.png");
    background-repeat: repeat-x;
    padding-left: 123px;
    height: 39px;
    border-bottom: 2px solid #efefef;
    padding-top: 8px;
}

#select-offer li.internetExplorer7 {
    padding-left: 15% !important;
}

#select-offer li.internetExplorer8 {
    padding-left: 32% !important;
}

#select-offer li.checkedOffre {
    background-color: #d7f1fc !important;
    background-image: none;
}

#select-offer .rubTitle2 {
    margin-bottom: 0 !important;
}

#select-offer-listing input[type=radio] {
    display: none;
    float: left;
}

#select-offer-listing input[type=radio].ieHuit {
    display: block !important;
}

#offerDetail {
    background-color: #ffffff;
    margin-top: 60px;
    padding-left: 100px;
    padding-bottom: 20px;
}

#offerDetails {
    background-color: #ffffff;
    margin-top: -36px;
    border-bottom: 2px solid #e6efe8;
}

#total {
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    text-transform: uppercase;
    color: #6d838d;
    font-size: 25px;
}

#total #total-valeur {
    color: #f28054;
}

#total-ht-panel .labels {
    color: #6ccbda !important;
    text-transform: none !important;
}

#total-ht-panel .values {
    color: #f28054 !important;
}

#select-payment input[type=radio].css-checkbox, #select-payment-mode input[type=radio].css-checkbox, #cgv input[type=checkbox].css-checkbox, #formuleDetails input[type=radio].css-checkbox, .fieldset-nbr-user input[type=radio].css-checkbox, #select-user input[type=radio].css-checkbox, #select-entreprise input[type=radio].css-checkbox {
    display: none;
}

#select-payment input[type=radio].css-checkbox + label.css-label.cb10, #select-payment-mode input[type=radio].css-checkbox + label.css-label.cb10, #cgv input[type=checkbox].css-checkbox + label.css-label.cb10, #formuleDetails input[type=radio].css-checkbox + label.css-label.cb10, #fieldset-nbr-user input[type=radio].css-checkbox + label.css-label.cb10, #select-user input[type=radio].css-checkbox + label.css-label.cb10, #select-entreprise input[type=radio].css-checkbox + label.css-label.cb10 {
    padding-left: 21px;
    height: 12px;
    display: inline-block;
    line-height: 16.5px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}

#select-payment input[type=radio].css-checkbox:checked + label.css-label.cb10, #select-payment-mode input[type=radio].css-checkbox:checked + label.css-label.cb10, #cgv input[type=checkbox].css-checkbox:checked + label.css-label.cb10, #formuleDetails input[type=radio].css-checkbox:checked + label.css-label.cb10, #fieldset-nbr-user input[type=radio].css-checkbox:checked + label.css-label.cb10, #select-user input[type=radio].css-checkbox:checked + label.css-label.cb10, #select-entreprise input[type=radio].css-checkbox:checked + label.css-label.cb10 {
    background-position: 0 -12px;
}

#select-payment label.css-label.cb10, #select-payment-mode label.css-label.cb10, #cgv label.css-label.cb10, #formuleDetails label.css-label.cb10, .fieldset-nbr-user label.css-label.cb10, #select-user label.css-label.cb10, #select-entreprise label.css-label.cb10 {
    background-image: url("/images/radio.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table.styleTableCo tr.head {
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-weight: normal !important;
    font-size: 12px;
    font-weight: normal !important;
}

#prixAboOcc, #prixAboFreq {
    color: #f28054 !important;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-weight: normal !important;
    font-size: 16px;
    text-transform: uppercase;
}

#offer-desc, #user-signup, #formuleDetails, .fieldset-nbr-user, #select-payment, #select-payment-mode {
    margin-right: 75px;
}

#select-payment.internetExplorer7 {
    padding-left: 15%;
}

#select-payment.internetExplorer8 {
    padding-left: 33.5% !important;
}

#user-signup.internetExplorer7 {
    padding-left: 15%;
}

#user-signup.internetExplorer8 {
    padding-left: 33.5% !important;
}

#formuleDetails.internetExplorer7 {
    padding-left: 15%;
}

.fieldset-nbr-user.internetExplorer7 {
    padding-left: 15%;
}

#formuleDetails.internetExplorer8 {
    padding-left: 33.5% !important;
}

.fieldset-nbr-user.internetExplorer8 {
    padding-left: 33.5% !important;
}

#select-user.internetExplorer7 {
    padding-left: 15%;
}

#select-user.internetExplorer8 {
    padding-left: 33.5% !important;
}

#select-entreprise.internetExplorer7 {
    padding-left: 15%;
}

#select-entreprise.internetExplorer8 {
    padding-left: 33.5% !important;
}

#offer-desc.internetExplorer7 {
    padding-left: 15%;
}

#offer-desc.internetExplorer8 {
    padding-left: 33.5% !important;
}

#select-payment-mode {
    background-color: #ffffff;
    padding-left: 100px;
}

#select-payment-mode.internetExplorer7 {
    padding-left: 18.5%;
}

#select-payment-mode.internetExplorer8 {
    padding-left: 33.5%;
}

#offer-desc .rubTitle2, #user-signup .rubTitle2, #formuleDetails .rubTitle2, .fieldset-nbr-user .rubTitle2, #select-payment .rubTitle2, #select-payment-mode .rubTitle2 {
    border-bottom: 2px solid #e2e8ea;
}

@media screen and (min-width: 1400px) {
    #select-offer .rubTitle2 {
        padding-left: 172px;
    }

    #select-offer li {
        padding-left: 230px;
    }

    #offerDetail {
        padding-left: 172px;
    }
}

@media screen and (min-width: 1450px) {
    #select-offer .rubTitle2 {
        padding-left: 202px;
    }

    #select-offer li {
        padding-left: 260px;
    }

    #offerDetail {
        padding-left: 202px;
    }
}

@media screen and (min-width: 1500px) {
    #select-offer .rubTitle2 {
        padding-left: 272px;
    }

    #select-offer li {
        padding-left: 330px;
    }

    #offerDetail {
        padding-left: 272px;
    }
}

@media screen and (min-width: 1600px) {
    #select-offer .rubTitle2 {
        padding-left: 372px;
    }

    #select-offer li {
        padding-left: 430px;
    }

    #offerDetail {
        padding-left: 372px;
    }
}

@media screen and (min-width: 1800px) {
    #select-offer .rubTitle2 {
        padding-left: 472px;
    }

    #select-offer li {
        padding-left: 530px;
    }

    #offerDetail {
        padding-left: 472px;
    }
}

@media screen and (min-width: 1900px) {
    #select-offer .rubTitle2 {
        padding-left: 522px;
    }

    #select-offer li {
        padding-left: 580px;
    }

    #offerDetail {
        padding-left: 522px;
    }
}

@media screen and (min-width: 2100px) {
    #select-offer .rubTitle2 {
        padding-left: 622px;
    }

    #select-offer li {
        padding-left: 680px;
    }

    #offerDetail {
        padding-left: 622px;
    }
}

@media screen and (min-width: 2300px) {
    #select-offer .rubTitle2 {
        padding-left: 722px;
    }

    #select-offer li {
        padding-left: 780px;
    }

    #offerDetail {
        padding-left: 722px;
    }
}

@media screen and (min-width: 2500px) {
    #select-offer .rubTitle2 {
        padding-left: 822px;
    }

    #select-offer li {
        padding-left: 880px;
    }

    #offerDetail {
        padding-left: 822px;
    }
}

#offerDetail .rubTitle2 {
    margin-top: 4px;
}


#frmInscription span.title, #frmInscription span.description, #frmInscription ul.listing.selected {
    color: #5c707a;
    text-transform: uppercase;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    font-size: 14px;
}

.publicInternetExplorer.ie8 #frmInscription span.title, #frmInscription span.description {
    font-size: 14px;
    font-weight: normal !important;
}

.publicInternetExplorer.ie8 #frmInscription ul.listing.selected {
    font-size: 12px !important;
}

#frmInscription h2 {
    display: inline;
}

#frmInscription span.description {
    text-transform: none;
    color: #5c707a !important;
}

#frmInscription ul.listing.selected {
    font-size: 14px !important;
}

.header-col {
    display: inline-block;
    position: absolute;
    text-align: center;
    line-height: 18px;
}

.header-col .title {
    font-weight: bold;
    font-size: 1.5em;
}

.header-col1 {
    left: 85px;
    top: 129px;
}

.header-col2 {
    left: 308px;
    top: 144px;
}

.header-col3 {
    left: 578px;
    top: 130px;
}

.comparative-list .row-inner {
    font-family: Calibri, Sans-Serif;
    text-align: left;
    font-size: 14px;
    text-transform: none;
    color: #5c707a;
}

.comparative-list .rowHead {
    font-family: "Open Sans", Helvetica, Calibri, Sans-Serif;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 33px;
    font-weight: normal;
}

.comparative-list .rowHead.freemium {
    color: #F47F54;
}

.comparative-list .rowHead.premium {
    color: #54C9F4;
}

.comparative-list .rowHead.business {
    color: #F4AF54;
}

.comparative-list .rowHead.entreprise {
    color: #32D0B4;
}

.comparative-list .row {
    height: 36px;
    font-family: Calibri, Sans-Serif;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #5c707a;
}

.publicInternetExplorer.ie8 .comparative-list .row {
    font-size: 12px;
}

.comparative-list .row.freemium {
    background-color: #F47F54;
    color: white;
    line-height: 26px;
    height: 26px;
    margin-left: 5px;
    margin-right: 5px;
}

.publicInternetExplorer.ie8 .comparative-list .row.freemium {
    margin-left: 3px;
    margin-right: 3px;
}

.comparative-list .row.premium {
    background-color: #54C9F4;
    color: white;
    line-height: 26px;
    height: 26px;
    margin-left: 5px;
    margin-right: 5px;
}

.publicInternetExplorer.ie8 .comparative-list .row.premium {
    margin-left: 3px;
    margin-right: 3px;
}

.comparative-list .row.business {
    background-color: #F4AF54;
    color: white;
    line-height: 26px;
    height: 26px;
    margin-left: 5px;
    margin-right: 5px;
}

.publicInternetExplorer.ie8 .comparative-list .row.business {
    margin-left: 3px;
    margin-right: 3px;
}

.comparative-list .row.entreprise {
    background-color: #32D0B4;
    color: white;
    line-height: 26px;
    height: 26px;
    margin-left: 15px;
    margin-right: 15px;
}

.publicInternetExplorer.ie8 .comparative-list .row.entreprise {
    margin-left: 3px;
    margin-right: 3px;
}

.comparative-list .col.labels .tarifs {
    padding-top: 12px;
}

.comparative-list .footer-col a:hover {
    color: #fed44a;
}

input[type=submit], input[type=button] {
    border: 0;
    background-color: #efd54a;
    border-radius: 5px;
    width: 35px;
    height: 29px;
    font-size: 18px;
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    margin-left: 5px;
    padding-bottom: 2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

input[type=submit].afficherBouton {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px;
    padding-bottom: 3px;
    padding-top: 0px;
}

input[type=submit].submitShow {
    width: 80px;
}

#add-comment {
    width: 110px;
}

a {
    outline: none;
}

a img {
    border: 0;
}

textarea {
    font-family: inherit;
    font-size: inherit;
}

table {
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.hide {
    display: none;
}

.show {
    display: block;
}

select,
.select {
    font-size: 11px;
    border-radius: 14px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#upgradeUsers select {
    border-radius: 5px;
}

.form_prospects select {
    border-radius: 4px;
    margin-left: 10px;
}

select.champRecherche, #nbResultatParPageContact select {
    border-radius: 4px;
    height: 27px;
}

.clearBoth {
    clear: both;
}

.ui-state-error2, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error2 {
    background: url("images/ui-bg_inset-soft_95_fef1ec_1x100.png") repeat-x scroll 50% bottom #FEF1EC;
    color: #CD0A0A;
}

.ui-state-error2 .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

.forwardMessageInfo {
    padding-top: 15px;
}

p#vtip {
    display: none;
    position: absolute;
    padding: 10px;
    left: 5px;
    font-size: 0.9em;
    background-color: white;
    border: 1px solid #d3d3d3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 9999
}

p#vtip #vtipArrow {
    position: absolute;
    top: -10px;
    left: 5px
}

#messageBoxWrapper {
    position: fixed !important;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 100;
    color: black;
    line-height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    opacity: 0.95;
    -moz-opacity: 0.95;
}

#messageBoxContent {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 14px;
}

#nav-utility {
    width: 100%;
    clear: both;
    border-top: 1px solid #CBCBCB;
    height: 33px;
    width: 100%;
    background-color: #fed44a;
    padding-top: 5px;
}

a.styleButton1,
button.styleButton1 {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    background: none;
}

a.styleButton1,
button.styleButton1 {
    font-size: 11px;
    text-decoration: none;
    height: 22px;
    line-height: 22px;
}

#mTemplate.it a.styleButton1 span {
    width: 152px;
}

a.styleButton1 span,
button.styleButton1 span {
    line-height: 22px;
    padding: 0;
    font-family: Calibri, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #8592a0;
    background-color: white;
    height: 20px;
    border-radius: 6px;
    box-shadow: 3px 3px 1px #B2B2B2;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 139px;
    margin-bottom: 10px;
    transition-duration: 0.5s;
}

.publicInternetExplorer10 a.styleButton1 span {
    padding-left: 0px;
    padding-right: 0px;
}

.publicInternetExplorer10 a.styleButton1 span:hover {
    padding-left: 0px;
    padding-right: 0px;
}

.publicInternetExplorer10 #div_tailleTotalFichiers {
    float: left;
    margin-left: 20px;
}

a.styleButton1 span:hover,
button.styleButton1 span:hover {
    line-height: 22px;
    padding: 0;
    font-family: Calibri, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    background-color: #8592a0;
    height: 20px;
    border-radius: 6px;
    box-shadow: 3px 3px 1px #B2B2B2;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 139px;
    margin-bottom: 10px;
}

a.styleButton2 span,
button.styleButton2 span {
    line-height: 22px;
    padding: 0;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: #8592a0;
    background-color: white;
    height: 20px;
    border-radius: 6px;
    box-shadow: 3px 3px 1px #B2B2B2;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 9px;
    margin-right: 2px;
    float: left;
    margin-bottom: 10px;
    transition-duration: 0.5s;
}

a.styleButton2 span:hover,
button.styleButton2 span:hover {
    color: white;
    background-color: #8592a0;
}

.bouton_submit {
    background-color: #ffd54e;
    background-position: 0px 0px;
    color: #6d8389;
    display: block;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    width: 136px;
    text-align: center;
    height: 26px;
    line-height: 25px;
    border-radius: 5px;
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
}

.bouton_submit:hover {
    background-color: #ffd54e;
    color: #6d8389;
}

.styleForm p {
    clear: left;
    margin-bottom: 5px;
}

.styleForm label {
    float: left;
    width: 320px;
    padding: 2px;
}

form#formContact .blockLeft label {
    color: #484247 !important;
}

form#formContact .blockLeft label {
    font-size: 15px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
}

.containerContact .ContactRight {
    font-weight: bold;
}

.containerContact .ContactRight span {
    font-weight: normal;
}

.styleForm input,
.styleForm input[type=text],
.styleForm input[type=password],
.styleForm select {
    color: #424343;
    font-size: 11px;
    padding: 0.2em;
}

.styleForm input[type=text], .styleForm input[type=password] {
    width: 200px;
}

.styleForm select {
    padding: 1px;
}

.styleForm .asterisque,
.styleForm2 .asterisque {
    font-weight: bold;
    color: #cc0000;
}

.styleForm .champObligatoire {
    margin: 0;
    font-size: 0.8em;
    color: #cc0000;
}

input[type=text], input[type=password], textarea {
    border: 1px solid rgb(218, 218, 218);
    border-radius: 4px;
    height: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 10px;
}

#contactPage input[type=text]#search {
    height: 28px;
}

textarea {
    box-shadow: none;
}

input[type=text].radius, input[type=password].radius, textarea.radius {
    border: 0px;
    border-radius: 14px;
    height: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: 1px solid rgb(218, 218, 218);
}

div.selectModeDenvoi {
    width: 98%;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgb(218, 218, 218);
    height: 25px;
}

#libOptionCryptageContent input[type=password] {
    width: 175px;
}

select#typePasswordCryptage, select#typeOptionPassword {
    width: 110%;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    height: 24px;
    background: #fff url('images/dropdown.png') no-repeat center right 28px;
    background-size: 16px 18px;
    font-size: 14px;
    padding-left: 5px;
    border: 0;
}

select#typePasswordCryptage.Gecko, select#typeOptionPassword.Gecko {
    background: #fff;
    width: 98%;
}

select#typePasswordCryptage.internetExplorer, select#typeOptionPassword.internetExplorer {
    width: 100%;
}

div.selectSendingLifeTime {
    margin-bottom: 3px;
}

div.selectSendingLifeTime, div.selectExpiration {
    width: 96%;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgb(218, 218, 218);
    height: 24px;
    float: left;
}

.publicInternetExplorer.ie8 div.selectExpiration, .publicInternetExplorer.ie8 div.selectSendingLifeTime, .publicInternetExplorer9 div.selectExpiration, .publicInternetExplorer9 div.selectSendingLifeTime, .publicInternetExplorer10 div.selectExpiration, .publicInternetExplorer10 div.selectSendingLifeTime, .publicInternetExplorer11 div.selectExpiration, .publicInternetExplorer11 div.selectSendingLifeTime {
    width: 250px;
}

select#sendingLifetime, select#expiration {
    width: 106%;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    height: 24px;
    background: #fff url('images/dropdown.png') no-repeat center right 28px;
    background-size: 16px 18px;
    font-size: 14px;
    padding-left: 5px;
    border: 0px;
}

select#sendingLifetime.Gecko, select#expiration.Gecko {
    width: 98%;
    background: #fff;
}

select#sendingLifetime.internetExplorer, select#expiration.internetExplorer {
    width: 100%;
}

@media screen and (min-width: 1050px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 91%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.5%;
    }
}

@media screen and (min-width: 1075px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 97.7%;
    }
}

@media screen and (min-width: 1100px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 95.9%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.5%;
    }
}

@media screen and (min-width: 1150px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 93.9%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.9%;
    }
}

@media screen and (min-width: 1150px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 91.9%;
    }

    select#sendingLifetime, select#expiration {
        width: 107.1%;
    }
}

@media screen and (min-width: 1200px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 95%;
    }

    select#sendingLifetime, select#expiration {
        width: 107.5%;
    }
}

@media screen and (min-width: 1225px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 93.5%;
    }

    select#sendingLifetime, select#expiration {
        width: 107.1%;
    }
}

@media screen and (min-width: 1250px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 92%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.5%;
    }
}

@media screen and (min-width: 1250px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 90%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.8%;
    }
}

@media screen and (min-width: 1300px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 88.4%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.4%;
    }
}

@media screen and (min-width: 1300px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 88.3%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.2%;
    }
}

@media screen and (min-width: 1325px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 89.4%;
    }

    select#sendingLifetime, select#expiration {
        width: 107.2%;
    }
}

@media screen and (min-width: 1375px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 89.7%;
    }

    select#sendingLifetime, select#expiration {
        width: 107%;
    }
}

@media screen and (min-width: 1400px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 89.9%;
    }
}

@media screen and (min-width: 1425px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 87.2%;
    }
}

@media screen and (min-width: 1450px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 86.4%;
    }
}

@media screen and (min-width: 1500px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 85.2%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.7%;
    }
}

@media screen and (min-width: 1525px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 83.7%;
    }
}

@media screen and (min-width: 1550px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 82.5%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.5%;
    }
}

@media screen and (min-width: 1575px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 82.2%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.2%;
    }
}

@media screen and (min-width: 1600px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 81.7%;
    }
}

@media screen and (min-width: 1625px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 80.4%;
    }
}

@media screen and (min-width: 1650px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 80%;
    }
}

@media screen and (min-width: 1675px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 78.9%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.9%;
    }
}

@media screen and (min-width: 1700px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 77.9%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.9%;
    }
}

@media screen and (min-width: 1725px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 77.5%;
    }
}

@media screen and (min-width: 1750px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 76.8%;
    }
}

@media screen and (min-width: 1775px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 75.8%;
    }
}

@media screen and (min-width: 1800px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 73%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.8%;
    }
}

@media screen and (min-width: 1825px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 71.8%;
    }
}

@media screen and (min-width: 1850px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 70.8%;
    }
}

@media screen and (min-width: 1875px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 70.5%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.5%;
    }
}

@media screen and (min-width: 1900px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 69.5%;
    }
}

@media screen and (min-width: 1925px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 69%;
    }
}

@media screen and (min-width: 1975px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 66%;
    }

    select#sendingLifetime, select#expiration {
        width: 107.6%;
    }
}

@media screen and (min-width: 2000px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 87%;
    }
}

@media screen and (min-width: 2025px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 86%;
    }
}

@media screen and (min-width: 2050px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 82%;
    }
}

@media screen and (min-width: 2075px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 81.6%;
    }
}

@media screen and (min-width: 2100px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 80.8%;
    }

    select#sendingLifetime, select#expiration {
        width: 106.8%;
    }
}

@media screen and (min-width: 2150px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 80.4%;
    }
}

@media screen and (min-width: 2175px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 79.4%;
    }
}

@media screen and (min-width: 2200px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 78.8%;
    }
}

@media screen and (min-width: 2225px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 78.3%;
    }
}

@media screen and (min-width: 2250px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 80.1%;
    }
}

@media screen and (min-width: 2275px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 79.4%;
    }
}

@media screen and (min-width: 2300px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 78.7%;
    }
}

@media screen and (min-width: 2325px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 78%;
    }
}

@media screen and (min-width: 2350px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 77.5%;
    }
}

@media screen and (min-width: 2400px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 77%;
    }
}

@media screen and (min-width: 2425px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 76.7%;
    }
}

@media screen and (min-width: 2450px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 75.5%;
    }
}

@media screen and (min-width: 2475px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 75.2%;
    }
}

@media screen and (min-width: 2500px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 74.8%;
    }
}

@media screen and (min-width: 2525px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 74.2%;
    }
}

@media screen and (min-width: 2550px) {
    div.selectSendingLifeTime, div.selectExpiration {
        width: 73.7%;
    }
}

div#divCopieEmail {
    margin-top: 5px;
    margin-bottom: 6px;
}

.erreur, .error {
    color: #cc0000;
    font-family: Calibri, Sans-Serif;
}

#div_recherche input[name=search],
#div_recherche input[id=search], #divRecherche input[id=search], #div_recherche input[id=recherche], #divRecherche input[id=recherche],
#divRechercheFichier input[id=recherche] {
    color: #737373;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
}

.styleTable {
    width: 100%;
}

.publicInternetExplorer.ie8 .styleTable td {
    font-size: 12px;
}

.styleTable input {
    color: #424343;
    font-size: 12px;
}

.styleTable .entete td,
.styleTable .ligneEntete, .styleTable #tr_entete {
    cursor: pointer;
    height: 37px;
    font-size: 14px;
    padding: 2px 2px 2px 0px;
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
}

.styleTable .content {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
}

.styleTable td.colonneNom, .styleTable td.colonneValeur {
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

.styleTable td.colonneLeft {
    text-align: left !important;
    padding-left: 160px !important;
}

td.colonneLeftNoMargin {
    text-align: left !important;
    padding-left: 10px !important;
}

.styleTable td.colonneActive {
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    font-weight: bold;
    text-align: center;
}

.styleTable .content td {
    font-size: 14px;
    height: 30px;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
}

#divContact .editable input {
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 12px;
    text-align: center;
}

#tableUser tr[class*=edit] .editable input {
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

.styleTable .editable {
    cursor: text;
    min-height: 18px;
    padding-left: 1px;
}

.styleTable .editableForm {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.styleTable .editableForm input {
    border: 0;
    background-color: #FAFAFA;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
}

.styleTable .disable {
    color: grey;
}

#blockFiltre {
    background-color: #F6F6F6;
    padding-bottom: 10px;
    padding-top: 10px;
    border-left: solid 1px #E6E6E6;
}

#blockFiltre a {
    color: #a3a5a8;
    font-size: 14px;
    margin-right: 11px;
}

#blockFiltre a:hover {
    color: #FCCA1A;
}

#headerEc {
    background: #ffffff;
}

#logoHeader {
    float: left;
    cursor: pointer;
    margin-left: 0%;
    margin-top: 19.5px;
}

#logoHeader img.logoCustomer {
    max-height: 99px;
}

#logoHeader.internetExplorer {
    margin-left: 0px;
}

#logoHeader.internetExplorer7 {
    margin-left: 30%;
}

#logoHeader.internetExplorer7 {
    margin-left: 30%;
}

@media screen and (min-width: 1000px) {
    #logoHeader {
        margin-left: 1%;
    }

    #login-other-services {
        margin-left: 1%;
    }
}

@media screen and (min-width: 1050px) {
    #logoHeader {
        margin-left: 2%;
    }

    #login-other-services {
        margin-left: 2%;
    }
}

@media screen and (min-width: 1100px) {
    #logoHeader {
        margin-left: 4%;
    }

    #login-other-services {
        margin-left: 4%;
    }
}

@media screen and (min-width: 1150px) {
    #logoHeader {
        margin-left: 6%;
    }

    #login-other-services {
        margin-left: 6%;
    }
}

@media screen and (min-width: 1200px) {
    #logoHeader {
        margin-left: 7%;
    }

    #login-other-services {
        margin-left: 7%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 9%;
    }
}

@media screen and (min-width: 1300px) {
    #logoHeader {
        margin-left: 11, 5%;
    }

    #login-other-services {
        margin-left: 11, 5%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 11.5%;
    }
}

@media screen and (min-width: 1400px) {
    #logoHeader {
        margin-left: 12%;
    }

    #login-other-services {
        margin-left: 12%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 14%;
    }
}

@media screen and (min-width: 1450px) {
    #logoHeader {
        margin-left: 12, 5%;
    }

    #login-other-services {
        margin-left: 12, 5%;
    }
}

@media screen and (min-width: 1500px) {
    #logoHeader {
        margin-left: 15%;
    }

    #login-other-services {
        margin-left: 15%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 17%;
    }
}

@media screen and (min-width: 1600px) {
    #logoHeader {
        margin-left: 16%;
    }

    #login-other-services {
        margin-left: 16%;
    }
}

@media screen and (min-width: 1700px) {
    #logoHeader {
        margin-left: 17%;
    }

    #login-other-services {
        margin-left: 17%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 18.5%;
    }
}

@media screen and (min-width: 1750px) {
    #logoHeader {
        margin-left: 18%;
    }

    #login-other-services {
        margin-left: 18%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 22.5%;
    }
}

@media screen and (min-width: 1775px) {
    #logoHeader {
        margin-left: 19%;
    }

    #login-other-services {
        margin-left: 19%;
    }
}

@media screen and (min-width: 1840px) {
    #logoHeader {
        margin-left: 20%;
    }

    #login-other-services {
        margin-left: 20%;
    }
}

@media screen and (min-width: 1900px) {
    #logoHeader {
        margin-left: 21%;
    }

    #login-other-services {
        margin-left: 21%;
    }
}

@media screen and (min-width: 1950px) {
    #logoHeader {
        margin-left: 21, 5%;
    }

    #login-other-services {
        margin-left: 21, 5%;
    }
}

@media screen and (min-width: 2000px) {
    #logoHeader {
        margin-left: 22%;
    }

    #login-other-services {
        margin-left: 22%;
    }
}

@media screen and (min-width: 2050px) {
    #logoHeader {
        margin-left: 23%;
    }

    #login-other-services {
        margin-left: 23%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 25%;
    }
}

@media screen and (min-width: 2100px) {
    #logoHeader {
        margin-left: 24%;
    }

    #login-other-services {
        margin-left: 24%;
    }
}

@media screen and (min-width: 2200px) {
    #logoHeader {
        margin-left: 25%;
    }

    #login-other-services {
        margin-left: 25%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 26%;
    }
}

@media screen and (min-width: 2300px) {
    #logoHeader {
        margin-left: 26%;
    }

    #login-other-services {
        margin-left: 26%;
    }

    #publicTemplate.publicInternetExplorer9 #logoHeader, #publicTemplate.publicInternetExplorer11 #logoHeader {
        margin-left: 28.5%;
    }
}

@media screen and (min-width: 2350px) {
    #logoHeader {
        margin-left: 27%;
    }

    #login-other-services {
        margin-left: 27%;
    }
}

@media screen and (min-width: 2450px) {
    #logoHeader {
        margin-left: 28%;
    }

    #login-other-services {
        margin-left: 28%;
    }
}

#publicLogo {
    padding-left: 5px;
    height: 145px;
}

#publicLogo.home {
    padding-left: 5px;
    height: 61px;
}

#publicLogo.dropPublic {
    padding-left: 5px;
    height: 149px;
}

#publicLogo.internetExplorer {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#mTemplate.publicInternetExplorer.ie8 #publicLogo {
    width: 1000px !important;
    margin: auto !important;
}

#mTemplate.publicInternetExplorer.ie8 {
    overflow-x: hidden;
}

@media screen and (min-width: 1100px) {
    #publicLogo {
        padding-left: 49px;
    }
}

@media screen and (min-width: 1023px) {
    #publicLogo {
        padding-left: 5px;
    }
}

@media screen and (min-width: 1050px) {
    #publicLogo {
        padding-left: 34px;
    }
}

@media screen and (min-width: 1150px) {
    #publicLogo {
        padding-left: 26px;
    }
}

@media screen and (min-width: 1175px) {
    #publicLogo {
        padding-left: 38px;
    }
}

@media screen and (min-width: 1200px) {
    #publicLogo {
        padding-left: 48px;
    }
}

@media screen and (min-width: 1250px) {
    #publicLogo {
        padding-left: 61px;
    }
}

@media screen and (min-width: 1275px) {
    #publicLogo {
        padding-left: 71px;
    }
}

@media screen and (min-width: 1300px) {
    #publicLogo {
        padding-left: 82px;
    }
}

@media screen and (min-width: 1325px) {
    #publicLogo {
        padding-left: 93px;
    }
}

@media screen and (min-width: 1350px) {
    #publicLogo {
        padding-left: 117px;
    }
}

@media screen and (min-width: 1400px) {
    #publicLogo {
        padding-left: 60px;
    }
}

@media screen and (min-width: 1425px) {
    #publicLogo {
        padding-left: 69px;
    }
}

@media screen and (min-width: 1450px) {
    #publicLogo {
        padding-left: 82px;
    }
}

@media screen and (min-width: 1475px) {
    #publicLogo {
        padding-left: 88px;
    }
}

@media screen and (min-width: 1500px) {
    #publicLogo {
        padding-left: 54px;
    }
}

@media screen and (min-width: 1525px) {
    #publicLogo {
        padding-left: 63px;
    }
}

@media screen and (min-width: 1550px) {
    #publicLogo {
        padding-left: 83px;
    }
}

@media screen and (min-width: 1575px) {
    #publicLogo {
        padding-left: 77px;
    }
}

@media screen and (min-width: 1600px) {
    #publicLogo {
        padding-left: 85px;
    }
}

@media screen and (min-width: 1650px) {
    #publicLogo {
        padding-left: 95px;
    }
}

@media screen and (min-width: 1675px) {
    #publicLogo {
        padding-left: 108px;
    }
}

@media screen and (min-width: 1700px) {
    #publicLogo {
        padding-left: 98px;
    }
}

@media screen and (min-width: 1725px) {
    #publicLogo {
        padding-left: 108px;
    }
}

@media screen and (min-width: 1750px) {
    #publicLogo {
        padding-left: 100px;
    }
}

@media screen and (min-width: 1775px) {
    #publicLogo {
        padding-left: 85px;
    }
}

@media screen and (min-width: 1800px) {
    #publicLogo {
        padding-left: 98px;
    }
}

@media screen and (min-width: 1825px) {
    #publicLogo {
        padding-left: 108px;
    }
}

@media screen and (min-width: 1850px) {
    #publicLogo {
        padding-left: 98px;
    }
}

@media screen and (min-width: 1875px) {
    #publicLogo {
        padding-left: 103px;
    }
}

@media screen and (min-width: 1900px) {
    #publicLogo {
        padding-left: 91px;
    }
}

@media screen and (min-width: 1925px) {
    #publicLogo {
        padding-left: 101px;
    }
}

@media screen and (min-width: 1950px) {
    #publicLogo {
        padding-left: 109px;
    }
}

@media screen and (min-width: 1975px) {
    #publicLogo {
        padding-left: 119px;
    }
}

@media screen and (min-width: 2000px) {
    #publicLogo {
        padding-left: 105px;
    }
}

@media screen and (min-width: 2025px) {
    #publicLogo {
        padding-left: 115px;
    }
}

@media screen and (min-width: 2050px) {
    #publicLogo {
        padding-left: 99px;
    }
}

@media screen and (min-width: 2075px) {
    #publicLogo {
        padding-left: 107px;
    }
}

@media screen and (min-width: 2100px) {
    #publicLogo {
        padding-left: 90px;
    }
}

@media screen and (min-width: 2125px) {
    #publicLogo {
        padding-left: 98px;
    }
}

@media screen and (min-width: 2150px) {
    #publicLogo {
        padding-left: 106px;
    }
}

@media screen and (min-width: 2175px) {
    #publicLogo {
        padding-left: 116px;
    }
}

@media screen and (min-width: 2200px) {
    #publicLogo {
        padding-left: 94px;
    }
}

@media screen and (min-width: 2225px) {
    #publicLogo {
        padding-left: 103px;
    }
}

@media screen and (min-width: 2250px) {
    #publicLogo {
        padding-left: 111px;
    }
}

@media screen and (min-width: 2275px) {
    #publicLogo {
        padding-left: 120px;
    }
}

@media screen and (min-width: 2300px) {
    #publicLogo {
        padding-left: 100px;
    }
}

@media screen and (min-width: 2325px) {
    #publicLogo {
        padding-left: 105px;
    }
}

@media screen and (min-width: 2350px) {
    #publicLogo {
        padding-left: 89px;
    }
}

@media screen and (min-width: 2375px) {
    #publicLogo {
        padding-left: 90px;
    }
}

@media screen and (min-width: 2400px) {
    #publicLogo {
        padding-left: 99px;
    }
}

@media screen and (min-width: 2425px) {
    #publicLogo {
        padding-left: 106px;
    }
}

@media screen and (min-width: 2450px) {
    #publicLogo {
        padding-left: 86px;
    }
}

@media screen and (min-width: 2475px) {
    #publicLogo {
        padding-left: 92px;
    }
}

@media screen and (min-width: 2500px) {
    #publicLogo {
        padding-left: 99px;
    }
}

@media screen and (min-width: 2525px) {
    #publicLogo {
        padding-left: 108px;
    }
}

@media screen and (min-width: 2550px) {
    #publicLogo {
        padding-left: 114px;
    }
}

#publicLogo img#logo {
    height: 109px;
}

#publicLogo #logoGauche {
    float: left;
}

#publicLogo #logoDroite {
    float: left;
}

#publicLogo #logoWesend {
    font-family: "Open Sans", Calibri, Sans-Serif;
    font-size: 51px;
    color: #2d3c49;
    left: 0;
    margin-left: 21px;
    margin-top: 22px;
    line-height: 56px;
}

#mTemplate.es #publicLogo #slogan {
    font-size: 13.2px;
}

#mTemplate.de #publicLogo #slogan {
    font-size: 17px;
}

#mTemplate.it #publicLogo #slogan {
    font-size: 12.75px;
}

#mTemplate.connecte.it #publicLogo #slogan {
    font-size: 12.75px;
}

#mTemplate.pt #publicLogo #slogan {
    font-size: 14px;
}

#publicLogo #logoWesend.Gecko {
    font-size: 91px;
}

#publicLogo #logoWesend.internetExplorer {
    font-size: 55px;
}

.publicInternetExplorer.ie8 #logoWesend.internetExplorer {
    font-size: 44px !important;
}

.publicInternetExplorer.ie8.en #logoWesend.internetExplorer {
    font-size: 39px !important;
}

.publicInternetExplorer.ie8.es #logoWesend.internetExplorer {
    font-size: 46px !important;
}

.publicInternetExplorer.ie8.nl #logoWesend.internetExplorer {
    font-size: 47px !important;
}

.publicInternetExplorer.ie8.de #logoWesend.internetExplorer {
    font-size: 38px !important;
}

.publicInternetExplorer.ie8.it #logoWesend.internetExplorer {
    font-size: 48.5px !important;
}

.connecte.publicInternetExplorer.ie8.fr #logoWesend.internetExplorer {
    font-size: 48px !important;
}

.connecte.publicInternetExplorer.ie8.en #logoWesend.internetExplorer {
    font-size: 43px !important;
}

.connecte.publicInternetExplorer.ie8.es #logoWesend.internetExplorer {
    font-size: 51px !important;
}

.connecte.publicInternetExplorer.ie8.nl #logoWesend.internetExplorer {
    font-size: 52px !important;
}

.connecte.publicInternetExplorer.ie8.de #logoWesend.internetExplorer {
    font-size: 40px !important;
}

.connecte.publicInternetExplorer.ie8.pt #logoWesend.internetExplorer {
    font-size: 48px !important;
}

.connecte.publicInternetExplorer.ie8.it #logoWesend.internetExplorer {
    font-size: 55px !important;
}

#mTemplate.publicInternetExplorer9 #publicLogo #logoWesend.internetExplorer {
    font-size: 42px !important;
}

#mTemplate.publicInternetExplorer9.en.connecte #publicLogo #logoWesend.internetExplorer {
    font-size: 37px !important;
}

#mTemplate.publicInternetExplorer9.es.connecte #publicLogo #logoWesend.internetExplorer {
    font-size: 50px !important;
}

#mTemplate.publicInternetExplorer9.nl.connecte #publicLogo #logoWesend.internetExplorer {
    font-size: 45px !important;
}

#mTemplate.publicInternetExplorer9.de.connecte #publicLogo #logoWesend.internetExplorer {
    font-size: 35px !important;
}

#mTemplate.publicInternetExplorer9.it.connecte #publicLogo #logoWesend.internetExplorer {
    font-size: 50px !important;
}

#publicTemplate.publicInternetExplorer10 #publicLogo #logoWesend {
    font-size: 44px !important;
}

#publicTemplate.publicInternetExplorer10.en #publicLogo #logoWesend {
    font-size: 39px !important;
}

#publicTemplate.publicInternetExplorer10.es #publicLogo #logoWesend {
    font-size: 48px !important;
}

#publicTemplate.publicInternetExplorer10.nl #publicLogo #logoWesend {
    font-size: 48px !important;
}

#publicTemplate.publicInternetExplorer10.it #publicLogo #logoWesend {
    font-size: 57px !important;
    padding-bottom: 3px;
}

#publicTemplate.publicInternetExplorer10.pt #publicLogo #logoWesend {
    font-size: 45px !important;
    padding-bottom: 3px;
}

#publicTemplate.publicInternetExplorer10.de #publicLogo #logoWesend {
    font-size: 37px !important;
}

.connecte.publicInternetExplorer10.en #publicLogo #logoWesend {
    font-size: 45px;
}

.connecte.publicInternetExplorer10.es #publicLogo #logoWesend {
    font-size: 50px;
}

.connecte.publicInternetExplorer10.nl #publicLogo #logoWesend {
    font-size: 56px;
}

.connecte.publicInternetExplorer10.de #publicLogo #logoWesend {
    font-size: 44px;
}

.connecte.publicInternetExplorer10.it #publicLogo #logoWesend {
    font-size: 50px;
}

.publicInternetExplorer11.fr.connecte #publicLogo #logoWesend {
    font-size: 52px !important;
}

.publicInternetExplorer11.en.connecte #publicLogo #logoWesend {
    font-size: 51px !important;
}

.publicInternetExplorer11.es.connecte #publicLogo #logoWesend {
    font-size: 51px !important;
}

.publicInternetExplorer11.nl.connecte #publicLogo #logoWesend {
    font-size: 51px !important;
}

.publicInternetExplorer11.de.connecte #publicLogo #logoWesend {
    font-size: 51px !important;
}

.publicInternetExplorer11.pt.connecte #publicLogo #logoWesend {
    font-size: 45px !important;
}

.publicInternetExplorer11.it.connecte #publicLogo #logoWesend {
    font-size: 51px !important;
}

.connecte #publicLogo #slogan {
    font-size: 14.2px !important;
}

.connecte.it #publicLogo #slogan {
    font-size: 12.7px !important;
}

.connecte.en #publicLogo #slogan {
    font-size: 16.2px !important;
}

.connecte.nl #publicLogo #slogan {
    font-size: 13px !important;
}

.connecte.de #publicLogo #slogan {
    font-size: 17.2px !important;
}

#publicLogo #slogan {
    font-family: "Open Sans", Calibri, Sans-Serif;
    font-size: 14.2px;
    color: #5c5d61;
    margin-left: 24px;
}

#mTemplate #publicLogo #slogan {
    font-size: 13.2px;
}

#mTemplate #publicLogo #slogan {
    font-size: 14.2px;
}

#mTemplate.view #publicLogo #slogan {
    font-size: 12.8px;
}

#mTemplate.view.en #publicLogo #slogan {
    font-size: 14.6px;
}

#mTemplate.view.es #publicLogo #slogan {
    font-size: 12px;
}

#mTemplate.view.nl #publicLogo #slogan {
    font-size: 11.8px;
}

#mTemplate.view.de #publicLogo #slogan {
    font-size: 15.3px;
}

#mTemplate.view.it #publicLogo #slogan {
    font-size: 11.5px;
}

#mTemplate.en #publicLogo #slogan {
    font-size: 16.2px;
}

#mTemplate.nl #publicLogo #slogan {
    font-size: 13px;
}

.connecte #publicLogo #slogan {
    font-size: 14.2px;
}

.connecte.en #publicLogo #slogan {
    font-size: 16.2px;
}

.connecte.es #publicLogo #slogan {
    font-size: 13.2px !important;
}

.en #publicLogo #slogan {
    font-size: 16.2px;
}

.nl #publicLogo #slogan {
    font-size: 13px;
    margin-left: 25px;
}

.nl #publicLogo.home #slogan {
    font-size: 11.75px;
    margin-left: 25px;
}

#publicLogo #slogan.internetExplorer9 {
    font-size: 12px;
}

#mTemplate.publicInternetExplorer #publicLogo #slogan, #mTemplate.publicInternetExplorer11 #publicLogo #slogan {
    font-size: 14.4px;
}

#mTemplate.publicInternetExplorer10 #publicLogo #slogan {
    font-size: 14.4px;
}

#mTemplate.publicInternetExplorer11.it #publicLogo #slogan {
    font-size: 12.7px;
}

#mTemplate.publicInternetExplorer11.pt #publicLogo #slogan {
    font-size: 13.8px;
}

#mTemplate.publicInternetExplorer11.de #publicLogo #slogan {
    font-size: 17px;
}

#mTemplate.publicInternetExplorer11.nl #publicLogo #slogan {
    font-size: 13px;
}

#mTemplate.publicInternetExplorer11.es #publicLogo #slogan {
    font-size: 13.4px;
}

#mTemplate.publicInternetExplorer11.en #publicLogo #slogan {
    font-size: 16px;
}

#mTemplate.publicInternetExplorer.en #publicLogo #slogan {
    font-size: 12.5px;
}

#mTemplate.publicInternetExplorer10 #publicLogo #slogan {
    font-size: 14.5px;
}

#mTemplate.publicInternetExplorer.pt #publicLogo #slogan, #mTemplate.publicInternetExplorer10.pt #publicLogo #slogan {
    font-size: 14.4px;
}

#mTemplate.publicInternetExplorer11.pt #publicLogo #slogan {
    font-size: 12.25px;
}

#mTemplate.publicInternetExplorer9 #publicLogo #slogan {
    font-size: 11.6px;
}

#mTemplate.publicInternetExplorer.ie8 #publicLogo #slogan {
    font-size: 15.4px;
}

.publicInternetExplorer.ie8 #publicLogo #slogan {
    font-size: 12px !important;
}

#container {
    min-height: 100%;
    min-width: 1000px;
    overflow-x: hidden;
}

* html #container {
    height: 100%;
    width: 1000px;
    margin: auto;
}

#container #inner {
    width: 100%;
    padding-bottom: 0px !important;
}

#container #inner.connecte {
    min-height: 519px;
}

#pageEditUser .styleForm3 {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

div.adduserbutt {
    padding-left: 8px;
}

#monCompte.contentPageWidth2 {
    font-family: Calibri, Sans-Serif;
    color: #B5B6B7;
    font-size: 14px;
    font-weight: bold;
}

#container #inner.connecte label {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: normal;
    font-weight: bold;
}

#divDroiteEtape3SelectSimple label {
    font-weight: normal !important;
}

#container.containerContact {
    padding-bottom: 0px !important;
}

.publicInternetExplorer11 #container #inner.connecte label {
    font-size: 14px;
}

.publicInternetExplorer9 #container #inner.connecte label {
    font-size: 13.5px !important;
}

.publicInternetExplorer.ie8 #container #inner.connecte label {
    font-size: 13px;
}

#container #inner.connecte #breadcrumb {
    margin-top: 10px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
    font-weight: bold;
}

#editUserPage {
    background-color: #f2f1f2;
}

.menuEc {
    clear: both;
    top: -65px;
    position: relative;
    left: 66%;
    width: 55%;
}

.menuEc.drop {
    width: 63%;
}

.menuEc.drop.internetExplorer {
    width: 65%;
}

#mTemplate.publicInternetExplorer10 .menuEc.drop {
    width: 68%;
}

#mTemplate.publicInternetExplorer9 .menuEc.drop {
    width: 69%;
}

#mTemplate.publicInternetExplorer11 .menuEc.drop {
    width: 70%;
}

.connecte .menuEc {
    top: -69px !important;
}

.connecte .menuEc.offreBusiness {
    top: -44px !important;
}

.publicInternetExplorer.ie8.connecte #menuEc {
    top: -77px !important;
}

.publicInternetExplorer .menuEc {
    top: -75px;
}

.publicInternetExplorer11 .menuEc {
    top: -69px;
}

.publicInternetExplorer9 .menuEc {
    top: -88.5px;
}

.publicInternetExplorer9 .menuEc.drop {
    top: -70.5px;
}

.publicInternetExplorer9.connecte .menuEc {
    top: -70.5px;
}

.publicInternetExplorer10 .menuEc {
    top: -70px;
}

.menuEc.internetExplorer {
    left: 31%;
}

.publicInternetExplorer9 .menuEc.internetExplorer {
    left: 40%;
}

.menuEc.internetExplorer8 {
    left: 32%;
}

@media screen and (min-width: 517px) {
    .menuEc {
        left: 59%;
    }
}

@media screen and (min-width: 600px) {
    .menuEc {
        left: 53%;
    }
}

@media screen and (min-width: 650px) {
    .menuEc {
        left: 50%;
    }
}

@media screen and (min-width: 700px) {
    .menuEc {
        left: 45%;
    }
}

@media screen and (min-width: 725px) {
    .menuEc {
        left: 42%;
    }
}

@media screen and (min-width: 775px) {
    .menuEc {
        left: 40%;
    }
}

@media screen and (min-width: 860px) {
    .menuEc {
        left: 38%;
    }
}

@media screen and (min-width: 900px) {
    .menuEc {
        left: 35%;
    }
}

@media screen and (min-width: 1020px) {
    .menuEc {
        left: 32%;
    }
}

@media screen and (min-width: 1050px) {
    .menuEc {
        left: 34%;
    }
}

@media screen and (min-width: 1100px) {
    .menuEc {
        left: 35%;
    }
}

@media screen and (min-width: 1175px) {
    .menuEc {
        left: 36%;
    }
}

@media screen and (min-width: 1200px) {
    .menuEc {
        left: 37%;
    }
}

@media screen and (min-width: 1250px) {
    .menuEc {
        left: 42%;
    }
}

@media screen and (min-width: 1300px) {
    .menuEc {
        left: 36%;
    }
}

@media screen and (min-width: 1350px) {
    .menuEc {
        left: 38%;
    }
}

@media screen and (min-width: 1800px) {
    .menuEc {
        left: 36%;
    }

    .menuEc.drop {
        left: 41%;
    }
}

@media screen and (min-width: 2000px) {
    .menuEc {
        left: 34%;
    }
}

.menuEc.nl {
    left: 63%;
}

.internetExplorer8.menuEc.nl {
    left: 29%;
}

.publicInternetExplorer10 .menuEc.nl {
    left: 39.5%;
}

@media screen and (min-width: 500px) {
    .menuEc.nl {
        left: 59%;
    }
}

@media screen and (min-width: 550px) {
    .menuEc.nl {
        left: 52%;
    }
}

@media screen and (min-width: 600px) {
    .menuEc.nl {
        left: 49%;
    }
}

@media screen and (min-width: 650px) {
    .menuEc.nl {
        left: 45%;
    }
}

@media screen and (min-width: 750px) {
    .menuEc.nl {
        left: 38%;
    }
}

@media screen and (min-width: 800px) {
    .menuEc.nl {
        left: 36%;
    }
}

@media screen and (min-width: 850px) {
    .menuEc.nl {
        left: 34%;
    }
}

@media screen and (min-width: 900px) {
    .menuEc.nl {
        left: 33%;
    }
}

@media screen and (min-width: 950px) {
    .menuEc.nl {
        left: 31%;
    }
}

@media screen and (min-width: 1000px) {
    .menuEc.nl {
        left: 30%;
    }
}

@media screen and (min-width: 1050px) {
    .menuEc.nl {
        left: 34%;
    }
}

@media screen and (min-width: 1100px) {
    .menuEc.nl {
        left: 36%;
    }
}

@media screen and (min-width: 1200px) {
    .menuEc.nl {
        left: 34%;
    }
}

@media screen and (min-width: 1280px) {
    .menuEc.nl {
        left: 36%;
    }
}

@media screen and (min-width: 2000px) {
    .menuEc.nl {
        left: 33%;
    }
}

* + html #menuEc {
    top: 13px;
}

* html #menuEc {
    top: 13px;
}

#menuEcContainer {
    text-align: left;
    width: 702px;
    height: 27px;
    line-height: 27px;
    margin: auto;
    margin-top: -32px;
}

#menuEcContainer.internetExplorer7 {
    margin-top: -7px;
}

#menuEcContainer.dropMenuEc {
    margin-top: -32px;
}

#mTemplate.publicInternetExplorer #menuEcContainer a, #mTemplate.publicInternetExplorer9 #menuEcContainer a, #mTemplate.publicInternetExplorer10 #menuEcContainer a, #mTemplate.publicInternetExplorer11 #menuEcContainer a {
    font-weight: normal !important;
    font-size: 12px;
}

#mTemplate.publicInternetExplorer, #mTemplate.publicInternetExplorer9, #mTemplate.publicInternetExplorer10, #mTemplate.publicInternetExplorer11 {
    font-weight: normal !important;
    font-size: 14px;
}

#mTemplate.publicInternetExplorer9 #menuEcContainer {
    margin-left: 0px;
    margin-top: -34px;
}

#mTemplate.publicInternetExplorer.ie8 #menuEcContainer {
    margin-left: 10%;
}

.lien_menuEc {
    transition-duration: 0.5s;
    text-transform: uppercase;
    font-family: Calibri, Sans-Serif;
    border-style: none;
    font-size: 16px;
    color: #8592a0;
    line-height: 40px;
    margin-top: 14px;
    text-align: center;
    font-weight: lighter;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 7.25px;
    margin-left: 7.25px;
    font-weight: bold;
}

#mTemplate.nl .lien_menuEc {
    font-size: 14px;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: 3.25px;
    margin-left: 3.25px;
}

.mTemplate.ie8 .lien_menuEc {
    font-size: 13px !important;
}

.lien_menuEc.active, .lien_menuEc:hover {
    color: #fff;
    background-color: #8592a0;
    border-radius: 4px;
    line-height: 40px;
    margin-top: 14px;
    text-align: center;
}

.publicInternetExplorer.ie8 .lien_menuEc {
    font-size: 13px;
}

.publicInternetExplorer7 .lien_menuEc:hover {
    font-size: 13px;
    margin-top: 0px !important;
}

.contentPageWidth {
    margin: auto;
    min-height: 1100px;
    background-color: #f6f6f6;
    padding-bottom: 20px;
}

#entity_edit.contentPageWidth.customEntity {
    min-height: 1500px;
}

#simpEnvoiFichier {
    background-color: white !important;
}

#pageEditClient.contentPageWidth {
    min-height: 2556px;
}

#simpEnvoiFichier {
    padding-bottom: 0px;
    min-height: 570px;
}

#listClient.contentPageWidth {
    margin-top: 14px;
}

#listClient ul {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer11 #listClient ul {
    font-size: 14px;
}

.publicInternetExplorer.ie8 #listClient ul {
    font-size: 14px;
}

#listClient ul {
    list-style: none;
}

#listClient ul li:before {
    content: '- ';
    color: #6C6D70;
}

.contentPageWidth2 {
    margin: auto;
    min-width: 1000px;
}

#client_option.contentPageWidth2 .rubTitle {
    padding-left: 12.5%;
}

div.aProposTemplate.internetExplorer {
    margin-left: 70px;
}

.contentPageWidthFeatures {
    margin: auto;
    min-width: 1000px;
    width: 1000px;
    margin-top: 0px;
    margin-bottom: 50px;
}

.contentPageWidthFeatures.internetExplorer {
    min-width: 100%;
    width: 100%;
    margin-top: 0px auto auto;
    padding-bottom: 30px;
}

.contentPageWidthContact {
    margin: auto;
    margin-top: 0px;
    background-color: #ffffff;
    padding-bottom: 50px;
}

.newsletter {
    height: 139px;
    background-color: #e1e1e1;
    text-align: center;
}

.newsletter .newsletterText #emailNewsletter {
    height: 22px;
    margin-bottom: 12px;
}

.newsletter .newsletterText {
    padding-top: 25px;
    color: white;
    text-transform: uppercase;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-size: 20px;
}

.ContactContent {
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
    color: #484347;
    padding-top: 35px;
}

.ContactRight {
    float: right;
    padding-left: 20px;
    padding-right: 4px;
    margin-top: 87px;
    font-size: 18px;
    border-left: 2px solid rgb(72, 67, 71);
    text-transform: uppercase;
    font-family: "Open Sans", Calibri, Sans-Serif;
    font-weight: normal !important;
    margin-right: -50px;
}

.ContactLeft {
    float: left;
    width: 450px;
    padding-top: 10px;
    margin-left: 23px
}

.ContactLeft .LeftEmail {
    float: left;
    width: 57%;
    margin-right: 85px;
}

.ContactLeft .LeftSujet {
    float: left;
    position: relative;
    width: 10%;
    margin-left: 33px;
}

.ContactLeft .label {
    height: 20px;
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 15px;
}

.ContactLeft h2, .ContactLeft span.titreH1 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: "Open Sans", Calibri, Sans-Serif;
}

div.yellowBackgroundTopHr {
    position: absolute;
    height: 110px;
    background-color: white;
    border-bottom: 1px solid #fcdb6a;
    z-index: -1;
    float: left;
    width: 100%;
}

.rubTitle {
    font-size: 15px;
    margin-bottom: 6px;
    margin-top: 10px;
}

#rub_compte label, #editPassword label, #rubInfosComplementaires label {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #545454;
    font-size: 17px;
}

.blockCheck label {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #545454;
    font-size: 17px;
}

.rubTitle2 {
    clear: both;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    font-weight: bold;
    margin-top: 10px;
}

.rubTitle2.fiche {
    padding-top: 10px;
}

.publicInternetExplorer.ie8 .rubTitle2 {
    font-size: 13px;
}

.publicInternetExplorer.ie8 .rubTitle2.faq {
    font-size: 18px;
}

.rubTitle2.internetExplorer7 {
    padding-left: 15% !important;
}

.rubTitle2.internetExplorer8 {
    padding-left: 32% !important;
}

#divHeaderLine {
    background-color: #ffffff;
    font-size: 80%;
    height: 20px;
    line-height: 20px;
    padding: 0 0px;
    text-align: right;
    border-bottom: 1px solid #c0c0c1;
}

#divHeaderLine #divHeaderLine_content {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    color: #424343;
    min-width: 200px;
    padding-right: 5px;
    padding-top: 0px;
}

.publicInternetExplorer.ie8 #divHeaderLine #divHeaderLine_content span {
    font-size: 13px !important;
}

.publicInternetExplorer9 #divHeaderLine #divHeaderLine_content {
    margin-right: 7px;
}

@media screen and (min-width: 325px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 650px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 650px;
    }
}

@media screen and (min-width: 350px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 630px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 630px;
    }
}

@media screen and (min-width: 375px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 610px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 610px;
    }
}

@media screen and (min-width: 400px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 580px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 580px;
    }
}

@media screen and (min-width: 425px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 550px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 550px;
    }
}

@media screen and (min-width: 450px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 530px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 530px;
    }
}

@media screen and (min-width: 475px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 510px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 510px;
    }
}

@media screen and (min-width: 500px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 478px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 478px;
    }
}

@media screen and (min-width: 525px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 448px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 448px;
    }
}

@media screen and (min-width: 550px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 436px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 436px;
    }
}

@media screen and (min-width: 575px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 416px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 416px;
    }
}

@media screen and (min-width: 600px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 396px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 396px;
    }
}

@media screen and (min-width: 625px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 366px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 366px;
    }
}

@media screen and (min-width: 650px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 346px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 346px;
    }
}

@media screen and (min-width: 675px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 326px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 326px;
    }
}

@media screen and (min-width: 700px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 296px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 296px;
    }
}

@media screen and (min-width: 725px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 267px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 267px;
    }
}

@media screen and (min-width: 750px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 242px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 242px;
    }
}

@media screen and (min-width: 775px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 225px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 225px;
    }
}

@media screen and (min-width: 800px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 191px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 191px;
    }
}

@media screen and (min-width: 825px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 169px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 169px;
    }
}

@media screen and (min-width: 850px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 159px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 159px;
    }
}

@media screen and (min-width: 875px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 123px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 123px;
    }
}

@media screen and (min-width: 900px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 95px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 95px;
    }
}

@media screen and (min-width: 925px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 72px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 72px;
    }
}

@media screen and (min-width: 950px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 31px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 31px;
    }
}

@media screen and (min-width: 975px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 31px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 31px;
    }
}

@media screen and (min-width: 1025px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 0px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1050px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 0px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1075px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 0px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1100px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 14px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 14px;
    }
}

@media screen and (min-width: 1125px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 26px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 26px;
    }
}

@media screen and (min-width: 1150px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 37px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 37px;
    }
}

@media screen and (min-width: 1175px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 51px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 51px;
    }
}

@media screen and (min-width: 1200px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 62px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 62px;
    }
}

@media screen and (min-width: 1225px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 76px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 76px;
    }
}

@media screen and (min-width: 1250px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 88px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 88px;
    }
}

@media screen and (min-width: 1275px) {
    #header #usersCountTitle {
        margin-right: 100px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 100px;
    }
}

@media screen and (min-width: 1300px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 110px;
    }

    .publicInternetExplorer9 .connecteFreemium {
        margin-right: 110px;
    }
}

@media screen and (min-width: 1325px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 128px;
    }
}

@media screen and (min-width: 1350px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 141px;
    }
}

@media screen and (min-width: 1375px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 151px;
    }
}

@media screen and (min-width: 1400px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 151px;
    }
}

@media screen and (min-width: 1400px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 174px;
    }
}

@media screen and (min-width: 1425px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 174px;
    }
}

@media screen and (min-width: 1450px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 187px;
    }
}

@media screen and (min-width: 1475px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 199px;
    }
}

@media screen and (min-width: 1500px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 212px;
    }
}

@media screen and (min-width: 1525px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 225px;
    }
}

@media screen and (min-width: 1550px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 237px;
    }
}

@media screen and (min-width: 1575px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 249px;
    }
}

@media screen and (min-width: 1600px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 249px;
    }
}

@media screen and (min-width: 1625px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 275px;
    }
}

@media screen and (min-width: 1650px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 287px;
    }
}

@media screen and (min-width: 1675px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 298px;
    }
}

@media screen and (min-width: 1700px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 312px;
    }
}

@media screen and (min-width: 1725px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 324px;
    }
}

@media screen and (min-width: 1750px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 339px;
    }
}

@media screen and (min-width: 1775px) {
    #header #usersCountTitle {
        margin-right: 349px;
    }
}

@media screen and (min-width: 1800px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 359px;
    }
}

@media screen and (min-width: 1825px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 369px;
    }
}

@media screen and (min-width: 1850px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 385px;
    }
}

@media screen and (min-width: 1875px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 400px;
    }
}

@media screen and (min-width: 1900px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 412px;
    }
}

@media screen and (min-width: 1925px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 426px;
    }
}

@media screen and (min-width: 1950px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 436px;
    }
}

@media screen and (min-width: 1975px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 450px;
    }
}

@media screen and (min-width: 2000px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 464px;
    }
}

@media screen and (min-width: 2025px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 478px;
    }
}

@media screen and (min-width: 2050px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 488px;
    }
}

@media screen and (min-width: 2075px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 499px;
    }
}

@media screen and (min-width: 2100px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 512px;
    }
}

@media screen and (min-width: 2125px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 526px;
    }
}

@media screen and (min-width: 2150px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 539px;
    }
}

@media screen and (min-width: 2175px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 551px;
    }
}

@media screen and (min-width: 2200px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 563px;
    }
}

@media screen and (min-width: 2225px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 574px;
    }
}

@media screen and (min-width: 2250px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 587px;
    }
}

@media screen and (min-width: 2275px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 600px;
    }
}

@media screen and (min-width: 2300px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 612px;
    }
}

@media screen and (min-width: 2325px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 622px;
    }
}

@media screen and (min-width: 2350px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 638px;
    }
}

@media screen and (min-width: 2375px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 662px;
    }
}

@media screen and (min-width: 2400px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 665px;
    }
}

@media screen and (min-width: 2425px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 675px;
    }
}

@media screen and (min-width: 2450px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 687px;
    }
}

@media screen and (min-width: 2475px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 700px;
    }
}

@media screen and (min-width: 2500px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 713px;
    }
}

@media screen and (min-width: 2525px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 724px;
    }
}

@media screen and (min-width: 2550px) {
    #divHeaderLine #divHeaderLine_content {
        margin-right: 739px;
    }
}

#divHeaderLine #divHeaderLine_content #infoLog {
    font-size: 14px;
    padding-left: 5px;
    text-align: right;
    vertical-align: top;
    font-family: Calibri, Sans-Serif;
    color: #848c94;
    font-weight: normal;
}

#divHeaderLine #divHeaderLine_content #infoLog .infoUsername {
    font-family: "Helvetica";
    font-size: 13px;
    color: #848c94;
}

#divHeaderLine #divHeaderLine_content #infoLog #nav-welcome {
    height: 100%;
}

#divMenuConnexion {
    color: #424343;
    float: right;
    padding-right: 5px;
    min-width: 200px;
    height: 50px;
    margin-top: 6px;
    position: relative;
    z-index: 1;
}

#divMenuConnexion.connecte.internetExplorer9 {
    float: none;
    min-width: 937px;
    margin-right: 6px;
}

@media screen and (min-width: 325px) {
    #divMenuConnexion {
        margin-right: 396px;
    }
}

@media screen and (min-width: 600px) {
    #divMenuConnexion {
        margin-right: 396px;
    }
}

@media screen and (min-width: 625px) {
    #divMenuConnexion {
        margin-right: 366px;
    }
}

@media screen and (min-width: 650px) {
    #divMenuConnexion {
        margin-right: 346px;
    }
}

@media screen and (min-width: 675px) {
    #divMenuConnexion {
        margin-right: 326px;
    }
}

@media screen and (min-width: 700px) {
    #divMenuConnexion {
        margin-right: 296px;
    }
}

@media screen and (min-width: 725px) {
    #divMenuConnexion {
        margin-right: 267px;
    }
}

@media screen and (min-width: 750px) {
    #divMenuConnexion {
        margin-right: 242px;
    }
}

@media screen and (min-width: 775px) {
    #divMenuConnexion {
        margin-right: 225px;
    }
}

@media screen and (min-width: 800px) {
    #divMenuConnexion {
        margin-right: 191px;
    }
}

@media screen and (min-width: 825px) {
    #divMenuConnexion {
        margin-right: 169px;
    }
}

@media screen and (min-width: 850px) {
    #divMenuConnexion {
        margin-right: 159px;
    }
}

@media screen and (min-width: 875px) {
    #divMenuConnexion {
        margin-right: 123px;
    }
}

@media screen and (min-width: 900px) {
    #divMenuConnexion {
        margin-right: 95px;
    }
}

@media screen and (min-width: 925px) {
    #divMenuConnexion {
        margin-right: 72px;
    }
}

@media screen and (min-width: 950px) {
    #divMenuConnexion {
        margin-right: 31px;
    }
}

@media screen and (min-width: 975px) {
    #divMenuConnexion {
        margin-right: 31px;
    }
}

@media screen and (min-width: 1025px) {
    #divMenuConnexion {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1050px) {
    #divMenuConnexion {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1075px) {
    #divMenuConnexion {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1100px) {
    #divMenuConnexion {
        margin-right: 14px;
    }
}

@media screen and (min-width: 1125px) {
    #divMenuConnexion {
        margin-right: 26px;
    }
}

@media screen and (min-width: 1150px) {
    #divMenuConnexion {
        margin-right: 37px;
    }
}

@media screen and (min-width: 1175px) {
    #divMenuConnexion {
        margin-right: 51px;
    }
}

@media screen and (min-width: 1200px) {
    #divMenuConnexion {
        margin-right: 62px;
    }
}

@media screen and (min-width: 1225px) {
    #divMenuConnexion {
        margin-right: 76px;
    }
}

@media screen and (min-width: 1250px) {
    #divMenuConnexion {
        margin-right: 88px;
    }
}

@media screen and (min-width: 1275px) {
    #divMenuConnexion {
        margin-right: 87px;
    }
}

@media screen and (min-width: 1300px) {
    #divMenuConnexion {
        margin-right: 110px;
    }
}

@media screen and (min-width: 1325px) {
    #divMenuConnexion {
        margin-right: 128px;
    }
}

@media screen and (min-width: 1350px) {
    #divMenuConnexion {
        margin-right: 141px;
    }
}

@media screen and (min-width: 1375px) {
    #divMenuConnexion {
        margin-right: 151px;
    }
}

@media screen and (min-width: 1400px) {
    #divMenuConnexion {
        margin-right: 151px;
    }
}

@media screen and (min-width: 1400px) {
    #divMenuConnexion {
        margin-right: 174px;
    }
}

@media screen and (min-width: 1425px) {
    #divMenuConnexion {
        margin-right: 174px;
    }
}

@media screen and (min-width: 1450px) {
    #divMenuConnexion {
        margin-right: 187px;
    }
}

@media screen and (min-width: 1475px) {
    #divMenuConnexion {
        margin-right: 199px;
    }
}

@media screen and (min-width: 1500px) {
    #divMenuConnexion {
        margin-right: 212px;
    }
}

@media screen and (min-width: 1525px) {
    #divMenuConnexion {
        margin-right: 225px;
    }
}

@media screen and (min-width: 1550px) {
    #divMenuConnexion {
        margin-right: 237px;
    }
}

@media screen and (min-width: 1575px) {
    #divMenuConnexion {
        margin-right: 249px;
    }
}

@media screen and (min-width: 1600px) {
    #divMenuConnexion {
        margin-right: 249px;
    }
}

@media screen and (min-width: 1625px) {
    #divMenuConnexion {
        margin-right: 275px;
    }
}

@media screen and (min-width: 1650px) {
    #divMenuConnexion {
        margin-right: 287px;
    }
}

@media screen and (min-width: 1675px) {
    #divMenuConnexion {
        margin-right: 298px;
    }
}

@media screen and (min-width: 1700px) {
    #divMenuConnexion {
        margin-right: 312px;
    }
}

@media screen and (min-width: 1725px) {
    #divMenuConnexion {
        margin-right: 324px;
    }
}

@media screen and (min-width: 1750px) {
    #divMenuConnexion {
        margin-right: 339px;
    }
}

@media screen and (min-width: 1775px) {
    #divMenuConnexion {
        margin-right: 339px;
    }
}

@media screen and (min-width: 1800px) {
    #divMenuConnexion {
        margin-right: 359px;
    }
}

@media screen and (min-width: 1825px) {
    #divMenuConnexion {
        margin-right: 369px;
    }
}

@media screen and (min-width: 1850px) {
    #divMenuConnexion {
        margin-right: 385px;
    }
}

@media screen and (min-width: 1875px) {
    #divMenuConnexion {
        margin-right: 400px;
    }
}

@media screen and (min-width: 1900px) {
    #divMenuConnexion {
        margin-right: 412px;
    }
}

@media screen and (min-width: 1925px) {
    #divMenuConnexion {
        margin-right: 426px;
    }
}

@media screen and (min-width: 1950px) {
    #divMenuConnexion {
        margin-right: 436px;
    }
}

@media screen and (min-width: 1975px) {
    #divMenuConnexion {
        margin-right: 450px;
    }
}

@media screen and (min-width: 2000px) {
    #divMenuConnexion {
        margin-right: 464px;
    }
}

@media screen and (min-width: 2025px) {
    #divMenuConnexion {
        margin-right: 478px;
    }
}

@media screen and (min-width: 2050px) {
    #divMenuConnexion {
        margin-right: 488px;
    }
}

@media screen and (min-width: 2075px) {
    #divMenuConnexion {
        margin-right: 499px;
    }
}

@media screen and (min-width: 2100px) {
    #divMenuConnexion {
        margin-right: 512px;
    }
}

@media screen and (min-width: 2125px) {
    #divMenuConnexion {
        margin-right: 526px;
    }
}

@media screen and (min-width: 2150px) {
    #divMenuConnexion {
        margin-right: 539px;
    }
}

@media screen and (min-width: 2175px) {
    #divMenuConnexion {
        margin-right: 551px;
    }
}

@media screen and (min-width: 2200px) {
    #divMenuConnexion {
        margin-right: 563px;
    }
}

@media screen and (min-width: 2225px) {
    #divMenuConnexion {
        margin-right: 574px;
    }
}

@media screen and (min-width: 2250px) {
    #divMenuConnexion {
        margin-right: 587px;
    }
}

@media screen and (min-width: 2275px) {
    #divMenuConnexion {
        margin-right: 600px;
    }
}

@media screen and (min-width: 2300px) {
    #divMenuConnexion {
        margin-right: 612px;
    }
}

@media screen and (min-width: 2325px) {
    #divMenuConnexion {
        margin-right: 622px;
    }
}

@media screen and (min-width: 2350px) {
    #divMenuConnexion {
        margin-right: 638px;
    }
}

@media screen and (min-width: 2375px) {
    #divMenuConnexion {
        margin-right: 662px;
    }
}

@media screen and (min-width: 2400px) {
    #divMenuConnexion {
        margin-right: 665px;
    }
}

@media screen and (min-width: 2425px) {
    #divMenuConnexion {
        margin-right: 675px;
    }
}

@media screen and (min-width: 2450px) {
    #divMenuConnexion {
        margin-right: 687px;
    }
}

@media screen and (min-width: 2475px) {
    #divMenuConnexion {
        margin-right: 700px;
    }
}

@media screen and (min-width: 2500px) {
    #divMenuConnexion {
        margin-right: 713px;
    }
}

@media screen and (min-width: 2525px) {
    #divMenuConnexion {
        margin-right: 724px;
    }
}

@media screen and (min-width: 2550px) {
    #divMenuConnexion {
        margin-right: 739px;
    }
}

#divMenuConnexion a {
    color: #848c94;
    text-decoration: none;
}

#divMenuConnexion a.lien_12_blanc_souligne {
    text-decoration: underline;
}

#divMenuConnexion #infoLog {
    font-size: 11px;
    padding-left: 5px;
    text-align: right;
}

#divMenuConnexion a.LibelleOffre {
    font-size: 12px;
    padding-top: 1px;
}

#divMenuConnexion #barVertical {
    color: #424343;
}

#divMenuConnexion #selectLanguage {
    border: none;
    margin: 0px;
    padding: 0px;
}

#menuSecond {
    float: right;
    position: relative;
    z-index: 15;
    padding-top: 4px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
}

@media screen and (min-width: 325px) {
    #menuSecond {
        margin-right: 650px;
    }
}

@media screen and (min-width: 350px) {
    #menuSecond {
        margin-right: 630px;
    }
}

@media screen and (min-width: 375px) {
    #menuSecond {
        margin-right: 610px;
    }
}

@media screen and (min-width: 400px) {
    #menuSecond {
        margin-right: 580px;
    }
}

@media screen and (min-width: 425px) {
    #menuSecond {
        margin-right: 550px;
    }
}

@media screen and (min-width: 450px) {
    #menuSecond {
        margin-right: 530px;
    }
}

@media screen and (min-width: 475px) {
    #menuSecond {
        margin-right: 510px;
    }
}

@media screen and (min-width: 500px) {
    #menuSecond {
        margin-right: 478px;
    }
}

@media screen and (min-width: 525px) {
    #menuSecond {
        margin-right: 448px;
    }
}

@media screen and (min-width: 550px) {
    #menuSecond {
        margin-right: 436px;
    }
}

@media screen and (min-width: 575px) {
    #menuSecond {
        margin-right: 416px;
    }
}

@media screen and (min-width: 600px) {
    #menuSecond {
        margin-right: 396px;
    }
}

@media screen and (min-width: 625px) {
    #menuSecond {
        margin-right: 366px;
    }
}

@media screen and (min-width: 650px) {
    #menuSecond {
        margin-right: 346px;
    }
}

@media screen and (min-width: 675px) {
    #menuSecond {
        margin-right: 326px;
    }
}

@media screen and (min-width: 700px) {
    #menuSecond {
        margin-right: 296px;
    }
}

@media screen and (min-width: 725px) {
    #menuSecond {
        margin-right: 267px;
    }
}

@media screen and (min-width: 750px) {
    #menuSecond {
        margin-right: 242px;
    }
}

@media screen and (min-width: 775px) {
    #menuSecond {
        margin-right: 225px;
    }
}

@media screen and (min-width: 800px) {
    #menuSecond {
        margin-right: 191px;
    }
}

@media screen and (min-width: 825px) {
    #menuSecond {
        margin-right: 169px;
    }
}

@media screen and (min-width: 850px) {
    #menuSecond {
        margin-right: 159px;
    }
}

@media screen and (min-width: 875px) {
    #menuSecond {
        margin-right: 123px;
    }
}

@media screen and (min-width: 900px) {
    #menuSecond {
        margin-right: 95px;
    }
}

@media screen and (min-width: 925px) {
    #menuSecond {
        margin-right: 72px;
    }
}

@media screen and (min-width: 950px) {
    #menuSecond {
        margin-right: 31px;
    }
}

@media screen and (min-width: 975px) {
    #menuSecond {
        margin-right: 31px;
    }
}

@media screen and (min-width: 1025px) {
    #menuSecond {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1050px) {
    #menuSecond {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1075px) {
    #menuSecond {
        margin-right: 0px;
    }
}

@media screen and (min-width: 1100px) {
    #menuSecond {
        margin-right: 14px;
    }
}

@media screen and (min-width: 1125px) {
    #menuSecond {
        margin-right: 26px;
    }
}

@media screen and (min-width: 1150px) {
    #menuSecond {
        margin-right: 37px;
    }
}

@media screen and (min-width: 1175px) {
    #menuSecond {
        margin-right: 51px;
    }
}

@media screen and (min-width: 1200px) {
    #menuSecond {
        margin-right: 62px;
    }
}

@media screen and (min-width: 1225px) {
    #menuSecond {
        margin-right: 76px;
    }
}

@media screen and (min-width: 1250px) {
    #menuSecond {
        margin-right: 88px;
    }
}

@media screen and (min-width: 1275px) {
    #menuSecond {
        margin-right: 87px;
    }
}

@media screen and (min-width: 1300px) {
    #menuSecond {
        margin-right: 110px;
    }
}

@media screen and (min-width: 1325px) {
    #menuSecond {
        margin-right: 128px;
    }
}

@media screen and (min-width: 1350px) {
    #menuSecond {
        margin-right: 141px;
    }
}

@media screen and (min-width: 1375px) {
    #menuSecond {
        margin-right: 151px;
    }
}

@media screen and (min-width: 1400px) {
    #menuSecond {
        margin-right: 151px;
    }
}

@media screen and (min-width: 1400px) {
    #menuSecond {
        margin-right: 174px;
    }
}

@media screen and (min-width: 1425px) {
    #menuSecond {
        margin-right: 174px;
    }
}

@media screen and (min-width: 1450px) {
    #menuSecond {
        margin-right: 187px;
    }
}

@media screen and (min-width: 1475px) {
    #menuSecond {
        margin-right: 199px;
    }
}

@media screen and (min-width: 1500px) {
    #menuSecond {
        margin-right: 212px;
    }
}

@media screen and (min-width: 1525px) {
    #menuSecond {
        margin-right: 225px;
    }
}

@media screen and (min-width: 1550px) {
    #menuSecond {
        margin-right: 237px;
    }
}

@media screen and (min-width: 1575px) {
    #menuSecond {
        margin-right: 249px;
    }
}

@media screen and (min-width: 1600px) {
    #menuSecond {
        margin-right: 249px;
    }
}

@media screen and (min-width: 1625px) {
    #menuSecond {
        margin-right: 275px;
    }
}

@media screen and (min-width: 1650px) {
    #menuSecond {
        margin-right: 287px;
    }
}

@media screen and (min-width: 1675px) {
    #menuSecond {
        margin-right: 298px;
    }
}

@media screen and (min-width: 1700px) {
    #menuSecond {
        margin-right: 312px;
    }
}

@media screen and (min-width: 1725px) {
    #menuSecond {
        margin-right: 324px;
    }
}

@media screen and (min-width: 1750px) {
    #menuSecond {
        margin-right: 339px;
    }
}

@media screen and (min-width: 1775px) {
    #menuSecond {
        margin-right: 339px;
    }
}

@media screen and (min-width: 1800px) {
    #menuSecond {
        margin-right: 359px;
    }
}

@media screen and (min-width: 1825px) {
    #menuSecond {
        margin-right: 369px;
    }
}

@media screen and (min-width: 1850px) {
    #menuSecond {
        margin-right: 385px;
    }
}

@media screen and (min-width: 1875px) {
    #menuSecond {
        margin-right: 400px;
    }
}

@media screen and (min-width: 1900px) {
    #menuSecond {
        margin-right: 412px;
    }
}

@media screen and (min-width: 1925px) {
    #menuSecond {
        margin-right: 426px;
    }
}

@media screen and (min-width: 1950px) {
    #menuSecond {
        margin-right: 436px;
    }
}

@media screen and (min-width: 1975px) {
    #menuSecond {
        margin-right: 450px;
    }
}

@media screen and (min-width: 2000px) {
    #menuSecond {
        margin-right: 464px;
    }
}

@media screen and (min-width: 2025px) {
    #menuSecond {
        margin-right: 478px;
    }
}

@media screen and (min-width: 2050px) {
    #menuSecond {
        margin-right: 488px;
    }
}

@media screen and (min-width: 2075px) {
    #menuSecond {
        margin-right: 499px;
    }
}

@media screen and (min-width: 2100px) {
    #menuSecond {
        margin-right: 512px;
    }
}

@media screen and (min-width: 2125px) {
    #menuSecond {
        margin-right: 526px;
    }
}

@media screen and (min-width: 2150px) {
    #menuSecond {
        margin-right: 539px;
    }
}

@media screen and (min-width: 2175px) {
    #menuSecond {
        margin-right: 551px;
    }
}

@media screen and (min-width: 2200px) {
    #menuSecond {
        margin-right: 563px;
    }
}

@media screen and (min-width: 2225px) {
    #menuSecond {
        margin-right: 574px;
    }
}

@media screen and (min-width: 2250px) {
    #menuSecond {
        margin-right: 587px;
    }
}

@media screen and (min-width: 2275px) {
    #menuSecond {
        margin-right: 600px;
    }
}

@media screen and (min-width: 2300px) {
    #menuSecond {
        margin-right: 612px;
    }
}

@media screen and (min-width: 2325px) {
    #menuSecond {
        margin-right: 622px;
    }
}

@media screen and (min-width: 2350px) {
    #menuSecond {
        margin-right: 638px;
    }
}

@media screen and (min-width: 2375px) {
    #menuSecond {
        margin-right: 662px;
    }
}

@media screen and (min-width: 2400px) {
    #menuSecond {
        margin-right: 665px;
    }
}

@media screen and (min-width: 2425px) {
    #menuSecond {
        margin-right: 675px;
    }
}

@media screen and (min-width: 2450px) {
    #menuSecond {
        margin-right: 687px;
    }
}

@media screen and (min-width: 2475px) {
    #menuSecond {
        margin-right: 700px;
    }
}

@media screen and (min-width: 2500px) {
    #menuSecond {
        margin-right: 713px;
    }
}

@media screen and (min-width: 2525px) {
    #menuSecond {
        margin-right: 724px;
    }
}

@media screen and (min-width: 2550px) {
    #menuSecond {
        margin-right: 739px;
    }
}

#user-nav {
    padding: 0;
    list-style-type: none;
    display: block;
}

#user-nav li {
    margin-left: 3px;
    height: 19px;
    display: inline;
    float: left;
    position: relative;
    line-height: 18px;
    color: #fff;
}

#user-nav li.hover {
    z-index: 20 !important;
}

#user-nav li a:link,
#user-nav li a:active,
#user-nav li a:visited {
    font-size: 14px;
    display: block;
    float: left;
    padding: 0 5px;
    color: #848c94;
}

.publicInternetExplorer9 #user-nav li a {
    font-size: 13px;
}

.publicInternetExplorer.ie8 #user-nav li a {
    font-size: 13px;
}

.publicInternetExplorer11 #user-nav li a {
    font-size: 14px;
}

#user-nav li a.menuSecondA {
    text-decoration: underline;
}

#user-nav li a:hover {
    text-decoration: underline;
    color: #737373;
}

#user-nav li.drop img {
    padding-top: 5px;
    vertical-align: top;
}

#user-nav li.hover a {
    height: 20px;
    position: relative;
    color: #737373;
}

#user-nav li.hover .dropdown {
    left: 2px;
    padding: 8px 0px 10px 8px;
}

.dropdown {
    position: absolute;
    top: 19px;
    left: -1000em;
    width: 160px;
    z-index: 800;
    border: 1px solid #bfbfbf;
    padding: 8px 0px 10px 8px;
    background-color: #fff;
    color: #737373;
    box-shadow: 3px 3px 5px #888888;
    border-radius: 4px;
}

.dropdown a {
    background-image: none !important;
    float: none !important;
    display: inline !important;
    padding: 0 !important;
}

#footerEc {
    color: black;
    clear: both;
    border-top: 6px solid #FED44A;
    width: 100%;
    background: #CEECF9;
    color: #B9B8C0;
    font-size: 14px;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 14px;
    margin-top: 0px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
}

.publicInternetExplorer.ie8 #footerEc {
    font-size: 14px;
}

#footerEc a {
    color: #76A3B0;
    padding-left: 15px;
}

#clientStatsTemplate #form_rapport .button-style-1 {
    width: 123px;
}

#clientStatsTemplate .bouton_jaune {
    width: 160px;
    margin-top: 10px;
}

.button-style-1, button-style-1:link {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FCCA1C;
    font-size: 12px;
    text-align: center;
    padding: 5px 15px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 2px #A7A7A7;
}

.button-style-1:hover {
    background-color: #9D9E9E;
    color: #FFFFFF !important;
}

.button-style-1 a:hover {
    color: #FFFFFF !important;
}

#subMenuBar {
    margin-top: -28px;
    height: 26px;
    padding-top: 3px;
    padding-left: 2px;
    position: relative;
    z-index: 10;
}

#subMenuBar.configuration {
    margin-top: -36px;
    height: 43px;
}

#subMenuBar.mescontact {
    margin-top: -36px;
    height: 37px;
}

#subMenuBar .styleButton1 {
    margin-right: 5px;
    float: left;
    display: block;
}

#subMenuBar.internetExplorer {
    padding-left: 65px;
}

#parcourir_fichiers #divRechercheFichier,
#divRechercheContact {
    clear: both;
    position: relative;
    float: right;
    margin-top: -25px;
    display: none;
}

#libOptionSupplementaires {
    position: relative;
    float: left;
    font-size: 14px;
    background: #424343;
    color: #FFFFFF;
    height: 19px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

#divLibDestinataire {
    position: relative;
    float: left;
    font-size: 14px;
    background: #424343;
    color: #FFFFFF;
    height: 19px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

#divContenuOptionsAccuse {
}

#divContenuOptionExpiration {
}

.publicInternetExplorer.ie8 #divContenuOptionExpiration, .publicInternetExplorer9 #divContenuOptionExpiration, .publicInternetExplorer10 #divContenuOptionExpiration, .publicInternetExplorer11 #divContenuOptionExpiration {
    width: 300px;
}

.publicInternetExplorer.ie8 #divContenuOptionExpiration {
    width: 300px;
}

.publicInternetExplorer.ie8 #sendingLifetimeDiv, .publicInternetExplorer9 #sendingLifetimeDiv, .publicInternetExplorer10 #sendingLifetimeDiv, .publicInternetExplorer11 #sendingLifetimeDiv {
    width: 300px;
}

#sendingLifetimeDiv span.cursor_pointer.veticalAlignMiddle {
    display: block;
}

#inputObjet {
    clear: both;
    position: relative;
    float: left;
    width: 440px;
}

#inputMessage {
    clear: both;
    position: relative;
    float: left;
    width: 440px;
}

#boutonEnvoi,
#boutonEnvoiTop {
    position: relative;
    float: left;
    background: url("images/espace_client/bouton_envoi.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 88px;
    height: 34px;
    padding-top: 11px;
    padding-left: 12px;
}

#boutonEnvoi:hover,
#boutonEnvoiTop:hover {
    position: relative;
    float: right;
    background: url("images/espace_client/bouton_envoi.gif");
    background-repeat: no-repeat;
    background-position: 0px -45px;
    width: 88px;
    height: 34px;
    padding-top: 11px;
    padding-left: 12px;
}

#boutonEnvoiTop,
#boutonEnvoiTop:hover {
    margin-top: -8px;
}

.lien11gris:link,
.lien11gris:visited,
.lien11gris:hover {
    color: #424343;
    font-size: 11px;
    text-decoration: none;
}

#errorUpload {
    clear: left;
    position: relative;
    float: left;
    margin-top: 15px;
    display: none;
}

.lienEtapeSuivante:link,
.lienEtapeSuivante:visited,
.lienEtapeSuivante:hover,
.lienEtapeSuivanteTop:link,
.lienEtapeSuivanteTop:visited,
.lienEtapeSuivanteTop:hover,
.lienEtapePrecedente:link,
.lienEtapePrecedente:visited,
.lienEtapePrecedente:hover,
.lienEtapePrecedenteTop:link,
.lienEtapePrecedenteTop:visited,
.lienEtapePrecedenteTop:hover {
    font-size: 14px;
    color: #424343;
    text-decoration: none;
}

.lienEtapeSuivanteHover:link,
.lienEtapeSuivanteHover:visited,
.lienEtapeSuivanteHover:hover,
.lienEtapeSuivanteTopHover:link,
.lienEtapeSuivanteTopHover:visited,
.lienEtapeSuivanteTopHover:hover,
.lienEtapePrecedenteHover:link,
.lienEtapePrecedenteHover:visited,
.lienEtapePrecedenteHover:hover,
.lienEtapePrecedenteTopHover:link,
.lienEtapePrecedenteTopHover:visited,
.lienEtapePrecedenteTopHover:hover {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.addContactEnvoyer:link,
.addContactEnvoyer:visited,
.addContactEnvoyer:hover,
.lienButtonAjouteFichierEtape1:link,
.lienButtonAjouteFichierEtape1:visited,
.lienButtonAjouteFichierEtape1:hover,
.modifierEnvoiFichier:link,
.modifierEnvoiFichier:visited,
.modifierEnvoiFichier:hover,
.modifierEnvoiContact:link,
.modifierEnvoiContact:visited,
.modifierEnvoiContact:hover,
.modifierEnvoiMessage:link,
.modifierEnvoiMessage:visited,
.modifierEnvoiMessage:hover,
.lienAjouterContact:link,
.lienAjouterContact:visited,
.lienAjouterContact:hover,
.lienModifierContact:link,
.lienModifierContact:visited,
.lienModifierContact:hover,
.lienImporterContact:link,
.lienImporterContact:visited,
.lienImporterContact:hover,
.lienCreerGroupe:link,
.lienCreerGroupe:visited,
.lienCreerGroupe:hover,
.lien_menu_public_gauche:link,
.lien_menu_public_gauche:visited,
.lien_menu_public_gauche:hover,
.lienTelechargerMesFichier:link,
.lienTelechargerMesFichier:visited,
.lienTelechargerMesFichier:hover,
.lienTelechargerAjouterDestinatairesMesFichiers:link,
.lienTelechargerAjouterDestinatairesMesFichiers:visited,
.lienTelechargerAjouterDestinatairesMesFichiers:hover,
.lienEnvoyerMesFichiers:link,
.lienEnvoyerMesFichiers:visited,
.lienEnvoyerMesFichiers:hover,
.lienOpenPopupMessage:link,
.lienOpenPopupMessage:visited,
.lienOpenPopupFichiers:link,
.lienOpenPopupFichiers:visited,
.lienOpenPopupFichiers:hover,
.lienCancelUploadFlash:link,
.lienCancelUploadFlash:visited,
.lienCancelUploadFlash:hover,
.lienCancelUploadJs:link,
.lienCancelUploadJs:visited,
.lienCancelUploadJs:hover {
    font-size: 11px;
    color: #424343;
    text-decoration: none;
}

.lienOpenPopupMessage:hover {
    color: #fff;
}

.addContactEnvoyerHover:link,
.addContactEnvoyerHover:visited,
.addContactEnvoyerHover:hover,
.lienButtonAjouteFichierEtape1Hover:link,
.lienButtonAjouteFichierEtape1Hover:visited,
.lienButtonAjouteFichierEtape1Hover:hover,
.modifierEnvoiFichierHover:link,
.modifierEnvoiFichierHover:visited,
.modifierEnvoiFichierHover:hover,
.modifierEnvoiContactHover:link,
.modifierEnvoiContactHover:visited,
.modifierEnvoiContactHover:hover,
.modifierEnvoiMessageHover:link,
.modifierEnvoiMessageHover:visited,
.modifierEnvoiMessageHover:hover,
.lienAjouterContactHover:link,
.lienAjouterContactHover:visited,
.lienAjouterContactHover:hover,
.lienModifierContactHover:link,
.lienModifierContactHover:visited,
.lienModifierContactHover:hover,
.lienImporterContactHover:link,
.lienImporterContactHover:visited,
.lienImporterContactHover:hover,
.lienCreerGroupeHover:link,
.lienCreerGroupeHover:visited,
.lienCreerGroupeHover:hover,
.lienTelechargerMesFichierHover:link,
.lienTelechargerMesFichierHover:visited,
.lienTelechargerMesFichierHover:hover,
.lienTelechargerAjouterDestinatairesMesFichiersHover:link,
.lienTelechargerAjouterDestinatairesMesFichiersHover:visited,
.lienTelechargerAjouterDestinatairesMesFichiersHover:hover,
.lienEnvoyerMesFichiersHover:link,
.lienEnvoyerMesFichiersHover:visited,
.lienEnvoyerMesFichiersHover:hover,
.lienOpenPopupMessageHover:link,
.lienOpenPopupMessageHover:visited,
.lienOpenPopupMessageHover:hover,
.lienOpenPopupFichiersHover:link,
.lienOpenPopupFichiersHover:visited,
.lienOpenPopupFichiersHover:hover,
.lienCancelUploadFlashHover:link,
.lienCancelUploadFlashHover:visited,
.lienCancelUploadFlashHover:hover,
.lienCancelUploadJsHover:link,
.lienCancelUploadJsHover:visited,
.lienCancelUploadJsHover:hover {
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}

.lienEnvoi:link,
.lienEnvoi:visited,
.lienEnvoi:hover {
    font-size: 24px;
    color: #424343;
    text-decoration: none;
}

.lienEnvoiHover:link,
.lienEnvoiHover:visited,
.lienEnvoiHover:hover {
    font-size: 24px;
    color: #FCCA1A;
    text-decoration: none;
}

#popUpBox {
    position: absolute;
    margin: 0;
    padding: 0;
}

#applet_java {
    clear: left;
    position: relative;
    float: left;
    width: 100%;
}

.lien_etape1:link,
.lien_etape1:visited,
.lien_etape1:hover {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.lien_etape1_inactive:link,
.lien_etape1_inactive:visited,
.lien_etape1_inactive:hover {
    font-size: 14px;
    color: #B8B8B8;
    text-decoration: none;
}

.lien_etape2:link,
.lien_etape2:visited,
.lien_etape2:hover {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.lien_etape2_inactive:link,
.lien_etape2_inactive:visited,
.lien_etape2_inactive:hover {
    font-size: 14px;
    color: #B8B8B8;
    text-decoration: none;
}

.contactSms {
    width: 75px;
}

#logBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 100px;
    border: 1px solid black;
    z-index: 300;
    margin-left: 744px;
    margin-top: 94px;
    background: #FDD039;
    display: none;
    padding: 4px;
}

#errorLog {
    text-align: center;
}

#logBox p {
    margin-bottom: 3px;
}

#logBox .valider {
    margin-top: 10px;
    margin-left: 85px;
}

#logBox label {
    width: 85px;
    float: left;
}

#logBox imput {
    float: left;
}

.lienInfoLog:link,
.lienInfoLog:visited,
.lienInfoLog:hover {
    font-size: 11px;
    color: #424343;
}

.separation_ec,
bottomAide, #topAide {
    clear: left;
    position: relative;
    float: left;
    height: 45px;
    width: 100%;
}

#topAide {
    border-top: 1px solid #DEDDDE;
    background: #EFEFEF;
}

#containAide {
    clear: left;
    position: relative;
    float: left;
    width: 100%;
    background: #EFEFEF;
    height: 200px;
    font-size: 14px;
}

.titreAide {
    position: relative;
    float: left;
    width: 460px;
}

.contenuAide {
    clear: left;
    position: relative;
    float: left;
    height: 3px;
    width: 100%;
    background: #D1D0D1;
    margin-top: 3px;
}

.txtAide {
    clear: left;
    position: relative;
    float: left;
    height: 170px;
    width: 100%;
    overflow: auto;
    margin-top: 10px;
    font-size: 12px;
    text-align: justify;
}

#sepAide {
    position: relative;
    float: left;
    width: 60px;
}

#bottomAide {
    background: #EFEFEF;
}

#containDownload {
    width: 100%;
    text-align: center;
}

#check_notification,
#check_password {
    background: #FFFFFF;
    border: 0px;
    width: 13px;
    height: 13px;
}

#tableauContainSms {
    width: 100%;
    height: 75px;
    overflow: auto;
}

#containMenu {
    position: relative;
    float: left;
    width: 980px;
}

#optionPasswordSms {
    display: none;
}

#optionPasswordSmsCrypt {
    display: none;
}

#tableauOptionSmsContain {
    width: 100%;
    height: 70px;
    overflow: auto;
}

#divContenuOptionCopie {
    clear: left;
    position: relative;
    float: left;
}

#libOptionCopie {
    position: relative;
    float: left;
    padding-left: 5px;
}

#bloc_gestionFichier {
    margin-top: 15px;
    margin-bottom: 15px;
}

#swfupload {
    width: 100%;
}

#uploadFlash, uploadCgi {
    width: 100%;
    display: none;
    padding-left: 156px;
    padding-top: 6px;
}

@media screen and (min-width: 1024px) {
    #uploadFlash, uploadCgi {
        padding-left: 15px;
    }
}

@media screen and (min-width: 1100px) {
    #uploadFlash, uploadCgi {
        padding-left: 77px;
    }
}

@media screen and (min-width: 1150px) {
    #uploadFlash, uploadCgi {
        padding-left: 95px;
    }
}

@media screen and (min-width: 1200px) {
    #uploadFlash, uploadCgi {
        padding-left: 128px;
    }
}

@media screen and (min-width: 1250px) {
    #uploadFlash, uploadCgi {
        padding-left: 143px;
    }
}

@media screen and (min-width: 1275px) {
    #uploadFlash, uploadCgi {
        padding-left: 156px;
    }
}

@media screen and (min-width: 1300px) {
    #uploadFlash, uploadCgi {
        padding-left: 167px;
    }
}

@media screen and (min-width: 1325px) {
    #uploadFlash, uploadCgi {
        padding-left: 179px;
    }
}

@media screen and (min-width: 1350px) {
    #uploadFlash, uploadCgi {
        padding-left: 203px;
    }
}

@media screen and (min-width: 1375px) {
    #uploadFlash, uploadCgi {
        padding-left: 205px;
    }
}

@media screen and (min-width: 1400px) {
    #uploadFlash, uploadCgi {
        padding-left: 221px;
    }
}

@media screen and (min-width: 1425px) {
    #uploadFlash, uploadCgi {
        padding-left: 232px;
    }
}

@media screen and (min-width: 1450px) {
    #uploadFlash, uploadCgi {
        padding-left: 246px;
    }
}

@media screen and (min-width: 1475px) {
    #uploadFlash, uploadCgi {
        padding-left: 253px;
    }
}

@media screen and (min-width: 1500px) {
    #uploadFlash, uploadCgi {
        padding-left: 269px;
    }
}

@media screen and (min-width: 1525px) {
    #uploadFlash, uploadCgi {
        padding-left: 280px;
    }
}

@media screen and (min-width: 1550px) {
    #uploadFlash, uploadCgi {
        padding-left: 302px;
    }
}

@media screen and (min-width: 1600px) {
    #uploadFlash, uploadCgi {
        padding-left: 325px;
    }
}

@media screen and (min-width: 1625px) {
    #uploadFlash, uploadCgi {
        padding-left: 331px;
    }
}

@media screen and (min-width: 1650px) {
    #uploadFlash, uploadCgi {
        padding-left: 340px;
    }
}

@media screen and (min-width: 1675px) {
    #uploadFlash, uploadCgi {
        padding-left: 356px;
    }
}

@media screen and (min-width: 1700px) {
    #uploadFlash, uploadCgi {
        padding-left: 366px;
    }
}

@media screen and (min-width: 1725px) {
    #uploadFlash, uploadCgi {
        padding-left: 382px;
    }
}

@media screen and (min-width: 1750px) {
    #uploadFlash, uploadCgi {
        padding-left: 393px;
    }
}

@media screen and (min-width: 1775px) {
    #uploadFlash, uploadCgi {
        padding-left: 404px;
    }
}

@media screen and (min-width: 1800px) {
    #uploadFlash, uploadCgi {
        padding-left: 418px;
    }
}

@media screen and (min-width: 1825px) {
    #uploadFlash, uploadCgi {
        padding-left: 431px;
    }
}

@media screen and (min-width: 1850px) {
    #uploadFlash, uploadCgi {
        padding-left: 446px;
    }
}

@media screen and (min-width: 1875px) {
    #uploadFlash, uploadCgi {
        padding-left: 452px;
    }
}

@media screen and (min-width: 1900px) {
    #uploadFlash, uploadCgi {
        padding-left: 467px;
    }
}

@media screen and (min-width: 1925px) {
    #uploadFlash, uploadCgi {
        padding-left: 481px;
    }
}

@media screen and (min-width: 1950px) {
    #uploadFlash, uploadCgi {
        padding-left: 491px;
    }
}

@media screen and (min-width: 1975px) {
    #uploadFlash, uploadCgi {
        padding-left: 504px;
    }
}

@media screen and (min-width: 2000px) {
    #uploadFlash, uploadCgi {
        padding-left: 518px;
    }
}

@media screen and (min-width: 2025px) {
    #uploadFlash, uploadCgi {
        padding-left: 530px;
    }
}

@media screen and (min-width: 2050px) {
    #uploadFlash, uploadCgi {
        padding-left: 544px;
    }
}

@media screen and (min-width: 2075px) {
    #uploadFlash, uploadCgi {
        padding-left: 555px;
    }
}

@media screen and (min-width: 2125px) {
    #uploadFlash, uploadCgi {
        padding-left: 579px;
    }
}

@media screen and (min-width: 2150px) {
    #uploadFlash, uploadCgi {
        padding-left: 592px;
    }
}

@media screen and (min-width: 2175px) {
    #uploadFlash, uploadCgi {
        padding-left: 606px;
    }
}

@media screen and (min-width: 2200px) {
    #uploadFlash, uploadCgi {
        padding-left: 615px;
    }
}

@media screen and (min-width: 2225px) {
    #uploadFlash, uploadCgi {
        padding-left: 628px;
    }
}

@media screen and (min-width: 2250px) {
    #uploadFlash, uploadCgi {
        padding-left: 641px;
    }
}

@media screen and (min-width: 2275px) {
    #uploadFlash, uploadCgi {
        padding-left: 654px;
    }
}

@media screen and (min-width: 2300px) {
    #uploadFlash, uploadCgi {
        padding-left: 660px;
    }
}

@media screen and (min-width: 2325px) {
    #uploadFlash, uploadCgi {
        padding-left: 678px;
    }
}

@media screen and (min-width: 2350px) {
    #uploadFlash, uploadCgi {
        padding-left: 695px;
    }
}

@media screen and (min-width: 2375px) {
    #uploadFlash, uploadCgi {
        padding-left: 701px;
    }
}

@media screen and (min-width: 2400px) {
    #uploadFlash, uploadCgi {
        padding-left: 716px;
    }
}

@media screen and (min-width: 2425px) {
    #uploadFlash, uploadCgi {
        padding-left: 727px;
    }
}

@media screen and (min-width: 2450px) {
    #uploadFlash, uploadCgi {
        padding-left: 742px;
    }
}

@media screen and (min-width: 2475px) {
    #uploadFlash, uploadCgi {
        padding-left: 752px;
    }
}

@media screen and (min-width: 2500px) {
    #uploadFlash, uploadCgi {
        padding-left: 765px;
    }
}

@media screen and (min-width: 2525px) {
    #uploadFlash, uploadCgi {
        padding-left: 778px;
    }
}

@media screen and (min-width: 2550px) {
    #uploadFlash, uploadCgi {
        padding-left: 790px;
    }
}

#divEnvoiFichier .bloc_title {
    margin-bottom: 5px;
}

#divEnvoiFichier .bloc_title2 {
    margin-bottom: 10px;
}

#bloc_optionSupp input[type="checkbox"] {
    margin-right: 5px;
}

.texte_bleu_gras_14 {
    color: #395587;
    font-size: 14px;
    font-weight: bold;
}

#divEnvoiFichier, #bloc_destinataire, #bloc_option_supp, #bloc_credit {
    width: 100%;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
}

#divCancelUploadJs {
    color: #ffffff !important;
}

#divEnvoiFichier {
    width: 462px;
    background-color: #fff9e7;
    padding-bottom: 10px;
    height: 223px;
}

.publicInternetExplorer.ie8 #divEnvoiFichier {
    height: 237px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .publicInternetExplorer10 #divEnvoiFichier {
        width: 370px;
    }

    .publicInternetExplorer11 #divEnvoiFichier {
        width: 370px;
    }

    #divEnvoiFichier {
        width: 370px;
    }
}

@media screen and (min-width: 1024px) {
    #divEnvoiFichier {
        width: 324px;
    }
}

@media screen and (min-width: 1075px) {
    #divEnvoiFichier {
        width: 342px;
    }
}

@media screen and (min-width: 1100px) {
    #divEnvoiFichier {
        width: 351px;
    }
}

@media screen and (min-width: 1125px) {
    #divEnvoiFichier {
        width: 360px;
    }
}

@media screen and (min-width: 1150px) {
    #divEnvoiFichier {
        width: 369px;
    }
}

@media screen and (min-width: 1175px) {
    #divEnvoiFichier {
        width: 377px;
    }
}

@media screen and (min-width: 1200px) {
    #divEnvoiFichier {
        width: 432px;
    }
}

@media screen and (min-width: 1225px) {
    #divEnvoiFichier {
        width: 441px;
    }
}

@media screen and (min-width: 1250px) {
    #divEnvoiFichier {
        width: 449px;
    }
}

@media screen and (min-width: 1275px) {
    #divEnvoiFichier {
        width: 459px;
    }
}

@media screen and (min-width: 1300px) {
    #divEnvoiFichier {
        width: 470px;
    }
}

@media screen and (min-width: 1325px) {
    #divEnvoiFichier {
        width: 499px;
    }
}

@media screen and (min-width: 1350px) {
    #divEnvoiFichier {
        width: 532px;
    }
}

@media screen and (min-width: 1375px) {
    #divEnvoiFichier {
        width: 556px;
    }
}

@media screen and (min-width: 1400px) {
    #divEnvoiFichier {
        width: 569px;
    }
}

@media screen and (min-width: 1425px) {
    #divEnvoiFichier {
        width: 590px;
    }
}

@media screen and (min-width: 1450px) {
    #divEnvoiFichier {
        width: 612px;
    }
}

@media screen and (min-width: 1475px) {
    #divEnvoiFichier {
        width: 628px;
    }
}

@media screen and (min-width: 1500px) {
    #divEnvoiFichier {
        width: 632px;
    }
}

@media screen and (min-width: 1525px) {
    #divEnvoiFichier {
        width: 648px;
    }
}

@media screen and (min-width: 1550px) {
    #divEnvoiFichier {
        width: 661px;
    }
}

@media screen and (min-width: 1575px) {
    #divEnvoiFichier {
        width: 679px;
    }
}

@media screen and (min-width: 1600px) {
    #divEnvoiFichier {
        width: 698px;
    }
}

@media screen and (min-width: 1625px) {
    #divEnvoiFichier {
        width: 708px;
    }
}

@media screen and (min-width: 1650px) {
    #divEnvoiFichier {
        width: 728px;
    }
}

@media screen and (min-width: 1675px) {
    #divEnvoiFichier {
        width: 749px;
    }
}

@media screen and (min-width: 1700px) {
    #divEnvoiFichier {
        width: 760px;
    }
}

@media screen and (min-width: 1725px) {
    #divEnvoiFichier {
        width: 780px;
    }
}

@media screen and (min-width: 1750px) {
    #divEnvoiFichier {
        width: 811px;
    }
}

@media screen and (min-width: 1800px) {
    #divEnvoiFichier {
        width: 795px;
    }
}

@media screen and (min-width: 1825px) {
    #divEnvoiFichier {
        width: 808px;
    }
}

@media screen and (min-width: 1850px) {
    #divEnvoiFichier {
        width: 827px;
    }
}

@media screen and (min-width: 1875px) {
    #divEnvoiFichier {
        width: 837px;
    }
}

@media screen and (min-width: 1900px) {
    #divEnvoiFichier {
        width: 858px;
    }
}

@media screen and (min-width: 1925px) {
    #divEnvoiFichier {
        width: 871px;
    }
}

@media screen and (min-width: 1950px) {
    #divEnvoiFichier {
        width: 888px;
    }
}

@media screen and (min-width: 1975px) {
    #divEnvoiFichier {
        width: 903px;
    }
}

@media screen and (min-width: 2000px) {
    #divEnvoiFichier {
        width: 878px;
    }
}

@media screen and (min-width: 2025px) {
    #divEnvoiFichier {
        width: 892px;
    }
}

@media screen and (min-width: 2050px) {
    #divEnvoiFichier {
        width: 910px;
    }
}

@media screen and (min-width: 2075px) {
    #divEnvoiFichier {
        width: 925px;
    }
}

@media screen and (min-width: 2100px) {
    #divEnvoiFichier {
        width: 942px;
    }
}

@media screen and (min-width: 2125px) {
    #divEnvoiFichier {
        width: 958px;
    }
}

@media screen and (min-width: 2150px) {
    #divEnvoiFichier {
        width: 976px;
    }
}

@media screen and (min-width: 2175px) {
    #divEnvoiFichier {
        width: 988px;
    }
}

@media screen and (min-width: 2200px) {
    #divEnvoiFichier {
        width: 1004px;
    }
}

@media screen and (min-width: 2225px) {
    #divEnvoiFichier {
        width: 1021px;
    }
}

@media screen and (min-width: 2250px) {
    #divEnvoiFichier {
        width: 1033px;
    }
}

@media screen and (min-width: 2275px) {
    #divEnvoiFichier {
        width: 1050px;
    }
}

@media screen and (min-width: 2300px) {
    #divEnvoiFichier {
        width: 1061px;
    }
}

@media screen and (min-width: 2325px) {
    #divEnvoiFichier {
        width: 1080px;
    }
}

@media screen and (min-width: 2350px) {
    #divEnvoiFichier {
        width: 1095px;
    }
}

@media screen and (min-width: 2375px) {
    #divEnvoiFichier {
        width: 1115px;
    }
}

@media screen and (min-width: 2400px) {
    #divEnvoiFichier {
        width: 1127px;
    }
}

@media screen and (min-width: 2425px) {
    #divEnvoiFichier {
        width: 1144px;
    }
}

@media screen and (min-width: 2450px) {
    #divEnvoiFichier {
        width: 1155px;
    }
}

@media screen and (min-width: 2475px) {
    #divEnvoiFichier {
        width: 1175px;
    }
}

@media screen and (min-width: 2500px) {
    #divEnvoiFichier {
        width: 1190px;
    }
}

@media screen and (min-width: 2525px) {
    #divEnvoiFichier {
        width: 1203px;
    }
}


@media screen and (min-width: 2550px) {
    #divEnvoiFichier {
        width: 1216px;
    }
}

#divEnvoiFichier.internetExplorer {
    width: 99% !important;
}

#bloc_destinataire {
    padding-left: 156px;
    width: 306px;
    background-color: #fff9e7;
    height: auto;
    min-height: 320px;
    padding-bottom: 15px;
}

.publicInternetExplorer11 #bloc_destinataire {
    min-height: 525px;
}

.publicInternetExplorer.ie8 #bloc_destinataire {
    padding-left: 20px;
    min-height: 485px !important;
}

@media screen and (max-width: 1024px) {
    .publicInternetExplorer10 #bloc_destinataire {
        padding-left: 64px;
    }

    .publicInternetExplorer11 #bloc_destinataire {
        padding-left: 64px;
    }

    #bloc_destinataire {
        padding-left: 64px;
    }
}

@media screen and (min-width: 1024px) {
    #bloc_destinataire {
        padding-left: 15px;
    }
}

@media screen and (min-width: 1075px) {
    #bloc_destinataire {
        width: 327px;
    }
}

@media screen and (min-width: 1100px) {
    #bloc_destinataire {
        width: 273px;
        padding-left: 77px;
    }
}

@media screen and (min-width: 1125px) {
    #bloc_destinataire {
        width: 283px;
        padding-left: 77px;
    }
}

@media screen and (min-width: 1150px) {
    #bloc_destinataire {
        width: 273px;
        padding-left: 95px;
    }
}

@media screen and (min-width: 1175px) {
    #bloc_destinataire {
        width: 281px;
        padding-left: 95px;
    }
}

@media screen and (min-width: 1200px) {
    #bloc_destinataire {
        width: 303px;
        padding-left: 128px;
    }
}

@media screen and (min-width: 1225px) {
    #bloc_destinataire {
        width: 313px;
        padding-left: 128px;
    }
}

@media screen and (min-width: 1250px) {
    #bloc_destinataire {
        width: 303px;
        padding-left: 145px;
    }
}

@media screen and (min-width: 1275px) {
    #bloc_destinataire {
        width: 303px;
        padding-left: 156px;
    }
}

@media screen and (min-width: 1300px) {
    #bloc_destinataire {
        width: 303px;
        padding-left: 168px;
    }
}

@media screen and (min-width: 1325px) {
    #bloc_destinataire {
        width: 312px;
        padding-left: 179px;
    }
}

@media screen and (min-width: 1350px) {
    #bloc_destinataire {
        width: 327px;
        padding-left: 206px;
    }
}

@media screen and (min-width: 1375px) {
    #bloc_destinataire {
        width: 351px;
        padding-left: 206px;
    }
}

@media screen and (min-width: 1400px) {
    #bloc_destinataire {
        width: 347px;
        padding-left: 221px;
    }
}

@media screen and (min-width: 1425px) {
    #bloc_destinataire {
        width: 344px;
        padding-left: 246px;
    }
}

@media screen and (min-width: 1450px) {
    #bloc_destinataire {
        width: 359px;
        padding-left: 253px;
    }
}

@media screen and (min-width: 1475px) {
    #bloc_destinataire {
        width: 375px;
        padding-left: 253px;
    }
}

@media screen and (min-width: 1500px) {
    #bloc_destinataire {
        width: 363px;
        padding-left: 269px;
    }
}

@media screen and (min-width: 1525px) {
    #bloc_destinataire {
        width: 367px;
        padding-left: 280px;
    }
}

@media screen and (min-width: 1550px) {
    #bloc_destinataire {
        width: 370px;
        padding-left: 291px;
    }
}

@media screen and (min-width: 1575px) {
    #bloc_destinataire {
        width: 377px;
        padding-left: 302px;
    }
}

@media screen and (min-width: 1600px) {
    #bloc_destinataire {
        width: 373px;
        padding-left: 325px;
    }
}

@media screen and (min-width: 1625px) {
    #bloc_destinataire {
        width: 377px;
        padding-left: 332px;
    }
}

@media screen and (min-width: 1650px) {
    #bloc_destinataire {
        width: 387px;
        padding-left: 340px;
    }
}

@media screen and (min-width: 1675px) {
    #bloc_destinataire {
        width: 393px;
        padding-left: 356px;
    }
}

@media screen and (min-width: 1700px) {
    #bloc_destinataire {
        width: 393px;
        padding-left: 366px;
    }
}

@media screen and (min-width: 1725px) {
    #bloc_destinataire {
        width: 398px;
        padding-left: 382px;
    }
}

@media screen and (min-width: 1750px) {
    #bloc_destinataire {
        width: 405px;
        padding-left: 393px;
    }
}

@media screen and (min-width: 1775px) {
    #bloc_destinataire {
        width: 406px;
        padding-left: 403px;
    }
}

@media screen and (min-width: 1800px) {
    #bloc_destinataire {
        width: 377px;
        padding-left: 418px;
    }
}

@media screen and (min-width: 1825px) {
    #bloc_destinataire {
        width: 377px;
        padding-left: 432px;
    }
}

@media screen and (min-width: 1850px) {
    #bloc_destinataire {
        width: 382px;
        padding-left: 445px;
    }
}

@media screen and (min-width: 1875px) {
    #bloc_destinataire {
        width: 383px;
        padding-left: 453px;
    }
}

@media screen and (min-width: 1900px) {
    #bloc_destinataire {
        width: 391px;
        padding-left: 466px;
    }
}

@media screen and (min-width: 1925px) {
    #bloc_destinataire {
        width: 391px;
        padding-left: 481px;
    }
}

@media screen and (min-width: 1950px) {
    #bloc_destinataire {
        width: 396px;
        padding-left: 491px;
    }
}

@media screen and (min-width: 1975px) {
    #bloc_destinataire {
        width: 399px;
        padding-left: 504px;
    }
}

@media screen and (min-width: 2000px) {
    #bloc_destinataire {
        width: 361px;
        padding-left: 520px;
    }
}

@media screen and (min-width: 2025px) {
    #bloc_destinataire {
        width: 361px;
        padding-left: 531px;
    }
}

@media screen and (min-width: 2050px) {
    #bloc_destinataire {
        width: 366px;
        padding-left: 543px;
    }
}

@media screen and (min-width: 2075px) {
    #bloc_destinataire {
        width: 369px;
        padding-left: 556px;
    }
}

@media screen and (min-width: 2100px) {
    #bloc_destinataire {
        width: 375px;
        padding-left: 567px;
    }
}

@media screen and (min-width: 2125px) {
    #bloc_destinataire {
        width: 378px;
        padding-left: 579px;
    }
}

@media screen and (min-width: 2150px) {
    #bloc_destinataire {
        width: 383px;
        padding-left: 592px;
    }
}

@media screen and (min-width: 2175px) {
    #bloc_destinataire {
        width: 380px;
        padding-left: 607px;
    }
}

@media screen and (min-width: 2200px) {
    #bloc_destinataire {
        width: 388px;
        padding-left: 615px;
    }
}

@media screen and (min-width: 2225px) {
    #bloc_destinataire {
        width: 394px;
        padding-left: 627px;
    }
}

@media screen and (min-width: 2250px) {
    #bloc_destinataire {
        width: 391px;
        padding-left: 642px;
    }
}

@media screen and (min-width: 2275px) {
    #bloc_destinataire {
        width: 396px;
        padding-left: 654px;
    }
}

@media screen and (min-width: 2300px) {
    #bloc_destinataire {
        width: 403px;
        padding-left: 659px;
    }
}

@media screen and (min-width: 2325px) {
    #bloc_destinataire {
        width: 403px;
        padding-left: 677px;
    }
}

@media screen and (min-width: 2350px) {
    #bloc_destinataire {
        width: 400px;
        padding-left: 696px;
    }
}

@media screen and (min-width: 2375px) {
    #bloc_destinataire {
        width: 414px;
        padding-left: 701px;
    }
}

@media screen and (min-width: 2400px) {
    #bloc_destinataire {
        width: 411px;
        padding-left: 716px;
    }
}

@media screen and (min-width: 2425px) {
    #bloc_destinataire {
        width: 417px;
        padding-left: 726px;
    }
}

@media screen and (min-width: 2450px) {
    #bloc_destinataire {
        width: 413px;
        padding-left: 742px;
    }
}

@media screen and (min-width: 2475px) {
    #bloc_destinataire {
        width: 422px;
        padding-left: 753px;
    }
}

@media screen and (min-width: 2500px) {
    #bloc_destinataire {
        width: 423px;
        padding-left: 766px;
    }
}

@media screen and (min-width: 2525px) {
    #bloc_destinataire {
        width: 424px;
        padding-left: 779px;
    }
}

@media screen and (min-width: 2550px) {
    #bloc_destinataire {
        width: 424px;
        padding-left: 790px;
    }
}

#bloc_destinataire.internetExplorer {
    width: 100%;
}

.publicInternetExplorer.ie8 #bloc_destinataire {
    width: 100%;
}

#upload_slots input {
    margin-right: 5px;
}

#destinataireSelectionneSimpleEnvoi {
    padding-left: 200px;
    width: 350px;
    height: 150px;
    overflow: auto;
}

#divLigneTabMesContactsSelectionnesSimpleEnvoiSimpleEnvoi {
    width: 100%;
    overflow: auto;
    height: 75px;
}

#search_destinataire,
#search_dropbox,
#search_partage {
    border: 1px solid #ffffff;
    clear: left;
    border-radius: 14px;
}

#errorDestinataire {
    color: red;
    display: none;
}

#uploadAttentePopup {
    z-index: 321;
    width: 500px;
    height: 200px;
    background-color: white;
    left: 596.5px;
    top: 170px;
    position: absolute;
}

#bloc_option_supp #libOptionSupplementaires {
    margin-top: 25px;
}

.testSwf {
    z-index: 321;
}

.parcourir_button {
}

#parcourir_fichiers {
    display: none;
    background-color: #ffffff;
}

#parcourir_fichiers #parcourir_fichiersTree {
    clear: both;
    margin-top: 5px
}

#parcourir_fichiers #pied {
    margin-top: 30px;
    margin-right: 10px;
    text-align: right;
}

#parcourir_fichiers #pied a {
    padding-right: 5px;
}

#div_tailleTotalFichiers {
    text-align: right;
    display: none;
    font-size: 13px;
    margin-right: 9px;
    margin-top: 15px;
    float: right;
}

#div_tailleTotalFichiers.modeinvite {
    margin-top: -18px;
}

@media screen and (min-width: 1024px) {
    #div_tailleTotalFichiers {
        margin-right: 14px;
    }
}

@media screen and (min-width: 1100px) {
    #div_tailleTotalFichiers {
        margin-right: 6px;
    }
}

@media screen and (min-width: 1200px) {
    #div_tailleTotalFichiers {
        margin-right: 8px;
    }
}

@media screen and (min-width: 1300px) {
    #div_tailleTotalFichiers {
        margin-right: 11px;
    }
}

@media screen and (min-width: 1325px) {
    #div_tailleTotalFichiers {
        margin-right: 20px;
    }
}

@media screen and (min-width: 1350px) {
    #div_tailleTotalFichiers {
        margin-right: 12px;
    }
}

@media screen and (min-width: 1425px) {
    #div_tailleTotalFichiers {
        margin-right: 11px;
    }
}

@media screen and (min-width: 1500px) {
    #div_tailleTotalFichiers {
        margin-right: 23px;
    }
}

@media screen and (min-width: 1525px) {
    #div_tailleTotalFichiers {
        margin-right: 25px;
    }
}

@media screen and (min-width: 1550px) {
    #div_tailleTotalFichiers {
        margin-right: 16px;
    }
}

@media screen and (min-width: 1700px) {
    #div_tailleTotalFichiers {
        margin-right: 18px;
    }
}

@media screen and (min-width: 1750px) {
    #div_tailleTotalFichiers {
        margin-right: 29px;
    }
}

@media screen and (min-width: 1775px) {
    #div_tailleTotalFichiers {
        margin-right: 19px;
    }
}

@media screen and (min-width: 1800px) {
    #div_tailleTotalFichiers {
        margin-right: 24px;
    }
}

@media screen and (min-width: 1900px) {
    #div_tailleTotalFichiers {
        margin-right: 19px;
    }
}

@media screen and (min-width: 1925px) {
    #div_tailleTotalFichiers {
        margin-right: 15px;
    }
}

@media screen and (min-width: 1950px) {
    #div_tailleTotalFichiers {
        margin-right: 18px;
    }
}

@media screen and (min-width: 2000px) {
    #div_tailleTotalFichiers {
        margin-right: 13px;
    }
}

@media screen and (min-width: 2025px) {
    #div_tailleTotalFichiers {
        margin-right: 15px;
    }
}

@media screen and (min-width: 2050px) {
    #div_tailleTotalFichiers {
        margin-right: 18px;
    }
}

@media screen and (min-width: 2425px) {
    #div_tailleTotalFichiers {
        margin-right: 20px;
    }
}

#spanButtonPlaceholder1 {
    cursor: pointer;
}

#recapListeFichier {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    margin-left: 21px;
}

#div_upload {
    position: relative;
    float: left;
    width: 493px;
    display: none;
}

#uploadAreaFinish {
    position: relative;
    float: left;
    width: 493px;
    height: 235px;
    background: url("images/enveloppe_envoi_fait.jpg") no-repeat;
    display: none;
}

#div_infos_upload_finish {
    position: relative;
    float: left;
    margin-top: 130px;
    margin-left: 25px;
    width: 375px;
}

#uploadArea {
    position: relative;
    float: left;
    width: 493px;
    height: 235px;
    background: url("images/enveloppe_upload.jpg");
}

#div_infos_upload {
    position: relative;
    float: left;
    margin-top: 105px;
    margin-left: 20px;
    width: 375px;
}

#uploadAreaFinish2 {
    width: 589px !important;
    background-color: #ffcc33;
    display: none;
    margin-top: 65px;
    padding: 0em 1em;
}

#uploadAreaFinish2 #recapListeFichier .title {
    margin-bottom: 10px;
    font-size: 20px;
    /* text-transform: uppercase; */
    font-size: 24px;
    text-align: center;
}

#uploadAreaFinish2 #recapListeFichier ul {
    list-style-type: none;
    text-align: center;
}

#uploadAreaFinish2 #recapListeFichier li {
}

.ul_recapFichierVirus {
    color: red !important;
}

#recapListeFichierVirus {
    margin-bottom: 30px;
    padding-left: 22px;
}

#uploadAreaFinish2Milieu {
    background-color: #ffffff;
    width: 560px;
    display: grid;
    background-color: white;
    margin-left: 19px;
    margin-bottom: 38px;
    font-size: 14px;
}

#ui-dialog-title-uploadAreaFinish2 {
    text-transform: uppercase;
    color: #6d6e71;
    /*margin-top:46px;*/
    font-size: 26px;
    text-align: center;
    margin-left: 115px;
}

#uploadAreaFinish2Milieu #termineMessage {
    width: 300px;
    position: relative;
    top: -28px;
    left: 22px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase
}

#uploadAreaTransfert_message {
    width: 427px;
    font-size: 14px;
}

#uploadAreaTransfert {
    width: 520px !important;
    display: none;
    margin-top: 65px;
    padding: 0em 1em;
}

#uploadAreaTransfert #recapTransfert {
    width: 444px;
    font-size: 14px;
}

#uploadAreaTransfert #recapListeFichier .title {
    margin-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
    font-size: 24px;
}

#uploadAreaTransfert #recapListeFichier ul {
    list-style-type: none;
}

#uploadAreaTransfert #recapListeFichier li {
}

#uploadAreaTransfert_erreur_message {
    color: rgb(194, 5, 5);
}

#uploadAreaTransfertMilieu {
    background-color: #ffffff;
    width: 454px;
    background-color: white;
    margin-left: 19px;
    margin-bottom: 38px;
    font-size: 16px;
}

#ui-dialog-title-uploadAreaTransfert {
    text-transform: uppercase;
    color: #6d6e71;
    margin-top: 46px;
    font-size: 26px;
}

#uploadAreaTransfertMilieu #termineMessage {
    width: 300px;
    position: relative;
    top: -28px;
    left: 22px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase
}

#div_infos_upload_finish2 {
    margin-left: 95px;
    width: 365px;
    padding-top: 4px;
    padding-left: 4px;
    position: relative;
    top: -8px;
    padding-top: 20px;
    padding-bottom: 27px;
    padding-left: 15px;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    font-weight: bold;
    color: #6d6e71;
}

#div_infos_upload_Transfert {
    width: 491px;
    padding-top: 4px;
    padding-left: 4px;
    position: relative;
    top: -8px;
    padding-top: 20px;
    padding-bottom: 27px;
    padding-left: 15px;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    font-weight: bold;
    color: #6d6e71;
}

.mesContactsFile {
    margin-top: -2.5px;
}

.inviterBouton {
    margin-top: 10px;
}

#openPopupMesContacts a, #bouttonVerifier, .inviter {
    background-position: 0px 0px;
    height: 23px;
    padding-top: 2px;
    position: relative;
    text-align: center;
    width: 110px;
    cursor: pointer;
    display: block;
    margin-right: 14px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 21px;
    color: #7C7B79;
}

.publicInternetExplorer.ie8 #openPopupMesContacts a.lienOpenPopupMessage {
    margin-right: 61px !important;
}

.publicInternetExplorer10 #openPopupMesContacts a, #bouttonVerifier, .inviter {
    font-size: 12.5px;
}

@media screen and (min-width: 1100px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 6px;
    }
}

@media screen and (min-width: 1175px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 9px;
    }
}

@media screen and (min-width: 1200px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 6px;
    }
}

@media screen and (min-width: 1300px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 12px;
    }
}

@media screen and (min-width: 1375px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 14px;
    }
}

@media screen and (min-width: 1400px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 10px;
    }
}

@media screen and (min-width: 1550px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 15px;
    }
}

@media screen and (min-width: 1800px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 24px;
    }
}

@media screen and (min-width: 1900px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 16px;
    }
}

@media screen and (min-width: 2000px) and (max-width: 2024px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 14px;
    }
}

@media screen and (min-width: 2025px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 15px;
    }
}

@media screen and (min-width: 2375px) {
    #openPopupMesContacts a, #bouttonVerifier {
        margin-right: 17px;
    }
}

#openPopupMesContacts a:hover, #bouttonVerifier:hover, .inviter:hover {
    background-color: #9d9e9e;
    width: 110px;
    height: 23px;
    text-align: center;
    padding-top: 2px;
    line-height: 21px;
    display: block;
    color: white;
}

.publicInternetExplorer.ie8 #openPopupFichiers {
    font-size: 12px;
}

#openPopupFichiers {
    background-position: 0px 0px;
    height: 23px;
    padding-top: 2px;
    position: relative;
    text-align: center;
    width: 90px;
    cursor: pointer;
    display: block;
    margin-right: 8px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    color: #7C7B79;
}

#mTemplate.nl #openPopupFichiers {
    width: 100px;
}

#openPopupFichiers:hover {
    background-color: #9d9e9e;
    height: 23px;
    text-align: center;
    padding-top: 2px;
    line-height: 21px;
    display: block;
    color: white;
}

.publicInternetExplorer.ie8 .openDownloadFichiersJs {
    font-size: 12px;
}

.publicInternetExplorer.ie8 .lienCancelUploadJs {
    font-size: 12px;
}

.openDownloadFichiersJs {
    background-position: 0px 0px;
    height: 23px;
    padding-top: 2px;
    position: relative;
    text-align: center;
    width: 80px;
    cursor: pointer;
    display: block;
    margin-right: 8px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 21px;
    color: #7C7B79;
}

#mTemplate.nl .openDownloadFichiersJs {
    width: 94px;
}

.openDownloadFichiersJsHover {
    background-position: 0px 0px;
    position: relative;
    width: 80px;
    cursor: pointer;
    margin-right: 8px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    border-radius: 4px;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    text-transform: uppercase;
    font-size: 14.5px;
    background-color: #9d9e9e;
    height: 23px;
    text-align: center;
    padding-top: 2px;
    line-height: 21px;
    display: block;
    color: white;
}

.publicInternetExplorer.ie8 .openDownloadFichiersJsHover {
    font-size: 12px;
    font-weight: bold;
}

.publicInternetExplorer10 #lienCancelUpload,
.publicInternetExplorer10 #lienCancelUploadMesFichiers,
.publicInternetExplorer10 #lienCancelUploadJs,
.publicInternetExplorer10 #lienCancelUploadJsMesFichiers {
    font-size: 12.5px;
}

#lienCancelUploadMesFichiers,
#lienCancelUploadJsMesFichiers {
    background-color: #9d9e9e;
    height: 23px;
    text-align: center;
    padding-top: 2px;
    line-height: 21px;
    display: block;
    color: white;
}

#lienCancelUpload:hover,
#lienCancelUploadMesFichiers:hover,
#lienCancelUploadMesFichiers:hover,
#lienCancelUploadMesFichiers.disabled,
#lienCancelUploadJsMesFichiers:hover,
#lienCancelUploadJsMesFichiers.disabled {
    background-color: #9d9e9e;
    height: 23px;
    text-align: center;
    padding-top: 2px;
    line-height: 21px;
    display: block;
    color: white;
}

@media screen and (min-width: 1075px) {
    #lienCancelUploadJs {
        margin-right: 14px;
    }
}

@media screen and (min-width: 1100px) {
    #lienCancelUploadJs {
        margin-right: 7px;
    }
}

@media screen and (min-width: 1125px) {
    #lienCancelUploadJs {
        margin-right: 6px;
    }
}

@media screen and (min-width: 1150px) {
    #lienCancelUploadJs {
        margin-right: 10px;
    }
}

@media screen and (min-width: 1175px) {
    #lienCancelUploadJs {
        margin-right: 7px;
    }
}

@media screen and (min-width: 1200px) {
    #lienCancelUploadJs {
        margin-right: 11px;
    }
}

@media screen and (min-width: 1325px) and (max-width: 1349px) {
    #lienCancelUploadJs {
        margin-right: 20px;
    }
}

@media screen and (min-width: 1525px) and (max-width: 1549px) {
    #lienCancelUploadJs {
        margin-right: 11px;
    }
}

@media screen and (min-width: 1550px) {
    #lienCancelUploadJs {
        margin-right: 15px;
    }
}

@media screen and (min-width: 1750px) and (max-width: 1774px) {
    #lienCancelUploadJs {
        margin-right: 28px;
    }
}

@media screen and (min-width: 1775px) {
    #lienCancelUploadJs {
        margin-right: 17px;
    }
}

@media screen and (min-width: 1800px) {
    #lienCancelUploadJs {
        margin-right: 24px;
    }
}

@media screen and (min-width: 1900px) {
    #lienCancelUploadJs {
        margin-right: 17px;
    }
}

@media screen and (min-width: 2000px) {
    #lienCancelUploadJs {
        margin-right: 11px;
    }
}

@media screen and (min-width: 2025px) {
    #lienCancelUploadJs {
        margin-right: 15px;
    }
}

@media screen and (min-width: 2400px) {
    #lienCancelUploadJs {
        margin-right: 17px;
    }
}

@media screen and (min-width: 2425px) {
    #lienCancelUploadJs {
        margin-right: 18px;
    }
}

@media screen and (min-width: 2550px) {
    #lienCancelUploadJs {
        margin-right: 6px;
    }
}

#popup_mes_contacts a {
    text-decoration: none;
    color: #333333;
}

#popupMesContacts #filtre_contact {
    margin-top: 10px;
    margin-left: 20px;
}

#popupMesContacts #filtre_contact {
    font-size: 13px;
}

#popupMesContacts #filtre_contact a:hover {
    color: #FCCA1A;
}

#popupMesContacts #filtre_contact li .tous {
    padding-right: 35px;
}

#popupMesContacts #filtre_contact .tous {
    line-height: 15px;
    padding-right: 4px;
    padding-left: 1px;
}

#popupMesContacts #filtre_contact .tous.selected {
    background-color: #FFDD76;
}

#popupMesContacts #filtre_contact li {
    list-style-type: none;
    font-weight: bold;
    float: left;
    padding-right: 4px;
    padding-left: 1px;
}

#popupMesContacts #navigGauche {
    float: left;
    height: 350px;
    width: 180px;
    min-width: 180px;
    overflow: auto;
    margin-left: 58px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #848c94;
}

#popupMesContacts .goupeItem {
    width: 100%;
    overflow: hidden;
}

#popupMesContacts #navigCentre {
    float: left;
    width: 616px;
    margin-left: 16px;
}

#popupMesContacts #navigCentre #selectBar {
    height: 18px;
    padding-left: 3px;
    color: #6d6e71;
    float: left;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
}

#popupMesContacts #navigCentre #selectBar a:hover {
    color: #fed44a;
}

#popupMesContacts #navigCentre .contentTab {
    border: 1px solid #E6E6E6;
    height: 330px;
    overflow: auto;
    margin-bottom: 5px;
    width: 100%;
}

#popupMesContacts #pagerContact {
    float: right;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6d6e71;
}

#popup_attente_upload {
    display: none;
    width: 400px;
}

#popup_attente_upload .img_wait {
    text-align: center;
}

#envoi_haut_haut {
    background-image: url("images/haut_enveloppe_envoi_haut.jpg");
    background-repeat: no-repeat;
    height: 140px;
    width: 493px;
}

#envoi_haut_milieu {
    background-image: url("images/haut_enveloppe_envoi_milieu.jpg");
}

#envoi_haut_bas {
    width: 493px;
    height: 77px;
    background-image: url("images/haut_enveloppe_envoi_bas.jpg");
    background-repeat: no-repeat;
}

.barre_horizontale_option {
    clear: left;
    position: relative;
    float: left;
    width: 100%;
    background: none repeat scroll 0% 0% rgb(239, 239, 239);
    height: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cursor_pointer {
    cursor: pointer;
}

.cursorPointer {
    cursor: pointer;
}

.contactSms2 {
    width: 100px;
}

.warning {
    color: #cc0000;
}

#tableauContainSms2 {
    width: 100%;
    overflow: auto;
}

#SWFUpload_0:hover, open_popup_button:hover {
    cursor: pointer;
}

#open_popup_button {
    margin-right: 6px;
}

.indicatifPays {
    width: 40px;
}

#bloc_contact_navigation_haut {
    clear: both;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}

#popup_mes_contacts #bloc_contact_navigation_haut {
    margin-bottom: 10px;
    margin-left: 50px;
}

#bloc_contact_navigation_haut #filtre_contact,
#bloc_contact_navigation_haut #filtreAlphabetiqueContact {
    position: relative;
    margin-left: 5px;
/* display: none;*/
}

#bloc_contact_navigation_haut #filtre_contact span .tous, #bloc_contact_navigation_haut #filtreAlphabetiqueContact li .tous {
    margin-right: 35px;
    font-size: 14px;
}

#bloc_contact_navigation_haut #filtre_contact span, #bloc_contact_navigation_haut #filtreAlphabetiqueContact li {
    list-style-type: none;
    float: left;
    margin-right: 2px;
    font-size: 14px;
}

#bloc_contact_navigation_haut #filtre_contact span.tous {
    margin-left: 11px;
}

#bloc_contact_navigation_haut #filtre_contact span .activeLetter, #bloc_contact_navigation_haut #filtreAlphabetiqueContact li .activeLetter {
    color: #6d6e71;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    text-transform: uppercase;
    text-decoration: underline;
}

#bloc_contact_navigation_haut #filtre_contact a, #filtreAlphabetiqueContact a {
    text-decoration: none;
    padding-left: 3px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
}

#bloc_contact_navigation_haut #filtre_contact a:hover, #filtreAlphabetiqueContact a:hover {
    color: #FCCA1A;
}

.footerTab {
    background: none repeat scroll 0 0 #C6C6C6;
    font-size: 3px;
    height: 0;
    padding: 0;
}

#tabMesContacts, #tabAnnuaire, #tabPopupMesContacts {
    width: 100%;
    background-color: white;
}

#divMesFactures #tabMesFactures td[class=entete] {
    font-size: 11px;
    color: #FFFFFF;
    background: #C6C6C6;
    padding: 2px;
    padding-left: 5px;
}

#divTabMesEnvois {
    clear: both;
    width: 100%;
    overflow: auto;
}

#mydiv {
    clear: both;
    width: 100%;
    overflow: auto;
}

#divMesEnvois .hach {
    background-color: #FAFAFA;
}

#divMesEnvois #etiquetteTableauMesEnvois {
    cursor: pointer;
}

#tableContactContent, #tableAnnuaireContent, #tableMesFacturesContent {
    border-collapse: collapse;
    border-right: 1px solid #E6E6E6;
    width: 100%;
}

#tableContactContent input {
    width: 100%;
}

.caseClaire {
    background-color: #FFFFFF;
}

.caseFonce {
    background-color: #FFFFFF;
}

#tableContactContent td,
#tableAnnuaireContent td,
#tableMesFacturesContent td,
#tabMesContactsContent td,
#tabPopupMesContacts td {
    border-top: 1px solid #E6E6E6;
    height: 30px;
    font-size: 14px;
    padding: 2px;
    padding-left: 5px;
}

#tabPopupMesContacts .colonneAction {
    text-align: center;
}

#tabMesEnvois .fichier .imgCrypte {
    float: right;
    vertical-align: middle;
    margin-right: 2px;
}

#tabMesEnvois .fichier .texteFichier {
    float: left;
}


#nbResultatParPageMesEnvois {
    float: right;
    padding-right: 10px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #6d6e71;
}

.publicInternetExplorer.ie8 #nbResultatParPageMesEnvois {
    font-size: 13px;
}

#blocPaginationEnvois {
    float: right;
}

#tabMesEnvois {
    text-align: center;
    white-space: nowrap;
}

#records_table {
    text-align: center;
    white-space: nowrap;
}


#container #inner #envoi_detail {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #6d6e71;
}

.publicInternetExplorer.ie8 #container #inner #envoi_detail {
    font-size: 12px;
}

#tabMesEnvois .fleche_close, #envoi_detail .fleche_close {
    background-image: url("images/fileTree/fleche_close.png");
    vertical-align: middle;
    width: 9px;
    height: 9px;
}

#tabMesEnvois .fleche_close:hover, #envoi_detail .fleche_close:hover {
    background-image: url("images/fileTree/fleche_close_hover.png");
    vertical-align: middle;
    width: 9px;
    height: 9px;
}

#tabMesEnvois .fleche_open, #envoi_detail .fleche_open {
    background-image: url("images/fileTree/fleche_open.gif");
    vertical-align: middle;
    width: 9px;
    height: 9px;
}

#tabMesEnvois .fleche_open:hover, #envoi_detail .fleche_open:hover {
    background-image: url("images/fileTree/fleche_open_hover.png");
    vertical-align: middle;
    width: 9px;
    height: 9px;
}

#tabMesEnvois .colonneDateEnvoi {
    width: 21%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    background-color: #e8e7e8;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tabMesEnvois .colonneDestinataire {
    background-color: #f2f1f2;
    width: 14%;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tabMesEnvois .colonneFichier {
    width: 16%;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    background-color: #e8e7e8;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tabMesEnvois .colonnePoids {
    background-color: #f2f1f2;
    width: 8%;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tabMesEnvois .colonneDateExpiration {
    background-color: #e8e7e8;
    width: 8%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tabMesEnvois .colonneTelecharge {
    background-color: #f2f1f2;
    width: 7%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tabMesEnvois .colonneAction {
    background-color: #e8e7e8;
    width: 21%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tabMesEnvois tr:first-child td {
    font-weight: bold;
}

#tabMesEnvois .colonneAction .text {
    padding-left: 5px;
}

#records_table .fleche_close {
    background-image: url("images/fileTree/fleche_close.png");
    vertical-align: middle;
    width: 9px;
    height: 9px;
}

#records_table .fleche_open {
    background-image: url("images/fileTree/fleche_open.gif");
    vertical-align: left;
    width: 9px;
    height: 9px;
}

#records_table .colonneOU {
    width: 21%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    background-color: #e8e7e8;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#records_table .colonnePrenom {
    background-color: #f2f1f2;
    width: 14%;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#records_table .colonneNom {
    width: 16%;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    background-color: #e8e7e8;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#records_table .colonneEmail {
    background-color: #f2f1f2;
    width: 8%;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#records_table .colonneactionOU {
    background-color: #e8e7e8;
    width: 8%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#records_table .colonneaction {
    background-color: #f2f1f2;
    width: 7%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#records_table .colonneAction {
    background-color: #e8e7e8;
    width: 21%;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#records_table tr:first-child td {
    font-weight: bold;
}

#records_table .colonneAction .text {
    padding-left: 5px;
}

.rubTitleced {
    margin-left: 17px;
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: normal;

}


#nbResultatParPageAnnuaire {
    float: left;
}

#monCompteMenu {
    margin-bottom: 10px;
}

#monCompteMenu a:link, #monCompteMenu a:visited {
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
    color: #424343;
}

#monCompteMenu a:hover {
    font-size: 14px;
    color: #FCCA1A;
    text-decoration: none;
}

#divMesFactures {
    float: left;
}

#monProfil #formProfil select[name=indicatifPays] {
    width: 50px;
}

#monProfil #formProfil #mobile {
    width: 210px;
}

#monProfil #formProfil .messageErreur {
    margin-left: 5px;
    color: #cc0000;
}

#monProfil .navigButton {
    float: right;
}

#formChangePassword .navigButton {
    float: right;
    padding-right: 15px;
}

#changePassword .tilePage {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-bottom: 15px;
}

#monCompteMenu .currentOnglet {
    font-size: 14px;
    font-weight: bold;
}

#paginationBasAnnuaire,
#paginationBas {
    clear: both;
    position: relative;
    float: right;
    padding-right: 10px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #6d6e71;
}

#password_log, #email_log {
    width: 155px;
}

.barreHorizontale {
    clear: left;
    position: relative;
    width: 429px;
    height: 12px;
    margin-top: 10px;
}

.barreHorizontaleImg {
    width: 429px;
    height: 12px;
}

#divAjoutContact {
    width: 100%;
}

#parcourir_fichiers #divRechercheMesFichiers {
    float: left;
    padding-top: 5px;
    padding-right: 10px;
    margin-left: 20px;
    margin-bottom: 24px;
    width: 200px;
}

#divContact, #divAnnuaire {
    clear: both;
    width: 100%;
    overflow: auto;
}

#divContact .colonneSociete {
    width: 11%;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#divContact .colonneNom {
    width: 14%;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    text-align: center;
}

#divContact .colonnePrenom {
    width: 13%;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    text-align: center;
}

#divContact .colonneEmail {
    width: 15%;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#divContact .colonneMobile {
    width: 13%;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#divContact .colonneGroupe {
    width: 10%;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#divContact .colonnePays {
    width: 5%;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    text-align: center;
}

#divContact .colonneExterne {
    width: 4%;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    text-align: center;
}

#divContact tr:first-child td {
    font-weight: bold;
}

#divContact .colonneActions {
    width: 18%;
    text-align: center;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#divContact .alignCenter {
    text-align: center;
}

#divAnnuaire .colonneNom {
    width: 19%;
}

#divAnnuaire .colonnePrenom {
    width: 19%
}

#divAnnuaire .colonneEmail {
    width: 23%
}

#divAnnuaire .colonneMobile {
    width: 20%;
}

#divAnnuaire .colonneActions {
    width: 20%;
    text-align: center;
}

.bareHorizontaleOptionSupp {
    clear: left;
    position: relative;
    float: left;
    width: 100%;
    background: #EFEFEF;
    height: 5px;
}

#tabAjoutContact {
    width: 100%;
}

#tabAjoutContact .entete {
    font-size: 11px;
    color: #FFFFFF;
    background: #C6C6C6;
    padding: 2px;
    padding-left: 5px;
}

#tabAjoutContact .colonneSociete {
    width: 15%;
}

#tabAjoutContacttabAjoutContact .colonneNom {
    width: 15%;
}

#tabAjoutContact .colonnePrenom {
    width: 15%;
}

#tabAjoutContact .colonneEmail {
    width: 15%;
}

#tabAjoutContact .colonneMobile {
    width: 12%;
}

#tabAjoutContact .colonneGroupe {
    width: 11%;
}

#tabAjoutContact .colonneActions {
    width: 17%;
}

#tabAjoutContact .tabCase {
    border-left: 1px solid #C6C6C6;
    height: 25px;
    font-size: 11px;
    background: #ECECEC;
    padding: 2px;
    padding-left: 5px;
}

#tabAjoutContact .tabCase input {
    border: 1px solid #C6C6C6;
    width: auto;
}

#divCreerGroupe {
    position: relative;
    float: left;
}

#divCreerGroupe #groupe_ajout {
    border: 1px solid #000000;
    height: 18px;
}

#addGroupe #groupe_ajout {
    width: 200px;
    padding: 2px;
}

#addGroupe #groupe_ajout_label {
    float: left;
    color: #737373;
    padding: 2px;
    width: 80px;
}

#addGroupe .content {
    margin-top: 10px;
}

#tabImportContact {
    width: 100%;
}

#tabImportContact .colonne1 {
    width: 11%;
}

#tabImportContact .colonne2 {
    width: 35%;
}

#tabImportContact .colonneImportContact {
    text-align: right;
}

#tabImportContact .colonne3 {
    text-align: right;
    vertical-align: bottom;
}

#containerMesContactsTree {
    position: relative;
    margin-top: 10px;
}

#divFichier {
    height: 100%;
    overflow: hidden;
}

#divFichier #erreur_fichiers {
    clear: left;
    position: relative;
    float: left;
    display: none;
}

#divFichier #mesFichiersGauche {
    float: left;
    width: 26%;
    height: 100%;
    border-right: 12px solid white;
    background-color: #f2f1f2;
}

.publicInternetExplorer11 #divFichier #mesFichiersGauche, .publicInternetExplorer10 #divFichier #mesFichiersGauche {
    width: 15.5%;
}

.buttons {
    width: 200px;
    margin: 0 auto;
    display: inline;
}

.action_btn {
    width: 200px;
    margin: 0 auto;
    display: inline;
    margin-left: -25px;
}

.bouton_jaune_envoi_retour2:link, .bouton_jaune_envoi_retour2:visited {
    background-position: 0px 0px;
    color: #545454;
    /* display: block; */
    font-size: 14px;
    padding-top: 7px;
    /* height: 11px; */
    padding-bottom: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    line-height: 16px;
    color: #7C7B79;
    font-weight: bold;
    padding-left: 15px;
    margin-left: 14px;
    padding-right: 15px;
}

.bouton_jaune_envoi_retour2:hover {
    background-color: #545454;
    color: white;
}


.bouton_jaune_envoi_retour3 {

    background-position: 0px 0px;
    color: #545454;
    /* display: block; */
    font-size: 14px;
    padding-top: 7px;
    /* height: 11px; */
    padding-bottom: 11px;
    /* text-align: center; */
    /* text-decoration: none; */
    /* width: 100px; */
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #eeeeee;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    line-height: 16px;
    /* color: #7C7B79; */
    font-weight: bold;
    padding-left: 9px;
    margin-left: 24px;
    padding-right: 10px;

}

.bouton_jaune_envoi_retour3:hover {
    background-color: #545454;
    color: white;
}


@media screen and (max-width: 1024px) {
    #divFichier #mesFichiersGauche {
        width: 17%;
    }
}

@media screen and (min-width: 1024px) {
    #divFichier #mesFichiersGauche {
        width: 20%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersGauche, .publicInternetExplorer10 #divFichier #mesFichiersGauche {
        width: 15.5%;
    }
}

@media screen and (min-width: 1050px) {
    #divFichier #mesFichiersGauche {
        width: 20.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersGauche, .publicInternetExplorer10 #divFichier #mesFichiersGauche {
        width: 15.5%;
    }
}

@media screen and (min-width: 1100px) {
    #divFichier #mesFichiersGauche {
        width: 22.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersGauche, .publicInternetExplorer10 #divFichier #mesFichiersGauche {
        width: 14.5%;
    }
}

@media screen and (min-width: 1175px) {
    #divFichier #mesFichiersGauche {
        width: 24%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersGauche, .publicInternetExplorer10 #divFichier #mesFichiersGauche {
        width: 16%;
    }
}

@media screen and (min-width: 1200px) {
    #divFichier #mesFichiersGauche {
        width: 26%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersGauche, .publicInternetExplorer10 #divFichier #mesFichiersGauche {
        width: 18%;
    }
}

@media screen and (min-width: 1300px) {
    #divFichier #mesFichiersGauche {
        width: 28%;
    }
}

@media screen and (min-width: 1350px) {
    #divFichier #mesFichiersGauche {
        width: 30%;
    }
}

@media screen and (min-width: 1525px) {
    #divFichier #mesFichiersGauche {
        width: 31%;
    }
}

@media screen and (min-width: 1550px) {
    #divFichier #mesFichiersGauche {
        width: 32%;
    }
}

@media screen and (min-width: 1650px) {
    #divFichier #mesFichiersGauche {
        width: 33%;
    }
}

@media screen and (min-width: 1700px) {
    #divFichier #mesFichiersGauche {
        width: 34%;
    }
}

@media screen and (min-width: 1775px) {
    #divFichier #mesFichiersGauche {
        width: 34%;
    }
}

@media screen and (min-width: 1800px) {
    #divFichier #mesFichiersGauche {
        width: 36%;
    }
}

@media screen and (min-width: 1975px) {
    #divFichier #mesFichiersGauche {
        width: 37%;
    }
}

@media screen and (min-width: 2200px) {
    #divFichier #mesFichiersGauche {
        width: 38%;
    }
}

@media screen and (min-width: 2300px) {
    #divFichier #mesFichiersGauche {
        width: 39%;
    }
}

#divFichier #mesFichiersGauche.internetExplorer {
    width: 15.75%;
}

.publicInternetExplorer.ie8 #divFichier #mesFichiersGauche.internetExplorer {
    width: 19.5%;
}

#divFichier #mesFichiersCentre {
    float: left;
    width: 45.25%;
    height: 100%;
}

.publicInternetExplorer11 #divFichier #mesFichiersCentre {
    width: 48.25%;
}

.publicInternetExplorer.ie8 #divFichier #mesFichiersCentre {
    width: 46% !important;
}

@media screen and (max-width: 1024px) {
    #divFichier #mesFichiersCentre {
        width: 53.25%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 42.25%;
    }
}

@media screen and (min-width: 1024px) {
    #divFichier #mesFichiersCentre {
        width: 45.2%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 44%;
    }
}

@media screen and (min-width: 1050px) {
    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 43.3%;
    }
}

@media screen and (min-width: 1100px) {
    #divFichier #mesFichiersCentre {
        width: 47.25%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.2%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 41% !important;
    }
}

@media screen and (min-width: 1150px) {
    #divFichier #mesFichiersCentre {
        width: 47.4%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.3%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 41% !important;
    }
}

@media screen and (min-width: 1200px) {
    #divFichier #mesFichiersCentre {
        width: 47.25%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.2%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 41.25% !important;
    }
}

@media screen and (min-width: 1300px) {
    #divFichier #mesFichiersCentre {
        width: 45.25%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.25%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 41.5% !important;
    }
}

@media screen and (min-width: 1350px) {
    #divFichier #mesFichiersCentre {
        width: 39.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 51.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 53.5% !important;
    }
}

@media screen and (min-width: 1425px) {
    #divFichier #mesFichiersCentre {
        width: 40.1%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 52.1%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 54% !important;
    }
}

@media screen and (min-width: 1475px) {
    #divFichier #mesFichiersCentre {
        width: 41.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 53.25%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 55.4% !important;
    }
}

@media screen and (min-width: 1500px) {
    #divFichier #mesFichiersCentre {
        width: 41%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 53%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 55% !important;
    }
}

@media screen and (min-width: 1525px) {
    #divFichier #mesFichiersCentre {
        width: 39.75%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 52.25%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 55% !important;
    }
}

@media screen and (min-width: 1550px) {
    #divFichier #mesFichiersCentre {
        width: 38.4%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 52.4%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 54% !important;
    }
}

@media screen and (min-width: 1575px) {
    #divFichier #mesFichiersCentre {
        width: 38.1%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 52%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 54% !important;
    }
}

@media screen and (min-width: 1600px) {
    #divFichier #mesFichiersCentre {
        width: 38.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 52.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 54% !important;
    }
}

@media screen and (min-width: 1625px) {
    #divFichier #mesFichiersCentre {
        width: 37.3%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 51.3%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 53.5% !important;
    }
}

@media screen and (min-width: 1650px) {
    #divFichier #mesFichiersCentre {
        width: 36.15%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 51.25%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 53.5% !important;
    }
}

@media screen and (min-width: 1675px) {
    #divFichier #mesFichiersCentre {
        width: 35.9%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 50.9%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 53% !important;
    }
}

@media screen and (min-width: 1700px) {
    #divFichier #mesFichiersCentre {
        width: 34.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 50.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 52.75% !important;
    }
}

@media screen and (min-width: 1725px) {
    #divFichier #mesFichiersCentre {
        width: 34.3%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 50.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 52.5% !important;
    }
}

@media screen and (min-width: 1750px) {
    #divFichier #mesFichiersCentre {
        width: 33.9%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 49.8%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 52% !important;
    }
}


@media screen and (min-width: 1775px) {
    #divFichier #mesFichiersCentre {
        width: 45.3%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 50.25%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 52.5% !important;
    }
}

@media screen and (min-width: 1800px) {
    #divFichier #mesFichiersCentre {
        width: 31.7%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 49.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 51.75% !important;
    }
}

@media screen and (min-width: 1825px) {
    #divFichier #mesFichiersCentre {
        width: 31.6%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 49.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 51.75% !important;
    }
}

@media screen and (min-width: 1850px) {
    #divFichier #mesFichiersCentre {
        width: 31.1%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 48.9%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 51.25% !important;
    }
}

@media screen and (min-width: 1875px) {
    #divFichier #mesFichiersCentre {
        width: 30.7%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 48.7%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 51% !important;
    }
}

@media screen and (min-width: 1900px) {
    #divFichier #mesFichiersCentre {
        width: 45.3%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 48.6%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 50.75% !important;
    }
}

@media screen and (min-width: 1925px) {
    #divFichier #mesFichiersCentre {
        width: 30.3%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 48.6%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 50.75% !important;
    }
}

@media screen and (min-width: 1950px) {
    #divFichier #mesFichiersCentre {
        width: 30.2%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 48.6%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 50.75% !important;
    }
}

@media screen and (min-width: 1975px) {
    #divFichier #mesFichiersCentre {
        width: 28.9%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.9%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 50% !important;
    }
}

@media screen and (min-width: 2000px) {
    #divFichier #mesFichiersCentre {
        width: 28.65%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 49.75% !important;
    }
}

@media screen and (min-width: 2025px) {
    #divFichier #mesFichiersCentre {
        width: 28.4%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.4%
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 49.5% !important;
    }
}

@media screen and (min-width: 2050px) {
    #divFichier #mesFichiersCentre {
        width: 28.3%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47.25%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 49.5% !important;
    }
}

@media screen and (min-width: 2075px) {
    #divFichier #mesFichiersCentre {
        width: 28.2%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 46.9%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 49.25% !important;
    }
}

@media screen and (min-width: 2100px) {
    #divFichier #mesFichiersCentre {
        width: 28%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 47%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 49% !important;
    }
}

@media screen and (min-width: 2125px) {
    #divFichier #mesFichiersCentre {
        width: 27.75%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 46.75%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 49% !important;
    }
}

@media screen and (min-width: 2150px) {
    #divFichier #mesFichiersCentre {
        width: 27.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 46.5%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 48.75% !important;
    }
}

@media screen and (min-width: 2175px) {
    #divFichier #mesFichiersCentre {
        width: 27.4%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 46.4%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 48.5% !important;
    }
}

@media screen and (min-width: 2200px) {
    #divFichier #mesFichiersCentre {
        width: 26.2%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 46.25%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 48.5% !important;
    }
}

@media screen and (min-width: 2225px) {
    #divFichier #mesFichiersCentre {
        width: 26.1%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 46%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 48.25% !important;
    }
}

@media screen and (min-width: 2250px) {
    #divFichier #mesFichiersCentre {
        width: 25.8%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 45.75%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 48% !important;
    }
}

@media screen and (min-width: 2300px) {
    #divFichier #mesFichiersCentre {
        width: 24.7%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 45.85%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 48% !important;
    }
}

@media screen and (min-width: 2325px) {
    #divFichier #mesFichiersCentre {
        width: 24.65%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 45.8%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 48% !important;
    }
}

@media screen and (min-width: 2350px) {
    #divFichier #mesFichiersCentre {
        width: 24.3%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 45.3%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 47.5% !important;
    }
}

@media screen and (min-width: 2375px) {
    #divFichier #mesFichiersCentre {
        width: 23.7%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 44.7%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 47% !important;
    }
}

@media screen and (min-width: 2400px) {
    #divFichier #mesFichiersCentre {
        width: 23.95%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 44.9%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 47.1% !important;
    }
}

@media screen and (min-width: 2450px) {
    #divFichier #mesFichiersCentre {
        width: 23.8%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 45%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 47.1% !important;
    }
}

@media screen and (min-width: 2475px) {
    #divFichier #mesFichiersCentre {
        width: 23.7%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 45%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 47.1% !important;
    }
}

@media screen and (min-width: 2500px) {
    #divFichier #mesFichiersCentre {
        width: 23.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 44.6%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 46.8% !important;
    }
}

@media screen and (min-width: 2525px) {
    #divFichier #mesFichiersCentre {
        width: 35%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersCentre, .publicInternetExplorer10 #divFichier #mesFichiersCentre {
        width: 44.3%;
    }

    .publicInternetExplorer9 #divFichier #mesFichiersCentre {
        width: 46.5% !important;
    }
}

#divFichier #mesFichiersCentre.internetExplorer {
    width: 47.25%;
}

.publicInternetExplorer9 #divFichier #mesFichiersCentre.internetExplorer {
    width: 41.25%;
}

#divFichier #mesFichiersDroite {
    float: left;
    width: 27.75%;
    height: 100%;
}

.publicInternetExplorer9 #mesFichiersDroite img {
    max-width: 100%;
}

.publicInternetExplorer.ie8 #mesFichiersDroite img {
    max-width: 100%;
}

.publicInternetExplorer11 #divFichier #mesFichiersDroite, .publicInternetExplorer10 #divFichier #mesFichiersDroite {
    width: 41%;
    float: right;
}

@media screen and (min-width: 1024px) {
    #divFichier #mesFichiersDroite {
        width: 33.5%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersDroite, .publicInternetExplorer10 #divFichier #mesFichiersDroite {
        width: 39%;
    }
}

@media screen and (min-width: 1050px) {
    #divFichier #mesFichiersDroite {
        width: 33%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersDroite, .publicInternetExplorer10 #divFichier #mesFichiersDroite {
        width: 40%;
    }
}

@media screen and (min-width: 1100px) {
    #divFichier #mesFichiersDroite {
        width: 29.10%;
    }

    .publicInternetExplorer11 #divFichier #mesFichiersDroite {
        width: 37.1%
    }

    .publicInternetExplorer10 #divFichier #mesFichiersDroite {
        width: 37.1%;
    }
}

@media screen and (min-width: 1175px) {
    .publicInternetExplorer11 #divFichier #mesFichiersDroite {
        width: 34.7%
    }

    .publicInternetExplorer10 #divFichier #mesFichiersDroite {
        width: 35.25%;
    }
}

@media screen and (min-width: 1200px) {
    .publicInternetExplorer11 #divFichier #mesFichiersDroite {
        width: 33.7%;
    }

    .publicInternetExplorer10 #divFichier #mesFichiersDroite {
        width: 33.5%;
    }
}

@media screen and (min-width: 1150px) {
    #divFichier #mesFichiersDroite {
        width: 29%;
    }
}

@media screen and (min-width: 1175px) {
    #divFichier #mesFichiersDroite {
        width: 27.5%;
    }
}

@media screen and (min-width: 1350px) {
    #divFichier #mesFichiersDroite {
        width: 27.5% !important;
    }
}

@media screen and (min-width: 1351px) {
    #divFichier #mesFichiersDroite {
        width: 29.6% !important;
    }
}

@media screen and (min-width: 1425px) {
    #divFichier #mesFichiersDroite {
        width: 29% !important;
    }
}

@media screen and (min-width: 1475px) {
    #divFichier #mesFichiersDroite {
        width: 27.6% !important;
    }
}

@media screen and (min-width: 1500px) {
    #divFichier #mesFichiersDroite {
        width: 28% !important;
    }
}

@media screen and (min-width: 1526px) {
    #divFichier #mesFichiersDroite {
        width: 28.3% !important;
    }
}

@media screen and (min-width: 1550px) {
    #divFichier #mesFichiersDroite {
        width: 28.8% !important;
    }
}

@media screen and (min-width: 1550px) {
    #divFichier #mesFichiersDroite {
        width: 28.8% !important;
    }
}

@media screen and (min-width: 1576px) {
    #divFichier #mesFichiersDroite {
        width: 29% !important;
    }
}

@media screen and (min-width: 1200px) {
    #divFichier #mesFichiersDroite {
        width: 25.7%;
    }
}

@media screen and (min-width: 1600px) {
    #divFichier #mesFichiersDroite {
        width: 28.7% !important;
    }
}

@media screen and (min-width: 1625px) {
    #divFichier #mesFichiersDroite {
        width: 29.9% !important;
    }
}

@media screen and (min-width: 1675px) {
    #divFichier #mesFichiersDroite {
        width: 30.3% !important;
    }
}

@media screen and (min-width: 1700px) {
    #divFichier #mesFichiersDroite {
        width: 30.7% !important;
    }
}

@media screen and (min-width: 1750px) {
    #divFichier #mesFichiersDroite {
        width: 31.3% !important;
    }
}

@media screen and (min-width: 1775px) {
    #divFichier #mesFichiersDroite {
        width: 20% !important;
    }
}

@media screen and (min-width: 1800px) {
    #divFichier #mesFichiersDroite {
        width: 31.6% !important;
    }
}

@media screen and (min-width: 1850px) {
    #divFichier #mesFichiersDroite {
        width: 32.2% !important;
    }
}

@media screen and (min-width: 1875px) {
    #divFichier #mesFichiersDroite {
        width: 32.5% !important;
    }
}

@media screen and (min-width: 1900px) {
    #divFichier #mesFichiersDroite {
        width: 18% !important;
    }
}

@media screen and (min-width: 1975px) {
    #divFichier #mesFichiersDroite {
        width: 33.4% !important;
    }
}

@media screen and (min-width: 2000px) {
    #divFichier #mesFichiersDroite {
        width: 33.7% !important;
    }
}

@media screen and (min-width: 2025px) {
    #divFichier #mesFichiersDroite {
        width: 34% !important;
    }
}

@media screen and (min-width: 2075px) {
    #divFichier #mesFichiersDroite {
        width: 34.2% !important;
    }
}

@media screen and (min-width: 2100px) {
    #divFichier #mesFichiersDroite {
        width: 34.4% !important;
    }
}

@media screen and (min-width: 2125px) {
    #divFichier #mesFichiersDroite {
        width: 34.6% !important;
    }
}

@media screen and (min-width: 2150px) {
    #divFichier #mesFichiersDroite {
        width: 34.9% !important;
    }
}

@media screen and (min-width: 2175px) {
    #divFichier #mesFichiersDroite {
        width: 35% !important;
    }
}

@media screen and (min-width: 2200px) {
    #divFichier #mesFichiersDroite {
        width: 35.2% !important;
    }
}

@media screen and (min-width: 2225px) {
    #divFichier #mesFichiersDroite {
        width: 35.3% !important;
    }
}

@media screen and (min-width: 2250px) {
    #divFichier #mesFichiersDroite {
        width: 35.6% !important;
    }
}

@media screen and (min-width: 2350px) {
    #divFichier #mesFichiersDroite {
        width: 36.1% !important;
    }
}

@media screen and (min-width: 2375px) {
    #divFichier #mesFichiersDroite {
        width: 36.7% !important;
    }
}

@media screen and (min-width: 2400px) {
    #divFichier #mesFichiersDroite {
        width: 36.5% !important;
    }
}

@media screen and (min-width: 2500px) {
    #divFichier #mesFichiersDroite {
        width: 36.9% !important;
    }
}

@media screen and (min-width: 2525px) {
    #divFichier #mesFichiersDroite {
        width: 25.2% !important;
    }
}

#divFichier #mesFichiersDroite.internetExplorer {
    width: 33.8%;
    float: right;
}

.publicInternetExplorer9 #divFichier #mesFichiersDroite.internetExplorer {
    width: 41.8%;
}

.publicInternetExplorer.ie8 #divFichier #mesFichiersDroite {
    width: 32.8% !important;
}

* + html #divFichier #mesFichiersDroite {
    float: left;
    position: relative;
    width: 29%;
    height: 100%;
}

* html #divFichier #mesFichiersDroite {
    float: left;
    position: relative;
    width: 28%;
    height: 100%;
}

#divFichier #mesFichiersDroite .lienOpenPopupMessage, #divFichier #mesFichiersDroite .inviter {
    margin-right: 0px;
    width: 99px;
}

.publicInternetExplorer.ie8 .lienOpenPopupMessage {
    font-size: 12px !important;
}

#divFichier #customFiletree {
    overflow: auto;
    min-width: 100px;
    padding-top: 4px;
}

#divFichier #customFiletree .buttonList {
    margin-left: 154px;
    margin-bottom: 7px;
    margin-top: 8px;
    width: 200px;
}

#mesFichiersGauche.internetExplorer #customFiletree .buttonList {
    margin-left: 14px !important;
    width: 50px;
}

.publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
    margin-left: 8px;
}

@media screen and (max-width: 1024px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 8px;
    }
}

@media screen and (min-width: 1024px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 8px;
    }
}

@media screen and (min-width: 1050px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 15px;
    }
}

@media screen and (min-width: 1100px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 10px;
    }
}

@media screen and (min-width: 1150px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 15px;
    }
}

@media screen and (min-width: 1175px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 20px;
    }
}

@media screen and (min-width: 1200px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 27px;
    }
}

@media screen and (min-width: 1250px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 43px;
    }
}

@media screen and (min-width: 1275px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }

    .publicInternetExplorer11 #divFichier #customFiletree .buttonList, .publicInternetExplorer10 #divFichier #customFiletree .buttonList {
        margin-left: 54px;
    }
}

@media screen and (min-width: 1300px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }
}

@media screen and (min-width: 1325px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }
}

@media screen and (min-width: 1350px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }
}

@media screen and (min-width: 1400px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 16px;
    }
}

@media screen and (min-width: 1425px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 230px;
    }
}

@media screen and (min-width: 1450px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 244px;
    }
}

@media screen and (min-width: 1475px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 252px;
    }
}

@media screen and (min-width: 1500px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 268px;
    }
}

@media screen and (min-width: 1525px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 280px;
    }
}

@media screen and (min-width: 1550px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 301px;
    }
}

@media screen and (min-width: 1600px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 325px;
    }
}

@media screen and (min-width: 1625px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 329px;
    }
}

@media screen and (min-width: 1650px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 341px;
    }
}

@media screen and (min-width: 1675px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 356px;
    }
}

@media screen and (min-width: 1700px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 367px;
    }
}

@media screen and (min-width: 1725px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 380px;
    }
}

@media screen and (min-width: 1750px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 394px;
    }
}

@media screen and (min-width: 1775px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 404px;
    }
}

@media screen and (min-width: 1800px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 418px;
    }
}

@media screen and (min-width: 1825px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 431px;
    }
}

@media screen and (min-width: 1850px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 445px;
    }
}

@media screen and (min-width: 1875px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 454px;
    }
}

@media screen and (min-width: 1900px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 467px;
    }
}

@media screen and (min-width: 1925px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 480px;
    }
}

@media screen and (min-width: 1950px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 492px;
    }
}

@media screen and (min-width: 1975px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 505px;
    }
}

@media screen and (min-width: 2000px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 518px;
    }
}

@media screen and (min-width: 2025px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 531px;
    }
}

@media screen and (min-width: 2050px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 544px;
    }
}

@media screen and (min-width: 2075px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 556px;
    }
}

@media screen and (min-width: 2100px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 568px;
    }
}

@media screen and (min-width: 2125px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 580px;
    }
}

@media screen and (min-width: 2150px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 592px;
    }
}

@media screen and (min-width: 2175px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 606px;
    }
}

@media screen and (min-width: 2200px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 616px;
    }
}

@media screen and (min-width: 2225px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 629px;
    }
}

@media screen and (min-width: 2250px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 655px;
    }
}

@media screen and (min-width: 2275px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 668px;
    }
}

@media screen and (min-width: 2300px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 678px;
    }
}

@media screen and (min-width: 2350px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 695px;
    }
}

@media screen and (min-width: 2375px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 702px;
    }
}

@media screen and (min-width: 2400px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 716px;
    }
}

@media screen and (min-width: 2425px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 728px;
    }
}

@media screen and (min-width: 2450px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 743px;
    }
}

@media screen and (min-width: 2475px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 754px;
    }
}

@media screen and (min-width: 2500px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 767px;
    }
}

@media screen and (min-width: 2525px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 780px;
    }
}

@media screen and (min-width: 2550px) {
    #divFichier #customFiletree .buttonList {
        margin-left: 791px;
    }
}

#divFichier #zoneInfoFichier {
    position: relative;
    float: left;
    width: 100%;
    overflow: auto;
    height: 100%;
    background-color: #f2f1f2;
}

#divFichier #containerViewDossier {
    cursor: default;
    height: 100%;
    overflow: auto;
}

#containerViewDossier .selected {
    background-color: #DAD7DA;
}

#tabContainerViewDossierContent {
    width: 99% !important;
}

#tabContainerViewDossierContent .selected {
    background-color: #DAD7DA;
}

#tabContainerViewDossierContent input[type=checkbox] {
    height: 16px;
    margin-right: 4px;
}

#tabContainerViewDossierContent .td_content {
    width: 100%;
}

#tabContainerViewDossierContent .td_content .description {
    overflow: hidden;
    float: left
}

#tabContainerViewDossierContent .icone {
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 2px;
    margin-top: 2px;
}

#tabContainerViewDossierContent tr {
    height: 22px;
}

.publicInternetExplorer.ie8 #tabContainerViewDossierContent tr div {
    font-size: 14px !important;
}

#tabContainerViewDossierContent tr[class=tr_file]:hover, #tabContainerViewDossierContent tr[class=tr_directory]:hover {
    background-color: #f2f1f2;
    border-right: 8px solid white;
    width: 79%;
}

#tabContainerViewDossierContent .tr_directory, #tabContainerViewDossierContent .td_content {
    font-weight: bold;
}

#tabContainerViewDossierContent .tr_directory .nomItem {
    width: 92%;
}

#tabContainerViewDossierContent .tr_directory .checkboxItem {
    width: 8%;
}

.publicInternetExplorer.ie8 #tabContainerViewDossierContent .tr_directory .checkboxItem {
    width: 5.5%;
}

.publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem {
    width: 4.5%;
}

.publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem {
    width: 8%;
}

@media screen and (min-width: 1000px) {
    .publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer11 #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 7%;
    }
}

@media screen and (min-width: 1200px) {
    .publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer11 #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 5.5%;
    }
}

@media screen and (min-width: 1400px) {
    .publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer11 #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 5%;
    }
}

@media screen and (min-width: 1600px) {
    .publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer11 #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 4.5%;
    }
}

@media screen and (min-width: 1700px) {
    .publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer11 #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 4%;
    }
}

@media screen and (min-width: 2100px) {
    .publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer11 #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 3.5%;
    }
}

@media screen and (min-width: 2380px) {
    .publicInternetExplorer9 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer10 #tabContainerViewDossierContent .tr_directory .checkboxItem, .publicInternetExplorer11 #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 3%;
    }
}

@media screen and (max-width: 1145px) {
    #tabContainerViewDossierContent .tr_directory .checkboxItem {
        width: 9%;
    }

    #tabContainerViewDossierContent .tr_directory .nomItem {
        width: 91%;
    }
}

#tabContainerViewDossierContent tr[class=tr_file] td.aucunFichier {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #B4B5B6;
    text-align: center;
}

#containerViewDossier .colonneTitle1 {
    height: 22px;
    text-align: center;
    width: 55%;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
}

#containerViewDossier .colonneTitle1 a, #containerViewDossier .colonneTitle2 a, #containerViewDossier .colonneTitle3 a, #containerViewDossier .colonneTitleDateExpiration a {
    color: #424343;
    text-decoration: none;
    font-weight: bold;
}

#containerViewDossier .entete {
    height: 22px;
    color: #424343;
    text-decoration: none;
    text-align: center;
}

#containerViewDossier .colonneTitle2 {
    text-align: center;
    width: 15%;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
}

#containerViewDossier .colonneTitleDateExpiration {
    text-align: center;
    width: 15%;
    border-right: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
}

#containerViewDossier .colonneTitle3 {
    text-align: center;
    width: 15%;
    border-bottom: 1px solid #C6C6C6;
}

#containerViewDossier .colonneEnvoyeParTitle {
    height: 22px;
    text-align: center;
    width: 15%;
}

#containerViewDossier .colonne1 {
    width: 55%;
    padding-left: 3px;
    white-space: nowrap;
}

#containerViewDossier .colonne2 {
    width: 15%;
    text-align: center;
    white-space: nowrap;
}

#containerViewDossier .colonneDateExpiration {
    width: 15%;
    text-align: center;
    white-space: nowrap;
}

#containerViewDossier .colonne3 {
    width: 15%;
    text-align: right;
    padding-right: 3px;
    white-space: nowrap;
}

#containerViewDossier .colonneEnvoyePar {
    width: 15%;
    padding-right: 3px;
    white-space: nowrap;
    text-align: center;
}

#tabContainerViewDossierContent .lockImage {
    background: url("/css/client/default/images/espace_client/lock.png");
    height: 16px;
    width: 16px;
    float: left;
    margin-left: 5px;
}

#basFileTree {
    clear: left;
    position: relative;
    float: left;
    border: 1px solid #C6C6C6;
    width: 480px;
    text-align: center;
    padding: 5px;
}

#divContentFichier {
    clear: both;
    width: 100%;
    margin: auto;
    height: 100%;
    margin-top: 20px;
}

.publicInternetExplorer.ie8 #divContentFichier {
    margin-top: 10px;
}

#creer_dossier_erreur, #creer_dossier_erreur_existant {
    display: none;
}

#load_suppression {
    width: 100%;
    text-align: center;
}

#termine_suppression {
    width: 100%;
    text-align: center;
    display: none
}

#download_fichier, #deplace_fichier, #renomme_fichier {
    display: none;
    margin-left: 25px;
}

#renommeFichier, #partial_renomme_dossier, #tabCreerDossier {
    margin-top: 5px;
}

#renommeFichier #edit_fichier {
    width: 93%;
}

#renommeFichier #renomme_fichier_erreur {
    display: none;
}

#div_renomme_dossier, #div_supprime_dossier, #div_upload_fichiers, #loading_upload {
    display: none;
}

#div_renomme_dossier #renomme_dossier_erreur {
    display: none;
}

#div_upload_fichiers {
    padding-left: 31px;
}

#div_upload_fichiers #div_cryptageChoice {
    margin-bottom: 5px;
}

#div_upload_fichiers #div_cryptage_message {
    display: none;
    margin-bottom: 5px;
}

#boutonsUpload {
    padding-left: 5px;
}

#flash .optionsSuppEtiquette {
    margin-top: 60px;
}

#flash #divOptionsSuppContent {
    clear: left;
    position: relative;
    float: left;
    border: 1px solid #424343;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

#divOptionsSuppContent #crypt_fichier_flash {
    vertical-align: middle;
    margin-right: 5px;
}

#divDureeDisp {
    clear: left;
    position: relative;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
}

#divCryptFichierFlash {
    position: relative;
    float: left;
    padding-left: 15px;
}

#expiration_flash {
    font-size: 11px;
}

#msg_flash {
    display: none;
}

#div_upload_flash {
    display: block;
}

#emailErreur {
    width: 100%;
    text-align: center;
}

#deplace_ok, #deplace_erreur, #copie_ok, #copie_erreur, #copie_erreur_taille {
    margin-top: 100px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: none;
}

.erreurTelephone {
    font-weight: bold;
    color: #cc0000;
    display: none;
}

#submit_btn {
    display: none;
}

#stop_btn {
}

#msg_js {
    display: none;
}

#crypt_fichier_js {
    vertical-align: middle;
    margin-right: 5px;
}

#div_crypt_fichier_js {
    position: relative;
    float: left;
    padding-left: 15px;
}

#div_expiration {
    clear: left;
    position: relative;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
}

#div_option_supp {
    clear: left;
    position: relative;
    float: left;
    border: 1px solid #424343;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

#expiration_js {
    font-size: 11px;
}

.options_supp_label {
    margin-top: 60px;
}

@media screen and (max-width: 1024px) {
    .publicInternetExplorer10 #list_files {
        width: 74%;
    }

    .publicInternetExplorer11 #list_files {
        width: 94%;
    }

    #list_files {
        width: 94%;
    }
}

#list_files {
    clear: left;
    position: relative;
    float: left;
    width: 100%;
    min-height: 39px;
    background-color: white;
    padding-bottom: 8px;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

#list_files.internetExplorer {
    width: 77%;
}

#bloc_bas_upload_js {
    clear: left;
}

#popup_contacts_sms, #popup_mes_contacts {
    display: none;
    background-color: white;
    overflow: visible;
}

.lien_menuSms:link,
.lien_menuSms:visited {
    text-decoration: none;
    margin-top: 3px;
}

.lien_menuSms:hover {
    text-decoration: none;
}

#optionPasswordSmsMessage {
    margin-bottom: 5px;
    font-size: 12px;
}

#optionPasswordSms #abouttonVerifier {
    float: right;
}

#errorAreaSimpleEnvoi {
    display: none;
    padding: 5px;
    margin-bottom: 20px;
}

#erreurAjoutContact {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
}

#errorGroupe {
    clear: left;
    float: left;
    margin-top: 10px;
}

.treeMenuHoverDroite {
    background-color: #e8e7e8;
    width: 3px;
    height: 21px;
    float: left;
}

#customFiletree div[class*=directoryContent]:hover {
    background-color: #e8e7e8;
}

#customFiletree .selected, #boiteReception[class=selected] {
    background-color: #DAD7DA;
}

.customFiletreeRoot .directory {
    width: 100%;
    overflow: hidden;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #848c94;
    font-size: 14px;
}

.publicInternetExplorer.ie8 .customFiletreeRoot .directory {
    font-size: 13px;
}

.customFiletreeRoot .directoryContent {
    padding-left: 154px;
    padding-top: 1px;
    cursor: default;
    height: 20px;
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
}

#mesFichiersGauche.internetExplorer .customFiletreeRoot .directoryContent {
    padding-left: 14px;
}

.publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
    padding-left: 16px;
}

@media screen and (max-width: 1024px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }
}

@media screen and (min-width: 1024px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }
}

@media screen and (min-width: 1050px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 10px;
    }
}

@media screen and (min-width: 1100px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 10px;
    }
}

@media screen and (min-width: 1150px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }
}

@media screen and (min-width: 1175px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 27px;
    }
}

@media screen and (min-width: 1250px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 43px;
    }
}

@media screen and (min-width: 1275px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }

    .publicInternetExplorer11 .customFiletreeRoot .directoryContent, .publicInternetExplorer10 .customFiletreeRoot .directoryContent {
        padding-left: 54px;
    }
}

@media screen and (min-width: 1300px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }
}

@media screen and (min-width: 1325px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }
}

@media screen and (min-width: 1350px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }
}

@media screen and (min-width: 1400px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 16px;
    }
}

@media screen and (min-width: 1425px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 230px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 230px;
    }
}

@media screen and (min-width: 1450px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 244px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 244px;
    }
}

@media screen and (min-width: 1475px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 252px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 252px;
    }
}

@media screen and (min-width: 1500px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 268px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 268px;
    }
}

@media screen and (min-width: 1525px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 280px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 280px;
    }
}

@media screen and (min-width: 1550px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 301px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 301px;
    }
}

@media screen and (min-width: 1600px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 325px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 325px;
    }
}

@media screen and (min-width: 1625px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 329px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 329px;
    }
}

@media screen and (min-width: 1650px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 341px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 341px;
    }
}

@media screen and (min-width: 1675px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 356px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 356px;
    }
}

@media screen and (min-width: 1700px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 367px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 367px;
    }
}

@media screen and (min-width: 1725px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 380px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 380px;
    }
}

@media screen and (min-width: 1750px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 394px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 394px;
    }
}

@media screen and (min-width: 1775px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 404px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 404px;
    }
}

@media screen and (min-width: 1800px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 418px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 418px;
    }
}

@media screen and (min-width: 1825px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 431px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 431px;
    }
}

@media screen and (min-width: 1850px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 445px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 445px;
    }
}

@media screen and (min-width: 1875px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 454px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 454px;
    }
}

@media screen and (min-width: 1900px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 467px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 467px;
    }
}

@media screen and (min-width: 1925px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 480px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 480px;
    }
}

@media screen and (min-width: 1950px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 492px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 492px;
    }
}

@media screen and (min-width: 1975px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 505px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 505px;
    }
}

@media screen and (min-width: 2000px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 518px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 518px;
    }
}

@media screen and (min-width: 2025px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 531px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 531px;
    }
}

@media screen and (min-width: 2050px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 544px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 544px;
    }
}

@media screen and (min-width: 2075px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 556px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 556px;
    }
}

@media screen and (min-width: 2100px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 568px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 568px;
    }
}

@media screen and (min-width: 2125px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 580px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 580px;
    }
}

@media screen and (min-width: 2150px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 592px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 592px;
    }
}

@media screen and (min-width: 2175px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 606px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 606px;
    }
}

@media screen and (min-width: 2200px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 616px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 616px;
    }
}

@media screen and (min-width: 2225px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 629px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 629px;
    }
}

@media screen and (min-width: 2250px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 642px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 642px;
    }
}

@media screen and (min-width: 2275px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 655px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 655px;
    }
}

@media screen and (min-width: 2300px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 668px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 668px;
    }
}

@media screen and (min-width: 2325px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 678px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 678px;
    }
}

@media screen and (min-width: 2350px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 695px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 695px;
    }
}

@media screen and (min-width: 2375px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 702px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 702px;
    }
}

@media screen and (min-width: 2400px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 716px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 716px;
    }
}

@media screen and (min-width: 2425px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 728px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 728px;
    }
}

@media screen and (min-width: 2450px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 743px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 743px;
    }
}

@media screen and (min-width: 2475px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 754px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 754px;
    }
}

@media screen and (min-width: 2500px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 767px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 767px;
    }
}

@media screen and (min-width: 2525px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 780px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 780px;
    }
}

@media screen and (min-width: 2550px) {
    .customFiletreeRoot .directoryContent {
        padding-left: 791px;
    }

    .customFiletreeRoot #partageContent {
        padding-left: 791px;
    }
}

.customFiletreeRoot .sdirectory {
    clear: left;
}

.customFiletreeRoot img.collapse {
    background-image: url("images/fileTree/directory.png");
    vertical-align: top;
    margin-top: 1px;
}

.customFiletreeRoot img.extend {
    background-image: url("images/fileTree/folder_open.png");
    vertical-align: top;
}

.customFiletreeRoot img.fleche_close {
    background-image: url("images/fileTree/fleche_close.png");
    vertical-align: middle;
    width: 9px;
    height: 9px;
    margin-right: 3px;
}

.customFiletreeRoot img.fleche_close:hover {
    background-image: url("images/fileTree/fleche_close_hover.png");
    vertical-align: middle;
}

.customFiletreeRoot img.fleche_open {
    background-image: url("images/fileTree/fleche_open.gif");
    vertical-align: middle;
    width: 9px;
    height: 9px;
    margin-right: 3px;
}

.customFiletreeRoot img.fleche_open:hover {
    background-image: url("images/fileTree/fleche_open_hover.png");
    vertical-align: middle;
}

.customFiletreeRoot .directoryContent .texte {
    vertical-align: middle;
}

#contactPage #divRecherche {
    text-align: right;
}

#monCompte {
    padding-top: 10px;
    padding-bottom: 60px;
    margin-top: 10px;
    background-color: #f2f1f2;
    min-height: 400px;
}

#monCompte.customPage {
    width: 618px;
    margin: auto;
    padding-left: 54px;
}

#customPage {
    background-color: #f2f1f2;
    border-top: 9px solid white;
}

#monCompte .mesStatsPage {
    width: 700px;
    margin: auto;
}

#monCompte .mesStatsPage .mesFichiers {
    background-color: #FFFFFF;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

#monCompte .mesStatsPage .mesEnvois {
    background-color: #FFFFFF;
    padding: 20px;
    padding-top: 10px;
    margin-bottom: 50px;
}

#blocCountItem {
    text-align: center;
    font-size: 14px;
    height: 30px;
    padding-top: 35px;
    margin-left: 168px;
    width: 70%;
    color: #848c94;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer.ie8 #blocCountItem {
    font-size: 13px;
}

@media screen and (max-width: 1024px) {
    #blocCountItem {
        margin-left: 29px;
    }
}

@media screen and (max-width: 1100px) {
    #blocCountItem {
        margin-left: 40px;
    }
}

@media screen and (max-width: 1165px) {
    #blocCountItem {
        margin-left: 50px;
    }
}

@media screen and (min-width: 1165px) {
    #blocCountItem {
        margin-left: 65px;
    }
}

@media screen and (min-width: 1283px) {
    #blocCountItem {
        margin-left: 70px;
    }
}

@media screen and (min-width: 1308px) {
    #blocCountItem {
        margin-left: 75px;
    }
}

@media screen and (min-width: 1350px) {
    #blocCountItem {
        margin-left: 80px;
    }
}

@media screen and (min-width: 1400px) {
    #blocCountItem {
        margin-left: 90px;
    }
}

@media screen and (min-width: 1500px) {
    #blocCountItem {
        margin-left: 100px;
    }
}

@media screen and (min-width: 1550px) {
    #blocCountItem {
        margin-left: 110px;
    }
}

@media screen and (min-width: 1618px) {
    #blocCountItem {
        margin-left: 120px;
    }
}

@media screen and (min-width: 1680px) {
    #blocCountItem {
        margin-left: 130px;
    }
}

@media screen and (min-width: 1771px) {
    #blocCountItem {
        margin-left: 140px;
    }
}

@media screen and (min-width: 1830px) {
    #blocCountItem {
        margin-left: 150px;
    }
}

@media screen and (min-width: 1920px) {
    #blocCountItem {
        margin-left: 160px;
    }
}

@media screen and (min-width: 1978px) {
    #blocCountItem {
        margin-left: 170px;
    }
}

@media screen and (min-width: 2060px) {
    #blocCountItem {
        margin-left: 180px;
    }
}

@media screen and (min-width: 2290px) {
    #blocCountItem {
        margin-left: 200px;
    }
}

@media screen and (min-width: 2202px) {
    #blocCountItem {
        margin-left: 188px;
    }
}

@media screen and (min-width: 2311px) {
    #blocCountItem {
        margin-left: 202px;
    }
}

@media screen and (min-width: 2335px) {
    #blocCountItem {
        margin-left: 212px;
    }
}

@media screen and (min-width: 2436px) {
    #blocCountItem {
        margin-left: 222px;
    }
}

#mesFichiersGauche.internetExplorer #blocCountItem {
    margin-left: 68px;
}

.publicInternetExplorer.ie8 #mesFichiersGauche.internetExplorer #blocCountItem {
    margin-left: 55px;
}

.bouton_action {
    margin: 0 1px;
    border: 0;
    background: none;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    background-color: #ffdd76;
    padding: 2px 11px;
    border-radius: 3px;
    height: 29px;
    color: #8a8985 !important;
    text-transform: uppercase;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
}


.add-alluser {
    margin: 0 1px;
    border: 0;
    background: none;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    background-color: #ffdd76;
    padding: 2px 11px;
    border-radius: 3px;
    height: 18px;
    color: #8a8985 !important;
    text-transform: uppercase;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
}

.add-user {
    margin: 0 1px;
    border: 0;
    background: none;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    background-color: #ffdd76;
    padding: 2px 11px;
    border-radius: 3px;
    height: 18px;
    color: #8a8985 !important;
    text-transform: uppercase;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
}

.add-alluser:hover {
    text-decoration: none !important;
    color: white !important;
    background-color: #8a8985;
}

.add-user:hover {
    text-decoration: none !important;
    color: white !important;
    background-color: #8a8985;
}


.publicInternetExplorer .bouton_action, .publicInternetExplorer11 .bouton_action, .publicInternetExplorer10 .bouton_action, .publicInternetExplorer9 .bouton_action {
    font-weight: bold;
}

.publicInternetExplorer.ie8 .bouton_action {
    font-size: 11.5px;
}

.publicInternetExplorer .openDownloadFichiersJs, .publicInternetExplorer11 .openDownloadFichiersJs, .publicInternetExplorer10 .openDownloadFichiersJs, .publicInternetExplorer9 .openDownloadFichiersJs {
    font-weight: bold;
}

.publicInternetExplorer #openPopupFichiers, .publicInternetExplorer11 #openPopupFichiers, .publicInternetExplorer10 #openPopupFichiers, .publicInternetExplorer9 #openPopupFichiers {
    font-weight: bold;
}

.publicInternetExplorer #lienCancelUploadJs, .publicInternetExplorer11 #lienCancelUploadJs, .publicInternetExplorer10 #lienCancelUploadJs, .publicInternetExplorer9 #lienCancelUploadJs {
    font-weight: bold;
}

.bouton_action:hover {
    text-decoration: none !important;
    color: white !important;
    background-color: #8a8985;
}

.bouton_action.supprimer {
    background-color: #aa2b31;
    color: #ffffff !important;
}

.bouton_action.supprimer:hover {
    text-decoration: none !important;
    color: white !important;
    background-color: #8a8985;
}

.pagination {
    font-size: 14px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-top: 10px;
}

.pagination a {
    color: #393733;
    height: 14px;
    margin: 0 2px 0 0;
    padding: 0 0 0 3px;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

.pagination a:hover {
    background-color: #f4f5f7;
}

.pagination .selected {
    background-color: #999999 !important;
    color: #FFFFFF !important;
}

.pagination a em {
    font-style: normal;
    height: 12px;
    padding: 2px 4px 0px 0;
}

#pagination_mesEnvois {
    margin-top: 5px;
}

.liste_indicatif_edit_contact {
    font-size: 12px;
}

#bloc_contact_navigation_haut .libelle {
    clear: both;
    position: relative;
    float: left;
    padding-left: 2px;
    color: #6d6e71;
    float: left;
    font-size: 14px;
    font-weight: bold;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
}

#bloc_contact_navigation_haut #results {
    position: relative;
    float: right;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #6d6e71;
}

.publicInternetExplorer.ie8 #bloc_contact_navigation_haut #results {
    font-size: 12px;
}

#popupMesContacts .goupeItem {
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
    height: 23px;
}

#popupMesContacts .goupeItem > div {
    padding-top: 4px;
    padding-left: 4px;
}

#popupMesContacts .selectedGroupe {
    background-color: #e8e7e8;
}

#popupMesContacts .selectedLigne {
    background-color: #EFF2FB;
}

#popupMesContacts .selectedLetter {
    background-color: #FFDD76;
}

#popupMesContacts #pagerContact ul.pages {
    display: block;
    border: none;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0;
}

#popupMesContacts #pagerContact ul.pages li {
    list-style: none;
    float: left;
    text-decoration: none;
    margin: 0 5px 0 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

#popupMesContacts #pagerContact ul.pages li:hover {
    color: #fed44a;
}

#popupMesContacts #pagerContact ul.pages li.pgEmpty {
    border: 1px solid #eee;
    color: #eee;
}

#popupMesContacts #pagerContact ul.pages li.pgCurrent {
    color: #ffffff;
    font-weight: 700;
    background-color: #999999 !important;
}

#divFichier #divRechercheFichier {
}

#divFichier #divRechercheFichier input {
    width: 41%;
    margin-right: 20px;
    padding: 2px 0;
    float: right;
    padding-left: 20px;
}

#divFichier #divRechercheFichier input::-webkit-input-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#divFichier #divRechercheFichier input::-moz-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#divFichier #divRechercheFichier input:-ms-input-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#divFichier #divRechercheFichier input:-moz-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#divRechercheFichier .inactive, #divRecherche .inactive, #divRechercheContact2 .inactive, #divRechercheMesFichiers .inactive {
    color: #808080;
    font-style: normal;
}

#divRechercheMesFichiers input#recherche {
    width: 172px;
}

.fleche_gauche_menu_deroulant {
    background-image: url('images/fleche_gauche_menu_deroulant.gif');
    width: 8px;
    height: 14px;
}

.fleche_droite_menu_deroulant {
    background-image: url('images/fleche_droite_menu_deroulant.gif');
    width: 8px;
    height: 14px;
}

#addContact {
    margin-left: 40px;
}

#addContact, #importContact, #addGroupe {
    display: none;
}

#ajoutContactContent .etiquette {
    clear: left;
    float: left;
    color: #737373;
    width: 80px;
    padding-left: 4px;
    padding-bottom: 2px;
}

#ajoutContactContent .divInput {
    clear: left;
    float: left;
    margin-top: 6px;
}

#ajoutContactContent .ajGauche {
    float: left;
}

#ajoutContactContent .ajDroit .titleRub {
    margin-bottom: 5px;
}

#ajoutContactContent .ajDroit {
    float: left;
    width: 281px;
}

#ajoutContactContent .divInput input {
    width: 170px;
}

#ajoutContactContent #indicatif_pays {
    width: 55px;
}

#ajoutContactContent #mobile {
    width: 107px;
}

#ajoutContactContent #select_pays {
    width: 173px;
}

#tabDropBox .colonneEmail {
    width: 25%;
}

#tabDropBox .colonneDateCreation {
    text-align: center;
    width: 24%;
}

#tabDropBox .colonneDateExpiration {
    text-align: center;
    width: 25%;
}

#tabDropBox .colonneVolume {
    text-align: center;
    width: 25%;
}

#tabDropBox .colonneAction {
    width: 32%;
}

#tabDropBox .colonneAction .content {
    float: right;
}

#tabDropBox .ligneEntete .colonneEmail,
#tabDropBox .ligneEntete .colonneVolume,
#tabDropBox .ligneEntete .colonneDateExpiration {
    text-align: center;
}

#tabDropBox .contentTab .colonneDateCreation,
#tabDropBox .contentTab .colonneVolume,
#tabDropBox .contentTab .colonneDateExpiration {
    text-align: center;
}

#infosFichier {
    overflow-x: hidden
}

#infosFichier .enteteCategorie {
    height: 29px;
    padding-top: 1px;
    padding-left: 25px;
    background-color: #f2f1f2;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #848c94;
    text-decoration: underline;
}

.publicInternetExplorer.ie8 #infosFichier .enteteCategorie {
    font-size: 12px;
}

#infosFichier .enteteCategorie a {
    color: inherit;
    text-decoration: none;
}

#infosFichier .content {
    padding-top: 10px;
    padding-left: 26px;
    padding-bottom: 10px;
    padding-right: 15px;
    background-color: #FBFBFB;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #848c94;
}

.publicInternetExplorer.ie8 #infosFichier .content {
    font-size: 14px;
}

#infosFichier .content div {
}

#infosFichier #permalien {
    height: 20px;
    width: 99%;
    font-size: 11px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #848c94;
}

#infosFichier #commentaires {
    height: 140px;
    width: 99%;
}

#infosFichier #enregistrer {
    float: right;
}

#updateViewExpirationButton {
    margin-left: 5px;
}

#updateViewExpirationButton a, #spanViewUpdateDateExpiration a {
    color: #424343;
}

#infosFichier #spanViewUpdateDateExpiration {
    display: none;
}

#infosFichier .contentAction a {
    color: #848c94;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 9px;
}

#infosFichier .contentAction a:hover {
    color: #FCCA1A;
}

@media screen and (max-width: 1224px) {
    .publicInternetExplorer11 .contentApercu img, .publicInternetExplorer10 .contentApercu img {
        max-width: 98%;
    }
}

#divContainerDropBox {
    height: 100%;
}

#divContainerDropBox #containerViewDossierDropBox, #contentFiles #containerViewDossierDropBox, #mesFichiersCentre #containerViewDossierDropBox {
    height: 100%;
    overflow: auto;
}

#divContainerDropBox #tabContainerViewDossierContent .entete, #contentFiles #tabContainerViewDossierContent .entete {
    height: 22px;
    text-align: center;
    border-bottom: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;
}

#divContainerDropBox #tabContainerViewDossierContent .entete2, #contentFiles #tabContainerViewDossierContent .entete2, #mesFichiersCentre #tabContainerViewDossierContent .entete2 {
    height: 28px;
    text-align: center;
    background-color: #f2f1f2;
    border-right: 12px solid white;
    border-bottom: 3px solid white;
}

#divContainerDropBox #tabContainerViewDossierContent .entete a, #divContainerDropBox #tabContainerViewDossierContent .entete2 a, #contentFiles #tabContainerViewDossierContent .entete a, #contentFiles #tabContainerViewDossierContent .entete2 a, #mesFichiersCentre #tabContainerViewDossierContent .entete a, #mesFichiersCentre #tabContainerViewDossierContent .entete2 a {
    color: #6C6D70;
    text-decoration: none;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

#divContainerDropBox #tabContainerViewDossierContent .entete, #containerViewDossier #tabContainerViewDossierContent .entete2, #divContainerDropBox #tabContainerViewDossierContent .entete2, #contentFiles #tabContainerViewDossierContent .entete, #contentFiles #tabContainerViewDossierContent .entete2, #mesFichiersCentre #tabContainerViewDossierContent .entete, #mesFichiersCentre #tabContainerViewDossierContent .entete2 {
    color: #6C6D70;
    text-decoration: none;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer.ie8 .entete2 a {
    font-size: 13px !important;
}

.publicInternetExplorer9 .entete2 a {
    font-size: 13px !important;
}

#containerViewDossier .selected .colonneNom {
    background-color: #DAD7DA !important;
}

#divContainerDropBox #tabContainerViewDossierContent .colonneNom, #contentFiles #tabContainerViewDossierContent .colonneNom, #mesFichiersCentre #tabContainerViewDossierContent .colonneNom {
    width: 40%;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f2f1f2;
    border-right: 3px solid #ffffff;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

#divContainerDropBox #tabContainerViewDossierContent .colonneTaille, #contentFiles #tabContainerViewDossierContent .colonneTaille, #mesFichiersCentre #tabContainerViewDossierContent .colonneTaille {
    width: 10%;
    white-space: nowrap;
    border-right: 3px solid #ffffff;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

#divContainerDropBox #tabContainerViewDossierContent .alignDroite, #contentFiles #tabContainerViewDossierContent .alignDroite, #mesFichiersCentre #tabContainerViewDossierContent .alignDroite {
    text-align: right;
    padding-right: 3px;
}

#divContainerDropBox #tabContainerViewDossierContent .colonneDate, #contentFiles #tabContainerViewDossierContent .colonneDate, #mesFichiersCentre #tabContainerViewDossierContent .colonneDate, #mesFichiersCentre #tabContainerViewDossierContent .colonneTaille, #mesFichiersCentre #tabContainerViewDossierContent .colonneExpire, #containerViewDossier #tabContainerViewDossierContent .colonneExpire {
    width: 15%;
    text-align: center;
    white-space: nowrap;
    border-right: 3px solid #ffffff;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #6C6D70 !important;
}

tr.headSearch {
    border-bottom: 3px solid white;
}

#containerViewDossier .selected .colonneExpire {
    background-color: #DAD7DA !important;
}

#divContainerDropBox #tabContainerViewDossierContent .colonneExpire, #contentFiles #tabContainerViewDossierContent .colonneExpire, #mesFichiersCentre #tabContainerViewDossierContent .colonneExpire {
    width: 15%;
    text-align: center;
    white-space: nowrap;
    background-color: #f2f1f2;
    border-right: 3px solid #ffffff;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

@media screen and (min-width: 1024px) {
    #divContainerDropBox #tabContainerViewDossierContent .colonneExpire, #contentFiles #tabContainerViewDossierContent .colonneExpire, #mesFichiersCentre #tabContainerViewDossierContent .colonneExpire {
        width: 11%;
    }

    #divContainerDropBox #tabContainerViewDossierContent .colonneDate, #contentFiles #tabContainerViewDossierContent .colonneDate, #mesFichiersCentre #tabContainerViewDossierContent .colonneDate {
        width: 11%;
    }
}

#containerViewDossier .selected .colonneEnvoyePar, #contentFiles .selected .colonneEnvoyePar, #mesFichiersCentre .selected .colonneEnvoyePar {
    background-color: #DAD7DA !important;
}

#divContainerDropBox #tabContainerViewDossierContent .colonneEnvoyePar, #contentFiles #tabContainerViewDossierContent .colonneEnvoyePar, #mesFichiersCentre #tabContainerViewDossierContent .colonneEnvoyePar {
    width: 30%;
    white-space: nowrap;
    background-color: #f2f1f2;
    border-right: 12px solid #ffffff;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

#tabContainerViewDossierContent .fichierDel {
    text-decoration: line-through;
}

.gras {
    color: #424343;
    font-weight: bold;
}

#boiteReception {
    cursor: default;
    height: 20px;
    overflow: hidden;
    padding-left: 3px;
    padding-top: 1px;
    width: 100%;
}

.boiteReceptionImageEmpty {
    background: url("images/mailbox_empty.png") no-repeat scroll left top transparent;
    height: 16px;
    width: 16px;
    margin-right: 3px;
}

#aucunPartageContact {
    font-weight: bold;
}

.emptyContact {
    margin-left: 10px;
    font-weight: bold;
}

#ajoutContactContent #listGroupe {
    clear: left;
    float: left;
    width: 230px;
    color: #6C6D7A;
    font-size: 14px;
    font-weight: bold;
    font-family: Calibri, Sans-Serif;
}

.publicInternetExplorer.ie8 #ajoutContactContent #listGroupe, .publicInternetExplorer.ie8 #ajoutContactContent #groupeSelectionne {
    font-size: 13px;
}

div#listGroupe select {
    border-radius: 4px;
}

div#groupeSelectionne select {
    border-radius: 4px;
}

#ajoutContactContent #groupeSelectionne {
    float: left;
    width: 230px;
    color: #6C6D7A;
    font-size: 14px;
    font-weight: bold;
    font-family: Calibri, Sans-Serif;
}

#ajoutContactContent #listGroupe #select_listGroupe {
    width: 100%;
}

#ajoutContactContent #affectationGroupe {
    float: left;
    width: 50px;
}

#bloc_destinataire #contactPlusUtilise {
    margin-top: 7px;
    font-size: 13px;
}

#bloc_destinataire #contactPlusUtilise a {
    font-style: italic;
    text-decoration: underline;
}

#bloc_destinataire #contactPlusUtilise {
    cursor: pointer;
}

#passwordArea {
    clear: left;
    position: relative;
    float: left;
    margin-top: 15px;
    margin-left: 55px;
    height: 30px;
    width: 438px;
}

#simpEnvoiFichier #blocUpload,
#simpEnvoiFichier #blocDestinataires,
#simpEnvoiFichier #blocOptions,
#simpEnvoiFichier #blocEnvoiBoutton {
    float: left;
    width: 100%;
}

#blocEnvoiBoutton {
}

#simpEnvoiFichier #blocCredit {
    float: right;
    width: 100%;
    margin-top: 25px;
}

#simpEnvoiFichier #blocOptions, #blocCredit {
    width: 97%;
    padding-left: 2%;
}

.publicInternetExplorer.ie7 #simpEnvoiFichier #blocOptions {
    width: 95%;
}

#simpEnvoiFichier .blocLeft {
    height: 100%;
    width: 24%;
    float: left;
    text-align: right;
}

#simpEnvoiFichier .blocLeft .textTitle {
    color: white;
    font-size: 1.3em;
    padding-right: 5px;
}

#simpEnvoiFichier .blocLeft .textTitleNumero {
    margin-bottom: 3px;
    color: white;
    font-weight: bold;
    font-size: 34px;
    padding-right: 5px;
}

#simpEnvoiFichier .blocRight {
    height: 100%;
    width: 100%;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}

#simpEnvoiFichier .blocRight.internetExplorer {
    width: 99% !important;
    float: left;
}

#simpEnvoiFichier #blocUpload .blocRight {
    min-height: 53px;
}

.publicInternetExplorer.ie8 {
}

#simpEnvoiFichier #blocEnvoiBoutton .blocRight {
    min-height: 25px;
    /*height: auto !important;*/
    height: 20px;
}

#simpEnvoiFichier #blocCredit .blocRight {
    min-height: 60px;
    height: auto !important;
    height: 60px;
}

#simpEnvoiFichier #blocCredit .solde_credit {
    margin-top: 5px;
}

#simpEnvoiFichier #blocCredit .buy_credit {
    margin-top: 5px;
    color: red;
}

#simpEnvoiFichier #blocCredit .buy_credit a {
    cursor: pointer;
    color: rgb(255, 153, 0);
    text-decoration: underline;
}

#blocEnvoiB {
    width: 100%;
    float: right;
    margin-top: -11px;
    padding-top: 4px;
}

#simpEnvoiFichier .rubTitle, #swfupload_fichier .rubTitle {
    font-size: 15px;
    margin-bottom: 2px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6C6D70;
    padding-top: 0px;
}

.publicInternetExplorer.ie8 #simpEnvoiFichier .rubTitle {
    font-size: 14px !important;
}

.publicInternetExplorer9 #simpEnvoiFichier .rubTitle {
    font-size: 15px !important;
}

.publicInternetExplorer11 #simpEnvoiFichier .rubTitle {
    font-size: 15px !important;
}

#simpEnvoiFichier .aOption {
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    font-weight: bold;
}

.publicInternetExplorer.ie8 #simpEnvoiFichier .aOption {
    font-size: 14px;
}

.publicInternetExplorer9 #simpEnvoiFichier .aOption {
    font-size: 14px;
}

.publicInternetExplorer10 #simpEnvoiFichier .aOption {
    font-size: 14px;
}

.optionAide {
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6C6D70;
    text-decoration: underline;
    cursor: help;
}

img.optionAide {
    margin-top: -2.5px;
}

#simpEnvoiFichier .rubTitle.optionsFacultatives {
    text-transform: uppercase;
}

#simpEnvoiFichier .rubTitle #noCreditMessage {
    text-transform: none;
}

#simpEnvoiFichier #search_destinataire {
    clear: both;
    width: 92.5%;
    margin-bottom: 10px;
    margin-TOP: 10px;
    border: 0px;
    min-height: 0px;
    height: 111px;
    background-color: white;
    overflow-y: scroll;
    padding-left: 10px;
    padding-top: 10px;
    cursor: default;
    border-radius: 10px;
}

.publicInternetExplorer.ie8 #simpEnvoiFichier #search_destinataire {
    clear: both;
    width: 83%;
    overflow: hidden;
}

.publicInternetExplorer9 #simpEnvoiFichier #search_destinataire {
    overflow: hidden;
}

.publicInternetExplorer10 #simpEnvoiFichier #search_destinataire {
    clear: both;
    width: 79.5%;
    overflow: hidden;
}

.publicInternetExplorer11 #simpEnvoiFichier #search_destinataire {
    overflow: hidden;
}

@media screen and (max-width: 1100px) {
    .publicInternetExplorer9 #simpEnvoiFichier #search_destinataire {
        width: 70%;
    }

    .publicInternetExplorer10 #simpEnvoiFichier #search_destinataire {
        width: 70%;
    }
}

#simpEnvoiFichier #search_destinataire.modeInvite {
    height: 33px;
}

@media screen and (min-width: 1100px) {
    #simpEnvoiFichier #search_destinataire {
        width: 93.5%;
    }
}

@media screen and (min-width: 1175px) {
    #simpEnvoiFichier #search_destinataire {
        width: 93.5%;
    }
}

@media screen and (min-width: 1175px) {
    #simpEnvoiFichier #search_destinataire {
        width: 92.5%;
    }
}

@media screen and (min-width: 1175px) {
    #simpEnvoiFichier #search_destinataire {
        width: 93%;
    }
}

@media screen and (min-width: 1300px) {
    #simpEnvoiFichier #search_destinataire {
        width: 92%;
    }
}

@media screen and (min-width: 1400px) {
    #simpEnvoiFichier #search_destinataire {
        width: 93.5%;
    }
}

@media screen and (min-width: 1550px) {
    #simpEnvoiFichier #search_destinataire {
        width: 92.5%;
    }
}

@media screen and (min-width: 1675px) {
    #simpEnvoiFichier #search_destinataire {
        width: 93.2%;
    }
}

@media screen and (min-width: 1800px) {
    #simpEnvoiFichier #search_destinataire {
        width: 90.5%;
    }
}

@media screen and (min-width: 1900px) {
    #simpEnvoiFichier #search_destinataire {
        width: 92.9%;
    }
}

#infosDropBox #search_destinataire, #infosDropBox .permalien, #search_partage {
    clear: both;
    width: 97%;
    background-color: #fff;
    cursor: text;
    margin-top: 10px;
    height: 28px;
    min-height: 28px;
}

#infosDropBox {
    width: 100%;
    clear: left;
    margin-top: -9px;
}

#infosDropBox #iwrapper {
    padding-left: 16px;
    font-family: Calibri, Sans-Serif;
    color: #848c94;
    font-size: 14px;
    margin-top: 14px;
    width: 90%;
    text-align: justify;
    overflow-x: auto;
}

.publicInternetExplorer.ie8 #infosDropBox #iwrapper {
    font-size: 14px;
}

@media screen and (min-width: 1024px) {
    #infosDropBox #iwrapper {
        width: 81%;
    }
}

@media screen and (min-width: 1025px) {
    #infosDropBox #iwrapper {
        width: 93%;
    }
}

@media screen and (min-width: 1050px) {
    #infosDropBox #iwrapper {
        width: 93%;
    }
}

@media screen and (min-width: 1100px) {
    #infosDropBox #iwrapper {
        width: 89.25%;
    }
}

@media screen and (min-width: 1125px) {
    #infosDropBox #iwrapper {
        width: 86%;
    }
}

@media screen and (min-width: 1150px) {
    #infosDropBox #iwrapper {
        width: 82%;
    }
}

@media screen and (min-width: 1175px) {
    #infosDropBox #iwrapper {
        width: 90%;
    }
}

@media screen and (min-width: 1200px) {
    #infosDropBox #iwrapper {
        width: 90.5%;
    }
}

@media screen and (min-width: 1225px) {
    #infosDropBox #iwrapper {
        width: 89.25%;
    }
}

@media screen and (min-width: 1250px) {
    #infosDropBox #iwrapper {
        width: 88.25%;
    }
}

@media screen and (min-width: 1275px) {
    #infosDropBox #iwrapper {
        width: 86%;
    }
}

@media screen and (min-width: 1300px) {
    #infosDropBox #iwrapper {
        width: 83%;
    }
}

@media screen and (min-width: 1325px) {
    #infosDropBox #iwrapper {
        width: 83.5%;
    }
}

@media screen and (min-width: 1350px) {
    #infosDropBox #iwrapper {
        width: 92%;
    }
}

@media screen and (min-width: 1375px) {
    #infosDropBox #iwrapper {
        width: 90%;
    }
}

@media screen and (min-width: 1425px) {
    #infosDropBox #iwrapper {
        width: 89%;
    }
}

@media screen and (min-width: 1450px) {
    #infosDropBox #iwrapper {
        width: 87%;
    }
}

@media screen and (min-width: 1500px) {
    #infosDropBox #iwrapper {
        width: 86.5%;
    }
}

@media screen and (min-width: 1525px) {
    #infosDropBox #iwrapper {
        width: 86%;
    }
}

@media screen and (min-width: 1550px) {
    #infosDropBox #iwrapper {
        width: 80.75%;
    }
}

@media screen and (min-width: 1600px) {
    #infosDropBox #iwrapper {
        width: 79.5%;
    }
}

@media screen and (min-width: 1625px) {
    #infosDropBox #iwrapper {
        width: 74.75%
    }
}

@media screen and (min-width: 1675px) {
    #infosDropBox #iwrapper {
        width: 72.5%;
    }
}

@media screen and (min-width: 1700px) {
    #infosDropBox #iwrapper {
        width: 69.75%;
    }
}

@media screen and (min-width: 1725px) {
    #infosDropBox #iwrapper {
        width: 69.25%;
    }
}

@media screen and (min-width: 1750px) {
    #infosDropBox #iwrapper {
        width: 66.8%;
    }
}

@media screen and (min-width: 1775px) {
    #infosDropBox #iwrapper {
        width: 96.1%;
    }
}

@media screen and (min-width: 1800px) {
    #infosDropBox #iwrapper {
        width: 64.5%;
    }
}

@media screen and (min-width: 1825px) {
    #infosDropBox #iwrapper {
        width: 63%;
    }
}

@media screen and (min-width: 1850px) {
    #infosDropBox #iwrapper {
        width: 60.75%;
    }
}

@media screen and (min-width: 1875px) {
    #infosDropBox #iwrapper {
        width: 60.5%;
    }
}

@media screen and (min-width: 1900px) {
    #infosDropBox #iwrapper {
        width: 93.75%;
    }
}

@media screen and (min-width: 1925px) {
    #infosDropBox #iwrapper {
        width: 58.5%;
    }
}

@media screen and (min-width: 1950px) {
    #infosDropBox #iwrapper {
        width: 57.1%;
    }
}

@media screen and (min-width: 1975px) {
    #infosDropBox #iwrapper {
        width: 55%;
    }
}

@media screen and (min-width: 2000px) {
    #infosDropBox #iwrapper {
        width: 52.5%;
    }
}

@media screen and (min-width: 2050px) {
    #infosDropBox #iwrapper {
        width: 51%;
    }
}

@media screen and (min-width: 2075px) {
    #infosDropBox #iwrapper {
        width: 51.75%;
    }
}

@media screen and (min-width: 2100px) {
    #infosDropBox #iwrapper {
        width: 51.25%;
    }
}

@media screen and (min-width: 2125px) {
    #infosDropBox #iwrapper {
        width: 49%;
    }
}

@media screen and (min-width: 2175px) {
    #infosDropBox #iwrapper {
        width: 48.5%;
    }
}

@media screen and (min-width: 2200px) {
    #infosDropBox #iwrapper {
        width: 47.2%;
    }
}

@media screen and (min-width: 2225px) {
    #infosDropBox #iwrapper {
        width: 46%;
    }
}

@media screen and (min-width: 2250px) {
    #infosDropBox #iwrapper {
        width: 44.4%;
    }
}

@media screen and (min-width: 2300px) {
    #infosDropBox #iwrapper {
        width: 44%;
    }
}

@media screen and (min-width: 2325px) {
    #infosDropBox #iwrapper {
        width: 43.8%;
    }
}

@media screen and (min-width: 2350px) {
    #infosDropBox #iwrapper {
        width: 42.6%;
    }
}

@media screen and (min-width: 2375px) {
    #infosDropBox #iwrapper {
        width: 41.3%;
    }
}

@media screen and (min-width: 2400px) {
    #infosDropBox #iwrapper {
        width: 41.1%;
    }
}

@media screen and (min-width: 2425px) {
    #infosDropBox #iwrapper {
        width: 42%;
    }
}

@media screen and (min-width: 2450px) {
    #infosDropBox #iwrapper {
        width: 41.6%;
    }
}

@media screen and (min-width: 2475px) {
    #infosDropBox #iwrapper {
        width: 41.3%;
    }
}

@media screen and (min-width: 2500px) {
    #infosDropBox #iwrapper {
        width: 40.2%;
    }
}

@media screen and (min-width: 2525px) {
    #infosDropBox #iwrapper {
        width: 38.9%;
    }
}

@media screen and (min-width: 2550px) {
    #infosDropBox #iwrapper {
        width: 95.7%;
    }
}

@media screen and (min-width: 1250px) {
    #infosDropBox #ajouterPartageContact {
        width: 275px;
    }
}

#infosDropBox #ajouterPartageContact #awrapper, #partageDossier #ajouterPartageContact #awrapper {
    width: 99%;
}

#infosDropBox #ajouterPartageContact {
    margin-top: 5px;
}

#infosDropBox #ajouterPartageContact .sendInvitationMenu {
    clear: both;
    margin-top: 5px;
}

#infosDropBox #ajouterPartageContact .sendInvitationMenu .validateButton {
    float: right;
}

#infosDropBox #ajouterPartageContact #awrapper .rubTitle {
    font-size: 14px;
    padding-top: 5px;
    color: #8592a0;
}

.publicInternetExplorer9 #infosDropBox #ajouterPartageContact #awrapper .rubTitle {
    font-size: 14px;
}

.publicInternetExplorer.ie8 #infosDropBox #ajouterPartageContact #awrapper .rubTitle {
    font-size: 14px;
}

#infosDropBox #ajouterPartageContact #a_popupMesContacts #openPopupMesContacts {
    float: right;
    margin-bottom: 1px;
}

#infosDropBox #listContactDropbox {
}

#infosDropBox #listContactDropbox .rubTitle, #infosDropBox #permalien .rubTitle {
    font-size: 14px;
    padding-bottom: 5px;
}

.publicInternetExplorer.ie8 #infosDropBox #listContactDropbox .rubTitle {
    font-size: 13px;
}

#infosDropBox .focus,
#partageDossier .focus {
    color: #737373;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #848c94;
    font-size: 13px;
    padding: 2px;
    width: 98%;
}

#search_dropbox {
    width: 200px;
    border: 1px solid #aaa;
    background-color: #fff;
    cursor: text;
}

#search_partage {
    width: 97% !important;
    margin-left: 3%;
}

#search_destinataire #to,
#search_dropbox #contact_drop,
#search_partage #to {
    padding: 0 18px 3px;
    position: relative;
    top: 0;
    float: left;
    width: 17px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#search_destinataire::-webkit-input-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#search_destinataire::-moz-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#search_destinataire:-ms-input-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#search_destinataire:-moz-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#search_destinataire span, #search_dropbox span, #search_partage span {
    display: block;
    width: 89%;
    margin: 0 3px 2px 0;
    padding: 0px 20px 0px 8px;
    position: relative;
    float: left;
    text-indent: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #6D6E71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

#search_destinataire span a, #search_dropbox span a, #search_partage span a {
    position: absolute;
    right: 8px;
    top: 2px;
    color: #666;
    font: bold 12px Verdana, Sans-serif;
    text-decoration: none;
}

#search_destinataire span a:hover, #search_dropbox span a:hover, #search_partage span a:hover {
    color: #ff0000;
}

#search_destinataire.reception span {
    width: 103.5%;
    margin-bottom: 4px;
    background-color: white;
    height: 25px;
    padding-top: 7px;
    border-radius: 14px;
}

#div_input_destinataire_haut_gauche span {
    display: block;
    width: auto;
    margin: 0 3px 0px 0;
    padding: 3px 20px 4px 8px;
    position: relative;
    float: left;
    text-indent: 0;
    background-color: #eee;
    border: 1px solid #333;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #333;
    font: normal 11px Verdana, Sans-serif;
}

#div_input_destinataire_haut_gauche span a {
    position: absolute;
    right: 8px;
    top: 2px;
    color: #666;
    font: bold 12px Verdana, Sans-serif;
    text-decoration: none;
}

#div_input_destinataire_haut_gauche span a:hover {
    color: #ff0000;
}

#search_destinataire .remove {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(images/cancelbutton.png);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
    top: 8px
}

#search_destinataire .remove:hover,
#search_destinataire .remove:hover {
    background-position: 0px 0px;
}

#objet_msg {
    border: 1px solid rgb(218, 218, 218);
    height: 40px;
    width: 91%;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal;
}

#popupMesContacts .title {
    margin-bottom: 10px;
    font-size: 17px;
}

#popupMesContacts #divRecherche {
    float: left;
    margin-left: 8px;
}

#popupMesContacts .destinatiaire {
    margin-left: 20px;
}

#choixDestinataire #openPopupMesContacts {
    float: right;
}

.publicInternetExplorer10 #choixDestinataire #openPopupMesContacts {
    float: right;
    padding-right: 41px;
}

#choixDestinataire #to {
    font-family: Calibri, Sans-Serif;
    color: #9d9e9e;
    text-align: center;
    font-style: normal;
    font-size: 14px;
}

.ajoutContact {
    width: 92%;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
}

.publicInternetExplorer.ie8 .ajoutContact {
    width: 83%;
}

.publicInternetExplorer10 .ajoutContact {
    width: 79%;
}

@media screen and (max-width: 1100px) {
    .publicInternetExplorer9 .ajoutContact {
        width: 70%;
    }

    .publicInternetExplorer10 .ajoutContact {
        width: 70%;
    }
}

@media screen and (min-width: 1100px) {
    .ajoutContact {
        width: 94%;
    }
}

@media screen and (min-width: 1150px) {
    .ajoutContact {
        width: 93%;
    }
}

@media screen and (min-width: 1175px) {
    .ajoutContact {
        width: 94%;
    }
}

@media screen and (min-width: 1200px) {
    .ajoutContact {
        width: 94.5%;
    }
}

@media screen and (min-width: 1250px) {
    .ajoutContact {
        width: 94%;
    }
}

@media screen and (min-width: 1300px) {
    .ajoutContact {
        width: 92.5%;
    }
}

@media screen and (min-width: 1400px) {
    .ajoutContact {
        width: 93.5%;
    }
}

@media screen and (min-width: 1550px) {
    .ajoutContact {
        width: 93%;
    }
}

@media screen and (min-width: 1800px) {
    .ajoutContact {
        width: 91.5%;
    }
}

@media screen and (min-width: 1900px) {
    .ajoutContact {
        width: 93.5%;
    }
}

#choixDestinataire #to::-webkit-input-placeholder {
    font-style: normal;
}

#choixDestinataire.internetExplorer {
    width: 65%;
}

.publicInternetExplorer.ie8 #choixDestinataire {
    width: 108%;
}

.publicInternetExplorer9 #choixDestinataire.internetExplorer {
    width: 285px;
}

#simpEnvoiFichier #optionBlocMessageArea {
    width: 96%;
    margin-top: 4px;
}

#simpEnvoiFichier .espaceBlocTop {
    margin-top: 10px;
    float: left;
    width: 46%;
}

.publicInternetExplorer #simpEnvoiFichier .espaceBlocTop, .publicInternetExplorer9 #simpEnvoiFichier .espaceBlocTop {
    width: 55%;
}

.publicInternetExplorer10 #simpEnvoiFichier .espaceBlocTop {
    width: 61%;
}

.publicInternetExplorer10.nl #simpEnvoiFichier .espaceBlocTop {
    width: 66%;
}

li.sfTReloadMessage {
    list-style: none;
}

.publicInternetExplorer11 #simpEnvoiFichier .espaceBlocTop {
    width: 61%;
}

.publicInternetExplorer11.nl #simpEnvoiFichier .espaceBlocTop {
    width: 66%;
}

@media screen and (min-width: 1024px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 60%;
    }

    .publicInternetExplorer10 #divGaucheEtape3SelectSimple {
        width: 38% !important;
    }

    .publicInternetExplorer10.nl #divGaucheEtape3SelectSimple {
        width: 32% !important;
    }

    .publicInternetExplorer9 #divGaucheEtape3SelectSimple {
        width: 40% !important;
    }

    #divGaucheEtape3SelectSimple {
        width: 40% !important;
    }

    .publicInternetExplorer11.nl #divGaucheEtape3SelectSimple {
        width: 33% !important;
    }

    .publicInternetExplorer11 #simpEnvoiFichier .espaceBlocTop {
        width: 50%;
    }
}

@media screen and (min-width: 1025px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 60%;
    }
}

@media screen and (min-width: 1075px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 53%;
    }
}

@media screen and (min-width: 1100px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 52%;
    }
}

@media screen and (min-width: 1125px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 42%;
    }

    .publicInternetExplorer11 #simpEnvoiFichier .espaceBlocTop {
        width: 50%;
    }
}

@media screen and (min-width: 1999px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 37%;
    }
}

@media screen and (min-width: 2050px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 37%;
    }
}

@media screen and (min-width: 2150px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 37%;
    }
}

@media screen and (min-width: 2230px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 39%;
    }
}

@media screen and (min-width: 2320px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 39%;
    }
}

@media screen and (min-width: 2430px) {
    #simpEnvoiFichier .espaceBlocTop {
        width: 32%;
    }
}

#divGaucheEtape3SelectSimple {
    float: left;
    width: 54%;
}

.publicInternetExplorer #divGaucheEtape3SelectSimple, .publicInternetExplorer9 #divGaucheEtape3SelectSimple {
    float: left;
    width: 44%;
    margin-right: 1%;
}

.publicInternetExplorer10 #divGaucheEtape3SelectSimple {
    float: left;
    width: 38%;
    margin-right: 1%;
}

.publicInternetExplorer10.nl #divGaucheEtape3SelectSimple {
    float: left;
    width: 33%;
    margin-right: 1%;
}

.publicInternetExplorer11 #divGaucheEtape3SelectSimple {
    float: left;
    width: 38%;
    margin-right: 1%;
}

.publicInternetExplorer11.nl #divGaucheEtape3SelectSimple {
    float: left;
    width: 33%;
    margin-right: 1%;
}

@media screen and (min-width: 1025px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 58%;
    }
}

@media screen and (min-width: 1075px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 60%;
    }
}

@media screen and (min-width: 1100px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 61%;
    }

    .publicInternetExplorer11 #divGaucheEtape3SelectSimple {
        float: left;
        width: 43%;
    }
}

@media screen and (min-width: 1175px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 60.75%;
    }
}

@media screen and (min-width: 1200px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 57.5%;
    }
}

@media screen and (min-width: 1225px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 56.5%;
    }
}

@media screen and (min-width: 1250px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 55.75%;
    }
}

@media screen and (min-width: 1275px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 56.75%;
    }

    .publicInternetExplorer11 #divGaucheEtape3SelectSimple {
        float: left;
        width: 47.75%;
    }
}

@media screen and (min-width: 1300px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 54.75%;
    }
}

@media screen and (min-width: 1325px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 52.5%;
    }
}

@media screen and (min-width: 1350px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 49.75%;
    }
}

@media screen and (min-width: 1375px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 48.5%;
    }
}

@media screen and (min-width: 1400px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 46.75%;
    }
}

@media screen and (min-width: 1425px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 47%;
    }
}

@media screen and (min-width: 1450px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 46%;
    }
}

@media screen and (min-width: 1475px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 44.5%;
    }
}

@media screen and (min-width: 1500px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 44%;
    }
}

@media screen and (min-width: 1525px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 43%;
    }
}

@media screen and (min-width: 1550px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 42.65%;
    }
}

@media screen and (min-width: 1575px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 41.65%;
    }
}

@media screen and (min-width: 1600px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 39.8%;
    }
}

@media screen and (min-width: 1650px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 39.5%;
    }
}

@media screen and (min-width: 1675px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 38%;
    }
}

@media screen and (min-width: 1700px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 37.5%;
    }
}

@media screen and (min-width: 1725px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 36.5%;
    }
}

@media screen and (min-width: 1750px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 35.25%;
    }
}

@media screen and (min-width: 1775px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 36%;
    }
}

@media screen and (min-width: 1800px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 36.75%;
    }
}

@media screen and (min-width: 1825px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 36.5%;
    }
}

@media screen and (min-width: 1850px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 35.25%;
    }
}

@media screen and (min-width: 1875px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 34.5%;
    }
}

@media screen and (min-width: 1900px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 33.75%;
    }
}

@media screen and (min-width: 1925px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 33.25%;
    }
}

@media screen and (min-width: 1950px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 32.75%;
    }
}

@media screen and (min-width: 1975px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 32%;
    }
}

@media screen and (min-width: 2000px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 33.5%;
    }
}

@media screen and (min-width: 2025px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 33%;
    }
}

@media screen and (min-width: 2050px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 32.75%;
    }
}

@media screen and (min-width: 2075px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 32.25%;
    }
}

@media screen and (min-width: 2100px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 31.5%;
    }
}

@media screen and (min-width: 2125px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 30.75%;
    }
}

@media screen and (min-width: 2150px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 30%;
    }
}

@media screen and (min-width: 2175px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 29.5%;
    }
}

@media screen and (min-width: 2200px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 28.75%;
    }
}

@media screen and (min-width: 2225px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 27.5%;
    }
}

@media screen and (min-width: 2250px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 28.5%;
    }
}

@media screen and (min-width: 2275px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 27.5%;
    }
}

@media screen and (min-width: 2300px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 27.25%;
    }
}

@media screen and (min-width: 2325px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 26.25%;
    }
}

@media screen and (min-width: 2350px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 24.75%;
    }
}

@media screen and (min-width: 2375px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 24.25%;
    }
}

@media screen and (min-width: 2400px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 23.75%;
    }
}

@media screen and (min-width: 2550px) {
    #divGaucheEtape3SelectSimple {
        float: left;
        width: 22.75%;
    }
}

#divDroiteEtape3SelectSimple .content {
    width: 100%;
    margin-top: 16px;
    height: 412px;
}

#divDroiteEtape3SelectSimple .content.dropContent {
    width: 100%;
    margin-top: 16px;
    height: 471px;
}

#inputMessage msg {
    width: 100%;
    height: 207px;
}

#divGaucheEtape3SelectSimple #msg {
    border: 1px solid rgb(218, 218, 218);
    width: 95%;
    height: 373px;
    color: #6C6D7A;
    padding-top: 20px;
    padding-left: 20px;
}

#divGaucheEtape3SelectSimple #msg.msgDrop {
    width: 95%;
    height: 459px;
    color: #6C6D7A;
    padding-top: 20px;
    padding-left: 20px;
}

#divGaucheEtape3SelectSimple #inputObjet {
    width: 795px;
}

#divGaucheEtape3SelectSimple #inputMessage {
    width: 795px;
}

#optionsSupp_blocGauche {
    float: left;
    width: 100%;
}

#noCreditMessage {
    font-size: 14px;
}

#noCreditMessage a {
    text-decoration: underline;
    color: rgb(255, 153, 0);
    cursor: pointer;
    display: block;
}

#optionsSupp_blocDroit {
    float: left;
    width: 100%;
}

.dureeSelect {
    width: 90%;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff url('/images/dropdown.png') no-repeat center right;
    background-size: 17px 18px;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #6c6d70;
    text-align: center;
    padding-left: 76px;
    border: 1px solid #d3d3d3;
}

@media screen and (min-width: 1200px) {
    .dureeSelect {
        width: 80%;
    }
}

@media screen and (min-width: 1300px) {
    .dureeSelect {
        width: 74.5%;
    }
}

@media screen and (min-width: 1325px) {
    .dureeSelect {
        width: 72.5%;
    }
}

@media screen and (min-width: 1350px) {
    .dureeSelect {
        width: 76%;
    }
}

@media screen and (min-width: 1375px) {
    .dureeSelect {
        width: 75.5%;
    }
}

@media screen and (min-width: 1400px) {
    .dureeSelect {
        width: 74.5%;
    }
}

@media screen and (min-width: 1450px) {
    .dureeSelect {
        width: 73%;
    }
}

@media screen and (min-width: 1475px) {
    .dureeSelect {
        width: 72%;
    }
}

@media screen and (min-width: 1500px) {
    .dureeSelect {
        width: 70.5%;
    }
}

@media screen and (min-width: 1550px) {
    .dureeSelect {
        width: 69.5%;
    }
}

@media screen and (min-width: 1575px) {
    .dureeSelect {
        width: 68.5%;
    }
}

@media screen and (min-width: 1650px) {
    .dureeSelect {
        width: 66.75%;
    }
}

@media screen and (min-width: 1700px) {
    .dureeSelect {
        width: 65.75%;
    }
}

@media screen and (min-width: 1725px) {
    .dureeSelect {
        width: 65%;
    }
}

.mdpSelect {
    width: 100%;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff url('/images/dropdown.png') no-repeat center right;
    background-size: 17px 18px;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #6c6d70;
    text-align: center;
    padding-left: 10px;
}

#divPasswordEnvoyer {
    display: none;
}

td.optionColoneGauche {
    width: 196px;
    padding-bottom: 7px;
}

td.optionColoneDroite input {
    height: 29px;
    margin-bottom: 1px;
    padding-left: 10px;
    width: 160px;
    color: #6C6D70;
}

#divDroiteEtape3SelectSimple .content .espaceLineTop {
    margin-top: 5px;
}

.veticalAlignMiddle {
    vertical-align: middle;
    font-size: 14px;
}

div#divFichier .veticalAlignMiddle {
    text-decoration: underline;
}

.optionTitle {
    text-transform: none;
}

#divGaucheEtape3SelectSimple #optionBlocMessageArea .rubTitle {
    padding-top: 0px;
}

.boutonModifier,
.boutonModifier2 {
    position: relative;
    float: right;
    background: url("images/espace_client/bouton_modifier.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 110px;
    height: 19px;
    text-align: center;
    padding-top: 7px;
}

.boutonModifier:hover,
.boutonModifier2:hover {
    position: relative;
    float: right;
    background: url("images/espace_client/bouton_modifier.gif");
    background-repeat: no-repeat;
    background-position: 0px -27px;
    width: 110px;
    height: 19px;
    text-align: center;
    padding-top: 7px;
}

.boutonModifier140 {
    position: relative;
    float: right;
    background: url("images/espace_client/bouton_modifier_140.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 140px;
    height: 19px;
    text-align: center;
    padding-top: 7px;
}

.boutonModifier140:hover {
    position: relative;
    float: right;
    background: url("images/espace_client/bouton_modifier_140.gif");
    background-repeat: no-repeat;
    background-position: 0px -27px;
    width: 140px;
    height: 19px;
    text-align: center;
    padding-top: 7px;
    color: white;
}

.boutonModifier140:hover a {
    color: white;
}

#cke_msg {
    clear: both;
}

#pageInscription {
    padding-top: 10px;
}

#pageInscription .navigButton {
    padding-left: 195px;
}

#pageInscription #mainTitle h1 {
    text-transform: uppercase;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-weight: normal !important;
    color: #5c707a;
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}

.headerComparatif {
    float: left;
    height: 68px;
    margin-left: -5px;
    position: relative;
    width: 706px;
}

.ligneComparatif {
    background: url("../../../images/offre/comparatif/fond.jpg") repeat-y scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    margin-left: -5px;
    position: relative;
    width: 706px;
}

.thComparatif {
    float: left;
    padding-left: 7px;
    position: relative;
    width: 132px;
}

.tdComparatif {
    float: left;
    padding-left: 8px;
    position: relative;
    width: 270px;
}

.separationComparatif {
    background: url("../../../images/offre/comparatif/sep_horizontales.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 6px;
    margin-left: -5px;
    position: relative;
    width: 706px;
}

.ligneComparatifNoBackground {
    color: #444444;
    float: left;
    margin-left: -5px;
    padding-bottom: 15px;
    position: relative;
    width: 706px;
}

#comparatifPage .mainTitle {
    color: #395587;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

#comparatifPage .intro {
    color: #444444;
    font-size: 12px;
    font-weight: bold;
}

#buyAbonnementPage #buyAbonnementForm, #buyCreditPage #buyCreditFrom {
    width: 700px;
    margin: auto;
}

#buyAbonnementPage .navigButton {
    margin-top: 10px;
    float: right;
    margin-right: 310px;
}

#buyCreditPage .select, #buyAbonnementPage .select {
    padding-left: 15px;
    padding-bottom: 5px;
}

#buyCreditPage tr[class=content] {
    font-size: 15px;
    font-weight: bold;
}

#recapitulatifPage .rubTitle {
    color: #395587;
    font-size: 14px;
    text-decoration: underline;
    margin-bottom: 10px;
}

#recapitulatifPage .rowTitle {
    font-size: 17px;
}

#recapitulatifPage #paiementCommande {
    margin-top: 10px;
}

#recapitulatifPage #recapContent > div {
    margin-bottom: 5px;
}

#creditPaiementPage {
    width: 700px;
    margin: auto;
}

#creditPaiementPage #tableauCommandeListe {
}

#creditPaiementPage .navigButton {
    float: right;
}

#creditPaiementPage #modePayment {
    margin-top: 15px;
}

#creditPaiementPage #modePayment #modePaymentSelect {
    text-align: right;
    margin-bottom: 20px;
}

#creditPaiementPage .messageErreur {
    margin-top: 5px;
}

#creditPaiementPage #modePayment .highlight {
    font-size: 16px;
}

.subheader {
    background-color: #F2F2F2;
    color: #4779B4;
    font-size: 11px;
    font-weight: bold;
}

.lien_11_gris:link {
    color: #444444;
    font-size: 15px;
    font-weight: normal !important;
}

#contactUs .rubTitle, .styleForm2 .rubTitle {
    padding-bottom: 4px;
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
}

.publicInternetExplorer.ie8 #contactUs .rubTitle, .publicInternetExplorer.ie8 .styleForm2 .rubTitle {
    font-size: 14px;
}

.styleForm3 .champObligatoire {
    margin: 0;
    font-size: 0.8em;
    color: #cc0000;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer.ie8 .styleForm3 .champObligatoire {
    font-size: 13px !important;
}

.styleForm3 .blockLeft {
    float: left;
    padding-left: 15px;
    width: 350px;
}

.styleForm3 .blockRight {
    float: right;
    padding-right: 15px;
    width: 288px;
}

#entity_edit .styleForm3 .blockRight {
    float: left;
    padding-right: 15px;
    width: 288px;
}

#entity_custom #custom.styleForm3 {
    width: 975px;
    margin: auto;
    padding-left: 155px;
}

#entity_custom .styleFormMargin {
    margin: auto;
    width: 948px;
    padding-left: 155px;
}

#entity_custom b {
    font-family: Calibri, Sans-Serif;
    color: #B5B6B7;
    font-size: 14px;
    font-weight: normal;
    font-weight: bold;
}

.styleForm3 .asterisque {
    color: #cc0000;
}

.styleForm3 .input {
    margin-bottom: 10px;
    width: 315px;
    color: #B5B6B7;
}

.styleForm3 .input.loginHeader, .styleForm3 .input.passwordHeader {
    width: 212px;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

.styleForm3 .input .inputText {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 280px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

.styleForm3 select.sizeSelect {
    width: 280px;
}

.styleForm3 select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 292px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
}

.styleForm3 .rubTitle.parametrerTitre {
    border-bottom: 3px solid white;
}

.styleForm3 .rubTitle {
    padding-bottom: 4px;
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
    font-weight: bold;
}

.publicInternetExplorer11 .styleForm3 .rubTitle {
    font-size: 15px;
}

.publicInternetExplorer9 .styleForm3 .rubTitle {
    font-size: 14px;
}

.publicInternetExplorer.ie8 .styleForm3 .rubTitle {
    font-size: 12px;
}

#compte_setting .title1 {
    padding-bottom: 4px;
    font-size: 18px !important;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
    margin-left: 155px;
}

#compte_credit .rubTitle {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 17px;
}

.styleForm3 .indicatifMobile {
    float: left;
    width: 65px;
    margin-right: 5px;
}

#rub_compte .indicatifMobile {
    float: left;
    width: 66px;
    margin-right: 4px;
}

.styleForm3 #mobile {
    width: 210px;
}

.styleForm2 .blockLeft,
#monProfil .blockLeft,
#contactUs .blockLeft {
    float: left;
    width: 385px;
}

.styleForm2 .blockLeft2 {
    float: left;
    width: 385px;
    padding-left: 10px;
}

.styleForm2 .blockRight2 {
    float: right;
}

.styleForm2 .blockRight,
#contactUs .blockRight {
    float: left;
    width: 350px;
}

.styleForm2 .input,
#contactUs .input {
    margin-top: 5px;
    margin-bottom: 10px;
}

.styleForm2 .input .inputText,
#contactUs .input input {
    height: 17px;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 235px;
    font-family: Calibri, Sans-Serif;
    color: #70839d;
    text-align: center;
}

#contactUs .input #message {
    width: 623px;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    color: #70839d;
    padding-left: 10px;
    padding-top: 10px;
    resize: none;
}

textarea.messageContact {
    height: 175px;
}

.styleForm2 select.sizeSelect {
    width: 280px;
}

#contactUs select {
    font-size: 14px;
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #ffffff url('/images/dropdown.png') no-repeat center right 9px;
    background-size: 20px 20px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #70839d;
    text-align: center;
    padding-left: 46px;
    border-radius: 14px;
    border-color: #C8C6C7;
}

@-moz-document url-prefix() {
    #contactUs select {
        background: #ffffff;
    }
}

#contactUs.Gecko select {
    background: #ffffff;
}

#contactUs #pays {
    font-size: 18px;
    width: 290px;
}

#monProfil #type,
    /*#contactUs #type{font-size:18px;padding-top:2px;padding-bottom:2px;width:282px;}*/
#contactUs #type {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 282px;
}

#monProfil #indicatifPays, #monProfil #indicatifPays2, #contactUs #indicatifPays, #contactUs #indicatifPays2,
#pageEditClient #indicatifPays, #pageEditClient #indicatifPays2, #pageEditClient #indicatifPays3,
#pageAddClient #indicatifPays, #pageAddClient #indicatifPays2, #pageAddClient #indicatifPays3 {
    width: 55px;
}

#monProfil #mobile, #monProfil #telephone, #monProfil #tva, #contactUs #mobile, #contactUs #telephone, #contactUs #tva,
#pageEditClient #tva, #pageEditClient #mobile, #pageEditClient #telephone, #pageEditClient #fax,
#pageAddClient #tva, #pageAddClient #mobile, #pageAddClient #telephone, #pageAddClient #fax {
    width: 210px;
}

#monProfil .messageErreur, erreur, #contactUs .messageErreur {
    padding-left: 5px;
}

#monProfil #prefix, #contactUs #prefix, #pageEditClient #prefix, #pageAddClient #prefix {
    width: 55px;
}

#contactUs .asterisque {
    color: #CC0000;
}

#monProfil .champObligatoire, #contactUs .champObligatoire {
    margin: 0;
    color: #cd0a0a;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

#contactUs {
    margin-top: 15px;
}

#contactUs .navigButton {
    float: right;
    margin-right: 770px;
}

.blockCheck {
    padding-bottom: 15px;
    margin-left: 14px;
}

.blockCheck input[type="checkbox"] {
    width: auto;
}

.styleForm3 #expiration {
    width: 240px;
}

.publicInternetExplorer.ie8 #menuEcContainer.download.noContact {
    margin-top: 28px !important;
}

#menuEcContainer.download.noContact {
    margin-top: 81px !important;
}

.download_fichiers_form:link,
.download_fichiers_form:visited {
    background-position: 0px 0px;
    color: #545454;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    height: 11px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    text-decoration: none;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    line-height: 16px;
    color: #7C7B79;
    margin-left: 3px;
}

.download_fichiers_form:hover {
    color: #ffffff;
    background-color: #545454;
}

#update_password.download_fichiers_form {
    margin-top: 10px;
}

#update_password.download_fichiers_form.regenerate {
    margin-top: 0px;
    margin-left: 10px;
}

.download_form_inscription {
    width: 400px;
    margin: auto;
    text-align: left;
}

.download_form_inscription .head {
    padding-bottom: 15px;
}

.download_form_inscription .head .gras {
    font-weight: bold;
    font-size: 13px;
}

.link_download_form:link,
.link_download_form:visited,
.link_download_form:hover {
    padding-left: 80px;
    font-size: 11px;
    text-decoration: underline;
    color: #424343;
}

.consoBarTotal {
    float: left;
    width: 200px;
    height: 15px;
    background: #F6F6F6;
    border: 1px solid #848c94;
}

.consoBarUtilise {
    position: absolute;
    width: 200px;
    text-align: center;
    color: #848c94;
    height: 15px;
    padding-top: 1px;
}

.styleForm3 .colorPicker {
    font-size: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 240px;
}

.styleForm3 .inputFile {
    font-size: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 270px;
}

.bouton_verifier {
    background-position: 0px 0px;
    height: 23px;
    padding-top: 2px;
    position: relative;
    text-align: center;
    width: 90px;
    cursor: pointer;
    display: block;
    margin-right: 8px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 14px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    font-size: 14.5px;
    line-height: 21px;
    color: #7C7B79;
    margin-bottom: 9px;
}

.bouton_verifier:hover {
    background-color: #9d9e9e;
    height: 23px;
    text-align: center;
    padding-top: 2px;
    line-height: 21px;
    display: block;
    color: white;
}

.offerMessage {
    font-size: 11px;
    padding-top: 5px;
    clear: both;
    float: right;
    color: #848c94;
}

@media screen and (min-width: 1024px) {
    .bouton_verifier {
        margin-right: 13px;
    }
}

@media screen and (min-width: 1050px) {
    .bouton_verifier {
        margin-right: 25px;
    }
}

@media screen and (min-width: 1075px) {
    .bouton_verifier {
        margin-right: 7px;
    }
}

@media screen and (min-width: 1100px) {
    .bouton_verifier {
        margin-right: 12px;
    }
}

@media screen and (min-width: 1125px) {
    .bouton_verifier {
        margin-right: 17px;
    }
}

@media screen and (min-width: 1175px) {
    .bouton_verifier {
        margin-right: 22px;
    }
}

@media screen and (min-width: 1200px) {
    .bouton_verifier {
        margin-right: 13px;
    }
}

@media screen and (min-width: 1225px) {
    .bouton_verifier {
        margin-right: 18px;
    }
}

@media screen and (min-width: 1250px) {
    .bouton_verifier {
        margin-right: 24px;
    }
}

@media screen and (min-width: 1275px) {
    .bouton_verifier {
        margin-right: 28px;
    }
}

@media screen and (min-width: 1300px) {
    .bouton_verifier {
        margin-right: 34px;
    }
}

@media screen and (min-width: 1325px) {
    .bouton_verifier {
        margin-right: 35px;
    }
}

@media screen and (min-width: 1350px) {
    .bouton_verifier {
        margin-right: 30px;
    }
}

@media screen and (min-width: 1375px) {
    .bouton_verifier {
        margin-right: 35px;
    }
}

@media screen and (min-width: 1425px) {
    .bouton_verifier {
        margin-right: 37px;
    }
}

@media screen and (min-width: 1450px) {
    .bouton_verifier {
        margin-right: 42px;
    }
}

@media screen and (min-width: 1475px) {
    .bouton_verifier {
        margin-right: 41px;
    }
}

@media screen and (min-width: 1500px) {
    .bouton_verifier {
        margin-right: 47px;
    }
}

@media screen and (min-width: 1525px) {
    .bouton_verifier {
        margin-right: 51px;
    }
}

@media screen and (min-width: 1550px) {
    .bouton_verifier {
        margin-right: 55px;
    }
}

@media screen and (min-width: 1575px) {
    .bouton_verifier {
        margin-right: 56px;
    }
}

@media screen and (min-width: 1600px) {
    .bouton_verifier {
        margin-right: 60px;
    }
}

@media screen and (min-width: 1625px) {
    .bouton_verifier {
        margin-right: 64px;
    }
}

@media screen and (min-width: 1650px) {
    .bouton_verifier {
        margin-right: 67px;
    }
}

@media screen and (min-width: 1700px) {
    .bouton_verifier {
        margin-right: 72px;
    }
}

@media screen and (min-width: 1725px) {
    .bouton_verifier {
        margin-right: 75px;
    }
}

@media screen and (min-width: 1775px) {
    .bouton_verifier {
        margin-right: 80px;
    }
}

@media screen and (min-width: 1800px) {
    .bouton_verifier {
        margin-right: 95px;
    }
}

@media screen and (min-width: 1825px) {
    .bouton_verifier {
        margin-right: 100px;
    }
}

@media screen and (min-width: 1875px) {
    .bouton_verifier {
        margin-right: 107px;
    }
}

@media screen and (min-width: 1900px) {
    .bouton_verifier {
        margin-right: 110px;
    }
}

@media screen and (min-width: 1950px) {
    .bouton_verifier {
        margin-right: 114px;
    }
}

@media screen and (min-width: 1975px) {
    .bouton_verifier {
        margin-right: 116px;
    }
}

@media screen and (min-width: 2000px) {
    .bouton_verifier {
        margin-right: 136px;
    }
}

@media screen and (min-width: 2025px) {
    .bouton_verifier {
        margin-right: 140px;
    }
}

@media screen and (min-width: 2050px) {
    .bouton_verifier {
        margin-right: 144px;
    }
}

@media screen and (min-width: 2100px) {
    .bouton_verifier {
        margin-right: 149px;
    }
}

@media screen and (min-width: 2125px) {
    .bouton_verifier {
        margin-right: 153px;
    }
}

@media screen and (min-width: 2150px) {
    .bouton_verifier {
        margin-right: 154px;
    }
}

@media screen and (min-width: 2175px) {
    .bouton_verifier {
        margin-right: 159px;
    }
}

@media screen and (min-width: 2200px) {
    .bouton_verifier {
        margin-right: 162px;
    }
}

@media screen and (min-width: 2225px) {
    .bouton_verifier {
        margin-right: 164px;
    }
}

@media screen and (min-width: 2250px) {
    .bouton_verifier {
        margin-right: 170px;
    }
}

@media screen and (min-width: 2300px) {
    .bouton_verifier {
        margin-right: 174px;
    }
}

@media screen and (min-width: 2325px) {
    .bouton_verifier {
        margin-right: 180px;
    }
}

@media screen and (min-width: 2350px) {
    .bouton_verifier {
        margin-right: 183px;
    }
}

@media screen and (min-width: 2375px) {
    .bouton_verifier {
        margin-right: 185px;
    }
}

@media screen and (min-width: 2400px) {
    .bouton_verifier {
        margin-right: 187px;
    }
}

@media screen and (min-width: 2425px) {
    .bouton_verifier {
        margin-right: 192px;
    }
}

@media screen and (min-width: 2450px) {
    .bouton_verifier {
        margin-right: 197px;
    }
}

@media screen and (min-width: 2475px) {
    .bouton_verifier {
        margin-right: 199px;
    }
}

@media screen and (min-width: 2500px) {
    .bouton_verifier {
        margin-right: 201px;
    }
}

@media screen and (min-width: 2525px) {
    .bouton_verifier {
        margin-right: 206px;
    }
}

@media screen and (min-width: 2550px) {
    .bouton_verifier {
        margin-right: 208px;
    }
}

.bouton_jaune_custom:link,
.bouton_jaune_custom:visited {
    background-position: 0px 0px;
    color: #545454;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    height: 11px;
    padding-bottom: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    line-height: 16px;
    color: #7C7B79;
    margin-left: 3px;
}

.bouton_jaune_custom:hover {
    color: white;
    background-color: #545454;
}

* + html .bouton_jaune_custom {
    margin-top: -30px;
}

* html .bouton_jaune_custom {
    margin-top: -30px;
}

.bouton_jaune_envoi_retour:link, .bouton_jaune_envoi_retour:visited {
    background-position: 0px 0px;
    color: #545454;
    display: block;
    font-size: 14px;
    padding-top: 7px;
    height: 11px;
    padding-bottom: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    line-height: 16px;
    color: #7C7B79;
    font-weight: bold;
    margin-left: 24px;
}

#customPage .bouton_jaune_custom:link {
    position: relative !important;
    float: right !important;
}

#customPage .rubTitle.espaceInterLigne {
    margin-top: 150px;
}

#entity_edit .rubTitle.espaceInterLigne {
    margin-top: 110px;
}

#customPage .styleForm3 .input {
    width: 409px;
}

.bouton_jaune_envoi_retour:hover {
    background-color: #545454;
    color: white;
}

body#mTemplate.publicInternetExplorer9 body .bouton_jaune {
    font-weight: bold;
}

.styleForm3 .status_upload {
    margin-top: 5px;
    width: 100%;
}

.styleForm3 .finish_upload {
    margin-top: 15px;
    margin-bottom: 15px;
}

.achat_credits_home:link, .achat_credits_home:visited, .voir_offres_home:link, .voir_offres_home:visited, .decouvrir_offres_home:link, .decouvrir_offres_home:visited {
    background-position: 0px 0px;
    color: #545454;
    display: block;
    font-size: 17px;
    padding-top: 7px;
    height: 11px;
    padding-bottom: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    text-transform: uppercase;
    line-height: 16px;
    color: #7C7B79;
    margin-left: 3px;
}

.styleForm3 #url_cname {
    width: 150px;
}

#upgradeUsers .navigButton {
    float: right;
}

#tableauCommandeListe {
    color: #444444;
    font-size: 14px;
    padding-top: 10px;
    width: 100%;
}

#tableTotal {
    margin-top: 5px;
    font-size: 14px;
}

#tableTotal .col1 {
    width: 28%;
    font-weight: bold;
}

#tableTotal .col2 {
    width: 17%;
}

#tableSubscribe {
    font-size: 14px;
}

#tableSubscribe .tr_head td {
    padding-bottom: 15px;
    padding-top: 15px;
}

#tableSubscribe .content td, #tableTotal .content td {
    text-align: center;
    padding: 6px;
}

#tableSubscribe .col1, #tableSubscribe td.col1 {
    text-align: left;
    padding-left: 10px;
}

#tableSubscribe td.col1 ul.list, #moreDetailsDescriptionDialog ul.list {
    list-style: none outside;
}

#tableSubscribe td.col1 ul.list li, #moreDetailsDescriptionDialog ul.list li {
    padding-top: 2px;
    padding-bottom: 2px;
}

#tableSubscribe td.col1 ul.list li .highlight, #moreDetailsDescriptionDialog ul.list li .highlight {
    font-weight: bold;
    text-decoration: underline;
}

#tableSubscribe #offreDescription .details {
    padding-top: 5px;
    color: black;
}

#tableSubscribe #offreDescription .details a {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

#tableSubscribe #offreDescription .list p {
    padding-bottom: 1px;
    font-size: 14px;
    text-align: left;
    padding-left: 25px;
    padding-bottom: 5px;
}

#tableSubscribe #ligneOffre {
}

#tableSubscribe #ligneOffre .col2, #tableSubscribe #ligneOffre .col3, #tableSubscribe #ligneOffre .col4 {
    padding-top: 10px;
}

#tableSubscribe .content .col2, #tableSubscribe .content .col3, #tableSubscribe .content .col4 {
}

#tableSubscribe .ligneOptions {
}

#tableSubscribe #ligneTva .libelle, #tableSubscribe #ligneStotal .libelle, #tableSubscribe #ligneTotalTTC .libelle {
    text-align: right;
    font-weight: bold;
}

#tableSubscribe .optionCheckBox {
    vertical-align: middle;
    margin-right: 10px;
}

#tableSubscribe .col1 {
    width: 55%;
}

#tableSubscribe .col2 {
    width: 11%;
}

#tableSubscribe .col3 {
    width: 17%;
}

#tableSubscribe .col4 {
    width: 17%;
}

#renew #contain_renew .tr_head, #tableSubscribe .tr_head, #contain_buy .tr_head, #contain_buy .tr_head, #tableUpgrade .tr_head {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #395587;
    font-size: 14px;
    text-align: center;
}

#renew #contain_renew .tr_head td, #tableSubscribe .tr_head td, #contain_buy .tr_head td, #tableUpgrade .tr_head td {
    padding-bottom: 13px;
    padding-top: 13px;
}

#renew #contain_renew .col1, #tableUpgrade .col1, #contain_buy .col1,
#renew #contain_renew .col2, #tableUpgrade .col2, #contain_buy .col2,
#renew #contain_renew .col3, #tableUpgrade .col3, #contain_buy .col3,
#renew #contain_renew .col4, #tableUpgrade .col4, #contain_buy .col4,
#renew #contain_renew .col5, #tableUpgrade .col5, #contain_buy .col5,
#renew #contain_renew .col6, #contain_buy .col6, #tableUpgrade .col6, #tableUpgrade .col7,
#renew #contain_renew .col7 {
    text-align: center;
    padding: 6px;
}

#renew .modPaiement {
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    font-size: 15px;
    color: #6d6e71;
    text-align: center;
}

#renew .titleRenew, #recapitulatifPage .rubTitle.titleRecap {
    padding-bottom: 4px;
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6C6D70;
    text-decoration: underline;
    margin-left: 150px;
}

#recapitulatifPage .rubTitle.titleRecap {
    margin-left: 0px;
}

#tableUpgrade .col1 {
    width: 20%;
}

#tableUpgrade .col2 {
    width: 12%;
}

#tableUpgrade .col3 {
    width: 12%;
}

#tableUpgrade .col4 {
    width: 16%;
}

#tableUpgrade .col5 {
    width: 10%;
}

#tableUpgrade .col6 {
    width: 15%;
}

#tableUpgrade .col7 {
    width: 15%;
}

#tableUpgrade .totalHT .left, #tableUpgrade .totalTVA .left, #tableUpgrade .totalTTC .left {
    padding: 6px;
    font-weight: bold;
    padding: 6px;
    border-left: 1px solid #B9B9B9;
    border-bottom: 1px solid #B9B9B9;
    text-align: right;
}

#tableUpgrade .totalHT .right, #tableUpgrade .totalTVA .right, #tableUpgrade .totalTTC .right {
    padding: 6px;
    width: 20%;
    border-left: 1px solid #B9B9B9;
    border-bottom: 1px solid #B9B9B9;
    border-right: 1px solid #B9B9B9;
    text-align: center;
}

#tableUpgrade .cpromo .left {
    padding: 6px;
    border-left: 1px solid #B9B9B9;
    border-bottom: 1px solid #B9B9B9;
}

#tableUpgrade .cpromo .right {
    padding: 6px;
    width: 20%;
    border-left: 1px solid #B9B9B9;
    border-bottom: 1px solid #B9B9B9;
    border-right: 1px solid #B9B9B9;
    text-align: center;
}

#renew #contain_renew .col7, #tableUpgrade .col7, #contain_buy .col6 {
    border-right: 1px solid #B9B9B9;
}

#renew #contain_renew .content td, #tableUpgrade .content td {
    border-left: 1px solid #B9B9B9;
    border-bottom: 1px solid #B9B9B9;
}

#renew #contain_renew .content .col1 {
    text-align: left;
}

#renew #contain_renew .unselect {
    text-decoration: line-through;
}

#tableFacture {
    width: 100%;
    clear: both;
    text-align: center;
}

#tableFacture .colonneRef {
    width: 18%;
    font-family: Calibri, Sans-Serif;
    background-color: #e8e7e8;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tableFacture .colonneDateCommande {
    width: 12%;
    background-color: #f2f1f2;
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tableFacture .colonneDatePaiement {
    width: 12%;
    font-family: Calibri, Sans-Serif;
    background-color: #e8e7e8;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tableFacture .colonneEtat {
    width: 17%;
    background-color: #f2f1f2;
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tableFacture .colonneModePaiement {
    width: 14%;
    background-color: #e8e7e8;
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tableFacture .colonneMontant {
    width: 12%;
    background-color: #f2f1f2;
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#tableFacture .colonneAction {
    width: 15%;
    background-color: #e8e7e8;
    font-family: Calibri, Sans-Serif;
    border-bottom: 4px solid white;
    color: #6d6e71;
}

#ajax_login_errorMessage {
    padding-left: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#sendParrainage {
    width: 900px;
}

#parrainage #sendParrainageLeft, #affiliatePage #sendAffiliateLeft {
    float: left;
    width: 500px;
}

#parrainage #sendParrainageLeft .inputText, #affiliatePage #sendAffiliateLeft .inputText {
    height: 22px;
    width: 460px;
    font-size: 11px;
}

#parrainage #chapo, #affiliatePage #chapo {
    width: 800px;
    margin-bottom: 20px;
}

#parrainage #errorEmail, #affiliatePage #errorEmail {
    float: right;
    padding-top: 9px;
    width: 190px;
}

#parrainage #email, #affiliatePage #email {
    width: 350px;
}

#parrainage .focus, #affiliatePage .focus {
    color: #737373;
    font-family: Verdana;
    color: #737373;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 350px;
}

#parrainage #sendParrainageRight, #affiliatePage #sendAffiliateRight {
    float: left;
    width: 399px;
    border-left: 1px solid rgb(66, 67, 67);
}

#parrainage #sendParrainageRight .wrapper, #affiliatePage #sendAffiliateRight .wrapper {
    padding-left: 40px;
}

#parrainage #sendParrainageRight .wrapper .title,
#parrainage #sendParrainageLeft .wrapper .title,
#affiliatePage #sendAffiliateRight .wrapper .title,
#affiliatePage #sendAffiliateLeft .wrapper .title {
    margin-bottom: 10px;
    font-weight: bold;
}

#parrainage #errorEmail .error_1,
#parrainage #errorEmail .error_2,
#parrainage #errorEmail .error_3,
#affiliatePage #errorEmail .error_1,
#affiliatePage #errorEmail .error_2,
#affiliatePage #errorEmail .error_3 {
    display: none;
}

#parrainage #errorEmail .error_0, #affiliatePage #errorEmail .error_0 {
    display: none;
    color: green;
}

.styleTableCo {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    border-color: #B9B9B9;
}

.styleTableCo .bouton_jaune {
    margin: auto;
}

.styleTableCo a {
    cursor: pointer;
}

.styleTableCo .head td {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    border: 1px solid rgb(218, 218, 218);
    border-radius: 14px;
    border-spacing: 0;
    border-collapse: 0;
    display: block;
    width: 40%;
    margin-right: 10px;
    float: left;
}

.styleTableCo .content td {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: center;
}

#tableComp .col1 {
    width: 25%;
}

#tableComp .content .col1 {
    font-weight: bold;
    text-align: right;
}

#tableComp .col2 {
    width: 15%;
}

#tableComp .col3 {
    width: 15%;
}

#tableComp .col4 {
    width: 15%;
}

.styleTableCo .highlight1 {
    color: #395587;
    font-weight: bold;
}

.styleTableCo .highlight2 {
    color: #395587;
    font-size: 14px;
    font-weight: bold;
}

.styleTableCo .highlight3 {
    font-weight: bold;
    padding-bottom: 15px;
    padding-right: 5px;
    padding-top: 15px;
    text-decoration: underline;
}

.styleTableCo .highlight3c1 {
    background: none repeat scroll 0 0 #EEEEEE;
    font-weight: bold;
    padding-bottom: 15px;
    padding-right: 5px;
    padding-top: 15px;
    text-decoration: underline;
}

#tableComp .trTarif {
    font-weight: bold;
    font-size: 14px;
    color: #395587;
}

#tableComp .trTarif .s1 {
    font-size: 10px;
    vertical-align: super;
}

#tableComp .trTarif .s2 {
    font-size: 12px;
}

#comparatifPage #infos {
    margin-top: 35px;
}

#comparatifPage .espace1 {
    margin-top: 20px;
}

.txt_b {
    color: #89d4e4;
}

.tableau_about td {
    height: 25px;
    border-bottom: 2px solid #3F3F3F;
    padding: 4px;
    text-align: justify;
    width: 100%;
}

.entete_tab {
    color: #FFFFFF;
    font-weight: bold;
    background: #ffcc33;
    border-bottom: 2px solid #FFFFFF !important;
    padding: 3px;
    height: 25px;
}

.entete_tab.internetExplorer {
    padding-left: 70px;
}

.faq_container {
    padding-top: 5px;
    padding-left: 171px;
}

.fiche_container {
    padding-top: 0px;
    padding-left: 171px;
    padding-bottom: 50px;
}

.rubTitle2.faq {
    margin-left: 147px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    hyphens: auto;
    color: #4c5d67;
    font-weight: bold;
}

@media screen and (min-width: 1400px) {
    .faq_container {
        padding-left: 231px;
    }

    .rubTitle2.faq {
        margin-left: 207px;
    }

    .rubTitle2.fiche {
        margin-left: 169px;
    }
}

@media screen and (min-width: 1500px) {
    .faq_container {
        padding-left: 291px;
    }

    .rubTitle2.faq {
        margin-left: 267px;
    }
}

@media screen and (min-width: 1600px) {
    .faq_container {
        padding-left: 351px;
    }

    .rubTitle2.faq {
        margin-left: 327px;
    }
}

@media screen and (min-width: 1775px) {
    .faq_container {
        padding-left: 411px;
    }

    .rubTitle2.faq {
        margin-left: 387px;
    }
}

@media screen and (min-width: 1900px) {
    .faq_container {
        padding-left: 471px;
    }

    .rubTitle2.faq {
        margin-left: 447px;
    }
}

@media screen and (min-width: 2000px) {
    .faq_container {
        padding-left: 531px;
    }

    .rubTitle2.faq {
        margin-left: 507px;
    }
}

@media screen and (min-width: 2100px) {
    .faq_container {
        padding-left: 591px;
    }

    .rubTitle2.faq {
        margin-left: 567px;
    }
}

@media screen and (min-width: 2200px) {
    .faq_container {
        padding-left: 651px;
    }

    .rubTitle2.faq {
        margin-left: 627px;
    }
}

@media screen and (min-width: 2300px) {
    .faq_container {
        padding-left: 711px;
    }

    .rubTitle2.faq {
        margin-left: 687px;
    }
}

@media screen and (min-width: 2400px) {
    .faq_container {
        padding-left: 771px;
    }

    .rubTitle2.faq {
        margin-left: 747px;
    }
}

.faq_question {
    font-size: 15px;
    padding-bottom: 5px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    hyphens: auto;
    color: #4c5d67;
}

.faq_answer {
    color: #444444;
    padding-bottom: 20px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    hyphens: auto;
    color: #4c5d67;
}

.fiche_head {
    font-size: 16px;
    padding-bottom: 5px;
    font-family: 'Knockout_JuniorWelterwt', Calibri, Sans-Serif;
    font-size: 18px;
    hyphens: auto;
    color: #FFCB00;
}

.fiche_head.listPuce {
    background: url("/images/features/point.png") 0px 7px;
    background-repeat: no-repeat;
    padding-bottom: 13px;
    padding-left: 40px;
}

.fiche_content {
    color: #444444;
    padding-bottom: 20px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    hyphens: auto;
    color: #4c5d67;
}

#group_list #tableGroup {
    text-align: center;
    width: 633px;
    margin-top: 46px;
}

#group_list #tableGroup .colonneLibelle {
    text-align: center;
    width: 350px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #6d6e71;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
}

#group_list #tableGroup .colonneNb {
    width: 177px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #6d6e71;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
}

#divTableGroup tr:first-child td {
    font-weight: bold;
}

#group_list #tableGroup .colonneAction {
    width: 230px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #6d6e71;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
}

#client_ip {
    width: 750px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 31px;
}

#client_ip #addIp .title {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.publicInternetExplorer.ie8 #client_ip #addIp .title {
    font-size: 14px;
}

#client_ip #addIp #blockLeft {
    float: left;
    width: 315px;
}

#client_ip #addIp #blockRight {
    border-left: 1px solid #424343;
    float: left;
    width: 399px;
    padding-left: 35px;
}

#client_domaine #tableDomaine,
#client_ip #tableIp {
    width: 700px;
}

#client_domaine #tableDomaine .colonneDomaine,
#client_ip #tableIp .colonneIp {
    width: 600px;
}

#client_domaine #tableDomaine .colonneAction,
#client_ip #tableIp .colonneAction {
    width: 100px;
}

#compte_setting .label {
    clear: both;
    width: 270px;
    float: left;
    font-size: 17px;
    padding-top: 2px;
    margin-bottom: 10px;
}

#compte_setting .styleTable .colonneActive,
#compte_setting .styleTable .colonneValeur {
    text-align: center;
}

#compte_setting .select {
    float: left;
    font-size: 17px;
}

#compte_setting .rubSpace {
    margin-top: 10px;
}

#compte_setting img.success {
    padding-left: 5px;
    padding-top: 5px;
}

acronym {
    text-decoration: none;
    border-bottom: none;
}

.backgroundError {
    background-color: red;
}

#tableClient {
    width: 100%;
    clear: both;
}

#tableClient .colonneSociete {
    width: 20%
}

#tableClient .colonneVille {
    width: 15%
}

#tableClient .colonneTelephone {
    width: 15%
}

#tableClient .colonneNom {
    width: 15%
}

#tableClient .colonnePrenom {
    width: 10%;
}

#tableClient .colonneEmail {
    width: 15%;
}

#tableClient .colonneAction {
    width: 10%;
}

#divTableUser {
    overflow: auto;
    clear: both;
}

#divTableUser tr:first-child td {
    font-weight: bold;
}

#tableUser {
    width: 100%;
}

#tableUser .colonneBu {
    width: 13%;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#tableUser .colonneNom {
    width: 13%
}

#tableUser .colonnePrenom {
    width: 13%;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#tableUser .colonneDroit {
    width: 10%;
    text-align: center;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#tableUser .colonneEmail {
    width: 20%;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#tableUser .colonneOffre {
    text-align: center;
    width: 11%;
}

#tableUser .colonneAction {
    width: 23%;
    text-align: center;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#editClient #expiration {
    width: 170px;
}

#editClient #expirationCalendar {
    margin-left: 15px;
}

.messageErreur, erreur {
    color: #cc0000;
}

.messageErreur a, erreur a {
    color: #cc0000;
}

#pageAddClient .navigButton, #pageEditClient .navigButton {
    margin-top: 10px;
}

#pageEditClient #tabs-edition, #pageEditClient #tabs-options, #pageEditClient #tabs-variables {
    width: 960px;
    margin: auto;
    padding: 0;
    padding-top: 5px;
}

#pageEditClient #addOption, #pageEditUser #addOption {
    margin-top: 10px;
}

#pageEditClient #addOption .spanAddUser, #pageEditClient #addOption .spanActiveOptionOui, #pageEditClient #addOption .spanActiveOptionNon {
    cursor: pointer;
}

#pageEditClient #mobile,
#pageAddClient #mobile {
    width: 155px;
    padding: 2px;
}

#pageEditUser .infosComplementaires {
    margin-bottom: 15px;
    padding-left: 15px;
}

#pageEditClient #addOption #divActiveOption,
#pageEditUser #addOption #divActiveOption {
    margin-left: 25px;
    margin-top: 5px;
    display: none;
}

#pageAddClient #addOptions {
    clear: both;
    margin-top: 10px
}

#pageAddClient #addOptions #divActiveOption span, #pageAddClient #addOptions #divActiveOption input[type=radio] {
    cursor: pointer;
}

#pageEditUser {
    width: 770px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 50px;
}

#pageEditClient #parametre,
#pageEditUser #parametre {
    margin-top: 15px;
}

#pageEditUser .line {
    margin-top: 4px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #848c94;
}

#pageEditUser .line .textLabel {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer.ie8 #pageEditUser .line .textLabel {
    font-size: 14px;
}

#editUser .navigButton {
    margin-top: 10px;
    float: right;
}

#editUser .blockRight2 {
    float: right;
}

.inactiveSearch {
    color: #808080;
}

#div_filtre {
    float: left;
    width: 100%;
}

#div_filtre_2 {
    padding-left: 38px;
    background-color: #F6F6F6;
    padding-bottom: 10px;
    padding-top: 10px;
}

#div_filtre #filtreClient {
    padding-left: 10px;
}

#div_filtre_text_user #filtreRoleUser, div.filtreStatus {
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
}

#div_filtre_text_user #filtreRoleUser a:first-child, div.filtreStatus a:first-child {
    margin-left: 10px;
}

#div_filtre_text_user #filtreRoleUser a:first-child {
    margin-left: 27px;
}

.caption {
    margin-right: 7px;
    text-decoration: underline;
    color: rgb(66, 67, 67);
}

.text a {
    color: #737373;
    text-decoration: none;
}

#div_filtre {
    background-color: #F6F6F6;
    padding-top: 10px;
    padding-bottom: 10px;
}

#div_filtre #filAriane {
    clear: both;
    float: left;
    padding-left: 10px;
}

#div_filtreLetter {
    color: #6d6e71;
    float: left;
    padding-left: 10px;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
}

#div_filtreLetter a:hover {
    color: #fed44a;
}

#div_filtreLetter .activeLetter {
    color: #6d6e71;
    text-decoration: underline;
}

#listUser #div_recherche, #listClient #div_recherche, #listFichier #div_recherche {
    text-align: right;
    padding-right: 10px;
    float: right;
}

#listUser .quotaInfo {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 450px;
}

#listUser #div_filtre_text_user, #listUsers #div_filtre_text_user {
    margin-top: 10px;
    padding-left: 10px;
    float: left;
}

#listUser #nbResultatParPageContact, #listUsers #nbResultatParPageContact {
    float: right;
    margin-top: 5px;
    padding-right: 10px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #6d6e71;
}

div.adduserbutt a {
    background-image: url("images/admin/user.png");
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 30px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-top: 5px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #8592a0;
}

div.adduserbutt a:hover {
    background-image: url("images/admin/user_hov.png");
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: underline;
}

.publicInternetExplorer.ie8 div.adduserbutt a {
    font-size: 12px;
}

.button {
    margin: 5px 0px 5px 10px;
}

#dialog-confirm .nom {
    font-size: 1.1em;
    font-weight: bold;
}

#div_filtre_text {
    clear: both;
    float: left;
    margin-top: 5px;
    width: 100%;
}

#filtreRole {
    float: right;
}

#tableClientOptions .colonneActive, #tableClientOptions .colonneValeur {
    text-align: center;
    width: 15%;
}

#tableClientOptions .colonneNom {
    width: 70%;
}

#tableClientOptions select {
    font-size: 1em;
}

#tableClientOptions2 .colonneNom {
    width: 70%;
}

#tableClientOptions2 .colonneActive {
    width: 15%;
    text-align: center;
}

#tableClientOptions2 .colonneValeur {
    width: 15%;
    text-align: center;
}

#dialog_confirm_deleteOption {
    display: none;
    height: 40px !important;
}

#dialog_confirm_deleteOption .dynamicText {
    font-weight: bold;
}

#editOption {
    width: 960px;
    margin: auto;
    margin-top: 15px;
}

#editOption #gauche {
    float: left;
    width: 470px;
    margin-right: 30px;
}

#editOption #droite {
    float: right;
    width: 460px;
}

#editOption #addOptionValeurForm label {
    width: 100px;
}

#editOption #addOptionValeurForm input[type=text] {
    width: 150px;
}

#editOption #bloc_form_actions {
    float: right;
    margin-right: 37px;
}

#addUser #addOptions {
    clear: both;
    margin-top: 10px
}

#editOption .title1,
#pageAddClient .title1,
#pageEditClient .title1,
#listOptions .title1,
#pageAddUser .title1,
#pageEditUser .title1,
#editOffre .title1 {
    margin-bottom: 10px;
    font-size: 1.8em;
}

#pageAddClient #parametre {
    margin-top: 15px;
}

#pageAddClient #parametre #addOptions {
    margin-top: 15px;
}

#editOption #addOptionValeur {
    width: 350px;
}

#editOption #listOptionValeurs {
    width: 350px;
    text-align: center;
}

#pageAddOption {
    margin: auto;
    width: 960px;
}

#limitAutorise {
    width: 960px;
    margin: auto;
    margin-top: 10px;
}

#listFichier #tableFichiers .delete {
    text-decoration: line-through;
}

#listFichier #filtreStatut .selected, #listingAllFiles #filtreStatut .selected {
    text-decoration: underline;
}

#statClient .title {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

#statClient .titleRub {
    font-size: 20px;
    margin-bottom: 3px;
}

#statClient #statDisk {
    margin-top: 10px;
}

#statClient #statDisk, #statClient .styleTable {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #545454;
    font-size: 20px;
}

#statClient #statTraffic .titleRub {
    padding-bottom: 4px;
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6C6D70;
    text-decoration: underline;
}

#statClient #statTraffic #filtreDate {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

#statClient #statDisk td.colonneEspaceTotal, #statClient #statDisk td.colonneTailleMoyenneFichiers, #statClient #statTraffic td.colonneNombreFichiers, #statClient #statTraffic td.colonneTailleMoyenne {
    background-color: #e8e7e8;
    border-bottom: 4px solid #f6f6f6;
}

#statClient #statDisk td.colonneNbreFichiersStock, #statClient #statTraffic td.colonneTailleTotal {
    background-color: #f2f1f2;
    border-bottom: 4px solid #f6f6f6;
}

#statClient #statTraffic {
    margin-top: 10px;
}

#pageEditClient #authorizeIp .navigButton {
    padding-left: 194px;
}

#pageEditClient #tabs-fichiers {
    text-align: center;
}

#listFichier #tabs-edition, #listFichier #tabs-ip, #listFichier #tabs-options, #listFichier #tabs-variables {
    text-align: center;
}

.ajaxImageSuccess {
    vertical-align: middle;
    float: right;
}

.ajaxImageError {
    vertical-align: middle;
    float: right;
}

#notePage {
}

#notePage #tableNote .colonne1 {
    width: 10%;
}

#notePage #tableNote .colonne2 {
    width: 15%;
}

#notePage #tableNote .colonne3 {
    width: 15%;
}

#notePage #tableNote .colonne4 {
    width: 35%;
}

#notePage #tableNote .colonne5 {
    width: 15%;
}

#notePage #tableNote .colonne6 {
    width: 10%;
}

#notePage #noteAdd {
    margin-top: 20px;
}

#filtreBu {
    margin-bottom: 5px;
}

#client_option img.success {
    padding-left: 5px;
    vertical-align: middle;
}

#entity_index {
    min-height: 500px;
}

#entity_index .headList {
    line-height: 40px;
}

#entity_index .headList .adduserbutt {
    float: right;
    cursor: pointer;
}

#entity_index .headList .title {
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6C6D70;
    text-decoration: underline;
}

.publicInternetExplorer11 #entity_index .headList .title {
    font-size: 15px;
}

#entity_index #tableEntity .colonneLibelle {
    width: 60%;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#entity_index #tableEntity .colonneAction {
    width: 40%;
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#entity_edit .onglet {
    min-height: 50px;
}

.langue_fr,
.langue_fr_disable:hover {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_fr:hover,
.langue_fr_disable {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: 0px -12px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_en,
.langue_en_disable:hover {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -64px 0px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_en:hover,
.langue_en_disable {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -64px -12px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_es,
.langue_es_disable:hover {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -48px 0px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_es:hover,
.langue_es_disable {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -48px -12px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_nl,
.langue_nl_disable:hover {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -32px 0px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_nl:hover,
.langue_nl_disable {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -32px -12px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_de,
.langue_de_disable:hover {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -16px 0px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_de:hover,
.langue_de_disable {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -16px -12px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_pt,
.langue_pt_disable:hover {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -80px 0px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_pt:hover,
.langue_pt_disable {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -80px -12px;
    width: 16px;
    height: 12px;
    margin-right: 10px;
}

.langue_it,
.langue_it_disable:hover {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -112px 0px;
    width: 16px;
    height: 12px;
}

.langue_it:hover,
.langue_it_disable {
    float: left;
    display: block;
    background: url("../../../images/flag/flags.jpg");
    background-repeat: no-repeat;
    background-position: -112px -12px;
    width: 16px;
    height: 12px;
}

* html .langue_fr,
* html .langue_fr_disable:hover {
    margin-top: -2px;
    background-position: 0px 2px;
}

* html .langue_en,
* html .langue_en_disable:hover {
    margin-top: -2px;
    background-position: -64px 2px;
}

* html .langue_es,
* html .langue_es_disable:hover {
    margin-top: -2px;
    background-position: -48px 2px;
}

* html .langue_nl,
* html .langue_nl_disable:hover {
    margin-top: -2px;
    background-position: -32px 2px;
}

* html .langue_de,
* html .langue_de_disable:hover {
    margin-top: -2px;
    background-position: -16px 2px;
}

* html .langue_pt,
* html .langue_pt_disable:hover {
    margin-top: -2px;
    background-position: -80px 2px;
}

* html .langue_it,
* html .langue_it_disable:hover {
    margin-top: -2px;
    background-position: -112px 2px;
}

* html .langue_fr:hover,
* html .langue_fr_disable,
* html .langue_en:hover,
* html .langue_en_disable,
* html .langue_es:hover,
* html .langue_es_disable,
* html .langue_nl:hover,
* html .langue_nl_disable,
* html .langue_de:hover,
* html .langue_de_disable,
* html .langue_pt:hover,
* html .langue_pt_disable,
* html .langue_it:hover,
* html .langue_it_disable {
    margin-top: 0px;
}

.nav-langue {
    display: inline-block;
    float: right;
}

#compte_credit #creditTable .colonneUtilise {
    text-align: center;
}

#compte_credit #creditTable .colonneRestant {
    text-align: center;
}

#compte_creditConso #creditConsoTable .colonneDate,
#compte_creditConso #creditConsoTable .colonneCout {
    text-align: center;
}

#report-translate {
    left: -10px;
    top: 25%;
    position: fixed;
    z-index: 998;
}

#report-translate a {
    border-style: solid solid solid none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F4FAF1;
    border-color: #85C380 #85C380 #85C380 -moz-use-text-color;
    border-radius: 5px 5px 5px 5px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    display: block;
    padding: 17px 13px 17px 17px;
}

#translation-msg-display {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 10px;
}

#modal-report-translate {
    display: none;
}

#translation-orig-msg-display {
    margin-bottom: 10px;
    padding: 10px;
}

#modal-report-translate .error {
    display: none;
}

#upgradeUsers #contain_upgrade {
    margin-top: 15px;
}

#upgradeUsers#tableUpgrade .tr_head {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #395587;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#i18n_translationSuggest #tableSuggest {
}

#i18n_translationSuggest #tableSuggest .colonneDate {
    width: 10%;
}

#i18n_translationSuggest #tableSuggest .colonneUser {
    width: 10%;
}

#i18n_translationSuggest #tableSuggest .colonnePage {
    width: 15%;
}

#i18n_translationSuggest #tableSuggest .colonneOrigin {
    width: 20%;
}

#i18n_translationSuggest #tableSuggest .colonneSuggest {
    width: 20%;
}

#i18n_translationSuggest #tableSuggest .colonneDescription {
    width: 15%;
}

#i18n_translationSuggest #tableSuggest .colonneAction {
    width: 10%;
}

#fichier_share {
    height: 100%;
}

#fichier_share #listItemsBloc {
    width: 100%;
    margin-left: -200px;
    height: 100%;
}

#fichier_share #filetreeBloc {
    height: 100%;
    float: left;
    width: 200px;
}

#partageBlock {
    padding-left: 6px;
}

#partageContent img.fleche_close {
    cursor: default;
}

#partageContent .customFiletreeRoot {
    display: none;
}

#partageContent .head {
    padding-bottom: 2px;
    padding-top: 2px;
    vertical-align: middle;
    padding-left: 12px;
    line-height: 16px;
}

#partageContent .head img {
    vertical-align: middle;
}

#partageBlock .customFiletreeRoot .directoryContent {
    padding-left: 24px;
}

#partageBlock li {
    cursor: pointer;
}

#divFichier #partageHeader {
    cursor: pointer;
    line-height: 16px;
    margin-left: -9px;
}

#divFichier #partageContent ul {
    list-style-type: none;
}

#partageContent {
    display: none;
}

#divFichier #partageContent li {
}

#containerViewDossier #breadcrumb {
    height: 31px;
    text-align: center;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 17px;
    color: #6d6e71;
    text-transform: uppercase;
    background-color: #f3f1f3;
    border-bottom: 3px solid white;
    border-right: 2px solid white;
}

#tabContainerViewDossierContent #breadcrumb .ard {
    cursor: pointer;
}

#tabContainerViewDossierContent #breadcrumb .ard:hover {
    text-decoration: none;
}

#tabContainerViewDossierContent #breadcrumb .current {
}

.customFiletreeRoot img.share.collapse {
    background-image: url("images/fileTree/directory_share.png");
    vertical-align: top;
}

.customFiletreeRoot img.share.extend {
    background-image: url("images/fileTree/folder_share_open.png");
    vertical-align: top;
}

.commentaires {
    width: 100%;
    background: #EFEFEF;
    padding: 5px;
    margin-bottom: 5px;
}

.commentaires #message-commentaire {
    color: #8F8F8F !important;
    width: 94%;
    height: 20px;
    padding-top: 5px;
}

.commentaires #submit-comment {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    display: none;
}

.commentaires .message-com {
    width: 100%;
    text-align: justify;
}

.commentaires .message-com .date {
    color: #8F8F8F;
}

.versionning {
    width: 95%;
    padding-left: 8%;
    margin-top: 5px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

#client_statClientSemaine .divStats {
    width: 350px;
    margin: auto;
}

.publicInternetExplorer9 #divSupprimerFiles, .publicInternetExplorer10 #divSupprimerFiles, .publicInternetExplorer11 #divSupprimerFiles {
    width: 350px;
}

.publicInternetExplorer.ie8 #divSupprimerFiles {
    margin-left: 0px;
}

#divSupprimerFiles {
    margin-left: 3px;
    padding-bottom: 24px;
}

.publicInternetExplorer11 #divSupprimerFiles {
    margin-left: 4px;
}

#client_statClientSemaine .moreOne {
    float: left;
    margin-right: 10px;
}

#comparative-table {
    float: left;
    width: 100%;
}

.comparative-head {
    float: left;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #B9B9B9;
    color: #395587;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    height: 30px;
}

* html .comparative-head {
    height: 35px;
}

.comparative-content {
    float: left;
    background: #FFFFFF;
    border: 1px solid #B9B9B9;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    border-top: 0px;
    height: 17px;
}

* html .comparative-content {
    height: 19px;
}

.comparative-content.fat {
    height: 28px !important;
}

.comparative-content.fat img {
    padding-top: 7px;
}

* html .comparative-content.fat img {
    padding-top: 11px;
}

.comparative-content.comparative-col1 {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    width: 516px;
}

.comparative-footer.comparative-col1 {
    background: none repeat scroll 0 0 #EEEEEE;
}

.comparative-footer {
    padding-top: 12px;
    text-decoration: underline !important;
    font-weight: bold;
}

.comparative-col1 {
    width: 520px;
}

* html .comparative-col1 {
    background: #FFFFFF;
}

.comparative-col2 {
    width: 152px;
    border-left: 0px;
}

* html .comparative-col2 {
    width: 150px;
}

.comparative-col3 {
    width: 152px;
    border-left: 0px;
}

* html .comparative-col3 {
    width: 150px;
}

.comparative-col4 {
    width: 152px;
    border-left: 0px;
}

* html .comparative-col4 {
    width: 150px;
}

.comparative-center {
    text-align: center !important;
}

.comparative-grey {
    background: none repeat scroll 0 0 #EEEEEE !important;
}

.plans-tab {
    float: left;
    width: 100%;
}

.plans-head {
    float: left;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #B9B9B9;
    color: #395587;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    height: 15px;
}

.plans-content {
    float: left;
    background: #FFFFFF;
    border: 1px solid #B9B9B9;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    border-top: 0px;
    height: 17px;
}

* html .plans-content {
    height: 19px;
}

.plans-content.fat {
    height: 28px !important;
}

.plans-content.fat img {
    padding-top: 7px;
}

* html .plans-content.fat img {
    padding-top: 11px;
}

.plans-content.plans-col1 {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    width: 348px;
}

.plans-col1 {
    width: 353px;
}

* html .plans-col1 {
    background: #FFFFFF;
}

.plans-col2 {
    width: 214px;
    border-left: 0px;
}

* html .plans-col2 {
    width: 212px;
}

.plans-col3 {
    width: 214px;
    border-left: 0px;
}

* html .plans-col3 {
    width: 212px;
}

.plans-col4 {
    width: 214px;
    border-left: 0px;
}

* html .plans-col4 {
    width: 212px;
}

.plans-footer {
    height: 37px;
}

* html .plans-footer {
    height: 37px;
}

.plans-footer.plans-col2 {
    width: 188px;
    padding-left: 26px;
}

* html .plans-footer.plans-col2 {
    width: 212px;
    padding-left: 0px;
}

.plans-footer.plans-col3 {
    width: 188px;
    padding-left: 26px;
}

* html .plans-footer.plans-col3 {
    width: 212px;
    padding-left: 0px;
}

.plans-footer.plans-col4 {
    width: 188px;
    padding-left: 26px;
}

* html .plans-footer.plans-col4 {
    width: 212px;
    padding-left: 0px;
}

#abo .plans-col1 {
    width: 353px;
}

#abo .plans-content.plans-col1, #abo .plans-footer {
    width: 348px;
}

#abo .plans-head.plans-col2 {
    width: 429px;
}

#abo .plans-col2, #abo .plans-col3, #abo .plans-col4, #abo .plans-col5 {
    width: 214px;
}

#abo .plans-footer.plans-col2, #abo .plans-footer.plans-col3, #abo .plans-footer.plans-col4, #abo .plans-footer.plans-col5 {
    padding-left: 13px;
    padding-right: 13px;
    width: 188px;
}

#abo .plans-col5 {
    border-left: 0 none;
}

#plans-business .plans-col2, #plans-business .plans-col3 {
    width: 321px;
}

#plans-business .plans-footer.plans-col2, #plans-business .plans-footer.plans-col3 {
    padding-left: 78px;
    width: 243px;
}

#mTemplate #footer {
    float: none;
    width: 100%;
    height: 330px;
}

#mTemplate #container {
    min-height: 350px;
    overflow: hidden;
}

#mTemplate #container.superAdmin {
    min-height: 350px;
    overflow: visible;
}

#mTemplate #leftEnvoi {
    float: left;
    width: 38%;
}

@media screen and (min-width: 1024px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 33%;
    }
}

@media screen and (min-width: 1050px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 32%;
    }
}

@media screen and (min-width: 1075px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 33%;
    }
}

@media screen and (min-width: 1200px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 37%;
    }
}

@media screen and (min-width: 1325px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 38%;
    }
}

@media screen and (min-width: 1350px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 40.5%;
    }
}

@media screen and (min-width: 1375px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 41.5%;
    }
}

@media screen and (min-width: 1425px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 42%;
    }
}

@media screen and (min-width: 1450px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 42.5%;
    }
}

@media screen and (min-width: 1475px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 43.5%;
    }
}

@media screen and (min-width: 1575px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 44%;
    }
}

@media screen and (min-width: 1600px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 44.5%;
    }
}

@media screen and (min-width: 1650px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45%;
    }
}

@media screen and (min-width: 1675px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45.5%;
    }
}

@media screen and (min-width: 1725px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46%;
    }
}

@media screen and (min-width: 1750px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46.5%;
    }
}

@media screen and (min-width: 1800px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45%;
    }
}

@media screen and (min-width: 1850px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45.5%;
    }
}

@media screen and (min-width: 1900px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46%;
    }
}

@media screen and (min-width: 1950px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46.25%;
    }
}

@media screen and (min-width: 1975px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46.5%;
    }
}

@media screen and (min-width: 2000px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 44.75%;
    }
}

@media screen and (min-width: 2050px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45%;
    }
}

@media screen and (min-width: 2075px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45.25%;
    }
}

@media screen and (min-width: 2100px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45.5%;
    }
}

@media screen and (min-width: 2125px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 45.75%;
    }
}

@media screen and (min-width: 2150px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46%;
    }
}

@media screen and (min-width: 2200px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46.25%;
    }
}

@media screen and (min-width: 2225px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 46.5%;
    }
}

@media screen and (min-width: 2275px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 47%;
    }
}

@media screen and (min-width: 2350px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 47.25%;
    }
}

@media screen and (min-width: 2375px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 47.5%;
    }
}

@media screen and (min-width: 2400px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 47.75%;
    }
}

@media screen and (min-width: 2475px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 48%;
    }
}

@media screen and (min-width: 2500px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 48.15%;
    }
}

@media screen and (min-width: 2550px) {
    #mTemplate #leftEnvoi {
        float: left;
        width: 48.45%;
    }
}

#mTemplate #rightEnvoi {
    float: left;
    width: 62%;
    background-color: #f2f1f2;
    margin-top: 6px;
    height: auto;
    min-height: 250px;
}

#mTemplate #rightEnvoi.rightEnvoiDrop {
    height: 732px !important;
}

#mTemplate.publicInternetExplorer.ie8 #rightEnvoi {
    height: 760px !important;
}

#mTemplate.publicInternetExplorer11 #rightEnvoi.rightEnvoiDrop {
    height: 780px !important;
}

#mTemplate.ie8 #rightEnvoi.rightEnvoiDrop {
    height: 768px !important;
}

#mTemplate.ie8 #rightEnvoi.rightEnvoiDrop {
    height: 768px !important;
    width: 61%;
    border-left: 10px solid #ffffff;
}

#mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
    height: 738px !important;
}

.publicInternetExplorer9 #rightEnvoi {
    height: 725px !important;
}

.publicInternetExplorer10 #rightEnvoi {
    height: 721px !important;
}

.publicInternetExplorer11 #rightEnvoi {
    height: 766px !important;
}

#mTemplate #rightEnvoi.rightEnvoiDrop {
    float: left;
    background-color: #f2f1f2;
    min-height: 620px;
}

@media screen and (min-width: 1024px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 67%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 66%;
        float: right;
    }
}

@media screen and (min-width: 1050px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 68%;
    }
}

@media screen and (min-width: 1075px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 67%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 66%;
        float: right;
    }
}

@media screen and (min-width: 1200px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 63%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 63%;
        float: right;
    }
}

@media screen and (min-width: 1325px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 62%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 62%;
        float: right;
    }
}

@media screen and (min-width: 1350px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 59.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 59.5%;
        float: right;
    }
}

@media screen and (min-width: 1375px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 58.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 58.5%;
        float: right;
    }
}

@media screen and (min-width: 1425px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 58%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 58%;
        float: right;
    }
}

@media screen and (min-width: 1450px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 57.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 57.5%;
        float: right;
    }
}

@media screen and (min-width: 1475px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 56.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 56.5%;
        float: right;
    }
}

@media screen and (min-width: 1525px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 56.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 56.5%;
        float: right;
    }
}

@media screen and (min-width: 1575px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 56%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 56%;
        float: right;
    }
}

@media screen and (min-width: 1600px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 55.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 55.5%;
        float: right;
    }
}

@media screen and (min-width: 1650px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 55%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 55%;
        float: right;
    }
}

@media screen and (min-width: 1675px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54.5%;
        float: right;
    }
}

@media screen and (min-width: 1725px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54%;
        float: right;
    }
}

@media screen and (min-width: 1750px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 53.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 53.5%;
        float: right;
    }
}

@media screen and (min-width: 1800px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 55%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 55%;
        float: right;
    }
}

@media screen and (min-width: 1850px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54.5%;
        float: right;
    }
}

@media screen and (min-width: 1900px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54%;
        float: right;
    }
}

@media screen and (min-width: 1950px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 53.75%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 53.75%;
        float: right;
    }
}

@media screen and (min-width: 1975px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 53.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 53.5%;
        float: right;
    }
}

@media screen and (min-width: 2000px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 55.25%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 55.25%;
        float: right;
    }
}

@media screen and (min-width: 2050px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 55%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 55%;
        float: right;
    }
}

@media screen and (min-width: 2075px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54.75%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54.75%;
        float: right;
    }
}

@media screen and (min-width: 2100px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54.5%;
        float: right;
    }
}

@media screen and (min-width: 2125px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54.25%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54.25%;
        float: right;
    }
}

@media screen and (min-width: 2150px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 54%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 54%;
        float: right;
    }
}

@media screen and (min-width: 2200px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 53.75%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 53.75%;
        float: right;
    }
}

@media screen and (min-width: 2225px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 53.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 53.5%;
        float: right;
    }
}

@media screen and (min-width: 2275px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 53%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 53%;
        float: right;
    }
}

@media screen and (min-width: 2325px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 53%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 53%;
        float: right;
    }
}

@media screen and (min-width: 2350px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 52.75%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 52.75%;
        float: right;
    }
}

@media screen and (min-width: 2375px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 52.5%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 52.5%;
        float: right;
    }
}

@media screen and (min-width: 2400px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 52.25%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 52.25%;
        float: right;
    }
}

@media screen and (min-width: 2475px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 52%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 52%;
        float: right;
    }
}

@media screen and (min-width: 2500px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 51.75%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 51.75%;
        float: right;
    }
}

@media screen and (min-width: 2550px) {
    #mTemplate #rightEnvoi {
        float: left;
        width: 51.55%;
    }

    #mTemplate.publicInternetExplorer10 #rightEnvoi.rightEnvoiDrop {
        width: 51.55%;
        float: right;
    }
}

#mTemplate #footer {
    border-top: 6px solid #fed44a;
    padding-top: 64px;
    background-color: #ceecf9;
}

#mTemplate #footer .head {
    height: 26px;
    line-height: 25px;
}

#mTemplate #footer .head {
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    color: #5c707a;
}

#mTemplate #footer .head {
    width: 1000px;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
}

#mTemplate #footer .head .highlight {
    color: #c5ab00;
}

#mTemplate #footer .content {
    background-repeat: repeat-x;
    color: #828282;
    font-size: 10px;
}

#mTemplate #footer .content a {
    color: #5c707a;
    font-size: 14px;
}

#mTemplate #footer .content a:hover {
    text-decoration: underline;
}

.bouton_jaune, .bouton_jaune_all, .btnBS {
    background-position: 0px 0px;
    color: #545454;
    display: block;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    height: 11px;
    padding-bottom: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #fed44a;
    border-radius: 4px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    color: #7C7B79;
    margin-left: 3px;
}

.bouton_gris {
    background-color: #8E8C8C !important;
    color: white;
}

#mTemplate.connecte.nl .bouton_jaune, #mTemplate.connecte.es .bouton_jaune {
    width: 166px;
}

.publicInternetExplorer.ie8 .bouton_jaune {
    font-size: 14px;
}

.bouton_jaune_all {
    width: 204px;
}

.bouton_jaune:hover, .bouton_jaune_all:hover, .btnBS:hover {
    color: #ffffff !important;
    background-color: #545454;
}

#mTemplate #footer .content a.bouton_jaune {
    color: white;
    font-style: normal;
    margin-top: 10px;
}

#mTemplate #footer .content a.bouton_jaune:hover {
    color: white;
    font-style: normal;
    text-decoration: none;
}

#mTemplate #footer .content .wrapper {
    width: 1000px;
    margin: auto;
}

@media screen and (min-width: 1000px) and (max-width:1025px)
 {
    #mTemplate #footer .content .wrapper {
        margin-left: 5px;
    }
}

#mTemplate #footer .block {
    float: left;
    width: 145px;
}

#mTemplate #footer .content .block {
    padding-top: 8px;
    padding-left: 15px;
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 15px;
    color: #5c707a;
}

#mTemplate #footer .content .block ul {
    list-style-image: url(../../../images/listeCroix.png);
    height: 5px;
}

#mTemplate #footer .head .block {
    width: 160px;
}

#mTemplate #footer .head .blockInscription {
    float: left;
    width: 188px;
    padding-left: 10px;
}

#mTemplate #footer .content .blockInscription {;
    padding-left: 20px;
    width: 179px;
}

#mTemplate #footer .content .blockInscription .signupButton {
    color: white;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    text-transform: uppercase;
    font-size: 14px;
}

#mTemplate #footer .content .blockInscription .signupButton:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #9d9e9e;
    text-transform: uppercase;
    font-size: 14px;
}

#mTemplate #footer .content .block li {
    margin-top: 2px;
}

#mTemplate #footer .footer {
    clear: both;
    height: 60px;
}

#mTemplate .footer .copyright {
    text-align: center;
    line-height: 50px;
    padding-top: 10px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #4c5d67;
    background-color: #eeeded;
}

.sloganFooter {
    vertical-align: 10.5px;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

.publicInternetExplorer.ie8 .footer .copyright {
    font-size: 12px !important;
}

#mTemplate.publicInternetExplorer.ie8 .footer .copyright {
    padding-top: 10px;
}

#mTemplate .footer .copyrightBarre {
    margin-left: 10px;
    margin-right: 10px;
    border-left: 1px solid #7c7c7c;
}

#mTemplate #footer .footer .text {
    font-size: 12px;
    padding-top: 2px;
}

#mTemplate #footer .footer .facebook {
    padding-left: 15px;
    float: left;
}

#mTemplate #footer .footer .twitter {
    float: left;
}

#mTemplate #footer .footer .twitter img,
#mTemplate #footer .footer .facebook img {
    padding-left: 10px;
}

#tableOptionsSupp .colonneActive,
#tableOptionsSupp .colonneValeur {
    text-align: center;
}

#tableUserOptions tr td.colonneLeft, #tableOptionsSupp tr td.colonneLeft {
    width: 80%;
}

#tableUserOptions tr td.colonneActive, #tableOptionsSupp tr td.colonneActive {
    width: 10%;
}

#tableUserOptions tr td.colonneValeur, #tableOptionsSupp tr td.colonneValeur {
    width: 10%;
}

#compte_setting .colonneNom {
    width: 70%;
}

#tableOptionsSupp .colonneActive {
    width: 15%;
}

#compte_setting .colonneActive {
    width: 15%;
}

#tableOptionsSupp .colonneValeur {
    width: 15%;
}

#tableClientOptionsEnPlus .colonneNom {
    width: 70%;
}

#tableClientOptionsEnPlus .colonneActive,
#tableClientOptionsEnPlus .colonneValeur {
    width: 15%;
}

#entity_edit_option .styleTable .colonneActive,
#entity_edit_option .styleTable .colonneValeur,
#entity_edit_user .styleTable .colonneActive,
#entity_edit_user .styleTable .colonneValeur {
    text-align: center;
}

* html #bloc_contact_navigation_haut #results {
    margin-top: 15px;
    margin-right: 15px;
}

* html #footerEc {
    margin-top: -71px !important;
}

.nav-langs .nav-label {
    font-size: 14px;
    padding-left: 5px;
    text-align: right;
    vertical-align: top;
    font-family: Calibri, Sans-Serif;
    font-weight: normal;
    color: #848c94;
}

.publicInternetExplorer.ie8 .nav-langs .nav-label {
    font-size: 13px;
}

.nav-langs .nav-dropdown {
    display: inline-block;
    width: 9px;
    height: 7px;
    background: url("/images/logo/sprite.png") 0px -60px no-repeat;
    margin-left: 5px;
    margin-right: 5px;
}

.nav-langs {
    cursor: pointer;
}

.nav-langs .current-nav-lang {
    padding-left: 8px;
    padding-right: 8px;
}

.nav-langs ul {
    clear: both;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BFBFBF;
    display: none;
    list-style: none outside none;
    position: absolute;
    top: 20px;
    width: 110px;
    box-shadow: 3px 3px 5px #888888;
    border-radius: 4px;
    text-align: left;
    padding: 2px;
    z-index: 30;
}

.nav-langs ul li {
    clear: both;
    border-radius: 4px;
    border: 1px solid #FFF;
    padding: 0px 4px;
}

.nav-langs ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
    color: #424343;
}

.nav-langs ul li.hover {
    background-color: #F1F1F2;
    border: 1px solid #BFBFBF;
}

.nav-langs ul .nav-lang {
    margin-right: 1px;
    margin-top: 4px;
    padding: 0;
}

.nav-langs .nav-lang {
    background: url("../../../images/flag/flags.jpg") no-repeat transparent;
    display: block;
    float: left;
    width: 16px;
    height: 12px;
}

.nav-langs .nav-lang-fr {
    background-position: 0px 0px;
}

* html .nav-langs .nav-lang-fr {
    margin-top: -2px;
    background-position: 0px 2px;
}

.nav-langs .nav-lang-en {
    background-position: -64px 0px;
}

* html .nav-langs .nav-lang-en {
    margin-top: -2px;
    background-position: -64px 2px;
}

.nav-langs .nav-lang-es {
    background-position: -48px 0px;
}

* html .nav-langs .nav-lang-es {
    margin-top: -2px;
    background-position: -48px 2px;
}

.nav-langs .nav-lang-nl {
    background-position: -32px 0px;
}

* html .nav-langs .nav-lang-nl {
    margin-top: -2px;
    background-position: -32px 2px;
}

.nav-langs .nav-lang-de {
    background-position: -16px 0px;
}

* html .nav-langs .nav-lang-de {
    margin-top: -2px;
    background-position: -16px 2px;
}

.nav-langs .nav-lang-pt {
    background-position: -80px 0px;
}

* html .nav-langs .nav-lang-pt {
    margin-top: -2px;
    background-position: -80px 2px;
}

.nav-langs .nav-lang-it {
    background-position: -112px 0px;
}

* html .nav-langs .nav-lang-it {
    margin-top: -2px;
    background-position: -112px 2px;
}

.nav-langue .current-nav-lang .nav-lang {
    margin-top: 3px;
}

.nav-langue .current-nav-lang .nav-dropdown {
    margin-top: 7px;
}

.nav-langue .current-nav-lang .nav-dropdown.safari {
    margin-top: -2px;
    margin-left: 5px;
}

#form_upload_csv .options, #status_upload {
    padding-left: 15px;
}

#status_upload p {
    padding-top: 5px;
}

#sendTransfertAskingButton {
    color: black;
}

#sendTransfertAskingButton:hover {
    text-decoration: underline;
}

#client-notes {
}

#client-notes table .category {
    width: 15%;
}

#client-notes table .date {
    width: 10%;
}

#client-notes table .author {
    width: 15%;
}

#client-notes table .message {
    width: 35%;
}

#client-notes table .files {
    width: 15%;
}

#client-notes table .action {
    width: 10%;
}

#tabs-invoices-table {
    width: 500px;
}

#tabs-invoices-table td {
    padding-bottom: 5px;
}

#header_label {
    float: left;
    padding-left: 5px;
    font-size: 11px;
}

#header_label a {
    text-decoration: underline !important;
    background: red !important;
    color: #FFFFFF !important;
}

* + html #header_label {
    margin-top: -22px;
}

* html #header_label {
    margin-top: -22px;
}

#client-stats {
    width: 398px;
}

#client-stats .section .section-block {
    float: left;
    width: 400px;
    margin-right: 60px;
}

#client-stats .section .section-block.max {
    float: none;
    width: 100%;
    margin-right: 0;
}

#client-stats .section .section-block .title {
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 4px;
    font-size: 1.1em;
    margin-bottom: 5px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #545454;
    font-size: 14px;
}

#client-stats .section .section-block ul {
    list-style: none outside none;
    padding-left: 0;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #545454;
    font-size: 14px;
}

#invoices .no-paid {
    color: green;
}

#invoices .lost {
    color: red;
}

#demo-bar {
    background: none repeat scroll 0 0 rgba(156, 158, 159, 0.95);
    border-top: 1px solid #9C9E9F;
    bottom: 0;
    box-shadow: 0 1px 1px #FFFFFF inset;
    color: #FFFFFF;
    position: fixed;
    width: 100%;
    z-index: 1001;
}

#demo-bar > .container {
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 960px;
}

#demo-bar > .container:before, #demo-bar > .container:after {
    content: "";
    display: table;
}

#demo-bar > .container:after {
    clear: both;
}

#demo-bar .buy {
    float: left;
}

#demo-bar .demo-message {
    float: left;
    margin-left: 10px;
}

#demo-bar .demo-message .title {
    font-size: 1.1em;
    font-weight: bold;
}

#demo-bar .demo-message .subtitle {
    font-size: 0.9em;
}

.publicInternetExplorer9 .btn.inscription {
    display: inline-block;
    margin: 31px 0 0;
    padding: 5px 22px 7px;
    clear: both;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    background: #87d4e5;
}

.publicInternetExplorer9 .btn.inscription:hover {
    background: #9d9e9e;
}

.btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 7px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.primary {
    background-color: #FCCA1C;
    width: 48px;
}

.btn.primary:hover {
    background-color: #9D9E9E;
    color: #FFF;
}

.btn.second {
    background-color: #FCCA1C;
    font-weight: bold;
}

.btn.second:hover {
    color: #FFF;
}

#header-ban-contact {
    position: relative;
    width: 100%;
    border-top: 3px solid #c4c4c4;
    margin-top: 85px;
    text-align: center;
    height: 6px;
    background-color: #ffd54e;
    border-bottom: 1px solid #dbf2fa;
}

#header-ban-contact.connecte {
    position: relative;
    width: 100%;
    border-top: 1px solid #c4c4c4;
    margin-top: 0px;
    text-align: center;
    background-color: #ffd54e;
    height: 0px;
}

#header-ban {
    position: relative;
    width: 100%;
    height: 60px;
    border-top: 3px solid #c4c4c4;
    margin-top: 73px;
    text-align: center;
}

.publicInternetExplorer.ie8 #header-ban.connecte ul {
    width: 1000px;
    margin: auto;
    padding-top: 10px;
    padding-left: 20px;
}

#inner.connecte #comparatifPage #header-ban {
    margin-top: 0px;
}

#inner #comparatifPage.internetExplorer {
    padding-top: 0px !important;
}

#inner.connecte #comparatifPage {
    padding-top: 0px !important;
}

#header-ban.comparatif {
    height: 17px;
}

#header-ban.connecte {
    margin-top: 0px;
    border-top: 1px solid #c4c4c4;
}

.publicInternetExplorer.ie8 .connecte {
    left: 125px;
}

.publicInternetExplorer.ie8 .intituleOffre {
    margin-left: 45px;
}

.publicInternetExplorer9 .connecte {
    left: -35px;
}

.publicInternetExplorer.ie8 #divMenuConnexion.connecte {
    position: absolute;
}

.publicInternetExplorer.ie8 .connecteFreemium {
    float: right;
    position: absolute;
    right: 0px;
}

.publicInternetExplorer9 #divMenuConnexion.connecte {
    position: absolute;
}

.publicInternetExplorer9 .connecteFreemium {
    float: right;
    position: absolute;
    right: 0px;
}

.publicInternetExplorer9 #divMenuConnexion.connecte {
    float: right;
    right: 0px;
}

.publicInternetExplorer.ie8 #divMenuConnexion.connecte {
    float: right;
    right: 0px;
}

.publicInternetExplorer.ie8 .connecteFreemium .intituleOffre {
    margin-left: 45px;
}

.publicInternetExplorer9 .connecteFreemium {
    left: -56px;
}

.publicInternetExplorer9 .connecteFreemium .intituleOffre {
    margin-left: 34px;
}

.publicInternetExplorer10 .connecteFreemium .intituleOffre {
    margin-left: 29px;
}

.publicInternetExplorer11 .connecteFreemium .intituleOffre {
    margin-left: 29px;
}

#header-ban ul {
    margin-right: auto;
    margin-left: 135px;
    margin-top: 11px;
}

#header-ban.ie9 ul {
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
}

@media screen and (min-width: 1020px) {
    #header-ban ul {
        margin-right: auto;
        margin-left: 0px;
        margin-top: 11px;
    }
}

@media screen and (max-width: 1250px) {
    .publicInternetExplorer11 #header-ban.connecte ul {
        margin-left: 129px;
    }
}

@media screen and (min-width: 1050px) {
    #header-ban ul {
        margin-left: 34px;
    }
}

@media screen and (min-width: 1075px) {
    #header-ban ul {
        margin-left: 34px;
    }
}

@media screen and (min-width: 1100px) {
    #header-ban ul {
        margin-left: 57px;
    }
}

@media screen and (min-width: 1150px) {
    #header-ban ul {
        margin-left: 74px;
    }
}

@media screen and (min-width: 1175px) {
    #header-ban ul {
        margin-left: 85px;
    }
}

@media screen and (min-width: 1200px) {
    #header-ban ul {
        margin-left: 108px;
    }
}

@media screen and (min-width: 1250px) {
    #header-ban ul {
        margin-left: 126px;
    }
}

@media screen and (min-width: 1275px) {
    #header-ban ul {
        margin-left: 134px;
    }
}

@media screen and (min-width: 1300px) {
    #header-ban ul {
        margin-left: 147px;
    }
}

@media screen and (min-width: 1325px) {
    #header-ban ul {
        margin-left: 160px;
    }
}

@media screen and (min-width: 1350px) {
    #header-ban ul {
        margin-left: 184px;
    }
}

@media screen and (min-width: 1375px) {
    #header-ban ul {
        margin-left: 198px;
    }
}

@media screen and (min-width: 1400px) {
    #header-ban ul {
        margin-left: 211px;
    }
}

@media screen and (min-width: 1450px) {
    #header-ban ul {
        margin-left: 224px;
    }
}

@media screen and (min-width: 1475px) {
    #header-ban ul {
        margin-left: 234px;
    }
}

@media screen and (min-width: 1500px) {
    #header-ban ul {
        margin-left: 251px;
    }
}

@media screen and (min-width: 1525px) {
    #header-ban ul {
        margin-left: 260px;
    }
}

@media screen and (min-width: 1525px) {
    #header-ban ul {
        margin-left: 260px;
    }
}

@media screen and (min-width: 1550px) {
    #header-ban ul {
        margin-left: 282px;
    }
}

@media screen and (min-width: 1575px) {
    #header-ban ul {
        margin-left: 307px;
    }
}

@media screen and (min-width: 1600px) {
    #header-ban ul {
        margin-left: 310px;
    }
}

@media screen and (min-width: 1650px) {
    #header-ban ul {
        margin-left: 321px;
    }
}

@media screen and (min-width: 1675px) {
    #header-ban ul {
        margin-left: 337px;
    }
}

@media screen and (min-width: 1700px) {
    #header-ban ul {
        margin-left: 348px;
    }
}

@media screen and (min-width: 1725px) {
    #header-ban ul {
        margin-left: 361px;
    }
}

@media screen and (min-width: 1750px) {
    #header-ban ul {
        margin-left: 376px;
    }
}

@media screen and (min-width: 1775px) {
    #header-ban ul {
        margin-left: 384px;
    }
}

@media screen and (min-width: 1800px) {
    #header-ban ul {
        margin-left: 399px;
    }
}

@media screen and (min-width: 1825px) {
    #header-ban ul {
        margin-left: 411px;
    }
}

@media screen and (min-width: 1850px) {
    #header-ban ul {
        margin-left: 426px;
    }
}

@media screen and (min-width: 1875px) {
    #header-ban ul {
        margin-left: 434px;
    }
}

@media screen and (min-width: 1900px) {
    #header-ban ul {
        margin-left: 449px;
    }
}

@media screen and (min-width: 1925px) {
    #header-ban ul {
        margin-left: 461px;
    }
}

@media screen and (min-width: 1950px) {
    #header-ban ul {
        margin-left: 474px;
    }
}

@media screen and (min-width: 1975px) {
    #header-ban ul {
        margin-left: 486px;
    }
}

@media screen and (min-width: 2000px) {
    #header-ban ul {
        margin-left: 500px;
    }
}

@media screen and (min-width: 2025px) {
    #header-ban ul {
        margin-left: 514px;
    }
}

@media screen and (min-width: 2050px) {
    #header-ban ul {
        margin-left: 527px;
    }
}

@media screen and (min-width: 2075px) {
    #header-ban ul {
        margin-left: 537px;
    }
}

@media screen and (min-width: 2100px) {
    #header-ban ul {
        margin-left: 550px;
    }
}

@media screen and (min-width: 2125px) {
    #header-ban ul {
        margin-left: 563px;
    }
}

@media screen and (min-width: 2150px) {
    #header-ban ul {
        margin-left: 573px;
    }
}

@media screen and (min-width: 2175px) {
    #header-ban ul {
        margin-left: 588px;
    }
}

@media screen and (min-width: 2200px) {
    #header-ban ul {
        margin-left: 598px;
    }
}

@media screen and (min-width: 2225px) {
    #header-ban ul {
        margin-left: 610px;
    }
}

@media screen and (min-width: 2225px) {
    #header-ban ul {
        margin-left: 623px;
    }
}

@media screen and (min-width: 2250px) {
    #header-ban ul {
        margin-left: 638px;
    }
}

@media screen and (min-width: 2300px) {
    #header-ban ul {
        margin-left: 650px;
    }
}

@media screen and (min-width: 2325px) {
    #header-ban ul {
        margin-left: 659px;
    }
}

@media screen and (min-width: 2350px) {
    #header-ban ul {
        margin-left: 676px;
    }
}

@media screen and (min-width: 2375px) {
    #header-ban ul {
        margin-left: 685px;
    }
}

@media screen and (min-width: 2400px) {
    #header-ban ul {
        margin-left: 696px;
    }
}

@media screen and (min-width: 2425px) {
    #header-ban ul {
        margin-left: 710px;
    }
}

@media screen and (min-width: 2450px) {
    #header-ban ul {
        margin-left: 723px;
    }
}

@media screen and (min-width: 2475px) {
    #header-ban ul {
        margin-left: 734px;
    }
}

@media screen and (min-width: 2500px) {
    #header-ban ul {
        margin-left: 747px;
    }
}

@media screen and (min-width: 2525px) {
    #header-ban ul {
        margin-left: 761px;
    }
}

@media screen and (min-width: 2550px) {
    #header-ban ul {
        margin-left: 772px;
    }
}

#header-ban ul li {
    float: left;
    text-align: center;
    list-style-type: none;
    margin-left: 20px;
    margin-right: 12px;
}

.publicInternetExplorer.ie8 #header-ban ul li {
    margin-right: 15px;
}

.publicInternetExplorer.ie8 #header-ban.connecte ul li {
    margin-left: 0px;
    margin-right: 40px;
}

.publicInternetExplorer11 #header-ban.connecte ul li {
    margin-left: 0px;
}

@media screen and (min-width: 1200px) {
    .publicInternetExplorer11 #header-ban.connecte ul li {
        margin-left: 23px;
    }
}

@media screen and (min-width: 1300px) {
    .publicInternetExplorer11 #header-ban.connecte ul li {
        margin-left: 33px;
        margin-right: 64px !important;
    }
}

@media screen and (max-width: 1020px) {
    .publicInternetExplorer11 #header-ban ul li, .publicInternetExplorer10 #header-ban ul li, .publicInternetExplorer9 #header-ban ul li {
        float: left;
        text-align: center;
        list-style-type: none;
        margin-left: 0px;
        margin-right: 33px;
    }
}

@media screen and (min-width: 1020px) {
    #header-ban ul li {
        float: left;
        text-align: center;
        list-style-type: none;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.subtitle_gras h1 {
    font-weight: normal;
    font: normal normal normal 25px/0px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    font-size: 25px;
}

@media screen and (min-width: 1050px) {
    #header-ban ul li {
        margin-right: 22px;
    }
}

@media screen and (min-width: 1075px) {
    #header-ban ul li {
        margin-right: 25px;
    }
}

@media screen and (min-width: 1100px) {
    #header-ban ul li {
        margin-right: 29px;
    }
}

@media screen and (min-width: 1125px) {
    #header-ban ul li {
        margin-right: 33px;
    }
}

@media screen and (min-width: 1200px) {
    #header-ban ul li {
        margin-right: 38px;
    }
}

@media screen and (min-width: 1225px) {
    #header-ban ul li {
        margin-right: 44px;
    }

    .publicInternetExplorer11 #header-ban.connecte ul li {
        margin-right: 64px;
    }
}

@media screen and (min-width: 1250px) {
    #header-ban ul li {
        margin-right: 44px;
    }
}

@media screen and (min-width: 1250px) {
    #publicTemplate.pt #header-ban ul li {
        margin-right: 30px !important;
    }
}

@media screen and (min-width: 1300px) {
    #header-ban ul li {
        margin-right: 48px;
    }
}

@media screen and (min-width: 1325px) {
    #header-ban ul li {
        margin-right: 53px;
    }
}

@media screen and (min-width: 1350px) {
    #header-ban ul li {
        margin-right: 51px;
    }
}

@media screen and (min-width: 1375px) {
    #header-ban ul li {
        margin-right: 54px;
    }
}

@media screen and (min-width: 1400px) {
    #header-ban ul li {
        margin-right: 53px;
    }
}

@media screen and (min-width: 1450px) {
    #header-ban ul li {
        margin-right: 52px;
    }
}

@media screen and (min-width: 1475px) {
    #header-ban ul li {
        margin-right: 53px;
    }
}

@media screen and (min-width: 1500px) {
    #header-ban ul li {
        margin-right: 52px;
    }
}

@media screen and (min-width: 1525px) {
    #header-ban ul li {
        margin-right: 53px;
    }
}

@media screen and (min-width: 1550px) {
    #header-ban ul li {
        margin-right: 52px;
    }
}

@media screen and (min-width: 1575px) {
    #header-ban ul li {
        margin-right: 55px;
    }

    .publicInternetExplorer11 #header-ban.connecte ul li {
        margin-right: 54px;
    }

    .publicInternetExplorer11 #header-ban.connecte ul li {
        margin-left: 43px;
    }
}

@media screen and (min-width: 1600px) {
    #header-ban ul li {
        margin-right: 52px;
    }
}

@media screen and (min-width: 1625px) {
    #header-ban ul li {
        margin-right: 54px;
    }
}

@media screen and (min-width: 1675px) {
    #header-ban ul li {
        margin-right: 53px;
    }
}

@media screen and (min-width: 2350px) {
    #header-ban ul li {
        margin-right: 55px;
    }
}

@media screen and (min-width: 2450px) {
    #header-ban ul li {
        margin-right: 54px;
    }
}

#header-ban ul li a {
    margin-right: 10px;
    transition-duration: 0.5s;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica, Calibri, Sans-Serif;
    font-weight: normal !important;
    border-style: none;
    font-size: 14px;
    color: #8592a0;
    line-height: 35px;
    margin-top: 14px;
    text-align: center;
    font-weight: bold;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

@media screen and (min-width: 1050px) {
    #header-ban ul li a {
        padding-right: 20px;
        padding-right: 20px;
    }
}

#publicTemplate.publicInternetExplorer.ie8 #header-ban ul {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 950px;
}

#publicTemplate.publicInternetExplorer10 #header-ban ul li a {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.publicInternetExplorer11 #header-ban ul li a {
    padding-right: 15px;
    padding-left: 15px;
}

.internetExplorer #header-ban ul li a {
    font-size: 13px !important;
}

#header-ban ul li a.inactive {
    background-color: #EEEEEE;
    border-radius: 4px;
}

#header-ban ul li a.active,
#header-ban ul li a:hover {
    color: #fff;
    background-color: #89d4e4;
    border-radius: 4px;
    line-height: 35px;
    margin-top: 14px;
    text-align: center;
}

#header-ban .text {
    position: absolute;
    top: 10px;
}

#header-ban .text h2 {
    margin: 0;
    padding: 0;
    font-size: 38px;
    font-weight: bold;
    color: #333333;
    padding: 10px 0 0;
}

#login-other-services {
    float: left;
    font-size: 14px;
    padding-top: 1px;
    font-family: Calibri, Sans-Serif;
    color: #848c94;
}

#login-other-services img {
    height: 18px;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: -2px;
}

#login-other-services span {
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 15.5px;
}

#login-other-services a:hover {
    transition: color 0.3s;
}

#login-other-services a, #login-other-services a:visited, #login-other-services a:link {
    font-size: 14px;
    text-decoration: underline;
    color: #848c94;
}

#login-other-services a:hover {
    text-decoration: underline;
    color: #5c6060;
}

#connection-wedrop-txt {
    text-align: center;
    font-size: 14px;
    margin-bottom: 2px;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    padding-top: 0px;
}

#connection-wedrop-txt p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#connection-wedrop-txt a {
    color: blue;
}

#connection-wedrop-txt a:hover {
    text-decoration: underline;
}

#connection-wedrop-txt .desc-container {
    border: 1px dashed black;
    padding: 10px;
    text-align: left;
}

#connection-wedrop-txt .desc-container .logo,
.desc {
    display: inline-block;
    vertical-align: middle;
}

#connection-wedrop-txt .desc-container ul {
    margin-top: 5px;
    margin-left: 25px;
}

#connection-wedrop-txt .desc-container .logo {
    margin-right: 20px;
}

.close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: black;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.close:hover {
    color: #000000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}

button.close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

#tree-question {
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    background-color: #D8D8D8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#tree-question .inner {
    margin-left: 100px;
    padding: 10px;
}

#tree-question .question {
    float: left;
}

#tree-question .responses {
    padding-left: 15px;
    float: left;
}

#tree-question textarea {
    vertical-align: middle;
}

#tree-question .textarea {
    display: none;
}

#tree-question .close {
    float: right;
    position: relative;
    top: -10px;
}

#tree-question .bouton {
    background-color: #F6F6F6;
    border: 1px solid #CBCBCB;
    padding: 4px 10px;
    color: black;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    font-size: 13px;
    color: #424343;
    font-family: Arial, Helvetica, sans-serif;
}

#tree-question .bouton:hover {
    background-color: #CCC;
}

*[contenteditable=true]:hover {
    background-color: #CBCBCB;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px !important;
    vertical-align: middle;
    cursor: pointer;
}

.lite-orange-check {
    background-image: url(../../../images/lite-orange-check.png);
}

.grey-orange-check {
    background-image: url(../../../images/grey-orange-check.png);
}

input[type=checkbox].grey-css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].grey-css-checkbox:checked + label.css-label {
    background-position: 0 -12px;
}

input[type=checkbox].grey-css-checkbox + label.css-label {
    padding-left: 20px;
    height: 12px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}

#ui-dialog-title-dialog-confirm-supp {
    margin-left: 30px;
}

#dialog-confirm-supp {
    margin-left: 17px;
    font-size: 14px !important;
    font-family: Calibri;
}

#ui-dialog-title-popup_mes_contacts {
    margin-left: 71px;
}

#ui-dialog-title-addContact {
    margin-left: 52px;
}

#deplaceFileTree {
    margin-left: 5px;
}

#ui-dialog-title-renomme_fichier {
    margin-left: 36px;
}

#importContactContent {
    margin-left: 32px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer.ie8 #importContactContent {
    font-size: 12px;
}

#ui-dialog-title-importContactCsv {
    margin-left: 46px;
}

#group_list {
    margin-left: 44px;
}

#ui-dialog-title-listGroups {
    margin-left: 55px;
}

#dialog-confirm {
    margin-left: 17.5px;
    color: #6C6D7A;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 14px;
}

#ui-dialog-title-downloadAllButtonPopup {
    margin-left: 48px;
}

#ui-dialog-title-div_creer_dossier {
    margin-left: 37px;
}

#tabCreerDossier {
    margin-left: 26px;
}

.ui-widget-content div.label, div#div_cryptage_message, div#div_cryptageChoice {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer.ie8 .ui-widget-content div.label {
    font-size: 13px;
}

div#div_cryptage_message, div#div_cryptageChoice {
    color: #6C6D70;
}

#ui-dialog-title-div_upload_fichiers {
    margin-left: 53px;
}

#div_upload_fichiers {
    margin-left: 21px;
    height: 250px !important;
}

#div_upload_fichiers #div_encryptPassword {
    margin-left: 1px;
}

select#CryptageChoice {
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    height: 27px;
    background: #fff url('images/dropdown.png') no-repeat center right 21px;
    background-size: 16px 18px;
    font-size: 14px;
    padding-left: 5px;
    width: 150px;
    border: 0;
    font-weight: bold;
}

div#CryptageChoiceDiv {
    width: 137px;
    border: 1px solid grey;
    overflow: hidden;
    border-radius: 20px;
}

.ui-widget-content applet {
    margin-left: 18px;
}

.ui-widget-content .input input {
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#containDownload2 {
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    font-size: 14px !important;
    font-weight: bold;
}

#containDownload2 tr:first-child td {
    font-weight: bold;
}

div#div_champRecherche select.champRecherche, #bloc_contact_navigation_haut #results select {
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    height: 27px;
    background-size: 16px 18px;
    font-size: 14px;
    padding-left: 5px;
    width: 50px;
    border: 1px solid grey;
}

div#div_champRecherche {
    width: 137px;
    overflow: hidden;
    border-radius: 20px;
    display: inline;
}

#ajoutContactContent select {
    border-radius: 5px;
}

#group_list div.label {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #545454;
}

#group_list div.label.publicInternetExplorer.ie8 {
    font-size: 13px !important;
}

#group_list div.label.publicInternetExplorer9 {
    font-size: 13px !important;
}

div#monCompte label {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #545454;
    font-size: 17px;
}

div.selectionnerUnGroupe {
    margin-bottom: 10px;
    color: #6C6D7A;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
}

.publicInternetExplorer.ie8 div.selectionnerUnGroupe {
    font-size: 12px;
}

input#search::-webkit-input-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

input#search::-moz-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

div.editable select.edit, div.editable select.editIndicatif {
    border-radius: 10px;
    color: #737373;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    text-align: center;
}

.link_item_contact {
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 14px;
    color: #8592a0;
}

.link_item_contact:hover {
    text-decoration: underline;
}

.ui-dialog #list_files {
    border: 1px solid rgb(218, 218, 218);
    border-radius: 14px;
    width: 93%;
}

td.bonDeCommande, td.montantTotalTTC {
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 16px;
    background-color: #fed44a;
}

td.societe, td.prenom, td.email, td.typeCommande, td.montantTotalHT, td.montantTotalTTC2, td.netApayer {
    font-family: Calibri, Sans-Serif;
    font-size: 16px;
}

td.montantTotalTTC2Value, td.netApayerValue, td.societeValue, td.prenomValue, td.emailValue, td.typeCommandeValue, td.montantTotalHTValue {
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 14.5px;
}

span#ui-dialog-title-aPayer {
    margin-left: 24px;
}

form.styleForm2 {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer.ie8 form.styleForm2 {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
}

ul.myStatistiques {
    list-style-type: none;
}

ul.myStatistiques li:before {
    content: '- ';
    color: #6C6D70;
}

input.txtByCritereEmail, input.txtByCritereSociete, input.txtByCritere, input.txtByCritereId, input.inactiveSearch {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 280px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-transform: none;
    position: inherit;
    display: block;
    float: left;
    margin-left: 5px;
}

input.inactiveSearch {
    padding-top: 1px;
}

div.emailSearch, div.societeSearch, div.nomSearch, div.idSearch {
    color: #6C6D70;
    text-decoration: none;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 11px;
    border-bottom: 4px solid white;
    height: 29px;
    padding-top: 10px;
}

.administrationSearch select {
    float: left;
    margin-left: 70px;
}

.administrationSearch input[type="submit"] {
    float: left;
}

td.tdEmail, td.tdNom {
    background-color: #e8e7e8;
    border-right: 4px solid white;
}

td.tdSociete, td.tdId {
    background-color: #f2f1f2;
    border-right: 4px solid white;
}

td.tdSociete input[type="text"], td.tdId input[type="text"] {
    margin-left: 20px;
}

table.administrationSearch select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#listUser li {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer11 #listUser li {
    font-size: 14px;
}

.publicInternetExplorer #listUser li {
    font-size: 14px;
}

#listUser ul {
    list-style-type: none;
}

#listUser ul li:before {
    content: '- ';
    color: #6C6D70;
}

#listUser a:hover {
    color: #ffcc33;
}

a.linkListUser {
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 14px;
    color: #8592a0;
}

.nbreUser {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #6d6e71;
}

#editUserPage table.styleTable td {
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
    color: #848c94;
}

#editUserPage table.styleTable {
    margin-left: 13px;
}

#listEntity {
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
    color: #B4B5B6;
}

#blockLog #div_filtre_2 select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

div#blockLog {
    padding-bottom: 30px;
}

div#blockLog .line {
    padding-left: 38px;
    font-family: Calibri, Sans-Serif;
    color: #6d6e71;
    font-size: 14px;
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
}

div#blockLog .line strong {
    font-weight: normal;
    color: #737877;
}

div#blockLog div#logList {
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    color: #6d6e71;
    font-size: 15px;
}

#tableCommande .colonneRef, #tableCommande .colonneDateExpiration, #tableCommande .colonnePays, #tableCommande .colonneTypePaiment, #tableCommande .colonneStatut, #tableCommande .colonneUserEmail {
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    text-align: center;
}

#tableCommande .colonneDateCommande, #tableCommande .colonneIdCLient, #tableCommande .colonneMontantHt, #tableCommande .colonneTypeCommande, #tableCommande .colonneEntreprise, #tableCommande .colonneAction {
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
    font-size: 14px;
}

#divVerification {
    margin-top: 15px;
    padding-bottom: 90px;
}

#loginPage h1 {
    font-family: 'Knockout_JuniorWelterwt', Calibri;
    font-weight: normal;
    text-transform: uppercase;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-weight: normal !important;
    color: #5c707a;
    display: block;
    font-size: 1.17em;
}

#tableFichiers tr:first-child td {
    font-weight: bold;
}

#listFichierTab .colonneDateUpload, #listFichierTab .colonneTaille, #listFichierTab .colonneProprietaire, #listFichierTab .colonneAction {
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
    font-size: 14px;
}

#listFichierTab .colonneDateExpiration, #listFichierTab .colonneNbDownload, #listFichierTab .colonneStatut {
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
    font-size: 14px;
}

#listFichier #filtreStatut {
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #6d6e71;
}

#listFichier #filtreStatut a:hover {
    color: #FCCA1A;
}

#listFichier #filtreStatut a {
    margin-left: 15px;
}

#entity_edit .navigButton {
    margin-top: 12px;
}

#listingAllFiles #filtreStatut {
    color: #6d6e71;
    float: left;
    padding-left: 0px;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    font-weight: bold;
}

#listingAllFiles #filtreStatut .statut {
    margin-right: 10px;
}

#clientIpTemplate {
    background-color: #f6f6f6;
    min-height: 500px;
}

#blockDispo select {
    height: 27px;
}

#blockDispo .incident {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

#blockDispoTemplate {
    width: 750px;
    margin: auto;
}

#listClient .listClient {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
    margin-left: 38px;
    font-weight: bold;
}

#pageAddClient #addClientTemplate .title1 {
    font-size: 18px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6C6D70;
    text-decoration: underline;
}

#pageAddClient #addClientTemplate .title1 {
    font-size: 14px;
}

#pageAddClient #addClientTemplate {
    width: 780px;
    margin: auto;
    margin-left: 299px;
    padding-bottom: 40px;
}

#pageAddClient #addClientTemplate select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    background-color: #ffffff !important;
    width: 292px;
}

#pageAddClient {
    background-color: #f2f1f2;
    border-top: 6px solid white;
    padding-top: 20px;
}

#pageAddClient .inputText {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 280px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
    text-align: left;
    height: 23px;
}

#client_listSuccess .colonneEntreprise, #client_listSuccess .colonneInfoEntreprise, #client_listSuccess .colonneInfoTel, #client_listSuccess .colonneEmail, #client_listSuccess .colonneOffre, #client_listSuccess .colonneNom, #client_listSuccess .colonneTel {
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    text-align: center;
}

#client_listSuccess .colonneType, #client_listSuccess .colonneTel2, #client_listSuccess .colonneInfos, #client_listSuccess .colonneExpiration, #client_listSuccess .colonnePrenom {
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
}

#client_listSuccess {
    padding-bottom: 31px;
}

#client_listSuccess #divTableUser .colonneExpiration input {
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#client_listSuccess .selectCategory {
    height: 27px;
}

#client_listSuccess a {
    font-size: 14px;
    margin-left: 0px;
    font-weight: normal;
}

#client_listSuccess a strong {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #6D6E71
}

.administrationSearch #listUser select {
    height: 31px;
    float: left;
    margin-left: 70px;
}

.administrationSearch #listUser input[type="submit"] {
    float: left;
}

#listUser #div_filtre form {
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
    font-size: 14px;
    color: #6d6e71;
}

#aPayerCommande select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 292px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

#aPayerCommande input {
    height: 25.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 280px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

#aPayerCommande td {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 17px;
}

#aCancelCommande textarea {
    height: 25.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 280px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
}

#aCancelCommande {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 15px;
}

#compta .colonneNumeroCommande,
#compta .commandeNumero,
#compta .colonneNumeroClient,
#compta .colonnePays,
#compta .colonneMontantHT,
#compta .colonneSousTotalTTC,
#compta .colonneMontantEtat,
#compta .colonneType,
#compta .colonneNumeroAvoir,
#compta .colonneNumeroClientAvoir,
#compta .colonneMontantHTAvoir,
#compta .colonneMontantHTAvoir,
#compta .colonneModePaiementTransactions,
#compta .colonneMontantHTTransactions,
.colonneNomOption,
.colonneActionOption,
.colonneIdVariable,
.colonneDescriptionVariable,
.colonneLibelleOffre,
.colonneTypeOffre,
.colonneNomSeo,
.colonneModActSeo,
.colonneActionSeo,
.colonneNomEmail,
.colonneActionEmail,
.colonneConstanteTrad,
.colonneLabelTraden,
.colonneNomRelance,
.colonneActionRelance,
.colonneTrancheStat,
.colonneNbreUserTrackStat,
.colonneUserStat,
.colonneNonUgradeStat,
.colonneIdRelancer,
.colonneOffreOrigineRelancer,
.colonneRangeRelancer,
.colonneActionDateRelancer,
.colonneRangRelance,
.colonneRecuRelance,
.colonneOuvertRelance,
.colonneTauxTransRelance,
#client_statClientSemaine .colonneSemaine,
#client_statClientSemaine .colonneNbreParrainage,
#client_statClientSemaine .colonneSemaine,
#client_statClientSemaine .colonneRation,
#client_statClientSemaine .colonneSemaine,
#client_statClientSemaine .colonneRationPourcentage,
#client_statClientSemaine .colonneSemaineStatEnv,
#client_statClientSemaine .colonneTailleMoyenneStatEnv,
#client_statClientSemaine .colonneTailleMoyen,
#client_statClientSemaine .colonnePourcIllimi,
#client_statClientSemaine .colonneDureRetMoyr,
.colonneGrisFonce {
    background-color: #e8e7e8;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
    font-weight: normal;
}

#compta .colonneTypeCommande,
#compta .colonneDateCommande,
#compta .colonneSociete,
#compta .colonneModePaiement,
#compta .colonneTauxTVA,
#compta .colonneMontantTTC,
#compta .colonneAvoir,
#compta .colonneNombreTransaction,
#compta .colonneMilieu,
#compta .colonneDateAvoir,
#compta .colonneSocieteAvoir,
#compta .colonneTauxTVAAvoir,
#compta .colonneFactureAvoir,
#compta .colonneNbreTransactions,
.colonneIdOption,
.colonneDesactivableOption,
.colonneLibelleVariable,
.colonneActionVariable,
.colonnePrixOffre,
.colonneActionOffre,
.colonneUrlSeo,
.colonneTitreSeo,
.colonneDescriptionEmail,
.colonneLabelTradfr,
.colonneActionsTrad,
.colonneDescriptionRelance,
.colonneNbreUserStat,
.colonnePourcentageStat,
.colonneUpgradeStat,
.colonneTotalStat,
.colonneEmailRelancer,
.colonneRelanceDateRelancer,
.colonneActionRelancer,
.colonneNombreTotalRelance,
.colonneBounceRelance,
#compta .colonneTypeCommande,
#compta .colonneDateCommande,
#compta .colonneSociete,
#compta .colonneModePaiement,
#compta .colonneTauxTVA,
#compta .colonneMontantTTC,
#compta .colonneAvoir,
#compta .colonneNombreTransaction,
#compta .colonneMilieu,
#compta .colonneDateAvoir,
#compta .colonneSocieteAvoir,
#compta .colonneTauxTVAAvoir,
#compta .colonneFactureAvoir,
#compta .colonneNbreTransactions,
.colonneIdOption,
.colonneDesactivableOption,
.colonneLibelleVariable,
.colonneActionVariable,
.colonnePrixOffre,
.colonneActionOffre,
.colonneUrlSeo,
.colonneTitreSeo,
.colonneDescriptionEmail,
.colonneLabelTradfr,
.colonneActionsTrad,
.colonneDescriptionRelance,
.colonneNbreUserStat,
.colonnePourcentageStat,
.colonneUpgradeStat,
.colonneTotalStat,
.colonneRelanceDateRelancer,
.colonneActionRelancer,
.colonneNombreTotalRelance,
.colonneBounceRelance,
.colonneCliqueRelance,
#client_statClientSemaine .colonneNbreInscription,
#client_statClientSemaine .colonneNbreConnexion,
#client_statClientSemaine .colonnePourcentage,
#client_statClientSemaine .colonneNbreConn,
#client_statClientSemaine .colonneNbreFichierStatEnv,
#client_statClientSemaine .colonneDureeStatEnv,
#client_statClientSemaine .colonneNbreFichier,
#client_statClientSemaine .colonneDureeRetention,
#client_statClientSemaine .colonneNbFichier,
#client_statClientSemaine .colonnnneTaillMoy,
.colonneGrisClair {
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
    font-weight: normal;
}

#compta form#form_compta select {
    height: 27px;
}

#compta h3 {
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
}

#compta a.nbreFacture {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.colonneActionsTrad {
    width: 220px;
}

#searchResults-popup textarea {
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

.totalTrouve {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #6d6e71;
}

#div_filtre #div_sort #sort, #div_filtre #other_filtre {
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    height: 27px;
    background-size: 16px 18px;
    font-size: 13px;
    padding-left: 5px;
    border: 1px solid grey;
}

.pagination_inner {
    font-family: Calibri, Sans-Serif;
    color: #6d6e71;
    font-weight: bold;
}

.table.table-bordered {
    width: 100%;
}

.titreStat {
    height: 41px;
}

#statistiques h1 {
    padding-bottom: 4px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
    clear: both;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
}

#statistiques tr td, #statistiques tr th {
    height: 30px;
}

form#rechercheStats select {
    height: 30px;
    font-size: 16px;
}

#consignes {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #848c94;
    margin-left: 38px;
}

#consignes ul {
    list-style: none;
}

#consignes ul li:before {
    content: '- ';
    color: #6C6D70;
}

#listUserRelancer_info {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #6d6e71;
}

select#idOffreCible {
    height: 30px;
}

#rechercheStats label {
    width: 60px;
}

#rechercheStats label#dateDebut {
    width: 32px;
}

#rechercheStats label#dateFin {
    width: 20px;
}

#envoiMail {
    width: 732px;
    margin: auto;
    padding-bottom: 50px;
}

#envoiMail #nb_destinataire {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    color: #848c94;
}

#client_traceDownload input.valider {
    width: 115px;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #7C7B79;
    padding-top: 2px;
}

#client_traceDownload input.valider:hover {
    color: white;
}

#client_statClientSemaine h1.rubTitle {
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #6C6D70;
    text-decoration: underline;
}

.publicInternetExplorer.ie8 #client_statClientSemaine h1.rubTitle {
    font-size: 14px;
}

#statClientSem {
    width: 1100px;
    margin: auto;
    margin-left: 116px;
    padding-bottom: 50px;
}

.question {
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
    color: #848c94;
}

#popup {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #545454;
    font-size: 17px;
}

#code-promo-list th, #code-promo-list td {
    height: 40px;
}

#code-promo-list select, #editOffre.contentPageWidth2 select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 192px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#editOffre.contentPageWidth2 select {
    width: 229px;
}

#code-promo-list input[type=text] {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 180px;
    color: #6C6D7A;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
}

#code-promo-list label {
    margin-left: 10px;
}

#pageEditClient .rubTitle2, #pageEditClient .title1, #pageAddRelance .title1, #editOption .title1, #pageAddOption .title1, #editOffreTemplate .title1, #editOffreTemplate .rubTitle {
    padding-bottom: 4px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    color: #6C6D70;
    text-decoration: underline;
    font-weight: bold;
}

.publicInternetExplorer.ie8 #pageEditClient .rubTitle2, .publicInternetExplorer.ie8 #pageEditClient .title1, .publicInternetExplorer.ie8 #pageAddRelance .title1, .publicInternetExplorer.ie8 #editOption .title1, .publicInternetExplorer.ie8 #pageAddOption .title1, .publicInternetExplorer.ie8 #editOffreTemplate .title1, .publicInternetExplorer.ie8 #editOffreTemplate .rubTitle {
    font-size: 14px;
}

#editOption p, #editOption div, #pageAddOption p, #editOffreTemplate p, #formAddRelance p {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

a.btnBSG {
    background-position: 0px 0px;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 7px;
    height: 11px;
    padding-bottom: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    -moz-box-shadow: -5px 5px 0px 0px #8a8985;
    -webkit-box-shadow: -5px 5px 0px 0px #8a8985;
    -o-box-shadow: -5px 5px 0px 0px #8a8985;
    box-shadow: -2px 2px 0px 0px #8a8985;
    background-color: #545454;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 16px;
    margin-left: 3px;
}

#editOption textarea#description, #pageAddOption textarea#description, #pageAddRelance textarea {
    height: 100px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

#editOption input[type=text], #pageAddOption input[type=text], #editOffre.contentPageWidth2 input[type=text] {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 221px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    background-color: #ffffff;
}

#addOffre select, #pageAddRelance select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 292px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#addOffre input[type=text] {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 284px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#addOffre {
    margin: auto;
    margin-left: 153px;
}

#addOffrePage {
    background-color: #f6f6f6;
    min-height: 500px;
}

#addOffre .ui-widget-content, #editOffreTemplate .ui-widget-content {
    background-color: initial;
}

#pageAddOptionTemplate {
    background-color: #f6f6f6;
    min-height: 500px;
    padding-top: 10px;
}

#editOffre.contentPageWidth2 {
    margin-left: 153px;
    margin-right: 153px;
}

#editOffreTemplate {
    background-color: #f6f6f6;
    min-height: 1100px;
}

#editOffreTemplate input[type=submit] {
    width: 100px;
}

#tabs-options, #divTableCredit, #tabs-edition, #tabs-declinaison, #tabs-conso-option-buy {
    margin-top: 20px;
}

#achatCredit {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 18px;
    color: #848c94;
}

#seo_add input.inputText {
    width: 316px;
}

#seo_edit input[type=text] {
    width: 315px;
}

#seo_edit select {
    width: 326px;
}

#seo_edit textarea {
    width: 700px;
    height: 60px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

#configuration_editEmail .rubTitle {
    padding-bottom: 4px;
    font-size: 18px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
}

#configuration_editEmail {
    padding-bottom: 50px;
}

#formAddRelance select {
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

#formAddRelance input#libelle {
    width: 285px !important;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

#formAddRelance textarea#description {
    width: 280px !important;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 15px;
}

#pageAddRelance {
    margin-left: 156px;
}

#blockDispoTemplate select {
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 157px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#statClient select {
    margin-right: 5px;
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 152px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

input#recherche::-webkit-input-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

input#recherche::-moz-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

input#recherche::-ms-input-placeholder {
    color: #d6d3d4;
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    font-size: 15px;
    font-style: normal;
}

#searchEmail.contentPageWidth {
    margin-top: 14px;
}

#searchEmail ul {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.publicInternetExplorer11 #searchEmail ul {
    font-size: 14px;
}

.publicInternetExplorer.ie8 #searchEmail ul {
    font-size: 14px;
}

#searchEmail ul {
    list-style: none;
}

#searchEmail ul li:before {
    content: '- ';
    color: #6C6D70;
}

.resultat {
    font-size: 14px;
    margin-bottom: 10px;
    clear: both;
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
}

.motcleRecherche {
    color: #ecba0d;
}

#CourrierPage #tabs, #pageEditClient #tabs {
    margin-left: 22px;
}

#pageEditClient select {
    margin-right: 5px;
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 247px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#pageEditClient #listOptions select {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 111px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#pageEditClient #listOptions, #listVariables {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

#pageEditClient .colonneAction {
    background-color: #f2f1f2;
    border-bottom: 4px solid #ffffff;
    color: #6d6e71;
    font-family: Calibri, Sans-Serif;
    text-align: center;
}

#pageEditClient input[type=text] {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 236px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    height: 22px;
}

#gestionOptions input[type=submit], #notePage input[type=submit] {
    width: 110px;
}

#pageEditClient .inputText#telephone,
#pageEditClient .inputText#fax {
    width: 166px !important;
}

#filtreRoleUser a:hover {
    color: #fed44a;
}

#send-email input.inputText {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 280px;
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    border: 1px solid rgb(218, 218, 218);
    border-radius: 4px;
    height: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 10px;
}

#send-email {
    margin-left: 155px;
}

#pageEditClient ul.nav.nav-pills {
    list-style: none;
}

#client-invoice input[type=submit] {
    width: 200px;
}

#client-invoice tr td:first-child, #client-invoice-avoir {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
}

#client-invoice tr td:last-child {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #848c94;
}

#loginPage {
    padding-left: 175px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#pageRegeneratePassword {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #545454;
    font-size: 14px;
}

.success {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
}

#add-user-modal {
    overflow-x: hidden;
}

.labelSendMail {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: normal;
}

#import_users #importUserContent #form_upload_csv .rubTitle {
    font-family: Calibri, Sans-Serif;
    color: #6C6D70;
    text-decoration: underline;
    font-size: 18px;
}

#import_users #importUserContent select {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 30.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 111px;
    border-radius: 4px;
    border: 1px solid rgb(218, 218, 218);
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
}

#import_users #importUserContent #form_upload_csv {
    margin-left: 17px;
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: normal;
}

#group_list input.inputText {
    width: 170px;
}

#group_list a.bouton_jaune {
    margin-left: 8px;
    margin-bottom: 10px;
}

#listContactDropbox .expiration {
    color: #6C6D7A;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
}

#inner.public #rightEnvoi.rightEnvoiDrop {
    margin-top: 5px;
}

#inner.public #rightEnvoi {
    min-height: 583px;
}

#sendInvitationPopup label {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

#sendInvitationPopup-new label {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
    font-weight: bold;
}

.aProposTemplate {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media screen and (min-width: 1050px) {
    .aProposTemplate {
        padding-left: 31px !important;
        padding-right: 31px !important;
    }
}

@media screen and (min-width: 1100px) {
    .aProposTemplate {
        padding-left: 51px !important;
        padding-right: 51px !important;
    }
}

@media screen and (min-width: 1150px) {
    .aProposTemplate {
        padding-left: 78px !important;
        padding-right: 78px !important;
    }
}

@media screen and (min-width: 1200px) {
    .aProposTemplate {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
}

@media screen and (min-width: 1280px) {
    .aProposTemplate {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }
}

@media screen and (min-width: 1300px) {
    .aProposTemplate {
        padding-left: 98px !important;
        padding-right: 98px !important;
    }
}

@media screen and (min-width: 1350px) {
    .aProposTemplate {
        padding-left: 104px !important;
        padding-right: 104px !important;
    }
}

@media screen and (min-width: 1400px) {
    .aProposTemplate {
        padding-left: 175px !important;
        padding-right: 175px !important;
    }
}

@media screen and (min-width: 1450px) {
    .aProposTemplate {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }
}

@media screen and (min-width: 1500px) {
    .aProposTemplate {
        padding-left: 232px !important;
        padding-right: 232px !important;
    }
}

@media screen and (min-width: 1550px) {
    .aProposTemplate {
        padding-left: 241px !important;
        padding-right: 241px !important;
    }
}

@media screen and (min-width: 1600px) {
    .aProposTemplate {
        padding-left: 264px !important;
        padding-right: 264px !important;
    }
}

@media screen and (min-width: 1650px) {
    .aProposTemplate {
        padding-left: 270px !important;
        padding-right: 270px !important;
    }
}

@media screen and (min-width: 1700px) {
    .aProposTemplate {
        padding-left: 295px !important;
        padding-right: 295px !important;
    }
}

@media screen and (min-width: 1750px) {
    .aProposTemplate {
        padding-left: 320px !important;
        padding-right: 320px !important;
    }
}

@media screen and (min-width: 1800px) {
    .aProposTemplate {
        padding-left: 350px !important;
        padding-right: 350px !important;
    }
}

@media screen and (min-width: 1850px) {
    .aProposTemplate {
        padding-left: 375px !important;
        padding-right: 375px !important;
    }
}

@media screen and (min-width: 1900px) {
    .aProposTemplate {
        padding-left: 405px !important;
        padding-right: 405px !important;
    }
}

@media screen and (min-width: 1950px) {
    .aProposTemplate {
        padding-left: 417px !important;
        padding-right: 417px !important;
    }
}

@media screen and (min-width: 2000px) {
    .aProposTemplate {
        padding-left: 443px !important;
        padding-right: 443px !important;
    }
}

@media screen and (min-width: 2050px) {
    .aProposTemplate {
        padding-left: 477px !important;
        padding-right: 477px !important;
    }
}

@media screen and (min-width: 2100px) {
    .aProposTemplate {
        padding-left: 506px !important;
        padding-right: 506px !important;
    }
}

@media screen and (min-width: 2150px) {
    .aProposTemplate {
        padding-left: 545px !important;
        padding-right: 545px !important;
    }
}

@media screen and (min-width: 2200px) {
    .aProposTemplate {
        padding-left: 564px !important;
        padding-right: 564px !important;
    }
}

@media screen and (min-width: 2250px) {
    .aProposTemplate {
        padding-left: 575px !important;
        padding-right: 575px !important;
    }
}

@media screen and (min-width: 2300px) {
    .aProposTemplate {
        padding-left: 607px !important;
        padding-right: 607px !important;
    }
}

@media screen and (min-width: 2350px) {
    .aProposTemplate {
        padding-left: 641px !important;
        padding-right: 641px !important;
    }
}

@media screen and (min-width: 2400px) {
    .aProposTemplate {
        padding-left: 651px !important;
        padding-right: 651px !important;
    }
}

@media screen and (min-width: 2450px) {
    .aProposTemplate {
        padding-left: 695px !important;
        padding-right: 695px !important;
    }
}

@media screen and (min-width: 2500px) {
    .aProposTemplate {
        padding-left: 703px !important;
        padding-right: 703px !important;
    }
}

@media screen and (min-width: 2550px) {
    .aProposTemplate {
        padding-left: 716px !important;
        padding-right: 716px !important;
    }
}

#publicTemplate.publicInternetExplorer h1 {
    font-weight: bold !important;
}

.transfer .rubTitle2 {
    font-family: 'Knockout_JuniorWelterwt', Calibri, Sans-Serif;
    font-weight: normal;
}

#transfer {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #868b8e;
    margin-bottom: 27px;
}

.screecast .rubTitle {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
}

.reseller h2, .reseller h3, .reseller span {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
}

.reseller .texte_about {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #868b8e;
    padding-bottom: 28px;
}

#plans.contentPageWidth2 .section-title {
    font-family: "knockout_JuniorLtweight", Calibri, Sans-Serif;
    color: #6C6D70;
    font-size: 18px;
    padding-left: 12.5%;
    text-decoration: underline;
}

section.moyenPaiement .section-title {
    font-family: "knockout_Middleweight", Calibri, Sans-Serif !important;
    text-transform: uppercase;
    font-size: 14px !important;
    text-align: center;
    color: #9B9B9B !important;
    padding-left: 0% !important;
    text-decoration: none !important;
}

div#plans .moyPaiement {
    font-family: Calibri, Sans-Serif !important;
    text-transform: uppercase;
    font-size: 14px !important;
    text-align: center;
    color: #9B9B9B !important;
    padding-left: 0% !important;
    font-weight: bold;
}

div#plans h3.header {
    text-transform: uppercase;
}

section#entreprise h3.header {
    color: #a9e6db;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-weight: normal;
}

div#plans li {
    color: #ffffff;
    line-height: 20px;
}

section#entreprise li.nsContacter {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

section#entreprise li.nsContacter div.sinscrire a {
    color: #6d838d;
    font-size: 12px;
    display: inline-block;
    height: 45px;
    line-height: 24px;
    position: relative;
    font-family: "knockout_Middleweight", Calibri, Serif;
    text-transform: uppercase;
    width: 100%;
    top: -1px;
}

section#entreprise li.nsContacter div.sinscrire {
    display: inline-block;
    -moz-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    -webkit-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    -o-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#D7D7D7, Direction=315, Strength=5);
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    height: 24px;
    width: 131px;
    text-align: center;
    background-color: #ffffff;
}

#compte_validation {
    margin-top: 15px;
    text-align: justify;
    font-family: Calibri;
    font-weight: bold;
    font-size: 14px;
    color: #5d707c;
    padding-bottom: 80px;
}

#compte_validation .btn.primary {
    width: 175px;
    border: 0;
    background-color: #efd54a;
    color: #ffffff;
    float: left;
    background-color: #efd54a;
    border-radius: 5px;
    height: 20px;
    display: block;
    font-size: 18px;
    color: white;
    text-decoration: none;
    padding-top: 3px;
    text-align: center;
    margin-top: 1px;
    font-family: Calibri, Sans-Serif;
    text-transform: uppercase;
    margin-left: 5px;
}

#compte_validation .btn.primary:hover {
    background-color: #9d9e9e;
}

#cloturerPage {
    margin-left: 175px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #5d707c;
}

.phrase_intro, .infobox-progress, .infoContact {
    margin-left: 12.5px;
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #5d707c;
    width: 500px;
}

.infobox-progress a {
    color: #feb239;
}

.infobox-progress a:hover {
    color: #5d707c;
}

.confirmDevis {
    color: #89d4e4 !important;
    margin-left: 100px;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-weight: normal;
}

.imgHelp.tip {
    padding-left: 4px;
}

#subscribe h1 {
    text-transform: uppercase;
    font-family: Calibri, Sans-Serif;
    font-weight: bold !important;
    color: #5c707a !important;
    font-size: 14px;
}

#subscribe .navigButton a {
    width: 128px !important;
}

#contain_upgrade div div, #upgradeUsers div div {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 14px;
}

#creditPaiementPage .colonneLabel {
    font-family: Calibri, Sans-Serif;
    color: #545454;
    font-size: 17px;
}

#messageErrorLstPaiement {
    font-family: Calibri, Sans-Serif;
    font-size: 17px;
}

#recapContent, #paiementCommande {
    font-family: Calibri, Sans-Serif;
    font-size: 16px;
    color: rgb(114, 120, 121);
}

#recapContent .rowTitle, #paiementCommande strong {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.publicInternetExplorer .styleTable td, .publicInternetExplorer9 .styleTable td, .publicInternetExplorer10 .styleTable td, .publicInternetExplorer11 .styleTable td {
    font-weight: bold !important;
}

.limiteAtteinteUser {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    color: #6d6e71;
}

.noAutorisation {
    font-family: Calibri, Sans-Serif;
    font-size: 17px;
}

#last-version {
    height: 22px;
    padding-top: 1px;
    text-align: center;
    float: left;
    font-size: 16px;
    width: 100%;
    font-family: Calibri, Sans-Serif;
    color: #ffffff;
    background-color: #6BCBDA;
    border-bottom: 1px solid #c0c0c1;
    display: none;
}

#last-version a:hover {
    color: #ffffff;
}

#last-version a {
    color: #ffffff;
}

.publicInternetExplorer9 #last-version {
    height: 22px !important;
    padding-top: 1px;
    text-align: center;
    float: left;
    font-size: 16px;
    width: 100%;
    font-family: Calibri, Sans-Serif;
    color: #ffffff;
    background-color: #6BCBDA !important;
    border-bottom: 1px solid #c0c0c1;
}

.closeHeadBand {
    float: right;
    padding-right: 5px;
    padding-top: 2px;
}

.closeHeadBand img {
    height: 16px;
    cursor: pointer;
}

.freemiumBarre {
    color: #8592a0;
}

.freemiumBarre {
    width: 101%;
}

#aboutLogoDropCloud {
    float: left;
    width: 12%;
    padding-top: 159px;
    margin-left: 68px;
}

#aboutFleche {
    float: left;
    width: 15%;
    padding-top: 114px;
}

#aboutSolution {
    float: left;
    width: 21%;
}

#aboutCibles {
    float: left;
    width: 17%;
}

#aboutDoubleFleche {
    float: left;
    width: 14.75%;
    padding-top: 20px;
}

.aboutBloc {
    width: 190px;
    height: 72px;
    color: #ffffff;
    padding: 20px;
    margin-bottom: 34px;
    border-radius: 14px;
    font-family: Calibri, Sans-serif;
    font-size: 15.5px;
}

.aboutBlocCible {
    width: 190px;
    height: 14px;
    color: #ffffff;
    padding: 20px;
    padding-top: 15px;
    margin-bottom: 14px;
    border-radius: 14px;
    font-family: 'Knockout_JuniorWelterwt', Calibri, Sans-Serif;
    font-size: 15.5px;
}

#publicTemplate.en .aboutBlocCible, #publicTemplate.de .aboutBlocCible, #publicTemplate.pt .aboutBlocCible, #publicTemplate.it .aboutBlocCible {
    padding-top: 7px;
    height: 22px;
}

.aboutBloc.wesend {
    background-color: #ffcc33;
}

.aboutBloc.wedrop {
    background-color: #339999;
}

.aboutBloc.neobe {
    background-color: #f47f54;
}

.aboutBlocCible.wesend {
    background-color: #ffcc33;
}

.aboutBlocCible.wedrop {
    background-color: #339999;
}

.aboutBlocCible.neobe {
    background-color: #f47f54;
}

.titleSolution {
    font-family: Calibri, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-bottom: 8px;
}

.aboutBloc .titleSolution {
    font-size: 18px;
}

.titreAboutSolutions {
    font-family: 'Knockout_JuniorWelterwt', Calibri, Sans-Serif;
    font-size: 21px;
    padding-bottom: 10px;
}

.wedropBloc {
    margin-top: 35px;
}

.neobeBloc {
    margin-top: 34px;
}

.aProposTemplate.activite {
    padding-top: 55px;
}

.optionLineDescriptor {
    color: #5c707a;
    font-size: 14px;
    font-family: "Knockout_JuniorWelterwt", Calibri, Sans-Serif;
}

.optionDescriptor {
    margin-bottom: 10px;
}

.sr-only {
    color: #7C7B79;
}

.fiche_container .fiche_head h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #89d4e4;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
}

.fiche_content {
    text-align: justify;
    width: 830px;
}

.fiche_container .fiche_head.listPuce h2 {
    font-size: 16px;
    text-transform: none;
    padding-bottom: 5px;
    font-family: 'Knockout_JuniorWelterwt', Calibri, Sans-Serif;
    font-size: 18px;
    hyphens: auto;
    color: #FFCB00;
}

.rubTitle2.faq.fiche h1 {
    font-size: 28px;
    text-transform: uppercase;
    color: #89d4e4;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    font-weight: normal;
}

#statDisk tr:first-child td {
    font-weight: bold;
}

.styleTable tr:first-child td {
    font-weight: bold;
}

#invoices thead tr.entete td {
    font-weight: bold;
}

#solde_comptable tr.entete td {
    font-weight: bold;
}

#tva.styleTable thead tr.entete td {
    font-weight: bold;
}

#avoirs.styleTable thead tr.entete td {
    font-weight: bold;
}

#transactions.styleTable thead tr.entete td {
    font-weight: bold;
}

.grands-volumes .description-list span span:last-child {
    text-align: right;
    float: right;
    padding-right: 5px;
}

.grands-volumes .description-list span span:first-child, .grands-volumes .description-list span span.option {
    text-align: left;
    float: left;
    padding-left: 5px;
}

#menu_fichier li {
    color: #848c94;
    font-family: Calibri, Sans-Serif;
    font-size: 14px !important;
}

#menu_dossier li {
    color: #848c94 !important;
    font-family: Calibri, Sans-Serif;
    font-size: 14px !important;
}

.contentPageWidthFeatures .btn.inscription:hover {
    background: #9d9e9e;
}

.contentPageWidthFeatures .btn.inscription {
    display: inline-block;
    margin: 31px 0 0;
    padding: 5px 22px 7px;
    clear: both;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal !important;
    background: #87d4e5;
}

span.title {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #5c707a;
}

span.description {
    font-family: Calibri, Sans-Serif !important;
    font-weight: bold;
    color: #5c707a;
}

ul.listing {
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    color: #5c707a;
}

h1.prospectTitle {
    color: #6d6e71;
    padding-left: 10px;
    font-size: 14px;
    font-family: Calibri, Sans-Serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-decoration: underline;
}

span.periode {
    margin-bottom: 25px;
}

#uploadAreaTransfert_scanAntivirus_message {
    font-size: 14px;
    margin-top: -9px;
    margin-bottom: 10px;
    color: green;
}

#uploadAreaTransfert_virus_message {
    font-size: 14px;
    color: red;
}

#uploadAreaTransfert_titreFile_message {
    font-size: 14px;
    margin-bottom: 10px;
}

#uploadAreaTransfert_titreFile_message .titleFile {
    color: rgb(61, 74, 84);
}

.glyphicon {
    top: 3.5px !important;
}

#login-other-services a {
    text-decoration: none !important;
    font-family: 'Calibri', Sans-Serif;
}

h1.headComparative {
    font-weight: normal;
    color: #8592a0;
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica, Calibri, Sans-Serif;
}

#div_confirmation_envoi {
    font-family: Calibri, Sans-Serif;
    font-style: 14px;
    font-weight: bold;
    color: #6d6e71;
}

#div_confirmation_envoi li {
    list-style: none;
    margin-left: 25px;
}

[aria-labelledby=ui-dialog-title-div_confirmation_envoi] {
    top: 130px !important;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#logo_footer_dropcloud {
    display: inline-block;
    width: 50px;
    height: 48px;
    background: url("/images/logo/sprite.png") 0 6px no-repeat;
}

#logo_index {
    display: inline-block;
    width: 108px;
    height: 108px;
    background: url("/images/logo/sprite.png") -46px 0px no-repeat;
}

#slidertwotop {
    display: inline-block;
    width: 251px;
    height: 170px;
    background: url("/images/logo/sprite.png") -157px 0px no-repeat;
}

#sprite_barre {
    display: inline-block;
    width: 1px;
    height: 30px;
    background: url("/images/logo/sprite.png") -155px -39px no-repeat;
    margin-left: 5px;
    margin-right: 5px;
}

#mTemplate.verify #formVerification {
    min-height: 400px
}

.ui-tabs .ui-tabs-nav li {
    border: 1px solid #DADADA;
}

div.radioTraitement label {
    margin-right: 20px;
    margin-left: 3px;
    font-weight: normal !important;
}

.relanceTable {
    font-family: Calibri, Sans-Serif;
    color: #848c94;
    font-size: 14px;
    font-weight: normal;
    font-weight: bold;
    border: 1px solid #c2cdd9;
}

.relanceDiv {
    height: 300px;
    width: 525px;
    overflow: auto;
}

.relanceClient tr, .relanceClient td, .relanceTable th {
    border: 1px solid #c2cdd9;
    padding: 3px;
    text-align: center;
}

.relanceTable th {
    color: white;
    background-color: #2D3C49;
    text-align: center;
}

.relanceClient label {
    color: #c3cfdb;
}

.infoNotBold {
    font-weight: normal !important;
}

#noteList, #courrierList, #list-email {
    overflow: auto;
    height: 400px;
}


#loading-div-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

#loading-div {
    width: 300px;
    height: 150px;
    background-color: #fff;
    border: 5px solid #FED44A;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("/css/pie/PIE.htc"); /* HANDLES IE */
}

#notification_success {
    background-color: #fff;
    border: 5px solid #FED44A;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 1%;
    margin-left: -1px;
    margin-top: -430px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("/css/pie/PIE.htc"); /* HANDLES IE */


}

[aria-labelledby="ui-dialog-title-mydiv"] .ui-button-text-only .ui-button-text {
    width: 130px !important;
}

[aria-labelledby="ui-dialog-title-import_users_ldap"] .ui-button-text-only .ui-button-text {
    width: 130px !important;
}

#pupgrade {
    margin-left: 13px;
}

#totalHT .colonneGrisFonce {
    width: 70px;
}

.g-recaptcha {
    margin-left: 46px;
    margin-bottom: 36px;
}

.simpleinput {
    width: 290px !important;
    border-radius: 14px !important;
    height: 17px !important;
}

.simpleinput2 {
    width: 308px !important;
    border-radius: 14px !important;
}

.simpleinput3 {
    width: 300px !important;
    border-radius: 14px !important;
}

.customclassneobe .ui-widget-header {
    background: #ed6b39;
    color: white;
    font-size: 18px;
    height: 65px;
}

.customclassneobe .ui-dialog .ui-dialog-title {

    margin-left: 75px;
    font-size: 16px;

}

.customclassneobe .ui-button .ui-button-text {
    background-color: #ed6b39;
    color: #FFFFFF;
}

.customclassneobe .ui-button .ui-button-text:hover {
    background-color: #F2F2F2F2;
    color: #ed6b39;
}