@media only screen and (min-width:1176px) and (max-width:1600px){
#rm {
	display: none;
}

#rt {
	display: none;
}

#rh {
	display: none;
}

body> div> div {
	min-width: var(--widthDesktop);
	max-width: var(--widthDesktop);
	padding: 20px;
}

header {
	min-height: var(--heightHeader);
	max-height: var(--heightHeader);
	justify-content: center;
	margin: 0;
	padding: 0px;
}

header .hc {
	min-width: var(--widthDesktop);
	max-width: var(--widthDesktop);
	background: var(--bgContent);
}

header .hc> .hsolf #solfego {
	font-size: 40px;
	color: var(--colorBtn);
}

header .hc> .hsolf #tagline {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 30px;
}

header .hc> .hsolf .fgw {
	flex-grow: 2;
}

#burger {
	display: none;
}

#mainMenu {
	display: flex;
	flex-wrap: no-wrap;
	flex-direction: row;
	justify-content: center;
	width: 100vw;
	background: var(--colorBody);
	position: sticky;
	top: var(--heightHeader);
	z-index: 100;
	padding: 0;
	margin: 0;
}

#mainMenu> div {
	background: var(--menuBg);
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: var(--heigthPaddingMenu) 0 var(--heigthPaddingMenu) 0;
	min-width: var(--widthDesktop);
	max-width: var(--widthDesktop);
}

#mainMenu> div> a {
	min-width: 150px;
	max-width: 150px;
}

#bgmenu {
	display: none;
}

header .hc> .hsolf #recherche {
	display: flex;
	flex-direction: row;
	background: var(--colorBody);
	min-height: 40px;
	max-height: 40px;
	margin: auto 0 auto 0;
	margin-right: 20px;
}

#searchl {
	min-width: 600px;
	max-width: 600px;
	min-height: 60px;
	max-height: 60px;
	border-radius: 4px;
	padding: 10px;
	font-size: 22px;
}

#searchImg {
	min-width: 60px;
	max-width: 60px;
	min-height: 60px;
	max-height: 60px;
	cursor: pointer;
}

#searchr {
	flex-direction: row;
}

#searchr> #srchl,#searchr> #srchr {
	min-width: 50%;
	max-width: 50%;
}

#dialog {
	border-radius: 8px;
	left: 0px;
	top: 0px;
	transform: translate(-50%,-50%);
	margin: 50vh 0 0 50vw;
	max-height: 100%;
	orverflow-x: auto;
}

.framePubContent {
	padding-left: 10px;
	padding-right: 20px;
}

h1 {
	font-size: 30px;
	margin-bottom: 10px;
}

.mtpub {
	display: none;
}

#vpubtab {
	min-width: 200px;
	max-width: 200px;
	min-height: 100%;
	max-height: 100%;
}

#vpub {
	min-width: 200px;
	max-width: 200px;
	min-height: 100%;
	max-height: 100%;
}

#vpub> div,#vpubtab> div {
	min-width: 200px;
	max-width: 200px;
	min-height: 600px;
}

#adj a img {
	min-width: 25px;
	max-width: 25px;
	min-height: 25px;
	max-height: 25px;
}

#cct {
	flex-direction: row;
}

#cct h1 {
	text-align: left;
	font-size: 40px;
	margin: 0 0 10px 0;
}

#cct #introduction .introduction {
	font-size: 26px;
	text-align: justify;
	padding-right: 30px;
}

#cct #quiz-link img {
	min-width: 30px;
	max-width: 30px;
	min-height: 30px;
	max-height: 30px;
}

#cct #quiz-link a {
	font-size: 22px;
}

.art {
	padding-left: 30px;
	padding-right: 30px;
}

.art h2,.art ol li {
	font-size: 25px;
}

.art table .th label {
	font-size: 22px;
}

.art table td {
	font-size: 22px;
}

.art table .short {
	max-width: 250px;
}

.art p,.art label,.art span {
	font-size: 20px;
}

.art a {
	font-size: 20px;
}

.art ul li {
	font-size: 20px;
}

.art ul li .fix {
	min-width: 165px;
	max-width: 165px;
}

.art .fix2 {
	min-width: 320px;
	max-width: 320px;
}

.art .fix3 {
	min-width: 200px;
	max-width: 200px;
}

h2 {
	font-size: 25px;
	margin-bottom: 10px;
}

h3 {
	font-size: 20px;
	margin-bottom: 10px;
}


}