html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, hr, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
a img { border: none; }
img { border: none; }
ul { list-style: none; }
ol { border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
* html li { height: 1%; }
acronym, abbr{ border: 0; margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; cursor:help; } 
a acronym, a abbr{ border: 0; cursor:pointer; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.none { display: none; }
.clear { clear: both; height: 1px; overflow: hidden; }
.clear0 { clear: both; }
.strong { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

body { background: #45d9e3 url(/i/bg_body.jpg) left top repeat-x; font-family: arial, helvetica, verdana, sans-serif; margin: 0; padding: 0; font-size: 0.8em; color: #444444; }
#window { background: transparent url(/i/bg_window.jpg) center top no-repeat; min-width: 980px; }
*+html #window { background: transparent url(/i/bg_windowIE.jpg) center top no-repeat; min-width: 980px; }
#page { width: 980px; overflow: hidden; margin: 0 auto; }
a, a:hover { color: #444444; text-decoration: underline; }

#header { height: 108px; }
#h_menu { float: right; padding: 10px 25px 0 0; }
#h_lang { float: left; padding-right: 20px;}
#h_lang a, #h_lang a:hover { text-align: right; }
#h_connexion { float: right;/* text-align: right; padding: 10px 25px 0 0;*/ }
#h_connexion a, #h_connexion a:hover { text-align: right; background: transparent url(/i/pict_connexion.gif) left 50% no-repeat; padding: 3px 0 0 20px; }
#h_left { float: left; width: 270px; padding-left: 20px; }
#h_right { float: right; width: 660px; padding-top: 38px; margin-right: 22px; text-align: right; }

#lang { float: right; }
#twittbook { float: right; margin-top: -23px; }
#twitter { float: left; }
#twitter span { float: left; font-size: 11px; padding-top: 10px;}
#twitter img { margin-top: 0px;}
#facebook { float: right; padding-left: 15px; }
#facebook span { float: left; font-size: 11px; padding-top: 10px;}
#facebook img { margin-top: 0px;}

#h_right ul { float: left; text-align: left; margin-left: 0px; width: 580px; }
#h_right ul li { display: inline; padding: 0 6px; margin: 0; }
#h_right ul li span { padding: 0 6px; background: transparent url(/i/pipe_menu.gif) left center no-repeat; }
#h_right ul li a, #h_right ul li a:hover { color: #000; font-weight: bold; text-decoration: none; }
#h_right ul li a:hover { text-decoration: underline; }
#h_right ul li.on { color: #ff6868; font-weight: bold; }

#breadcrumb { padding-left: 18px; height: 38px; }
#breadcrumb a { text-decoration: none; color: #000; font-weight: bold; }
#breadcrumb a:hover { text-decoration: underline; }

#maincontent { background: transparent url(/i/bg_maincontent.png) left top repeat-y; overflow: hidden; }
#left_column_1col { float: left; width: 960px; margin-left: 10px; }
#left_column_2col { float: left; width: 704px; margin-left: 10px; }
#left_column_3col { float: left; width: 199px; margin-left: 10px; }
#center_column_3col { float: left; width: 199px; margin-left: 10px; }
#right_column { float: right; width: 199px; margin-right: 10px; }


.lc1c_boxtop { width: 960px; height: 9px; background: transparent url(/i/bg_lc1c_boxtop.png) left top no-repeat; }
.lc1c_boxbottom { width: 960px; height: 9px; background: transparent url(/i/bg_lc1c_boxbottom.png) left top no-repeat; margin-bottom: 13px; }
.lc1c_boxcontent { width: 960px; background: transparent url(/i/bg_lc1c_boxcontent.png) left top repeat-y; padding: 12px 0px 100px 0px; }
.lc1cbc_middle { float: left; width: 930px; margin-left: 18px; }
.lc1cbc_middle_center { float: left; width: 689px; margin-left: 140px; }
.lc1cbc_content { }

.lc2c_boxtop { width: 748px; height: 9px; background: transparent url(/i/bg_lc2c_boxtop.png) left top no-repeat; }
.lc2c_boxbottom { width: 748px; height: 9px; background: transparent url(/i/bg_lc2c_boxbottom.png) left top no-repeat; margin-bottom: 13px; }
.lc2c_boxcontent { width: 748px; background: transparent url(/i/bg_lc2c_boxcontent.png) left top repeat-y; padding: 12px 0px 100px 0px; }
.lc2c_boxcontent_2 { width: 748px; background: transparent url(/i/bg_lc2c_boxcontent.png) left top repeat-y; padding-top: 12px; padding-bottom: 12px; padding-left:20px;}
.lc2cbc_1column, .lc2cbc_gabarit { padding-left: 27px; padding-right: 20px; padding-bottom: 200px; }
.lc2cbc_left { float: left; width: 210px; margin-left: 16px; }
.lc2cbc_right { float: left; width: 486px; margin-left: 16px; }

.lc2cbc_middle { float: left; width: 710px; margin-left: 20px; }

.lc3c_boxtop { width: 199px; height: 4px; background: transparent url(/i/bg_lc3c_boxtop.png) left top no-repeat; }
.lc3c_boxbottom { width: 199px; height: 4px; background: transparent url(/i/bg_lc3c_boxbottom.png) left top no-repeat; margin-bottom: 13px; }
.lc3c_boxcontent { background-color: #fff; }
.lc3cbc_top { width: 199px; height: 4px; background: transparent url(/i/bg_lc3cbc_top.gif) left top no-repeat; }
.lc3cbc_bottom { width: 199px; height: 4px; background: transparent url(/i/bg_lc3cbc_bottom.gif) left top no-repeat; }
.lc3cbc_content { width: 199px; background: transparent url(/i/bg_lc3cbc_content.gif) left top repeat-y; padding-left: 5px; }

.cc3c_boxtop0 { width: 539px; height: 5px; background: transparent url(/i/bg_cc3c_boxtop0.png) left top no-repeat; }
.cc3c_boxbottom0 { width: 539px; height: 5px; background: transparent url(/i/bg_cc3c_boxbottom0.png) left top no-repeat; margin-bottom: 13px; }
.cc3c_boxcontent0 { width: 531px; background-color: #fff; padding: 0 4px; }

.cc3c_boxtop1 { width: 539px; height: 5px; background: transparent url(/i/bg_cc3c_boxtop0.png) left top no-repeat; }
.cc3c_boxbottom1 { width: 539px; height: 5px; background: transparent url(/i/bg_cc3c_boxbottom0.png) left top no-repeat; margin-bottom: 13px; }
.cc3c_boxcontent1 { width: 524px; background-color: #fff; padding-top:0px; padding-left: 15px; }

.cc3c_boxtop { width: 539px; height: 11px; background: transparent url(/i/bg_cc3c_boxtop.png) left top no-repeat; }
.cc3c_boxbottom { width: 539px; height: 11px; background: transparent url(/i/bg_cc3c_boxbottom.png) left top no-repeat; margin-bottom: 13px; }
.cc3c_boxcontent { width: 531px; background: transparent url(/i/bg_cc3c_boxcontent.png) left top repeat-y; padding: 0 4px; padding-bottom: 0px; }

.cc3cbc_bloc13 { float: left; width: 152px; padding: 0 12px; margin-bottom: 20px; }
.cc3cbc_bloc13 h2 { font-weight: bold; font-size: 120%; line-height: 1em; height: 45px; text-align: center; }
.cc3cbc_bloc13 h2.oneline { height: 30px; margin-top: 10px; }
.cc3cbc_bloc13 div { margin-top: 10px; margin-bottom: 5px; text-align: left;}
.cc3cbc_bloc13 .price { font-size: 150%; font-weight: bold; vertical-align: middle; }
.cc3cbc_bloc13 div img { vertical-align: middle; margin-right: 5px; }
.cc3cbc_bloc13 .linkwithpuce { display: inline; padding-right: 8px; }
.clearhomecontent { clear: both; margin: 0 10px; padding-bottom: 20px; border-top: 1px dotted #444; }


.demo_download { width: 174px; background: #fff url(/i/bg_demo_download.gif) left bottom repeat-x; padding: 8px; padding-bottom: 0px; }
.demo_download .btn_demo img { padding-bottom: 20px; width: 85px; height: 54px; }
.demo_download img { vertical-align: middle; }
.demo_download a, .demo_download a:hover { font-size: 90%; }

.top_download_bis { width: 174px; background: #fff url(/i/bg_demo_download.gif) left bottom repeat-x; padding: 8px; padding-bottom: 0px; }
.top_download_bis h2 { font-weight: bold; font-size: 120%; line-height: 1em; height: 45px; text-align: center; }
.top_download_bis h2.oneline { height: 30px; margin-top: 10px; }
.top_download_bis a, .top_download a:hover { font-size: 90%; }
.top_download_bis div { margin-top: 10px; margin-bottom: 5px; text-align: left;}
.top_download_bis .price { font-size: 150%; font-weight: bold; vertical-align: middle; }
.top_download_bis div img { vertical-align: middle; margin-right: 5px; }
.top_download_bis .linkwithpuce { display: inline; padding-right: 8px; }


.top_download { width: 174px; background: #fff url(/i/bg_demo_download.gif) left bottom repeat-x; padding: 8px; padding-bottom: 0px; }
.top_download a, .top_download a:hover { font-size: 90%; }
.top_download_right { float: right; width: 80px; padding-top: 30px; }
.top_download_right .price { font-size: 150%; font-weight: bold; display: block; margin-bottom: 5px; }
.top_download_right img, .top_download a { display: block; margin-bottom: 5px; }

table.mediakit { font-size:16px; font-style:bold; }
tr.mediakit { font-size:16px; font-style:bold; color: #000000; }
tr.mediakit a { font-size:16px; font-style:bold; }
td.mediakit { font-size:16px; font-style:bold;  }


.box_howitwork { margin-top: 10px; margin-bottom: 20px; padding-bottom: 20px;}
.box_howitwork ul { list-style-type: disc; margin-top: 5px; padding-left: 20px; }
.box_howitwork_left { float: left; }
.box_howitwork_right { float: left; margin-left: 20px; }
.clearhowitworkdotted { clear: both; margin-top: 20px; margin-bottom: 0px; border-top: 1px dotted #444; }

.lc3cbc_content p, .lc3cbc_content ul { width: 169px; padding: 8px 8px 0px 8px; margin-bottom: 8px; }
.lc3cbc_content ul.product_list { border-bottom: 1px dotted #444; padding: 12px 0 18px 0; width: 169px; margin: 0 8px; }
.lc3cbc_content .btn_steps { margin-bottom: 4px; }
.lc3cbc_content form { width: 169px; padding: 8px; }
.lc3cbc_content form input.inscription { border: none; background: #efefef; padding: 4px; font-weight: bold; width: 164px; font-size: 90%; margin-bottom: 10px; }

.linkwithpuce { display: block; background: transparent url(/i/puce_grey_right.gif) left 50% no-repeat; padding-left: 8px; }

.h2_demo, .h2_newsletter, .h2_top, .h2_basket { color: #fff; font-weight: bold; padding: 6px 10px 4px 10px; margin-left: 4px; }
*+html .h2_demo, *+html .h2_newsletter, *+html .h2_top, *+html .h2_basket { font-size: 150%; }
.h2_demo { background: transparent url(/i/bg_h2_demo.gif) left top no-repeat; }
.h2_newsletter { background: transparent url(/i/bg_h2_newsletter.gif) left top no-repeat; }
.h2_top { background: transparent url(/i/bg_h2_top.gif) left top no-repeat; }
.h2_basket { background: transparent url(/i/bg_h2_basket.gif) left top no-repeat; }

img.plateforme { margin-bottom: 14px; }
.lc2cbc_left_block { margin-top: 20px; padding: 0 0px 18px 0px; border-bottom: 1px dotted #444; }
.lc2cbc_left_block img { vertical-align: middle; margin-right: 10px; }
.lc2cbc_left_block .price { font-size: 140%; font-weight: bold; vertical-align: middle; }
.lc2cbc_left_block .linkwithpuce { margin-top: 5px; }
.lc2cbc_left ul, .lc2cbc_right ul, .lc2cbc_middle ul { list-style-type: disc; margin-top: 10px; padding-left: 30px; }
.lc2cbc_left .tmu { margin-top: 5px; padding-left: 15px; }

h1 { font-weight: bold; font-size: 160%; height: 30px; padding-top: 8px; }
.lc2cbc_right h2, .lc2cbc_middle h2, .lc1cbc_middle h2 { font-weight: bold; font-size: 120%; margin-top: 20px; margin-bottom: 20px; }
.lc2cbc_right p, .lc2cbc_middle p, .lc1cbc_middle p { margin-bottom: 20px; }
.lc1cbc_middle h1 { font-weight: bold; font-size: 200%; height: 40px; padding-top: 8px; }

.lc2cbc_ipad_block { margin-top: 20px; padding: 18px 0px 0px 0px; border-top: 1px dotted #444; }
.lc2cbc_ipad_block h2 { margin-top: 0px; font-weight: bold; font-size: 120%; }
.lc2cbc_ipad_block img { vertical-align: middle; margin-right: 10px; }
.lc2cbc_ipad_block .price { font-size: 140%; font-weight: bold; vertical-align: middle; }
.lc2cbc_ipad_block .linkwithpuce { margin-top: 5px; }
.lc2cbc_ipad_block ul, .lc2cbc_ipad_block ul, .lc2cbc_ipad_block ul { list-style-type: disc; margin-top: 10px; padding-left: 0px; }
.lc2cbc_ipad_block .tmu { margin-top: 5px; padding-left: 15px; }


.cleartable1 { margin-top: 40px; border-top: 1px dotted #444; }
.cleartable2 { margin-top: 20px; border-top: 1px dotted #444; }
.cleartable3 { margin-top: 0px; margin-bottom: 40px; border-top: 1px dotted #444; }
th { font-weight: bold; padding: 10px 0; vertical-align: middle; }
td { vertical-align: middle; padding: 5px 0; }
.th1 { width: 80px; }
.th2 { width: 258px; }
.th3, .td3 { width: 148px; text-align: center; }
.th4, .td4 { width: 136px; text-align: center; }
.th5, .td5 { width: 68px; text-align: center; }
.center_step1 { text-align: center; margin-bottom: 40px; }
.center_step2 { text-align: center; margin-top: 40px; }
.center_step1 img { margin: 0 15px; }
.note { color: #a1a1a1; display: block; margin-bottom: 30px; }
.grey { color: #a1a1a1; }
ul.classic { list-style-type: disc; margin-top: 10px; padding-left: 30px; }

.id_left { float: left; width: 336px; margin-right: 8px; }
.id_left h2 { font-size: 150%; color: #666666; font-weight: bold; margin-bottom: 10px; padding-left: 5px; }

.id_boxtop { width: 336px; height: 7px; background: transparent url(/i/bg_id_boxtop.gif) left top no-repeat; }
.id_boxbottom { width: 336px; height: 7px; background: transparent url(/i/bg_id_boxbottom.gif) left top no-repeat; margin-bottom: 13px; }
.id_boxcontent { width: 296px; background: transparent url(/i/bg_id_boxcontent.gif) left top repeat-y; padding: 20px 25px 40px 15px; }

.id_left form { text-align: left; padding-right: 20px; padding-top: 20px; }
.id_left form input.login { border: none; background: #efefef; padding: 4px; font-weight: bold; width: 280px; font-size: 90%; margin-bottom: 10px; }
.id_left form input.password { border: none; background: #efefef; padding: 4px; font-weight: bold; width: 100px; font-size: 90%; margin-bottom: 10px; margin-right:20px;}
.id_left form input.hidden { display: none; }
.id_left form .align_checkbox { padding: 4px; padding-left: 0px;}
.id_left form .center_step2 { padding-left: 40px; text-align: center; margin-top: 20px; }
.id_left .center_step2 { margin-top: 52px; }
.id_left form div { padding-left: 15px; text-align: left; }
*+html .id_left label { position: relative; bottom: 13px; }
*+html .id_left form div label { position: static; bottom: 0px; }

.cdc_left { float: left; width: 630px; margin-left: 5px; padding-bottom: 300px; }
.cdc_left form { text-align: right; padding-right: 20px; padding-top: 20px; }
.cdc_left form label { float: left; width: 166px; padding-top: 4px; padding-right: 14px; }
.cdc_left form div { float: left; width: 430px; text-align: left; }
.cdc_left form input { border: none; background: #efefef; padding: 4px; width: 164px; font-size: 90%; margin-bottom: 10px; }
.cdc_left form input.image { border: none; background: transparent; width: 201px; margin-bottom: 10px; margin-left: 175px; }
.cdc_left form select { border: none; background: #efefef; padding: 4px; width: 172px; font-size: 90%; margin-bottom: 10px; }
*+html .cdc_left form .grey { position: relative; bottom: 13px; }


.lc2cbc_gabarit h2 { margin-top: 30px; font-size: 110%; font-weight: bold; }
.lc2cbc_gabarit p { margin-top: 15px; }
.lc2cbc_gabarit p.p12 { width: 50%; }
.lc2cbc_gabarit ul.classic { margin-top: 15px; }
.lc2cbc_gabarit .block13 { float: left; width: 220px; margin-right: 12px; }

#footer { width: 980px; height: 48px; padding-top: 20px; font-size: 90%; margin-bottom: 40px; background: transparent url(/i/bg_footer.png) left top no-repeat; text-align: right; }
#footer ul { padding-right: 10px; }
#footer ul li { display: inline; padding: 0 6px; margin: 0; }
#footer ul li span { padding: 0 6px; background: transparent url(/i/pipe_footer.gif) left center no-repeat; }
#footer ul li a, #footer ul li a:hover { color: #444; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

.bloc_steps { width: 689px; height: 79px; background: transparent url(/i/bg_steps.gif) left top no-repeat; margin-bottom: 20px; }
.bloc_step1_on, .bloc_step2_on, .bloc_step3_on, .bloc_step1_off, .bloc_step2_off, .bloc_step3_off { width: 138px; height: 27px; background: transparent url(/i/bg_step1_on.gif) left top no-repeat; color: #7abc0a; font-weight: bold; float: left; margin-left: 36px; margin-top: 20px; padding-left: 50px; padding-left: 45px; padding-top: 12px; font-size: 90%; }
.bloc_step2_on { background-image: url(/i/bg_step2_on.gif); padding-left: 60px; }
.bloc_step3_on { background-image: url(/i/bg_step3_on.gif); padding-left: 60px; }
.bloc_step1_off { background-image: url(/i/bg_step1_off.gif); color: #929292; }
.bloc_step2_off { background-image: url(/i/bg_step2_off.gif); color: #929292; padding-left: 60px; }
.bloc_step3_off { background-image: url(/i/bg_step3_off.gif); color: #929292; padding-left: 60px; }


.bg_paiement { width: 333px; height: 53px; margin-left: 110px; background: transparent url(/i/bg_paiement_en.gif) left top no-repeat; padding-top: 85px; padding-left: 150px; }
.btn_paiement { width: 201px; height: 36px; background: transparent url(/i/btn_terminercommande.gif) left top no-repeat; padding-top: 10px; }
.btn_paiement a { color: #fff; text-decoration: none; padding: 10px 70px 10px 60px; font-size: 100%; }
.btn_paiement a:hover { color: #fff; text-decoration: underline; }


 #flashContent { width:100%; height:100%; }


/* example_6 css */  
#example_6 {  
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 640px; /* important */  
    height: 540px; /* important */  
    margin: 0;  
    background: #fff;  
}  

#example_6_content {  
    position: absolute;  
    top: 0;  
    margin-left: 0;  
}  

#example_6_content  
#example_6_content li {  
    list-style: none;  
    margin: 0;  
    padding: 0;  
}  
#example_6_content {  
    width: 13440px;  
}  
#container_bd #example_6 ul li {  
    display: block;  
    float: left;  
    margin: 0;  
    padding: 0;  
    border: none;  
    background-color: #fff;  
}  

#container_bd #example_6 ul li img {  
    display: block;  
}  

#example_6_frame {  
    position: relative;  
    margin: 485px 131px 0 131px;  
}  
#container_bd #example_6_frame ul li {  
    margin: 0 2px;  
}  
#container_bd #example_6_frame ul li img{  
    border: 1px solid #9cf;  
    padding: 2px;  
}  
#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}