/** HEADER 2013 **/
input, textarea, select {outline: none;}
#header { width:1004px;}
#header .logo { margin:5px; float:left;}
#header form { margin:15px 10px; float:left;}
.search input[type=TEXT] { width:330px; color:#909090; border:none; padding:8px; -moz-box-shadow: inset 0px 0px 3px 1px #bbb;
-webkit-box-shadow: inset 0px 0px 3px 1px #bbb;
-o-box-shadow: inset 0px 0px 3px 1px #bbb;
box-shadow: inset 0px 0px 3px 1px #bbb;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbb, Direction=NaN, Strength=5);
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;}
.search input[type=BUTTON] { border:none; padding:7px 15px; margin-left:-3px; cursor:pointer; 
background:url("https://i.habitatetjardin.com/images/barnav/search.png") no-repeat #069 5px;
font-size:14px !important; color:#FFF; border-radius: 0px 5px 5px 0px;}
.account li { display:inline-block; font-family: Helvetica, sans-serif; min-width:42px; border-right:solid 1px #eee;}
.account { margin:20px 10px; display:inline-block;}
.account li #layerMonCompte { display:none; padding-top:10px;}
.account li:hover #layerMonCompte { z-index:98; display:block; position:absolute; margin-top:5px; background-color:#fff;-moz-box-shadow: 0px 0px 5px 0px #999;
-webkit-box-shadow: 0px 0px 5px 0px #999;
-o-box-shadow: 0px 0px 5px 0px #999;
box-shadow: 0px 0px 5px 0px #999;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=180, Strength=5);
-moz-border-radius: 0px 3px 3px 3px;
-webkit-border-radius: 3px 0px 3px 3px;
border-radius: 0px 3px 3px 3px;}
#layerMonCompte p { font-size:14px; color:#069; margin:5px 0; font-weight:bold;}
.account li:hover .compte { position:relative; background-color:#fff; z-index:99; -moz-box-shadow: 0px -2px 2px 0px #999;
-webkit-box-shadow: 0px -2px 2px 0px #999;
-o-box-shadow: 0px -2px 2px 0px #999;
box-shadow: 0px -2px 2px 0px #999;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=90, Strength=3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.account a { text-decoration:none; font-size:12px; color:#333; padding:15px 10px;}
.last img { margin:20px 0;}
.bloc a:hover { text-decoration:underline;}
.login { margin:0 !important; padding:0;}
.login input[type=TEXT], .login input[type=PASSWORD] {padding:5px; display:block; margin:10px 0px 2px 0px; color:#999; -moz-box-shadow: inset 0px 0px 2px 1px #bbb;
-webkit-box-shadow: inset 0px 0px 2px 1px #bbb;
-o-box-shadow: inset 0px 0px 2px 1px #bbb;
box-shadow: inset 0px 0px 2px 1px #bbb;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbb, Direction=NaN, Strength=5);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.login input[type=BUTTON] {background-image: url("https://i.habitatetjardin.com/images/btn-news.gif");border: medium none;color: #FFFFFF;cursor: pointer; font-size:12px;height: 29px;margin: 10px 0 0;width: 84px;}
.login .error { color:#C00; font-size:11px;}
.login input.error[type=TEXT], .login input.error[type=PASSWORD] { font-size:12px !important; border: solid #F00 1px; -moz-box-shadow: none !important;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;}
.account a:hover {}
.icoaccount { background:url("https://i.habitatetjardin.com/images/barnav/ico-compte.png") no-repeat center; width:20px; height:16px;}
.icomessage { background:url("https://i.habitatetjardin.com/images/barnav/ico-message.png") no-repeat center; width:17px; height:10px;}
.icopanier { background:url("https://i.habitatetjardin.com/images/barnav/ico-panier.png") no-repeat center; width:22px; height:16px;}
.icoaccount, .icomessage, .icopanier { margin-right:5px; display: inline-block;}
.layerMonCompte { }
.bloc { width:155px; float:left; padding:20px; margin-bottom:10px;}
.bloc  a { padding:0;}
.headeroffres { display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; position: relative; text-align:right; right:5px; margin:5px 0;}
.headeroffres li { display:inline-block; border-left:solid #999 1px; padding:0 5px;}
ul.headeroffres li a{ padding:0px 5px; color:#069;}
.lognewsletter { display:none; padding:10px; position:relative; right:5px;}
ul.headeroffres li:hover .lognewsletter { display:block; background-color:#FFF; margin-top:5px; position:absolute; -moz-box-shadow: 0px 0px 5px 0px #999;
-webkit-box-shadow: 0px 0px 5px 0px #999;
-o-box-shadow: 0px 0px 5px 0px #999;
box-shadow: 0px 0px 5px 0px #999;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=180, Strength=5);
-moz-border-radius: 3px 0px 3px 3px;
-webkit-border-radius: 3px 0px 3px 3px;
border-radius: 3px 0px 3px 3px;}
ul.headeroffres li:hover .lognews { position:relative; background-color:#fff; z-index:99; padding:10px 5px; -moz-box-shadow: 0px -2px 2px 0px #999;
-webkit-box-shadow: 0px -2px 2px 0px #999;
-o-box-shadow: 0px -2px 2px 0px #999;
box-shadow: 0px -2px 2px 0px #999;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=90, Strength=3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.lognewsletter p { float:left; margin-right:5px; width:230px;}
.lognewsletter .inscription { display:inline-block; background: url(https://i.habitatetjardin.com/images/btn-news.gif) no-repeat 5px;border: medium none;color: #FFFFFF;cursor: pointer; font-size:12px; padding:7px 20px; text-decoration:none;}
.last .creer { display:inline-block; background: url(https://i.habitatetjardin.com/images/btn-news1.gif) no-repeat 5px;border: medium none;color: #FFFFFF;cursor: pointer; font-size:12px; padding:10px 12px; text-decoration:none !important; margin:20px 5px;}
.border { border-right:#CCC solid 1px;}
/** FIN **/

/****** ONGLETS *******/

#onglets { font-family:Arial, Helvetica, sans-serif; font-size:12px; display:table-row-group; cursor:default;}
#onglets ul { list-style:none;}
#onglets li { list-style:none; float:left;}
#onglets span { display:block; float:left;}
#onglets a { color:#333; text-decoration:none; cursor: pointer;}
.fam1 > a, .fam2 > a, .fam3 > a, .fam4 > a, .fam5 > a, .fam6 > a, .fam7 > a, .fam8 > a, .fam11 > a, .fam12 > a, .fam14 > a, .fam19 > a, .fam20 > a, .soussousmn > dl > dt > a { font-size:12px !important;}
#onglets a:hover { text-decoration:underline !important;}
#onglets a:hover, li.fam1:hover .ongletcr, li.fam8 .ongletcr, li.fam2:hover .ongletcr, li.fam3:hover .ongletcr, li.fam4:hover .ongletcr, li.fam5:hover .ongletcr, li.fam6:hover .ongletcr, li.fam7:hover .ongletcr, li.fam8:hover .ongletcr, li.fam11 .ongletcr, li.fam12 .ongletcr, li.fam14 .ongletcr, li.fam19:hover .ongletcr, li.fam20:hover .ongletcr, li.fam1 .ongletcron, li.fam2 .ongletcron, li.fam3 .ongletcron, li.fam4 .ongletcron, li.fam5 .ongletcron, li.fam6 .ongletcron, li.fam7 .ongletcron, li.fam8 .ongletcron, li.fam11 .ongletcron, li.fam12 .ongletcron, li.fam14 .ongletcron, li.fam19 .ongletcron, li.fam20 .ongletcron { color:#fff; text-decoration:none;}
.ongletlt, .ongletrt, .ongletlton, .ongletrton { background-repeat:no-repeat; width:6px; height:29px;}
.ongletrtclose, .ongletrtcloseon { background-repeat:no-repeat; width:7px; height:29px;}
.ongletcr, .ongletcron { height:17px; padding:7px 5px 5px 5px;}
.ongletlt, .ongletlton { background-image:url(https://i.habitatetjardin.com/images/barnav/onglet.png);} 
.ongletrt, .ongletrtclose, .ongletrton, .ongletrtcloseon { background-image:url(https://i.habitatetjardin.com/images/barnav/onglet.png); background-position:0 -58px; }
.ongletcr, .ongletcron { background-image:url(https://i.habitatetjardin.com/images/barnav/onglet.png); background-position:0 -29px;}

li.fam1:hover .ongletlt, li.fam1 .ongletlton { background-position:0 -87px;} 
li.fam1:hover .ongletrt, li.fam1:hover .ongletrtclose, li.fam1 .ongletrton, li.fam1 .ongletrtcloseon { background-position:0 -145px;}
li.fam1:hover .ongletcr, li.fam1 .ongletcron{ background-position:0 -116px;}

li.fam2:hover .ongletlt, li.fam2 .ongletlton { background-position:0 -174px;} 
li.fam2:hover .ongletrt, li.fam2:hover .ongletrtclose, li.fam2 .ongletrton, li.fam2 .ongletrtcloseon { background-position:0 -232px;}
li.fam2:hover .ongletcr, li.fam2 .ongletcron{ background-position:0 -203px;}

li.fam3:hover .ongletlt,li.fam3 .ongletlton { background-position:0 -261px;} 
li.fam3:hover .ongletrt, li.fam3:hover .ongletrtclose, li.fam3 .ongletrton, li.fam3 .ongletrtcloseon { background-position:0 -319px;}
li.fam3:hover .ongletcr, li.fam3 .ongletcron{ background-position:0 -290px;}

li.fam4:hover .ongletlt, li.fam4 .ongletlton { background-position:0 -348px;} 
li.fam4:hover .ongletrt, li.fam4:hover .ongletrtclose, li.fam4 .ongletrton, li.fam4 .ongletrtcloseon { background-position:0 -406px;}
li.fam4:hover .ongletcr, li.fam4 .ongletcron{ background-position:0 -377px;}

li.fam5:hover .ongletlt, li.fam5 .ongletlton { background-position:0 -435px;} 
li.fam5:hover .ongletrt, li.fam5:hover .ongletrtclose, li.fam5 .ongletrton, li.fam5 .ongletrtcloseon { background-position:0 -493px;}
li.fam5:hover .ongletcr, li.fam5 .ongletcron{ background-position:0 -464px;}

li.fam6:hover .ongletlt, li.fam6 .ongletlton { background-position:0 -522px;} 
li.fam6:hover .ongletrt, li.fam6:hover .ongletrtclose, li.fam6 .ongletrton, li.fam6 .ongletrtcloseon { background-position:0 -580px;}
li.fam6:hover .ongletcr, li.fam6 .ongletcron{ background-position:0 -551px;}

li.fam7:hover .ongletlt, li.fam7 .ongletlton { background-position:0 -609px;} 
li.fam7:hover .ongletrt, li.fam7:hover .ongletrtclose, li.fam7 .ongletrton, li.fam7 .ongletrtcloseon { background-position:0 -667px;}
li.fam7:hover .ongletcr, li.fam7 .ongletcron{ background-position:0 -638px;}

li.fam8 .ongletlt, li.fam8 .ongletlton, li.fam8:hover .ongletlt { background-position:0 -696px !important;} 
li.fam8 .ongletrt, li.fam8 .ongletrton, li.fam8:hover .ongletrt, li.fam8:hover .ongletrtclose { background-position:0 -754px !important;}
li.fam8 .ongletcr, li.fam8 .ongletcron, li.fam8:hover .ongletcr{ background-position:0 -725px !important;}

li.fam11 .ongletlt, li.fam11 .ongletlton, li.fam11:hover .ongletlt { background-position:0 -957px !important;} 
li.fam11 .ongletrt, li.fam11 .ongletrton, li.fam11:hover .ongletrt, li.fam11 .ongletrtclose { background-position:0 -1015px !important;}
li.fam11 .ongletcr, li.fam11 .ongletcron, li.fam11:hover .ongletcr{ background-position:0 -986px !important;}

li.fam12 .ongletlt, li.fam12 .ongletlton, li.fam12:hover .ongletlt { background-position:0 -1044px !important;} 
li.fam12 .ongletrt, li.fam12 .ongletrton, li.fam12:hover .ongletrt, li.fam12 .ongletrtclose { background-position:0 -1102px !important;}
li.fam12 .ongletcr, li.fam12 .ongletcron, li.fam12:hover .ongletcr{ background-position:0 -1073px !important;}

li.fam14 .ongletlt, li.fam14 .ongletlton, li.fam14:hover .ongletlt { background-position:0 -1131px !important;} 
li.fam14 .ongletrt, li.fam14 .ongletrton, li.fam14:hover .ongletrt, li.fam14 .ongletrtclose { background-position:0 -1189px !important;}
li.fam14 .ongletcr, li.fam14 .ongletcron, li.fam14:hover .ongletcr{ background-position:0 -1160px !important;}

li.fam19:hover .ongletlt, li.fam19 .ongletlton { background-position:0 -783px;} 
li.fam19:hover .ongletrt, li.fam19:hover .ongletrtclose, li.fam19 .ongletrton, li.fam19 .ongletrtcloseon { background-position:0 -841px;}
li.fam19:hover .ongletcr, li.fam19 .ongletcron{ background-position:0 -812px;}

li.fam20:hover .ongletlt, li.fam20 .ongletlton { background-position:0 -870px;} 
li.fam20:hover .ongletrt, li.fam20:hover .ongletrtclose, li.fam20 .ongletrton, li.fam20 .ongletrtcloseon { background-position:0 -928px;}
li.fam20:hover .ongletcr, li.fam20 .ongletcron{ background-position:0 -899px;}


/****** SOUS MENU *******/
.sousmn .univhome {color:#FFF !important; font-size:12px; margin:5px 5px 2px 5px; display:table;}
.soussousmn table { width:100%;}
.soussousmn td { width:25%; vertical-align:top;}
.un1 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/pucepiscine.gif") no-repeat scroll -3px 5px transparent;}
.un1 {background-color:#39C !important;}
.un1 .soussousmn dt {color:#39C !important; margin:5px 0;}
.soussousmn dl > dt > a { font-size:13px !important;}
.un1 .soussousmn dl > dt > a { text-decoration:none; color:#39C !important; margin:5px 0;}
.un2 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/pucejardin.gif") no-repeat scroll -3px 5px transparent;}
.un2 {background-color:#24734C !important;}
.un2 .soussousmn dt, {color:#24734C !important;}
.un2 .soussousmn dl > dt > a { text-decoration:none; color:#24734C !important; margin:5px 0;}
.un3 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/pucehabitat.gif") no-repeat scroll -3px 5px transparent;}
.un3 {background-color:#583616 !important;}
.un3 .soussousmn dt, {color:#583616 !important;}
.un3 .soussousmn dl > dt > a { text-decoration:none; color:#583616 !important; margin:5px 0;}
.un4 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/pucespa.gif") no-repeat scroll -3px 5px transparent;}
.un4 {background-color:#446688 !important;}
.un4 .soussousmn dt, {color:#446688 !important;}
.un4 .soussousmn dl > dt > a { text-decoration:none; color:#446688 !important; margin:5px 0;}
.un5 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/pucebrico.gif") no-repeat scroll -3px 5px transparent;}
.un5 {background-color:#666666 !important;}
.un5 .soussousmn dt, {color:#666666 !important;}
.un5 .soussousmn dl > dt > a { text-decoration:none; color:#666666 !important; margin:5px 0;}
.un6 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/pucefitness.gif") no-repeat scroll -3px 5px transparent;}
.un6 {background-color:#FF3477 !important;}
.un6 .soussousmn dt, {color:#FF3477 !important;}
.un6 .soussousmn dl > dt > a { text-decoration:none; color:#FF3477 !important; margin:5px 0;}
.un7 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/puceenfants.gif") no-repeat scroll -3px 5px transparent;}
.un7 {background-color:#75345C !important;}
.un7 .soussousmn dt, {color:#75345C !important;}
.un7 .soussousmn dl > dt > a { text-decoration:none; color:#75345C !important; margin:5px 0;}
.un8 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/puceaccueil.gif") no-repeat scroll -3px 5px transparent;}
.un8 {background-color:#036BB4 !important;}
.un8 .soussousmn dt, {color:#036BB4 !important;}
.un8 .soussousmn dl > dt > a { text-decoration:none; color:#036BB4 !important; margin:5px 0;}
.un19 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/pucecanape.gif") no-repeat scroll -3px 5px transparent;}
.un19 {background-color:#88623C !important;}
.un19 .soussousmn dt, {color:#88623C !important;}
.un19 .soussousmn dl > dt > a { text-decoration:none; color:#88623C !important; margin:5px 0;}
.un20 .soussousmn dd { background: url("https://i.habitatetjardin.com/images/menudhtml/puceliterie.gif") no-repeat scroll -3px 5px transparent;}
.un20 {background-color:#FF881C !important;}
.un20 .soussousmn dt, {color:#FF881C !important;}
.un20 .soussousmn dl > dt > a { text-decoration:none; color:#FF881C !important; margin:5px 0;}

.sousmn { z-index:999; display:none; position:absolute; width:1012px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-radius:4px 4px 4px 4px; margin:29px 0 0 -505px; padding:0; left:50%;}

.sousmn a { text-decoration:none; color:#333 !important; }
.sousmn ul { margin:0; padding:0; color:#fff; display:table-row-group; width:700px;}
.sousmn li { margin:5px 0 0 5px; padding:0; list-style:disc #fff;}
.sousmn li a { color:#FFF !important; font-size:12px;}
.soussousmn dd { padding:1px 10px;  margin:0; height:12px;  color:#333; white-space:nowrap; overflow:hidden;}
.sousmn .soussousmn dt { font-size:14px; font-weight:bold; overflow:hidden; margin-top:5px;}
.soussousmn dl { float:left; padding:0 7px; width:140px;}
.soussousmn .none { border-left:none !important;}
.soussousmn { background-color:#f6f6f6; width:775px; display: inline-block; box-shadow: 10px -5px 10px -13px #333; border-radius:4px 4px 4px 4px; margin:5px; padding:5px;}

.mnpub { float:right; width:200px; margin:-15px 5px 5px 5px;}
.mnpub span { display:block; font-size:21px; line-height:18px; color:#FFF; font-weight:bold;}
.mnpub s { color:#FFF; display:inline-block;}
.mnpub dt { font-size:18px; color:#f6f6f6; font-weight:bold; clear:both; display:inline-block; margin-top:10px;}
.mnpub dd { margin:0; padding:0; font-size:12px;}
.mnpub a { display:block; margin:5px 5px 0 0; text-decoration:underline !important; color:#FFF !important; float:left;}
.mnpub div { color:#FFF; padding:5px 0; width:75px; float:right; }
.mnconseil { clear:both; margin:5px;}
.mnimg { border-radius:4px 4px 4px 4px; background-color:#FFF; text-align:center; vertical-align:middle; width:120px; border:none;}
.hover{ display:block !important;}

.conseil { text-align:center; cursor:default;}
.conseil dl { margin:0 5px; width:800px;} 
.conseil dt { color:#f6f6f6; font-size:12px; margin-top:-1px; font-weight:bold; float:left;}
.conseil dd { float:left; margin:0 0px 5px 5px; padding:0 5px 0 0; border-right:solid #F7F7F7 0.1em;}
.conseil a { color:#f6f6f6 !important;}
.conseil a:hover { text-decoration:underline !important;}