@charset "utf-8";
/* CSS Document */

/* DEBUT NOEL 2011 */
.menunoel{ background-image:url(https://i.habitatetjardin.com/images/fondnoel.jpg); width:978px; height:188px; padding:10px; text-align:left; }
.menunoel > p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF; width:400px; text-align:justify; margin:0 !important; padding:0 !important;}
.menunoel > h1 { font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFF; margin:10px 0 0 0 !important; padding:0 !important;}
.menunoel > ul > li > a.btn-interieur{ width:158px; height:144px; background-image:url(https://i.habitatetjardin.com/images/boutonnoel.jpg); background-position:left top; display:block;}
.menunoel > ul > li > a.btn-interieur:hover{ width:158px; height:144px; background-image:url(https://i.habitatetjardin.com/images/boutonnoel.jpg); background-position:left bottom; display:block;}
.menunoel > ul > li > a.btn-exterieur{ width:162px; height:144px; background-image:url(https://i.habitatetjardin.com/images/boutonnoel.jpg); background-position:right top; display:block;}
.menunoel > ul > li > a.btn-exterieur:hover{ width:162px; height:144px; background-image:url(https://i.habitatetjardin.com/images/boutonnoel.jpg); background-position:right bottom; display:block;}
.btn-inthover{ width:158px; height:144px; background-image:url(https://i.habitatetjardin.com/images/boutonnoel.jpg); background-position:left bottom; display:block;}
.btn-exthover { width:162px; height:144px; background-image:url(https://i.habitatetjardin.com/images/boutonnoel.jpg); background-position:right bottom; display:block;}
.menunoel > ul { list-style:none; margin:-70px 0 0 430px; padding:0; position:absolute;}
.menunoel > ul > li {font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; color:#FFF; float:left; }
.menunoel > ul > li > span { margin:70px 0 0 0; display:block;}
/* FIN NOEL 2011 */

/* DEBUT promotion 2011 */
body{ margin:0; padding:0; }
#barnav-promo{ height:179px; width:999px; margin-left:7px; font-family:Arial, sans-serif !important; }
.l1{ background-image:url(https://i.habitatetjardin.com/images/bd-piscine.jpg);}
.l2{ background-image:url(https://i.habitatetjardin.com/images/bd-jardin.jpg);}
.l3{ background-image:url(https://i.habitatetjardin.com/images/bd-habitat.jpg);}
.l4{ background-image:url(https://i.habitatetjardin.com/images/bd-spa.jpg);}
.l5{ background-image:url(https://i.habitatetjardin.com/images/bd-brico.jpg);}
.l6{ background-image:url(https://i.habitatetjardin.com/images/bd-fitness.jpg);}
.l7{ background-image:url(https://i.habitatetjardin.com/images/bd-enfants.jpg);}
.l19{ background-image:url(https://i.habitatetjardin.com/images/bd-canapes-et-sejour.jpg);}
.l20{ background-image:url(https://i.habitatetjardin.com/images/bd-literie.jpg);}

#barnav-promo li a { font-size:1em;}
#barnav-promo > div { color:#FFF; position:absolute; text-align:center; line-height:1.5em; margin: 35px 0 0 345px; cursor:default; z-index:100;}
#barnav-promo > img { position:absolute; margin: 0 0 0 396px;}
#barnav-promo .big { font-size:2.5em !important;}
#barnav-promo ul { padding:0; text-decoration:none; position:absolute; margin:150px 0 0 120px;}
#barnav-promo > ul > li { list-style:none; margin:0 1px; padding:0; text-decoration:none; float:left;}
.onglet-g { background-image:url(https://i.habitatetjardin.com/images/onglet-g.png); width:5px; height:19px; float:left; padding:0.28em 0;}
.onglet-d { background-image:url(https://i.habitatetjardin.com/images/onglet-d.png); width:5px; height:19px; float:left; padding:0.28em 0;}
.onglet { background-image:url(https://i.habitatetjardin.com/images/onglet.png); height:19px; float:left; padding: 0.28em 0;}

#barnav-promo > ul > li:hover > a:link { color:#999;}

#barnav-promo > ul > li:hover > a:hover, .selected {margin:-11px 0 0 0;}
#barnav-promo > ul > li:hover > a:hover > .onglet-g, .selected .onglet-g { background-image:url(https://i.habitatetjardin.com/images/onglet-max-g.png); width:7px; height:30px; float:left; margin:-8px 0 0 0; }
#barnav-promo > ul > li:hover > a:hover > .onglet-d, .selected .onglet-d { background-image:url(https://i.habitatetjardin.com/images/onglet-max-d.png); width:7px; height:30px; float:left; margin:-8px 0 0 0;}
#barnav-promo > ul > li:hover > a:hover > .onglet, .selected .onglet { font-size:1em; font-weight:300 !important; background-image:url(https://i.habitatetjardin.com/images/onglet-max.png); height:30px; float:left; margin:-8px 0 0 0;}
.selected .onglet {font-size:1.2em;}
	
.color1{ color:#09F;}
.color2{ color:#360;}
.color3{ color:#630;}
.color4{ color:#369;}
.color6{ color:#F36;}
.color5{ color:#333;}
.color7{ color:#6b2e61 !important;}
.color19{ color:#ab8d70;}
.color20{ color:#ff881c;}

#list-articles { width:900px; margin:20px 50px; text-align:center; font-family:Arial, sans-serif !important;}
#list-articles  ul { display:block; padding:0; margin:0; text-align:left !important;}
#list-articles > ul { list-style:none;}
#list-articles > ul > li { list-style:none; display:inline-block; float:left; margin: 0 0 10px 0;}
#list-articles > ul > li > ul > li.title { list-style:none; height:25px;}
#list-articles > ul > li { list-style:none; border:solid 1px #ececec; padding:7px; margin:4px;}
#list-articles > ul > li:hover { list-style:none; border:solid 1px #ececec; background-color:#ececec; padding:7px; margin:4px;}
#list-articles > ul > li > ul > li { list-style:none; font-size:0.75em; color:#888; margin:3px 0; width:200px; padding:0;}
#list-articles ul li div{ background-image:url(https://i.habitatetjardin.com/images/promo.png); width:60px; height:35px; float:left; color:#FFF; font-size:24px; font-weight:bold; padding:8px; margin:-5px 0 5px 0; letter-spacing:-0.07em; background-position:right;}
#list-articles ul li div.noel{ background-image:url(https://i.habitatetjardin.com/images/promonoel.png); width:77px; height:26px; float:left; color:#FFF; font-size:23px; font-weight:bold; padding:13px 5px; margin:-5px 0 5px 0; letter-spacing:-0.05em; background-position:right;}
#list-articles > ul > li > ul > li img{ border:none; text-align:center; margin:5px 0;}
#list-articles > ul > li > ul > li span { text-align:left !important; margin-left:5px; font-size:1em !important;}
#list-articles > ul > li > ul > li strong{ font-size:2.23em !important; color:#F30; letter-spacing:-0.08em; text-align:left !important; margin-left:5px; line-height:1em;}
#list-articles > ul > li > ul > li .btm { text-align:center;}

/* FIN promotion 2011 */


/*
.PRIX30 {	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:bold;
	font-size: 22px;
	color: #ff6633;
	text-decoration: none;
	padding-right:2px;
}
.lingepub{width:982px;height:238px;position:absolute; display:block;background-image:url(https://i.habitatetjardin.com/images/promosete/fondmeres_03.jpg);margin:0px 0px 0px 0px;}
.fond10ans{ background:url(https://i.habitatetjardin.com/images/promosete/fd-10ans.gif); background-position:top;}
.fond_10ans{font-family:Verdana,sans-serif;background-image:url(https://i.habitatetjardin.com/images/promosete/fond-10ans.png);background-repeat:no-repeat;width:192px;height:251px;}
.remise10ans{cursor:default;position:absolute;font-weight:bold;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:1.8em;color:#ffffff;text-decoration:none;text-align:right;
margin:45px 0px 0px 105px;}
/* PROMO UNIVERS 
.remisepromo{cursor:default;position:absolute;font-weight:bold;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:3em;color:#ffffff;text-decoration:none;text-align:right;}
.titlepromo{ padding: 5px 10px; width:170px; text-align:left; height:30px; vertical-align:text-top; font-size:11px;}
a.titrepromo:link{font-weight:700;font-family:Verdana,sans-serif; font-size: 0.6em; color: #666666; text-decoration:none; text-align:justify; line-height:1.1em;}
a.titrepromo:visited{font-weight:700;font-family:Verdana,sans-serif; font-size: 0.6em; color: #666666; text-decoration:none; text-align:justify;line-height:1.1em;}
a.titrepromo:hover{font-weight:700;font-family:Verdana,sans-serif; font-size: 0.6em; color: #333333; text-decoration:none; text-align:justify;line-height:1.1em;}
a.titrepromo:active{font-weight:700;font-family:Verdana,sans-serif; font-size: 0.6em; color: #666666; text-decoration:none; text-align:justify;line-height:1.1em;}
.marquepromo{ display:block; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none; cursor:default; font-size: 0.6em; color: #666666; text-decoration:none; height:10px; padding:15px 0px 2px 0px;}
.descriptifpromo{cursor:default; font-weight: bold; font-family:Verdana,sans-serif; font-size: 0.8em; color: #666666; padding:5px 15px; display:block; text-decoration:none; height:50px;}
.prixpromo{cursor:default; font-weight: bold; font-family: helvetica,sans-serif;letter-spacing: 0pt; line-height:0.9;font-size: 1.3em; color: #FB5E09; text-decoration:none; text-align:left; padding:0px 15px;}
.textesbarrespromo{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #333333;vertical-align: right;line-height:10px;}
#pourcentpromo{ background-image:url(https://i.habitatetjardin.com/images/vppromohetj.png); width:85px; height:56px; position:absolute;z-index: 10; margin:103px 0 0 99px;cursor:pointer;}
.promopourcent{font-weight:600;font-family: helvetica, sans-serif;font-size:1.4em; letter-spacing:-1pt; color: #fff; text-decoration:none; margin:27px 0 0 25px;cursor:pointer;}
.remisepromo{cursor:default; font-weight:600; position:absolute;font-family: helvetica, sans-serif;font-size:1.8em; letter-spacing:-2pt; color: #fff; text-decoration:none; text-align:right; padding:55px 0 0 123px;}
.aulieudepromo{cursor:default;font-family:Verdana,sans-serif; font-size: 0.6em; color: #666666; text-decoration:none; text-align:left; padding:0px 15px; height:15px;}

*/
img{ border:none;}
#principal{width:997px; height:361px;}
#topleft{background-image:url(https://i.habitatetjardin.com/images/promosete/default_03.jpg); width:343px; height:361px; float:left;}
#topmidle{background-image:url(https://i.habitatetjardin.com/images/promosete/default_04.jpg); width:354px; height:361px; float:left}
#topright{background-image:url(https://i.habitatetjardin.com/images/promosete/default_05.jpg); width:300px; height:361px; float:right;}
#offrejour{background-image:url(https://i.habitatetjardin.com/images/promosete/default_08.jpg); width:272px; height:49px;}
#bottomleft{width:343px; height:240px; float:left;}
#bottommidle{width:355px; height:240px; float:left;}
#bottomright{width:298px; height:240px; float:right;}
.calendrier{  width:218px; height:152px;}
.descript{font-size:14px; font-family:Verdana, Geneva, sans-serif; display:block; padding-top:40px;}
.remise{font-family:arial,sans-serif; font-weight:bolder; color:#000000; font-weight:bold; text-decoration:line-through; padding-top:20px;}
.sold{ font-size:17px; font-family:Verdana, Geneva, sans-serif; font-weight:bolder; color:#ffffff; vertical-align:middle; text-align:center; display:block; padding-top:25px;}
.tarif{font-family:arial,sans-serif; font-weight:bolder; color:#C00;vertical-align:middle;font-size:xx-large;}
.txtpromo{font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#333; text-align:center; width:997px;}
.number{font-size:17px; font-family:Verdana, Geneva, sans-serif; font-weight:bolder; color:#ffffff; padding:17px; display:block; text-decoration:none; cursor:default;}
.number2{font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bolder; color:#ffffff; display:block; text-decoration:none; cursor:default;}
.number3{font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bolder; color:#333333; display:block; text-decoration:none; cursor:default;}

#bdlimit{background-image:url(https://i.habitatetjardin.com/images/promosete/default_12.jpg); width:22px; height:240px; float:left;}
#article{background-image:url(https://i.habitatetjardin.com/images/promosete/default_10.jpg); width:280px; height:240px; float:left;}
#reducthaut{ background-image:url(https://i.habitatetjardin.com/images/promosete/default_11.jpg); width:75px; height:71px; float:right;}
#reductbas{background-image:url(https://i.habitatetjardin.com/images/promosete/default_15.jpg); width:75px; height:169px; float:right}
#agenda{width:58px; height:58px; background-image:url(https://i.habitatetjardin.com/images/promosete/agendaoff.jpg); float:left;}
#agenda2{width:58px; height:58px; background-image:url(https://i.habitatetjardin.com/images/promosete/agendaon.jpg); float:left;}
#agenda3{width:58px; height:58px; background-image:url(https://i.habitatetjardin.com/images/promosete/agenda.jpg); float:left;}
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
.txtpromo1 {font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; text-align:center; width:997px; cursor:default;}