/*

Theme Name: Bluepaid

Theme URI: http://www.bluepaid.com

Author: Romain Archimbaud

Author URI: http://www.64pixels.net

Description: Thème du site bluepaid.com

Version: 1.0

Text Domain: twentyten

*/



@import "css/base.css";

@import "css/skeleton.min.css";





/* Table of Content

==================================================

	#Site Styles

	#Page Styles

	#Media Queries

	 */



/* #Site Styles

================================================== */



	/* header 

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

	

	

	#topbar{line-height:25px;margin-top:3px;position:relative;z-index:2}

	#topbar a{display:inline-block;color:#696969}

	#topbar span.hideonmobile{display:inline-block;margin-right:10px;padding-right:10px;height:22px}

	a#user_access{background:url(images/user_access.png) no-repeat left top;width:167px;height:28px;display:block;float:right;color:#fff;line-height:28px;font-weight:bold;text-align:center;text-indent:15px;position:relative;margin:-4px -7px 0 10px;font-size:15px}

	#topbar a.current-nav-item{text-decoration:underline}

	#branding .headerPhone, #branding .headerPhone:hover{
		color:#D4257C;
		text-decoration: none;
		font-size: 26px;
		font-weight:bold;
		font-family: 'Arial Black', sans-serif;
		font-style: normal;
	}
	

	#branding{position:relative;margin-top:-10px}

	#logo{background:url(images/logo_bluepaid.png) no-repeat left top;display:block;width:234px;height:71px;text-indent:-9000px}

	#baseline, #number{font-size:14px;font-style:italic;line-height:normal;color:#696969}

	#baseline{margin:20px 0 0 15px;background:url(images/inset_vert.gif) repeat-y left top;padding:5px 0 5px 15px}

	#number{font-size:12px;line-height:21px;margin-top:10px}

	

	#nav{padding-bottom:10px}

	#nav select{display:none}

	#nav li{float:left;font-variant:small-caps;line-height:30px;font-size:21px;font-weight:bold;text-shadow:0 1px 1px #fff;color:#0072bc}

	#nav li a:hover, #nav li.current-menu-item a, #nav li.current_page_parent a, .current-cat a, #nav li.current-page-ancestor a{color:#f47a20;text-decoration:none}

	#nav li span{padding:0 10px;font-weight:normal}

	#nav li:first-child span{display:none}

	

	#searchform{position:relative;}

	#searchform input[type="text"]{

		-moz-box-shadow: inset 1px 1px 2px #888;

		-webkit-box-shadow: inset 1px 1px 2px #888;

		box-shadow: inset 1px 1px 2px #888;	

		border:none;

		border-bottom:1px solid #fff;

		margin-bottom:0;

		/*width:266px;*/

		padding-right:30px;

		width: 100%;

		

	}

	.ie7 #searchform input[type="text"]{width:266px;}

	.ie7 #searchform input[type="text"], .ie8 #searchform input[type="text"]{border:1px solid #e5e5e5}

	#searchsubmit{position:absolute;right:5px;top:7px}

	

	

	/* wrapper

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

	#wrapper, #sidebar .widget-container{border-top:1px solid #fff;border-bottom:1px solid #e5e5e5;padding-bottom:30px}

	.page-id-754 #wrapper, .page-id-757 #wrapper{
		padding-bottom: 0;
	}

	#sidebar .widget-container, .main_loop .post, .main_loop .page{padding-top:30px;}

	#sidebar .signup_container{padding-top:0;border-top:0;position:relative}

	
	.eight.columns.alpha{padding-top:30px}
	.page-template-page-partenaire-php .pattern_container{margin-bottom:30px}
	
	#menu-1-menu_principal.eight.columns.alpha, .blog .eight.columns.alpha{padding-top:0}
		

	/* sidebar

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

	#sidebar {postion:relative;margin-top:-80px;line-height:normal}

	

	#sidebar .signup p{position:relative;margin:0 auto;width:220px}

	#sidebar .signup .three.columns{margin:0 0 5px}

	.ie8 .signup .sprite{display:none}

	.widget_text .sprite, #recent-post .thumbnail{float:left;margin-right:5px;display:block}

	#sidebar .sprite-download {height: 40px;padding: 8px 0 0 51px;width:auto;}

	#sidebar .widget_text .title{display:none}

	

	#sidebar .textwidget{text-align:justify}

	

	#recent-post.widget-container, #recent-post h4, #sidebar .widget-container.widget_links{line-height:normal;border-bottom:0;font-size:13px}

	#recent-post .thumbnail{width:74px;height:74px;}

	#recent-post .thumbnail.nothumb{background:#fff url(images/logo_bluepaid-small.png) no-repeat center center}

	#recent-post.widget_text .title{display:block;font-size:18px}

	#recent-post div.clearfix{margin-top:20px}

	#recent-post div:first-child{margin-top:0}

	

	#sidebar .bloc{padding:10px;}

	

	#sidebar .signup_container .title{display:block}

	#sidebar .nobloc .bloc{background:none;-moz-box-shadow:0;-webkit-box-shadow:0;box-shadow:0;padding:0;border:0}

	

	/*.sidebar_blog .title{padding-bottom:10px;border-bottom:1px solid #f2f2f2}*/

	.sidebar_blog ul{margin-bottom:0}

	.widget_categories li{text-align:right}

	.widget_categories li a{float:left}

	.signup_container .shadow{ background:url(images/signup_shd.png) no-repeat center top;width:328px;height:78px;display:block;position:absolute;top:-10px;left:-14px;z-index:1}

	.sidebar_blog .signup_container img.alignleft{margin:0 5px 0 0}

	

	.widget_links ul li{font-size:15px;background:url(images/puces.png) no-repeat left 6px;padding-left:15px}

	

	

	

	/* footer 

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

	#partners{min-height:60px;line-height:60px;margin:1px 0;background:#ebebeb}

	#partners ul{margin:0}

		/*greyscale images */

		.switched_images {overflow:hidden; position: relative;width:200px;height:40px;margin:10px auto 0 }
		
		.switched_images:hover img{margin-top:-40px;position:relative}

		#partners li:first-child .switched_images, #partners li:last-child .switched_images{margin:10px 0 0}

		#partners li:last-child .switched_images{float:right}

		#partners li span{cursor:pointer}

		#partners li img{max-width:100%;height:auto}

	

	#footer{padding:20px 0;background:#7e7e7e;border-top:1px solid #676767;border-bottom:1px solid #8d8d8d;}

	#footer .title{color:#404040;text-shadow:0 1px 0 #9b9b9b;margin-bottom:10px;font-weight:bold}

	#footer ul.menu{margin-bottom:0;font-size:13px}

	#social_links{margin:0;padding-bottom:20px;border-bottom:1px solid #666}

	#social_links li{margin:0 0 0 15px;float:left}

	#social_links li:first-child{margin:0}

	#social_links li a{text-indent:-9000px;display:block;}

	#social_links li a:hover{

		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow:  0 1px 2px rgba(0,0,0,.5);

		-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;

	}

	

	#acp img{margin-right:10px}

	#acp{line-height:15px;font-size:13px;color:#b4b4b4;padding:20px 0 0}

	#site-info{line-height:40px;background:#696969;font-size:12px;color:#fff}

	#footer a, #site-info a{color:#fff}

	#site-info .textright a{color:#969696}

	#footer li.current-menu-item a{text-decoration:underline}

	

	#footer #fourth .title{color:#fff;font-size:13px;font-variant:normal;text-shadow:0;font-weight:normal;margin-bottom:5px;padding-top:20px;border-top:1px solid #999}

	#footer #fourth .title:first-child{color:#404040;text-shadow:0 1px 0 #9b9b9b;margin-bottom:10px;font-weight:bold;font-size:21px;padding-top:0;font-variant:small-caps;border:none}

	#mc_signup_form label {display:none;position:absolute;left:-9000px}

	#mc_signup_form input[type="text"]{

		width:80%;

		float:left;

		color:#0072bc;

		-moz-box-shadow: inset 1px 1px 2px #333;

		-webkit-box-shadow: inset 1px 1px 2px #333;

		box-shadow: inset 1px 1px 2px #333;	

		border:none;

		border-bottom:1px solid rgba(255,255,255,.2);

	}

	#mc_signup_form input[type="submit"]{

		background-image: linear-gradient(bottom, #005993 0%, #0072bc 100%);

		background-image: -o-linear-gradient(bottom, #005993 0%, #0072bc 100%);

		background-image: -moz-linear-gradient(bottom, #005993 0%, #0072bc 100%);

		background-image: -webkit-linear-gradient(bottom, #005993 0%, #0072bc 100%);

		background-image: -ms-linear-gradient(bottom, #005993 0%, #0072bc 100%);

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0072bc, endColorstr=#005993);	

		padding:5px;

		color:#fff;

		border:none;

		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow:  0 1px 2px rgba(0,0,0,.5);

		font-weight:normal;

		font-size:12px;

		text-shadow: 0 1px 2px rgba(0, 0, 0, .5);

		float:right;
		
		width:auto !important;
		margin-top:0 !important;

	}

	#mc_signup_form input[type="submit"]:hover{

		background-image: linear-gradient(top, #005993 0%, #0072bc 100%);

		background-image: -o-linear-gradient(top, #005993 0%, #0072bc 100%);

		background-image: -moz-linear-gradient(top, #005993 0%, #0072bc 100%);

		background-image: -webkit-linear-gradient(top, #005993 0%, #0072bc 100%);

		background-image: -ms-linear-gradient(top, #005993 0%, #0072bc 100%);

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#005993, endColorstr=#0072bc);

		-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;	

	}

	

	#mc_signup_form .mc_error_msg{line-height:normal;font-size: 13px;display:inline-block;color:#900; background:url(images/alert.png) no-repeat left top ;line-height:16px;text-indent:21px}

	

	#mc_signup_form .mc_success_msg{

		background:url(images/puces.png) no-repeat left 3px;

		color: white;

		display: block;

		font-size: 13px;

		line-height: normal;

		text-indent:12px;

		padding-bottom:10px;

	}


iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}


/* #Page Styles

================================================== */



	/* home */

	#homepage_intro h2{line-height:normal;padding:10px 0 0 40px;text-indent:0}

	#homepage_intro .five .title{margin:12px 0 20px -25px;position:relative;}

	#homepage_intro em{white-space:nowrap;font-style:normal}

	#homepage_intro em a{text-decoration:underline}

	

	#homepage_services {background:url(images/gears.png) no-repeat 60% 80%}
        
        #homepage_services .three .bloc{padding:5px}
        
        #homepage_services .three .bloc img{max-width:100px;height:auto;display:block;margin:0 auto}

	.homepage_section ul{margin:20px 30px 40px}
	
	.homepage_section ul li{line-height:25px; background-position:left 10px}

	.homepage_section p{margin-bottom:0}

	

	.home .pattern .three, .page-template-page-accueil .pattern .three{text-align:center;position:relative}

	.home .pattern .title, .page-template-page-accueil .pattern .title{display:block;font-size:16px;color:#696969;line-height:14px;;font-variant:small-caps}

	.home .pattern .title:hover, .page-template-page-accueil .pattern .title:hover{text-decoration:none;color:#0072bc;}

	.home .pattern .title span, .page-template-page-accueil .pattern .title span{display:block}

	.home .pattern .title .sprite, .page-template-page-accueil .pattern .title .sprite{margin:0 auto 20px;float:none}

	.home .pattern .sprite-home_limit, .page-template-page-accueil .pattern .sprite-home_limit{position:absolute;top:26px;left:-46px}

	.home .pattern .container div:first-child .sprite-home_limit, .page-template-page-accueil .pattern .container div:first-child .sprite-home_limit{display:none}

	#homepage_marketplace{margin-bottom:20px;padding:40px 0;background:white;border-bottom:1px solid #E5E5E5}
	#homepage_marketplace img.alignright {margin-right:-20px}

	

	#homepage_temoignage .twelve, #homepage_marketplace .twelve{padding-top:20px; /**/}
	#homepage_temoignage .twelve{background:url(images/dashed.gif) repeat-x left top}
	#homepage_temoignage .title.blue{font-size:23px;font-variant:normal}

	.testimonial{margin-top:20px}

	#homepage_temoignage .testimonial{margin-top:0;padding:0; background:0;border:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}

	.testimonial div{padding-left:30px}


	/* landing */
	.landing_container{
		margin-bottom:0;padding:40px 0;background:white;border-bottom:1px solid #E5E5E5;border-top:1px solid #E5E5E5
	}
	.landing_container.uppercase{
		text-transform: uppercase
	}
	#landing1 .signup, #landing2 .signup{
		margin:30px 0;
	}
	#landing1 .signup a.button{
		padding:8px 30px;
		font-size: 32px;
	}
	#landing2 .signup .btn{
		display:block;
	}
	#landing2 .signup a.button{
		padding:8px 30px;
		font-size: 25px;
		display: block;
	}
	#landing1 .blocgrey{
		background:#f5f5f5;
		border:1px solid #e5e5e5;
		padding:30px;
		width:50%;
		margin:30px auto;
		border-radius: 5px;
	}
	#landing1 .blocgrey ul{
		width: 50%;
		margin:0 auto
	}
	#landing1 .blocgrey li{
		padding-left:0;
		background:none;
	}
	#landing2 label{
		font-weight: normal;
		cursor:pointer;
	} 
	#landing2 .eight.columns.alpha{
		padding-top: 0;
		border-right: 1px solid #ddd;
		width:619px;
	}


	/* Small Devices, .visible-sm-* */
	/* Extra Small Devices, .visible-xs-* */
	@media (max-width: 767px) {
		#landing1 .blocgrey{
			width: 80%
		}
		#landing1 .blocgrey .font32{
			font-size:23px!important;
		}
		#landing1 .blocgrey ul{
			width: 100%;
		}
	 	#landing2 .eight.columns.alpha p.textcenter .alignleft,
	    #landing2 .eight.columns.alpha p.textcenter .alignright{
	    	padding:0 !important;
	    	text-align: center;
	    	margin-bottom:15px;
	    	float:none;
	    }  

	}
	/* Small Devices, .visible-sm-* */
	@media (min-width: 768px) and (max-width: 991px) {

		#landing1 .blocgrey ul{
			width: 60%;
		}
	    #landing2 .four.columns.omega p.add-bottom, #landing2 .four.columns.omega .signup{
	    	padding:0 30px;
	    }
	    #landing2 .eight.columns.alpha p.textcenter .alignleft,
	    #landing2 .eight.columns.alpha p.textcenter .alignright{
	    	padding:0 20px!important;
	    	text-align: center;
	    	margin-bottom:15px;
	    	float:none;
	    }  
	}
	@media (max-width: 991px) {
		#landing1 .title.font50{
			font-size: 40px!important;
		}
	    #landing2 .eight.columns.alpha, #landing2 .four.columns.omega{
	    	border:none;
	    	width:100%;
	    	margin:0 0 30px !important;
	    }

	}


	

	

	/* blog */

	.main_loop .post, .main_loop .page, .main_loop_title{background:url(images/dashed.gif) repeat-x left bottom;padding-bottom:30px}

	.main_loop_title{padding-bottom:20px;margin-bottom:0;}

	.socials_single li{float:left;height:20px;position:relative;width:115px;overflow:hidden}

	#___plusone_0{ width:72px !important; }

	.twitter-share-button {width: 95px !important;}

	

	.home .socials_single li, .page-template-page-accueil .socials_single li{text-align:right}



	

	/* faq */

	.main_loop .faq .post{padding-top:10px}

	.faq h3.term{cursor:pointer}

	.faq h3.term span{display:inline-block;width:22px;height:23px;background:url(images/more.png) no-repeat left top;margin:6px 5px 0 0;float:left}

	.faq h3.open span{background-position:left bottom}

	.question_group li{padding-bottom:7px}

	.question_group a:hover{text-decoration:none}

	.answer_group .entry-content{margin-top:0}

	.faq .count{text-align:right;display:inline-block;width:20px;margin-right:5px}

	

	/* partners */

	.partners-item{min-height:215px;}

	.partners-item h1.entry-title{border-bottom:1px dashed #e5e5e5;padding-bottom:10px;margin-bottom:10px}

	.partners-item p{margin-bottom:0}

	.partners-item img{max-width:100%;height:auto}

	

	/* solutions compatible */

	.bloc.solution{padding:20px 0;width:960px;margin:0 -1px}

	
	/* Lexique monétique */

	.page-id-53 .entry-content a {padding:5px 10px;border-radius:5px;background-color:rgb(240,240,240)}
	.page-id-53 .entry-content h2, .page-id-53 .entry-content .style_h2 {margin-top: 40px;}

	/* nos offres */

	#offers{margin:30px 0 20px}

	#offers .bloc, .fancybox-wrap .bloc{padding:10px;font-size:13px;margin:0 0 10px 0;position:relative}

	.fancybox-wrap .bloc{font-size:15px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin-bottom:0}

	#offers p{margin-bottom:5px;line-height:normal}

	#offers .offer_title, .fancybox-wrap .offer_title{font-variant:small-caps;color:#0072bc;font-size:23px;text-shadow: 1px 1px 0 rgba(255,255,255, 1);font-weight:bold;margin:0;line-height:30px}

	#offers .offer_title span{color:#696969}

	#offers .main_offer, .fancybox-wrap .main_offer{

		line-height:40px;

		text-indent:20px;

		position:relative;

		margin:-10px -10px 0;

		background-image: linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);

		background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);

		background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);

		background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);

		background-image: -ms-linear-gradient(bottom, #e5e5e5 0%, #ffffff 100%);

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e5e5e5);	

		border-bottom: 1px solid #f3f3f3;

		-moz-box-shadow: 0 1px 0 #d5d5d5;-webkit-box-shadow: 0 1px 0 #d5d5d5;box-shadow: 0 1px 0 #d5d5d5;

		-webkit-border-top-left-radius: 5px;

		-webkit-border-top-right-radius: 5px;

		-moz-border-radius-topleft: 5px;

		-moz-border-radius-topright: 5px;

		border-top-left-radius: 5px;

		border-top-right-radius: 5px;

	}

	#offers .ribbon_tpe{width:90px;height:90px;position:absolute;top:-5px;right:-5px; background:url(images/ribbon_tpe.png) no-repeat left top;display:block;z-index:2}

	#offers .offer_excerpt em{display:block;padding-top:20px}

	

	#offers .offer_price{padding:21px 0;margin:17px 0;border-top:1px dashed #cfd0d1;border-bottom:1px dashed #cfd0d1}

	/*#offers .offer_price p{padding:5px 0}*/

	#offers .offer_price p strong{font-weight:bold;color:#0072bc;font-size:12px;font-family:Arial, Helvetica, sans-serif;display:inline-block;padding-top: 5px;}

	#offers .offer_price p:first-child strong{font-size:17px;}

	#offers .button{margin-top:6px}

	#offers .signup .button, .fancybox-wrap .signup .button, #part .signup .button{float:none;padding:8px 10px;margin-top:0;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow:  0 1px 2px rgba(0,0,0,.5);text-align:center;display:block;width:auto}

	#part p:first-child{padding:8px 10px 8px 0}

	.fancybox-wrap .signup .button{width:200px}

	#offers .devis{font-size:15px;text-align:center;display:block;margin-top:5px}

	.page-id-13 .offers_bloc_js{min-height:390px}

	

	.fancybox-wrap table{border-collapse:collapse; border-spacing:0;border:1px solid #ddd;margin-bottom:10px}

	.fancybox-wrap table th{background:#f5f5f5;color:#0072bc;text-transform:uppercase}

	.fancybox-wrap table td, .fancybox-wrap table th{border-spacing:0;border:1px solid #ddd;padding:10px}

	.fancybox-wrap table th, .fancybox-wrap table td{text-align:center;font-weight:bold}

	.fancybox-wrap table td{font-weight:normal}

	.fancybox-wrap table th:first-child, .fancybox-wrap table td:first-child{text-align:left;font-weight:bold}

	

	/* modal box */

	.fancybox {display:none;width:800px}

	

	

/* Style for WP-PageNavi plugin

================================================== */

	.wp-pagenavi {	clear: both;margin-top:20px}

	.main_loop .wp-pagenavi a, .main_loop .wp-pagenavi span {

		text-decoration: none;

		border: 1px solid #d5d5d5;

		-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;

		padding: 3px 0;

		text-align:center;

		width:25px;

		margin: 2px;

		color:#696969;

		font-weight:normal

	}

	.main_loop .wp-pagenavi a:hover, .main_loop .wp-pagenavi span.current {font-weight: bold;color:#0072bc;}

	.main_loop .wp-pagenavi span.current {font-weight: bold;text-decoration:underline}

	.main_loop .wp-pagenavi .pages{float:right;width:auto;filter:none}

	.main_loop .wp-pagenavi .pages, .main_loop .wp-pagenavi span.extend{border:none;background:none;cursor:default}



/* #Media Queries

================================================== */

	



	/* Smaller than standard 960 (devices and browsers) */

	@media only screen and (max-width: 959px) {

		.signup em.five.omega, .signup em.alpha.omega{width:auto;margin:0;display:inline}

	}



	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.signup .three.columns, .signup .three.columns a{width:auto;}

		#homepage_intro .signup .three.columns, #homepage_intro .signup .three.columns a, #homepage_intro .signup em.alpha.omega{float:right;margin-right:0}

		#homepage_intro .signup .arrow-mainbtn{left:35px}

		#homepage_intro .five{width: 236px;}

		#homepage_intro .seven{width: 492px;}

		#social_links li{margin:0 0 0 5px;}

	}



	/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 767px) {

		#nav ul{ display: none; }

  		#nav select { display: block; margin:10px auto 20px}	

		.hideonmobile, #topbar span.hideonmobile, .sprite-alert{display:none}

		#baseline{display:block;margin:5px 20px;background:none;padding:0}

		#logo{margin:0 auto}

		#branding{height:auto;margin-top:0}

		#branding .alignleft{float:none;text-align:center;margin-bottom:0}

		#baseline br, #number{display:none}	

		img.alignleft,img.alignright{float:none;margin:0 auto;display:block}

		.home #homepage_intro h2, .page-template-page-accueil #homepage_intro h2{}

		.home #homepage_services, .page-template-page-accueil #homepage_services{background:none}

		.signup .three.columns, .signup .three.columns a{width:100%;}

		#site-info {line-height:20px}

		#site-info .textright{text-align:left}

		#sidebar{margin-top:0}



	}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	@media only screen and (min-width: 480px) and (max-width: 767px) {}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (max-width: 479px) {}