@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

/* pour ecrans haute resolution type retina */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),,
       only screen and (                min-resolution: 2dppx)
       only screen and (                min-resolution: 192dpi) {
     
}




main {
    margin-top:1em;
    margin-bottom:1em;
    min-height:400px;
}

main > h1 {
   position : fixed;
   left: -100%;
   top: -100%; 
}

.bandeaucontainer {
  line-height: 1.2em  
}

.bandeaucontainer div {
  margin-top:4px;
  margin-bottom:4px;  
}


.bandeaucontainer p {
    margin-bottom:0;
}


.bandeaubas {
    text-align:center;
    width:100%;
    color: #FF0000;
}

.headercontainer{
    padding-right: 0;
    padding-left: 0;
}

.donneescontainer{
   position: initial;
   top: initial;
   left:initial;
   min-height:initial;
   padding-top: initial;
   padding-bottom: initial;
}

.donneescontainer form .boxboutons{
    text-align:center;
    clear: both;
 }


.row {
    width: 100%;
    margin:initial;
}

.fullwidth {
    width: 100%;
}

label.control-label, label.lblGrpRadioChk {
    margin: 0px;
}

input[type=checkbox], input[type=radio] {
    margin: .625em;
}

.boxGrpRadioChk label.lblRadioChk {
    margin: .625em;
}

.radio input[type=radio] {
    margin-top: -.2em;
}
/* ---------------- navbar and menu ------------------------------*/
.navbar-menu-left {
    float: left;
    margin: 1em;
}


form {
        padding: 0;
        margin: 0 auto;
    }
 
    

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-bottom: 0;
}


 button, input,a.btn,select  {    
         font-size: 1.8rem!important;
         padding: .6em!important;
         margin-left:1em;
         height:auto;
 }
 
.wrapped button, .wrapped input, .wrapped a.btn,.wrapped select  {    
         white-space : normal;
 }



@media ( max-width : 768px) {
    
 body, p, a, label, input, th, td, div, p, ul, li, form, textarea  {
        text-align: left;
    }
}

.navbar_menu_left {
    float: left;
}

.toggle_header_menu {
    display: block;
    width: 100%;
    background: linear-gradient(to bottom, #f5f5f5 0%, #eeeeee 100%);
    border-bottom: 1px solid #aaa;
}

.toggle_header_menu .icon-bar {
    background-color: #888;
    display: block;
    width: 1.375em;
    height: 0.1em;
    margin-top: 0.2em;
    border-radius: 1px;
    line-height: 0.875em;
    background-position: 0.875em;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.button_menu-toggle {
    float: left;
    overflow: hidden;
    padding: .625em;
    border-color: #ddd;
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: 0.5em;
    background-color: transparent;
    background-image: none;
    border: 1px solid rgb(221, 221, 221);
    border-radius: .325em;
}

.navbar_clear {
    clear: both;
}


#header_menu{
    font-size: 1.2rem;
}

/* ---------- bandeaucontainer ---------------------*/
.bandeaucontainer div {
    margin-top: 5px;
}

.headercontainer .titredonneescontainer {
    margin-top: 0.625em;
}

.headercontainer div.menu {
    position: initial;
    top: initial;
}

/* --- header-action --------------------*/
#header-action ul {
    margin: 0 auto;
    padding: .625em 0.312em .625em 1.25em;
}

#header-action ul li {
    list-style: none;
    display: inline-block;
    float: left;
    padding-bottom: .375em;
}

#header-action ul li a#incfont, #header-action ul li a#decfont, #header-action ul li a#resetfont {
    height: 1.6em;
    margin: 0 0 0 -.375em;
    font-size: 1.2em !important;
    line-height: .625em;
    padding-top: 0.5em;
}

#print {
    margin: 0 .625em;
}

#logout {
    margin: 0 .312em;
}

/* ---------------------- reset width  incompatible with RWD ---------------------  */
/* cf files -> new/general.css,  new/menu.css, communcp.css, new_communcp.css */
 * {
    min-width: initial;
}

#header_menu {
    min-width: initial;
    background-color: #eee;
}

#header_menu a {
    padding: 1em;
}

#header_menu ul ul {
    border: none;
}

#header_menu ul li {
    min-width: 1px;
}

div.nav {
    height: auto;
    background:#fff;
}

div.nav.menu.header_nav_menu {
    z-index: 600;
    margin-left: -1px;
    float: none;
}


/* ----------------------  footer  -----------------------------*/
footer {
    background-color: #EEE;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, whiteSmoke 0%, #EEE 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whiteSmoke), color-stop(100%, #EEE));
    background-image: -webkit-linear-gradient(top, whiteSmoke 0%, #EEE 100%);
    background-image: -ms-linear-gradient(top, whiteSmoke 0%, #EEE 100%);
    background-image: -o-linear-gradient(top, whiteSmoke 0%, #EEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, whiteSmoke 0%, #EEE 100%);
    border-color: #D5D5D5;
    border-width: 0 0 1px;
    -webkit-box-shadow: 0 1px 10px #aaa;
    -moz-box-shadow: 0 1px 10px #aaa;
    box-shadow: 0 1px 10px #aaa;
    margin: 10px 0 0 0;
    height: auto;
}

footer p {
    padding: .75em;
    text-align: center;
    line-height: normal;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Verdana, sans-serif;
}

/* ----------------------  donnees  -----------------------------*/
#donneesbox {
    min-height: 400px;
    margin: 1em .625em;
}

#donnees {
    border: 1px solid #aaa;
}

.titredonneescontainer {
    min-width: initial !important;
    max-width: initial !important;
}


.Vnormal div.boxlblText, .Vlecture div.boxlblText, .Vrequis div.boxlblText, .boxboutons div.boxlblText {
    width: initial;
}

/*----------------------  appForm  -----------------------------*/
form div.boxboutons {
    background-color: transparent;
    border-top: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 0px white;
    -moz-box-shadow: inset 0 1px 0px white;
    box-shadow: inset 0 1px 0px white;
}

form  div.boxboutons input {
    margin: 0.625em auto;
}

form fieldset {
    width: 100%;
}

@media ( max-width : 768px) {
    .form-horizontal .form-group label{
        text-align: left;
    }
    
    .form-horizontal .form-group input:not(.radio), .form-horizontal .form-group select{
        margin-left: 1em;
    }
    
}

@media ( min-width : 769px) {
    .form-horizontal .form-group label{
        text-align: right;
    }
}

 .form-horizontal .form-group {
        margin: .625em 0; 
 }

.form-horizontal .form-group div{
       text-align:left;
       padding-left:0;
       padding-right:0;
 }

.form-horizontal .form-group label {
    font-weight: bold;
}


 .boxlblText,  .boxText {
    float: none !important;
    display: inline-block;
}

.form-horizontal {
    background: #f5f5f5;
    padding-top: .625em;
    padding-bottom: .625em;
}

.form-horizontal.identification {
    border: 1px solid #CCC;
}

.form-control,.lblRadioChk {
    width: 90%;
}

form fieldset {
    border: 1px solid #CCC;
    border-radius: 4x;
}


legend {
    font-family: Arial, Verdana, sans-serif;
    width: initial;
    text-align: left;
     margin-left: .625em;
     border-bottom: transparent;
}
   

.donneescontainer .Vrequis {
    width: initial;
}

 .donneescontainer .Vrequis>div {
    padding-top: .5em;
}


 main .ongletcontainer a, main .erreuronglet a, main .ongletcontainer  .onlytext {
    color: black;
    text-decoration: none;
    padding: .625em .325em;
    font-weight: normal;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.separate {
    margin-top: .625em;
    margin-bottom: .625em;
    border-top: 1px solid #DDD;
}

#donnees.identification {
    border: none;
    background:none;
    top:initial;
}

form.identification.form-horizontal {
    border: 1px solid #CCC;
}

body, html {
    overflow-x: hidden;
}

.rcrumbs {
    white-space: nowrap;
}

.rcrumbs>ul {
    padding:.625em 0 .312em 0;
    text-align: left
}

.rcrumbs>ul>li {
    overflow: hidden;
    display: none;
    line-height: initial;
}

.rcrumbs>ul>li.show {
    display: inline-block !important;
}

.rcrumbs>ul>li.ellipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.boxboutons>button {
    margin: 1em;
}
  
   
 .toolBarRWD {
    margin:.625em;
    padding:.625em;
    
 }  

.toolBarRWD div {
    text-align:center;
}
    
 .toolBarRWD ul.pageScroll {
        list-style-type: none;       
        overflow-x: scroll;
        overflow-y: hidden;
        white-space:nowrap;
        display:inline-block; 
        width:72%;
        margin:auto;
    } 

 .toolBarRWD ul.pageScroll > li { 
    display:inline-block; 
    cursor: pointer; 
 }
 
 .toolBarRWD ul.pageScroll > li.currentpage > span { 
   border:none;
 }

 .toolBarRWD  ul.exports > li { 
    padding: 5px 1em; 
    float: left;
    list-style-type:none;
    
 }
 
  .toolBarRWD span { 
    padding:.312em;
    zoom:1.6;
     -moz-transform:scale(1.6);
    -moz-transform-origin: 0 0;
  }
 
 .toolBarRWD span.left { 
   float:left;
  }
 
  .toolBarRWD span.right { 
   float:right;
  }
 
 .tablesaw-advance .btn.btn-micro{
    font-size:1.4em;
 }


.btn .btn-micro .tablesaw-columntoggle-btn .tablesaw-nav-btn { 
    margin-right:1em;
}

.tableBarHeader{
    margin: .5em 1.25em;
}

.filterButtons, .statusBar{
    float: left;
    background-color:transparent!important; 
    margin: .325em 1.25em;
}

.filterButtons button{
    margin-left:1em;
    color:#FFFFFF;
    background-color:#3a95c2!important;
    background-image:none;
}
    
.tablesaw-bar{
    clear : initial!important;
}
    
#rechcont_table-popup{
        margin-top:.625em;
}

.eXtremeTable select {
     font-size: 1.8rem!important;
     padding: .3em!important;   
}
     
    
    
/* ----------------------  just for tests  -----------------------------*/
.bootstrap_test {
    background: pink !important;
    border: 1px solid black !important;
}