/* Feuille de style de GAGNONS DU CASH */


/*---------- ENSEMBLE du site ------------------------------------ */
body {
	background: #7d0000;  /* #2e0000 */
	background: url("/images/fond.png") repeat-x #7d0000;
	margin: 0px;
	color: #333; 
	font: normal 12px arial;
}

table {
	text-align: left;
}

#page {     /* Cadre de l'ensemble de la page pour tout le site */
	margin: 0px;
	margin-right: auto; 
	margin-left: auto;
	width: 950px; 
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	background: #2e0000;
}
.cl{clear:both; visibility:hidden; margin:0px;}

a { color:#C13100; text-decoration:none; }    /* Les LIENS dans les pages */
a:hover { color:#C13100; text-decoration:underline; }


#milieu h1 {              /* utilisé pour les TITRES DES PAGES */
	font: bold 25px arial;
	margin: 8px 0px;
	padding: 0;
	color: #AE0000;
}
#milieu h1 a {
	color:#AE0000;
}

/* semble inutilisé ?
#suite {font:bold 12px arial; text-align:right; margin:-5px 5px 5px 0px;  color:#666; }
#suite a {font:bold 10px arial;color:#999999; text-decoration:none; }  
*/

#milieu h2 {             /* utilisé pour les TITRES DES JEUX  des pages de jeu */
	font: bold 16px arial;
	margin: 5px 0px;
	padding: 0px;
	color: #AE0000;
}

h2 {
  font: Bold 12px arial; 
  color: #AE0000;
}

h4 {
  font: Bold 12px arial; 
  color: #AE0000;
  margin: 5px;
  padding: 0px;
}

#milieu h5 {
	font-size: 16px;
	font-weight: bold;
	color: #AE0000;
}



/* ---------------------------- Messages d'ALERTE ---------------------------------------------------- */
.alerte_intro {  /* Message d'alerte en introduction de page */
	font-weight: bold;  
    color:  red;
	margin: 5px 0;
	margin-left: 60px;
	margin-right: 60px;
	text-align: center;	
}

.alerte {  /* Alertes normales dans les textes */
	font-weight: bold;
    color:  red;  /* #2e0000 */
}
.alerte_13{  /* Alertes de taille moyenne (style du IMPORTANT mais sans la puce devant) */
	font-weight: bold;
	font-size: 13px;
    color: red;
}
.alerte_13_important {  /* Alertes avec PUCE "|Triangle| IMPORTANT :" et taille moyenne */
	font-weight: bold;
	font-size: 13px;
    color:  red;
 	background-image: url(/images/picto_attention.gif);
 	background-repeat: no-repeat;
	padding-left: 18px;
	margin-left: -28px;
}
.alerte_moyen {  /* Alertes de très grande taille */
	font-weight: bold;
	font-size: 16px;
    color:  red;
}
.bold_moyen {   /* Mise en avant des liens "Inscrivez-vous" et "Identifiez-vous" dans les messages d'alerte "alerte_13" >*/
	font-weight: bold;
	font-size: 16px;
}


/* -------------------- BOITES DE LOGIN dans les corps de page -------------------- */
#boite_pseudo-mdp-horizontale {   /* Boite de login HORYZONTALE  "Pseudo/Motdepasse/OK" */
	width: 500px;
 	margin-left: 0px;
	margin-top: 10px;
	border: 2px solid #8A0000; /* #2e0000 */
	text-align: center;
	background: #ff8968; /* #ef3500; */
	padding: 4px;	
}
/* On utilise aussi les CSS : <span class="blanc-login"> */

#boite_pseudo-mdp-verticale {   /* Boite de login VERTICALE  "Pseudo/Motdepasse/Jemidentifie" */
	width: 270px;
	margin-top: 10px;
	border: 2px solid #8A0000; /* #2e0000 */
	text-align: center;
	background: #ff8968; /* #ef3500; */
	padding: 4px;	
}	

/* Les LIENS dans le bloc des BOITES DE LOGIN */
#boite_pseudo-mdp-horizontale a { color:#BF3000; text-decoration:none; }
#boite_pseudo-mdp-horizontale a:hover { color:#BF3000; text-decoration:underline; }

#boite_pseudo-mdp-verticale a { color:#BF3000; text-decoration:none; }
#boite_pseudo-mdp-verticale a:hover { color:#BF3000; text-decoration:underline; }


/* -------------------- Objets de FORMULAIRES (inscription, contact) -------------------- */
form {
  margin: 5px;
}
select, input, textarea {
  border: 1px inset #ddd;
  background-color: #FFE7DF;  
  color: #000000;
}
#checkbox{
border: none;
background-color: #FFFFFF;
}

/* -------------------- BOUTONS dans les FORMULAIRES -------------------- */
input.bouton_color {
  border: #780101 1px outset; color:#FFFFFF; font:bold 12px arial ;
  background-color: #a70201; padding:5px;
}

select, option {
background-color: #FFE7DF;
color: #000000;
}

textarea {
border: 1px inset #FFE7DF;
color: #000000;
}

textarea.parrainage {
  font-size: 12px;
}

input.boutonOk {
  border: 0px;
  margin-left:10px;
  background: transparent;
  vertical-align: middle;
  display: inline-block;  
/* color:#FFFFFF; text-align:center;width:92px; height:24px;
  background:url(/images/bouton_orange.jpg) no-repeat top left; */
}

#bloc_rentabiliweb input.boutonOk {
  padding: 1px 6px;
  margin-left: 10px;
  color: #E13800;
  background-color: #ffb9a5;
}
	

/* -------------------- BOUTONS liens sur les pages du site --------------------------- */
/* ------ ("Rejouer", "Rejouer avec plusieurs codes", "Jouer à un autre jeu") --------- */

/* Petits boutons */
.bouton a {
	display: block;
	text-align: center;
	vertical-align: middle;
	background-color: #a70201;
 	/* background:url(/images/bouton-noir.png) no-repeat; */
	color: white;
	font: bold 12px arial ;
	text-decoration: none;
	border: #780101 2px outset;
	padding: 3px;
}
.bouton a:hover {
	background-color: #e94922;
}

/* Gros boutons */
.bouton18 a {
	display: block;
	text-align: center;
	vertical-align: middle;
	background-color: #a70201;
 	/* background:url(/images/bouton-noir.png) no-repeat; */
	color: white;
	font: bold 18px arial ;
	text-decoration: none;
	border: #780101 2px outset;
	padding: 3px;
}
.bouton18 a:hover {
	background-color: #e94922;
}


/* -------------------- POP-UP d'introduction en page d'ACCUEIL ----------------------------------------- */
.popIntro
{	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px;
	background-color: #fee252; /* jaune */        /* jaune or = #ffd500 */   /* rouge clair = #ffb9a5; */
	z-index: 100;
	font: normal 14px arial;  /* 12px */
  	vertical-align: middle; 
	color: #000000;

	border:#ef3500 3px solid;
	-moz-border-radius:6px; /*mozilla */
	-webkit-border-radius:6px ;/* safari */  
}


/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */

/* -------------------- HAUT DE PAGE + MENUS DU HAUT ----------------------------------------- */

/* Haut de la page (au dessus de "Les derniers gagnants") */
#head {
	width:950px; 
	height:140px;
	background:#940000;
}
#head h1 {  /* Gros texte d'accroche $accroche_head au dessus du menu horizontal */
	position: absolute;
	font-size: 20px;
	font-weight: normal;
	color: #4a0000;
	margin-top: 75px;
	margin-left: 450px;  /* Avant : 475px */
	z-index: 4;
}

#logo {
	position: absolute; 
	height:215px;
	width:445px;
	z-index: 2;
}

/* Semble inutilisé ? */
#titre {
	float:right; 
	margin:0; 
	padding:0px; 
	width:410px; 
	border:#00FFf0 0px solid; 
}
#titre a {
	color:#fff; 
	text-decoration:none;
}

/* Petit menu en haut à droite (liens "Aide - FAQ") */
#topmenu {  
	/* float: right; */
	margin: 0px;
	padding: 0px;
	color: #4a0000;
    position:absolute;
    top: 0px;
    right: 30px;
	z-index: 5;	
}
#topmenu p {
	font-size: 12px;
	margin: 5px;
	padding: 0px;
}
#topmenu a {
	color: #FFFFFF;
}
#topmenu a:hover {
	color: #FFFFFF;
}

/* MENU du HAUT horizontal */
#menuH {
	position: absolute;
	height: 40px;
	width: 670px;
	font: bold 13px arial; 
	text-align: center; 
	color:#FFFFFF;
	margin-left: 295px;
	margin-top: 102px;
	z-index: 4;
	}
#menuH a {
	color:#FFFFFF; 
	text-decoration:none;
	margin: 0px;
	padding-top: 10px;
	}
#menuH a:hover { 
	color: #ffb9a5; 
	text-decoration: none; 
	margin: 0px;
	padding-top: 10px;
}
#image_menu_gauche {
	float: left;
	display:block;
	width:130px;
	height:30px;
	background:url("/images/menu_gauche.png") no-repeat;
}
#image_menu_droite {
	float: left;
	display:block;
	width:130px;
	height:30px;
	background:url("/images/menu_droite.png") no-repeat;
}
.image_menu {
	float: left;
	display:block;
	width:130px;
	height:30px;
	background:url("/images/menu.png") no-repeat;
}


/* MENU DEFILANT en haut (sous le menu horizontal) */
#menudefilant {  /* Bloc du Menu Défilant */
	position: absolute;
	width: 750px;
	height: 20px;
	margin-top: 2px;
	margin-left: 200px;
	border-bottom: 2px solid #2e0000;
	background: #FFFFFF;
	z-index: 5;
}
#derniers_gagnants p{  /* Texte "Les derniers gagnants :" */
	position: absolute;
	height: 17px;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-left: 5px;
	font-weight: bold;
	background: url(/images/arrondi.png) no-repeat top left; 
	background-color: #7d0000; /* #ef3500 */
	color: white;
}
#liste_gagnants {  /* Liste défilante des gagnants */
	position: absolute;
	width: 585px;
	margin: 0px;
	margin-left: 163px;
	padding: 0px;
	padding-top: 3px;
}
.gains {    /* Couleur du gain dans le menu défilant "Les derniers gagnants :" */
	font-weight: bold;
	color: #ff7315;       /* Avant : #ef3500 */
}


/* Bloc du MENU de COMPTE en haut de page (remplace "Pseudo/Motdepasse/OK") */
#menu_compte {    
	position: absolute;
	width: 750px;
	height: 50px;
	margin-left: 200px;
	margin-top: 24px;
	border-bottom: 2px solid #2e0000;
	text-align: center;
	background: #ff8968; /* (orange clair)  #ffa468; (orangé)  #ffc868; (jaune)  #ef3500; (rouge foncé) */
	z-index: 4;
}
/* Les LIENS dans le bloc du MENU de COMPTE */
#menu_compte a { color:#BF3000; text-decoration:none; }  /* #244E16 (vert foncé) */  
#menu_compte a:hover { color:#BF3000; text-decoration:underline; }  /* #CD2B07 (rouge foncé) */

#menu_compte input {   /* Zones de saisie de la boite "Pseudo/Motdepasse/OK" */
	margin: 0px;
	margin-bottom: 2px;
	margin-right: 3px;
	padding: 0px;
}
.blanc-login {     /* Textes de légende de la boite "Pseudo/Motdepasse/OK" */
	color: white;
 	background-image: url(/images/arrow1_clair.gif);
 	background-repeat: no-repeat;
	padding-left: 10px;
}

	
/* -------------------- CENTRE DE LA PAGE + MENUS DE GAUCHE ----------------------------------------- */
/* ----------------- (entre le bloc du haut et le bloc du bas) -------------------------------------- */
/* ----------------- Le menu de gauche appartient au centre de la page. ----------------------------- */

#centre {
	background: #2e0000;
}

/* Colonne du MENU de GAUCHE vertical */	
#menuV {
	float: left; 
	padding: 0px;
	margin-left: 10px;
	margin-top: 71px;
	width: 180px; 
	border: #0000FF 0px solid;
}

/* Semble inutilisé ? */
.error{color:red; font: italic 10px arial; margin:0 0px 0 8px}

/* Blocs du MENU de GAUCHE */
.bloc{
	width: 175px; 
	margin: 0px 0px 0px 3px; 
	padding: 0px 0px 8px 0px ;
	background: url(/images/bloc.png) repeat-y;
	color: #000000;
}
.bloc a {color:#000; font-size: 12px; text-decoration:none}
form.flogin {margin-left: 15px;}

/* Bloc "Appels ultra-rapides" en haut à gauche */
#bloc_marge {   
	text-align: center;
}
.bloch_simple{  /* Haut du bloc simple "Appels ultra-rapides" en haut à gauche */
	width: 175px; 
	height: 14px;
	margin: 0px;
	margin-top: 5px;
	margin-left: 3px;
	background: url(/images/bloch_simple.png) no-repeat top left;
}

/* Bloc de l'image "Inscrivez-vous" */
#animation {
	text-align: center;
	margin-top: 5px;
}

/* Blocs "NOS ENGAGEMENTS" et "TOP JEUX" */
.basbloc{      /* Bas des blocs du Menu de gauche (avec arrondis) */
	width: 175px; height:14px;
	margin: 0px 0px 0px 3px;
	background: url(/images/blocb.png) no-repeat top left;
}
.bloc h2 {   /* Blocs de Titres des blocs du menu de gauche */
	margin: 0px; 
	background: url(/images/bloch.jpg) no-repeat top left; 
	height: 20px; 
	padding: 7px 5px 2px 5px; 
	text-align: center;
	border: #000 0px solid; 
} 
.bloc h2 a {display:block; color:#FFF; margin:2px 4px; font:Bold 12px arial; text-decoration:none}  /* Titres des blocs du menu de gauche */

.bloc h3{ margin:0px}  /* Semble inutilisé ? */
.bloc h3 a {
	display: block; 
	color: #000; 
	margin: 5px 0px 2px 2px; 
	font: Bold 12px arial;
	text-decoration: none;
	padding-left: 8px;
}
.bloc h3 img {
	border: none;
}

/* PUCES des blocs du Menu de gauche "Nos engagements" et "Top jeux" */
.bloc ul {
	color: #E13800;  
	font: bold 12px arial;
	list-style-type: none;
	margin: 0px;
	padding-left: 8px;
	padding-right: 7px;
}
.bloc li {
 	background-image: url(/images/puce.gif);
 	background-repeat: no-repeat;
	padding-left: 18px;
	margin-top: 5px;
}

#touslesjeux  li{ /* Textes et puces en bas du bloc "Top jeux" */
	list-style-type: none;
	list-style-image: none;
 	background-image: url(/images/arrow2.gif);
 	background-repeat: no-repeat;
 	background-position: 0% 65%;
	padding-left: 20px;
	margin-left: 20px;
}


/* ----------------- BARRE DE NAVIGATION avec chemin des liens ----------------- */
.navigation {
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;	
}

/* Liens de la BARRE DE NAVIGATION et du MENU DE GAUCHE */
.menu:visited, .menu:link, menu:active {  font-size: 12px; color: #C13100; font-weight: bold; text-decoration: none;  }
.menu:hover { font-size: 12px; color: #C13100; font-weight: bold; text-decoration: underline; }

.menu_petit:visited, .menu_petit:link, menu_petit:active {  font-size: 11px; color: #F93F00; font-weight: bold; text-decoration: none;  }
.menu_petit:hover { font-size: 11px; color: #F93F00; font-weight: bold; text-decoration: underline; }
	
	
/* ------------------------------ CORPS DE LA PAGE -------------------------------------------------- */
/* -------------------- (espace à droite du Menu de gauche) ----------------------------------------- */
#milieu {
	float: right;
	border: #0000FF 0px solid;
	width: 750px;
	min-height: 300px;
	margin-top: 76px;
	font: normal 12px arial;    /* Avant 11px */
	background: #FFFFFF url(/images/fond_centre_700x333.png) repeat-x scroll bottom ;  /* Image de fond central en bas */
	text-align: center;
	padding-bottom: 10px;
}


/*---------------------------- BAS DE LA PAGE -------------------------------------------------- */
	
/* Bloc du BAS DE PAGE */
#pieds { 
	padding: 10px;
	color: #aaa;
	border: #0000FF 0px solid;
	background: #2e0000;
	text-align: center;
	font: normal 12px arial;
}
#pieds a {color:#FFF; text-decoration:none}
#pieds a:hover {color:#FFF; text-decoration:underline}

/* Bloc contenant la liste des PARTENAIRES en bas de page */
#pieds_partenaires { 
	margin-top: 10px; 
	margin-left: 20px; 
	margin-right: 20px;
	font: normal 11px arial;	
}  
#pieds_partenaires a { color:#aaa; text-decoration:none	}  /* Liens gris clairs des partenaires */
#pieds_partenaires a:hover {color:#aaa; text-decoration:underline }


/* semble inutilisé ? */
#pub_bas{
	background-color:#FFFFFF; 
	width: 468px; 
	height: 60px; 
	margin: 0px;
}


/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */

/*-------------- Eléments pour TOUTES les pages et les pages de CONTENU ----------------------- */

/* Petits SOUS-MENUS placés sous certains titres de page */
.sous-menu {
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none; 
}
.sous-lien:visited, .sous-lien:link, sous-lien:active { font-size: 10px; color: #C13100; font-weight: bold; text-decoration: none;}
.sous-lien:hover {font-size: 10px; color: #C13100; font-weight: bold; text-decoration: underline; }


/* TEXTES descriptifs SOUS le titre de la page */
.intro {  
 	font: normal 12px arial; color:#333; margin:5px 0;
	margin-top: 20px;
	margin-bottom: 20px; 
	margin-left: 60px;
	margin-right: 60px;		
	text-align: center;
}


/* TEXTES NORMAUX de page de contenu */
#texte_page {  /* Textes de la page */
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 10px; 
	margin-top: 20px;
	text-align: left;
	font:normal 12px arial;
}
#texte_page h2 {  /* Titres des PARAGRAPHES avec PUCES */
	font: bold 16px arial;
 	background-image: url(/images/puce.gif);
 	background-repeat: no-repeat;
	padding-left: 18px;
	margin-top: 5px;
}

#texte_page p {  /* Espaces des corps de paragraphe */
	margin-left: 30px;
	margin-right: 10px;	
	margin-bottom: 30px; 	
}
/* Puces dans les corps de paragraphe */
.texte_page ul {
	list-style-type: none;
}
#texte_page li {
	/* list-style-type: none; */
 	background-image: url(/images/puce.gif);
 	background-repeat: no-repeat;
	padding-left: 18px;
	margin-top: 5px;
}


/* LIENS MIS EN AVANT dans le corps de page (car en gras) */
.page:visited, .page:link, page:active {  font-size: 12px; color: #C13100; font-weight: bold; text-decoration: none;  }
.page:hover {font-size: 12px; color: #C13100; font-weight: bold; text-decoration: underline; }

/* Semblent inutilisés ? 
.page12:visited, .page12:link, page12:active {  font-size: 12px; color: #E13800; font-weight: bold; text-decoration: none;  }
.page12:hover {font-size: 12px; color: #E13800; font-weight: bold; text-decoration: underline; }

.page10:visited, .page10:link, page10:active {  font-size: 10px; color: #E13800;  text-decoration: none;  }
.page10:hover { font-size: 10px; color: #E13800;  text-decoration: underline; }
*/


/* TEXTES MIS EN AVANT dans les corps de page */
.yellow_ {       /* Non gras */
 	color: #fa4202;  /* avant fa6602; et encore avant #ef3500, puis #5fbb2a */ 
}
.yellow_bold {   /* Normal */
 	color: #fa4202;  /* avant fa6602; */
	font-weight: bold;
}
.yellow_bold_moyen {      /* Grande taille */
 	color: #fa4202;  /* avant fa6602; */
	font-weight: bold;
	font-size: 16px;
}
.yellow_bold_big {      /* Très grande taille */
 	color: #fa4202;  /* avant fa6602; */
	font-weight: bold;
	font-size: 20px;
}

.fluo_jaune {      /* Texte avec fond de couleur jaune fluorescent */
	background-color: #FFFF66; /* #FF0; */
}


/* PETIT TEXTE gris (pour des petites informations) */
.ouah_grey{
	color: #666 ;   /* Avant #999 (plus clair) */
	font-size: 11px;
}
/* Semble inutilisé ? (texte gris très clair) 
#gris  { width:98%; font-size:10px; color: #aaa;   text-decoration: none; }
#gris  h2{ font:bold  10px  arial; color: #aaa;   text-decoration: none; }
*/


/* CLIGNOTEMENT (sous Mozilla) */
.blink {   
	text-decoration: blink;
}


/* ----- TABLEAUX ----- */
/* BORDS gris clairs des TABLEAUX sur tout le site */
.border_td {
	border: 1px solid #ccc;
	text-align: center;
}
/* Tableau des GAGNANTS : alternance colorée des lignes */
.lt { background-color: #da0100; color: #FFFFFF;}
.l1 { background-color: #FFFFFF; }
.l2 { background-color: #EEEEEE; }

/* Semble inutilisé ?
.borderall { border: 1px solid black; }
*/

/* --- ALIGNEMENTS --- */
.alignegauche {  /* Alignement à gauche des blocs de formulaires sur "Modifier mon pseudo" et "Modifier mon mot de passe" */
	text-align: left;
	margin-left: 30px;
}
.alignecentre {  /* Alignement central de certains boutons */
	text-align: center;
}


/* Semble inutilisé ?  PAGINATION page historique ? */
.pg-normal {
    color: #C13100;
    font-weight: normal;
    text-decoration: none;    
    cursor: pointer;    
}
.pg-selected {
	color: black;
    font-weight: bold;        
    text-decoration: none;
    cursor: pointer;
}


/* Textes pour le REFERENCEMENT en BAS de page */
.bloc_texte_bas {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px; 	
	margin-bottom: 10px; 
	font: normal 11px arial;
	color: #666; 	
	text-align: justify;	
}



/*--------------------------------------------------------------------------------------------------- */

/*---------------------------- Page "GAGNER ARGENT" lisant TOUTES LES RUBRIQUES --------------------- */
/*------------------------------ (gagner-argent.php) ------------------------------------------------ */

/* Titres des rubriques "Gagner ..." */
#bloc_rub_titre h3 {
	width: 150px;
	height: 29px;    /* 17 px si 1 ligne */
	text-align: center;
	margin: 0px;
	margin-top: 2px;
	padding: 1px;
	font: bold 13px arial; 
}
/* Cadres contenant les PHOTOS des rubriques */
.bloc_rub {
	text-align: center;
	width: 156px;
	height: 140px; 
	padding: 0px; 
	background: url(/images/fond_rub.png) no-repeat top left;
	margin-left: auto;
	margin-right: auto;
}

/* Semble inutilisé ? */
.bloc_rub h3 a {color:#FFF;  text-decoration:none;}
.bloc_rub h3 {margin:8px 0px; padding:0px; font:normal 12px arial; border:#0000FF 0px solid; }
/* .img_rub  {margin:0px 0px 3px 0px; padding:0px; text-decoration:none} */


/* Bouton "Jouer" sur les pages de rubriques */
#bouton_jouer {
	margin-top: 5px;
	font: bold 14px arial; 
	text-decoration: none;
	background: url(/images/b_jouer_vide.png) no-repeat center ;
}
#bouton_jouer a {
	color: #FFFFFF; 
	text-decoration: none;
}
#bouton_jouer a:hover {
	color: #ffb9a5; 
	text-decoration: none; 
}


/*---------------------------- Page "GAGNER ARGENT" d'une rubrique LISTANT DES LOTS ----------------- */
/*------------------------------ (gagner-argent.php) ------------------------------------------------ */

/* Bloc qui affiche les lots en quadrillage */
.divlot {
	margin-top: 0px;
	margin-bottom: 30px;
}

/* Titres des lots "Gagner ..."  sur 3 LIGNES */
#bloc_lot_titre_3_lignes h3 {   
	width: 150px;
	height: 34px;
	text-align: center;
	margin: 0px;
	margin-top: 2px;
	padding: 1px;
	font: bold 12px arial; 
}
/* Titres des lots "Gagner ..."  sur 2 LIGNES */
#bloc_lot_titre_2_lignes h3 {
	width: 150px;
	height: 20px;    /* Seul paramètre modifié */
	text-align: center;
	margin: 0px;
	margin-top: 2px;
	padding: 1px;
	font: bold 12px arial; 
}
/* Titres des lots "Gagner ..."  sur 1 LIGNE */
#bloc_lot_titre_1_ligne h3 {
	width: 150px;
	height: 10px;    /* Seul paramètre modifié */
	text-align: center;
	margin: 0px;
	margin-top: 2px;
	padding: 1px;
	font: bold 12px arial; 
}
/* Cadres contenant les PHOTOS des lots */
.bloc_lot {
	text-align: center;
	width: 156px;
	height: 140px; 
	padding: 0px;
	padding-top: 2px;
	background: url(/images/fond_lot.png) no-repeat top left;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

/* 
.bloc_lot h3 a {
	color: black; 
	text-decoration:none;
	font-weight: bold;
}
.bloc_lot h3 {
	margin: 0px 0px 8px 0px; 
	padding: 0px; 
	font: normal 12px arial;
	border: #00f0f0 0px solid; 
}  */


/*---------------------------- Page de JEU AUDIOTEL -------------------------------------------------- */
/*--------------------- jeux SIMPLES et jeux MULTICODES ---------------------------------------------- */
/*--------------------- appel.php -- et jeux-multi-codes-mono-champ.php ------------------------------ */

#jeu {  /* CADRE global du BLOC DE JEU */
	border: 1px solid black;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 4px;
	text-align: left;
}

/* ONGLET en haut du bloc de jeu  "|Jeu avec code||Jeu sans code|" */
#bloc_choix-code {   
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 15px;
}
.selectedTab,
#choix-code-rentabiliweb {  /* Apparence de "|Jeu AVEC code|" dans l'ONGLET après sa sélection par le joueur */
	border: 1px solid black;
	border-bottom: 1px solid #ef3500;
	padding: 0px;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	background: #FF7248; /* Avant : #ef3500 */
}
.unselectedTab,
#choix-code-absolutelecom {  /* Apparence de "|Jeu SANS code|" dans l'ONGLET après sa sélection par le joueur */
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	padding: 4px;
	background: #ffb9a5;
}

/* Blocs du jeu */
#bloc_rentabiliweb {   /* Bloc de DROITE sur la page du jeu AVEC code */
	float: right;
	margin-top: 5px;
}
#bloc_absolutelecom {   /* Bloc de DROITE sur la page du jeu SANS code */
	float: right;
	margin-top: 15px;
	margin-right:10px;
	margin-bottom: 5px;
}
#bloc_absolutelecom_bloc_appel {   /* Bloc coloré de DROITE sur la page du jeu SANS code, contenant l'instruction "Sauvegardez vos codes" */
	float: right;
	margin-top: 0px;
	margin-right:10px;
	margin-bottom: 10px;
	width:408px;	
	padding: 5px ;
	background: #ffb9a5 url(/images/fond_appel_400x220.png) scroll ;
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
}

#choix-bloc_rentabiliweb {
	font-weight: bold;
}
#image_cadeau {   /* Bloc de GAUCHE avec l'image du CADEAU sur la page de jeu */
	margin-left: 5px;
}
.gagnant-appel {  /* Texte "1 gagnant tous les N appels !" sous l'image du cadeau */
	margin-left: 30px;
	font-weight: bold;
}
.separateur {
	clear: both;
	visibility: hidden;
}

/* ----------------- */
.numero {   /* Style du NUMERO AUDIOTEL à appeler pour jouer */
	font-size: 18px;
	color: #f80507;
}
#asterisque {  /* Texte de l'ASTERISQUE du prix de l'appel en bas du jeu : "* Appel ultra rapide  en moins de 30 secs" */
	float: right;
	margin-right: 10px;
	text-align: right;
	font-size: 10px;
}


/* --- BLOCS COLORES et GRIS --- */

/* Bouton "VALIDER" pour l'onglet "Monelib" des pages "Jouer sans code" et "Sauvegarder sans code" */
.bouton_VALIDER{
	border: 1px solid black;
	border-bottom: 1px solid #0a5000;
	padding: 0px;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	background: #c42b00;
	color:white;
	font-weight:bold;
}

.bouton_VALIDER a{
	color:white;
}

/* Blocs colorés contenant les instruction du jeu SIMPLE 1. 2. "Jouez plus rapidement" */
.bloc_appel {	
	margin-right: 10px;
	margin-bottom: 10px; 
	padding: 5px ;
	background: #ffb9a5 url(/images/fond_appel_400x220.png) scroll ;
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
}
table.bloc_appel {
	width: 420px; 
}

#AC_footer_fenetre {
    background-color: #D6D6D6;
    background-repeat: no-repeat;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

/* Bloc GRIS du texte "Description du cadeau à gagner" sur la page du jeu SIMPLE */
.bloc_desc_white,
.bloc_desc {
	width: 408px;  
	padding: 5px ;
	border: #999 1px solid;
	font: normal 12px arial;
	margin-bottom: 5px;	
	text-align: left;
}

.bloc_desc_white {
background-color:white;

}

.bloc_desc {
background: #D6D6D6 url(/images/fond_desc_400x300.png) scroll;
float: right;
clear: both;
margin-right: 10px;
}

.AC_numero {
    color: #CC0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
}

.bloc_desc h3 {  /* Titre "Description du cadeau à gagner : $nom " */
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

/* Blocs colorés contenant les instruction du jeu MULTICODES */
.bloc_appel_multicodes {  
	margin-right: 10px;
	margin-bottom: 10px; 
	padding: 5px ;
	background: #ffb9a5  url(/images/fond_appel_400x220.png) scroll ;
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
}
table.bloc_appel_multicodes {
	width: 550px;
}

/* Bloc GRIS du texte "Description du cadeau à gagner" sur la page du jeu MULTICODES */
.bloc_desc_multi-codes {
	float: right;
	clear: both;
	width: 340px;  
	padding: 5px ;
	background: #D6D6D6 url(/images/fond_desc_400x300.png) scroll;
	border-left: #999 1px solid;
	font: normal 12px arial;
	text-align: left;
}

/* Blocs des "Jeux indisponibles" (jeux terminés) */
.jeu_indisponible {
	width: 408px;  
	padding: 5px ;
	background: #D6D6D6;
	border: #999 1px solid;
	font: normal 12px arial;
	margin-right: 10px;
	margin-bottom: 5px;
	text-align: center;
}
.jeu_indisponible_at {
	width: 408px;  
	padding: 5px ;
	background: #D6D6D6;
	border: #999 1px solid;
	font: normal 12px arial;
	text-align: center;
}


/* BLOC DES JEUX (et RUBRIQUES) en bas de la page de jeu */
#liste_jeux {
	border: 1px solid black;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 4px;
	padding-bottom: 5px;
	text-align: left;
}
.jeu_liste {  /* PUCES des listes de jeux (ou rubriques) en bas de la page de jeu */
	font: bold 12px arial;
	float: left;
	width: 170px;
	margin: 5px;
	margin-left: 30px;
	padding-left: 18px;
	list-style-type: none;
	background-image: url(/images/puce.gif);
 	background-repeat: no-repeat;
}


/*----------------------- Page de RESULTAT de jeu audiotel --------------------------------------------- */
/*----------------------- jeux SIMPLES et jeux MULTICODES ---------------------------------------------- */
/*----------------- appel_ok.php -- code_ok.php -- appel_ok_at.php -- validate_codes_m.php ------------- */

/* POSITIONNEMENT des textes de la page de résultat */
#texte_resultat {
	margin-left: 100px;
	margin-right: 10px;
	margin-bottom: 30px;
	text-align: left;
}

/* PUCES étoilées pour les paragraphes */
#texte_resultat ul {
	list-style-type: none;
}
#texte_resultat li {
 	background-image: url(/images/puce.gif);
 	background-repeat: no-repeat;
	padding-left: 18px;
	margin-top: 10px;
	margin-bottom: 15px;	
}

/* BARRE DE PROGRESSION des appels */
.progressBar {
	width: 216px;
	height: 12px;
	position: relative;
}
.progressBar span{
	position: absolute;
	display: block;
	width: 200px;
	height: 25px;
	background: url(/images/bar.gif) no-repeat 0 0;   /* image sybolisant l'avancement dans la Barre de progression */
	border-right: 1px solid #C1C1C1;
	top: 8px;
	left: 8px;
	overflow: hidden;
	text-indent: -8000px;
}
.progressBar em{
	position: absolute;
	display: block;
	width: 200px;
	height: 25px;
	background: url(/images/bg_cover.gif) repeat-x 0 0;   /* Image qui recouvre la barre de progression à droite (bande de 1 pixel de large) */
	top: 0;
}
#progressBar-left {
	float: left;
	width: 60px;
	margin-left: 4px;
	text-align: left;
}
#progressBar-middle {
	float: left;
	width: 60px;
	margin-left: 15px;
	text-align: center;
}
#progressBar-right {
	float: left;
	width: 60px;
	margin-left: 14px;
	text-align: right;
}


/*---------------------------- Page INSCRIPTION -------------------------------------------------- */

/* Bloc de gauche avec l'IMAGE + l'argumentaire */
#bloc_inscription_gauche {
	float: left;
	width: 200px;
	height: 350px;   /* 226px; */
	padding: 4px;
	margin: 18px;
	text-align: left;
	background: url(/images/fond_inscription.gif)  /* #ffb9a5 */ ;
	border: #ef3500 1px dotted;
	color: #000;
	font-weight: bold;
}
/* Titre du haut du bloc de gauche */
#bloc_inscription_gauche h4 { 
	font: bold 20px arial;
	color: #e33402;
	text-align: center;
}
/* Liste des puces étoilés */
#bloc_inscription_gauche ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 8px;	
}
#bloc_inscription_gauche li {
 	background-image: url(/images/puce2.gif);    /* Etoile couleur bleu foncée */
 	background-repeat: no-repeat;
	padding-left: 18px;
	margin-top: 8px;
}
/* Inutilisé actuellement 
#bloc_inscription_gauche p {
	margin-top: 15px; 
	margin-bottom: 15px; 
	text-align: center;
	font: bold 13px arial;	
}  */

/* Bloc de droite */
#bloc_inscription_droite {
	float: left;
	width: 484px;	
	padding: 10px;
}

/* --- Cadres des blocs gris des pages INSCRIPTION, modyfy_address.php et info_perso.php --- */
.legend {
  color: #666;
  font-size: 1em;
}
fieldset {     /* Largeur du contour gris de la page info_perso.php */
  background-color: #FAFAFA;
}


/* ------------------------- Pages COMPTE et OUTILS POUR WEBMASTERS ---------------------------------------- */
/* ------------------ tableau-de-bord.php -- /webmasters/outils-webmasters-pour-gagner-argent.php ------------------------ */
#bloc_compte_droite {		
	float: right;
	width: 38%;
	height: 230px;
	margin-right: 70px;
	padding-left: 10px;
	text-align: left;
	background: #FFE7DF;	
	border: 1px dotted #ef3500;
}
#bloc_compte_gauche {
	float: right;
	width: 38%;
	height: 230px;
	padding-left: 10px;
	text-align: left;
	background: #FFE7DF;
	border-top: 1px dotted #ef3500;
	border-left: 1px dotted #ef3500;
	border-bottom: 1px dotted #ef3500;
}
#bloc_compte_gauche ul li, #bloc_compte_droite ul li {
	margin-bottom: 5px;
}
#bloc_compte_gauche h3, #bloc_compte_droite h3 { /* Titres avec PUCES */
	font: bold 14px arial;
	color: #AE0000;
 	background-image: url(/images/p_gagner-argent_etoile_fond-clair.jpg);
 	background-repeat: no-repeat;
	padding-left: 18px;
	margin-top: 5px;
	margin-bottom: 2px;	
}


/* ------------------------- Page SAUVEGARDE DE CODES ---------------------------------------- */
/* ONGLET en haut du bloc de la zone de saisie  "|Allopass||Rentabiliweb||Monelib|" */
.codes_sauv_choix-regie-selectionne {  /* Apparence de "|Allopass|" dans l'ONGLET après sa sélection par le joueur */
	border: 1px solid black;
	border-bottom: 1px solid #ef3500;
	padding: 2px;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
	background: #FF7248;  /* Avant : #ef3500 */
}
.codes_sauv_choix-regie-non-selectionne {  /* Apparence de "|Allopass|" dans l'ONGLET quand il n'est pas sélectioné par le joueur */
	border: 1px solid black;
	padding: 2px;
	margin: 0px;
	padding: 4px;
	background: #FFA388;  /* #ffb9a5; */
}

/* Tableau de la Sauvegarde de codes */
.codes_sauv {  /* Zone de saisie */
	border: 1px solid #780101;
	align: center;
	background-color: #FFE7DF;
	border-collapse: collapse; 
	text-align: center;
	padding: 2px;
	spacing: 0;
}
.codes_sauv_bloc_choix-regie{  /* Bloc des onglets des régies */
	padding-top:5px;   /* Espace entre le haut des onglets "|Allopass|" et la ligne "(1 code par ligne et 50 codes maximum)" */
}


/*------------------------- Page ACTUALITES (actualites-gagner-argent.php) ---------------------------------------- */

.bloc_actualites {   /* Blocs colorés des Actualités */
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;	
	border: #ef3500 3px solid;
	background: #ffb9a5  url(/images/fond_appel_clair_400x220.png) scroll ;
	padding-right: 15px ;
	padding-left: 15px ;
	padding-top: 10px ;
	padding-bottom: 15px ;
	text-align: left;
	font: normal 13px arial;
	line-height: 16px;  /* hauteur de ligne*/
}

.date_actualites {  /* Date de l'actualité */
	color: #AE0000;
	font-weight: bold;
	font-size: 15px;
}

/* Titre de l'actualité (sous la date) */
.titre_actualites {
	color: #AE0000;    /* #fa6602  */
	font-weight: bold;
	font-size: 18px;
}
.actualites:visited, .actualites:link, actualites:active { color:#C13100; text-decoration: none; }
.actualites:hover { color:#C13100; text-decoration: underline; }


/*------------------------- Pages du LIVRE D'OR ---------------------------------------------------------- */

.bloc_livredor {    /* Blocs colorés du Livre d'OR (contenant les Avis des joueurs) */
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;	
	border: #ef3500 1px solid;
	background: #ffb9a5  url(/images/fond_appel_clair_400x220.png) scroll ;
	padding-right: 15px ;
	padding-left: 15px ;
	padding-top: 10px ;
	padding-bottom: 15px ;
	text-align: left;
	font: normal 12px arial;
	line-height: 16px;
}

@font-face {    /* Style d'écriture "Alamain" (font) pour les avis des joueurs */
	font-family: 'texte-temoignage-livre-d-or';
	src: url('/polices/ALAMAIN0.eot');
	src: local('texte-temoignage-livre-d-or'),
	url('/polices/alamain.ttf') format('truetype');
}
#texte-temoignage-livre-d-or {   /* Textes des avis des joueurs (écrits "Alamain") */
	font-size: 1.2em;
	line-height: 2.0;
	font-family: "texte-temoignage-livre-d-or", Times, Arial, Helvetica, sans-serif;
}


/* ---------------------------- Page du REGLEMENT -------------------------- */

.bloc_reglement {  /* Blocs colorés du Règlement (contenant les Articles) */
	text-align: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px; 
	padding-right: 15px ;
	padding-left: 15px ;
	padding-top: 5px ;
	padding-bottom: 15px ;
	background: #ffb9a5  url(/images/fond_appel_400x220.png) scroll ;
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
}
.bloc_reglement h3 { /* Titres "Article N - ..." */
	color: #AE0000;
}


/* ---------------------------- Page "ACHAT DE CODES" -------------------------- */

/* Liens titres des GRANDES RUBRIQUE de la page ACHAT DE CODES */
.achat_codes_link_cat, achat_codes_link_cat:visited, .achat_codes_link_cat:link, .achat_codes_link_cat:active { 
 	font: bold 16px arial; color: #E13800; text-decoration: none;	}   	
.achat_codes_link_cat:hover {
 	font: bold 16px arial; color: #E13800; text-decoration: underline;	}   
		  
.prix_appel {   /* Style du prix de l'appel ou du SMS sur la page "ACHAT DE CODES" */
	font-size: 10px;
}

.bloc_micropaiement_france {
	margin-right: 10px;
	margin-bottom: 10px; 
	padding: 5px ;
	background: #ffb9a5 url(/images/fond_appel_400x220.png) scroll ;
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
}

.bloc_micropaiement_belgique {
	margin-right: 10px;
	margin-bottom: 10px; 
	padding: 5px ;
	background: #ffb9a5 url(/images/fond_appel_clair_400x220.png) scroll ;
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
}

.bloc_micropaiement_suisse {
	margin-right: 10px;
	margin-bottom: 10px; 
	padding: 5px ;
	background: #ffb9a5 url(/images/fond_appel_clair_400x220.png) scroll ;
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
}


/* ---------------------------- Page "AIDE - FAQ" -------------------------- */

/* Liens titres des GRANDS THEMES de la FAQ */
.faq_link_cat, faq_link_cat:visited, .faq_link_cat:link, .faq_link_cat:active { 
 	font: bold 14px arial; color: #E13800; text-decoration: none;	}   
.faq_link_cat:hover {
 	font: bold 14px arial; color: #E13800; text-decoration: underline;	}   
				  
/* Questions de la FAQ */
.faq_question { 
 	color: #AE0000;  font: bold 14px arial;
 	background-image: url(/images/puce.gif);
 	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 30px;		
}

/* Réponses de la FAQ */
.faq_reponse {
	margin-top: 5px;	
	margin-bottom: 25px;
	padding-left: 18px;
	padding-right: 30px;	
	color: #333;
	font: normal 13px arial;
	text-align: justify;		
}

/* Listes a)b)c) ou 1)2)3) dans certaines réponses */
.faq_reponse ul {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 3px;	
	padding-left: 20px;
}
.faq_reponse li {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 0px;
}


/*---------------------------- Page PARTENAIRES -------------------------------------------------- */

.bloc_partenaires { /* Bloc contenant la liste des partenaires */
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px; 
	padding-right: 15px ;
	padding-left: 15px ;
	padding-top: 5px ;
	padding-bottom: 5px ;
	background: #ffb9a5  url(/images/fond_appel_400x220.png) scroll ;	
	font: normal 12px arial;
	line-height: 18px;
	border: #ef3500 1px solid;
	text-align: left;	
}

/* Titres des partenaires */
.titre_partenaires {
	color: #AE0000;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px; 	
}

/* Puces avec les partenaires */
.bloc_partenaires ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.bloc_partenaires li {
 	background: url(/images/arrow2_fonce.gif) no-repeat top left ;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;	
}
.bloc_partenaires hr {    /* Ligne de séparation entre les sites */
	color: #ef3500;
	background-color: #ef3500;
	height: 1px;
	border: 0;
}

/*------------------------- Page PLAN DU SITE ---------------------------------------------------------- */
.plan_ul {
	margin: 0px;
	padding: 0px;
}
.plan_rubrique {
	list-style-type: none;
	margin-top: 10px;
}


/*------------------------------------------------------------------------------------------------------- */
/* CSS pour l'affichage du texte de l'onglet de Absolu-Payement */

.AC_titre_fenetre{	top: -8px;	padding-right:5px;	background-color: #417022;	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: bold;	color: #FFFFFF;	height: 22px;	left: 10px;}.AC_contenu_interne{	background-color:#FFFFFF;	padding-right: 0px;	padding-left: 0px;	padding-bottom: 15px;	margin-bottom: 0px;	padding-top: 10px;	margin-top: 0px;	border-top-width: 1px;	border-right-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-left-style: solid;	border-top-color: #999999;	border-right-color: #999999;	border-left-color: #999999;}.AC_arial_13_bold{	font: bold 13px Arial, Helvetica, sans-serif;	color: #ffffff;	margin: 0px;	padding: 0px;}.AC_contenu_paiement{	background-color:#FFFFFF;	padding-top:0px;	padding-right: 10px;	padding-bottom: 10px;	padding-left: 10px;	border-right-width: 1px;	border-left-width: 1px;	border-right-style: solid;	border-left-style: solid;	border-right-color: #999999;	border-left-color: #999999;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #999999;}#AC_footer_fenetre{	background-repeat: no-repeat;	padding-bottom: 5px;	padding-left: 10px;	padding-top: 5px;	background-color: #D6D6D6;	margin-top: 0px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-right-color: #999999;	border-bottom-color: #999999;	border-left-color: #999999;}.AC_fond_paiement_tel p{	color: #333333;	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	line-height: 150%;	margin: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 10px;}.AC_numero{	color:#CC0000;	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;}.AC_prix{	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000000;	margin-left: 70px;}#AC_logo{margin-right:10px;}.AC_lien_footer{	display: inline;}.AC_lien_footer p{	display: inline;}.AC_lien_cadena{	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333333;	text-decoration: none;	margin:0px;	background-image: url(http://central.absolu-telecom.lu/styles/images/cadena_2_gray.gif);	background-repeat: no-repeat;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 20px;}a.AC_lien_cadena:hover{text-decoration:underline;}';
css.setAttribute('type', 'text/css');


