/* balises */
html, body { height:100%; margin:0; font:normal 11px arial; color:#000; }
img { border:0; }
ul { margin:0; padding:0; list-style-type:none; }
li { margin:0; padding:0; }
a { text-decoration:none; color:#000; outline: none; }
a:hover { text-decoration:none; color:#f60; }
h2 { margin: 10px 0 20px; padding-bottom: 10px; width: 782px; font: normal 16px arial; color: #333333; border-bottom: 2px solid #d8d8d8; }
h2.partenaires { padding:0 0 20px 0; border:0; }
h3 { margin: 0 0 10px 0; padding-bottom: 10px; font-size: 14px; border-bottom: 3px solid #d8d8d8; }
/* classes courantes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.orange { color: #f60; }
.fleche { padding-left: 20px; background: transparent url(img/fleche.gif) no-repeat 0 2px; }
.puce { padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
.puce_fleche { padding-left: 15px; background: transparent url(img/puce_fleche.gif) no-repeat 0 3px; }
.puce_fleche_current { padding-left: 15px; background: transparent url(img/puce_fleche_current.gif) no-repeat 0 3px; }
.mentions { margin-top: 10px; padding-top: 10px; font: normal 10px arial; color: #666666; border-top: 1px solid #d8d8d8; }
a.print { display: block; padding: 20px 0 0 55px; width: 120px; height: 27px; background: transparent url(img/picto_imprimer.gif) no-repeat 0 0; }
/* montage principal */
#container { margin:0 0 0 20px; width:1005px; _width: 1008px; }
#header { padding-top:14px; height:auto; background:url(img/bg_header.gif) no-repeat right 45px; }
#header img { float:left; }
#header .accueil { display:block; float:left; margin:28px 20px 0; padding-left:18px; font-size:11px; color:#F60; background:url(img/picto_accueil.gif) no-repeat 0 0; }
#header .header { margin:14px 0 7px 0; }
#header .btn_decouvrez { display:block; float: left; margin: 14px 150px 0 0; }
#header .recherche { float: left; padding: 20px 0 0 38px; margin-right: 2px; width: 374px; height: 43px; background: transparent url(img/header_bg_recherche.gif) no-repeat 0 0; }
#header .pictos { float: left; margin-left: 1px; }
/* menu central du site (haut) */
#menu { float: left; margin: 0; width:771px; }
#menu a { display:block; float:left; height:30px; background-image:url(img/menu.gif); }
#menu a span { display:none; }
#m_be { width:261px; background-position:0 0; }
#m_be.current, #m_be:hover { background-position:0 -30px; }
#m_kit { width:250px; background-position:-261px 0; }
#m_kit.current, #m_kit:hover { background-position:-261px -30px; }
#m_partenaire { width:260px; background-position:-511px 0; }
#m_partenaire.current, #m_partenaire:hover { background-position:-511px -30px; }
/* menu de navigation du site (gauche) */
#menu_nav { float: left; }
#menu_nav ul{ margin: 0; padding: 0; width: 160px; border: 0; font-size: 11px; }
#menu_nav li { list-style-type: none; padding: 0 0 0 12px; border-top: 1px solid #d4d4d4; background: transparent url(img/puce_fleche.gif) no-repeat 0 9px; }
#menu_nav .level-0 ul { margin: 0; width: auto; }
#menu_nav .level-0 ul li { padding: 5px 0 5px 23px; background-color:#F9F9F9; background-position: 9px 9px; }
#menu_nav .level-0 ul .titre { font-weight:normal; margin:0; }
#menu_nav .level-1 ul { display: none; width: auto; }
#menu_nav .accueil { padding: 6px 0 6px 12px; border-bottom: 6px solid #eeeeee; border-top: 0; font-weight: bold; }
#menu_nav .level-0 ul .level-1.current a { color: #ff6600; }
#menu_nav .current span a { color: #ff6600; }
#menu_nav .level-1 { padding:0; border-left: none; }
#menu_nav .titre { font-weight: bold; display:block; margin:6px 0; }
/* menu page partenaire */
#menu_nav.partenaire .level-0.current ul { display:block; }
#menu_nav.partenaire .level-1.current ul { display: block; }
#menu_nav.partenaire .level-0 .level-1.current a { color: #ff6600; }
#menu_nav.partenaire .level-0 .level-1 .level-2 a { color: #000; }
#menu_nav.partenaire .level-0 .level-1 .level-2.current a { color: #ff6600; }
#m_partenaires { width:auto }
/* exception page d'accueil */
.content_accueil { position: relative; float: left; margin: 0; padding: 0; width: 770px; height: 611px; border-left: 1px solid #d8d8d8; }
.col_droite_accueil { float: left; margin: 0; padding: 5px 5px 20px 5px; width: 221px; height: 584px; font: normal 11px arial; border: 1px solid #d8d8d8; border-width: 1px 2px 2px 1px; }
.col_droite_accueil .case { padding: 10px 15px; width: 187px; border-bottom: 1px solid #d8d8d8; }
.col_droite_accueil .case span { display: block; padding-left: 18px; }
/* pages standardes */
.content { position: relative; float: left; padding: 0 0 10px 7px; width: 837px; border: 1px solid #d8d8d8; border-width: 0 0 2px 1px; }
.contenu { padding-left: 10px; }
.content img.logo { position: absolute; right: 70px; }
.content img.logo.fujitsu-siemens { top: -40px; }
.content img.logo.hp { top: -57px; }
.content img.logo.sony { top: -42px; }
.content img.logo.toshiba { top: -36px; }
#footer { margin-top: 20px; *margin-top: 50px; padding-top: 10px; border-top: 5px solid #cccccc; font: normal 11px arial; color: #000; }
#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer li { display: inline; }
#footer a { margin-right: 15px; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#footer a.current { color: #ff6600; }
/* montage pages */
#accueil { }
#accueil .actualites { position: absolute; top: 126px; left: 0; padding: 85px 0 20px 8px; width: 330px; border: 1px solid #d8d8d8; border-width: 0 0 3px 0; background: transparent url(img/accueil_bg_actualites.gif) no-repeat right top; }
#accueil .actualites .case { clear: both; padding: 10px 0; height: 105px; border-bottom: 1px solid #d8d8d8; font-size: 11px; }
#accueil .actualites .case .screencap { float: left; margin-right: 5px; width: 140px; text-align: center; }
#accueil .partenaires { position: absolute; top: 320px; left: 372px; padding: 45px 14px 0 14px; width: 370px; height: 108px; background: transparent url(img/accueil_bg_partenaires.gif) no-repeat 0 0; }
#accueil .partenaires .case { margin-top: 5px; *margin-top: 10px; padding: 5px 0 5px 12px; border-top: 1px solid #cccccc; font-size: 11px; background: transparent url(img/puce_fleche.gif) no-repeat 0 8px; }
#accueil .store { position: absolute; top: 472px; left: 372px; width: 398px; height: 140px; }
#accueil .store .shop { float: left; padding: 100px 0 0 100px; width: 100px; height: 38px; border:1px solid #cccccc; background:transparent url(img/accueil_bg_store.gif) no-repeat 0 0; cursor: pointer; }
#accueil .store .simulateur { float: left; width: 194px; height: 138px; border:1px solid #cccccc; }
#be-abc { }
#be-abc ul { float: left; margin: 5px 0; padding: 0; width: 225px; }
#be-abc li { margin: 0 0 5px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#be-abc .case { margin: 0 20px 20px 0; padding: 0 0 10px 0; width: 375px; border-bottom: 1px solid #d8d8d8; }
#be-abc .case img { float: left; margin-right: 10px; }
#be-abc .case span { display: block; float: left; width: 225px; }
#be-abc .case span.sstitre { display: block; float: none; margin: 5px 0; padding: 5px; width: auto; font-weight: bold; border-bottom: 1px solid #d8d8d8; }
#be-tarif { }
#be-tarif .offre { float:left; margin: 0 10px 10px 0; padding:62px 14px 0 27px; width:364px; background:#FFF url(img/bg_tarif.gif) no-repeat 0 0; }
#be-tarif .offre strong.intro { display: block; margin: 0 0 10px 0; }
#be-tarif .offre .bloc { margin: 0 0 10px 0; padding: 10px 0 10px 0; border-bottom: 1px solid #cccccc; background: transparent url(img/bg_tarif_bloc.gif) repeat-y 0 0; }
#be-tarif .offre .bottom { margin: 0 0 0 -27px; padding: 0; width: 405px; height: 20px; font-size: 1px; background: transparent url(img/bg_tarif.gif) no-repeat 0 -1177px; }
#be-tarif img.graph { margin: 0 0 0 20px; }
#be-tarif .optima { margin: 5px 0 0 0; padding: 2px; width: 351px; background: #eaeaea; }
#be-tarif .mentions_graph { padding: 5px 0; font-size: 10px; }
#be-tarif ul { margin: 5px 0; padding: 0 0 0 15px; }
#be-tarif .mentions { margin: 0; padding-top: 5px; border:0; }
#be-tarif .offre ul { margin:3px 0; padding: 0; }
#be-tarif li { margin: 0 0 5px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#be-tarif .case { margin: 0 0 20px 0; padding: 10px; width: 350px; border:0; }
#be-couverture { }
#be-couverture h3 { margin: 20px 0 10px 0; }
#kit-telechargez { }
#kit-telechargez .iframe_kit_dl { height: 500px; width: 772px; }
#kit-compatibilite { }
#kit-compatibilite h2 { margin-bottom: 10px; }
#kit-compatibilite h3 { margin: 10px 0; width: 300px; }
#kit-compatibilite span { display: block; margin-bottom: 10px; font-weight: bold; }
#kit-compatibilite table.ter_emb { margin: 10px 0; border: 1px solid #d8d8d8; border-collapse: collapse; }
#kit-compatibilite th { border: 1px solid #d8d8d8; border-width: 0 1px 1px 0; }
#kit-compatibilite td { border-right: 1px solid #d8d8d8; }
#kit-compatibilite td.marque { padding: 5px; border:1px solid #d8d8d8; font-size:14px; }
#kit-compatibilite td.puce { padding-left: 15px; text-align: left; background: transparent url(img/puce.gif) no-repeat 5px 10px; }
#kit-compatibilite td.tick { background: transparent url(img/tick.gif) no-repeat center; }
#kit-compatibilite .case { margin: 0 0 10px 0; padding: 0 0 15px 0; width: 320px; border-bottom: 1px solid #d8d8d8; }
#kit-compatibilite .dl_kit { float: left; padding-left: 10px; }
#kit-compatibilite .dl_kit a { display: block; margin-bottom: 5px; }
#kit-compatibilite .dl_kit h3 { width: auto; }
#kit-compatibilite .lien { position: absolute; top: 0; right: 55px; width: 250px; height: 167px; z-index: 100; background: transparent url(img/transparent_gif) repeat 0 0; }
#kit-aide { position: relative; }
#kit-aide ul { position:relative; margin: 5px 0; padding: 0 0 0 15px; }
#kit-aide li { margin: 0 0 5px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#kit-aide span.fleche{ display:block; margin: 0 0 10px 0; padding: 10px 0 0 20px; font-weight: bold; background-position: 0 10px; }
#kit-aide .detail { margin: 20px 0; border-top: 1px solid #d8d8d8; }
#kit-aide p.etape { margin: 0 0 30px 0; padding: 10px 0 0 70px; height: 30px; font-size: 12px; background-repeat: no-repeat; background-position: left 0; }
#kit-aide p span { display:block; padding: 0 0 0 10px; font-weight: normal; border:0; }
#kit-aide p.etape.connexion { background-image: url(img/kit-aide-picto-connexion.gif); }
#kit-aide p.etape.web { background-image: url(img/kit-aide-picto-web.gif); }
#kit-aide p.etape.email { background-image: url(img/kit-aide-picto-email.gif); }
#kit-aide p.etape.sms { background-image: url(img/kit-aide-picto-sms.gif); }
#kit-aide .point_q { position: absolute; top: 167px; left: 145px; }
#kit-aide .user_guide { margin: 10px 0; padding: 20px; width: 388px; height: 255px; background: transparent url(img/kit-aide-gu-4.gif) no-repeat 0 0; }
/* pages du footer */
#prevention { }
#prevention h2 { width: auto; }
#prevention ul { position:relative; margin: 10px 0; padding: 0 0 0 15px; }
#prevention li { margin: 0 0 5px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#prevention .case { margin: 10px 0; padding: 0 0 10px 0; width: auto; border-bottom: 1px solid #d8d8d8; }
#presse { }
#presse a { margin-left: 20px; padding-left: 12px; background: url(img/puce_fleche.gif) no-repeat 0 3px; }
#presse span { display: block; margin: 15px 0; font-weight: bold; }
#plan { background: transparent url(img/bg_pages_footer.gif) no-repeat 399px 0; }
#plan.content { padding-left: 141px; width: 703px; }
#plan .accueil { width: 458px; text-transform: uppercase; }
#plan span.titre, #plan .accueil { display:block; margin-bottom: 10px; padding: 25px 5px 0 5px; height:41px; text-align:center; font-weight: bold; border:1px solid #d8d8d8; background: #fff url(img/bg_titre_plan.gif) repeat-x 0 0; }
#plan #sitemap ul { margin: 10px 0; padding-left: 10px; }
#plan #sitemap li a{ text-align:center; }
#plan #sitemap li.level-0 { float:left; margin-right:10px; width:150px; }
#plan #sitemap li.level-1 span { padding: 10px; height: 15px; border-width: 1px 2px 2px 1px; border-color: #d8d8d8; }
#plan #sitemap li.level-2 { padding-left:10px;}
#plan #sitemap li.level-2 a, #plan #sitemap li.level-1 a{ display: block; height: 20px; text-align: left; padding-left: 15px; background: transparent url(img/puce_fleche_current.gif) no-repeat 0 3px;}
#plan #sitemap span.titre a { background: #fff; }
#mentions { }
#mentions h3 { margin: 20px 0 10px 0; border-width: 0 0 1px 0; }
#mentions ul { position:relative; margin: 10px 0; padding: 0 0 0 15px; }
#mentions li { margin: 0 0 5px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#mentions span { display: block; margin: 10px 0; font-weight: bold; }
#temoignages { }
#temoignages, #be-demo h3 { margin: 0 0 5px 0; padding-bottom: 5px; font-size: 14px; }
#temoignages .case, #be-demo .case { float: left; margin: 10px 20px 10px 0; padding: 10px 0 10px 10px; width: 370px; border: 1px solid #d8d8d8; border-width: 2px 0 1px 1px; }
#temoignages .case span, #be-demo .case span { display: block; margin-bottom: 15px; font-size: 12px; }
/* Partenaires */
#partenaires-accueil { }
#partenaires-accueil strong { display: block; margin: 0 0 5px 0; }
#partenaires-accueil select { padding: 2px 1px; width: 248px; height: 20px; font-size: 11px; }
#partenaires-accueil span.titre { float: left; margin: 0 0 5px 0; font-size: 12px; font-weight: bold; }
#partenaires-accueil a.bandeau, #partenaires-offre a.bandeau{ position:absolute; top: 12px; right: 55px; width: 237px; height: 155px; background:transparent url(img/carre.gif) repeat 0 0; }
#partenaires-accueil a.bandeau span, #partenaires-offre a.bandeau span { display: none; }
#partenaires-accueil .case { float: left; margin: 0 20px 20px 0; width: 375px; }
#partenaires-accueil .case img, #partenaires-accueil .case_pc img { float: left; margin: 0 10px 30px 0; }
#partenaires-accueil .case_pc { float: left; margin: -20px 0 20px 0; padding: 20px; width: 369px; height: 468px; background: transparent url(img/bg_case_pc.gif) no-repeat 0 0; }
#partenaires-accueil .case_pc span.intro { display: block; margin-bottom: 20px; padding-top: 20px; }
#partenaires-accueil .case_pc .pc_link { display: block; float: right; margin: 5px 0; }
#partenaires-offre { }
#partenaires-offre .case { margin: 0 20px 20px 0; padding: 0 0 10px 0; width: 772px; border:0; }
#partenaires-comment-beneficier { }
#partenaires-comment-beneficier h3 { margin: 20px 0 10px 0; width: 752px; }
#partenaires-comment-beneficier ul { margin: 10px 0; width: 772px; border-bottom: 1px solid #d8d8d8; }
#partenaires-comment-beneficier li { margin: 0 0 15px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#partenaires-comment-beneficier ul.adresse { list-style-type: none; background: #fff; border:0; width: auto; }
#partenaires-comment-beneficier ul.adresse li { margin: 0 0 5px 0; background: #fff; }
#partenaires-assistance { }
#partenaires-assistance h3 { font-size: 12px; }
#partenaires-assistance ul { margin: 10px 0; }
#partenaires-assistance li { margin: 0 0 5px 0; padding-left: 15px; background: transparent url(img/puce_fleche.gif) no-repeat 0 5px; }
#partenaires-assistance .case { float: left; margin: 0 20px 20px 0; _margin: 0 0 20px 0; padding: 0 0 10px 0; _padding: 0 20px 10px 0; width: 825px; _width: 805px; }
#partenaires-assistance .case_contour { margin: -20px 0 0 0; _margin-top: 0; padding: 20px; width: 369px; background: transparent url(img/bg_case_pc.gif) no-repeat 0 0; }
#partenaires-assistance .case_contour strong { font-size: 14px; }
#partenaires-assistance .bottom { width: 409px; height: 20px; font-size: 1px; background: transparent url(img/bg_case_pc.gif) no-repeat 0 -488px; }
#partenaires-telechargez { }
#partenaires-telechargez a { margin: 0 0 10px 0; font-weight: bold; }
/* blog */
#article_blog { }
#article_blog table { border:0; }
#article_blog table strong{ display: block; text-transform: uppercase; }
#article_blog td.article { padding: 10px; width: 578px; border-width:0 2px 0 0; }
#article_blog td.article img { margin: 0 10px 10px 10px; }
#article_blog td.art_relatif { padding: 10px; border:0; }
/* page indépendante */
#assistance { }
#assistance ul { position:relative; margin: 10px 0; padding: 0 0 0 15px; }
#assistance li { margin: 0 0 5px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
#assistance .case { margin: 10px 0; padding: 0 0 10px 0; width: auto; border-bottom: 1px solid #d8d8d8; }
#assistance span.puce_fleche { display: block; margin: 20px 0 10px 0; font-weight: bold; }
/* popup */
#popup { padding: 10px; }
#popup ul { position:relative; margin: 10px 0; padding: 0 0 0 15px; }
#popup li { margin: 0 0 5px 0; padding-left: 10px; background: transparent url(img/puce.gif) no-repeat 0 5px; }
/* formulaire */
#form_recherche { }
#form_recherche input.saisie { float: left; margin-right: 13px; padding: 2px; width: 259px; height: 15px; font-size: 11px; color: #656565; border: 1px solid #aaaaaa; background: #fff; }
#form_recherche input.valid { margin-top: 1px; width: 84px; height: 19px; background: transparent url(img/btn_recherchez.gif) no-repeat 0 0; border: 0; cursor: pointer; }
#form_choix_pc { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; }
#form_contact { }
#form_contact h2 { width: auto; }
#form_contact p { clear: both; margin: 0 0 5px 0; *margin: 0 0 3px 0; width: 613px; }
#form_contact label { float: left; margin-right: 5px; width: 105px; }
#form_contact textarea { padding: 2px; width: 494px; height: 86px; border: 1px solid #aab3b3; background: #fbfbfb; font: normal 12px arial; overflow: auto; color: ##656565; }
#form_contact input.saisie { padding: 2px; width: 494px; height: 15 px; border: 1px solid #aab3b3; background: #fbfbfb; font: normal 12px arial; color: ##656565; }
#form_contact .rad input { float: left; margin: 0 10px 0 0; *margin: -3px 7px 0 0; padding: 0; }
#form_contact .rad label { width: auto; }
#form_contact input.valid { float: right; width: 89px; height: 19px; border:0; cursor: pointer; background: transparent url(img/btn_envoyer.gif) no-repeat 0 0; }
#form_contact .note { width: 613px; margin-top: 20px; }
#form_contact .alerte input.saisie { border: 1px solid red; }
#form_contact span.fc_error {display: none;}
#form_contact .alerte span.fc_error {display: inline; color:red;}