html { background-color: #fff; margin: 0; padding: 0; }

body { background-color: #fff; color: #333; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: .85em; margin: 0; padding: 0; }

.hideCol { display: none; }

a { color: #333; outline: none; padding-left: 3px; padding-right: 3px; text-decoration: underline; }

:active, :focus { -moz-outline-style: none; outline: none; }

a:link, a:visited, a:active, a:hover { color: #333; }

a:hover { background-color: #c7d1d6; }

header, footer, hgroup, b nav, section { display: block; }

.hideRow { display: none; }

img { border: none; }

.contrat_button_quit { background: url("../Images/Sauvegarder_Quittersanssoumettre.png") no-repeat; border: none; color: #fff; cursor: pointer; font-size: 12px; height: 38px; vertical-align: middle; width: 155px; }

.contrat_button_retour { background: url("../Images/retour_01.png") no-repeat; border: none; color: #fff; cursor: pointer; font-size: 12px; height: 38px; vertical-align: middle; width: 88px; }

/*.contrat_button_quit { background: url("../Images/Quittersanssoumettre.png") no-repeat; border: none; color: #fff; cursor: pointer; font-size: 12px; height: 38px; vertical-align: middle; width: 153px; }*/

.contrat_button_soumettre { background: url("../Images/sauvegardersigneretsoumettre.png") no-repeat; border: none; color: #fff; cursor: pointer; font-size: 12px; height: 38px; vertical-align: middle; width: 153px; }

mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; }

table tr.categoryRow td { border: none !important; color: black; font-family: HelveticaLT-Condensed, Arial; height: 44px; padding-left: 20px; padding-right: 40px; position: relative; z-index: 0; }

.tdListcontrat td { height: 38px; text-align: center; }

.mozilla table tr.categoryRow { background: url(../Images/categorie_doption_volet_deroulant.png) no-repeat; height: 44px; cursor: pointer; }

.mozilla table tr.categoryRow td:first-child:before { background: none !important; border: none !important; content: " "; display: block; height: 44px; left: 0; position: absolute; top: 0; width: 963px; z-index: -1; }

.mozilla table tr.categoryRow td { color: black; font-family: HelveticaLT-Condensed, Arial; height: 44px; padding-left: 20px; padding-right: 40px; position: relative; z-index: 0; }

table tr.categoryRow { height: 44px; cursor: pointer; }

table tr.categoryRow td:first-child:before { background: url(../Images/categorie_doption_volet_deroulant.png) no-repeat; border: none !important; content: " "; display: block; height: 44px; left: 0; position: absolute; top: 0; width: 963px; z-index: -1; }

table tr.categoryRow td { color: black; font-family: HelveticaLT-Condensed, Arial; height: 44px; padding-left: 20px; padding-right: 40px; position: relative; z-index: 0; }

a { outline: none; }

a img { outline: none; }

.mozilla table tr.categoryRowFournisseur { background: url(../Images/categorie_doption_volet_deroulant.png) no-repeat; height: 44px; cursor: pointer; }

table tr.categoryRowFournisseur { height: 44px; cursor: pointer; }

table tr.categoryRowFournisseur td:first-child:before { background: url(../Images/categorie_doption_volet_deroulant.png) no-repeat; content: " "; height: 44px; left: 0; position: absolute; top: 0; width: 963px; z-index: -1; }

table tr.categoryRowFournisseur td { color: black; font-family: HelveticaLT-Condensed, Arial; height: 44px; padding-left: 20px; padding-right: 40px; position: relative; z-index: 0; }

.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; }

.popup { background-color: white; max-width: 300px; z-index:1 }

table tr.listecontratLot th { color: black; font-family: HelveticaLT-Condensed, Arial; font-size: 14px; font-weight: normal; height: 51px; padding: 0px 10px 0 10px; position: relative; text-align: center; z-index: 0; }

.td15left tr td { padding-left: 15px; }

.center { text-align: center; }

.centerDiv { margin-left: auto; margin-right: auto; margin-top: 25px; position: relative; width: 250px; }

.aspNetDisabled { text-decoration: none; }

.marginTop10 { margin-top: 10px; }

.marginTop5 { margin-top: 5px; }

.marginBottom10 { margin-bottom: 10px; }

#myPrompt { background-color: white; border: 1px solid black; display: none; height: 200px; left: 50%; margin-left: -200px; margin-top: -150px; position: fixed; top: 50%; width: 400px; z-index: 10; }

.mozilla #myPrompt { background-color: white; border: 1px solid black; display: none; height: 200px; left: 50%; margin-left: -200px; margin-top: -150px; position: fixed; top: 50%; width: 475px; z-index: 10; }

#myPromptRefused { background-color: white; border: 1px solid black; display: none; height: 200px; left: 50%; margin-left: -200px; margin-top: -150px; position: fixed; top: 50%; width: 400px; z-index: 10; /* Style your prompt here. */ }

.promptInside { margin-left: 45px; margin-top: 30px; }

.textLog { background: url(../Images/champs_login.png) no-repeat right top; background-size: cover; border: 0px solid #444444; color: #000; font-size: 14px; height: 20px; margin-left: 10px; padding-left: 10px; padding-top: 3px; width: 202px; }

.labelLog { font-weight: bold; font-size: 14px; }

.marginConnect { margin-left: 60px; margin-top: 30px; }

.mozilla table tr.listecontratLot { background: url(../Images/Top_tableau_fournisseur_2.png) no-repeat; background-size: cover; height: 44px; }

.mozilla table tr.listecontratLot th:first-child:before { content: " "; height: 51px; left: 0; position: relative; top: 0; width: 980px; z-index: -1; }

table tr.listecontratLot { height: 44px; }

table tr.listecontratLot th { background: url(../Images/Top_tableau_fournisseur_2.png) no-repeat; border: 1px solid silver;}   
    
table tr.data td { text-align: center; }

table tr.optionRowFournisseur { height: 35px; }

table tr.optionRowFournisseur th { color: white; font-family: HelveticaLT-Condensed, 'Times New Roman'; font-size: 12px; font-weight: normal; height: 35px; padding: 0 0 0 0; position: relative; text-align: center; z-index: 0; }

table tr.optionRowFournisseur th:first-child:before { background: url(../Images/tableau_top_societe.png); color: white; content: " "; font: normal 11px arial; height: 35px; left: 2px; position: absolute; top: -1px; width: 959px; z-index: -1; }

.mozilla table tr.optionRowClient { background: url(../Images/tableau_top_societeClient.png); height: 35px; }

table tr.optionRowClient { height: 35px; }

.mozilla table tr.optionRowClient th { color: white; font-family: HelveticaLT-Condensed, 'Times New Roman'; font-size: 12px; font-weight: normal; height: 35px; padding: 0 0 0 0; position: relative; text-align: center; z-index: 0; }

.mozilla table tr.optionRowClient th:first-child:before { background: none; color: white; content: " "; font: normal 11px arial; height: 35px; left: 2px; position: absolute; top: -1px; width: 959px; z-index: -1; }

table tr.optionRowClient th { color: white; font-family: HelveticaLT-Condensed, 'Times New Roman'; font-size: 12px; font-weight: normal; height: 35px; padding: 0 0 0 0; position: relative; text-align: center; z-index: 0; }

table tr.optionRowClient th:first-child:before { background: url(../Images/tableau_top_societeClient.png); color: white; content: " "; font: normal 11px arial; height: 35px; left: 2px; position: absolute; top: -1px; width: 959px; z-index: -1; }

.float-left { float: left; }

.float-right { float: right; }

.clear-fix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.clearBoth { clear: both; }

.optionDiv { margin-left: 30px; margin-top: 20px; }

.pageTitle { border-bottom: 2px solid #cacaca; font-family: 'HelveticaLT-Bold'; margin: 0 0 15px 0; padding: 0.5em; text-align: center; }

.infocontrat { float: left; font-family: HelveticaLT-Condensed; margin-bottom: 10px; padding-left: 30px; width: 750px; }

.buttonSoumettre { clear: left; float: left; margin-bottom: -20px; }

.infoTableClient { border-spacing: 0 !important; border-bottom: solid 1px black; border-right: solid 1px black; border-top: solid 1px black; border-left: none; width: 710px; height: 59px; }

.infoTableClient td { vertical-align: middle; }

.infoTableClientClient { border-spacing: 0 !important; border-bottom: solid 1px black; border-right: solid 1px black; border-top: solid 1px black; border-left: none; width: 710px; height: 59px; }

.infoTableClientClient td { vertical-align: middle; }

.infoTableFourn { border-spacing: 0 !important; border-bottom: solid 1px black; border-right: solid 1px black; border-top: solid 1px black; border-left: none; width: 710px; height: 62px; }

.infoTableFourn td { vertical-align: middle; }

.divInfo { float: left; padding-left: 5px; }

.infoLabel { font-family: 'HelveticaLT-Narrow-Bold'; margin-bottom: 15px; text-align: left; }

.trTitre { height: 30px; }

.labelTotal span { height: 30px; padding-top: 10px; }

.Carre_Prix { background-image: url(../Images/carree_prix.png); background-size: cover; clear: right; float: right; height: 140px; text-align: right; width: 180px; }

.infoLabelPrix { font-family: 'HelveticaLT-Narrow-Bold'; margin-bottom: 15px; text-align: left; padding-left: 5px; }

.infoLabelHeadPrix { font-family: 'HelveticaLT-Narrow-Bold'; margin-bottom: 15px; text-align: center; }

h1, h2, h3, h4, h5, h6 { color: #000; margin-bottom: 0; padding-bottom: 0; }

h1 { font-size: 2em; }

h2 { font-size: 1.75em; }

h3 { font-family: HelveticaLT-Bold; font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

h5 a:link, h5 a:visited, h5 a:active { padding: 0; text-decoration: none; }

/* Font
----------------------------------------------------------*/

@font-face { font-family: HelveticaLT-Bold; src: url('font/HelveticaLT-Bold.otf') format('opentype'); }

@font-face { font-family: HelveticaLT-Condensed; src: url('font/HelveticaLT-Condensed.otf') format('opentype'); }

@font-face { font-family: HelveticaLT-Narrow-Bold; src: url('font/HelveticaLT-Narrow-Bold.otf') format('opentype'); }

@font-face { font-family: HelveticaLT; src: url('font/HelveticaLT.otf') format('opentype'); }

/* main layout
----------------------------------------------------------*/

.content-wrapper-login { margin: 0 auto; max-width: 1375px; }

.content-wrapper { margin: 0 auto; max-width: 960px; }

#body { background-color: #fff; clear: both; padding-bottom: 35px; }

header { background-image: url(../Images/background_intern_repeat.jpg); background-repeat: repeat-x; }

header .interne { background-image: url(../Images/background_intern.jpg); padding-top: 122px; }

.loginPage { background-image: url(../Images/background-login.jpg); padding-top: 670px; }

#body-login { background-color: #fff; background-image: url(../Images/BackgroundLoginrepeat.jpg); background-repeat: repeat-x; color: #333; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: .85em; margin: 0; padding: 0; }

.loginForm { margin-top: -450px; }

.logFieldset { padding-left: 170px; }

.logFieldset td { text-align: right; }

.forgotLink { clear: both; float: left; font-size: 11px; margin-left: 65px; margin-top: 10px; }

.btnConnect { float: left; margin-left: 100px; }

footer { background-color: #fff; clear: both; font-size: .8em; height: 100px; }

/* site title
----------------------------------------------------------*/

.site-title { color: #c8c8c8; font-family: Rockwell, Consolas, "Courier New", Courier, monospace; font-size: 2.3em; margin: 0; }

.site-title a, .site-title a:hover, .site-title a:active { background: none; color: #c8c8c8; outline: none; text-decoration: none; }

/* login
----------------------------------------------------------*/

#login { display: block; font-size: .85em; margin: 0 0 10px; text-align: right; }

#login a { background-color: #d3dce0; margin-left: 10px; margin-right: 3px; padding: 2px 3px; text-decoration: none; }

#login a.username { background: none; margin-left: 0; text-decoration: underline; }

#login ul { margin: 0; }

#login li { display: inline; list-style: none; }

/*nfbtn
    */

.NFBtn { background: none; border: none; color: White; cursor: pointer; display: block; font: 12px/15px Arial, Helvetica, sans-serif; height: 22px; line-height: 19px; outline: none; text-align: center; text-decoration: none; vertical-align: middle; }

.niceBtn a, .niceBtn a:hover, .niceBtn a:visited { color: White !important; }

.NFBtnCenter { background: url(/Images/niceform/btn.png) repeat-x 0 0; float: left; height: 22px; margin: 0; }

.NFBtnLeft, .NFBtnRight { float: left; height: 22px; vertical-align: middle; width: 14px; }

.NFBtnLeft { background: url(/Images/niceform/btn-left.png) no-repeat 0 0; }

.NFBtnRight { background: url(/Images/niceform/btn-right.png) no-repeat 0 0; }

.NFBtnFocused { }

/* menu
----------------------------------------------------------*/

ul#menu { font-size: 1.3em; font-weight: 600; margin: 0 0 5px; padding: 0; text-align: right; }

ul#menu li { display: inline; list-style: none; padding-left: 15px; }

ul#menu li a { background: none; color: #999; text-decoration: none; }

ul#menu li a:hover { color: #333; text-decoration: none; }

/* page elements
----------------------------------------------------------*/

/* featured */

.featured { background-color: #fff; }

.featured .content-wrapper { background-color: #7ac0da; background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6)); background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); color: #3e5667; padding: 20px 40px 30px 40px; }

.featured hgroup.title h1, .featured hgroup.title h2 { color: #fff; }

.featured p { font-size: 1.1em; }

/* page titles */

hgroup.title { margin-bottom: 10px; }

hgroup.title h1, hgroup.title h2 { display: inline; }

hgroup.title h2 { font-weight: normal; margin-left: 3px; }

/* features */

section.feature { float: left; padding: 10px; width: 300px; }

/* ordered list */

ol.round { list-style-type: none; padding-left: 0; }

ol.round li { margin: 25px 0; padding-left: 45px; }

/* content */

article { float: left; width: 70%; }

aside { float: right; width: 25%; }

aside ul { list-style: none; padding: 0; }

aside ul li { background: url("../Images/bullet.png") no-repeat 0 50%; padding: 2px 0 2px 20px; }

.label { font-weight: 700; }

/* login page */

#loginForm { align-content: center; margin: 0 auto; width: 45%; }

#loginForm .validation-error { display: block; margin-left: 15px; }

#socialLoginForm { float: left; margin-left: 40px; width: 40%; }

#socialLoginForm h2 { margin-bottom: 5px; }

fieldset.open-auth-providers { margin-top: 15px; }

fieldset.open-auth-providers button { margin-bottom: 12px; }

/* contact */

.contact h3 { font-size: 1.2em; }

.contact p { margin: 5px 0 0 10px; }

.contact iframe { border: 1px solid #333; margin: 5px 0 0 10px; }

/* forms */

fieldset { border: none; margin: 0; padding: 0; }

fieldset legend { display: none; }

fieldset ol { list-style: none; padding: 0; }

fieldset ol li { padding-bottom: 5px; }

label { padding-left: 5px; }

label.checkbox { display: block; }

input[type="image"] { background-color: transparent; margin: 0; padding: 0; }

textarea { font-family: inherit; }

input:focus, textarea:focus { }

input[type="checkbox"] { background: transparent; border: inherit; width: auto; }

input[type="submit"], input[type="button"], button { }

/* info and errors */

.message-info { border: 1px solid; clear: both; padding: 10px 20px; }

.message-error { clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; }

.message-success { color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0; }

.error { color: #e80c4d; }

/* styles for validation helpers */

.field-validation-error { color: #e80c4d; font-weight: bold; }

.field-validation-valid { display: none; }

input.input-validation-error { border: 1px solid #e80c4d; }

input[type="checkbox"].input-validation-error { border: 0 none; }

.validation-summary-errors { color: #e80c4d; font-size: 1.1em; font-weight: bold; }

.validation-summary-valid { display: none; }

/* tables
----------------------------------------------------------*/

table { border: 0 none; border-collapse: collapse; border-color: transparent; border-spacing: 0; }

th { border: none 0; padding: 0 0 0 0; text-align: left; }

th a { display: block; position: relative; }

th a:link, th a:visited, th a:active, th a:hover { color: #333; font-weight: 600; padding: 0; text-decoration: none; }

th a:hover { color: #000; }

th.asc a, th.desc a { margin-right: .75em; }

th.asc a:after, th.desc a:after { display: block; font-size: 0.75em; position: absolute; right: 0; top: 0; }

th.asc a:after { content: '▲'; }

th.desc a:after { content: '▼'; }

td { padding: 0 0 0 0; }

tr.pager td { padding: 0 0.25em 0 0; }

.mGrid { background-color: #fff; border: solid 1px #525252; border-collapse: collapse; margin: 5px 0 10px 0; width: 100%; }

.mGrid td { border: solid 1px #c1c1c1; color: #717171; padding: 2px; }

.mGrid th { background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; color: #fff; font-size: 0.9em; padding: 4px 2px; }

.mGrid .Alternate { background: #fcfcfc url(grd_alt.png) repeat-x top; }

.mGrid .Selected { background: #fcfcfc url(grd_selected.png) repeat-x top; }

.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }

.mGrid .pgr table { margin: 5px 0; }

.mGrid .pgr td { border-left: solid 1px #666; border-width: 0; color: #fff; font-weight: bold; line-height: 12px; padding: 0 6px; }

.mGrid .pgr a { color: #666; text-decoration: none; }

.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.LabelPrixChoixDate { width: 100px; display: inline-block; }

.LabelOptionOption { width: 150px; margin: 0 5px; display: table-cell; vertical-align: top; }

.InputOptionOption { width: 300px; margin: 0 5px; display: table-cell; vertical-align: top; }

.UserDeleteTabCol1 { width: 150px; }


.HiddenColumn { display: none; }


/********************
*   Mobile Styles   *
********************/

@media only screen and (max-width: 850px) { /* header
    ----------------------------------------------------------*/
    header .float-left, header .float-right { float: none; }

    /* logo */

    header .site-title { margin: 10px; text-align: center; }

    /* login */

    #login { font-size: .85em; margin: 0 0 12px; text-align: center; }

    #login ul { margin: 5px 0; padding: 0; }

    #login li { display: inline; list-style: none; margin: 0; padding: 0; }

    #login a { background: none; color: #999; font-weight: 600; margin: 2px; padding: 0; }

    #login a:hover { color: #333; }

    /* menu */

    nav { margin-bottom: 5px; }

    ul#menu { margin: 0; padding: 0; text-align: center; }

    ul#menu li { margin: 0; padding: 0; }


    /* main layout
    ----------------------------------------------------------*/

    .main-content, .featured + .main-content { background-position: 10px 0; }

    .content-wrapper { padding-left: 10px; padding-right: 10px; }

    .featured .content-wrapper { padding: 10px; }

    /* page content */

    article, aside { float: none; width: 100%; }

    /* ordered list */

    ol.round { list-style-type: none; padding-left: 0; }

    ol.round li { margin: 25px 0; padding-left: 10px; }

    ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine { background: none; }

    /* features */
    #myPrompt { background-color: white; border: 1px solid black; display: none; height: 150px; left: 50%; margin-left: -75px; margin-top: 200px; position: absolute; top: 50%; width: 300px; z-index: 10; }

    #myPromptRefused { background-color: white; border: 1px solid black; display: none; height: 150px; left: 50%; margin-left: -75px; margin-top: 200px; position: absolute; top: 50%; width: 300px; z-index: 10; /* Style your prompt here. */ }

    .promptInside { margin-left: 35px; margin-top: 30px; }

    section.feature { float: none; padding: 10px; width: auto; }

    section.feature img { color: #999; content: attr(alt); font-size: 1.5em; font-weight: 600; }

    /* forms */

    input { width: 90%; }

    /* login page */

    #loginForm { float: none; width: auto; }

    #loginForm .validation-error { display: block; margin-left: 15px; }

    #socialLoginForm { float: none; margin-left: 0; width: auto; }

    /* footer
    ----------------------------------------------------------*/

    footer .float-left, footer .float-right { float: none; }

    footer { height: auto; padding: 10px 0; text-align: center; }

    footer p { margin: 0; }

    /* Gridview
    ----------------------------------------------------------*/

    .GridView { clear: both; min-width: 400px; text-align: center; width: 100%; margin-top: 20px; }

    .GridView .GridViewHeader { text-align: left; }

    .GridView td { padding: 0.40em 0; }

    .GridView .GridViewRow { }

    .GridView .GridViewAlternatingRow { background-color: #f6f6f6; }

    .GridView .IDColumn { width: 25px; }

    .GridView .CommandButtonHeader { width: 20px; }

    .GridView .CommandButtonCell { text-align: center; }

    .GridView .DisplayOrderHeader { text-align: center; width: 120px; }

    .GridView .DisplayOrderCell { text-align: center; }

    .ConfirmationMessage { background-color: orange; color: black; display: block; font-weight: bold; text-align: center; }

    .FilterSelection { }

    .GridView input { background-color: Transparent !IMPORTANT; }

    /* Fix White background in input in gridviews */

    .GridView tr:hover { background: url(/css/kezber-theme/images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x 50% 50% rgb(223, 239, 252); }

    .GridView tr td { padding: 8px; }

    .GridView th { border-bottom: 1px solid black; padding: 8px 8px 0 8px; }

    div.InsertBox { background-color: #fbfbfb; border: 1px solid #aaa; margin-bottom: 1.5em; padding: 0.5em; text-align: center; }

    div.InsertBox .FormErrorMessage { clear: left; float: left; margin: 0; }

    div.SearchBox { float: right; } }
/* END: Mobile Styles */

.ColLeft150 { width: 150px; text-align: left; }

.ColLeft250 { width: 250px; text-align: left; }

.ColCenter50 { width: 50px; text-align: center; }

.ColLeft25 { width: 25%; text-align: left; }

.ColLeft75 { width: 75%; text-align: left; }

.TablePage { min-width: 600px; max-width: 800px; }

.TableFullPage { width: 100%; word-wrap: break-word; }

.LogHeaderStyle th { text-align: left; }

.Tbl960 { width: 960px; text-align: center; }

.Tbl870 { width: 870px; text-align: center; }

.tdListSimple td { height: 20px; text-align: center; background-color: white; border: 1px solid silver; }

.tdListAlternate td { height: 20px; text-align: center; background-color: #F0F0F0; border: 1px solid silver; }

.tdListSelected td { height: 20px; text-align: center; background-color: #40e0d0; border: 1px solid silver; }

table tr.Silver th { color: black; font-family: HelveticaLT-Condensed, Arial; font-size: 14px; font-weight: normal; height: 51px; padding: 0px 10px 0 10px; position: relative; text-align: center; z-index: 0; background-color: silver; border: 1px solid silver; }

table tr.Silver { height: 51px; }

.align_center td, .align_center { text-align: center; }

.Avertissement{ display: inline-block; width: 100%; color: red; font-weight: bold; text-align: center;}

.boundfield-hidden{ display: none;}