{% for oeuvre in dataOeuvres %}
        <div class="pics layer{{ loop.index0 }} {{ oeuvre.typeclass|e }}" draggable="true" data-id="{{ oeuvre._id|e }}" style="{% if oeuvre.top is defined %}top:{{ oeuvre.top|raw }}px;{% endif %}{% if oeuvre.left is defined %}left:{{ oeuvre.left|raw }}px;{% endif %}{% if oeuvre.css is defined %}{{ oeuvre.css|raw }};{% endif %}{% if oeuvre.backgroundcolor is defined %}background-color:{{ oeuvre.backgroundcolor|raw }};{% endif %}" >{{ oeuvre.datatext|raw }}</div>
    {% endfor %}
{% if centreur is defined %}
<script type="text/javascript">

document.addEventListener("DOMContentLoaded", function() {

    		setTimeout(function() {
			{{ centreur|raw }}
			console.log('ok centreur');
		}, 1000);

});

</script>
{% endif %}
<style>
	body {
		background-color: {{ background.color }};
		background-image: url({{ background.url }});
		background-repeat: {{ background.r }};
	}
	header h1 span#live {
		color: {{ background.color }};
	}
	</style>