
/*--------------------------------------------- CENTRAGE DU SITE ----------------------------------------------*/
.site{
position:absolute;
width:970px;
left:50%;
margin-left:-485px;
}
/*-------------------------------------------- PLACEMENT DES BLOCS --------------------------------------------*/
.header{
position:relative;
margin-bottom:3px;
height:51px;
}
.centercol{
position:relative;
width:970px;
padding:0px 5px 0px 2px;
float:left;
min-height:400px;
}
.footer{
position:relative;
height:18px;
width:100%;
float:left;
}
/*--------------------------------------------   BREADCRUMB   --------------------------------------------*/
.breadcrumb, .breadcrumb a{
float:left;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
.breadcrumb_current{
font-size:20px;
text-transform:uppercase;
}
/*-------------------------------------------- STYLES GENERAUX --------------------------------------------*/
*{margin:0px;padding:0px;}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
img{
border:none;
}
ul{
list-style-type:none;
}
a, a:hover{
text-decoration:none;
color:#7B7B7B;
}
.erreur, .cl_erreur, .cl_aroTmlfErreur {
color:red;
font-weight:bold;
}
div.erreur {
padding-bottom:15px;
}
.cl_aroTmlfInvisible {
display:none;
}


/*--------------------------------------------------------------------------------------------- 30.12.2009
/* BOUTON A TEXTE */
a.btnTxt {
background:url(/V4/b2b/images/btnTxt.png) repeat-x 0px 0px;
display:block;
padding:0px 20px 0px 20px;
height:29px;
line-height:29px;
text-align:center;
border:solid 1px #888888;
}
* html a.btnTxt {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/V4/b2b/images/btnTxt.png', sizingMethod="scale");
}
a.btnTxt:hover {
background-position:0px -29px;
cursor:pointer !important;
}
/*--------------------------------------------------------------------------------------------------------





/*-------------------------------------------- STYLES DE TABLES --------------------------------------------*/

.cl_aroTmlfTable {
margin-top:20px;
width:100%;
border-collapse:collapse;
}

.cl_aroTmlfTable td {
padding:5px;
height:20px;
border-right:solid 1px;
border-left:solid 1px;
}

.cl_aroTmlfTable tr {
border-top:solid 1px;
}
.cl_aroTmlfTable th {
padding:5px;
}
.cl_aroTmlfTable th div{
font-weight:bold;
padding:1px;
}
.cl_aroTmlfTable th ul{
display:none;
}
.cl_droite {
text-align:right;
}
.cl_gauche {
text-align:left;
}

/*-------------------------------------------- STYLE FICHE --------------------------------------------*/

.fiche, .panier, .commande, .adresses, .moncompte {
background-image:url(/V4/b2b/images/fiche_bgd.gif);
background-repeat:no-repeat;
background-position:0px 0px;
min-height:400px;
}
.fiche_fermer{
float:right;
height:42px;
}
.container{margin:30px;}
/*-------------------------------------------- FORMULAIRES --------------------------------------------*/

.formulaire1 ul li {
margin-bottom:3px;
}
.formulaire1 ul li label {
display:block;
float:left;
width:150px;
}
.formulaire1 .cl_aroTmlfSubmit {
margin-left:180px;
margin-top:10px;
}

/*-------------------------------------------- PRATIQUES --------------------------------------------*/
.spc5  {position:relative;height:5px;line-height:5px;}
.spc10 {position:relative;height:10px;line-height:10px;}
.spc20 {position:relative;height:20px;line-height:20px;}
.spc50 {position:relative;height:50px;line-height:50px;}
