@charset "utf-8";

/* Scroll hidden*/

body {
   overflow-x: hidden;}

/* /Scroll hidden*/

/* ------------------------------------------------ */

hr{
	margin-left:10%;
	margin-right:10%;
	margin-top:2%;
	opacity:1;}

.hr1{
	margin-left:10%;
	margin-right:10%;
	margin-top:18%;
	opacity:1;}

/* Haut page menu*/

#hautpage{
	background-color:white;
	height:100%;}

#titre{
	font-family:'Louis George Café Regular';
	font-size:2vw;
	margin-top:2%;
	letter-spacing:10px;
	margin-left:4%;}

#suisse{
	float:right;
	margin-right:3vw;
	margin-top:2.4%;
	height:2vw;
	width:2vw;}

#logotimelaps{
	margin-top:2%;
	margin-bottom:3%;
	height:7vw;}

.buttonmenu{
	text-decoration:none;
	color:#111111;
	font-family:'Louis George Café Bold';
	font-size:20px;
	display:block;
	text-align:center;
	height:40px;
	width:100%;}

.buttonmenu:hover{
	background-color:whitesmoke;
	color:#111111;}

.col{
	padding:0px;}

.container-fluid{
	padding:0%;}

.nav-item{
	font-family:'Louis George Café Bold';}

.navbar{
	padding-left:2%;
	padding-right:2%;}

.btn-outline-success{
	color:#111111;
	border-color:#111111;}

.btn{
	font-family:'Louis George Café Bold';}

.me-2{
	font-family:'Louis George Café Bold';}

/* /Haut page menu*/

/* Montre menu*/

#montremenu{
	-webkit-animation: slide-in-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

#textmontremenu{
	font-family:'Louis George Café Bold';
	font-size:3vw;
	position:absolute;
	left:70%;
	margin-top:35%;
	width:auto;}

#textmontremenu2{
	font-family:'Louis George Café Regular';
	font-size:3vw;
	position:absolute;
	left:70%;
	margin-top:40%;
	width:auto;}

#imagemenu{
	position:relative;}


#bandejaune{
	height:80vw;
	-webkit-animation: scale-in-hor-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-hor-right 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

#montremenu{
	position:absolute;
	top:0px;
	left:0px;}

/* /Montre menu*/

/* Histoire*/

#histoire{
	height:100%;}

#timelapshistoire{
	float:right;
	margin-right:10%;
	margin-top:1%;
	height:35vw;}

#description{
	font-family:'Louis George Café Regular';
	font-size:2vw;
	margin-top:1%;
	margin-left:30%;
	float:left;}

#lemonde{
	font-family:'Louis George Café Bold';
	font-size:2vw;
	margin-left:11%;
	margin-top:2%;
	margin-bottom:3%;}

/* /Histoire*/

/* Carousel montres*/

#carouselmontre{
	margin-top:1%;
	margin-bottom:7%;}

#catalogue{
	font-family:'Louis George Café Bold';
	font-size:2vw;
	margin-left:11%;
	margin-top:2%;
	margin-bottom:3%;}

/* /Carousel montres*/


/* Aperçu montres*/

#bouttonapercu{
	position:relative;
	margin-top:-70%;
	margin-left:44%;}

.buttonapercu {
	background-image: url("img/buttonapercu.png");
	background-size:contain;
	background-color:transparent;
	border-color:transparent;
	border-radius:100%;
	height:3.2vw;
	width:3.2vw;
  	text-decoration: none;
  	transition-duration: 0.4s;
	cursor: pointer;
	border-style: none;}

.buttonapercu:hover{
	background-color:ghostwhite;
	border-style:none;}

#bouttonapercu{
	border-style:none;}

#bouttonapercu:hover{
	border-style:none;}

#victorina{
	margin-left:2%;
	opacity:0;}

#titrevictorina{
	font-family:'Louis George Café Bold';}

#p2{
	font-family:'Louis George Café Regular';}

#p3{
	font-family:'Louis George Café Bold';}

@media (max-width:768px) {
	#textvictorina{
	margin-left:4%;
	opacity:1;}}

@media (min-width:769px) {
	#textvictorina{
	margin-left:4%;
	opacity:0;}}

/* /Aperçu montres*/

/* Map*/

#map{
	margin-top:1%;
	height:100%}

#map1{
	height:50vw;
	width:98%;}

#lieux{
	text-align:center;
	font-family:'Louis George Café Bold';
	font-size:1.5vw;
	margin-top:6%;}

#lieux2{
	text-align:center;
	font-family:'Louis George Café Regular';
	font-size:1vw;}

#contact{
	font-family:'Louis George Café Bold';
	font-size:2vw;
	margin-left:11%;
	margin-top:2%;
	margin-bottom:3%;}

/* /Map*/

/* Formulaire*/

#formulaire{
	margin-top:4vw;}

#commentaire{
	margin-top:1.3%;}

#envoyer{
	margin-top:1.3%;}

/* /Formulaire*/

/* Bas de page*/

#adressecrea{
	background-color:ghostwhite;
	height:15vw;
	margin-top:5%;}

#textadressecrea{
	font-family:'Louis George Café Regular';
	margin-left:10%;
	margin-top:10%;
	font-size:1.4vw;}

#copyright{
	background-color:ghostwhite;
	margin-top:5%;}

#copyright1{
	text-align:center;
	font-family:'Louis George Café Regular';
	margin-top:7%;
	font-size:1vw;}

#adressetimelaps{
	background-color:ghostwhite;
	margin-top:5%;}

#adressetimelaps1{
	font-family:'Louis George Café Regular';
	margin-top:10%;
	font-size:1.4vw;
	text-align:right;
	margin-right:10%;}

#imagebas{
	margin-top:15%;
	height:4.5vw;}

/* /Bas de page*/

/* Animation */

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}

/* /Animation*/