html body {
	background-color: #EBF6FF;
}
#qrcode {
	margin: 1em;
	text-align: justify;
}
#qrcode h1, #qrcode h2, #qrcode h3, #qrcode h4, #qrcode h5, #qrcode h6 {
	text-align: left;
}
/* @label remise à zéro du flux */
/* @longdesc l'élément suivant commence en-dessous. Cette div a une hauteur nulle */
div.clear {
	clear: both;
	height: 0;
	width: 0;
}

#qrcode h1 {
	color: #01345E;
}
#qrcode h3 {
	color: #014B87;
	font-weight: normal;
	margin: 1em 0 0.2em 0;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #014B87;
	overflow: hidden;
}
#qrcode h5 {
	color: #014B87;
	font-weight: normal;
	margin: 1.1em 0 0.2em 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #014B87;
	overflow: hidden;
}
#qrcode h5>a {
	color: #014B87;
}
#qrcode h5>a:hover {
	color: #FF0000;
}

#qrcode h6.note {
	color: #374912;
	margin: 0 10% 0 3em;
	padding: 0;
}
#qrcode blockquote {
	clear: both;
	line-height:1.5em;
	margin: 1em;
}
#qrcode blockquote > p{
	background-color: #ECAFAF;
	padding: 0.2em 1em;
	float: left;
}

img {
	margin: 1em 1em 0 1em;  /* margin : haut droite bas gauche */
	border: none;
}
/* @label image droite */
/* @longdesc image simple cadrée à droite sans bordure ni légende */
img.droite {
	clear: right;
	float : right;
	margin: 0.4em 0 0.5em 1em;
	border:none;
}
/* @label image gauche */
/* @longdesc image simple cadrée à gauche sans bordure ni légende */
img.gauche {
	clear: left;
	float : left;
	margin: 0.4em 1em 0.5em 0;
	border:none;
}
a {			/*non visité */
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
	margin: 2em 0;
}

a:hover {			/* survolé */
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}
/* @label accès au site */
/* @longdesc div pour signaler l'accès au site */
div.acces-site {
	clear: both;
	margin: 1em;
	padding: 1em 0;
}
div.acces-site > p {
	background-color: #F9CD2E;
	padding: 0.2em 1em;
	float: left;
}