/*
Vert : 		#51A026
Vert clair :#E4F1D6
Vert alternance : #F4F9F0
*/
body{
    margin:3px 0 0;
    font-family:Tahoma, Helvetica, sans-serif;
    font-size:12px;
    line-height:1.5em;
    background:#FFF;
}
img {border:none;}
h1{margin-bottom:18px;}
a{color:#333;}
a:hover{color:#333;}
h2{
    color:#777;
    margin:15px 0 5px;
    font-size:14px;
    line-height:18px;
}
h3{
    margin:15px 0 5px;
}

.clear{clear:both;}
.clear::after {
    content: "";
    clear: both;
    display: table;
}
.left{float:left;}
.right{float:right;}
.float-parent{overflow:hidden;}
.tctr{text-align:center;}
.tright{text-align:right;}
.nowrap{white-space:nowrap;}
.i{font-style:italic;}
.light{color:#666;}
.big{font-size:14px;}
.borderRed{border:1px solid red;}
.odd{background-color:#E4F1D6;}
.even{background-color:#F4F9F0;}
.margin-bottom{margin-bottom:18px;}
.nobullet{list-style-type:none;}
.msg{
    background:no-repeat 0 4px;
    padding:0 0 0 23px;
    line-height:23px;
}
.msg-info{
    background-image:url('../../img/icons/16/info.png');
}
.msg-warning{
    background-image:url('../../img/icons/16/warning.png');
    font-style:italic;
}
.msg-success{
    background-image:url('../../img/icons/16/success.png');
}
.msg-error{
    background-image:url('../../img/icons/16/error.png');
}
.msg-catalogue{
    background-image:url('../../img/icons/16/catalogue.png');
}
string{
    font-weight:bold;
}
.list{
    padding-left:20px;
}
.frontend-form{
    margin:23px 0;
    font-size:14px;
    line-height:24px;
}
.front-end-form-field{
    margin-bottom:23px;
}
.frontend-form label{
    display:block;
}
.frontend-form input{
    width:200px;
    line-height:23px;
    height:23px;
    border-radius:2px;
}
.frontend-form select{
    line-height:23px;
    height:23px;
}
.frontend-form input, .frontend-form textarea, .frontend-form select {
    border:1px solid #AAA;
}
.frontend-form input:focus, .frontend-form textarea:focus, .frontend-form select:focus {
    border:1px solid #51A026;
}
.dataTables_wrapper{min-height:0 !important;}

#mainContainer{
    position:absolute;
    left:0;
    top:10px;
    width:100%;
}

#page{
    height:auto;
    margin:auto;
    padding-bottom:20px;
    width:960px;
    text-align:left;
    border-top: none;
    background:#fff;
    border: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    box-shadow: 1px 1px 8px #555;
}

#header{
    width: 960px;
    height: 276px;
    background: #51A026 url("../../img/header-banner.png") no-repeat 0 10px;
}

.inline-list{
    list-style-type:none;
    overflow:hidden;
}
.inline-list > li{
    float:left;
    margin-left:9px;
}
.inline-list-rev > li{
    float:right;
    margin-left:9px;
}

.cadre{
    border: 1px solid #ccc;
    border-radius:5px;
}

.cadreContent{
    margin:10px;
}

.actionButton{
    cursor: pointer;
}

.quotation-header{
    overflow:hidden;
    margin:18px 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
}
.quotation-header ul{
    list-style-type:none;
}
.quotation-table{
    margin:18px auto;
    border:1px solid #51A026;
    border-collapse:collapse;
}
.quotation-table th{
    padding:9px;
    border:1px solid #51A026;
    background:#E4F1D6;
}
.quotation-table td{
    padding:4px 9px;
    border:1px solid #51A026;
}
.quotation-table > tbody td{
    vertical-align:top;
}

.ui-dialog-content {
    max-height: 80dvh;
}