@charset "UTF-8";
/* CSS Document */


/* FONT */


@font-face {
    font-family: 'baikalmedium';
    src: url('font/baikal/baikal-medium.woff2') format('woff2'),
         url('font/baikal/Baikal-Medium.woff2') format('woff');
    font-weight: normal;
    font-style: normal;

}






h1 {font-family: 'baikalmedium';
    text-transform: uppercase!important;}


h2 {font-family: 'baikalmedium';
    line-height : 1.1em!important;}

h3 {font-family: 'baikalmedium';
    }

h4 {font-family: 'baikalmedium';
    text-transform: uppercase!important;}


h5 {font-family: 'baikalmedium';
    text-transform: uppercase!important;}


h6 {font-family: 'baikalmedium';
    color: #000!important;}


p {font-family: 'baikalmedium';
   color: #fff!important;
   line-height: 1.5em;}





/* MEDIA QUERIES */


@media (max-width: 576px) {
    h1 {font-size: 40px!important;}
	h2 {font-size: 30px!important;}
	h3 {font-size: 18px!important;}
	h4 {font-size: 17px!important;}
	h5 {font-size: 20px!important;}
	h6 {font-size: 15px!important;}
	p {font-size: 12px!important;}
	.nav-link {font-size: 40px!important;}
	.detail {padding-top: 220px;}
	.detail_2 {padding-top: 190px;}
	.vide_2 {background-color: #fff;
	   opacity: 0%;
       width: 100%;
       height: 0px;}
	
}


@media (min-width: 576px) {
    h1 {font-size: 40px!important;}
	h2 {font-size: 30px!important;}
	h3 {font-size: 20px!important;}
	h4 {font-size: 17px!important;}
	h5 {font-size: 20px!important;}
	h6 {font-size: 20px!important;}
	p {font-size: 12px!important;}
	.nav-link {font-size: 40px!important;}
	.detail {padding-top: 220px;}
	.detail_2 {padding-top: 190px;}

}


@media (min-width: 768px) {
    h1 {font-size: 70px!important;}
	h2 {font-size: 50px!important;}
	h3 {font-size: 40px!important;}
	h4 {font-size: 17px!important;}
	h5 {font-size: 20px!important;}
	h6 {font-size: 20px!important;}
	p {font-size: 12px!important;}
	.nav-link {font-size: 80px!important;}
	.detail {padding-top: 260px;}
	.detail_2 {padding-top: 210px;}
	
}


@media (min-width: 992px) {
    h1 {font-size: 80px!important;}
	h2 {font-size: 60px!important;}
	h3 {font-size: 50px!important;}
	h4 {font-size: 18px!important;}
	h5 {font-size: 20px!important;}
	h6 {font-size: 20px!important;}
	p {font-size: 15px!important;}
	.nav-link {font-size: 120px!important;}
	.detail {padding-top: 300px;}
	.detail_2 {padding-top: 230px;}

}


@media (min-width: 1200px) {
	h1 {font-size: 80px!important;}
	h2 {font-size: 60px!important;}
	h3 {font-size: 50px!important;}
	h4 {font-size: 25px!important;}
	h5 {font-size: 25px!important;}
	h6 {font-size: 25px!important;}
	p {font-size: 15px!important;}
	.nav-link {font-size: 120px!important;}
	.detail {padding-top: 300px;}
	.detail_2 {padding-top: 230px;}
}


@media (min-width: 1400px) {
	h1 {font-size: 100px!important;}
	h2 {font-size: 80px!important;}
	h3 {font-size: 60px!important;}
	h4 {font-size: 25px!important;}
	h5 {font-size: 25px!important;}
	h6 {font-size: 25px!important;}
	p {font-size: 15px!important;}
	.nav-link {font-size: 160px!important;}
	.detail {padding-top: 340px;}
	.detail_2 {padding-top: 250px;}
	
}





/* body */

body {margin: 0px!important;
      padding: 0px!important;}



.white {color: #fff;}

.black {color: #000;}

a {text-decoration: none!important;}

a:hover, a:active  {text-decoration: none!important;}





/* navigation */

.navbar {
    transition: top 0.3s;
	position: fixed;
}


button.navbar-toggler {
    border: none;
    width: auto;
}

i.bi.bi-list {
    color: #000 !important;
    font-size: 30px;
}


a.nav-link {font-family: 'baikalmedium'!important;
           text-transform:lowercase !important;
           color: #000;}


a.nav-link:hover, a.nav-link:active {font-family: 'baikalmedium'!important;
           text-transform:lowercase !important;
           color: #000;}

a.nav-link img  {opacity: 0%!important;}
a.nav-link:hover img {opacity: 100%!important;} 


.navbar:hover, .navbar:active {background-color: #fff;}





/* header_homepage*/

.video {background-color: #fff;
        width: 100%;
        height: auto;}


p i.bi .bi-arrow-down-right {
    color: #fff !important;
    font-size: 20px;
}





/* works */




.vide {background-color: #fff;
	   opacity: 0%;
       width: 100%;
       height: 350px;}

/*
a .work img {transition: transform .2s;}

a .work img:hover {position: absolute;
width: 15%;
height: auto;
 transform: scale(1.5);
transform: translateX(200px);	
}
*/

.work-link {
    display: block;
    border-top: solid #000 2px;
    text-decoration: none; /* Enlève le soulignement par défaut des liens */
    color: inherit; /* Utilise la couleur du texte par défaut */
    transition: background-color 0.3s; /* Transition pour l'effet de survol */
}

.work-link:hover {
    background-color: #fff; /* Change la couleur de fond au survol */
}

.work-image {
    width: 100%;
    height: auto;
    transition: transform 0.3s; /* Transition pour l'effet d'agrandissement */
}

.work-link:hover .work-image {
    transform: scale(1.3); /* Agrandissement de l'image au survol */
}





.block {
    opacity: 0.1; /* Opacité initiale */
    transition: opacity 1s ease; /* Transition douce pour l'opacité */
}



/* twenty_years */
.twentyvideo {background-color: #7F7F7F;
        width:100%;
        height: 750px;}


/* footer */

footer {background-color: #000000;
        width: 100%;
        height: auto;}

.separator {background-color: #fff; height: 2px; width:auto;}

.separatorb {background-color: #000; height: 2px; width:auto;}