/***** générique  *****/
body{font-family:'Roboto', sans-serif;font-size:16px;font-weight:300;color:#333;line-height:30px;text-align:center;background:#fff}
a{-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
a:hover,a:focus{text-decoration:none;opacity:0.8}
p{line-height:24px;}
h2{margin-top:10px;font-size:35px;font-weight:300;color:#555;line-height:50px;}
h3{color:#555;font-size:14px;font-weight:400;line-height:20px;}
h4{font-size:22px;font-weight:300;color:#555;line-height:30px;}
img{max-width:100%;}

::-moz-selection{background:#f35b3f;color:#fff;text-shadow:none;}
::selection{background:#f35b3f;color:#fff;text-shadow:none;}

/***** header / footer  *****/
header{background:#fff url("../img/headerbg.jpg") repeat-x;margin-bottom:20px;overflow:hidden;padding:0;}
h1{background:url("../img/mercuri-logo.jpg") no-repeat scroll left center;height:125px;margin:0;padding:0;text-indent:-99999px;width:221px;}
footer{margin:20px 0;overflow:hidden;padding:0;}
footer a{font-weight:700;color:#333;text-decoration:underline}

/***** progress  *****/
.first-p{line-height:22px;margin:15px 0;}
.last-p{font-size:14px}
.form-box{padding-top:15px;}
.form-group{margin-top:15px;margin-bottom:0;}
.f1{background:#fff;border:1px solid #ddd;border-radius:5px;padding:25px;}
.f1 h2{margin-top:0;margin-bottom:5px;text-transform:uppercase;}
.f1-steps{overflow:hidden;position:relative;margin:40px 0;}
.f1-progress{position:absolute;top:24px;left:0;width:100%;height:1px;background:#ddd;}
.f1-progress-line{position:absolute;top:0;left:0;height:1px;background:#003399;}
.f1-step{position:relative;float:left;width:33.33%;padding:0 5px;}
.f1-step-tunnel{display:inline-block;width:40px;height:40px;margin-top:4px;background:#ddd;font-size:16px;color:#fff;line-height:40px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.f1-step.activated .f1-step-tunnel{background:#fff;border:1px solid #003399;color:#003399;line-height:38px;}
.f1-step.active .f1-step-tunnel{width:48px;height:48px;margin-top:0;background:#003399;font-size:22px;line-height:48px;}
.f1-step p{color:#ccc;line-height:22px;margin:10px 0 0;}
.f1-step.activated p{color:#003399;}
.f1-step.active p{color:#003399;}
.f1 fieldset{display:none;text-align:left;margin:10px 0 0;}
.f1-buttons{text-align:right;margin-top:15px;}
.f1 .input-error{border-color:#f35b3f;}

/***** form  *****/
input[type="text"],input[type="password"],
textarea,textarea.form-control{height:44px;margin:0 0 20px;padding:0 20px;vertical-align:middle;background:#fff;border:1px solid #ddd;font-family:'Roboto', sans-serif;font-size:16px;font-weight:300;line-height:44px;color:#888;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
textarea,textarea.form-control{height:90px;padding-top:8px;padding-bottom:8px;line-height:30px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,textarea.
form-control:focus{outline:0;background:#fff;border:1px solid #ccc;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,textarea:-moz-placeholder,
textarea.form-control:-moz-placeholder{color:#888;}
input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,textarea:-ms-input-placeholder,textarea.form-control:-ms-input-placeholder{color:#888;}
input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder,textarea.form-control::-webkit-input-placeholder{color:#888;}
.label-f{font-weight:400;margin:0 30px 0 0;line-height:35px;font-size:14px;width:100%;}
.label-f .num{background:#fff;border:1px solid #003399;border-radius:50%;color:#003399;display:block;float:left;font-size:14px;height:35px;line-height:33px;margin:0 10px 5px 0;text-align:center;width:35px;}
.sous-label{font-size:14px;font-weight:400;line-height:35px;margin:0;}
.custom-file{cursor:pointer;display:inline-block;height:3.5rem;margin:0;max-width:100%;position:relative;font-weight:300;}
.error{color:red;}
.custom-file .message{margin-top:10px;float:left;display:none}
.custom-file-input{margin:0;max-width:100%;min-width:14rem;opacity:0;}
.custom-file-control:lang(fr)::before{content:"Parcourir";}
.custom-file-control{overflow: hidden;-moz-user-select:none;background-color:#fff;border:1px solid #ddd;border-radius:0.25rem;color:#555;font-size:14px;height:3.5rem;left:0;line-height:1.5;padding:0.7rem 1.5rem;position:absolute;right:0;top:0;z-index:5;}
.custom-file-control::before{background-color:#003399;border:1px solid #003399;border-radius:0 0.25rem 0.25rem 0;bottom:-1px;color:#fff;display:block;height:3.5rem;line-height:1.5;padding:0.7rem 1.5rem;position:absolute;right:-1px;top:-1px;z-index:6;}
/*.custom-file-control:lang(fr)::after{content:"Choisissez un fichier ...";}*/
.custom-select{cursor:pointer;-moz-appearance:none;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat scroll right 0.75rem center / 8px 10px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:0.25rem;color:#555;width:100%;display:inline-block;max-width:100%;padding:0.7rem 3rem 0.7rem 1.5rem;vertical-align:middle;font-size:14px;margin-bottom:15px;}
.result{border:1px solid #ddd;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-image:none;border-radius:0.25rem;border-style:solid;border-width:1px 1px 1px 0.25rem;margin-bottom:1.25rem;margin-top:1.25rem;padding:1.25rem;background:#f7f7f9;}
.result.border{border-left:3px solid #003399;}
.result b{color:#bd4147;}
#upload_success, #worksheet_success{color:green;display:none}
#upload_fail, #worksheet_fail{color:red;display:none}
.view_table{overflow:auto;width:100%;}
.view_table td{cursor: pointer;}
#differences{position:relative}
#list_differences{height:350px;overflow:auto;border:1px solid #ddd;margin-bottom:10px;display:none;}
#list_differences ul{list-style: none;padding-left:10px}
.first_column{background-color:#003399;color:#fff;font-weight:400;}
#list_differences a, .view_table a{color:#333}
#list_differences a:hover{text-decoration:underline}
.tooltip-inner{text-align:left !important;min-width:150px;max-width:300px}
#bloc_recherche{position:absolute;bottom: 0;height:60px;background-color:#ddd;width:100%;z-index:1;display:none}
#bloc_recherche input{height:35px;margin:0}
#bloc_recherche .btn{background-color: #333;}
.preview{background-color:#bbb;margin-left:0px !important}
.td_text{}
.sheet{overflow:auto;width:100%;position: relative}

/**** popup ******/
.white-popup-block {background: #fff none repeat scroll 0 0;margin: 40px auto;max-width:33%;padding: 40px 20px 10px;position: relative;text-align: left;}
.white-popup{position:relative;background:#FFF;padding:25px;width:auto;max-width:60%;margin:0 auto}
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .2s ease-in-out;transform:scale(0.8)}
.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}
.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}
.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}
.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(0.8);opacity:0}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}
.mfp-newspaper .mfp-with-anim{opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .5s;transform:scale(0) rotate(500deg)}
.mfp-newspaper.mfp-bg{opacity:0;transition:all .5s}
.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1) rotate(0deg)}
.mfp-newspaper.mfp-ready.mfp-bg{opacity:.8}
.mfp-newspaper.mfp-removing .mfp-with-anim{transform:scale(0) rotate(500deg);opacity:0}
.mfp-newspaper.mfp-removing.mfp-bg{opacity:0}
.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all .3s;transform:translateX(-50px)}
.mfp-move-horizontal.mfp-bg{opacity:0;transition:all .3s}
.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;transform:translateX(0)}
.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8}
.mfp-move-horizontal.mfp-removing .mfp-with-anim{transform:translateX(50px);opacity:0}
.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0}
.mfp-move-from-top .mfp-content{vertical-align:top}
.mfp-move-from-top .mfp-with-anim{opacity:0;transition:all .2s;transform:translateY(-100px)}
.mfp-move-from-top.mfp-bg{opacity:0;transition:all .2s}
.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;transform:translateY(50px)}
.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8}
.mfp-move-from-top.mfp-removing .mfp-with-anim{transform:translateY(-50px);opacity:0}
.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0}
.mfp-3d-unfold .mfp-content{perspective:2000px}
.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg)}
.mfp-3d-unfold.mfp-bg{opacity:0;transition:all .5s}
.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0deg)}
.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}
.mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0}
.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}
.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform:scale(1.3)}
.mfp-zoom-out.mfp-bg{opacity:0;transition:all .3s ease-out}
.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}
.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}
.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0}
.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}
@keyframes hinge {
    0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}
    20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}
    40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}
    80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}
    100%{transform:translateY(700px);opacity:0}
}
.hinge{animation-duration:1s;animation-name:hinge}
.mfp-with-fade .mfp-content,.mfp-with-fade.mfp-bg{opacity:0;transition:opacity .5s ease-out}
.mfp-with-fade.mfp-ready .mfp-content{opacity:1}
.mfp-with-fade.mfp-ready.mfp-bg{opacity:.8}
.mfp-with-fade.mfp-removing.mfp-bg{opacity:0}

.white-popup .ct-all-table{margin-top:0}
.white-popup .pagination{margin:20px auto 0}
.modal-dialog{margin:15px auto 0;width:100%}

/***** button  *****/
button.btn{min-width:105px;height:35px;margin:10px 0 10px 15px;padding:0 20px;vertical-align:middle;border:0;font-family:'Roboto', sans-serif;font-size:12px;font-weight:400;line-height:35px;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
button.btn:hover{opacity:0.6;color:#fff;}
button.btn:active{outline:0;opacity:0.6;color:#fff;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
button.btn:focus,button.btn:active:focus,button.btn.active:focus{outline:0;opacity:0.6;color:#fff;}
button.btn.btn-next,button.btn.btn-next:focus,button.btn.btn-next:active:focus,button.btn.btn-next.active:focus{background:#003399;}
button.btn.btn-submit,button.btn.btn-submit:focus,button.btn.btn-submit:active:focus,button.btn.btn-submit.active:focus,button.btn.btn-previous,button.btn.btn-previous:focus,button.btn.btn-previous:active:focus,button.btn.btn-previous.active:focus{background:#bbb;}
.btn-outline-success{background-color:#5cb85c;background-image:none;border:1px solid #5cb85c !important;color:#fff !important;margin:10px 0 !important;}
.last.btn{background-color:#333 !important;}
#back-top{bottom:10px;overflow:hidden;position:fixed;right:10px;z-index:99;height:42px;width:42px;display:none}
#back-top a{height:42px;opacity:1;width:42px;}
#back-top a{background:url("../img/totop.png") no-repeat;display:block;height:42px;text-indent:-9999px;transition:all 200ms ease 0s;width:42px;}
#back-top a:hover{background:url("../img/totop.png") no-repeat scroll 0 -42px;}

/***** table  *****/
table{width:100%;border-collapse:collapse;}
tr:nth-of-type(odd){background:#eee;}
table thead th{background:#003399;color:#fff;font-weight:400;font-size:15px;overflow:hidden;height:120px;overflow: hidden;}
table thead th div{max-height:100px;overflow: hidden}
td,th{border:1px solid #ddd;color:#333;line-height:20px;padding:5px 2px;text-align:center;font-size:12px;}
td{white-space:nowrap;}
td.highlight {  /*background-color: whitesmoke !important;cursor: pointer;*/border:2px solid blue;text-decoration : blink;}
td.diff {background-color: #ffc92a;}
td.diff_titre {background-color: #a5408f;}
td.diff_non_servi {background-color: #a5081b;}
td.diff_paniere {background-color: #daee0c;}
td.modified {background-color: #35a52e;}


/*.sheet{ min-height:450px;}*/
.nav-tabs a{color:#003399}
.tabs-below > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs{border-bottom:0}
.tab-content > .tab-pane,.pill-content > .pill-pane{display:none}
.tab-content > .active,.pill-content > .active{display:block}
.tabs-below > .nav-tabs{border-top:1px solid #ddd}
.tabs-below > .nav-tabs > li{margin-top:-1px;margin-bottom:0}
.tabs-below > .nav-tabs > li > a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.tabs-below > .nav-tabs > li > a:hover,.tabs-below > .nav-tabs > li > a:focus{border-top-color:#ddd;border-bottom-color:transparent}
.tabs-below > .nav-tabs > .active > a,.tabs-below > .nav-tabs > .active > a:hover,.tabs-below > .nav-tabs > .active > a:focus{border-color:transparent #ddd #ddd}
.tabs-left > .nav-tabs > li,.tabs-right > .nav-tabs > li{float:none}
.tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a{min-width:74px;margin-right:0;margin-bottom:3px}
.tabs-left > .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}
.tabs-left > .nav-tabs > li > a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.tabs-left > .nav-tabs > li > a:hover,.tabs-left > .nav-tabs > li > a:focus{border-color:#eee #ddd #eee #eee}
.tabs-left > .nav-tabs .active > a,.tabs-left > .nav-tabs .active > a:hover,.tabs-left > .nav-tabs .active > a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff}
.tabs-right > .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}
.tabs-right > .nav-tabs > li > a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.tabs-right > .nav-tabs > li > a:hover,.tabs-right > .nav-tabs > li > a:focus{border-color:#eee #eee #eee #ddd}
.tabs-right > .nav-tabs .active > a,.tabs-right > .nav-tabs .active > a:hover,.tabs-right > .nav-tabs .active > a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}

/***** Media queries *****/
@media (max-width:1199px){

    .custom-file{width:100%;}
    .label-f{margin:0 0 5px;}

}
@media (max-width:991px){
    .form-group .col-xs-12{margin-bottom:30px;}
}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){

    /*table, thead, tbody, th, td, tr{display:block;}
    thead tr{position:absolute;top:-9999px;left:-9999px;}
    tr{border:1px solid #ddd;}
    td{border:none;border-bottom:1px solid #ddd;position:relative;padding-left:50%;}
    td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}
    td:nth-of-type(1):before{content:"thead 1";}
    td:nth-of-type(2):before{content:"thead 2";}
    td:nth-of-type(3):before{content:"thead 3";}
    td:nth-of-type(4):before{content:"thead 4";}
    td:nth-of-type(5):before{content:"thead 5";}*/
}

@media (max-width:480px){
    #list_differences,#link_differences{display:none}
    h2{font-size:2rem;line-height:25px;}
    h3, p{font-size:14px;line-height:18px;}
    .f1-steps{margin:20px 0 0;}
    .f1-step p, .first-p{font-size:13px;line-height:16px;}
    .f1-buttons{margin-top:0;text-align:center;}
    button.btn{margin:0;padding:0;width:100%;}
    .btn-next, .btn-submit{margin-top:10px !important;}

}