/*
[Index]

0- Import
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer
*/

/* =1 Global
-------------------------------------------------------------------*/
html, body{
	background-color: white;
	color: black;
    font: normal 12px Arial, sans;
    line-height: 1.6em;
    text-align: left;
	position: relative;
	height: 100%;
}
html, body, #wrap{
	height: 100%;
}
body > #wrap{
	height: auto;
	min-height: 100%;
}

.inner{
    margin: 0 auto;
    width: 990px;
}

/* =2 Links
-------------------------------------------------------------------*/
a:link, a:visited{ text-decoration: none; color: black; }
a:hover{ text-decoration: none; color: black; }
a:active{ text-decoration: none; color: black; }

/* =3 Headings
-------------------------------------------------------------------*/
h1{}
h2{}
h3{}

/* =4 Header
-------------------------------------------------------------------*/
#header{
	background: url('/images/interface/bg-header.jpg') repeat-x;
	height: 80px;
}

/* Logo */
#header a#logo{
	float: left;
	display: block;
	width: 230px;
	height: 48px;
	margin-top: 13px;
	padding-left: 5px;
}

/* Logo T293 */
#header a#logo-t293{
	float: right;
	display: block;
	width: 64px;
	height: 31px;
	margin-top: 4px;
	margin-right: 5px;
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/* =5 Navigation
-------------------------------------------------------------------------------*/

/* =5.1 Menu statique header
-------------------------------------------------------------------------------*/
#header #menu-static{
	float: right;
	color: #777777;
	font-size: 11px;
	height: 41px;
}
#header #menu-static li{
	float: left;
	height: 41px;
}

#header #menu-static li a{
	color: #777777;
}
#header #menu-static li a:hover{
	color: #525252;
}

#header #menu-static li.separateur{
	background: url('/images/interface/separator-menu_static.jpg') no-repeat;
	width: 2px;
}

/* Mon compte */
#header #menu-static li a#mon-compte{
	display: block;
	background: url('/images/interface/bg-menu_static_middle.png') repeat-x;
	text-align: center;
	width: 69px;
	height: 34px;
	padding-top: 7px;
}

/* Ma s�lection */
#header #menu-static li a#ma-selection{
	display: block;
	background: url('/images/interface/bg-menu_static_middle.png') repeat-x;
	text-align: left;
	width: 107px;
	height: 34px;
	padding-top: 7px;
}
#header #menu-static li a#ma-selection img{
	float: left;
	margin-left: 10px;
	margin-right: 5px;
}

/* Comit�s d'entreprise */
#header #menu-static li a#comites-entreprise{
	display: block;
	background: url('/images/interface/bg-menu_static_middle.png') repeat-x;
	text-align: center;
	width: 120px;
	height: 34px;
	padding-top: 7px;
}
#header #menu-static li a#mon-compte:hover,
#header #menu-static li a#ma-selection:hover, 
#header #menu-static li a#comites-entreprise:hover{
	background: url('/images/interface/bg-menu_static_middle-roll.png') repeat-x;
}

/* Moteur de recherche */
#header #menu-static li#box-recherche{
	background: url('/images/interface/bg-menu_static_middle.png') repeat-x;
	height: 41px;
}
#header #menu-static li#box-recherche form{
	float: left;
	width: 170px;
	margin-top: 5px;
	margin-left: 5px;
}
#header #menu-static li#box-recherche form input{
	background: url('/images/interface/bg-input_recherche.png') no-repeat;
	border: 0 none;
	color: #c6c5c5;
	font-size: 12px;
	text-align: center;
	width: 120px;
	height: 25px;
}
#header #menu-static li#box-recherche form button{
	width: 27px;
	height: 25px;
	margin-left: -6px;
	vertical-align: -8px;
	cursor: pointer;
}

/* Langues */
.opacityOut{
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#header #menu-static li#box-recherche #list-lang{
	float: right;
	margin-top: 3px;
}
#header #menu-static li#coin-gauche{
	background: url('/images/interface/bg-menu_static_left.png') no-repeat;
	width: 21px;
}
#header #menu-static li#coin-droite{
	background: url('/images/interface/bg-menu_static_right.png') no-repeat;
	width: 21px;
}

/* =5.2 Menu niveau 1
-------------------------------------------------------------------------------*/
#header ul#menu_niveau_1{
	float: right;
	margin-top: 10px;
	width: 720px;
}
* html ul.jd_menu ul{
	width: 1%;
}
#header ul#menu_niveau_1 li{
	float: left;
	margin-left: 0px;
}
#header ul#menu_niveau_1 li a{
	background: none;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
}
#header ul#menu_niveau_1 li a:hover, 
#header ul#menu_niveau_1 li.jdm_active a,
#header ul#menu_niveau_1 li a.selectionne{
	color: white;
}
#header ul#menu_niveau_1 li a span{
    position: relative;
    float: left;
    padding: 0 0 0 10px; /* Largeur gauche */
    vertical-align: middle;
}
#header ul#menu_niveau_1 li a:hover span, 
#header ul#menu_niveau_1 li.jdm_active a span,
#header ul#menu_niveau_1 li a.selectionne span{
    background: transparent url('/images/interface/bg-menu_1_left.png') left top no-repeat;
}
#header ul#menu_niveau_1 li a span span{
	padding: 0 10px 0 0; /* Largeur droite */
}
#header ul#menu_niveau_1 li a:hover span span,
#header ul#menu_niveau_1 li.jdm_active a span span,
#header ul#menu_niveau_1 li a.selectionne span span{
    background: transparent url('/images/interface/bg-menu_1_right.png') right top no-repeat;
}
#header ul#menu_niveau_1 li a span span span{
    height: 29px; /* Hauteur du bouton */
    padding: 0 5px;
    line-height: 2.2; /* Alignement vertical du texte */
}
#header ul#menu_niveau_1 li a:hover span span span,
#header ul#menu_niveau_1 li.jdm_active a span span span,
#header ul#menu_niveau_1 li a.selectionne span span span{
    background: transparent url('/images/interface/bg-menu_1_middle.png') left top repeat-x;
}

/* Sous-menu */
#header ul#menu_niveau_1 ul{
	position: absolute;
	top: 0px;
	left: 0;
	display: none;
	z-index: 10000;
	height: auto;
}

#header ul#menu_niveau_1 ul li{
	float: none;
	margin: 0;
	/*margin-bottom: 1px;*/
	border-bottom: 1px solid #999999;
}
#header ul#menu_niveau_1 ul li a{
	display: block;
	background: rgba(15, 15, 15, 0.85);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C00F0F0F', endColorstr='#C00F0F0F');
	color: white;
	text-align: left;
	padding: 2px 15px;
	height: 18px;
	cursor: pointer;
}
#header ul#menu_niveau_1 ul li a:hover{
	background: rgba(38, 38, 38, 0.85);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0262626', endColorstr='#C0262626');
}

/* =5.3 Menu social
-------------------------------------------------------------------------------*/
ul#social {
	float: right;
	margin-left: 10px;
}
ul#social li {
	float: left;
	height: 33px;
	text-align: center;
	background: url('/images/interface/bg-menu_static_middle.png') repeat-x;
	padding-top: 8px;
}
ul#social li#media-1,
ul#social li#media-2 {
	padding-right: 5px;
}
ul#social li.coin-gauche{
	background: url('/images/interface/bg-menu_static_left.png') no-repeat;
	width: 21px;
	height: 41px;
	padding: 0px;
}
ul#social li.coin-droite{
	background: url('/images/interface/bg-menu_static_right.png') no-repeat;
	width: 21px;
	height: 41px;
	padding: 0px;
}

/* =6 Middle
-------------------------------------------------------------------------------*/
#body{
	padding-bottom: 176px;
}

/* =6.1 Accueil
-------------------------------------------------------------------------------*/
#body.accueil{
	background: white url('/images/interface/bg-body_accueil.jpg') repeat-x top;
}

#body.accueil .inner{
	background: transparent url('/images/interface/bg-shadow_anim.jpg') no-repeat 0 458px;
	min-height: 700px;
}

/* Slideshow */
#body.accueil .inner #slideshow{
	position: relative;
	background-color: #0E0E0E;
	width: 961px;
	height: 505px;
	margin: 0 auto;
	padding-top: 20px;
}

/* Lien sur le slideshow */
#body.accueil .inner #slideshow a.bt-slideshow{
	display: block;
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 100;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

a.bt-slideshow span{
    position: relative;
    float: left;
    padding: 0 0 0 9px; /* Largeur gauche */ 
    vertical-align: middle;
    background: transparent url('/images/interface/bt-slideshow_left.png') left top no-repeat;
}
a.bt-slideshow:hover span{
    background: transparent url('/images/interface/bt-slideshow_left-roll.png') left top no-repeat;
}
a.bt-slideshow span span{
    padding: 0 9px 0 0; /* Largeur droite */ 
    background: transparent url('/images/interface/bt-slideshow_right.png') right top no-repeat;
}
a.bt-slideshow:hover span span{
    background: transparent url('/images/interface/bt-slideshow_right-roll.png') right top no-repeat;
}
a.bt-slideshow span span span{
    height: 46px; /* Hauteur du bouton */ 
    padding: 0 10px;
    line-height: 3.2; /* Alignement vertical du texte */
    background: transparent url('/images/interface/bt-slideshow_middle.png') left top repeat-x;
}
a.bt-slideshow:hover span span span{
    background: transparent url('/images/interface/bt-slideshow_middle-roll.png') left top repeat-x;
}

/* Informations (3 blocs) */
#body.accueil .inner #informations{
	width: 961px;
	margin: 50px auto 20px auto;
}

#body.accueil .inner #informations .box-info{
	float: left;
	background-color: transparent;
	width: 305px;
}
#body.accueil .inner #informations #info-1,
#body.accueil .inner #informations #info-2{
	margin-right: 18px;
}

/* Lien en savoir plus */
#body.accueil .inner #informations a.bt-savoir_plus{
	display: block;
	background: url('/images/interface/bt-en_savoir_plus.png') no-repeat 0px 0px;
	color: #585858;
	font-size: 11px;
	width: 113px;
	height: 25px;
	padding-top: 3px;
	padding-left: 10px;
}
#body.accueil .inner #informations a.bt-savoir_plus:hover{
	background-position: 0 -28px;
	color: black;
}

/* =6.2 Contenu libre
-------------------------------------------------------------------------------*/
#body #box-titre{
	position: relative;
	background: url('/images/interface/bg-titre_page.jpg') repeat-x;
	height: 43px;
	z-index: 10;
}
#body #box-titre h1{
	float: left;
	color: #ffb200;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	margin-top: 13px;
	width: 650px;
}

#body #contenu-libre{
	position: relative;
	z-index: 2;
	margin: 20px 0;
}
#body #contenu-libre p{
	text-align: justify;
}

/* Commun */
.box{
	background-image: -moz-linear-gradient(top, #FBFBFB, #F3F3F3);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3F3F3),color-stop(1, #FBFBFB));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3')";
	border: 1px solid #D7D7D7;
	border-collapse: separate;
	padding: 15px;
}

/* =6.3 Actualit�s
-------------------------------------------------------------------------------*/
.zone-actualite .box h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.zone-actualite .box p{
	text-align: justify;
	color: #3F3F3F;
}
.zone-actualite .box img.image-news{ 
	float: left;
  	margin-right: 5px;
}
.zone-actualite .box a.bt-lire_suite{
	float: right;
	font-size: 10px;
	color: #4A585B;
	margin-right: 5px;
}
.zone-actualite .box a.bt-lire_suite img{
  	vertical-align: -3px;
}

/* Liste */
#liste-actualite table{
	width: 100%;
}
#liste-actualite table tr td{
	vertical-align: top;
}
#liste-actualite .box{
  	float: left;
	border-spacing: 1px;
	margin-bottom: 13px;
	margin-right: 5px;
	width: 450px;
	min-height: 120px;
}

/* Detail */
#actualite .box{
	border-spacing: 1px;
	margin-bottom: 20px;
	width: 610px;
}

/* Liste lat�rale */
#liste-actualite-lateral{
  	float: right;
	width: 295px;
}
#liste-actualite-lateral .box{
	border-spacing: 1px;
	margin-bottom: 15px;
}

/* =6.4 Catalogue
-------------------------------------------------------------------------------*/

/* Liste des gammes */
#liste-gamme{
	float: right;
	margin-right: 15px;
	margin-top: 8px;
}
#box-titre .newListSelected{
	margin-top: 5px;
	padding-top: 2px;
	float: right;
}

/* Liste des marques */
#liste-marque{
	float: right;
	background-color: #303030;
	border: 1px solid #303030;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	max-width: 990px;
	height: 20px;
	margin-top: -20px;
	margin-bottom: 15px;
	padding: 5px 5px 5px 10px;
}
#liste-marque ul{
	height: 20px;
	margin-right: 20px;
}
#liste-marque ul li{
	position: relative;
	float: left;
	margin: 0 3px;
	font-size: 13px;
	font-weight: bold;
	color: #FEB300;
}
#liste-marque ul li a{
	font-size: 13px;
	font-weight: bold;
	color: #FEB300;
}

ul#liste-marque-plus{
	display: none;
}

#liste-marque a.more{
	display: block;
	float: right;
	background: url('/images/interface/icon-plus_marque.png') no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #FEB300;
	margin-top: -20px;
	width: 18px;
	height: 20px;
	opacity: 0.85;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}

/* Liste des produits */
#liste-produit{
	clear: both;
}
#liste-produit .nom-marque{
	background-color: #F3F3F3;
	border: 1px solid #D7D7D7;
	border-bottom: 0 none;
	text-align: center;
	padding: 5px 0 3px 0;
	width: 201px;
}
#liste-produit table.produit{
	border: 1px solid #D7D7D7;
	border-collapse: separate;
  	border-spacing: 1px;
	width: 100%;
	margin-bottom: 15px;
}

/* Ligne */
#liste-produit table.produit tr td{
	background-image: -moz-linear-gradient(top, #FBFBFB, #F3F3F3);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3F3F3),color-stop(1, #FBFBFB));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3')";
	/*border-bottom: 1px solid #D7D7D7;*/
}

/* Colonne 1 */
#liste-produit table.produit tr .td-1{
	background: white;
	border-right: 1px solid #D7D7D7;
	text-align: center;
	width: 206px;
	height: 80px;
}
#liste-produit table.produit tr .td-1.fond_tab{
	background-image: -moz-linear-gradient(top, #F3F3F3, #FFFFFF);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #F3F3F3));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F3F3F3', endColorstr='#FFFFFF');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F3F3F3', endColorstr='#FFFFFF')";
}

/* Colonne 2 */
#liste-produit table.produit tr .td-2{
	padding: 0 2px;
	width: 100px;
}
#liste-produit table.produit tr .td-2 .nom-produit{
	font-weight: bold;
}
#liste-produit table.produit tr .td-2 .nouveaute{
	float: right;
}
#liste-produit table.produit tr .td-2 .reference{
	font-size: 10px;
}

/* Colonne 3 */
#liste-produit table.produit tr .td-3{
	font-size: 11px;
	text-align: right;
	width: 95px;
	padding: 0 5px;
}
#liste-produit table.produit tr .td-3 .prix-unitaire{
	color: #CF5105;
	font-size: 14px;
	font-weight: bold;
}
#liste-produit table.produit tr .td-3 .prix_barree{
  	color: black;
  	font-size: 12px;
  	font-weight: normal;
  	text-decoration: line-through;
}
#liste-produit table.produit tr .td-3 .prix_reduction{
  	color: black;
  	font-size: 11px;
  	font-weight: bold;
}

/* Colonne 4 */
#liste-produit table.produit tr .td-4{
	text-align: center;
	width: 270px;
}

/* Colonne 5 */
#liste-produit table.produit tr .td-5{
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	vertical-align: top;
	padding-left: 2px;
	width: 220px;
}
#liste-produit table.produit tr .td-5 span{
	font-size: 10px;
	font-weight: normal;
}

/* Colonne 6 */
#liste-produit table.produit tr .td-6{
	text-align: center;
	width: 135px;
}

/* =6.5 Fiche produit
-------------------------------------------------------------------------------*/
#fiche-produit h2{
	margin-bottom: 15px;
}
#fiche-produit table{
	border-collapse: collapse;
	border-spacing: 0;
}

/* Colonne droite */
#fiche-produit #colonne-droite{
	float: right;
	width: 412px;
}
#fiche-produit #colonne-droite h4{
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Colonne gauche */
#fiche-produit #colonne-gauche{
	float: left;
	width: 530px;
}

/* Detail et photo */
#fiche-produit #colonne-gauche #detail{
	border: 1px solid #D7D7D7;
	padding: 5px;
	margin-bottom: 10px;
}
#fiche-produit #colonne-gauche #detail button, 
#fiche-produit #colonne-gauche #detail #indisponible{
	float: left;
	font-weight: bold;
}
#fiche-produit #colonne-gauche #detail p{
	text-align: right;
}
#fiche-produit #colonne-gauche #detail #prix-unitaire{
	color: #CF5105;
	font-size: 16px;
	font-weight: bold;
}
#fiche-produit #colonne-gauche #detail #prix_barree{
  	color: black;
  	font-size: 12px;
  	font-weight: normal;
  	text-decoration: line-through;
}
#fiche-produit #colonne-gauche #detail #prix_reduction{
  	color: black;
  	font-size: 11px;
  	font-weight: bold;
}
#fiche-produit #colonne-gauche h3{
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
#fiche-produit #colonne-gauche h3 #icon-nouveaute{
	margin-right: 10px;
}
#fiche-produit #colonne-gauche #reference{
	float: right;
}

/* Fiche technique */
#fiche-produit .caracteristique{
	width: 100%;
	margin-bottom: 10px;
}
#fiche-produit .caracteristique.box{
	background-image: none;
	background-color: #FAFAFA;
	padding: 0px;
}
#fiche-produit .caracteristique h4{
	background-color: #F4F4F4;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 15px;
}

#fiche-produit .typeCaracteristique table{
	width: 100%;
}
#fiche-produit .typeCaracteristique tr{
	height: 30px;
}
#fiche-produit .typeCaracteristique td{
	padding-left: 15px;
}
#fiche-produit .typeCaracteristique td.gris_clair{
	background-color: white;
}

/* Performane BIC Jungle */
#fiche-produit #performance{
	margin-bottom: 15px;
}
#fiche-produit ul#menu_onglet li{
	float: left;
	border: 1px solid #D7D7D7;
	margin-right: 5px;
}
#fiche-produit ul#menu_onglet li a{
	display: block;
	background-color: #F4F4F4;
	font-weight: bold;
	text-align: center;
	width: 105px;
	padding: 4px 12px 2px 12px;
}
#fiche-produit ul#menu_onglet li.actif{
	border-bottom: 1px solid white;
}
#fiche-produit ul#menu_onglet li.actif a{
	background-color: white;
}

#fiche-produit table.bloc-onglet{
	background-color: #FAFAFA;
	border: 1px solid #D7D7D7;
	padding: 0px;
	width: 100%;
	margin-top: -1px;
}
#fiche-produit table.bloc-onglet td{
	padding: 5px 15px;
}

/* =6.6 Compte client
-------------------------------------------------------------------------------*/
#connexion{
	float: right; 
	width: 400px;
	margin-bottom: 20px;
}

table.form-connexion{
	width: 100%;
	margin: 10px 0;
}
table.form-connexion tr{
	height: 30px;
}
table.form-connexion td.label{
	text-align: right;
	width: 40%;
}
table.form-connexion td.champ{
	text-align: left;
	width: 60%;
}
table.form-connexion label{
	margin-right: 10px;
}

#inscription{
	float: left; 
	width: 400px;
	margin-bottom: 20px;
}
#inscription button{
	text-align: center;
}

ul#menu-compte{
	padding-top: 5px;
	height: 8px;
	margin-bottom: 15px;
}
ul#menu-compte li{
	float: left;
	margin: 0 3px;
}
ul#menu-compte li.actuel{
	font-weight: bold;
}

table.liste-commande{
	border-collapse: collapse;
  	border-spacing: 1px;
	width: 100%;
}
table.liste-commande th{
	background-color: #F3F3F3;
	text-align: left;
	font-weight: bold;
	padding: 5px 0 3px 0;
}

/* Ligne */
table.liste-commande tr td{
	background-image: -moz-linear-gradient(top, #FBFBFB, #F3F3F3);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3F3F3),color-stop(1, #FBFBFB));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3')";
	border-bottom: 1px solid #D7D7D7;
	height: 30px;
}

/* =6.7 Revendeur
-------------------------------------------------------------------------------*/
#liste-revendeur #adresse-revendeur{
	margin-top: 10px;
}
#liste-revendeur label{
	font-weight: bold;
}
#liste-revendeur select{
	margin-left: 10px;
}
#liste-revendeur select #revendeur-usa{
	display: none;
}

/* =6.8 Boutique
-------------------------------------------------------------------------------*/
#popup{
	display: none;
	position: absolute;
	top: -147px;
	left: 0;
	background: rgba(15, 15, 15, 0.60);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0F0F0Fa7', endColorstr='#0F0F0Fa7');
	height: 100%;
	width: 100%;
	z-index: 999;
}
#content_popup{
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 450px;
	margin: 300px auto;
	padding-top: 10px;
}
#popup #message{
  font-weight: bold;
}

/* Liste des �tapes */
#liste-etapes{
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
#liste-etapes td.actuel{
  font-weight: bold;
}
#liste-etapes td{
  border: 1px solid white;
}
#liste-etapes td:hover{
  border: 1px solid #A5ACB2;
  background-color: #EFEFEF;
  cursor: pointer;
}
#liste-etapes td.no_link:hover{
  border: 1px solid white;
  background-color: white;
  cursor: default;
}

/* Etape 1 : Panier */
#panier{
	width: 700px;
	margin: 15px auto;
	border: 1px solid #D7D7D7;
}
#panier table{
	border-collapse: collapse;
  	border-spacing: 1px;
	width: 100%;
}

#panier ul#theader{
	background-color: #F3F3F3;
	border: 1px solid #D7D7D7;
	border-bottom: 0 none;
	height: 30px;
}
#panier ul#theader li{
	float: left;
	background-color: #F3F3F3;
	text-align: left;
	font-weight: bold;
	padding: 5px 0 3px 0;
}

#panier table th{
	background-color: #F3F3F3;
	text-align: left;
	font-weight: bold;
	padding: 5px 0 3px 0;
}

/* Ligne */
#panier table tr td{
	background-image: -moz-linear-gradient(top, #FBFBFB, #F3F3F3);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3F3F3),color-stop(1, #FBFBFB));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBFBFB', endColorstr='#F3F3F3')";
	border-bottom: 1px solid #D7D7D7;
	height: 50px;
}

/* Colonne 1 */
#panier table .td-1, #panier #th-1{
	text-align: center;
	width: 5%;
}

/* Colonne 2 */
#panier table .td-2, #panier #th-2{
	width: 250px;
}

/* Colonne 3 */
#panier table .td-3, #panier #th-3{
	text-align: center;
	width: 2%;
}

/* Colonne 4 */
#panier table .td-4, #panier #th-4{
	text-align: center;
	width: 90px;
}

/* Colonne 5 */
#panier table .td-5, #panier #th-5{
	text-align: center;
	width: 90px;
}

/* Colonne 6 */
#panier table .td-6, #panier #th-6{
	text-align: right;
	padding-right: 35px;
	width: 55px;
}

#panier table tr td.detail-paiement{
	background: none;
	background-color: #F3F3F3;
	text-align: right;
	padding-right: 35px;
	height: 30px;
}

#panier table tr td.sous-total, #panier table tr td.frais-port{
	color: grey;
	font-size: 11px;
	width: 55px;
}

#panier table tr td.total{
	font-size: 13px;
	font-weight: bold;
}

#panier table td.sous-total{
	border-top: 2px solid #D7D7D7;
}

/* Liste des revendeurs */
#liste-revendeur{
	width: 700px;
	margin: 15px auto;
}
#liste-revendeur .bloc-adresse{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 220px;
}

/* Etape 3 : Adresses */
#form_etape3 #adresse-facturation{
	float: left; 
	width: 400px;
	margin: 15px 0;
}
#form_etape3 #adresse-livraison{
	float: right; 
	width: 400px;
	margin: 15px 0;
}
#form_etape3 p{
  	margin-bottom: 5px;
}
#form_etape3 label{
	float: left;
	text-align: left;
	width: 200px;
	margin-right: -70px;
	margin-bottom: 5px;
}

/* =7 Form
-------------------------------------------------------------------------------*/
textarea{
	border: 1px solid #CACACA;
	padding: 3px;
}

/* Inscription newsletter */
#inscription-newsletter h2{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#inscription-newsletter #abonnement{
	float: left;
	width: 400px;
}
#inscription-newsletter #desabonnement{
	float: right;
	width: 400px;
}
#inscription-newsletter form table{
	margin: 0 auto;
}
#inscription-newsletter form table td{
	padding-bottom: 5px;
}

#inscription-newsletter form input[type="text"]{
	background: url('/images/interface/bg-input.png') repeat-x;
	border: 1px solid #CACACA;
	padding: 3px;
}

/* Contact */
#contact #introduction{
	float: right;
	width: 220px;
}
#contact #introduction h1{
	font-size: 16px;
	font-weight: bold;
}

#contact form{
	float: left;
	width: 690px;
	margin-bottom: 20px;
}
#contact form input[type="text"]{
	background: url('/images/interface/bg-input.png') repeat-x;
	border: 1px solid #CACACA;
	padding: 3px;
}

#contact form table{
	width: 400px;
	margin: 0 auto;
}
#contact form table td{
	padding-bottom: 5px;
	vertical-align: top;
}

#contact #div_captcha{
	margin-left: 160px;
}
#contact #div_captcha, #contact #div_captcha table{
	width: 170px;
}

#contact #div_captcha p{
	display: none;
}

/* Inscription client */
#form-inscription{
	width: 100%;
}
#form-inscription p{
	text-align: left;
	width: 400px; 
	padding: 8px 10px 0px 170px;
}

#form-inscription p label{
	float: left;
	margin-left: -170px;
	width: 170px;
}

#form-inscription legend{
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
}
#form-inscription .fs-espace{
	margin-bottom: 20px;
}

/* =8 Extra
-------------------------------------------------------------------------------*/
.float-right{float: right;}
.float-left{float: left;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}
.align-right{text-align:right;}

.display-block{display:block;}
.display-none{display:none;}
.display-inline{display:inline;}

.clear-both{clear:both;}

.icones, .ui-datepicker-trigger{
    margin-right: 5px;
    vertical-align: -4px;
}

input.stylise{
	background: url('/images/interface/bg-input.png') repeat-x;
	border: 1px solid #CACACA;
	padding: 3px;
}

button{cursor: pointer;}

/* Bouton g�n�rique extensible */
a.bt-extensible,
button.bt-extensible{
	background: none;
	display: -moz-inline-box;
    display: inline-block;
	color: black;
	font-size: 13px;
	font-weight: bold;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
	cursor: pointer;
}
a.bt-extensible span,
button.bt-extensible span{
    position: relative;
    float: left;
    padding: 0 0 0 11px; /* Largeur gauche */ 
    vertical-align: middle;
    background: transparent url('/images/interface/bt-generic_left.png') left top no-repeat;
}
a.bt-extensible:hover span,
button.bt-extensible:hover span{
    background: transparent url('/images/interface/bt-generic_left-roll.png') left top no-repeat;
}
a.bt-extensible span span,
button.bt-extensible span span{
    padding: 0 11px 0 0; /* Largeur droite */ 
    background: transparent url('/images/interface/bt-generic_right.png') right top no-repeat;
}
a.bt-extensible:hover span span,
button.bt-extensible:hover span span{
    background: transparent url('/images/interface/bt-generic_right-roll.png') right top no-repeat;
}
a.bt-extensible span span span,
button.bt-extensible span span span{
    height: 50px; /* Hauteur du bouton */ 
    padding: 0 10px;
    line-height: 3.1; /* Alignement vertical du texte */
    background: transparent url('/images/interface/bt-generic_middle.png') left top repeat-x;
}
a.bt-extensible:hover span span span,
button.bt-extensible:hover span span span{
    background: transparent url('/images/interface/bt-generic_middle-roll.png') left top repeat-x;
}

/* Jquery Stylish Select */
:focus {outline:none;}
.stylish-select ul.newList {left:-9999px;}
ul.newList {
	color: #000;
	width: 228px;
	background: white;
	position: absolute;
	border: 1px solid #D7D7D7;
	margin-top: -1px;
	top: 25px;
	left: 0;
	overflow: auto;
	z-index: 9999;
	padding-bottom: 10px;
	-moz-border-radius-bottomleft: 8px; 
	-webkit-border-bottom-left-radius: 8px; 
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-bottom-right-radius: 8px;
}
ul.newList a {
	display: block;
	color: #000; 
	text-decoration: none; 
	padding: 3px 8px;
}
.newListSelected {
	width: 230px; 
	color: #000; 
	height: 25px;
	padding: 1px 0 0 6px; 
	float: left; 
	background: url('/images/interface/bg-dropdown.png') no-repeat;
	cursor: pointer;
}
.newListSelected span {
	width: 230px;
	display: block;
}
.selectedTxt {
	width: 230px; 
	overflow: hidden; 
	height: 25px;
}
.hiLite {background:#FAFAFA!important; color:#000!important;}
.newListHover {background:#FAFAFA!important; color:#000!important; cursor: pointer;}
.newListSelHover, .newListSelFocus {}

.newListOptionTitle {font-weight: bold; text-align: center;}
.newListOptionTitle ul {margin: 3px 0 0;}
.newListOptionTitle li {font-weight:normal; text-align: left;}

/* =9 Footer
-------------------------------------------------------------------------------*/
#footer{
	position: relative;
	margin-top: -179px;
	background: url('/images/interface/bg-footer.jpg') repeat-x;
	height: 177px;
	clear: both;
	line-height: 1.5em;
}
#footer a{
	color: #777777;
	font-size: 11px;
	font-weight: bold;
}
#footer a:hover{
	color: black;
}

/* Listes des sites */
#footer ul#list-site{
	float: left;
	background: url('/images/interface/bg-liste_site.jpg') repeat-x;
	width: 135px;
	height: 165px;
	padding-top: 12px;
}
#footer ul#list-site li{
	margin-left: 20px;
	line-height: 17px;
}

/* Bloc pour Facebook et Twitter */
#footer ul#list-site li#reseaux-sociaux{
	display: none;
}
#footer ul#list-site li#reseaux-sociaux a img{
	vertical-align: -3px;
	margin-right: 5px;
}
#footer ul#list-site li#reseaux-sociaux a#link-facebook{
	color: #7A86C0;
}
#footer ul#list-site li#reseaux-sociaux a#link-facebook:hover{
	color: #59638F;
}
#footer ul#list-site li#reseaux-sociaux a#link-twitter{
	color: #59A4A9;
}
#footer ul#list-site li#reseaux-sociaux a#link-twitter:hover{
	color: #3F7C7F;
}

/* Arbre niveau 1 */
#footer ul#menu_niveau_1_bis{
	float: left;
	height: 167px;
	width: 530px;
	margin-top: 12px;
	margin-left: 20px;
}
#footer ul#menu_niveau_1_bis li{
	position: relative;
	line-height: 17px;
}
#footer ul#menu_niveau_1_bis li.colonne-1{
	margin-left: 0;
}
#footer ul#menu_niveau_1_bis li.colonne-2{
	margin-left: 130px;
}
#footer ul#menu_niveau_1_bis li.colonne-3{
	margin-left: 260px;
}
#footer ul#menu_niveau_1_bis li.colonne-4{
	margin-left: 390px;
}
#footer ul#menu_niveau_1_bis li.reset{
	margin-top: -157px;
}
#footer ul#menu_niveau_1_bis li.enfant a{
	color: #b7b7b7;
	font-weight: normal;
}
#footer ul#menu_niveau_1_bis li.enfant a:hover{
	color: black;
}

/* Boutons � droite */
#footer ul#communications{
	float: right;
	width: 280px;
	margin-top: 23px;
}
#footer ul#communications li{
	float: left;
}
#footer ul#communications li a#bt-newsletter{
	display: block;
	background: url('/images/interface/bt-newsletter.png') no-repeat;
	padding-top: 90px;
	padding-left: 25px;
	line-height: 1.1em;
	width: 104px;
	height: 54px;
}
#footer ul#communications li a#bt-t293{
	display: none;
	background: url('/images/interface/bt-t293_race_now.png') no-repeat;
	padding-top: 90px;
	padding-left: 20px;
	margin-left: 15px;
	line-height: 1.1em;
	width: 109px;
	height: 54px;
}

#footer ul#communications li a#bt-contact{
	display: block;
	background: url('/images/interface/bt-contact.png') no-repeat;
	text-align: center;
	padding-top: 83px;
	margin-left: 15px;
	width: 129px;
	height: 22px;
}

/* Mentions l�gales et Capoc�a */
#footer ul#communications li #mentions{
	background: url('/images/interface/bg-reseaux_sociaux.png') no-repeat;
	width: 129px;
	height: 34px;
	margin-left: 15px;
	padding-top: 6px;
	line-height: 0.9em;
	text-align: center;
}
#footer ul#communications li #mentions a{
	font-size: 10px;
	font-weight: normal;
}