
/* Classes génériques */
.cb{clear:both;display:block}
.content{background:#ffffff;width:990px;color:#474747}
.content h1{font-size: 14px;}
.content h2, .h2 {font-size:12px;margin:0 0 15px;text-transform:uppercase;display:block;font-weight:bold; padding: 0;}
.content h3 {font-size:12px;margin:0 0 15px}
.content .nomargin{margin:0}
.content a span {cursor:pointer} /* Pour IE<8 */
.content a{text-decoration:none}
.content .center{text-align:center}
.txt_img{text-indent:-3000px;overflow:hidden;display:block;height:0;}
.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}

/* Blocs */
.content .cadre{border:1px solid #d7d7d7}
.content .bloc{margin:0 0 30px}


/* Bloc Header */
.content .header{width:990px;height:255px}
.content .header img{border:1px solid #a0a0a0; float:left}
	/*--> menu à gauche */
	.content .header .bloc_menu { width:197px; float:left; background:#858585; color:#fff; font-weight:bold; height:100% }
	.content .header .bloc_menu h2{margin:17px 0 16px 20px;position:absolute}
	.content .header .bloc_menu .menu {position:absolute;width:197px;margin:48px 0 0 0} 
	.content .header .bloc_menu .menu a{display:block;border-bottom:1px solid #ffffff;padding:3px 18px 3px 18px;text-transform:uppercase;width:161px;color:#ffffff;} 
	.content .header .bloc_menu .menu a.first {border-top:1px solid #ffffff} 
	/*--> bloc intro à gauche */
	.content .header .bloc_intro{width:196px;float:left}
		/*--> haut */
		.content .header .bloc_intro .haut{width:176px;height:70px;background:#000000;color:#ffffff;padding:7px 10px}
		.content .header .bloc_intro .haut h2{font-size:20px;font-weight:normal;margin:0 0 5px 0}
		.content .header .bloc_intro .haut a{color:#ffffff;display:block}
		/*--> bas */
		.content .header .bloc_intro .bas{width:176px;padding:7px 10px}
		.content .header .bloc_intro .bas h2{font-size:13px;margin:10px 0;}
		.content .header .bloc_intro .bas .desc{margin:0 0 10px 0}
	/*--> bloc description à droite */
	.content .header .bloc_desc{background:url(/pages/images/bg-bh.jpg) repeat-x bottom;width:774px;height:235px;float:left;padding:10px}
	.content .header .bloc_sdesc{width:774px;height:199px;float:left;padding:10px}
		/*--> onglets */
		.content .header .bloc_desc_choice {padding:0;width:794px;height:255px}
		.content .header .bloc_desc_choice .onglets{display:block;width:100%;height:36px;position:relative;background:#9da0a5}
		.content .header .bloc_desc_choice .onglets li{height:24px;display:block;float:left;margin:7px 0 1px 10px;background:#ffffff;padding:5px 20px 0;font-size:12px;font-weight:bold;cursor:pointer;text-transform:uppercase}
		.content .header .bloc_desc_choice .onglets li.inactive{background:#f00;border-bottom:1px solid #9DA0A5;height:23px}
		.content .header .bloc_desc_choice .onglets li.active{color:#f00}
		.content .header .bloc_desc_choice .hidden{display:none}
		

/* Bloc Description */
.content .description{width:990px}
.content .description .bloc_flash,
.content .description .bloc_discover{width:600px;float:left}
	/*--> flash */
	.content .description .bloc_flash .cadre{background:url(/pages/images/bg-bh.jpg) repeat-x bottom;height:300px;width:588px; margin: 0;}
	.content .description .bloc_flash p{text-align:center;margin:16px 0 8px}
	.content .description .bloc_flash .flash{margin:10px auto;display:block;text-align:center}
	/*--> vidéo */
	.content .description .bloc_video{width:390px;float:left}
	.content .description .bloc_video .cadre{height:300px;background:url(/pages/images/bg-hb.jpg) repeat-x; margin: 0;}
	.content .description .bloc_video .flash{margin:19px auto 18px;display:block;text-align:center}
	.content .description #bloc_video{width:390px;float:left}
	.content .description #bloc_video .cadre{height:300px;background:url(/pages/images/bg-hb.jpg) repeat-x; margin: 0;}
	.content .description #bloc_video .flash{margin:19px auto 18px;display:block;text-align:center}
	.content .description #bloc_video2{width:390px;float:left}
	.content .description #bloc_video2 .cadre{height:300px;background:url(/pages/images/bg-hb.jpg) repeat-x; margin: 0;}
	.content .description #bloc_video2 .flash{margin:19px auto 18px;display:block;text-align:center}
	.content .description #bloc_video2.hidden{display:none}
	/*--> produits */
	.content .description .bloc_prod .product{float:left;width:165px}
	.content .description .bloc_prod .product img{margin:20px auto 15px;height:160px;width:160px}
	.content .description .bloc_prod .product .model * {color:#000;text-align:center;display:block;margin-bottom:5px}
	.content .description .bloc_prod .product .model .title{font-weight:bold}
	.content .description .bloc_prod .product .model .desc{text-transform:uppercase}
	.content .description .bloc_prod .product .name {width:100px;height:15px;display:block;margin:8px auto 0}
	/*--> produits gauche */
	.content .description .bloc_prod_1 {width:358px;float:left}
	.content .description .bloc_prod_1 .cadre{width:340px;height:300px;background:url(/pages/images/bg-hb.jpg) repeat-x;padding:0 0 0 7px; margin: 0;}
	/*--> produits droite */
	.content .description .bloc_prod_2 {width:242px;float:left}
	.content .description .bloc_prod_2 .cadre{width:200px;height:300px;background:url(/pages/images/bg-hb.jpg) repeat-x;padding:0 0 0 30px; margin: 0;}
	/*--> discover */
	.content .description .bloc_discover .text{float:left;margin:0 0 0 10px}
	.content .description .bloc_discover .text p{margin:5px 0 15px 0}
	.content .description .bloc_discover .text h2{margin:10px 0 25px 0}
	.content .description .bloc_discover .text ul{font-weight:bold}
	.content .description .bloc_discover .text ul li {margin:5px 0}
	.content .description .bloc_discover .text ul span{color:#474747}
	/*--> explain */
	.content .description .bloc_explain{width:390px;float:left}
	.content .description .bloc_explain .cadre{height:290px;background:url(/pages/images/bg-hb.jpg) repeat-x;padding:5px; margin:0;}
	
/* Bloc Produits (par défaut : 7 produits) */
.content .products .cadre {padding:5px 0 10px; margin: 0; }
.content .products .product{width:141px;float:left;}
.content .products img{display:block;margin:10px auto 0px;max-width:135px;max-height:135px}
.content .products .product .name {padding:0 15px;display:block;margin:10px auto 0;}
.content .products .product .bulle_rub {float:left;margin:0 5px 0 0}
.content .products .product .couleur_rub {float:left;text-align:left;width:94px}
	/*--> si 8 produits */
	.content .products .nb_8 .product{width:123px}
	.content .products .nb_8 .product img{max-width:115px;max-height:115px}
	.content .products .nb_8 .product .couleur_rub {width:75px}
	/*--> si 6 produits */
	.content .products .nb_6 .product{width:164px}
	.content .products .nb_6 .product img{max-width:135px;max-height:135px}
	.content .products .nb_6 .product .name{width:95px}
	.content .products .nb_6 .product .couleur_rub {width:75px}
	/*--> si 4 produits */
	.content .products .nb_4  .product{width:245px}
	.content .products .nb_4  .product img{max-width:200px;max-height:150px}
	.content .products .nb_4 .product .name{width:145px; padding: 0 5px;}
	.content .products .nb_4 .product .couleur_rub {width:120px}
	
/* Bloc Présentation */
.content .presentation .cadre{padding:10px 20px 10px 10px;background:url(/pages/images/bg-hb.jpg) repeat-x; margin: 0;}
.content .presentation .cadre h2{font-size:11px}
.content .presentation .sbloc{float:left;margin:0 0 0 15px}
.content .presentation .bloc1{width:190px}
.content .presentation .bloc2{width:365px}
.content .presentation .bloc3{width:500px}
.content .presentation .bloc3{width:555px}
.content .presentation .first{margin-left:0px}
.content .presentation ul li {/*background-image:url(/pages/images/bulletBlack.png)*/}
.content .presentation ul {margin:0 0 10px}

/* Bloc Howto  (par défaut : 5 colonnes) */
.content .howto .cadre{background:url(/pages/images/bg-hb.jpg) repeat-x;padding:12px 15px; margin: 0;}
.content .howto .cadre .texts{font-weight:bold}
.content .howto .cadre .text{width:171px;margin:0 0 10px 25px;float:left}
.content .howto .cadre .texts .first{margin:0}
.content .howto .cadre .images{display:block}
.content .howto .cadre img{border:1px solid #a0a0a0;margin:0 0 0 23px}
.content .howto .cadre img.first{margin:0}
	/*--> si 6 colonnes */
	.content .howto .nb_6 .text{width:140px;margin:0 0 10px 23px}
	.content .howto .nb_6 img{margin:0;width:138px;margin:0 0 0 20px}
	
/* Bloc Conseils */
.content .conseils .cadre{ height:246px; margin: 0;}
.content .conseils h3 {font-size:11px;margin:0 0 10px 0; background:transparent none repeat scroll 0 0;border:medium none; color:#333333; font-size:11px; margin:0 0 10px; padding:0 0 0 10px;}
.content .conseils ul li {/*background-image:url(/pages/images/bulletBlack.png)*/ background:none;}
.content .conseils .gauche {float:left;background:url('pages/images/bg-hb.jpg') repeat-x;width:800px}
.content .conseils .gauche .sbloc {width:190px;float:left;padding:10px 0 0 10px; margin: 0;}
.content .conseils .gauche img{border:1px solid #c7c7c7;margin:20px 0 0}
.content .conseils .droite {float:left;background:url(/pages/images/bg-bh.jpg) repeat-x bottom;width:175px;margin:0 0 0 10px}
.content .conseils .droite img{margin:15px auto 0px;display:block;}
.content .conseils .droite .name {width:142px;display:block;margin:15px auto 0}
.content .conseils .droite .couleur_rub {float:left;text-align:left;width:124px}
.content .conseils .droite .couleur_rub {float:left;text-align:left;width:124px}

/* Bloc Conseils avec menu */
.content .conseils_choice h3 {font-size:12px;margin:0 0 0 15px;text-transform:uppercase; background: none; padding: 0;}
.content .conseils_choice h4 {font-size:11px}
.content .conseils_choice .hidden{display:none}
	/*--> menu gauche */
	.content .conseils_choice .gauche{float:left}
	.content .conseils_choice .gauche li{width:190px;height:40px;display:block;font-size:12px;text-transform:uppercase;background:url(/pages/images/bg-conseils_choice-menu.gif);border:1px solid #d7d7d7;border-left:0px;border-right:0px;margin:0 0 1px 0;padding:0;cursor:pointer}
	.content .conseils_choice .gauche .arrow{width:22px;height:100%;display:block;background:url(/pages/images/icoRightMenu_expand.gif) 9px 19px no-repeat;float:left}
	.content .conseils_choice .gauche .text{margin:14px 0 0 0;float:left;font-weight:bold;color:#393939}
	/*--> contenu droite */
	.content .conseils_choice .droite {width:770px;float:left;padding:9px;margin:0 0 0 5px;background:url(/pages/images/bg-hb.jpg) repeat-x;}
	.content .conseils_choice .droite h4 {margin:0 0 20px 0; border:medium none; color:#333; margin:0 0 0 20px; padding:0;}
	.content .conseils_choice .droite  p {margin:0 0 15px 0; background:transparent none repeat scroll 0 0;}
	.content .conseils_choice .droite .sbloc{width:240px;float:left;padding:0 0 0 20px}
	.content .conseils_choice .droite .first{padding:0}
	.content .conseils_choice .droite .images{text-align:center}
	.content .conseils_choice .droite .images img{margin: 0 13px}
	.content .conseils_choice .droite div.a_savoir{width: 280px; border: 1px solid black; float: right; background: #fff; padding: 10px; margin: 10px;}
	
	/*--> menu top */
	.content .conseils_choice .top {display:block;position:absolute}
	.content .conseils_choice .top li{width:112px;height:37px;display:block;float:left;border:1px solid #9da0a4;margin:0 2px 1px 0;background:#efefef;padding:5px 20px 0;font-size:13px;font-weight:bold;cursor:pointer}
	.content .conseils_choice .top li.inactive{color:#494542}
	.content .conseils_choice .top li.active{background:#fff;height:39px;border-bottom:1px solid #fff}
	/*--> contenu down */
	.content .conseils_choice .down{margin:60px 0 0 0;background:#fff;border-color:#9da0a4;}
	.content .conseils_choice .down .contenu{padding:24px 8px}
	.content .conseils_choice .down .col {display:block;float:left}

/* Bloc Styles */
.content .styles .cadre{width:188px;float:left;margin:0 0 0 10px}
.content .styles .first{margin:0}
.content .styles .cadre .desc{height:30px;padding:10px 5px}
.content .styles .cadre .product{height:70px;display:block}
.content .styles .cadre .product img{height:43px;width:188px;display:block}
.content .styles .cadre .product .name {margin:8px 10px;display:block}
.content .styles .cadre .product .couleur_rub {float:left;text-align:left;width:124px}

/* Bloc Actus */
.content .actus .cadre{padding:10px 20px 10px 10px;background:url(/pages/images/bg-hb.jpg) repeat-x}
.content .actus .actu{width:223px;float:left}
.content .actus .actu img{border:1px solid #a0a0a0}
.content .actus .actu .desc{padding:10px 0px 15px;width:188px;color:#474747;display:block}
.content .actus .actu p{color:#474747}

/* Couleurs et bulles rubriques */
.content .bulle_rub {background:url(/pages/images/linkBulletDark.png) no-repeat;width:12px;height:12px;display:block;float:left;margin:0 5px 0 0;}
.content .bulle_back{background:url(/pages/images/icoWhiteBack.png) no-repeat;width:12px;height:12px;display:block;float:left;margin:0 5px 0 0;}
.content .cat_deco .bg_rub {background:#ae3e4e}
.content .cat_deco .couleur_rub {color:#ae3e4e; border:medium none; background: none; padding: 0;}
.content .cat_deco .bulle_rub {background-image:url(/pages/images/icoRedArrow.png)}
.content .cat_materiaux .bg_rub {background:#5a7b88; border:medium none;}
.content .cat_materiaux .couleur_rub {color:#5a7b88; border:medium none; background: none; padding: 0;}
.content .cat_materiaux .bulle_rub {background-image:url(/pages/images/icoBlueArrow2.png)}
.content .cat_jardin .bg_rub {background:#a1be23; border:medium none;}
.content .cat_jardin .couleur_rub {color:#a1be23; border:medium none; background: none; padding: 0;}
.content .cat_jardin .bulle_rub {background-image:url(/pages/images/icoGreenArrow.png)}
.content .cat_maison_eco .bg_rub {background:#41c0eb; border:medium none;}
.content .cat_maison_eco .couleur_rub {color:#41c0eb; border:medium none; background: none; padding: 0;}
.content .cat_maison_eco .bulle_rub {background-image:url(/pages/images/icoRedArrow.png)}
.content .cat_maison_style .bg_rub {background:#88816f; border:medium none;}
.content .cat_maison_style .couleur_rub {color:#88816f; border:medium none; background: none; padding: 0;}
.content .cat_maison_style .bulle_rub {background-image:url(/pages/images/icoRedArrow.png)}
.content .cat_ba .bg_rub {background:#ed1d25; border:medium none;}
.content .cat_ba .couleur_rub {color:#ed1d25; border:medium none; background: none; padding: 0;}
.content .cat_ba .bulle_rub {background-image:url(/pages/images/icoRedArrow.png)}
.content .cat_promo .bg_rub {background:#ff8500; border:medium none;}
.content .cat_promo .couleur_rub {color:#ff8500; border:medium none; background: none; padding: 0;}
.content .cat_promo .bulle_rub {background-image:url(/pages/images/icoRedArrow.png)}

/* Encart Player flash */
.content #flashMarque{margin:19px auto 18px; text-align:center; display: block;}
.content #vid1{margin:19px auto 18px; text-align:center; display: block;}
.content #vid2{margin:19px auto 18px; text-align:center; display: block;}
.content #flashMarque2{margin:19px auto 18px; text-align:center; display: block;}



.cadre p {background: none; padding:0;}
.cadre h2 {padding: 0;}
.banner-990x236 {height: 255px;}


