html,body{
    height:100%;
    margin-top: 20px;
    font-size:14px;
    position: relative;
    z-index:400;
    background-color: whitesmoke;
}
body{
    font-size:14px;
    width:100%;
    /*background-color:whitesmoke;*/
}

ul,ol,li{
    list-style: none;
}
table{
    text-align:center;
}
.entete{
    background-color: grey;
}
td{
    border:solid;
    border-width:2px;
    border-color:white;
    /*width:8%;*/
    height:3em;
    margin:2px;
    padding:2px;
}
#fenetre{
    min-height: 100%;
    height: auto;
    margin: -70px auto -70px auto;
    padding: 70px 0 70px 0;
}
#infos{
  text-align:center;
  background-color: whitesmoke;
  z-index: 3;
  display: none;
  margin-top: 50px;
  position: fixed;
  left: 20%;
  top: 0;
  width: 60%;
  overflow: auto;
  padding: 10px 0 10px 0;
}
.btn-group-lg > .btn, .btn-lg{
    font-size:1em;
}
header,footer{
    text-align:center;
    height:70px;
}
header{
    position: relative;
}

footer{
    clear:both;
}
.ligne_2,.ligne_1{
    word-wrap: break-word;
}
.clicable{
    cursor:pointer;
}
.Nclicable:hover{
    background-color:red;
    cursor:not-allowed;
}
.Oclicable:hover{
    background-color:lightGreen;
}
a:link,a:visited,a:hover{
    text-decoration:none;
}
.gauche{
    float:left;
}
.droite{
    float:right;
}
input,select{
    height:2.4em;
}
#retourZip{
    width:100%;
    white-space:normal;
    word-wrap: break-word;
}
.btn{
    white-space:normal;
    word-wrap: break-word;
}
#fenetre-row{
    position:relative;
}
.tab-active{
    background-color: lightgray;
}
#tab-pane{
    border-bottom: 2px;
    border-bottom-color: lightgray !important;
    border-bottom-style: solid;
}
/*
#pan-droit{
    height: 100%;
    overflow: auto;
}*/
/*#pan-gauche{
    position: fixed;
}*/
/**************************************************/
/***** telephones ********/
@media screen and (max-width: 767px) {
    #pan-gauche{
        position: relative;
    }
}
/***** tablettes ********/
@media screen and (min-width: 768px) and (max-width: 979px) {
    #pan-gauche{
        position: relative;
    }
}
/***** ordis ********/
@media screen and (min-width: 980px) {
    #pan-gauche{
        position: relative;
    }
}
/*@media only screen and (orientation: portrait) {
    body {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}*/