<!-- Début 1er bandeau -->
<div id="premier_bandeau"> 
    
	<!-- Logo -->
	<img id="logo" class="clickable" src="image/design/vf/boutonrelancer.jpg"/>
    
	<!-- Nom de l'établissement CHANGEMENT PREMIER BANDEAU : -->
	<!-- pour mettre une image : copier "<img id="debut" src="lien de l'image" />" -->
	<!-- pour mettre du texte : copier "<h3 id="debut" class="text_centre vert"> VOTRE TEXTE </h3>" -->
	<h3 id="debut" class="text_centre vert"></h3>
	<img id="etablissement"  class="hidden" src="image/design/vf/logoC2S.jpg"/>

	<!-- Infos du patient -->
   	<h3 id="infos_patient" class="texte_centre hidden">INFOS PATIENT</h3>
    
	<!-- Changer de grille + aide -->
    <div id="grille_gestion">
		<h1 id="grille_nom" class="clickable vert">CLINIMETRE</h1>
    	<h1 id="grille_infos" class="clickable vert" onclick="aideInterrogation();">?</h1>
    </div>
                
</div>
<!-- Fin 1er bandeau -->



<!-- Début 2ème bandeau -->
<div id="deuxieme_bandeau">

	<!-- Fonction précédente -->        
    <img id="fleche_haut" class="fleche clickable hidden" src="image/design/fleche_blanche.png"/>
	
	<!-- Fonction suivante -->
	<img id="fleche_bas" class="fleche clickable" src="image/design/fleche_blanche.png"/>
    
	<!-- Nom de la fonction CHANGEMENT SECOND BANDEAU -->  
	<!-- pour changer le texte : "<h2 id="grille_fonction" class="texte_centre clickable">VOTRE TEXTE</h2> " -->
	<h2 id="grille_fonction" class="texte_centre clickable"></h2>       
	
    <!-- Aide -->
    <img id="loupe" class="clickable" src="image/design/loupe.png" onClick="pageQuestionsOnly();" />
</div>
<!-- Fin 2ème bandeau -->



<!-- Début 3ème bandeau -->
<div id="troisieme_bandeau" class="hidden">
    
	<!-- Détails de la fonction -->
	<h3 id="fonction_detail" class="texte_centre">DETAIL FONCTION</h3>
	
	<!-- Aide -->	
	<img id="bulle" class="clickable" src="image/design/bulle.png" onclick="aideGrille();"/>
    
</div>
<!-- Fin 3ème bandeau -->



<!-- Début 4ème bandeau -->

<div id="quatrieme_bandeau" class="hidden">
    
	<!-- Image de fond -->
	<img id="thermometre_fond" src="image/design/thermo/thermo2.jpg"/>
	
	<!-- Image de graduation -->	 
	<img id="thermometre_graduation" src="image/design/thermo/graduation2.png">
	
    <!-- Curseur -->
	<div id="thermometre_curseur"></div>
	 
	 
	 <!-- Valeur grille -->
	<div id="valeurgrille">0</div>


	<!-- Slider du thermomètre -->
    <form id="thermometre">
   		<input type="range" min="1" max="1000" />
	</form>

	<!-- Valeur clinimetre -->
	<div class="hidden"" id="valeurclinimetre">0</div>

    
	<!-- Score total -->
	<p id="totalScore"></p>
		     
</div>
           		                
<!-- Fin 4ème bandeau -->