body{
	font-size:15px;

}

#title_vo_petits_prix{
	padding:10px;
	margin:0px;
	border:2px solid #ff3f3f;
	border-radius: 10px;
}

#title_vo_petits_prix:hover{
	color:#ff3f3f;
	border:2px solid white;
}

/*------------------------- CONFIGURATEUR ------------------- */
#votre_choix_configurateur_1{
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.3rem;
	font-weight: 700;
    line-height: 1.1;
}
#votre_choix_configurateur_2{
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.3rem;
	font-weight: 700;
    line-height: 1.1;
}
.menu_configurateur{
	cursor:pointer;
	font-size:1.1rem;
	font-weight: 700;
    line-height: 1.1;
	display:inline
}
.menu_configurateur:hover{
	border-bottom : 4px solid #ff7676;
	
}
/*------------------------- TOOLTIP POUR PNEUS ET CLASSEMENT ENERGETIQUE ------------------- */
.tooltipatb {
  position: relative;
  display: inline-block;
}
.tooltipimg {
  visibility: hidden;
  width: 300px;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -150px;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}
.tooltipatb:hover .tooltipimg {
  visibility: visible;
  opacity: 1;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}

.row {
margin-left: 0px;
margin-right: 0px;
}
#moteur_recherche.fixed {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	margin-top:0;
	border:2px solid #ff7676
}
[readonly='readonly'] {
   pointer-events: none;
}
.text-vert{
	color:#bada55
}
.bg-orange{
	background-color:#ef782c
}
.bg-violet{
	background-color:#843d90
}
.bg-bleu{
	background-color:#139bb9
}
.bg-vert{
	background-color:#79b929
}
/* your styles go here */
hr{
	border-bottom: 1px solid #eee;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}
.waiting{
	cursor:wait
}
.texte_blanc{
	color:white
}

.fond_noir{
	background-color:#2f333e
}
.fond_fonce{
	background-color:#666666
}
.fond_blanc{
	background-color:#fff
}
.fond_gris_clair{
	background-color:#f7f7f7
}
.texte_fonce{
	color:#666666
}
.btscrollUp{
	position: fixed;
    right: 0px;
    bottom: 10px;
    width: 100px;
    height: 100px;
   /* opacity: 0;*/
    text-align: center;
    cursor: pointer;
    /*display: none;*/
}
@media (max-width:767px) { 
	.btscrollUp{
		display:none
	}
}
/***************************************************************************** NEWS **/
[data-notify="icon"] img{
max-width:100px;
max-height:100px;
}	
[data-notify="title"]{
padding:15px;
vertical-align:bottom;
font-size:18px;
}	


/***************************************************************************** NOTIFICATIONS **/
.dropdown-item{
	white-space: normal;
}
/***************************************************************************** INDEX **/
body.page-accueil{
	padding-top:60px
}

.nav-index{
	flex: 1 1 auto;
    text-align: center;
}




.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #ff7676;
}






a.href_accueil, a.href_accueil:active, a.href_accueil:visited, a.href_accueil:focus{
	color:#e21c21
}
a.href_footer, a.href_footer:active, a.href_footer:visited, a.href_footer:focus{
	color:#fff
}

.p_index{
	font-size:13px;
	padding:10px;
	text-align:justify
}

.p_propos{
	font-size:13px;
	text-align:justify
}

img.trombi:hover{
	transform: scaleX(2) scaleY(2);
	box-shadow:8px 8px 15px #888;
}






/******************************************************* SEPARATEUR **/
.divider{
	height:5px; 
	width:100px;
	background-color:#ff7676;
	margin-top:10px
}
.divider_small{
	height:2px; 
	width:100px;
	background-color:#ff7676;
	margin-top:10px
}

/************************************************************************* NAVIGATION **/
nav.side-navbar ul li li a{
	padding-left:10px
}

nav.side-navbar ul li{
	border-bottom:1px solid #ddd
}

nav.side-navbar ul li.menu_titre{
	border-bottom:0px;
}

nav.side-navbar ul li.active > a,  nav.side-navbar ul li > a:hover,  nav.side-navbar ul li.active > a:hover {
	background: none;
   color: #686a76;
   border-left:8px solid #f20000
}



.menu_titre{
	padding-left:20px;
	background-color:#2f333e;
	color:white;
	padding-top:8px;
	padding-bottom:8px;
}

/************************************************************************* LIGNE STOCK **/
.ligne_stock_photo{

	padding:0px !important
}

.ligne_stock_marque_modele{
	text-align:left
}

/************************************************************************ ACCORDION MANUELS **/
.titre_manuels{
	border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
	padding:10px;
	border-radius: 10px;
	cursor:pointer;
	webkit-border-radius: 10px;
}
.titre_manuels:hover{
	color:rgba(255, 63, 63, 0.9);
}
/************************************************************************ INFORMATIONS OFFICIELLES **/
.information_officielle{
	border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
	padding:10px;
	border-radius: 10px;
	webkit-border-radius: 10px;
}
/************************************************************************ PAGE STOCK **/
.titre_lignestock{
	text-align:center;
	background-color:#ececec;
	font-weight:bold;
	margin-bottom:-5px
}
.lignestock{
	cursor:pointer
}

.ligne_stock_photo{
	text-align:center
}
@media (max-width:767px) { 
	.ligne_stock_lg{
		display:none
	}
	.gallerie_fiche_lg{
		display:none
	}
}
@media (min-width:767px) { 
	.ligne_stock_xs{
		display:none
	}
	.gallerie_fiche_xs{
		display:none
	}
}
/************************************************************************ FICHE VEHICULE**/
/******************************************************** BT FERMER 
.btn-fermer-fiche {
	background-color:white;
	color:#ff7676;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border:1px solid #EEE
}
.btn-fermer-fiche:hover {
	background-color:#ff7676;
	color:white;
	border:1px solid white
} **/

.btn-offre {
	background-color:white;
	color:#666;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	/* border:1px solid #EEE */
}
.btn-offre:hover {
	background-color:#ff7676;
	color:white;
	border:1px solid white
}

/******************************************************* TAB **/
.nav-tabs>li {
    float: left !important;
    margin-bottom: -1px !important;
}
.nav>li {
    position: relative !important;
    display: block !important;
}
.shadow{
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border:1px solid #EEE
}

/************************************************************ HISTORIQUE OFFRES **/
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {

    background-color: #eee;
}
.nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link a{
    color: #495057;

}

/******************************************************** EQUIPEMENTS **/
.list.list-icons{
list-style: none;
}
.list li {
    margin-bottom: 5px;
}
li {
    line-height: 24px;
}

/******************************************************* BON DE COMMANDE **/
#table_offrecommerciale.table td{
	padding:3px
}

.span_input{
	color:#666;
	border-bottom:1px solid #ddd
}

/******************************************************* FOOTER **/
#btScrollUp{
	position:fixed;
	right:0px;
	bottom:10px;
	width:100px;
	height:100px;
	opacity:0;
	text-align:center;
	cursor:pointer;
	display:none
}
@media (max-width:767px) { 
	#btScrollUp{
		display:none !important
	}
}

.cache{display:none;}


/******************************************************* SLIDER FINANCEMENT **/
/******************************************************* SLIDER FINANCEMENT **/

.slidecontainer {
	width: 100%; /* Width of the outside container */
  }
  
  /* The slider itself */
  .slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 100%; /* Full-width */
	height: 15px; /* Specified height */
	background: #d3d3d3; /* Grey background */
	outline: none; /* Remove outline */
	opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
	border-radius: 6px;
  }
  
  /* Mouse-over effects */
  .slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
  }
  
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
  .slider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: #ff3f3f ; /* Green background */
	cursor: pointer; /* Cursor on hover */
	border-radius: 50%;
  }
  
  .slider::-moz-range-thumb {
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: #ff3f3f ; /* Green background */
	cursor: pointer; /* Cursor on hover */
	border-radius: 50%;
  }
  
  
  
  #btPanier{
	  position:fixed;
	  right:0;
	  margin-right:-250px;
	  top:200px;
	  background-color:#fff;
	  border:1px solid #eee;
	  width:250px;
	  height:40px;
	  padding:5px;	  
	  box-shadow:2px 2px 2px rgba(0, 0, 0, 0.05);
	  cursor:pointer
  }