.files-list {list-style: none;text-align:left;margin-left:40%;}
.files-list li {position: relative;margin: 5px 0 5px 0;}
.files-list li a{position: relative;background: transparent;color: #222;padding: 0.25em;}
.files-list li a::before { content: "\f1c3"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #222; font-size: 20px; padding-right: 0.5em; position: absolute; top: -3px; left: -20px; }

.popover-title {
    border:none;
    background:#f4f4f4;
    display: block;
    border-bottom:1px solid #ddd;
}
.popover-content {
}

select[readonly]{    background: #eee;    cursor:no-drop;}
select[readonly] option{    display:none;}

/*Pour bande footer - contact - RGPD*/
.manual_txtrgpd {   font-weight: normal; display:inline; font-size:14px;color:#444!important;}
a.manual_txtrgpd:link   {   text-decoration: underline; font-weight: normal; display:inline; font-size:14px;color:#222!important;}
a.manual_txtrgpd:visited,
a.manual_txtrgpd:active,
a.manual_txtrgpd:hover  {   text-decoration: underline; font-weight: normal;  display:inline; font-size:14px;color:#222!important;}

/*Pour Mentions legales - RGPD*/
.manual_txtrgpd_mentleg   {   text-decoration: none; font-weight: normal; display:inline; font-size:14px;color:#222!important;font-style: italic;}
a.manual_txtrgpd_mentleg:link   {   text-decoration: none; font-weight: normal; display:inline; font-size:14px;color:#666!important;font-style: italic;}
a.manual_txtrgpd_mentleg:visited,
a.manual_txtrgpd_mentleg:active,
a.manual_txtrgpd_mentleg:hover  {   text-decoration: underline; font-weight: normal;  display:inline; font-size:14px;color:#666!important;font-style: italic;}

/*--------------------------------------------------------------------------------------------------------------*/
/* 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;
}

.se-pre-con_peugeot {
  width: 100px;
  height: 100px;
  z-index: 9999;
  text-align:center;
  background: url(../php/interactif_responsive/img/loader-idsvib/balls.svg) center no-repeat transparent;
}



/*--------------------------------------------------------------------------------------------------------------*/
/* PARADISE THEME - Default Position fenetre Texte animation */
/*--------------------------------------------------------------------------------------------------------------*/
.the_effect_text {left: 0;top: 25%;right: 0;margin: auto;padding: 10px;position: absolute;text-align: center;border:5px dashed #f00;}
/*--------------------------------------------------------------------------------------------------------------*/
/* PARADISE THEME - Liste des elements pour control/indicateurs et caroussel*/
/*--------------------------------------------------------------------------------------------------------------*/
/*---------- LEFT/RIGHT CONTROL ----------*/
.control_vib1 .carousel-control {  color: #fff; background:rgba(174,142,130,0.5);  top: 47%;
opacity: 0;  width: 40px;  height: 65px;  z-index: 100;  display: block;  font-size: 34px;
cursor: pointer;  overflow: hidden;  line-height: 63px;  text-shadow: none;  position: absolute;  font-weight: normal;}
.control_vib1:hover .carousel-control{  opacity: 1;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.control_vib1 .carousel-control.left {  -webkit-border-radius: 0px 5px 5px 0px;  border-radius:  0px 5px 5px 0px;}
.control_vib1 .carousel-control.right {  -webkit-border-radius: 5px 0px 0px 5px;  border-radius: 5px 0px 0px 5px;}
.control_vib1 .carousel-control.left:hover,.control_vib1 .carousel-control.right:hover{background: rgba(174,142,130,0.5);  color: #fff;}
.control_vib1 .carousel-control.left>span:nth-child(1){  left: 45%;}
.control_vib1 .carousel-control.right>span:nth-child(1){  right: 45%;}
@media (max-width: 780px) {
.control_vib1 .carousel-control {
    height: 25px!important;
    line-height: 23px!important;
    font-size: 20px!important;
  }
}


/*---------- INDICATORS CONTROL ----------*/
.carousel-indicators	{}
.carousel-indicators li {background: #AE8E82;  border: 2px solid #AE8E82;}
.carousel-indicators .active {background: #C7A967;  border: 2px solid #f7d997;}

.indicators_vib1
{
/*border:1px solid #f00; */
left:auto;right: 0; width: auto;    height: 40px!important;  cursor: e-resize;  overflow-x: auto;
 overflow-y: hidden;  padding-left: 10px;  padding-right: 10px;  white-space: nowrap;
text-align:right;top:10px;
}
  .indicators_vib1 li{  width: 40px;  height: 40px;  opacity: 0.8;  color: #090902;  text-indent: 0;  font-size: 10px;
  font-weight: 400;  text-align: center;    -webkit-font-smoothing: antialiased;
  font-family: 'arial', sans-serif;  border-radius: 3px;  -webkit-border-radius: 3px;  -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1);
  transition: all 0.5s cubic-bezier(.075,.82,.165,1);}
.indicators_vib1 .active{  width: 40px;  opacity: 1;  height: 40px;  margin: 1px;  text-indent: 0;  }
.indicators_vib1::-webkit-scrollbar{  height: 4px;}
.indicators_vib1::-webkit-scrollbar-thumb{  background: rgba(255, 255, 255, 0.8);  -webkit-border-radius: 0;  border-radius: 0;}
@media only screen and (max-width: 780px) {
.indicators_vib1{  display:none; }
}

/*--------------------------------------------------------------------------------------------------------------*/
/* DEFAULT */
/*--------------------------------------------------------------------------------------------------------------*/
#manual_login{color:#fff;font-size: 14px;}
#manual_login2{color:#fff;font-size: 14px;}
a.manual_txt:link   {   text-decoration: none; font-weight: normal; display:inline; font-size:14px;color:#444!important;}
a.manual_txt:visited,
a.manual_txt:active,
a.manual_txt:hover  {   text-decoration: underline; font-weight: normal;  display:inline; font-size:14px;color:#444!important;}

a.manual_txt_footerline:link   {   font-size:14px; color: #444 ;  text-decoration: none; font-weight: normal; display:inline;padding-left:20px;padding-right:20px;}
a.manual_txt_footerline:visited,
a.manual_txt_footerline:active,
a.manual_txt_footerline:hover  {   font-size:14px; color: #444 ;  text-decoration: underline; font-weight: normal;  display:inline;padding-left:20px;padding-right:20px;}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* NE PLUS METTRE LES LIGNES CI-DESSOUS SAUF EXEPTION */
/* ------------------------------------------------------------------------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6 {   font-size:100%;display:inline;font-weight:normal;line-height:inherit;}
body{font-size:100%;text-align:left;}
html{background:transparent;}
a:focus       { outline:0; }
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); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
/* ------------------------------------------------------------------------------------------------------------------------------ */
ul.nav a:hover { color: #fff ; background-color:#F6F6F6 ; }
#toTop{position: fixed;bottom: 60px;right: 10px;cursor: pointer;display: none;z-index:900;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  background:#3F4A73;border:0px solid #fff; color:#fff;transition: all ease 400ms}
#toTop:hover{background:#6B78AE; }
#toTop i{font-size:20px!important }
#responsive-menu { display: none; }
.navbar {margin-bottom:0;border-radius:0;}
/*.btn-menu-on {font-size:16px;color: #6E112A !important;text-align: center;}
.btn-menu-on:hover {font-size:16px;color: #6E112A !important;text-align: center;}
.btn-menu:hover {font-size:16px;color: #6E112A !important;text-align: center;}
.btn-menu {font-size:16px;color:#505050 !important;text-align:center;}
.address-header {background: rgba(0,0,0,.7);color:#fff;font-size:16px;padding:10px;}
.navbar-default {padding-top:20px;padding-bottom:20px;background:rgba(255,255,255,0.8);border:none;}
.btn-accueil {z-index:100;margin-top:-130px;}
.back-header {padding:60px;}
*/

.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 {
    text-align: center;
}

.modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: 0px;
    vertical-align: middle;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
*/



.input-group{width:100%!important;}

.dt-right{text-align:right;padding-right:5px;}
.dt-left{text-align:left;padding-left:5px;}
.dt-center{text-align:center;}
.table-responsive{overflow:hidden;}
.child ul.dtr-details { display:flex !important; flex-direction: row; flex-wrap: wrap; align-self: stretch !important; justify-content: left; }
.dtr-details li { display:inline-flex; flex-direction: column; flex-wrap: nowrap; padding: 5px !important; text-align:center; border-bottom: 0px; align-items: auto; justify-content: space-between; width: 20%;border:1px solid #aaa; }
.dtr-details li:nth-child(2n) { background: #eaeaea; }
.dtr-details li .dtr-title,
.dtr-details li .dtr-data {min-width: auto !important;}
ul.dtr-details li span.dtr-data:empty,
ul.dtr-details li span.dtr-title:empty{visibility: hidden;}
ul.dtr-details li form {display:inline;}
ul.dtr-details li a { display:inline; padding:5px; }
.ui-state-default.ui-state-active{border: 1px solid #aa3e00;background: #007fff;font-weight: normal;color: #222;  }
label{}
.list-inline{padding-top:0;padding-bottom:0;}
.custom-combobox {    position: relative;    display: inline-block;width:100%;z-index:8000;  }
.custom-combobox-toggle {    position: absolute;    top: 0;    bottom: 0;    margin-left: -1px;    padding: 0;  }
.custom-combobox-input {    margin: 0;    padding: 5px 10px;width:100%;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{background:#fff;}
^custom-combobox < span[class^="custom-combobox"] {opacity:1;}
.table-responsive{border:0!important;}
.paginate_button{cursor: pointer;}
.ui-datepicker{z-index:1000!important;}
.dataTables_filter label{font-size:130%!important;text-align:left!important;}
.dataTables_filter label input{margin-top:10px!important;margin-bottom:10px!important;text-align:left!important;}
.fixed-divs{     position: fixed;     top: 0;     left: 0;     width: 100%;height:100px;}

/* OVERIDE DE CLASSES JQUERY */
.ui-front { z-index: 2000; }


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); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

@-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}}

.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-toggle.sub-btn_menu.btn_menu_on{color: #f00;border:none;height: auto;}
.dropdown-menu,.dropdown-menu li a{background:#4D4D4F !important; color:#fff !important;text-align:left!important;}
.dropdown-menu li a:hover{background:#4D4D4F !important; color:#f00 !important;}

.widget {  border: 1px solid #c9c9c9;  border-radius: 3px;  margin-top: 0px;  margin-bottom: 20px;  background: #ccc;}
.widget-head {  font-size:100%;font-weight:bold;padding:10px;background: #fff;}
.widget .padd, .modal-body{    padding: 10px 10px;}
.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;}
.dt-bootstrap {position:relative;}
.page-tables .dataTables_length{    margin-left:15px; margin-bottom:5px;    font-size:11px!important;    font-weight:normal;}
.page-tables .dataTables_length select{    border-color: #ddd;    border-radius: 2px;}
.page-tables #data-table{    border:1px solid #ddd;}
.page-tables table#data-table thead th{    border:1px solid #ddd;font-weight:bold;   background:#f0f0f0;color:#666;font-size:11px;}
.page-tables table#data-table tfoot th{    border: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:1px solid #eee;font-size:11.4px; min-height:25px;height:25px;padding:2px;}
.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;}
.buttons-excel{margin-bottom:10px;}
table.fixedHeader-floating{    position: fixed !important;    font-weight:bold;background:#f0f0f0;color:#666;font-size:11px;    width:100%;}

.vertical-center {  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */  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;}

@font-face{  font-family: "TeXGyreAdventor-bold";  font-weight: bold;  src:url("../font/tex-gyre-adventor/texgyreadventor-bold.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;}
.btn_menu:link{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:visited,
.btn_menu:active,
.btn_menu:hover{color:#DD0000 !important;outline:0;text-decoration: none;font-size:13.5px;background:#383838!important;border:1px solid #585858;}
.dropdown .btn_menu:link{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;}
.dropdown .btn_menu:visited,
.dropdown .btn_menu:active,
.dropdown .btn_menu:hover{color:#DD0000 !important;outline:0;text-decoration: none;font-size:13.5px;background:#383838!important;border:1px solid #585858;}
.dropdown.open .btn_menu:link{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:visited,
.dropdown.open .btn_menu:active,
.dropdown.open .btn_menu:hover{color:#DD0000 !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:#DD0000 !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:#DD0000 !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;}
.dropdown.open .btn_list.btn_menu:link,
.dropdown.open .btn_list.btn_menu:visited,
.dropdown.open .btn_list.btn_menu:active{ height: auto; border: none ;background: transparent !important;color: #fff !important}
.dropdown.open .btn_list.btn_menu_on,
.dropdown.open .btn_list.btn_menu:hover { height: auto; border: none ;background: transparent !important;color: #f00 !important}
hr {height: 5px;width: 100%;padding: 0;background-color: #fff;border: 0;z-index:0px;margin-top: -90px;position: absolute;}
.ligne {height: 2px;width: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; line-height: 40px}
.navcopyright li {padding:10px;}
.navbar-nav ul,.navbar-nav li,.btn_menu,.btn_menu_on {padding:5px!important;}
.footerline { height:50px;border-top:1px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:#707070;}
.prefooter {margin-bottom:50px;}
.btn-lauto {  color: #FFFFFF;  background-color: #BD3331;  border-color: #888888;}
.btn-lauto:hover,
.btn-lauto:focus,
.btn-lauto:active,
.btn-lauto.active,
.open .dropdown-toggle.btn-lauto {  color: #FFFFFF;  background-color: #535353;  border-color: #888888;}
.btn-lauto:active,
.btn-lauto.active,
.open .dropdown-toggle.btn-lauto {  background-image: none;}
.btn-lauto.disabled,
.btn-lauto[disabled],
fieldset[disabled] .btn-lauto,
.btn-lauto.disabled:hover,
.btn-lauto[disabled]:hover,
fieldset[disabled] .btn-lauto:hover,
.btn-lauto.disabled:focus,
.btn-lauto[disabled]:focus,
fieldset[disabled] .btn-lauto:focus,
.btn-lauto.disabled:active,
.btn-lauto[disabled]:active,
fieldset[disabled] .btn-lauto:active,
.btn-lauto.disabled.active,
.btn-lauto[disabled].active,
fieldset[disabled] .btn-lauto.active {  background-color: #BD3331;  border-color: #888888;}
.btn-lauto .badge {  color: #BD3331;  background-color: #FFFFFF;}
.btn_access {  color: #FFFFFF;  background-color: #3F4A73;  border-color: #535353; transition: all ease 500ms}
.btn_access:hover,
.btn_access:focus,
.btn_access:active,
.btn_access.active,
.open .dropdown-toggle.btn_access {  color: #FFFFFF;  background-color: #6B78AE;  border-color: #8C8C8C;  text-decoration: none;transform: scale(1.04);}
.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: #DD0001;  border-color: #535353;}
.buttons-excel {    margin-left:14px;    margin-top:14px;  display: inline-block;  padding: 6px 12px;  margin-bottom: 14px;  font-size: 14px;  font-weight: normal;
  line-height: 1.42857143;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;      touch-action: manipulation;
  cursor: pointer;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  background-image: none;
  border: 1px solid transparent;  border-radius: 4px;}
.buttons-excel:focus,
.buttons-excel:active:focus,
.buttons-excel.active:focus,
.buttons-excel.focus,
.buttons-excel:active.focus,
.buttons-excel.active.focus {  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
.buttons-excel:hover,
.buttons-excel:focus,
.buttons-excel.focus {  color: #333;  text-decoration: none;}
.buttons-excel:active,
.buttons-excel.active {  background-image: none;  outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.buttons-excel {  color: #FFFFFF;  background-color: #BD3331;  border-color: #888888;}
.buttons-excel:hover,
.buttons-excel:focus,
.buttons-excel:active,
.buttons-excel.active,
.open .dropdown-toggle.buttons-excel {  color: #FFFFFF;  background-color: #535353;  border-color: #888888;}
.buttons-excel:active,
.buttons-excel.active,
.open .dropdown-toggle.buttons-excel {  background-image: none;}
.buttons-excel.disabled,
.buttons-excel[disabled],
fieldset[disabled] .buttons-excel,
.buttons-excel.disabled:hover,
.buttons-excel[disabled]:hover,
fieldset[disabled] .buttons-excel:hover,
.buttons-excel.disabled:focus,
.buttons-excel[disabled]:focus,
fieldset[disabled] .buttons-excel:focus,
.buttons-excel.disabled:active,
.buttons-excel[disabled]:active,
fieldset[disabled] .buttons-excel:active,
.buttons-excel.disabled.active,
.buttons-excel[disabled].active,
fieldset[disabled] .buttons-excel.active {  background-color: #BD3331;  border-color: #888888;}
.hovericon:hover{cursor: pointer;}
.parentttt {  height: 4em; /* hauteur du parent */  line-height: 4em; /* hauteur de ligne (identique) */  white-space: nowrap; /* interdiction de passer à la ligne */}

.footerPos{position:fixed;bottom:0;width:100%; right:0px;z-index:200 }

.logo{transition: all ease 500ms; }
.logo:hover{transform: scale(1.08); transition: all ease 500ms}

html {overflow-y:auto;}


/*--------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERYS */
/*--------------------------------------------------------------------------------------------------------------*/
/*-- LG + Default ------------15----------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
#bande0{  /*height:260px;top:0;width:100%;position:absolute;*/ }
#bande1{  height:6px; background:#fff;/*position:relative;top:140px;*/}
#bande3{  height:120px;  background-image:url(../img/fond/bande_rouge.png); margin-top:-240px; }
#bande4{  height:110px;  background-image:url(../img/fond/back_rouge.png); margin-top:-110px; }
#img_back{height:85vh; margin-top:0px; background:url(../img/fond/fond_portail_peugeot.jpg) 0 0; background-size:100% 100%; background-size:cover; background-repeat:no-repeat;  background-position: center 50%;}
#img_back2{height:740px; 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(100,100,100,.85);border:2px solid #444!important; position: fixed;  right: 0;  left: 0;  z-index: 1030;
top: 0; border-width: 0 0 1px;height:150px;margin:0!important;  }
/*.header{margin-top:150px;}*/
.btn_access{padding:10px;text-align:center;left:0;right: auto;float: left !important;width:100%!important;border:3px solid #535353;}
.pos_imgheader{width:50%;max-width:100%;margin-left:25%;margin-top:40px;}
.pos_adresse{margin-top:40px;padding:10px!important;/*background:#5e5e5e;*/}
.pos_imglogo{max-width:100%;padding:10px!important;}
.poslogo_client{margin-top:0px;}
.poslogo_lauto{margin-top:9px;max-width:180px;max-height:180px;}
.pos_button{margin-top:40px;}
.contacttitle{color:#3d3d3f; font-size:200%;text-align:center;font-weight:bold;font-family:"TeXGyreAdventor-bold",Helvetica, Arial,sans-serif;padding-top: 0px;margin-top:20px; padding-bottom:0px;}
.dataTables_wrapper .row .col-sm-6:first-child{width:auto!important;}
.dataTables_length label{margin-top:17px;width:auto!important;float:left;}
.dataTables_filter label{margin-left:40px;margin-left:50px;}
.page-tables .dataTables_filter{    margin-top:5px!important;    margin-bottom:5px!important;    font-size:11px!important;    font-weight:normal!important;}
.page-tables .dataTables_filter input{    border-radius:3px!important;    border:1px solid #ddd!important;    padding:2px!important;    line-height:10px!important;width:100%!important;}
.buttons-excel {  margin-bottom: 0;}
.fondphrase{width:50%;margin-left:25%;}

.listevehi_number1{width:2%;border:1px solid #999;text-align:center;margin-right:10px;}
.listevehi_number2{width:2%;}
.listevehi_item{width:17%;}
.listevehi_button{position:absolute;top:15px;right:20px;}
.posbutton{text-align:center;}

.espaceMentions{margin-bottom:100px!important }
}
/*-- MD ------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
#bande1{  height:5px;background:#fff;/*position:relative;top:130px;*/}
#img_back{height:75vh; margin-top:0px; background:url(../img/fond/fond_portail_peugeot.jpg) 0 0; background-size:100% 100%;  background-size:cover;background-repeat:no-repeat;  background-position: center 50%;}
#img_back2{height:655px; margin-top:0px; background:url(../img/fond/back4b.jpg) 48% 0; background-size:size;background-repeat: no-repeat;}
.img_slogan{margin-top:0px;}
#bande3{  height:115px;  background-image:url(../img/fond/bande_rouge.png); margin-top:-220px; }
.textslogan {font-size:28px;}
.pos_slogan {margin-top:11px}
#bande4{  height:90px;  background-image:url(../img/fond/back_rouge.png); margin-top:-90px; }
.textadresse {font-size:20px;margin-top:75px}
.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(100,100,100,.85);border:2px solid #444!important; position: fixed;  right: 0;  left: 0;  z-index: 1030;
top: 0; border-width: 0 0 1px;height:150px;margin:0!important;  }
./*header*/{margin-top:150px;}
.btn_access{padding:10px;text-align:center;width:100%!important;left:0;right: auto;float: left !important;border:3px solid #535353;}
.pos_imgheader{max-width:100%;margin-top:15px;padding-right:10px;padding-left:10px;padding-bottom:10px;}
.img-elauto{max-width:80%;}
.pos_adresse{margin-bottom:10px;padding:3px!important;/*background:#5e5e5e;*/}
.pos_imglogo{max-width:100%;margin-top:0px!important;padding:10px!important;}
.poslogo_client{margin-top:6px;}
.poslogo_lauto{margin-top:14px;max-width:150px;max-height:150px;}
.pos_button{margin-top:40px;}
.contacttitle{color:#3d3d3f; font-size:190%;text-align:center;font-weight:bold;font-family:"TeXGyreAdventor-bold",Helvetica, Arial,sans-serif;padding-top: 0px;margin-top:20px; padding-bottom:0px;}
.dataTables_wrapper .row .col-sm-6:first-child{width:auto!important;}
.dataTables_length label{margin-top:17px;width:auto!important;float:left;}
.dataTables_filter label{margin-left:40px;margin-left:50px;}
.page-tables .dataTables_filter{    margin-top:5px!important;    margin-bottom:5px!important;    font-size:11px!important;    font-weight:normal!important;}
.page-tables .dataTables_filter input{    border-radius:3px!important;    border:1px solid #ddd!important;    padding:2px!important;    line-height:10px!important;width:100%!important;}
.buttons-excel {  margin-bottom: 0;}
.fondphrase{width:56%;margin-left:22%;}

/*.listevehi_number1{width:2%;border:1px solid #999;text-align:center;margin-right:10px;}
.listevehi_number2{width:2%;}
.listevehi_item{width:21%;}
.listevehi_button{position:absolute;top:15px;right:20px;} */

.listevehi_number1{border:1px solid #999;text-align:center;margin-right:10px;background:#fff;}
.listevehi_number2{margin-right:10px;}
.listevehi_item{width:18%;}
.listevehi_button{position:absolute;top:15px;right:20px;}
.posbutton{text-align:center;}

.espaceMentions{margin-bottom:100px!important }
}

/*-- SM ------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
.footerline { height:45px;border-top:1px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:#707070;}
.prefooter {margin-bottom:45px;}
#toTop{bottom: 75px;right: 10px;}
#bande1{  height:10px;background:transparent; }
#bande3{  height:100px;  background-image:url(../img/fond/bande_rouge.png); margin-top:-205px; }
#img_back{height:60vh; margin-top:0px; background:url(../img/fond/fond_portail_peugeot.jpg) 0 0; background-size:100% 100%;  background-size:cover; background-repeat:no-repeat;  background-position: center 50%;}
#img_back2{height:500px; margin-top:0px; background:url(../img/fond/back4b-sm.jpg) 50% 0; background-size:size;background-repeat: no-repeat;}
.img_slogan{margin-top:80px;}
.textslogan {font-size:22px;}
.pos_slogan {margin-top:11px;}
#bande4{  height:90px;  background-image:url(../img/fond/back_rouge.png); margin-top:-90px; }
.textadresse {font-size:20px;margin-top:0px}
.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(100,100,100,.85);border:2px solid #444!important; position: fixed;  right: 0;  left: 0;  z-index: 1030;
top: 0; border-width: 0 0 1px;height:150px;margin:0!important;  }
./*header*/{margin-top:150px;}
.btn_access{padding:10px;text-align:center;margin-left:0%;width:100%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}
.pos_button{margin-top:30px;}
.pos_imgheader{margin-top:10px;margin-bottom:20px;}
.pos_adresse{margin-top:0px;margin-bottom:10px;padding:20px!important;}
.pos_imglogo{padding:0px!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;}
.contacttitle{color:#3d3d3f; font-size:180%;text-align:center;font-weight:bold;font-family:"TeXGyreAdventor-bold",Helvetica, Arial,sans-serif;padding-top: 0px;margin-top:20px; padding-bottom:0px;}
.dataTables_wrapper .row .col-sm-6:first-child{width:auto!important;}
.dataTables_length label{margin-top:17px;width:auto!important;float:left;}
.dataTables_filter label{margin-left:40px;margin-left:50px;}
.page-tables .dataTables_filter{    margin-top:5px!important;    margin-bottom:5px!important;    font-size:11px!important;    font-weight:normal!important;}
.page-tables .dataTables_filter input{    border-radius:3px!important;    border:1px solid #ddd!important;    padding:2px!important;    line-height:10px!important;width:100%!important;}
.buttons-excel {  margin-bottom: 0;}
.fondphrase{width:70%;margin-left:15%;}

.listevehi_number1{min-width:30px;min-height:30px;padding-top:5px;border:1px solid #999;text-align:center;margin-right:10px;margin-bottom:20px;background:#fff;}
.listevehi_number2{width:2%;}
.listevehi_item{width:100%;}
.listevehi_button{position:absolute;top:0px;right:20px;}
.posbutton{text-align:center;}
.containersm{width:100%;}
.img-elauto{max-width:60%;}

.espaceMentions{margin-bottom:120px!important }
}
/*-- XS ------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
#normal-menu { display: none; }
#responsive-menu { display: block;border: none; padding:0; }
.footerline { height:45px;border-top:1px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:#707070;}
.prefooter {margin-bottom:45px;}
.dataTables_wrapper{text-align:center!important;}
.dataTables_length label{text-align:center!important;}
.dataTables_filter label{text-align:center!important;}
.page-tables .dataTables_filter{    margin-top:5px!important;    margin-bottom:5px!important;    font-size:11px!important;    font-weight:normal!important;}
.page-tables .dataTables_filter input{    border-radius:3px!important;    border:1px solid #ddd!important;    padding:2px!important;    line-height:10px!important;width:100%;}
.buttons-excel {  margin-bottom: 14px;}
.dtr-details li {width: 50%}
.navbar-collapse.navbar-ex1-collapse.collapse.in { background: rgb(100, 100, 100); }
.dropdown-menu,.dropdown-menu li a{text-align:center!important;}
#bande1{  height:100px;background:transparent;}
#bande3{  height:110px;  background-image:url(../img/fond/bande_rouge.png); margin-top:-125px; }
#img_back{height:45vh; margin-top:0px; background:url(../img/fond/fond_portail_peugeot.jpg) 0 0; background-size:100% 100%;  background-size:cover; background-repeat:no-repeat;  background-position: center 55%;}
#img_back2{height:400px; margin-top:0px; background:url(../img/fond/back4b-sm.jpg) 50% 0; background-size:size;background-repeat: no-repeat;}
.img_slogan{margin-top:20px;}
.textslogan {font-size:20px;}
.pos_slogan {margin-top:7px}
#bande4{  height:110px;  background-image:url(../img/fond/back_rouge2.png); margin-top:0px;}
.textadresse {font-size:16px;}
.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;}
.back_menu_responsive{background:rgba(100,100,100,.85);border:0px solid #444!important; position: fixed;  right: 0;  left: 0;  z-index: 1030;
top: 0; border-width: 0 0 1px;height:150px;margin:0!important;}
#normal-menu { display: none; }
#responsive-menu { display: block; }
.btn_access{padding:10px;text-align:center;margin-left:20%;width:60%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}
.pos_button{margin-top:30px;}
.pos_imgheader{margin-top:10px;margin-bottom:20px;}
.img-elauto{max-width:60%;}
.pos_adresse{margin-top:0px;margin-bottom:10px;padding:20px!important;}
.pos_imglogo{padding:0px!important;}
.no-floatxs{float:none!important;}
.poslogo_client{margin-top:5px;max-width:160px;max-height:80px;}
.poslogo_lauto{margin-top:7px;max-width:160px;max-height:80px;}
./*header*/{margin-top:150px;}
.contacttitle{color:#3d3d3f; font-size:200%;text-align:center;font-weight:bold;font-family:"TeXGyreAdventor-bold",Helvetica, Arial,sans-serif;padding-top: 0px;margin-top:20px; padding-bottom:0px;}
.fondphrase{width:90%;margin-left:5%;}

div.logout_xs .manual_txt_footerline,
div.logout_xs .manual_txt2 { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; float: right;margin-top: 10px}
div.logout_xs .manual_txt_footerline .colvignclient,
div.logout_xs .manual_txt2 .colvignclient {max-width: 30px; max-height: 30px; margin-top: 0px !important; }
div.logout_xs .manual_txt_footerline span,
div.logout_xs .manual_txt2 span {margin-left: 10px !important;}

.listevehi_number1{min-width:30px;min-height:30px;padding-top:5px;border:1px solid #999;text-align:center;margin-right:10px;margin-bottom:20px;background:#fff;}
.listevehi_number2{display:none;}
.listevehi_item{width:100%;}
.listevehi_button{position:absolute;top:0px;right:20px;}
.posbutton{text-align:center;}

.espaceMentions{margin-bottom:300px!important }
.navcopyright li{display: inline;}
}

@media only screen and (max-width: 480px) {
.footerline { height:65px;border-top:1px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:#707070;}
.prefooter {margin-bottom:65px;}
.dtr-details li {width: 100%}
#bande1{  height:100px;background:transparent;}
#bande3{  height:94px;  background-image:url(../img/fond/bande_rouge.png); margin-top:-105px; }
#img_back{height:45vh; margin-top:0px; background:url(../img/fond/fond_portail_peugeot.jpg) 0 0; background-size:100% 100%;  background-size:cover; background-repeat:no-repeat;  background-position: center 55%;}
#img_back2{height:400px; margin-top:0px; background:url(../img/fond/back4b-sm.jpg) 50% 0; background-size:size;background-repeat: no-repeat;}
.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:10px;text-align:center;width:66%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}
.contacttitle{color:#3d3d3f; font-size:170%;text-align:center;font-weight:bold;font-family:"TeXGyreAdventor-bold",Helvetica, Arial,sans-serif;padding-top: 0px;margin-top:20px; padding-bottom:0px;}


.listevehi_number1{min-width:30px;min-height:30px;padding-top:5px;border:1px solid #999;text-align:center;margin-right:10px;margin-bottom:20px;background:#fff;}
.listevehi_number2{display:none;}
.listevehi_item{width:100%;}
.listevehi_button{position:absolute;top:0px;right:20px;}
.posbutton{text-align:center;}

}

@media only screen and (max-width: 400px) {
.footerline { height:85px;border-top:1px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:#707070;}
.prefooter {margin-bottom:85px;}
#bande1{  height:100px; background:transparent;}
#bande3{  height:93px;  background-image:url(../img/fond/bande_rouge.png); margin-top:-102px; }

.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:10px;text-align:center;margin-left:10%;width:80%!important;border-radius: 2px 4px 2px;right:auto;left: 0;float: left !important;border:3px solid #535353;}
.contacttitle{color:#3d3d3f; font-size:150%;text-align:center;font-weight:bold;font-family:"TeXGyreAdventor-bold",Helvetica, Arial,sans-serif;padding-top: 0px;margin-top:20px; padding-bottom:0px;}

.listevehi_number1{min-width:30px;min-height:30px;padding-top:5px;border:1px solid #999;text-align:center;margin-right:10px;margin-bottom:20px;background:#fff;}
.listevehi_number2{display:none;}
.listevehi_item{width:100%;}
.listevehi_button{position:absolute;top:0px;right:20px;}
.posbutton{text-align:center;}
}