<div id="config" class="soundsandalerts-main">
	<div class="palm-page-header">
	  <div class="header-icon soundsandalerts"></div>
		<div class="header-text">
			<span>Sons et notifications</span>
		</div>
	</div>
	
	<div class="palm-group">
		<div class="palm-group-title with-icon">
			<span>sonnerie désactivée</span>				
		</div>
		<div class="title-icon mute"></div>
		<div class="palm-list">	
			 <div class="palm-row single">
				<div class="palm-row-wrapper">
					<div id='vibrate_off' x-mojo-element="ListSelector" class="right"></div>
				</div>
			</div>
      	</div>
	</div>

	<div class="palm-group">
		<div class="palm-group-title with-icon">				
			<span>Sonnerie activée</span>
		</div>
		<div class="title-icon ringer"></div>
		<div class="palm-list">
			 
			 <div class="palm-row first">
			 	<div class="palm-row-wrapper">
					<div id='vibrate_on' x-mojo-element="ListSelector" class="right"></div>
				</div>
            </div>
			 <div id='currentringtonerow' class="palm-row" x-mojo-tap-highlight="momentary">
				<div class="palm-row-wrapper">
					<div class="label left">Sonnerie</div>
	            	<div id='currentringtone' class="title right"></div>					
	            </div>
            </div>
			<div class="palm-row">
				<div class="palm-row-wrapper">
					<div class="title">Volume de la sonnerie</div>
					<div x-mojo-element="Slider" id='ringvolume' class="palm-slider"></div>
	            </div>
            </div>
			 <div class="palm-row">
				<div class="palm-row-wrapper">
	            	<div id="system_ui_sounds" x-mojo-element="ToggleButton"></div>
	                <div class="label left">
	                    Sons système
	                </div>
	            </div>
            </div>
			<div class="palm-row last">
				<div class="palm-row-wrapper">
					<div class="title">Volume</div>
					<div x-mojo-element="Slider" id='systemvolume' class="palm-slider"></div>
	            </div>
            </div>
		</div>
	</div>	
</div>
