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


/*--------------------------------------------------------------------------------------------------------------*/
/* 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:#fff!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:#fff!important;}

a.manual_txt_footerline:link   {   font-size:14px; color: #fff ;  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: #fff ;  text-decoration: underline; font-weight: normal;  display:inline;padding-left:20px;padding-right:20px;}

h1          {   font-size:100%;display:inline;font-weight:normal;}
h2          {   font-size:100%;display:inline;font-weight:normal;}

body{background:#fff;font-size:12px;text-align:center;}
html{background:transparent; }
a:focus       { outline:0; } /* vire le cadre bleu pointillé apres click*/

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:#9E9E9E;border:0px solid #fff; color:#fff;}
#toTop .fa {margin-right: 5px;}

#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;}

.footerline { position: fixed; bottom:0px; height:45px;border-top:0px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:rgba(0, 0, 0, 0.85);}
.prefooter {margin-bottom:45px;}

.index, .info, .mention{background-color: #fff; line-height: 4em;}
.index_nom{font-size: 50px; color: #000; text-align: center; font-weight: bold}



.mention_text{color:000;font-size: 14px; text-align: center}
.index_nom:hover{text-decoration: none;}
/*--------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERYS */
/*--------------------------------------------------------------------------------------------------------------*/
/*-- LG + Default ------------15----------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
  #diapo {  background-color: #ccc;min-height:510px!important;}
  .info_text{color: #000;text-align: left}
.info_adr, .info_web{font-size: 22px;font-weight: bold;text-align: left;line-height: 3.5rem;}
.info_web,.info_web:hover,.info_web:link,.info_web:focus,.info_web:active,.info_web:visited{color: #000;text-align: left}
.info_num{font-size: 20px;text-align: left}
}
/*-- MD ------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1200px) {
  .info_text{color: #000;text-align: left}
.info_adr, .info_web{font-size: 22px;font-weight: bold;text-align: left;line-height: 3.5rem}
.info_web,.info_web:hover,.info_web:link,.info_web:focus,.info_web:active,.info_web:visited{color: #000;text-align: left}
.info_num{font-size: 20px;text-align: left}
}

/*-- SM ------------------------------------------------------------------------------------------------------------*/
@media (min-width: 767px) and (max-width: 992px) {
  .info_text{color: #000;text-align: left}
.info_adr, .info_web{font-size: 20px;font-weight: bold;text-align: left;line-height: 3.5rem}
.info_web,.info_web:hover,.info_web:link,.info_web:focus,.info_web:active,.info_web:visited{color: #000;text-align: left}
.info_num{font-size: 20px;text-align: left}

  .footerline { position: fixed; bottom:0px; height:45px;border-top:0px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:rgba(0, 0, 0, 0.85);}
  .prefooter {margin-bottom:45px;}
  #toTop{bottom: 75px;right: 10px;}

}
/*-- XS ------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .info_text{color: #000;text-align: left}
.info_adr, .info_web{font-size: 20px;font-weight: bold;text-align: center;line-height: 3.5rem}
.info_web,.info_web:hover,.info_web:link,.info_web:focus,.info_web:active,.info_web:visited{color: #000;text-align: center}
.info_num{font-size: 20px;text-align: center}

  #normal-menu { display: none; }
  #responsive-menu { display: block;border: none; padding:0; }
  a.manual_txt_footerline:link   {   font-size:14px; color: #fff ;  text-decoration: none; font-weight: normal; display:inline;padding-left:0px;padding-right:0px;}
  .footerline { position: fixed; bottom:0px; height:45px;border-top:0px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:rgba(0, 0, 0, 0.85);}
  .prefooter {margin-bottom:45px;}
}

@media only screen and (max-width: 644px) {
  .footerline { position: fixed; bottom:0px; height:45px;border-top:0px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:rgba(0, 0, 0, 0.85);}
  .prefooter {margin-bottom:45px;}
}

@media only screen and (max-width: 442px) {
  .footerline { position: fixed; bottom:0px; height:45px;border-top:0px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:rgba(0, 0, 0, 0.85);}
  .prefooter {margin-bottom:45px;}
}
@media only screen and (max-width: 368px) {
  .footerline { position: fixed; bottom:0px; height:45px;border-top:0px solid #fff !important; width:100%; z-index:800;padding-top:12px!important;background:rgba(0, 0, 0, 0.85);}
  .prefooter {margin-bottom:45px;}
}