/**
 * Reset HTML5 Boilerplate
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:"";content:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
body {font:13px/1.231 sans-serif;*font-size:small;}
select, input, textarea, button {font:99% sans-serif;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
html {overflow-y:scroll;}
a:hover, a:active {outline:none;}
ul, ol {margin-left:2em; list-style-type:none;}
ol {list-style-type:decimal;}
nav ul, nav li {margin:0;list-style:none;list-style-image:none;}
small {font-size:85%;}
strong, th {font-weight:bold;}
td {vertical-align:top;}
sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom;}
.ie7 input[type="checkbox"] {vertical-align:baseline;}
.ie6 input {vertical-align:text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
input:valid, textarea:valid {}
input:invalid, textarea:invalid {border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {background-color:#f0dddd;}
::-moz-selection{background:#FF6600;color:#fff;text-shadow:none;}
::selection {background:#FF6600;color:#fff;text-shadow:none;}

button {width:auto;overflow:visible;}
.ie7 img {-ms-interpolation-mode:bicubic;}
body, select, input, textarea {color:#231f20;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a, a:active, a:visited {color:#231f20; text-decoration:none;}
a:hover {color:#f60;}
/* *** */

/* général */
.clear{clear:both;}
.brand{color:#f60;}
.encadre{margin-top:14px; padding:9px 5px; border: 1px solid #e6e6e6;}
	.encadre h3{margin-bottom:7px;}
.touche{ padding:0 2px; font:bold 11px Arial; color:#FFF; background:#f7931e; border:1px solid #ff6600;}
.btn{display:block; position:relative; float:right; margin:8px 8px 0 0; padding:0 3px 0 7px; height:20px; font-size:11px; font-weight:bold; color:#f60; line-height:20px; background:url(img/bg_btn.png) no-repeat 0 0;}
.btn:visited{color:#f60;}
.btn.left{float:left;}
	.btn:hover{color:#000;}
	.btn .end{display:block; position:absolute; right:-4px; top:0px; width:4px; height:20px; background:url(img/bg_btn.png) no-repeat -196px 0;}
.mentions{font-size:11px; color:#666;}
#page p.accroche{font:bold 13px arial;}
.mask{display:none;width:100%; position:absolute; top:0px; left:0px; z-index:1000; background:#fff;opacity:0.7; -moz-opacity:0.7; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70);}
h1{font-size:20px;}
	#page h1{margin:25px 0;}
h3, .fleche_h3{padding-left:17px; font-size:13px; background:url(img/fleche_h3.png) no-repeat 0 2px;}
	.fleche_h3{font-size:12px; background-position:0 1px;}
ul.fleche{margin-left:0; font-size:12px;}
	ul.fleche li, h4, .barre-sociale .titre, h2.fleche{padding-left:13px; background:url(img/fleche_li.png) no-repeat 0 5px;}
ul.carre{margin-left:0; font-size:10px; margin-bottom:15px;}
	ul.carre.be{font-size:11px;}
	ul.carre li{padding-left:10px; background:url(img/puce_footer.gif) no-repeat 0 5px;}
ul.tiret{margin-left:0; font-size:11px;}
	ul.tiret li{padding-left:8px; margin-bottom:4px; background:url(img/puce_tiret.gif) no-repeat 0 7px;}
h4{margin-bottom:5px; font-size:12px; color:#f60;}
#page p{font-size:11px; margin-bottom:10px;}
ul.onglet{margin:0; height:23px;}
	ul.onglet li{display:block; float:left; margin-right:4px; background:url(img/bg_onglet.jpg) repeat-x 0 0; border:1px solid #505052; border-bottom:none; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
	ul.onglet li a{display:block; float:left; padding:0 25px; height:23px; line-height:22px; background:url(img/fleche_h3.png) no-repeat 7px 5px; color:#fff; font-weight:bold; white-space:nowrap; }
		ul.onglet li:hover, ul.onglet li.current{background-position:0 -23px; border:1px solid #ebeaea; border-bottom:none;}
			ul.onglet li:hover a, ul.onglet li.current a{color:#f60;}
.s-onglet{display:none; padding:20px; width:455px; background:url(img/bg_songlet.jpg) repeat-x 0 0;}
.contact-col{margin:115px 0 0 -3px;}

/* Pop in	*/
.popin {display:none; position:absolute; z-index:10000; background:#000; top:0px; left:0px;}
.popin .btn_fermer{display:block; padding:2px 4px; text-align:right;color:#ccc;}
.assistance-temoignages .popin{top:113px; left:186px;}

/* montage principal */
body{background:#fff url(img/bg_body.jpg) repeat-x 0 0;}
#container{margin:0 auto; width:950px;}
#header{margin-bottom:20px; position:relative; height:122px; z-index:1500;}
	#header .logo-titre{float:left; padding-top:22px;}
	.header-recherche{position:absolute; right:-2px; padding-top:12px; width:346px; text-align:right;}
		#form-recherche{position:relative;}
		.lab-rdata{display:block; float:left; padding:3px 0 0 15px; width:238px; height:41px; background:#fff; font-size:11px; text-align:left;}
		#rdata{position:absolute; top:30px; left:10px; width:216px; height:42px; line-height:42px; padding:0 105px 0 15px; background:url(img/bg_recherche.png) no-repeat 0 0; border:none; }
		.valid{position:absolute; top:36px; left:246px; width:93px; height:30px; background:url(img/bg_valid_recherche.jpg) no-repeat 0 0; text-align:center; color:#fff; font-size:12px; border:none;}
			.valid:hover{background-position:0 -30px;}
	#menu, #menu li, #menu li a{display:block; float:left;}
		#menu{margin:0; padding-top:13px;}
		#menu li{position:relative;}
		#menu li a{width:236px; height:36px; font:bold 12px arial; text-align:center; text-decoration:none; color:#fff; border-left:1px solid #fcfcfc;  border-top:1px solid #faf9f9; border-bottom:1px solid #ecebea; background:url(img/bg_menu.jpg) repeat-x 0 0; line-height:37px;}
			#menu li a.last{width:235px; border-right:1px solid #f4f4f4;}
			#menu li a:hover, #menu li a.hover{background-position:0 -36px;}
			#menu li a.current{background-position:0 -72px; color:#f60;}
	#menu .main-smenu{display:none; position:absolute; z-index:10; float:none; top:36px; left:-25px; background:url(img/bg_main_smenu.png) no-repeat 0 0;}
		#menu .main-smenu li{float:none; border:none; padding-left:3px;}
			#menu .main-smenu li a{width:232px; border:none; border-top:1px solid #ccc; background:none; color:#231f20;}
				#menu .main-smenu li a:hover{color:#f60;}
				#menu .main-smenu li a.first{margin-top:8px; border:none;}
				#menu .main-smenu li a.last{width:230px; height:33px;}
			#menu .main-smenu li.bottom{position:absolute; bottom:-8px; left:0; width:232px; height:8px; background:url(img/bg_main_smenu.png) 0 -292px;}
	#smenu{position:absolute; top:6px; left:-6px; width:169px; height:217px; background:url(img/bg_smenu.png) no-repeat 0 0; font-weight:bold;}
		#smenu.kit{width:142px; background-image:url(img/bg_smenu_kit.png);}
		#smenu.assistance{background-image:url(img/bg_smenu_assistance.png);}
		#smenu ul.fleche li{margin-bottom:3px;}
		#page .smenu-titre{font-size:13px; color:#f60;}
#content{position:relative; *z-index:1000; margin-bottom:20px;}
	.accueil #content{height:653px;}
	#page{float:left; width:499px; padding:0 25px 0 185px; background:#fff; border:1px solid #dfdedd;}
	#col{float:left; padding:0 0 0 15px; width:222px;}
#footer{}
	.logo{width:21px; float:left;}
	#footer ul.fleche, #footer ul.fleche li{float:right;}
	#footer ul.fleche{padding-bottom:2px; width:925px; border-bottom:1px solid #d4d4d5;}
	#footer ul.fleche li{padding-right:25px; font:bold 11px arial; color:#000;}
		#footer ul.fleche li.first{padding-right:0;}
		#footer ul.fleche li.last{float:left; padding-left:0; background:none;}
	#footer ul.carre{padding-left:26px;}
		#footer ul.carre li{float:left; padding-right:34px; *padding: 0 20px 0 15px;}
			#footer ul.carre li.last{padding-right:0;}
	#footer .mentions{padding:8px 0; font-size:10px; color:#231f20;}
	.barre-sociale{position:relative;margin-bottom:20px; width:100%; height:26px; line-height:26px; background:url(img/bg_social.png) repeat-x 0 3px;}
		.barre-sociale .titre{}
		.barre-sociale-partager{position:absolute; left:0px; top:0px;}
		.barre-sociale-stitre{position:absolute; left:-212px; top:10px;}
	/* +1 & co */
	.addthis_toolbox{display:inline-block; height:26px; position:absolute; top:-5px; left:314px;}
	.addthis_button_google_plusone{position:absolute; top:4px; left:127px;}
/* home */
.accueil #page{position:relative; padding:12px 0 0 12px; width:680px; height:641px; background:url(img/bg_page_home.jpg) top right; border:none;}
.main-home{float:left; width:442px; height:641px;}
	.main-home h2{padding-bottom:5px; border-bottom:1px solid #4b4b4d;}
#home_slides{ height:299px; margin:16px 0 17px; position:relative; width:432px; }
#home_slides .slides_container {height:293px; width:430px; border:1px solid #282828; border-bottom:5px solid #282828;}
#home_slides .slides_container div { display:block; height:299px; width:432px; }
#home_slides .controls {bottom:0px; padding-top:6px; height:19px;position:absolute;right:10px;overflow:hidden;z-index:100;background:url(img/bg_nav_carr.gif) repeat-x 0 0;
}
#home_slides .pagination {height:25px;overflow:hidden;}
#home_slides .controls ul{float:left;margin:0; padding-top:1px;}
#home_slides .controls a{display:block; padding:0 5px; height:13px;width:11px;background:url(img/nav_carr.png) no-repeat 0 0;text-indent:-1000px;float:left;}
	#home_slides .controls a.prev{background-position:5px 0;}
	#home_slides .controls a.next{background-position:5px -45px;}
#home_slides .pagination li{float:left;}
#home_slides .controls li a{background-position:5px -15px;}
#home_slides .controls li.current a{background-position:5px -30px;}

.rappel-gratuit{display:block; float:left;}
.home-memo{float:left; padding:18px 19px 0 21px; width:128px; height:209px; background:url(img/bg_memo.png) no-repeat;}
	.home-memo h3{padding-bottom:4px; margin-bottom:6px; font-size:14px; border-bottom:1px solid #000;}
	.home-memo .fleche{font-weight:bold;}
.flux{position:absolute; right:-5px; top:7px; padding:5px 13px 0 0; width:229px; height:636px; background:url(img/bg_flux.png) no-repeat 0 0;}
	.inner-flux{padding-left:14px; width:215px;}
		.inner-flux h3{margin-top:12px; padding-left:22px; height:22px; line-height:22px; background-color:#000; background-position:5px 5px;}
			.inner-flux h3 a{color:#fff;}
.news{clear:both; min-height:60px; padding-top:8px;}
	.news .img-flux{float:left; width:60px;}
	.news .txt-flux{float:left; padding-left:5px; width:150px; font:normal 11px arial; color:#000;}
		.news .txt-flux a{}
			.news .txt-flux a:hover{text-decoration:underline;}
	.news .createur-flux{display:block; color:#9d9d9d;}
.accueil #col{position:absolute; top:0px; right:-11px; padding:12px 21px 0 16px; width:221px; height:640px; background:url(img/bg_col_home.png) no-repeat 0 0;}
	.accueil #col h3{margin-top:5px;}
.accueil #col .encadre{width:210px;}
.s-temoin{padding:0 65px 0 17px; font-size:10px; color:#6a6c6e;}
.temoin{position:relative; min-height:60px;}
	.visu-temoin{float:right; width:60px;}
	.txt-temoin{position:absolute; bottom:0px; right:66px; width:145px; font-size:10px; text-align:right;}
		.txt-temoin .nom{font-weight:bold;}
		.txt-temoin a{color:#f60;}
.accueil #col ul.fleche{padding-left:4px; font-size:10px;}
	.accueil #col ul.fleche li{background-position: 0 3px;}
		.accueil #col ul.fleche li a{color:#6A6C6E;}
.fleche.outils{float:left; margin-top:3px; width:145px;}
.visu-outils{float:right; width:60px;}
.contact-be{position:relative; padding-top:8px;}
	.contact-be .btn{position:absolute; top:57px; left:14px;}

/* encadre */
.encadre .news p{width:140px; }
.encadre{width:206px; padding:7px; background:#fff;}
.encadre.img{padding:0;}
.encadre.kit{position:relative;}
	.encadre.kit ul.tiret{margin-top:10px;}
	.encadre.kit a.btn{margin-top:-20px;}
	.encadre.kit .telecharger{position:absolute; top:122px; right:40px;}
.encadre.conso{background:#fff url(img/encadre_conso.png) no-repeat 135px 4px;}
	.encadre.conso h3{width:110px;}
	.encadre.conso a.btn{margin-top:-18px;}
.encadre.guide{background:#fff url(img/encadre_guide.png) no-repeat 135px 4px;}
	.encadre.guide h3{width:100px;}
	.encadre.guide a.btn{margin-top:-18px;}
.encadre.aide{padding-top:15px; height:65px; background:#fff url(img/encadre_aide.jpg) no-repeat top right;}
	.encadre.aide ul.fleche.fl-encadre li{color:#000;}
	.encadre.aide h3{padding:0; font-size:18px; font-weight:normal; color:#f60; background:none;}
.encadre.compatibilite{background:#fff url(img/encadre_compatibilite.png) no-repeat 150px 8px;}
	.encadre.compatibilite h3{width:120px;}
		.encadre.compatibilite a.btn{margin-top:-8px;}
.encadre.demo{background:#fff url(img/encadre_demo.png) no-repeat 150px 12px;}
	.encadre.demo ul.fleche.fl-encadre{padding-left:17px;}

ul.fleche.fl-encadre li{font-size:11px; color:#6c6f70;}

#at16pt h4{background:none;}
	
/* BE */
#smenu{padding:25px 10px 0 14px; width:137px; height:236px; background:url(img/bg_smenu_be.png) no-repeat;}
	#smenu a.current{color:#f60;}
.business_everywhere-accueil .s-onglet{min-height:311px;}
.tarifs{border-collapse:collapse; background: #fff url(img/tab-tarif-bg.gif) repeat-x left bottom; *background:none;}
	.tarifs td{padding:5px; border:1px solid #ececec; text-align:center; font-size:11px; vertical-align:middle;}
		.tarifs td.img{padding:0; border:none;}
		.tarifs td.th{text-align:left; font-weight:bold; font-size:12px; border:none; border-right:1px solid #ececec; background:#fff;}
		.tarifs td.degrade{background:#fff url(img/tab-tarif-degrade.gif) repeat-x left bottom;}
		.tarifs .footer-table{text-align:left; background:#fff; border:none; padding-left:0;}
#page p.mentions-tarif{padding:25px 0 30px; font-size:10px;}
.picto-couverture{margin-bottom:20px;}
.illus-decouvrez{float:left; width:139px;}
.face-decouvrez{float:left; padding-left:15px; width:300px;}
.business_everywhere-tarif h2{margin-bottom:7px;}
.business_everywhere-tarif a.btn.left{margin-bottom:15px;}

/* terminaux */
.presentation-cle{}
	.presentation-cle td{padding:4px 6px; font-size:11px;}
	.presentation-cle.ultram td{width:220px;}
	.presentation-cle h3{background:none; padding:0; color:#f60; font-size:12px;}
	.presentation-cle a.btn{width:78px; margin:12px auto 0; float:none;}
	.presentation-cle .visu-terminaux{text-align:center;}

/* kit */
.kit_de_connexion-tout_savoir #page{padding-bottom:10px;}

/* faq */
#page p.faq-question{padding-left:12px; background:url(img/puce_faq.gif) no-repeat 0 3px; color:#000; font-weight:bold; cursor:pointer;}
#page p.faq-reponse{margin-top:-5px; padding-left:17px;}

/* compatibilité */
table.ter_emb { margin: 10px 0; border: 1px solid #d8d8d8; border-collapse: collapse; }
		table.ter_emb th, table.ter_emb td {font-size:11px; padding:2px;}
		table.ter_emb th { border: 1px solid #d8d8d8; border-width: 0 1px 1px 0; }
		table.ter_emb td { border-right: 1px solid #d8d8d8; }
		table.ter_emb td.marque { padding: 5px; border:1px solid #d8d8d8; font-size:13px; }
		table.ter_emb td.puce { padding-left: 15px; text-align: left; background: transparent url(img/puce_footer.gif) no-repeat 5px 8px; }
		table.ter_emb td.tick {text-align:center;}
.business_everywhere-terminaux .s-onglet{background-image:url(img/bg_terminaux.jpg);}	
/* kit demo */
.kit-player{float:left; margin-right:15px; width:175px;}
.kit-txt{float:left; width:309px;}
	.kit-txt h2{padding-top:20px;}
	
/* prevention & protection & mentions & plan*/
.prevention_protection #page, .mentions_legales #page, .plan #page{padding-left:30px; padding-bottom:15px;}
.prevention_protection #page h2, .mentions_legales #page h2, .plan #page h2{margin-top:15px; font-size:14px;}
.prevention_protection #page h3, .mentions_legales #page h3, .plan #page h3{margin:10px 0;}
.plan #page ul{font-size:12px;}
	.plan #page ul li{margin-bottom:8px;}
	.plan #page ul.tiret{margin-top:5px;}
.mentions_legales #page{padding:15px 200px; width:545px;}	
/* temoignages */
.preview-video{float:left; width:245px;}
	#page .preview-video p{text-align:center; font-size:12px; font-weight:bold;}

/* page externe dl BE */
.kit-2011apnpublic1212 #page{width:525px; min-height:346px; padding:15px 400px 15px 20px; background: #fff url(img/bg_dl.jpg) no-repeat top right;}
	.kit-2011apnpublic1212 #page p{font-size:12px;}
	
	
