label {
    width: 300px;
   
}

body{
  background-image: url(../img/gray_jean.png);
  background-repeat:repeat;
}

h3 {
    text-align: center;
}

th {
    text-align: center;
     background-color : #FFFFFF !important;
     border-collapse: collapse !important;
}

.th2{
     text-align: left;
     
}


#table thead .disabled 
{display: none}

.alert-danger{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#quota{
    text-align: center;
}

.valider {
    width: 100%;
    text-align: center;
    margin: auto;
}

.comnum{
    margin-left: 5%;
}    

.fm{
      position: relative;
     margin-right: 200px;
}

.fm2{
      text-align: left;
       position: relative;
     margin-left: 170px;
}

.table {
    width: 90%;
    margin: auto;
    text-align: center;
    
}

.table-bordered td, .table-bordered tr, .table-bordered th  {
    border-color: #808080 ;
    background-color : #FFFFFF;
}

tr.active {
    background : blue;
}



.navbar-brand > img {
    height: 40px;
    position: relative;
    top: -10px;
}

.navbar-right {
    padding-right: 10px;
}

#buttonAjoutCommand {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
#buttonAjoutCommand > button {
    margin: auto;
}

#ajoutCommandeCanvas {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#ajoutCommandeCanvas > button {
    margin: auto;
}

#affichageRadioButton {
    text-align: center;
}

#tableBas input {
    margin-right: 5px;
}

.login {
    width: 50%;
    margin: auto;
}
.login figure {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}
#login_logo {
    margin: auto;
    width: 100px;
}

#listCamp {
    width: 50%;
    margin: auto;
}

.gauche {
    width: 80%;
    margin: auto;
    margin-bottom: 5px;
}

.droite {
    text-align: center;
}
.droite * {
    display: inline-block;
}
.gauche table {
    border: 1px solid black;
    border-radius: 5px;
    width: 100%;
    margin: auto;
}

.gauche table input[type='text'] {
    width: 200px;
}

.option-button{
    height : 100%;
}

.divAbo:hover{
    background-image: linear-gradient(to bottom, #5bc0de 0px, #2aabd2 100%);
}

.obligatoire:after {
content: "*";
color: red;
}

/* Fil ariane */
#ariane_index,
#ariane_client_fiche,
#ariane_client_campings,
#ariane_client_unif_campings,
#ariane_client_unif_typologies,
#ariane_client_export,
#ariane_client_transco,
#ariane_client_abonnement {
    background-color : #dfeffc;
    border: 1px solid #c5dbec;
}

#ariane_right_empty{
    border-bottom: 1px solid #c5dbec;
}

#ariane_index.active,
#ariane_client_fiche.active,
#ariane_client_campings.active,
#ariane_client_unif_campings.active,
#ariane_client_unif_typologies.active,
#ariane_client_export.active,
#ariane_client_transco.active,
#ariane_client_abonnement.active {
    background-color :  #f5f8f9;
    border: 1px solid #79b7e7;
    border-bottom:0;
}
/* active Tabs text */
#ariane_index.active button,
#ariane_client_fiche.active button,
#ariane_client_campings.active,
#ariane_client_unif_campings.active button,
#ariane_client_unif_typologies.active button,
#ariane_client_export.active button,
#ariane_client_transco.active button,
#ariane_client_abonnement.active button{
    font-weight:bolder;
}

.table-l {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
    font-family:arial;
    font-size: 10pt;
}

.table-l tr:nth-child(odd){ 
    background: #b8d1f3;
}

.table-l tr:nth-child(even){ 
    background: #dae5f4;
}

.table-l th {
    height:30px;
}

.table-m {
  width: 100%;
  text-align: left;
  font-family:arial;
  font-size: 10pt;
  background: #FFFFFF;
  height:30px;
  vertical-align: middle;
}
.table-m th {
  height:30px;
  text-align: left;
}

.table-m td {
  height:25px;
  text-align: left;
}


tr.tr-h {
    height:40px;
    vertical-align: top;
}

tr.tr-b {
    height:50px;
    vertical-align: bottom;
}

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

#help {
    height:100px;
    text-align: right;
    vertical-align: bottom;
    float: none;
}

.popup-help {
    color: #8a6d3b;
}

.exportContent {
    margin-top: 20px;

}

.transco-titre { 
    margin-top:8px;
    margin-bottom:5px;
}

.transco-alert { 
    height:20px;
}


#myInput0, #myInput1, #myInput2, #myInput3  {
  
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 12px; /* Increase font-size */
  padding: 8px 5px 8px 5px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 4px; /* Add some space below the input */
  border-radius: 6px;
  text-align: center;
}

[data-column="0"] {
  width: 100%;
}

[data-column="1"] {
  width: 100%;
}

[data-column="2"] {
  width: 100%;
}

[data-column="3"] {
  width: 100%;
}

[data-column="4"] {
  width: 100%;
}

[data-column="5"] {
  width: 100%;
}


.esptop {
  margin-top: 12px;
  margin-left: 0px;
  font-size: 14px;
  color: #337ab7;
}

.nomClientAdmin {
    font-family:arial;
    font-size: 16px;
    font-weight: bold;
}

.mailClientAdmin {
    font-family:arial;
    font-size: 16px;
}

.partClientAdmin {
    font-family:arial;
    font-size: 16px;
}