/**
* Inchoo
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Please do not edit or add to this file if you wish to upgrade
* Magento or this extension to newer versions in the future.
** Inchoo *give their best to conform to
* "non-obtrusive, best Magento practices" style of coding.
* However,* Inchoo *guarantee functional accuracy of
* specific extension behavior. Additionally we take no responsibility
* for any possible issue(s) resulting from extension usage.
* We reserve the full right not to provide any kind of support for our free extensions.
* Thank you for your understanding.
*
* @category Inchoo
* @package SocialConnect
* @author Marko Martinović <marko.martinovic@inchoo.net>
* @copyright Copyright (c) Inchoo (http://inchoo.net/)
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
*/

/* Barre connexion réseaux sociaux */
.inchoo-socialconnect-login{ width:100%; display:table; padding:0px !important; }
.inchoo-socialconnect-login .login-button{ display:table-cell; text-align:center; }

/*div.inchoo-socialconnect-google{
    height: 30px !important;
    background: transparent url('../images/login-button-left-gg.png') no-repeat top left !important;
	display:inline-block;
}

div.inchoo-socialconnect-google-inner{
    height: 30px !important;
    margin-left: 30px !important;
    background: transparent url('../images/login-button-inner-gg.png') repeat-x top left !important;
    padding: 0 5px !important;
    text-shadow: 1px 1px #000000;
	display:inline-block;
}

div.inchoo-socialconnect-google-right{
    height: 30px !important;
    width: 3px !important;
    background: transparent url('../images/login-button-right-gg.png') no-repeat top left !important;
	float: right;
}

div.inchoo-socialconnect-google-inner a{
    color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: 30px !important;
} */  

div.inchoo-socialconnect-google{ display:inline-block; width:200px;}
.social-popup div.inchoo-socialconnect-google{ width:120px; }

div.inchoo-socialconnect-google a{
	display:block;
    color: #888 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: 30px !important;
	font-weight:normal;
	background: #fff url('../images/picto_gg.png') no-repeat;
	background-position-x:20%;
	background-position-y:center;
	border:1px solid #bec3cb;
	text-align:center;
	border-radius: 5px;
}  
.social-popup div.inchoo-socialconnect-google a{ background-position-x:10%; }

/*div.inchoo-socialconnect-facebook{
    height: 30px !important;
    background: transparent url('../images/login-button-left-fb.png') no-repeat top left !important;
	display:inline-block;
}

div.inchoo-socialconnect-facebook-inner{
    height: 30px !important;
    margin-left: 30px !important;
    background: transparent url('../images/login-button-inner-fb.png') repeat-x top left !important;
    padding: 0 5px !important;
    text-shadow: 1px 1px #1c376d;
	display:inline-block;
}

div.inchoo-socialconnect-facebook-right{
    height: 30px !important;
    width: 3px !important;
    background: transparent url('../images/login-button-right-fb.png') no-repeat top left !important;
	float: right;
}

div.inchoo-socialconnect-facebook-inner a{
    color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: 30px !important;
}*/
div.inchoo-socialconnect-facebook{ display:inline-block; width:200px; }
.social-popup div.inchoo-socialconnect-facebook{ width:120px; }

div.inchoo-socialconnect-facebook a{
	display:block;
    color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: 30px !important;
	font-weight:normal;
	background: #3c5a99 url('../images/picto_fb.png') no-repeat;
	background-position-x:20%;
	background-position-y:center;
	text-align:center;
	border-radius: 5px;
} 
.social-popup div.inchoo-socialconnect-facebook a{ background-position-x:8%; }

div.inchoo-socialconnect-twitter{
    height: 30px !important;
    background: transparent url('../images/login-button-left-tw.png') no-repeat top left !important;
	display:inline-block;
}

div.inchoo-socialconnect-twitter-inner{
    height: 30px !important;
    /*float: left !important;*/
    margin-left: 30px !important;
    background: transparent url('../images/login-button-inner-tw.png') repeat-x top left !important;
    padding: 0 5px !important;
    text-shadow: 1px 1px #00a1c4;
	display:inline-block;
}

div.inchoo-socialconnect-twitter-right{
    /*float: left !important;*/
    height: 30px !important;
    width: 3px !important;
    background: transparent url('../images/login-button-right-tw.png') no-repeat top left !important;
	float: right;
}

div.inchoo-socialconnect-twitter-inner a{
    color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: 30px !important;
}
@media (max-width:767px) and (min-width:561px){
	.social-popup div.inchoo-socialconnect-google,
	.social-popup div.inchoo-socialconnect-facebook{ width:95px; }
	.social-popup div.inchoo-socialconnect-google,
	.social-popup div.inchoo-socialconnect-facebook a{ background-position-x:0px; text-align: left; text-indent: 20px; }
}

@media (max-width:560px){
	.inchoo-socialconnect-login{ width:100%; display:block; padding:0px !important; }
	.inchoo-socialconnect-login .login-button{ display:block; text-align:center; margin:20px 0;}
}