/* global */
body {
  margin:20px 0 0 0; /* pour éviter les marges */
  padding:0;
	text-align:center; /* pour corriger le bug de centrage IE */
  background-color:#002f71;
}
* {
  font-family:arial;
  font-size:11px;
  border:none;
  font-weight:normal;
  margin:0;
  padding:0;
}
a { text-decoration:none; }
a:hover {  text-decoration:underline; color:white; }
h1 {font-size:24px; margin:0;}
h2 {font-size:12px;}
.sizeh1 { font-size:24px; }
.jaune { color:#fbff95; }
.rouge { color:#ff4719; }
.bleu { color:#458ffe; }
.vert { color:#48f317; }
.bleu-fonce { color:#226cdc; }
.separation-5 { font-size:1px; height:5px; clear:all; }
.txt9 { font-size:9px; }
.txt13 { font-size:13px; }

/* contenu */
.global {
  position:relative;
	margin-left: auto;
  margin-right: auto;
  width:767px;
  height:743px;
  background:url(../imglf/fond.jpg) no-repeat;
}
.global-sp {
  position:relative;
	margin-left: auto;
  margin-right: auto;
  width:597px;
  height:743px;
  background:url(../imglf/fond.jpg) no-repeat;
}
.contenu {
  position:absolute;
  top:0px; left:0px;
	width:584px;
  text-align:left; /* on rétablit l'alignement normal du texte */
}


/* header */
.header {
	position:absolute;
	top:13px;	left:18px;
}
.header .logo {
	position:absolute;
}
.header .accroche {
	position:absolute;
	top:93px;
	width:558px;
	text-align:right;
}
.header .accroche h1 {
	margin:0;
	font-size:14px;
}
.header .langues {
	position:absolute;
	left:515px;
	width:45px;
	text-align:right;
}



/* enigme photo */
.enigme {
	position:absolute;
	left:18px; top:130px;
}
.enigme .photo {
	position:absolute;
	background-repeat:no-repeat;
	z-index:1;
	width:560px;
	height:420px;
}
.enigme .cadre {
	position:absolute;
	z-index:50;
	width:560px;
	height:420px;
  background:url(../imglf/cadre.gif) no-repeat;
}
.enigme .text {
	position:absolute;
	z-index:50;
	width:530px;
	height:420px;
	padding:20px;
  background:url(../imglf/cadre.gif) no-repeat;
  font-size:12px;
}
.enigme .text span, .enigme .text strong, .enigme .text p, .enigme .text a, .enigme table td{
  font-size:12px;
}
.enigme .text strong{
	font-weight:bold;
}
.enigme .text input, .enigme .text textarea {
	background-color:#fbff95;
}



/* commande */
.commande {
	position:absolute;
	top:560px; left:18px;
}
.commande .indice {
	position:absolute;
	top:0px; left:0px;
	width:112px;
}
.commande .indice img {
	margin:0 2px -10px 0;
}
.commande .indice .textIndice {
	position:absolute;
	top:0px; left:24px;
	width:78px;
}
.commande .indice .textIndice span{
	font-size:11px;
}
.commande .champ {
	position:absolute;
	top:0px; left:108px;
}
.commande .champ .saisie {
	/*background:url('../imglf/champ-loupe.png') no-repeat;*/
	background:url('../imglf/interrogation.gif') no-repeat;
	background-position:9px 3px;
	width:311px;
	height:27px;
	padding:2px 20px 0 35px;
	font-size:18px;
	font-weight:bold;
}
.commande .champ .saisie-recipient {
	background:url('../imglf/champ.gif') no-repeat;
	width:311px;
	height:27px;
	/*padding:2px 20px 0 35px;
	font-size:18px;
	font-weight:bold;*/
}
.commande .bouton-ok {
	position:absolute;
	top:0; left:318px;
	width:27px;
	height:27px;
}
.commande .tentatives {
	position:absolute;
	top:0px; left:466px;
	width:95px;
	text-align:right;
}
.commande .tentatives span{
	font-size:12px;
	font-weight:bold;
}
.commande .tentatives img {
	margin:0 0 -7px 0;
}


/* w3c */
.w3c {
	position:absolute;
	top:560px; left:38px;
	width:520px;
	text-align:center;
}


/* geolocalisation */
.geolocalisation {
	position:absolute;
	top:552px; left:38px;
	width:520px;
	text-align:center;
}
.geolocalisation h1 {
	font-size:15px;
	font-weight:bold;
}


/* publicité */
.publicite-468x60{
	position:absolute;
	top:605px; left:18px;
}
.publicite-468x60 h2, .publicite-468x60 h3 {
  font-size:11px !important;
}
.publicite-468x60-centre{
	position:absolute;
	top:605px; left:64px;
}
.publicite-234x60{
	position:absolute;
	top:21px; left:320px;
}
.publicite-160x600{
  position:absolute;
  width:160px;
  left:607px;
  top:6px;
}


/* tentatives détail */
.enigme-tentatives{
	position:absolute;
	top:560px; left:24px;
}


/* picto enigme precedente */
.enigme-precedente {
	position:absolute;
	width:84px;
	top:600px; left:495px;
	text-align:center;
}
.enigme-precedente a{
	font-size:9px;
}
.enigme-precedente img{
	padding-top:1px;
	border:none;
}



/* archives */
.archives {
}
.archives h2{
	font-size:24px;
	margin:0;
}
.archives .bloc{
	float:left;
	width:115px;
	overflow:hidden;
}
.archives .bloc a{
	font-size:9px !important;
}
.archives .bloc.first{
	padding:0 0 10px 0;
}
.archives .bloc.follow{
	padding:0 0 10px 19px;
}
.archives a{
	font-size:11px !important;
}
.archives .pagination {
	position:absolute;
	left:20px; top:392px;
	width:520px;
	text-align:center;
}
.archives .pagination a.txt14 {
	font-weight:bold;
}
.archives .pagination a.txt14 {
	font-size:14px !important;
	font-weight:bold;
}
.archives .pagination ul, .archives .pagination li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.archives .pagination li {
	float:left;
}
/* actif */
.archives .pagination a:hover, .archives .pagination a.actif {
	background:#458FFE none repeat scroll 0 0;
	border:1px solid #FBFF95;
	text-decoration:none;
}
.archives .pagination a, .archives .pagination a:visited {
	color:#48F317;
}
.archives .pagination a {
	display:block;
	margin:0 5px 0 0;
	padding:3px 7px;
	text-align:center;
	text-decoration:none;
}
/* inactif */
.archives .pagination a {
	border:1px solid #D4D4D4;
	display:bloc;
	margin:0 1px 0 0;
	padding:1px 1px;
	text-align:center;
}
/* precedent / suivant */
.archives .pagination a.prec, .archives .pagination a.suiv {
	background-color:transparent;
	border:none;
	text-decoration:underline;
}




/* super footer */
.super-footer {
	position:absolute;
	top:681px; left:18px;
	width:560px;
	border:none;
}
.super-footer a {
	color:#48f317; /* vert */
}
.super-footer a:hover {
	color:white;
}
.super-footer img {
	margin:0 0 -3px 2px;
}



/* aide */
.aide {
	color:white;
	font-size:14px;
	text-align:left;
}
.aide-content {
	width:158px;
	height:103px;
	margin-top:3px;
	background-color:#fbff95;
	border:1px solid white;
	text-align:left;
	font-size:9px;
	color:black;
	overflow: auto; 
}


/* footer */
.footer {
	position:absolute;
	top:710px; left:18px;
	width:560px;
	color:#458ffe; /* bleu */
	border:none;
}
.footer a {
	color:#458ffe; /* bleu */
}
.footer a:hover {
	color:white;
}
.footer img {
	margin:0 0 -3px 2px;
}