body {
	margin: 0;
	padding: 0;
	font-size: 63%;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	background:url(../images/background.jpg) repeat-x #333333;
}

p, li {
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:0.8em;
	color:#CCCCCC;
}

a {
	color:#ccc;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

h1 {
	font-size:1.8em;
	color:#99CC33;
}

h2 {
	font-size:1.2em;
	margin-bottom:0.7em;
	text-transform: uppercase;
	color:#94B734;
}

h3 {
	font-size:1.4em;
	text-transform: uppercase;
	letter-spacing:2px;
	background: #223d52;
	color: white;
	padding:5px;
	margin-bottom:0.8em;
}

.clear { clear: both; }

.image-logo { float:right; margin-bottom:5px;}
.image-btn { float:right; border:none;}

span{ color:#94B734;}


/* Bloc logo */

div#bloc-logo {
	width: 960px;
	margin: 0px auto;
	}
	
/* Bloc content */
	
div#content {
	width: 960px;
	margin: 0px auto;
	}
	div#content div div#navigation {
	height:50px;
	color:#fff;
	float:right;
	}
	
	div#content div div#navigation2 {
	margin:0 10px 0 0;
	color:#fff;
	float:right;
	}
	
	div#content div div#navigation img{
	float:right;
	border:none;
	}

	div#content div#bloc-header {
	color:#999;
	margin-bottom:20px;
	}

/* Colonne gauche page index */

div#content div#colonne-gauche {
	float:left;
	width:620px;
		}
	div#content div#colonne-gauche p {
	padding: 0 20px 0 0px;
	color:#fff;
	
	}
	div#content div#colonne-gauche img {
	border:none;
	}
	
/* Colonne droite page index */

div#content div#colonne-droite {
	float:right;
	width:295px;
	margin-top:15px;
	padding:5px 5px 5px 5px;
	background-color:#222;
	}
	div#content div#colonne-droite p {
	padding: 0 0px 0 0px;
	text-align:center;
	color:#CCCCCC;
	}
	div#content div#colonne-droite img {
	border:none;
	}


/* Colonne gauche page demo */

div#content div#colonne-gauche-demo {
	float:left;
	width:500px;
		}
	div#content div#colonne-gauche p {
	padding: 0 20px 0 0px;
	color:#fff;
	
	}
	div#content div#colonne-gauche img {
	border:none;
	}


/* Colonne droite page demo video*/

div#content div#colonne-droite-demo {
	float:right;
	width:435px;
	margin-top:65px;
	padding:5px 5px 5px 10px;
	background-color:#222;
	}
	div#content div#colonne-droite-demo p {
	padding: 0 0px 0 0px;
	margin:0px;
	color:#CCCCCC;
	}
	
	div#content div#colonne-droite-demo img {
	border:none;
	}
	

/* Colonne droite page demo programs*/

div#content div#colonne-droite-demo-programs {
	float:right;
	width:435px;
	margin-top:25px;
	padding:5px 5px 10px 10px;
	background-color:#222;
	}
	div#content div#colonne-droite-demo-programs p {
	padding: 0 0px 0 0px;
	color:#CCCCCC;
	}
	div#content div#colonne-droite-demo-programs li{
	float:left;
	margin: 0 10px 0 0px;
	list-style-type:none;
	}
	
	div#content div#colonne-droite-demo-programs img {
	border:none;
	}

/* Tablo item page store */

div#content div#tablo-item table{
	border:1px dashed #383838;
	width:100%;
	border-collapse:collapse;
	color:#FFFFFF;
	
	}
	div#content div#tablo-item td {
		border:1px dashed #474747;
		width:20%;
		color:#FFFFFF;
		padding:5px 0 0 18px;
	}
	div#content div#tablo-item table img {
		border: 2px solid #474747;
		margin-bottom:5px;
	}
	div#content div#tablo-item table h2 {
		float:left;
	}

/* colonne contient tablo page basket */

div#content div#colonne-tablo-basket {
		width:960;
		margin-right:15px;
}
div#content div#colonne-tablo-basket img{
		margin:5px 10px 5px 0px;
}


/* Navigation item page store */	

div#content div#tablo-item td ul#navigation-item {
	margin:0;
	padding:0px 0 0 0px;
	}
	div#content div#tablo-item td ul#navigation-item li a {
		text-decoration:none;
		color:#CCC;
	}
	div#content div#tablo-item td ul#navigation-item li {
		list-style-type:none;
		height:28px;
		padding-left:36px;
	}
	div#content div#tablo-item td ul#navigation-item li a:link {
		color:#CCC;
		text-decoration:none;
	}
	div#content div#tablo-item td ul#navigation-item li a:hover {
		color:#FF9000;
	}
	div#content div#tablo-item td ul#navigation-item li a:active {	
		color:#FFFFFF;
	}

/* Attachement des icones menu navigation page store */
		
li.icon {
  padding:2px 0px 0px 0px;
  background-position:left;
  background-repeat: no-repeat;
}

.details {
  background-image: url('../images/bouton-view-details.jpg');
}
.add-basket {
  background-image: url('../images/bouton-add-basket.jpg');
}

/* Tablo basket page basket */

div#content div#colonne-tablo-basket div table{
	border:1px solid #383838;
	width:100%;
	border-collapse:collapse;
	margin-top:20px;
	}
	
	div#content div#colonne-tablo-basket div td 
	{
		border:1px solid #474747;
		color:#CCC;
		padding:5px;
		font-size:1.2em;
	}
	
	div#content div#colonne-tablo-basket div th 
	{
	    text-align:left;
		border:1px solid #474747;
		color:#CCC;
		padding:5px;
		font-size:1.2em;
		
	}
	
	div#content div#colonne-tablo-basket div table img {
		margin:1px 0 0 5px;
		display:inline;
	}
	div#content div#colonne-tablo-basket div table p {
		display:inline;
	}
	
/* Tablo new account et members page your account */


.loginButton { font:1px tahoma; background:url("../images/bouton-log-in.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }
.loginButtonfr { font:1px tahoma; background:url("../images/bouton-log-infr.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }
.newLoginButton { font:1px tahoma; background:url("../images/bouton-submit.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }
.newLoginButtonfr { font:1px tahoma; background:url("../images/bouton-submitfr.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }

.promoButton { font:1px tahoma; background:url("../images/bouton-promo.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }
.promoButtonfr { font:1px tahoma; background:url("../images/bouton-promofr.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }

.backButton { font:1px tahoma; background:url("../images/bouton-back.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }
.backButtonfr { font:1px tahoma; background:url("../images/bouton-backfr.png") no-repeat; border:0; height:45px; width:125px; cursor:pointer; margin:5px 0 0 3px; }

div#content div div#tablo-new-account table {
	border:1px solid #383838;
	width:100%;
	border-collapse:collapse;
	margin-top:5px;
	}
	div#content div div#tablo-new-account td {
		border:1px solid #383838;
		color:#CCC;
		padding:5px;
		font-size:1.2em;
	}
	div#content div div#tablo-new-account table img {
		margin:1px 0 0 5px;
		display:inline;
		border:none;
	}

/* colonne droite paiement info page basket  */

div#content div#colonne-paiement-info {
		width:960px;
}

/* colonne droite tablo new members  */

div#content div#colonne-tablo-new-members {
	width:960px;
	margin-left:0px;
}

/* Bloc licence  */

div#content div#colonne-paiement-info div#bloc-licence {
		width:960px;
		margin-right:15px;
		margin-bottom:30px;
		
	}
div#content div#colonne-paiement-info div#bloc-licence p {
		color:#CCC;
		font-size:1.2em;
		margin:0px;
		padding:0px;
	}
div#content div#colonne-paiement-info div#bloc-licence h2 {
		
		margin:0px;
		padding:0px;
	}

.redClass
{
	color:Red;
	font-size:1.2em;
	margin-bottom:0.7em;
	text-transform: uppercase;
}

/* Bloc Payement info  */

div#content div#colonne-paiement-info div#bloc-payement-texte {
		width:960px;
		
	}
div#content div#colonne-paiement-info div#bloc-payement-texte p {
		color:#CCC;
		font-size:1.2em;
	}

	
/* Bloc footer */	
	
div#footer {
	color:#223d52;
	margin-top:35px;
	padding:5px 0 10px 0;
	text-align:center;
	font-size:.8em;
	color:#5B5B5B;
}