/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, blockquote{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-weight:normal;}

fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

select option{padding:0 3px;}

ul li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

hr{display:none;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background:#cdcdcd url(../images/bg-body.gif) repeat-x;}
	
	div#global{position:relative;width:998px;text-align:left;margin:0 auto;}
	
	div#top, div#middle, div#bottom{float:left;width:998px;background-color:#fff;}
	
	
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
		
	/* -------------- header -------------- */
	/* logo */
	div#logo{float:left;width:96px;height:69px;padding-top:15px; position:relative}
	div#accueil{ position:absolute; top:3px; left:3px; width:72px; text-align:center; color:#999999; font-weight:bold; font-size:11px}
	
	/* accroches */
	div#accroches{float:left;width:666px;padding-top:22px;}
	
	div#accroches img.acc_2{margin:4px 0 0 38px;}
	
	/* recherche */
	#form_recherche{float:left;width:202px;height:60px;padding:15px 0 0 17px;background:url(../images/bg-recherche.gif) no-repeat;display:block; background-position:bottom;}
	
	#form_recherche img, #form_recherche input{vertical-align:middle;}
	
	#form_recherche .submit_search{width:33px;height:21px;margin-left:67px;background:url(../images/bg-bt-recherche.gif) no-repeat;border:none;cursor:pointer;text-indent:-9999px;font-size:0px;color:#6abde6;}
	#form_recherche .input_search{width:175px;height:16px;margin:6px 0 0 6px;background:none;border:none;color:#999;}
	
	/* nav */
	ul#nav{float:left;width:992px;height:50px;padding:50px 0 0 6px;background:url(../images/bg-nav-1.jpg) no-repeat;}
	
	ul#nav li{float:left;}
	
	ul#nav li a, ul#nav li.bt_nav a{position:relative;float:left;height:50px;background-repeat:no-repeat;z-index:1;display:block;}
	ul#nav li a:hover, ul#nav li.bt_nav_hover a{margin-left:-18px;z-index:10;}
	
	ul#nav li a span{display:none;}
	
	ul#nav li a#nav_voyage, ul#nav li.bt_nav a#nav_voyage{width:146px;background-image:url(../images/bg-nav-voyage.gif);}
	ul#nav li a#nav_voyage:hover, ul#nav li.bt_nav_hover a#nav_voyage{margin-left:0px;background-image:url(../images/bg-nav-voyage-on.gif);}
	
	ul#nav li a#nav_divert, ul#nav li.bt_nav a#nav_divert{width:149px;background-image:url(../images/bg-nav-divert.gif);}
	ul#nav li a#nav_divert:hover, ul#nav li.bt_nav_hover a#nav_divert{width:167px;background-image:url(../images/bg-nav-divert-on.gif);}
	
	ul#nav li a#nav_mode, ul#nav li.bt_nav a#nav_mode{width:131px;background-image:url(../images/bg-nav-mode.gif);}
	ul#nav li a#nav_mode:hover, ul#nav li.bt_nav_hover a#nav_mode{width:149px;background-image:url(../images/bg-nav-mode-on.gif);}
	
	ul#nav li a#nav_alim, ul#nav li.bt_nav a#nav_alim{width:141px;background-image:url(../images/bg-nav-alim.gif);}
	ul#nav li a#nav_alim:hover, ul#nav li.bt_nav_hover a#nav_alim{width:159px;background-image:url(../images/bg-nav-alim-on.gif);}
	
	ul#nav li a#nav_maison, ul#nav li.bt_nav a#nav_maison{width:140px;background-image:url(../images/bg-nav-maison.gif);}
	ul#nav li a#nav_maison:hover, ul#nav li.bt_nav_hover a#nav_maison{width:158px;background-image:url(../images/bg-nav-maison-on.gif);}
	
	ul#nav li a#nav_cadeaux, ul#nav li.bt_nav a#nav_cadeaux{width:142px;background-image:url(../images/bg-nav-cadeaux.gif);}
	ul#nav li a#nav_cadeaux:hover, ul#nav li.bt_nav_hover a#nav_cadeaux{width:160px;background-image:url(../images/bg-nav-cadeaux-on.gif);}
	
	ul#nav li a#nav_business, ul#nav li.bt_nav a#nav_business{width:136px;background-image:url(../images/bg-nav-business.gif);}
	ul#nav li a#nav_business:hover, ul#nav li.bt_nav_hover a#nav_business{width:154px;background-image:url(../images/bg-nav-business-on.gif);}
	
	
	/* -------------- middle -------------- */
	
	
	/* -------------- footer -------------- */
	div#bottom{padding-bottom:20px;}
	
	div#bottom a, div#bottom div{font-size:10px;color:#999;}
	
	/* boutons bas */
	div#bottom ul{float:left;width:998px;background:url(../images/bg-liens-bas.gif) repeat-x;}
	
	div#bottom.bot_index ul{margin-top:12px;}
	
	div#bottom ul li{float:left;background:url(../images/bg-sep-bas.gif) no-repeat right top;}
	
	div#bottom ul li a#picto_amex{padding:13px 10px 0 10px; background:none; }
	
	div#bottom ul li a{float:left;height:29px;padding-top:15px;color:#666;display:block;}
	
	div#bottom ul li a#bt_compte{width:70px;padding-left:35px;background:url(../images/bg-picto-compte.gif) no-repeat 10px 15px;}
	div#bottom ul li a#bt_conjoint{width:110px;padding-left:33px;background:url(../images/bg-picto-conjoint.gif) no-repeat 10px 15px;}
	div#bottom ul li a#bt_parrain{width:60px;padding-left:30px;background:url(../images/bg-picto-parrain.gif) no-repeat 10px 14px;}
	div#bottom ul li a#bt_actus{width:89px;padding-left:39px;background:url(../images/bg-picto-actus.gif) no-repeat 10px 17px;}
	div#bottom ul li a#bt_enseignes{width:112px;padding-left:32px;background:url(../images/bg-picto-enseignes.gif) no-repeat 10px 14px;}
	div#bottom ul li a#bt_securite{width:49px;padding-left:32px;background:url(../images/bg-picto-securite.gif) no-repeat 10px 15px;}
	div#bottom ul li a#bt_achats{width:128px;padding-left:30px;background:url(../images/bg-picto-achats.gif) no-repeat 10px 15px;}
	div#bottom ul li a#bt_rss{width:51px;padding-left:30px;background:url(../images/bg-picto-rss.gif) no-repeat 10px 15px;}
	div#bottom ul li a#bt_favori{width:21px;padding-left:6px;}
	
	/* liens bas */
	div#liens_bas{float:left;padding:8px 0 0 15px;}
	
	/* copyright */
	div#copy{float:right;padding:8px 19px 0 0;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	strong{font-weight:bold;}
	
	.clear{clear:both;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page index.html */ 
/*************************************************************************************************************************************************************************/
	/* flash */
	div#flash{float:left;width:998px;height:406px;}
	
	div#flash .onglet_offres{float:left;margin:380px 0 0 36px;}
	div#flash .onglet_secu{float:right;margin:380px 38px 0 0;}
	
	/* carrousel */
	div#carrousel_offres{float:left;width:368px;padding:2px 0 0 3px;background:url(../images/bg-pointilles.gif) no-repeat right top;}
	
	div#carrousel_offres div.fleche{float:left;width:40px;}
	
	div#carrousel_offres div#pictos{float:left;width:430px; height:80px; padding-right:3px;overflow:hidden;}
	div#carrousel_offres div#pictos a{ display:block;float:left;}
	
	div#carrousel_offres div#pictos img{margin-right:3px;border:1px solid #666;display:block;}
	
	/* securite */
	div#securite{float:left;width:267px;padding:2px 0 0 27px;background:url(../images/bg-pointilles.gif) no-repeat right top; height:110px}
	
	div#securite p#texte{float:left;width:183px;padding:0 0 7px 0;color:#333; display:block; line-height:14px}
	
	div#securite div#texte strong{color:#404040;}
	
	div#securite img#visuel{float:left;width:63px; padding: 10px 21px 0 0 ; display:block}
	
	div#securite div#visuel img{border:1px solid #ccc;}
	
	/* concours */
	div#concours{float:left;width:272px;padding:2px 0 0 22px;background:url(../images/bg-pointilles.gif) no-repeat right top;}
	div#concours div#banner{width:244px; height:90px; background-color:#CCC}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page coverage-mode.html */ 
/*************************************************************************************************************************************************************************/
	/* barre top */
	div#barre_top{float:left;width:998px;height:30px; background-color:#FFFFFF}/*background:url(../images/bg-barre-top.gif) repeat-x; */
	
	/* sous nav */
	ul#sousnav{float:left;padding:4px 0 0 9px;}
	
	ul#sousnav li{float:left;padding-right:6px;}
	
	ul#sousnav li a{float:left;color:#666;display:block;}
	
	ul#sousnav li a span{float:left;height:17px;padding:2px 6px 0 5px;cursor:pointer;display:block;}
	ul#sousnav li a:hover span{text-decoration:underline;}
	
	ul#sousnav li a.ssnav_hover{background:#bd9338 url(../images/bg-ssnav-l.gif) no-repeat;color:#fff;}
	
	ul#sousnav li a.ssnav_hover span{background:url(../images/bg-ssnav-r.gif) no-repeat right top;}
	
	/* choix affichage */
	div#barre_top div{float:right;padding:10px 14px 0 0;color:#333;}
	
	div#barre_top div a{color:#333;}
	
	div#barre_top div a.aff_chx{padding:1px 2px;background-color:#bd9338;color:#fff;font-weight:bold;}
	
	/* degrade */
	div#degrade{float:left;width:998px;background:url(../images/bg-degrade.gif) repeat-x;}
	
	div#degrade.pad_1{width:971px;padding:12px 0 0 27px;}
	
	/* bloc vignette */
	div.vignette{float:left;width:160px;height:172px;background:url(../images/bg-vignette.gif) no-repeat;}
	
	div.vignette div.visuel{float:left;width:150px;height:87px;padding-top:9px;text-align:center;}
	div.vignette div.visuel img{border:1px solid #ccc;}
	
	div.vignette div.legende{float:left;width:145px;height:32px;padding-left:5px;background:url(../images/bg-no-offre.gif) no-repeat 5px 0px;}
	
	div.vignette div.site{float:left;width:160px;text-align:center;}
	
	div.vignette div.site label{color:#333;text-decoration:underline;}
	div.vignette div.site  a{color:#333; text-decoration:underline}
	div.vignette div.site  a:hover{text-decoration:none}
	
	div.vignette div.site input{margin-right:3px;vertical-align:middle;}
	
	/* pagination */
	div#pagination{float:left;width:944px;padding-bottom:0px;text-align:center;}
	
	div#pagination a{color:#666;}
	
	div#pagination a.pg_on{color:#bd9338;font-weight:bold;}
	
	div#pagination img{margin-bottom:3px;vertical-align:middle;}
	
	/* degrade bas */
	div#degrade_bas{position:relative;float:left;width:985px;padding:12px 0 20px 0;margin-left:7px;background:url(../images/bg-degrade-bas.gif) repeat-x;color:#999;text-align:center;display:inline;z-index:1;}
	
	div#degrade_bas.neg{padding-top:0px;margin-top:-8px;}
	div#degrade_bas.pad{padding-top:38px;}
	
	div#degrade_bas img{margin-top:3px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css des pages offres et actu */ 
/*************************************************************************************************************************************************************************/
	/* cadre actu */
	div.cadre_actu{position:relative;float:left;width:948px;padding-bottom:10px;margin:2px 0 0 25px;background:url(../images/bg-cadre-offre.gif) repeat-y;display:inline;z-index:10;}
	
	div.no_offre{background-image:url(../images/bg-cadre-no-offre.gif);}
	
	/* fil d'ariane */
	div.fil_ariane{float:left;width:948px;}
	
	div.fil_ariane img, div.fil_ariane div{float:left;}
	
	div.fil_ariane div{padding-top:9px;color:#fff;font-weight:bold;text-transform:uppercase;}
	
	/* cadre interieur */
	div.fond{float:left;width:928px;padding:3px 0;margin-left:10px;background-color:#fff;display:inline;}
	
	div.fond div.visuel{float:left;width:264px;padding-left:4px;}
	
	div.fond div.details{float:left;width:638px;padding-top:4px;}
	div.actu div.details{padding-top:12px;}
	
	div.fond div.bloc_fixe{min-height:142px;padding-bottom:15px;}
	* html div.fond div.bloc_fixe{height:142px;}
	
	div.fond div.details img{margin-bottom:12px;}
	
	div.fond div.details img.bt_profitez{float:right;margin:-14px 0 0px 0;}
	div.actu div.details img.bt_profitez{margin:0px;}
	
	div.fond div.details img.bt_offre{float:left;}
	
	div.fond div.details strong{color:#333;}
	
	div.fond div.details em{padding:8px 0 12px 0;font-size:18px;color:#bd9338;font-weight:bold;display:block;}
	
	div.fond div.details i{font-size:10px; font-style:normal}
	
	div.fond div.details .note{padding-right:185px;font-size:10px;color:#ccc;display:block;}
	
	/* banniere */
	div.banniere{float:left;width:959px;height:82px;padding-top:13px;margin:18px 0 14px 13px;background:url(../images/bg-banniere.gif) no-repeat;text-align:center;display:inline;}
	
	div.banniere img{border:1px solid #999;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page global */ 
/*************************************************************************************************************************************************************************/
	/* cadre AZ */
	div.cadre_az{position:relative;float:left;width:967px;padding-bottom:10px;margin:2px 0 0 16px;background:url(../images/bg-cadre-az.gif) repeat-y;display:inline;z-index:10;}
	
	/* cadre interieur */
	div.cadre_az div.fond{float:left;width:947px;padding:3px 0;}
	
	/* liste AZ */
	div.cadre_az ul{float:left;width:185px;padding:10px 0 0 3px;}
	
	div.cadre_az ul.large{width:192px;}
	
	div.cadre_az ul li{padding:1px 0;color:#333;}
	
	div.cadre_az ul li input, div.cadre_az ul li img{vertical-align:middle;}
	div.cadre_az ul li input{margin-right:7px;}
	div.cadre_az ul li img{margin-left:5px;}
	div.cadre_az ul li a{color:#333; text-decoration:underline}
	div.cadre_az ul li a:hover{text-decoration:none}
	
	* html div.cadre_az ul li input{margin:0 7px 0 0;width:13px;height:13px;overflow:hidden;}
	* + html div.cadre_az ul li input{margin:0 7px 0 0;width:13px;height:13px;overflow:hidden;}
	
	div.cadre_az ul li.lettre{padding:-3px 0 2px 0;font-size:24px;color:#bd9338;}
	
	/* cochez */
	div.cadre_az div.cochez{float:left;width:947px;padding:20px 0 25px 0;color:#999;text-align:center;}
	
	div.cadre_az div.cochez img{margin-top:8px;}
	
	
	/* Sample 2*/
#box2{position:absolute; }
#box2 span{display:block; float:left; }
.mask2{position:relative; width:285px; height:80px; overflow:hidden; float:left; }
.mask2 span img{display:block; border:1px solid #666666; margin:1px 2px}
#prev1{cursor:pointer;}
#next1{cursor:pointer;}

/* PAGE JEU-CONCOURS */

div#degrade_jeu_concours{width:948px;background:url(../images/bg-degrade.gif) repeat-x; padding:0 25px 0 25px; margin:30px 0 0 0; float:left}
div.cadre_az_jeu_concours{width:926px; padding:27px 11px 11px 11px;background:url(../images/bg-cadre-az.gif) repeat-y;display:block; float:left; margin:0px}
div.fond_jeu_concours{float:left;width:908px; height:423px; background-color:#454545;display:block; background-image:url(../images/bg-jeu-concours.jpg); background-repeat:no-repeat; padding:13px 0 13px 18px}
div#contenu-jeu-concours{ width:880px; background-color:#FFFFFF; height:300px; float:left; padding:5px; margin:0px }
div#contenu-jeu-concours h1{ display:block; width:870px; height:21px; padding:7px 0 0 10px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:14px; background-image:url(../images/bg-bleu-jeu-concours.jpg); text-transform:uppercase; margin:0px }
div#contenu-jeu-concours p{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px }
div#contenu-jeu-concours p a{ color:#0280c4; text-decoration:none }
div#contenu-jeu-concours p.intro{ padding-left:10px; display:block }
div#contenu-jeu-concours form label{ color:#000; font-weight:bold; margin:0px; padding:0px }
div#contenu-jeu-concours form input{ margin:0px }
#cto-01{ display:block; padding:13px 18px 13px 320px; background-image:url(../images/bg-cto-jeu-concours-01.gif); float:left; border:0px; margin:0px }
input#cto-02{ display:block; background-image:url(../images/bg-cto-jeu-concours-02.gif); border:0px; width:437px; height:46px; cursor:pointer; margin:0px; padding:0px; float:left }

div#contenu-jeu-concours table tr td p{ display:block; padding-top:4px }
.logo-jeu-concours{ float:left; display:block; padding: 65px 14px 0 0 }

div#contenu-jeu-concours form#jeu-concours table tr td label{ color:#000; font-weight:normal; margin:0px; padding:0px }
.bleu { color:#0280c4; font-family:Arial, Helvetica, sans-serif; font-size:12px }
div#contenu-jeu-concours form#jeu-concours table tr td input.normal{ width:304px; height:13px; margin:1px; padding:0px }
div#contenu-jeu-concours form#jeu-concours table tr td input.petit{ width:60px; height:13px; margin:1px; padding:0px }
div#contenu-jeu-concours form#jeu-concours table tr td input#btn-entrer{ height:20px; width:100px; background-image:url(../images/btn-entrer.gif); cursor:pointer; border:0px; margin-top:2px }

p.copyright{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; width:250px; padding:6px 605px 10px 0 }
p.reglement a{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; width:90px; padding:6px 0 10px 0; text-decoration:underline }
p.reglement a:hover{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; width:90px; padding:6px 0 10px 0; text-decoration:none }
p.mentions { display:block; width:948px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666; float:left }

/* POPUP JEU-CONCOURS */

#popup{ width:948px; height:488px; background-image:url(../images/bg-popup.jpg); padding:0px; margin:0px }

/* LANDING PAGE */

div#middle_landing{float:left;width:964px;background-color:#fff; padding:0px 17px 0 17px; background-image:url(../images/fond_landing.gif); background-repeat:repeat-y }
div#banner_flash_landing{ float:left; width:916px; height:355px; padding-left:24px }

/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/
/* Bloc css de la page landing noel */ 
/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/

div#middle_landing_noel{float:left; width:964px; background-color:#fff; padding:0px 17px 0 17px; height:auto;  }

#landing_noel_header{float:left; width:964px; height:248px;}

#landing_noel_contenu{float:left; width:704px; height:50px; background-image:url(../images/landing_noel_contenu.jpg); background-repeat:no-repeat; padding:30px 209px 0px 51px; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:14px; }
#landing_noel_contenu_1000{float:left; width:704px; height:120px; background-image:url(../images/landing_noel_contenu.jpg); background-repeat:no-repeat; padding:30px 209px 0px 51px; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:14px; }

#landing_noel_picto{float:left; width:927px; height:100px; background-image:url(../images/landing_noel_picto.jpg); background-repeat:no-repeat; padding-left:37px }
#anim_picto{ width:890px; height:100px }

#landing_noel_bloc1{float:left; width:288px; height:83px; background-color:#fff; background-image:url(../images/landing_noel_bloc1.jpg); background-repeat:no-repeat; padding:70px 0px 0px 51px; display:block  }
#landing_noel_bloc1:hover{ text-decoration:none; }
#landing_noel_bloc1 p {font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:12px;}
#landing_noel_bloc2{float:left; width:290px; height:83px; background-color:#fff; background-image:url(../images/landing_noel_bloc2.jpg); background-repeat:no-repeat;  padding:70px 0px 0px 20px; display:block }
#landing_noel_bloc2:hover{ text-decoration:none; }
#landing_noel_bloc2 p {font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:12px;}
#landing_noel_bloc3{float:left; width:295px; height:83px; background-color:#fff; background-image:url(../images/landing_noel_bloc3.jpg); background-repeat:no-repeat; padding:70px 0px 0px 20px; display:block }
#landing_noel_bloc3:hover{ text-decoration:none; }
#landing_noel_bloc3 p {font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:12px;}

#landing_noel_mention {float:left; width:924px; height:41px; background-color:#fff; background-image: url(../images/landing_noel_mention.jpg); background-repeat:no-repeat; font-size:8px; color:#666; font-family:Arial, Helvetica, sans-serif; padding-left:40px; }

/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/