/* 

ARTEXTYL



*/

body {
margin:0;
/*
background:#8c8c8c;
*/
background:#000;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
}

a {
color:#fff;
}

a:hover {
color:#666;
text-decoration:none;
}

/* ----------------------------------------------------------------
   ID
   
   
*/

#global {
width:975px;
margin:0 auto;
}

/* --- HEADER
*/

#header {
height:80px; /*180px*/
padding:100px 0 0 415px;
}

#header p {
margin:0;
}

#main {
background:url(../images/bg_as_global_2.jpg) repeat-y;
padding:0 55px 50px 55px;
width:865px; /*975px*/
}

#footer {
clear:both;
width:975px;
height:130px;
}

/* Class BG header */

.headerBasic {
background:url(../images/header_as_basic.jpg) no-repeat;
}

.headerGeo {
background:url(../images/header_as_geo.jpg) no-repeat;
}

.headerAmazone {
background:url(../images/header_as_amazone.jpg) no-repeat;
}

.headerMissiko {
background:url(../images/header_as_missiko.jpg) no-repeat;
}

.headerAnapurna {
background:url(../images/header_as_ana.jpg) no-repeat;
}

.headerGangster {
background:url(../images/header_as_gangster.jpg) no-repeat;
}

/* --- Fil arianne --- */

#filarianne p {
margin:0;
font:11px Arial, Helvetica, sans-serif;
}

#filarianne .font10pxGris {
font-size:10px;
color:#666;
}

/* --- Nav retour --- */

#navretour {
margin:30px 0 30px 0;
height:20px;
}

#navretour a {
float:right;
display:block;
color:#fff;
padding:0 0 0 15px;
margin-left:30px;
/*background:url(../images/puce_retour.gif) 0 3px no-repeat;*/
background:none;
}

#navretour a.panier {
/*background:url(../images/pannier.gif) 0 2px no-repeat;*/
background:none;
border:none;
}

#navretour a.panierajout {
/*background:url(../images/pannier_ajout.gif) 0 2px no-repeat;*/
background:none;
border:none;
}

#navretour a img,
#navretour a.panier img,
#navretour a.panierajout img {
border:none;
}

#navretour a:hover {
color:#666;
text-decoration:none;
}

/* --- Fiche produit --- */

#fichephoto, #ficheinfo, #fichecom {
float:left;
}

#fichephoto {
width:430px;
padding:0 0 0 30px;
}

#fichephoto p {
margin:0 0 30px 0;
}

#fichephoto .selected {
border:1px solid #666;
}

#fichephoto .vignette {
border:2px solid #1a1a1a;
margin-right:10px;
}

#fichephoto a img {
border:none;
}

#ficheinfo {
line-height:16px;
width:400px;
}

#ficheinfo h1 {
font:bold 18px Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
}

#ficheinfo p {
margin:0 0 30px 0;
}

#ficheinfo .stockok {
color:#00CC00;
}

#ficheinfo .stockoko {
color:#FF0000;
}

#ficheinfo .stocklivraison {
color:#F9EE56;
}

#fichecom {
width:200px;
padding:28px 0 0 0;
}

#fichecom p {
margin:0 0 10px 0;
}

/* --- Tableau assortiments --- */

#tabass {
border-top:1px solid #1a1a1a;
border-left:1px solid #1a1a1a;
background:#000;
}

#tabass td {
padding:5px;
border-right:1px solid #1a1a1a;
border-bottom:1px solid #1a1a1a;
}

#tabass .lib {
border-bottom:4px solid #1a1a1a;
}

/* --- Popup animoto --- */

#popupanimoto,
#popuptextphoto {
position:absolute;
z-index:10;
margin:-150px 0 0 -250px;
left:50%;
top:50%;
width:500px;
height:300px;
background:#000;
padding:30px;
border:1px solid #1a1a1a;
}

/* --- Popup --- */

#popuptextphoto {
}

/* ----------------------------------------------------------------
   CLASS
   
   
*/

.clearBoth {
clear:both;
}

.font11px {
font-size:11px;
}

.floatright {
float:right;
}

/* --- COLONES MARQUE
*/

.colMarque {
float:left;
width:152px; /*173px*/
border-right:1px solid #1a1a1a;
margin-right:10px;
padding:0 10px 0 0;
}

.colMarque h2 {
font:bold 16px Arial, Helvetica, sans-serif;
margin:10px;
}

.colMarque p {
margin:0;
}

.colMarque ul {
list-style:none;
margin:0;
padding:10px 0 20px 0;
border-bottom:1px solid #1a1a1a;
}

.colMarque li {
list-style:none;
margin:0 0 5px 0;
padding:0 0 0 12px;
background:url(../images/puce_li_as.gif) 0 3px no-repeat;
}

.colMarque li a {
color:#fff;
text-decoration:none;
}

.colMarque li a:hover {
color:#666;
text-decoration:none;
}

/* --- Sous menu --- */

.colMarque ul.submenu {
z-index:10;
background:#000;
margin:0;
padding:10px;
list-style:none;
position:absolute;
width:160px;
border:1px solid #1a1a1a;
}

.colMarque ul.submenu li {
background:none;
padding:0;
}

.colMarque ul.submenu li a {
display:block;
width:100%;
background:000;
color:#ccc;
}

.colMarque ul.submenu li a:hover {
background:#666;
color:#fff;
}

/* --- Blocs liste --- */

.blocliste {
display:block;
float:left;
width:170px;
height:170px;
margin:0 30px 30px 0;
padding:0 0 10px 0;
border-bottom:1px solid #1a1a1a;
color:#fff;
text-decoration:none;
text-align:center;
}

.blocliste:hover {
/*background:#1a1a1a;*/
}

.blocliste img {
border:0;
margin:0 0 10px 0;
}

.blocliste em {
display:block;
font-style:normal;
margin:0;
}

.epsc {
background:#000;
}

.panierajout {
float:right;
display:block;
color:#fff;
padding:0 0 0 15px;
margin-left:30px;
border:none;
background:url(../images/pannier_ajout.gif) 0 2px no-repeat;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
}

.btform,
.lienform {
color:#fff;
border:none;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
padding:0 0 0 15px;
margin-left:30px;
background:url(../images/puce_retour.gif) 0 3px no-repeat;
}

.btespsec img {
border:none;
}

/* --- TABLE PANIER
*/

.tablepanier {
clear:both;
width:865px;
margin:0 0 20px 0;
}

.tablepanier td {
border-bottom:1px solid #666;
padding:5px;
}

.tablepanier td.lib {
border-bottom:4px solid #666;
font-weight:bold;
}

.tablepanier .color {
width:30px;
height:30px;
border:1px solid #666;
}

.tablepanier tfoot td {
border:none;
}