/* Initialisation  marge */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, strong{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height:110%
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

fieldset {
    position :              relative;
    top :                   1em;
    padding :               0 0.5em 1em 0.5em;
}
html>body fieldset {
    padding-top :           1em;
    top :                   0;
}
legend {
    position :              relative;
    top :                   -1em;
    padding :               0.4em;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden
{
	position: absolute;
	left: -10000px;
}

.nospace{
	margin: 0;
	line-height: 0;
	font-size: 0;
}

.right{
	float:right;
}

.left{
	float:left;
}
.txtright{text-align:right}
.bold{font-weight:bold}
.orange{color:#FF6917}
.f12{font-size:12px}
.f11{font-size:11px}
a{color:#e20030}
a:hover{color:#FF6917}

img, div, a, input { behavior: url(/css/iepngfix.htc) };

/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

p{margin-bottom:10px}

/* Css Correspondance layout  */
body
{
	margin:0px;
	padding:0px;
	font-family:Arial,helvetica,clean,sans-serif;
	font-size:0.76em;
	color:#FFF;
	background: #000;
}

#header {
/*height:235px;*/
margin:0pt auto;
position:relative;
width:936px;
}

#top-header{
	height:30px;
	margin:0 15px;
	position: fixed; 
	z-index: 1000; 
	top: 0;
	width:906px;
	background-color:#000;
}
.ie #top-header{margin:0 auto;}

#monoSlideshow{margin-top:40px}
#nav-header{
	border-width: 0 0 1px 0;
	margin:30px 15px 0 15px;
}
.ie6 #nav-header{margin-top:0}

.artistesPNG{}
.languages a, .userInfo a{margin:0 0 0 5px;text-decoration:none;color:#FF6917;font-weight:bold;font-size:13px}
.languages a:hover, .userInfo a:hover{text-decoration:underline}
.languages{float:left;margin-top:8px}
.userInfo{float:right;margin-top:8px}

#contentWrapper {
	margin:0;
	padding:0;
}
#contentWrapperIn {
	margin:0pt auto;
	padding-bottom:10px;
	width:100%;
	border:none;
	width:938px;
}

.content{margin:auto;width:906px;}

/* Liste des produits ... partie gauche*/
#leftSide {
	float:left;
	width:190px;
	margin: 0;
}

#rightSide {
	float:right;
	width:710px;
	margin: 0;
}

.tousLesProduits{float:right}
.ie6  .tousLesProduits{width:270px}
.banner{margin:0 0 0 0;background:#000;padding:10px 0}
.breadcrumb{margin:10px 0 10px 0;}
.breadcrumb strong{font-weight:normal}

#footer
{
	clear:both;
	text-align: center;
	padding-top:5px;
	margin:0 auto;
	height:20px;
	border-top:1px dotted #555;
	width:938px;
	margin-bottom:10px;
}


#rightSide.nomenu{width:906px;}
h2{color:#99B8CC;margin:0px 0 10px 0;font-size:1.3em;font-weight:bold;}
h2{color:#cf424B}
.linkUser{margin-right:10px}

#leftSide h3, h3.home{font-size:11px;cursor:pointer;font-weight:normal;background: url(../img/sidebar_li.gif) no-repeat left center;padding-left:10px}
.guidedhome{margin:40px auto;width:60%}
.guidedsearch{font-size:11px}
.guidedsearch h2{margin:2px 0;font-weight:bold;padding:2px 7px 2px 0;}
.puce{background: url(../img/puce-square.gif) no-repeat 1px center;padding-left:9px;}
.no-u{text-decoration:none}
.h12{line-height:16px}
.toggler {color:#2971A7;margin: 0;font-size: 12px;padding:2px 0;}
.toggler {color:#FFF;margin: 0;font-size: 12px;padding:2px 0;}
.element {margin-left:11px;}
/*.float-right {padding:10px 20px;float:right;}*/

.niveauTypeProduit{margin:2px 0;font-weight:bold;padding:2px 7px 2px 0;color:#cf424B;font-size:1.3em;cursor:pointer;}
.niveauTypeProduit:hover{color:#E20030}
.niveauProduit{padding:2px;font-size:11px;cursor:pointer;font-weight:normal;background: url(../img/sidebar_li.gif) no-repeat left center;padding-left:10px}
.niveauReference{margin-left:10px}
 /* Formulaire du caddie */
.caddie_form{width:100%}
.caddie_form thead tr th{font-size:12px;font-weight:bold;padding:3px 0 0 0;text-align:left;}
.caddie_form tbody tr td{vertical-align:middle;padding:3px 10px 0 0;}
.qtePM tbody tr td{border-bottom:0;padding:0}
.gtePM{border-collapse:separate;border-spacing:0;}
.caddie_form tfoot td{text-align:right;padding: 5px 10px 5px;font-size:14px}
.aright{text-align:right;}
.acenter{text-align:center;}

/* Mes commandes */
.tblLstCommande tr th{font-size:12px;font-weight:bold;padding:3px 20px 0 0;text-align:center;}
.tblLstCommande  tr td{padding:5px 20px 5px 0;text-align:center;}


#otherProd {padding:4px 0 4px 0px;line-height:22px;font-weight:bold;font-size:13px}
#menuotherProd{margin-left:25px;}
#menuotherProd li{margin:3px 0;line-height:15px;background:transparent url(../img/sidebar_li.gif) no-repeat scroll left center;padding-left:15px}

/* Mon compte */
dl.monCompte{}
.monCompte dt{font-weight:bold;font-size:105%;margin-top:10px}
.monCompte dd{margin:5px 0 0 10px}

/* Message / alerte */
div.alert, div.info, div.download, div.note {
display:block;
margin:15px 0pt;
padding:10px 10px 10px 45px;
}

div.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../img/status-alert.gif) 10px 50% no-repeat;
}

div.info {
	color: #0055BB;
	border-top: 2px solid #629de3;
	border-bottom: 2px solid #629de3;
	background: #D8E5F8 url(../img/status-info.gif) 10px 50% no-repeat;
}

div.note {
	color: #B79000;
	border-top: 2px solid #fde179;
	border-bottom: 2px solid #fde179;
	background: #FEF6D8 url(../img/status-note.gif) 10px 50% no-repeat;
}

div.download {
	color: #57861A;
	border-top: 2px solid #c2df88;
	border-bottom: 2px solid #c2df88;
	background: #EEF7DD url(../img/status-download.png) 10px 50% no-repeat;
}
a.helpLink{cursor:pointer;text-decoration:underline}

/* Footer */


.credits {
font-size:95%;
padding:10px 21px;
line-height:18px
}

.lienCaddie{clear:both;/*padding:0 0 10px 10px;width:120px;*/font-size:11px;text-align:middle}
.panier{text-decoration:none}

/* ADMINISTRATION  */
#admLst tr th, #admLst tr td{
	padding:2px 10px;
}

.odd{
	background-color: #2f2f2f;
}

/* formulaire */
#myForm{width:100%}
#log{margin:15px 0;}
.msgBoxOK{padding: 10px 10px 10px 50px;background:#EBFBC6 url(../img/ok.gif) no-repeat scroll 10px 50%;font-size:1.1em;color:green}
.msgBoxKO{padding: 10px 10px 10px 50px;background:#FEBABB url(../img/no.gif) no-repeat scroll 10px 50%;font-size:1.1em;color:red}
.msgBoxOK ul, .msgBoxKO ul{margin-left:20px;}

/* Affichage des produits */
.pager-buttons {
	
}

.pager-buttons-msg, .pager-msg {
  font-weight: normal;font-size:11px
}
table.newsnav {width:100%;border-collapse: collapse;margin-bottom:15px}

.refListContainer{width:530px;float:left}
.publicContainer{width:100%;}

.imgRef{float:left;/*margin:5px 0 20px 59px*/width:176px;vertical-align:bottom;text-align:center;}
.imgRefFirst{float:left;/*margin:5px 0 20px 0*/width:175px;vertical-align:bottom;text-align:center;}


/* Le caddie ticket */
table.caddie_ticket{width:100%;font-size:0.9em}
table.caddie_ticket th{padding-bottom:3px;width:25%;font-size:0.9em}
table.caddie_ticket td{padding:1px 0;font-size:0.9em}



/* Highslide JS */
.highslide {
	cursor: url(/js/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	/*border: 1px solid gray;*/
}
.highslide:hover img {
	/*border: 1px solid silver;*/
}

.highslide-wrapper {
	/*background: #000;*/
}
.highslide-image {
    /*border-bottom: 1px solid white;*/
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
    background-color: white;
    padding-left: 22px;
    background-image: url(/js/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(/js/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



/* perso */
.buttonSubmit {
	background:transparent url(../img/form/button_bg.png) repeat-x scroll center top;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	height:26px;
	font-size:11px;
	padding:2px;
	width:auto;
}
input.buttonSubmit{margin:0}

.buttonImg {
	vertical-align:bottom;
	margin:0;
	padding:0;
	line-height:0;
}
input {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

/* commande */
.etapeCommande{
	text-align: center;
	margin:25px 0 20px 0;
	padding:4px 0;
}
.etapeCommande li{
	list-style-type: none;
	display: inline;
	margin-right:20px;
	font-weight: bold;
	padding:4px 20px;
}

.etapeCommande li.actif{
	color:#FFF;
}

h3.coordPanier{font-weight:bold;text-decoration:underline;font-size:13px;margin:3px 0 0 0 }
.addLink{background: url(../img/add.gif) no-repeat left center; padding-left:20px}

.pageTitre{color:#FF6917;margin-bottom:2px;font-size:1.4em;font-weight:bold}
.panierTitre{font-weight:normal;padding:2px 7px;background: url(../img/menu-head-bg.jpg) no-repeat 0 0}
.infoProduit{font-size:0.9em;color:#888}

#flyShoppingCartContainer {
position : relative;
width:179px;
z-index : 2;
float:right;
top:20px;

}

.flyShoppingCartLoading {
background : url(../img/loading.gif) no-repeat center center;
}
.flyShoppingCartContent {
position : relative;
width : 100%;
height : auto;
overflow : auto;
}

.flyShoppingCartContent h2{color:#981927;line-height:40px;font-size:13px;padding:5px;background: url(../img/menu-panier.png) no-repeat left top}

.FlyBox {
position : absolute;
z-index : 2;
}

.ajax-loading {
	padding: 20px 0 20px 30px;
	line-height:24px;
	background: url(../img/loading.gif) no-repeat left center;
}

.addEtiquette{width:250px;background-color:#111;border:1px solid #CCC;margin-bottom:10px}
.addEtiquette div{margin:10px}
.addEtiquette div b{display:block;margin-bottom:10px}
#lstAddLiv{margin-top:20px}
#addrliv{}

.blockSuivi{margin-top:30px;display:block;color:#FF6917;font-weight:bold}

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width20 { width: 19.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width50 { width: 49.999%; }
.width66 { width: 66.666%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }

.homeBox{font-size:20px;font-weight:bold;line-height:50px}

/* cTooltips */
.tip {
color: #fff;
width: 200px;
z-index: 10;
text-align:left;
}		 
.tip-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #FF6917;
padding: 8px 8px 4px;
background: url(../img/bubble.gif) top left;
}

.tip-text {
padding: 4px 8px 8px;
background: url(../img/bubble.gif) bottom right;
}
.tip-text li {
line-height:20px
}