/* css reset */
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;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p {
	line-height:1.6em;
}

.float-left {
	float:left!important;
}

.float-right {
	float:right!important;
}

.hidden {
	display:none!important;
}

.clearfix {
	clear:both;
}

	/* Blog post */

.post-body h1, h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
	color:#333;
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
	padding:0 0 10px;
	font-weight:normal!important;
}

.post-body h1 {
	font-size:3em;
}

h2 {
	font-size:2.7em;
}

.post-body h3 {
	font-size:2.4em;
}

.post-body h4 {
	font-size:2.1em;
}

.post-body h5 {
	font-size:1.8em;
}

.post-body h6 {
	font-size:1.5em;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #ccc;
	}

blockquote {
	margin: 15px 30px 20px 10px;
	padding:5px 5px 5px 20px;
	background-color:#fafafa;
	border-left:10px solid #eee;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

dl {
	margin:10px 0;
}

dl dt {
	color:#000;
	padding:0 0 5px;
}

dl dd {
	margin-left:20px;
}

.post-body ol {
	color:#999;
	list-style-type: upper-roman;
	margin:5px 0 20px 50px;
	line-height:1.8em;
}

.post-body ol li {
	color:#333;
}

.post-body ul {
	color:#999;
	list-style-type: circle;
	margin:5px 0 20px 50px;
	line-height:1.8em;
}

.post-body ul li {
	color:#333;
}

.post-body pre {
	font-family:verdana;
	width:80%;
	margin:10px;
	line-height:1.7em;
	background-color:#fafafa;
	border:1px solid #eee;
	padding:15px;
}


	/* Buttons */

#wrapper .but-big {
	height:43px;
	line-height:41px;
	width:148px;
	float:left;
	margin:0 2px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	text-shadow: #000 2px 2px 2px;
	background:url('images/button-big.png');
}

#wrapper .but-big-big {
	height:43px;
	line-height:41px;
	width:200px;
	float:left;
	margin:0 2px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	text-shadow: #000 2px 2px 2px;
	background:url('images/button-big-big.png');
}

#wrapper .navigation a, .but-small, #wrapper a.more-link {
	height:26px;
	line-height:24px;
	width:102px;
	float:right;
	margin:0 2px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	font-size:0.8em;
}

#wrapper a.more-link {
	float:right;
	margin-top:15px;
}

#wrapper .navigation a:hover, #wrapper a.more-link:hover, #wrapper .but-big:hover, .but-small:hover {
	background-position:left bottom;
}

	/* General */

body {
	font-family:'Lucida Grande','Lucida Sans Unicode',sans-serif;
	font-size:0.8em;
}

#wrapper {
	min-height:600px;
}

#wrapper, #footer .wrapper {
	width:970px;
	margin:0 auto;
}

	/* Header menu */

#wrapper .float-right ul li ul.children {
	display:none;
}

#wrapper .float-right ul li {
	float:left;
	height:63px;
	padding:24px 0 0;
	margin:0 5px;
}

#wrapper .float-right ul li a {
	display:block;
	height:38px;
	float:left;
	line-height:38px;
	text-shadow: #000 2px 2px 2px;
	padding:0 10px;
	font-weight:bold;
	color:#fff;
	font-size:1.1em;
	font-family:arial,verdana,sans-serif;
}

#wrapper .float-right ul li a:hover, #wrapper .float-right ul li a.active {
	background:#353535;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#wrapper .float-right ul li a:active, #wrapper .float-right ul li a.active {
	color:#dedede;
}

	/* Features */

#wrapper #features {
	height:355px;
}

body.pages-bg #wrapper #features {
	height:117px;
}

#wrapper #features #feat-content {
	float:left;
	width:450px;
}

body.pages-bg #wrapper #features #feat-content {
	width:550px;
}

#features #slides {
	float:right;
	padding:37px 0 0;
}

#wrapper #features #feat-content h1.title {
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
	color: #333333;
	font-weight:bold;
	font-size:4.4em;
	padding:15px 0 25px;
}

body.pages-bg #wrapper #features #feat-content h1.title {
	padding-top:32px;
	font-size:3.5em;
}

#wrapper #features #feat-content .text {
	height:120px;
}

#wrapper #features #feat-content .buttons {
	margin-left:50px;
}

	/* Homepage boxes */

#video {
	display:none;
}

#test-gratuit {
	display:none;
}

#wrapper #homepage-boxes {
	padding:10px 0;
	height:157px;
	margin:0 0 20px;
}

#wrapper #homepage-boxes .box {
	border-right:#e5e5e5 solid 1px;
	border-left:#fff solid 1px;
	width:220px;
	height:157px;
	padding:0 10px;
	float:left;
	color:#0f1110;
}

#wrapper #homepage-boxes .box img {
	float:left;
	padding:0 3px 0 0;
}

#wrapper #homepage-boxes .box h3 {
	padding:10px 0;
	font-weight:bold;
	font-size:1.4em;
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
	color:#000;
	text-shadow: #fff 0px 1px 0px;
}

#wrapper #homepage-boxes .box .icon {
	line-height:1.6em;
	font-size:0.9em;
	height:94px;
	overflow:hidden;
}

#wrapper #homepage-boxes .box .icon a {
	font-weight:bold;
}

#wrapper #homepage-boxes .box-last {
	
}

	/* Main Pages content */

#wrapper .with-sidebar {
	background: url('images/content-bg.png') left top no-repeat;
	min-height:758px;
	height:auto !important;
	height:758px;

}

#wrapper #page-content #sidebar {
	float:left;
	width:215px;
}

#wrapper #page-content #sidebar ul.links {
	width:204px;
	padding:50px 0 0 0;
}

#wrapper #page-content #sidebar ul.links li {
	padding:5px 0 5px 9px;
}

#wrapper #page-content #sidebar ul.links li a {
	width:190px;
	padding:0 0 0 14px;
	height:41px;
	line-height:38px;
	background:url('images/sidebar-links.png') left bottom no-repeat;
	display:block;
	color:#5b5b5b;
}

#wrapper #page-content #sidebar ul.links li.current-cat a:hover, #wrapper #page-content #sidebar ul.links li.current-cat a {
	background-position:left top;
	color:#000;
}

#wrapper #page-content #main {
	float:right;
	width:699px;
	padding:40px 48px 0 0;
}
	/* Features Tour */

#wrapper #page-content #main h2, #wrapper h2.home-title {
	font-size:2.5em;
	padding:5px 0 15px;
	letter-spacing:-1px;
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
}

#wrapper #page-content #main h2 b {
	color:#666;
}

#wrapper #from-blog h2.home-title {
	padding:20px 0 30px;
}

#wrapper #home-screenshots h2.home-title {
	padding:20px 0 25px;
	font-size:2em;
}

	/* Homepage Testimonials */

#wrapper #home-screenshots h2.testimonials-title {
	padding-top:35px;
}

#wrapper .testimonial {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:#cacaca dotted 1px;
}

#wrapper .testimonial img {
	float:left;
	padding:4px;
	margin:0 10px 0 0;
	background:#f1f1f1;
	border:#b4b4b4 solid 1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#wrapper .testimonial .testimonials-body {
	font-size:0.9em;
	color:#5b5b5b;
}

#wrapper .testimonial .testimonials-title {
	font-weight:bold;
	color:#363636;
	font-family:arial,verdana,sans-serif;
}

#wrapper #page-content #main .subtitle {
	font-size:1.2em;
	padding:0 0 15px;
	margin:0 0 20px;
	border-bottom:#ddd solid 1px;
	color:#929497;
}

#wrapper #page-content #main .accroche {
	padding-left: 0;
	padding-bottom: 15px;
	padding-right: 0;
	padding-top: 7px;
	color: #333333;
	margin-left: 0;
	margin-bottom: 20px;
	margin-right: 0;
	margin-top: 6px;
	font-size:1.0em;
	border-bottom:#ddd solid 1px;
}

#wrapper #page-content #main .feature {
	margin:0 0 35px;
	float:left;
}

#wrapper #page-content #main .small-features {
	font-size:0.8em;
}

#wrapper .post-body {
	float:left;
	padding:6px;
}

a.post-img {
	-moz-box-shadow: #b2b8bb 0 4px 18px;
	display:block;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:block;
	float:left;
	border:#ccc solid 1px;
}

#wrapper #main-blog a.post-img {
	margin:15px 20px 10px 0;
}

a.post-img:hover {
	-moz-box-shadow: #92979a 0 4px 18px;
}

#wrapper #page-content #main .feature .feature-text {
	float:right;
	width:405px;
	color:#6b6b6b;
	line-height:2em;
	margin-left:10px;
}

#wrapper #page-content #main .feature .feature-text h3 {
	color:#000;
	font-size:2em;
	padding:15px 0 15px;
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
}

#wrapper #page-content #main .feature .feature-text p strong {
	background-color: #ffff66;
	color: black;
	font-weight: bold;
}

	/* Blog Main */

#wrapper #page-content #main-blog {
	width:698px;
	float:left;
	padding:20px 7px 0 10px;
}

	/* Blog post */

#wrapper #page-content #main-blog .post {
	color:#636B75;
	font-size:0.9em;
	margin:0 0 30px;
}

#wrapper #page-content #main-blog .post .post-body {
	padding:0;
}

#wrapper #page-content #main-blog .post .post-body img {
	float:left;
}

#wrapper #page-content #main-blog .post h2 {
	padding:0 0 8px;
}

#wrapper #page-content #main-blog .post h2 a {
	font-weight:bold;
	font-size:0.8em;
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
}

#wrapper #page-content #main-blog p {
	padding:0 0 20px;
	color:#3d3d3d;
}

#wrapper #page-content #main-blog .post p {
	padding:0 0 10px;
}

#wrapper #page-content #main-blog .post .meta {
	padding:0 0 20px 0;
}

#wrapper #page-content #main-blog .post .meta b {
	font-weight:normal;
	color:#333;
}



	/* Homepage latest blog posts */

#wrapper #from-blog {
	float:left;
	width:500px;
}

#wrapper #from-blog .post {
	padding:0 0 10px;
}

#wrapper #from-blog .post h2 {
	padding:0;
}

#wrapper #from-blog .post h2 a {
	font-weight:bold;
	font-family:arial,verdana,sans-serif;
	font-size:0.36em;
}

#wrapper #from-blog .post h2 a:hover {
	text-decoration:underline;
}

#wrapper #from-blog .post .meta {
	font-size:0.76em;
	padding:5px 0 12px;
	font-family:arial,verdana,sans-serif;
	display:block;
}

#wrapper #from-blog .post .meta a {
	font-weight:bold;
}

#wrapper #comments a, #wrapper .post .meta .float-right a {
	background:#f7f7f7 url('images/icons/comment.png') 3px 50% no-repeat;
	padding:4px 7px 5px 28px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:block;
	float:right;
}

#wrapper #from-blog .post .post-body {
	font-size:0.86em;
	padding:0;
	color:#6B6B6B!important;
}

	/* Homepage screenshots */

#wrapper #home-screenshots {
	float:right;
	width:400px;
}

	/* Pricing Table */

#wrapper .pricing-title {
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
	font-size:3.2em;
	text-align:center;
	letter-spacing:-1px;
	padding:35px 0 20px;
}

#wrapper .pricing-descr {
	font-size:1.2em;
	color:#929497;
	text-align:center;
	width:750px;
	margin:0 auto;
	padding:0 0 25px;
}

#wrapper .pricing-table {
	background:url('images/pricing-table.png') no-repeat;
	width:786px;
	min-height:743px;
	padding:27px 31px 0;
	margin:0 auto;
}

#wrapper .pricing-table .cols {
	width:196px;
	float:left;
}

#wrapper .pricing-table .cols h3 {
	padding:23px 0 10px 25px;
	color:#ded600;
	font-size:1.2em;
	display:block;
	font-weight:bold;
	font-family:arial,verdana,sans-serif;
}

#wrapper .pricing-table .cols .price {
	color:#969696;
	padding-left:25px;

}

#wrapper .pricing-table .cols ul {
	margin:24px 0 0 0;
	min-height:300px;
}

#wrapper .pricing-table .cols ul li {
	border-right:#ccc dotted 1px;
}

#wrapper .pricing-table .cols ul li.disabled span {
	color:#dadada;
}

#wrapper .pricing-table .cols ul li.order {
	padding:15px 0;
}

#wrapper .pricing-table .cols ul li.order a {
	margin:0 auto;
	float:none;
}
#wrapper .pricing-table .cols ul li span {
	border-bottom:#ccc dotted 1px;
	display:block;
	margin:0 8px;
	padding:13px 0 13px 30px;
}

	/* Tooltip */
	
#tooltip {
	position:absolute;
	z-index:990000;
	padding:4px;
	background:#f9f9f9;
	color:#474747;
	border:#cbcbcb solid 2px;
	font-size:0.8em;
	-moz-border-radius:5px;
}

#tooltip div {
	margin:0;
	background:#eee;
	padding:5px;
}

#tooltip h3 {
	color:#333;
	padding:4px;
	margin:0;
	border:#e7e7e7 solid 1px;
	font-size:1.1em;
	font-family:arial,verdana,sans-serif;
	background:#eee;
	letter-spacing:0
}

	/* Navigation */

#wrapper .navigation .alignleft {
	float:left;
}

#wrapper .navigation .alignright {
	float:right;
}

#wrapper .navigation .alignleft a {
	
}

#wrapper .navigation .alignright a {
	
}



#form23 .submit {
	float:right;
	border:0;
	cursor:pointer;
}


#form23 input[type=text] {
	margin: 0 5px 0 0;
	padding: 10px 5px;
	color: #454545;
	width: 260px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #e4e4e4;
}

#form23 input:focus, #form23 textarea:focus {
	border-color:#ccc;
}

#form23 textarea {
	display: block;
	width: 645px;
	height: 150px;
	padding: 10px;
	color: #454545;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #e4e4e4;
}

	/* Footer */

.contactus-box {
	padding:30px 0 0;
}

.contactus-box #form23 {
	padding:20px 0 0;
	width:537px;
	margin:0 auto;
}

.contactus-box #form23 li {
	padding:10px 0;
}

.contactus-box #form23 li input {
	width:370px;
}

.contactus-box #form23 li textarea {
	width:510px;
}

.contactus-box #form23 label {
	width:150px;
	display:block;
	float:left;
	height:38px;
	line-height:38px;
}

#footer {
	margin:30px 0 0;
	background:#000 url('images/footer-bg.png') left top repeat-x;
	color:#646464;
	font-size:0.86em;
}

#footer a {
	color:#646464;
}

#footer a:hover {
	color:#828282;
}

#footer .wrapper .box {
	width:200px;
	padding:0 13px;
	float:right;
	padding:15px 15px;
}

#footer .wrapper .box .content li {
	padding:5px 0;
	border-bottom:#202020 solid 1px;
	list-style-type:none;
	display:block;
}

#footer .wrapper .box .content li a {
	line-height:1.2em;
	display:block;
}

#footer .wrapper .widget_text {
	width:345px;
}

#footer .wrapper .widget_tag_cloud {
	width:345px;
	float:left;
	position:absolute;
	display:block;
}

#footer .wrapper .box h3 {
	font-family:Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
	font-size:1.8em;
	padding:5px 0 15px;
	margin:0 0 15px;
	text-shadow: #000 1px 1px 2px;
	border-bottom:#535353 dotted 1px;

}

#footer .wrapper #subfooter {
	height:70px;
	padding:23px 0 0;
}

#footer .wrapper #subfooter .float-right {
	padding:24px 0 0;
}

#footer .wrapper #subfooter a.footer-but {
	padding:5px 7px 5px 40px;
	display:block;
	float:left;
}

#footer .wrapper #subfooter a.footer-but:hover {
	background-color:#101010;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#footer .wrapper #subfooter a.twitter {
	background:url('images/icons/twitter.png') 3px 50% no-repeat;
	margin:0 5px 0 0;
}

#footer .wrapper #subfooter a.rss {
	background:url('images/icons/feed.png') 5px 60% no-repeat;
	padding-left:25px;
}

#footer .wrapper #subfooter .newsletter h4 {
	font-size:1.3em;
	font-weight:bold;
	color:#6e6e6e;
	padding:6px 0 9px 0;
	font-family:arial,verdana,sans-serif;
}

#footer .wrapper #subfooter .newsletter label {
	float:left;
	height:25px;
	line-height:25px;
	padding:0 5px 0 0;
}

#footer .wrapper #subfooter .newsletter input {
	float:left;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:#363636 solid 1px;
	color:#5f5f5f;
	background:#101010;
}

#footer .wrapper #subfooter .newsletter {
	width:550px;
} 

#footer .wrapper #subfooter .newsletter button {
	border:0;
	margin:1px 0 0 5px;
	text-align:center;
	height:28px;
	padding-bottom:4px;
	float:left;
	width:126px;
	color:#8e8e8e;
	background:url('images/subscribe-but.png') left top;
	text-shadow: #000 0px 1px 1px;
	font-weight:bold;
	font-family:arial,verdana,sans-serif;
}

#footer .wrapper #subfooter .newsletter button:hover {
	cursor:pointer;
	background-position:left bottom;
	color:#c9c9c9;
}

#footer .wrapper #navigation {
	border-top:#1c1c1c solid 1px;
	margin:10px 0 0;
	padding:15px 0;
}

#footer .wrapper #navigation li {
	float:left;
	padding:3px 5px;
}

#footer .spec {
	text-align:center;
	display:block;
	height:100px;
	line-height:100px;
}


a {
	color:#000;
	text-decoration:none;
}

a:hover, #wrapper #page-content #sidebar ul.links li a:hover {
	color:#005FE1;
}

	/* Buttons */

#wrapper .navigation a, .but-small, #wrapper .more-link {
	background:url('images/blue/button-small.png');
	color:#fff;
	text-shadow: #094c94 1px 1px 0px;
}

body {
	background:#fff url('images/blue/home-bg.png') repeat-x;
}

body.pages-bg {
	background:#fff url('images/blue/pages-bg.png') repeat-x;
}

body.contact {
	background:#fff url('images/blue/home-bg-contact.png') repeat-x;
}

	/* Blog Sidebar */

#wrapper #page-content #sidebar-blog .box h3 {
	background:url('images/blue/sidebar-bg.png') repeat-x;
	color:#58616a;
}

#wrapper #from-blog .post h2 a {
	color:#58616a;
}

#wrapper #features #feat-content h1.title {
	text-shadow: #fff 1px 1px 20px;
	font-size:3.8em;
}

#wrapper #features #feat-content .text {
	text-shadow: #51aaff 0px 1px 0px;
}

#wrapper .float-right ul li a:hover, #wrapper .float-right ul li a.active {
	color:#bfdfff;
}

#wrapper .navigation a:hover, #wrapper a.more-link:hover, #wrapper .but-big:hover, .but-small:hover {
	color:#bfdfff;
}


	/* Footer */

#footer .wrapper .box h3 {
	color:#8fa1b8;
}

#test-frame {
	background-image: url('images/paperairplanes.png');
	background-repeat: no-repeat;
	width: : 600px;
	height: 300px;
	padding: 30px;
	color: black;
}

#test-frame-2 {
	background-color: white;
	width: 600px;
	height: 300px;
	color: black;
}

.pricedetail {
	line-height: 160%;}
	
.pricedetail strong {
	background-color: yellow;}
	
#noel-bubble {
	position: absolute;
	top:60px;
	left:900px;}
	
body.contact #wrapper #features #feat-content h1.title	{
	padding-top: 30px;
	padding-bottom: 5px;
	font-size: 3.3em;}
	
body.contact #wrapper #features #feat-content p {
	padding-top: 5px;
	}	
	
body.contact #wrapper #features #feat-content p strong {
	font-weight: bold;}	
	
body.contact #wrapper #features {
	height: 900px;} 		

body.contact #wrapper #features #feat-content {
	width:650px;
}

#contact-form-aff {
	float: right;
	width: 290px;
	height: 900px;
	padding-top: 30px;
	padding-left: 20px;
	border-left: 1px solid black;}	
	
	
#contact-form-aff .small {
	padding-top: 10px;
	padding-left: 00px;
	padding-right: 00px;
	font-size: 8px;
	line-height: normal;}		

#contact-form-aff form {margin-top: 15px;}
#contact-form-aff div.fm-req label:before{content:"* ";}	
#contact-form-aff label{float:left;width:160px;padding:0;text-align:left;font-size: 1.1em;padding-bottom: 3px;}
#contact-form-aff div{margin-bottom:.5em;padding:0;display:block;}
#contact-form-aff div input,fieldset div textarea{width:250px;padding:1px;color:#333;font-size: 1.1em;}
#contact-form-aff input:focus,textarea:focus{background-color: #fffd93;}
#contact-form-aff div.fm-req{font-weight:bold;}
#contact-form-aff label.error {color: red; width: 100%;}
.notification_ok{
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;}
#contact-form-aff h2 {
	line-height: normal;
	font-size: 1.6em;
	font-weight: bold;
	color:#333;
	padding-top: 20px;
	padding-bottom: 4px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	text-transform: uppercase;}
