/* page general */
body, html, div, td, th, table, form, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, label, input, dt, dd, p, blockquote{
    padding:0;
    margin:0;
}
ul, ol { list-style:none; }
/* do not underline links by default  */
/* :link,:visited { text-decoration:none } */
/* no border on linked images */
a img,:link img,:visited img { border:none }
/* de-italicize address */
address { font-style:normal }

html {
    height: 100%;
    -ms-overflow-style: scrollbar;
}
body{
    height: 100%;
    min-height: 100%;
    width: 100%;
    font-size: 18px;
    font-family: Helvetica, Arial, sans-serif;
    color: #2b4520;
}
img {
    border-width:0px;
}


a{
    color:#2E8798;
    text-decoration:none;
    white-space:nowrap;
}
a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
a:hover, a:focus, a:active {
    text-decoration:none;
}

p{
    min-height:18px;
    margin-top:5px;
    word-wrap: break-word;
}

span, div{
    word-wrap: break-word;
}

header{
    height: 45px;
    border-bottom: 2px solid #2E8798;
    width: 100%;
}

.logoHome{
    margin:0px 0px 0px 10px;  
    float: left;
}

.account{
    float:right;
    margin:0px 10px 0px 0px;
    min-width: 40px;   
    font-size: 0.750em;
}

.account a{
    padding:8px;
    display: inline-block;
}

.account a:hover, .account a.active{
    text-decoration: none;
    transition: all 0.15s;	
    background: #2E8798;
    color:#ffffff;
}

#popupAccount{
    position:absolute;
    min-width:160px;
    top:45px;
    background-color:#ffffff;
    border:solid 2px #2E8798;
    border-top: none;
    display:none;
    z-index: 3;
}

#popupAccount ul{
    margin:0px;
}

#popupAccount ul li a{
    padding:6px;
    display:block;
}

#popupAccount ul li a:hover{
    color:#ffffff;
    transition: all 0.15s;	
    background: #2E8798;
    text-decoration: none;
}

footer{
    width: 100%;
    bottom:0px;
    border-top: 5px solid #2E8798;
    min-height:60px;
    text-align:center;
    vertical-align:top; 
    font-size: 0.875em;
}

.bottomTxt{
    padding:20px;
    color:#2E8798;
}

.bottomTxt a{
    margin-left: 5px;
    margin-right: 5px;
    white-space: normal;
}

.bottomTxt a:hover{
    text-decoration: none;
    color: #51968d;
}

div.generalContent{
    min-width: 250px;
    width: 100%;
    min-height: 400px; 
}

.leftContent{
    width:170px;
    min-width:170px;
    vertical-align:top; 
    float:left;
    height:100%;
}

.centerContent{
    border-left: 2px solid #2E8798;
    vertical-align:top;
    padding: 5px;
    margin-left:170px;
    min-height: 500px;
    max-width: 1166px;
    overflow: hidden;
}

.menu{
    float:left;
    margin:0px 10px 0px 0px;
    width: 40px;   
    font-size: 0.750em;
}

.menu a{
    padding:8px;
    display: inline-block;
}

.menu a:hover, .menu a.active{
    text-decoration: none;
    transition: all 0.15s;	
    background: #5f5f5f;
    color:#ffffff;
}

.menu{
    display: none;
}

h1, h2, h3, h4{
    color: #2E8798;
    margin: 4px 4px 8px 4px;
    font-weight: bold; 	
    word-wrap: break-word;
}

h1{
    font-size: 1.250em;
}

h2{
    font-size: 1.125em; 
}

h3{
    font-size: 1.000em;
}

h4{
    font-size: 0.875em;
}

#loginDiv, .divLogin{
    margin:20px auto 20px auto;
    width:400px;
}

.appparam{
    margin: 0px;
    padding: 4px;
}

ul.listeForm{
    width:100%;
}

ul.listeForm li input.textMulti{
    max-width:95%;
    margin-right: 20px;
}

ul.listeForm li{
    margin-bottom: 10px;
}

.appparam input[type=text], .appparam input[type=password], .appparam input[type=number], input.greyBorder{
    width:100%;
    margin:0px;
    line-height: 25px;
    min-height: 25px;
    border:2px solid #DDDDDD;
    border-radius: 4px;
    padding: 0px 0px 0px 4px;
}

.div_submit{
  margin: 8px 0px;
}

/* -------------------------------------------------------------- SUBMIT BUTTON ------------------------------------------------------- */
.submit, .cancel{
    display: inline-block;
    white-space: nowrap;
    padding: 6px;
    background-color: #FFFFFF;
    text-decoration: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    color: #2E8798;
    font-size: 0.875em;
    font-weight:bold;
    margin:0px;
    border: 2px solid #2E8798;
    border-radius: 4px;
}

.cancel{
    margin-right: 40px;
    border: 2px solid #2E8798;
}

.submit:hover, .cancel:hover{
    background: #2E8798;
    color:#ffffff;
    cursor: pointer;
}

.big{
    font-size: 1.125em;
    padding: 10px;
}

.forgotPwd{
    margin: 20px 0px;
    text-align: right;
}

#titlePrint{
    display:none;
}

#menu {
    background: #ffffff;
    color: #444444;
    margin:0px;
    width:170px;
}

#menu li {
    list-style-type: none;
}

/*heading styles*/
#menu li a{
    font-size: 0.875em;
    line-height: 30px;
    padding: 2px 5px;
    margin:4px 0px;
    cursor: pointer;
    background: none;
    display: block;
    text-decoration: none;
}

#menu li a:hover, #menu li a:active{
    text-decoration: none;
    background: #2E8798;
    color:#FFFFFF;
}

#menu li a.selected{
    background: #2E8798;
    color:#FFFFFF;
}

.clear{
    clear:both;
    height: 0%;
    overflow: hidden;
}

div.col2first{
    width:60%;
    min-width:60%;
    float:left; 
}
div.col2{
    width:40%;
    min-width:40%;
    float:left;
}

table.popup{
    border:0px;
    border-spacing:0px;
    border-collapse:collapse;
    margin:0px;
    width:99%;
    font-size: 0.750em;
}

table.popup th{
    text-align: left;
    text-decoration: none;
    border-bottom:1px solid #F6F6F6;
    padding:5px;
    vertical-align: top;
}

table.popup tr.alt{
    border-bottom: 1px solid #F6F6F6;
}

table.popup tr.altPause{
    background-color:#E2E2E2;
    border-bottom: 1px solid #FFFFFF;
}

table.popup td{
    padding:5px;
    line-height:16px;
    word-wrap: break-word;
}

table.popup td.r, table.popup th.r{ 
    text-align:right;
}

table.popup td.c, table.popup th.c{
    text-align:center;
}

table.popup td.l, table.popup th.l{
    text-align:left;
}

table.popup a{
    color: #58585A;
}

.button{
    display: inline-block;
    white-space: nowrap;
    background-color: #FFFFFF;
    border: 2px solid #2E8798;
    padding:6px;
    margin:2px;
    text-decoration: none;
    color: #2E8798;
    cursor: pointer;
    font-size: 0.875em;
    border-radius: 4px;
    font-weight: bold;
}

.button:hover{
    background: #2E8798;
    color:#ffffff;  
    text-decoration: none;             
}

.button:active, .button:focus{
    text-decoration: none;
}

ul.onglets{
    background-color: #FFFFFF;
    list-style:none;
    width:100%; 
    margin:0px 0px 5px 0px; 
    border-bottom:2px solid #2E8798;
    font-size: 0.813em;
    min-width: 767px;
}

ul.onglets li{
    display:inline-block;
}

ul.onglets li a {
    display:block;
    min-width:100px;
    padding:0px 8px 0px 8px;
    text-align:center;
    margin:4px 4px 0px 4px;
    height:30px;
    line-height:28px; 
    font-weight: bold;
    color: #2E8798;
}
ul.onglets li a:hover{
    color:#2E8798;
    text-decoration: none;
}

ul.onglets li a:visited, ul.onglets li a:focus, ul.onglets li a:active {
    text-decoration: none;
}

ul.onglets li a.selected {
    background-color: #2E8798;
    border-top:solid 1px #2E8798;
    border-left:solid 1px #2E8798;
    border-right:solid 1px #2E8798;
    border-radius:6px 6px 0px 0px; 
    -moz-border-radius:6px 6px 0px 0px;
    -webkit-border-radius:6px 6px 0px 0px;
    text-decoration: none;
    color:#ffffff;
}
div.div_mobile{
    display:none;
}

div.myInfo{
    margin:10px;
    padding:5px;
    float:right;
    max-width:400px;
}

div.myInfo span{
    display: inline-block;
}

/* Liste simple */
ul.listeSimple li{
    margin:4px;
    padding:2px;
    font-size: 0.875em;
}

ul.listeSimple li span{
    font-weight:bold;
}

div.editable{
    overflow: auto;
}

div.editable ul, div.editable ol{
    margin-left: 20px;
}

div.editable ul{
    list-style-type: disc;
}

div.editable ol{
    list-style-type: decimal;
}

span.editable{
    padding: 10px;
    background-color: #F2F2F2;
}

/* ------------------------------------------------- AFFICHAGE DES LOGS ----------------------------------------------------------- */
div.success, div.error, div.warning, div.info, div.notice, div.infoGenerale{
    display: block;
    padding:10px;
    border:2px solid;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    text-align:left;
    font-size: 0.875em;
    line-height: 1.500em;
    margin: 5px;
}

div.success{
    background-color: #e9f2d3;
    border-color:#c0d86d;
    color:#77a113;
}

div.error {
    background-color: #fee9e9;
    border-color:#e8a0a0;
    color:#d45959;
}
div.warning {
    background-color: #fbf6e4;
    border-color:#eed77d;
    color:#c7a900;
}
div.info{
    background-color: #dce9f3;
    border-color:#a0c2dc;
    color:#387cb0;
}
div.notice{
    background-color: #fefefe;
    border-color:#cccccc;
    color:#999999;
}

div.infoGenerale{
    background-color: #F6F6F6;
    border:2px solid #F6F6F6;
}

div.success i, div.error i, div.warning i, div.info i, div.notice i, div.infoGenerale i{
    margin-right: 5px;
    font-size: 1.500em;
}

div.rightForm{
    float:right;
    font-size: 0.750em;
}

input.error{
    color:#EA5200;
}

label.error{
    color:#EA5200;
    margin:5px;
    display: block;
    min-height:20px;
}

.select2, .select2-results{
    font-size: 0.825em;
}

.p100{
    text-align: center;
    min-height: 200px;
    margin-bottom: 10px;
    padding:1%;
}

.sp50{
    width : 50%;
    float:left;
}

.p50, .p50l{
    padding-top: 20px;
    width: 48%;
    float:left;
    text-align: center;
    height: 120px;
    border: 1px solid #2E8798;
    margin-bottom: 10px;
    border-radius: 6px;
    font-size: 1.250em;
}

.p50l{
   margin-left: 2%; 
}

.p50:hover, .p50l:hover{
    background: #2E8798;
    color:#ffffff;  
    text-decoration: none;             
}

.p50:active, .p50:focus, .p50l:active, .p50l:focus{
    text-decoration: none;
}

.notesPerso{
    width: 96%;
    height: 120px;
    border: 1px solid #2E8798;
    border-radius: 6px;
}

.blockCopy{
    margin:6px;
    padding:6px;
    float:right;
    display:none;
    border: 2px solid #2E8798;
    border-radius: 6px;
}

hr{
    color:#2E8798;
}