/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {
	background-color:#6c0300;
	background-image:url("../images/ligne-body.gif");
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

a, a:hover {
	text-decoration:none;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	border:none;
}
a.favori, a.favori:visited {
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	text-shadow:#5B2079 0 1px;
	border-bottom:2px solid #CD0050;
}
a.favori:hover,	a.favori:active {
	border-bottom:2px solid #a20ba4;
}
/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h2 {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:5px;
}
form {
	margin:0;
	padding:0;
}
img {
	border:none;	
}
/* Autres enrichissements typo */

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */

#page { position: relative; float:left; width: 1250px; margin:0; padding:0; text-align: left;}
/*---------------------------------------------
ENTETE (HEADER) 
----------------------------------------------*/
#entete {
	background-image:url("../images/entete1.jpg");
	background-repeat:no-repeat;
	width: 1250px;
	height:120px;
	margin: 0;
	padding:0;
	background-color:#cccccc;
}
span.expedieTitre{
	position:absolute;
	top:40px;
	left:1085px;
	width:100px;
	font:19px small-caps Arial, Helvetica, sans-serif;
	opacity : 0.15;
    -moz-opacity : 0.15;
    -ms-filter: "alpha(opacity=15)"; /* IE 8 */
    filter : alpha(opacity=15); /* IE < 8 */ 
	color:#FFFFFF;
	font-style:italic;
	text-align:center;
}
a#accueil{
	position:absolute;
	top:9px;
	left:310px;
	width:500px;
	height:110px;
}
#entete h1{
	position:absolute;
	top:40px;
	left:805px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	width:180px;
	color:#FFF;
	text-align:center;
	word-spacing: 2px;
}
#entete h1 span {
	font-size:16px;
	color:#c559ff;
}
#entete div#h1{
	position:absolute;
	top:40px;
	left:805px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	width:180px;
	color:#FFF;
	text-align:center;
	word-spacing: 2px;
}
#entete div#h1 span {
	font-size:16px;
	color:#c559ff;
}
#lang{
	position:absolute;
	top:95px;
	left:175px;
	width:100px;
	height:25px;
}
#lang div {
	float:left;
	width:20px;
	padding:0 3px 0 0;
}
#lang div a {
	display:block;
	width:18px;
	height:20px;
}
div.fr a{
	background-image:url("../images/menu/fr_out1.gif");
	background-repeat:no-repeat;
}
div.fr a:hover{
	background-image:url("../images/menu/fr_out1.gif");
	background-repeat:no-repeat;
}
div.es a{
	background-image:url("../images/menu/es_out1.gif");
	background-repeat:no-repeat;
}
div.es a:hover{
	background-image:url("../images/menu/es_out1.gif");
	background-repeat:no-repeat;
}
div.en a{
	background-image:url("../images/menu/en_out1.gif");
	background-repeat:no-repeat;
}
div.en a:hover{
	background-image:url("../images/menu/en_out1.gif");
	background-repeat:no-repeat;
}
/*-----------MENU VERTICAL HEADER-----------*/
#entete #menuH{
	position:absolute;
	top:10px;
	left:15px;
	width:140px;
}

#entete #menuH ul li{
	list-style:none;
	margin:0;
	padding:0 0 5px 0;
}
#menuH ul li a{
	display:block;
	text-decoration:none;
	color:#b26dd6;
	padding:0 0 0 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#menuH ul li a.newsl, #menuH ul li a.newsl:visited {
	background:url("../images/menu/haut-newsletter.gif") no-repeat 0 0;
	color:#f0a21e;
}
#menuH ul li a.newsl:hover, #menuH ul li a.newsl:active {
	color:#f0cb1e;	
}
#menuH ul li a.contacter, #menuH ul li a.contacter:visited {
	background:url("../images/menu/haut-contacter.gif") no-repeat 0 0;
	color:#fff;
}

#menuH ul li a.contacter:hover, #menuH ul li a.contacter:active {
	color:#e4cbf1;	
}
#menuH ul li a.contacter span#rouge {
	color:#fe1d1d;
}
#menuH ul li a.infomagica, #menuH ul li a.infomagica:visited {
	background:url("../images/menu/haut-info.gif") no-repeat 0 0;
	color:#fff;
}
#menuH ul li a.infomagica:hover, #menuH ul li a.infomagica:active {
	color:#e4cbf1;	
}
/*-----------BLOC ACCES COMPTE-----------*/
form#formLogin{
	margin:0;
	padding:0;
	border:#e7e9ee;
}
#entete #compte {
	float:right;
	width:230px;
	
}
table#tableLogin {
	background-image:url("../images/fond_loginbloc.gif");
}

div.btnLogin{
	width:230px;
	height:32px;
	margin:0;
	padding:0;
}
a#loginLink_en{
	display:block;
	width:230px;
	height:31px;
	background:url("../images/login_out_en.gif") no-repeat;
	margin:0;
	padding:0;
}
a#loginLink_en:hover{
	background-image:url("../images/login_ov_en.gif");
}
table#tableLogin input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 0 1px 2px;
	margin:5px 0 0 15px;
	border:thin 1px #6e1f83;
}
td.oubliLink{
	text-align:left;
	padding:3px 0 0 30px;
	margin:0;
}
#compte a {
	font:normal normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#C096DC;
}
#compte a:hover, #compte a:active {
	color:#FFF;
}
a#loginSubmit {
	display:block;
	width:61px;
	height:44px;
	background-image:url("../images/login_go_out.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	margin:5px 15px 0 0 ;
}
a#loginSubmit:hover {
	background-image:url("../images/login_go_ov.gif");	
}
#entete div#pseubar {
	background-color:#e5e0e0;
	float:right;
}
/* ------------BLOC COMPTE OUVERT--------------- */
#tableLogin {
	background-color:#360b45;
	position:relative;
}
.monpseu{
	background:url("../images/welcome-magicaplanet.gif") no-repeat 10px 10px;
	text-align:left;
	font:normal bold 12px Georgia, "Times New Roman", Times, serif;
	color:#dc83de;
	padding:15px 0 0 0;
	height:24px;
}
.moncompte {
	background:url("../images/ico_compte.gif") no-repeat  5px 3px;
	text-align:left;
	width:40%;
	padding:7px 2px 2px 30px;
}
.deconnecte{
	background:url("../images/ico_deconnecte.gif") no-repeat 7px 3px;
	text-align:left;
	width:40%;
	padding:7px 2px 5px 30px;
}
.montchat{
	position:absolute;
	top:11px;
	left:140px;
	text-align:center;
	padding:0;
	margin:0;
}
.montchat a {
	display:block;
	margin:0;
	padding:0;
	background:url("../images/tchat-magie-en-out.gif") no-repeat 0 0;
	height:69px;
	width:76px;
}
/*
.montchat a:hover {
	background-image:url("../images/tchat-magie-ov.gif");
}
*/
#conteneur { 
	/* clear: both; */
	background:url("../images/fond_clair.gif") repeat-y;
	float: left;
	width: 1250px;
	overflow: hidden;
}

#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
/* ------------------------------------------
	COLONNE DE GAUCHE
 ------------------------------------------ */
div#colG {
	background-color:#5B2079;
	float:left;
	width:160px;
}
img.sepMenu2{
	margin:5px 0 5px 4px;	
}
/*-----------BOUTON VIDEO-----------*/
#devideo{
	width:150px;
	height:25px;
	margin:0;
	padding:0;
}
a.demoLink {
	display:block;
	width:160px;
	height:40px;
	margin:0;
}

/* ---------------PREMIER BLOC----------------- */
#scroll1024 {

}
/* ---------------MENU COLG----------------- */


div#menuG {
	width:160px;
	padding:0;
	margin:0;
}
ul{
    margin:0;
    padding:0;
    list-style:none;
}
ul#navG {
	padding:15px 5px 5px 0;
	margin:0;
	color:#FFFFFF;
	text-align:left;
}
ul#navG ul {
	margin:0;
	padding:5px 0 0 0;
}
ul#navG ul li{
	margin:0;
    padding:0;
    list-style:none;
}
ul.ui-accordion-content-active {
	margin:0 0 0 5px;
	padding:0 0 5px 0;
}
a.head, a.head:visited, a#rien:link, a#rien:visited{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	padding:5px 0 1px 10px;
	margin:1px 0 0 0;
	text-decoration:none;
	color:#FFFFFF;
	height:21px;
}
a.head, a.head:visited{
	background-image:url("../images/menu/btn_off.gif");
	background-repeat:no-repeat;	
}
a#rien:link, a#rien:visited{
	background-image:url("../images/menu/btn_def.gif");
	background-repeat:no-repeat;
}
a.ouvert, a.head:hover, a.head:active,  a#rien:hover, a#rien:active{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	padding:5px 0 1px 10px;
	margin:1px 0 0 0;
	text-decoration:none;
	color:#FFF;
	height:21px;
}
a.ouvert, a.head:hover, a.head:active {
	background-image:url("../images/menu/btn_on.gif");
	background-repeat:no-repeat;
}
a.ui-accordion-header:active,  a#rien:hover, a#rien:active{
	background-image:url("../images/menu/btn_def_on.gif");
	background-repeat:no-repeat;	
}
a.ouvert:link, a.ouvert:hover, a.ouvert:visited, a.ouvert:active{
	display:block;
	background-image:url("../images/menu/btn_on.gif");
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	padding:5px 0 1px 10px;
	margin:1px 0 0 0;
	text-decoration:none;
	color:#FFF;
	height:21px;	
}
ul.navG2 li a:link, ul.navG2 li a:visited{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding:1px 0 0px 10px;
	margin:0;
	font-size:12px;
	text-decoration:none;
	color:#c096dc;
}
a#catNavG{
	color:#ca62b5;
	text-transform:uppercase;
}
ul.navG2 li a.on, ul.navG2 li a:hover, ul.navG2 li a:active, a#catNavG:hover, a#catNavG:active {
	color:#FFF;
}

/* ---------------BLOCS accespro tchatclient--------------- */
.btmenuG {
	width:160px;
	height:26px;
	background-image:url("../images/menu/fond_tchat_link.gif");
	background-repeat:no-repeat;
	margin:0 0 3px 0;
	padding:0;
}
.btmenuG a, .btmenuG a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#d660c3;
	display:block;
	padding:5px 0 0 10px;
}
.btmenuG a:hover, .btmenuG a:active {
	color:#FFFFFF;
	text-decoration:none;
}
/* ---------------BLOC LOT MALIN--------------- */
#lotMalin{
	margin:0;
	padding:0;
	text-align:center;
}
#lotMalin h2{
	width:160px;
	height:45px;
	margin:0;
	padding:0;
}
#lotMalin h2 a {
	display:block;
	width:160px;
	height:45px;
	background:url("../images/menu/titre_achat_malin_out_en.gif") no-repeat;
}
#lotMalin h2 a:hover {
	background:url("../images/menu/titre_achat_malin_ov_en.gif") no-repeat;
}
#lotMalin div#h2{
	width:160px;
	height:45px;
	margin:0;
	padding:0;
}
#lotMalin div#h2 a {
	display:block;
	width:160px;
	height:45px;
	background:url("../images/menu/titre_achat_malin_out_en.gif") no-repeat;
}
#lotMalin div#h2 a:hover {
	background:url("../images/menu/titre_achat_malin_ov_en.gif") no-repeat;
}

a.texteMalin, a.texteMalin:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#FFF;
	text-decoration:none;
	line-height:17px;
	padding:4px;
}
a.texteMalin:hover, a.texteMalin:active {
	color:#d660c3;
	text-decoration:none;
}
span.prixMalin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
img.Malin {
	border:1px solid #ab23a7;
	margin:0 0 7px 0;
}
/* ---------------BOUTON CADEAU---------------- */
div.cadeaufi {
	margin:0 0 10px 0;
}
a.linkdo {
	display:block;
	background:url("../images/menu/titre_cadeau-out-en.gif") no-repeat 0 0;
	width:160px;
	height:54px;
}
a.linkdo:hover {
	background:url("../images/menu/titre_cadeau-ov-en.gif") no-repeat 0 0;
	text-decoration:none;
}
/* ---------------BLOC LOT MALIN--------------- */
#lotMalin{
	margin:0;
	padding:0;
	text-align:center;
}
#lotMalin h2{
	width:160px;
	height:45px;
	margin:0;
	padding:0;
}
a.texteMalin, a.texteMalin:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#FFF;
	text-decoration:none;
	line-height:17px;
	padding:4px;
}
a.texteMalin:hover, a.texteMalin:active {
	color:#d660c3;
	text-decoration:none;
}
span.prixMalin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
img.Malin {
	border:1px solid #ab23a7;
	margin:0 0 7px 0;
}
/* ---------------BLOC INFOMAGIE--------------- */

.infomagie{
	margin:0 0 10px 0;
}
.infomagie h2{
	font-style:normal;
	font-weight:normal;
	margin:0;
}
a.titreInfoMagie, a.titreInfoMagie:visited, .infomagie a.ouvert  {
	display:block;
	width:160px;
	height:26px;
	background-image:url("../images/menu/btn1_off.gif");
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#d660c3;
	padding:5px 0 0 10px;
}
a.titreInfoMagie:hover, .infomagie a.ouvert   {
	background-image:url("../images/menu/btn1_on.gif");
	text-decoration:none;
	color:#f6683c;
}
ul.infoMagie li a, ul.infoMagie li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding:1px 0 0px 10px;
	margin:0;
	font-size:12px;
	text-decoration:none;
	color:#c096dc;	
}
ul.infoMagie li a:hover {
	color:#FFF;	
}
/* ---------------Liens Magie--------------- */
#linkMagie{
	margin:0;
	padding:0;
	text-align:center;
	color:#7d389f;
	background-color:#5b2078;
}
#linkMagie h2{
	margin:0;
}
p.liensG {
	margin:0;
	padding:5px;
	background-image:url("../images/lien-sep.gif");
	background-repeat:no-repeat;
	background-position:center bottom ;
}
p.liensG a, p.liensG a:visited {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size:12px;
	text-decoration:none;
	color:#995db7;		
}
p.liensG a:hover, p.liensG a:active {
	color:#cdaae2;
	text-decoration:none;
}
/* ------------------------------------------
	COLONNE CENTRE
 ------------------------------------------ */
#colC {
	float:left;
	width:850px;
	padding:0;
}

/* ---------------- BLOC NOUVEAUTE CAT --> CSS scripts/jquery/jcarousel/skins/tango/skin_magica.css ---------*/
div.topNouv {
	background-image:url("../images/fond-nouvcat.gif");
	background-repeat:no-repeat;
	float:left;
	width: 508px;
    padding: 0;
	margin:0 0 0 2px;
}
.topNouv h3{
	color:#FFF;
	background-image:url("../images/fond-titre-topnouv.gif");
	background-repeat:repeat-x;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	height:30px;
	margin:0 0 0 44px;
	padding:5px 0 0 10px;
}
#container {
	float:left;
	padding:13px 0 0 0;
	margin:0;
	width:508px;
}
.mynouveaute{
	overflow: hidden;
    position: relative;
    padding: 0;
	margin:0 0 0 30px;
    height: 127px;
	width: 440px;
}

.mynouveaute UL {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.mynouveaute UL LI {
    display: inline;
}
/* SCROLL HORIZONTAL NOUVEAUTE CAT  */
.ScrolH-wrap {
	width:440px;
	background:transparent url(../images/nouvtop10/barr_navnouv3.gif) no-repeat;
	height:13px;
	margin-left:0;
	margin-top:100px;
	padding:1px;
}
.ScrolH {
	width:352px;
	position:relative;
	margin:0 auto 0 auto;
	height:13px;
}
.ui-slider-handle:link, .ui-slider-handle:visited {
	background:transparent url(../images/nouvtop10/poignee4.gif) no-repeat;
    position: absolute;
    cursor: move;
    top: 0;
    z-index: 100;
    /* bespoke to your own solution */
    height: 12px;
    width: 58px;
	margin: 0 0 0 -33px;
}
.ui-slider-handle:hover, .ui-slider-handle:active, .ui-slider-handle:focus{
	background:url(../images/nouvtop10/poignee5.gif) no-repeat;
}
.ScrolH span {
	color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 1px;
	width:40px;
}
        
.ScrolH .slider-lbl1 {
    left: -40px;
}
.ScrolH .slider-lbl2 {
    left: 0px;
}
.ScrolH .slider-lbl3 {
    left: 40px;
}
.ScrolH .slider-lbl4 {
    left: 80px;
}
.ScrolH .slider-lbl5 {
    left: 120px;
}
.ScrolH .slider-lbl6 {
    left: 160px;
}
.ScrolH .slider-lbl7 {
    left: 200px;
}
.ScrolH .slider-lbl8 {
    left: 240px;
}
.ScrolH .slider-lbl9 {
    left: 280px;
}
.ScrolH .slider-lbl10 {
    left: 320px;
}
.ScrolH .slider-lbl11 {
    left: 340px;
}
.ScrolH .slider-lbl12 {
    left: 380px;
}
/* FLECHE NAV FLECHE NOUVEAUTE CAT */
.flechNouvCat{
	position:relative;	
}
.control {  
	display:block;  
	width:7px;  
	height:14px;  
	text-indent:-10000px;  
	position:absolute;  
	cursor: pointer;  
}  
#leftControl {  
	top:40px;  
	left:10px;  
	background:transparent url("../images/nouvtop10/control_left.gif") no-repeat 0 0;  
}  
#rightControl {  
	top:40px;  
	right:17px;  
	background:transparent url("../images/nouvtop10/control_right.gif") no-repeat 0 0;  
}  
/* ----------------BLOC TOP10 CAT-----------*/
div.mainEntete{
	width:840px;
	height:400px;
	background:url("../images/nouvtop10/fond-entete.gif") no-repeat center bottom;
	margin:0;
	padding:0 0 0 10px;
}


#top10cat a:hover{
	color:#604A7F;
}
#top10cat a.selected{
	color:#F60;
}
/* ----------------BLOC CATALOG-----------*/
/*----------BLOC RECHERCHE------------------*/
.catrec{
	width:850px;
	margin:0;
	padding:0;
}
#recSimple{
	background-image:url("../images/rec/fond_rec.gif");
	background-repeat:repeat-x;
	height:42px;
	margin:0;
	padding:0 0 0 8px;
}
#recSimple div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	padding:10px 0 5px 5px;
}
input#idrec, select#catreca, select#scatreca{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 0 0 5px;
	padding:2px;
}
input#gorec{
	background:url("../images/rec/fond-go.gif") no-repeat;
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	border:none;
	width:32px;
	height:24px;
	margin:-2px 0 0 0;
	padding:0;
	text-shadow:0 1px #FFF;
}
input#gorec1{
	float:left;
	background-image:url("../images/rec/fond-go.gif");
	background-repeat:no-repeat;
	border:none;
	width:32px;
	height:24px;
	margin:2px 0 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
a#linkRecav{
	display:block;
	width:163px;
	height:24px;
	background-image:url("../images/rec/recav_en_out.gif");
	background-repeat:no-repeat;
	float:right;
	margin:9px 15px 0 0;
	padding:0;
}
a#linkRecav:hover, a#linkRecav:active{
	background-image:url("../images/rec/recav_en_ov.gif");
}
div#recAvance{
	background-image:url("../images/fond_chemin.gif");
	background-repeat:repeat-x;
	font-family:11px;
	font-variant:small-caps;
	font-size:11px;
	float:left;
	width:817px;
	padding:10px 5px 0px 13px;
	margin:0;
}
div.recAvance div {
	float:left;
	width:400px;
	padding:7px 0 0 0;
	margin:0;
	
}
div.recAvance div.droite {
	float:left;
	width:400px;
	margin:0;
	padding:7px 0 0 8px;
}
div.recAvance div input, select {
	margin:0;
	padding:0;
}
div.recAvance div label{
	padding-bottom:2px;
	margin:0;
}
div#fondBasRec {
	float:left;
	height:3px;
	background-image:url("../images/rec/fond-bas-rec.gif");
	background-repeat:repeat-x;
	margin:7px 0 0 -20px;
	padding:0;
	width:846px;
}
div#imagerec{
	position:absolute;
	z-index:1;
	padding:5px;
}
/* CHEMIN */
div#chemin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url("../images/fond_chemin.gif");
	background-repeat:repeat-x;
	height:25px;
	margin:0;
	padding:8px 0 0 20px;
}
#chemin a:link,#chemin a:visited {
	color:#827d56;
	
}
/* TITRE MAIN ColC CAT PRODUIT */
div.titreEnteteMain{
	width:830px;
	height:55px;
	margin:0 0 10px 0;
	padding:3px 0 0 10px;
}
div.titreEnteteMain h2, div.titreEnteteMain h1{
	background:url("../images/fond-titre-colc.gif") no-repeat 0 0;
	font:italic normal 26px Georgia, "Times New Roman", Times, serif;
	height:43px;
	width:798px;
	color:#cd0050;
	margin:0;
	padding:10px 0 0 30px;
}
/* AFFICHAGE RECHERCHE */
h3.catrecaf {
	float:left;
	width:100%;
	height:40px;
	text-align:center;
}
div.affResultRec {
	background-color:#FFFCF0;	
}
div.linkRecAff {
	text-align:left;
	padding:0 0 0 10px;
	margin:0;
}
#screenshot{
	position:absolute;
	background:transparent url("../images/rec/fond-survol.gif") no-repeat 0 0;
	padding:10px;
	height:117px;
	width:132px;
	display:none;
	font-weight:bold;
	text-align:center;
	font-size:13px;
}
#screenshot span.svol{
	color:#000;	
}
#screenshot span.svolPromo{
	color:#9E0DA2;	
}
#screenshot span.svolFlash{
	color:#A90000;	
}
#screenshot img{
	margin-bottom:7px;	
}
div.accrec{
		
}
/*-------- BLOC PRODUIT VIDEO ------------*/
div.videoDescri {
	float:left;
	width:420px;
	padding:50px 10px 30px 30px;
	margin:0;
}
img.icovideo {
	margin:10px;
	border:1px solid #93C;
}
h4.titreVideodet {
	height:15px;
	width:200px;
	top:7px;
	margin:0;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}
h4.titreVideodet a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#cd0050;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
div.icoVideoDet {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url("../images/produit/sep-bloc-produit.gif");
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:190px;
	height:90px;
	margin:10px 0 0 250px;
	padding:0;
}
div.icoVideoDet div.new{
	position:absolute;
	top:20px;
	left:85px;
	height:14px;	
}
div.icoVideoDet div.promoFlash{
	position:absolute;
	top:3px;
	left:66px;
	height:14px;	
}
div.icoVideoDet div.etatDisp{
	position:absolute;
	top:65px;
	left:20px;
	height:14px;	
}
div.icoRecAffDet div.etatRup{
	position:absolute;
	top:40px;
	left:33px;
	height:14px;	
}
div.icoVideoDet div.videoMal{
	position:absolute;
	top:0;
	left:5px;
	height:40px;
	width:20px;
}
/*-------- BLOC PRODUIT CATALOG ------------*/
div#main {
	margin:0;
	padding:0 0 0 10px;
}
p.introduction{
	background:url("../images/produit/sep-bloc-pointille.gif") repeat-x center bottom;
	font-size:14px;
	font-family: Verdana, Geneva, sans-serif;
	color:#958E6A;
	padding:10px;
	margin:0;
	width:810px;
}
div.linkRecAffDet, div.linkRecAffDet1 {
	background:url("../images/produit/sep-bloc-pointille.gif") repeat-x center bottom;
	float:left;
	position:relative;
	height:130px;
	width:820px;
	text-align:left;
	padding:0 0 0 10px;
	margin:0;
}
/*
div.linkRecAffDet {
	background-color:#FFF;
	 background-image:url("images/produit/fond-bloc-produit.gif"); 
	background-repeat:repeat;
}
*/
img.icoprod {
	margin-top:15px;	
}
h4.titreRecAffdet{
	position:absolute;
	height:20px;
	width:480px;
	left:138px;
	top:12px;
	margin:0;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
div.langDvdLi {
	position:absolute;
	top:15px;
	left:560px;
	text-align:right;
	width:65px;
}
div.langDvdLi img{
	margin-left:2px;	
}
span.auteur{
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
span.prenom{
	font-size:10px;
}
h4.titreRecAffdet a, h2.titreRecAffdet a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#cd0050;
	font-size:18px;
	margin:0;
	padding:0;
	font-weight:normal;
}
div.linkRecAffDet p, div.linkRecAffDet1 p {
	float:left;
	width:480px;
	padding:35px 0 0 10px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
div.nivJok {
	position:absolute;
	top:57px;
	left:52px;
}
div.icoRecAffDet {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url("../images/produit/sep-bloc-produit.gif") no-repeat;
	position:relative;
	float:left;
	width:190px;
	height:90px;
	margin:15px 0 0 0;
	padding:0;
}
div.icoRecAffDet div.new{
	position:absolute;
	top:0;
	left:49px;
	height:14px;	
}
div.icoRecAffDet div.promoIco{
	position:absolute;
	top:13px;
	left:50px;
	height:14px;	
}
div.icoRecAffDet div.flashIco{
	position:absolute;
	top:27px;
	left:50px;
	height:14px;	
}
div.icoRecAffDet div.etatDisp{
	position:absolute;
	top:40px;
	left:56px;
	height:14px;	
}
div.icoRecAffDet div.videoMal{
	position:absolute;
	top:65px;
	left:5px;
	height:40px;
	width:50px;
}
img.videoLink {
	float:left;
	height:18px;
	width:15px;
	margin:8px 3px 0 0;
	padding:0;
}
a.lotLink {
	float:left;
	height:16px;
	width:19px;
	background:url("../images/produit/malette-out.gif") no-repeat;
	margin:1px 0 0 0;
	padding:0;
}
a.lotLink:hover {
	background-image:url("../images/produit/malette-ov.gif");	
}
img.lotLinkDet{
	margin-left:70px;
}
div.icoRecAffDet div.notation{
	position:absolute;
	top:80px;
	left:50px;
	height:14px;
	margin:0;
	padding:0;
}
div.icoDroitAffDet {
	position:absolute;
	text-align:center;
	width:71px;
	height:92px;
	left:120px;
	top:0;
	margin:0;
	padding:0;
}
div.icoText {
	position:relative;
	text-align:right;
	width:125px;
}
span.prix {
	display:block;
	padding:15px 0 0 0;
}
span.prixpromo {
	display:block;
	color:#9e0da2;
	padding:2px 0 0 0;
}
span.prixbientot {
	display:block;
	color:#f18400;
	padding:15px 0 0 0;
}
span.prixflash {
	display:block;
	color:#a90000;
	padding:15px 0 0 0;
}
span.prixpts {
	display:block;
	color:#a90000;
	padding:15px 0 0 0;
}
span.monnaie {
	font:normal 14px normal Arial, Helvetica, sans-serif;
	color:#7d7249;	
}
div.prixaf, div.prixafpro, div.prixaffla {
	font:normal bold 20px Georgia, "Times New Roman", Times, serif;
	background:url("../images/produit/fond-prix.gif") no-repeat 0 0;
	width:71px;
	height:59px;
}
div.prixafpro {
	background:url("../images/produit/fond-prixpromo.gif") no-repeat 0 0;
}
div.prixaffla {
	background:url("../images/produit/fond-prixflash.gif") no-repeat 0 0;	
}
div.linkRecAffDet1 div.prixaf {
	background:url("../images/produit/fond-prix.gif") no-repeat;
	width:71px;
	height:59px;
}
span.blocpbar {
	display:block;
	text-align:left;
	font:normal normal 11px Arial, Helvetica, sans-serif;
	color:#7d7249;
	font-size:14px;
	padding:2px 0 0 4px;
	margin:0;
}
div.linkRecAffDet div.fipan, div.linkRecAffDet1 div.fipan{
	text-align:center;
	padding:0;
	margin:2px 0 0 0;
	height:32px;
}

a#alertLink {
	display:block;
	width:71px; /* img a 71 px */
	height:32px;
	background:url("../images/produit/alerter-out.gif") no-repeat;
}
a#alertLink:hover {
	background-image:url("../images/produit/alerter-ov.gif");
}
div.blocFi {
	position:absolute;
	top:0;
	left:4px;
	background:url("../images/produit/fond-ptfi3.gif") no-repeat;
	width:37px;
	height:47px;
	padding:7px 0 0 0;
	margin:0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
a.chapeau, a#chapeau {
	display:block;
	background:url("../images/produit/panier-ov4.gif") no-repeat;
	height:32px;
	width:71px;
}
a.chapeau:hover, a#chapeau:hover {
	background-image:url("../images/produit/panier-out4.gif");
}
/* ------------------------------------------
	BLOC PRIX PRO
 ------------------------------------------ */
 div.icoRecAffPro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url("../images/produit/sep-bloc-produit.gif") no-repeat;
	position:relative;
	float:left;
	width:190px;
	height:90px;
	margin:15px 0 0 0;
	padding:0 0 0 10px;
}
.RecAffDetailPro{
	background:url("../images/produit/sep-bloc-pointille.gif") repeat-x center bottom;
	float:left;
	position:relative;
	height:90px;
	width:820px;
	text-align:left;
	padding:5px 0 5px 10px;
	margin:0;
}
.affResultRec .RecAffDetailPro p{
	position:absolute;
	left:138px;
	top:30px;
	width:480px;
	padding:5px 0 0 10px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div.blocPrixPro, div.blocRecPrixPro {
	background:transparent url("../images/produit/fond-prix-pro.gif") no-repeat 0 0;
	height:55px;
	width:187px;
	margin:0;
	padding:0;
}
div.blocRecPrixPro {
	float:right;
	margin:23px 3px 0 0;	
}
div.blocChaPro {
	position:relative;
	width:187px;	
}
div.nivJokPro {
	position:absolute;
	top:4px;
	left:45px;
}
div.newPro{
	position:absolute;
	top:14px;
	left:25px;
	height:14px;	
}
div.etatDisPro{
	position:absolute;
	top:24px;
	left:3px;
	height:14px;	
}
div.videPro{
	position:absolute;
	top:3px;
	left:5px;
	height:40px;
	width:20px;
}
a.chapro {
	display:block;
	position:absolute;
	top:5px;
	left:116px;
	background:url("../images/produit/panier-ov4.gif") no-repeat;
	height:32px;
	width:71px;
}
a.chapro:hover {
	background-image:url("../images/produit/panier-out4.gif");
}
table.tabPro {
	font-size:10px;
	text-align:center;
	height:52px;
	padding:2px 0 0 0;
	margin:0;
}
input.qpro {
	font-size:10px;
	margin:0;
	padding:0;
}
span.unitepro {
	font-size:9px;
	font-weight:bold;
	display:block;
}
/* ------------------------------------------
	COLONNE DROITE
 ------------------------------------------ */
div#colD {
	background-image:url("../images/fd-colD-en.gif");
	background-repeat:no-repeat;
	float:right;
	width:240px;
}
/*--------------PANIER---------------------*/
#chapeauvue {
	color:#FFF;
	width:230px;
	margin:55px 5px 10px 5px;
}
.lignestotpanier{
	background:url("../images/chapeau/fond_linepan.gif") no-repeat;
}
#lignespanier{
	font-size:11px;	
}
table.linepan tr td a, table.linepan1 tr td a{
	color:#000000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
table.linepan, table.linepan1 {
	width:212px;
	padding:0;
	margin:0 0 0 10px;
}
table.linepan td{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px;
}

table.linepan th {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#FFF;
	font-weight:normal;
}
table.linepan1 td{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0;	
}
td#titreKdo {
	font:normal small-caps bold 11px Georgia, "Times New Roman", Times, serif;
	color:#EDEBA7;
	text-align:left;
	height:20px;
}
a.linkPlus {
	background:url(../images/chapeau/ajout_out.gif) no-repeat;
	padding:0;
	margin:0;
}
a.linkPlus:hover,a.linkPlus:active {
	background:url(../images/chapeau/ajout_ov.gif) no-repeat;
}
a.linkMoins {
	background:url(../images/chapeau/sup_out.gif) no-repeat;
}
a.linkMoins:hover,a.linkPlus:active {
	background:url(../images/chapeau/sup_ov.gif) no-repeat;
}
td#C11 {
	font-size:11px;	
}

td#consup {
	height:25px;
	color:#FFF;
}
td#consup img.conservpanier{
	margin:0 5px -2px 0;	
}
td#consup img.vidpanier {
	margin:0 5px -2px 45px;	
}
td#consup a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
td#consup a:hover{
	border-bottom:solid 1px #ff4640;
}
a.linkCom{
	display:block;
	background:url("../images/chapeau/order-en-out.gif") no-repeat 0 0;
	height:34px;
	width:141px;
	margin-left:25px;
}
a.linkCom:hover, a.linkCom:active{
	background:url("../images/chapeau/order-en-ov.gif") no-repeat 0 0;
}	

div#boutpan {
	background:url("../images/chapeau/barre-close.png") no-repeat 0 0;
	text-align:center;
	height:14px;
	width:230px;
	margin:0;
	padding:0;
}
/*--------------GARANTIES-------------------*/
#garantie {
	background:url("../images/chapeau/garanties-en.gif") no-repeat 0 center;
	width:220px;
	height:56px;
	margin:10px 5px 10px 5px;
	padding:30px 0 0 10px;
}
/*--------------AVANTAGES-------------------*/
#avantages {
	width:230px;
	margin:10px 5px 10px 5px;
}
a.avantage1, a.avantage2, a.avantage3,a.avantage4,a.avantage5 {
	display:block;
	height:72px;
}
a.avantage1 {
	background:url("../images/avantage1-en-out.gif") no-repeat;
}
a.avantage2 {
	background:url("../images/avantage2-en-out.gif") no-repeat;
}
a.avantage3 {
	background:url("../images/avantage3-en-out.gif") no-repeat;
}
a.avantage4 {
	background:url("../images/avantage4-en-out.gif") no-repeat;
}
a.avantage5 {
	background:url("../images/avantage5-en-out.gif") no-repeat;
}
a.avantage1:hover  {
	background-image:url("../images/avantage1-en-ov.gif");	
}
a.avantage2:hover  {
	background-image:url("../images/avantage2-en-ov.gif");	
}
a.avantage3:hover  {
	background-image:url("../images/avantage3-en-ov.gif");	
}
a.avantage4:hover  {
	background-image:url("../images/avantage4-en-ov.gif");	
}
a.avantage5:hover  {
	background-image:url("../images/avantage5-en-ov.gif");	
}
/*-------------- VENTE FLASH----------------*/
#flashCat {
	width:230px;
	margin:10px 5px 15px 5px;
}
#flashCat h2, #mypromo h2 {
	margin:0;
	padding:0;
}
#flashCat h2 a {
	display:block;
	height:54px;
	background-image:url("../images/flash-en-out.gif");
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#flashCat h2 a:hover {
	background-image:url("../images/flash-en-ov.gif");
	text-indent:-9999px;
	text-decoration:none;
}
#flashCat h3, #mypromo h3{
	margin:0;
	padding:5px 0 7px 10px;
	text-align:left;
}
#flashCat h3 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#FFF;
		
}
div.mainFlash {
	background-image:url("../images/main-flash.gif");
	height:120px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
div.mainFlash img {
	margin:0 5px 0 10px;
	border:1px solid #e44700;
}
div.fpfla {
	font-size:18px;
}
div.mainFlash div.fgainf {
	color:#fcbe00;	
}
span.fpourcen{
	display:block;
	position:relative;
	font-size:20px;
	font-weight:bold;
}
span.fpourcen span{
	display:block;
	position:absolute;
	font-size:16px;
	top:0;
	left:203px;
}
/*-------------- PROMOTIONS----------------*/
#mypromo {
	width:230px;
	margin:10px 5px 0 5px;
}
div.promoFond{
	background-image:url("../images/main-promo.gif");
}
#mypromo h2 a {
	display:block;
	height:66px;
	background-image:url("../images/promo-out.gif");
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#mypromo h2 a:hover, #mypromo h2 a:active {
	background-image:url("../images/promo-ov.gif");
	text-indent:-9999px;
	text-decoration:none;
}
div.mainPromo {
	background-image:url("../images/promo-sep.gif");
	background-repeat:no-repeat;
	background-position:center bottom;
	height:130px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
div.mainPromo img {
	margin:0 5px 0 10px;
	border:1px solid #e84aed;
}
img#promoSep {
	margin:10px 0 0 0;
	padding:0;
	border:none;	
}
div#colD s{
	display:block;
	margin-top:5px;	
}

div.mainPromo div.fgainf {
	color:#e84aed;
	font-variant:small-caps;
}
div.fgainf {
	margin:10px 0 0 0;
	text-align:center;
}

#mypromo h3 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#FFF;
}



#linkEchangeBan {
	background-color:#e0bcbc;
	width:240px;
	text-align:center;
	margin-bottom:10px;
}
#linkEchangeBan{
	height:120px;
}
#suBwrapper-carv1 {
	position:absolute;
	margin:auto;
	left:5px;
	top:135px;
	height:100px;
	background-color:#333;
	color:#F60;
	z-index:1;
	width:200px;
}
#suBwrapper-carv2 {
	position:absolute;
	margin:auto;
	left:0;
	top:400px
	height:100px;
	background-color:#333;
	color:#F60;
}
/*-----------PAGINATION--------------------*/
table.pagination {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#827d56;
	background-image:url("../images/menu/fond-pagination.gif");
	background-repeat:repeat-x;
	height:31px;
}
table.pagination a, table.pagination span.pageSelec{
	display:block;
	float:left;
	height:21px;
	width:30px;
	text-decoration:none;
	background-image:url("../images/menu/sep-pagination.gif");
	background-repeat:no-repeat;
	background-position:top right;
	font-family:Arial, Helvetica, sans-serif;
	color:#827d56;
	padding:7px 0 0 0;
	margin:0;
}
td.pageDroite{
	background-image:url("../images/menu/sep-pagination.gif");
	background-repeat:no-repeat;
	background-position:top right;
}
table.pagination a:hover{
	color:#000000;	
}
 table.pagination span.pageSelec{
	 background:#FFFCF0 url("../images/menu/sep-pagination.gif");
	 background-repeat:no-repeat;
	 background-position:top right;
 }
 table.pagination select {
	font-size:12px;
	padding:2px 2px 3px 2px;
	margin:0 10px 0 0;
	border:thin 1px #abadb3;
 }
/*------------------------------------------
 			PIED DE PAGE
------------------------------------------*/
/* liScroll style declarations */
div.annonces {
	padding:5px 0 0 175px;
	width:840px;
}
div.annonces p{
	width:750px;
	font:italic 16px Georgia, "Times New Roman", Times, serif;
	padding:5px 0 5px 0;
	margin:0;
}
div.annonces p span{
	color:#F0A21E;
}
.tickercontainer { /* the outer div with the black border */
	width: 835px; 
	height: 27px; 
	margin: 0; 
	padding: 0;
	overflow: hidden;
	border-bottom:1px solid #8c0500;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0;
	top: 0;
	width: 820px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 840px;
	font:italic 11px Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	font:italic 11px Georgia, "Times New Roman", Times, serif;
	margin: 0 50px 0 0;
} 
ul.newsticker span.date {
	margin: 0 10px 0 0;
	font-family:italic small-caps 11px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#ff0004;
	padding:0;
} 
/* PIED */
#pied{
	clear: both;
	float:left;
	background:url("../images/fd_footer.gif") no-repeat;
	width:1010px;
	color:#FFF;
}
div.newsContact {
	float:right;
	width:450px;
	margin:0;
	padding:3px 10px 0 0;
	text-align:right;
}
a.conditions{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#975151;
	text-decoration:none;
}
a.conditions:hover, a.conditions:active{
	color:#FFF;	
}
#pied div.entete {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	width:840px;
	height:50px;
	margin:0;
	padding:5px 0 0 175px;
	
}
div.entete span{
	color:#f0a21e;	
}
div.slogan {
	float:left;
	width:350px;
	margin:0;
	padding:10px 0;
}

a.footConlink, a.footNewslink, a.footInflink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	margin:0;
	padding:0 0 5px 0;
}
a.footNewslink{
	color:#f0a21e;
}
a.footConlink {
	color:#d9d9d9;
}
a.footInflink {
	color:#fff;
}
a.footInflink:hover, a.footInflink:active {
	color:#e4cbf1;
}
div.mainFooter {
	font-family:Arial, Helvetica, sans-serif;
	width:700px;
	margin:0;
	padding:0 0 0 175px;	
}
div.mainFooter div {
	float:left;
	width:110px;
	text-align:left;
}

a.footCLink {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-variant:small-caps;
	text-decoration:none;
	color:#ff0004;
	margin:5px 0 1px 0;
	padding:0;
}
a.footSCLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	margin:0;
	padding:0;
}
#pied div.copyright{
	width:840px;
	height:30px;
	float:left;
	padding:10px 0 0 175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#975151;	
}