/*

MODIF DANIEL
@charset "utf-8";
/*

/****************************************************************************/
/*                           CSS GENERIQUES                                 */
/****************************************************************************/
* {
	margin:0;
	padding:0;
}

body {
	background:#000000;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	border:0;
	margin:0;
	padding:0;
}
form, fieldset {
	margin:0;
	padding:0;
	border:none;
}
.cleaner {
	clear:both;
	height:5px;
	font-size:1px;
	line-height:1px;
}
p, span, h1, h2, h3, h4, button {
	margin:0;
	padding:0;
}
a {
	color: #000000;	
}
.clear {
	clear: both;
	height: 10px;
	line-height: 6px;
	font-size: 6px;	
}
/* Les titres */
h1 {
	font-size:25px;
}
h2 {
	font-size:22px;
}
h3 {
	font-size:20px;
	border-bottom:1px solid #FFFF00;
}
#col-centrale h3.no, h3.no {
	border:none;
	color:#ffffff;
	font-size: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
h4 {
	font-size:14px;
	font-weight:normal;
}

.message_commande {
	font-size:16px;
	color: #ffffff;
	background: url(../img/fd-message1.png) no-repeat #666666;	
	margin-bottom: 20px;
}
.message_commande .fond {
	background: url(../img/fd-message2.png) no-repeat 100% 0%;
	padding: 5px 15px 0 30px;	
}
.message_commande .pied {
	background: url(../img/fd-message3.png) no-repeat 0% 100%;	
}
.message_commande .pied .fond {
	background: url(../img/fd-message4.png) no-repeat 100% 100%;
	height: 5px;
	padding:0;
	line-height: 3px;
	font-size: 3px;	
}

#texte_accueil {
	font-size: 13px;
	line-height: 18px;
	padding-right: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Les boutons */

/** Bouton noir Home **/
.bouton-big {
	background:url(../img/btn-big-black-center.jpg) repeat-x 0 0;
	height:35px;
	width:auto!important;
	display:inline;
	float:left;
}
.bouton-big .left {
	background:url(../img/btn-big-black-left.jpg) no-repeat 0 0;
	width:3px;
	height:35px;
	float:left;
}
.bouton-big a {
	float:left;
	color:#FFFFFF;
	line-height:33px;
	text-decoration:none;
	padding:0 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}
.bouton-big .right {
	background:url(../img/btn-big-black-right.jpg) no-repeat right 0;
	width:3px;
	height:35px;
	float:left;
}
.bouton-big a.ajouter,
.bouton a.ajouter {
	background:url(../img/picto-ajouter.jpg) no-repeat 0 55%;
	padding-left:20px!important;
	margin-left:5px;
}
.bouton-big a.editer {
	background:url(../img/picto-editer.gif) no-repeat 0 55%;
	padding-left:20px!important;
	margin-left:5px;
}
.bouton-big a.print {
	background:url(../img/picto-print.png) no-repeat 0 center;
	padding-left:20px!important;
	margin-left:5px;
}
.bouton-big a.exporter {
	background:url(../img/picto-exporter.png) no-repeat 0 center;
	padding-left:20px!important;
	margin-left:5px;
}
.bouton-big a.corbeille,
.bouton a.corbeille {
	background:url(../img/picto-corbeille.png) no-repeat 0 center;
	padding-left:20px!important;
	margin-left:5px;
}
.bouton-big a.suivante {
	background:url(../img/picto-suivant.gif) no-repeat 100% 55%;
	padding-right:30px!important;
	margin-left:5px;
}
.bouton-big a.precedent {
	background:url(../img/picto-precedent.gif) no-repeat 0% 55%;
	padding-left:30px!important;
	margin-left:5px;
}

.bouton-big a.valider {
	background:url(../img/picto-valider.gif) no-repeat left center;
	padding-left:20px!important;
	margin-left:5px;
}

.ariane {
	border-bottom: 1px #ffd900 solid;
	padding: 0 0 3px 0;
	font-size: 14px;
	color: #ffd900;
	margin-bottom: 10px;
}
.ariane .avenir {
	color: #333333;
}

/** Modif Daniel -> Couleur bouton ajouter caddie dans page utilisateur connecté pour produits nouveaux et promos **/
/** Bouton orange Home **/
.bouton-caddie {

	background:url(../img/btn-caddie-centre.png) ;
	margin-left:5px!important;
	height:24px;
	width:auto!important;
	display:inline;
	float:left;
}
.bouton-caddie .left {
	background:url(../img/btn-caddie-gauche.png) ;
	width:9px;
	height:24px;
	float:left;
}
.bouton-caddie a {
	padding-top:0px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000 ;
	
}
.bouton-caddie .right {
	background:url(../img/btn-caddie-droit.png);
	width:9px;
	height:24px;
	float:right;
}

.bouton-caddie a.ajouter {
	background:url(../img/picto-caddie.png) no-repeat;
	padding-left:20px!important;
	width:21px;
	height:21px;
}

/** Fin modif Daniel **/




/** Bouton noir classique **/
.bouton {
	background:url(../img/btn-black-center.jpg) repeat-x 0 0;
	height:22px;
	width:auto!important;
	display:inline;
	float:left;
}
.bouton .left {
	background:url(../img/btn-black-left.jpg) no-repeat 0 0;
	width:3px;
	height:22px;
	float:left;
}
.bouton a {
	float:left;
	color:#FFFFFF;
	line-height:20px;
	text-decoration:none;
	padding:0 3px!important;
	*padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.bouton .right {
	background:url(../img/btn-black-right.jpg) no-repeat right 0;
	width:3px;
	height:22px;
	float:left;
}

/** Bouton inscription orange **/
.btn-inscription {
	width:278px;
	background: url(../img/bg-esp-no-client-bottom.gif) no-repeat 0 bottom;
	margin-bottom:20px;
	padding-bottom: 3px;
}
.btn-inscription a {
	background:url(../img/bg-esp-no-client-top.jpg) no-repeat 0 0;
	display:block;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:20px 60px 7px 10px;
	line-height:20px;
}

/** Bouton Site Club bleu **/
.btn-site-club {
	width:790px;
	background:#3399CC url(../img/bg-site-club-bottom.gif) no-repeat 0 bottom;
	margin:20px 0 0;
}
.btn-site-club a {
	background:url(../img/bg-site-club-top.gif) no-repeat 0 0;
	display:block;
	font-size:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:32px 90px 30px 20px;
	line-height:20px;
	text-align:center;
}
.btn-site-club a span {
	color:#003399;
}


/****************************************************************************/
/*                                CSS PAGES                                 */
/****************************************************************************/
#page {
	min-width: 960px;
}

#page.centre {
	width:960px;

	margin:0 auto;
	position:relative;
}

/****************************** HEADER ******************************/
#page #header {
	background:url(../img/bg-bandeau.jpg);
	background-repeat:no-repeat;
	clear: both;
}
#header .logo {
	float:left;
	background:url(../img/entete-france-sport.jpg);
	height: 129px;
	width: 980px;
}
#header h1 {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:28px;
	margin-left:215px;

}


/****************************** NAVIGATION ******************************/
#page #navigation {
	background:url(../img/bg-navigation.jpg) repeat-x 0 0;
	line-height:31px;
	height: 35px;
	clear: left;
}

#navigation .menu {
	float:left;
	z-index: 200;
	position: absolute;
}
ul#menu {
	margin: 0;
	border: 0;
	padding: 0;
}
ul#menu ul {
	list-style: none;
	visibility: hidden;
	position: absolute;
	top:31px;
	left:0px;
	border:2px solid #666666;
	background:#FFFFFF;
	width:auto;
	z-index: 90;
	min-width:160px;
	width:auto !important;
	*width:160px;
}
ul#menu li {
	float: left;
	background:url(../img/bg-navigation-border.jpg) no-repeat right 0;
	display:block;
	position:relative;
	z-index: 100;
}
ul#menu li a {
	float:left;
	text-decoration: none;
	font-size:14px;
	height:31px;
	text-align:center;
	padding:0 15px;
	color:#333;
	display:block;
}
ul#menu li a:hover {
	background:url(../img/bg-navigation-active.jpg) repeat-x 0 0;
	color:#FFFFFF;
}
/* 2nd Menu */
ul#menu li ul li{
	display: block; 
	margin: 0;
	padding:0;
	height: 24px;
	background:none;
	float:none;
	position: relative;
	width:100%;
}
ul#menu li ul li.impaire {
	background:#FFF;
}

ul#menu li ul li.paire {
	background:#ECECEC;
}
ul#menu ul li a {
	text-align: left;
	font-size:14px;
	margin: 0;
	display: block;
	line-height: 24px;
	height: 24px;
	color:#333;
	float: none;
}
ul#menu li.iehover {
	background:url(../img/bg-navigation-active.jpg) repeat-x 0 0;
}
ul#menu li.iehover a {
	color:#FFFFFF;
}
/* 2nd Menu Hover Persistence */
ul#menu li.iehover ul li a {
	color:#333;
}
ul#menu li.iehover ul li a:hover {
	color: #fff;
	background:#666666;
}
/* Do Not Move - Must Come Before display:block */
ul#menu li.iehover ul {
	visibility: visible;
}


/** Recherche **/
.recherche {
	width: 375px;
	clear: left;
	float: right;
	background:url(../img/bg-navigation.jpg) repeat-x 0 0;
	height: 31px;
	margin-left: -5px;
}

.recherche li {
	float:left;
	padding: 5px 5px 0 5px;
}
.recherche li input {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin: 0;
	vertical-align: middle;
	
}

.recherche li label {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}


.recherche li input.ghostvalue {
	color:#333;
	width:80px;
	border: 1px #666666 solid;
}
.recherche li.boutons {
	padding-left:10px;
}
.recherche li a {
	font-size:14px;
}



/****************************** CONTENU ******************************/
#page.centre #contenu {
	background:url(../img/front-bg-home.gif) repeat-y 0 0;
	width:960px;
	float:left;
	position:relative;
	padding-right: 0;
	height: 100%;
}

#page #contenu {
	padding-right: 272px;
}
#page form {
	background:url(../img/bg-contenu.gif) no-repeat right bottom;
	height: 100%;
}
#page.no-panier form, #page .recherche form, #page #contenu form, #page #col-droite form {
	background: none;	
}

.fond-blocs {
	background: url(../img/bg-esp-client-login.png) no-repeat 0 100%;
}
.clear-accueil {
	clear: both;
	height: 4px;
	font-size: 3px;
	line-height: 3px;
}

/* BANDEAU LEFT */
#contenu #bandeau-left {
	float:left;
	width:150px;
}
#bandeau-left .langue-active {
	text-align:right;
	background: #ffd900;
	padding:10px 20px 10px 0;
}
#bandeau-left .langues {
	text-align:center;
	padding:10px 0 6px;
	background:#ccc;
}
#bandeau-left .langues li {
	display:inline;
	padding:0 5px;
}
#bandeau-left .deco {
	text-align:center;
}



/* BLOC RIGHT */
#contenu #bloc-right {
	float:left;
	width:790px;
	padding-left:20px;
	padding-top:10px;
}

/* Espace client */
#bloc-right .espace-client {
	width:326px;
	float:left;
}
#bloc-right .espace-client h2 {
	background:url(../img/bg-esp-client-title.jpg) #000000 no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:20px 0 14px 20px;
}

#bloc-right .espace-client .contenu-bloc {
/*	background:#fff url(../img/bg-esp-client-bottom.gif) no-repeat 0 bottom;*/
	padding:0 20px;
	width:285px;
	float:left;
}
#bloc-right .espace-client .contenu-bloc h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	padding:12px 0 0;
}
#bloc-right .espace-client .contenu-bloc form {
	padding-bottom:10px;
}
#bloc-right .espace-client .contenu-bloc fieldset {
	padding-top:20px;
}
#bloc-right .espace-client .contenu-bloc li,
#bloc-right .espace-client .contenu-bloc li label {
	float:left;
	width:285px;
}
#bloc-right .espace-client .contenu-bloc li {
	padding-bottom:20px;
}
#bloc-right .espace-client .contenu-bloc li label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#777;
	padding-bottom:3px;
}
#bloc-right .espace-client .contenu-bloc li input {
	background-color:#FBFBFB;
	border:1px solid #CCC;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666;
	padding:2px 5px;
}
#bloc-right .espace-client .contenu-bloc li.boutons {
	padding-top:14px;
}
#bloc-right .espace-client .contenu-bloc li .oubli {
	float:right;
}
#bloc-right .espace-client .contenu-bloc li .oubli a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FF6600;
	line-height:33px;
}
#bloc-right .espace-client .contenu-bloc li .oubli a:hover {
	text-decoration:none;
}

.visu-fs-accueil {
	position :absolute;	
	right:11px;
	top:-42px;
}

/* Espace France Sport */
#bloc-right .espace-fs {
	width:444px;
	float:left;
	margin-left:19px;
}
#bloc-right .espace-fs h2 {
	background:url(../img/bg-esp-fs-title.jpg) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:20px 0 15px 20px;
	*padding:20px 0 16px 20px;
}
#bloc-right .espace-fs .contenu-bloc {
/*	background:#fff url(../img/bg-esp-fs-bottom.gif) no-repeat 0 bottom;*/
	padding:0 20px;
	width:404px;
	float:left;
	position:relative;
}

#bloc-right .espace-fs .contenu-bloc .textearea_white {
	border:0px solid #ccc;
	height:145px ;
	width:auto ;
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}


#bloc-right .espace-fs .contenu-bloc h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	padding:12px 100px 15px 0;
	position: relative;
	z-index: 10;
}
#bloc-right .espace-fs .contenu-bloc .deco {
	position:absolute;
	right:13px;
	top:-42px;
}
#bloc-right .espace-fs .contenu-bloc p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	padding-bottom:15px;
}

/* Espace Site Club */
#bloc-right .site-club {
	width:790px;
	float:left!important;
	*float:none;
}


/* Outils clients */
#page #outils-clients {
	background-color:#FFD900;
	height: 30px;
}

#outils-clients .outils {
}
#outils-clients .outils li{
	float:left;
	line-height:30px;
	padding:0 10px;
}
#outils-clients .outils li a {
	color:#000000;
	text-decoration:underline;
}
#outils-clients .outils li a:hover {
	text-decoration:none;
}
#outils-clients .outils li.infos {
	background:url(../img/picto-infos.gif) no-repeat 0 center;
	padding-left:25px;
	margin:0 20px;
}
#outils-clients .outils li.commandes {
	background:url(../img/picto-commandes.gif) no-repeat 0 center;
	padding-left:25px;
}
#outils-clients .outils li.caddie {
	background:url(../img/picto-caddie.gif) no-repeat 0 center;
	padding-left:25px;
}
#outils-clients .deconnexion {
	background:url(../img/bg-deconnexion.jpg) repeat-x 0 0;
	width:170px;
	padding-left:10px;
	float:right;
}
#outils-clients .deconnexion a {
	font-size:15px;
	color:#333;
	text-decoration:none;
	background:url(../img/picto-deconnexion.gif) no-repeat 0 2px;
	padding-left:25px;
	line-height:30px;
}
#outils-clients .deconnexion a:hover {
	text-decoration:underline;
}


/* LES COLONNES */

/* Colonne de gauche */
/* modif daniel */
#contenu #col-gauche {
	width:250px; 
	padding:10px 10px 0;
	float:left;
}

/** Commande Express **/
#col-gauche .commande-express {
	background:#FF6600 url(../img/commande-express-top.jpg) no-repeat 0 0;
	width:250px;
}
#col-gauche .commande-express h1 {
	color:#FFFFFF;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}
#col-gauche .commande-express p,
#col-gauche .commande-express a {
	color:#333;
	text-decoration:none;
}
#col-gauche .commande-express .wrapper{
	width:230px;
	background:url(../img/commande-express-bottom.jpg) no-repeat 0 bottom;	
	padding:10px;
}


/** Promotions **/
/** Modif DANIEL **/
#col-gauche .promotions {
/*	width:250px; */
	padding-top:10px;
}
#col-gauche .promotions h2 {
	color:#000;
	background:url(../img/esp-promotion-top.jpg) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 0 7px 10px;
}
#col-gauche .promotions .images-promo {
	float:left;
	padding:5px 5px 0;
	width:237px; 
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;

}
#col-gauche .promotions .images-promo li {
	float:left;
	padding:5px 4px 7px 5px;
}


#col-gauche .promotions .images-promo li div {
	background:#ccc; 
	font-weight:bold;
	font-size:12px;

}


#col-gauche .promotions .images-promo li img {
	border:2px solid #FFFFFF;
	width:105px ;
	height:79px;
}
#col-gauche .promotions img {
	float:left;
}


/** Fiche de présentation **/
#col-gauche .fiche-presentation {
	width:242px; 
	position:relative;
	float:left;


}
/** MODIF DANIEL **/
#col-gauche .fiche-presentation img {
	float:left;
	width:242px ;
	height:182px ;

}
#col-gauche .fiche-presentation .loupe {
	position:absolute;
	top:151px;
	left:6px;
	z-index: 100;
}
#col-gauche .fiche-presentation .loupe img {
	width: 25px;
	height: 25px;
}
#col-gauche .fiche-presentation div.nom {
	float:left;
	background:url(../img/esp-nouveautes-bg-desc.gif) repeat-x 0 0;
	width:242px;
	text-align:center;
	font-weight:bold;
	color:#333;
	line-height:21px;
}
#col-gauche .fiche-presentation .description {
	border:1px solid #ccc;
	padding:10px 5px;
	float:left;
	width:230px;
}
#col-gauche .fiche-presentation .description p {
	color:#999;
	padding:5px 10px;
}
#col-gauche .fiche-presentation .description li {
	float:left;
	line-height:33px;
	text-align:center;
	margin:10px 0 0 0;
}
#col-gauche .fiche-presentation .description li.title {
	background:#333;
	width:167px;
	color:#999;
}
#col-gauche .fiche-presentation .description li.page {
	background:#999;
	width:60px;
	color:#333;
}
#col-gauche .fiche-presentation .description .promotion {
	background:url(../img/picto-etoile-2.png) no-repeat 10px 20px;
	color:#FFD900;
	float:left;
	padding:20px 0 10px 35px;
}



/* Colonne centrale */
/** A utiliser quand il y a la colonne de gauche **/
#contenu #col-centrale, #contenu_ #col-centrale {
	margin:0 0 0 270px;
	padding:10px 0 0;
	width:auto;
}

/** A utiliser quand il n'y a pas de colonne à gauche **/
/** MODIF DANIEL **/

#page.large #contenu #col-centrale, #page.large #contenu_ #col-centrale {
	margin-left :10px ;
	padding:10px 0 0;
	width:auto;
}

/** A utiliser quand le tableau fait une page complète **/
#page.no-panier #contenu #col-centrale, #page.no-panier #contenu_ #col-centrale {
	margin:5px 10px;
}
#col-centrale h3 {
	color:#ffd900;
	font-weight: normal;
	margin-bottom:25px;
	font-size: 16px;
	padding-bottom:5px;
}
#col-centrale .rechercher-commande {
	float:right;
	padding:0 20px 10px 25px;
	background:url(../img/pictos/picto-loupe.png) no-repeat 0 3px;
}
#col-centrale .rechercher-commande a {
	color:#FFD900;
	text-decoration:underline;
}
#col-centrale .rechercher-commande a:hover {
	text-decoration:none;
}
#col-centrale p {
	color:#ccc;
	padding-bottom:15px;
}
#col-centrale p a {
	color:#FFD900;
	text-decoration:underline;
}
#col-centrale p a:hover {
	text-decoration:none;
}

/** Nouveautés **/
/** Modif Daniel **/

#col-centrale .nouveautes {
 margin-top:0px;
 border:1px solid #ccc;
height: 100%;
}
html>body #col-centrale .nouveautes {
float: left;
width: 100%;
}
#col-centrale .textearea_black {
	border:0px solid #ccc;
	padding-bottom: 30px;
	width:auto ;

	background:#000000;

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#ccc;

/*	color:#FF6600; */

}


#col-centrale .nouveautes .title {
 width:100%;
 position:relative;
}
#col-centrale .nouveautes .title .left {
 position:absolute;
 left:-2px;
 top:-4px;
}
#col-centrale .nouveautes .title .right {
 position:absolute;
 right:-2px;
 top:-5px;
}
#col-centrale .nouveautes .title h2 {
 font-family:Arial, Helvetica, sans-serif;
 padding:6px 15px 0 10px;
 color:#000000;
 height: 33px;
 background:url(../img/esp-nouveautes-center.jpg) repeat-x 0 0;
}
#col-centrale .nouveautes .images-nouveautes {
 padding:4px 5px 0;
}
#col-centrale .nouveautes .images-nouveautes li {
 float:left;
 width:212px;
 padding:5px 4px 5px 5px;
}
#col-centrale .nouveautes .images-nouveautes li img {
 float:left;
 width:212px ;
 height:159px ;
 
}
#col-centrale .nouveautes .images-nouveautes li div {
 background:#ccc ;
 width:212px;
 text-align:center;
 float:left;
 font-weight:bold;
 color:#333;

}
#col-centrale .nouveautes img {
 float:left;
}
#col-centrale .nouveautes .clear{
 clear:both;
}

/** Catalogue produits **/
#col-centrale .catalogue {
	width:99%;
	float:left;
}

#col-centrale .catalogue .title {
 width:100%;
 position:relative;
}



/*	modif Daniel */
#col-centrale .catalogue li{
	float:left;
	padding:5px 4px 5px 5px;
/*	width:250px; */
	width:212px; 


}
#col-centrale .catalogue li img {
	float:left;
	width:212px ;
	height:159px ;
}


#col-centrale .catalogue li div {
 background:#ccc ;
 width:212px;
 text-align:center;
 float:left;
}

/*--------------------Modif Daniel browse sports_vignettes */
.vignettes {
	width:100%;
}

.vignettes .title {
 width:100%;
 position:relative;
}

/*	modif Daniel */
.vignettes li{
	float:left;
	padding:3px 2px 3px 3px;
/*	width:250px; */
	width:65px; 
}
.vignettes li img {
	float:left;
	width:65px ;
	height:65px ;
}

.vignettes li div {
 background:#ff6600 ;
 width:65px;
 text-align:center;
 float:left;
}


/** Les onglets **/
#col-centrale .onglets {
	position:relative;
	z-index:100;
	height:25px;
}
#col-centrale .onglets li {
	height:25px;
	background:url(../img/onglet-inactif-left.jpg) no-repeat 0 0;
	width:auto;
	text-align:center;
	position:relative;
	top:2px;
	margin:0 5px;
	padding-left:6px;
	float:left;
}
#col-centrale .onglets li div {
	background:url(../img/onglet-inactif-right.jpg) no-repeat right 0;
	padding-right:6px;
	height:25px;
	float:left;
}
#col-centrale .onglets li div a {
	background:#FFD900;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#333;
	text-decoration:none;
	line-height:22px;
	padding:0 2px;
	display:block;
	float:left;
}
#col-centrale .onglets li.space {
	width:0;
	background:none;
}
#col-centrale .onglets li.on {
	background:#fff url(../img/onglet-actif-left.jpg) no-repeat 0 0;
	width:auto;
	position:relative;
	top:2px;
	margin:0 3px;
}
#col-centrale .onglets li.on div {
	background:url(../img/onglet-actif-right.jpg) no-repeat right 0;
	padding-right:6px;
	height:25px;
	float:left;
}
#col-centrale .onglets li.on div a {
	background:#fff;
	border-top:2px solid #ccc;
	border-bottom:none;
	color:#333;
	text-decoration:none;
	line-height:21px;
	padding:0 2px;
	display:block;
	float:left;
}


/** Liste des produits **/
#col-centrale .tableau {
	border:2px solid #ccc;
	background:#FFFFFF;
	display:block;
	position: relative;
	padding-left:4px;
	height: 100%;
}
#col-centrale .tableau form {
	float:none;
	width: auto;
	padding:4px;
}
#col-centrale .tableau table {
	padding:0;
	border:0;
	border-collapse:collapse; 
	width: 100%;
	position: relative;
	text-align:left;
	margin: 0 !important;
	margin: -4px;

}
#col-centrale .tableau table caption {
	text-align:left;
}
#col-centrale .tableau .selection {
	padding:10px;
}
#col-centrale .tableau .selection select {
	margin-top:0!important;
	*margin-top:2px;
	padding:2px 5px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#col-centrale .tableau table th {
	background:#333 none repeat 0 0;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:normal;
	line-height:22px;
	padding: 2px 0 2px 5px;
	text-align:left;
}
#col-centrale .tableau table th.last {
	border:none;
}
#col-centrale .tableau table td {
	color:#333;
	padding:4px 0 4px 5px;
	position:relative;
}
#col-centrale .tableau table .total td {
	background: #333333;
	color: #ffffff;
	font-weight: bold;
}
#col-centrale .tableau table .sstotal td {
	background: #999999;
	color: #000000;
	font-weight: bold;
}
#col-centrale .tableau table td.center {
	text-align:center;
	padding:4px 0;
}
#col-centrale .tableau table td.center input {
	float:none;
}
#col-centrale .tableau table tr.paire td {
	background:#ECECEC;
}
#col-centrale .tableau .bouton-big {
	margin:15px;
	float:right;
	position:relative;
	z-index:100;
/*	clear:left;*/
}
#col-centrale .tableau .boutons {
	float:right;
	position:relative;
	z-index:100;
}
#col-centrale .tableau .boutons .bouton-big {
	float:left;
	clear:none;
}
#col-centrale .tableau td.total {
	border:1px solid #666;
}
#col-centrale .tableau tr.erreur td,
#col-centrale .tableau tr.erreur td input {
	color:#FF0000;
}


/** Outils commande **/
#col-centrale .tableau .outils-commande {
	padding:10px;
}
#col-centrale .tableau .outils-commande li {
	float:left;
}
#col-centrale .tableau input {
	margin-top:0!important;
	*margin-top:2px;
	padding:2px 5px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
#col-centrale .tableau .nb {
 float:left;
 height:23px;
  font-size: 9px;
}
#col-centrale .tableau .nb ul {
 padding:0 0 0 5px;
}
#col-centrale .tableau .nb li {
 float:none;
 height:9px;
 width:9px;
 padding:2px 0 1px;
}#col-centrale .tableau .outils-commande li.erreur {
	color:#FF0000;
}

/** Etapes de la commande **/
#col-centrale .tableau .etapes {
	clear: both;
}
#col-centrale .tableau .etapes .bouton {
	margin-right:10px;
}
#col-centrale .tableau .etapes .bouton-big.first {
	margin-right:50px;
	float:left;
	clear:none;
}
#col-centrale .tableau .etapes .bouton-big.last {
	margin-left:50px;
	float:right;
	clear:none;
}
#col-centrale .tableau .etapes .link {
/*	margin:21px 250px 0; */
	text-align:left;
/*	width:auto; */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333 ;

}
#col-centrale .tableau .etapes .link li {
	display:inline;
	padding:0 10px;
}


/** Les adresses **/	
#traitement_livraison_facturation li {
	list-style-type: none;
	text-align: left;
	width: 100%;
}
#traitement_livraison_facturation textarea.inputbox {
}
#col-centrale #coordonnees {
	padding:10px;
	clear:left;
	position:relative;
}
#coordonnees .livraison .adresse .type .msg-info {
	padding-left: 20px;
	color: #ff0000;
	background: url(../img/picto-info.gif) no-repeat 0 3px;	
}
#col-centrale #coordonnees h3 {
	color:#000000;
	padding-bottom: 5px;
	border-bottom:1px solid #333;
	line-height: 35px;
}
#coordonnees .facturation,
#coordonnees .livraison {
	float: none;
	padding:0 0 50px 0;
}
#col-centrale .tableau #coordonnees .adresse h3 .bouton-big {
	float: right;	
	clear: none;
	margin-top: 0;
}
#coordonnees .bouton.h3 {
	position:absolute!important;
	top:0;
	right:10px!important;
	*right:20px;
}
#coordonnees .facturation li {
	float:none;
	padding-bottom:6px;
}
#coordonnees .facturation li input {
	float:none;
}
#coordonnees .facturation .bouton {
	margin-top:10px;
	position:relative;
	z-index:100;
}
#coordonnees .adresse .bouton-big {
	margin:15px 15px 15px 0;
}
#coordonnees .livraison .adresse {
	float:left;
	padding-right:60px;
	width:40%;
	position:relative;
	z-index:100;
}
#coordonnees .livraison .adresse .type {
	float:left;
	margin-right:40px;
}
#coordonnees .livraison .adresse .type p {
	color:#000;
}

#coordonnees .livraison li {
	float:none;
	padding-bottom:6px;
}



/* Colonne droite */

#col-droite { 
	padding:10px 10px 0 10px;
	background:#000;
	float:right; 
	width: 250px;
}

#col-droite #panier {
	width:250px;
	float:left;
}
#col-droite #panier h4 {
	background:transparent url(../img/panier-bg.gif) no-repeat 0 0;
	float:left;
	line-height:25px;
	padding-left:35px;
	width:215px;
}
#col-droite #panier .achats {
	background:#FFFFFF none repeat 0 0;
	float:left;
	border-right:2px solid #FFD900;
	border-left:2px solid #FFD900;
	padding:5px;
	width:236px;
	min-height:400px;
}
#col-droite #panier .achats table {
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse; 
	width:100%;
}
#col-droite #panier .achats table a {
	color: #000000;	
}
#col-droite #panier .achats table th {
	background:#666666 none repeat 0 0;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:normal;
	line-height:22px;
	padding-left:5px;
	text-align:left;
}
#col-droite #panier .achats table td {
	color:#333;
	padding:3px 0;
	text-align:center;
	font-size:13px;
}
#col-droite #panier .achats table td input {
	float:left;
	margin-right:2px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:3px 0;
	text-align:right;
}
#col-droite #panier .achats table td div.plus,
#col-droite #panier .achats table td div.moins {
	padding:1px 0;
}
#col-droite #panier .achats table tr.paire td {
	background:#ECECEC;
}

#col-droite #panier .achats .outils-panier {
	float:left;
	width:100%;
	margin:50px 0 10px;
}

#col-droite #panier .achats .outils-panier .bouton.vider {
	margin-left:17px;
	margin-bottom:10px;
}

#col-droite #panier .achats .outils-panier .bouton.recalculer {
	margin-left:17px;
	margin-bottom:10px;
}

#col-droite #panier .achats .outils-panier .bouton-big.etape {
	float:right!important;
	margin-top:30px;
}
#col-droite #panier .achats .outils-panier table {
	width:100%;
	margin:10px 0;
}
#col-droite #panier .achats .outils-panier table td {
	text-align:left;
}

#col-droite #panier .achats .outils-panier table td.vider {
	text-align:right;
	padding-bottom:30px;
}
#col-droite #panier .achats .outils-panier table td.vider a {
	color:#000;
	background:url(../img/picto-corbeille.png) no-repeat 0 0;
	padding-left:20px;
	text-decoration:underline;
}
#col-droite #panier .achats .outils-panier table td.vider a:hover {
	text-decoration:none;
	color:#FFD900;
}

#col-droite #panier .achats .outils-panier table td.recalculer {
	text-align:right;
	padding-bottom:30px;
}
#col-droite #panier .achats .outils-panier table td.recalculer a {
	color:#000;
	background:url(../img/basket_go.png) no-repeat 0 0;
	padding-left:20px;
	text-decoration:underline;
}
#col-droite #panier .achats .outils-panier table td.recalculer a:hover {
	text-decoration:none;
	color:#FFD900;
}




/****************************** FOOTER ******************************/
#page.centre #footer {
	width:960px;
	background:url(../img/bg-footer.jpg) no-repeat 0 0;
	margin:20px 0 0;
	position:relative;
}
#page #footer {
	background:url(../img/bg-footer.jpg) no-repeat center 0;
	padding:10px 0;
	margin:20px 10px;
	float:none;
	border-top:1px solid #999;
	clear: both;
}
#footer p,
#footer p a {
	color:#999;
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:13px;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}

#footer .coupe {
	margin-top:-239px;
	position:relative;
	left:-10px;
}

/****************************** DANIEL GESTION FORMULAIRE ******************************/

.inputbox {
	border: 1px #c0c0c0 solid;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333 ;
	cursor:default ;
	width:270px ;
}

.inputbox_caddie {
	border: 1px #c0c0c0 solid;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333 ;
	cursor:default ;
	width:40px ;
}

.inputbox_caddie_readonly {
	border: 1px #c0c0c0 solid;
	background: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333 ;
	cursor:default ;
	width:40px ;
}




.inputbox_caddie_logo {
	border: 1px #c0c0c0 solid;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333 ;
	cursor:default ;
	width:80px ;
}
.inputbox_caddie_logo_error {
	border: 1px #ff0000 solid;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333 ;
	cursor:default ;
	width:80px ;
}



.inputbox_commentaire {
	border: 1px #c0c0c0 solid;
#	background: #EEF1F6;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #333333 ;
	cursor:default ;
	width:150px ;
}

.inputbox_commentaire_large {
	border: 1px #c0c0c0 solid;
#	background: #EEF1F6;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #333333 ;
	cursor:default ;
	width:350px ;
}


.inputbox_commentaire_readonly {
	border: 0px #c0c0c0 solid;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333 ;
	cursor:default ;
	width:150px ;
}


.inputbox_commentaire_frais {
	border: 0px #c0c0c0 solid;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF3333 ;
	cursor:default ;
}



.inputboxreadonly {
	border: 1px #008076 solid;
	background: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #333333;
}

.errorbox {
	border: 1px #000000 solid;
	background: #FF3333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333 ;
	cursor:default ;
	width:270px ;
}

.tableau_saisie {
}

#col-centrale .tableau .infos-client1 input {
	float: none;
	margin-right: 3px;	
}
.infos-client1 {
	float: left;
	width: 440px;
	padding: 10px 5px 5px 5px;
}
.infos-client2 {
	float: left;
	width: 490px;
	padding: 5px 0 5px 10px;
}
.infos-client2 .acces {
	height: 50px;	
	margin-top: 10px;
	background: url(../img/fd-onglets.png) repeat-x;
}
#col-centrale .tableau .infos-client2 .acces li {
	clear: none;
	float: left;
	padding-top: 0;
	margin: 0 3px;
	background: url(../img/fd-onglet2.png) no-repeat 100% 0%;
	padding-right: 3px;
}
#col-centrale .tableau .infos-client2 .acces li div, #col-centrale .tableau .infos-client2 .acces li.titre {
	float: left;
	padding: 5px 3px 0 8px;
	font-size: 20px;
	height: 31px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#col-centrale .tableau .infos-client2 .acces li.titre {
	background: none;
	padding-right: 8px;
}
#col-centrale .tableau .infos-client2 .acces li div {
	background: url(../img/fd-onglet1.png) no-repeat 0% 0%;
	padding-left: 8px;
}
#col-centrale .tableau .infos-client2 .acces li.on {
	background: url(../img/fd-onglet2-on.png) no-repeat 100% 0%;
}
#col-centrale .tableau .infos-client2 .acces li.on div {
	background: url(../img/fd-onglet1-on.png) no-repeat 0% 0%;
}

#col-centrale .tableau .infos-client2 .acces li a {
	text-decoration: none;	
}
#col-centrale .tableau .infos-client2 label {
	display: block;
	float: left;
	width: 200px;	
} 
#col-centrale .tableau .infos-client2 li {
	clear: both;
	padding-top: 2px;	
}

#col-centrale p.titre_commande_express_explain {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt;
	color: #333333;
	padding: 10px 0 10px 30px;
}

.commande_express_tableau {
	margin-left:5px;
	margin-top:2px;

	BACKGROUND-COLOR: #eeeeee;  
	background:url(../img/fond-tableau-cde-express.png) ;
	width:643px;
	height:101px;
}
.commande-express-tab {
	width: 500px;
	padding: 0 0 0 10px;
	float: left;	
}
.error-express {
	margin: 1em 0;
}
.tableau_adresse {
	padding: 10px 0;	
}

.tableau_saisie_ajax {
}

.liste_deroulante {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333; 
	border: 1px #FFCC99 outset; 
	line-height: normal; 
	width: 200px; 
	font-size: inherit;
	margin-top: 1px; 
	margin-bottom: 1px}

.liste_deroulante_grid { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; line-height: normal; background-color: #FFFFFF; width: 200px; margin-top: 4px; margin-bottom: 4px}



.checkbox_checked { background:url(../img/check.gif) no-repeat 0 0 ;  }

.checkbox_unchecked { background:url(../img/no-check.gif) no-repeat 0 0 ;  }


/* NAVIGATION SECONDAIRE ET PAGINATION */

#nav-secondaire {
	padding:10px 272px 10px 0;
	font-size:15px;
	clear: both;
	color: #ffffff;
	height: 50px;
}

#nav-secondaire li {
	float: left;	
	padding: 0 5px;
}
#nav-secondaire ul {
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 auto;
	width: 650px;
	clear: both;
}
#nav-secondaire a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
}
#nav-secondaire .first a {
	background: url(../img/btn-page-first.png) no-repeat;
	padding-left: 37px;
}
#nav-secondaire .pageprev a {
	background: url(../img/btn-page-prev.png) no-repeat;
	padding-left: 37px;
}
#nav-secondaire .pagenext a {
	background: url(../img/btn-page-next.png) no-repeat 100% 0%;
	padding-right: 37px;
}
#nav-secondaire .last a {
	background: url(../img/btn-page-end.png) no-repeat 100% 0%;
	padding-right: 37px;
}
#nav-secondaire .first, #nav-secondaire .pageprev {
	background: url(../img/btn-page1.png) no-repeat 100% 0%;
	padding-right: 15px;
	height: 35px;
	float: left;
}
#nav-secondaire .pagenext, #nav-secondaire .last {
	background: url(../img/btn-page2.png) no-repeat 0% 0%;
	padding-left: 15px;
	height: 35px;
	float: left;
	display: block;
}
#nav-secondaire select {
	vertical-align: middle;
}
#nav-secondaire li.txt {
	text-align: center;
	padding : 0 10px;
}


.formulaire {
	width:100%;
	margin:0;
	padding:20px 0 0;
	font-size:12px;
	float:left;
	BACKGROUND-COLOR: #f4f4f4;  
	border: 1px #999999 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333 ;

}

#formulaire li {
	padding-bottom:10px;
}

#formulaire li label{

	width:180px;

	float:left;
	background:url(../img/puce-01.gif) no-repeat 0 4px;
	padding-left:15px;
}

#formulaire li .btn-central {
	float:left;
}

#formulaire fieldset#validation li {
	float:left;
}

#formulaire fieldset#validation li.valider {
	float:right;
}


/* Boutons des langues : modification Daniel du 06/05/2009 */
.btn-lang {
	background:url(../img/btn-gris-center.gif) repeat-x 0 0;
	margin-top:0px;
	width:auto!important;
	margin-left:3px;
	float:left ;
}

.btn-lang img {
	float:left;
}

.btn-lang a {
	color:#FFE23C;
	font-size:12px;
	padding-left:5px;
	text-decoration:underline ;
	float:left;
	padding-top:2px;
	font-weight:normal;
}


.btn-lang a.confirmer,
.btn-lang a.confirm {
	background:url(../img/puce-01.gif) no-repeat 0 3px;
}

/* Bouton Ajout produit */
.btn-central {
	background:url(../img/btn-gris-center.gif) repeat-x 0 0;
	float:right;
	margin-top:12px;
	width:auto!important;
	margin-left:10px;
}

.btn-central img {
	float:left;
}

.btn-central a {
	color:#FFFFFF;
	font-size:12px;
	padding-left:20px;
	text-decoration:none;
	float:left;
	padding-top:2px;
	font-weight:normal;
}

.btn-central a.add {
	background:url(../img/picto-btn-add.gif) no-repeat 0 4px;
}

.btn-central a.print {
	background:url(../img/picto-btn-print.gif) no-repeat 0 3px;
}

.btn-central a.search {
	background:url(../img/picto-btn-search.gif) no-repeat 0 3px;
}

.btn-central a.confirmer,
.btn-central a.confirm {
	background:url(../img/picto-btn-confirm.gif) no-repeat 0 3px;
}

.btn-central a.cancel {
	background:url(../img/picto-btn-cancel.gif) no-repeat 0 3px;
}

.btn-central a.return {
	background:url(../img/picto-btn-return.gif) no-repeat 2px 6px;
}

.btn-central a.valid {
	background:url(../img/picto-btn-valid.gif) no-repeat 0 3px;
}

.errorlogin {
	background:url(../img/fd-error-login-top.png) no-repeat 170px 0%;
	padding: 7px 0 0 170px;
	margin-top: 15px;
}
.errorlogin ul {
	margin: 0;
	padding: 0 0 7px 0;
	background:url(../img/fd-error-login-bottom.png) no-repeat 0 100% #ff0000;
	width: 789px;
}
.errorlogin li, #col-centrale .catalogue .error-fond li {
	color: #ffffff;
	float: none;
	width: auto;
	padding: 0 30px;
	background:url(../img/puce-errorlogin.png) no-repeat 10px 3px;
}

ul.error {
	padding:0;
	color: #ff3300;
	list-style:none;
}

ul.error li {
	background:url(../img/erreur.gif) no-repeat 0 0;
	padding-left:25px;
	color:#B51A1A;
}
.error-fond {
	background:url(../img/fd-error1.png) no-repeat;
}
.error-fond2 {
	background:url(../img/fd-error4.png) no-repeat 100% 100%;
	padding-bottom: 8px;
}
.error-fond .error-top {
	height: 8px;
	line-height: 6px;
	font-size: 6px;	
}
.error-fond .error-top {
	background:url(../img/fd-error2.png) no-repeat 100% 0%;
}
.error-fond .error-bottom {
	background:url(../img/fd-error3.png) no-repeat 0% 100%;
	padding-left: 10px;
}
ul.messages {
	padding:0;
	color: #4F9840;
	font-weight:bold ;
}

ul.messages li {
	background:url(../img/picto-btn-confirm.gif) no-repeat 0 0;
	padding-left:25px;
	color:#4F9840;
}