/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26 févr. 2015, 21:21:26
    Author     : Simulatim
*/

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px; /* or 950px */
}

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px; /* or 950px */
}


.tachoContainer table {
    margin:0 auto !important
}

#myNavbar {
    position: relative;
   // max-width: 1280px;
}

#myNavbar .nav {
    position: absolute; 
    bottom: 0; 
    right: 0;
    margin-bottom: -10px;
   // max-width: 1280px;
}
.navbar-nav>li {
    padding: 20px 20px;
}
.navbar-nav>li.logo {
    padding: 0
}
footer {
    font-size: 9pt;
}
#resetbtn, #submitbtn{
    min-width: 100px;
}

label {
  font-weight: normal;
}

.form-control {
  display: block;
  width: 100%;
  height: 28px;/* 28  37 */
  padding: 4px 4px; 
  font-size: 12px; /* 16 */
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-group {
  margin-bottom: 6px;
}

.input-group-addon {
  padding: 6px 6px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  color: #245580 ;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.body {
  font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
  line-height: 1.42857143;
  color: #cdcdcd; //#000;
  background-color: #373737; //F2F2F1;  //84AD1C //149bdf //79cdcd; //#fff;
}

.table {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 200;
    padding: 10px 5px;
  margin-bottom: 5px;
  background-color: 00b2ee;
  color: #555; //104e8b;
}

.jumbotron {
  padding: 10px 5px;
  margin-bottom: 5px;
  background-color: #DDD; // #28a4c9; //00b2ee;
  color: #333; //#104e8b;
  
}

.jumbotron p {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 200;
}

.taux tr td, .taux tr th { width: 100px; text-align: center}
.no-display { display: none; }


.glyphicon {
    font-size: 1em;
}

.btn-juliet {
  background-color: hsl(41, 85%, 47%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dd9d11", endColorstr="#dd9d11");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#dd9d11), to(#dd9d11));
  background-image: -moz-linear-gradient(top, #dd9d11, #dd9d11);
  background-image: -ms-linear-gradient(top, #dd9d11, #dd9d11);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd9d11), color-stop(100%, #dd9d11));
  background-image: -webkit-linear-gradient(top, #dd9d11, #dd9d11);
  background-image: -o-linear-gradient(top, #dd9d11, #dd9d11);
  background-image: linear-gradient(#dd9d11, #dd9d11);
  border-color: #dd9d11 #dd9d11 hsl(41, 85%, 47%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}


@media screen and (max-width: 991px) {
    .img-resize {
        height: 50px;
        margin: 17px 15px 17px 15px;
    }
    .navbar-nav>li {
        padding: 0;
        display:block;
        clear:both;
    }

}
 
/*
label.radio-inline, label.checkbox-inline {
  background-color: #dcdfd4;
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 10px !important;
  margin-right: 2%;
  margin-left:0;
  padding: 10px 10px 10px 30px;
}
label.radio-inline.checked, label.checkbox-inline.checked {
  background-color: #266c8e;
  color: #fff !important;
  text-shadow: 1px 1px 2px #000 !important;
}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
  margin-left: 0;
}
.columns label.radio-inline, .columns label.checkbox-inline {
  min-width: 190px;
  vertical-align: top;
  width: 30%;
}
.additional-info-wrap {
  display: inline-block;
  margin: 0 2% 0 0;
  min-width: 190px;
  position: relative;
  vertical-align: top;
  width: 30%;
}
.additional-info-wrap label.checkbox-inline, .additional-info-wrap label.radio-inline {
  width: 100% !important;
}
.additional-info-wrap .additional-info {
  background-color: #266c8e;
  clear: both;
  color: #fff !important;
  margin-top: -10px;
  padding: 0 10px 10px;
  text-shadow: 1px 1px 2px #000 !important;
  width: 100%;
}
Again, fairly straightforward.
The first style turns the labels into touch targets, by giving them some padding and a gray background color.
The second style turns the labels blue, with white text, when the “checked” class is added.
The third style cancels some base Bootstrap margins that mess up our column layout.
The fourth style creates the columns, by setting a width and margin for each label. They stack up in three columns until the page gets too narrow, and then they stack in two columns.
The last three styles all handle the contextual text field.
“additional-info-wrap” is set to mimic the other labels,
The radio/checkbox inside “additional-info-wrap” is set to “width:100%” so it fills out the entire width.
Finally, “additional-info” wraps the contextual text field and gives it some padding, margin and the same background color as the labels.
JAVASCRIPT
$(document).ready(function() {

    //When checkboxes/radios checked/unchecked, toggle background color
    $('.form-group').on('click','input[type=radio]',function() {
        $(this).closest('.form-group').find('.radio-inline, .radio').removeClass('checked');
        $(this).closest('.radio-inline, .radio').addClass('checked');
    });
    $('.form-group').on('click','input[type=checkbox]',function() {
        $(this).closest('.checkbox-inline, .checkbox').toggleClass('checked');
    });

    //Show additional info text box when relevant checkbox checked
    $('.additional-info-wrap input[type=checkbox]').click(function() {
        if($(this).is(':checked')) {
            $(this).closest('.additional-info-wrap').find('.additional-info').removeClass('hide').find('input,select').removeAttr('disabled');
        }
        else {
            $(this).closest('.additional-info-wrap').find('.additional-info').addClass('hide').find('input,select').val('').attr('disabled','disabled');
        }
    });

    //Show additional info text box when relevant radio checked
    $('input[type=radio]').click(function() {
        $(this).closest('.form-group').find('.additional-info-wrap .additional-info').addClass('hide').find('input,select').val('').attr('disabled','disabled');
        if($(this).closest('.additional-info-wrap').length > 0) {
            $(this).closest('.additional-info-wrap').find('.additional-info').removeClass('hide').find('input,select').removeAttr('disabled');
        }        
    });
});

- See more at: http://www.avtex.com/blog/2015/02/10/bootstrap-radio-buttons-and-checkboxes-in-columns-with-contextual-text-fields/#sthash.YdAuewOP.dpuf
*/