@media only screen and (max-width:768px){

#rt {
	display: none;
}

#rd {
	display: none;
}

#rh {
	display: none;
}

body> div> div {
	min-width: 100vw;
	max-width: 100vw;
	padding: 10px;
}

header {
	min-height: var(--heightHeaderMobile);
	max-height: var(--heightHeaderMobile);
}

header .hc {
	min-width: 100%;
	max-width: 100%;
	background: var(--menuBg);
}

header .hc> .hsolf {
	justify-content: center;
}

header .hc img {
	display: none;
}

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

header .hc> .hsolf #tagline {
	display: none;
}

header .hc> .hsolf .fgw {
	display: none;
}

#burger {
	position: absolute;
	top: 0px;
	left: 0px;
	background: var(--menuBg);
	min-height: var(--heightHeaderMobile);
	max-height: var(--heightHeaderMobile);
	min-width: 40px;
	max-width: 40px;
	padding: 5px;
}

#mainMenu {
	display: none;
}

#bgmenu {
	position: absolute;
	top: var(--heightHeaderMobile);
	left: 0px;
	flex-direction: column;
	background: var(--menuBg);
	width: 100%;
	padding: 10px;
	z-index: 4000;
}

header .hc> .hsolf #recherche {
	display: none;
}

#searchl {
	flex-grow: 2;
	min-height: 40px;
	max-height: 40px;
	border-radius: 4px;
	padding: 10px;
	font-size: 18px;
	margin-bottom: 20px;
}

#searchImg {
	min-width: 40px;
	max-width: 40px;
	min-height: 40px;
	max-height: 40px;
}

#searchr {
	flex-direction: column-reverse;
}

#searchr> #srchl,#searchr> #srchr {
	min-width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 20px;
}

#searchr .seac label {
	display: none;
}

#dialog {
	margin: 50vh 0;
	transform: translate(0,-50%);
	min-width: 100%;
	max-height: 100vh;
}

h1 {
	font-size: 20px;
}

.mtpub {
	min-width: 100%;
	max-width: 100%;
	min-height: 100px;
	max-height: 100px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 20px;
}

.mtpub> div {
	min-width: 320px;
	max-width: 320px;
}

#vpubtab {
	display: none;
}

#vpub {
	display: none;
}

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

#cct {
	flex-direction: column;
}

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

#cct #introduction .introduction {
	font-size: 24px;
	text-align: center;
}

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

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

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

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

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

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

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

.art figure img {
	max-width: 100%;
}

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

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

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

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

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

li {
	margin-left: 20px;
}

h2 {
	font-size: 15px;
}

.hmo {
	display: none;
}

h3 {
	font-size: 15px;
}


}