body { font-family: helvetica, sans-serif; font-size: 18px; color: #fff; background-color: #000; text-align: center; width: 100%; margin: 0; -webkit-text-size-adjust:none}
#entete { color: #5470f7; font-size: 16px; font-weight: bold; line-height: 20px; text-align: left; margin-bottom: 30px; }
#entete img { float: left; padding-right: 10px; padding-bottom: 10px; }
#contenu  { text-align: left; width: 300px; min-height: 351px; margin-right: auto; margin-left: auto; padding: 10px; }
#barre_haut { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #2d3642; border-top: 1px solid #6d84a2; padding: 10px; height: 45px; background: #6d84a2 url(images/barre_haut.png) repeat-x; width: 100%; }
#barre_haut h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin: 1px 0 0 -75px;
    height: 45px;
    font-size: 20px;
    width: 150px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFFFFF;
}
#barre_haut .retour { color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; background-color: #fff; text-decoration: none; position: absolute; top: 8px; left: 6px; right: auto; width: auto; height: 30px; float: left; padding: 0; max-width: 55px; border-width: 0 8px 0 14px; -webkit-border-image: url(images/barre_haut_retour.png) 0 8 0 14; }

#barre_haut .bouton {
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(images/barre_haut_bouton.png) 0 5 0 5;
}
form { margin: 0; }
#pub { width: 300px; margin: 10px auto 20px; padding-top: 20px; border-top: 1px solid #6d84a2; }
#barre_bas { color: #d5d5d5; font-size: 12px; font-weight: normal; background-image: url(images/barre_bas.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 0 solid #2d3642; border-top: 0 solid #6d84a2; padding: 10px; height: 35px; text-align: left; width: 100%; clear: both; margin-top: 10px; }
#barre_bas .bouton { position: absolute; overflow: hidden; margin: -7px 6px 0 0; border-width: 0 5px; padding: 0 3px; height: 27px; line-height: 27px; font-family: inherit; font-size: 12px; font-weight: bold; color: #ffffff; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; background: transparent; right: 0; -webkit-border-image: url(images/barre_bas_bouton.png) 0 5 0 5; }
#contenu .bouton	
{	
	display: block;		    
	line-height: 46px;	 
	width: 270px;			
	font-size: 20px;
	font-weight: bold;
	font-family: helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#contenu .bleu
{
	margin: 3px auto;
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	border-width: 0px 14px 0px 14px;	   
	-webkit-border-image: url(images/bouton_bleu.png) 0 14 0 14;	
}
#contenu .blanc 
{
	margin: 3px auto;
	border-width: 0px 14px 0px 14px;
	color: #000;
	text-shadow: #fff 0px 1px 1px;	
	-webkit-border-image: url(images/bouton_blanc.png) 0 14 0 14;
}
#contenu .noir	
{
	border-width: 0px 14px 0px 14px;
	color: #fff;
	text-shadow: #000 0px 1px 1px;	
	-webkit-border-image: url(images/bouton_noir.png) 0 14 0 14;
	margin: 3px auto;	
}
#contenu .noir_gauche 
{
	margin: 3px auto;
	color: #fff;
	text-shadow: #000 0px 1px 1px;	 
	border-width: 0px 5px 0px 12px;
	-webkit-border-image: url(images/bouton_noir_droit.png) 0 5 0 12;		
}
#contenu .noir_droite	 
{
	margin: 3px auto;
	border-width: 0px 12px 0px 5px;
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	-webkit-border-image: url(images/bouton_noir_gauche.png) 0 12 0 5;
}
label { text-align: left; width: 100%; }
.recherche { font-size: 12px; float: right; margin-top: 5px; }
input { font-size: 18px; width: 100%; margin-bottom: 20px; }
.enumeration { color: #5470f7; font-size: 35px; font-weight: bold; line-height: 80px; float: left; clear: left; margin-top: -20px; padding-right: 10px; }
.retour { width: 100%; height: 1px; clear: both; }
a { color: #5470f7; font-weight: bold; text-decoration: none; }
em { color: #9c9c9c; font-size: 16px; }
.signet { background-image: url(images/icone_signet.png); background-repeat: no-repeat; background-position: 3px 5px; padding-right: 3px; padding-left: 24px; border: solid 1px #5470f7; }
.liste ul { margin-top: 0; margin-bottom: 0; padding: 0; }
.liste li { position: relative; margin: 0; border-bottom: 1px solid #292929; font-size: 20px; font-weight: bold; height: 30px; padding-top: 8px; padding-right: 0; padding-left: 10px; list-style: none; }
.liste li a { display: block; margin: -8px 0 -8px -10px; padding: 8px 32px 8px 10px; color: #929292; background: url(images/chevron.png) no-repeat right center; text-decoration: none; }
.liste a[selected], .liste a:active {
    background-color: #194fdb;
    background-image: url(images/chevron_on.png), url(images/selection.png);
    background-repeat: no-repeat, repeat-x;
    background-position: right center, left top;
    color: #FFFFFF !important;
}