* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; 
background:#000;}

/***** Flash & D?co *****/



/***** Stylage contenu *****/

h1, .invis {
position:absolute;
top:-9999px; }

/***** Layout *****/

div#extra{
z-index:5;
position:relative;
overflow:hidden;
width:100%;
background:#000 url(img/global_fond.jpg) repeat-x bottom;}

div#global {
padding-bottom:120px;
z-index:5;
overflow:hidden;
position:relative;
width:962px;
margin:0 auto;}

div#haut{
position:relative;
height:358px;
width:970px;
background:url(img/entete_fond.jpg) no-repeat top ;}

div#baseline{
color:#ccc;
font-size:75%;
letter-spacing:7px;
top:275px;
left:210px;
position:absolute;}

div#user{
width:950px;
font-size:70%;}

div#conteneur_user {
padding-top:10px;
margin:0 auto;
height:278px;
width:870px;}

div#conteneur_user a{
font-weight:bold;
text-transform:uppercase;
color:#CC0000;}

div#conteneur_user a:hover{
text-decoration:none;}

div#contact {
float:left;
width:150px;
height:20px;}

div#user{
line-height:2.7;
color:#999;
width:870px;
height:20px;}

div#mon_compte{
float:left;
width:110px;
height:20px;}

span#icone_panier{
margin-right:10px;
display:block;
float:left;
width:16px;
height:29px;
background:url(img/icone_panier.jpg) no-repeat center;}

span#articles{
display:block;
float:left;
width:160px;
height:14px;}

div#mon_panier{
float:left;
width:380px;
height:20px;}

div#mon_panier h4{
float:left;
width:75px;
height:20px;}

span#valider_panier{
margin-right:10px;
display:block;
float:left;
width:38px;
height:29px;
background:url(img/icone_valid.jpg) no-repeat;}

div#newsletter{
float:left;
width:220px;
padding-left:10px;
height:20px;}

div#newsletter h4{
font-size:90%;
width:69px;
float:left;
text-transform:uppercase;
color:#E35100;}

div#newsletter form{
float:left;
width:121px;
height:26px;
background:url(img/fond_newsletter.jpg) no-repeat;}

div#newsletter input.txt{
padding-bottom:6px;
padding-left:6px;
border:1px solid red;
height:15px;
color:#fff;
border:none;
background:none;
width:88px;}

div#newsletter input.sub{
position:absolute;
color:fff;
width:25px;
height:25px;
border:none;
background:none;
text-indent:-9999px;}

div#entete_flash{
position:absolute;
top:131px;
left:9px;
height:152px;
width:952px;
/*background:url(img/menu_flash.png) no-repeat;*/}

div#titre{
text-indent:-9999px;
margin:0 auto;}

.accueil{
height:42px;
width:172px;
background:url(img/titre_accueil.png) no-repeat bottom;}

.archives{
height:42px;
width:209px;
background:url(img/titre_archives.png) no-repeat ;}

.contact{
height:42px;
width:193px;
background:url(img/titre_contact.png) no-repeat bottom;}

.dessins{
height:42px;
width:564px;
background:url(img/titre_dessins.png) no-repeat bottom;}

.films{
height:42px;
width:134px;
background:url(img/titre_films.png) no-repeat bottom;}

.mentions{
height:42px;
width:384px;
background:url(img/titre_mentions_legales.png) no-repeat bottom;}

.miniatures{
height:42px;
width:243px;
background:url(img/titre_miniatures.png) no-repeat bottom;}

.compte{
height:42px;
width:261px;
background:url(img/titre_mon_compte.png) no-repeat bottom;}

.panier{
height:42px;
width:257px;
background:url(img/titre_mon_panier.png) no-repeat bottom;}

.news{
height:42px;
width:129px;
background:url(img/titre_news.png) no-repeat bottom;}

.nouveautes{
height:42px;
width:266px;
background:url(img/titre_nouveautes.png) no-repeat bottom;}

.occasions{
height:42px;
width:231px;
background:url(img/titre_occasions.png) no-repeat bottom;}

.promotions{
height:42px;
width:259px;
background:url(img/titre_promotions.png) no-repeat bottom;}

.recherche{
height:42px;
width:240px;
background:url(img/titre_recherche.png) no-repeat bottom;}

.ventes{
height:42px;
width:414px;
background:url(img/titre_ventes.png) no-repeat bottom;}

div#select {
padding-top:10px;
width:372px;
margin:0 auto;}

div#select select{
width:180px;
height:23px;
background:#000;
border:1px solid #A7A6AA;
font-size:75%;
padding-bottom:3px;
color:#E35100;}

div#colonneg{
float:left;
width:200px;}

div#colonneg div#accueil{
width:200px;
height:48px;
background:url(img/menu_top.jpg) no-repeat;}

div#colonneg div#accueil h3 a{
display:block;
font-weight:normal;
width:200px;
text-align:center;
padding-top:25px;
overflow:hidden;
color:#CC0000;
text-decoration:none;}

div#colonneg div#films h3, div#colonneg div#dessins h3, div#colonneg div#miniatures h3, div#colonneg div#occasions h3, 
div#colonneg div#archives h3{
width:200px;
height:48px;
background:url(img/menu_h4.jpg) no-repeat;}

div#colonneg div#films, div#colonneg div#dessins, div#colonneg div#miniatures, div#colonneg div#occasions, div#colonneg div#archives{
overflow:hidden;
background:url(img/menu_fond_repeat.jpg) repeat-y;}

div#colonneg div#films h3 a, div#colonneg div#archives h3 a {
display:block;
font-weight:normal;
width:200px;
text-align:center;
padding-top:10px;
color:#CC0000;
text-decoration:none;}

div#colonneg div#dessins h3 a{
padding-top:6px;
line-height:1;
display:block;
font-weight:normal;
width:150px;
margin:0 auto;
text-align:left;
text-align:center;
color:#CC0000;
text-decoration:none;}

div#colonneg div#miniatures h3 a, div#colonneg div#occasions h3 a {
display:block;
font-weight:bold;
width:200px;
text-align:center;
padding-top:10px;
color:#FF6600;
text-decoration:none;}

div#menu_bottom{
width:200px;
height:42px;
background:url(img/menu_bottom.jpg) no-repeat;}

div#colonneg ul{
padding:10px 0;}

div#colonneg ul li{
padding-left:15px;
background:url(img/menu_puce.jpg) no-repeat left;}

div#colonneg ul li a{
color:#999;
text-decoration:none;
font-size:75%;}

div#colonneg ul li a:hover{
text-decoration:underline;}

div#contenu {
font-size:75%;
color:#999;
padding:0 37px;
float:left;
margin-left:5px;
width:476px;}

div#presentation_texte{
text-align:left;
padding:25px 0;}

div#presentation_texte .pres{
text-decoration:underline;
text-align:center;
margin:20px;}

div#presentation_texte .mentions{
width:476px;
height:100px;}
div#presentation_texte .mentions dt  {
text-align:center;
margin-left:10px;
margin-bottom:5px;
font-weight:bold;
}

div#presentation_texte .mentions dd {
text-align:center;
margin-left:10px;
}

div#presentation_texte .mentions dd  a{
color:#cc0000;
text-decoration:none;
}

div#presentation_texte .mentions dd  a:hover{
text-decoration:underline;
}

div#nouveaute{
padding-top:51px;
width:484px;
height:192px; /* 249 */
background:url(img/nouveautes_fond.jpg) no-repeat;}

div#nouveaute ul#nouveaute{
margin:0 auto;
width:471px;}

div#nouveaute ul#nouveaute li{
margin-right:1px;
width:156px;
float:left;}

div#nouveaute ul#nouveaute li dl dt img{
width:100px;
height:150px;}

div#nouveaute ul#nouveaute li dl{
text-align:center;
width:156px;}

div#nouveaute ul#nouveaute li dl dd h5{
line-height:1;
padding-top:8px;
color:#000;
font-weight:normal;
font-size:90%;}

div#nouveaute ul#nouveaute li dl dd.prix {
color:#fff;}

div#nouveaute ul#nouveaute li dl dd h5 a {
text-transform:uppercase;
text-decoration:none;
overflow:hidden;
display:block;
width:156px;
height:12px;
color:#fff;}

div#nouveaute ul#nouveaute li dl dd h5 a:hover {
text-decoration:underline;}


/* Liste marques */ 

ul#liste_marques {
padding-top:25px;
margin:0 auto;
width:462px;
overflow:hidden;}

ul#liste_marques li{
display:inline;
margin:0 5px 10px;
width:144px;
height:85px;
float:left;}

/* Colonne droite */

div#colonne_droite{
width:200px;
font-size:75%;
color:#999;
position:absolute;
top:362px;
right:-10px;}

dl.box{
position:relative;
text-align:center;
width:209px;
height:264px;
overflow:hidden;
background:url(img/colonne_droite_box.jpg) no-repeat;}

dl.box dt img{
padding-top:68px;
width:85px;
height:128px;}

dl.box dd h3{
top:19px;
left:0;
width:209px;
position:absolute;
color:#000;
font-weight:normal;
font-size:120%;}

dl.box dd h3 a{
width:209px;
display:block;
text-align:center;
color:#CC0000;
text-decoration:none;}

dl.box dd.description {
width:180px;
padding-top:15px;
overflow:hidden;
height:15px;
margin:0 auto;
color:#CC0000;}

dl.box dd h3 a:hover{
text-decoration:underline;}

dl.box dd.prix {
color:#fff;}

/* Meilleures ventes */

div#meilleures_ventes{
position:relative;
text-align:center;
width:209px;
overflow:hidden;
background:url(img/colonne_droite_meilleures_ventes_fond_repeat.jpg) repeat-y;}

div#meilleures_ventes_contenu{
overflow:hidden;
background:url(img/colonne_droite_meilleures_ventes_fond_top.jpg) no-repeat center top;
width:209px;}


div#meilleures_ventes_bottom{
overflow:hidden;
background:url(img/colonne_droite_meilleures_ventes_fond_bottom.jpg) no-repeat center top;
width:209px;
height:32px;}



div#meilleures_ventes ol {
text-align:left;
padding-left:40px;
padding-top:55px;}

div#meilleures_ventes ol li{
color:#FF6600;
list-style:decimal;}

div#meilleures_ventes ol li a{
font-size:95%;
text-decoration:none;
color:#999;}

div#meilleures_ventes ol li a:hover{
text-decoration:underline;}

div#meilleures_ventes  h3{
left:0;

top:19px;
width:209px;
position:absolute;
color:#000;
font-weight:normal;
font-size:120%;}

div#meilleures_ventes h3 a{
width:209px;
display:block;
text-align:center;
color:#CC0000;
text-decoration:none;}

/* Footer */


div#conteneur_footer {
z-index:10;
position:relative;
background:#B6B6B6 url(img/footer_fond.jpg) repeat-x top;
overflow:visible;
width:100%;}

div#footer {
min-height:160px;
overflow:visible;
z-index:10;
position:relative;
width:950px;
margin:0 auto;}

div#deco_footer_left{
z-index:60;
top:-150px;
left:0;
width:122px;
height:208px;
background:url(img/deco_footer_bas_gauche.png) no-repeat;
position:absolute;}

div#deco_footer_right{
z-index:60;
top:-130px;
right:0;
width:53px;
height:217px;
background:url(img/deco_footer_bas_droite.png) no-repeat;
position:absolute;}

/* Liste footer */

ul#liste_distrib{
position:absolute;
top:-70px;
left:170px;
overflow:hidden;
width:670px;}

ul#liste_distrib li{
margin-right:15px;
float:left;}

ul#liste_distrib li dl dd h5{
line-height:1;
padding-top:8px;
color:#000;
font-weight:normal;
font-size:90%;}

ul#liste_distrib li dl dd.prix {
color:#fff;}

/* Navigation secondaire */

ul#nav{
text-align:center;
//padding-top:20px;
padding-left:170px;
width:670px;}

ul#nav li{
color:#fff;
display:inline;}

ul#nav li a{
text-decoration:none;
color:#fff;
font-size:70%;}

ul#nav li a:hover{
text-decoration:underline;}

p#imnalys{
margin-top:30px;
margin:0 auto;
width:128px;
height:53px;
text-indent:-9999px;
background:url(img/imnalys.png) no-repeat;}

p#imnalys a{
position:relative;
z-index:50;
width:128px;
height:53px;
display:block;}

div#paypal{
margin:0 auto;
padding:10px;
width:105px;
height:48px;}

div#colissimo{
margin:0 auto;
padding:5px;
width:107px;
height:70px;}



/***** Contact *****/

form.form_contact {
padding:20px 0;
width:400px;
margin:0 auto; }

form.form_contact p {
overflow:hidden; }

form.form_contact p img {
vertical-align:middle; }

form.form_contact label {
cursor:pointer;
float:left;
width:150px;
font-size:120%;
letter-spacing:1px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif; }

form.large label {
width:200px; }

form.form_contact input.txt {
padding:3px;
border:1px solid #666; }

form.form_contact input.sub {
margin-right:10px;
padding:3px;
font-size:110%;
border:1px solid #555;
font-family:AvantGarde, "Trebuchet MS", Verdana, Arial, sans-serif;
padding:5px; }

form.form_contact textarea {
padding:3px;
font-size:105%;
font-family:Arial, sans-serif;
border:1px solid #666; }

form.form_contact select {
width:100px;
padding:5px; }

form.form_contact a {
color:#333; }

form.form_contact a:hover {
color:#666; }


/**** panier *****/

table#panier {
margin:15px auto;
width:100%;}

table#panier tbody tr#titre {
color:#fff;
text-transform:uppercase;
font-weight:bold;
background:#480001;}

table#panier tbody tr#titre td{
text-align:center;
padding:10px;}

/* Lignes */

table#panier tbody tr.ligne td {
padding:10px;}

table#panier tbody tr.ligne.couleur1:hover td{
background:#D2D2D2;}

table#panier tbody tr.ligne.couleur2:hover td{
background:#E8E8E8;}

.couleur1 td {
background:#ccc; /* A modifier */}

.couleur2 td { 
background:#E0E0E0;  /* A modifier */}

table#panier tbody tr.ligne td p input {
width:23px;
margin-right:10px;}

table#panier tbody tr.ligne td img {
color:transparent;} 

/* td Produit */

table#panier tbody tr.ligne td.produit h4 {
padding:10px 10px 4px 0;
text-align:left;
font-size:110%;}

table#panier tbody tr.ligne td.produit p img {
float:left;
margin-right:5px;}

table#panier tbody tr.ligne td.produit p a {
font-weight:bold;
color:#646464;
text-align:left;
font-size:90%;
line-height:1.1;
display:block;
text-decoration:underline;}

table#panier tbody tr.ligne td.produit p a:hover {
text-decoration:none;}

table#panier tbody tr.ligne td.produit span {
font-style:italic;
display:block;
padding-bottom:10px;
color:#4F4F4F;}

/* td Recalculer */

table#panier tbody tr.ligne td.supprimer{
text-align:right;}

/* td Supprimer */

table#panier tbody tr.ligne td.supprimer{
text-align:center;}

/* td Photo */

table#panier tbody tr.ligne td.photo img {
width:75px;
height:50px;
border:1px solid #888;}

table#panier tbody tr.ligne td.photo img:hover {
border:1px solid #333;}

/* td Prix total */

table#panier tbody tr.ligne td.prix_total{
text-align:right;
padding-right:14px;
font-weight:bold;}

/* tr Total */

table#panier tbody tr#total{
color:#fff;
padding:10px;}

table#panier tbody tr#total th {
letter-spacing:1px;
padding:7px 15px;
text-align:right;
background:#222;}

/* tr Actions */

table#panier tbody tr#action td p {
width:210px;
margin:0 auto;
padding:15px 0 15px 55px;}

table#panier tbody tr#action td {
padding:5px 15px;
text-align:center;}

table#panier tbody tr#action td p a {
float:left;
font-weight:bold;
margin-right:6px;
color:#646464;
font-size:110%;
line-height:1.1;
text-decoration:underline;}

table#panier tbody tr#action td p a:hover {
text-decoration:none;}

table#panier tbody tr#action td p img {
margin-right:20px;
float:left;}



/* ------------------ Formulaire  ------------------ */

/* Login */

div#login {
padding:15px 0 0 0;}

div#login h3 {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #656565;}

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

div#login form p{
height:10px;
padding-bottom:20px;}

div#login form p label {
line-height:1.5;
text-align:left;
float:left;
width:120px;
font-weight:bold; }

div#login form p label span {
font-size:90%;
font-style:italic;
font-weight:normal;
text-align:left;}

div#login form p img{
margin-right:5px;
width:16px;
height:16px;
float:left;}

div#login form p a {
line-height:1.2;
text-decoration:none;
color:#333;
display:block;}

div#login form p a:hover {
text-decoration:underline;
color:#333;
display:block;}


/* Nouveau client */

div#nouveau_client{
padding:15px 0 0 0;}

div#nouveau_client h3 {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #656565;}

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

div#nouveau_client form p{
height:10px;
padding-bottom:20px;}

div#nouveau_client form p label {
line-height:1.5;
text-align:left;
float:left;
width:120px;
font-weight:bold; }

div#nouveau_client form p label span {
font-size:90%;
font-style:italic;
font-weight:normal;
text-align:left;}

div#nouveau_client form p img{
margin-right:5px;
width:16px;
height:16px;
float:left;}

div#nouveau_client form p a {
line-height:1.2;
text-decoration:none;
color:#333;
display:block;}

div#nouveau_client form p a:hover {
text-decoration:underline;
color:#333;
display:block;}

div#nouveau_client form p.radio{
padding-top:5px;}

div#nouveau_client form p.radio input{
margin:0 2px;}


/* Form R?capitulatif */

div#recap {
text-align:left;}

div#recap h3{
padding:10px 0;}

div#recap p#sub input {
margin-top:20px;}

div#recap p#sub {
text-align:center;}

span#mail_obl,span#pass1_obl,span#pass2_obl,span#prenom_obl,span#nom_obl,span#tel_obl,span#adr_obl,span#ville_obl, span#cp_obl {
width:300px;
border:1px solid #FFF;
height:10px;
margin-left:10px;
background:#FFF;
padding:2px 10px;
color:#F00}

.label_invisible{
display:none;}

.label_visible{
display:visible;}

div#contenu p a  {
color:#fff;}

div#contenu p a:hover  {
text-decoration:none;}


}

* Pagination */

p#pagination {
padding-right:40px;
float:right;
text-align:right;
font-size:75%;
font-weight:bold;
letter-spacing:2px;
color:#8F8F8F;}

p#pagination span {
display:block;
line-height:1.8;
width:50px;
height:10px;
float:left;}

p#pagination a{
float:left; 
display:block;
width:10px;
height:14px;
padding:2px 3px;
border:1px solid #8F8F8F;
margin:0 3px;
text-decoration:none;
background:#000;
font-weight:bold;
letter-spacing:2px;
color:#8F8F8F;}

p#pagination a.current{
float:left; 
display:block;
width:10px;
height:14px;
padding:2px 3px;
border:1px solid #8F8F8F;
margin:0 3px;
text-decoration:none;
background:#FFF;
font-weight:bold;
letter-spacing:2px;
color:#8F8F8F;}

p#pagination a:hover {
background:#fff;
color:#111;}

/*

***** Fil d'ariane v1.0 *****

- Créée par Nico le ?
- Modifié par Mathieu le 18-03-09

*/

div#ariane {
width:100%;
padding:10px 0; /* Aération haut / bas  */ }

div#ariane p {
color:#888; /* Couleur des crochets */
padding-bottom:5px; /* Espace entre la bordure et le fil d'ariane */
border-bottom:1px solid #CFCFCF; }

div#ariane p span {
margin:0 3px; /* Aération entre les éléments */ }

div#ariane p span a {
color:#888;
text-decoration:none; }

div#ariane p span.home a {
padding-left:25px;
background:transparent url(img/house.png) no-repeat left center; /* Icone */
color:#888; }

div#ariane p span.courant {
color:#333; }
 
div#ariane p a:hover {
text-decoration:underline; }

ul#galerie{
text-align:center;
width:520px;
padding:20px 0;
overflow:hidden; }

ul#galerie li {
border:1px solid #222;
padding:3px;
background:#111;
text-align:center;
line-height:1;
float:left;
width:100px;
height:175px;
margin:0 15px 22px 0;}

ul#galerie li:hover {
background:#1F1F1F;}

ul#galerie li:hover span a {
color:#666;}

ul#galerie li img {
padding:3px;
border:1px solid #999; /* A modifier */
width:75px;
height:100px;
margin-top:5px;
margin-bottom:3px; }

ul#galerie li span {
text-transform:uppercase;
display:block;
overflow:hidden;
text-align:center;
width:100px;
height:47px; }

ul#galerie li span a {
display:block;
text-decoration:none;
color:#444; /* A modifier */
font-weight:bold;
line-height:1.4;}

     
dl#fiche{
overflow:hidden;
color:#999999;
width:495px; } 

dl#fiche dt {
padding-bottom:10px;
font-size:110%;
color:#000;
font-weight:bold;
text-transform:uppercase;
width:510px;}

dl#fiche dd#image{
float:left;
width:108px;
height:145px;
padding-right:5px;
margin-right:10px;
margin-bottom:3px;}

dl#fiche dd#image a img{
float:left;
border:1px solid #940000;
padding:3px;
background:#940000;
/*width:100px;
height:133px;*/}

dl#fiche dd#image img:hover {
border:1px solid #A76B39;}

dl#fiche dd#description{
text-align:left;
padding-bottom:5px;
letter-spacing:1px;
line-height:1.5;} 

dl#fiche {
padding-bottom:20px;}

dl#ajout_panier {
padding-left:50px;
position:relative;
background:#0F0F0F;
padding:15px;
overflow:hidden;
color:#FF6603;
height:50px;
width:465px; /* 520 */ /*Modifier */
border:1px solid #232323;}

dl#ajout_panier dd#dispo, dl#ajout_panier dd#prix{
width:180px;
text-align:center;}

dl#ajout_panier dd#dispo p img{
margin-right:10px;
float:left}

dl#ajout_panier dd#dispo p{
padding-left:65px;}

dl#ajout_panier dd#dispo p span {
line-height:1.3;
text-align:left;
display:block;}

dl#ajout_panier dd#prix strong{
line-height:2.5;
padding-left:10px;
font-size:150%; 
color:#ED4427;}

dl#ajout_panier dd#formulaire {
border-left:1px solid #676767;
padding-left:20px;
float:right;
width:260px;}

dl#ajout_panier dd#formulaire form {
padding-top:2px;
padding-left:20px;}

dl#ajout_panier dd#formulaire form p input.txt{
width:20px;
margin:10px;}

/* recherche */

div#recherche{
width:180px;
margin:0 auto;
overflow:hidden;}

div#recherche h3 a{
font-size:125%;
text-decoration:none;
text-align:center;
font-weight:normal;
color:#930A0D;
display:block;
padding:6px 0;}

div#recherche form {
overflow:hidden;}

div#recherche form input.champ {
background:#676767;
-moz-border-radius:4px;
float:left;
margin-right:8px;
color:#fff;
padding:5px 5px 3px;
width:129px;
height:13px;
border:none;}

div#recherche form input.sub {
-moz-border-radius:4px;
font-weight:bold;
padding-bottom:4px;
text-transform:uppercase;
background:#676767;
color:#fff;
width:30px;
height:21px;
border:none;}