/*
Theme Name: WordPress Default Fr
Theme URI: http://wordpress.org/
Description: Le thème par défaut de WordPress, basé sur le fameux thème <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets 

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/
@import url('main.css');

/*** Reset ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {

}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
 
ins {
	text-decoration: none;
}


html, body {
	height:100%;
}

.wrapper {
height: auto !important;
height: 100%;
margin: 0 auto -80px;
min-height: 100%;
}

.footer_container, .push {
height: 80px;
clear: both;
}

.relat { position: relative; top:0; left:0; }
.expand { position: absolute; top:180px; right:10px; }
.expand img { border: none !important;}

.newBubble {position:absolute;top:10px;left:340px; padding:5px 10px; background-color:#c80a0d;color:#fff;text-align:center; font-size:12px; font-weight:bold;}

/* Begin Structure */

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Droid Sans', Arial, Sans-Serif;
background-color:#fff;
color: #333;
text-align: center;
}
.stretch { height: 100%; }

.page {
background-color: #fff;
text-align: left;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
width: 960px;
/*
border-left:1px solid #a4a4a4;
border-right:1px solid #a4a4a4;
border-bottom:1px solid #a4a4a4;
height: 100%;
margin-bottom: 15px;
*/
}
.w600 { width: 610px;}
.wrapDiv { margin-left: auto; margin-right: auto; width: 960px; }
.bigWrap { margin-left: auto; margin-right: auto; width: 1040px; }

.rounded10 {
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-khtml-border-radius:10px;
		border-radius:10px;

}

.rounded5 {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		border-radius:5px;

}

#spacer { 
		clear:both;
		border-top: 1px solid #bbb;
		margin: 0 25px 0 25px;
}

.spacer {
	clear:both;
	border-top:1px dotted #999999;
	margin:25px;
}

.dashedSpacer {
	clear:both;
	border-top:1px dashed #ccc;
	margin:25px 0;
}


.header {
/*background-image: url(images/bghead.gif);
border-bottom: 1px solid #484746;
height: 75px;*/
height: 106px;
background-color: #f0f0f0;
width: 100%;
}
/*
div.head {
		width: 970px;
		height: 70px;
		margin-left: auto; 
  		margin-right: auto;
  		text-align: left; 
  		position: relative;
}
*/
div.head {
	height: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 950px;
}

div.head ul {
		bottom:10px;
		list-style:none outside none;
		margin-top: 20px;
		padding:0;
		position:absolute;
		right:6px;
}

div.head li {
		display:inline;
		margin:0;
}


div.head li a {
		color:#FFF;
		float:left;
		font-size:15px;
		margin:0 6px;
		padding-left:3px;
		text-decoration: none;
		
}

div.head li span {
		line-height: 25px;
		
}

div.head li a:hover span {
		text-decoration: underline;
		}

.blueBtn {
		background-color:#4089c6;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		padding:10px 20px;
		line-height:25px;
		text-align:center;
		text-decoration:none;
		overflow: visible;
}


.blueBtn:hover {
		background-color:#1474bd;
		color:#fff;
}

.headerMenu {
	text-align: left;
	background-color:#573a32;
	padding:10px 0;
}

*+html .headerMenu { height:18px !important; }

	.headerMenu a {
		padding:0px 0px 12px 0;
		margin-right:25px;
		font-size:15px;
		font-weight: normal;
		text-decoration: none;
		color:#fff;
	}
	
@media screen and (max-device-width: 480px) {
	.headerMenu a {
		padding:0px 0px 12px 0;
		margin-right:25px;
		font-size:12px;
		font-weight: normal;
		text-decoration: none;
		color:#fff;
	}
}
	
	.headerMenu a.active {
		background: url("images/selected.png") no-repeat center 22px;
	}
	
		.headerMenu a:hover {
			color:#dddddd;
			text-decoration:none;
		}


div.head li a.button {
		background:url("images/button_head.png") no-repeat 2px 2px;
		color:#FFFFFF;
		height:23px;
		line-height: 25px;
		text-align:center;
		text-decoration:none;
		width:105px;
		overflow: visible;

}

div.head li a.button:hover {
		text-decoration: underline;
		}
.indent { text-indent: -9999px; }

img.logo {
		position: absolute; 
}

#logo_main {float:left;position: relative;}
#logo_main img { margin: 10px 0; }

div.livehelp {
	background:url("images/livehelp.png") no-repeat scroll 10px center #e3e3e3;
	border:1px solid #c4c4c4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#000;
	float:right;
	font-size:14px;
	line-height:26px;
	margin-top:-5px !important;
	padding:0px 5px;
	position: relative;
	right:2px;
	z-index: 15000;
	/*width:225px;*/
}

*+html div.livehelp {
	background:url("images/livehelp.png") no-repeat scroll 10px center #e3e3e3;
	border:1px solid #c4c4c4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#000;
	float:right;
	font-size:14px;
	line-height:26px;
	margin-top:-22px !important;
	padding:0px 5px;
	position: relative;
	right:2px;
	z-index: 15000;
	width:260px;
}

/*\*//*/div.livehelp {
	background:url("images/livehelp.png") no-repeat scroll 10px center #e3e3e3;
	border:1px solid #c4c4c4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#000;
	float:right;
	font-size:14px;
	line-height:26px;
	margin-top:-5px !important;
	padding:0px 5px;
	position: relative;
	right:2px;
	z-index: 15000;
	width:260px;
}/* */

img.bullet { margin:6px 5px 0 0; vertical-align: middle ; }
*+html img.bullet { margin:0px 5px 0 0; vertical-align: middle ; }

.homeSlide { height: 323px !important; }
#homeSlider { display: none; margin-left: 40px;}
#homeSlider li {}
#homeSlider li img { margin-right:20px; }
#homeSlider li h2 { font-family: 'Droid Sans'; font-size: 52px; color:#3e84cc; font-weight: bold; text-align: left; margin-bottom:20px; }
#homeSlider li p { padding-left:2px; font-family: 'Droid Sans'; font-size:20px; line-height: 28px; color:#656565; font-weight: normal; text-align: left; }

@media screen and (max-device-width: 480px) {
	#homeSlider li p { padding-left:2px; font-family: 'Droid Sans'; font-size:12px; line-height:15px; color:#656565; font-weight: normal; text-align: left; }
}

h2.newHomeTitle { font-family: 'Quattrocento'; font-size:23px; color:#454545; font-weight: normal; padding:0 !important; margin:25px 0 20px !important; text-align: left; }

#userGuideConnexion { padding-top:40px; }
#userGuideConnexion .userGuideConnexion { display: none; }
#userGuideConnexion h3 { font-size:22px; color:#3e84cc; font-weight:normal; text-align: left; margin:10px 0 !important; }
#userGuideConnexion .userGuideConnexion li span { font-size: 15px; color:#777; font-weight:normal; text-align: left; }
#userGuideConnexion .userGuideConnexion li img { margin-top: 10px; }

#prevStep { position: relative; display: none; }
#nextStep { position: relative; display: none; }
.prevStep { position:absolute; top:10px; left:0px; width: 150px; height: 30px; }
.nextStep { position:absolute; top:10px; right:0px; width:150px; height: 30px; }


.mfEngagements { background-color: #f1f1f1; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding: 15px 0 20px; }
.mfEngagements div.bloc { width:297px; float: left; text-align: left; font-family: 'Droid Sans'; font-size:14px; color:#454545; }
.mfEngagements div.bloc.second { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:0 15px !important; }
.mfEngagements div.bloc h3 { margin-top:5px !important; padding-bottom:8px; font-family: 'Droid Sans'; font-size:18px; color:#4387d2; text-align: left; }
.mfEngagements div.bloc img { margin: 0 10px 20px 0; }


.bdashedRight { border-right:1px dashed #ccc; }
.bdashedDarkLeft { border-left:1px dashed #191919; }
.bdashedDarkRight { border-right:1px dashed #191919; }

div.twoBlocks { float:left; width:460px; font-size: 15px; color:#636363; text-align: left; }
div.twoBlocks img { border:1px solid #969696; margin-right: 15px; }
div.twoBlocks a { color:#000; font-size: 15px; text-decoration: none; }
div.twoBlocks a.hover { color:#444; }

div.threeBlocks { float:left; width:290px; font-size: 15px; color:#636363; text-align: left; margin-top: 15px; }
div.threeBlocks h2 { font-family: 'Quattrocento'; font-size:23px; color:#fff !important; font-weight: normal; padding:0 !important; margin:10px 0 20px !important; text-align: left; }
div.threeBlocks a, div.threeBlocks h3 a { font-family: 'Droid Sans'; font-size:14px; color:#d4d4d4; text-align: left; font-weight: normal; text-decoration: none; }
div.threeBlocks h3 a:hover { color:#fff; }
div.threeBlocks h3 { font-family: 'Droid Sans'; font-size:15px; color:#fff; font-weight: bold; text-align: left; }
div.padr { padding-right:15px; }
div.padl { padding-left:15px; }
div.padt { padding-top:15px; }
div.padtb { padding:15px 0; }

div.columnLeft { float:left; width:60%; text-align: left; font-size: 15px; padding-right:20px; }
div.columnLeft .intro { padding:30px 0; font-size: 16px; }
div.columnLeft .intro img { margin: -10px 10px 0 0; }
div.columnLeft h2 { color:#3E89C2 !important; font-weight: normal !important; font-size:18px !important; }
div.columnLeft ul { margin: 15px 0 0 0; }
div.columnLeft ul li { padding: 5px 0; list-style-position: inside; list-style-type:disc; }

div.columnRight { float:left; width:35%; padding-left: 20px; text-align: left; }
#posteSidebar { }
#posteSidebar h2 { font-size:18px; color:#444; font-weight: normal; text-align: left; }
#posteSidebar ul { margin:15px 0 0 0; }
#posteSidebar ul li { padding:20px 0; list-style-position: outside; clear: left; font-size: 15px; }
#posteSidebar ul li img { margin:-10px 10px 0 0; vertical-align: middle; }

.allIncluded { font-size:16px; padding-top:20px;}
.allIncluded span { color:#3E89C2; font-weight: bold; }

.blueTypo { font-size:17px; color:#4387d2; text-align: left; }

.blocLeft, .blocRight { float:left; font-family: 'Droid Sans'; font-size:15px; color:#454545; line-height: 20px; }
.blocLeft { width:350px; border-right:1px dashed #ccc; }
.blocRight { width:580px; padding-left: 25px; }

@media screen and (max-device-width: 480px) {
	.blocLeft, .blocRight { float:left; font-family: 'Droid Sans'; font-size:11px; color:#454545; line-height: 15px; }
	.blocLeft { width:400px; border-right:1px dashed #ccc; }
	.blocRight { width:520px; padding-left: 25px; }
}

.blocRight img { margin-right:10px; }
.blocRight #med_button { margin: 15px 0 0 210px; }
.blocRight #med_button a.register {display: block; width:210px;height:19px;background: url('images/buttonVide.jpg') no-repeat center top; color:#fff; font-size:17px; font-weight: bold; padding:10px !important; }
.blocRight #med_button a.register span { padding-left:20px !important; }
.blocRight #med_button a.register:hover {background-position: center -39px;}

.presse img.mrg { margin:0 29px; }

div.twoColumnsMiniLeft { margin: 25px 0; font-size: 15px; }
div.twoColumnsMiniLeft div.left { float: left; width: 25%; padding-right: 20px; }
div.twoColumnsMiniLeft div.right {  float: left; padding:0 10px; width:670px !important;  border:1px solid #ccc; }
div.twoColumnsMiniLeft div.right h2 { font-size:20px; font-weight: bold; color:#4387d2; text-align: left; padding-bottom: 10px; }

div.twoColumnsMiniLeft div.left h2 { margin:0 0 15px 0 !important; padding: 0 !important; }
div.twoColumnsMiniLeft div.left ul { }
div.twoColumnsMiniLeft div.left ul li { padding: 0!important; }
div.twoColumnsMiniLeft div.left ul li a { color:#222; text-decoration: none; line-height: 20px; }
div.twoColumnsMiniLeft div.left ul li a:hover { border-bottom: 1px dashed #222; line-height: 20px; }
div.twoColumnsMiniLeft div.left ul li a.active { color:#4387d2; text-decoration: none; line-height: 20px; }
div.twoColumnsMiniLeft div.left ul li a.active:hover { color:#222; background-color: transparent; line-height: 20px; }

.firstSlide { height:426px;border:0px !important; background: url('images/presentateur.jpg') no-repeat center top;}
.firstSlide .firstSlideContent { padding-top:35px; padding-left:300px; width:340px; font-size:14px; }
div.twoColumnsMiniLeft div.right .firstSlide .firstSlideContent h2 { font-size:17px; font-weight: bold; color:#4387d2; text-align: left; padding-bottom:5px; }

.guideUser_link { float:right; width:250px; margin:30px 50px 0 0; background-color:#438ac8; padding:5px 0 5px 12px; font-family:'Lobster'; color:#fff !important; font-size:23px;-moz-border-radius:10px; -webkit-border-radius:10px; }
.guideUser_link a {color:#fff !important; }

.guideUser_bigLink { float:right; width:300px; margin:30px 38px 0 0; background-color:#438ac8; padding:5px 0 5px 12px; font-family:'Lobster'; color:#fff !important; font-size:23px;-moz-border-radius:10px; -webkit-border-radius:10px; }
.guideUser_bigLink a {color:#fff !important; }
.guideUser_bigLink a img { margin-right:15px; }

div.coin_g {
/*		background:url("images/coin_g.gif") no-repeat scroll left top transparent;*/
		background:url("images/cornerL.png") no-repeat scroll left top transparent;
		bottom:0;
		height:9px;
		left:0;
		position:absolute;
		width:9px;
}

div.coin_d {
		/*background:url("images/coin_d.gif") no-repeat scroll right top transparent;*/
		background:url("images/cornerR.png") no-repeat scroll left top transparent;
		bottom:0;
		height:9px;
		position:absolute;
		right:0;
		width:9px;
}


#boxes {
		display: inline;
		margin: 0;
		height: 100%;
}

#gbox {
	float: left;
	width: 300px;
	margin-left: 15px;
	padding-left: 10px;
}

#gbox h1 { font-size: 34px !important; }

	#gbox span.highlight {
		color:#3e89c2;
	}

#boxes h2 {
		font-family: 'Droid Sans', Times;
		font-size: 19px;
		text-align: left;
		font-weight: normal;
		margin-top: 15px;
		color:#444f51;
}

#boxes h3 {
	font-family: 'Droid Sans', Times;
	line-height: 22px;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	color: #9b9b9b;
	margin-top:15px;
}

#screenshot {
		margin-top: 10px;
}

#dbox {
	float:right; 
	width:570px;
	margin-left: 30px;
}


#advice {
	float:right;
	margin:25px 20px 15px 0;
	display: block;
}

#advice h2 {
	margin:0;
	font-size:20px;
	text-align: right;
	font-weight: normal;
}

.gblock {
	margin:0 0 15px 20px;
	float: left;
	display: block;
	font-size:15px;
	font-weight: normal;
	color:#6e6f6f;
}

	.gblock h1 {
		font-size: 26px !important;
		font-weight: normal;
		color:#727071;
		text-align: left;
		padding-bottom: 5px;
	}
	
		.gblock h1 span {
			font-weight: bold;
			color:#3e89c2;
		}

#dbox img {
	border:1px solid #ccc;
}

.bg_wide { background-color: #e9e9e9;
		clear: both;
		width: 100%;
		height: 146px;
		border-top: 1px solid #bbb;
				border-bottom: 1px solid #bbb;

}

#argu {
	border-right: solid 1px #bbb;
	float: left;
	width: 430px;
	padding-left: 25px;
	height: 146px;
}

#argu h2 {margin-top: 5px; line-height: 25px;}


#argu img {
		float:left;
		margin-top: 10px;
		margin-right: 10px;
}

#argu li {
		text-align: left;
		margin-top: 10px;
		font-family: 'Droid Sans', Times;
		
}

#testi {
		float: right;
		width: 435px;
		padding-right: 25px;
		padding-left: 5px;

}

#testi img {
		float:left;
		margin-top: 10px;
		margin-right: 10px;
}

#testi h2 {margin-top: 5px;}

#testi h5 {
		font-family: 'Droid Sans', Arial;
		font-size: 10px;
		text-align:left;
		margin-top: 30px;
}

#testi h4 {
		font-family: 'Droid Sans', Times;
		text-align: left;
		font-size: 15px;
		line-height: 20px;
		margin-top: 5px;

}
#big_button {
	margin-top: 30px;
	text-align: center;
}

/*
#big_button a {
display:block;
margin-top: 20px;
width: 300px;
height: 85px;
color:#fff;
background-color:#3e89c2;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-decoration: none;
text-align: center;
}


#big_button a:hover { 
/*background-position: 0 -170px;
background-color:#1474bd;
}


*/
#big_button a {
	background: url("images/buttonTry.png") no-repeat scroll center top transparent;
	display: block;
	height:90px;
	width:314px;
	color: #fff !important;
}

#big_button a:hover {
	background: url("images/buttonTry.png") no-repeat scroll center -100px transparent;
	display: block;
	height:90px;
	width:314px;
	color: #fff !important;
}

#big_button .try {font-size: 26px; font-weight: bold; padding-top:10px; }
#big_button .free {font-size: 20px; font-weight: normal; line-height: 25px;}
#big_button .risk {font-size: 14px; font-weight: normal; line-height: 18px;}
#big_button .normal { font-size:16px; font-weight: normal; text-align: left; padding:10px 0 0 40px; line-height: 20px;}

#newBigbutton {
	margin-top: 30px;
	text-align: left;
}

#newBigbutton a {
	font-size:16px;
	line-height: 20px;
	font-weight: normal;
	padding:10px 0 0 20px;
	text-align: left;
	background: url("images/buttonTry.png") no-repeat scroll center top transparent;
	display: block;
	height:90px;
	width:294px;
	color: #fff !important;
}

#newBigbutton a:hover {
	font-size:16px;
	line-height: 20px;
	font-weight: normal;
	padding:10px 0 0 20px;
	text-align: left;
	background: url("images/buttonTry.png") no-repeat scroll center -100px transparent;
	display: block;
	height:90px;
	width:294px;
	color: #fff !important;
}

#med_button { text-align:center; width:259px; margin:25px 0 0 0; }
#med_button a { background: url("images/med_button.png") no-repeat scroll center top transparent; display: block; height:39px; width:259px; color: #fff !important; }
#med_button a:hover { background: url("images/med_button.png") no-repeat scroll center -69px transparent; display: block; height:59px;	width:259px; color: #fff !important; }

#med_button .try { font-size: 20px; font-weight: bold; padding: 12px 0 18px; }
#med_button .free { font-size: 15px; font-weight: normal; line-height: 25px; }
#med_button .noEngage { font-size: 13px; font-weight: normal; line-height: 25px; }


/*
.firstMenuBackground { background: url("images/nav_background.png") no-repeat 0 0; height: 88px; margin: 20px 0px; padding: 0px; overflow: hidden; color: white; }
.firstMenuBackground2 { background: url("images/nav_background.png") no-repeat 0 -88px; height: 88px; margin: 20px 0px; padding: 0px; overflow: hidden; color: white; }
.firstMenuBackground3 { background: url("images/nav_background.png") no-repeat 0 -176px; height: 88px; margin: 20px 0px; padding: 0px; overflow: hidden; color: white; }

.newfeaturesFirstMenu li { float:left; width:290px; padding:20px 0 0 20px; }
.newfeaturesFirstMenu li a.off { font-size:20px; font-weight: normal; color:#3e89c2; }
.newfeaturesFirstMenu li a.off strong { font-size:25px; font-weight: bold; color:#3e89c2; }
.newfeaturesFirstMenu li a.on { font-size:20px; font-weight: normal; color:#fff; }
.newfeaturesFirstMenu li a.on strong { font-size:25px; font-weight: bold; color:#fff; }

/**/
.menuContainer { margin:30px 0 0; height: 135px !important;}
.menuContainer ul {margin:0; padding:0;}
.menuContainer ul li {padding:0;float:left; color:#fff;font-size:19px;}
.menuContainer ul li a {display:block;color:#fff; font-size: 19px;padding:25px 15px;}
.menuContainer ul li.featureBtn {width:270px;background-color: #929292;}
.menuContainer ul li.featureCurrent {width:270px;background-color: #235a92;}
.menuContainer ul li.arrowRight {padding:25px 15px;margin:10px 0 10px 13px; height:75px; width:17px; background: url("images/features-arrow-right.png") left top no-repeat;}



#argus {
margin:20px 0;
}
/*
.argu_sml {width:260px; height:240px; margin-right:15px; float:left; color:#929292; font-size:12px; font-weight:normal; text-align:left;}
.argu_sml h1 {font-weight:bold; line-height:20px; font-size:18px; color:#000000;}
.argu_sml h3 {font-weight:bold; line-height:20px; font-size:18px; color:#000000;}
.argu_sml span {color:#7a4e4e;}
.argu_sml img {padding:3px; margin-bottom:5px; }
*/

.argu_sml {
	width:215px;
	text-align: left;
	float: left;
	font-size:14px;
	color:#737373;
	font-weight:normal;
}

	.argu_sml img {
		border:1px solid #ccc;
	}
	
	.argu_sml div.titre {
		margin:15px 0 10px 0;
		font-size:15px;
		color:#737373;
		font-weight: bold;
	}
	
		.argu_sml div.titre span { 
			color:#3e89c2;
		}

a:focus
{
outline:0;
}

/* End Structure */


/* Mise en page articles */

.narrowcolumn {
float: left;
padding: 0 0 20px 35px;
margin: 0px 0 0;
width: 510px;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 25px;
width: 850px;
}

.post {
margin: 0 0 40px;
text-align: left;
}

.post h2 {
		margin-bottom: 10px;
		font-size: 26px;
		color: #8a5530;
		text-align: left;
}

.post h2 a {
		color: #8a5530;
}

.post h2 a:hover {
		color: #af6a41;
}

.post h2 a:visited {
		color: #8a5530;
}

.entry a {
		text-decoration: underline;
}

.entry h3 {margin-bottom:10px;}

.slogan {
		margin-left: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
}

.slogan h1 {
		font-size: 35px;
		font-weight: bold;

}

.slogan h2 {
		font-size:17px;
		font-weight: normal;
		color: #979797;
		margin-top: 10px;

}

#accroche {
		margin-top: 20px;
		margin-left: 25px;
		padding-bottom: 5px;
		font-family: 'Droid Sans', Times;
		color:#737373;
}

#accroche h2 {font-size: 21px !important;}

#facteur {
		float: right;
		position: relative;
		display: inline;
		width: 300px;
		background-color: #eeeeee;
		padding: 5px 10px 5px 10px ;
		margin: 15px 25px 0 0px;
		font-size: 12px;
}
#facteur p {margin-bottom: 5px;}

#facteur h2 {margin: 0 0 10px 0; line-height: 25px;}

#facteur img {border: 1px solid #bbb; margin: 15px 0; }

#secu {
		width: 425px;
		float: left;
		margin: 10px 0 10px 25px;
		font-size: 11px;
		line-height: 16px;
		border-right: 1px solid #bbb;
		padding-right: 20px;
}


#secu h2 {
		font-size: 22px;
		font-weight: normal;
		margin: 15px 0 15px 0;
		font-family: 'Droid Sans', Times;
}


#confi {
		width:425px;
		float: right;
		margin: 10px 25px 0 0;
		font-size: 11px;
		line-height: 16px;
}

#confi h2 {
		font-size: 22px;
		font-weight: normal;
		margin: 15px 0 15px 0;
		font-family: 'Droid Sans', Times;
}

.post p {
		margin-bottom: 10px;
		line-height: 18px;
}

#bnp { width:500px; float: left; margin:0 0 20px 0; font-size: 14px; color:#737373; line-height: 16px; }
#bnp img { margin-right: 15px; }
#typhon { float: right; margin: 0 0 20px 0; font-size: 11px; line-height: 16px; }

.post hr {
display: block;
}

#social {
float:right;
width: 225px;
}

#fb {
float: right;
}

#retweet {
	float: left;
	margin-top: 4px;


}


#retweet span {
	background-color: #46b150;
 	font-size: 11px;
	color: #fff;
	margin: 0;
	border: 1px solid #2b6d31;
	padding: 2px 4px 2px 4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}

#retweet a {
	color: #fff;
}

#comments {
	float: left;
	margin: 4px 5px 0px 5px;
}

#comments span {
	background-color: #dec2a3;
 	font-size: 11px;
	color: #fff;
	margin: 0;
	border: 1px solid #b39c84;
	padding: 2px 4px 2px 4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}

#comments a {
	color: #fff;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: both;
}

.clear {
clear: both;
}

.bigClear {
	clear:both; display: block; height:1px; overflow:hidden; margin:0; padding:0;
}

/*Begin Headers */

.aright { text-align: right;}

h2 {
margin: 30px 0 0;
font-size:20px;
}

.lightTxt {
	color:#747474;
	font-size:11px;
	font-weight: normal;
}

h2.pagetitle {
text-align: center;
margin: 0;
font-size: 22px;
}

#titre_page {
		background-color: #cfbea1;
		border: 1px solid #a89a84;
		margin-top: 20px;
		padding: 10px 0;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3 {
padding: 0;
margin: 30px 0 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */



/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
vertical-align: middle; 
}

#sidebar #searchform #s {
width: 150px;
padding: 4px;
border: 1px solid #c7c5bd; 
margin:0px 10px 5px 0;


}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 0px;
float: right;
position: relative;
width: 350px;
}

.presentation {
		background-color: #eeeeee;
		padding: 5px 10px 5px 10px ;
		margin: 0 35px 20px 0;
		font-size: 12px;
}

.presentation h1 {
		color: #714428;
		font-size: 18px;
		font-weight: bold;
		padding-top: 0px;
}

.presentation p {
		font-size: 11px;
		text-align: justify;

}


.presentation .ar {
		text-align: right;

}

.presentation a { 
		text-decoration: underline;
		font-size: 12px;
		font-weight: bold;
		}

.presentation a:hover { text-decoration: none;}


.presentation .aktt_tweets,
.presentation .aktt_tweets a {
		font-size: 11px;
		text-decoration: none;
		padding: 0;
		font-weight: normal;
}

.presentation .aktt_tweets li {
		margin: 6px 0 0 0 !important;
		padding-bottom: 6px !important;
		border-bottom: 1px solid #dedede;
		text-decoration: none;
		font-size: 13px !important;
}


.presentation .aktt_more_updates {
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		}
		
.bird {
		height: 24px;
		width: 24px;
		background: url(images/twitter.png) no-repeat;
		float: left;
		margin-right: 6px;
}

.fbConnectWidgetTopmost { border: 0px !important;}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}



#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 5px 0 0;
padding: 0;
}


/* End Sidebar */

/* Begin Sidebar-FAQ */

.faq_themes {
		height: 35px;
		border-bottom: 1px solid #d4d4d4;
		padding-top: 5px;
}

.faq_themes_last {
		height: 35px;
		padding-top: 5px;
}

.faq_themes_img {
		float: left;
		margin-right: 10px;
}

.faq_themes_txt,
.faq_themes_txt a

 {
		float: left;
		padding-top: 3px;
		font-size: 15px;
		text-decoration: none;
		font-family: 'Droid Sans', Arial;
		font-weight: normal;
}

.faq_themes_txt a:hover {
		text-decoration: underline;
}

.faq_themes_help,
.faq_themes_help a

 {
		padding-top: 10px;
		font-size: 15px;
		text-decoration: none;
		font-family: 'Droid Sans', Arial;
		font-weight: normal;
}

.faq_themes_help a:hover {
		text-decoration: underline;
}

.mini_local {
		float: right;
		margin-right: 40px;
		margin-top: -15px;
}

/* About */

#about_main {
		float:left;
		margin-left: 35px;
		width: 530px;
		margin-top: 25px;
		font-size: 12px;
		text-align: justify;

}

#about_main h2 {
		margin: 0 0 15px 0;
		font-family: 'Droid Sans', Times;
		font-weight: normal;
		font-size: 24px;
}

#about_main img {
		float: left;
		margin-right: 15px;
}

#about_main p {
		margin-bottom: 10px;
}

#about_main li{
		margin-bottom: 5px;
		margin-left: 17px;
		font-size: 15px;
		list-style-type: square;
}

.people {
		float: left;
		width: 395px;
		height: 150px;
		margin-right: 5px;
		margin-bottom: 15px;
		text-align: left;

}

.people h4 {
		margin-bottom: 5px;
		font-size: 15px;
		font-weight: normal;
		}

#about_sidebar { 
		border-bottom: 1px solid #d4d4d4;
		margin-top: 5px;
		padding-bottom: 5px;
		font-family: 'Droid Sans', Arial;
		
}

#about_sidebar_last { 
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: 'Droid Sans', Arial;
		
}


#about_sidebar h2 { margin-bottom: 2px;
				font-family: 'Droid Sans', Arial;

		
}

#about_sidebar span { line-height: 20px;
}



/* Tarifs */

#tarifs_main {
		float:left;
		margin-left: 35px;
		width: 560px;
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 12px;

}

.desc_formule {
		margin: 15px 0;
		font-size: 14px;
		font-style:italic;
		color: #6a6a6a
}
.list_plus {
	margin: 2px 0 2px 10px;
	font-size: 14px;
	list-style-type: square;
}

#buttons {
	margin-right: 0px;
	height: 40px;
			float: right; 


}
.btn { 
		display: block; 
		position: relative; 
		background: #aaa; 
		padding: 5px; 
		color: #fff; 
		text-decoration: none; 
		cursor: pointer; 
		margin: 10px 20px 10px 0;
		}
		
.btn * { font-size: 16px; 
		background-image: url(images/btn2.png); 
		background-repeat: no-repeat; 
		display: block; 
		position: relative; 
		}
		
.btn i { 
		background-position: top left; 
		position: absolute; 
		margin-bottom: -5px;  
		top: 0; 
		left: 0; 
		width: 5px; 
		height: 5px; 
		}
		
.btn span { 
		background-position: bottom left; 
		left: -5px; 
		padding: 0 0 5px 10px; 
		margin-bottom: -5px; 
		}
		
.btn span i { 
		background-position: bottom right; 
		margin-bottom: 0; 
		position: absolute; 
		left: 100%; 
		width: 10px; 
		height: 100%; 
		top: 0; 
		}
		
.btn span span { 
		background-position: top right; 
		position: absolute; 
		right: -10px; 
		margin-left: 10px; 
		top: -5px; 
		height: 0; 
		}

* html .btn span,
* html .btn i { 
		float: left; 
		width: auto; 
		background-image: none; 
		cursor: pointer; 
		margin-right: 10px; 
		}

.btn.mf { background: #984202; }	
.btn:hover { background-color: #5e3d34; }
.btn:active { background-color: #444; }	
.btn[class] { background-image: url(images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.mf { border-color: #2ae; }
* html .btn:hover { border-color: #a00; }

#formule {
		width:172px;
		margin-right: 13px;
		float: left;
		border-right: 1px solid #d4d4d4;

}

#formule_last {
		border-right: none;
		width:175px;
		margin-right: 10px;
		float: left;
}


#formule h2,
#formule_last h2 {
		font-family: 'Droid Sans', Times;
		font-weight: normal;
		font-size: 20px;
		margin: 0 0 0 0px;
}

.price {
	background-color: #e9e9e9;
	margin-left: -13px;
	padding-left: 13px;
	text-align: center;
}

.price_head {
	font-size: 14px;
	padding:10px 0;
	
 }
 
 .price_price {
 	font-size: 25px;
 	font-weight: bolder;
 }
 
#postal {
	width:100%;
	padding-top: 25px;
	clear: both;
}

#postal h2 {
		font-family: 'Droid Sans', Times;
		font-weight: normal;
		font-size: 20px;
		margin: 0 0 15px 0px;
}

#argu_postal {
		float:left;
		width: 350px;
}

#argu_postal img {
		display: inline;
		float: left;
		margin-right: 10px;
		}
		
#argu_postal h2, li {
		margin-top: 0;
		margin-bottom: 13px;
		font-weight: normal;
		font-size: 14px;
}

#argu_postal h3 {
		margin-top: 0;
		margin-bottom: 13px;
		font-weight: bold;
		font-size: 15px;
}

.argu_tarifs {
		margin: 15px 0;		
		font-size: 12px;
		}
.argu_tarifs p {
		margin: 15px 0;		
		font-size: 12px;
		}

.argu_tarifs img {
		display: inline;
		float: left;
		margin-right: 10px;
		padding-top: 10px;
}

.argu_tarifs h2 {
		font-weight: bold;
		color: #5d341a;
		margin: 0 0 5px 0 !important;
}

/* Sécurité */

.securite {
		margin : 0 35px;
		font-size: 15px;
		line-height: 22px;
		height: 200px;
}

.securite p {margin-bottom: 5px;}
.securite p img {margin: 0;}


.securite h2 {
		font-size: 25px;
		margin-bottom: 15px;
		}

.securite img {
		float:left;
		margin-right: 20px;
		}

/* Contact */

#contact_form {
		width: 550px;
		float: left;
}



/* Begin Various Tags & Classes */



blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

/* Begin Typography & Colors */

.clear { 
		clear:both;
 }

.highlight {
	color: #438ac0;
}

.green {
	color: #356830;
}


#content {
font-size: 1.2em
}

.widecolumn .entry p {
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
margin-top: 15px;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {
border-top: 1px solid #d1d4d4;
text-align: center;
}

.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

#footer { background-color: #323232; border-top:10px solid #000; margin-top:40px; }
#footer .footerBottom { background-color: #000; margin-top:30px; padding:30px 0; }
#footer .footerBottom .menuLinks { text-align: left; }
#footer .footerBottom .menuLinks a, #footer .footerBottom p a { font-size: 13px; color:#fff; text-decoration: none; margin-right:15px; }
#footer .footerBottom .menuLinks a:hover, #footer .footerBottom p a:hover { border-bottom: 1px dashed #fff !important; }
#footer .footerBottom .rsLinks { margin-top:10px; text-align: left;}
#footer .footerBottom .rsLinks a { font-size: 14px !important; color:#fff !important; text-decoration: none; margin-right:15px; }
#footer .footerBottom .rsLinks a:hover { border-bottom: 1px dashed #fff !important; }
#footer .footerBottom .rsLinks a img { margin-right:5px; vertical-align: middle; }
#footer .footerBottom p { text-align:left; font-family: 'Droid Sans'; font-size:13px; color:#b8b8b8; padding-top:15px; margin-left: 15px; }

.footer_container {
background: #eee;
border: none;
width: 100%;
}
/*
#footer {
width: 950px;
margin: 0;
padding: 20px 0;
margin: auto;
text-align: center;
}
*/



small {
font-family: 'Droid Sans', Arial, Sans-Serif;
font-size: 12px;
}

h1, h2, h3 {
font-family: 'Droid Sans', Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 36px;
padding-top: 20px;
margin: 0;
color:#3e89c2;
font-weight:bold;
}

	h1 span {
		color:#737373;
		font-weight:bold;
	}


h2 {
font-size:20px;
}


#sidebar h2 {
font-family: 'Droid Sans', Arial, Sans-Serif;
font-size: 1.2em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.entry p a:visited {
color: #b85b5a;
}

.sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}
.sticky h2 {
padding-top: 10px;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size: 1em;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font-family: 'Droid Sans', Arial;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
color: #623b23;
text-decoration: none;
}

a:hover {
color: #c47646;
text-decoration: none;
}

/* End Typography & Colors */

.cgu {
	text-align:justify !important;
	font-size:12px;
	line-height:18px;
}

.post p span {
	font-weight:bold;
	color:#7a4e4e;
}

.post p {
	font-family: 'Puritan', arial, serif;
	font-size: 15px;
	line-height: 20px;
}

.title_secu {
	font-size:21px;
	font-weight:bold;
	color:#000;
	padding:20px 0 10px 0;
}

.title_secu span {
	font-size:21px;
	font-weight:bold;
	color:#7a4e4e;
}

.subtitle_secu {
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:15px 0 10px 0px;
}

.cgu_tab {
	text-align:left;
	padding:0 30px 0 40px;
}

.cgu ul {
	list-style-type: disc !important;
	padding: 0 !important;
	text-indent: 0 !important;
}

.notes {
	font-size:11px;
	color:#929292;
	font-weight:normal;
}


/* Bloc partenaires */

.partenaire {
		margin:10px 35px 10px 35px;
		padding: 10px;
		border: solid 1px #8f8166;
		overflow: auto;

}

.logo_part {
		float:left;
		width: 250px;
		margin-right: 15px;
}

.desc_part {
		font-size: 12px;
}

.blogs {
		margin:10px 35px 10px 35px;
		overflow: auto;

}

.boite_blog {
		float:left;
		width: 290px;
		overflow: auto;
		text-align: center;
}

.boite_blog img {
		margin: 10px 0;
}

.boite_blog_txt {
		text-align: center;
		font-size: 12px;
}

/* Avant-propos */

#avant-propos {padding:10px;background-color:#fff2dd;border: 1px solid #c1b4ac; margin-bottom: 15px;}

/* Ateleirs */

#ateliers_main {
		float:left;
		margin-left: 35px;
		width: 875px;
		margin-top: 25px;
		font-size: 12px;
		text-align: justify;

}

#ateliers_main h2 {
		font-family: "Lobster", arial, sans-serif;
		margin: 0px !important;
		font-size: 35px;
		color: #8A5530;}
		
#ateliers_main h1 {
		padding: 0px !important;
		margin-bottom: 20px;
		font-size: 30px;
		text-align: left;
		}

.atelier {
		height:320px;
		border-bottom: 1px solid #c4c4c4;
		margin-bottom: 20px;}

.atelier-pres {float:left; width: 350px;}

.atelier-img {float:right;}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */

#pp_full_res img {
	border:1px solid #dedede;
}

#bullets {
	margin:20px 0;
}
	#bullets div.fleft {
		width:400px;
	}
	
	#bullets div.container {
		float:left;
		width:340px;
	}

	#bullets div.fleft div.imgContainer {
		width:55px;
		float:left;
	}
	
		#bullets div.fleft div {
			margin:5px 0;
			font-size:14px;
			color:#000;
			font-weight: normal;
			text-align: left;
		}
		
			#bullets div.fleft div img {
				border:none;
				vertical-align: middle;
				margin-top:-5px;
			}
		
			#bullets div.fleft div span {
				font-weight: bold;
				color:#5d96cb;
			}


/****** FEATURES ******/

.pageContainer {
	padding:0 15px;
	font-size:14px;
	color:#000;
}

.pageContainer #advice, .pageContainer #advice h2 {
	font-weight: normal !important;
	color:#444F51;
}

.featuresMenu {
/*	margin:25px 10px 0 10px;*/
	margin-top:30px;
	background-color:#4089c6;
	padding:5px 10px 0px 10px;
	height:31px;
}

	.featuresMenu div.off {
		float:left;
		cursor:pointer;
		padding-top: 5px;
		width:170px;
		height:26px;
		margin:5px 3px 0 3px;
		background-repeat: no-repeat;
		text-align: center;
		background-image: url('images/onglet_off.png');
	}

	.featuresMenu div.on {
		float:left;
		cursor:pointer;
		padding-top: 5px;
		width:170px;
		height:26px;
		margin:5px 3px 0 3px;
		text-align: center;
		background-image: url('images/onglet_on.png');
		background-repeat: no-repeat;
	}
 
 		.featuresMenu div.on a {
			font-size:16px;
			color:#4089c6;
 		}

		.featuresMenu div.off a {
			font-size:16px;
			color:#fff;		
		}

/* Menu Features V2 */

.newfeaturesMenu {
	margin-top:5px;
	background-color:#4089c6;
	padding:5px 5px 0px 7px;
	height:59px;
}
	.bigPadTop { padding-top: 20px;}
	.smlPadTop { padding-top: 9px;}
	
	.newfeaturesMenu li.smlOff {
		float:left;
		cursor:pointer;
		width:175px;
		height:60px;
		margin:5px 4px 0 4px;
		background-repeat: no-repeat;
		text-align: center;
		background-image: url('images/smlnav_off.png');
	}

	.newfeaturesMenu li.smlOn {
		float:left;
		cursor:pointer;
		width:175px;
		height:60px;
		margin:5px 4px 0 4px;
		text-align: center;
		background-image: url('images/smlnav_on.png');
		background-repeat: no-repeat;
	}

	.newfeaturesMenu li.bigOff {
		float:left;
		cursor:pointer;
		width:345px;
		height:60px;
		margin:5px 4px 0 4px;
		background-repeat: no-repeat;
		text-align: center;
		background-image: url('images/bignav_off.png');
	}

	.newfeaturesMenu li.bigOn {
		float:left;
		cursor:pointer;
		width:345px;
		height:60px;
		margin:5px 4px 0 4px;
		text-align: center;
		background-image: url('images/bignav_on.png');
		background-repeat: no-repeat;
	}
 
 		.newfeaturesMenu li.bigOn a, .newfeaturesMenu li.smlOn a {
			font-size:19px;
			color:#4089c6;
 		}
 		.newfeaturesMenu li.bigOn a span, .newfeaturesMenu li.smlOn a span {
			font-size:12px;
			color:#4089c6;
 		}

		.newfeaturesMenu li.bigOff a, .newfeaturesMenu li.smlOff a {
			font-size:19px;
			color:#fff;		
		}

		.newfeaturesMenu li.bigOff a span, .newfeaturesMenu li.smlOff a span {
			font-size:12px;
			color:#fff;		
		}

.pageContent {
	background:url('images/motifBg.png') repeat 0 0;
	/*margin:0 10px;*/
	padding:25px 0 25px 15px;
	margin-bottom:25px;
}


.arguBox {
	float:left;
	width:430px;
	margin-bottom:30px;
}

	.arguBox img {
		border:1px solid #cdcdcd;
	}
	
	.arguBox h2 {
		font-size:16px;
		font-weight: bold;
		color:#737373;
		text-align: left;
		margin:15px 0 !important;
	}
	
	
		.arguBox h2 span {
			color:#3e89c2;
		}

	.arguBox p {
		width:435px;
		color:#737373;
		font-size:14px;
	}
	
		.arguBox p span {
			color:#3e89c2;
		}


.pageContent h2 {
	color:#737373;
	font-size:20px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}

	.pageContent h2 span {
		color:#3e89c2;
	}

	.pageContent ul {
	
	}
	
		.pageContent ul li {
			position: relative;
			color:#737373;
			font-size: 14px;
			text-align: left;
			font-weight: normal;
		}

			.pageContent ul li span {
				color:#b0b0b0;
			}
		
		div.soon {
			color:#fff;
			font-weight: bold;
			font-size:11px;
			text-transform: uppercase;
			padding: 5px;
			position: absolute;
			top:-3px;
			background-color: #3e89c2;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			width:50px;
			text-align: center;
		}
		div.bigSoon {
			color:#fff;
			font-weight: bold;
			font-size:11px;
			text-transform: uppercase;
			padding: 5px;
			margin-right: 5px;
			float:right;
			background-color: #3e89c2;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			width:50px;
			text-align: center;
		}

div.head a.logo { position: absolute; top: 10px; left:0; }
div.head a.logo img { margin-top:10px; }


#header {
	background-color: #fff;
	height: 134px;
	width: 100%;
}

.shadow { height:18px; background: url('images/shadow.gif') repeat-x left top; }

div#footerLinks {position: absolute;right:10px;top:50px; }
div#headerLinks {position: absolute;right:0px;top:20px;}
div#headerLinks a, div#footerLinks a{float:left;margin-left:10px;outline: none;}
div#headerLinks a.register, div#footerLinks a.register {display: block;width:210px;height:39px;background: url('images/buttonRegister.jpg') no-repeat center top;text-indent: -9999px;}
div#headerLinks a.register:hover, div#footerLinks a.register:hover {background-position: center -39px;}
div#headerLinks a.connexion, div#footerLinks a.connexion {display: block;width:150px;height:39px;background: url('images/buttonConnexion.jpg') no-repeat center top;text-indent: -9999px;}
div#headerLinks a.connexion:hover, div#footerLinks a.connexion:hover {background-position: center -39px;}
div#headerLinks a.footerConnexion, div#footerLinks a.footerConnexion {display: block;width:120px;height:39px;background: url('images/buttonConnexionFooter.png') no-repeat center top;text-indent: -9999px;}
div#headerLinks a.footerRegister, div#footerLinks a.footerRegister {display: block;width:170px;height:39px;background: url('images/buttonRegFooter.png') no-repeat center top;text-indent: -9999px;}

.callUs { position: absolute;right:0px;top:80px; text-align:right; font-weight: normal; color:#7b7b7b; font-size:18px; }
.callUs img {vertical-align: middle; }
.callUs span.tel { font-weight: bold; color:#3e84cc; font-size:27px; }

.detailsLink {
	line-height: 30px;
	color:#b1b1b1;
}

	.detailsLink:hover {
		color:#d2d2d2;
	}



/*********************************************/
/****************** TARIFS *******************/
/*********************************************/

#offresPricing { margin:30px 0; }
#offresPricing div#ae { float:left; width:270px; padding:10px; background-color: #f1f1f1; border:1px solid #ded7d7; }
#offresPricing div#pme { float:left; padding:10px 0; border-bottom: 1px dotted #a3a3a3; border-top: 1px dotted #a3a3a3; }
#offresPricing div.prices { }
#offresPricing div.prices h2 {font-size:24px; color:#3e89c2; font-weight: bold; text-align: left;margin:0 !important; padding:0 0 10px 0 !important;}
#offresPricing div.prices h3 {font-size:25px; color:#000; font-weight: normal; text-align: left;margin:0 !important; padding:0 0 10px 0 !important;}
#offresPricing div.prices .features { margin-top:25px; color:#000; font-size:14px; line-height:23px; font-weight:normal; text-align: left; }
#offresPricing .priceBlock { float:left; width:282px; }
#offresPricing .priceBlock, #offresPricing div#ae { font-size:15px; color:#787878; font-weight: normal; text-align: left; }
#offresPricing .priceBlock span, #offresPricing div#ae span { color:#4089c6; font-weight: normal; }
#offresPricing .priceFocus { margin:15px 0; text-align: center; font-size: 11px; color:#787878; font-weight: normal; }
#offresPricing .priceFocus .prix { font-size:28px !important; color:#4089c6 !important; font-weight: bold !important; }
#offresPricing .priceFocus .engage { font-size:17px !important; font-weight: bold !important; color:#000 !important; }
a.essaiGratuit { padding-top: 7px; text-align:center; width:205px; height:25px; display:block; background: url('images/btn_essaiGratuit.png') no-repeat center top transparent; }
a.essaiGratuit:hover { background: url('images/btn_essaiGratuit.png') no-repeat center -32px transparent; }
a.essaiGratuit, a.essaiGratuit:hover { color:#fff; text-decoration: none; font-weight: bold; font-size:16px; }

a.bigEssaiGratuit {padding-top:15px; text-align:center; width:205px; height:35px; display:block; background: url('images/btn_essaiGratuit_big.png') no-repeat center top transparent; }
a.bigEssaiGratuit:hover { background: url('images/btn_essaiGratuit_big.png') no-repeat center -52px transparent; }
a.bigEssaiGratuit, a.bigEssaiGratuit:hover { color:#fff; text-decoration: none; font-weight: bold; font-size:16px; }

.offreFid, .offreFid div { font-size:17px; color:#4d4d4d; font-weight: normal; }
.offreFid div { padding: 5px 0;}
.offreFid div.fleft { text-align: left; padding-left: 15px; }
.offreFid div.fright { text-align: right; padding-right: 15px; }
.offreFid span.sml { font-family:'Droid Sans'; font-size:12px !important; color:#4d4d4d !important; font-weight: normal !important; }
.offreFid span.highlight { font-family:'Droid Sans'; font-size:20px !important; color:#5e86cb !important; font-weight: bold !important; }


#joursGratuits { margin:25px 25px 20px 25px; padding:25px 0; background: url('images/motifBg.png') repeat center top transparent; border:1px solid #ded7d7; -moz-border-radius: 10px; -webkit-border-radius:10px; }
#joursGratuits p { margin-left:180px; width:500px; font-size:14px; color:#6e6f6f; text-align: left; }

#pricesPlus { margin: 25px 0; }
#pricesPlus .block { margin-left:25px; float:left; width:421px; }
#pricesPlus .charte { background-color: #fffbed; border: 1px solid #ccc; padding:15px; }
#pricesPlus .charte h3 { margin:0 !important; color: #438AC0; font-family: "Lobster"; font-size: 30px; font-weight: normal; text-align: center; }
#pricesPlus .charte h4 { color: #737373; font-family: "Lobster"; font-size: 20px; font-weight: normal; margin-bottom: 5px; margin-top: 5px; text-align: center; }
#pricesPlus .charte p { color:#787878; font-size:15px; font-weight: normal; padding: 5px 0; text-align: left; }
#pricesPlus .charte p span { color:#4089c6; }
#pricesPlus .block .pay { margin-top:9px;font-size: 17px; color:#3f3f3f; text-align: left; font-weight: normal; }
#pricesPlus .block .pay p { padding-bottom:8px;}
#pricesPlus .block .pay span.highlight { font-size:17px; font-weight:bold; color:#4089c6; }
#pricesPlus .block .pay span { font-size:14px; color:#3f3f3f; text-align: left; font-weight: normal; }
#pricesPlus .block .poste { -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #ded7d7; background-color: #f1f1f1; margin-top:30px; padding:10px;font-size:13px !important; color:#5e5e5e !important; text-align: left;}
#pricesPlus .block .poste img { margin: 5px 5px 0 0; }
#pricesPlus .block .poste h3 { margin:0; font-size:17px; color:#4089c6; font-weight:bold; text-align: left; padding-bottom: 15px; }
#pricesPlus .block .poste a { color:#4089c6; text-decoration: underline; }



/* New Tarifs (v. 2012-01) */

#pricing {}
#pricing .infoBubble { width: 292px; height:105px; padding:30px 10px 0; background: url(images/info_bubble.png) left top; text-align: center; }
#pricing .infoBubble a { font-family:'Lobster', Arial, sans-serif; font-weight:normal;color:#fff; font-size:23px; line-height: 25px;}
#pricing .infoBubble a:hover {color:#efefef;}
#pricing .gblock { margin:0 !important;}
#pricing .gblock h1 span {font-family: 'Lobster', Arial, sans-serif; font-size:32px; color:#5b84d6; font-weight: normal;}


#pricing .pricingOffers { margin:10px 0;}
#pricing .pricingOffers .block {float:left; width:295px; padding:5px;}
#pricing .pricingOffers .mrg { margin-right:20px;}
#pricing .pricingOffers h2 {font-family: 'Lobster', Arial, sans-serif; font-size:24px; color:#353535; font-weight: normal; margin:0 0 10px 0;}
#pricing .pricingOffers p.secured { height:121px; background: url(images/paiement-securise.png) -2px top no-repeat; padding-left: 120px;}

#pricing .pricingOffers .priceBlock {background-color:#f9f9f9; border:1px solid #d8d8d8; }
#pricing .pricingOffers .priceBlock h3 { margin:15px 0; text-align: center; font-family: 'Droid Sans', Arial, sans-serif; font-size:22px; color:#5b84d6; font-weight: bold;}
#pricing .pricingOffers .priceFocus { padding:5px 0 10px; text-align: center; font-size: 11px; color:#787878; font-weight: normal; }
#pricing .pricingOffers .priceFocus .prix { font-size:28px !important; color:#4089c6 !important; font-weight: bold !important; }
#pricing .pricingOffers .priceFocus .engage { font-size:17px !important; font-weight: bold !important; color:#000 !important; }

#pricing .pricingOffers div.mrgtb { margin:10px 0;}
#pricing .addons { margin:25px 0; float:left; width:285px; padding:10px;}
#pricing .staff { border:1px solid #4c71b4; background: url(images/addon_staff.png) 8px 75px no-repeat #5e85cb;}
#pricing .expenses {border:1px solid #5bc884; background: url(images/addon_expenses.png) 8px 75px no-repeat #3cc06e;}
#pricing .snail {padding-right:2px !important;border:1px solid #ffdb6d; background: url(images/addon_snail.png) 8px 75px no-repeat #e89c09;}
#pricing .mrgr { margin-right:18px;}

#pricing .addons h3 { font-family: 'Droid Sans', Arial, sans-serif; font-size:25px; color:#fff; font-weight: bold; margin:0; }
#pricing .addons h4 { font-family: 'Droid Sans', Arial, sans-serif; font-size:15px; color:#fff; font-weight: normal; margin:0; }
#pricing .addons .priceFocus { margin-left:75px;padding:20px 0 10px; text-align: left; font-size: 11px; color:#e2e2e2; font-weight: normal; }
#pricing .addons .priceFocus .prix { font-size:28px !important; color:#fff !important; font-weight: bold !important; }
#pricing .addons .priceFocus .engage { font-size:17px !important; font-weight: bold !important; color:#fff !important; }
#pricing .addons .priceFocus a.engage {text-decoration: underline;}

h2.bigBlue { font-family: 'Lobster', Arial, sans-serif !important; font-size:32px !important; color:#5b84d6 !important; font-weight: normal !important; }
.mention {font-size: 15px; font-weight: normal; color: #6E6F6F;}
.mention a {text-decoration: underline; color: #6E6F6F;}
.mention a:hover {text-decoration: underline;color:#4089c6;}
p.medGrey {font-family: 'Droid Sans', Arial, sans-serif; font-size:14px; color:#353535; font-weight: normal; padding-bottom: 35px;}
p.medGrey span {font-family: 'Droid Sans', Arial, sans-serif; font-size:14px; color:#5b84d6; font-weight: bold;}

.pricingFaq { background-color: #f4f4f4; border-top:1px solid #d3d3d3; text-align: left; padding-bottom: 30px;}
.pricingFaq .col { margin-top:30px;width:450px; float: left;}
.pricingFaq .mrgr {margin-right:50px;}
.pricingFaq .col h3 {font-family: 'Droid Sans', Arial, sans-serif; font-size:16px; color:#353535; font-weight: bold; padding-bottom: 10px; margin:0;}

.sansTVA {position:absolute;top:-22px; left:-22px; width:79px; height:38px; background: url(images/label_sans_tva.png) left top no-repeat; }
.avecTVA {position:absolute;top:-22px; left:-22px; width:79px; height:38px; background: url(images/label_avec_tva.png) left top no-repeat; }


/*********************************************/
/****************** CONTACT *******************/
/*********************************************/


.errorMessage { font:normal 13px Georgia !important; color:#ff0000 !important; display: none; text-align: left !important; }
.transmitMessage { font:normal 16px Georgia !important; color:#3bc025 !important; text-align: left !important; }

.contactForm {	float:left; margin:0 0 40px 40px; text-align:left; width:550px; }
.contactForm .formChamp {
     color:#222;
     font-family: 'Droid Sans', Arial, Sans-Serif;
     font-size:16px;
     margin:15px 0;
     text-align:left;
}

.contactForm .formChamp input.ctext, .contactForm .formChamp textarea {
     background-color:#FFFFFF;
     border:3px solid #E7E7E7;
     color:#666666;
     font-family:Georgia,Times,serif;
     font-size:18px;
     margin-top:5px;
}

.contactForm .formChamp input.ctext {
     width:330px;
     height:36px;
}	

.contactForm .formChamp textarea {
     width:460px;
     height:150px;
}

.blueButton { outline: 0; background: url("https://www.invokit.com/img/public/bouton_valider.jpg") no-repeat; background-position: center 0px; color: white;cursor: pointer;font-size: 21px;height: 43px; width: 235px; border: 0;}