/* CSS Document */
/**************************************
Author:		Polynome
Client:		MyOwn.be
Name:		Benjamin Lucas

Revision:	25/08/2008
Name:		Benjamin Lucas
---------------------------------------*/

div#content .box-container {margin:0 0 15px 0; font-size:0.63em;}
div#content .box-container .content-box-02-container .heading-container{background:#FFF url(../images/box/bg_heading_right.gif) right 8px no-repeat; padding:0 0 0 0px;}
div#content .box-container .content-box-02-container .heading-container h2 {background:url(../images/box/bg_heading_box.gif) left 8px no-repeat; border:0; color:#123466; font:normal normal 1.8em "Trebuchet MS", Helvetica, "Courier New", Courier, mono;; padding:0 0 0 50px; margin:0;}
div#content .box-container .content-box-02-container .heading-container h2 span {background:#FFF; padding:0 5px;}
div#content .box-container .content-box-02-container .heading-container h2 span em{color:#F96611; font-weight:bold; font-style:normal;}
div#content .box-container .content-box-02-container .content-box {border-left:1px solid #d4dcec; border-right:1px solid #d4dcec; font-size:1.2em; height:1%; padding:0 10px; overflow:auto; position:relative;}
div#content .box-container .content-box-02-container{background:url(../images/box/bg_box_02.gif) bottom left repeat-x;}
div#content .box-container .content-box-02-container .content-box div.texte {margin:15px 0 10px 10px; padding:0; }
div#content .box-container .content-box-02-container .content-box div.texte p {font:normal 1.1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; text-align:justify; }
div#content .box-container .content-box-02-container .content-box div.texte p a {color:#036; }
div#content .box-container .content-box-02-container .content-box div.texte p a:hover {color:#F96611;  text-decoration:none;}
div#content .box-container .content-box-02-container .content-box div.main-visual{margin:15px 0 0 15px; padding:0;}/*Bug ie6*/
div#content .box-container .content-box-02-container .content-box div.description ul.intro {font:normal 1.2em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; list-style-type:none; margin:30px 0 0 50px; padding:0;}
div#content .box-container .content-box-02-container .content-box div.description ul.intro li {background:url(../images/bullets_v.gif) left 5px no-repeat; padding:0 0 0 15px;}
div#content .box-container .content-box-02-container .content-box div.price {background:url(../images/bg_star.gif) left top no-repeat; color:#FFF; font:bold 1.3em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; height:132px; margin:7px 0 0 400px; padding:40px 0 0 0; text-align:center; width:134px;}
div#content .box-container .content-box-02-container .content-box div.price em{font:normal bold 1.3em "Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
div#content .box-container .content-box-02-container .content-box div.previous{font:normal normal 1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; padding:5px;}
div#content .box-container .content-box-02-container .content-box div.previous a:link,div#content .box-container .content-box-02-container .content-box div.previous a:visited{background:url(../images/bg_previous.gif) left 4px no-repeat; color:#123466; padding:0 0 0 20px; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box div.previous a:hover{background:url(../images/bg_previous.gif) left 4px no-repeat; color:#F96611; padding:0 0 0 20px; text-decoration:none;}
div#content .box-container .content-box-02-container .content-box div.previous a:active{background:url(../images/bg_previous.gif) left 4px no-repeat; color:#123466; padding:0 0 0 20px; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box div.next{font:normal normal 1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; padding:5px;}
div#content .box-container .content-box-02-container .content-box div.next a:link,div#content .box-container .content-box-02-container .content-box div.next a:visited{background:url(../images/bg_next.gif) right 4px no-repeat; color:#123466; padding:0 20px 0 0; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box div.next a:hover{background:url(../images/bg_next.gif) right 4px no-repeat; color:#F96611; padding:0 20px 0 0; text-decoration:none;}
div#content .box-container .content-box-02-container .content-box div.next a:active{background:url(../images/bg_next.gif) right 4px no-repeat; color:#123466; padding:0 20px 0 0; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box div.order{position:absolute; bottom:0px; left:243px;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01{margin:10px 0 0 0; padding:0;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dt{color:#123466; font:bold 1.08em Arial, Helvetica, sans-serif;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dt.ico-positive a {background:url(../images/bg_spec_lev_01.gif) left 2px no-repeat; color:#123466; display:block; padding:0 0 0 15px; text-decoration:none; width:90%;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dt.ico-negative a {background:url(../images/bg_spec_lev_01.gif) left -20px no-repeat; color:#123466; display:block; padding:0 0 0 15px; text-decoration:none; width:90%;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd{margin:5px 0 10px 0; padding:0;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02{background:#F2F2F2; border-bottom:1px solid #D4DCEC; border-left:6px solid #D4DCEC; border-right:1px solid #D4DCEC; border-top:1px solid #D4DCEC; margin:0 0 0 17px; padding:0;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dt{background:url(../images/bg_spec_lev_02.gif) 7px 8px no-repeat; border-bottom:1px solid #DEDEFF; font:normal 1em Arial, Helvetica, sans-serif; margin:0; padding:5px 5px 5px 20px; position:relative;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dt a{color:#123466; display:block; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dt span{color:#F96611; float:right; margin:0; padding:0 0 0 5px;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dt span a:link,div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dt span a:visited{background:url(../images/bg_info.gif) left 3px no-repeat; color:#F96611; display:block; font:normal 0.92em Arial, Helvetica, sans-serif; padding:2px 0 2px 20px; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dt span a:hover{color:#F96611; text-decoration:none;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dt span a:active{color:#F96611; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dd{background:#FFF; color:#666; margin:0; padding:10px 35px 10px 20px; position:relative;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dd div.detail-spec a:link,div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dd div.detail-spec a:visited{color:#123466; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dd div.detail-spec a:hover{color:#123466; text-decoration:none;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dd div.detail-spec a:active{color:123466; text-decoration:underline;}
div#content .box-container .content-box-02-container .content-box dl.specification-level-01 dd dl.specification-level-02 dd div.close-detail-spec{position:absolute; right:0; top:0; z-index:5000;}
div#content .box-container .footer-box-02 {background:url(../images/box/bg_footer_box_right_02.gif) right top no-repeat; height:10px; overflow:hidden;}
div#content p {margin:0 0 10px 0;}

.align-center{text-align:center;}
.float-left{float:left;}
.float-right{float:right;}
.clear-left{clear:left;}


/* Tableau comparatif
--------------------------------------------------- */
div.tbl_compare { text-align:center; }
div.tbl_compare table { border-spacing:0px; border-collapse:collapse; } 
div.tbl_compare th.first { background-color:#669; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-align:left; padding: 2px 0px 3px 0px; width:200px; }
div.tbl_compare th.detail { background-color:#669; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-align:center; padding: 2px 0px 3px 0px; width:65px; }
div.tbl_compare th a { color:#fff; text-decoration:underline; }
div.tbl_compare th a:hover { text-decoration:none; }

div.tbl_compare th.separator { width:1px; background-color:#fff; padding: 2px 0px 3px 0px; }

div.tbl_compare tr.o { background-color:#fff; }
div.tbl_compare tr.e { background-color:#e5e5e5; }
div.tbl_compare tr.separator { background-color:#fff; height:10px; }

div.tbl_compare td { padding: 2px 0px 3px 0px; }
div.tbl_compare td a { color:#036; text-decoration:underline; }
div.tbl_compare td a:hover { color:#F60; text-decoration:none; }
div.tbl_compare td.separator { width:1px; background-color:#fff; }
div.tbl_compare td.first { text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #036; font-weight: normal; }
div.tbl_compare td.price { text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #036; font-weight: bold; }
div.tbl_compare td.detail { text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #036; font-weight: normal; }


/* HACKS
--------------------------------------------------- */
/*IE6.0*/
* html div#content .box-container .content-box-02-container .content-box p.box-02-visual{position:absolute; left:77%; bottom:20%;}
* html div#content .box-container .content-box-container .content-box div.description h3{margin:5px 0; padding:0;}
* html div#content .box-container .content-box-02-container .content-box div.main-visual{display:inline;}
/*IE7*/
*+html div#content .box-container .content-box-container .content-box div.description h3{margin:5px 0; padding:0;}