@font-face {
    font-family: 'RobotoRegular';
    src: url('roboto/Roboto-Regular-webfont.eot');
    src: url('roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{margin:0;font:16px 'RobotoRegular',Arial,sans-serif;background:#fff;-webkit-text-size-adjust:100%}
table{border-collapse:collapse}
table td{text-align:center}
td.left,th.left{text-align:left}
td a{display:block;text-decoration:none}
a{color:#33b5e5}
h1{margin:5px 0 0 0}
h2{margin:20px;font-weight:normal;font-size:1.7em}
h2 cite{color:#2e5974}
h3{font-weight:normal;font-size:20px;color:#2E5974;font-style:italic;border-bottom:2px solid #E1E8ED}

.clear{clear:both}
.error{color:red}
span.error{margin-left:20px}

.row,.col{position:absolute}
.row{left:0;right:0}
.col{top:0;bottom:0}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}
.nav.col{width:210px;background:#2e5974}
.content.col{left:210px;right:0}
.header.row{height:50px}
.body.row{top:50px;bottom:0}
.header{color:#eee;padding:0 0.5em;background:#696f77 url(../images/bg-header.jpg) repeat 0 50%}
.content .header,.content .body{min-width:400px}

.header .inline-block{display:inline-block;vertical-align:middle;line-height:14px}
.header .common{position:absolute;top:10px;right:0}
#login{max-width:200px;padding:8px 15px 8px 35px;border-right:1px solid #fff;background:url(../images/iconshock/user.png) no-repeat 0 50%}
#login a{color:#fff;text-decoration:none}
ul.controlgroup{position:relative;top:14px;margin:0;padding:0}
.controlgroup li{float:left;list-style-type:none}
.controlgroup a{padding:8px 10px 18px;text-decoration:none;color:#fff;font-weight:bold}
.controlgroup a:hover{color:#adbbc6}
.controlgroup a.current{color:#349ad4;background:url(../images/arrow-up.png) no-repeat 50% 100%}

.listview{padding:0;margin:0}
.listview li{position:relative;list-style-type:none;background:#426881;border-top:1px solid #aaa}
.listview li.selected,.listview li.selected a:hover{background:#7f9aac url(../images/arrow-left.png) no-repeat 101.5% 50%}
.listview li.selected a{color:#1d3748}
.listview li,.listview li a{color:#fff;text-decoration:none}
.listview li a{display:block;padding:1.6em 1em}
.listview li a:hover{background:#54788e}
.bubbles{position:absolute;right:5px;top:5px;font-weight:normal;font-size:13px;line-height:15px}
.bubbles div{float:left;margin:1px 0 1px 5px;padding:2px}
.bubbles .warning{padding-left:18px;background:url(../images/warning-small.png) no-repeat 0 50%}
.bubbles .fatal{padding-left:18px;background:url(../images/forbidden-small.png) no-repeat 0 50%}
.bubbles .record{padding-left:18px;background:url(../images/rec-small.png) no-repeat 0 50%}

#mainNavBtn a{display:block;padding:0 5px;margin:0 10px}
#mainNav ul,#mainNav:hover a{background:#1d3748;box-shadow: 0 0 5px #1d3748;-webkit-box-shadow: 0 0 5px #1d3748;-moz-box-shadow: 0 0 5px #1d3748}
#mainNav ul{display:none;position:absolute;right:10px;top:33px;width:220px;z-index:3000;margin:0;padding:0;list-style-type:none}
#mainNav li a,#mainNav li input[type='submit']{display:block;margin:0;padding:15px 20px;font:16px 'RobotoRegular',Arial,sans-serif;color:#fff;text-decoration:none;font-size:15px}
#mainNav li input[type='submit']{width:100%;text-align:left;cursor:pointer;border:0;background:transparent}
#mainNav li:hover a,#mainNav li:hover input[type='submit']{background:#2e5974}
#mainNav :hover ul{display:block}

.sorting{background:url(../images/sorting.png) no-repeat 100% 50%}
.sorting_asc{background:url(../images/sorting-asc.png) no-repeat 100% 50%}
.sorting_desc{background:url(../images/sorting-desc.png) no-repeat 100% 50%}

#dialog{display:none}
#dialog fieldset{padding:0;border:0}
#dialog label{margin-right:10px}

.data-table{margin:0 20px}
.data-table table{width:100%;font-size:15px}
.data-table th{padding:5px 20px 5px 10px;color:#fff;cursor:pointer;border-right:1px solid #fff;background-color:#2E5974}
.data-table .odd{background:#ced9e1}
.data-table .even{background:#e1e8ed}

.dataTables_paginate,.dataTables_info,.dataTables_length{padding:10px;font-size:12px}
.dataTables_length{padding-top:0}
.dataTables_info{color:#aaa;font-style:italic}
.dataTables_paginate{float:right;margin-top:-35px}
.dataTables_paginate a{cursor:pointer;margin:0 5px}
.paginate_button{padding:1px 4px;color:#2E5974;border:1px solid #33B5E5}
.paginate_button:hover{color:#fff;border-color:#33B5E5;background:#33B5E5}
a.next,a.last,a.first,a.previous{padding:1px 0;color:#33B5E5;border:0}
a.next:hover,a.last:hover,a.first:hover,a.previous:hover{color:#33B5E5;text-decoration:underline;background:none}
a.paginate_button_disabled{color:#BBCAD3;cursor:default}
a.paginate_button_disabled:hover{color:#BBCAD3;text-decoration:none}
a.paginate_active{font-weight:bold;color:#2E5974;cursor:default}

.info{margin:20px}
.info table{width:100%}
.info th,.info td{padding:7px 20px;text-align:left}
.info th{font-weight:normal;background:#e0e8ed}
.info tr.odd th{background:#d1dce3}
.info td{color:#2E5974;background:#E1E8ED}
.info tr.even td{background:#eff3f6}

#content.alone{min-height:400px;position:relative;padding:30px 0 30px 350px;background-repeat:no-repeat;background-position:50px 150px}

div .thermo{background-image: url(../images/thermo.png);height: 32px;width: 32px;display: inline-block;}
div .water{background-image: url(../images/water.png);height: 32px;width: 32px;display: inline-block;}
div .heart{background-image: url(../images/heart.png);height: 32px;width: 32px;display: inline-block;}
div .edit{background-image: url(../images/iconshock/edit.png);height: 24px;width: 23px;display: inline-block;}
div .logo{background-image: url(../images/logo.png);width: 126px;height: 36px}
div .zoom{background-image: url(../images/zoom.png);height: 32px;width: 32px;display: inline-block;}
div .green{background-image: url(../images/green.png);height: 32px;width: 32px;display: inline-block;vertical-align:middle;}
div .red{background-image: url(../images/red.png);height: 32px;width: 32px;display: inline-block;vertical-align:middle;}

.inAlert{color: #feac02;}
.inAlertFatal{color: #DA542A;}
.notInAlert{color: #2E5974;}

.onglet a.current {background: #e0e8ed;border: 1px solid #eff3f6;color: #349ad4;}
#background{background:#eff3f6}
.onglet a {color: #2e5974}
.onglet>li>a {background: #d1dce3;}
.onglet {border-bottom: 1px solid #d1dce3;}