@charset utf-8;

/*-----------------------------------------------------------------------------
 [1. HTML Link: blue box]
 */
.linkBox-blue
{
	background:#3c8ea7;
	padding:4px 10px;
	margin:8px 0;
	text-align:left;
	color:#fff;
	display:inline-block;
}

.linkBox-blue:hover
{
	background:#2a6e83;
	color:#fff;
}


/*-----------------------------------------------------------------------------
 [2. HTML Link: green box]
 */
.linkBox-green
{
	background:#69aa2c;
	padding:4px 10px;
	margin:8px 0;
	text-align:left;
	color:#fff;
	display:inline-block;
}

.linkBox-green:hover
{
	background:#75c32c;
	color:#fff;
}


/*-----------------------------------------------------------------------------
 [3. HTML Link: blue rounded buttons]
 */
.button-blue-big,.button-blue-wide,.button-blue-med,.button-blue-small
{
	font:normal 11px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:left;
	display:inline-block;
	text-indent:10px;
}

.button-blue-wide
{
	width:220px;
	background:url(/images/buttons/button-blue-wide.png) no-repeat;
}

.button-blue-big
{
	width:184px;
	background:url(/images/buttons/button-blue-big.png) no-repeat;
}

.button-blue-med
{
	width:150px;
	background:url(/images/buttons/button-blue-med.png) no-repeat;
}

.button-blue-small
{
	width:98px;
	background:url(/images/buttons/button-blue-small.png) no-repeat;
}

.button-blue-big:hover,.button-blue-wide:hover,.button-blue-med:hover,.button-blue-small:hover
{
	background-position:0 -24px;
	color:#fff;
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------
 [4. HTML Link: green rounded buttons]
 */
.button-green-big,.button-green-wide,.button-green-med,.button-green-small
{
	font:normal 11px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:left;
	display:inline-block;
	text-indent:10px;
}

.button-green-wide
{
	width:220px;
	background:url(/images/buttons/button-green-wide.png) no-repeat;
}

.button-green-big
{
	width:184px;
	background:url(/images/buttons/button-green-big.png) no-repeat;
}

.button-green-med
{
	width:150px;
	background:url(/images/buttons/button-green-med.png) no-repeat;
}

.button-green-small
{
	width:98px;
	background:url(/images/buttons/button-green-small.png) no-repeat;
}

.button-green-big:hover,.button-green-wide:hover,.button-green-med:hover,.button-green-small:hover
{
	background-position:0 -24px;
	color:#fff;
	text-decoration:underline;
}


/*-----------------------------------------------------------------------------
 [5. Graphic Buttons]
 */
.button-enSavoir,.button-comparer,.button-envoyer,.button-cliquez
{
	width:260px;
	height:52px;
	display:block;
	text-indent:-9999em;
	margin-left:-5px;
	overflow:hidden;
	border:0;
	cursor:pointer;
}

.button-enSavoir
{
	background:url(/images/buttons/button-enSavoir.png) no-repeat top;
}

.button-comparer
{
	background:url(/images/buttons/button-comparer.png) no-repeat top;
}

.button-envoyer
{
	background:url(/images/buttons/button-envoyer.png) no-repeat top;
	border:0;
}

.button-cliquez
{
	background:url(/images/buttons/button-cliquez.png) no-repeat top;
}

.button-enSavoir:hover,.button-comparer:hover,.button-envoyer:hover,.button-cliquez:hover
{
	background-position:0 -52px;
}


/*-----------------------------------------------------------------------------
 [6. Graphic Buttons - big size]
 */
.button-enSavoir-big,.button-comparer-big,.button-envoyer-big,.button-cliquez-big
{
	width:360px;
	height:52px;
	display:block;
	text-indent:-9999em;
	margin-left:-4px;
	overflow:hidden;
}

.button-enSavoir-big
{
	background:url(/images/buttons/button-enSavoir-big.png) no-repeat top;
}

.button-comparer-big
{
	background:url(/images/buttons/button-comparer-big.png) no-repeat top;
}

.button-envoyer-big
{
	background:url(/images/buttons/button-envoyer-big.png) no-repeat top;
}

.button-cliquez-big
{
	background:url(/images/buttons/button-cliquez-big.png) no-repeat top;
}

.button-enSavoir-big:hover,.button-comparer-big:hover,.button-envoyer-big:hover,.button-cliquez-big:hover
{
	background-position:0 -52px;
}


/*-----------------------------------------------------------------------------
 [7. Graphic Buttons products style]
 */
.btn
{
	display:inline-block;
	cursor:pointer;
	background:url(/images/but_bleu.png) repeat-x top;
	font-family:Economica;
	font-size:18px;
	text-decoration:none;
	text-shadow:1px 1px 5px #206fb6;
	color:#FFF;
	box-shadow:0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);
	padding:5px 10px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#dae8ff;
}

.btn.green
{
	background:url(/images/but_vert.png) repeat-x top #69a92c;
	color:#e3ffc9;
}

.btn:hover
{
	color:#FFF;
}

.btn.active,.btn:active
{
	box-shadow:0 2px 4px rgba(0,0,0,0.25) inset, 0 1px 2px rgba(0,0,0,0.05);
}

.btn span.order
{
	background:url(/images/commander.png) no-repeat 0 50%;
	display:block;
	padding-left:22px;
}