@font-face{
	font-family: "RobotoSlab-Regular";
	src: url("font/RobotoSlab-Regular.ttf");
}
@font-face{
	font-family: "RobotoSlab-Medium";
	src: url("font/RobotoSlab-Medium.ttf");
}
@font-face{
	font-family: "RobotoSlab-SemiBold";
	src: url("font/RobotoSlab-SemiBold.ttf");
}
section{
	width: 100%;
	padding: 0px 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 100px;
}
#oddifact-brief{
	padding: 80px;
}
#oddifact-brief-text h1{
	color: #F3802D;
	font-family: "RobotoSlab-SemiBold";
	font-size: 40px;
	margin-top: 0px;
}
#oddifact-brief-text p{
	font-family: "RobotoSlab-Regular";
	font-size: 19px;
	line-height: 25px;
	color: #F4F4F4;
}
#oddifact-brief > img{
	width: 30%;
	height: auto;
	flex-shrink: 0;
}
#oddifact-brief-text{
	width: 50%;
}
#oddifact-logo{
	padding: 80px;
	flex-wrap: wrap;
	background-color: #31343C;
	display: flex;
}
#oddifact-brief-text a{
	color: #F3802D;
}
#oddifact-logo img, #oddifact-logo-text{
	width: 45%;
}
#oddifact-logo-text h2{
	color: #F3802D;
	font-family: "RobotoSlab-SemiBold";
	font-size: 40px;
	margin-top: 0px;
}
#oddifact-logo-text p{
	font-family: "RobotoSlab-Regular";
	font-size: 19px;
	line-height: 25px;
	color: #F4F4F4;
}
section h2{
	font-family: "RobotoSlab-SemiBold";
	font-size: 40px;
	margin-top: 0px;
}
section p{
	font-family: "RobotoSlab-Regular";
	font-size: 19px;
	line-height: 25px;
}
#oddifact-icone{
	padding: 80px;
}
#oddifact-icone img{
	width: 100%;
}
#oddifact-affiches{
	gap: 30px;
	padding: 0px 80px 80px 80px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
#oddifact-affiches img:nth-child(1){
	width: 45%;
	height: auto;
}
#oddifact-typo, #oddifact-icone, #oddifact-affiches{
	background-color: #F4F4F4;
}
#oddifact-typo{
	display: flex;
	align-items: flex-end;
	padding-bottom: 80px;
}
#oddifact-typo-top{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
#oddifact-typo-top .typo-aa{
	font-family: "RobotoSlab-SemiBold";
	font-size: 205px;
	margin: 0;
	line-height: 1;
}
#oddifact-typo-right h2{
	font-family: "RobotoSlab-SemiBold";
	font-size: 40px;
	color: #31343C;
}
#oddifact-typo p{
	color: #31343C;
}
#oddifact-colors{
	padding: 80px;
	display: flex;
	gap: 40px;
}
#oddifact-typo-right p:nth-child(2){
	font-size: 30px;
	line-height: 35px;
	font-family: "RobotoSlab-SemiBold";
}
#oddifact-typo-right > p:nth-child(3){
	font-family: "RobotoSlab-Medium";
}
#oddifact-typo-right p{
	font-size: 19px;
	line-height: 22px;
	font-family: "RobotoSlab-Regular";
}
#oddifact-colors h3{
	font-family: "RobotoSlab-SemiBold";
	font-size: 22px;
	color: #E75941;
	margin-bottom: 5px;
}
#oddifact-colors p{
	color: #F4F4F4;
}
#oddifact-card{
	padding: 80px;
}
.oddifact-img-support, #oddifact-card{
	background-color: white;
}
.oddifact-img-support#bg{
	padding: 80px 0px;
}

@media screen and (max-width:1080px){
	section{
		flex-direction: column;
		padding: 50px;
		gap: 30px;
	}
	#oddifact-brief, #oddifact-logo, #oddifact-typo, #oddifact-colors, #oddifact-icone, #oddifact-card{
		padding: 50px;
	}
	#oddifact-brief > img, #oddifact-typo img, #oddifact-colors img{
		width: 50%;
	}
	#oddifact-logo-right{
		flex-direction: column;
	}
	#oddifact-logo-right > img{
		width: 80%;
	}
	.oddifact-img-support#bg {
		padding: 50px 0px;
	}
	#oddifact-affiches{
		flex-direction: column;
		padding: 0px 50px;
	}
	#oddifact-affiches img, #oddifact-logo-right, div.project-img img{
		width: 100%;
	}
	#oddifact-typo-top .typo-aa{
		font-size: 80px;
	}
	#oddifact-brief-text, #oddifact-logo-text, #oddifact-affiches img, #oddifact-typo-content, #oddifact-colors div{
		width: 70%;
	}
	#oddifact-affiches img:nth-child(1) {
		display: none;
	}
	#oddifact-typo, #oddifact-affiches {
		align-items: center;
	}
}

@media screen and (max-width:550px){
	section, #oddifact-brief, #oddifact-logo, #oddifact-typo, #oddifact-colors, #oddifact-icone, #oddifact-card{
		padding: 30px;
	}
	#oddifact-affiches{
		padding: 0px 30px;
	}
	#oddifact-typo-top .typo-aa{
		font-size: 60px;
	}
	#oddifact-brief-text, #oddifact-logo-text, #oddifact-affiches img, #oddifact-typo-content, #oddifact-colors div{
		width: 100%;
	}
	#oddifact-brief > img, #oddifact-typo img, #oddifact-colors img, #oddifact-logo img {
		width: 80%;
	}
	.oddifact-img-support#bg {
		padding: 30px 0px;
	}
}