.lappmark {
  font-family:'dupuyheavyregular', arial;
  color: #ff6f6f;
  font-weight: 600;
}
/*header h4 {font-size:1.2vw;font-family:sans-serif;}*/
.headtitle .head_lg  {font-size:0.9vw;}
.headtitle .head_md  {font-size:0.5vw;}
.head-salon li:nth-of-type(1) h5{display: block;margin-top: -12px;}
.head-salon li:nth-of-type(1) h3{display: block;margin-top: -18px;}
.head-salon li:nth-of-type(1){padding-right: 20px;}
.head-salon li:nth-of-type(2) img{max-height: 80px !important;}
 /*.head-salon li:nth-of-type(1) div {position:absolute;margin-top:-5%;}*/
.navbar-nav a.a-abtn {display: block;position: relative;}

.navbar-nav .lapp-logo {display: block;width: 80%;opacity: 80%;max-width: 77px;margin-top: -5px;margin-left: -15px;}

#title-mobile {width:100%;margin: -7px 0 7px 0;font-size:4vw;display: none;background-color: #f5f9ff;text-align:center;}

#tabannuaire.salon a {font-size:24px;}
#tabannuaire.salon i {display: block; margin-top: -33px;}

.permservice {display: inline-block;width:100%;padding: 0px 2px;}
.permservice ul {list-style: none;}
.salon .cfacomment ul {list-style: none;}
.permservice ul.ul-tel {background-color: #fff5b6;border-radius: 5px; padding: 5px 5px;margin:2px 0px;min-width:25px;}
.permservice ul.ul-chat {background-color: #c9efff;border-radius: 5px; padding: 5px 5px;margin:2px 0px;min-width:25px;}
.permservice ul.ul-live {background-color: #efffec;border-radius: 5px; padding: 5px 5px;margin:2px 0px;min-width:25px;}
.permservice ul.ul-data {background-color: #e4f9de;border-radius: 5px; padding: 5px 5px;margin:2px 0px;min-width:25px;}
.permservice .fas {font-size:24px;vertical-align: middle;padding: 1px 4px 1px 1px;}
.lapplist .permservice li {font-size:12px;line-height:16px;margin-bottom: 0;}
.lapplist .permservice li::before {content:'';}
#globalfich .permservice li {list-style: none;}
 
.eventbox .cfacomment {font-size:16px;line-height:18px;margin: 10px 0;text-align: center;}
.eventbox .permservice li {font-size:16px;line-height:24px;margin-bottom: 0px;}
.agenda .imgpartners {margin-top:20px;}

div.screen-live .bgstand {
  /*background-image: url(/images/screens/salon_vert.png);*/
}

div.screen-live .description {
  padding: 5px 32px;
  line-height: 17px;
  font-size: 16px;
  color: black;
  text-align: justify;
}
div.screen-live .ville {
  padding: 5px 5px;
  line-height: 17px;
  font-size: 14px;
  color: #1c147e;
  background-color: #e9efff;
  text-transform: uppercase;
}
.card-connect ul, .card-connect p {display: none;}
.card-connect h4, .card-connect h3 , .card-connect h2 {font-size: 14px !important;line-height: 21px !important;}
.salon .btn.linkpub{
	color: #fff;
  background-color: #6e9bd8;
  border-color: #bebdf9;
}
.box-chart{
    margin-top: -40px;
    margin-bottom: -34px;
}
}
.box-chart .gauge{
	height: 20px;
}
#boxradio {
  padding: 25px 10px;
  margin-bottom: 20px;
}
#boxradio.po h4{
  font-size: 18px;
}
#boxradio .radio-inline {
  font-size: 16px;
  color: #070298;
}
.boxvideo-title {color:#fff;width:100%;margin: 1px 0px;font-size:1vw;background-color: #396eaf;text-align:center;}
.boxvideo-title a {color:#fff;}
.boxvideo-legend {color:#fff;width:100%;margin: 1px 0px;font-size:0.5vw;background-color: #478ce1;text-align:center;}

.salon select.form-select {
    font-size: 15px;
    padding: 5px 2px;
    color: #0d3fa0;
    font-weight: bold;
    background-color: #effbfe;
    height: 37px;
    border-block-color: #2be200;
    width: 100%;
}
section.partner {margin-bottom:50px;}
section.partner img.img-partner {margin-top:10%;margin-bottom: 10%;}

.thumbnail-label {
  display:block;
  position:absolute;
  margin-top:-35px;
  z-index:10;
  text-align:center;
  left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%);
}
.thumbnail-label > p {
  display:inline-block;
  color:#A3A3A3;
  background-color:#fff;
  font-size:13px;
  width: 100%;²
  margin-top: 21px;
  padding: 0 5px;
}
#modal_userconnect {z-index: 10001;}

#modal_userconnect input[type=checkbox]{
  height: 22px;
  margin:0;
  font-size:10px;
  text-align:right;
}
#modal_userconnect .a-btn {
  display: block;
  margin-left: 5px;
}

.a-btn .rond {
  width: 60px;
  height: 60px;
  background: #e62018;
}
.a-btn .a-prim {
  display: block;
  position: relative;
  font-size: 49px;
  color: #fff;
  top: -10px;
  left: 1px;
}

.bot_service p {
  color:#1258a5;
  vertical-align: middle;
}

img.go-bot{width:50px;}

.go-bot{
  z-index:1000;
  display:block;
  position:absolute;
  margin-left: 279px;
  margin-top: 95px;
}
#div-salon .lapplist{
  min-height: 300px;
  background-color: #f9f8ff;
}
#div-salon .cfa_img{
  min-height: 150px;
  background-color: #fff;
}
#div-salon .cfa_img img{
  margin-left:5px;
}
#livediv .neutralbox {text-align: center;}

#services video{
  margin-left:10px;
  width:49%;
}
#firstname_error,#lastname_error{display: none;}
.thumbnail-intro {
  display: block;
  z-index: 10;
  text-align: center;
  margin-left: 50%;
  transform: translateX(-50%);
}
.roundedvideo{
  border-radius: 5%;
  overflow:hidden;
}
.clignote  {
   animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}

@keyframes clignoter {
  0%   { opacity:1;}
  40%   {opacity:0;}
  100% { opacity:1;}
}

@media(min-width: 768px) { 
  .navbar-right {margin-top: 10px;}
}

@media(max-width: 400px) {
  #title-mobile {display: block;}
  .boxvideo-title {font-size:4vw;}
  .boxvideo-legend {font-size:3vw;}
  #modal_userconnect .modal-dialog {width: 78%;}
  .navbar-header .logo-connect {font-size: 18px;}
}
@media(max-width: 680px) {
  .navbar-header #img-head-rg {
    max-height: 59px!important;
    border-radius: 24%;
  }
  .navbar-header .bg-rond-wh {margin-top: 7px;}
  .navbar-header .logo-connect {font-size: 18px;}
  .navbar-nav .lapp-logo {max-width: 50px;opacity: 30%;}
  .navbar-nav a.a-abtn::after {content : 'accueil';font-size: 14px;color: #fff; margin-left: 5px; margin-top: 0px;}
  .navbar-nav .lappmark {font-size: 19px;color: #fd000087 !important;}

}