/* Index Contenu
==================================================
	#Réinitialiser
	#Styles de base
	#Typographie
	#Liens
	#Listes
	#Images
	#Boutons
	#Formulaires (feuilles de style externes)
	#Divers
	#Styles du site*/


/* #Réinitialiser
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Styles de base
================================================== */
	body {
		background: #fff;
		font: 14px/21px 'Open Sans', Arial, Helvetica, sans-serif;
		color: #4D6474;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typographie
================================================== */
	/*h1, h2, h3, h4, h5, h6 {
		color: #565656;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal; }*/
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 18px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #3D5666; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Liens
================================================== */
	a, a:visited { color: #1177AD; text-decoration: none; outline: 0; }
	a:hover { color: #1177AD; text-decoration: underline; }
	a:focus { color: #179DE5; text-decoration: none; }
	p a, p a:visited { line-height: inherit; }
	a strong, a strong:visited { color: #1177AD; text-decoration: none; outline: 0; }
	a strong:hover { color: #1177AD; text-decoration: underline; }
	a strong:focus { color: #179DE5; text-decoration: none; }


/* #Listes
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	/*img {
		max-width: 100%;
		height: auto; }*/ /*pour sites adaptifs uniquement*/


/* #Boutons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #107cb8; /* Old browsers */
		background: #fff -moz-linear-gradient(top, rgba(16, 124, 184, 0.6) 0%, rgba(0, 100, 153, 1.0) 100%); /* FF3.6+ */
		background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16, 124, 184, 0.6)), color-stop(100%,rgba(0, 100, 153, 1.0))); /* Chrome,Safari4+ */
		background: #fff -webkit-linear-gradient(top, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* Chrome10+,Safari5.1+ */
		background: #fff -o-linear-gradient(top, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* Opera11.10+ */
		background: #fff -ms-linear-gradient(top, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* IE10+ */
		background: #fff linear-gradient(top, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* W3C */
	  border: 2px solid #94c219;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  border-radius: 4px;
	  color: #fff;
	  display: inline-block;
	  font-size: 12px;
	  font-weight: bold;
	  text-decoration: none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  margin-top: 18px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: Arial, Helvetica, sans-serif; 
	  }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #fff;
		background: #006499; /* Old browsers */
		background: #fff -moz-linear-gradient(bottom, rgba(16, 124, 184, 0.6) 0%, rgba(0, 100, 153, 1.0) 100%); /* FF3.6+ */
		background: #fff -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0, 100, 153, 1.0)), color-stop(100%,rgba(0,101,215,.6))); /* Chrome,Safari4+ */
		background: #fff -webkit-linear-gradient(bottom, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* Chrome10+,Safari5.1+ */
		background: #fff -o-linear-gradient(bottom, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* Opera11.10+ */
		background: #fff -ms-linear-gradient(bottom, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* IE10+ */
		background: #fff linear-gradient(bottom, rgba(16, 124, 184, 0.6) 0%,rgba(0, 100, 153, 1.0) 100%); /* W3C */
	  border: 2px solid #94c219;
	  }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #0065D7;
		background: #107cb8; /* Old browsers */
		background: #fff -moz-linear-gradient(top, rgba(0,101,215,.3) 0%, rgba(0,101,215,.7) 100%); /* FF3.6+ */
		background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,101,215,.3)), color-stop(100%,rgba(0,101,215,.7))); /* Chrome,Safari4+ */
		background: #fff -webkit-linear-gradient(top, rgba(0,101,215,.3) 0%,rgba(0,101,215,.7) 100%); /* Chrome10+,Safari5.1+ */
		background: #fff -o-linear-gradient(top, rgba(0,101,215,.3) 0%,rgba(0,101,215,.7) 100%); /* Opera11.10+ */
		background: #fff -ms-linear-gradient(top, rgba(0,101,215,.3) 0%,rgba(0,101,215,.7) 100%); /* IE10+ */
		background: #fff linear-gradient(top, rgba(0,101,215,.3) 0%,rgba(0,101,215,.7) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/* #Divers
================================================== */
	.sans-bottom { margin-bottom: 0 !important; }
	.demi-bottom { margin-bottom: 10px !important; }
	.plus-bottom { margin-bottom: 20px !important; }


/* #Styles du site
================================================== */

/*************************************************
STRUCTURE
**************************************************/
.container {
    margin: 0px auto;
    width: 960px;
}

/*************************************************
HEADER 
**************************************************/
#header {
    position: relative;
    min-height: 165px;
    background: none repeat scroll 0 0 #ffffff;
    padding: 0 0 2px;
}
#logo {
	position: absolute;
    left: 2px;
    top: 28px;
    display: block;
    border: medium none;
}
#site-description{
	font-size: 18px;
	color: #1177AD;
    margin-top: 58px;
    float: right;
}

/*************************************************
NAVIGATION 
**************************************************/
#main-nav {
	position: absolute;
    width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	bottom: 0px;
	z-index: 100;
	background:url("../images/backg-menu.gif") 0 0 repeat-x #107cb8;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}
#main-nav li {
    position: relative;
    float: left;
    list-style: none outside none;
    display: inline;
    margin: 0;
    padding: 0;
    border-right: 1px solid #005b8c;
    border-left: 1px solid #5796c0;
}
#main-nav li.first {
    margin-left: 10px;
    border-left: none;
}
#main-nav li.last {
    -moz-box-shadow: 1px 0 0 0 #5796C0;
    -webkit-box-shadow: 1px 0 0 0 #5796C0;
    box-shadow: 1px 0 0 0 #5796C0;
}
#main-nav a {
    display: block;
    padding: 20px 20px;
    font-family: arial, helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
}
#main-nav a:hover {
	color: #fff;
	background:url("../images/bgdown-menu.gif") 0 0 repeat-x #107cb8;
}
.top_link {
    position: fixed;
    bottom: 50px;
    left: 50px;
    display: none;
    width: 41px;
    height: 41px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    opacity: 0.8;
    background: url("../images/topLink.png") no-repeat scroll 0 0 transparent;
}

/*************************************************
TOPBANNER
**************************************************/
#topbanner {
	position: relative;
	margin: 1px 0 0px 0;
}

/*************************************************
CONTENU PRINCIPAL
**************************************************/

/*Page Home
===============================================*/
#content {
	position: relative;
	background: #84a9c3;
	margin: 0px 0 10px 0px;
	padding: 20px;
	overflow: hidden;
	border-top: 3px solid #107cb8;
}
#content p {
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5;
}
#content strong {
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.5;
}
.spacer {
	height: 8px;
}
#left-a {
	float: left;
	width: 46.5%;
	margin: 10px 5px 10px 5px;
}
.text-front {
	background: #ffffff;
	padding: 8px 8px 5px 8px;
	width: 100%;
}
.text-front-right {
	background: #ffffff;
	padding: 8px;
	width: 100%;
	display: table;
}
.text-front-right h5 {
    display: table-cell;
    vertical-align: middle;
    font-family: MuseoSans_500,arial,helvetica,sans-serif;
    font-size: 29px;
    line-height: 34px;
    color: #4D6474;
}
.read{
	float: left;
	background: #107cb8;
	margin: 10px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    height: 20px;
    /* rounded corner */
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 1px 2px 2px rgba(8, 61, 89, 0.75);
	-moz-box-shadow: 1px 2px 2px rgba(8, 61, 89, 0.75);
	box-shadow: 1px 2px 2px rgba(8, 61, 89, 0.75);
}
.read a {
    color: #fff;
    text-decoration: none;
}
#left-a img, #prod-a img {
    float: left;
    margin: 5px 13px 0px 0px;
}
#right-a {
	float: right;
	width: 46.5%;
	margin: 10px 20px 10px 5px;
}
#right-a img {
    float: left;
    margin: 7px 0px 12px 10px;
}
.stick {
    float: left;
    margin: 0px 0px 0px 0px;
}
.mb8 {
    margin-bottom: 8px;
}
.mb12 {
    margin-bottom: 12px;
}

/*Page Produits
===============================================*/
#leftcontent {
	float: left;
    width: 65%;
    margin: 15px 0 20px 0px;
    padding: 20px 0px 0px 10px;
}
#leftcontent ul {
    margin-bottom: 15px;
}
#leftcontent hr {
    margin-bottom: 15px;
}
#leftcontent .auditpict {
    margin: -8px 5px 3px 0;
}
#leftcontent strong, #sidebar strong {
    font-family: 'Open Sans Semibold', sans-serif;
    font-weight: normal;
}
.page_six #leftcontent .auditpict {
    margin-bottom: 10px;
}
.subtitle {
    font-family: museo300,times,serif;
    color: #7FAD00;
    font-size: 28px; 
    line-height: 28px; 
    margin-bottom: 16px;
}
#prod-b img {
    float: left;
    margin: 5px 5px 0px 0px;
}
#prod-b li {
    margin-bottom: 5px;
    background-image: url("../images/pucex.png");
    background-repeat: no-repeat;
    background-position: 0% 10%;
    padding-left: 20px;
}
.catwrap {
    overflow: hidden;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    background: #dde9f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #dde9f0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde9f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dde9f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dde9f0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dde9f0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dde9f0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde9f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.bodytitle {
	text-align: center;
	color: #fff;
	padding: 5px 0 5px 0px;
	background: #107db8; /* Old browsers */
	background: -moz-linear-gradient(left,  #e2edf2 10%, #107db8 50%, #e2edf2 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(10%,#e2edf2), color-stop(50%,#107db8), color-stop(90%,#e2edf2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e2edf2 10%,#107db8 50%,#e2edf2 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e2edf2 10%,#107db8 50%,#e2edf2 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e2edf2 10%,#107db8 50%,#e2edf2 90%); /* IE10+ */
	background: linear-gradient(to right,  #e2edf2 10%,#107db8 50%,#e2edf2 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2edf2', endColorstr='#e2edf2',GradientType=1 ); /* IE6-9 */
}
.texvid {
    display: table;
    height: 130px;
    margin: 10px 0 30px 10px;
    float: left;
}
.texvid p {
    vertical-align: middle;
    display: table-cell;
    font-family: 'Open Sans Semibold', sans serif;
    width: 360px;
}
.video {
    float: left;
    margin: 15px 10px 10px 10px;
}
#tuto {
	margin-top: 20px;
}
.heading {
	color: #1177AD;
	font-family: 'Open Sans Semibold', sans serif;
	line-height: 2.05;
	padding: 0px 0px 0 0;
	cursor: pointer;
	border-bottom: 2px solid #94C219;
    text-align: left;
    background: url("../images/moretut.png") no-repeat scroll 0 0 transparent;
    background-position: 450px;
    height: 30px;
}
.close, .closcreen, .closefaq {
	float: right;
	cursor: pointer;
	font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #1177AD;
    text-align: center;
    letter-spacing: 0.5px;
    width: 80px;
    clear: both;
    border-top: 2px solid #94C219;
    border-right: 2px solid #94C219;
    border-left: 2px solid #94C219;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
.context {
    border-bottom: 2px solid #94C219;
    overflow: hidden;
}
#support {
    margin-top: 30px;
}
#support p {
    margin-top: 15px;
    padding: 0 10px 0 10px;
}
.openfaq {
	color: #1177AD;
	font-family: 'Open Sans Semibold', sans serif;
	line-height: 2.05;
	padding: 0px 0px 0 0;
	cursor: pointer;
	border-bottom: 2px solid #94C219;
    text-align: left;
    background: url("../images/moreques.png") no-repeat scroll 0 0 transparent;
    background-position: 450px;
    height: 30px;
}
.faq {
    border-bottom: 2px solid #94C219;
    overflow: hidden;
}
#screenshot {
    margin-top: 30px;
}
.shot {
	color: #1177AD;
	font-family: 'Open Sans Semibold', sans serif;
	line-height: 2.05;
	padding: 0px 0px 0 0;
	cursor: pointer;
	border-bottom: 2px solid #94C219;
    text-align: left;
    background: url("../images/moreshot.png") no-repeat scroll 0 0 transparent;
    background-position: 450px;
    height: 30px;
}
.screen {
    border-bottom: 2px solid #94C219;
    overflow: hidden;
}

/*Page Shop
===============================================*/
.tarif {
    position: relative;
    float: left;
    margin-left: 98px;
}
.textarif {
    position: relative;
    float: left;
    margin-left: 98px;
}
#prlist {
	margin-bottom: 20px;
}
#prlist p{
	margin-bottom: 5px;
}
#prlist td{
	width: 248px;
	height: 18px;
	vertical-align: top;
}
#prlist span#pr1,#pr2,#pr3,#pr4,#pr5 {
    padding-left: 6px;
}
#pr2 a, #pr3 a, #pr4 a, #pr5 a, #pr6 a {
    margin-left: 5px;
}
#pr1 a {
    margin-left: 11px;
}
#pr1 a:focus, #pr2 a:focus, #pr3 a:focus, #pr4 a:focus, #pr5 a:focus, #pr6 a:focus {
    color: red !important;
}
#iframed {
    height: 300px;
    width: 268px; 
    margin: 0; 
    padding: 0; 
    border: none;
}

/*Page Accompagnement
===============================================*/
#infocontent {
	padding-left: 20px;
}

/*************************************************
SIDEBAR
**************************************************/
#sidebar {
    float: right;
    width: 30%;
    margin: 15px 0 20px 0px;
    padding: 20px 0px 0px 10px;
}
.widget {
    margin: 0px 0px 10px 0px;
}
.widget-two {
	background: #fff;
	margin: 20px 0 20px 0px;
	padding: 20px 20px;
	/* rounded corner */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 4px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	border-top: solid 1px #eee;
}
.widget-two span {
	font-size: 18px;
	font-family: 'Open Sans Semibold', sans serif;
	font-weight: bold;
	color: #1177AD;
}
.download {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #107db8;
	padding: 10px 20px;
	background: url("../images/bg-downbt.png") 0 0 repeat-x #fff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #95c219;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
}
.butdown {
    margin-bottom: 34px;
}
.butdown a:hover, .butbuy a:hover {
    text-decoration: none;
}
.butbuy a {
    color: #fff;
}
.buy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 20px;
	background: url("../images/bg-buybt.png") 0 0 repeat-x #107db8;
	background: -moz-linear-gradient(top,  #d9effb 0%, #107db8 25%, #0e6899 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9effb), color-stop(25%,#107db8), color-stop(100%,#0e6899)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9effb 0%,#107db8 25%,#0e6899 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9effb 0%,#107db8 25%,#0e6899 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9effb 0%,#107db8 25%,#0e6899 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9effb 0%,#107db8 25%,#0e6899 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9effb', endColorstr='#0e6899',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #95c219;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
}

/*************************************************
FOOTER
**************************************************/
#foot {
	height: 100px;
	clear: both;
	font-size: 85%;
	margin: 0px 0px 20px 0px;
}
#foot-top {
	background: #CADAE5;
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #fff;
}
#foot-bottom {
	background: #CADAE5;
	height: 40px;
	width: 100%;
	border-bottom: 2px solid #7FAD00;
}
#legal {
	color: #0E6899;
	padding: 10px 0 0 5px;
}
#footer-description {
    color: #0E6899;
    padding: 10px 0 0 5px;
}

/*************************************************
FONTS
**************************************************/

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.eot');
	src: local('☺'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Semibold';
	src: url('fonts/OpenSans-Semibold.eot');
	src: local('☺'), url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf') format('truetype'), url('fonts/OpenSans-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museo300';
	src: url('fonts/museo300-regular.eot');
	src: local('☺'), url('fonts/museo300-regular.woff') format('woff'), url('fonts/museo300-regular.ttf') format('truetype'), url('fonts/museo300-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museo500';
	src: url('fonts/museo500-regular.eot');
	src: local('☺'), url('fonts/museo500-regular.woff') format('woff'), url('fonts/museo500-regular.ttf') format('truetype'), url('fonts/museo500-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSans_500';
	src: url('fonts/MuseoSans_500.eot');
	src: local('☺'), url('fonts/MuseoSans_500.woff') format('woff'), url('fonts/MuseoSans_500.ttf') format('truetype'), url('fonts/MuseoSans_500.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*************************************************
CLEARFIX
**************************************************/
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
