html {
	-webkit-text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
}

img,
video {
	max-width: 100%;
	height: auto;
}

iframe,
object,
embed {
	max-width: 100%;
}

table {
	box-sizing: border-box;
	max-width: 100%;
}

td,
th {
	box-sizing: border-box;
}

@media screen and (max-width: 700px) {
	table[align="center"],
	table[width="60%"],
	table[width="59%"],
	table[width="70%"],
	table[width="80%"],
	table[width="90%"],
	table[width="100%"] {
		width: calc(100% - 24px) !important;
	}

	img[name="artecriture"],
	img#artecriture {
		width: min(400px, 100%) !important;
	}

	img[name="hp"],
	img[src$="hp.gif"],
	img[src$="hp1.gif"],
	img[src$="hpe.gif"],
	img[src$="hpe1.gif"] {
		width: min(200px, 100%) !important;
	}
}