/*--------------------------------------------------------------------------------
    CSS - Feuille de style générale
    projet: 	Gaffner
    modifie le: 2009-05-03
--------------------------------------------------------------------------------*/

/*----- STYLES DE BASE -----*/

/*--- Général ---*/
html { font-size: 100%;}
body {
    margin: 0;
    padding: 0;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    font-size: .8em;
    line-height: 1.4;
    color: #53002b;
    background: #fff;
}

/*--- Titres ---*/
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;
    line-height: 1.2;
    font-style: normal;
}
h1 { font-size: 1.75em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.25em;}
h4 { font-size: 1em;}

/*--- Listes ---*/
ul, ol {
    margin: 0;
    padding: 0;
}
ul li, ol li { list-style: none;}

/*--- Paragraphes ---*/
p {  margin: 0; clear: both;}
address {
    margin: .75em 0;
    font-style: normal;
}

/*--- Liens ---*/
a, a:link, a:visited {
	text-decoration: none;
	color: #53002b;
	font-weight: bold;
}
a:hover, a:focus, a:active {
	color: black;
	text-decoration: underline;
}
a img { border: none;}

/*--- Divers éléments de type en-ligne ---*/
em { font-style: italic;}
strong { font-weight: bold;}

/*--- Formulaires ---*/
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select { vertical-align: middle;} /* Solution au pb. d'alignement */

/*--- Tableaux ---*/
table {
    margin: 0;
    border: 0px solid gray;
    border-collapse: collapse;
    border-spacing: 0;
}
table td, table th {
    padding: 4px;
    border: 0px solid #ccc;
    vertical-align: top;
    text-align: left;
}

/*----- MISE EN PAGE -----*/
#wrapper {
	width: 990px;
	margin: 20px auto 0;
}

/*--- Header ---*/
#header {
	position: relative;
	height:  130px;
}
#header h1 {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* Bannière */
#header #banniere {
	position: absolute;
	top: 15px;
	right: 0;
}

/* Encart pour les membres connectés (remplace #banniere) */
#header #encart-membre {
	position: absolute;
	top: 15px;
	right: 0;
	height: 60px;
	width: 728px;
}

/* Détails du compte */
#compte-membre {
	float: left;
	width: 211px;
	height: 40px;
	padding: 10px 10px 10px 12px;
	background: url(../images/bg-compte-membre.jpg) repeat-x;
}
#compte-membre p {
	margin: 0;
	line-height: 1.5;
	color: #890062;
}
span.nb-points, span.nom-prenom {
	color: white;
	font-weight: bold;
}
span.nb-points { font-size: 1.2em;}
a.detail-points {
	background: url(../images/tick-detail-points.jpg) no-repeat 0 2px;
	padding-left: 11px;
	margin-left: 5px;
	font-size: 0.9em;
}

/* Menu membre */
ul#menu-membre { float: left;}
ul#menu-membre li {
	display: inline;
	float: left;
}
ul#menu-membre li a {
	display: block;
	height: 60px;
	text-indent: -9999px;
}
ul#menu-membre li a#onglet-profil {
	background: url(../images/bg-menu-membre.jpg) no-repeat 0 0;
	width: 153px;
}
ul#menu-membre li a#onglet-parrainages {
	background: url(../images/bg-menu-membre.jpg) no-repeat -153px 0;
	width: 191px;
}
ul#menu-membre li a#onglet-gonflez {
	background: url(../images/bg-menu-membre.jpg) no-repeat -344px 0;
	width: 150px;
}
ul#menu-membre li a#onglet-profil:hover { background: url(../images/bg-menu-membre.jpg) no-repeat 0 -60px;}
ul#menu-membre li a#onglet-parrainages:hover { background: url(../images/bg-menu-membre.jpg) no-repeat -153px -60px;}
ul#menu-membre li a#onglet-gonflez:hover { background: url(../images/bg-menu-membre.jpg) no-repeat -344px -60px;}

ul#menu-membre2 { float: right; margin-top: 5px;}

/*--- Navigation principale ---*/
#wrapper-menu {
	height: 73px;
	width: 990px;
	background: #fff url(../images/bg-wrapper-menu.jpg) no-repeat;
	position: relative;
	margin-bottom: 18px;
	color: #fff;
}
#wrapper-menu input {
	border: 1px solid #af007d;
	padding: 2px;
}

/* Menu de navigation */
ul#menu-principal { padding: 10px;}
ul#menu-principal li {
	display: inline;
	font-size: 1.2em;
	padding: 10px 15px 10px 10px;
	background: url(../images/separation-menu.jpg) no-repeat center right;
}
ul#menu-principal li a {
	color: #fff;
	font-weight: normal;
}
ul#menu-principal li a:hover { color: #ffb4ff;}

/* Formulaire de connexion */
p#form-connexion {
	position: absolute;
	bottom: 5px;
	left: 10px;
	margin: 0;
}

/* Formulaire de recherche */
p#form-recherche {
	position: absolute;
	bottom: 5px;
	right: 10px;
	margin: 0;
}

/* Liens membre */
ul#liens-membre {
	position: absolute;
	bottom: 3px;
	line-height: 1.2em;
	left:  530px;
	font-size: 0.85em;
}
ul#liens-membre li {
	background: url(../images/tick-liens-membre.jpg) no-repeat 0 2px;
	padding-left: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}

/* Bouton OK */
#connexion-et-recherche input.submit {
	background: url(../images/bouton-ok.jpg) no-repeat 0 0;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	border: 0;
	cursor: pointer;
	padding: 0;
}
#connexion-et-recherche input.submit:hover {
	background: url(../images/bouton-ok.jpg) no-repeat 0 -24px;
}

/* Message de bienvenue (pour les membres connectés) */
p#message-bienvenue {
	padding-left: 10px;
	margin-top: 6px;
}

/* Déconnexion (pour les membres connectés) */
a#deconnexion {
	background: url(../images/tick-liens-membre.jpg) no-repeat 0 3px;
	padding-left: 12px;
	margin-left: 5px;
	font-size: 0.9em;
}

/*--- Sidebar ---*/
#sidebar {
	width: 246px;
	float: left;
	background: #e9e9e9 url(../images/bg-sidebar.jpg) no-repeat bottom center;
	position: relative;
	padding-bottom: 20px;
}
#sidebar a { color: #af007d;}
#sidebar h2 {
	background: url(../images/bg-h2-sidebar.jpg) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	width: 246px;
	height: 40px;
	margin: 10px 0 20px;
}
#sidebar p a { font-weight: normal;}

/* Liens marchands */
ul#liens-marchands {
	width: 236px;
	background: url(../images/bg-liens-marchands.jpg) no-repeat 0 0;
	padding: 10px 0 0 10px;
}
ul#liens-marchands li {
	display: inline;
	background: url(../images/tick-liens-marchands.jpg) no-repeat 0 4px;
	padding-left: 11px;
	margin-right: 5px;
}
ul#liens-marchands li a {
	color: #c3008b;
	font-size: 0.9em;
}

/* Liste des catégories */
ul#liste-categories li {
	padding: 0 10px 0 22px;
	background: url(../images/tick-categories.jpg) no-repeat 10px 3px;
}
ul#liste-categories li h3 {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0;
}
ul#liste-categories li h3 a { color: #53002b;}
ul#liste-categories li p {
	margin-top: 0;
	font-size: 0.9em;
}

/*--- Contenu ---*/
#contenu {
	width: 729px;
	float: right;
}

/* Encart principal */
#encart-principal {
	position: relative;
	background: url(../images/bg-encart-principal.jpg) no-repeat 0 0;
	width: 728px;
	height: 240px;
	padding-top: 15px;
}

/*--- cc ---*/
#encart-principal2 {position: relative; float: left; background: url(../images/bg-encart-connection.jpg) no-repeat 0 0; width: 728px; height: 248px; padding-top: 15px;}
#encart-principal2-libre {position: relative; float: left; background: url(../images/bg-encart-connection-libre.jpg) no-repeat 0 0; width: 728px; height: 240px; padding-top: 15px;}
#encart-principal2-blog {position: absolute; left: 550px; top: 25px; float: left; width: 175px; height: 198px; padding-top: 15px;}
/*--- /cc ---*/

#encart-inscription {
	position: relative;
	background: url(../images/bg-encart-secondaire-grand.jpg) no-repeat 0 0;
	padding-top: 15px;
	float: left;
	margin: 0 0 18px 0;
}
#encart-inscription h2#titre {
	margin: 0 auto;
	background: url(../images/titre_inscription.jpg) no-repeat 0 0;
	text-indent: -9999px;
	width: 100px;
	height: 20px;
	display: block;
	margin: -5px auto 15px;
}
.encart-inscription a.bouton-encartsec {
	width: 124px;
	height: 20px;
	background: url(../images/bouton-encartsec.jpg) no-repeat 0 0;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 2px;
	position: absolute;
	bottom: 1px;
	text-align: center;

}
.encart-inscription a.bouton-encartsec:hover {
	background: url(../images/bouton-encartsec.jpg) no-repeat 0 -22px;
}
#encart-principal h2#gagner-argent {
	margin: 0 auto;
	background: url(../images/bg-h2-encart-principal.jpg) no-repeat 0 0;
	text-indent: -9999px;
	width: 582px;
	height: 14px;
	display: block;
}
#encart-principal strong {
	color: #c3008b;
	font-size: 1.1em;
}
a#bouton-inscription {
	width:  246px;
	height:  39px;
	display: block;
	text-indent: -9999px;
	background: url(../images/bouton-inscription.png) no-repeat 0 0;
	margin-left: 45px;
}
a#bouton-inscription:hover { background: url(../images/bouton-inscription.png) no-repeat 0 -39px;}

/*--- cc ---*/
/* Encart inscrit  */
#encart-inscrit {position: relative; background: url(../images/bg-encart-inscription.jpg) no-repeat 0 0; width: 728px; height: 240px; padding-top: 15px;}
#encart-inscrit h2#gagner-argent {margin: 0 auto; background: url(../images/bg-h2-encart-principal.jpg) no-repeat 0 0; text-indent: -9999px; width: 572px; height: 14px; display: block;}
#encart-inscrit strong {color: #c3008b; font-size: 1.2em;}
#encart-inscrit ol#encart-ol {margin: 20px 0 0 555px; font-weight: bold; font-style: italic;}
#encart-inscrit ol#encart-ol2 {margin: 20px 0 0 15px; font-weight: bold; font-style: italic;font-size: 1.1em;}
ol#encart-ol li { padding: 2px 0 2px 5px;}
/*--- /cc ---*/


/* Processus d'inscription */
#encart-principal ol#processus {
	margin: 20px 0 0 15px;
	font-weight: bold;
	font-style: italic;
}
ol#processus li { padding: 5px 0 10px 32px;}
ol#processus li#un { background:  url(../images/processus-li-un.jpg) no-repeat 0 2px;}
ol#processus li#deux { background:  url(../images/processus-li-deux.jpg) no-repeat 0 2px;}
ol#processus li#trois { background:  url(../images/processus-li-trois.jpg) no-repeat 0 2px;}
ol#processus li#quatre { background:  url(../images/processus-li-quatre.jpg) no-repeat 0 2px; padding-bottom: 5px;}

/* Top marchands */
#encart-principal #top-marchands {
	width: 178px;
	position: absolute;
	top:  40px;
	right:  0;
}
#top-marchands h2 {
	color: #ff7e00;
	text-transform: uppercase;
	font-size: 0.9em;
	background: url(../images/bg-h2-top-marchands.jpg) no-repeat 0 0;
	margin: 0;
	padding: 8px 0 0 37px;
	height: 22px;
}
#top-marchands ul {	padding: 10px 0 0 13px;}
#top-marchands ul li {
	color: #c3008b;
	line-height: 1.2;
	padding-bottom: 5px;
	font-size: 0.95em;
}
p#tous-marchands {
	position: absolute;
	bottom: 8px;
	right: 0;
	background: url(../images/tick-tous-marchands.jpg) no-repeat 0 3px;
	padding: 0 15px 5px 13px;
	font-size: 0.85em;
	font-weight: bold;
}

/* Encarts secondaires */
.encart-secondaire {
	float: left;
	width: 355px;
	height:  240px;
	background: url(../images/bg-encart-secondaire.jpg) no-repeat 0 0;
	margin: 0 0 22px 0;
	text-align: center;
	position: relative;
}

/*--- cc ---*/
.encart-secondaire-verticale {float: left; width: 355px; height: 503px; background: url(../images/bg-encart-secondaire-verticale.jpg) no-repeat 0 0; margin: 0 0 22px 0; text-align: left; position: relative;}
.encart-secondaire-verticale3 {float: left; width: 355px; height: 960px; background: url(../images/bg-encart-secondaire-verticale3.jpg) no-repeat 0 0; margin: 0 0 22px 0; text-align: left; position: relative;}
.encart-secondaire-verticale2 {float: right; width: 355px; height: 503px; background: url(../images/bg-encart-secondaire-magique.jpg) no-repeat 0 0; margin: 0 0 18px 0; text-align: center; position: relative;}
/*--- /cc ---*/

.encart-secondaire h2 {
	display: block;
	text-indent: -9999px;
	margin: 10px auto 15px;
}
#commande-magique h2 {
	background: url(../images/bg-h2-commande-magique.jpg) no-repeat 0 0;
	width: 191px;
	height: 14px;
	margin-top: 8px;
}
#bons-reductions h2 {
	background: url(../images/bg-h2-bons-reductions.jpg) no-repeat 0 0;
	width: 170px;
	height: 16px;
	margin-top: 7px;
}
#comparateur-prix h2 {
	background: url(../images/bg-h2-comparateur-prix.jpg) no-repeat 0 0;
	width: 180px;
	height: 13px;
}
#parrainage h2 {
	background: url(../images/bg-h2-parrainage.jpg) no-repeat 0 0;
	width: 199px;
	height: 13px;
}
#bons-plans h2 {
	background: url(../images/bg-h2-bons-plans.jpg) no-repeat 0 0;
	width: 209px;
	height: 16px;
}
.encart-secondaire p {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.3em;
}
.encart-secondaire p.def{
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.1em;
}
.encart-secondaire p strong {
	color: #ff7e00;
	font-size: 1.2em;
}
#bons-reductions, #parrainage {
	margin-right:  0px;
}
.encart-secondaire a.bouton-encartsec {
	width: 124px;
	height: 21px;
	background: url(../images/bouton-encartsec.jpg) no-repeat 0 0;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.65em;
	padding-top: 1px;
	margin: 0 auto;
	position: absolute;
	bottom: 10px;
	left: 120px;
}
.encart-secondaire a.bouton-encartsec:hover { background: url(../images/bouton-encartsec.jpg) no-repeat 0 -22px;}
img.img-comparateur { /* Positionnement en absolu de l'illustration pour l'encart Comparateur */
	position: absolute;
	bottom: 1px;
	right: 1px;
}

/*--- cc ---*/
/*--- paragraphe ---*/
p.cochon_g {position: relative; display: block; text-indent: 0.5em; padding: 0.75em 0 0.75em 55px; text-align: justify; }
p.cochon_d {position: relative; display: block; text-indent: 0.5em; padding: 0.1em 55px 0.1em 0px; text-align: justify; }
img.cochon_img_g {margin: 5px; display: block; position: absolute; left: 0px; }
img.cochon_img_d {margin: 5px; display: block; position: absolute; right: 0px; }

/*--- Alphabet ---*/
#alphabet {float: left; width: 720px; height: 30px; margin: 0 0 18px 0; text-align: center; position: relative; clear: both;}
#alphabet ul {padding: 10px 0 0 13px; list-style: none;}
#alphabet ul li {display: inline; list-style: none; background: url(../images/petit_carre_fonce.png) repeat-x 0 0; padding: 5px; }
#alphabet li a {color: #fff; font-weight: bold; line-height: 1.0; font-size: 1.3em; text-transform: uppercase;}
#alphabet li a:hover {color: #ffb4ff;}
h3.lettre-alphabet {float: left; width: 720px; height: 20px; background: url(../images/petit_carre_clair.png) repeat-x 0 0; margin: 0 0 2px 0; padding: 5px; line-height: 1.0; color: #fff; font-weight : bold; text-transform: uppercase; font-size: 1.25em;}
h3.lettre-alphabet a {color: #fff;}

/*--- encart-partenaires ---*/
#encart-partenaires ul {float: left; width: 740px; padding: 2px 0 5px 5px; list-style: none; }
#encart-partenaires ul li {display: block; float: left; list-style: none; width: 340px; border: 2px solid #fce3f6; margin: 2px 10px 8px 0px; padding: 0px; }
#encart-partenaires ul li:hover {border: 2px solid #b0007e; background: #fce3f6}
#encart-partenaires li a {float: left; color: #53002b; font-weight: bold; }
#encart-partenaires li a:hover {color: #b0007e;}
#encart-partenaires li span {clear: both; float: right; color: #b0007e; padding: 15px 5px 0 0; white-space: nowrap; text-align: right; }
#encart-partenaires li strong.simple4 {white-space: nowrap;}
p.encart-partenaires {position: relative; width: 220px; height: 60px; display: block; margin: 0.75em 0; padding: 0 0 0 120px; text-align: left; }
img.encart-partenaires {margin: 0px 5px; display: block; position: absolute; left: 4px; border: 1px solid #fce3f6; }
/* code promo */
#encart-partenaires li span.simple {float: left; color: #b0007e; padding: 0px 5px 0 20px; }
#encart-partenaires li span.simple2 {float: left; position: relative; text-align: left; background-color: #ff9; line-height: 0.8em; margin: 2px; padding: 4px;}

/*--- derniers-cadeaux ---*/
#derniers-cadeaux h2 { display: block; text-indent: -9999px; background: url(../images/bg-h2-derniers-cadeaux.jpg) no-repeat 0 0; width: 250px; height: 17px; margin: 6px auto 15px; }
#derniers-cadeaux ul {float: right; width: 350px; padding: 1px; list-style: none; }
#derniers-cadeaux ul li {display: block; float: left; list-style: none; width: 340px; border: 0px solid #fce3f6; margin: 3px; padding: 1px;}
#derniers-cadeaux p {text-align: left; font-size: 1.2em; font-weight: bold; color: #a5a5a5; padding-left: 85px; text-indent: -85px;}
#derniers-cadeaux p.lien {text-align: center; font-size: 1.2em; font-weight: bold; color: #a5a5a5; }

/*--- encart-top ---*/
.encart-secondaire-top {float: right; width: 355px; height:  31px; background: url(../images/bg-encart-secondaire-vide.jpg) no-repeat 0 0; margin: 0 0 5px 0; text-align: center; position: relative; }
#top-marchands2 h2 { display: block; text-indent: -9999px; background: url(../images/bg-h2-encart-top-marchands.jpg) no-repeat 0 0; width: 134px; height: 13px; margin: 9px auto 15px; }
#encart-top ul {float: right; width: 350px; padding: 2px 0 5px 5px; list-style: none; }
#encart-top ul li {display: block; float: left; list-style: none; width: 340px; border: 2px solid #fce3f6; margin: 2px 10px 8px 0px; padding: 0px; }
#encart-top ul li:hover {border: 2px solid #b0007e; background: #fce3f6}
#encart-top li a {float: left; color: #53002b; font-weight: bold; }
#encart-top li a:hover {color: #b0007e;}
#encart-top li span {clear: both; float: right; color: #b0007e; padding: 15px 5px 0 0; white-space: nowrap; text-align: right; }
#encart-top li strong.simple4 {white-space: nowrap;}
p.encart-top {position: relative; width: 220px; height: 60px; display: block; margin: 0.75em 0; padding: 0 0 0 120px; text-align: left; }
img.encart-top {margin: 0px 5px; display: block; position: absolute; left: 4px; border: 1px solid #fce3f6; }

/*--- encart-partenaires-simple ---*/
#encart-partenaires-simple ul {float: left; width: 740px; padding: 2px 0 5px 5px; list-style: none; }
#encart-partenaires-simple ul li {display: block; float: left; list-style: none; width: 700px; border: 2px solid #fce3f6; margin: 2px 10px 8px 0px; padding: 5px; }
#encart-partenaires-simple ul li:hover {border: 2px solid #b0007e; background: #fce3f6}
#encart-partenaires-simple li a {float: left; color: #53002b; font-weight: bold; }
#encart-partenaires-simple li a:hover {color: #b0007e;}
#encart-partenaires-simple li span.simple {float: left; color: #b0007e; padding: 0px 5px 0 20px; }
#encart-partenaires-simple li span.simple2 {float: left; clear: both; width: 570px; position: relative; border-left: 2px dotted #b0007e; padding: 0px 0px 0px 5px; text-align: left; }
#encart-partenaires-simple li span.simple3 {float: left; clear: both; position: relative; border-left: 2px dotted #b0007e; padding: 0px 0px 0px 5px; text-align: left; white-space: nowrap;}
#encart-partenaires-simple li strong.simple4 {background-color: #ff9; white-space: nowrap;}
p.encart-partenaires-simple {display: inline; position: relative; height: 60px; display: block; margin: 0.5em 0; padding: 0 0 0 120px; text-align: left; }
img.encart-partenaires-simple {margin: 0px 5px; display: block; position: absolute; left: 4px; border: 1px solid #fce3f6; }

/*--- encart-marchand ---*/
#encart-marchand div.simple {display: block; float: left; width: 700px; border: 2px solid #fce3f6; margin: 5px 6px; padding: 10px 5px; }
#encart-marchand div.encart-img {float: left; width: 110px; position: relative; top: 0px; padding: 0px; }
#encart-marchand a.petit_bouton_violet {position: absolute; display: block; left: 10px; top: 100px; width: 90px; height: 39px; background: url(../images/petit_bouton_violet.png) no-repeat 0 0; color: #fff; line-height: 2.6em; font-size: 1.2em; padding: 0; text-align: center; }
#encart-marchand a.petit_bouton_violet:hover {background: url(../images/petit_bouton_violet.png) no-repeat 0 -39px;}
#encart-marchand div.encart-marchand {float: left; width: 570px; position: relative; top: 0px; border-left: 2px dotted #b0007e; padding: 0px 0px 0px 5px; text-align: left; }
p.encart-marchand {position: relative; text-indent: 1em; display: block; padding: 2px; text-align: justify; }
img.encart-marchand {margin: 0px 5px; display: block; position: relative; left: 3px; border: 1px solid #fce3f6; }
#encart-marchand h4 {float: left; width: 470px; height: 14px; background: url(../images/petit_carre_fonce.png) repeat-x 0 0; margin: 2px 0 8px 0; padding: 5px; line-height: 1.0; color: #fff; font-weight : bold; font-size: 1em;}
#encart-marchand ul {float: left; width: 570px; padding: 2px 0 5px 5px; list-style: none; }
#encart-marchand ul li {display: block; float: left; list-style: none; width: 260px; min-height: 120px; border: 2px dotted #333; background:#fceef9; margin: 3px; padding: 2px 5px; }
#encart-marchand ul li:hover {background:#fce3f6;}
#encart-marchand p.simple {float: left; display: block; font-weight: bold; padding: 0.1em 0 0 0; text-align: justify; }
#encart-marchand span.simple {float: left; clear: both; font-weight: bold; text-align: justify; padding: 0.1em 0 0 0; color: #b0007e;}
#encart-marchand span.simple2 {float: left; font-weight: bold; text-align: justify; padding: 0.1em 0 0 0; color: #b0007e; background-color: #ff9;}

/*--- formulaire-login ---*/
#formulaire-login div {display: block; float: left; width: 700px; border: 1px solid #fce3f6; margin: 5px 6px; padding: 10px 5px; }
#formulaire-login a.petit_bouton_violet {display: block; position: absolute; top: 55px; left: 124px; width: 90px; height: 39px; background: url(../images/petit_bouton_violet.png) no-repeat 0 0; color: #fff; line-height: 2.6em; font-size: 1.2em; padding: 0; text-align: center; }
#formulaire-login a.petit_bouton_violet:hover {background: url(../images/petit_bouton_violet.png) no-repeat 0 -39px;}
#formulaire-login input.submit {background: url(../images/bouton-ok.jpg) no-repeat 0 0; text-indent: -9999px; width: 24px; height: 24px; border: 0; cursor: pointer; padding: 0;}
#formulaire-login input.submit:hover {background: url(../images/bouton-ok.jpg) no-repeat 0px -24px;}
#cadre_connect {display: block; position: relative; height: 25px; background-color: #ee85d8; border: 1px solid #fce3f6; margin: 5px 6px; padding: 5px 5px; color: #fff; line-height: 0.8em; font-weight: bold; }
#cadre_connect a.oubli { position: absolute; top: 17px; left: 500px; background: url(../images/tick-liens-membre.jpg) no-repeat 0 2px; padding-left: 15px; text-transform: uppercase; font-size: 0.9em;}
#formulaire-login div.simple {float: left; display: block; position: relative; width: 338px; height: 100px; background-color: #fff; border: 1px solid #fce3f6; margin: 5px 6px; padding: 0px 5px; font-weight: bold; text-align: center;}
#formulaire-login h4 {float: left; width: 700px; height: 14px; background: url(../images/petit_carre_clair.png) repeat-x 0 0; margin: 15px 6px 0; padding: 5px 6px; line-height: 1.0em; color: #fff; font-weight : bold; font-size: 1em;}
#formulaire-login h4.simple {float: left; width: 338px; height: 14px; background: url(../images/petit_carre_clair.png) repeat-x 0 0; margin: 15px 6px 0; padding: 5px 6px; line-height: 1.0em; color: #fff; font-weight : bold; font-size: 1em;}

/*--- encart-cadeau-rubrique ---*/
#encart-cadeau-rubrique ul {float: left; width: 740px; padding: 2px 0 5px 5px; list-style: none; }
#encart-cadeau-rubrique ul li {display: block; float: left; list-style: none; width: 210px; height: 210px; border: 2px solid #fce3f6; margin: 6px 7px; padding: 5px; }
#encart-cadeau-rubrique ul li:hover {border: 2px solid #b0007e; background: #fce3f6}
img.encart-cadeau-rubrique {display: block; position: relative; left: 5px; top: 5px; border: 1px solid #fce3f6; }
h3.bandeau {float: left; width: 720px; height: 20px; background: url(../images/petit_carre_clair.png) repeat-x 0 0; margin: 4px 0 2px 0; padding: 5px; line-height: 1.0; color: #fff; font-weight : bold; text-transform: uppercase; font-size: 1.25em;}
#formulaire-cadeau div {display: block; float: left; width: 490px; border: 1px solid #fce3f6; margin: 5px 86px; padding: 7px; }
#formulaire-cadeau input.submit {background: url(../images/bouton-ok.jpg) no-repeat 0 0; text-indent: -9999px; width: 24px; height: 24px; border: 0; cursor: pointer; padding: 0;}
#formulaire-cadeau input.submit:hover {background: url(../images/bouton-ok.jpg) no-repeat 0px -24px;}
#encart-cadeau-liste ul {float: left; width: 740px; padding: 2px 0 5px 5px; list-style: none; }
#encart-cadeau-liste ul li {display: block; position: relative; float: left; list-style: none; width: 220px; min-height: 315px; border: 2px solid #fce3f6; margin: 6px 7px; padding: 0px; text-align: center; }
#encart-cadeau-liste ul li:hover {border: 2px solid #b0007e; background: #fce3f6}
#encart-cadeau-liste a.petit_bouton_violet {position: absolute; display: block; left: 60px; bottom: 5px; width: 90px; height: 39px; background: url(../images/petit_bouton_violet.png) no-repeat 0 0; color: #fff; line-height: 2.6em; font-size: 1.2em; padding: 0; text-align: center; }
#encart-cadeau-liste a.petit_bouton_violet:hover {background: url(../images/petit_bouton_violet.png) no-repeat 0 -39px;}
#encart-cadeau-liste p.simple {display: block; position: relative; width: 210px; padding: 2px; font-weight: bold; text-align: center; }
#encart-cadeau-liste span.simple {float: left; display: block; clear: both; font-weight: bold; text-align: justify; padding: 0.1em 0 0 0; color: #b0007e;}
#encart-cadeau-liste strong {display: block; color: #c3008b; font-size: 1.1em; margin : 10px 0 50px 0;}
img.encart-cadeau-liste {display: block; position: relative; margin: 2px 8px; border: 1px solid #fce3f6; }
#encart-cadeau div.simple {display: block; position: relative; float: left; width: 700px; min-height: 280px;border: 2px solid #fce3f6; margin: 5px 6px; padding: 10px 5px; }
#encart-cadeau div.encart-img {float: left; width: 230px; position: relative; top: 0px; padding: 0px; }
#encart-cadeau div.encart-cadeau {float: left; width: 450px; position: relative; top: 0px; border-left: 2px dotted #b0007e; padding: 0px 0px 0px 5px; text-align: left; }
#encart-cadeau p.simple {float: left; display: block; font-weight: bold; padding: 0.1em 0 0 0; text-align: justify; }
#encart-cadeau h4 {float: left; width: 400px; height: 14px; background: url(../images/petit_carre_fonce.png) repeat-x 0 0; margin: 2px 0 8px 0; padding: 5px; line-height: 1.0; color: #fff; font-weight : bold; font-size: 1em;}
#encart-cadeau a.petit_bouton_violet {position: relative; display: block; left: 60px; bottom: 5px; width: 90px; height: 39px; background: url(../images/petit_bouton_violet.png) no-repeat 0 0; color: #fff; line-height: 2.6em; font-size: 1.2em; margin-top: 20px; padding: 0; text-align: center; }
#encart-cadeau a.petit_bouton_violet:hover {background: url(../images/petit_bouton_violet.png) no-repeat 0 -39px;}

td.bordure1 {padding: 4px; border: 1px solid #efefef; vertical-align: top; text-align: left; background-color: #dfdfdf; color: #000000; }
td.bordure2 {padding: 4px; border: 1px solid #dfdfdf; vertical-align: top; text-align: left; background-color: #efefef; color: #000000; }
/*--- /cc ---*/


/*--- Footer ---*/
#footer {
	clear: both;
	background: url(../images/bg-footer.jpg) no-repeat top center;
	position: relative;
	height: 150px;
}
img#logo-footer {
	position: absolute;
	top: 40px;
	left: 150px;
}
ul#menu-footer li, ul#liens-footer li {	display: inline;}
ul#menu-footer li a, ul#liens-footer li a {	font-weight: bold;}
#footer a:hover { text-decoration: underline;}
ul#menu-footer {
	position: absolute;
	top: 50px;
	left: 260px;
}
ul#menu-footer li {	padding-right: 20px;}
ul#liens-footer {
	position: absolute;
	top: 70px;
	left: 260px;
}
ul#liens-footer li {
	color: #a5a5a5;
	font-size: 0.9em;
}
ul#liens-footer li a { color: #a5a5a5;}

/*--- cc ---*/
ul#liens-footer2 { position: absolute; top: 90px; left: 260px;}
ul#liens-footer2 li { color: #a5a5a5; font-size: 0.9em;}
ul#liens-footer2 li a { color: #a5a5a5;}
ul#liens-footer3 { position: absolute; top: 115px; left: 0px;}
ul#liens-footer3 li { color: #c4c4c4; font-size: 0.9em; float: left; padding: 2px 5px;}
ul#liens-footer3 li a { color: #c4c4c4;}
/*--- /cc ---*/

/*--- redirect ---*/
#redirection {width: 500px;	height: 301px; margin: 50px auto 0; padding: 0; font-size: 1.2em; text-align: center; font-weight: bold; background: url(../images/cadre_redirect.png) no-repeat 0 0;}