﻿@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: local('Exo Medium'), local('Exo-Medium'), url(/font/exo.woff) format('woff');
}

body {background: url("/img/gradient.png") repeat-x}
.navbar-fixed-top {border-top: 5px solid #F50}
.navbar-fixed-top .nav li a {color: #e1e1e1 }
.navbar .logoGris { padding: 0; margin: 6px 0 0 0; width: 0px; height:33px; /*background: url("/Content/img/LogoTina.png") 0px -66px no-repeat*/}
.navbar .logoBlancOrange { padding: 0; margin: 6px 0 0 0; width: 0px; height:33px; /*background: url("/Content/img/LogoTina.png") 0px -33px no-repeat*/}
.navBaseline div.logoBlancOrange { width: 450px}
.navBaseline div.logoBlancOrange div { padding: 15px 0 0 0px;color:Gray}
.navBaseline {margin:0 0;padding:0 20px 0 20px;font-size:14px;font-family: 'Exo', sans-serif}
.logo76310 {padding: 0; margin: 10px 0 0 0; width: 180px; height:33px; background: url("/img/Logo76310.png") no-repeat 94px 0px}
.logo76310 div {margin: 11px 0 0 -5px;color:Gray}
.titre { font-size:20px;font-weight:bold; color:#323232; text-shadow: none }
.titre i {margin:5px 3px 0 0}
div.aligneBtn { padding:4px 0px }
.resserre {padding: 0px; margin-bottom:100px; background-color:#e1e1e1;margin-bottom:100px;border:none;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;border-top-right-radius:8px;}
.resserre fieldset {margin-bottom:10px}
.titreWellResserre {-moz-border-radius:0px;-webkit-border-radius:0px; border-radius: 0px; border: none; background-color: transparent;margin-bottom:0px}
div.titreWellResserre div.liens {margin-left:50px}
.contenuWellResserre {padding: 15px 15px 1px 15px; background-color:#f5f5f5;}
div.contenuWellResserre ul.nav {margin-bottom: 0px}
div.contenuWellResserre ul.nav li a {color:#000}
div.contenuWellResserre ul.nav li.active a {color:#ff5500}
div.contenuWellResserre table.noBackground {background: none;margin-bottom:10px}
div.contenuWellResserre table {border:1px solid #dddddd}
div.contenuWellResserre table.onglet {border:1px solid #dddddd; border-top:0px}
div.contenuWellResserre table.table-hover tr.actionsFichier:hover td {background-color:transparent}
div.contenuWellResserre table.table-hover tr.actionsGlobales:hover td {background-color:transparent}
div.contenuWellResserre table.table-hover tr.actionsGlobales td {text-align:right}
div.contenuWellResserre table tr.actionsFichier div.progress {float:left;width:95%}
div.contenuWellResserre table tr.actionsFichier td div.btn-toolbar {margin:0}
div.contenuWellResserre table tr.actionsFichier td div.btn-toolbar div.btn-group + .btn-group{margin-left:20px}
div.contenuWellResserre table td select{margin-bottom: 0px}
div.contenuWellResserre table td input{margin-bottom: 0px}
div.contenuWellResserre table td label {line-height:14px}
div.contenuWellResserre table td input[type="radio"] {margin-top:0px}
div.contenuWellResserre table td.select {padding: 5px 8px 4px 8px}
div.contenuWellResserre table td.input {padding: 5px 8px 4px 8px}
div.contenuWellResserre table td.statutMAJOption {width:180px}
div.contenuWellResserre table td.spacer-gauche {border-left:1px solid #dddddd; border-top:0px; border-bottom:0px;width:5px}
div.contenuWellResserre table td.spacer-droite {border-right:1px solid #dddddd; border-top:0px; border-bottom:0px;width:5px}
div.contenuWellResserre div.tabs-left table.onglet {border:1px solid #dddddd;}
div.contenuWellResserre div.tabs-left ul.nav {margin-right: 0px}
div.contenuWellResserre div.tabs-left ul.nav-tabs {border-right:0}
a.btn i {margin:0px 1px 0 0}
div.main {padding-top:20px}
td.actions {width:170px;padding:8px 0px}
td.actions a {padding: 5px}
td.actions a:hover {background: #dddddd}
.progress {margin-bottom: 0px}
td.statutRNVP span.icon-thumbs-up {background-position: -87px -142px}
td.statutRNVP span.icon-thumbs-down {background-position: -111px -142px}
td.statutRNVP span.icon-hand-right {background-position: -135px -142px}
div.modal { overflow: hidden; }
.modal-body .well {padding:10px 0 0 0;margin-bottom:0}
.modal-body .form-horizontal input[type="radio"], input[type="checkbox"] { margin-top: 6px }
.modal-body .form-horizontal .control-label {font-size:12px;line-height:14px}
.modal-body .form-horizontal .controls input {font-size:12px; height:14px}
.modal-body .form-horizontal span.help-inline {font-size:12px}
.modal-body .form-horizontal .control-group {margin-bottom: 10px}
.modal-body .form-horizontal span.add-on {height:14px}
.modal-body .form-horizontal span.add-on i {margin-top:-1px}
.modal-body .form-horizontal #progressBarUpload {width:220px}
table.sortable th span i {margin-left:3px}
td.statutMAJOption {font-weight:bold; color:white}
.conteneurTabVertical {padding:10px 10px 0 10px;border:1px solid #dddddd;border-top:0px;background:#fff;margin-bottom:5px}

div.rnvp {border: 1px solid #dddddd; margin-bottom:20px}
div.rnvp .resserre {margin-bottom:5px}
ul.navAvecTitre li {display:inline;}
#contenuNavigationFichiers {width:450px;margin:5px auto}
#contenuNavigationFichiers a{float:left;height:20px}
#contenuNavigationFichiers span{float:left;width:350px;height:20px;overflow:hidden;padding-top:5px;text-align:center;font-weight:bold}
table.colonnesFixes div {height:20px;overflow:hidden}
table.colonnesFixes td.titre {text-align:center;font-size:14px}
#codesRetourRNVP {text-align:center; padding:5px;margin-top:5px;margin-bottom:10px}
#codesRetourRNVP span {padding-right:10px}
.btn-group.btn {border: 0;padding: 0}
.btn-group.btn > .btn {-moz-border-radius:0px;-webkit-border-radius:0px;border-radius: 0}
.btn-group.btn > .btn.left {-moz-border-radius:0px;-webkit-border-radius:0px;border-radius: 0}
.btn-group.btn > .btn.left {border-right:0px; padding-right:7px}
.btn-group.btn > .btn.right {border-left:0px; padding-left:7px}
.btn-group.btn > .dropdown-menu {text-align: left}
.btn.toggle.active {color:#ff5500}
table#tableLignesFichier td.titre {padding-top:3px;padding-bottom:3px}
table#tableLignesFichier td.titre i {margin:2px 0 0 0}
table#tableLignesFichier td.titre input,table#tableLignesFichier td input:focus {text-align:center;border:0;width:65px;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0;-webkit-appearance:none;}
table#tableLignesFichier td.titre a.navigationLignes.pull-left {margin-right:5px}
table#tableLignesFichier td.titre a.navigationLignes.pull-right {margin-left:5px}
table#tableLignesFichier div.actif input {background:#fff}
table#tableLignesFichier div.erreur input {background:#b94a48}
.badge-warning, .label-warning {background-color: #F89406}
#overlayAttente {position:absolute; top:0; left:0; z-index: 5000; display:none; margin: 0 auto;text-align:center;padding-top:300px}
#overlayAttente a {display:none;}
div.codesRetour {text-align:center;width:100%;padding-bottom:5px}
table#tableTraiterLigne, table#tableLignesFichier, table#tableLigneInteractive {background:#fff}
table#tableLigneInteractive tbody td.input {padding: 0 8px}
table#tableLigneInteractive tbody td.input div {height:32px;margin-top:1px}
table#tableLigneInteractive tbody td.input div.error {height:55px;margin-top:1px}
table#tableLigneInteractive tbody td.input div div input {width:94%;min-width:200px}
table#tableLigneInteractive tbody td.input div div.controls {margin-left:0px}
table#tableLigneInteractive tbody td.input div.error div.controls {height:55px}


div.contenuWellResserre table.table-edit {background: #f5f5f5;border-left:0px;margin-top:10px}
div.contenuWellResserre table.table-edit th.valeurFichier {text-align:center}
div.contenuWellResserre table.table-edit td.valeurFichier {text-align:center;background: #fff;font-style:italic}
td.editable {padding:4px;background:#fff; width:100px}
td.editable input,td.editable input:focus {border:0;width:70px;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0;-webkit-appearance:none;}
td.editable.actif input {background:#f5f5f5}
td.clicable {cursor:pointer;background:#fff}
td.clicable.actif {background:#ddd}
td.clicable.highlight {background:#ff5500; color:#fff}
td.clicable.verrouille {cursor:default;background:#dff0d8; color:#000}
td.libelleEditable {padding:4px;}
td.libelleEditable input,td.libelleEditable input:focus {border:0;width:100px;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0;-webkit-appearance:none;}
td.libelleEditable.actif input {background:#fff}
a#ajouterChampLibre {margin-bottom:5px}

tr.ligneOption td.libelle {font-weight: bold}
tr.ligneOptionDefautPays td.libelle {font-weight: bold}

.popover {max-width: 600px; width: 600px; }
.popover-content { font-size: 11px;}
.popover-content em { font-size: 12px; font-weight: bold;}

table#listeFichiersSpecifiques tr {cursor:pointer}
table#listeFichiersSpecifiques tr.selectionne {background: #468847;font-weight:bold;color:#fff}