body {
 font-family: Arial, Helvetica, sans-serif;
 background: #fff url("../images/common/body_fd.gif") 0% 0% repeat-x;
 margin: 0;
 padding: 0;
}

div#global {
 width: 870px;
 margin: auto;
 border: 0px solid red;
}

img {border: none;}

div#content {
 float: left;
 width: 805px;
 padding: 10px 32px 0 34px;
 background-color: #fff;
 border: 0px solid green;
}

.marque { text-transform: uppercase; font-size: 11px; font-weight: bold;}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}
.noirnonunderline {text-decoration:none; color: #333;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}
.caps {text-transform: uppercase;}

.txt18px {font-size: 18px;}
.txt16px {font-size: 16px;}
.txt14px {font-size: 14px;}
.txt12px {font-size: 12px;}
.txt11px {font-size: 11px;}
.txt10px {font-size: 10px;}
.txt {font-size: 12px;}

.rose {color: #D32CA6;}
.rose:hover {text-decoration: none;}
.vert {color: #049DA2;}
.vert:hover {text-decoration: none;}
.gris {color: #ADADAD;}
.gris:hover {text-decoration: none;}
.grisFonce {color: #666;}
.grisFonce:hover {text-decoration: none;}
.noir {color: #4c4c4c;}
.noir:hover {text-decoration: none;}
.blanc {color: #fff;}
.blanc:hover {text-decoration: none;}


.margeT20px {margin-top: 20px;}
.margeR20px {margin-right: 20px;}
.margeB20px {margin-bottom: 20px;}
.margeL20px {margin-left: 20px;}

.margeT10px {margin-top: 10px;}
.margeR10px {margin-right: 10px;}
.margeB10px {margin-bottom: 10px;}
.margeL10px {margin-left: 10px;}

.margeT5px {margin-bottom: 5px;}
.margeB5px {margin-bottom: 5px;}

.titre {
 display: block;
 font-size: 18px;
 color: #333;
 margin: 0 0 0 10px;
}


p.message {
 position: relative;
 clear: both;
 font-size: 12px;
 font-weight: bold;
 margin: 35px 0 15px 0;
 padding: 0 0 0 20px;
 background: url("../images/common/fleche_lien_vert.gif") 0% 2px no-repeat;
}
ul.message {
 position: relative;
 clear: both;
 font-size: 12px;
 font-weight: bold;
 margin: 35px 0 15px 0;
 padding: 0 0 0 20px;
}
ul.message li {
 color: #000;
 font-size: 12px;
 list-style: none;
 padding: 0 0 0 20px;
 background: url("../images/common/fleche_lien_vert.gif") 0% 2px no-repeat;
}



p.erreur {
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 font-size: 14px;
 margin: 35px 0 15px 0;
 padding: 5px 5px 5px 10px;
 background: #FF44DA url("../images/common/message_erreur_fd.gif") 0% 100% repeat-x;
}
ul.erreur {
 font-size: 12px;
 font-weight: bold;
 margin: 35px 0 15px 0;
 padding: 0 0 0 20px;
}
ul.erreur li {
 color: #fff;
 font-size: 14px;
 list-style: none;
 padding: 5px 5px 5px 20px;
 margin: 10px 0 10px 0;
 background: #FF44DA url("../images/common/message_erreur_fd.gif") 0% 100% repeat-x;
}



/****** LIEN RETOUR *****/
p.nav_retour {
 float: left;
 width: 580px;
 text-align: right;
 margin: 0 0 10px 0;
}
p.nav_retour a {
 font-size: 11px;
 color: #5E5E5E;
 background: url("../images/common/pagination_next.gif") 100% 2px no-repeat;
 padding: 0 15px 0 0;
}
p.nav_retour a:hover {text-decoration: none;}



/***********************************************/
/*********************** HEADER *****************************/
/***********************************************/

div#header {
 float: left;
 width: 804px;
 margin: 0;
 border: 0px solid green;
}
div#header img.logo {float: left;}
div#header img.decouvrir { float: right;}
div.visuel_rub {float: left;}

div#header a.logos_CE {
 display: block;
 float: left;
 width: 525px;
}
div#header a.header_pub {
 display: block;
 float: right;
 width: 278px;
}



/***********************************************/
/*********************** MENU *****************************/
/***********************************************/

ul.menuN1 {
 float: left;
 width: 780px;
 padding: 6px 12px 8px 12px;
 margin: auto;
 background: #37C0C7;
 text-align: center;
}
ul.menuN1 li {
 text-align: center;
 display: inline;
 line-height: 24px;
 padding: 4px 0 5px 1px;
 margin: 0;
 background: url(../images/navigation/menuN1_sep.gif) 0% 4px no-repeat;
}
ul.menuN1 li a {
 text-align: center;
 margin: 0 0 5px 3px;
 padding: 4px 4px 5px 6px;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 background: #37C0C7;
}
ul.menuN1 li a:hover,
ul.menuN1 li a.on {background: #D32CA6;}


div#animation {
 float: left;
 margin: 0 0 5px 0;
 border: 0px solid green;
}

/***********************************************/
/*********************** LEFT *****************************/
/***********************************************/

div#left {
 float: left;
 width: 600px;
 /*background: green;*/
}
div.rubrique p {font-size: 12px; margin: 5px 20px 15px 0;}
div.rubrique .process {
	display: block;
	float: left;
	background: #fff url("../images/common/pastille_etapes.gif") 0% 0% no-repeat;
	width: 29px;
	height: 29px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0 0 6px;
}

/**** texte d'introduction ****/
div#introduction {
 float: left;
 width: 555px;
 padding: 10px 20px 10px 20px;
 margin: 0 0 25px 0;
 background: #fff url("../images/home/introduction_fd.gif") 0% 100% repeat-x;
}
div#introduction p {
 font-size: 11px;
 font-weight: bold;
 color: #2E4851;
 margin: 0;
 padding: 0;
}
/**** texte baseline ****/
div#baseline {
 float: left;
 width: 555px;
 padding: 10px 20px 10px 20px;
 margin: 25px 0 25px 0;
 background: #fff url("../images/home/introduction_fd.gif") 0% 100% repeat-x;
}
div#baseline p {
 font-size: 11px;
 font-weight: bold;
 color: #2E4851;
 margin: 0;
 padding: 0;
}


/**** Le titre nouveautés ****/
h1 {
 margin: 4px 0 8px 0;
 padding: 0;
 font-size: 24px;
 font-weight: normal;
 color: #d32ca6;
}
div#left h2, div.phases h2 {
 margin: 4px 0 15px 0;
 padding: 0;
 font-size: 18px;
 font-weight: normal;
 color: #33BFC6;
}
div#left h3 {
 font-size: 16px;
 font-weight: bold;
 color: #D32CA6;
 margin: 25px 0 5px 0;
 padding: 0;
}

div#left h3.index_enseignes a {
	display: block;
	color:#37c0c7;
	text-decoration: none;
	padding: 8px 0 1px 10px;
	border-bottom: 1px solid #37c0c7;
}
div#left h3.index_enseignes a:hover {color: #d32ca6; border-bottom: 1px solid #d32ca6;}
div#left h4, div.phases h4 {
 font-size: 12px;
 font-weight: bold;
 color: #000;
 margin: 10px 0 5px 0;
 padding: 0 0 0 0;
}

div#left a.rose {color: #FF0096;}
div#left a.rose:hover {text-decoration:none;}

div#left a.voir {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FF0096;
	background: url("../images/common/fleche_lien_rose.gif") 0% 0% no-repeat;
	padding: 0 0 2px 20px;
	margin: 15px 0 5px 0;
}
div#left a.voir:hover {text-decoration: none;}

div#left a.noir {color: #000; text-decoration: none;}
div#left a.noir:hover {text-decoration: underline;}


div#left dl {
 margin: 0;
 padding: 0;
}
div#left dt {
 margin: 10px 0 10px 0;
 padding: 0;
 font-size: 14px;
 font-weight: bold;
 color: #D32CA6;
}
div#left dt a {color: #D32CA6; text-decoration: none;}
div#left dt a:hover {text-decoration: underline;}
div#left dd {
 margin: 0 0 10px 0;
 padding: 0 0 0 15px;
 font-size: 12px;
 color: #000;
 background: none;
}
div#left dd ul.points {
 margin: 8px 0 15px 45px;
 padding: 0 0 0 20px;
 font-size: 14px;
 color: #000;
}
div#left dd ul.points li {
 font-size: 14px;
 font-weight: bold;
 color: #4c4c4c;
 margin: 0 0 5px 0;
 list-style: url("../images/common/fleche_lien_rose.gif") outside;
}
div#left ul.txt {
 margin: 0 0 15px 20px;
 padding: 0 0 0 20px;
}
div#left ul.txt li {
 font-size: 12px;
 color: #4c4c4c;
 margin: 0 0 5px 0;
 list-style: url("../images/common/fleche_lien_rose.gif") outside;
}
div#left ul.txt li a {color: #4c4c4c;}
div#left ul.txt li a:hover {text-decoration: none;}
div#left ul.txt li ul.txt2 {
 margin: 2px 0 5px 20px;
 padding: 0 0 0 20px;
}
div#left ul.txt li ul.txt2 li {
 font-size: 12px;
 color: #4c4c4c;
 margin: 0 0 5px 0;
 list-style: url("../images/common/fleche_liste_vert.gif") outside;
}
div#left ul.txt li ul.txt2 li a {color: #4c4c4c;}
div#left ul.txt li ul.txt2 li a:hover {text-decoration: none;}


div#left a.haut {
 float: right;
 font-size: 10px;
 color: #4c4c4c;
}
div#left a.haut {color:#D32CA6;}

div#left table.tarifs_credits {
	width: 410px;
	border-collapse: collapse;
	border-spacing: 0;
}
div#left table.tarifs_credits_pass {
	width: 600px;
	border-collapse: collapse;
	border-spacing: 0;
}
div#left table.tarifs_credits td {vertical-align: top; padding: 5px 0 10px 0;}
div#left table.tarifs_credits td.achat {
	width: 110px;
	font-weight: bold;
	color: #4c4c4c;
	font-size: 14px;
	background: url("../images/common/fleche_lien_rose.gif") 0% 0% no-repeat;
	padding: 0 0 0 15px;
}
div#left table.tarifs_credits_pass td.achat {
	width: 200px;
	font-weight: bold;
	color: #4c4c4c;
	font-size: 14px;
	background: url("../images/common/fleche_lien_rose.gif") 0% 0% no-repeat;
	padding: 0 0 10px 15px;
	vertical-align: top;
}
div#left table.tarifs_credits td.credits {
	width: 200px;
	color: #4c4c4c;
	font-size: 12px;
	padding: 0 0 0 10px;
	background: url(../images/common/fleche_liste_vert.gif) 0% 4px no-repeat;
	padding: 0 0 0 20px;
}
div#left table.tarifs_credits_pass td.credits {
	width: 450px;
	color: #4c4c4c;
	font-size: 12px;
	padding: 0 0 10px 20px;
	background: url(../images/common/fleche_liste_vert.gif) 0% 4px no-repeat;
	vertical-align: top;
}
div#left table.tarifs_credits td.gain {
	width: 100px;
	color: #4c4c4c;
	font-size: 11px;
}


/**** la page presse ****/

table.pressecom {
 float: left;
 width: 550px;
 border-spacing: none;
 border-collapse: collapse;
 padding: 0 0 0 0px;
 margin: 0 0 24px 0;
}

table.pressecom td.top {
 background:url("../images/common/presse_fd_roulant.gif") 0px 0px repeat-y;
 padding: 0;
 margin: 0;
}

table.pressecom td.dossier {
 background:url("../images/common/presse_fd_roulant.gif") 0px 0px repeat-y;
 padding: 10px 30px 5px 50px;
 margin: 0;
}
table.pressecom td.bas {
 padding: 0;
 margin: 0;
}

div#left dt.presse {
 font-size: 12px;
 font-weight: bold;
 color: #333;
 margin: 10px 0 5px 0;
 padding: 0 0 0 20px;
 background: url("../images/common/presse_lien_rose.gif") 0% 3px no-repeat;
}
div#left dd.presse {
 margin: 0 0 2px 0;
 padding: 0 0 0 20px;
 font-size: 11px;
 color: #000;
}

div#left a.presse {color: #333; text-decoration: underline;}
div#left a.presse:hover {color: #D32CA6; text-decoration: underline;}

div#communiquepresse1 {padding: 15px 10px 10px 10px;}
div#communiquepresse2 {
 float: left;
 width: 430px;
 padding: 10px;
 margin-top: -10px;
 background: #f2f2f2;
}



/*******************/
/************ TABLE OFFRE **********/
/*******************/

table.offre {
 float: left;
 width: 295px;
 border-spacing: none;
 border-collapse: collapse;
 padding: 0;
 background: url("../images/common/offre_fd_bottom.gif") 0% 100% no-repeat;
 /*background: url("../images/common/offre_fd_top.gif") 0% 0% no-repeat;*/
}

table.offre td.top {
 padding: 0;
}

/* LOGO + LIEN */
table.offre td.logo {
 min-width: 85px; /* For Modern Browsers */
 width: 85px !important; /* For Modern Browsers */
 width: 85px; /* For IE */
 padding: 0 0 15px 9px;
 vertical-align: top;
 /*background: blue;*/
}
table.offre td.logo a.details {
 float: left;
 background: url("../images/common/fleche_lien_rose.gif") 0% 7px no-repeat;
 font-size: 11px;
 font-weight: bold;
 color: #4C4C4C;
 text-decoration: none;
 padding: 6px 0 0 16px;
 margin: 0 0 0 5px;
}
table.offre td.logo a.details:hover {color: #FF44DA;}

/* NOM DE L'ENSEIGNE */
table.offre td.nom_enseigne {
 padding: 0;
 vertical-align: top;
 /*min-width: 129px;  <----  commenté par Jérémy car bug sous Firefox 3  */ /* For Modern Browsers */
 width: 129px !important; /* For Modern Browsers */
 width: 129px; /* For IE */
 /*background: purple;*/
}
table.offre td.nom_enseigne p.enseigne {
 float: left;
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 color: #000;
 margin: 6px 0 0 0;
}

/* AJOUTER A MA SELECTION */
table.offre td.ajout_selection, table.enseigne_offre td.ajout_selection, table.coupon_remise td.ajout_selection {
 padding: 5px 15px 0 0;
 text-align: right;
 vertical-align: top;
 min-width: 57px; /* For Modern Browsers */
 width: 57px !important; /* For Modern Browsers */
 width: 57px; /* For IE */
}
table.offre td.ajout_selection img, table.enseigne_offre td.ajout_selection img { border: 0px;}


/* INFO SUR L'OFFRE */
table.offre td.info_offre {
 /*min-width: 129px;  <----  commenté par Jérémy car bug sous Firefox 3  */ /* For Modern Browsers */
 width: 129px !important; /* For Modern Browsers */
 width: 129px; /* For IE */
 padding: 0 2px 15px 0;
 cursor: pointer;
 vertical-align: top;
 /*background: red;*/
}
table.offre td.info_offre p.date {
 float: left;
 font-size: 11px;
 line-height: 12px;
 font-weight: bold;
 color: #000;
 margin: 4px 0 0 0;
}
table.offre td.info_offre p.conditions {
 float: left;
 font-size: 10px;
 line-height: 11px;
 color: #808080;
 margin: 4px 0 0 0;
}

/* REDUCTION */
table.offre td.reduction_offre,
table.enseigne_offre td.reduction_offre,
table.coupon_remise td.reduction_offre {
 min-width: 72px; /* For Modern Browsers */
 width: 72px !important; /* For Modern Browsers */
 width: 72px; /* For IE */
 min-height: 79px; /* For Modern Browsers */
 height: 79px !important; /* For Modern Browsers */
 height: 79px; /* For IE */
 text-align: center;
 vertical-align: bottom;
 background: url("../images/common/offre_pastille.gif") 100% 100% no-repeat;
 cursor: pointer;
}
table.offre td.reduction_offre.ce,
table.enseigne_offre td.reduction_offre.ce,
table.coupon_remise td.reduction_offre.ce {
 background: url("../images/common/offre_pastille_selection_CE.gif") 100% 100% no-repeat;
}
table.offre td.reduction_offre p.remiseTarif, table.enseigne_offre td.reduction_offre p.remiseTarif, table.coupon_remise p.remiseTarif {
 padding: 0 0 0 10px;
 margin: 0;
 font-size: 16px;
 line-height: 14px;
 font-weight: bold;
 color: #fff;
}
table.offre td.reduction_offre p.remiseTxt, table.enseigne_offre td.reduction_offre p.remiseTxt, table.coupon_remise p.remiseTxt {
 margin: 0 0 20px 0;
 padding: 0 0 0 6px;
 font-size: 0.55em;
 line-height: 1em;
 color: #fff;
 text-align: center;
}


/************************/
/**************** OFFRE GRAND COUPON ***********/
/***********************/

table.coupon_remise {
 float: left;
 width: 554px;
 border-spacing: none;
 border-collapse: collapse;
 padding: 0;
 background: url("../images/common/offre_coupon_fd_bottom.gif") 0% 100% no-repeat;
 /*background: url("../images/common/offre_fd_top.gif") 0% 0% no-repeat;*/
}

table.coupon_remise td.top {
 padding: 0;
}

/* LOGO + LIEN */
table.coupon_remise td.logo {
 min-width: 135px; /* For Modern Browsers */
 width: 135px !important; /* For Modern Browsers */
 width: 135px; /* For IE */
 padding: 8px 10px 15px 15px;
 vertical-align: top;
 /*background: blue;*/
}
table.coupon_remise td.logo a.details {
 float: left;
 background: url("../images/common/fleche_lien_rose.gif") 0% 7px no-repeat;
 font-size: 11px;
 font-weight: bold;
 color: #4C4C4C;
 text-decoration: none;
 padding: 6px 0 0 16px;
 margin: 0 0 0 5px;
}
table.coupon_remise td.logo a.details:hover {color: #FF44DA;}


/* INFO SUR L'OFFRE */
table.coupon_remise td.info_offre {
 min-width: 324px; /* For Modern Browsers */
 width: 344px !important; /* For Modern Browsers */
 width: 344px; /* For IE */
 padding: 0 2px 15px 0;
 cursor: pointer;
 vertical-align: top;
}

table.coupon_remise td.info_offre p.enseigne {
 float: left;
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 color: #000;
 margin: 6px 0 0 0;
}
table.coupon_remise td.info_offre p.date {
 float: left;
 clear: both;
 width: 300px;
 font-size: 11px;
 line-height: 12px;
 font-weight: bold;
 color: #D32CA6;
 margin: 4px 0 8px 0;
 background: url(../images/common/enseigne_offre_date_fd.gif) 0% 0% repeat-y;
}



div#left p.conditions_generales {
 float: left;
 font-size: 12px;
 line-height: 14px;
 color: #333;
 margin: 4px 0 0 0;
}



/*** Nos coups de coeur ***/
div#coups_coeur {
 float: left;
 margin: 0;
 padding: 0;
}




/***********************************************/
/*********************** TABLE LIST DES MAGASINS *****************************/
/***********************************************/

body.popup {
 margin: 20px 0 20px 20px;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
body.popup h1 {
 float: left;
 display: inline;
 font-size: 22px;
 font-weight: normal;
 color: #D32CA6;
 margin: 0 0 20px 0;
}

body.popup div.recherche {
 width: 610px;
 text-align: right;
 padding: 0 10px 10px 0;
}
body.popup div.recherche input.txt {
 border: 1px solid #A0A0A0;
 background: url("../images/right/right_preschezvous_input_fd.gif") 0% 0% repeat-x;
 width: 190px;
 height: 16px;
 margin: 0 0 0 18px;
 padding: 2px 0 2px 2px;
 font-size: 11px;
 color: #FF0096;
}
body.popup div.recherche input.bt_ok {
 background: url("../images/common/common_input_ok.gif") 0% 0% no-repeat;
 width: 26px;
 height: 21px;
 border: none;
 margin: 0 0 0 6px;
}
body.popup div.recherche p {
 margin: 0;
 padding: 0 10px 0 0;
 font-size: 10px;
 color: #ADADAD;
}

body.popup a.fermer {
 float: right;
 width: 40px;
 background: url("../images/common/fermer_fenetre.gif") 100% 2px no-repeat;
 margin: 0 10px 0 0;
 padding: 0 15px 0 0;
 color: #D32CA6;
 text-align: right;
}
body.popup a {
 color: #D32CA6;
}
body.popup a:hover {text-decoration: none;}
body.popup p {font-size: 12px;}
body.popup table {
 border-spacing: 15pt;
 border-collapse: collapse;
 width: 610px;
 max-width: 610px;
}
body.popup table thead {
 background-color: #D32CA6;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-align: left;
}
body.popup table thead th a {
 display: block;
 padding: 0 15px 0 15px;
 color: #fff;
 text-decoration: none;
 border-right: 1px solid #fff;
/* background: url(../images/common/fleche_bas_violet.gif) 0% 2px no-repeat; */
}
body.popup table thead th { padding: 8px 4px 6px 8px;}
/* body.popup table thead th a.activ {background: url(../images/common/fleche_haut_violet.gif) 0% 2px no-repeat;} */
body.popup table td {
 padding: 4px 4px 6px 8px;
 line-height: 12px;
 font-size: 12px;
}
body.popup table td.magasin {font-weight: bold;}
body.popup table tr.paire { background-color: #fff;}
body.popup table tr.impaire { background-color: #EEFBFC;}
body.popup table tr.region {
 background-color: #91DDDF;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
}
body.popup table tr.region td {
 border-top: 4px solid #fff;
 border-bottom: 2px solid #fff;
 padding: 8px 4px 6px 8px;
}



/**** pagination *****/
div.pagination {
 float: left;
 width: 100%;
 border-top: 2px solid #E7E7E7;
 border-bottom: 1px solid #E7E7E7;
 background: #F7F7F7;
 margin: 15px 0 0 0;
 padding: 4px 0 4px 0;
 text-align: center;
 font-size: 11px;
 color: #A5A5A5;
}
div.pagination p {font-size: 11px; color: #A5A5A5; margin: 0; padding: 0;}
div.pagination img {vertical-align: middle; padding: 0 0 2px 0;}
div.pagination a {
 font-size: 11px;
 color: #A5A5A5;
 padding: 0 4px 0 4px;
 text-decoration: none;
}
div.pagination a:hover {color: #D32CA6;}
div.pagination .select {
 background: url("../images/common/pagination_select.gif") 0% 1px no-repeat;
 color: #fff;
 font-size: 11px;
 padding: 0 4px 0 4px;
}




/**
 * Boite de message modal
 */

.boite_message {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align:center;
  z-index: 1000;
  background-image: url('/images/common/overlay.gif');
}

.boite_message div {
  width:300px;
  margin: 300px auto;
  background: #fff url(../images/common/boite_message_fd.gif) 0% 100% repeat-x;
  border: 1px solid #E10084;
  padding:15px;
  text-align: left;
}
.boite_message div p {
 font-size: 12px;
 margin: 0;
 padding: 0;
}
.boite_message div input {
 background: url(../images/common/bt_jen_profite.gif) 0% 0% no-repeat;
 width: 161px;
 height: 42px;
}





/****** MESSAGE D'INFO SUR LE NOMBRE DE COUPONS RESTANT ******/
div#message_compte {
 float: left;
 width: 790px;
 border: 2px solid #62D9DF;
 background: url(../images/home/message_fd.gif) 0% 100% repeat-x;
 text-align: center;
 margin: 0 0 10px 0;
}
div#message_compte p {
 font-size: 14px;
 color: #454643;
 margin: 0;
 padding: 10px 0 8px 0;
}







/***********************/
/*********************** JEU RYANAIR ***********************/
/***********************/

div#jeu_log {
 float: left;
 clear: both;
 background: url(../images/common/jeu_presentation_log_fd.gif) 0% 0% no-repeat;
 padding: 30px 34px 25px 37px;
}

div#jeu_membre {
 float: left;
 width: 290px;
 padding: 0 16px 0 0;
}
div#jeu_membre img.label_jeu {
 float: left;
 margin: 0 0 0 0;
 padding: 0;
}
div#jeu_membre input.txt_jeu {
 float:left;
 clear: right;
 border:1px solid #A0A0A0;
 color:#5E5E5E;
 font-size:11px;
 height:16px;
 margin:0 0 2px 0;
 padding:2px 0 2px 1px;
 width:190px;
}
div#jeu_membre a.oubli {
 float: none;
 clear: both;
 display: block;
 text-align: right;
 font-size: 9px;
 color: #fff;
 padding: 0 0 0 0;
 margin: 0 5px 0 0;
}
div#jeu_membre a.oubli:hover {text-decoration: none;}
div#jeu_membre input.bt_connexion {
 float:right;
 clear:both;
 background: url(../images/right/bt_connexion.gif) no-repeat scroll 0 0;
 border:medium none;
 cursor:pointer;
 height:24px;
 margin:6px 0 0 20px;
 width:155px;
}


div#jeu_inscription {
 float: left;
 width: 200px;
 padding: 0 0 0 17px;
}


table.reglement {
 border-spacing: none;
 border-collapse: collapse;
 width: 610px;
 max-width: 610px;
 border: 1px solid #e6e6e6;
}
table.reglement  thead {
 background-color: #37c0c7;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-align: left;
}
table.reglement  thead th a {
 display: block;
 padding: 0 15px 0 15px;
 color: #fff;
 text-decoration: none;
 border-right: 1px solid #fff;
/* background: url(../images/common/fleche_bas_violet.gif) 0% 2px no-repeat; */
}
table.reglement  thead th { padding: 8px 4px 6px 8px;}
/* body.popup table thead th a.activ {background: url(../images/common/fleche_haut_violet.gif) 0% 2px no-repeat;} */
table.reglement  td {
 padding: 4px 4px 6px 8px;
 line-height: 12px;
 font-size: 12px;
 vertical-align: top;
 border: 1px solid #e6e6e6;
}
table.reglement tr.pair { background-color: #fff;}
table.reglement tr.impair { background-color: #EEFBFC;}



div#zoom {
 float: left;
 width: 552px;
 background: #fff url(../images/common/jeu_ryanair_zoom_fd.gif) 0% 100% repeat-x;
 padding:  10px 15px 8px 15px;
 margin: 15px 0 20px 6px;
}


div#jeu_invitation {
 float: left;
 width: 540px;
 background: #ccccc8 url(../images/common/jeu_selection_invitation_fd.gif) 0% 0% repeat-x;
 padding:  0 15px 8px 2px;
 margin: 15px 5px 20px 5px;
 border: 1px solid #e11889;
}
div#jeu_invitation p {
 float: left;
 width: 530px;
 margin: 0 0 0 10px;
 font-size: 12px;
 color: #333;
}
div#jeu_invitation a.bt_invitation {
 float: right;
 margin: 5px 0 5px 0;
}


table.invitation {
 border-spacing: none;
 border-collapse: collapse;
 width: 570px;
}
table.invitation tbody td {
 padding: 10px 4px 6px 8px;
 line-height: 12px;
 font-size: 12px;
 vertical-align: top;
 border-bottom: 2px solid #e11889;
}
table.invitation td.chance {width: 145px;}
table.invitation td.label {width: 120px;}
table.invitation td.champs {width: 335px;}

table.invitation td label {
 display: block;
 font-size: 12px;
 color: #333;
 margin: 0px 0 12px 0;
 .margin: 5px 0 12px 0;
 _margin: 5px 0 12px 0;
}
table.invitation input {
 background: url(../images/right/right_preschezvous_input_fd.gif) repeat-x scroll 0 100%;
 border:1px solid #A0A0A0;
 color:#666666;
 font-size:11px;
 margin:0 0 6px 5px;
 padding:2px 0 0 2px;
 width:300px;
}
table.invitation tfoot td {
 padding: 10px 4px 6px 8px;
 line-height: 12px;
 font-size: 12px;
 vertical-align: top;
}

table.invitation tfoot td a.reglement {float: left; color: #D32CA6;}
table.invitation tfoot td p.small {color: #666; font-size: 10px;}
table.invitation tfoot td a.bt_invit {float: right;}



a.alloffert {
 background: url("/images/common/fleche_lien_rose.gif") 100% 2px no-repeat;
 float: right;
 font-size: 11px;
 font-weight:bold;
 color: #ff44da;
 text-decoration: underline;
 padding: 0 20px 0 0;
 margin: -26px 10px 0 0;
}
a:hover.alloffert {color: #63dae0;}


.noel_2010 {
    background: url('/jeu_noel/images/degrade.jpg') repeat-x #1e8dc5;
}