h1 { 
    font-size:16px;
    color: #444;
    border-bottom:3px dashed #666;
    padding-bottom:10px;
    margin-bottom:30px;
    margin-top:0px;
}
h2 {
    font-size:14px;
    font-weight:bold;
}
img {
    border:0px;
    vertical-align:middle;
    margin:0px;
}
a, a:visited, .link {
    color:#666; 
    text-decoration: none;
    cursor:pointer;
}
a:hover, .link:hover{
    color:#000;
}
input[type=submit], input[type=button], button {
    background-color:#CCC;
    border:1px solid #000;
    padding:3px 15px;
    cursor:pointer;
}
input[type=submit]:hover, input[type=button]:hover {
    -moz-box-shadow: 0px 0px 6px #333;
    -webkit-box-shadow: 0px 0px 6px #333;
    box-shadow: 0px 0px 6px #333;
}
.resultComptage {
    font-size:24px;
    border:1px solid #006600;
    background-color:#99ff99;
    padding:5px 25px;
}
.formBox {
    background-image:url('../images/stripebg.png');
    padding:15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.formBox > div {
    background-color:#fff;
    padding:5px;
}
.wrap {
    padding:10px;
}
.wrap .label {
    float:left;
    text-align:left;
    width:115px;
}
.wrap .labelMedium {
    float:left;
    text-align:left;
    width:200px;
}
.wrap .input {
    float:left;
    text-align:left;
}
.center {
    margin:0 auto;
}
input[type=password], input[type=text] {
    border:1px solid #AAA;
    width:170px;
    font-family: Arial;
    font-size:12px;
}
textarea {
    border:1px solid #AAA;
    width:250px;
    height:50px;
    font-family: Arial;
    font-size:12px;
    resize:none; 
}
input[type=password]:focus, input[type=text]:focus, textarea:focus {
    border:1px solid #0099ff;
}
.infoMsg {
    border:1px solid #ff3333;
    background-color:#ddd;
    padding:5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:30px;
}
.tableau {
    width:100%;
    border-collapse: collapse;
}
.tableau thead {
    background-color:#CCC; 
    background-image: linear-gradient(bottom, rgb(219,219,219) 0%, rgb(97,97,97) 65%);
    background-image: -o-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(97,97,97) 65%);
    background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(97,97,97) 65%);
    background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(97,97,97) 65%);
    background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 0%, rgb(97,97,97) 65%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(219,219,219)),
        color-stop(0.65, rgb(97,97,97))
        );
    text-align:center;
    color:#FFF;
}
.tableau thead th {
    padding:10px;
}
.tableau tbody tr:nth-child(even) {
    background-color:#ddd;
}
.tableau tbody tr:nth-child(odd) {
    background-color:#FFF;
}
.tableau tbody td {
    padding:8px;
    text-align:center;
}
.tableau tfoot tr {
    border-top:1px solid #000;
}
.tableau tfoot td {
    padding:5px;
    text-align:center;
}
.bold {
    font-weight:bold;
}
.formInline {
    float:left;
    margin-right:70px;
}
.required {
    font-weight:bold;
    color:red;
}
.divCritere {
    float:left;
    margin-right:30px;
}
.tabCritere {
    border-collapse: collapse;
}
.tabCritere tbody tr {
    border-bottom:1px dotted #CCC;
}
.tabCritere tbody tr:hover {
    background-color:#ccccff;
}
.tabCritere tbody tr.nohover:hover {
    background-color:#fff;
}
.dataTables_filter, .dataTables_info {
    padding:5px;
}
.bgStripe {
    background-image:url('../images/stripebg.png');
}
.wrapH {
    padding:5px 0px;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width:280px;
}
.ui-autocomplete-loading {
    background: white url('../images/ajax-loader.gif') right center no-repeat;
}
.vitualCritere {
    height:300px;
    border:1px dashed #CCC;
}