html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,
th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*
remember to define focus styles! */ :focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol,ul {
	list-style: none;
}
a:link, a:hover, a:visited, a:active {
	color: #5389AA;
}
a, button {
   outline: 0;
}
/* tables still need
'cellspacing="0"' in the markup */ table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,th,td {
	text-align: left;
	font-weight: normal;
}
#contact h2 {
padding-bottom: 20px;
}
#contact .formfield dd {
margin-bottom:20px;
}
strong {
font-weight:bold;
}
blockquote:before,
blockquote:after,q:before,q:after {
	content: "";
}
blockquote,q {
	quotes: "" "";
}
/** END RESET CSS **/
body {
	font: 13px/18px 'Helvetica Neue',Helvetica,Arial,Verdana;
}
#home {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/bg.jpg") repeat-x 0 -40px transparent;
}
.page {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/page_bg.png") repeat-x 0px -40px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial;
	font-weight: bold;
}
h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
h4 {
	margin: 0px 0px 7px;
}
p {
	margin: 0px 0px 7px;
}
#main ul {
	list-style-type: disc;
	margin-bottom: 15px;
}
#header,#container,.footer-decorator {
	width: 1000px;
	margin: 0 auto;
}
#container {
	position: relative;
}
/** HEADER**/ #header {
	position: relative;
	height: 123px;
z-index:3;
}
#header ul li {
	list-style-type: none;
}
#header ul li a {
	text-decoration: none;
}
#logo {
	width: 120px;
padding-top:10px;
}
#logo a {
	text-indent: -9999px;
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/logo.png") no-repeat top left scroll;
	width: 120px;
	height: 60px;
	margin: 0em;
	display: block;
}
#mainmenu {
	width: 100%;
	margin: 0;
	padding: 0;
	top: 91px;
	font-size: 16px;
}
#mainmenu li {
	float: left;
}
#mainmenu li a {
	display: block;
	padding: 8px 20px 7px;
	color: #000;
	text-shadow: 0 1px 0 #FFAD33;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out
}
#mainmenu li a:hover,
#mainmenu li a.hover,
#mainmenu li a.active {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(254,114,19,0.3);
	background:#ffb400;
}

#altmenu {
	position: absolute;
	right: 27px;
	top: 0px;
font-size:11px;
line-height:26px;
}
#altmenu li {
	float: left;
}
#altmenu li a,#altmenu li a:visited {
	color: #705e50;
	margin-left: 20px;
}
#altmenu li a:hover {
	text-decoration: underline;
}
#altmenu li#switchlanguage a {
	color: #705e50;
	margin-left: 20px;
}
#altmenu li#switchlanguage a img {
	vertical-align: bottom;
}
/** WRAPPER **/
#wrap {
	overflow: hidden;
}
.welcome {
	margin: 0 auto;
	width: 1000px;
}
/** HOME SLIDER **/
#welcomeSlider {
height: 310px;
overflow: hidden;
position: relative;
width:5000px;
}
#sliderWrapper li div {
	width: 1000px;
	height: 330px;
}
#sliderWrapper li div {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/slide01.jpg") no-repeat top left;
}
#sliderWrapper p {
	text-indent: -9999px;
}
/** FEATURES **/
#welcomeDiscover {
	position: relative;
	height: 240px;
}
#about {
	left: 0;
	padding: 20px 30px 20px 20px;
	position: absolute;
	width: 535px;
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/sep_vertical.gif') no-repeat center right;
}
#about p {
	margin: 0 0 15px;
}
#about img {
	float: left;
	margin-right: 15px;
}
#features {
	width: 310px;
	padding: 20px 20px 20px 100px;
	position: absolute;
	right: 0px;
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/last_features_icon.jpg') no-repeat 15px 70px scroll;
}
#features ul {
	list-style-type: none;
	padding: 0;
}
#features ul li {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/puce.gif') no-repeat 0px 3px scroll;
	padding-left: 23px;
}
#features h4 {
	margin: 0;
}
#features h4 a {
	color: #000;
	text-decoration: none;
}
#features h4 a:hover {
	text-decoration: underline;
}
#features h3 {
	margin-left: -70px;
}
#features p {
	color: #999;
	line-height: 120%;
}
p.readmore {
	text-align: right;
}
p.readmore a {
	color: #FFFFFF;
	padding: 5px 6px 10px 10px;
	margin: 0px 6px 0px 0px;
	text-decoration: none;
	text-shadow: 0
	-1px 0 #EC8F30;
}
p.btn.readmore a,div.input-decorator {
	overflow: hidden;
	float: right;
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat
	scroll right -209px transparent;
	display: block;
	padding: 0px;
}
div.input-decorator,div.input-decorator input {
	border: none;
	float: left;
	color: #fff;
	text-shadow: 0 -1px 0 #EC8F30;
	cursor: pointer;
}
div.input-decorator input {
	padding: 3px 7px 7px 14px !important;
	margin: 0px 8px 0px 0px !important;
}
p.btn.readmore a span,div.input-decorator input {
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat scroll left -209px transparent;
	display: block;
	line-height: 100%;
	padding: 5px 2px
	10px 10px;
	margin-right: 10px;
}
#home #references h3 {
margin:10px 3px 20px;
letter-spacing:-1px;
}
#references p.btn.readmore {
	overflow: hidden;
}
#references p.btn.readmore a {
	color: #fff;
	text-shadow: #EC8F30 0px -1px 0px;
}
#references p.btn.readmore a span {
	padding: 5px 2px 5px 10px;
}
p.btn.readmore a:hover {
	background-position: right -238px;
}
p.btn.readmore a:hover span {
	background-position: left -238px;
}
/** NEWS & REFERENCES
**/ #welcomeNews {
	height: 460px;
}
#newsFeed {
	float: left;
}
#references {
	float: right;
margin-right:20px
}
#newsFeed.box {
	width: 550px;
}
#newsFeed .decorator1 {
	/*background: url("http://blogspirit.blog.blogspirit-business.com/files/images/btop.png") no-repeat scroll 0 0 transparent;*/
}
#newsFeed .decorator2 {
/*	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/bbottom.png") no-repeat scroll 0% 100% transparent; */
	padding: 20px 0px 53px 20px;
	height: 198px;
}
#newsFeed ul {
	list-style-type: none;
	margin-bottom: 15px;
	overflow: hidden;
}
#newsFeed ul li {
	overflow: hidden;
	padding-bottom:15px;
}
#newsFeed ul li h4,#newsFeed ul li p {
	margin-left: 0px;
}
#newsFeed ul li h4 {
	font-weight: bold;
	line-height: 85%;
	margin-bottom: 5px;
color:#000;
border-left: 2px solid #D9E3EB;
padding: 4px 0 4px 5px;
}

#newsFeed ul li h4 a{
color:#000;
text-decoration:none;
font-size:14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
#newsFeed ul li h5 {
color: #999999;
font-weight: normal;
border-left: 2px solid #535353;
padding: 0 0 0 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
font-size: 11px;
line-height: 100%;
}
#newsFeed ul li:hover h4 {
border-left: 2px solid #6ECAC4;

}
#newsFeed ul li:hover h4 a{
color:#6ECAC4;
}

#newsFeed ul li img {
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
	padding: 2px;
}
#newsFeed a.readmore {
	color: #fc7b41;
text-decoration: none;
font-weight: bold;
}
#newsFeed p.readmore {
	margin-top: -5px;
	margin-bottom: 10px;
}
#newsFeed h4,#newsFeed p.readmore a {
	color: #fc7b41;
	padding: 0;
	background: none;
	border: none;
	-moz-box-shadow: none;
	text-shadow: none;
	-webkit-box-shadow: none;
}
#references {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/brefs_bg.png") no-repeat scroll left
	top transparent;
	margin-left: 20px;
	width: 406px;
}
#home #references {
height:270px;
}
#references .decorator {
	padding: 15px;
}
#references ul,#references ul#section-menu {
	list-style-type: none;
	margin-bottom: 0;
	width: auto;
	position: static;
	background: none;
	padding: 0em;
}
#home #references ul#section-menu {overflow:hidden; margin:30px 0px;}
#references ul li {
	float: left;
}
ul#section-menu li.normal {cursor:pointer;}
ul#section-menu li.normal a{cursor:pointer;}
#references ul li a {
	text-decoration: none;
	outline: none;
}
#references ul li a img, img.refLogo, #references ul li span.noimg img {
	text-decoration: none;
	outline: none;
padding:4px;
background-color:#E0E0E0;
	border: 1px solid #ccc;
}
#references ul li span.noimg img {
	text-decoration: none;
	outline: none;
padding:4px;
background-color:#fff;
	border: 1px solid #fff;
}
span.noimg {
display:block;
}
#references p.readmore {
	margin-right: 1px;
}
#references p.readmore a {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: medium none;
	color: #FC7B41;
	padding: 0;
	text-shadow: none;
}
#page-12295 #references {
	background: none;
	margin: 0em 125px;
	width: auto;
}
#page-12295 #references .decorator {
	padding: 0em;
}
#page-12295 #references .bubbleInfo,#page-12295 #references ul li .trigger {
	width: auto;
}
#page-12295 #references ul li .trigger{
	width: 80px;
border: 1px solid #e0e0e0;
background-color: #EEE;
padding:3px;
}
#home #references ul li .trigger  {
background-color: #EEEEEE;
    border: 1px solid #E0E0E0;
    margin-bottom: 2px;
    padding: 2px;
    width: 60px;
}
/*
#page-12295 #references ul li a .trigger {
background-color: #e0ecef;
}
*/
#page-12295 #references ul li a:hover .trigger {
background-color: #4988AC;
}
#page-12295 #references ul li {
	margin: 5px 13px 5px 0px;
height: 83px !important;
}
#page-12295 #main, #page-17167 #main {
	overflow: visible;
	margin: 0 0 0 8px;
}
#page-12295 #content {
	margin-bottom: 50px;
}
/** PAGES SOLUTIONS **/ #main {
	margin-left: 250px;
}
#main h2 {
font-size:18px;
line-height:26px;
font-family:'Helvetica Neue', Helvetica, Arial;
margin: 0 0 15px;
}
#main p {
	margin: 0 0 15px;
}
#sidebar {
	width: 250px;
	float: left
}
#page-17165 #sidebar {display:none;}
#page-17165 #main {
	margin-left: 0px;
}
#page-17165 #section-menu {
	display: none;
}
#main.tour {
	margin-left: 10px;
}
.tour #content {
margin-bottom: 30px;
    overflow: hidden;
}
#section-menu {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/section-menu-bg.png") no-repeat
	scroll left top transparent;
	padding: 0 10px;
	position: absolute;
	top: 57px;
	width: 220px;
}
#section-menu li {
	position: relative;
	display: block;
	font-size: 13px;
}
#section-menu li.decorator {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/section-menu-deco.png') repeat-x top left scroll;
	height: 75px;
}
#section-menu li a, #section-menu li span {
	text-decoration: none;
	padding: 9px 21px;
	top: 0px;
	display: block;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e0e0e0;
	color: #000;
	-webkit-transition: background-color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
#section-menu li:first-child a, #section-menu li:first-child span {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#section-menu li a:hover,#section-menu li a.current, #section-menu li span:hover,#section-menu li span.current {
	display: block;
	padding: 9px 21px;
	position: relative;
	top: 0px;
	color: #fff;
	border-bottom: 1px solid #48799a;
	text-shadow: 0px -1px 0px rgba(82,134,169,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb9be',endColorstr='#5389aa');/* for IE */
	background:#5e9ab2;
	background: -webkit-gradient(linear,left top,left bottom,from(#6eb9be),to(#5389aa));/* for webkit browsers */
	background:-moz-linear-gradient(top,#6eb9be,#5389aa);/* for firefox 3.6+ */
}
.page h1 {
	height: 77px;
	text-indent: -9999px;
	margin-bottom: 45px;
}
#page-17166 h1 {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/h1_services.png') no-repeat top
	left scroll;
}
#page-17164 h1 {
	background: url('http://blogpirit-uk.blog.blogspirit-business.com/files/images/h1_fonctionnalites.png') no-repeat top left scroll;
}
#page-17167 h1 {
	background: url('http://blogpirit-uk.blog.blogspirit-business.com/files/images/h1_apropos.png') no-repeat top left scroll;
}
#page-17165 h1 {
	background: url('http://blogpirit-uk.blog.blogspirit-business.com/files/images/h1_produits_tarifs.png') no-repeat top left scroll;
}
#page-12295 h1,body#reference #main h1 {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/h1_references.png') no-repeat top left scroll;
}
#page-17163 h1 {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/h1_solutions.png') no-repeat top left scroll;
}
#main.contactpage h1 {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/h1_contact.png') no-repeat bottom
	left scroll;
}
/** FOOTER **/ #footer {
	color: #fff;
	overflow: hidden;
	width: 100%;
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/footer_bg.png') repeat-x scroll top left;
	height: 180px;
}
#footer a:link,
#footer a:hover,#footer a:visited {
	color: #fff;
}
#footer .box {
}
#otherProducts {
	width: auto;
	position: absolute;
	left: 0px;
}
#otherProducts ul {
	overflow: hidden;
}
#otherProducts ul li {
	float: left;
	margin-right: 20px;
}
#otherLinks {
	margin-left: 460px;
	float: left;
	margin-right: 0px;
}
#otherLinks li a,#otherLinks li a:visited {
	text-decoration: none;
}
#otherLinks li a:hover {
	text-decoration: underline;
}
#otherLinks .iconlinks {
	position: absolute;
	top: 0px;
	display: block;
	height: 48px;
	width: 48px;
	background-position: top left;
	cursor: pointer;
}
#otherLinks .iconlinks:hover {
	background-position: bottom left;
}
#otherLinks {
	position: relative;
}
.iconlinks a {
	display: block;
	width: 100%;
	height: 80px;
}
#icon-link-1 {
	left: 340px;
	background-image: url('http://blogspirit.blog.blogspirit-business.com/files/images/fb_btn.png')
}
#icon-link-2 {
	left: 400px;
	background-image: url('http://blogspirit.blog.blogspirit-business.com/files/images/twt_btn.png')
}
#icon-link-3 {
	left: 460px;
	background-image: url('http://blogspirit.blog.blogspirit-business.com/files/images/blog_btn.png')
}
/** REFERENCE POPUP EFFECTS **/
.bubbleInfo {
	position: relative;
	width: 66px;
margin:0 3px 3px;
}
.bubbleInfo tr.readmore {
	height: 40px;
}
.bubbleInfo p.readmore {
	margin: 7px 0;
}
.bubbleInfo p.readmore a {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: none;
	color: #FFFFFF;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	width: 175px;
	height: 34px;
	margin: 0 auto;
	border: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.bubbleInfo
p.readmore.link-one {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/ref_link_01.png") no-repeat center -33px;
}
.bubbleInfo p.readmore.link-one a {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/ref_link_01.png") no-repeat 0px 0px;
}
.bubbleInfo p.readmore.link-two {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/ref_link_02.png") no-repeat center -33px;
}
.bubbleInfo p.readmore.link-two a {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/ref_link_02.png") no-repeat 0px 0px;
}
.bubbleInfo p.readmore.link-three {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/ref_link_03.png") no-repeat center -33px;
}
.bubbleInfo p.readmore.link-three a {
	background: url("http://blogspirit.blog.blogspirit-business.com/files/images/ref_link_03.png") no-repeat 0px 0px;
}
.bubbleInfo a img.trigger {
	padding: 3px;
	display: block;
	background-color: #eee;
}
.bubbleInfo a:hover img.trigger{
	padding: 3px;
	background-color: #4988AC;
	-webkit-transition: all .2s ease-in-out;
}

/* Bubble pop-up */
.popup {
	position: absolute;
	display: none;
	width: 250px;
	z-index: 50;
	border-collapse: collapse;
	text-align: center;
}
.popup tr {
	text-align: center;
}
.popup td.corner {
	height: 15px;
	width: 19px;
}
.popup td#topleft {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-1.png);
}
.popup td.top {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-2.png);
}
.popup td#topright {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-3.png);
}
.popup td.left {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-4.png);
}
.popup td.right {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-5.png);
}
.popup td#bottomleft {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-6.png);
}
.popup td.bottom {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-7.png);
	text-align: center;
}
.popup td.bottom img {
	display: block;
	margin: 0 auto;
}
.popup td#bottomright {
	background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-8.png);
}
.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",
	sans-serif;
}
table.popup-contents th {
	color: #5389AB;
	font-family: 'Helvetica Neue';
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 10px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	text-transform: capitalize;
}
table.popup-contents td {
	text-align: center;
}
tr#release-notes th {
	text-align: left;
	text-indent: -9999px;
	background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
	height: 17px;
}
tr#release-notes td a {
	color: #333;
}
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}
#tiptip_holder.tip_top {
	padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
	padding-top: 5px;
}
#tiptip_holder.tip_right {
	padding-left: 5px;
}
#tiptip_holder.tip_left {
	padding-right: 5px;
}
#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow,#tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) {#tiptip_content {
	padding: 4px 8px 5px 8px;
	background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	border-top-color: rgba(20,20,20,0.92);
}

}
html,body {
	height: 100%;
}
#wrap {
	min-height: 100%;
}
#main {
	overflow: auto;
	padding-bottom: 180px;
}
/* must be same height as the footer */
#footer {
	margin-top: -180px;/* negative value of footer height */ height:180px;
	clear: both;
}
.footer-decorator {
	padding: 25px 0;
	position: relative;
}
#footer .logo {
	display: block;
	height: 47px;
	width: 101px;
	text-indent: -9999px;
}
#footer .logo:hover {
	background-position: bottom left !important;
}
#footer .logo.bs {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/blogspirit_ft_logo.png') no-repeat top left scroll;
}
#footer .logo.ts {
	background: url('http://blogspirit.blog.blogspirit-business.com/files/images/talkspirit_ft_logo.png') no-repeat top left scroll
}
/*Opera Fix*/ body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;/
}
/** PRODUITS & TARIFS **/ #pricetable {
	margin-bottom: 30px;
}
#pricetable.big {
width: 572px !important;
}
#pricetable img {
}
a img {
	border: 0;
	vertical-align: text-bottom;
}
#pricetable table {
	border-collapse: separate;
}
#pricetable thead th h2 {
	font-size: 21px;
	margin-bottom: 10px;
}
#pricetable thead th {
position:relative;
text-align:center;
}
#pricetable thead th img{
position: relative;
top: -5px;
}
#pricetable thead th p {
	margin: 0em;
	display: block;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 14px;
}
/*#pricetable thead th span {
display: block;
font-size: 12px;
font-weight: normal;
letter-spacing: 0;
line-height: 14px;
margin-top: 3px;
padding: 0 3px;
}
*/
#pricetable th.side {
	background: #fff;
	border: none;
}
#pricetable tr {
	border-bottom: 1px solid #efefef;
}
#pricetable tbody {
	border: 1px solid #efefef;
}
#pricetable tbody td,#pricetable tfoot td,.formPrice {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #fff #e8edee
	#e8edee #fff;
}
#pricetable td.first.side {
	border-color: #E8EDEE;
	-moz-border-radius: 8px 0 0 0px;
	-webkit-border-radius: 8px 0 0 0px;
	border-radius: 8px 0 0 0px;
}
#pricetable
td.side {
	color: #000000;
	font: 14px/21px;
	height: 34px;
	padding-left: 10px;
	text-align: left;
	text-shadow: 0 1px 0 #FFFFFF;
	vertical-align: middle;
	width: 300px;
	border-color: #FFFFFF #E8EDEE #E8EDEE;
	background: #fafbfd url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/td_side.png) repeat-y bottom right;
}
#pricetable tr.sub {
	display: none;
}
#pricetable tr.sub td.side {
text-indent: 10px;
font-size: 90%;
}
#pricetable th,#prices .formPrice h2 {
	height: 99px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #6FB9BE #4B79A4 #4B79A4 #6FB9BE;
	vertical-align: middle;
	color: #fff;
	font: bold 21px/27px;
	letter-spacing: 2px;
	background: transparent
	url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/thead_bg.png) repeat-x bottom right;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.5);
	text-align: center;
}
#prices .formPrice h2 {
	font-size: 21px;
	line-height: 99px !important;
margin-bottom: 25px;
}
#prices .formPrice h2,x:-moz-any-link,x:default {
	font-size: 21px;
	height: 97px;
	line-height: 97px !important;
}
#pricetable td,.formPrice {
	text-align: center;
	background: #fdfefd url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/bg_td.gif) repeat-y bottom right;
	border-right: 1px solid #fff;
	color: #fff;
	font: bold 12px/18px;
	border-bottom: 1px solid #fff;
}
#pricetable td {
	width: 229px;
}
#pricetable tr.price {
	height: 66px;
}
#pricetable
tr.price td {
	background: #e0e0e0 url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/tarif_bg.png) repeat-x top left;
	color: #574d44;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
	border-color: #f4f4f5 #d2d5d5 #d2d5d5 #f4f4f5;
	border-style: solid;
	border-width: 1px;
	text-shadow: 0 1px 0 #FFFFFF;
}
#pricetable tr.price td.side {
	background: url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/prix_legende_bg.png) repeat-x top left;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.5);
	border-color: #6FB9BE #4B79A4 #4B79A4 #6FB9BE;
	border-style: solid;
	border-width: 1px;
/*	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;*/
}
#pricetable th.choiceA {
/*	-moz-border-radius: 8px 0 0 0px;
	-webkit-border-radius: 8px 0 0 0px;
	border-radius: 8px 0 0 0px;*/
}
#pricetable th.choiceC {
/*	-moz-border-radius: 0 8px 0 0;
	-webkit-border-radius: 0 8px 0 0;
	border-radius: 0 8px 0
	0;*/
}
#pricetable th.choiceC p {
position: relative;
    top: 7px;
}
#pricetable th.choiceC img {
top:1px;
}
#pricetable th.on {
/*	-moz-border-radius: 8px 0 0 0px;
	-webkit-border-radius: 8px 0 0 0px;
	border-radius: 8px 0 0 0px;*/
}
/*td.on {
background: transparent url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/bg_td_on.gif) no-repeat bottom left;
}
th.on {
background: transparent url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/bg_th_on.gif) no-repeat bottom left;
padding-bottom: 9px;
width: 148px;
}
*/
#pricetable tfoot {
	height: 66px;
}
#pricetable tfoot td {
	height: 64px;
	vertical-align: middle;
	padding-top: 8px;
	text-align: center;
}
/*tfoot td.on {
background: transparent
url(http://blogspirit.blog.blogspirit-business.com/files/images/tarifs/bg_foot_td_on.gif) no-repeat top left;
padding-top: 16px;
}
*/ #pricetable tfoot td.side {
	background: #fff
	url('i/click_bar_bg.png') repeat-x top left;
	border: none;
}
#pricetable tfoot td.choiceA {
	border-color: #FFFFFF #E8EDEE #E8EDEE;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}
#pricetable tfoot td.choiceC {
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px
	0;
}
#pricetable tfoot p.btn.readmore {
	margin: 0 !important;
display:block;
}
#pricetable tfoot p.btn.readmore a {
	float: none;
	margin: 0 auto;
	text-align: center;
	width: 140px;
}
.formPrice {
overflow-y:scroll;
	color: #000000 !important;
	right: 0px;
	font-size: 13px;
	line-height: 18px;
	position: absolute;
	top: 0;
	width: 428px;
	height: 505px;
	-moz-border-radius: 0 8px 8px 0px;
	-webkit-border-radius: 0 8px 8px 0px;
	border-radius: 0 8px 0 0px;
	border-color: #FFFFFF #E8EDEE #E8EDEE #FFFFFF;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}
#formPrice {
position:relative;
}

.formPrice.big {
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mainmenu li a {padding:8px 20px;}
.formPrice {width:427px;}
.formPrice.big {
}
}
.formPrice .offerOptions {
	margin: 18px 0 0 55px;
	overflow: hidden;
/*    top: 470px;*/
bottom: 0px;
}
.formPrice .offerOptions p{
margin:0px;
}
.formPrice ol,.formPrice ul {
	font-weight: normal;
	margin: 0 0 0 25px;
	text-align: left;
	padding: 0px 30px;
}
.formPrice strong {
	font-weight: bold;
}
.formPrice ol {
	list-style-type: decimal-leading-zero;
}
.formPrice ul {
	list-style-type: disc;
}
.formPrice p {
	padding: 0 30px;
	text-align: justify;
	font-weight: normal;
}
.formPrice p.readmore {
	float: left;
	padding: 0 !important;
}
.formPrice form {
	padding: 8px
	10px;
	margin: 0;
	background: none repeat scroll 0 0 #F8F8F8;
}
.formPrice h2 {
	color: #FFFFFF;
	font: bold 21px/100px;
	margin: 0 0 25px;
/*	-moz-border-radius: 0 8px 0 0px;
	-webkit-border-radius: 0 8px 0 0px;
	border-radius: 0 8px 0 0px;*/
}
.formPrice
fieldset {
	border: medium none;
	padding: 10px;
}
.formPrice label {
	display: block;
	float: left;
	font: bold 12px/18px;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	padding-bottom: 12px;
}
.formPrice label.email {
	width: 350px;
}
.formPrice label.email input {
	width: 340px;
}
.formPrice label.password {
	clear: left;
	padding-right: 40px;
}
.formPrice label.password input,.formPrice label.retype input {
	width: 150px;
}
.formPrice fieldset.buttons {
	padding-top: 10px;
	clear: left;
}
#prices {
	position: relative;
}
/** FIN PRODUIT & TARIFS **/
/** FONCTIONNALITES **/
#main.contactpage {
	margin-left: 0px !important;
}
#main.contactpage #content {
margin-top:-30px;
	margin-bottom: 60px;
}
#main.tour #main {
	margin: 0px;
}
#main.tour h1 {
	margin-left: 250px;
}
#main.tour div.pageband {
	margin: 0;
}
#main.tour div.headline-container {
	width: 100%;
	overflow: hidden;
	margin: 0;
}
#main.tour div.tourshot {
	overflow: hidden;
	width: 950px;
}
#main.tour div.tourshot div.hero {
	overflow: hidden;
	height: 225px;
	width: 700px;
	margin-top: 30px;
	text-align: left;
	float: right;
	clear: both;
}
#main.tour div.tourshot div.hero img {
	margin-right: 20px;
}
#main.tour div.tourshot h2 {
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana;
	font-size: 28px;
        margin-bottom:30px;
	line-height: 1.2em;
	letter-spacing: -1px;
	font-weight: bold;
	text-align: left;
padding-top:65px;
}
#main.tour div.tourshot div.hero p {
	font-weight: normal;
	color: #666;
	font-size: 16px;
	line-height: 1.3em;
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana;
}
#main.tour div.tourshot div.tour-content {
	width: 700px;
	float: right;
	margin: 0 auto;
	overflow: hidden;
}
#main.tour div.tourshot h3 {
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana;
	font-weight: normal;
	font-size: 20px;
	margin: 20px 0 10px;
	text-align: left;
	color: #000;
}
#main.tour div.tourshot div.tour-content p {
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana;
	font-size: 14px;
	line-height: 1.5em;
	margin: 0px 0px 15px;
	color: #666;
	text-align: left;
}
#main.tour div.tourshot div.tour-content div.video {
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana;
	text-align: left;
	padding: 8px 0 0 0;
}
#main.tour div.tourshot div.tour-content div.video img {
	margin-right: 3px;
}
#main.tour div.tourshot div.tour-content div.video p {
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 0 0;
}
#main.tour div.tourshot div.tour-content div.video p a:hover {
	color: #003399;
}
#main.tour div.tourshot div.tour-content img.left {
	float: left;
	margin-right: 15px;
}
#main.tour div.tourshot div.tour-content img.right {
	float: right;
	margin-left: 15px;
}
#main.tour div.tour-content div.highlight {
	float: left;
	margin: 20px 0 0 50px;
	text-align: center;
	width: 600px;
	height: 131px;
	background: url(/images/index2/background-paint-big-green.png) no-repeat;
}
#main.tour div.tour-content div.highlight p {
	font-family: georgia,times,'times new roman',serif;
	font-size: 22px;
	font-style: italic;
	color: #444;
	padding-top: 25px;
	margin: 0;
	line-height: normal;
	text-align: center;
}
#main.tour div.tour-content div.highlight p a:hover {
	color: #003399;
}
#main.tour div#my-glider {
	width: 950px;
	margin: 0 auto;
}
#main.tour div.scroller {/* modify width and height of scrolling section if necessary */ width: 100%;
	margin: 0 auto;
	/* overflow: hidden; */
	padding: 0;
	font-size: 100%;
	line-height: 150%;
}
.contact p.readmore {overflow: hidden;}
.contact p.btn.readmore a {
float:left;
margin-left:250px
}
#main.tour div.scroller div.section {/* modify width and height of each section as needed (should match the size of the
scroller window) */ width:990px;
overflow: hidden;
float: left;
padding: 0;
}
#main.tour div.scroller div.section p,
#main.tour div.scroller div.section h2,
#main.tour div.scroller div.section h3,
#main.tour div.scroller div.section h4,
#main.tour div.scroller div.section h5 {
	padding-left: 250px;
}
#main.tour div.scroller div.section h3 {
	color: #000;
}
#main.tour div.scroller div.section p,
#main.tour div.scroller div.section ul {
	color: #666;
}
#main.tour div.scroller div.section p {
	text-align: justify;
}
#main.tour div.scroller div.section ul, #main.tour div.scroller div.section ol {
	padding-left: 285px;
	margin-bottom: 15px;
	list-style-type: disc;
}
#main.tour div.scroller div.scroller-content {
	width: 10000px;
}
#main.tour div.step {
	border-top: 1px solid #d5d6d7;
	border-bottom: 1px solid #d5d6d7;
	clear: both;
	padding: 10px 0;
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana;
	font-size: 14px;
	overflow: hidden;
	text-align: left;
}
#main.tour div.step a {
	text-decoration: none;
}
#main.tour div.step a:hover {
	text-decoration: underline;
	color: #003399;
}
#main.tour div.step a.step-next {
	float: right;
}
/*------------------------------------------------------ TOUR SCREENS ------------------------------------------------------*/
body.tour-screens div.container {
	background-color: transparent;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 950px;
}
body.tour-screens div.container div.belt {
	color: #ccc;
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana;
	font-size: 14px;
	padding: 30px 0;
}
body.tour-screens div.tourshot {
	width: 950px;
	margin: 0 auto;
	border-top: 3px double #ccc;
	padding: 20px 0;
}
body.tour-screens div.tourshot h1 {
	font-weight: 500;
	font-size: 56px;
	margin: 0;
	letter-spacing: -1px;
}
body.tour-screens div.tourshot h2 {
	font-weight: 500;
	margin: 0;
}
body.tour-screens div.tourshot img {
	padding: 1px;
	border: 1px solid #ccc;
}
.panel {
	position: relative;
	width: 1000px;
	height: 321px !important;
}
#slide01 {
	background: url(http://blogpirit-uk.blog.blogspirit-business.com/files/images/slide_01.png) no-repeat top
	left scroll;
}
#slide02 {
	background: url(http://blogpirit-uk.blog.blogspirit-business.com/files/images/slide_02.png) no-repeat top left scroll;
}
#slide03 {
	background: url(http://blogpirit-uk.blog.blogspirit-business.com/files/images/slide_03.png) no-repeat top left scroll;
}
#slide04 {
	background: url(http://blogpirit-uk.blog.blogspirit-business.com/files/images/slide_04.png) no-repeat top left scroll;
}
#slide05 {
	background: url(http://blogpirit-uk.blog.blogspirit-business.com/files/images/slide_05.png) no-repeat top left scroll;
}
#slide01 a#createBlog {
	position: absolute;
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat scroll left top transparent;
	display: block;
	height: 100px;
	width: 260px;
	right: 289px;
	top: 120px;
	text-indent: -9999px;
}
#slide01 a#createBlog:hover {
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png")
	no-repeat scroll 0px -105px transparent;
}
#slide01 a#connect {
	position: absolute;
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat scroll right top transparent;
	display: block;
	height: 100px;
	width: 260px;
	right: 20px;
	top: 120px;
	text-indent: -9999px;
}
#slide01 a#connect:hover {
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat
	scroll 100% -105px transparent;
}
#slide02 a,#slide03 a,#slide04 a,#slide05 a {
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat
	scroll 0 -270px transparent;
	color: #FFFFFF;
	display: block;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	width: 185px;
	padding-left: 18px;
	position: absolute;
	right: 110px;
	top: 130px;
}
#slide02 a {
right:160px;
}
#slide03 a {
	right: 130px;
	top: 200px;
}
#slide04 a {
	right: 160px;
	top: 120px;
}
#slide05 a {
	right: 160px;
	top: 120px;
}
#slide02 a:hover,
#slide03 a:hover,
#slide04 a:hover,
#slide05 a:hover {
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat scroll 0 -335px transparent;
}
#slide02 a span,
#slide03 a span,
#slide04 a span,
#slide05 a span {
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat scroll 100% -270px transparent;
	display: block;
	padding: 22px 28px
	22px 20px;
	text-shadow: 0 -2px 0 rgba(0,0,0,0.1);
}
#slide02 a:hover span,#slide03 a:hover span,#slide04 a:hover span,#slide05 a:hover span {
	background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/btn_sprite.png") no-repeat scroll 100% -335px transparent;
}
body#reference #section-menu {
	padding: 10px
	12px;
height:88px;
position:static;
}
body#reference #section-menu li {
	float: left;
}

body#reference #section-menu li a, #section-menu li span {
border: 2px solid #EEEEEE;
    margin: 5px 7px;
    outline: 1px solid #DBE3E7;
padding:0px;
}
body#reference #section-menu li a:hover, #section-menu li span:hover {
	border: 2px solid #4988AC;
}
body#reference #section-menu li:first-child a, body#reference #section-menu li:first-child span {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
body#reference #section-menu li a span {
	background: none repeat scroll 0 0 transparent;
	border-bottom: medium none;
	padding: 0em;
}
body#reference #content {
clear: both;
font-size: 130%;
line-height: 140%;
margin-bottom: 50px;
overflow: hidden;
}
body#reference #content p {
	color: #666;
}
#reference #main {
margin:0px;
}
#reference #section-menu {
background:none;
width:auto;
margin:0px 60px;
}
body#reference #section-menu li img {
width:auto;
}
.introduction {
	width: 940px;
}
.introduction ul {
	list-style-type: none;
	padding: 0px 20px;
	overflow: hidden;
	height: 180px;
width:710px;
	margin: 10px auto 40px !important;
}
.tourshot .introduction ul {
	margin: 30px 0px !important;
	padding-left: 245px !important;
}
.introduction ul li {
	float: left;
	display: block;
}
.introduction ul li {
	width: 236px;
}
.introduction ul li a {
	margin: 8px;
	display: block;
	padding-top: 15px;
	padding-bottom: 8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	background: url(http://blogspirit.blog.blogspirit-business.com/files/images/browser_small.png);
}
.introduction ul li a:hover {
	display: block;
	padding-top: 15px;
	padding-bottom: 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	background: url(http://blogspirit.blog.blogspirit-business.com/files/images/browser_small.png);
}
img.refLogo {
    float: left;
    margin: 0 20px 10px 0;
}
body#reference #content p.readmore {
	margin: 0px;
	font-size: 13px !important;
clear:both;
}
body#reference #content p.readmore a {
	float: none;
	margin: 0;
}
/*body#reference #content p.readmore a {
margin: 0 12px 0 0;
}
*/
body#reference #content .metas {
	float: left;
}
body#reference #content .metas p.btn.readmore a span {
	padding: 5px 10px 10px 18px;
	text-align: center;
}
body#reference #content .metas p.btn.readmore a {
width:130px;
}
.screenshot_ref {
	clear: both;
}
.screenshot_ref img {
    background: url("http://blogspirit.blog.blogspirit-business.com/files/images/browser_medium.png") repeat-x scroll left top transparent;
    border: 0 none;
    padding: 19px;
    width: 350px;
}
div#contact_form ol li {
	display: block;
	overflow: hidden;
}
div#contact_form h2 {
	font-size: 21px;
}
div#contact_form legend {
	display: none;
}
div#contact_form label {
	display: block;
	width: 200px;
	font-size: 16px;
}
div#contact_form label em {
	color: #4988AC;
}
#contact_form textarea {
	width: 500px;
}
.turing {
	margin-top: 0px !important;
}
#contact_form textarea,#contact_form input.text {
	float: left;
	padding: 5px;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	margin: 10px 0;
}
#contact_form textarea:focus,#contact_form input.text:focus {
	border: 1px solid #4988AC;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
div#contact_form .validation-advice {
	float: left;
	padding: 8px;
	color: #4988AC;
}
#changecode {
	color: #4988AC;
}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana,Helvetica,sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#page-12295 .jcarousel-clip {
	margin: 0px 120px;
}
.jcarousel-prev, .jcarousel-next {
	width:32px;
	height: 32px;
	position: absolute;
	top:85px;
	cursor: pointer;
}
.jcarousel-prev {
	left:40px;
	background: url(http://blogspirit.blog.blogspirit-business.com/files/references/jcarousel-prev.png) no-repeat top left;
}
.jcarousel-next {
	right:40px;
	background: url(http://blogspirit.blog.blogspirit-business.com/files/references/jcarousel-next.png) no-repeat top left;
}

#navigation .jcarousel-clip{
background: #F0F5F7 url(http://blogspirit.blog.blogspirit-business.com/files/images/navigator_bg.png) repeat-x top left;
    border: 1px solid #E1E9ED;
    margin: 0 83px;
    padding: 0;
    position: relative;
}
#navigation .jcarousel-prev, #navigation .jcarousel-next {
top: 28px;
}
#navigation .jcarousel-prev {left:20px;}
#navigation .jcarousel-next {right:20px;}
#reference .infosRef {
    margin-left: 83px;
    margin-right: 25px;
    min-height: 100px;
    width: 440px;
}
body#reference #content p#description {
float:left;
clear:both;
margin-top:20px;
}
#reference .infosRef h3 {
font-weight:bold;
font-size:27px;
}
#reference .infosRef, #reference .screenshot_ref {
float:left;
clear:none;
margin-bottom: 10px;
}
hr.spacer {
clear:both;
border:none;
}
.info {
	margin-bottom: 15px;
}
.info div {
	color: #666;
}
#formcontact {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana;
margin-left:40px;
}
#formcontact h2 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}
#formcontact h3 {
	font-weight: bold;
	font-size: 14px;
}
#formcontact ul {
list-style-type: none;
width: 520px;
}
#formcontact ul li {
	margin-bottom: 15px;
}
#formcontact ul li.section.first {
    border: medium none;
    margin-top: 0;
    padding: 0;
}
#formcontact ul li.section {
    border-top: 2px dotted #EEEEEE;
    margin: 20px 0 15px;
    padding-top: 15px;
}
#formcontact ul li.buttons {
	text-align: center;
}
#projectdesc {
	background-color: #eee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
}
#projectdesc h3 {
	font-weight: bold;
	margin-bottom: 15px;
	text-shadow: 0 1px 0 #FFFFFF;
}
#formcontact span {
	    margin: 0 15px 0 0;
	    padding: 6px 0 6px 38px;
}
#decorator1 {background: url("http://www.sylvain.onu/sylvain/head/blogspirit/img/icon_nom.gif") no-repeat scroll left top transparent;}
#decorator2 {padding-left:0px !important;}
#decorator3 {background: url("http://www.sylvain.onu/sylvain/head/blogspirit/img/icon_email.gif") no-repeat scroll left top transparent;}
#decorator4 {background: url("http://www.sylvain.onu/sylvain/head/blogspirit/img/icon_telephone.gif") no-repeat scroll left top transparent;}
#decorator5 {background: url("http://www.sylvain.onu/sylvain/head/blogspirit/img/icon_societe.gif") no-repeat scroll left top transparent;}
#decorator6 {background: url("http://www.sylvain.onu/sylvain/head/blogspirit/img/icon_fonction.gif") no-repeat scroll left top transparent;}
#decorator7 {background: url("http://www.sylvain.onu/sylvain/head/blogspirit/img/icon_email.gif") no-repeat scroll left top transparent;}
#decorator8 {background: url("http://www.sylvain.onu/sylvain/head/blogspirit/img/icon_email.gif") no-repeat scroll left top transparent;}
#formcontact label {
	font-style: italic;
}
#formcontact input[type="text"], #formcontact textarea {
	font-family: "Helvetica Neue", sans-serif;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
	-khmtml-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
	-o-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
	border: 3px solid #eee;
}
#formcontact input[type="text"] {
	width: 186px;
}
#formcontact #saveForm {
	vertical-align: middle;
    margin-right: 10px;
}
#formcontact textarea {
	width: 465px;
}
#formcontact #decorator2 input{
	width: 224px;
}
#formcontact .empty {
	font-style: italic;
	color: #666;
}
#pricetable td.side {
width:330px !important;
}
#pricetable td.side a {
color:#000;
text-decoration:none;float: right;
}
#pricetable td.side a:hover {
color: #5389AA;
}
#pricetable td.side img {
 float: right;
    margin-right: 10px;
    opacity: 0.5;
    vertical-align: middle;
margin-bottom:6px;
}
#pricetable td.side:hover img {

    margin-right: 10px;
    opacity: 1;
    vertical-align: middle;
}
#contact-link {
position:fixed;
right:0px;
top:250px;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: absolute;
 z-index: 597;
 float: left;
width:934px;
list-style-type:none;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
text-shadow:none;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}



ul.dropdown li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	#mainmenu.dropdown ul a {
cursor:pointer;
	 background-color: #FFFFFF;
    color: #000000;
    padding: 8px 20px;
    width: 154px;
text-shadow:none;
	}

	ul.dropdown ul a:hover {
background-color: #FFB400 !important;
color:#fff !important;
	}

	ul.dropdown a.open {
	 background-color: #000;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
	 color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 color: #fff;
	}

	ul.dropdown ul li:hover > a.dir {
	 color: #fff;
	}


/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
 text-transform: uppercase;
}

	ul.dropdown li {
	 color: #fff;
font-size:14px;
	 line-height: normal;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 
	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #fff; text-decoration: none; }
	ul.dropdown a:active { color: #fff; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 194px;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
	 filter: alpha(opacity=100);
	 -moz-opacity: 1;
	 KhtmlOpacity: 1;
	 opacity: 1;
border:1px solid #FFB400;
border-top:none;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		 filter: none;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
		ul.dropdown ul a:active { color: #fff; }


/* ----- END LEVEL */



/*-----------------------------------------------------------------------------------------------------

/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ----- END LEVEL */


/* Components override */

ul.dropdown {
    float: left;
    list-style-type: none;
    padding-left: 45px;
    position: absolute;
    width: 889px;
    z-index: 597;
}
#pricetable thead {
border-collapse:separate;
}
tr#infos .choiceA, tr#infos .choiceB, tr#infos .choiceC {
color:#000; vertical-align:middle;
}
#displayOptions {
z-index: 2;
    left: 0px;
    position: absolute;
    top: 5px;
display:block;
}
#displayOptions.on {
display:block;
}
#pricetable tfoot p {
display:none
}
#pricetable tfoot p.on {
display:block;
}
#toggleTab {
    border: medium none;
height: 23px;
    width: 102px;
cursor:pointer;
outline:none;
}
-moz-any-link:focus {
  outline: none;
}

#toggleTab:active, #toggleTab:focus{
  outline: none;
}
#toggleTab.pos1 {
 background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/toggleBtn-uk.png") no-repeat scroll right bottom transparent;
}
#toggleTab.pos2 {
 background: url("http://blogpirit-uk.blog.blogspirit-business.com/files/images/toggleBtn-uk.png") no-repeat scroll right top transparent;
}
#home .box h3 {font-size:18px;}
object {
width:100%;
height: 931px;
}
#contact #content {
margin-top:-30px;
}
#contact html {

	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 0 none;
}

#contact body {
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 160px;
	height: 600px;
}
#contact .submit {
-moz-box-shadow:0px !important;
box-shadow:0px !important;
}
#page-17166 h1, #page-17164 h1, #page-17163 h1{
margin-bottom:0px;
}
#page-17166 #main.tour .tourshot.section, #page-17164 #main.tour .tourshot.section, #page-17163 #main.tour .tourshot.section{
margin-top: -25px;
}
#page-17166 #content div.scroller,
#page-17164 #content div.scroller, 
#page-17163 #content div.scroller{
overflow:hidden
}
#main.tour div.scroller div.section div.contact p {
padding-left:0px;
}
#sub-17165, #sub-12295{box-shadow:none;-moz-box-shadow:none;}
#newsFeed ul li div {
color:#000 !important;
padding-left:7px;
}
a.active+ul {display:none;}
#home #references h3 {color:#000;}