/* CSS Document */
/**************************************
---------------------------------------*/

div#content .box-container {margin:0 0 15px 0; font:normal 0.63em "Trebuchet MS", Helvetica, "Courier New", courier, mono;}
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; font:normal 1em "Trebuchet MS", Helvetica, "Courier New", courier, mono;}
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 label {font-family: "Trebuchet MS", Helvetica, "Courier New", Courier, mono; font-size: 10px;	font-weight: bold; color: #666666; letter-spacing: 2pt; vertical-align: bottom;}
div#content .box-container .content-box-02-container .content-box label a { text-decoration:underline; }
div#content .box-container .content-box-02-container .content-box label a:hover { color:#003366; text-decoration:underline; }

div#content .box-container .content-box-02-container .content-box input[type=submit] { font-size: 0.8em; font-weight: bold; color: #666666; letter-spacing: 2pt; border-right: #666666 0px solid; border-top: #666666 2px solid; border-left: #666666 0px solid; border-bottom: #666666 2px solid; height: 18px; line-height: 10px; background-color: #eeeeee; margin-left:5px; }
div#content .box-container .content-box-02-container .content-box input[type=submit]:hover { color: #003366; }

div#content .box-container .content-box-02-container .content-box div.liste {margin:15px 0 10px 10px; padding:0; }
div#content .box-container .content-box-02-container .content-box div.liste ul {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.liste li { list-style-type: disc; margin-left: 30px; }

div#content .box-container .content-box-02-container .content-box div.tarif {margin:15px 0 10px 10px; padding:0; }
div#content .box-container .content-box-02-container .content-box div.tarif table {font:normal 1.1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; text-align:justify; width:500px; border:0px; padding:0px; }
div#content .box-container .content-box-02-container .content-box div.tarif table td.description {width: 350px; text-align:left; }
div#content .box-container .content-box-02-container .content-box div.tarif table td.price {width: 150px; text-align:right; }
div#content .box-container .content-box-02-container .content-box div.tarif p {font:normal 0.9em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; text-align:left; margin-top:10px;  }


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; font:normal 1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
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;}

div#content .box-container .content-box-02-container .content-box .tbl-tarif {text-align:center; padding-top:10px; }
div#content .box-container .content-box-02-container .content-box .tbl-tarif th {background-color:#669; color:#fff; border-color:#fff; border:1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-align:center; padding: 2px 0px 3px 0px; }
div#content .box-container .content-box-02-container .content-box .tbl-tarif tr {background-color: transparent; color:#036; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align:center; }
div#content .box-container .content-box-02-container .content-box .tbl-tarif tr span {color:#999; }
div#content .box-container .content-box-02-container .content-box .tbl-tarif td {text-align:center; }
div#content .box-container .content-box-02-container .content-box .tbl-tarif td.aleft {text-align:left; }


.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; }


/* Tableau liste de prix des domaines
--------------------------------------------------- */
div.tbl_dompricelist { text-align:center; }
div.tbl_dompricelist table { border-spacing:0px; border-collapse:collapse; } 
div.tbl_dompricelist th.extensions { 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:60px; }
div.tbl_dompricelist th.pays { 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:130px; }
div.tbl_dompricelist 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:100px; }
div.tbl_dompricelist th a { color:#fff; text-decoration:underline; }
div.tbl_dompricelist th a:hover { text-decoration:none; }

div.tbl_dompricelist th.separator { width:3px; background-color:#fff; padding: 2px 0px 3px 0px; }

div.tbl_dompricelist tr.o { background-color:#fff; }
div.tbl_dompricelist tr.e { background-color:#e5e5e5; }
div.tbl_dompricelist tr.separator { background-color:#fff; height:10px; }

div.tbl_dompricelist td { padding: 2px 0px 3px 0px; }
div.tbl_dompricelist td a { color:#036; text-decoration:underline; }
div.tbl_dompricelist td a:hover { color:#F60; text-decoration:none; }
div.tbl_dompricelist td.separator { width:1px; background-color:#fff;  border-left-width:1px; border-left-color:#666;}
div.tbl_dompricelist td.extensions { text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #036; font-weight: normal; }
div.tbl_dompricelist td.pays { text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #036; font-weight: normal; }
div.tbl_dompricelist td.price { text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #036; font-weight: normal; }
div.tbl_dompricelist td.promo { text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00; font-weight: bold; }
div.tbl_dompricelist td.promo span { text-decoration: line-through; color: #036; font-weight:normal; font-size: 9px; }
div.tbl_dompricelist 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;}
