/*************************************************************************************************************************************************************************/
/* 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:76px;padding-left:35px;background:url(../images/bg-picto-compte.gif) no-repeat 15px 15px;}
	div#bottom ul li a#bt_conjoint{width:77px;padding-left:40px;background:url(../images/bg-picto-conjoint.gif) no-repeat 16px 15px;}
	div#bottom ul li a#bt_parrain{width:62px;padding-left:30px;background:url(../images/bg-picto-parrain.gif) no-repeat 14px 14px;}
	div#bottom ul li a#bt_actus{width:91px;padding-left:39px;background:url(../images/bg-picto-actus.gif) no-repeat 14px 17px;}
	div#bottom ul li a#bt_enseignes{width:114px;padding-left:32px;background:url(../images/bg-picto-enseignes.gif) no-repeat 13px 14px;}
	div#bottom ul li a#bt_securite{width:51px;padding-left:32px;background:url(../images/bg-picto-securite.gif) no-repeat 16px 15px;}
	div#bottom ul li a#bt_achats{width:130px;padding-left:30px;background:url(../images/bg-picto-achats.gif) no-repeat 13px 15px;}
	div#bottom ul li a#bt_rss{width:52px;padding-left:37px;background:url(../images/bg-picto-rss.gif) no-repeat 18px 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, div#securite{float:left;width:491px;padding:2px 0 0 13px;background:url(../images/bg-pointilles.gif) no-repeat right top;}
	
	div#carrousel_offres div.fleche{float:left;width:28px;}
	
	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{width:457px;padding:2px 0 0 0;}
	
	div#securite div#texte{float:left;width:290px;padding:10px 0 0 23px;color:#333;}
	
	div#securite div#texte strong{color:#404040;}
	
	div#securite div#visuel{float:left;width:144px;}
	
	div#securite div#visuel img{border:1px solid #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:430px; height:80px;
	overflow:hidden;
	float:left;
}


.mask2 span img{
	display:block;
	border:1px solid #666666;
	margin:1px 2px
}



#prev1{cursor:pointer;}
#next1{cursor:pointer;}