/*Carousel*/
.swiper-container {width: 100%;margin: 20px auto;}
.swiper-slide {margin-bottom:3%;text-align: center;font-size: 18px; display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;  -webkit-justify-content: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;  align-items: center; }
.swiper-slide a{transition: all 0.3s cubic-bezier(0.28, 0.05, 0.65, 0.97);
	width:60%; margin-top:5%; animation-delay: .4s;}
/*.swiper-slide a:hover{transition: all 0.3s cubic-bezier(0.28, 0.05, 0.65, 0.97);	width:85%; margin-top:0%;animation-delay: .4s;}*/ 
/*.slide-text p { margin-top:-80px;text-shadow:0 0 5px #000000, 0 0 5px #000000, 0 0 5px #000000; color: #ffffff; font-size: 22px;}*/ 
.append-buttons {text-align: center;margin-top: 20px;}
.append-buttons a { display: inline-block; border: 1px solid #007aff; color: #007aff; text-decoration: none; padding: 4px 10px; border-radius: 4px; margin: 0 10px; font-size: 13px;}

.rond-gris{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#cccccc; width: 32px; height:32px; right: 0px; position: absolute; }

.clik_collection{ cursor:pointer; }

.lien_nom_montre { font-size: 15px; font-weight:700; color: #6c6c6c;}
.lien_matiere_montre { font-size: 11px; font-weight:400; color: #6c6c6c;}
.lien_prix_montre { font-size: 15px; font-weight:400; color: #4a4a4a;}

.lien_img_survole{border:none; transition-duration: 0.5s}
.lien_img_survole:hover{border:1px solid #000000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:4px 4px 10px #666666; -webkit-box-shadow:4px 4px 10px #666666; box-shadow:4px 4px 10px #666666;}
.col-form-label {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1;
}
.form-control {
   /* height:  25px;*/
    padding: .2rem .2rem;
    line-height: 1;
    background-color: #f2f2f2;
    border-radius: 2px;
}


.disp_mobile  { display:inline-block }
.cache_mobile  { display:none }

@media screen and (min-width: 975px){
.disp_mobile  { display:none }
}

@media screen and (min-width: 975px){
.cache_mobile  { display:flex; width:100% }
}


.logo_mobile  { padding-top: 50px; }
@media screen and (min-width: 550px){
.logo_mobile  { padding-top: 0px; }
}
 
 
 

.info_page{ border:1px solid black; background-color:red; color:white; position: absolute; z-index:1000; font-size:10px;
 border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
margin-top:-8px; right:20px; margin-right:10px; padding-left:10px; padding-right:10px }

input[type=checkbox] {	/*visibility: hidden; si bug dans modal , c'est normal car il affiche tout a son apparition donc ajout de dsiplay:none*/ 
}

.form-check-input  input[type=checkbox] {	filter: alpha(opacity=0);	opacity: 0; visibility: hidden; display:none}
.form-check-input {	margin: -10px auto;	position: relative;}
.form-check-input label {cursor: pointer;position: absolute;width: 20px;height: 20px;top: 0;border-radius: 4px;background: #f2f2f2;border: 1px solid #cccccc;}
.form-check-input label:after {filter: alpha(opacity=0);opacity: 0;	content: '';position: absolute;width: 10px;height: 9px;	background: transparent;top: 5px;left: 4px;border: 3px solid #333;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.form-check-input label:hover::after {	filter: alpha(opacity=30);	opacity: 0.5;}
.form-check-input input[type=checkbox]:checked + label:after {	filter: alpha(opacity=100);	opacity: 1;}







.menu-home-center div a:hover{ color:#cd3301 }
.menu-home-center div a{ color:#000000 }
/*
marrron foncé #cd3301
marron clair  #c16647
*/

#myModal2 .modal-header {
	padding: 0.1rem 1rem;
    border-bottom: 0px solid #ffffff;
}

#myModal2 .modal-content {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 15px;
}



/* Rotating entrances */
@-webkit-keyframes rotate2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.animate__rotate2 {
  -webkit-animation: rotate2 10s linear infinite;
  -moz-animation: rotate2 10s linear infinite;
  -ms-animation: rotate2 10s linear infinite;
  -o-animation: rotate2 10s linear infinite;
  animation: rotate2 10s linear infinite;
  transform-origin: center;
}

.fondcollections {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url('https://www.muse-watches.com/images/whirl.jpg');
background-size: cover;
background-position: center center;
}

.txtcollections {
	position: absolute;
width:100%;
	margin: -35% auto auto -15px;
	z-index:11;
	font-size: 40px;
	text-shadow: 0 0 4px #ffffff, 0 0 4px #ffffff, 0 0 4px #ffffff,0 0 4px #ffffff;
	transition: 0.5s;
	
}

input[type=range].custom-slider {
  -webkit-appearance: none;     /*nécessaire pour Chrome */
  padding: 0;                   /* nécessaire pour IE */
  font: inherit;                /* même rendu suivant font document */
  outline: none;
  color: #000000;                  /* sert pour couleur de référence, via currentColor, pour le curseur */
  opacity: .8;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(124,124,124,1) 50%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
  box-sizing: border-box;       /* même modèle de boîte pour tous */
  transition: opacity .2s;
  cursor: pointer;
}

.form-check {
margin-right: .5rem !important;
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background-color: rgba(0, 0, 0, 0);
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}

#whirl a, #whirl2 a {
	color: #000000;
}

#whirl a>.txtcollections:hover, #whirl2 a>.txtcollections:hover {
  text-shadow: 0 0 8px #ffffff, 0 0 8px #ffffff, 0 0 8px #ffffff, 0 0 8px #ffffff, 0 0 8px #ffffff, 0 0 8px #ffffff, 0 0 8px #ffffff, 0 0 8px #ffffff !important;
  transition: 0.5s;
}



@media screen and (max-width: 767px){
	.txtcollections {
	font-size: 30px;
		margin: -50% auto auto -15px;
}
}

.fondfind {
	background-image: url(https://www.muse-watches.com/uploads/produits/1/5.png);
	background-size: cover;
	background-position: center;
	height: 350px;
	margin-left: 0;
	margin-top: 0;
}

.txtchoose {
	font-size: 40px;
	color: white;
	text-shadow: 0 0 5px #000000;
}

.sectionfind {
	margin-top:-70px;
}

@media screen and (max-width: 768px){
	.sectionfind {
	margin-top: -200px;
}
}

.ombrage { 
text-shadow: 0 0 2px #888888, 0 0 2px #888888, 0 0 2px #888888 ;
}

.ombre { 
text-shadow: 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF ;
}


.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}

.blocinfocollection [class*="col"] {

	
}
.blocinfocollection [class*="col"] a {

}


.blocinfocollection > .row > div:first-child  h2 { font-size : 4vw; text-shadow:4px 4px 5px #000000; }
.blocinfocollection > .row { filter: grayscale(100%); transition: 0.5s ease-in-out;}
.blocinfocollection > .row:hover { filter: grayscale(0%); }




.produit .border-primary { border: 1px solid transparent!important; }

.produit .card { border: 1px solid transparent!important; transition: 0.5s; margin-top: 10px; }



.produit .card-header { border: none; padding-top: 0px; }

.produit .card-text { line-height: 20px; }

.produit h5 { padding-top: 20px; font-size: 25px; }

.produit .textereference { font-size: 13px; padding-top:0px}

.produit .textetaille { font-size: 20px; }

.produit .textecarac {  padding-top: 10px; }

.produit .lienparfav { color: #cacaca; transition: 0.5s; padding-top: 5px; padding-bottom: 5px; }

.produit .lienparfav:hover { color: #000000; }

.produit .btn-danger { color: #000000;background: rgb(202,202,202);
background: linear-gradient(0deg, rgba(202,202,202,1) 0%, rgba(202,202,202,1) 35%, rgba(202,202,202,0.5494397588136817) 100%);border: 0px solid #e6e6e6; transition-duration: 1s; padding: .26rem .70rem;}
.produit .btn-danger:hover { background-color: #aaaaaa; border: 0px solid #000000; }

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  color: #000;
  background-color: #aaaaaa;
  border-color: #aaaaaa;
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(202,202,202,.5);
}


.produit .btn-info { background-color: #4064ac; border: 3px solid #4064ac; transition-duration: 1s; }

.produit .btn-info:hover { border: 3px solid #000000; }

.produit .btn-warning { background-color: #d90f0f; border: 3px solid #d90f0f; transition-duration: 1s; color: #ffffff; }

.produit .btn-warning:hover { border: 3px solid #000000; }

.produit .editionlimitee { color: #e88b28; font-size: 22px; padding-top: 10px; }

.produit .nouveau { float: right; font-size: 16px; background-color: #c16647; border-radius: 4px; color: #ffffff; margin-bottom: 0; padding-top: 2px; padding-bottom: 0; padding-left: 5px; padding-right: 5px; text-transform: uppercase; }

.produit h4 { margin-bottom: 0;  }

.produit #preview{
	margin-top: 10px;
	border:0px solid black;
	width:100%;
	height:500px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

.produit #samples{
	text-align: center;
}
.produit #samples img {	
	margin: 10px;

	 border: 2px solid #6A6462;
}
.produit #samples img:hover {
	 cursor: zoom-in;
	 border: 0;
	 -moz-box-shadow:2px 2px 7px 2px rgba(130,130,130,1),-1px -1px 7px 2px rgba(130,130,130,1);
	-webkit-box-shadow: 2px 2px 7px 2px rgba(130,130,130,.7),-1px -1px 7px 2px rgba(130,130,130,1);
	box-shadow: 2px 2px 7px 2px rgba(130,130,130,.7),-2px -2px 7px 2px rgba(130,130,130,1);
}
@media screen and (max-width: 767px){
	.produit #samples img {
		display: inline-block;
	}
}





  .console {  font-size:20px }
  .console2{ position: absolute; left:100px ; top: 460px; font-size:10px }
  
  #cadran {width:100%; min-width:200px; min-height:200px; background-color:#ffffff; position: relative;  border-radius:50%;  }
  #cadran:hover{ background-color:#ffffff;  -moz-box-shadow:4px 4px 10px #ffffff; -webkit-box-shadow:4px 4px 10px #ffffff; box-shadow:4px 4px 10px #ffffff;}
  .heure, .minute, .second, .echelle { width:100% !important;height:100% !important;  position: absolute !important; top:0px !important; left:0px !important;  }
  .echelle{z-index:9;}
   .heure {z-index:10; }
   .minute {z-index:11; }
   .second {z-index:12; }
   .console {z-index:13; }
   .console2 {z-index:13; }










@media (min-width: 975px) {
.garantie div:nth-child(2) { line-height: 15px; color:red}
}

.hr-produit { background-color: red; height: 2px; border: none; }


/*.nav-tabs { border: none; }*/

.nav-tabs .nav-link {
font-size:20px;
	border: none; color: #6c757d ; background-color: none; border-bottom: 2px solid transparent; transition: 0.5s; margin-right: 5px; margin-left: 5px; }
.nav-tabs .nav-link:hover { border-bottom: 2px solid #cacaca; }
.nav-tabs .nav-link.active { border: none; border-bottom: 2px solid #000000; color: #000000; }

.tab-content { margin-top : 20px; }

.accorcarac .card { background-color: white; color: #000000; }

.accorcarac .btn-link { color: #000000;  font-size: 14px; }

.accorcarac #accordion { border: 1px solid transparent; border-radius: 3px; transition: 0.5s;}

.accorcarac #accordion:hover { border: 1px solid #cacaca; }

.accorcarac .card:first-child { border-top: none; }

.accorcarac .card { border-left: none; border-right: none; border-bottom: none;}

.accorcarac .card-body { border: none; }

#accordion .card-body { color: #666666; }

#accordion .btn {  color: #444444; font-weight:600}


.accorcarac .card-header { padding-top: 5px; padding-bottom: 5px; border: none; }

.highslide img {  border: 0px solid silver;}

.liencollec { margin-left: 5px; margin-right: 5px; }

.liencollec:hover { color: #000000; transition: 0.5s; }