body{ margin:0;padding:1em 8em 0 4em;font-family:'Poppins',sans-serif;color:#4c585e;}
div.titre_page{font-size:xx-large;color:#00b0f0;;margin:1em 3em;}
img.titre_page{width:31px;height:38px;vertical-align:middle;}
div.titre_section{
	font-size:large;color:white;
	width:100%;border-radius:0.3em;margin:0.3em 0;
	position:relative;left:-1em;padding:0.5em 0.5em 0.5em 1em;
	background-color:#1e91c9;clear:both;cursor:pointer;}
div.titre_section.closed::after{content:'+';position:absolute;right:1em;font-weight:bold;}
div.titre_section.opened::after{content:'-';position:absolute;right:1em;font-weight:bold;}
div.afficheur{display:grid;grid-template-rows: 0fr;transition:grid-template-rows 0.5s ease-out;}
div.afficheur.opened{grid-template-rows:1fr;}
div.section{overflow:hidden;}
div.section.opened{overflow:visible;}
ul.paragraphe,p.paragraphe{}
p.information{color:white;font-size:smaller;background-color:#1e91c9;
	left:-5em;position:relative;width:66%;
	padding:1.5em 10% 1.5em 5em;
	clip-path:polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%);}
li.puce{list-style-image:url(https://opendata.atmo-na.org/static/habillage/petite_fleche_01s.png);
	margin-bottom:1em;}
li.puce2{list-style-image:url(https://opendata.atmo-na.org/static/habillage/hashtag_01s.png);}
div.selections_date{text-align:left;}
div.selection_date{display:inline-block;padding:0 3em;}
div.table_pm10{display:grid;grid-template-columns:2fr 1fr;grid-gap:1em;}
.table_pm10 td{width:20%;}
.table_pm10 td.entete_ligne_tableau{width:40%;}
div.table_pm1{display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;}
.table_pm1 td{width:33%;}
caption.legende{color:#4472c4;font-style:italic;text-align:left;}
p.legende{color:#4472c4;font-style:italic;text-align:left;margin-bottom:-2em;margin-top:2em;}
table.tableau{text-align:center;border-collapse:collapse}
table.comptage{margin:auto;width:90%}
table.comptage td{width:15%;}
table.comptage td.entete_ligne_tableau{width:40%;}
tr.titre{background-color:#f59c00;color:white;}
tr.titre th{border:2px solid white;}
tr.un td{border:2px solid #4c585e;}
tr.deux td{border:2px solid #4c585e;}
td.entete_ligne_tableau{color:#1e91c9;}
div.a_cote_tableau{color:#bfbfbf;font-style:italic;font-size:smaller;margin-top:0.5em;}
.legende_tableau{color:#bfbfbf;font-style:italic;font-size:smaller;}
p.a_cote_tableau{}

div.graph_main{position:relative;}
div.graphique {width:80%;max-width:1024px;margin-left:0;height:none;margin-top:2em;
	display:inline-block;}
.titre_graphique{color:black;font-weight:bold;font-size:x-large;}
.ylabel{text-anchor:middle;font-size:larger;}
.ypath{visibility:hidden;}
.xpath,.xline,.yline{stroke:#d9d9d9;stroke-width:0.5px;stroke-dasharray:1;}
.xtext,.ytext{color:black;font-size:medium;}
tspan.index{font-size:80%;}
.button-legend {cursor:pointer;font-size:larger;}
.barre {text-decoration:line-through;}

div.infobulle{font-size:smaller;}
div.infobulle.left{left:8%;top:32%;}
div.infobulle.right{right:3%;top:16%;}
div.infobulle.rightacote{display:inline-block;position:absolute;top:3em;}
div.infobulle div.infobulle{border:solid 1px;border-radius:5px;margin:5px;padding:5px;}
div.infobulle_date{position:absolute;top:0;left:0;
	transform:translateX(-55%) rotate(-90deg) translateX(-50%);
	white-space:nowrap;color: white;background-color: #4c585e;
	border-radius:5px;padding:0 2px;}
.verticale{stroke-width:2px;stroke:#bbb;}
div.infobulle.dessous{width:100%;clear:both;text-align:center;position:relative;height:6em;}
div.infobulle.dessous div.infobulle{display:inline-block;}
div.infobulle.dessous div.infobulle_date{
	/*position:absolute;
	left:0;top:unset;bottom:-1em;*/
	width:16em;transform:none;position:static;margin:auto;
	white-space:nowrap;color: white;background-color: #4c585e;
	border-radius:5px;padding:0 2px;}

#faits{margin-top:4em;}
div.pas_de_fait{}
div.titre_fait{clear:both;color:#f59c00;font-weight:bold;font-size:x-large;}
div.hr_barre{background-color:#f59c00;margin-right:6px;height:2px;display:inline-block;}
div.hr_barre1{transform:translate(48px, 35%);}
div.hr_barre2{}
div.sstitre_fait{clear:both;color:#1e91c9;font-weight:bold;font-size:x-large;}
div.fait_floatl{float:left}
div.fait_floatr{float:right;width:50%;}
p.legende_carte{color:#bfbfbf;font-style:italic;font-size:smaller;margin-top:0.5em;
	text-align:center;}
div.graphique_fait{float:left;width:30%;margin-left:3%;}
.verticale_fait{stroke-width:1px;stroke:#bbb;}