.paginate_button{cursor: pointer;}
.ui-datepicker{z-index:1000!important;}
.dataTables_filter label{font-size:130%;}
.dataTables_filter label input{margin-top:10px;margin-bottom:10px;}
.fixed-divs{position: fixed; top: 0; left: 0; width: 100%; height:100px;}

/*--------------------------------------------------------------------------------------------------------------*/
/* PRELOADER PAGE */
/*--------------------------------------------------------------------------------------------------------------*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../php/interactif_responsive/img/loader-idsvib/balls.svg) center no-repeat #FFFFFF;
}
html {    overflow: scroll;    overflow-x: hidden;}
::-webkit-scrollbar {    width: 0px;    background: transparent;}
::-webkit-scrollbar-thumb {    background: #FF0000;}
html {    overflow: scroll;    overflow-x: hidden;}
::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

/*--------------------------------------------------------------------------------------------------------------*/
/* GENERIQUE */
/*--------------------------------------------------------------------------------------------------------------*/

/* DATATABLES */
.table-responsive {overflow-y: hidden;}
.dataTables_paginate  {min-height: 30px;}

.dropdown-submenu{position:relative;background:#000;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;background:#f00;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;background:#f00;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;background:#f00;}

.dropdown-toggle.btn_menu{background:none !important;}
.dropdown-toggle.btn_menu:hover{background:none !important;}
.dropdown-toggle.btn_menu_on{background:#383838 !important;}

.dropdown-menu,.dropdown-menu li a{background:#4D4D4F !important; color:#fff !important;}
.dropdown-menu li a:hover,
.dropdown-menu li a.active{background:#4D4D4F !important; color:#13CC70 !important;}

/* BOOTSTRAP MODAL */
.modal {overflow:auto !important;}
.modal-header .close {opacity:0.65;}
.modal-header .close:hover {opacity:0.85;}
.modal {text-align: center;}
@media screen and (min-width: 768px) { 
  .modal:before {display: inline-block; vertical-align: middle; content: " "; height: 100%;}
}
.modal-dialog {display: inline-block;  text-align: center;  vertical-align: middle;width:100%;max-width:800px;}
.modal-header, .modal-footer {text-align: center!important;}
.modal-backdrop {z-index: 99!important;}

/* Animation */
@-webkit-keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}

.sidebar{ width: 230px; float: left; display: block; background:#f2f2f2; color: #777; position: relative;}
.sidebar .sidebar-dropdown{display: none;}
.sidebar .sidebar-dropdown a{color: #fff !important; box-shadow: inset 0px 0px 1px #000; background-color: #343434; background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));  background: -webkit-linear-gradient(top, #343434, #292929);  background: -moz-linear-gradient(top, #343434, #292929);  background: -ms-linear-gradient(top, #343434, #292929);  background: -o-linear-gradient(top, #343434, #292929);  background: linear-gradient(top, #343434, #292929);  padding:6px;  text-transform: uppercase;  text-align: center;  font-size: 11px;  display: block;  border-top: 2px solid #666;  border-bottom: 1px solid #333;}
.sidebar ul{    padding: 0px;    margin: 0px;}
.sidebar ul li{    list-style-type: none;}
.sidebar #nav {  display: block;  width:100%;  margin:0 auto;  position: absolute;  z-index: 60;}
.sidebar #nav li i{    display:inline-block;    margin-right: 5px ;    background: #eee ;    color:#888;    width: 38px;    height: 38px;    line-height: 38px;    text-align: center;    border-radius: 30px;    border: 1px solid #ccc;}
.sidebar  #nav li span i{    margin: 0px;    color: #999;    background: transparent !important;    border: 0px;}
.sidebar #nav > li > a {  display: block;  padding: 10px 20px;  font-size: 13px;  color: #777;  text-decoration: none;  border-bottom: 1px solid #ccc;  border-top: 1px solid #fff;  background-color: #f8f8f8;  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f2f2f2));  background: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);  background: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);  background: -ms-linear-gradient(top, #f9f9f9, #f2f2f2);  background: -o-linear-gradient(top, #f9f9f9, #f2f2f2);  background: linear-gradient(top, #f9f9f9, #f2f2f2);  box-shadow: inset 0px 1px 1px #fff;}
.sidebar #nav > li > a:hover, .sidebar #nav > li.open > a {  color: #e9e9e9;  border-bottom: 1px solid #167cac;  border-top: 1px solid #2094ca;  background-color: #aaa;  background: -webkit-gradient(linear, left top, left bottom, from(#1aaef3), to(#0993d3));  background: -webkit-linear-gradient(top, #1aaef3, #0993d3);  background: -moz-linear-gradient(top, #1aaef3, #0993d3);  background: -ms-linear-gradient(top, #1aaef3, #0993d3);  background: -o-linear-gradient(top, #1aaef3, #0993d3);  background: linear-gradient(top, #1aaef3, #0993d3);  box-shadow: none;  color: #fff;  font-weight: bold;}
.sidebar #nav > li > a:hover i, .sidebar #nav > li.open > a  i{    color: #fff;  background-color: #167cac !important;  border: 1px solid #167cac;}
.sidebar #nav > li > a:hover span i, .sidebar #nav > li.open > a span i{  color: #fff;  background: transparent !important;  border: 0px;}
.sidebar #nav li li.current{    background:#f3f3f3;}
.sidebar #nav li ul { display: none; background: #efefef; }
.sidebar #nav li ul li a {  display: block;  background: none;  padding: 10px 0px;  padding-left: 30px;  text-decoration: none;  color: #777777;  border-bottom: 1px solid #ddd;  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);}
.sidebar #nav li ul li a:hover {  background: #eeeeee;  border-bottom: 1px solid #ddd;}
.sidebar #nav li.open ul{    display: block !important;}

.mainbar{    position: relative;    margin-left: 230px;    margin-right: 0px;    width: auto;    background:#eee url("images/main-back.png") repeat;    border-left: 1px solid #ccc;    z-index: 50;    min-height: 800px;}
.mainbar .container{   max-width:100% !important;    width: 100% !important;}
.pagination{    margin: 10px 0px 5px 0px;}
.pagination ul > li > a, .pagination ul > li > span {    border: 1px solid #aaa;    margin-right: 2px;    border-radius: 5px !important;    padding: 2px 8px;  background-color: #f8f8f8;  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);  background: linear-gradient(top, #f8f8f8, #f2f2f2);  box-shadow: inset 0px 2px 1px #fff;  color: #666;}
.pagination ul > li > a:hover{    color: #333;}
.page-tables #data-table{    margin-bottom: 20px;}
.page-tables .dataTables_length{    margin-top:5px;    margin-bottom:5px;    font-size:11px;    font-weight:normal;}
.page-tables .dataTables_length select{    border-color: #ddd;    border-radius: 2px;}
.page-tables .dataTables_filter{    margin-top:5px;    margin-bottom:5px;    font-size:11px;    font-weight:normal;}
.page-tables .dataTables_filter input{    border-radius:3px;    border:1px solid #ddd;    padding:3px;    line-height:12px;}
.page-tables #data-table{    border:1px solid #ddd;}
.page-tables table#data-table thead th{    padding:7px 10px;    font-weight:bold;    border-bottom:0px; background:#f0f0f0;color:#666;font-size:11px;}
.page-tables table#data-table tfoot th{    border-top:1px solid #ddd;    padding:7px 10px;    font-weight:bold;    background:#f0f0f0;color:#666;font-size:11px;}
.page-tables table#data-table td{    background:#fcfcfc;    border-top:1px solid #ddd;font-size:12px;}
.page-tables .dataTables_info{    margin-bottom:20px;}
.page-tables .dataTables_paginate{    margin-bottom:20px;}
.page-tables .dataTables_paginate a{    background:#fff;    border:1px solid #ddd;    border-radius:2px;    margin-right:2px;    padding: 5px 10px;    color: #aaa;}
.page-tables .dataTables_paginate a:hover{    background:#f8f8f8;}
.page-tables .dataTables_paginate a.paginate_active{    background:#f8f8f8;}
.mainbar .page-head{  background-color: #f8f8f8;  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);  background: linear-gradient(top, #f8f8f8, #f2f2f2);  padding: 8px 20px;  border-bottom: 1px solid #fff;  box-shadow: inset 0px 1px 1px #fff;}
.mainbar .page-head h2{    font-weight: normal;    font-size: 20px;}
.mainbar .bread-crumb{    font-size: 11px;    margin-top: 10px;    color: #aaa;}
.mainbar .bread-crumb i{    margin-right: 3px;}
.mainbar .bread-crumb .divider{    margin: 0px 3px;}
.mainbar .bread-crumb a{    color: #666;}
.mainbar .bread-crumb a.bread-current{    color: #888;}
.mainbar .matter{    border-top: 1px solid #ddd;    padding: 15px 0px;}
.widget {  border: 1px solid #c9c9c9;  border-radius: 3px;  margin-top: 10px;  margin-bottom: 20px;  background: #fafafa;}
.widget p{    margin: 3px 0px 5px 0px !important;    line-height: 20px;}
.widget hr{    margin: 8px 0px;    border-top: 1px solid #ccc;    border-bottom: 1px solid #fff;}
.widget .table *{    border-color:#e8e8e8 !important;}
.widget .table.table-bordered{    margin-bottom:0px;    border:0px;}
.widget .table.table-bordered tr th{    border-top:0px;    border-left:0px;}
.widget .table.table-bordered tr th:last-child{    border-right:0px;}
.widget .table.table-bordered tr:first-child td{    border-top:0px;}
.widget .table.table-bordered tr:last-child td{    border-bottom:0px;}
.widget .table.table-bordered td{    border-right:1px solid #ddd;}
.widget .table.table-bordered tr td:first-child{    border-left:0px;}
.widget .table.table-bordered td:last-child{    border-right:0px;}
.widget.wblack{  background: #fafafa url('images/black.png') repeat;  color: #ddd;  border: 1px solid #222;}
.widget.wblack hr{    border-top: 1px solid #444;    border-bottom: 1px solid #222;}
.widget.wblack a{    color: #aaa;}
.widget.wblack a:hover{    color: #888;}
.widget .padd{    padding: 13px 15px;}
.widget .widget-head{  background-color: #f8f8f8;  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);  background: linear-gradient(top, #f8f8f8, #f2f2f2);  border-top-right-radius: 3px;  border-top-left-radius: 3px;  text-shadow:0px 1px #fff;  border-bottom: 1px solid #ccc;  border-top: 1px solid #fff;    color: #666;    font-size: 13px;    font-weight: bold;    padding: 8px 15px;}
.widget.wblack .widget-head{  background-color: #333;  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));  background: -webkit-linear-gradient(top, #333, #111);  background: -moz-linear-gradient(top, #333, #111);  background: -ms-linear-gradient(top, #333, #111);  background: -o-linear-gradient(top, #333, #111);  background: linear-gradient(top, #333, #111);  text-shadow:0px 1px #000;  border-bottom: 1px solid #555;  border-top: 1px solid #666;  box-shadow: inset 0px 1px 1px #444;   color: #ccc;}
.widget .widget-head .widget-icons i{    font-size: 14px;    margin: 0px 4px;}
.widget .widget-head .widget-icons a{    color: #aaa;}
.widget .widget-head .widget-icons a:hover{    color: #999;}
.widget.wblack .widget-head .widget-icons i{    font-size: 14px;    margin: 0px 4px;}
.widget .widget-foot{  background-color: #f8f8f8;  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);  background: linear-gradient(top, #f8f8f8, #f2f2f2);  border-bottom-right-radius: 3px;  border-bottom-left-radius: 3px;  text-shadow:0px 1px #fff;  border-bottom: 1px solid #fff;  border-top: 1px solid #ccc;  padding: 8px 15px;  font-size: 12px;  color: #555;  box-shadow: inset 0px 1px 1px #fff;}
.widget.wblack .widget-foot{  background-color: #111;  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));  background: -webkit-linear-gradient(top, #222, #111);  background: -moz-linear-gradient(top, #222, #111);  background: -ms-linear-gradient(top, #222, #111);  background: -o-linear-gradient(top, #222, #111);  background: linear-gradient(top, #222, #111);  text-shadow:0px 1px #000;  border-bottom: 1px solid #000;  border-top: 1px solid #222;  color: #aaa;  box-shadow: inset 0px 1px 1px #444;}
.widget .nav-tabs > li a {    padding: 5px 10px;}
.widget .nav-tabs {    margin-bottom: 5px;}
.widget .tab-content{    margin-bottom: 10px;}
.widget.wblack .btn-inverse{    border: 1px solid #212121;}
.widget.wblack a.btn-primary, .widget.wblack a.btn-primary:hover,
.widget.wblack a.btn-warning, .widget.wblack a.btn-warning:hover,
.widget.wblack a.btn-danger,  .widget.wblack a.btn-danger:hover,
.widget.wblack a.btn-success, .widget.wblack a.btn-success:hover,
.widget.wblack a.btn-info,  .widget.wblack a.btn-info:hover,
.widget.wblack a.btn-inverse, .widget.wblack a.btn-inverse:hover{    color: #fff;}
.widget.wblack .form-actions{    border-radius: 5px;  background-color: #111;  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));  background: -webkit-linear-gradient(top, #222, #111);  background: -moz-linear-gradient(top, #222, #111);  background: -ms-linear-gradient(top, #222, #111);  background: -o-linear-gradient(top, #222, #111);  background: linear-gradient(top, #222, #111);    border: 1px solid #111;    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);}
.widget.wblack h2,
.widget.wblack h3,
.widget.wblack h4,
.widget.wblack h5,
.widget.wblack h6{    color: #fff;}
.widget.wblack blockquote{    border-left: 3px solid #555;}
.widget.wblack .pagination ul > li > a, .widget.wblack .pagination ul > li > span {  background-color: #111;  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));  background: -webkit-linear-gradient(top, #222, #111);  background: -moz-linear-gradient(top, #222, #111);  background: -ms-linear-gradient(top, #222, #111);  background: -o-linear-gradient(top, #222, #111);  background: linear-gradient(top, #222, #111);  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);  border: 1px solid #161616;}
.widget.wblack .pagination ul > li > a:hover{    background: #222;}
.widget.wblack .table td{    border-top: 1px solid #222;}
.widget.wblack .table tr:hover{    background: rgba(255,255,255,0.1);}
.widget.wblack .nav-tabs > .active > a, .widget.wblack .nav-tabs > .active > a:hover {    background: #222;}
.widget.wblack .nav-tabs {    margin-bottom: 5px;    border-bottom: 1px solid #222;}
.widget.wblack .nav-tabs > li a {    padding: 5px 10px;    background-color: #111;    background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));    background: -webkit-linear-gradient(top, #222, #111);    background: -moz-linear-gradient(top, #222, #111);    background: -ms-linear-gradient(top, #222, #111);    background: -o-linear-gradient(top, #222, #111);    background: linear-gradient(top, #222, #111);    border: 1px solid #222;    border-bottom: 0px;    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);    color: #ccc;    font-weight: bold;    margin-right: 5px;}
.widget.wblack .nav-tabs > li a:hover {    background: #222;}
.widget.wblack .nav-tabs > li.active {    border-bottom: 0px;}
.widget.wblack .nav-tabs > li.active a {    color: #fff;    background: #333 url('images/back.png');    border-bottom: 0px;}
.widget.wblack .nav-tabs > li.active a:hover {    background: #333 url('images/back.png');    border-bottom: 0px;}
.widget.wblack .tab-content{    margin-bottom: 10px;}
.fc-header-title h2 {    font-size: 15px;    line-height: 20px;}
.fc-event-skin {    background-color: #ff5d5e;    border-color: #ff3839;}
.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {    margin-top: -48px;    right: 20px;}
.fc-widget-header {    padding: 7px 0px !important;    color: #666;    background: #eee;    border-color: #ccc;}
.fc-content {    background: #fff;}
.fc-content td:hover{    background: #f3f3f3;}
.current-status{    list-style-type: none;    padding: 0px;    margin: 0px;}
.current-status .bold{    font-size: 13px;    margin-left: 8px;}
.current-status li{    padding: 10px 0px; }
.today-datas{    list-style-type: none;    padding: 0px;    margin: 10px 0px;}
.today-datas li{    display: inline-block;    margin-bottom: 5px;    margin-right: 10px;    padding: 10px 20px;  background-color: #f8f8f8;  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);  background: linear-gradient(top, #f8f8f8, #f2f2f2);  background: #f8f8f8;  text-shadow:0px 1px #fff;  border: 1px solid #ccc;  box-shadow: inset 0px 0px 3px #fff;  max-width: 100%;  text-align: center;}
.today-datas li .datas-text{    font-size: 11px;    padding: 7px 0px 0px 0px;    font-weight: normal;}
.error-page{    max-width: 500px;    margin: 50px auto;}
.error-page .container{    max-width:100%;    width:100%;}
.error h1{    font-weight: normal;}
.show-grid div{    background: #eee;    text-align: center;    margin: 10px 0px;    border: 1px solid #ddd;}
.dtpicker{    max-width:200px;}
#eq span {    height:120px; float:left; margin:15px}
.ui-slider .ui-slider-handle {    position: absolute;    z-index: 2;    width: 1.1em;    height: 1.1em;    cursor: default;    border-radius: 50px;    background: #fafafa !important;    border: 1px solid #ccc !important;}
.ui-slider-horizontal {    height: .6em;    border: 1px solid #ccc !important;    background: #fff !important;    border-radius: 3px;}
.ui-slider-vertical {    height: 100px;    width: 0.6em;    border: 1px solid #ccc !important;    background: #fff !important;    border-radius: 3px;}
#master1, #master2, #master3, #master4, #master5, #master6{    width: 100%;    margin:15px 0px !important;}
.ui-widget-header{    border-radius: 3px !important;}
.slider-red .ui-widget-header{    background: #dd514c !important;    border-color: #dd514c !important;}
.slider-blue .ui-widget-header{    background: #36a5c6 !important;    border-color: #36a5c6 !important;}
.slider-green .ui-widget-header{    background: #44c636 !important;    border-color: #44c636 !important;}
.slider-yellow .ui-widget-header{    background: #fcd419 !important;    border-color: #fcd419 !important;}
.slider-orange .ui-widget-header{    background: #fc9419 !important;    border-color: #fc9419 !important;}
.slider-violet .ui-widget-header{    background: #9919fc !important;    border-color: #9919fc !important;}
.sw-green .onoffswitch-inner:before {  background-color: #51d466;}
.sw-red .onoffswitch-inner:before {  background-color: #f75353;}
.sw-lblue .onoffswitch-inner:before {  background-color: #32c8de;}
.sw-orange .onoffswitch-inner:before {  background-color: #f78153;}
.sw-blue .onoffswitch-inner:before {  background-color: #609cec;}
.gallery img{    max-width: 170px;    margin: 5px;    padding: 1px;    border: 1px solid #aaa;    border-radius: 5px;}

.dt-right{text-align:right;padding-right:5px;}
.dt-left{text-align:left;padding-left:5px;}
.dt-center{text-align:center;}
.vertical-center {min-height: 100%;  min-height: 100vh; display: flex; align-items: center;}
.img-center, 
img.img-center {margin-right: auto; margin-left: auto;}

.row-centered {text-align:center;}
.col-centered {display:inline-block; float:none; text-align:left; margin-right:-4px;}
.center-block {display: block; margin-right: auto; margin-left: auto;}

a.manual_txt:link {color: #5D5D5D;  text-decoration: none; font-weight: normal;}
a.manual_txt:visited,
a.manual_txt:active,
a.manual_txt:hover {color: #5D5D5D;  text-decoration: underline; font-weight: normal; }

a.manual_txt2:link {color: #ffffff;  text-decoration: none; font-weight: normal;}
a.manual_txt2:visited,
a.manual_txt2:active,
a.manual_txt2:hover {color: #ffffff;  text-decoration: underline; font-weight: normal; }

a:focus { outline:0; } /* vire le cadre bleu pointillé apres click*/

h1 {font-weight:bold; font-size: 45px; color:#3D3D3F;}
h2 {font-weight:normal; font-size: 24px;}

.effect_lien:hover {filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;}

#toTop {position: fixed; bottom: 25px; right: 40px; cursor: pointer; display: none; z-index:900; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#888; border:none;}
#toTop .fa {margin-right: 5px;}

.back_transparent_90 {filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90;}
.ombrage {-moz-box-shadow:0px 0px 10px #666; -webkit-box-shadow:0px 0px 10px #666; box-shadow:0px 0px 10px #666;}
.pastelShadow {text-shadow: 2px 2px 2px #aaa; word-wrap: break-word;}

body{background:transparent;}
html,body{margin:0;padding:0;}
body{bottom:0; -moz-transition: bottom 0.35s ease-in-out; -webkit-transition: bottom 0.35s ease-in-out; -o-transition: bottom 0.35s ease-in-out; -ms-transition: bottom 0.35s ease-in-out; transition: bottom 0.35s ease-in-out; }

#cookies-banner{position:fixed; bottom:0; left:0; z-index:9999; width:100%; border-radius:0; padding:15px 15px; vertical-align:middle; margin:0;background:rgba(0, 0, 0, 0.75);color:#fff;border:none; }

@font-face {font-family: "TeXGyreAdventor-bold"; font-weight: bold; src:url("../fonts/tex-gyre-adventor/texgyreadventor-bold.otf");}
@font-face {font-family: "Arial-black"; src: url("../fonts/ariblk.otf");}

.texttel {color:#fff; font-family:"TeXGyreAdventor-bold",Helvetica, Arial, sans-serif;}
.textmail {color:#fff; font-family:"TeXGyreAdventor-bold",Helvetica, Arial, sans-serif;}
.ombre {text-shadow:2px 2px 3px rgba(0, 0, 0, 1);}
.textslogan {font-family:"TeXGyreAdventor-bold",Helvetica, Arial, sans-serif; color:#fff; text-transform: uppercase; font-style:normal; text-shadow:2px 2px 3px rgba(0, 0, 0, 1); word-wrap: break-word;}
.textadresse {font-family:"TeXGyreAdventor-bold",Helvetica, Arial, sans-serif; color:#fff; font-style:normal; word-wrap: break-word;}
.text_footer {color: #fff; font-size:16px; margin-top:20px; margin-bottom:20px; word-wrap: break-word;}
.legende1 {color: #444; font-size:16px; margin-top:20px; margin-bottom:20px; word-wrap: break-word;}

.bg_container{background:transparent url(../img/fond/carte.png)100% 100% no-repeat center fixed;background-size: cover;height: auto;}
.page {text-align: justify;}

.poslogo_gardon,
.img-center.poslogo_gardon {margin-top: 15px}

.btn_menu{color:#fff !important;width:auto;text-decoration: none;outline:0;font-size:13.5px; font-weight:normal;text-align: center;border:1px solid #777777;height:56px;background:#777777!important;padding:7px!important;}
.btn_menu:hover{color:#0A6D3B !important;outline:0;text-decoration: none;font-size:13.5px;background:#383838!important;border:1px solid #585858;}

.dropdown .btn_menu{color:#fff !important;width:auto;text-decoration: none;outline:0;font-size:13.5px; font-weight:normal;text-align: center;border:1px solid #777777;height:56px;background:#777777!important;}
.dropdown .btn_menu:hover{color:#0A6D3B !important;outline:0;text-decoration: none;font-size:13.5px;background:#383838!important;border:1px solid #585858;}

.dropdown.open .btn_menu{color:#fff !important;width:auto;text-decoration: none;outline:0;font-size:13.5px; font-weight:normal;text-align: center;border:1px solid #585858;height:56px;}
.dropdown.open .btn_menu:hover{color:#0A6D3B !important;outline:0;text-decoration: none;font-size:13.5px;background:#383838!important;border:1px solid #585858;}

.btn_menu_on:link,
.btn_menu_on:visited,
.btn_menu_on:active,
.btn_menu_on:hover{color:#0A6D3B !important;width:auto;text-decoration: none;font-size:13.5px; font-weight: normal;text-align: center; border:0px solid #888;background:#383838;border:1px solid #585858;height:56px;}

.btn_menu_onl,
.btn_menu_onl:link,
.btn_menu_onl:visited,
.btn_menu_onl:active,
.btn_menu_onl:hover{color:#0A6D3B !important;width:auto;text-decoration: none;font-size:13.5px; font-weight: normal;text-align: center; border:0px solid #888;background:#383838;border:1px solid #777777;height:56px;}

hr {height: 5px;width: 100%;padding: 0;background-color: #fff;border: 0;z-index:0px;margin-top: -90px;position: absolute;}
.ligne {height: 2px;width: 50%;padding: 0;background-color: #C1CE00;border: 0;z-index: 400px;margin-top:0px;position: absolute;}
#responsive-menu { display: none; }

.navbar-center {  display: inline-block;  float: none;  vertical-align: top;padding:0;}
.navbar-center {  text-align: center;}
.navcopyright {list-style:none;}
.navcopyright li {padding:10px;}
.navbar-nav ul,.navbar-nav li,.btn_menu,.btn_menu_on {padding:5px!important;}

.back_transparent_90{filter:alpha(opacity=90);opacity:0.90;-moz-opacity:0.90;}
.imgover_75:hover{filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75;}
.radius{ -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px; }
.ombrage{-moz-box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666;box-shadow:0px 0px 10px #666; }
.ombre{text-shadow:2px 2px 3px rgba(0, 0, 0, 1);}
.img-center {margin:0 auto;}
.padding-slide{padding-left:0; padding-right:0;}
.margin-slide{margin:0px;}
.margintop60{margin-top:20px;}
.padding-0{padding:0;}
.padding-10{padding:10px;}
.margin-0{ margin:0;}
.largeur-menu-sm{width:auto;}
.no-padding > [class*='col-']{padding-right:0px;padding-left:0px; }
.noresize {resize: none; }
body{background:transparent;}
html,body{margin:0;padding:0;text-align:center;background:transparent; }
html{ background:#666;}
html .centered{height:100%;}
a:focus       { outline:0; } /* vire le cadre bleu pointillé apres click*/
.navbar-center {  display: inline-block;  float: none;  vertical-align: top;padding:0;}
.navbar-center {  text-align: center;}
.trouver,.contact{color:#3d3d3f; font-size:26px;text-align:left;font-weight:bold;font-family:"TeXGyreAdventor-bold",Helvetica, Arial,sans-serif;padding-top: 0px;margin-top:20px; padding-bottom:0px;}

.bg-gardon {color: #FFFFFF; background-color: #0A6D3B}
.btn-gardon {color: #FFFFFF; background-color: #0A6D3B; border-color: #888888;}

.btn-gardon:hover,
.btn-gardon:focus,
.btn-gardon:active,
.btn-gardon.active,
.open .dropdown-toggle.btn-gardon {color: #FFFFFF; background-color: #535353; border-color: #888888;}

.btn-gardon:active,
.btn-gardon.active,
.open .dropdown-toggle.btn-gardon {background-image: none;}

.btn-gardon.disabled,
.btn-gardon[disabled],
fieldset[disabled] .btn-gardon,
.btn-gardon.disabled:hover,
.btn-gardon[disabled]:hover,
fieldset[disabled] .btn-gardon:hover,
.btn-gardon.disabled:focus,
.btn-gardon[disabled]:focus,
fieldset[disabled] .btn-gardon:focus,
.btn-gardon.disabled:active,
.btn-gardon[disabled]:active,
fieldset[disabled] .btn-gardon:active,
.btn-gardon.disabled.active,
.btn-gardon[disabled].active,
fieldset[disabled] .btn-gardon.active {background-color: #0A6D3B; border-color: #888888;}

.btn-gardon .badge {color: #0A6D3B; background-color: #FFFFFF;}

.btn_access {color: #FFFFFF; background-color: #0A6D3B; border-color: #535353;}

.btn_access:hover,
.btn_access:focus,
.btn_access:active,
.btn_access.active,
.open .dropdown-toggle.btn_access {color: #FFFFFF; background-color: #0A6D3B; border-color: #535353;}

.btn_access:active,
.btn_access.active,
.open .dropdown-toggle.btn_access {background-image: none;}

.btn_access.disabled,
.btn_access[disabled],
fieldset[disabled] .btn_access,
.btn_access.disabled:hover,
.btn_access[disabled]:hover,
fieldset[disabled] .btn_access:hover,
.btn_access.disabled:focus,
.btn_access[disabled]:focus,
fieldset[disabled] .btn_access:focus,
.btn_access.disabled:active,
.btn_access[disabled]:active,
fieldset[disabled] .btn_access:active,
.btn_access.disabled.active,
.btn_access[disabled].active,
fieldset[disabled] .btn_access.active {background-color: #0A6D3B; border-color: #535353;}

.btn_access .badge {color: #0A6D3B; background-color: #FFFFFF;}
.img-center {margin:0 auto;}

.thumbnail.thumbnail--round {width: 50px; height: 50px; margin: 10px 15px 20px 0; border-radius: 40px; color:#0A6D3B;}
.filters {padding-top:10px; background-color:#bbb; border-radius:0 0 10px 10px;}
.filters__header {display: flex; justify-content: center; align-items: baseline;}

table.scroll-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 2px solid black; }
.scroll-table thead, .scroll-table tbody, .scroll-table tr, .scroll-table td, .scroll-table th { display: block; }
.scroll-table tr:after { content: ' '; display: block; visibility: hidden; clear: both; }
.scroll-table thead th { height: 30px; line-height: 30px; /*text-align: left;*/ }
.scroll-table tbody { height: 150px; overflow-y: auto; }
.scroll-table thead { /* fallback */ width: 97%; /* minus scroll bar width */ width: calc(100% - 17px); }
.scroll-table tbody { border-top: 2px solid black; }
.scroll-table tbody td, .scroll-table thead th { width: 16.5%; float: left; border-right: 1px solid black; }
.scroll-table tbody td:last-child, thead th:last-child { border-right: none; }
/***********************************
*********** Media queries **********
************************************/
/* Large desktops and laptops Bootstrap 3 - LG */
@media (min-width: 1200px) {
	#bande1{  height:6px; background:#fff;}
	#bande3{  height:60px;  background:rgba(10, 109, 59,0.7); margin-top:-180px; }
	#bande4{  height:110px;  background-image:url(../img/fond/back_rouge.png); margin-top:-110px; }
	#img_back{height:840px; margin-top:0px; background:url(../img/fond/back4b.jpg) 40% 0; background-size:size;background-repeat: no-repeat;}
	.img_slogan{margin-top:-30px;}
	.textslogan {font-size:28px;}
	.pos_slogan {margin-top:10px}
	.textadresse {font-size:26px;margin-top:15px}
	.texttel {font-size:30px;margin-top:5px;}
	.textmail {font-size:16px;margin-top:14px;}
	.footer { background:#fff; padding-top:20px;}
	.img-triangle{margin-top:0px;}

	.back_menu{background:rgba(183, 183, 183, 0.85);border:2px solid #444!important; position: fixed;  right: 0;  left: 0;  z-index: 90;
	top: 0; border-width: 0 0 1px;height:140px;margin:0!important;  }
	.header{margin-top:140px;}
	.btn_access{padding:5px;text-align:center;border-radius: 2px 4px 2px;left:0;right: auto;float: left !important;width:50%!important;border:3px solid #535353;}

	.pos_imgheader{width:300px;max-width:100%;margin-top:22px;padding-right:10px;padding-left:10px;padding-bottom:10px;}
	.pos_adresse{margin-bottom:10px;padding:20px!important;/*background:#5e5e5e;*/}
	.pos_imglogo{width:400px;max-width:100%;margin-top:20px;padding:20px!important;}
	.poslogo_client{margin-top:0px;}
	.poslogo_lauto{margin-top:9px;max-width:180px;max-height:180px;}
}

/* Landscape tablets and medium desktops Bootstrap 3 - MD */
@media (min-width: 992px) and (max-width: 1199px) {
	#bande1{  height:5px;background:#fff;}
	#img_back{height:840px; margin-top:0px; background:url(../img/fond/back4b.jpg) 55%; background-size:size;background-repeat: no-repeat;}
	.img_slogan{margin-top:0px;}
	#bande3{  height:55px;  background:rgba(10, 109, 59,0.7); margin-top:-150px; }
	.textslogan {font-size:28px;}
	.pos_slogan {margin-top:11px}
	#bande4{  height:85px;  background-image:url(../img/fond/back_rouge.png); margin-top:-85px; }
	.textadresse {font-size:20px;margin-top:15px}
	.texttel {font-size:28px;margin-top:5px;}
	.textmail {font-size:14px;margin-top:15px;}
	.footer { background:#fff; padding-top:20px;}
	.img-triangle{margin-top:0px;}

	.btn_menu:link{font-size:12.5px;padding:3px!important;}
	.btn_menu:visited,.btn_menu:active,.btn_menu:hover{font-size:12.5px;}
	.btn_menu_on:link,.btn_menu_on:visited,.btn_menu_on:active,.btn_menu_on:hover{font-size:12.5px;}


	.back_menu{background:rgba(183, 183, 183, 0.85);border:2px solid #444!important; position: fixed;  right: 0;  left: 0;  z-index: 90;
	top: 0; border-width: 0 0 1px;height:130px;margin:0!important;  }
	.header{margin-top:130px;}
	.btn_access{padding:5px;text-align:center;width:50%!important;border-radius: 2px 4px 2px;left:0;right: auto;float: left !important;border:3px solid #535353;}

	.pos_imgheader{width:240px;max-width:100%;margin-top:35px;padding-right:10px;padding-left:10px;padding-bottom:10px;}
	.pos_adresse{margin-bottom:10px;padding:15px!important;/*background:#5e5e5e;*/}
	.pos_imglogo{width:320px;max-width:100%;margin-top:30px!important;padding:20px!important;}
	.poslogo_client{margin-top:6px;}
	.poslogo_lauto{margin-top:14px;max-width:150px;max-height:150px;}
}

/* Portrait tablets and small desktops Bootstrap 3 - SM */
@media (min-width: 768px) and (max-width: 991px) {
	#bande1{  height:10px;background:transparent; }
	#bande3{  height:55px;  background:rgba(10, 109, 59,0.7); margin-top:-145px; }
	#img_back{height:840px; margin-top:0px;  background:url(../img/fond/back4b.jpg) 55% 0%; background-size:size;background-repeat: no-repeat; border-top:10px solid #fff;}
	.img_slogan{margin-top:80px;}
	.textslogan {font-size:22px;}
	.pos_slogan {margin-top:11px;}
	#bande4{  height:85px;  background-image:url(../img/fond/back_rouge.png); margin-top:-85px; }
	.textadresse {font-size:20px;margin-top:15px}
	.texttel {font-size:30px;margin-top:10px;}
	.textmail {font-size:28px;margin-top:5px;}
	.footer { background:#fff; padding-top:20px;}

	.btn_menu:link{font-size:12px;padding:2px!important;}
	.btn_menu:visited,.btn_menu:active,.btn_menu:hover{font-size:12px;}
	.btn_menu_on:link,.btn_menu_on:visited,.btn_menu_on:active,.btn_menu_on:hover{font-size:12px;}
	.navbar-collapse { padding:0;padding-left:10px;}

	.back_menu{background:rgba(183, 183, 183, 0.85);border:2px solid #444!important; position: fixed;  right: 0;  left: 0;  z-index: 90;
	top: 0; border-width: 0 0 1px;height:150px;margin:0!important;  }
	.header{margin-top:150px;}
	.btn_access{padding:5px;text-align:center;width:66%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}

	.pos_imgheader{margin-top:10px;margin-bottom:20px;}
	.pos_adresse{margin-top:20px;margin-bottom:10px;padding:20px!important;background:#5e5e5e;}
	.pos_imglogo{padding:20px!important;}
	.no-floatxs{float:none!important;}
	.poslogo_client{margin-top:5px;}
	.poslogo_lauto{margin-top:20px;max-width:120px;max-height:120px;}
	.colvignclient {padding:0!important;margin-top:0!important;}
	.navbar-default {padding-bottom:0!important;}
	.floatrightsm {float:right;}
}

/* Landscape phones and portrait tablets Bootstrap 3 - XS */
@media (max-width: 768px) {
	#bande1{  height:100px;background:transparent;}
	#bande3{  height:70px;  background:rgba(10, 109, 59,0.7); margin-top:-80px; }
	#img_back{height:720px; margin-top:0px;   background:url(../img/fond/back4-mob.jpg) 60% 10%; background-size:size;background-repeat: no-repeat; border-top:8px solid #fff;}
	.img_slogan{margin-top:20px;}
	.textslogan {font-size:20px;}
	.pos_slogan {margin-top:7px}
	#bande4{  height:95px;  background-image:url(../img/fond/back_rouge2.png); margin-top:0px; }
	.textadresse {font-size:15px;}
	.texttel {font-size:32px;margin-top:5px;}
	.textmail {font-size:22px;margin-top:10px;}
	.footer { background:#fff; padding-top:20px;}

	.back_menu_responsive{background:#3D3D3F;}
	#normal-menu { display: none; }
	#responsive-menu { display: block; }
	.btn_access{padding:5px;text-align:center;width:66%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}

	.pos_imgheader{margin-top:10px;margin-bottom:20px;}
	.pos_adresse{margin-top:20px;margin-bottom:10px;padding:20px!important;background:#5e5e5e;}
	.pos_imglogo{padding:20px!important;}
	.no-floatxs{float:none!important;}
	.poslogo_client{margin-top:5px;max-width:80px;max-height:80px;}
	.poslogo_lauto{margin-top:7px;max-width:80px;max-height:80px;}
}

/* Portrait phones and smaller Bootstrap 3 - XS */
@media (max-width: 480px) {
  #bande1{  height:100px;background:transparent;}
  #bande3{  height:55px;  background:rgba(10, 109, 59,0.7); margin-top:-58px; }
  #img_back{height:530px; margin-top:0px;   background:url(../img/fond/back4-mob2.jpg) 64% 0; background-size:size;background-repeat: no-repeat;border-top:8px solid #fff;}
  .img_slogan{margin-top:20px;}
  .textslogan {font-size:16px;}
  .pos_slogan {margin-top:5px}
  #bande4{  height:95px;  background-image:url(../img/fond/back_rouge2.png); margin-top:0px; }
  .textadresse {font-size:15px;}
  .texttel {font-size:22px;margin-top:12px;}
  .textmail {font-size:15px;margin-top:15px;}
  .footer { background:#fff; padding-top:20px;}
	.btn_access{padding:5px;text-align:center;width:66%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}
}

/* Portrait phones and smaller Bootstrap 3 - XS */
@media (max-width: 400px) {
  #bande1{  height:100px; background:transparent;}
  #bande3{  height:55px;  background:rgba(10, 109, 59,0.7); margin-top:-58px; }
  #img_back{height:430px; margin-top:0px;   background:url(../img/fond/back4-mob3.jpg) 65% 0; background-size:size;background-repeat: no-repeat;border-top:8px solid #fff;}
	.img_slogan{margin-top:20px;}
  .textslogan {font-size:16px;}
  .pos_slogan {margin-top:5px}
  #bande4{  height:95px;  background-image:url(../img/fond/back_rouge2.png); margin-top:0px; }
  .textadresse {font-size:15px;}
  .texttel {font-size:22px;margin-top:12px;}
  .textmail {font-size:13px;margin-top:15px;}
  .footer { background:#fff; padding-top:20px;}
	.btn_access{padding:5px;text-align:center;width:66%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}
}