::-webkit-scrollbar{
    width: 0px;
	background: transparent;
	display: none;
}

html {
	/*background: #00040B;*/
	
	cursor: default;
}
header {
	background-color: aliceblue;
	
	position: sticky;
	top: 0;
	
	margin-top: -1.5%;
	margin-bottom: 0;
	
	z-index: 10;
	
	box-shadow: 0px 6px 9px -7px #000000;
	
	max-width: 100vw;
}
	navbar {		
		display: flex;
		justify-content: space-evenly;
		align-items: center;

		line-height: 0.1%;
}
	navbar ul {
		display: inline-flex;
  		vertical-align:center;
		
		overflow: hidden;
	}
	navbar li {
		
	}
	navbar a {
		display: flex;
		
		margin-right: 25px;
		
		text-decoration: none;
		
		transition: transform 150ms ease-out;
	}
	navbar a:hover {
		transform: scale(1.2);
		transition: transform 150ms ease-out;
	}
	navbar img{
		transition: transform 500ms ease-in-out;
	}
	navbar img:hover {
		transform: rotate(360deg);
		transition: transform 500ms ease-in-out;
	}
body {
	background-color: /*#00040B*/aliceblue;
}
h1 {
	font-size: 80px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
h2 {
	font-size: 50px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
h3 {
	font-size: 45px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: aliceblue;
	line-height: auto;
	
	margin-left: 5vw;
}
h4 {
	font-size: 20px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
h5 {
	font-size: 22px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
p {
	color: #5A0001/*aliceblue*/;
	font-size: 22px;
	
	padding-left: 2%;
	padding-right: 2%;
}
li {
	list-style-type: none;
	font-weight: bold;
	font-size: 30px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
dd {
	font-weight:normal;
	font-size: 22px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: aliceblue;
	line-height: auto;
	margin-left: 1%;
}
footer {
	background-color: aliceblue;
	bottom: 0;
	
	z-index: 10;
	
	box-shadow: 0px -6px 9px -7px #000000;
}
footer a{
	color: #FFFFFF;
}
footer img{
	transition: transform 500ms ease-in-out;
}
footer img:hover {
	transform: rotate(360deg);
	transition: transform 500ms ease-in-out;
}


/*-----------------------------------------------------------------
 -----------------------------BACKGROUND--------------------------
------------------------------------------------------------------*/


.body_background {	
	position: fixed;
	
	margin-left: 6%;
	
	z-index: -10;
	
	filter: blur(40px);
}


/*-----------------------------------------------------------------
 -----------------------------TITRE-------------------------------
------------------------------------------------------------------*/


.home_title {	
	text-align: center;
}


/*-----------------------------------------------------------------
 -----------------------------BODY-------------------------------
------------------------------------------------------------------*/


.container_home_content {
	Background-color: rgba(255,255,255,0.25);
	
	display: flex;
	flex-direction: column;
	flex-flow: wrap;
}


/*-----------------------------------------------------------------
 -----------------------------INTRO-------------------------------
------------------------------------------------------------------*/


.home_block_intro_illus {
	/*background-color: red;*/
	
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	
	width: 95vw;
	height: auto;
	
	margin: 2em;
	gap: 2%;
	/*margin: 1vh 1vw 1vh 1vw;*/
}

@media (max-width: 1080px) {
  .home_block_intro_illus{
    flex-direction: column;
  }
}

.container_edito {
	/*background-color: grey;*/
	
	display: flex;
	align-items:center;
	justify-content: center;
	text-align: left;
	
	max-width: 40vw;
	
	margin: 1em;
	padding: 1em;

	/*box-shadow: 0px 0px 10px 6px rgba(255,255,255,0.40);*/
}
@media (max-width: 1080px) {
  .container_edito{
    max-width: 95vh;
  }
}


.intro {
	/*text-shadow: -2px 2px 5px rgba(255,255,255,0.500); */
}

.container_illus_edito {
	/*background-color: white;*/
	
	max-width: 40vw;
	
	/*margin: 1em;*/
	padding: 1%;
}
@media (max-width: 1080px) {
  .container_illus_edito{
	max-width: 95vh;
  }
}

.home_illus_1 {
	position: absolute;
	max-width: 40em;
	max-height: 95vh;

	z-index: 1;
	
	border-radius: 1.5em;
	
	transition: 1s ease-in-out;
	clip-path: polygon(15% 0%, 25% 50%, 15% 100%, 25% 100%, 35% 50%, 25% 0%, 30% 0%, 40% 50%, 30% 100%, 70% 100%, 80% 50%, 70% 0%, 70% 0%, 80% 50%, 70% 100%, 90% 100%, 100% 50%, 90% 0%);	
}
@media (max-width: 1080px) {
  .home_illus_1{
	max-width: 90vw;
  }
}

.home_illus_2 {
	position: relative;
	max-width: 40em;
	max-height: 95vh;

	z-index: 0;

	border-radius: 1.5em;
	

	transition: 1s ease-in-out;
}
@media (max-width: 1080px) {
  .home_illus_2{
	max-width: 90vw;
  }
}

.container_illus_edito:hover .home_illus_1 {
	clip-path: polygon(100% 0%, 110% 50%, 100% 100%, 115% 100%, 125% 50%, 115% 0%, 130% 0%, 140% 50%, 130% 100%, 160% 100%, 170% 50%, 160% 0%, 200% 0%, 210% 50%, 200% 100%, 190% 100%, 200% 50%, 190% 0%);
	webkit-filter: blur(-8px);
	filter: blur(25px);
	border-radius: 1em;
	animation-duration: 2s;
	opacity: 0;
}
.home_block_intro_illus:hover .home_illus_2 {
	filter: blur(0px);
}


/*------------------------------------------------------------------------
 -----------------------------WHAT WE DO------------------------------
-----------------------------------------------------------------------*/


.what_we_do{
	/*background-color: black;*/
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flew-wrap: wrap;
	
	width: 95vw;
	height: auto;
	margin: 2em;
	gap: 1%;
}
@media (max-width: 1080px) {
  .what_we_do{
    flex-direction: column;
  }
}
.what_we_do_titre {
	Background-color: rgba(90,0,1,0.5);/*rgba(0,0,0,0.25)*/
	background-blend-mode:exclusion;
	background-image: url("../images/Logo oMSo_Def_crop.png");
	background-size: 55%;
	background-attachment: fixed;
	background-repeat: space;
	background-position: left;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	
	align-self: center;
	
	width: 60vw;
	height: 50vh;
	border-radius: 0.5em;
	
	padding: 1%;
	Flex: 5;
	
	box-shadow: 0px 0px 10px 5px rgba(015,015,015,0.2);
}

@media (max-width: 1080px) {
  .what_we_do_titre{
    width: 90vw;
  }
}
.what_we_do_titre h2{
	color: rgba(188,183,183,1.00);
}

@media (max-width: 1080px) {
  .wwd{
    display: flex;
	flex-direction: row;
	justify-content: space-between;
	flew-wrap: wrap;
	
	height: 40vh;
	margin-top: 5em;
  }

.what_we_do_image {
	Background-color: rgba(0,0,0,0.25);
	background-image: url("../images/home_image2.png");
	background-blend-mode:color-burn;
	background-size: 75%;
	background-attachment: fixed;
	background-repeat: space;
	
	align-self: center;
	
	height: 50vh;
	border-radius: 0.5em;
	box-shadow: inset 0px 0px 10px 5px rgba(015,015,015,0.2);
	margin: 0.5em;
	padding: 1em;
	
	flex: 1.5;
	
	transition: 0.5s ease-in-out;
}

@media (max-width: 1080px) {
  .what_we_do_image{
    width: 90vw;
  }
}
.what_we_do_image .presta_list{
	opacity: 0;
	
	transition: opacity 0;
	transition-duration: 0.2s;
}
	.what_we_do_image:hover {
		flex-grow: 10;
		padding: 1em;
		
		background-color: rgba(90,0,1,0.50);
	}

	.what_we_do_image:hover .presta_list{
		opacity: 1;
		
		transition-duration: 0.5s;
		transition-delay: 0.25s;
	}

.what_we_do_video {
	Background-color: rgba(0,0,0,0.25);
	background-image: url("../images/home_video2.png");
	background-blend-mode:color-burn;
	background-size: 75%;
	background-position: right;
	background-attachment: fixed;
	background-repeat: space;
	
	align-self: center;
	
	height: 50vh;
	border-radius: 0.5em;
	box-shadow: inset 0px 0px 10px 5px rgba(015,015,015,0.2);
	margin: 0.5em;
	padding: 1em;
	
	flex: 1.5;
		
	transition: 0.5s ease-in-out;
}

@media (max-width: 1080px) {
  .what_we_do_video{
    width: 90vw;
  }
}
.what_we_do_video .presta_list{
	opacity: 0;
	
	transition: opacity 0;
	transition-duration: 0.2s;
}
	.what_we_do_video:hover {
		flex-grow: 10;
		padding: 1em;
		
		background-color: rgba(90,0,1,0.50);
	}

	.what_we_do_video:hover .presta_list{
		opacity: 1;
		
		transition-duration: 0.5s;
		transition-delay: 0.25s;
	}

.what_we_do_sound {
	Background-color: rgba(0,0,0,0.25);
	background-image: url("../images/home_sound2.png");
	background-blend-mode:color-burn;
	background-size: 55%;
	background-position: right;
	background-attachment: fixed;
	background-repeat: no-repeat;
	
	align-self: center;
	
	height: 50vh;
	border-radius: 0.5em;
	box-shadow: inset 0px 0px 10px 5px rgba(015,015,015,0.2);
	margin: 0.5em;
	padding: 1em;
	
	flex: 1.5;
		
	transition: 0.5s ease-in-out;
}

@media (max-width: 1080px) {
  .what_we_do_sound{
    width: 90vw;
  }
}
.what_we_do_sound .presta_list{
	opacity: 0;
	
	transition: opacity 0;
	transition-duration: 0.2s;
}
	.what_we_do_sound:hover {
		flex-grow: 10;
		padding: 1em;
		
		background-color: rgba(90,0,1,0.50);
		
		transition: 0.5s ease-in-out;
	}


	.what_we_do_sound:hover .presta_list{
		opacity: 1;
		
		transition-duration: 0.5s;
		transition-delay: 0.25s;
	}

.presta_list {;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	
	align-self: center;
	
	padding-top: 5%;

	/*background-color: rgba(90,0,1,0.50);
	background-blend-mode: multiply;
	border-radius: 0.5em;*/
}
.presta_list h2{
	color: rgba(188,183,183,1.00);
	font-size: 60px;
	font-weight: bolder;
	text-decoration: underline;
	
}
.presta_list p{
	color: rgba(255,255,255,1.00);
	font-size: 2em;
	text-weight: bold;
}


/*-----------------------------------------------------------------
 -----------------------------BLOC 3------------------------------
------------------------------------------------------------------*/


.home_bloc_3 {
	/*background-color: lightpink;*/
	
	display: flex;
	
	margin: 2em;
	padding:1em;
	margin-bottom: 10vh;
	border-radius: 0.5em;
}
}