/*

// <weight>: Use a value from 300 to 800
// <uniquifier>: Use a unique and descriptive class name

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*/

/********************************************************************************************************************/

html{
  font-size: 12pt;
  font-family: "Open Sans", sans-serif;
  font-weight:300;
  background:#ffffff;
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
  text-decoration: none; 
}

img, fieldset {
  border: 0;
}

/* set image max width to 100% */
img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

ul li {
  list-style-type: none;
}


#human{display:none !important;}

.mobile{display:none;}

html, body {
  width: 100%;
  height: 100%;
}

body.no-scroll {
  overflow-y: hidden;
}

body.lock-scroll {
  overflow: hidden;
  height: 100%;
}

/* COVER CLASS::START */
.tall-img {
  height: auto;
  width: 100%;
  max-height: none;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wide-img {
  width: auto;
  height: 100%;
  max-width: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.cover {
  position: relative;
  overflow: hidden;
}
.cover > img{
  position:absolute;
}

/* INITIALISATION ***************************************************************************************************/

.table{display:table;}
.flex{display:flex;}

b, strong{font-weight:700;}
em{font-style:italic;}

:root {
	--my-purple: #55477B;
	--my-light-purple: #B69BFF;
	--my-dark-gray: #222222;
	--my-light-gray: #DDDDDD;

	--my-legend-rose: #FA6491;
	--my-legend-gris: #DDDDDD;
	--my-legend-mauve: #9984F1;
	--my-legend-grisbleu: #C0C5D3;
	--my-legend-jaune: #FFC600;
	
	--my-particle-vert: #8BC257;
	--my-particle-jaune: #DED18A;
	--my-particle-rose: #FDC1D3;
	--my-particle-bleu: #199FDC;
	--my-particle-mauve: #B2A4E8;
	--my-particle-gris: #E4E4E4;
}

.wrap{position:relative; margin:0 auto; width:1750px;}
.wrap-main-pics{position:relative; margin:0 auto; width:1920px; z-index:1; overflow:hidden;}
.specialheight{min-height:760px;}
.anchor{position:relative; visibility:hidden; top:-150px; display:block;}

/********************************************************************************************************************/

/* Conteneur du menu mobile */
#mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(85, 71, 123, 0.95); /* mauve avec transparence */
	z-index: 9999;
	display: none; /* masqué par défaut */
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index:99999;
}

/* Activer le menu */
#mobile-menu.open {
	display: flex;
}

/* Liste principale */
#mobile-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

/* Liens */
#mobile-menu a {
	display: inline-block;
	color: white;
	font-size: 24px;
	text-decoration: none;
	margin: 10px 0;
	transition: color 0.3s;
	font-weight:700;
}

#mobile-menu a:hover {
	color: #ddd;
}

/* Sous-menu */
#mobile-menu li ul {
	margin-top: 5px;
}

#mobile-menu li ul a {
	font-size: 18px;
}

/* Bouton de fermeture */
#mobile-menu .close-button {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 32px;
	color: white;
	background: none;
	border: none;
	cursor: pointer;
}

/********************************************************************************************************************/

nav{position:fixed; top:0; z-index:9999; width:100%; background:#fff; box-shadow:0 0 25px rgba(0,0,0,0.3);}
nav .flex{justify-content:space-between;}
nav .flex .left{position:relative;}
nav .flex .left a.toplogo{position:relative;}
nav .flex .left a.toplogo img{}
nav .flex .left a.toplogo:hover{transform:translateY(-10px);}
nav .flex .right{position:relative; align-self:center; text-align:right;}
nav .flex .right > ul{display:inline-flex; list-style:none;}
nav .flex .right > ul > li{position:relative;}
nav .flex .right > ul > li > a{font-size:1.2em; padding:10px 20px; color:#000; font-weight:400;}
nav .flex .right > ul > li:hover > a{color:var(--my-purple);}
nav .flex .right > ul > li > ul{display:none;}
nav .flex .right > ul > li:hover > ul{display:block; position:absolute; text-align:left; top:100%; left:0; background:var(--my-purple); padding:0 10px;}
nav .flex .right > ul > li > ul > li{position:relative;}
nav .flex .right > ul > li > ul > li > a{color:#fff; display:inline-block; padding:10px 0;}
nav .flex .right > ul > li > ul > li:hover > a{background:#fff; color:var(--my-purple);}

nav .flex .right > ul > li.cta > a{background:var(--my-purple); color:#fff; font-weight:700; border-radius:15px;}
nav .flex .right > ul > li.cta:hover > a{background:var(--my-light-purple); color:#222;}
nav .flex .right > ul > li.has-submenu > a{padding-right:30px !important; background:url(img/down-arrow.png) no-repeat 90% 50%;}

#mobile-icon{display:none;}
#mobile-icon:hover{cursor:pointer; opacity:0.5;}

/********************************************************************************************************************/

#top{position:relative; z-index:1;}
#top .bg{position:absolute; top:0; left:0; width:100%; height:760px; z-index:1;}
#top .wrap{height:100%;}
#top .slogan{position:absolute; bottom:90px; left:0px; z-index:5; width:41%;}
#top .slogan h1{color:var(--my-purple); font-size:3.3em;}
#top .slogan h2{color:var(--my-purple); font-size:2.2em; margin-top:-15px; margin-bottom:20px;}
#top .slogan h2 span{text-decoration:underline;}
#top .slogan p{color:#222; font-size:1.2em;}
#top .shadow-over{position:absolute; width:1635px; height:74px; top:100px; left:0; right:0; margin:0 auto; background:url(img/shadow-over.png) no-repeat; z-index:3;}
#top .shadow-under{position:absolute; width:1635px; height:74px; bottom:0; left:0; right:0; margin:0 auto; background:url(img/shadow-under.png) no-repeat; z-index:3;}

/********************************************************************************************************************/

#problem{position:relative; z-index:1; display:flex;}
#problem .left{width:40%; padding:300px 5%; align-content:center;}

/* Style might be re-used. */
#problem .left h2{color:#222; font-size:2.2em;}
#problem .left h2 span{color:var(--my-purple);}
#problem .left h3{color:#222; font-size:1.4em; margin-bottom:25px;}

#problem .left p{color:#222; line-height:1.4em; font-size:1.2em;}
#problem .right{width:50%; align-content:center;}

/********************************************************************************************************************/

#solution{position:relative; background:var(--my-purple); padding:70px 0;}
#solution .wrap{position:relative; z-index:10;}

#solution .wrap h2{color:#fff; font-size:2.2em;}
#solution .wrap h2 span{color:var(--my-light-purple);}
#solution .wrap h3{color:#fff; font-size:1.4em; margin-bottom:25px;}

#solution .wrap h4{color:#fff; margin:40px 0 20px; font-size:4em;}

#solution .wrap .three-imgs{position:relative; display:flex; justify-content:space-between; margin-bottom:30px;}
#solution .wrap .three-imgs img{margin:0 10px;}

#solution .wrap .text-block{position:relative; border:3px solid #fff; color:#fff; padding:30px; font-size:1.6em; max-width:900px; border-radius:35px;}

#solution .shadow-over{position:absolute; width:1635px; height:74px; top:0; left:0; right:0; margin:0 auto; background:url(img/shadow-over.png) no-repeat; z-index:3;}
#solution .shadow-under{position:absolute; width:1635px; height:74px; bottom:0; left:0; right:0; margin:0 auto; background:url(img/shadow-under.png) no-repeat; z-index:3;}
#solution .bg-wave{position:absolute; width:100%; height:815px; bottom:0; left:0; right:0; margin:0 auto; background:url(img/bg/wave.png) no-repeat; background-size:cover; z-index:2;}

/********************************************************************************************************************/

#technology{position:relative; background:#222; padding:100px 0;}
#technology .wrap{position:relative; z-index:10;}
#technology .wrap .section1{position:relative; justify-content:space-between;}
#technology .wrap .section1 .left{text-align:left; align-self:center;}

#technology .wrap .section1 .left h2{color:#fff; font-size:2.2em;}
#technology .wrap .section1 .left h2 span{color:var(--my-light-purple);}
#technology .wrap .section1 .left h3{color:#fff; font-size:1.4em; margin-bottom:25px;}

#technology .wrap .section1 .right{width:525px; height:325px;}
#technology .wrap .section1 .right .img{position:relative; width:100%; height:100%;}
#technology .wrap .section1 .right .img .img-text{position:absolute; bottom:30px; left:30px;}
#technology .wrap .section1 .right .img .img-text h4{color:#fff;}
#technology .wrap .section1 .right .img .img-text h5{color:#fff;}

#technology .wrap .section2{position:relative; padding:0 270px; margin:100px 0; justify-content:space-between;}
#technology .wrap .section2 .legend{position:relative; align-self:center;}
#technology .wrap .section2 .legend .table{position:relative; display:table; border-spacing:10px;}
#technology .wrap .section2 .legend .table .table-row{display:table-row;}
#technology .wrap .section2 .legend .table .table-row .colorcode{display:table-cell; padding-right:20px;}
#technology .wrap .section2 .legend .table .table-row .colorcode span{display:block; width:25px; height:100px; border-radius:20px;}
#technology .wrap .section2 .legend .table .table-row .text{display:table-cell; vertical-align:middle;}
#technology .wrap .section2 .legend .table .table-row .text h3{font-size:1.4em; margin-bottom:5px;}
#technology .wrap .section2 .legend .table .table-row .text p{color:#fff; font-size:1.2em;}
#technology .wrap .section2 .img{position:relative; align-self:center;}
#technology .wrap .section2 .img img{position:relative;}

#technology .color1 .colorcode span{background:var(--my-legend-rose);}
#technology .color2 .colorcode span{background:var(--my-legend-gris);}
#technology .color3 .colorcode span{background:var(--my-legend-mauve);}
#technology .color4 .colorcode span{background:var(--my-legend-grisbleu);}

#technology .color1 .text h3{color:var(--my-legend-rose);}
#technology .color2 .text h3{color:var(--my-legend-jaune);}
#technology .color3 .text h3{color:var(--my-legend-mauve);}
#technology .color4 .text h3{color:var(--my-legend-grisbleu);}

#technology .wrap .section3{position:relative; justify-content:space-between;}
#technology .wrap .section3 .text{width:23%; align-self:center; padding:35px 3%; background:var(--my-purple); border-radius:35px;}
#technology .wrap .section3 .text p{color:#fff; font-weight:700; margin:20px 0;}
#technology .wrap .section3 a{width:31%; align-self:center;}
#technology .wrap .section3 a img{width:100%; height:auto;}

/********************************************************************************************************************/

#roadmap{position:relative; padding:100px 0;}
#roadmap .wrap{position:relative; z-index:10;}

#roadmap .wrap h2{color:#222; font-size:2.2em;}
#roadmap .wrap h2 span{color:var(--my-purple);}
#roadmap .wrap h3{color:#222; font-size:1.4em; margin-bottom:25px;}

#roadmap .wrap .roadmap-table{position:relative; margin-top:70px;}

#roadmap .wrap .roadmap-table .title{position:relative; display:flex; justify-content:space-between;}
#roadmap .wrap .roadmap-table .title .empty-title{width:10%; margin-right:2%; align-self:flex-start;}
#roadmap .wrap .roadmap-table .title .cells{display:flex; justify-content:space-between; width:90%; align-self:flex-start;}
#roadmap .wrap .roadmap-table .title .cells .cell{width:14.4%; padding:20px 2%;}
#roadmap .wrap .roadmap-table .title .cells .double-cell{width:34.8%; padding:20px 2%;}

#roadmap .wrap .roadmap-table .title .cells .cell, #roadmap .wrap .roadmap-table .title .cells .double-cell{color:var(--my-purple); font-size:1.6em; text-align:center; font-weight:700;}

#roadmap .wrap .roadmap-table .s1{position:relative; display:flex; justify-content:space-between; margin-top:20px;}
#roadmap .wrap .roadmap-table .s1 h4{width:10%; margin-right:2%; align-self:flex-start; color:var(--my-purple); font-size:1.4em; line-height:1.4em;}
#roadmap .wrap .roadmap-table .s1 h4 span{color:#222; font-size:0.7em; position:absolute; left:-15px;}
#roadmap .wrap .roadmap-table .s1 .cells{width:90%; position:relative;}
#roadmap .wrap .roadmap-table .s1 .cells .line{position:relative; padding-bottom:10px; display:flex; justify-content:space-between; }
#roadmap .wrap .roadmap-table .s1 .cells .line .empty-cell{width:14.4%; padding:20px 2%; display:inline-block;}
#roadmap .wrap .roadmap-table .s1 .cells .line .cell{position:relative; width:14.4%; padding:20px 2%; background:#eee; display:inline-block;}
#roadmap .wrap .roadmap-table .s1 .cells .line .double-cell{position:relative; width:34.8%; padding:20px 2%; background:#eee; display:inline-block;}
#roadmap .wrap .roadmap-table .s1 .cells .line .triple-cell{position:relative; width:55.2%; padding:20px 2%; background:#eee; display:inline-block;}
#roadmap .wrap .roadmap-table .s1 .cells .line .highlight{background:var(--my-purple); color:#fff; font-weight:700;}

/*#roadmap .wrap .roadmap-table .s1 .cells .line .inner{position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);}*/

#roadmap .wrap .text-bloc{position:relative; border:3px solid var(--my-purple); padding:30px; max-width:900px; border-radius:35px; margin-top:70px;}
#roadmap .wrap .text-bloc h3{color:var(--my-purple); font-size:1.6em; margin-bottom:10px;}
#roadmap .wrap .text-bloc p{color:#222; font-size:1.2em; line-height:1.2em;}

#roadmap .cell, #roadmap .double-cell, #roadmap .triple-cell{border-radius:15px;}

/********************************************************************************************************************/

#own-product{position:relative; padding:100px 0; background:var(--my-purple);}
#own-product .wrap{position:relative; z-index:10;}

#own-product .wrap .title-with-img{position:relative; display:flex; padding:0 270px; margin-bottom:50px;}
#own-product .wrap .title-with-img .img{position:relative;}
#own-product .wrap .title-with-img .img img{margin-right:20px;}
#own-product .wrap .title-with-img .txt{position:relative; align-self:center;}
#own-product .wrap .title-with-img .txt h2{color:#fff; font-size:2.2em;}
#own-product .wrap .title-with-img .txt h3{color:#fff; font-size:1.4em; margin-bottom:25px;}

#own-product .wrap .two-cols{position:relative; display:flex; padding:0 270px;}
#own-product .wrap .two-cols .col{width:40%; align-self:flex-start; margin-right:10%;}
#own-product .wrap .two-cols .col h3{color:#fff; font-size:1.8em; margin-bottom:10px;}
#own-product .wrap .two-cols .col p{color:#fff; font-size:1em; line-height:1.2em; margin:10px 0;}
#own-product .wrap .two-cols .col img.bottom{margin-top:15px; width:100%;}
#own-product .wrap .two-cols .col img.bottom2{position:relative; top:11px;}
#own-product .wrap .two-cols .col img.float-img{float:right; margin:0 0 10px 10px; width:135px;}

#own-product .wrap .text-block{position:relative; border:3px solid #fff; padding:30px; margin:80px 270px 0 270px; max-width:690px; border-radius:35px;}
#own-product .wrap .text-block h4{color:#fff; margin-bottom:10px; font-size:1.4em;}
#own-product .wrap .text-block table{border:0; cell-spacing:10px;}
#own-product .wrap .text-block td{color:#fff; padding:10px 15px 0 0;}

#own-product .shadow-over{position:absolute; width:1635px; height:74px; top:0; left:0; right:0; margin:0 auto; background:url(img/shadow-over.png) no-repeat; z-index:3;}
#own-product .shadow-under{position:absolute; width:1635px; height:74px; bottom:0; left:0; right:0; margin:0 auto; background:url(img/shadow-under.png) no-repeat; z-index:3;}
#own-product .bg-wave{position:absolute; width:100%; height:815px; bottom:0; left:0; right:0; margin:0 auto; background:url(img/bg/wave.png) no-repeat; background-size:cover; z-index:2;}

/********************************************************************************************************************/

#precision-chemotherapy{position:relative; padding:100px 0; background:#222;}
#precision-chemotherapy .wrap{position:relative; z-index:10;}

#precision-chemotherapy .wrap h2{color:#fff; font-size:2.2em;}
#precision-chemotherapy .wrap h3{color:#fff; font-size:1.4em; margin-bottom:50px;}

#precision-chemotherapy .wrap .two-sides{position:relative; display:flex; justify-content:space-between;}
#precision-chemotherapy .wrap .two-sides .left{position:relative; width:41%; padding:50px 3%; align-self:flex-start; background:var(--my-purple); border-radius:35px;}
#precision-chemotherapy .wrap .two-sides .left .arrow{position:absolute; z-index:5; top:520px; right:-265px;}
#precision-chemotherapy .wrap .two-sides .left .arrow img{}
#precision-chemotherapy .wrap .two-sides .left .img1{position:absolute; right:50px; top:50px;}
#precision-chemotherapy .wrap .two-sides .left .img2{position:absolute; right:20px; top:385px;}
#precision-chemotherapy .wrap .two-sides .left h3{color:#fff; font-size:1.8em; margin-bottom:20px;}
#precision-chemotherapy .wrap .two-sides .left p{color:#fff; font-size:1.2em; line-height:1.2em; margin:0 0 30px; max-width:420px;}
#precision-chemotherapy .wrap .two-sides .left .btns{position:relative; display:flex; justify-content:space-between;}
#precision-chemotherapy .wrap .two-sides .left .btns a{width:44%; padding:20px 2%; background:#fff; border-radius:35px; color:#222; text-align:center; font-weight:700;}
#precision-chemotherapy .wrap .two-sides .left .btns a:hover{background:#222; color:#fff;}

#precision-chemotherapy .wrap .two-sides .left p.vert{color:var(--my-particle-vert); max-width:100%;}
#precision-chemotherapy .wrap .two-sides .left p.jaune{color:var(--my-particle-jaune);}
#precision-chemotherapy .wrap .two-sides .left p.rose{color:var(--my-particle-rose);}
#precision-chemotherapy .wrap .two-sides .left p.bleu{color:var(--my-particle-bleu);}
#precision-chemotherapy .wrap .two-sides .left p.mauve{color:#fff; max-width:100%;}
#precision-chemotherapy .wrap .two-sides .left p.blanc{max-width:300px;}
#precision-chemotherapy .wrap .two-sides .left p.gras{max-width:100%;}

#precision-chemotherapy .wrap .two-sides .right{width:41%; padding:50px 3%; align-self:flex-start;}
#precision-chemotherapy .wrap .two-sides .right p{color:#fff; font-size:1.2em; line-height:1.2em; max-width:600px; margin-bottom:30px;}
#precision-chemotherapy .wrap .two-sides .right .img3{position:relative; margin:30px 0 0 100px;}

/********************************************************************************************************************/

#business-development{position:relative; padding:70px 0;}
#business-development .wrap{position:relative; z-index:10;}
#business-development .wrap .inner-wrap{position:relative; padding:0 135px;}

#business-development .wrap h2{color:#222; font-size:2.2em;}
#business-development .wrap h3{color:#222; font-size:1.4em; margin-bottom:30px;}

#business-development .wrap .blocs-mauve{position:relative; display:flex; justify-content:space-between; margin-bottom:100px;}
#business-development .wrap .blocs-mauve .bloc{width:44%; padding:20px 2%; background:var(--my-purple); border-radius:35px;}
#business-development .wrap .blocs-mauve .bloc p{color:#fff; font-size:1.2em; line-height:1.2em; margin:25px 0;}

#business-development .wrap .blocs-gris{position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:100px;}
#business-development .wrap .blocs-gris .left{width:44%; padding:20px 2%; background:#eee; border-radius:35px; margin-bottom:10px;}
#business-development .wrap .blocs-gris .left h4{color:#222; font-size:1.4em;}
#business-development .wrap .blocs-gris .left p{color:#222; font-size:1.2em; line-height:1.2em;}
#business-development .wrap .blocs-gris .right{width:44%; padding:20px 2%; background:#cbcbcb; border-radius:35px; margin-bottom:10px;}
#business-development .wrap .blocs-gris .right p{color:#222; font-size:1.2em; line-height:1.2em;}

#business-development .wrap .two-graphs{position:relative; display:flex; justify-content:space-between;}
#business-development .wrap .two-graphs .col{width:44%;}
#business-development .wrap .two-graphs .col a{position:relative;}
#business-development .wrap .two-graphs .col a img{top:0; transition:top 0.4s ease;}
#business-development .wrap .two-graphs .col a:hover img{top:-10px;}

/********************************************************************************************************************/

#team{position:relative; padding:70px 0; background:var(--my-purple);}
#team .wrap{position:relative; z-index:10;}

#team .wrap h2{color:#fff; font-size:2.2em;}
#team .wrap h3{color:#fff; font-size:1.4em; margin-bottom:70px;}

#team .wrap .team-list{position:relative; display:flex; justify-content:space-between; margin-bottom:70px;}
#team .wrap .team-list .member{position:relative; width:15%; align-self:flex-start;}
#team .wrap .team-list .member img{position:relative; margin-bottom:25px;}
#team .wrap .team-list .member h4{color:#fff; font-size:1.2em;}
#team .wrap .team-list .member h5{color:#fff; font-size:1em; font-weight:300; margin-bottom:15px;}
#team .wrap .team-list .member p{color:#fff; font-size:1em;}

#team .wrap .two-blocs{position:relative; display:flex;}
#team .wrap .two-blocs .col{width:40%; margin-right:10%;}
#team .wrap .two-blocs .col h3{color:#fff; font-size:1.6em; margin-bottom:10px;}
#team .wrap .two-blocs .col p{color:#fff; font-size:1.2em; line-height:1.2em;}
#team .wrap .two-blocs .col p a{color:#fff; text-decoration:underline; display:inline-block; margin-right:20px;}
#team .wrap .two-blocs .col p a:hover{color:#222;}

#team .shadow-over{position:absolute; width:1635px; height:74px; top:0; left:0; right:0; margin:0 auto; background:url(img/shadow-over.png) no-repeat; z-index:3;}
#team .shadow-under{position:absolute; width:1635px; height:74px; bottom:0; left:0; right:0; margin:0 auto; background:url(img/shadow-under.png) no-repeat; z-index:3;}
#team .bg-wave{position:absolute; width:100%; height:815px; bottom:0; left:0; right:0; margin:0 auto; background:url(img/bg/wave.png) no-repeat; background-size:cover; z-index:2;}

/********************************************************************************************************************/

#financial{position:relative; padding:70px 0;}
#financial .wrap{position:relative; z-index:10;}

#financial .wrap h2{color:var(--my-purple); font-size:2.2em;}
#financial .wrap h3{color:#222; font-size:1.4em; margin-bottom:40px;}

#financial .wrap .three-cols{position:relative; display:flex; justify-content:space-between;}
#financial .wrap .three-cols .col{position:relative; align-self:flex-start; margin:0 4% 0 0;}
#financial .wrap .three-cols .col p{color:#222; font-size:1em; line-height:1.2em; margin-bottom:20px;}
#financial .wrap .three-cols .col ul{margin:-15px 0 20px 21px;}
#financial .wrap .three-cols .col ul li{list-style:circle; color:#222; font-size:1em; line-height:1.2em;}
#financial .wrap .three-cols .col table{position:relative; margin-bottom:20px;}
#financial .wrap .three-cols .col table td{padding:0 10px 10px 0; color:#222; font-size:1em; line-height:1.2em; vertical-align:top;}
#financial .wrap .three-cols .col table td.mauve{color:var(--my-purple); font-weight:700; min-width:200px;}

#financial .wrap .three-cols .col .text-and-img{position:relative; display:flex; justify-content:space-between;}
#financial .wrap .three-cols .col .text-and-img .txt{position:relative; margin-right:30px;}
#financial .wrap .three-cols .col .text-and-img .txt p{color:#222; font-size:1em; line-height:1.2em; margin-bottom:20px;}
#financial .wrap .three-cols .col .text-and-img .img{position:relative;}
#financial .wrap .three-cols .col .text-and-img .img img{position:relative;}

/********************************************************************************************************************/

footer{position:relative; padding:70px 0; background:var(--my-light-gray);}
footer .flex{justify-content:space-between;}
footer .flex .left{position:relative; width:40%;}
footer .flex .left img{margin-bottom:30px;}
footer .flex .left h3{font-size:1.2em; color:#222;}
footer .flex .left span{position:absolute; bottom:0; left:0; color:#222; font-size:1em;}
footer .flex .right{position:relative; width:30%;}
footer .flex .right h3{font-size:1.2em; color:#222; margin-bottom:20px;}

footer .flex .right input[type="text"], footer .flex .right input[type="tel"], footer .flex .right input[type="email"]{display:block; padding:10px 2%; margin-bottom:10px; background:#fff; color:#222; border:0; width:96%;}
footer .flex .right textarea{display:block; padding:15px 2%; margin-bottom:10px; background:#fff; color:#222; border:0; min-height:100px; width:96%; font-family:"Open Sans", sans-serif;}
footer .flex .right input[type="submit"]{display:block; padding:20px 2%; background:var(--my-purple); color:#fff; border:0; text-align:left; width:100%; font-weight:700;}
footer .flex .right input[type="submit"]:hover{cursor:pointer; background:#222;}

.msg-success{position:relative; background:green; color:white; padding:20px; margin-bottom:20px;}
.msg-error{position:relative; background:red; color:white; padding:20px; margin-bottom:20px;}

footer::placeholder {
  color: #222; font-family:"Open Sans", sans-serif;
  opacity: 1; /* Needed in some browsers */
}

/********************************************************************************************************************/

#top, #problem, #solution, #technology, #roadmap, #own-product, #precision-chemotherapy, #business-development, #team, #financial, #contact{overflow:hidden;}

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/* CSS MEDIA QUERIES - WIDTH */
@media screen and (max-width: 1750px){
	.wrap { width: 1560px; }
	#problem .left{padding:190px 5%;}
	#solution .wrap h4{font-size:3.6em;}
	#solution .wrap .three-imgs img{width:33%; margin:0 1%;}
	#roadmap .wrap .roadmap-table .s1 h4 span{position:relative; left:0; margin-right:5px;}
	#own-product .wrap .title-with-img, #own-product .wrap .two-cols{padding:0 170px;}
	#own-product .wrap .text-block{margin:80px 170px 0 170px;}
	#precision-chemotherapy .wrap .two-sides .left .img1{width:260px;}
	#precision-chemotherapy .wrap .two-sides .left .img2{top:420px; width:300px;}
	#precision-chemotherapy .wrap .two-sides .right .img3{width:350px; margin:70px 0 0 65px;}
	#precision-chemotherapy .wrap .two-sides .left .arrow{width:200px; right:-185px;}
	#precision-chemotherapy .wrap .two-sides .left .btns a{font-size:0.9em;}
}
@media screen and (max-width: 1600px){
	.wrap { width: 1300px; }
	#top .slogan{width:55%;}
	#problem .left p, #roadmap .wrap .text-bloc p{font-size:1.1em;}
	#solution .wrap h4{font-size:3em;}
	#technology .wrap .section2{padding:0 100px;}
	#technology .wrap .section3 a{padding:100px 0; background:#fff; border-radius:35px;}
	#roadmap .wrap .roadmap-table .s1 h4{font-size:1.2em; width:12%;}
	#own-product .wrap .title-with-img, #own-product .wrap .two-cols{padding:0 30px;}
	#own-product .wrap .title-with-img .img img{margin-right:30px;}
	#own-product .wrap .text-block{margin:80px 30px 0 30px;}
	#precision-chemotherapy .wrap .two-sides .left{width:55%;}
	#precision-chemotherapy .wrap .two-sides .right .img3{margin:65px 0 0 140px;}
	#business-development .wrap .inner-wrap{padding:0;}
	#team .wrap .two-blocs .col{width:47%; margin-right:0;}
	#financial .wrap .three-cols .col table td{padding:0 15px 20px 0;}
	footer .flex .right{width:40%;}
}
@media screen and (max-width: 1366px){
	.wrap { width: 1180px; }
	#top .slogan{width:60%;}
	#problem .left p, #roadmap .wrap .text-bloc p{font-size:1em;}
	#solution .wrap h4{font-size:2.7em;}
	#solution .wrap .text-block{font-size:1.2em; max-width:600px;}
	#technology .wrap .section1 .right{width:430px; height:265px;}
	#technology .wrap .section2 .legend .table .table-row .text p{font-size:1em;}
	#technology .wrap .section2 .legend{margin-right:50px;}
	#technology .wrap .section3 a{padding:140px 0;}
	#roadmap .wrap .roadmap-table .title .cells .cell, #roadmap .wrap .roadmap-table .title .cells .double-cell{font-size:1.2em;}
	#roadmap .wrap .roadmap-table .s1 .cells .line .cell, #roadmap .wrap .roadmap-table .s1 .cells .line .double-cell, #roadmap .wrap .roadmap-table .s1 .cells .line .triple-cell{font-size:0.9em;}
	#own-product .wrap .title-with-img, #own-product .wrap .two-cols{padding:0;}
	#own-product .wrap .two-cols .col{width:50%; margin-right:8%;}
	#precision-chemotherapy .wrap .two-sides .left .img1{width:205px;}
	#precision-chemotherapy .wrap .two-sides .left .img2{width:280px; top:460px;}
	#precision-chemotherapy .wrap .two-sides .right .img3{width:325px;}
	#precision-chemotherapy .wrap .two-sides .left .arrow{top:560px;}
	#precision-chemotherapy .wrap .two-sides .left .btns a{align-self:center;}
	#business-development .wrap .blocs-mauve .bloc p{font-size:1em; margin:15px 0;}
	#business-development .wrap .blocs-gris .left p, #business-development .wrap .blocs-gris .right p{font-size:1em;}
	#team .wrap .team-list{flex-wrap:wrap;}
	#team .wrap .team-list .member{width:30%; margin-bottom:50px;}
}
@media screen and (max-width: 1220px){
	.wrap { width: 1000px; }
	nav{height:75px;}
	nav .flex .left a.toplogo{height:75px; display:block;}
	nav .flex .left a.toplogo img{height:100%;}
	nav .flex .right > ul > li > a{font-size:1em; padding:10px 15px;}
	#top .shadow-over{top:55px;}
	#top .slogan{width:70%; bottom:30px;}
	#top .slogan h1{font-size:2.2em;}
	#top .slogan h2{font-size:1.6em; margin-top:-7px; margin-bottom:12px;}
	#top .slogan p{font-size:1em; max-width:600px;}
	#problem .left{width:44%; padding:85px 3%;}
	
	/* All titles */
	#problem .left h2, #solution .wrap h2, #technology .wrap .section1 .left h2, #roadmap .wrap h2, #own-product .wrap .title-with-img .txt h2, #precision-chemotherapy .wrap h2, #business-development .wrap h2, #team .wrap h2, #financial .wrap h2{font-size:1.8em;}
	#problem .left h3, #solution .wrap h3, #technology .wrap .section1 .left h3, #roadmap .wrap h3, #own-product .wrap .title-with-img .txt h3, #precision-chemotherapy .wrap h3, #business-development .wrap h3, #team .wrap h3, #financial .wrap h3{font-size:1.2em;}
	
	#solution .wrap h4{font-size:2.3em;}
	#technology .wrap .section1 .right{width:375px; height:230px;}
	#technology .wrap .section3{flex-wrap:wrap;}
	#technology .wrap .section3 .text{width:94%; margin-bottom:25px;}
	#technology .wrap .section3 a{padding:0; background:transparent; width:48%;}
	#roadmap .wrap .roadmap-table{margin-top:25px;}
	#roadmap .wrap .roadmap-table .s1 h4{font-size:1em;}
	#roadmap .wrap .text-bloc{margin-top:50px;}
	#roadmap .wrap .text-bloc h3{font-size:1.2em;}
	#roadmap .wrap .text-bloc{max-width:675px;}
	#own-product .wrap .title-with-img .img img{width:200px;}
	#own-product .wrap .two-cols .col h3{font-size:1.4em;}
	#own-product .wrap .two-cols .col img.float-img{width:125px;}
	#own-product .wrap .text-block{margin:80px 30px 0 0;}
	#precision-chemotherapy .wrap .two-sides .left h3{font-size:1.4em;}
	#precision-chemotherapy .wrap .two-sides .left p{font-size:1em; max-width:300px;}
	#precision-chemotherapy .wrap .two-sides .left .img1{right:25px;}
	#precision-chemotherapy .wrap .two-sides .right p{font-size:1em;}
	#precision-chemotherapy .wrap .two-sides .left .img2{width:240px; top:365px; right:15px;}
	#precision-chemotherapy .wrap .two-sides .right .img3{width:275px; margin:4px 0 0 -10px;}
	#precision-chemotherapy .wrap .two-sides .left .arrow{top:600px; right:-100px;}
	#business-development .wrap .blocs-gris .left h4{font-size:1.1em;}
	#business-development .wrap .blocs-gris .left p, #business-development .wrap .blocs-gris .right p{font-size:0.9em;}
	#team .wrap .two-blocs .col h3{font-size:1.2em;}
	#team .wrap .two-blocs .col p{font-size:1em;}
	footer .flex .left h3, footer .flex .right h3{font-size:1em;}
	
	
}
@media screen and (max-width: 1024px){
	.wrap { width: 900px; }
	#solution .wrap h4{font-size:2em;}
	#technology .wrap .section1 .right{width:285px; height:175px;}
	#technology .wrap .section2{padding:0;}
	#technology .wrap .section2 .legend .table .table-row .text h3{font-size:1.2em;}
	#technology .wrap .section2 .legend .table .table-row .text p{font-size:0.9em;}
	#own-product .wrap .two-cols .col{margin-right:4%;}
	#precision-chemotherapy .wrap .two-sides .left .img1{width:160px;}
	#precision-chemotherapy .wrap .two-sides .left .img2{width:215px;}
	#precision-chemotherapy .wrap .two-sides .right .img3{width:250px;}
	
}
@media screen and (max-width: 950px){
	.wrap { width: 720px; }
	nav .flex .right > ul{display:none;}
	#mobile-icon{display:inline-block; width:30px; margin-top:5px;}
	#mobile-icon img{width:100%;}
	#problem{flex-direction:column;}
	#problem .left{width:94%; padding:60px 3%;}
	#problem .right{width:100%; height:600px;}
	#solution .wrap h4{font-size:1.65em;}
	#solution .wrap .text-block{font-size:1em; max-width:500px; padding:20px; margin-top:50px;}
	#technology{padding:60px 0;}
	#technology .wrap .section1{flex-direction:column;}
	#technology .wrap .section1 .left{width:100%;}
	#technology .wrap .section1 .right{width:400px; height:245px;}
	
	#problem .left h2, #solution .wrap h2, #technology .wrap .section1 .left h2, #roadmap .wrap h2, #own-product .wrap .title-with-img .txt h2, #precision-chemotherapy .wrap h2, #business-development .wrap h2, #team .wrap h2, #financial .wrap h2{font-size:1.4em;}
	#problem .left h3, #solution .wrap h3, #technology .wrap .section1 .left h3, #roadmap .wrap h3, #own-product .wrap .title-with-img .txt h3, #precision-chemotherapy .wrap h3, #business-development .wrap h3, #team .wrap h3, #financial .wrap h3{font-size:1.1em;}
	
	#roadmap .wrap .roadmap-table .s1 h4{font-size:0.8em;}
	
	/*#roadmap{padding:60px 0;}
	#roadmap .roadmap-table .title,
	#roadmap .roadmap-table .s1 {
		flex-direction: column;
	}

	#roadmap .roadmap-table .title .cells,
	#roadmap .roadmap-table .s1 .cells,
	#roadmap .roadmap-table .s1 .cells .line {
		width: 100%;
		flex-direction: column;
	}

	#roadmap .roadmap-table .title .empty-title,
	#roadmap .roadmap-table .s1 h4 {
		width: 100%;
		margin-bottom: 10px;
	}

	#roadmap .roadmap-table .s1 .cells .line .cell,
	#roadmap .roadmap-table .s1 .cells .line .double-cell,
	#roadmap .roadmap-table .s1 .cells .line .triple-cell,
	#roadmap .roadmap-table .s1 .cells .line .empty-cell {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
	}*/
	
	#roadmap .wrap .text-bloc{max-width:100%;}
	#own-product{padding:60px 0;}
	#own-product .wrap .title-with-img .img img{width:120px;}
	#own-product .wrap .two-cols{flex-direction:column;}
	#own-product .wrap .two-cols .col{margin-right:0; width:100%; margin-bottom:50px;}
	#own-product .wrap .text-block{margin:40px 0 0;}
	#own-product .wrap .text-block h4{font-size:1.2em;}
	#own-product .wrap .text-block td{font-size:0.9em;}
	
	#precision-chemotherapy{padding:60px 0;}
	#precision-chemotherapy .wrap .two-sides{flex-direction:column;}
	#precision-chemotherapy .wrap .two-sides .left{width:94%;}
	#precision-chemotherapy .wrap .two-sides .left .img1{width:250px;}
	#precision-chemotherapy .wrap .two-sides .left .img2{width:315px; right:55px;}
	#precision-chemotherapy .wrap .two-sides .left .arrow{top:auto; right:37%; bottom:-131px; transform:rotate(90deg);}
	#precision-chemotherapy .wrap .two-sides .right{width:94%; margin-top:145px;}
	#precision-chemotherapy .wrap .two-sides .right p{max-width:100%;}
	#precision-chemotherapy .wrap .two-sides .right .img3{width:350px; left:150px; right:150px;}
	#business-development .wrap h3 br{display:none;}
	#team .wrap .two-blocs{flex-direction:column;}
	#team .wrap .two-blocs .col{width:100%; margin-bottom:30px;}
	#financial .wrap .three-cols{flex-direction:column;}
	#financial .wrap .three-cols .col{margin:0 0 50px;}
	#financial .wrap .three-cols .col table{margin-bottom:50px;}
	footer .flex .left{width:50%;}
	footer .flex .right{width:48%;}
	footer .flex .right textarea{font-size:0.8em;}
	
	
}
@media screen and (max-width: 768px){
	.wrap { width: 600px; }
	#top .bg{background-position:77% center !important;}
	#top .slogan{width:100%;}
	#solution .wrap h4{font-size:1.37em;}
	#technology .wrap .section3 a{width:100%; margin-bottom:20px;}
	#roadmap .wrap .roadmap-table .title .cells .cell, #roadmap .wrap .roadmap-table .title .cells .double-cell{font-size:1em;}
	#roadmap .wrap .roadmap-table .s1 .cells{width:82%;}
	#roadmap .wrap .roadmap-table .s1 .cells .line .cell, #roadmap .wrap .roadmap-table .s1 .cells .line .double-cell, #roadmap .wrap .roadmap-table .s1 .cells .line .triple-cell{font-size:0.7em;}
	#roadmap .wrap .text-bloc p{font-size:0.9em;}
	#own-product .wrap .title-with-img .txt{width:500px;}
	#precision-chemotherapy .wrap .two-sides .left .img2{width:255px; right:30px;}
	#precision-chemotherapy .wrap .two-sides .left .btns{flex-direction:column;}
	#precision-chemotherapy .wrap .two-sides .left .btns a{width:94%; margin:10px 3%;}
	#precision-chemotherapy .wrap .two-sides .right .img3{left:120px; right:120px;}
	#business-development .wrap .blocs-mauve .bloc p{font-size:0.9em;}
	#business-development .wrap .blocs-mauve, #business-development .wrap .blocs-gris{margin-bottom:50px;}
	#business-development .wrap .two-graphs{flex-direction:column;}
	#business-development .wrap .two-graphs .col{width:100%; margin-bottom:20px;}
	#team .wrap .team-list .member{width:48%;}
	footer .flex .right h3 br{display:none;}
	footer .flex .left span{font-size:0.9em;}
}
@media screen and (max-width: 650px){
	.wrap { width: 440px; }
	#top .slogan h1{font-size:2em;}
	#top .slogan h2{font-size:1.4em;}
	#problem .left{width:90%; padding:60px 5%;}
	#problem .right{height:400px;}
	
	#solution, #roadmap{padding:50px 0;}
	#solution .wrap .three-imgs{flex-direction:column;}
	#solution .wrap .three-imgs img{width:100%; margin:0 0 20px;}
	#technology .wrap .section2 .legend .table .table-row .colorcode{padding-right:10px;}
	#technology .wrap .section2 .legend .table .table-row .colorcode span{width:15px; height:70px;}
	#technology .wrap .section2 .legend .table .table-row .text h3{font-size:1em;}
	#technology .wrap .section2 .legend{margin-right:10px;}
	
	#roadmap .wrap .roadmap-table .title .empty-title{display:none;}
	#roadmap .wrap .roadmap-table .title .cells{width:100%;}
	#roadmap .wrap .roadmap-table .s1{flex-direction:column;}
	#roadmap .wrap .roadmap-table .s1 h4{font-size:1em; width:100%; margin-bottom:10px; text-align:center;}
	#roadmap .wrap .roadmap-table .s1 .cells{width:100%;}
	#roadmap .wrap .roadmap-table .title .cells .cell, #roadmap .wrap .roadmap-table .title .cells .double-cell{background:var(--my-purple); color:#fff; padding:10px 2%;}
	#own-product .wrap .title-with-img{flex-direction:column;}
	#own-product .wrap .title-with-img .img img{width:220px; margin:0 0 30px;}
	#own-product .wrap .title-with-img .txt{width:100%;}
	#precision-chemotherapy{padding:60px 0 0;}
	#precision-chemotherapy .wrap .two-sides .left .img1{width:150px; top:25px; right:15px;}
	#precision-chemotherapy .wrap .two-sides .left .img2{width:175px; right:15px; top:375px;}
	#precision-chemotherapy .wrap .two-sides .left .arrow{right:28%;}
	#precision-chemotherapy .wrap .two-sides .right .img3{left:80px; right:80px; width:250px;}
	#business-development .wrap .blocs-mauve, #business-development .wrap .blocs-gris{flex-direction:column;}
	#business-development .wrap .blocs-mauve .bloc{width:90%; padding:20px 5%; margin-bottom:20px;}
	#business-development .wrap .blocs-gris .left{width:90%; padding:20px 5%;}
	#business-development .wrap .blocs-gris .right{width:90%; padding:20px 5%; margin-bottom:35px;}
	#team .wrap .team-list .member{width:100%;}
	#team .wrap .team-list .member img{width:100%;}
	footer{padding:70px 0 20px;}
	footer .flex{flex-direction:column;}
	footer .flex .left{order:2; width:100%; padding-bottom:50px;}
	footer .flex .right{order:1; width:100%; margin-bottom:50px;}
	
}
@media screen and (max-width: 480px){
	.wrap { width: 94%; }
	#top .slogan h1{line-height:0.9em; margin-bottom:20px;}
	#problem .left h2, #solution .wrap h2, #technology .wrap .section1 .left h2, #roadmap .wrap h2, #own-product .wrap .title-with-img .txt h2, #precision-chemotherapy .wrap h2, #business-development .wrap h2, #team .wrap h2, #financial .wrap h2{font-size:1.3em;}
	#problem .left h3, #solution .wrap h3, #technology .wrap .section1 .left h3, #roadmap .wrap h3, #own-product .wrap .title-with-img .txt h3, #precision-chemotherapy .wrap h3, #business-development .wrap h3, #team .wrap h3, #financial .wrap h3{font-size:1em;}
	#technology .wrap .section2{margin:50px 0;}
	#roadmap .wrap .roadmap-table .title .cells .cell, #roadmap .wrap .roadmap-table .title .cells .double-cell{font-size:0.8em;}
	#own-product .wrap .two-cols .col h3{font-size:1.2em;}
	#own-product .wrap .two-cols .col p{font-size:0.9em;}
	#precision-chemotherapy .wrap .two-sides .left{padding:30px 3%;}
	#precision-chemotherapy .wrap .two-sides .left .img1{width:75%; position:relative; top:auto; right:auto; left:auto;}
	#precision-chemotherapy .wrap .two-sides .left .img2{width:155px; right:15px; top:550px;}
	#precision-chemotherapy .wrap .two-sides .left p.rose{max-width:200px;}
	#precision-chemotherapy .wrap .two-sides .left .arrow{right:24%;}
	#precision-chemotherapy .wrap .two-sides .right .img3{left:50px; right:50px;}
}

/* CSS MEDIA QUERIES - HEIGHT */
@media screen and (max-height: 920px) {
  
}
@media screen and (max-height: 810px) {
  
}
@media screen and (max-height: 760px) {
	
}
@media screen and (max-height: 650px) {
	
}