@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,700;1,700&display=swap');

/*.space-mono-bold {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: normal;
}

.space-mono-bold-italic {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: italic;
}

.montserrat-regular {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.montserrat-regular-italic {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}

.montserrat-bold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.montserrat-bold-italic {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
}*/


:root {
  --dark-purple: #3B2B78;
  --light-purple: #8758ED;
  --dark-blue: #623CEA;
  --light-blue: #889FEA;
  --yellow: #FFE570;
  --dark-purple-font: #3D2590;
}

html{
	overflow: hidden;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


.menu-link{
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 2;
	background-color: white;
	border: var(--dark-purple) solid 2px;
	text-decoration: none;
	font-family: canada-type-gibson, sans-serif;
	font-weight: 800;
	font-size: 14px;
	padding: 5px !important;
	color: var(--dark-purple-font);
}

.menu-link:before {
background-image: url('images/slideshow_arrow_left.png');
  display: inline-block;
  width: 12px;
  height: 15px;
  content: "";
  background-size: contain;
  margin-left: 0px;
  margin-right: 5px;
  margin-bottom: -3px;
}
body, html{
	color: white;
	background: transparent;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;

	margin: 0px;
		background-color: transparent	;
		cursor: zoom-out;
}

main{
	/*padding: 26vw;*/
	min-width: calc(100vw * 10);
	min-height: calc(100vh * 10);
	margin-left: calc(-450vw);
	margin-top: calc(-450vh);
	position: relative;
	transform: scale(0.1);
	transform-origin: 50% 50%;
}

.smooth-transition{
	transition: transform  .45s ease-in-out , margin .45s ease-in-out, transform-origin .45s ease-in-out;
}

section{
	position: absolute;
}

section, header, .content-container, .content-container>div, article, article>div{
	pointer-events: none;
}

.zoom-target-1, .zoom-target-2 ,.zoom-target-3, .zoom-target-4 {
	pointer-events: all;
	cursor: zoom-in;
}

.no-click {
   pointer-events: none !important;
}


#background-container{
	/*position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	background-image: url("images/BG.png");
	min-width: calc( 100vw * 10);
  min-height: calc(100vh * 10);
  background-size: 100% 100%;*/
  position: absolute;
  top: calc( 100vw * -.5);
  left: calc( 100vh * -1.5);
  z-index: -1;
  background-image: url("images/BG.png");
  min-width: calc( 100vw * 12);
  min-height: calc(100vh * 12);
  background-size: 100% 100%;
}

h1{
	font-size: 37vw;
	font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  line-height: 0;
  margin-bottom: 5vw;
}

h2{
	font-size: 6vw;
	font-family: "Space Mono", monospace;
  font-weight: 700;
  margin:0px;
  line-height: 7vw;
}
h3{
	font-size: 4vw;
	margin:0px;
	font-style: italic;
	font-weight: 400;
}

p{
	margin-block-start: 0px !important;
}

header{
	position: relative;
	width: max-content;
}

/*header img{
	height: 50vw;
	width: auto;
}*/

.description{
	width: 80vw;
	font-size: 4vw;
	position: absolute;
}

.content-container{
	display: flex;
	width: max-content;
	position: relative;
	margin-left: 25vw;
	gap: 4vw;
	/*margin-top: 7vw;*/
}

.content-container:before{ 
	content:url(images/symbol_arrow_right.svg) ;
	position: absolute;
	left: -25vw;
	top: 2.5vw;
	width: 15vw;
 }

.content-container>div:nth-child(even) article:nth-child(1){
	margin-top : 20vw;
}

article{
	width: 60vw;
}

article .wp-block-columns{
	position: relative;
	margin-left:10vw;
	margin-top: .50vw;
	gap: 1.7vw;
	align-items: flex-start !important;
}

article h2 + .wp-block-columns:before,
article h3 + .wp-block-columns:before
{
	content:url(images/symbol_cross.svg) ;
	position: absolute;
	left: -10vw;
	top: 0;
	width: 7vw;
}

article .wp-block-column:nth-child(1){
	font-size: 1.7vw;

}

article .wp-block-column:nth-child(2){
	font-size: .7vw;
}

article .wp-block-column:nth-child(2) h4{
	font-size: 1vw;
}

article iframe{
	zoom: 0.5;
	/*display: none;*/
}

article .wp-block-column:nth-child(2) figure{	
	position: relative;
	display: block;
}

article .wp-block-column:nth-child(2) figure iframe{	
	pointer-events: all;
}


article .wp-block-column:nth-child(2) figure:after{
	content:url(images/symbol_arrow_down.svg) ;
	position: relative;
	/*width: 5px;*/
	width : 2vw;
  display: block;
  margin-top: 1vw;
  margin-bottom: 0.1vw;
  visibility: visible;
}

article .wp-block-column:nth-child(2) figure.disable{
	 /*visibility: hidden;*/
}

article .wp-block-column:nth-child(2) figure.disable::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1.7vw);
    z-index: 1;
    opacity: 1;
     background-size: 100% 100%;
      visibility: visible;
      height: 78%;
      background-image: url(images/video_mask_vert.jpg) ;
}

.3d article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_vert.jpg) ;
}

.big-data article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_bleu.jpg) ;
}

.block-chain article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_bleu.jpg) ;
}

.ia article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_bleu.jpg) ;
}

.m-sante article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_orange.jpg) ;
}

.ra-vr article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_vert.jpg) ;
}

.reseaux article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_rose.jpg) ;
}

.robotique article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_vert.jpg) ;
}

.sis article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_rose.jpg) ;
}

.telemedecine article .wp-block-column:nth-child(2) figure.disable::before {
    background-image: url(images/video_mask_orange.jpg) ;
}




article ul {
 list-style: none;
 margin : 0px;
}

article li{
	padding-left: 4vw;
	font-size: 1.7vw;
	background: url(images/bullet.png) no-repeat top left;
	background-size: 2.7vw;
	background-position: 0px 0px;
	margin-bottom: 3rem;
}

article li:last-child{
	margin-bottom: 0rem;
}

article li strong{
	font-size: 2vw;
	margin:0px;
	font-weight: 800;
}

article .wp-block-quote {

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-style: italic;
	font-weight: 600;
	border-bottom: 1px solid white;
	padding-bottom: .5rem;

}