
@import url("reset.css"); 


.textfix{
	-webkit-text-stroke:1px transparent; 
}
@media only screen and (max-device-width:480px) {.textfix{-webkit-text-stroke:0 black;}} 


*{
	
	outline:none;
	outline:0;
}

*:focus {
  outline-width: 0
}
body {
	background: #ffffff url(../images/background-homepage-corps.png) repeat-x;
	font-size: 14px;
	font-family: "Calibri", "Arial", sans-serif;
}

h2, h3, h4, h5 {
	font-family: "Arial", Helvetica, sans-serif;
}

.clear {
	clear: both;
}

a {
	color:#011934;
	
}

#header {
	width: 990px;
	height: 80px;
	margin: 0 auto;
	position: relative;
	display: block;
}

#body-index #header h1 a {
	cursor: default;
}

#body-index #header h1 a:hover {
	width: 195px;
}

#header h1 a {
	width: 195px;
	height: 80px;
	background: url(../images/background-homepage-logo.png) no-repeat left top;
	position: absolute;
	text-indent: -9999px;
	top: 0px;
	left: 102px;
}

#header h1 a:hover {
	width: 190px;
}

ul#navigation {
	position: absolute;
	top: 20px;
	right: 55px;	
}

ul#navigation li {
	float: left;
}

#body-plans ul#navigation li#tab-annonceurs a,
#body-annonceurs ul#navigation li#tab-annonceurs a  {
	background: url(../images/button-nav-advertisers.png) no-repeat left top;
}

#body-services ul#navigation li#tab-services a {
	background: url(../images/button-nav-services.png) no-repeat left top;
}
#body-vospoints ul#navigation li#tab-vospoints a {
	background: url(../images/button-nav-points.png) no-repeat left top;
}
#body-contact ul#navigation li#tab-contact a {
	background: url(../images/button-nav-contact.png) no-repeat left top;
}
ul#navigation li#tab-services a {
	width: 100px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-services.png) no-repeat left bottom;
	display: block;
	margin-right: 5px;
}
ul#navigation li#tab-vospoints a {
	width: 100px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-points.png) no-repeat left bottom;
	display: block;
	margin-right: 5px;
}
ul#navigation li#tab-contact a {
	width: 100px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-contact.png) no-repeat left bottom;
	display: block;
	margin-right: 0px;
}

ul#navigation li#tab-services a:active {
	background: url(../images/button-nav-services.png) no-repeat left top;
}
ul#navigation li#tab-vospoints a:active {
	background: url(../images/button-nav-points.png) no-repeat left top;
}
ul#navigation li#tab-contact a:active {
	background: url(../images/button-nav-contact.png) no-repeat left top;
}


ul#navigation li#tab-annonceurs a {
	width: 100px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-advertisers.png) no-repeat left bottom;
	display: block;
}

ul#navigation li#tab-annonceurs a:active {
	background: url(../images/button-nav-advertisers.png) no-repeat left top;
}

ul#navigation li#tab-annonceurs {
	margin-right: 5px;
}


ul#navigation li#tab-blog a {
	width: 100px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-points.png) no-repeat left bottom;
	display: block;
}

ul#navigation li#tab-blog a:active {
	background: url(../images/button-nav-points.png) no-repeat left top;
}

ul#navigation li#tab-blog {
	margin-right: 5px;
}

ul#navigation li#tab-login a {
	width: 100px;
	height: 33px;
	text-indent: -9999px;
	background: url(../images/button-nav-contact.png) no-repeat left bottom;
	display: block;
}

ul#navigation li#tab-login a:active {
	background: url(../images/button-nav-contact.png) no-repeat left top;
}

#splash {
	position: relative;
	background: url(../images/background-home-splash.png) repeat-x left top;
}

#body-index #splash .wrap {
	width: 1054px;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 0;
	position: relative;
	left: 3lpx;
}

#splash .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

#splash .homebox{float: left;width: 50%;margin: 10em 0;margin-left:120px;width:180px;height:80px;text-align:center;width: 200px; height: 100px; margin-bottom: 0px; margin-left: 115px; margin-top: 140px;font-size: 23px;font-family:"Calibri","Arial", sans-serif;color:#51c0e1;font-weight:bold}

#splash h2#text-inutile-to {
	width: 776px;
	height: 36px;
	text-indent: -9999px;
	display: block;
	background: url(../images/) no-repeat;
	margin: 0 auto;
	display: none;
}

#splash h2#choose-a-plan {
	width: 621px;
	height: 34px;
	text-indent: -9999px;
	display: block;
	background: url(../images/) no-repeat;
	margin: 0 auto;
}

#splash h3#thousands-of{
	
	width:917px;
	height:40px;
	text-indent: -9999px;
	display: block;
	background: url(../images/) no-repeat;
	margin: 0 auto;	
	margin-top:16px;
	

}

#splash #screenshot {
	width: 1054px;
	height: 320px;
	text-indent: -9999px;
	background: url(../images/image-homepage-en.png) no-repeat;
}

#sign-up-bar {
	background: url(../images/public-background-annonceurs-bar.png) repeat-x;
	border-bottom:  1px solid #7197c2;
}

#sign-up-bar .wrap {
	width: 795px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sign-up-bar a.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-launchlikiwi.png) no-repeat left bottom;
	float: left;
}

#sign-up-bar a:active.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-launchlikiwi.png) no-repeat left top;
	float: left;
}

#sign-up-bar h3 {
	float: left;
	font-size: ;
	color: #ffffff;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 19px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 10px;
}

#video-bar {
	background: url(../images/home-background-video-bar.png) repeat-x left top;
	font-family:"Calibri",Arial, sans-serif;
}

#video-bar .wrap {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;

	
}

#video-bar ul {
	width: 620px;
	float: left;

}

#video-bar li {
	width: 285px;
	height: 97px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	
}

#video-bar li .blurb {
	width: 220px;
	float: left;
	margin-left: 15px;
}

#video-bar li .blurb p {
	
	font-size: 14px;
	line-height: 18px;
	color: #000000;
}

#video-bar li .blurb {
	width: 220px;
	float: left;
	margin-left: 10px;
}

#video-bar li img {
	float: left;
}

#video-bar li #icon-team{
	margin-left:-3px;
}

#video-bar li #icon-envelope{
	margin-left:-4px;
}


#video-bar h4 {
	color: #0350a6;
	/* text-shadow: #f2fefe 0 1px 0;
	*/
	font: bold 15px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin-bottom: 4px;
}

#video-bar p {
	color: #151515;
	line-height: 18px;
	font-size: 12px;
}

#main-content {
	background: #ffffff url(../images/home-background-main-content.png) repeat-x left top;
}

#main-content .wrap {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 0px;
}

#main-content #left-wrap {
	width: 545px;
	float: left;
}

#main-content #sidebar {
	float: right;
	width: 350px;
	position: relative;
	right: -6px;
}

#screenshots{
	background-color:#f0f6fe;
	padding:16px;
	padding-left:18px;
	padding-bottom:10px;
	width:962px;
	background: url(../images/background-screenshots-fond.png) no-repeat left top;
	color: #0C5AB1;
	font-size:16px;
	font-weight:bold;
}

#screenshots-bottom{
	width:962px;
	height: 6px;
	background: url(../images/background-screenshots-fond-bottom.png) no-repeat left top;
	position:relative;
	margin-bottom: 25px;
}

#screenshots h3{
	color: #003269;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
}

#screenshots a{
	text-decoration:none;
	color:#0C5AB1;
}

#screenshots li {
	float:left;
	text-align:center;	
	margin-right:12px;
}

#screenshots li.last {
	margin-right:0;
}

#screenshots li div{
	width:175px;
	padding-top:4px;
	background: url(../images/background-screenshots-fond-petit.png) no-repeat top left;
	position:relative;
}

#screenshots li div.bot{
	width:175px;
	background: url(../images/background-screenshots-fond-petit-bottom.png) no-repeat top left;
	position:relative;
	padding:0;
	height:7px;
}

#screenshots li div span{
	display:block;
	width:28px;
	height:28px;
	background: url(../images/icone-screenshots-loupe.png) no-repeat top left;
	position:absolute;
	bottom:7px;
	right:10px;
	display:none;
}

#screenshots li div b{
	display:block;
	width:165px;
	height:145px;
	background-color: #f8f8f8;
	position:absolute;
	top:5px;
	left:5px;
	display:none
	
}

#screenshots li a img{
	border: 1px solid #b5b5b5;
}

#screenshots li strong{
	font-weight:bold;
}
/*Module annonceurs ils nous ont fait confiance*/

#ZoomCaption{
	-webkit-text-stroke:1px transparent;
}
@media only screen and (max-device-width:480px) {#ZoomCaption{-webkit-text-stroke:0 black;}}

#video-bar a#video-demo {
	width: 331px;
	height: 213px;
	display: block;
	float: right;
	text-indent: -9999px;
	background: url(../images/background-demovideo-likiwi.png) no-repeat left top;
}

#video-bar a:active#video-demo {
	background: url(../images/background-demovideo-likiwi.png) no-repeat left bottom;
}

#left-wrap h3,
#quotes h3 {
	font-size: 15px;
	color: #0350a6;
	text-shadow: #fff 0 1px 0;
	font-weight: bold;
	margin-bottom: 0px;
	font-family: "Helvetica Neue (TT)", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

#left-wrap p {
	font-size: 14px;
	color: #011934;
	line-height: 20px;
	margin-bottom: 15px;
	text-shadow: #fff 0 1px 0;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
}

#left-wrap #main-blurb p {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 0px;
	text-shadow: #fff 0 1px 0;
}

#left-wrap #left-column {
	width: 285px;
	float: left;
	padding-right: 5px;
}

#left-wrap #right-column {
	width: 285px;
	float: right;
	padding-right: 5px;
}

#sidebar #quote {
	width: 294px;
	background: url(../images/background-citation.png) no-repeat left top;
	padding-right: 20px;
	padding-left: 31px;
	padding-top: 12px;
}

#sidebar #quote p {
	font-size: 15px;
	color: #011933;
	line-height: 20px;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 5px;
}

#sidebar #quote span {
	display: block;
	font-size: 15px;
	text-align: right;
	color: #032c5a;
	text-shadow: #fff 0 1px 0;
}

#sidebar #quote span strong {
	font-weight: bold;
}

#sidebar #quote span em {
	font-style: italic;
	color: #034186;
}

#sidebar #quote-bottom {
	width: 345px;
	height: 16px;
	background: url(../images/background-citation-bottom.png) no-repeat left bottom;
	position: relative;
	top: -1px;
}

#sidebar #features-list {
	width: 333px;
	background: url(../images/) no-repeat left top;
	padding-top: 29px;
	margin-left: 12px;
	margin-top: 10px;
}

#sidebar #features-list li {
	padding: 10px;
	border-bottom: 1px solid #b1b2b2;
	background: url(../images/background-annonceurs-line.png) repeat-x top;
	border-left: 1px solid #929292;
	border-right: 1px solid #929292;
}

#sidebar #features-list li img {
	float: left;
}


#sidebar #features-list strong {
	color: #1f1e1e;
	font: bold 12px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-shadow: #fff 0 1px 0;
}

#sidebar #features-list li .right {
	float: left;
	width: 260px;
	margin-left: 10px;
}

#sidebar #features-list li p {
	color: #313131;
	font: 10px "Lucida Grande";
	margin-top: 1px;
}

ul#features-list #sidebar-take-tour {
	text-indent: -9999px;
	display: block;
	background: transparent;
	background-image: none;
	padding: 0;
	border: none;
}

#sidebar a#take-tour{
	width: 333px;
	height: 39px;
	background: url(../images/) no-repeat left top;
	display: block;
	text-indent: -9999px;
	margin-left:12px;
}

#sidebar  a#take-tour:hover{
	background: url(../images/) no-repeat left bottom;
}



#bottom-sign-up {
	display: block;
	width: 586px;
	height: 81px;
	background: url(../images/background-annonceurs-bar-bottom.png) no-repeat left top;
	margin: 0;
	position: relative;
	margin-top: 27px;
}

a#button-sign-up-bottom {
	width: 221px;
	height: 49px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-bottom-valider.png) no-repeat left bottom;
	position: absolute;
	top: 15px;
	left: 15px;
}

a:active#button-sign-up-bottom {
	background: url(../images/button-bottom-valider.png) no-repeat left top;
}

a#button-take-a-tour-bottom {
	position: absolute;
	left: 270px;
	top: 30px;
	height: 50px;
	background: url(../images/icon-go-bottom.png) no-repeat right 4px;
	padding-right: 15px;
	text-decoration: none;
	font-size: 17px;
	color: #1e650a;
	font-weight: bold;
	text-shadow: #f0ffee 0 1px 0;
}

a:hover#button-take-a-tour-bottom {
	background: url(../images/icon-go-bottom-hover.png) no-repeat right 4px;
}

a:hover#button-take-a-tour-bottom strong {
	text-decoration: none;
}

a#button-take-a-tour-bottom strong {
	color: #114700;
	font-weight: bold;
	text-decoration: underline;
}

/** PLANS PAGE **/

ul#plans {
	margin-top:20px;
}

ul#plans li{
	float:left;
	width:223px;
	margin-right:29px;
	display:block;
	height:340px;
	position:relative;
}

ul#plans li.last {
	margin-right:0;
}

ul#plans li#freelancer-plan{

		background: url("../images/") bottom left no-repeat;		
}

ul#plans li#studio-plan{

		background: url("../images/") bottom left no-repeat;				
}

ul#plans li#agency-plan{
	/*background: url("../images/image-marketing-plan-agences.png") bottom left no-repeat;*/
		background: url("../images/plan-agences.png") bottom left no-repeat;				
}

ul#plans li#corporate-plan{

		background: url("../images/plan-corporate.png") bottom left no-repeat;				
}

ul#plans li a {
	background: url("../images/button-choisir-formule.png") top left no-repeat;
	display:block;
	width:197px;
	height:38px;
	position:absolute;
	bottom:10px;
	left:15px;
	text-indent:-99999px;
}

ul#plans li a:active {
	background: url("../images/button-choisir-formule.png") bottom left no-repeat;
}


#sign-up-bar.plans-page .wrap {
	width:990px;
	text-align:center;
	padding-top:22px;
	padding-bottom:17px !important;
}

#sign-up-bar.plans-page a{
	float:none;
	text-decoration:none;
	color:#003269;
	font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size:18px;
	font-weight:bold;
	text-shadow:0 1px 0 #D7E8FE;
	padding:6px;
	padding-right:30px;
	background: url("../images/icone-fleche.png") center right no-repeat;
}
#sign-up-bar.plans-page a strong{
	color:#055FC7;
	font-weight:bold;
}


#sign-up-bar.plans-page a:hover{
	background-color: #d4e8fe;
	border: 1px solid #7ca5d4;
}	
	

ul#plan-questions li{
	width:460px;
	float:left;
	margin-bottom:25px;
	margin-right:30px;
}

ul#plan-questions li.right{
	margin-right:0px;
}

ul#plan-questions h3{
	color:#0350A6;
	font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:4px;
	text-shadow:0 1px 0 #F2FEFE;
}

ul#plan-questions li p{
	font-size:13px;
	line-height:1.4;
	color: #011934;
	text-shadow:0 1px 0 #E7F1FD;
}	

#quote {
	border-top: 1px solid #c4d3e6;
	border-bottom: 1px solid #c4d3e6;
	margin-top: 10px;
	padding-bottom: 15px;
}

#quote p {
	color: #1f3248;
	font-size: 17px;
	font-family: Georgia, Times, serif;
	font-style: italic;
	line-height: 24px;
	margin-right: 10px;
	margin-left: 10px;
}

#quote span {
	display: block;
	margin-top: 10px;
	color: #024186;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin-right: 10px;
	text-align: right;
}

#quote span strong {
	color: #032c5a;
	font-weight: bold;
}


/* Services */

#signup-form{
	text-shadow: #fff 0 1px 1px;
	}

#top-error-message{
	font-family:"Helvetica Neue",helvetica,Arial,sans-serif;
	font-size:16px;
	margin-bottom:20px;
	background-color: #FFFABF;
	float:left;
	padding: 5px 10px;
	border:1px solid #888	;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#signup-form label{
	font-size:13px;
	font-weight:bold;
	color:#29384c;
	width:165px;
	text-align:right;
	display:block;
	float:left;
	line-height:32px;	
	margin-right:10px;
}

#signup-form input[type=text],#signup-form input[type=password]{
	width:420px;
	height:20px;
	border: 1px solid #8d9095;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;	
	background: #fff url(../images/background-annonceurs-inputs.png) repeat-x top left;
	font-size:13px;
	color:#29384c;
	padding:5px;
	padding-top:7px
}

#signup-form select{
	font-size:13px;
	color:#29384c;
	margin-bottom:5px;
	margin-top:5px;	
}

#signup-form input#company_url{
	width:290px;
}

#signup-form ul.section{
	width:626px;
	border: 1px solid #c1cad5;
	border-top:1px solid #8f9aa7;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#f1f7fe;
	margin-bottom:20px;
	float:left;
	

}

#signup-form h3{
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#0350a6;
	margin-left:82px;
	margin-top:6px;
}

#signup-form h4{
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
	font-size:11px;
	color:#011934;
	margin-left:82px;
}	
#signup-form ul.section li{
	background-color:#e3e9f2;
	border-top:1px solid #f3f6f9;
	border-bottom:1px solid #c1cad5;
	padding:8px;
	position:relative;
	zoom:1;
	text-align:justify;
}

#signup-form ul.section li.incomplete{
	background-color:#fcffc9;	
	fcffc9
}

#signup-form ul.section li.header{
	border:0;
	border-bottom: 1px solid #c1cad5;
	height:52px;
	background-color:transparent;
	position:relative;
	padding:0;
	
}

#signup-form ul.section li.header span{
	position:absolute;
	display:block;
	width:59px;
	height:62px;
	top:-15px;
	left:15px;
}

#signup-form ul#company-info.section li.header span{
	background: url(../images/annonceurs-icone-entreprise.png) no-repeat top left;
}

#signup-form ul#user-info.section li.header span{
	background: url(../images/annonceurs-icone-user.png) no-repeat top left;
}

#signup-form ul#payment-info.section li.header span{
	background: url(../images/annonceurs-icone-payment.png) no-repeat top left;
}

#signup-form ul#confirm-details.section li.header span{
	background: url(../images/annonceurs-icone-valider.png) no-repeat top left;
}

#signup-form ul#confirm-details2.section li.header span{
	background: url(../images/annonceurs-icone-nokvalider.png) no-repeat top left;
}

#signup-form ul#payment-info.section li.header {
	padding-bottom:10px;
}


span.wrap{
	border:1px solid #f00;
	display:block;
}
#signup-form ul.section li.bottom{
	border:0;
	height:5px;
	background-color:transparent;	
}

#signup-form ul.section li.url b{
	font-size:15px;
	font-weight:bold;
	color:#29384c;
	margin-top:10px;
	margin-left:5px;
	line-height:30px;
}

#signup-form #CC_note{
	float:left;
	width:260px;
	margin-left:15px;
	margin-top:60px;
	font-size:12px;
	color:#011934;
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;	
}

#signup-form #CC_note h3{
	font-size:14px;
	margin:0;
	padding:0;

}

#signup-form #CC_note img{
	margin-top:10px;
	margin-bottom:10px;
}
 
#signup-form span#company_url_result{
	width:27px;
	height:27px;
	display:block;
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-13px;
 }
 
 #signup-form span#company_url_result span{
 	width:27px;
	height:27px;
	display:block;
 }

 #signup-form span#company_url_result span.available{
	background: url(../images/annonceurs-form-url-availability.png) no-repeat top left;
}

#signup-form span#company_url_result span.unavailable{
	background: url(../images/annonceurs-form-url-availability.png) no-repeat bottom left;
}
 
 #url-wrap {
	position:relative;
	float:left;
 }
 

 #signup-form  .form-error{
	width:566px;
	border-radius:5px;
	-moz-border-radius:5px;	
	-webkit-border-radius: 5px;
	background:#AF2B2B url(../images/icone-erreur.png) no-repeat scroll 10px 6px;	
	border:1px solid #DA3536;
	color:#FFDAD3;
	display:block;
	font-size:18px;
	margin-bottom:25px;
	margin-top:10px;
	padding:10px 10px 10px 50px;
	text-shadow:0 1px 0 #000000;
 }
 
#signup-form  .form-error h2{
	font-size:18px;
  }
 
 #signup-form .form-error ul{
	margin-left:1em;
	list-style-type:disc;
 }
 
#signup-form #discount-code-heading{
	background-color:transparent;
	padding-top:10px;
	color:#0350a6;
	padding-left:81px;
	font-size:13px;
 
}

 #signup-form ul#confirm-details li{

 }
 
 #signup-form .confirm-result{
	font-size:18px;
	color:#29384c;
	line-height:30px;
 }
 
 #signup-form ul#confirm-details .bottom{
	height:auto;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
 }

 #signup-form ul#confirm-details .bottom .signup-button-wrap{
	display:block;
	float:left;
	padding-left:200px;
	position:relative;
}
 
 #signup-form ul#confirm-details .bottom .signup-button-wrap .spinner{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: #f4f9fe url("../images/ajax-loader-32.gif") no-repeat center center;
	opacity:.5;
}
 #signup-form ul#confirm-details .bottom #button-annonceurs-inscription{
	width:158px;
	height:41px;
	display:block;
	border:0px;
	background:  url(../images/button-annonceurs-inscription.png) no-repeat top left;
	text-indent:-99999px;
	cursor:pointer;
	outline:0;
	line-height:90px
 }

 #signup-form ul#confirm-details .bottom #button-annonceurs-inscription.disabled{
		opacity:0.75;
	}
 
#signup-form ul#confirm-details .bottom #button-annonceurs-inscription:active{
	background: url(../images/button-annonceurs-inscription.png) no-repeat bottom left;
}

#signup-form ul#confirm-details .bottom #button-annonceurs-inscription.disabled:active{
	background: url(../images/button-annonceurs-inscription.png) no-repeat top left;
	
}
 
 #signup-form .formError{
	float:right;
	position:absolute;
	background-color: #ffdfdf;
	background-color: #FFFABF;
	top:12px;
	width:110px;
	right:-150px;
	padding:5px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5	px;
	opacity:.75;
	border:1px solid #888888;
}

#signup-form #li_openID a , #signup-form #li_login a{
	font-size:11px;
	cursor:pointer;
	color:#0350a6;
}
 

#left-wrap .float-left {
	float: left;
}

#left-wrap .float-right {
	float: right;
}

#left-wrap p.float-left,
#left-wrap p.float-right {
	width: 425px;
	margin-top: 0;
}

#quotes {
	float: right;
	width: 337px;
	background: url(../images/background-citation-container.png) no-repeat left top;
	padding: 10px;
	padding-left: 25px;
	position: relative;
	margin-bottom: 15px;
}

#quotes h3 {
	margin-bottom: 5px;
}

#quotes li {
	background: url(../images/background-citation-line.png) repeat-x top;
	padding-top: 15px;
	padding-bottom: 12px;
	clear: both;
	zoom:1;
}


#quotes li.last {
	padding-bottom:0px;
}

#quotes li#bottom {
	padding-bottom: 0px;
}

#quotes li img {
	float: left;
}

#quotes li div {
	float: left;
	width: 270px;
	margin-left: 10px;
}

#quotes li p {
	color: #323f50;
	font-size: 14px;
	text-shadow: #e8f2fe 0 1px 0;
	line-height: 18px;
}

#quotes li span {
	display: block;
	margin-top: 8px;
	text-align: right;
	color: #032c64;
	text-shadow: #e8f2fe 0 1px 0;
}

#quotes li span a {
	font-weight: bold;
	color: #034b9d;
	text-decoration: none;
}

#quotes li span a:hover {
	color: #0b3063;
	text-decoration: underline;
}

#quotes #quotes-bottom {
	width: 373px;
	height: 15px;
	background: url(../images/background-citation-container-bottom.png) no-repeat left bottom;
	position: absolute;
	bottom:-15px;
	left: 0px;
}

#bottom-bar {
	width: 925px;
	margin:0 auto;
	padding: 17px;
	height: 51px;
	background: url(../images/background-pied-bar.png) no-repeat left top;
	position: relative;
	margin-top:20px;
}

#body-services .bottom-bar-tour-link{
}

.return-home-link{
	display:none;
}

.return-home-link a{
	color:#003269
}	
#body-vospoints .bottom-bar-tour-link{
}

.return-home-link{
	display:none;
}

.return-home-link a{
	color:#003269
}	
#body-contact .bottom-bar-tour-link{

}

.return-home-link{
	display:none;
}

.return-home-link a{
	color:#003269
}	

#body-services .return-home-link{
	display:block;
}
#body-vospoints .return-home-link{
	display:block;
}
#body-contact .return-home-link{
	display:block;
}

#body-services .return-home-link a{
	color:#05a0db;
}
#body-vospoints .return-home-link a{
	color:#05a0db;
}
#body-contact .return-home-link a{
	color:#05a0db;
}
	
#bottom-bar a.button-sign-up {
	width: 235px;
	height: 51px;
	background: url(../images/button-lancezlikiwi.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	float: left;
}

#bottom-bar a:active.button-sign-up {
	background: url(../images/button-lancezlikiwi.png) no-repeat left top;
}

#bottom-bar p {
	float: left;
	margin-left: 7px;
	font-size: 15px;
	color: #003269;
	font-weight: bold;
	margin-top: 15px;
	position: relative;
}

#bottom-bar a#button-fanpage {
	width: 125px;
	height: 35px;
	background: url(../images/button-fanpage.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 22px;
	top: 50%;
	margin-top:-15px
}

#bottom-bar a:active#button-fanpage {
	background: url(../images/button-fanpage.png) no-repeat left top;
}

#bottom-bar #newsletter-signup {
	width: 300px;
	position: absolute;
	right: 17px;
	top: 27px;
}

#bottom-bar input#text-field {
	width: 200px;
	padding: 5px;
	height: 19px;
	border: 1px solid #8f8f8f;
	background: #fcfcfc url(../images/background-newsletter.png) repeat-x left top;
	font-size: 13px;
	color: #303030;
	position: relative;
	margin-right: 5px;
	float:left;
}


/* annonceurs */

#body-services .bar {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  1px solid #87a1c1;
}

#body-services .bar2 {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  2px solid #87a1c1;
}

#body-vospoints .bar {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  1px solid #87a1c1;
}

#body-vospoints .bar2 {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  2px solid #87a1c1;
}

#body-contact .bar {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  1px solid #87a1c1;
}

#body-contact .bar2 {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  2px solid #87a1c1;
}
#body-annonceurs .bar {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  1px solid #87a1c1;
}

#body-annonceurs .bar2 {
	background: url(../images/public-background-annonceurs-bar2.png) repeat-x;
	border-bottom:  2px solid #87a1c1;
	}

#body-services .bar h2{
	width:618px;
	height:26px;
	background: url(../images/text-decouvrez.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}

#body-services .bar2 h2{
	width:618px;
	height:26px;
	background: url(../images/text-decouvrez.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}

#body-annonceurs .bar h2{
	width:618px;
	height:26px;
	background: url(../images/text-annonceurs.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}

#body-annonceurs .bar2 h2{
	width:650px;
	height:26px;
	background: url(../images/text-annonceurs.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}
#body-vospoints .bar h2{
	width:618px;
	height:26px;
	background: url(../images/text-decouvrez.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}

#body-vospoints .bar2 h2{
	width:618px;
	height:26px;
	background: url(../images/text-decouvrez.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}

#body-contact .bar h2{
	width:618px;
	height:26px;
	background: url(../images/text-decouvrez.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}

#body-contact .bar2 h2{
	width:618px;
	height:26px;
	background: url(../images/text-contact.png) no-repeat top left;	
	text-indent:-99999px;
	margin-left:5px;
}



#body-services .bar .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body-services .bar2 .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#body-annonceurs .bar .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body-annonceurs .bar2 .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body-vospoints .bar .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body-vospoints .bar2 .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body-contact .bar .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#body-contact .bar2 .wrap {
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}



#body-services #main-content{
	background-image:none;
}
#body-annonceurs #main-content{
	background-image:none;
}
#body-vospoints #main-content{
	background-image:none;
}
#body-contact #main-content{
	background-image:none;
}

#body-services  #main-content .wrap{
	width:908px;
}
#body-annonceurs  #main-content .wrap{
	width:908px;
}
#body-vospoints  #main-content .wrap{
	width:908px;
}
#body-contact  #main-content .wrap{
	width:908px;
}

#body-services .leaf {
	width:908px;
	background-color:#97dcf8;
	border:1px solid #c9d2dc;
	border-bottom:0;
	padding-bottom:10px;
	padding-top:13px;
}
#body-annonceurs .leaf {
	width:908px;
	background-color:#97dcf8;
	border:1px solid #c9d2dc;
	border-bottom:0;
	padding-bottom:10px;
	padding-top:13px;
}
#body-vospoints .leaf {
	width:908px;
	background-color:#97dcf8;
	border:1px solid #c9d2dc;
	border-bottom:0;
	padding-bottom:10px;
	padding-top:13px;
}
#body-contact .leaf {
	width:908px;
	background-color:#97dcf8;
	border:1px solid #c9d2dc;
	border-bottom:0;
	padding-bottom:10px;
	padding-top:13px;
}

#body-services .leaf-bottom{
	width:910px;
	height:17px;
	background: url(../images/background-leaf-dessous.png) no-repeat top left;
	margin-bottom:30px;
}

#body-annonceurs .leaf-bottom{
	width:910px;
	height:17px;
	background: url(../images/background-leaf-dessous.png) no-repeat top left;
	margin-bottom:30px;
}
#body-vospoints .leaf-bottom{
	width:910px;
	height:17px;
	background: url(../images/background-leaf-dessous.png) no-repeat top left;
	margin-bottom:30px;
}
#body-contact .leaf-bottom{
	width:910px;
	height:17px;
	background: url(../images/background-leaf-dessous.png) no-repeat top left;
	margin-bottom:30px;
}

#body-services .leaf  .inner{
	background: url(../images/background-leaf-fond.png) no-repeat top left;
	width:886px;
	border:1px solid #5bc9ee;
	margin:0 auto;
	padding-top:20px;
}
#body-annonceurs .leaf  .inner{
	background: url(../images/background-leaf-fond.png) no-repeat top left;
	width:886px;
	border:1px solid #5bc9ee;
	margin:0 auto;
	padding-top:20px;
}
#body-vospoints .leaf  .inner{
	background: url(../images/background-leaf-fond.png) no-repeat top left;
	width:886px;
	border:1px solid #b3b6ba;
	margin:0 auto;
	padding-top:20px;
}
#body-contact .leaf  .inner{
	background: url(../images/background-leaf-fond.png) no-repeat top left;
	width:886px;
	border:1px solid #b3b6ba;
	margin:0 auto;
	padding-top:20px;
}



#body-services .leaf .screenshot {
	float:right;
	border:5px solid #ffffff;
	margin-right:22px;
}
#body-annonceurs .leaf .screenshot {
	float:right;
	border:5px solid #ffffff;
	margin-right:22px;
}
#body-vospoints .leaf .screenshot {
	float:right;
	border:5px solid #ffffff;
	margin-right:22px;
}
#body-contact .leaf .screenshot {
	float:right;
	border:5px solid #ffffff;
	margin-right:22px;
}

#body-services .leaf h3{
	background: url(../images/haut-background-right.png) no-repeat top right;
	color:#FFFFFF;
	font-size: 25px;
	line-height: 49px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	padding-left:10px;
	padding-bottom:7px;
	padding-right:20px;
	float:left;
	margin-right:15px;
	margin-bottom:7px;
	position:relative;
	letter-spacing: 1px;
}
#body-annonceurs .leaf h3{
	background: url(../images/haut-background-right.png) no-repeat top right;
	color:#FFFFFF;
	font-size: 25px;
	line-height: 49px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	padding-left:10px;
	padding-bottom:7px;
	padding-right:20px;
	float:left;
	margin-right:15px;
	margin-bottom:7px;
	position:relative;
	letter-spacing: 1px;
}
#body-vospoints .leaf h3{
	background: url(../images/haut-background-right.png) no-repeat top right;
	color:#ffffff;
	font-size: 25px;
	line-height: 49px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	padding-left:10px;
	padding-bottom:7px;
	padding-right:20px;
	float:left;
	margin-right:15px;
	margin-bottom:7px;
	position:relative;
	letter-spacing: 1px;
}
#body-contact .leaf h3{
	background: url(../images/haut-background-right.png) no-repeat top right;
	color:#ffffff;
	font-size: 25px;
	line-height: 49px;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
	padding-left:10px;
	padding-bottom:7px;
	padding-right:20px;
	float:left;
	margin-right:15px;
	margin-bottom:7px;
	position:relative;
	letter-spacing: 1px;
}

#body-services .leaf h3 span{
	position:absolute;
	height:56px;
	width:9px;
	background: url(../images/haut-background-gauche.png) no-repeat top left;
	top:0;
	left:-9px;
}
#body-annonceurs .leaf h3 span{
	position:absolute;
	height:56px;
	width:9px;
	background: url(../images/haut-background-gauche.png) no-repeat top left;
	top:0;
	left:-9px;
}

#body-vospoints .leaf h3 span{
	position:absolute;
	height:56px;
	width:9px;
	background: url(../images/haut-background-gauche.png) no-repeat top left;
	top:0;
	left:-9px;
}
#body-contact .leaf h3 span{
	position:absolute;
	height:56px;
	width:9px;
	background: url(../images/haut-background-gauche.png) no-repeat top left;
	top:0;
	left:-9px;
}

#body-services .leaf h4{
	color:#032f60;
	font-size:20px;
	padding-top:15px;
}
#body-annonceurs .leaf h4{
	color:#032f60;
	font-size:20px;
	padding-top:15px;
}
#body-vospoints .leaf h4{
	color:#032f60;
	font-size:20px;
	padding-top:15px;
}
#body-contact .leaf h4{
	color:#032f60;
	font-size:20px;
	padding-top:15px;
}

#body-services .leaf h5{
	color:#1d699b;
	font-size:17px;
	font-weight:bold;
	margin-bottom:3px;
}
#body-annonceurs .leaf h5{
	color:#1d699b;
	font-size:17px;
	font-weight:bold;
	margin-bottom:3px;
}
#body-vospoints .leaf h5{
	color:#0252aa;
	font-size:17px;
	font-weight:bold;
	margin-bottom:3px;
}
#body-contact .leaf h5{
	color:#1d699b;
	font-size:17px;
	font-weight:bold;
	margin-bottom:3px;
}

#body-services .leaf .caption{
	width:420px;
	color:#011934;
	font-size:15px;
	margin-left:60px;
	float:left;
}
#body-annonceurs .leaf .caption{
	width:500px;
	color:#011934;
	font-size:15px;
	margin-left:60px;
	float:left;
}

#body-annonceurs .leaf .caption2{
	width:800px;
	color:#011934;
	font-size:16px;
	margin-left:60px;
	float:left;
	font-weight:bold;
}



#body-vospoints .leaf .caption{
	width:420px;
	color:#011934;
	font-size:15px;
	margin-left:27px;
	float:left;
}
#body-contact .leaf .caption{
	width:420px;
	color:#011934;
	font-size:15px;
	margin-left:27px;
	float:left;
}

#body-services .leaf .caption p{
	text-align:justify;
	line-height:18px;
	margin-right: 40px;
}
#body-annonceurs .leaf .caption p{
	text-align:justify;
	line-height:18px;
	margin-right: 40px;
}
#body-vospoints .leaf .caption p{
	text-align:justify;
	line-height:18px;
	margin-right: 40px;
}
#body-contact .leaf .caption p{
	text-align:justify;
	line-height:18px;
	margin-right: 40px;
}
#body-services .leaf li{
	clear:both;
	padding-bottom:30px;
	display:inline-block;
	position:relative;
}
#body-annonceurs .leaf li{
	clear:both;
	padding-bottom:30px;
	display:inline-block;
	position:relative;
}
#body-vospoints .leaf li{
	clear:both;
	padding-bottom:30px;
	display:inline-block;
	position:relative;
}
#body-contact .leaf li{
	clear:both;
	padding-bottom:30px;
	display:inline-block;
	position:relative;
}

#body-services .leaf li .number-badge{
	width:56px;
	height:56px;
	display:block;
	position:absolute;
	left:-35px;
	top:0px;
	z-index:100;
}
#body-annonceurs .leaf li .number-badge{
	width:56px;
	height:56px;
	display:block;
	position:absolute;
	left:-35px;
	top:0px;
	z-index:100;
}
#body-vospoints .leaf li .number-badge{
	width:56px;
	height:56px;
	display:block;
	position:absolute;
	left:-35px;
	top:0px;
	z-index:100;
}
#body-contact .leaf li .number-badge{
	width:56px;
	height:56px;
	display:block;
	position:absolute;
	left:-35px;
	top:0px;
	z-index:100;
}

#body-services .leaf li.num1 .number-badge{ background: url(../images/badge-1.png) no-repeat top left; }
#body-services .leaf li.num2 .number-badge{ background: url(../images/badge-2.png) no-repeat top left; }
#body-services .leaf li.num3 .number-badge{ background: url(../images/badge-3.png) no-repeat top left; }
#body-services .leaf li.num4 .number-badge{ background: url(../images/badge-4.png) no-repeat top left; }

#body-annonceurs .leaf li.num1 .number-badge{ background: url(../images/badge-1.png) no-repeat top left; }
#body-annonceurs .leaf li.num2 .number-badge{ background: url(../images/badge-2.png) no-repeat top left; }
#body-annonceurs .leaf li.num3 .number-badge{ background: url(../images/badge-3.png) no-repeat top left; }
#body-annonceurs .leaf li.num4 .number-badge{ background: url(../images/badge-4.png) no-repeat top left; }

#body-vospoints .leaf li.num1 .number-badge{ background: url(../images/badge-1.png) no-repeat top left; }
#body-vospoints .leaf li.num2 .number-badge{ background: url(../images/badge-2.png) no-repeat top left; }
#body-vospoints .leaf li.num3 .number-badge{ background: url(../images/badge-3.png) no-repeat top left; }
#body-vospoints .leaf li.num4 .number-badge{ background: url(../images/badge-4.png) no-repeat top left; }

#body-contact .leaf li.num1 .number-badge{ background: url(../images/badge-1.png) no-repeat top left; }
#body-contact .leaf li.num2 .number-badge{ background: url(../images/badge-2.png) no-repeat top left; }
#body-contact .leaf li.num3 .number-badge{ background: url(../images/badge-3.png) no-repeat top left; }
#body-contact .leaf li.num4 .number-badge{ background: url(../images/badge-4.png) no-repeat top left; }


#tour-signup-bottom{
	background-color:#f1f7fe;
	width:852px;
	margin:0 auto;
	border:1px solid #c1cad5;
	border-top:1px solid #8f9aa7;
	padding:17px 0;
	overflow:hidden;
	-moz-border-radius:.4em;
	-webkit-border-radius:.4em;
	border-radius:.4em;
}

#tour-signup-bottom h3{
	color:#003269;
	font-size:18px;
	font-weight:bold;
	margin-right:23px;
	float:right;
	line-height:51px;
}

#tour-signup-bottom h3 a{
	text-decoration:none;
	color:#003269;	
}

#tour-signup-bottom h3 a:hover{
	text-decoration:underline;
}

#tour-signup-bottom a.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-lancezlikiwi.png) no-repeat left bottom;
	float: left;
	margin-left:23px;
}

#tour-signup-bottom  a:active.button-sign-up {
	width: 241px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	background: url(../images/button-lancezlikiwi.png) no-repeat left top;
	float: left;
}

.marketing-footer{
	width: 955px;
	margin: 0 auto;
	padding-bottom:20px;
	margin-top: 5px;
	color:#2677CF;
	font-size: 11px;
	font-family: "HelveticaNeau", Helvetica, Arial, sans-serif;
	position: relative;
	text-align: center;
}

.marketing-footer div {
	color: #154477;
	display: inline;
	font-weight: bold;
}

.marketing-footer div a {
	color: #154477;
	font-weight: bold;
}

.marketing-footer div span {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: normal;
}

.marketing-footer a, .marketing-footer a:visited{
	color:#2677CF;
	text-decoration:none;
}

.marketing-footer a:hover{
	text-decoration:underline;
}

.legal{
	font-size:14px;
	line-height:22px;
	color:#011934;
font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;
}

.legal h1{
	font-size:20px;
	font-weight:bold;
}

.legal h2{
	font-size:18px;
	font-weight:bold;
}

.legal h3{
	font-size:16px;
	font-weight:bold;
}
.legal p{
	margin-bottom:0.5em;
}
.legal ul li {
	margin:0.5em;
	margin-left:2em;
	list-style-type:disc;
	}
	
.legal ol li {
	margin:0.5em;
	margin-left:2em;
	list-style-type:decimal;
	}	
	
a#twitter-link {
	position: absolute;
	display: block;
	width: 174px;
	height: 53px;
	text-indent: -9999px;
	right: 300px;
	background: url(../images/image-twitter.png);
	opacity:0.8;
	top:50%;
	margin-top:-26px;
}

a#twitter-link:hover{
	opacity:1;	
}

#twitter ul li {
	color:#000000;
	font-size:14px;
	position: absolute;
	display: block;
	width: 274px;
	height: 53px;
	right: 0px;
	top:50%;
	margin-top:-30px;
}


/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:918px;
	height:200px;
	background:transparent url(../images/slides/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:660px;
  height:200px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:640px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:200px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/slides/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/slides/control_right.jpg) no-repeat 0 0;
}

#pageContainer {
  margin:0 auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  margin:auto;
  background:transparent url(img/bg_pagecontainer_h1.png) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
  text-align:justify;
  
}
.slide h2 {
  font:italic 24px Georgia, "Arial", Times, serif;
  color:#1d699b;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
#footer {
  height:100px;
}
#footer p {
  margin:30px auto 0 auto;
  display:block;
  width:660px;
  height:40px;
}

