@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

.itemhide {
	display: none !important;
}
.result-display-badge {
	background-color: blue;
	padding: 1px 5px;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
}
.result-display-montantimposition {
	background-color: #000;
	color: #fff;
	padding: 4px 6px;
	display: flex;
	justify-content: end;
	font-weight: 200;
	border-radius: 3px;
}
@media screen and (max-width: 3000px) {
	body {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		background-image: url('img/bg2.png');
		background-position: top;
		background-size: cover;
		background-repeat: no-repeat;
		font-family: "Oswald", sans-serif;
	}
	#main-view {
		width: 60% !important;
		margin: 10em 0 0 0;
		background-color: #f0efeb;
	}
	#main-view-header {
		/* background-color: rgba(114, 244, 74, 1.0);*/
		/* background-color: rgba(255, 255, 255, 1.0);*/
		background-image: url('img/header-bg2.png');
		background-repeat: no-repeat;
		background-size: contain;
		/*box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);*/
		z-index: 999;
		display: flex;
		flex-direction: column;
	}
	#header-menu {
		height: 220px;
		background-image: url('img/menu-header-bg1.png');
		background-size: cover;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.header-menu-ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 50%;
		list-style: none;
		margin: 1em 0;
	}
	.header-menu-ul > li {
		font-size: 1.4em;
		color: #f98e30;
		background-color: white;
		height: fit-content;
		padding: 0 7px;
		border-radius: 5px;
	}
	.header-menu-ul > li > span {
		background-color: blue;
		width: 120px;
		height: 80px;
		padding: 10px 1.2em;
	}
	.header-menu-link {
		width: 25%;
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: space-around;
		padding: 8px 0;
	}
	.header-menu-link > a > img {
		font-family: 'Arial';
		width: 100%;
		text-align: center;
		text-decoration: none;
		border-radius: 16px;
		color: black;
	}
	.header-menu-logo {
		width: 15%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: transparent;
	}
	#header-slider {
		position: relative;
		top: -80px;
		display: flex;
		height: 410px;
		flex-direction: row;
		background-color: transparent;
		padding: 0 0 2px 0;
	}
	.header-slidertexte-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 1em 0;
	}
	#slideitem-1 {
		width: 320px;
		height: 20px;
		border-radius: 6px 6px 0 0;
		background-color: blue;
	}
	#slideitem-2 {
		width: 350px;
		background-color: red;
		height: 20px;
		border-radius: 6px 6px 0 0;
	}
	#slideitem-3 {
		width: 380px;
		background-color: green;
		height: 20px;
		border-radius: 6px 6px 0 0;
	}
	#slideitem-4 {
		width: 420px;
		height: 250px;
		background-color: white;
		border-radius: 6px;
		transition: all 0.5s fade;
		animation: fade-out 0.5s all;
	}
	#slideitem-1 > img, #slideitem-2 > img, #slideitem-3 > img {
		width: 100%;
		height: 250px;
		display: block;
	}
	#slideitem-4 > img {
		width: 100%;
		height: 100%;
		transition: all 0.5s fade;
		animation: fade-out 0.5s all;
	}
	#slideitem-4 > p {
		position: relative;
		top: 2em;
	}
	#header-slider-texte {
		width: 45%;
		margin: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
	}
	#header-slider-texte > p {
		margin: 1em 0;
	}
	#header-slider-texte > h1 {
		margin: 0;
	}
	.header-slidertexte-link {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: start;
		width: 420px;
		padding: 0;
	}
	#header-slidertexte-linkright {
		display: flex;
		flex-direction: column;
		margin: 0;
	}
	#header-slidertexte-linkleft {
		display: flex;
		flex-direction: row;
	}
	#header-slidertexte-linkleft > span {
		background-color: white;
		margin: 0 4px;
		border-radius: 50px;
		padding: 2px;
		cursor: pointer;
	}
	#header-slidertexte-linkright > p {
		margin: 0;
		font-size: 14px;
		color: white;
	}
	#header-slidertexte-linkright > a {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 12px;
		color: white;
		text-decoration: none;
	}
	#header-slider-link {
		height: 100%;
		position: relative;
		top: 60px;
		width: 52%;
		margin: 0;
	}
	#header-slider-link > p {
		font-size: 26px;
		background-color: white;
		height: 360px;
		padding: 2px 5px;
		opacity: 0.6;
		overflow-y: scroll;
	}
	#header-slider-link::after {
		content: "ˆ";
		position: relative;
		top: -0.7em;
		float: right;
		font-size: 2.5em;
	}
	#header-sliderlink {
		background-color: blue;
		padding: 2px 10px;
		text-decoration: none;
		color: white;
	}
	#header-slider-link > a {
		/* background-color: ;*/
	}
	#main-view-mobilephone {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
	}
	#main-view-mobilephone > img {
		width: 50%;
		height: auto;
	}
	#main-view-message {
		height: 360px;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background-color: white;
	}
	#message-title {
		width: 40%;
		height: 100%;
		background-image: url('img/mesage-bg.png');
		background-repeat: repeat-y;
		background-size: contain;
		align-items: center;
		justify-content: center;
	}
	#message-content {
		width: 60%;
		height: 100%;
		align-content: center;
		text-align: center;
	}
	#message-content > img {
		width: 100%;
	}
	#message-title-index {
		font-size: 2.6em;
		font-family: "SF Pro";
		margin: 1.2em 0 1em 0.7em;
		width: 100%;
	}
	#message-title-subindex {
		font-size: 1.2em;
		margin: 0 0 1em 1.5em;
		padding: 0 10px 0 0;
		width: fit-content;
	}
	#message-title-link {
		margin: 0 0 1em 1.5em;
		width: fit-content;
		font-size: 20px;
		font-weight: 600;
		font-family: 'Arial';
		text-align: center;
		padding: 10px 1em;
		text-decoration: none;
		background-color: rgba(212, 182, 86, 1.0);
		border-radius: 16px;
		color: black;
	}
	#main-view-dropdown {
		display: flex;
		flex-direction: column;
		width: 100%;
		background-image: url('img/calcul-bg.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin: 5em 0;
	}
	#main-view-dropdown > h3, #main-view-affiche > h3 {
		font-size: 3em;
		margin: 1em 2em;
	}
	.main-viewdropdown-content {
		width: 75%;
		height: 22em;
		padding: 0 3em 0 3em;
		display: flex;
		flex-direction: row;
		justify-content: start;
		overflow-x: scroll;
		align-self: end;
	}
	.main-viewdropdown-btn {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	.main-viewdropdown-btn > a {
		background-color: black;
		color: white;
		font-size: 1em;
		padding: 8px;
		margin: 0 6px;
		border-radius: 2em;
		text-decoration: none;
	}
	#viewdropdown-item {
		min-width: 260px !important;
		height: fit-content;
		background-color: white;
		border-radius: 30px;
		display: flex;
		flex-direction: column;
		padding: 10px;
		margin: 0 1em;
		box-shadow: 0 0 8px rgba(187, 187, 187, 0.75) inset;
		cursor: pointer;
	}
	.viewdropdown-item-title {
		font-size: 14px;
		font-weight: lighter;
		margin: 16px 0 0 12px;
	}
	.viewdropdown-item-description {
		font-size: 2em;
		margin: 12px 0 16px 12px;
	}
	#viewdropdown-item > img {
		height: 120px;
		justify-self: center;
		align-self: center;
		text-align: center;
		margin: 6px;
	}
	.viewdropdown-item-icon {
		border: 1px solid orangered;
		border-radius: 5em;
		padding: 1em;
	}
	#viewdropdown-item > a {
		background-color: rgba(226, 226, 229, 1.0);
		border-radius: 2em;
		align-self: end;
		width: fit-content;
		padding: 6px;
	}
	#dropdown-content {
		width: 50%;
		height: 100%;
		font-size: 1.2em;
		font-weight: 500;
	}
	#dropdown-content > div {
		margin: 3em 0 3em 3em;
		background-color: blue;
		height: 78%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	#dropdown-list {
		width: 50%;
		align-content: center;
		text-align: center;
		font-size: 1.2em;
		font-weight: 500;
	}
	.dropdown-list-items {
		height: 78%;
		background-color: blue;
		margin: 3em 3em 3em 0;
		display: flex;
		list-style: none;
		flex-direction: column;
		justify-content: space-around;
	}
	.dropdown-list-items > li {
		border: 1px solid white;
		height: 16%;
		margin: 2px;
		display: flex;
		font-size: 1.5em;
		text-transform: uppercase;
		align-items: center;
		justify-content: center;
		background-color: green;
		color: white;
	}
	#main-view-affiche {
		border-top: 2px solid white;
		display: flex;
		align-items: flex-start;
		flex-direction: row;
		/* margin: 5em 0;*/
	}
	#main-view-affiche > h3 {
		width: 30%;
	}
	.main-viewaffiche-content {
		width: 70%;
		height: 100%;
		flex-wrap: wrap;
		gap: 1em;
		display: flex;
		flex-direction: row;
	}
	.main-viewaffiche-content > a {
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: fit-content;
		height: fit-content;
		padding: 4px 10px;
		border-radius: 10px;
		color: gray;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
		font-size: 22px;
	}
	#main-view-affiche > p {
		margin: 3em;
	}
	.main-view-calendar {
		display: flex;
		flex-direction: row;
		width: 100%;
		padding: 2em 0;
	}
	#main-view-cof {
		display: flex;
		width: 50%;
		height: 300px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#main-view-cof > p {
		text-align: justify !important;
		width: 60%;
		font-size: 1.5em;
		margin: 0 0 20px 0;
		color: white;
		text-transform: uppercase;
		border-bottom: 2px solid white;
		padding: 0 0 5px 0;
	}
	#main-view-cof > p > span {
		float: right;
		color: black;
	}
	#main-view-cofmonth {
		width: 50%;
		display: flex;
		flex-direction: column;
	}
	#main-view-cofmonth > p {
		font-size: 22px;
		margin: 0 0 1em 0;
	}
	#main-view-cofmonth > ul {
		display: flex;
		list-style: none;
		flex-direction: column;
		width: 90%;
		height: 250px;
		background-color: white;
		margin: 0;
		padding: 0;
	}
	#main-view-cofmonth > ul > li {
		margin: 6px 0;
		font-size: 17px;
		font-weight: 200;
	}
	#calendrier-obligation-fiscales {
		width: 90%;
		height: 100%;
		background-color: whitesmoke;
	}
	table {
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	thead {
		width: 100%;
		background-color: papayawhip;
	}
	th {
		height: 30px;
	}
	tbody {
		width: 100%;
		background-color: white;
	}
	td {
		text-align: center;
		border: 1px solid green;
	}
	.cof-current-date {
		background-color: rgb(155, 234, 107);

	}
	#main-view-footer {
		width: 100%;
		overflow: scroll;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.snap-section-footertop {
		position: relative;
		top: 7em;
	}
	.snap-section-footerbottom {
		margin: 0;
		font-size: 14px !important;
		justify-content: space-between;
		align-items: end;
		width: 100%;
	}
	.snap-section-footertop, .snap-section-footerbottom {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	.snap-section-footertop > div > ul {
		list-style: none;
		margin: 10px 0 2em 0;
		padding: 0;
		font-size: 20px !important;
	}
	.snap-section-footertop > div > ul > li {
		margin: 6px 0;
		font-size: 16px !important;
	}
	.snap-section {
		transition: transform 0.6s ease, opacity 0.6s ease;
	}
	.snap-section:not(:target) {
		transform: scale(1);
		opacity: 0.7;
	}
	#snap-sectionfooter-logo {
		width: 60%;
		display: flex;
		justify-content: flex-end;
		margin: 0;
	}
	#snap-sectionfooter-logo > img {
		width: 80%;
		margin: 0;
	}
	#foootertop-one, #foootertop-two, #foootertop-three, #foootertop-four {
		width: 25% !important;
	}
	#foootertop-one > h3, #foootertop-two > h3, #foootertop-three > h3, #foootertop-four > h3 {
		font-size: 26px !important;
		margin: 0;
	}
	#foooterbottom-content {
		width: 40%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: fit-content;
	}
	#foooterbottom-content > p {
		margin: 8px 0;
	}
	#foooterbottom-content {
		padding-bottom: 16px;
	}
	#foooterbottom-content > div > a {
		color: white;
		text-decoration: none;
		padding: 2px 12px;
		font-weight: 200;
		font-size: 14px !important;
		background: black;
	}
	#main-footer {
		width: 100vw;
		height: 8em;
		background-color: black;
		color: white;
		margin: 3em 0 0 0;
		padding: 1em;
		font-size: 2em;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	





}
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1368px) {
	
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1080px) {
	
}
@media screen and (max-width: 720px) {
	
}
@media screen and (max-width: 600px) {
	
}