/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }

/*
 * Margins
 */
p, ul, ol, dl, table, address, pre { margin: 0 0 6px; 0; }

/*
 * Hyperlinks
 */
a { text-decoration: none; overflow: hidden; color: #666; }
a:hover, a:focus { text-decoration: underline; }
.more { text-align: right; }
.more a { color: #24859F; }

/*
 * General Document Settings
 */
body { font: 12px/15px Helvetica, Arial, sans-serif; color: #737373; background: url(../images/footer-bg.png) repeat 0 0; }
#wrap { background: #fff url(../images/background.jpg) no-repeat 50% 0; }
#inner { width: 969px; margin: 0 auto; display: inline-block; position:relative;}
#inner { display: block; }
#inner:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.clear { clear: both; }

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 1em 0 .5em 0; }
h1 { font-size: 16px; margin: 0; }
h2 { font-size: 14px; line-height: 33px; border-bottom: 1px solid #d7d7d7; margin: 0 0 10px 0; padding: 0 16px; position: relative; display: inline-block; overflow: hidden; }
h2 { display: block; }
h2 .icon { display: block; position: absolute; left: 0; top: 50%; width: 11px; height: 10px; margin-top: -5px; background: #666; }
h2 .icon span { display: block; position: absolute; top: 0; left: 0; width: 11px; height: 10px; background: url(../images/title-icon.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/title-icon.png', sizingMethod='crop'); }
h3 { background: url(../images/minus.gif) no-repeat 0 50%; padding-left: 16px; color: #333; font-weight: normal; display: inline-block; }
h3 { display: block; }

/*
 * Lists
 */
ul { margin-left: 2.2em; }
ul li { list-style-type: square; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: upper-roman; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: decimal; }

/*
 * Definition List
 */
dt { font-weight: bold; }
dd { margin-bottom: .5em; }

/*
 * Table
 */
table { border-collapse: collapse; border: 1px solid #999; width: 100%; }
caption, th, td { text-align: left; padding: 4px; }
th, td { border: 1px solid #999; }
caption, th { font-weight: bold; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Code
 */
pre { border: 1px solid #999; }
code, pre { font-size: 1em; }
sup { font-weight: normal; font-family: monospace; }

/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: 5px; }

form ol { margin: 0; display: inline-block; overflow: hidden; }  
form ol { display: block; }  
form li { list-style: none; margin-bottom: 6px; display: inline-block; overflow: hidden; clear: both; }  
form li { display: block; }  
form li label { float: left; width: 130px; padding-right: 10px; text-align: right; font-size: 11px; line-height: 21px; }  
form li label em { color: #FF0000; }  
form li input { width: 557px; background: url(../images/input.png) no-repeat 0 0; border: 0; }  
form li textarea { width: 557px; background: url(../images/textarea.png) no-repeat 0 0; border: 0; height: 60px; overflow: auto; }  
form .inline label { display: inline; }  
form .inline input { margin-right: 1em; } 
form .textarea { overflow: hidden; } 

.half-1 input, .half-2 input { width: 195px; background: url(../images/input-short.png) no-repeat 0 0; }
.half-1 { float: left; width: 357px; clear: none; }
.half-2 { float: right; width: 352px; clear: none; }

div.submit { text-align: center; margin: 0; }
.submit input { width: 192px; height: 59px; background: url(../images/submit.png) no-repeat 0 0; border: 0; padding: 0; cursor: pointer; font-size: 16px; font-weight: bold; color: #999; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/submit.png', sizingMethod='crop'); }

#contact { width: 714px; float: right; padding-top: 10px; }
.captcha { background: url(../images/captcha.png) no-repeat 0 0; width: 132px; height: 46px; overflow: hidden; text-align: center; padding: 5px; }

/*
 * Header
 */
#header { height: 60px; margin: 0 auto; position: relative; z-index: 100; }
#header h2 { position: absolute; top: 0; left: 13px; margin: 0; border:none; padding:0; }
#header h2 a { display: block; width: 224px; height: 73px; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; }
#header h2 a:hover { background : url(../images/logo_imboutique_hover.jpg); }
#header h1 { margin: 0 auto; padding: 0; border: 0; text-align:center; font-size: 1em; line-height: 15px;  font-weight: normal; color: #333; width:470px; padding-top:8px; }

/*
 * Support
 */
#support { display: block; position: absolute; top: 0; right: 9px; background: url(../images/support.png) no-repeat 0 0; width: 100px; padding: 10px 111px 0 11px; height: 63px; color: #666; text-decoration: none; }
#support strong { display: block; font-size: 16px; font-weight: normal; margin-bottom: 8px; }
#support:hover, #support:focus { color: #000; background : url(../images/imboutique_support_hover.jpg);}

/*
 * Nav
 */
#nav { margin: 0; position: absolute; top: 40px; left: 320px; display: inline-block; font-size: 10px; height: 17px; }
#nav { display: block; }
#nav li { margin: 0; padding: 0; float: left; list-style: none; position: relative; }
#nav a { color: #fff; float: left; display: inline; padding: 0 10px; height: 17px; line-height: 17px; text-decoration: none; }
#nav a:hover, #nav a:focus, #nav .active a, #nav li:hover a, #nav li.hover a  { background: #d1d1d1 url(../images/nav.gif) repeat-x 0 0; color: #3B3B3B; }

#nav ul { position: absolute; top: 17px; left: -9999px; margin: 0; background: #3f3f3f; width: 150px; }
#nav ul li { display: block; float: none; }
#wrap #nav ul a { display: block; float: none; padding: 6px; border-bottom: 1px solid #646464; margin: 0; background: none; color: #fff; }
#wrap #nav ul a:hover, #wrap #nav ul a:focus { background: #676767; color: #fff; }

#nav li:hover ul, #nav li.hover ul { left: 0; }

/*
 * Banner
 */
#banner {height:238px;position:relative;}
#banner object { position: absolute; top: 0; left: 0; }
.banner-img-lev1{height:235px;width:969px; background:url(../images/background-5.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/background-5.png', sizingMethod='crop');}
.banner-img-lev2 {height:235px;width:969px; background:url(../images/imboutique_bandeau_creation.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/imboutique_bandeau_creation.png', sizingMethod='crop');}
/*
 * Meta Nav
 */
#meta-nav { margin: 0 0 5px 0; display: inline-block; overflow: hidden; font-size: 16px; font-weight: bold; }
#meta-nav h3{ display:inline; font-size:12px; background:none; padding:0; margin:0;}
#meta-nav { display: block; }
#meta-nav li { float: left; margin: 0; list-style: none; width: 242px; height: 59px; position: relative; overflow: hidden; }
#meta-nav div { width: 244px; height: 59px; position: absolute; top: 0; left: 50%; margin-left: -122px; background: url(../images/meta-nav.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/meta-nav.png', sizingMethod='crop'); }
#meta-nav li:hover div, #meta-nav li.hover div { background-image: url(../images/meta-nav-hover.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/meta-nav-hover.png', sizingMethod='crop');}
#meta-nav a { display: block; height: 59px; line-height: 59px; position: relative; color: #999; text-decoration: none; text-align: center; z-index: 100; }
#meta-nav span { display: block; background: #d3d3d3; border-top: 1px solid #afafaf; position: absolute; top: 44px; left: 10px; height: 2px; width: 222px; font-size: 1px; line-height: 1px; }
#meta-nav a:hover, #meta-nav a:focus { color: #666; }

#meta-nav ul { font-size: 12px; font-weight: normal; margin: 0; position: absolute; left: 0; top: 59px; }
#meta-nav ul li { float: none; display: block; width: auto; height: auto !important; }
#meta-nav ul a { display: inline-block; height: auto; line-height: 19px; background: url(../images/bullet-square.gif) no-repeat 18px 50%; padding-left: 32px; text-align: left; height: auto !important; }
#meta-nav ul a { display: block; }
#meta-nav li:hover a, #meta-nav li.hover a { color: #666; }
#meta-nav li:hover ul a, #meta-nav li.hover ul a { background-image: url(../images/bullet-square-dark.gif); color: #666; }

#meta-nav.active li { height: 134px; }
#meta-nav.active div { height: 134px; background: url(../images/meta-nav-big.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/meta-nav-big.png', sizingMethod='crop'); }
#meta-nav.active a { height: 134px; }
#meta-nav.active li:hover div, #meta-nav.active li.hover div { background-image: url(../images/meta-nav-big-hover.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/meta-nav-big-hover.png', sizingMethod='crop'); }

#meta-1.active span, .active #meta-1 span, #meta-1 a:hover span, #meta-1 a:focus span { background: #66cc00; }
#meta-2.active span, .active #meta-2 span, #meta-2 a:hover span, #meta-2 a:focus span { background: #ff9900; }
#meta-3.active span, .active #meta-3 span, #meta-3 a:hover span, #meta-3 a:focus span { background: #66cccc; }
#meta-4.active span, .active #meta-4 span, #meta-4 a:hover span, #meta-4 a:focus span { background: #ff0000; }

/*
 * Title
 */
#title { margin-bottom: 10px; }
#title h1 { margin: 0; height: 55px; line-height: 55px; padding: 0 20px; background: url(../images/title.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/title.png', sizingMethod='crop'); }

/*
 * Column
 */
#column { float: left; width: 238px; background: url(../images/subnav-big.png) no-repeat 0 100%; position: relative; padding-bottom: 98px; }
#column.small { background-image: url(../images/subnav.png); padding-bottom: 40px; }
#column-content { padding: 0 10px; }
#column-content .title { position: relative; }
#column-content .title h2 { padding-left: 0; margin-left: 11px; position: static; }
#column-content .title span { background: #d7d7d7 !important; }

#column h2 { font-weight: normal; font-size: 16px; padding-left: 10px; padding-right: 0; }
#column h2 a { display: block; color: #757575; text-decoration: none; font-weight: normal; }

/*
 * Subnav
 */
#subnav { font-size: 16px; padding: 0 0 9px 0; line-height: 16px; background: url(../images/column-top.gif) no-repeat 0 100%; }
#subnav ul { margin: 0; padding-bottom: 1px; background: #fff; display: inline-block; }
#subnav ul { display: block; }
#subnav li { list-style: none; margin: 0; }
#subnav a { display: inline-block; text-decoration: none; color: #737373; padding: 0 0 0 20px; position: relative; }
#subnav a { display: block; }
#subnav span { display: inline-block; padding: 5px 0 5px 10px; border-bottom: 1px solid #d7d7d7; cursor: pointer; }
#subnav span { display: block; }
#subnav i, #column h2 i, #home h2 i, .dialog h2 i { width: 2px; height: 11px; font-size: 1px; line-height: 1px; display: block; position: absolute; top: 10px; left: 10px; background: #d7d7d7; }
#column h2 i, #home h2 i, .dialog h2 i { left: 0; }
#subnav li.last-child span { border: 0; }

#subnav a:hover, #subnav a:focus, #subnav .active a { color: #666; }
#subnav a:hover i, #subnav a:focus i, #subnav .active i { background: #666; }

/*
 * Plus Links
 */
.plus-links ul { margin: 0; font-size: 11px; }
.plus-links li { list-style: none; margin-bottom: 3px; }
.plus-links a { color: #999; text-decoration: none; display: block; height: 24px; line-height: 24px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 0; }
.plus-links a:hover, .plus-links a:focus, .plus-links .active { color: #333; }

.plus-link-1 a { background-image: url(../images/plus-link-1.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/plus-link-1.png', sizingMethod='crop'); }
.plus-link-2 a { background-image: url(../images/plus-link-2.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/plus-link-2.png', sizingMethod='crop'); }
.plus-link-3 a { background-image: url(../images/plus-link-3.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/plus-link-3.png', sizingMethod='crop'); }
.plus-link-4 a { background-image: url(../images/plus-link-4.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/plus-link-4.png', sizingMethod='crop'); }

/*
 * Content
 */
#content { float: right; width: 720px;}

/*
 * Box
 */
.box { background: #e9e9e9 url(../images/box-background.gif) repeat 0 0; position: relative; margin-bottom: 15px; display: inline-block; }
.box { display: block; }
.box-inner { border: 1px solid #dcdcdc; padding: 8px; display: inline-block; overflow: hidden; }
.box-inner { display: block; }
.box-tl, .box-tr, .box-br, .box-bl { position: absolute; width: 10px; height: 10px; font-size: 1px; line-height: 1px; background-repeat: no-repeat; background-position: 0 0; _background: none; }
.box-tl { top: 0; left: 0; background-image: url(../images/box-tl.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/box-tl.png', sizingMethod='crop'); }
.box-tr { top: 0; right: 0; _right: -1px; background-image: url(../images/box-tr.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/box-tr.png', sizingMethod='crop'); }
.box-br { bottom: 0; right: 0; _right: -1px; _bottom: -1px; background-image: url(../images/box-br.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/box-br.png', sizingMethod='crop'); }
.box-bl { bottom: 0; left: 0; _bottom: -1px; background-image: url(../images/box-bl.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/box-bl.png', sizingMethod='crop'); }

.content { border: 1px solid #dadada; background: #fff; padding: 1px; text-align: center; display: inline-block; position: relative; }
.content { display: block; }
.box-inner .content { border-color: #c7c7c7; }
.content-inner { background: #fff url(../images/box-content.png) repeat-x 0 100%; display: inline-block; padding-bottom: 1px; text-align: left; }
.content-inner { display: block; }
#column-content .content-inner .link-list li {}
#column-content .content-inner .link-list li span{background:transparent url(../images/bullet-square.gif) no-repeat scroll 8px 50%;padding-left:20px;}
#column-content .content-inner .link-list li a{background:transparent url(../images/bullet-square.gif) no-repeat scroll 8px 50%;padding-left:20px;}
#column-content .content-inner .link-list li a:hover {background:transparent url(../images/bullet-square-dark.gif) no-repeat scroll 4% 50%;padding-left:20px;}

.box ul { font-size: 14px; line-height: 14px; margin: 0; display: inline-block; }
.box ul { display: block; }
.box li { background: url(../images/bullet-square.gif) no-repeat 17px 6px; padding-left: 35px; list-style: none; margin-bottom: 5px; }

/*
 * Link List
 */
.content h4 { border-bottom: 1px solid #dadada; margin: 0 0 5px 0; padding: 3px 2px; line-height: 15px; }
ul.link-list { margin: 0 0 5px 0; font-size: 11px; }
.link-list li { list-style: none; margin: 0; backg/round: none; pad/ding: 0; }
.link-list li a { display: inline-block; background:none; color: #999; text-decoration: none; padding-left:0; }
.link-list li a { display: block; }
.link-list li a:hover, .box .link-list li a:focus { background-image: url(../images/bullet-square-dark.gif); color: #666; }
.link-list-2-col { display: inline-block; overflow: hidden; }
.link-list-2-col { display: block; }
.link-list-2-col li { float: left; width: 49%; }

.left { float: left; clear: left; width: 239px; display: inline; margin-right: 10px; }
img.left { width: auto; }
.right { float: right; clear: right; width: 480px; display: inline; margin-left: 10px; }
#content .right { width: 375px; }
.small { width: 150px; clear: none; }

.text { overflow: hidden; }

/*
 * Title
 */
.box h2 { margin: 0; font-size: 16px; line-height: 20px; padding: 6px 11px; font-weight: normal; color: #666; border: 0; }
.title { display: inline-block; overflow: hidden; }
.title { display: block; }
.title .content { position: relative; }
.title .content-inner { background-position: 0 0; background-color: #E2E2E2; }
.title span { width: 2px; height: 12px; font-size: 1px; line-height: 1px; margin-top: -6px; position: absolute; top: 16px; left: 0; background: #d7d7d7; }
.title a { color: #666; text-decoration: none; font-weight: bold; }

/*
 * White bg
 */
.no-bg { background: #fff; }
.no-bg h2 { font-weight: bold; line-height: 18px; margin-bottom: 10px; }

/*
 * Go top
 */
.go-top .content { float: right; width: 150px; }

/*
 * Multiple Boxes
 */
.multiple h4 { text-align: center; }
.multiple .box-inner { padding-left: 0; }
.multiple .content { float: left; width: 224px; display: inline; margin-left: 8px; }
.multiple .content-inner { min-height: 105px; background-position: 0 100%; }

/*
 * 3ply box
 */
.three-ply .box-inner { height: 91px; padding: 7px; background: url(../images/3-ply-box.gif) no-repeat 50% 50%; }
.three-ply .col { float: left; width: 95px; display: inline; margin-right: 5px; }
.three-ply h2 { font-size: 12px; padding: 0; text-align: center; border-bottom: 1px solid #d7d7d7; margin-bottom: 5px; }
.three-ply ul { font-size: 11px; margin: 0 13px; }
.three-ply li { background: none; padding: 0; margin: 0; }

/*
 * Categories
 */
#cat-1 #wrap { background: #fff url(../images/background-1.png) repeat-x 0 0; }
#cat-2 #wrap { background: #fff url(../images/background-2.png) repeat-x 0 0; }
#cat-3 #wrap { background: #fff url(../images/background-3.jpg) no-repeat 50% 0; }
#cat-4 #wrap { background: #fff url(../images/background-4.png) repeat-x 0 0; }

#cat-1 #subnav a:hover i, #cat-1 #subnav a:focus i, #cat-1 #subnav .active a i, #cat-1 h2 .icon, #cat-1 .title span, #cat-1 #column h2 i  { background: #66CC00; }
#cat-1 #subnav a:hover, #cat-1 #subnav a:focus, #cat-1 #subnav .active a, #cat-1 #column h2 a:hover, #cat-1 #column h2 a:focus, #cat-1 #column h2.active a { color: #66CC00; }
#cat-2 #subnav a:hover i, #cat-2 #subnav a:focus i, #cat-2 #subnav .active a i, #cat-2 h2 .icon, #cat-2 .title span  { background: #FF9900; }
#cat-2 #subnav a:hover, #cat-2 #subnav a:focus, #cat-2 #subnav .active a, #cat-2 #column h2 a:hover, #cat-2 #column h2 a:focus, #cat-2 #column h2.active a { color: #FF9900; }
#cat-3 #subnav a:hover i, #cat-3 #subnav a:focus i, #cat-3 #subnav .active a i, #cat-3 h2 .icon, #cat-3 .title span, #cat-3 #column h2 i  { background: #66CCCC; }
#cat-3 #subnav a:hover, #cat-3 #subnav a:focus, #cat-3 #subnav .active a, #cat-3 #column h2 a:hover, #cat-3 #column h2 a:focus, #cat-3 #column h2.active a { color: #66CCCC; }
#cat-4 #subnav a:hover i, #cat-4 #subnav a:focus i, #cat-4 #subnav .active a i, #cat-4 h2 .icon, #cat-4 .title span, #cat-4 #column h2 i  { background: #ff3300; }
#cat-4 #subnav a:hover, #cat-4 #subnav a:focus, #cat-4 #subnav .active a, #cat-4 #column h2 a:hover, #cat-4 #column h2 a:focus, #cat-4 #column h2.active a { color: #ff3300; }
#column h2.active i {background:#FF9900 none repeat scroll 0 0;}
/*
 * Flash Tabs
 */
#flash-tabs { float: right; margin-bottom: 10px; height: 238px; }

/*
 * Pager
 */
.pager { height: 21px; font-size: 11px; margin-top: 10px; }
.pager a { float: left; display: inline; height: 21px; line-height: 21px; padding-left: 25px; background: url(../images/arrow-left.jpg) no-repeat 0 0; color: #999; }
.pager a.next { background: url(../images/arrow-right.jpg) no-repeat 100% 0; padding: 0 25px 0 0; margin-left: 15px; float: right; }
.pager a:hover, .pager a:focus { color: #666; }

/*
 * Portfolio
 */
#portfolio-nav { margin:-49px 0 40px 0; }
#portfolio { display: inline-block; overflow: hidden; margin-left: -11px; font-size: 14px; }
#portfolio { display: block; }
#portfolio .box { float: left; display: inline; width: 185px; margin-left: 11px; overflow: hidden; }
#portfolio .image { padding: 2px; display: block; margin-bottom: 5px; background: #fff; border: 1px solid #c8c8c8; margin: 0; float: none; }
#portfolio a { display: block; text-align: center; color: #666; text-decoration: none; }
#portfolio a:hover, #portfolio a:focus { color: #333; }
#portfolio a:hover .image, #portfolio a:focus .image { border-color: #333; }

/*
 * News
 */
#news { overflow: hidden; }
.image { float: left; border: 2px solid #d7d7d7; display: inline; margin: 10px 17px 10px 0; }
.date { color: #333; margin: -5px 0 10px 0; }

.news { float: right; width: 360px; display: inline; margin-left: 15px; font-size: 11px; line-height: 13px; }
.news .item { border-bottom: 1px solid #d7d7d7; margin: 7px; padding: 6px 0; }
.news h3 { background: none; padding: 0; font-size: 12px; margin: 0 0 5px 0; font-weight: bold; }
.news h3 a { color: #999; text-decoration: none; }
.news h3 span { font-weight: normal; color: #333; }

/*
 * Contact
 */
.contact { float: left; width: 240px; font-size: 11px; line-height: 13px; }
.contact h2 { border-bottom: 1px solid #D7D7D7; margin-bottom: 10px; }
.contact p { margin-bottom: 15px; }
.contact address { font-size: 10px; line-height: 12px; font-style: normal; }
.contact .content { margin-bottom: 10px; font-size: 12px; }
.contact .content p { margin: 0 10px 5px 10px; }
.contact .error { color: #FF0000; }

/*
 * Homepage
 */
#home { display: inline-block; overflow: hidden; }
#home { display: block; }
#home .col { float: left; width: 230px; display: inline; margin-right: 15px; }
#home .big { width: 475px; }
#home .last { float: right; margin: 0; }

#about { font-size: 12px; line-height: 15px; }

a.magento_link:hover { background : transparent url(../photos/imboutique_magento_hover.jpg) no-repeat 0 100%; text-decoration:none; }
a.magento_link { background : transparent url(../photos/magento.png) no-repeat 0 100%; width:224px; height:69px; display:block; margin-left:2px;}

/*
 * Contact Us
 */
#contact-us { background: url(../images/contact-us.png) no-repeat 0 0; height: 63px; padding-left: 50px; margin-bottom: 15px; color: #fff; font-size: 22px; line-height: 26px; padding-top: 7px; }

/*
 * Latest News
 */
.latest-news { font-size: 11px; }
.latest-news .item { margin-bottom: 10px; }
.latest-news h3 { background: none; padding: 0; font-size: 12px; margin: 0; }
.latest-news h3 a { color: #333; }
.latest-news h3 .date { font-weight: bold; font-size: 11px; color: #999; }

/*
 * Prepare
 */
#prepare { border: 1px solid #ccc; background: url(../images/box-content.png) repeat-x 0 100%; margin-top: 15px; }
#prepare h2 { font-weight: normal; font-size: 16px; line-height: 24px; padding: 0 11px; }
#prepare p { padding: 0 11px; }
.last a:hover #prepare{ background: url(../images/box-content_hover.png) repeat-x 0 100%;}
.last a:hover {text-decoration: none;}


/*
 * Slide
 */
#slide-wrapper { position: relative; width: 475px; margin: 0 auto 15px auto; }
#slide { display: inline-block; overflow: auto; width: 390px; margin: 0 auto; }
#slide { display: block; }
#slide ul { height: 179px; margin: 0 0 0 -15px; }
#slide li { width: 188px; height: 179px; background: url(../images/slide-shadow.png) no-repeat 0 0; float: left; display: inline; padding: 0; margin: 0 0 0 15px; overflow: hidden; }
#slide li a { display: block; width: 182px; margin: auto; height: 174px; text-align: center; }

#slide-wrapper .next, #slide-wrapper .prev { position: absolute; left: 0; top: 50%; display: block; height: 37px; width: 25px; background: #fff url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; z-index: 100; display: none; margin-top: -18px; }
#slide-wrapper .next:hover { background: #fff url(../images/imboutique_arrows_hover.jpg) no-repeat 100% 100%;}
#slide-wrapper .prev:hover { background: #fff url(../images/imboutique_arrows_hover.jpg) no-repeat 0% 100%;}
#slide-wrapper .next { left: auto; right: 0; background-position: -25px 0; }

/*
 * Footer
 */
#footer { clear: both; background: url(../images/footer.png) repeat-x 0 0; padding: 45px 0 20px 0; color: #A5A5A5; font-size: 11px; }
#footer a { color: #A5A5A5; text-decoration: none; }
#footer a:hover, #footer a:focus { color: #fff; }

#footer ul { width: 969px; margin: 0 auto; display: inline-block; overflow: hidden; }
#footer ul { display: block; }
#footer li { float: left; width: 234px; overflow: hidden; padding-left: 7px; border-left: 1px solid #a8a8a8; list-style: none; margin: 0; }

#footer li ul { margin-top: 3px; }
#footer li li { float: none; display: block; width: auto; border: 0; padding: 0; }

/*
 * Dialog
 */
.dialog { display: none; width: 652px !important; height: 411px !important; position: relative; }
.ui-widget-overlay { background: #000; opacity: .5; position: absolute; top: 0; left: 0; filter:Alpha(opacity=50); }
.ui-dialog .background { position: absolute; top: 0; left: 0; width: 652px; height: 411px; background: url(../images/dialog.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/dialog.png', sizingMethod='crop'); }
.dialolg-content { position: relative; padding: 11px; }

.ui-dialog-titlebar { position: absolute; top: 7px; right: 7px; z-index: 30; }
.ui-dialog-titlebar span { display: none; }
.ui-dialog-titlebar-close { display: block; width: 19px; height: 20px; background: url(../images/close.png) no-repeat 0 0; text-indent: -9999px; }

.dialog .item { float: left; width: 260px; margin: 0; }
.dialog .item .box-inner { height: 370px; }
.dialog .item i { display: block; width: 235px; height: 298px; background: url(../images/dialog-image.png) no-repeat 0 0; position: absolute; top: 12px; left: 12px; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/dialog-image.png', sizingMethod='crop'); }
.dialog .item .image { position: absolute; top: 24px; left: 22px; width: 210px; text-align: center; height: 270px; overflow: hidden; margin: 0; float: none; }
.dialog .item a { display: block; width: 246px; height: 59px; line-height: 59px; text-align: center; position: absolute; left: 50%; bottom: 10px; margin-left: -123px; background: url(../images/visit-site.png) no-repeat 0 0; text-decoration: none; font-size: 16px; font-weight: bold; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/visit-site.png', sizingMethod='crop'); cursor: pointer; }
.dialog .item a:hover { background: url(../images/imboutique_visit-site_hover.png) no-repeat 0 0; }

/*
 * Price
 */
.price { position: absolute; top: 4px; right: 30px; _right: 320px; width: 101px; height: 46px; font-size: 11px; text-align: center; z-index: 100; }
.price .background { width: 101px; height: 46px; position: absolute; top: 0; left: 0; background: url(../images/price.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/price.png', sizingMethod='crop'); }
.price .price-content { position: relative; width: 80px; margin: 0 auto; padding-top: 3px; }
.price .stars { background: url(../images/stars.png) repeat-x 0 0; text-align: left; }
.price .stars span { display: block; overflow: hidden; background: url(../images/stars.png) repeat-x 0 -20px; width: 0; text-indent: -9999px; height: 20px; }
.price .stars-1 span { width: 20px; }
.price .stars-2 span { width: 40px; }
.price .stars-3 span { width: 60px; }
.price .stars-4 span { width: 80px; }

/*
 * Text
 */
.dialog .text { position: absolute; top: 10px; left: 282px; _left: 10px; width: 355px; height: 360px; overflow: auto; padding-right: 5px; margin-top: 25px; }
.dialog .text .box { margin: 0; }
.dialog p, .dialog h1 { margin-left: 17px; }
.dialog h1 { margin-bottom: 5px; }
.dialog blockquote { background: url(../images/quote.png) no-repeat 3px 0; padding-left: 23px; }
.dialog h2 { padding-left: 0; border: 0; font-size: 16px; font-weight: normal; line-height: 26px; margin-bottom: 5px; }
.dialog h2 span { display: block; margin-left: 17px; border-bottom: 1px solid #d7d7d7; }

.error-msg{background:#C97D7C none no-repeat scroll 5px 50%;border:1px solid #F80000;margin-bottom:10px;padding:5px;}
.error-msg p{color:#FFFFFF; padding:0 0 0 20px; margin:0;}
.error-msg div{float:left;height:16px;width:30px;background:#C97D7C url(../images/imboutique_erreur.png) no-repeat scroll 5px 50%;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/imboutique_erreur.png', sizingMethod='crop');}

.suss-msg{background:#91B020 none no-repeat scroll 5px 50%;border:1px solid #799D0E;margin-bottom:10px;padding:5px;}
.suss-msg p{color:#FFFFFF; padding:0 0 0 20px; margin:0;}
.suss-msg div{float:left;height:16px;width:30px;background:url(../images/imboutique_succes.png) no-repeat scroll 5px 50%;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/imboutique_succes.png', sizingMethod='crop');}

.rappel-sub {}
.rappel-sub input {background:transparent url(../images/submit.png) no-repeat scroll 0 0;border:0 none;color:#999999;cursor:pointer;font-size:16px;font-weight:bold;height:59px;padding:0;width:192px; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/submit.png', sizingMethod='crop');}
input.over {background:transparent url(../images/imboutique_submit_hover.png) no-repeat scroll 0 0;border:0 none;color:#999999;cursor:pointer;font-size:16px;font-weight:bold;height:59px;padding:0;width:192px; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.imboutique.fr/images/imboutique_submit_hover.png', sizingMethod='crop');}


#portfolio-slide #slide-wrapper {margin:0;width:auto;}
#portfolio-slide #slide-wrapper .prev {background:transparent url(../images/arrow-left.jpg) no-repeat scroll 0 0;color:#999999;display:inline;float:left;height:21px;line-height:21px;
padding-left:25px; margin:0 0 0 780px;text-indent:0; top:0;width:auto; position:relative; float:left;}
#portfolio-slide #slide-wrapper .next{background:transparent url(../images/arrow-right.jpg) no-repeat scroll 100% 0;color:#999999;display:inline;float:left;height:21px;line-height:21px;
padding-right:25px;margin:0 20px 0 0;text-indent:0; top:0;width:auto; position:relative; float:right;}
#portfolio-slide #slide {display:block;margin:0;overflow:hidden;width:980px;;}
#portfolio-slide #slide ul {height:auto;margin:0 0 0 -15px;}
#portfolio-slide #slide li {background:none;display:inline;float:left;height:auto;margin:0;overflow:hidden;padding:0;width:auto;}
#slide li a {display:block;height:auto;margin:auto;text-align:center;width:auto;line-height:1.2;}
#slide .image { margin:0;}
#portfolio-slide #slide-wrapper .prev:hover {background:transparent url(../images/imboutique_arrow-left_hover.jpg) no-repeat scroll 0 0; color:#666666; text-decoration:none; }
#portfolio-slide #slide-wrapper .next:hover {background:transparent url(../images/imboutique_arrow-right_hover.jpg) no-repeat scroll 100% 0; color:#666666; text-decoration:none;}

a.test-boutique { background: url(../images/imboutique_magento_tester.png) no-repeat scroll 0 0; display:block; height:60px;}
a.test-boutique:hover { background: url(../images/imboutique_magento_tester_hover.png) no-repeat scroll 0 0; text-decoration:none; cursor:pointer;}
a.test-boutique h2{ line-height:40px; text-align:center; color:#999; font-weight:bold;}
a.test-boutique:hover h2{ color:#666;}

a.demo-boutique { background: url(../images/imboutique_magento_tester_2.png) no-repeat scroll 0 0; display:block; height:60px; cursor:pointer;}
a.demo-boutique:hover { background: url(../images/imboutique_magento_tester_2_hover.png) no-repeat scroll 0 0}
a.demo-boutique h2{ line-height:40px; text-align:center; color:#999; font-weight:bold;}
a.demo-boutique:hover h2{ color:#666;}

.plus_link_sub li a{ background:none; cursor:pointer;height:auto;line-height:11px;}
.plus_link_sub li{}
.clear strong { color:#999; font-weight:bold;}
.left-text { width:275px;}
.clear .link-list li div {background:transparent url(../images/bullet-square.gif) no-repeat scroll 8px 5px;padding-left:20px;}
.clear .link-list li{ margin-bottom:10px;}
.plus_link_sub li.active a{ color:#333;}
#chargement{font-size:12px; left:750px; padding:3px 25px 5px; position:absolute; top:377px;}
#chargement.conseil {color:#66CC00; background:url(../images/conseil.gif) right center no-repeat}
#chargement.creation{color:#FF9900; background:url(../images/creation.gif) right center no-repeat}
#chargement.traffic{color:#66CCCC; background:url(../images/traffic.gif) right center no-repeat}
#chargement.suivi{color:#FF3300; background:url(../images/suivi.gif) right center no-repeat}

#screen{padding:8px;background:#fff url(../images/gallery-bg.jpg) no-repeat scroll 50% 0;border:1px solid #CBCBCB;height:427px;}
#screen #sections{overflow:hidden;padding:0 5px;}
#screen #sections ul{overflow:hidden;width:1000px; margin:0;}
#screen #sections li{width:212px;overflow:hidden;display:block;float:left;}
#screen #sections li .pic{width:105px;float:left;}
#screen #sections li .pic a{display:block;}
#screen #sections li .pic a img{display:none;}
#screen #sections li .pic a img.show,#screen #sections li .pic a img.active{display:block;}
#portfolio-slide #column {background:url("../images/subnav-big-no.jpg") no-repeat scroll 0 100%;position:relative;padding-bottom:35px; }
#navigation{bottom:10px;position:absolute;right:20px;}
#navigation li{float:left; list-style:none;}
#navigation li img{cursor:pointer;}
#navigation li a{display:block; width:15px; height:15px;text-align:center;line-height:15px;}
#navigation li a:hover,#navigation li a.active{background:#666;color:#fff;text-decoration:none;}
#portfolio-content{float:right;width:720px;}
#portfolio-content .main-part{overflow:hidden;}
#portfolio-content .img-part{float:left;margin-right:10px;width:350px;height:350px;position:relative;}
#portfolio-content .img-part .truic{background:url("../images/truic.gif") no-repeat scroll 0 0;bottom:12px;height:106px;position:absolute;width:345px;}
#portfolio-content .desc-part{float:right;width:360px;}
#portfolio-content .desc-part h2{background:url("../images/m-ico.gif") no-repeat scroll 0 50%;}
#portfolio-content .pre-part{clear:both;margin-top:20px;}

#portfolio-content .img-part .truic .site-access{display:block;text-align:center;color:#999;font-size:12px;line-height:30px;}
#portfolio-content .img-part .truic .site-access:hover{background:url("../images/site-access-over.gif") no-repeat scroll 0 0;text-decoration:none;}
#portfolio-content .img-part .truic .level{font-size:12px; color:#999;float:left;padding:10px 0 10px 20px;width:40%;}
#portfolio-content .img-part .truic .level .rating{width:107px;height:22px;}
#portfolio-content .img-part .truic .portfolio-con{font-size:12px;width:49%;float:right;margin-right:10px;}
#portfolio-content .img-part .truic .portfolio-con a{display:block;padding:10px; font-size:12px; color:#666;}
#portfolio-content .img-part .truic .portfolio-con a:hover{background:url("../images/site-rapell-over.jpg") no-repeat scroll 0 0;text-decoration:none;}
#portfolio-content .img-part .truic .portfolio-con a strong{font-size:14px; color:#737373;}
#portfolio-content .img-part .truic .rating{display:block; width:110px; height:20px;background:url("../images/rating.gif") no-repeat scroll 0 100%;}
#portfolio-content .img-part .truic .rating a{display:block;background:url("../images/rating.gif") no-repeat scroll 0 0;height:20px;}
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #F5F5F5;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(../images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #3C3C3C;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #FFF }
#MB_close { color: #FCFCFC }
#MB_close:hover { color: #FCFCFC }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}
a {outline:none; color:#737373;}