/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body {
margin: 0pt;
padding: 0pt;
font-family: TrebuchetMS,Arial,Helvetica,Verdana, sans-serif;
text-align: center;
font-size: 11px;
color: #ffffff;
line-height: 12px;
background-color: #000000;
background-image: url(../pictos_site_21/back_header.jpg);
background-repeat: no-repeat;
background-position: center top;
 }


a {
color: #fea004;
text-decoration: none;
}

a:hover {
color: #fea004;
text-decoration: underline;

}

a:visited {
color: #fea004;
text-decoration: underline;
}

a:visited:hover {
color: #fea004;
text-decoration: underline;
}

h1 {
color: #ffffff;
font-weight: normal;
font-size: 20px;
margin-bottom: 10px;
text-transform: capitalize;
}

h2 {
font-size: 14px;
color: #CCCCCC;
font-weight: bold;
background-image: url(../pictos_site_21/back_titre.gif);
padding: 12px;
padding-bottom:22px;
background-repeat: no-repeat;
background-position: top left;
}

h3 {
font-size: 14px;
font-weight: bold;
color: #fea004;
margin:0px;}


.texte-orange {
color: #ff9900;
}

.texte14 {
font-size: 14px;
}

.bloc-texte {
margin-top: 10px;
margin-bottom: 10px;
border: 1px #737272 solid;
background-color: #333333;
padding:10px;
 }

.bloc-prix {
clear:both;
text-align:left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
border: 1px #737272 solid;
background-color: #434242;
padding: 18px;
width:170px; }


tbody {
font-size: 10px;
}


form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

hr {
 display:block;
 height: 1px;
 padding: 0;
 color: #000000;
 background-color: #cccccc;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; 
margin-left: 0px;
margin-right: 0px;
}


/*----------------
----------------*/

#conteneur {
width: 979px;
margin: auto;
position: relative;
 }
 
 #lien_accueil {
top:10px;
left:10px;
position: absolute;
 }

#header {
padding: 0pt ! important;
height: 144px;
 }

#menutop {
width:220px;
float:right;
margin-right: 0px;
padding-top: 7px;
padding-left: 0px;
padding-bottom: 6px;
font-size: 11px;
color: #ffffff;
font-weight: bold;
background-image: url(../pictos_site_21/back_panier.gif);
background-repeat: no-repeat;
 }


#menutop a{
color: #ffffff;
text-decoration: none;
 }

#menutop a:hover{
text-decoration: underline;
}

/*#pub{
width:479px;
height:91px;
float:right;
margin-right: 30px;
margin-top: 25px;
padding-top: 5px;
text-align: center;
background-image: url(../pictos_site_21/back_pub.gif);
background-repeat: no-repeat;
}*/

#pub{
width:479px;
height:91px;
float:right;
margin-right: 30px;
margin-top: 25px;
padding-top: 5px;
text-align: center;
background-image: url(../pictos_site_21/back_pub.gif);
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 215px;
}

#pub img{
border: 1px #000000 solid; }

/* menu*/


#menu {
margin-top:26px;
height:34px;
}

/*#menu ul li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
background-image: none;
}

#menu ul {
margin: 0;
padding: 0px;
color: #FFFFFF;
font-family: "Century Gothic", "Arial Narrow";
font-size: 9px;
letter-spacing: 2px;
}

#menu ul li a.album_vo {
padding: 0em;
margin-right:1px;
text-decoration: none;
float: left;
height: 34px;
width: 118px;
background-image: url(../pictos_site_21/btn_album_vo.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.comix_vo {
padding: 0em;
margin-right:1px;
text-decoration: none;
float: left;
height: 34px;
width: 117px;
background-image: url(../pictos_site_21/btn_comix_vo.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.album_vf {
padding: 0em;
margin-right:1px;
text-decoration: none;
float: left;
height: 34px;
width: 117px;
background-image: url(../pictos_site_21/btn_album_vf.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.comix_vf {
padding: 0em;
margin-right:1px;
text-decoration: none;
float: left;
height: 34px;
width: 111px;
background-image: url(../pictos_site_21/btn_comix_vf.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.produits {
padding: 0em;
margin-right:1px;
text-decoration: none;
float: left;
height: 34px;
width: 186px;
background-image: url(../pictos_site_21/btn_produits.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.art {
padding: 0em;
margin-right:1px;
text-decoration: none;
float: left;
height: 34px;
width: 113px;
background-image: url(../pictos_site_21/btn_art.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a:hover {
background-position: bottom;
text-indent: -3000px;
list-style: none;
}

#menu a#youarehere {
background-position: bottom;
text-indent: -3000px;
}*/

#bloc-recherche {
margin: 0px;
padding-top:8px;
height: 34px;
background-image: url(../pictos_site_21/back_blocrecherche.gif);
background-repeat: no-repeat;
background-position: right top;
}

.habillage-recherche {
width: 159px;
background-color: #101010;
border: 1px #999999 solid;
height: 14px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
padding: 1px 1px 1px 3px;
color: #cccccc; }


/* centre*/

.centre {
padding-top: 0px ;
padding-bottom: 10px ;
padding-left: 0px ;
padding-right: 5px ;
background-color: #595959; }



#liste-centre{
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
}

#liste-centre ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#liste-centre li {
list-style-type: none;
background-image: url(../pictos_site_21/mini_fleche.gif);
background-repeat: no-repeat;
background-position: 15px 5px;
margin-left:0px;
padding-left: 25px;
padding-right: 14px;
padding-bottom: 2px;
}


/* contenu*/

.contenu {
padding-top: 0pt ;
padding-left: 8pt ;
padding-right: 10pt ;
padding-bottom: 0pt ;
line-height: 15px;
 }


/* vignette*/

.bloc-vignette {
float:left;
margin-right : 5px;
margin-left : 5px;
padding: 0px;
height:265px;
width: 138px;
text-align: center;
}

.bloc-visuel {
padding: 0px;
width: 120px;
height :191px;
background-color: #595959;
}

*+html .bas-vignette {
margin-left: 9px;
}

.bas-vignette {
line-height: 14px;
margin-top:-4px;
padding-top: 0px;
padding-bottom: 15px;
margin-left:0px;
padding-left: 10px;
padding-right: 20px;
width:108px;
background-image: url(../pictos_site_21/bas_vignette.gif);
background-repeat: no-repeat;
background-position: bottom center; }



*>.bas-vignette {
margin-top:0px;
}

.bloc-vignette2 {
float:left;
margin-right : 15px;
margin-bottom : 10px;
padding: 0px;
width: 199px;
text-align: center;
}

.bloc-visuel2 {
padding: 0px;
width: 199px;
height :294px;
background-color: #595959;
}

.bas-vignette2 {
line-height: 14px;
margin-top:-4px;
padding-top: 0px;
padding-bottom: 12px;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
background-image: url(../pictos_site_21/bas_vignette2.gif);
background-repeat: no-repeat;
background-position: bottom; }

*>.bas-vignette2 {
margin-top:0px;
}

.bloc-vignette-intermediaire .bloc-visu-intermediaire {
background-image: url(../pictos_site_21/visu_intermediaire_defaut.jpg);
}

.bloc-chiffre-photo {
margin-top: 0px;
padding: 0px;
text-align: center;
 }

.bloc-chiffre-photo ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 10px;
font-weight: bold; }

.bloc-chiffre-photo li{
display: inline;
margin-right: 2px;
margin-bottom: 2px;
background-image: none; 
}

.bloc-chiffre-photo a{
margin: 0px;
color: #e1e1e1;
padding: 2px;
text-decoration: none;
background-color: #2e2e2e }

.bloc-chiffre-photo a:hover{
margin: 0px;
color: #ffffff;
padding: 2px;
text-decoration: none;
background-color: #666666;}

.bloc-chiffre-photo a.youarehere, .bloc-chiffre-photo a.youarehere:hover{
margin: 0px;
color: #ffffff;
padding: 2px;
text-decoration: none;
background-color: #666666;
 }


.nom {
color: #cccccc;
font-size: 10px;
}

.produit {
color: #ffffff;
font-size: 10px;
font-weight: bold;
}

.prix-barre {
color: #666666;
text-decoration: line-through;}

.prix-promo {
font-size: 13px;
color: #ff9900;
font-weight: bold;}




/* droite accueil*/

#bloc-depeches {
width:179px;
margin: 0px;
padding: 0px;
background-image: url(../pictos_site_21/back_depeches.gif);
background-repeat: no-repeat;
background-position: top;
}

#bloc-depeches ul {
padding-top: 55px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:0px;
margin:0px;
}

#bloc-depeches li {
list-style:none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #4c4c4c solid;
background-image: none;
}

#bloc-depeches a {
margin: 0px;
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
background-image: url(../pictos_site_21/mini_bulle.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
text-decoration: none;
color: #ffffff; }

#bloc-depeches a:hover {
text-decoration: underline; }


#bloc-topventesus {
width:179px;
margin: 0px;
padding: 0px;
background-image: url(../pictos_site_21/back_topventesus.gif);
background-repeat: no-repeat;
background-position: top;
}

#bloc-topventesus ul {
padding-top: 55px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:0px;
margin:0px;
}

#bloc-topventesus li {
list-style:none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #4c4c4c solid;
background-image: none;
}

#bloc-topventesus a {
margin: 0px;
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
background-image: url(../pictos_site_21/mini_carte_rouge.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-decoration: none;
color: #ffffff; }

#bloc-topventesus a:hover {
text-decoration: underline; }


#bloc-topventesvf {
width:179px;
margin: 0px;
padding: 0px;
background-image: url(../pictos_site_21/back_topventesvf.gif);
background-repeat: no-repeat;
background-position: top;
}

#bloc-topventesvf ul {
padding-top: 55px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:0px;
margin:0px;
}

#bloc-topventesvf li {
list-style:none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #4c4c4c solid;
background-image: none;
}

#bloc-topventesvf a {
margin: 0px;
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
background-image: url(../pictos_site_21/mini_carte_bleu.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-decoration: none;
color: #ffffff; }

#bloc-topventesvf a:hover {
text-decoration: underline; }


.espace{
margin-left: 10px;
margin-right: 10px;
}

.spacer {
clear: both;
margin-top:-30px;
}

*>.spacer {
clear: both;
height :8px;
margin-top:0px;
 }


.habillage-champs2 {
border: 1px #737272 solid;
background-color: #434242;
color:#ffffff;
height: 14px;
margin-right: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-adresse {
width: 180px;
background-color: #ffffff;
border: 1px #C4C4B0 solid;
margin-right: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-champs {
width: 250px;
border: 1px #737272 solid;
background-color: #434242;
color:#ffffff;
height: 17px;
margin-right: 5px;
margin-top: 2px;
margin-bottom: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-champs-form {
width: 250px;
background-color: #ffffff;
border: 1px #cccccc solid;
height: 18px;
margin-right: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-message {
width: 350px;
border: 1px #737272 solid;
background-color: #434242;
color:#ffffff;
margin-right: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-qte {
width: 20px;
background-color: #ffffff;
border: 1px #cccccc solid;
height: 14px;
margin-right: 10px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px; }

.habillage-select {
border: 1px #737272 solid;
background-color: #434242;
color:#ffffff;
height: 18px;
margin-right: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}

.habillage-select3 {
border: 1px #cccccc solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
margin-top: 2px;
}

.habillage-select4 {
border: 1px #cccccc solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
margin-top: 2px;
margin-right: 15px;
}

.alignement {
vertical-align: middle;
display: inline-block;
}


#bloc-retour {
float: right;
margin: 0px;
padding-top: 3px;
}


#bloc-hautdepage {
margin-bottom: 10px;
text-align: right;
margin-top: 20px;
height: 11px;
}


#bloc-arbo {
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
margin-bottom: 10px;
margin-left: 15px;
color: #999999;
}


#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #999999; }

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #999999;
}

#bloc-espace {
height: 10px;
}


#cadi {
font-size:9px;
margin-top: -2px;
background-image: url(../pictos_site_21/back_cadi.gif);
padding-top: 3px;
padding-left: 10px;
padding-bottom: 5px;
background-repeat: no-repeat;
background-position: bottom left;
color:#333333;
}


/* chiffres pages*/

#bloc-chiffre {
margin-top: 7px;
margin-bottom: 7px;
padding-bottom: 5px;
text-align: center;
 }


#bloc-chiffre ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 11px;
}

#bloc-chiffre li{
display: inline;
margin-right: 3px;
padding: 0;
background-image: none;
 }

#bloc-chiffre a{
margin: 0px;
color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
}

#bloc-chiffre a:hover{
margin: 0px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
margin: 0px;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
 }



/*footer*/

#pied {
background-image: url(../pictos_site_21/back_footer.jpg);
padding-top: 140px;
padding-bottom: 30px;
background-repeat: repeat-x;
background-position: top;
margin: 0px;
text-align: center;
font-size: 10px;
color: #ffffff;
}

#pied a{
color: #ffffff;
text-decoration: none;
}

#pied a:hover{
text-decoration: underline;
}


#bloc-nav-actu{
float: right;
padding: 0px;
margin: 0px;
}

.ico-fleche-gauche {
padding-left: 10px;
background-image: url(../pictos_site_21/fleche_bleu_gauche.gif);
background-repeat: no-repeat;
background-position: left center; }

.ico-fleche-droite {
padding-right: 10px;
background-image: url(../pictos_site_21/fleche_bleu.gif);
background-repeat: no-repeat;
background-position: right center; }

