/* Style Global */

body {
 /*background-color: var(--main-color-2_c);*/
 /*background-image: url(../img/bmw-918408_1920.jpg);*/
/*  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 80%;*/
 margin: 0;
/* max-width : 1400px;*/
 color: #384452;
 /* font-family: 'Source Sans Pro'; */
 font-family: 'Arial';
 /* font-size:14px; */
/*  MAJ 02/23 fixe top */
  padding-top: 109px; 

}


HR {height:1px; color:red; border-top:2px solid var(--main-color-1) }
HR.green {height:1px; color:red; border-top:2px solid var(--main-color-2) }

/* actu */
span > h2 {
  font-size: 1.3rem;
}

/* print landscape */
@page {
    size: auto;
}

/* ttc  */
.f10 {
  font-size: 10px!important;
}

.pt-009 {
  padding-top: .09rem;
}

.icon-partage {
  padding-left: .45rem!important;
  padding-right: .45rem!important;
}

.border-dotted {
  border: 2px dotted;
}

.upload {
  padding-left: 15px;
  background-color: white;
  padding-right: 15px 
}

/* js readMore */
.readMore .addText {
    display: none;
}

.sautLigne {
white-space: pre-line;
}

/* menu */
ul.navbar-nav {
  white-space:nowrap;
}

.pointer {
  cursor: pointer;
} 

.titre-trie {
  font-size: 1rem;
}

.croix-form-recherche
{
  color: red; 
  display: none;  
}

a {
  color:  inherit;
}

.coupe-texte {
    white-space : nowrap; 
    overflow : hidden; 
    text-overflow : ellipsis;
}

/* Souligne lien */
a:hover {
  color:  inherit;
  text-decoration: underline;
}

.soulign_survol:hover {
  color:  inherit;
  text-decoration: underline !important;
}

/* Ne pas souligne lien */
.no-text-decoration {
  text-decoration: none !important;
}

.souligne-color1-hover:hover {
  color: var(--main-color-1);
  text-decoration: underline;
}

.div-vendue {
  position:relative; 
  text-align: center; 
  color: red;
}

.vendue {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size: xxx-large;
  border: 4px solid;
  color: red;
  width: 85%;
}

.vendue-ann-simil{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size: medium;
  border: 2px solid;
  color: red;
  width: 85%;
}

.vendue-ann-fiche{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size: xxx-large;
  border: 4px solid;
  color: red;
  width: 67%;
}

.fsize2 {
  font-size: 2rem;
}

.fiche_contact {
  font-size: 1.3rem;
}

.options_print {
  font-size: 20px;
  line-height: 1.2;
}


.description_print {
  font-size: 31px;
}

.h1_print {
  font-size: 65px;
}


.contact_icons {
  width: 48px;
 /*  font-size: 18px; */
  padding-top: 8px;
  padding-bottom: 8px;
}

.partage_icons:hover {
  color: white;
}

.price_fiche {
  font-size: 28px;
  font-weight: bold;
}

.credit_fiche {
  font-size: 15px;
}

.page-link {
  color: var(--main-color-1);
  /* display: contents; */
}

.page-link:hover {
  color: var(--main-color-2);
  text-decoration: underline;
}

.nav_trie {
  padding:  0;
  display: block;
}

.overflow_hide {
  overflow: hidden;
}

.overflow_ellipsis {
  text-overflow: ellipsis;
}

.text_coupe_1_ligne {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.date_list {
  font-size: 14px;
}

.ligne_vo {
  position: relative;
}

.bloc_bas_list {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0,0,0,.075);
}

.price_list {
  max-width: 130px;
}

.price_list_remise {
  max-width: 130px;
  text-decoration:  line-through;
}

.max_width {
  max-width: 1140px;
}

.list_no_puce {
  list-style: none;
  padding-left: 19px;
}

.reponse {
  width : 120px;
  min-height: 60px;
    background-image: url(../img/rep.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100px 100%;
    position: relative;
    top: 0 ;
}

.question {
  width : 100px;
  min-height: 60px;
  background-image: url(../img/que.jpg);
      background-repeat: no-repeat;
      background-position: bottom left;
      position: relative;
      background-size: 100px 100%;
}
.header {

}
.home-top {
  /* background-image: url(../img/header.jpg); */
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%  ;
}

/* .logo-top {
background-repeat: no-repeat;
background-position: top;
background-size: 100% 100% ;
position : absolute;
height : 120px;
top : 0;
z-index: 30;
} */

.logo-top img {
height : 98px;
/* width : 115px; */
position: absolute;
       /* la moitié de la hauteur du bloc qui la contient  */
/* top : 50%;     */
/* left : 50%;          la moitié de la largeur du bloc qui la contient  */
margin-top : -60px;  /* la moitié de la hauteur de l'image  */
/* margin-left : -60px; la moitié de la largeur de l'image  */
display : block;
border : none; /*1px solid #aaf;*/

/* 26/09/19 */
right: 0;
left: 0;
margin: auto;

z-index: 1;

}


/*
float : left;position : absolute; top : 0; left :10px; z-index: 10
*/
.well {

}

.circles{
	position:relative;
	width:100%;
	height:200px;
}
.c1, .c2{
	position:absolute;
	top:10px;
	left:50px;
	background-color:rgba(111, 111,111,0.6);
	border: 10px solid rgba(0,174,239,0.2);
	-moz-border-radius: 50%;
	-webkit-border-radius: 390px;
	border-radius: 390px;
	width:100px;
	height:100px;
}
.c2{
	top:0px;
	left:80px;
	background-color:rgba(111, 174,111,0.6);
}
button.close {
    background-color: #fff!important;
  }

/* modif class bootstrap */

.btn-search {
  background-color: var(--main-color-1);
  border-color: var(--main-color-2_c);
  /* border-color: rgba(255, 0, 0, 0.5); */
  color: white;
}

.btn-search:hover {
  background-color: var(--main-color-1_b);
}

.nav-tabs {
  border-bottom: 1px solid var(--main-color-1);
  border-bottom: rgba(255, 0, 0, 0.5);
}

.modal-footer {
  display: block;
}

.modal-footer>:not(:first-child) {
  margin-left: 0;
}
/* /modif class bootstrap */


a.nav-item.nav-link.adresse, a.nav-item.nav-link.active.adresse {
   background-color: none;
   border : none;
   Color : #353535;
   /* border-bottom : 3px solid #c96d6e; */
}
a.nav-item.nav-link.active.adresse {
Color : var(--main-color-1);
border-bottom : 3px solid var(--main-color-1);
}

a.nav-item.nav-link.fiche, a.nav-item.nav-link.fiche span.fiche  {
   Color : grey;
   background-color: #c9c9c9;
}
 a.nav-item.nav-link.active.fiche  span.fiche  {
  Color : var(--main-color-2);
   border : 2px solid var(--main-color-2);
 }

  a.nav-item.nav-link.fiche span.fiche  {
background: none;
color : grey;
border : 2px solid grey;
  }


a.nav-item.nav-link.active.fiche  {
  background-color: white;
  font-weight: bold;
  Color : var(--main-color-2);

}

.bx-2-grey {
  border : 2px solid grey;
}


.bg-coupdecoeur  {
  background-image: url(../img/coupdecoeur.png);
  color : white;
  bottom: 0px;

  position: absolute;
}

#montest{
	display: block;
	position: relative;
	width: 400px;
	height: 150px;
	background: #aaa;
	margin: 0 auto; padding: 0;
}


.bg-nb_photos  {
  width : 90px;
  height : 90px;
  background-image: var(--url-coin-carree);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: none;
  color : white;
  top: 0px; right: 0px;
  margin: 0;
  padding : 0;
  position: absolute;
  text-align: right;
  line-height: 1.0;
}

 .bg-transparent {
   color : white;
   bottom: 0px; left: 0px;
   margin: 0;
   position: absolute;
   background-color : red;
 }

.ombre-text {
text-shadow: 2px 2px 2px black;
}

.fleche-pb {
    width: auto !important; /*override the width below*/
    width: 100%;
    float: left;
    clear: both;
}


.bg-fleche-blanche-haut {
  background-color: white;
  background-image: url(../img/bg-fleche-haut-blanche.png);
  background-position: left bottom;
  background-repeat: no-repeat;
    color : white;
    bottom: 0px; left: 10px;
    margin: 0;
   position: relative;
}

/* background */
.bg-0 {
  background: none;
}
.bg-menu {
  background-color: #dddddd;
}
.bg-white {
    background-color: #fff;
}
.bg-red {
  background-color: var(--main-color-1);
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
}

.bg-lightred {
  background-color: var(--main-color-1_b);
}

.bg-red-2 {
    background-color: var(--main-color-1_b);
    color: #fff;
    line-height: 1.3EM;
    font-size: 1.3rem;
    /* height: 80px; */
    padding: 5px 0 8px 0;
}
.bg-red-3 {
  background-color: var(--main-color-1);
}
.text-light-tr {
	font-size:20px;
}
.bg-white-25 {
  background-color:  rgba(255, 255, 255, 0.25);
}

.bg-white-75 {
  background-color:  rgba(255, 255, 255, 0.75);
}

.bg-green {
  background-color: var(--main-color-2);

}
.bg-lightgreen {
  background-color: var(--main-color-2_c);
}

.bg-blue {
   background-color: var(--main-color-2_c);
}
.bg-lightblue {
   background-color: var(--main-color-2_c);
}
.bg-darkblue {}

.bg-grey {
  background-color: #353535;
}

.bg-lightgrey {
  background-color: #f2f2f2;
}

img.th-store{
  max-width : 100px;
}


#reseaux li {
  font-size: 2.5rem;
  line-height: 3rem;
}

.bg-degrade {
background-image:linear-gradient(to bottom, white, #dddddd);
background-image:-moz-linear-gradient(to bottom, white, #dddddd);
background-image:-moz-linear-gradient(180deg, white, #dddddd);
background-image:-webkit-linear-gradient(180deg, white, #dddddd);
background-image:-o-linear-gradient(180deg, white, #dddddd);
background-image:linear-gradient(180deg, white, #dddddd);
}

.bg-triangle-rouge {
  background-image: url(../img/fond-triangle-rouge.jpg);
  background-size: 100% 100%;
  background-position: 0;
}
/* background */
/* largeur */
.w-80 {
  width : 80%;
}
/* /largeur */

/* color*/
.black {
    color : #000;
}

.color1 {
  color : var(--main-color-1);
}

.green {
  color : var(--main-color-2);
}

.grey {
  color : #919191;
}

.lightred {
  color : var(--main-color-1_b);
}

.white {
  color : white;
}

.rs.lightred {
    color : #d9a9a9;
}

/* /color */
/* border */
div.basdiv {}

.photo-left {
  float:left;
  width:200px;height:200px;
  margin-right:10px;
}

.photo-right {
  float:right;
  width:200px;height:200px;
  margin-right:10px;
}


.souligne_carre_rouge {
background-image: var(--url-contact-1);
background-repeat: no-repeat;
background-position: left bottom;
}
.block{
    position: relative;
    top: 50%;
    height: 100px;
    margin-top: -50px; /* height / 2 */
}
.coin {
  	display: block;
  	position: relative;
  	width: 400px;
  	height: 150px;
  	background: #aaa;
  	margin: 0 auto; padding: 0;

}

.br-5 {
  border-radius: 5px;
}

.br-1-g {
  border-right : 1px solid #6d8e94;
}
.bx-1-w, .bx-1-white {
  border : 1px solid #FFF;
/*   width:100% */
}


.bx-2-w, .bx-2-white {
  border : 2px solid #FFF;
}

.bx-5-w {
  border : 5px solid #FFF;
}

.bl-5-w, .bx-5-w  {
  border-left : 5px solid #FFF;
}


.bl-2-lightgreen, .bx-2-lightgreen {
    border-left : 2px solid var(--main-color-2_c);
}

.br-2-lightgreen, .bx-2-lightgreen  {
    border-right: : 2px solid var(--main-color-2_c);

}

.bt-2-lightgreen, .bx-2-lightgreen  {
    border-top:  2px solid var(--main-color-2_c);
}

.bb-2-lightgreen, .bx-2-lightgreen  {
    border-top:  2px solid var(--main-color-2_c);
}


.bl-3-lightgreen, .bx-3-lightgreen {
    border-left : 3px solid var(--main-color-2_c);
}

.br-3-lightgreen, .bx-3-lightgreen  {
    border-right: : 3px solid var(--main-color-2_c);

}

.bt-3-lightgreen, .bx-3-lightgreen  {
    border-top:  3px solid var(--main-color-2_c);
}

.bb-3-lightgreen, .bx-3-lightgreen  {
    border-top:  3px solid var(--main-color-2_c);
}




.bl-5-lightgreen {
    border-left : 5px solid var(--main-color-2_c);
}

.br-5-lightgreen {
    border-right: : 5px solid var(--main-color-2_c);

}

.bt-5-lightgreen {
    border-top:  5px solid var(--main-color-2_c);
}


.bl-10-lightgreen{
    border-left : 10px solid var(--main-color-2_c);
}

.bb-5-lightgreen{
    border-left : 5px solid var(--main-color-2_c);
}


.bt-1-lightred, .bx-1-lightred {
      border-top : 1px solid #d9a9a9;
}

.bb-1-lightred, .bx-1-lightred {
      border-bottom : 1px solid #d9a9a9;
}

.bl-1-lightred, .bx-1-lightred {
      border-left : 1px solid #d9a9a9;
}

.br-1-lightred, .bx-1-lightred {
      border-rigth : 1px solid #d9a9a9;
}

.bt-2-lightred, .bx-2-lightred {
      border-top : 2px solid #d9a9a9;
}

.bb-2-lightred, .bx-2-lightred {
      border-bottom : 2px solid #d9a9a9;
}

.bl-2-lightred, .bx-2-lightred {
      border-left : 2px solid #d9a9a9;
}

.br-2-lightred, .bx-2-lightred {
      border-rigth : 2px solid #d9a9a9;
}

.bt-3-lightred, .bx-3-lightred {
      border-top : 3px solid #d9a9a9;
}

.bb-3-lightred, .bx-3-lightred {
      border-bottom : 3px solid #d9a9a9;
}

.bl-3-lightred, .bx-3-lightred {
      border-left : 3px solid #d9a9a9;
}

.br-3-lightred, .bx-3-lightred {
      border-rigth : 3px solid #d9a9a9;
}

.bt-5-lightred, .bx-5-lightred {
      border-top : 5px solid #d9a9a9;
}

.bb-5-lightred, .bx-5-lightred {
      border-bottom : 5px solid #d9a9a9;
}

.bl-5-lightred, .bx-5-lightred {
      border-left : 5px solid #d9a9a9;
}

.br-5-lightred, .bx-5-lightred {
      border-rigth : 5px solid #d9a9a9;
}

.bb-fleche-bas-center {
  background-image: url(../img/pointe-bas-rouge.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}
.bb-fleche-top-center {
  background-image: url(../img/pointe-bas-rouge.png);
  background-position: top center;
  background-repeat: no-repeat;
}

.bx-s-r {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.52);
-moz-box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.52);
box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.52);
}

.bb-1-blue {
  border-bottom: 1px solid #72a4ab;
}

.bb-4-blue {
  border-bottom: 4px solid #72a4ab;
}

.bb-5-grey {
  border-bottom: 4px solid #575757;
}

.bb-1-green {
  border-bottom: 1px solid var(--main-color-2);
}

.bt-2-green, .bx-2-green {
  border-top: 2px solid var(--main-color-2);
}.bb-2-green, .bx-2-green {
  border-bottom: 2px solid var(--main-color-2_b);
}.br-2-green, .bx-2-green {
  border-right: 2px solid var(--main-color-2);
}
.bl-2-green, .bx-2-green {
  border-left: 2px solid var(--main-color-2);
}

.bt-2-lightgreen, .bx-2-lightgreen {
  border-top: 2px solid var(--main-color-2_c);
}.bb-2-lightgreen, .bx-2-lightgreen {
  border-bottom: 2px solid var(--main-color-2_c);
}.br-2-lightgreen, .bx-2-lightgreen {
  border-right: 2px solid var(--main-color-2_c);
}
.bl-2-ligtgreen, .bx-2-lightgreen {
  border-left: 2px solid var(--main-color-2_c);
}


.bt-6-transparent, .bx-6-transparent {
  border-top: 6px solid transparent;
}.bb-6-transparent, .bx-6-transparent {
  border-bottom: 6px solid  transparent;
}.br-6-transparent, .bx-6-transparent {
  border-right: 6px solid  transparent;
}
.bl-6-transparent, .bx-6-transparent {
  border-left: 6px solid  transparent;
}

 .vignette {
min-height : 220px;
max-height : 220px;
max-width: 328px;

 }

.vignette_gros {
  min-height : 365px;
  max-height : 365px;
}


.bt-1-lightgreen, .bx-1-lightgreen {
  border-top: 1px solid var(--main-color-2_c);
}.bb-1-lightgreen, .bx-1-lightgreen {
  border-bottom: 1px solid var(--main-color-2_c);
}.br-1-lightgreen, .bx-1-lightgreen {
  border-right: 1px solid var(--main-color-2_c);
}
.bl-1-ligtgreen, .bx-1-lightgreen {
  border-left: 1px solid var(--main-color-2_c);
}


.bb-3-green {
  border-bottom: 3px solid var(--main-color-2);
}
.bb-4-green {
  border-bottom: 4px solid var(--main-color-2);
}
.bb-5-green {
  border-bottom: 4px solid var(--main-color-2);
}

.bl-1-green {
  border-left : 1px solid var(--main-color-2);
}

.br-1-green {
  border-right : 1px solid var(--main-color-2);
}

.bt-1-green {
  border-top : 1px solid var(--main-color-2);
}

.bx-1-green {
  border : 1px solid var(--main-color-2);
}

.bb-1-red {
  border-bottom: 1px solid var(--main-color-1);
}
.bb-2-red {
  border-bottom: 2px solid var(--main-color-1);
}
.bb-3-red {
  border-bottom: 3px solid var(--main-color-1);
}

.bt-3-red {
  border-top: 3px solid var(--main-color-1);
}


.bb-4-red {
  border-bottom: 4px solid var(--main-color-1);
}

.bl-1 {
  border-left : 1px solid black;
}


/* /border */
/* color */
.red {
  color: var(--main-color-1);
}

.light-gray {
  color : #a8adb3;
}
/* /color */

.nav-link {
  font-size:  1.5rem;
  /* padding-right: 50px; */
  /* padding-left: 20px; */

}
a.nav-link:hover {
  color : #d4d4d4;
}


a.nav-link.carre {

    border-radius: 0;
}
.h-100 {
  min-height: 100%;
}

.h-80 {
  min-height: 80%;
}

 .display-4_marque_list {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2rem;
  }

.display-4-price-liste {
  font-size: 1.4rem;
  line-height: 2rem;
}
.display-4 {
  font-size: 1.6rem;
  line-height: 2rem;
}

.display-5 {
  font-size: 1rem;
}

.display-6 {
  font-size: 1rem;
  line-height: 1.2rem;
}
.display-7 {
  font-size: 0.8rem;
}

/* liens */

/* /liens */

.col-centred {
   margin: 0 auto;
}


div.photodesc {
  /*  background-image: url(../img/bmw-918408_1920.jpg);*/
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;

}

.fa-rond {
  width : 50px;
  height : 50px;
  border-radius:50%;
  text-align : center;
  vertical-align: middle;
  line-height : 50px;
  font-size : 36px;
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-rotate-90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.fa-rotate-90-minus {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.fa-rotate-180 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.fa-rotate-225 {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}



#div-barre {

}
span.icone {
  width : 20px;
}

.ombrage {
  border: 1px solid rgba(40, 49, 64, .2);
   -webkit-background-clip: padding-box; /* for Safari */
   background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.triangle.left {
  border-top: 40px solid transparent;
	border-right: 80px solid #9a1c1f;
	border-bottom: 40px solid transparent;
}


.triangle.right {
  border-top: 40px solid transparent;
	border-left: 80px solid #9a1c1f;
	border-bottom: 40px solid transparent;
}

/* menu */
#menu li.active {
  border-bottom : 8px solid #9A1C1F;
  font-weight: bold;
}

a.nav-link {
  font-size : 1rem;
}

a.nav-link:hover {

}
/* /menu */


/* form-bouton*/
:root {
  --radius: 2px;
  --baseFg: black;
  --baseBg: white;
  --accentFg: #006fc2;
  --accentBg: #bae1ff;
}

.theme-red{
  --baseFg: var(--main-color-1);
  --baseBg: #fff;
  --accentFg: #fff;
  --accentBg: var(--main-color-1);
}

.theme-red{
  --baseFg: var(--main-color-1);
  --baseBg: #fff;
  --accentFg: #fff;
  --accentBg: var(--main-color-1);
}

.theme-white{
  --baseFg: #fff;
  --baseBg: #fff;
  --accentFg: #fff;
  --accentBg: #fff;
}

/* AM */
.select-large-minW {
  height : 40px;
  min-width: 159px;
}

.select-large {
  height : 40px;
}

.select-large, input {
  height : 40px;
  width : 100%;
}


.input_form  {
  /* height : 40px; */
  font-family: 'Arial';
}


input  {
  height : 40px;
  width : 250px;
}

.inputFormPopup  {
  height : 40px;
  width : 60%;
}

/* input { font-family: 'FontAwesome'; } */


.element {
    position: relative;
}

/*replace the content value with the
corresponding value from the list below*/

input.element:before {
    font-family: 'FontAwesome';
  content: "\f290";
}

select.theme-red {
  font: 400 12px/1.3 sans-serif;
  -webkit-appearance: none;
  appearance: none;
/*  color: var(--baseFg);*/
  color : #000;
  border: 1px solid var(--baseFg);
  line-height: 1;
  outline: 0;
  padding: 0.65em 2.5em 0.55em 0.75em;
  border-radius: var(--radius);
  background-color: var(--baseBg);

}
select.theme-red {
  background-image:  url(../img/fleche-recherche-transparent.png),
   linear-gradient(var(--main-color-1), var(--main-color-1));
/*     linear-gradient(-135deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(-225deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(var(--accentBg) 42%, var(--accentFg) 42%); */
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 40px;
    background-position: right;
        /* AM */
    font-size: 16px;
}

select.theme-white {
  font: 400 14px/1.3 sans-serif;
  -webkit-appearance: none;
  appearance: none;
/*  color: var(--baseFg);*/
  color : #000;
  border: 1px solid var(--baseFg);
  line-height: 1;
  outline: 0;
  padding: 0.65em 2.5em 0.55em 0.75em;
  border-radius: var(--radius);
  background-color: var(--baseBg);
  background-image:  url(../img/arrow-bas-white.png),
   linear-gradient(var(--baseFg), var(--baseFg)),
    linear-gradient(-135deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(-225deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(var(--accentBg) 42%, var(--accentFg) 42%);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 40px;
    background-position: right;
}

select.select-trie {
  width: 130px;
  float: right;
 font: 400 14px/1.3 sans-serif;
  -webkit-appearance: none;
  appearance: none;
  color: var(--baseFg);
  color : #000;
  /* border: 1px solid var(--baseFg); */
  /* line-height: 1; */
  outline: 0;
  padding: 0.65em 2.5em 0.55em 0.75em;
  /* border-radius: var(--radius); */
  background-color: var(--baseBg);
  background-image:  url(../img/arrow-bas-white.png),
   linear-gradient(var(--baseFg), var(--baseFg)),
    linear-gradient(-135deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(-225deg, transparent 50%, var(--accentBg) 50%),
    linear-gradient(var(--accentBg) 42%, var(--accentFg) 42%);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 40px;
    background-position: right;
}

select:hover {

}

select:active {

}

/* /form-bouton*/
.h-20 {
  height : 20%;
}

.h-80 {
  height : 80%;
}

.pos-b {
  /* position: absolute; */
  bottom : 0;
}




li.square {
list-style-type: square;
}

span.without-space {
        letter-spacing: -0.25em;
}

span {
        letter-spacing: normal;
}

ul#info_vehicule li {
  font-weight: bold;
  color : black;
  border : none;

}

ul#info_vehicule li.active {
  color : black;
  background-color: white;

}
ul#info_vehicule li a {
  border: 1px solid #c0c0c0;
  color : var(--main-color-2);
  background-color: #f2f2f2;
}
ul#info_vehicule li.active  a {
  border: 1px solid c0c0c0;
  color : var(--main-color-2);
  background-color: white;

}

ul.resSociaux {
  padding: 0;
}

ul.resSociaux li {
  padding-right: 2vw;
  padding-left:2vw;  
}

/* Size*/
.w-10 {
  width : 10%;
}
.w-15 {
  width : 15%;
}
.w-20 {
  width : 20%;
}

.w-30 {
  width : 30%;
}


.w-40 {
  width : 40%;
}

.w-60 {
    width : 60%;
}

.w-70 {
    width : 70%;
}
.w-80 {
    width : 80%;
}

.w-85 {
    width : 85%;
}

.w-90 {
    width : 90%;
}
/* Size*/

#informations, #equipements {
  display : none;
}

#informations.active, #equipements.active {

  display : block;
}


#equipements.active span {
 white-space:nowrap;

    }

    .bloc {
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto;
    }



.limit {

}


.navbar-brand {
  margin-left: 258px;
}
/* by med */
footer {
  background-color: #353535;
  color : #fff;
}
.copyright {
    /* text-transform: capitalize; */
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    width: 100%;
}
.tilte-footer {
  font-size:21px ;
     text-transform: uppercase;
   color :#fff;
   /* line-height: 3em; */
}
.sub-tilte {
      font-family: Arial black;  
}
.text-footer {
  font-family: Arial ExtraLight;
}
  
img.store {
    /* border: 1px solid #fff; */
    border-radius: 3px;
/*     height: 36px;
    width: 130px; */
    margin-bottom: 1px;
}
.bloc-img-footer {
  width: 200px;
}
.top-footer {
  padding: 40px;
  padding-top: 20px;
}

#reseaux {
    background-color: var(--main-color-1);
    min-height: 160px;
    color: #fff;
    font-size: 30px;
    padding: 30px;
    padding-bottom: 0;
}
.col-md-6,.col-md-4, .col-md-3,.col-md-2,.col-md-8,.col-md-7,.col-md-9 {float:left}
#vneuve {    
    background-color: var(--main-color-1);
    color: #fff;
  padding: 40px 0;}
#voccasion { 
    background-color: var(--main-color-1_b);
  color: #fff;
  padding: 40px 0;
  }
.block-vc-buttom {
    background-color: var(--main-color-2_b);
  padding: 20px 0;
}
.h2, h2 {
    font-size:36px;
}
.bloc-intro {
  padding: 30px;
  padding-left: 12px; 
  padding-bottom:  15px; 
} 
.bloc-intro h1 {
  color:var(--main-color-1);
}
.btn-vc {
  border-bottom: 4px solid #575757;
    background-color: var(--main-color-2);
    /* margin: 0 auto; */
    color: #fff;
    height: 63px;
    border-radius: 0px;
    font-size: 25px;
}

.centrer {
  margin: 0 auto;
}

.ava-title {width:100%;}
#avantage {
  text-align: center;
padding: 40px 0;}

.btn-red{
    background-color: var(--main-color-1_b);
    color: #fff;
    font-size: 18px;
    border-radius: inherit;
    margin-top: 16px;
}

.btn-red:hover{
    background-color: var(--main-color-1);
    color: #fff;
}

.text-red {
  color:var(--main-color-1);
  border-radius: 0;
    font-size: 21px;
}
.bar-bottom{
    height: 1px;
    color: red;
    border-top: 2px solid var(--main-color-1);
    width: 370px;
}
#bloc-vehicules {
  background-color: var(--main-color-2_c);
  padding: 25px 0;
}
.top-ne {
  color: var(--main-color-2);
    font-size: 30px;
    text-transform: uppercase;
  width: 100%;
  border-bottom: 1px solid var(--main-color-2);
    margin-bottom: 10px;
}
.top-oc {
  color: var(--main-color-1);
    font-size: 30px;
    text-transform: uppercase;
  width: 100%;
  border-bottom: 1px solid var(--main-color-1);
    margin-bottom: 10px;
}
.fa-play {
  font-size: 10px;
    margin-right: 7px;
}
.img-vc {width:100%}

/* .trans2 {
    background-color: #ffffff5e;
    margin-top: 6px;
    height: 80px;
    position: absolute;
    width: 95%;
    top: 274px;
    font-weight: 700;
    color: #fff;
    padding-top: 11px;
    padding-left: 18px
} */

.trans {
    background-color: #ffffff5e;
/*     margin-top: 6px; */
    margin-top: -25px;
    height: 80px;
    position: absolute;
    /* width: 95%; */
    width: 94.8%;    
    top: 274px;
    font-weight: 700;
    color: #fff;
    padding-top: 11px;
    padding-left: 18px
}
.trans .fa-heart-o {
    font-size: 30px;
    font-weight: 900;
    width: 33px;
    float: left;
    padding-top: 10px;
    margin-right: 13px;
}
.text-tran-i {
  color: #fff;
    font-size: 21px;
    text-transform: uppercase;
}
.text-tran {  color: #fff;
    font-size: 16px;
  font-style: italic;

}
.fleche {
    width: auto !important;
    width: 100%;
    position: absolute;
    left: 32px;
    bottom: 0px;
}

.grd-vo {
  height: 430px;
}

.bloc-bottom_img {
/*   width: 95%; */
  width: 94.8%;
  background-color: #fff;
  height : 80px;
  /* margin-bottom: 23px; */
  position: absolute;
  top : 329px;
  margin-left: 0;
}
.bloc-green{    
  height: 100%;
  background-color: var(--main-color-2);
  color:#fff;
  }

.price-home-vo {
    padding-top: 11px;
    font-size: 39px;
    font-weight: 700;
    text-align: right;
    line-height: 1em;
    white-space: nowrap;
}

.pourc {
    font-size: 40px;
    font-weight: 700;
    text-align: right;
    line-height: 1em;
    white-space: nowrap;
}
.sous-pourc {
  font-size: 19px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    text-decoration: line-through;
}

.sous-pourc-non-barree {
  font-size: 15px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap;
    /* text-decoration: line-through; */
}

.bloc-right {
  float: right;
    width: 48%;
    margin-left: 2%;
  background-color: #fff;
  margin-bottom: 40px;
  
}
.bloc-left {
  float: left;
    width: 48%;
    margin-right: 2%;
  background-color: #fff;
  margin-bottom: 40px;
}
.bloc-bottom {
  margin-top: 18px;
}
.marque-vc {
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--main-color-2);
  width: 100%;
  color :var(--main-color-2);
    /* non debord */
  white-space : nowrap; 
  overflow : hidden;
  text-overflow : ellipsis;
}
.marque-vc-red {   
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--main-color-1);
    width: 100%;
    color: var(--main-color-1);
     /* non debord */
    white-space : nowrap; 
    overflow : hidden;
    text-overflow : ellipsis;   
}

.marque-vc-red:hover {   
  text-decoration: underline; 
}

.bloc-icon {
/*     font-size: 15px;
    font-weight: 600; */
    /* non debord */
    white-space : nowrap; 
    overflow : hidden;
    text-overflow : ellipsis;
}

.bloc-icon .fa {
  /* border-right: 2px solid var(--main-color-2); */
    width: 28px;
    margin-right: 10px;
}

.red-border {
  border-right: 2px solid var(--main-color-1);
    width: 28px;
    margin-right: 10px;
}

.blue-border {
  border-right: 2px solid var(--main-color-2);
    width: 28px;
    margin-right: 10px;
}


.bloc-icon span {
    font-size: 15px;
    font-weight: 600;
}

.vh-bloc {
  width: 85%;
    margin: 0 auto;
    /* height: 66.3px; */
    /* line-height: 2em; */
}
.vh-bloc-bottom {
  background-color: var(--main-color-2);
    color: #fff;
    text-align: right;
    /* padding: 5px; */
    padding-right: 13px;
}
.vh-bloc-bottom-red {
    background-color: var(--main-color-1);
    color: #fff;
    text-align: right;
    /* padding: 5px; */
    padding-right: 13px;
}
.vh-bloc-b {
  font-size: 30px;
  font-weight: 700;
  white-space: nowrap; 
}
.vh-bloc-r {
  font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: line-through;
}

.vh-bloc-r-non-barree {
  font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    /* text-decoration: line-through; */
}

/* .vh-bloc-r-price {
  font-size: 14px;
  text-decoration: line-through;
} */

.bloc-bottom_img .bloc-icon {
  line-height: 2.5em;
}
.h3, h3 {
    font-size: 24px;
}
.btn-call {
  background-color: var(--main-color-2);
    width: 190px;
    font-weight: bold;
    font-size: 21px;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}
.btn-call .fa-phone {
  margin-left: 18px;
}

.row-head {
  margin-left: 0;

}

.bloc-head {
  height: 50px;
    background-color: var(--main-color-2);
    border-bottom: 4px solid var(--main-color-2_b);
}
.icone-phone {
  background-color: var(--main-color-1_b);
    width: 15px;
    float: right;
    color: #fff;
}
.bloc-phone {
/* width: 50px; */
/*     background-color: #c96d6e;
    height: 46px; */
    float: left;
/*     color: #fff;
    padding-top: 1px; */
   /* margin-right: 230px; */
}
.bloc-number {
  font-size: 15px;
  width: 220px;
  background-color: var(--main-color-1);
  height: 46px;
  float: left;
  color: #fff;
  padding-top: 13px;
  padding-left: 5px;
  /* margin-right: 230px; */
}
.bloc-contact {
/* width: 278px; */
    /* background-color: var(--main-color-1); */
    /* height: 46px; */
    float: right;
    color: #fff;
    padding-top: 1px;
   /* margin-right: 230px; */
}
.bloc-contact .fa-phone {
  background-color: var(--main-color-1_b);
    padding: 15px;
    /* margin-top: -5px; */
    width: 50px;
    /* float: left; */
}
.text-slide {
  font-size: 77px;
    color: #fff;
  text-transform: uppercase;

}
.sous-text-slide {color: #fff;
font-size: 48px;}
.lighter-tilte {font-weight: 300;}
.bloc-recherche  {    
    background-color: rgba(255, 255, 255, 0.75);
    padding: 15px;
    margin-bottom: 9px;
    /* width: 550px; */
  padding-bottom: 38px;
  }
.select-recherche {
  /* width: 82%; */
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;

}
.bloc-left-slide {
background-color:#fff;
/* height: 385px; */
margin-top: 20px;
padding:20px;
width: 331px;} 
.green {
    color: var(--main-color-2);
}
.bloc-app {
  margin-top:18px;
}
.bloc-star .fa-star {
  background-color: #fff;
    padding: 3px;
}
.num-star {
  width: 20px;
    background-color: var(--main-color-1);
    padding: 2px 13px;
    color: #fff;
}
.bloc-star {
  text-align: right;
  padding-top: 7px;
  /* margin-left: 154px; */
}

.btn-recherche {
    float: left;
}

.btn-recherche .fa-search {
    background-color: var(--main-color-1_b);
    padding: 12px 5px;
}
.btn-recherche .search-ok{
  width: 20px;
    background-color: var(--main-color-1);
    padding: 10px 12px;
    color: #fff;
}
.voir-plus {
  background-color: var(--main-color-2_b);
    width: 165px;
}
.voir-plus .fa-info {
  background-color: var(--main-color-2);
    padding: 11px 10px;
    font-size: 20px;
    margin: 0px;
}
.voir-plus-btn {
  background-color: var(--main-color-2_b);
    color: #fff;
    padding: 7px 6px;
    border: 0px;
    margin: 0px;
    font-size: 18px;
}

.nav-mobile-button {
  padding-left: 0px;
}

.display-3 {
  font-size: 3.3rem;
}  



/* STYLES PHOTOS  */

* {box-sizing: border-box}
      .photo-div {
      font-family: Verdana, sans-serif;
      margin:0}
      .mySlides {display: none}
      img {vertical-align: middle;}
      .slideshow-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
      }
      .photo-mini-div {
        padding-top: 2px;
      }

      /* Boutons next & previous */
      .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -68px;
      color: white!important;
      font-weight: bold;
      font-size: 70px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
      }
      /* Position de "next button" à la droite */
      .next {
      right: 0;
      border-radius: 3px 0 0 3px;
      }
      /* En survol, ajoutez la couleur noire de l'arrière-plan avec un peu see-through */
      .prev:hover, .next:hover {
      background-color: rgba(0,0,0,0.8);
      text-decoration: none;
      }
      /* Caption */
      .text {
      color: #ffffff;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
      }
      /* Number text (1/3 etc) */
      .numbertext {
      color: #ffffff;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
      }
      /* The dots/bullets/indicators */
      .dot {
      cursor: pointer;
      height: 15px;
      width: 15px;
      margin: 0 2px;
      background-color: var(--main-color-2_c);
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
      }
      /* AM */
      .block-dot {
        /* font-size: 15px; */
        /* padding: 8px 12px; */
        position: absolute;
        bottom: 1px;
        width: 100%;
        text-align: center;        
      }

      .activeDot, .dot:hover {
      background-color: var(--main-color-1);
      }

      /* Fading animation */
      .fadePhoto {
      -webkit-animation-name: fade;
      -webkit-animation-duration: 1.5s;
      animation-name: fade;
      animation-duration: 1.5s;
      }

      @-webkit-keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
      }

      @keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
      }

      /* On smaller screens, decrease text size */
      @media only screen and (max-width: 420px) {
      .prev, .next,.text {
        font-size: 34px;
        margin-top: -43px;
      }
      }


      /* miniature photo */
      .w-8-photo-mini {
        width: 8.12%!important;
      }




/* début @média */

@media screen and (min-width: 1920px) {
  .bloc-gros{
    height : 300px;
    overflow: hidden;

  }

  .logo-top {
    text-align: left;
  }

  .bloc-petit {
    height : 380px;
    padding-top : 5px;
    padding-bottom : 0;
    overflow: hidden;

  }
}



@media screen and (min-width: 1920px) {
  .bloc-gros{
    height : 300px;
    overflow: hidden;

  }
}


@media screen and (max-width: 1200px) {

  .price-home-vo {
    font-size: 31px;
  }

  .titre-trie {
    font-size: 0.8rem;
  }

  .bloc-bottom {
    margin-top: 20px;
  }

  .grd-vo {
    height: 396px;
  }

  .trans {
    width: 93.8%;    
    top:  244px;
  }

  .bloc-bottom_img {
    width: 93.8%;
    top:  297px;
  }

  .bloc-gros{
    height : 240px;
    overflow: hidden;
  }

}



@media screen and (max-width: 1024px) {
  .vignette {
 min-height : 220px;
 max-height : 220px;
  }

 .vignette_gros {
   min-height : 365px;
   max-height : 365px;
 }

 .bloc-gros{
   height : 285px;
   overflow: hidden;
 }

 .bloc-petit {
   height : 360px;
   padding-top : 10px;
   padding-bottom : 0;
   overflow: hidden;

 }

  .coordonnes {
    padding-left: 0;
  }
 
  .display-3 {
    font-size: 2.5rem;
    font-weight: 300;
  } 

}

/*  AM  */
@media screen and (max-width: 991px) {
/* @media screen and (max-width: 992px) { */
/*   .logo-top {
    margin-left: 300px;
  } */

.price-home-vo {
  font-size: 48px;
}

.top-ne {
    font-size: 27px;
}

.top-oc {
    font-size: 27px;
}
  .vendue {
    font-size: x-large;
  }

  .trans {
    /* background-color : #cae2e6; */
    padding-top: 0;
    top :  164px;
    width: 91.9%;
  }

  .grd-vo  {
    height: 357px;
  }

  /* criteres gd ann hom */
  .bloc-bottom_img .bloc-icon {
     line-height: 1.7em;
  }

  .bloc-bottom_img {
    top :  198px;
    width: 91.9%;
  }
  .bloc-bottom {
    margin-top: 16px;
  }
  .pourc {
    /* font-size: 25px; */
  }

  .sous-pourc {
    /* font-size: 11px; */
  }

  .bloc-green {
/*     padding-top: 19px;    
    padding-left: 1px; */
  }

  .bloc-star {
    padding-top: 1px;
  }

  .bloc-left-slide {

  }

 .display-1 {
    font-size: 4rem;
    font-weight: 300;
  }

  .display-2 {
  font-size: 3rem ;

  }

/*   .display-3 {
    font-size: 2.5rem;
    font-weight: 300;
  } */

/*  .display-4_marque_list {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2rem;
  } */

/*   .display-4 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2rem;
  } */

  .display-5 {
    font-size:1rem;
  }

  .display-6 {
    font-size: 1rem;
    line-height: 1.7rem
  }
  .display-7 {
    font-size: 0.8rem;
  }

}

/* defaut 768 */
@media screen and (max-width: 767px) {


  .vendue {
    font-size: xxx-large;
  }

  .img-pub {
    width: 100%;  
  }

  .grd-vo {
    height: 430px;
  }

  .bloc-bottom_img {
    top:  338px;
    width: 94.5%;
  }

  .trans {
    background-color: #ffffff5e;
    top:  284px;
    width: 94.5%;
  }

  .bloc-bottom {
    margin-top: 88px;
  }

  .pourc {
    font-size: 48px;
  }

  .sous-pourc {
    font-size: 19px;
  }

  .bloc-green {
    padding-top: 0;
  }

  .home-top {
    background-size: unset;
  }

  .bloc-number {
    display: none;
  }

  .vignette {
 min-height : 180px;
 max-height : 180px;
 max-width: 267px;

  }

 .vignette_gros {
   min-height : 250px;
   max-height : 250px;

 }

 .bloc-gros{

   height : 240px;
   overflow: hidden;
 }

 .bloc-petit {
   height : 315px;
   padding-top : 10px;
   padding-bottom : 0;
   overflow: hidden;

 }
  .infove {
    padding-top : 0!important;
  }
/*   .display-4 {
    font-size: 1.2rem;
    line-height: 2rem;
  }
 */
  .display-5 {
    font-size:1rem;
  }

  .display-6 {
    font-size: 0.8rem;
  }
  .display-7 {
    font-size: 0.6rem;
    line-height: 0.6rem;
  }
/*   .logo-top {
    margin-left: 200px;
  }   */
}

/* AM */
@media screen and (max-width : 576px) {
/*   .logo-top {
    margin-left: 32%;
  } */

 .vendue {
    font-size: xx-large;
  }

 .display-4_marque_list {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.9rem;
  }

  .miniature_list {
    max-width: 147px;
    max-height: 110px;
  }

  .img-pub {
    width: auto;  
  }


  .top-oc {
    font-size: 27px;
  }

  .text-tran-i {
    color: #446d76;
  }

  .text-tran {
    color: #446d76;
  }

  .trans {
    position: unset;
    width: 100%;
    background-color: #cae2e6;
    padding-top: 26px;
    color: #446d76;
  }

  .bloc-bottom_img {
    position: unset;
    width: 100%;    
  }

  .grd-vo {
    height: auto;
  }

  .bloc-bottom {
    margin-top:  111px;
  }

  .text-light-tr {
    font-size:  18px;
  }

  .bloc-recherche {
    max-width: unset;
  }

  .bloc-recherche-xs {
    margin-left: unset;
  }

  .bloc-star {
    font-size: 14px;
    padding-top: 4px;
  } 



}


@media screen and (max-width : 420px) {

 .vendue {
    font-size: x-large;
    border: 2px solid;
  }

  .bloc_bas_list {
    font-size: 12px;
  }

}


/* MAP */
/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
  /* height: 100%; */
  height: 250px;
}

/* Optional: Makes the sample page fill the window. */
/* html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
} */

/* bouton tel et message sur fiche  */
       .fixed-bottom-buttons {
            position: fixed;
            bottom: 0;
            width: 100%;
            display: flex; /* Utilisation correcte du flex pour aligner horizontalement */
            justify-content: space-between; /* Espacement entre les boutons */
            padding: 10px;
            background-color: #f8f8f8;
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }
        .fixed-bottom-buttons .btn {
            width: 48%; /* Chaque bouton occupe environ 48% de la largeur */
            margin: 0; /* Aucun espacement externe inutile */
            font-size: 18px;
            padding: 15px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1; /* Corrige les problèmes d'alignement de texte */
        }

        .btn-call-2 {
            background-color: #28a745; /* Vert pour Appeler */
            color: white;
            border: none;
        }

        .btn-message {
            background-color: #6c757d; /* Gris pour Message */
            color: white;
            border: none;
        }

        .btn-call-2:hover, .btn-message:hover {
            opacity: 0.9;
        }
/* bouton tel et message sur fiche  */