@charset "utf-8";
/* CSS Document */
*{
	margin-top:10px;
	padding: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

nav{
	width:100%;
	height: 80px;
	background: linear-gradient(141deg, #ced0d3 0%, #eeeeee 51%, #fff 100%);
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	
}
.titres{
	display:flex;
	flex-direction: row;
}

.titres p{
	margin: 50px;
	padding: 5px;
	border: 2px solid black;
	font-size: 18pt;
	font-weight:bold;
}
.sub{
	
	display:flex;
	flex-direction: row;
	text-align: left;
	font-size: 15pt;
	font-weight: bold;
}

.sub div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 30px;
	height: 200px;

}

.col{
	display: flex;
	flex-direction: column;
}
.row p{
	font-weight:normal;
	font-size: 13pt;
}
.row{
	display: flex;
	flex-direction: row;
}


ul{
	list-style-type: none;
}
ul li{
	float: left;
	width: 200px;
	font-size: 16px;
	height : 80px;
	line-height: 45px;
	text-align: center;
	
	
}
ul li a {
	text-decoration: none;
	color: #4e7fc2;
	text-decoration-style: solid;
	display: block;
	transition: 0.3s all;
}
ul li a:hover{
	background-color: aliceblue;
		color : #000;
	transition: 0.3s all;
}
#solution1{
	width:100%;
	height: 100vh;
	background: linear-gradient(135deg, #6e8efb, #a777e3);
	background-image: url("../fonds/fond_sec1.jpg");
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-top: 150px;
}

#solution2{
	width:100%;
	height: 100%;
	background:transparent linear-gradient(to right, rgb(248,87,166), rgb(255,88,88)) repeat scroll 0% 0%;
	background-image: url("../fonds/fond_sec2.jpg");
	display: flex;
	flex-direction: column;
	
}

#solution2 h1,#solution2 h2,#solution2 h3{
	margin: 10px;
}

#solution2 h1{
	text-decoration: underline;
}
.room{
	margin: 20px;
	width: 65%;
}

.tab{
	width:22%;
}
.logo2{
	width:40%;
}

.logo{
	float:right;
}
#booster{
	width:100%;
	height: 100vh;
	background: linear-gradient(135deg, #6e8efb, #a777e3);
	background-image: url("../fonds/fond_sec3.jpg");
	align-items: center;
	padding-top: 100px;
}

#booster h1{
	margin-top: 30px;
	font-size: 50pt;
	text-decoration: underline;
}

#booster img, #demo img{
	height: 6em;
}

#booster .pt{
	border:solid 2px black;
	font-weight:bold;
	border-radius: 10px;
	margin: 50px;
	width : 60%;
	padding:10px;
	text-align: center;
}

#booster .pt p{
	font-size: 20px;
}

#demo{
	width:100%;
	height: 100vh;
	background:transparent linear-gradient(to right, rgb(248,87,166), rgb(255,88,88)) repeat scroll 0% 0%;
	background-image: url("../fonds/fond_sec4.jpg");
	align-items: center;
	padding-top: 100px;
}

#demo div{
	margin:50px;
}

#demo h1{
	margin-top: 30px;
}

#demo h1 p{
	font-size: 35pt;
	font-weight: bold;
	text-decoration: underline;
}


#demo h2{
	margin-top:10px;
	text-align:left;
}

#demo h2{
	margin-top:10px;
	text-align:left;
}
#demo h3{
	text-align:left;
	font-weight: normal;
}

#contact{
	width:100%;
	height: 100vh;
	background-image: url("../fonds/contact.jpg");
}

#contact div{
	display: flex;
	flex-direction: column;
	margin-top:100px;
	align-items: center;
	text-align: center;
}