1480 sujets

Web Mobile et responsive web design

Jquery mobile

Bonjour,

J'utilise jquery mobile et je n'arrive pas à lier mon css mobile .....

Merci de vos réponses Smiley cligne
Bah dans l'idée, il faut juste charger le fichier css comme d'habitude. Il faudrait un peu plus de détails pour que je puisse aider, soit un lien vers le site, le code html, ou une description plus précise du problème (le fichier css est chargé mais pas appliqué? ...?)
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>USGirlsC</title>
		<link rel="stylesheet" type="text/css" href="themes/usgirlsc.css" />
		<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
		
	</head>
	<body>
		<div data-role="page" data-theme="a" id="accueil"> <!-- PAGE 1 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Accueil</h1>
			</div>
			
			<div data-role="content" data-theme="a">
				<p>
					Fondé le 12 juin 1954 par Raymond Chollet, Francis Clottu, Henri Perrenoud, Emile Wicht, André et Emile Gattolliat, 
					le club des Geneveys-sur-Coffrane ne s'attendait peut-être pas tout de suite à compter une équipe féminine dans ses rangs !
				</p>
				<p>
					Mais c'était sans compter sur le développement du football féminin en Suisse et dans le monde entier. Mais surtout, 
					c'était sans compter sur un certain Monsieur Jean-Diego Von Allmen qui décida, en février 2005 de créer une jeune équipe féminine 
					d'une vingtaine de joueuses motivées, avec l'aide de Cristian, Mauro et Rizério, qui s'est vue grandir au fil des semaines.
					Inscrite dans le championnat 2005-2006 - tour printemps, cette jeune équipe termina à l'avant-dernière place et réussit à engranger 6 points.
				</p>
				<p>
					Depuis lors, bien de l’eau a coulé sous les ponts. Six ans durant, l’US Geneveys-sur-Coffrane a accumulé de l’expérience en troisième ligue 
					avec pour objectif premier le plaisir de jouer. À vocation formatrice, l’équipe a souvent servi de tremplin à des joueuses qui évoluent
					désormais jusqu’en 1e ligue interrégionale.
				</p>
				<img src="../img/equipe.jpg" alt="photoEquipe" width="400" height="239"/>
				<p>
					Mais à la veille de l’édition 2013-2014 du championnat cantonal, c’est désormais d’autres rêves qui animent l'USGC féminin. Et pour cause, le tour printemps 2013
					fut porteur de belles promesses : toutes compétitions confondues, le bilan est de 7 victoires, 1 nul et 2 défaites. 
				</p>
				<p>
					Forte de cette nouvelle confiance, d’une motivation à son maximum, mais aussi d’un contingent renforcé cet été,
					l’équipe emmenée par Christophe Sallin, Mathieu Lupi, Elias Adonis et Anthony Vieille
					pourrait bien se retrouver propulsée vers la tête du classement de troisième ligue. Si ce n’est encore plus haut...
				</p>
			</div>
					
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot">
				<div data-role="navbar" data-iconpos="bottom">
					<ul> 
						<li><a class="ui-btn-active ui-state-persist" href="#accueil" data-role="button" data-icon="star">Accueil</a></li> <!-- pour que l'onglet soit selection par rapport à la page actuel class="ui-btn-active ui-state-persist"-->
						<li><a href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
				<p id="copyright"> © 2013 USGirlsC - Equipe Féminine <br/> Case postale 7 - 2206 Les Geneveys s/Coffrane </p>
			</div>

		</div><!-- fin de la page -->
		
		<div data-role="page" data-theme="a" id="equipe"> <!-- PAGE 2 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Equipe</h1>
				<a data-rel="back" data-icon="back"> Retour </a>
			</div>
			<div data-role="content" data-theme="a">
				<table id="premier">
					<tr>
						<th id="entraineur"> Entraîneur <br/> Principal </th>	
						<td>&nbsp;  </td> 
						<td rowspan="3"> <img src="../img/Christophe.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td>&nbsp;  </td>						
					</tr>
					<tr>
						<th> Nom: </th>	<td width="25%"> Christophe <br/> Sallin </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 12.09.1990</td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th id="entraineur1"> Entraîneur <br/> Physique</th>	
						<td>&nbsp;  </td> 
						<td rowspan="3"> <img src="../img/Anthony.JPG" width="100" height="150" alt="portrait" /> </td>
						<td>&nbsp;  </td>						
					</tr>
					<tr>
						<th> Nom: </th>	<td width="25%"> Anthony <br/> Vieille </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 01.02.1989 </td>  <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th id="entraineur2"> Entraîneur </th>	
						<td>&nbsp;  </td> 
						<td rowspan="3"> <img src="../img/Mathieu.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td>&nbsp;  </td>						
					</tr>
					<tr>
						<th> Nom: </th>	<td width="25%"> Mathieu <br/> Lupi </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 14.03.1996</td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th id="entraineur2"> Entraîneur </th>	
						<td>&nbsp;  </td> 
						<td rowspan="3"> <img src="../img/Elias.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td>&nbsp;  </td>						
					</tr>
					<tr>
						<th> Nom: </th>	<td width="25%"> Elias <br/> Adonis </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 13.09.1996</td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th>	
                        <td width="25%"> Alice <br/> Christen </td> 
                        <td rowspan="4"> <img src="../img/Alice.JPG" width="100" height="150" alt="portrait" /> </td>	
                        <td>&nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 7 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 17.07.1993</td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Amanda <br/> Hormazabal </td>	
						<td rowspan="4"> <img src="../img/Laelia.jpg" width="100" height="150" alt="portrait"/> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 21 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 13.08.1991 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Attaquante </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Céline <br/> Von Bergen </td> 
						<td rowspan="4"> <img src="../img/Celine.jpg" width="100" height="150" alt="portrait" /> </td>	
						<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 24 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 21.02.1985 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> ? </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th> 
						<td width="25%"> Chiara  <br/> Massimi </td>
						<td rowspan="4"> <img src="../img/Chiara.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 6 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 13.11.1988 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
					
				<table>
					<tr>
						<th> Nom: </th> 
                        <td width="25%"> Crystel <br/> Monnier </td> 
                        <td rowspan="4"> <img src="../img/Crystel.JPG" width="100" height="150" alt="portrait" /> </td>	
                        <td>&nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 10 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 14.11.1990 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Delphine <br/>  Rion </td>	
						<td rowspan="4"> <img src="../img/Delphine.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 15 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 19.09.1985 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>

				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Diana <br/> Menezes </td>
						<td rowspan="4"> <img src="../img/Diana.JPG" width="100" height="135" alt="portrait" /> </td> 	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 4 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 23.02.1997 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>

				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Jennifer <br/> Puskas </td>	
						<td rowspan="4"> <img src="../img/Jennifer.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td>&nbsp;  </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 30.05.1995 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>

				<table>
					<tr>
						<th> Nom: </th>	
                      	<td width="25%"> Joy <br/> Julius </td>	
                        <td rowspan="4"> <img src="../img/Joy.JPG" width="100" height="150" alt="portrait" /> </td>	
                      	<td>&nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 16 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 25.08.1992 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Attaquante </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				 <table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Joséphine <br/> Leuba </td>	
						<td rowspan="4">  <img src="../img/Laelia.jpg" width="100" height="100" alt="portrait" /> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 20 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 11.06.1992 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Défenseur </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>

				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Laure <br/> Von Wyss </td>	
						<td rowspan="4"> <img src="../img/Laure.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 13 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 21.09.1988 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Défenseur </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table id="premier">
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Loraine <br/> Christen </td>	
						<td rowspan="4"> <img src="../img/Loraine.JPG" width="100" height="150" alt="portrait" />  </td>	
						<td>&nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 1 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 29.11.1995 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Gardienne </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Manon <br/> Desaules </td>	
						<td rowspan="4"> <img src="../img/Manon.JPG" width="100" height="150" alt="portrait"/> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 11 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 24.02.1993 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Défenseur </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<th> Nom: </th>	
						<td width="25%"> Marie <br/> Michel </td>	
						<td rowspan="4"> <img src="../img/Laelia.jpg" width="100" height="150" alt="portrait"/> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 3 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 29.05.1984 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td>  </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>				
<table>
					<tr>
						<th> Nom: </th>	
                        <td width="25%"> Marilyn <br/> Béguin </td>	
                        <td rowspan="4"> <img src="../img/Marilyn.JPG" width="100" height="150" alt="portrait" /><!-- place pour la photo --> </td>	
                        <td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 5 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 22.08.1984 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td>Attaquante  </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>				
				
				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Marylyn <br/> Merlet </td>	
						<td rowspan="4"> <img src="../img/Marylyn.JPG" width="100" height="150" alt="portrait" /> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 9 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 09.09.1990 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Attaquante </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
							
				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Melike <br/> Gülal </td>	
						<td rowspan="4"> <img src="../img/Laelia.jpg" width="100" height="150" alt="portrait" /> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 2 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 16.05.1991 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td>  </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Melissa <br/> Strummiello </td>	
						<td rowspan="4"> <img src="../img/Melissa.JPG" width="100" height="150" alt="portrait"/> </td>	
						<td> <!-- pplp --></td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 14 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 27.01.1990 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Défenseur </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				
				<table>
					<tr>
						<th> Nom: </th>	
                        <td width="25%"> Odile <br/> Roulet </td> 
                        <td rowspan="4"> <img src="../img/Laelia.jpg" width="100" height="150" alt="portrait" /> </td>	
                        <td>&nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 8 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 07.05.1990  </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td>  </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>

				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Sara <br/> Pinto </td>	
						<td rowspan="4"> <img src="../img/Sara.JPG" width="100" height="150" alt="portrait"/> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 18 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 23.03.1990 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				

				<table>
					<tr>
						<th> Nom: </th>	
                        <td width="25%"> Sophie <br/> Gutknecht </td>	
                        <td rowspan="4"> <img src="../img/Sophie.JPG" width="100" height="150" alt="portrait" /> </td>	
                        <td>&nbsp;  </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 19 </td> <td>&nbsp;  </td>	<td>&nbsp;  </td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 13.11.1989 </td> <td>&nbsp;  </td>	<td>&nbsp; </td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Milieu </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>
				

				<table>
					<tr>
						<th> Nom: </th>	
						<td width="25%"> Tania <br/> Mendes </td>	
						<td rowspan="4"> <img src="../img/Tania.JPG" width="100" height="150" alt="portrait"/> </td>	
						<td> &nbsp; </td>						
					</tr>
					<tr>
						<th> N°maillot: </th> <td> 17 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 07.12.1991 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> Attaquante </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>		
	
				<table>
					<tr>
						<th> Nom: </th>
						<td width="25%"> Zoé <br/> Marca </td>
						<td rowspan="4"> <img src="../img/Laelia.jpg" width="100" height="150" alt="portrait"/> </td>	
						<td> &nbsp; </td>											
					</tr>
					<tr>
						<th> N°maillot: </th> <td>  </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Date de naissance: </th> <td> 15.04.1998 </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
					<tr>
						<th> Poste: </th> <td> </td> <td> <!-- place pour la photo --> </td>	<td> <!-- pplp --></td>	
					</tr>
				</table>

			</div>
			
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot"> <!-- pour fixer la position du footer en bas -->
				<div data-role="navbar" data-iconpos="bottom">
					<ul>
						<li><a href="#accueil" data-role="button" data-icon="star">Accueil</a></li>
						<li><a class="ui-btn-active ui-state-persist" href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
			</div>		
		</div>
		
		
		<div data-role="page" data-theme="a" id="photos"> <!-- PAGE 3 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Photos</h1>
				<a data-rel="back" data-icon="back"> Retour </a>
			</div>
			<div data-role="content" data-theme="a">

			</div>
			
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot"> <!-- pour fixer la position du footer en bas -->
				<div data-role="navbar" data-iconpos="bottom">
					<ul>
						<li><a href="#accueil" data-role="button" data-icon="star">Accueil</a></li>
						<li><a href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a class="ui-btn-actiive ui-state-persist" href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
			</div>		
		</div>
		
		
		<div data-role="page" data-theme="a" id="livre"> <!-- PAGE 4 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Livre d'or</h1>
				<a data-rel="back" data-icon="back"> Retour </a>
			</div>
			<div data-role="content" data-theme="a">

			</div>
			
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot"> <!-- pour fixer la position du footer en bas -->
				<div data-role="navbar" data-iconpos="bottom">
					<ul>
						<li><a href="#accueil" data-role="button" data-icon="star">Accueil</a></li>
						<li><a href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a class="ui-btn-actiive ui-state-persist" href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
			</div>		
		</div>
		
		
		<div data-role="page" data-theme="a" id="liens"> <!-- PAGE 5 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Liens</h1>
				<a data-rel="back" data-icon="back"> Retour </a>
			</div>
			<div data-role="content" data-theme="a">

			</div>
			
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot"> <!-- pour fixer la position du footer en bas -->
				<div data-role="navbar" data-iconpos="bottom">
					<ul>
						<li><a href="#accueil" data-role="button" data-icon="star">Accueil</a></li>
						<li><a href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a class="ui-btn-actiive ui-state-persist" href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
			</div>		
		</div>
		
		
				<div data-role="page" data-theme="a" id="contact"> <!-- PAGE 6 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Contact</h1>
				<a data-rel="back" data-icon="back"> Retour </a>
			</div>
			<div data-role="content" data-theme="a">

			</div>
			
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot"> <!-- pour fixer la position du footer en bas -->
				<div data-role="navbar" data-iconpos="bottom">
					<ul>
						<li><a href="#accueil" data-role="button" data-icon="star">Accueil</a></li>
						<li><a href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a class="ui-btn-actiive ui-state-persist" href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
			</div>		
		</div>
		
		
		<div data-role="page" data-theme="a" id="evenements"> <!-- PAGE 7 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Evénements</h1>
				<a data-rel="back" data-icon="back"> Retour </a>
			</div>
			<div data-role="content" data-theme="a">

			</div>
			
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot"> <!-- pour fixer la position du footer en bas -->
				<div data-role="navbar" data-iconpos="bottom">
					<ul>
						<li><a href="#accueil" data-role="button" data-icon="star">Accueil</a></li>
						<li><a href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a class="ui-btn-actiive ui-state-persist" href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
			</div>		
		</div>
		
		
		<div data-role="page" data-theme="a" id="sponsors"> <!-- PAGE 8 -->
			<div data-role="header" data-theme="a" data-position="inline">
				<h1>Sponsors</h1>
				<a data-rel="back" data-icon="back"> Retour </a>
			</div>
			<div data-role="content" data-theme="a">

			</div>
			
			<div data-role="footer" data-theme="a" data-position="fixed" data-id="foot"> <!-- pour fixer la position du footer en bas -->
				<div data-role="navbar" data-iconpos="bottom">
					<ul>
						<li><a href="#accueil" data-role="button" data-icon="star">Accueil</a></li>
						<li><a href="#equipe" data-role="button" data-icon="star">Equipe</a></li>
						<li><a href="#photos" data-role="button" data-icon="star">Photos</a></li>
						<li><a href="#livre" data-role="button" data-icon="star">Livre d'Or</a></li>
						<li><a href="#liens" data-role="button" data-icon="star">Liens</a></li>
						<li><a href="#contact" data-role="button" data-icon="star">Contact</a></li>
						<li><a href="#evenements" data-role="button" data-icon="star">Evénements</a></li>
						<li><a class="ui-btn-actiive ui-state-persist" href="#sponsors" data-role="button" data-icon="star">Sponsors</a></li>
					</ul>
				</div>
			</div>		
		</div>
	</body>
</html>
/*!
* jQuery Mobile 1.3.2
* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
*  http://jquerymobile.com
 
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
*  http://jquery.org/license
 
*
*/


/* Swatches */
/* A
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-a {
	border: 1px solid #3082b0 /*{a-bar-border}*/;
	background: #952888 /*{a-bar-background-color}*/;
	color: #f7f7f7 /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 1px /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #343232 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #a32c95 /*{a-bar-background-start}*/), to( #86247a /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #a32c95 /*{a-bar-background-start}*/, #86247a /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #a32c95 /*{a-bar-background-start}*/, #86247a /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #a32c95 /*{a-bar-background-start}*/, #86247a /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #a32c95 /*{a-bar-background-start}*/, #86247a /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #a32c95 /*{a-bar-background-start}*/, #86247a /*{a-bar-background-end}*/);
}
.ui-bar-a .ui-link-inherit {
	color: #f7f7f7 /*{a-bar-color}*/;
}
.ui-bar-a a.ui-link {
	color: #7cc4e7 /*{a-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-a a.ui-link:visited {
    color: #2489ce /*{a-bar-link-visited}*/;
}
.ui-bar-a a.ui-link:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}
.ui-bar-a a.ui-link:active {
	color: #2489ce /*{a-bar-link-active}*/;
}
.ui-bar-a,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-a button {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
}
.ui-body-a,
.ui-overlay-a {
	border: 1px solid #16a8d4 /*{a-body-border}*/;
	color: #080808 /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #0A799B /*{a-body-shadow-color}*/;
	background: #0A799B /*{a-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0da5d4 /*{a-body-background-start}*/), to( #064c61 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #0da5d4 /*{a-body-background-start}*/, #064c61 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #0da5d4 /*{a-body-background-start}*/, #064c61 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #0da5d4 /*{a-body-background-start}*/, #064c61 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #0da5d4 /*{a-body-background-start}*/, #064c61 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #0da5d4 /*{a-body-background-start}*/, #064c61 /*{a-body-background-end}*/);
}
.ui-overlay-a {
	background-image: none;
	border-width: 0;
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
}
.ui-body-a .ui-link-inherit {
	color: #080808 /*{a-body-color}*/;
}
.ui-body-a .ui-link {
	color: #2fee5a /*{a-body-link-color}*/;
	font-weight: bold;
}
.ui-body-a .ui-link:visited {
    color: #2489ce /*{a-body-link-visited}*/;
}
.ui-body-a .ui-link:hover {
	color: #2489ce /*{a-body-link-hover}*/;
}
.ui-body-a .ui-link:active {
	color: #2489ce /*{a-body-link-active}*/;
}
.ui-btn-up-a {
	border: 1px solid #0a0a0a /*{a-bup-border}*/;
	background: #dfe1e2 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: #278cbe /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #dfe1e2 /*{a-bup-background-start}*/), to( #dfe1e2 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #dfe1e2 /*{a-bup-background-start}*/, #dfe1e2 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #dfe1e2 /*{a-bup-background-start}*/, #dfe1e2 /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #dfe1e2 /*{a-bup-background-start}*/, #dfe1e2 /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #dfe1e2 /*{a-bup-background-start}*/, #dfe1e2 /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #dfe1e2 /*{a-bup-background-start}*/, #dfe1e2 /*{a-bup-background-end}*/);
}
.ui-btn-up-a:visited,
.ui-btn-up-a a.ui-link-inherit {
	color: #278cbe /*{a-bup-color}*/;
}
.ui-btn-hover-a {
	border: 1px solid #f5f5f5 /*{a-bhover-border}*/;
	background: #3082b0 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #f0efef /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 0px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2a739c /*{a-bhover-background-start}*/), to( #3590c3 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #2a739c /*{a-bhover-background-start}*/, #3590c3 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #2a739c /*{a-bhover-background-start}*/, #3590c3 /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #2a739c /*{a-bhover-background-start}*/, #3590c3 /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #2a739c /*{a-bhover-background-start}*/, #3590c3 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #2a739c /*{a-bhover-background-start}*/, #3590c3 /*{a-bhover-background-end}*/);
}
.ui-btn-hover-a:visited,
.ui-btn-hover-a:hover,
.ui-btn-hover-a a.ui-link-inherit {
	color: #f0efef /*{a-bhover-color}*/;
}
.ui-btn-down-a {
	border: 1px solid #10bc19 /*{a-bdown-border}*/;
	background: #10bc19 /*{a-bdown-background-color}*/;
	font-weight: bold;
	color: #050505 /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 0px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #050505 /*{a-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #14f020 /*{a-bdown-background-start}*/), to( #0b8712 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #14f020 /*{a-bdown-background-start}*/, #0b8712 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #14f020 /*{a-bdown-background-start}*/, #0b8712 /*{a-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #14f020 /*{a-bdown-background-start}*/, #0b8712 /*{a-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #14f020 /*{a-bdown-background-start}*/, #0b8712 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #14f020 /*{a-bdown-background-start}*/, #0b8712 /*{a-bdown-background-end}*/);
}
.ui-btn-down-a:visited,
.ui-btn-down-a:hover,
.ui-btn-down-a a.ui-link-inherit {
	color: #050505 /*{a-bdown-color}*/;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}
/* B
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-b {
	border: 1px solid #b3b3b3 /*{b-bar-border}*/;
	background: #eeeeee /*{b-bar-background-color}*/;
	color: #3e3e3e /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{b-bar-background-start}*/), to( #dddddd /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/);
}
.ui-bar-b .ui-link-inherit {
	color: #3e3e3e /*{b-bar-color}*/;
}
.ui-bar-b a.ui-link {
	color: #7cc4e7 /*{b-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-b a.ui-link:visited {
    color: #2489ce /*{b-bar-link-visited}*/;
}
.ui-bar-b a.ui-link:hover {
	color: #2489ce /*{b-bar-link-hover}*/;
}
.ui-bar-b a.ui-link:active {
	color: #2489ce /*{b-bar-link-active}*/;
}
.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
}
.ui-body-b,
.ui-overlay-b {
	border: 1px solid #aaaaaa /*{b-body-border}*/;
	color: #333333 /*{b-body-color}*/;
	text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{b-body-shadow-color}*/;
	background: #f9f9f9 /*{b-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{b-body-background-start}*/), to( #eeeeee /*{b-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/);
}
.ui-overlay-b {
	background-image: none;
	border-width: 0;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
}
.ui-body-b .ui-link-inherit {
	color: #333333 /*{b-body-color}*/;
}
.ui-body-b .ui-link {
	color: #2489ce /*{b-body-link-color}*/;
	font-weight: bold;
}
.ui-body-b .ui-link:visited {
    color: #2489ce /*{b-body-link-visited}*/;
}
.ui-body-b .ui-link:hover {
	color: #2489ce /*{b-body-link-hover}*/;
}
.ui-body-b .ui-link:active {
	color: #2489ce /*{b-body-link-active}*/;
}
.ui-btn-up-b {
	border: 1px solid #cccccc /*{b-bup-border}*/;
	background: #eeeeee /*{b-bup-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{b-bup-background-start}*/), to( #f1f1f1 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/);
}
.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit {
	color: #2f3e46 /*{b-bup-color}*/;
}
.ui-btn-hover-b {
	border: 1px solid #bbbbbb /*{b-bhover-border}*/;
	background: #dfdfdf /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{b-bhover-background-start}*/), to( #e0e0e0 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/);
}
.ui-btn-hover-b:visited,
.ui-btn-hover-b:hover,
.ui-btn-hover-b a.ui-link-inherit {
	color: #2f3e46 /*{b-bhover-color}*/;
}
.ui-btn-down-b {
	border: 1px solid #bbbbbb /*{b-bdown-border}*/;
	background: #d6d6d6 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{b-bdown-background-start}*/), to( #dfdfdf /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/);
}
.ui-btn-down-b:visited,
.ui-btn-down-b:hover,
.ui-btn-down-b a.ui-link-inherit {
	color: #2f3e46 /*{b-bdown-color}*/;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}


/* C
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-c {
	border: 1px solid #b3b3b3 /*{c-bar-border}*/;
	background: #eeeeee /*{c-bar-background-color}*/;
	color: #3e3e3e /*{c-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #ffffff /*{c-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #dddddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/);
}
.ui-bar-c .ui-link-inherit {
	color: #3e3e3e /*{c-bar-color}*/;
}
.ui-bar-c a.ui-link {
	color: #7cc4e7 /*{c-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-c a.ui-link:visited {
    color: #2489ce /*{c-bar-link-visited}*/;
}
.ui-bar-c a.ui-link:hover {
	color: #2489ce /*{c-bar-link-hover}*/;
}
.ui-bar-c a.ui-link:active {
	color: #2489ce /*{c-bar-link-active}*/;
}
.ui-bar-c,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
}
.ui-body-c,
.ui-overlay-c {
	border: 1px solid #aaaaaa /*{c-body-border}*/;
	color: #333333 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/;
	background: #f9f9f9 /*{c-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
}
.ui-overlay-c {
	background-image: none;
	border-width: 0;
}
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
}
.ui-body-c .ui-link-inherit {
	color: #333333 /*{c-body-color}*/;
}
.ui-body-c .ui-link {
	color: #2489ce /*{c-body-link-color}*/;
	font-weight: bold;
}
.ui-body-c .ui-link:visited {
    color: #2489ce /*{c-body-link-visited}*/;
}
.ui-body-c .ui-link:hover {
	color: #2489ce /*{c-body-link-hover}*/;
}
.ui-body-c .ui-link:active {
	color: #2489ce /*{c-body-link-active}*/;
}
.ui-btn-up-c {
	border: 1px solid #cccccc /*{c-bup-border}*/;
	background: #eeeeee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
}
.ui-btn-up-c:visited,
.ui-btn-up-c a.ui-link-inherit {
	color: #2f3e46 /*{c-bup-color}*/;
}
ui-btn-up-c a.ui-link-inherit {
	color: #2f3e46 /*{c-bup-color}*/;
}
.ui-btn-hover-c {
	border: 1px solid #bbbbbb /*{c-bhover-border}*/;
	background: #dfdfdf /*{c-bhover-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{c-bhover-color}*/;
	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
}
.ui-btn-hover-c:visited,
.ui-btn-hover-c:hover,
.ui-btn-hover-c a.ui-link-inherit {
	color: #2f3e46 /*{c-bhover-color}*/;
}
.ui-btn-down-c {
	border: 1px solid #bbbbbb /*{c-bdown-border}*/;
	background: #d6d6d6 /*{c-bdown-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{c-bdown-color}*/;
	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
}
.ui-btn-down-c:visited,
.ui-btn-down-c:hover,
.ui-btn-down-c a.ui-link-inherit {
	color: #2f3e46 /*{c-bdown-color}*/;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}


/* Structure */
/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/
a.ui-link-inherit {
	text-decoration: none !important;
}
/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
	border: 1px solid #2373a5 /*{global-active-border}*/;
	background: #387bbe /*{global-active-background-color}*/;
	font-weight: bold;
	color: #f2f2f3 /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
	       font-family: Helvetica, Arial, Verdana, sans-serif /*{global-font-family}*/;
}
.ui-btn-active:visited,
.ui-btn-active:hover,
.ui-btn-active a.ui-link-inherit {
	color: #f2f2f3 /*{global-active-color}*/;
}
/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-inner {
	border-top: 1px solid 	#fff;
	border-color: 			rgba(255,255,255,.3);
}
/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/
.ui-corner-all {
	-webkit-border-radius: .6em /*{global-radii-blocks}*/;
	border-radius: .6em /*{global-radii-blocks}*/;
}
/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
	border-color: rgb(130,130,130);
	border-color: rgba(130,130,130,.3);
	border-style: solid;
}
/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
	filter: Alpha(Opacity=30);
	opacity: .3;
	zoom: 1;
}
.ui-disabled,
.ui-disabled a {
	cursor: default !important;
	pointer-events: none;
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-icon,
.ui-icon-searchfield:after {
	background: #2982e0 /*{global-icon-color}*/;
	background: rgba(41,130,224,0.6) /*{global-icon-disc}*/;
	background-image: url(images/icons-18-black.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}
/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-alt .ui-icon,
.ui-icon-alt .ui-icon-searchfield:after {
	background-color: 						#fff;
	background-color: 						rgba(255,255,255,.3);
	background-image: url(images/icons-18-black.png);
	background-repeat: no-repeat;
}
/* No disc
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-nodisc .ui-icon,
.ui-icon-nodisc .ui-icon-searchfield:after,
.ui-icon-nodisc .ui-icon-alt .ui-icon,
.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
	background-color: transparent;
}
/* Icon sprite
-----------------------------------------------------------------------------------------------------------*/
/* plus minus */
.ui-icon-plus {
	background-position: 	-1px -1px;
}
.ui-icon-minus {
	background-position: 	-37px -1px;
}
/* delete/close */
.ui-icon-delete {
	background-position: 	-73px -1px;
}
/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px -1px;
}
.ui-icon-arrow-l {
	background-position: 	-144px -1px;
}
.ui-icon-arrow-u {
	background-position: 	-180px -1px;
}
.ui-icon-arrow-d {
	background-position: 	-216px -1px;
}
/* misc */
.ui-icon-check {
	background-position: 	-252px -1px;
}
.ui-icon-gear {
	background-position: 	-288px -1px;
}
.ui-icon-refresh {
	background-position: 	-323px -1px;
}
.ui-icon-forward {
	background-position: 	-360px -1px;
}
.ui-icon-back {
	background-position: 	-396px -1px;
}
.ui-icon-grid {
	background-position: 	-432px -1px;
}
.ui-icon-star {
	background-position: 	-467px -1px;
}
.ui-icon-alert {
	background-position: 	-503px -1px;
}
.ui-icon-info {
	background-position: 	-539px -1px;
}
.ui-icon-home {
	background-position: 	-575px -1px;
}
/* search */
.ui-icon-search,
.ui-icon-searchfield:after {
	background-position: 	-611px -1px;
}
/* checkbox radio */
.ui-icon-checkbox-on {
	background-position: 	-647px -1px;
}
.ui-icon-checkbox-off {
	background-position: 	-683px -1px;
}
.ui-icon-radio-on {
	background-position: 	-718px -1px;
}
.ui-icon-radio-off {
	background-position: 	-754px -1px;
}
/* menu edit */
.ui-icon-bars {
	background-position: 	-788px -1px;
}
.ui-icon-edit {
	background-position: 	-824px -1px;
}
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
	.ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-white.png);
		-moz-background-size: 864px 18px;
		-o-background-size: 864px 18px;
		-webkit-background-size: 864px 18px;
		background-size: 864px 18px;
	}
	.ui-icon-alt .ui-icon {
		background-image: url(images/icons-36-black.png);
	}
	.ui-icon-plus {
		background-position: 	0 50%;
	}
	.ui-icon-minus {
		background-position: 	-36px 50%;
	}
	.ui-icon-delete {
		background-position: 	-72px 50%;
	}
	.ui-icon-arrow-r {
		background-position: 	-108px 50%;
	}
	.ui-icon-arrow-l {
		background-position: 	-144px 50%;
	}
	.ui-icon-arrow-u {
		background-position: 	-179px 50%;
	}
	.ui-icon-arrow-d {
		background-position: 	-215px 50%;
	}
	.ui-icon-check {
		background-position: 	-252px 50%;
	}
	.ui-icon-gear {
		background-position: 	-287px 50%;
	}
	.ui-icon-refresh {
		background-position: 	-323px 50%;
	}
	.ui-icon-forward {
		background-position: 	-360px 50%;
	}
	.ui-icon-back {
		background-position: 	-395px 50%;
	}
	.ui-icon-grid {
		background-position: 	-431px 50%;
	}
	.ui-icon-star {
		background-position: 	-467px 50%;
	}
	.ui-icon-alert {
		background-position: 	-503px 50%;
	}
	.ui-icon-info {
		background-position: 	-538px 50%;
	}
	.ui-icon-home {
		background-position: 	-575px 50%;
	}
	.ui-icon-search,
	.ui-icon-searchfield:after {
		background-position: 	-611px 50%;
	}
	.ui-icon-checkbox-on {
		background-position: 	-647px 50%;
	}
	.ui-icon-checkbox-off {
		background-position: 	-683px 50%;
	}
	.ui-icon-radio-on {
		background-position: 	-718px 50%;
	}
	.ui-icon-radio-off {
		background-position: 	-754px 50%;
	}
	.ui-icon-bars {
		background-position: 	-788px 50%;
	
	}.ui-icon-edit {
		background-position: 	-824px 50%;
	}
}
/* checks,radios */
.ui-checkbox .ui-icon,
.ui-selectmenu-list .ui-icon {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui-icon-checkbox-off,
.ui-icon-radio-off {
	background-color: transparent;	
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
	background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}
/* loading icon */
.ui-icon-loading {
	background: url(images/ajax-loader.gif);
	background-size: 46px 46px;
}
/* Button corner class
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-corner-all {
	-webkit-border-radius: 1em /*{global-radii-buttons}*/;
	border-radius: 1em /*{global-radii-buttons}*/;
}
/* radius clip workaround for cleaning up corner trapping */
.ui-corner-all,
.ui-btn-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/
.ui-overlay {
	background: #666;
	filter: Alpha(Opacity=50);
	opacity: .5;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ui-overlay-shadow {
	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
}
.ui-shadow {
	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(3,3,3,0.5) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(3,3,3,0.5) /*{global-box-shadow-color}*/;
	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(3,3,3,0.5) /*{global-box-shadow-color}*/
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
	-moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0 1px 0 					rgba(255,255,255,.3);
}
.ui-shadow-inset {
	-moz-box-shadow: inset 0 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0 1px 4px 			rgba(0,0,0,.2);
}
.ui-icon-shadow {
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
-----------------------------------------------------------------------------------------------------------*/
.ui-btn:focus, .ui-link-inherit:focus {
	outline: 0;
}
.ui-btn.ui-focus {
	z-index: 1;
}
.ui-focus,
.ui-btn:focus {
	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
	-moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
	box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;	
}
/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/
.ui-mobile-nosupport-boxshadow * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
	outline-width: 1px;
	outline-style: auto;
}
Euuuh ouais. Bon je vois rien qui de spécial dans ton html, donc on passe au plan b. Ta page jquery mobile qui a le problème, elle est en ligne quelque parr? Parce que le lien que tu as donné, c'est pas ça à prioris Smiley smile .
Sujet clos
Aller à