@charset "UTF-8";

@font-face {
  font-family: 'SuisseIntl Light';
  src:  url("../fonts/SuisseIntl-Light.woff") format('woff'),
url("../fonts/SuisseIntl-Light.woff2") format('woff2');
}

@font-face {
  font-family: 'SuisseIntl SemiBold';
  src:  url("../fonts/SuisseIntl-SemiBold.woff") format('woff'),
url("../fonts/SuisseIntl-SemiBold.woff2") format('woff2');
}

a:link, a:visited {text-decoration: none; color: white;}
a:hover, a:active {color: white; text-decoration: underline;}

a.nav-item:link, a.nav-item:visited {text-decoration: none; color: white;}
a.nav-item:hover, a.nav-item:active {color: white; text-decoration: underline;}

a.site:link, a.site:visited {text-decoration: none; color: white; font-family: 'SuisseIntl Light';line-height: 1.2;}
a.site:hover, a.site:active {text-decoration: underline;color: white; font-family: 'SuisseIntl Light';line-height: 1.2;}


body{



margin: 0;
padding: 0;
overflow-x: hidden;
font-family: 'SuisseIntl Light' ;
font-size: 20px;
letter-spacing: -1px;
background-color: black;
	line-height: 1.2em;
color: white;
}

/*
nav{
	
	
	width: 100%;
	
	box-sizing: border-box;
	backdrop-filter: blur(100px);
	opacity: 0.5;
	color: black;
background-color: white;
border-radius: 10px;
	height: 40px;
	padding: 13px 10px 10px 10px;
	z-index: 1000;
}*/

.footer-desktop{display: none!important;}
	.footer-iphone{display: block!important;}

.navbar{padding: 5px 10px; }
.nav-link{padding: 0px;}

/*
nav{	backdrop-filter: blur(100px);
	line-height: 1.2em;
	opacity: 0.5;
	color: black;
background-color: white;
border-radius: 10px;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	
	z-index: 1000;
text-transform: uppercase;}
.navbar-toggler{box-shadow: none; border: none; padding: 0;}*/

.nav2{	
	line-height: 1.2em;
	padding: 10px 40px;
	color: white;
background-color: black;
position: fixed;
	width: 100%;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	
	z-index: 1000;
text-transform: uppercase;
border-bottom: 2px solid white;
}
.navbar-toggler{box-shadow: none; border: none; padding: 0;}



.bar1, .bar2, .bar3 {
  width: 20px;
  height: 2px;
  background-color: white;
  margin: 5px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 7px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -7px) rotate(45deg);
}


h1{
	font-size: 20px;
	font-family: 'SuisseIntl Light' ;
}


.home{
	background-image: url("../img/accueil/photobache3.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width: 100vw;
	
	
	
}



.border-nom{border-bottom: 2px solid white;
	margin: 0;
padding-bottom: 5px;}
.border-eve{border-bottom: 2px solid white;
	margin: 0;
	padding: 20px 0 18px 0;
}

 .col-3-gap:not(:last-child) {
	 margin-right: 10px; /* ou ce que tu veux */}

span{font-family: 'SuisseIntl SemiBold';text-transform: uppercase;}

footer{/*backdrop-filter: blur(100px);
	opacity: 0.5;
	color: black;
background-color: white;
border-radius: 10px;*/
	color: white;
	background-color: black;
padding: 13px 10px 10px 10px;
border-top: 2px solid white;}

footer li{list-style-type: none;}
  
.section-desktop{display: none;}
	.section-iphone{display: block;}


@media (min-width: 576px) { 
	.section-desktop{display: none;}
	.section-iphone{display: block;}
		h1{
	font-size: 20px;}
	.site{
	font-size: 20px;}
	.footer-desktop{display: none!important;}
	.footer-iphone{display: block!important;}
	
}


@media (min-width: 768px) { 
.section-desktop{display: none;}
	.section-iphone{display: block;}
		h1{
	font-size: 25px;}
	.site{
	font-size: 25px;}
	.footer-desktop{display: none!important;}
	.footer-iphone{display: block!important;}
}


@media (min-width: 992px) {
.section-desktop{display: none;}
	.section-iphone{display: block;}
	.footer-desktop{display: flex!important;}
	.footer-iphone{display: none!important;}
		h1{
	font-size: 30px;}
	.site{
	font-size: 30px;}
}


@media (min-width: 1200px) { 
.section-desktop{display: block;}
	.section-iphone{display: none;}
	.footer-desktop{display: flex!important;}
	.footer-iphone{display: none!important;}
	h1{
	font-size: 35px;}
	.site{
	font-size: 35px;}
}