* {
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 {
background:#000;
text-align:justify;
font:100%/1.3 Verdana, Arial, sans-serif; }

/***** Liste Produits *****/

ul#liste_produits {
margin:0 auto;
width:750px; /** Largeur ý adapter **/
overflow:hidden; }

ul#liste_produits li {
margin:2px; /* Marges ý adapter */
position:relative;
width:220px; /*240*/
padding:10px;
float:left;
text-align:left;
background-color:#713a4f;
border:1px solid #808080; }

ul#liste_produits li h3 {
font-size:120%;
line-height:1;
color:#e5e5e5;
padding-top:175px; /* Hauteur image +10px*/
text-align:center;
height:30px;
text-transform:uppercase; }
 
ul#liste_produits li dl dt {
text-align:center; }
 
ul#liste_produits li dl dt img {
/*width:220px;
height:165px;*/
border:1px solid #666;
position:absolute;
top:10px;
left:50%; }

ul#liste_produits li dl dd.description {
overflow:hidden;
line-height:1.1;
font-size:95%;
height:45px; }

ul#liste_produits li dl dd.prix {
height:30px;
line-height:30px;
text-align:center; } 

ul#liste_produits li dl dd.prix span {
font-weight:bold;
font-size:140%;
color:#ec98c2; }

ul#liste_produits li dl dd.prix del {
margin-left:10px;
color:#fff; }

ul#liste_produits li dl dd.stock, ul#liste_produits li dl dd.details {
height:30px;
line-height:30px;
text-transform:uppercase;
color:#fff;
float:left;
width:110px; /* Moitiý de la largeur dispo */ }

ul#liste_produits li dl dd.stock img, ul#liste_produits li dl dd.details img {
vertical-align:middle; }

ul#liste_produits li dl dd.details a {
color:#fff; }

/***** Flash & Dýco *****/

div#logo_flash {
position:absolute;
top:10px;
right:200px;
width:537px;
height:105px;
background:transparent url(img/logo_flash.png) no-repeat; }

div#diapo_flash {
position:absolute;
bottom:0;
right:190px;
width:654px;
height:205px;
background:transparent url(img/diapo_flash.png) no-repeat; }

div#deco_entete {
position:absolute;
top:25px;
left:0;
width:604px;
height:180px;
background:transparent url(img/logo_pasflash.png) no-repeat; }

div#logos {
width:985px;
margin-left:5px;
height:160px;
background-color:#FFF;
/*background:#fff url(img/logos.jpg) no-repeat center center;*/ }

div#logos img{
margin-left:5px;
margin-top:5px;}

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

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

div#presentation_contenu p {
margin-bottom:10px; }


div#presentation_contenu .plan_gauche {
float:left; 
margin-right:20px; }

div#presentation_contenu ul {
padding:10px; }

div#presentation_contenu h3 {
padding-bottom:10px; }

div#presentation_contenu span {
color:#ec98c2; }

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

div#global {
width:990px;
margin:0 auto; }

div#entete {
position:relative;
width:100%;
height:404px;
background:transparent url(img/entete_fond.png) no-repeat; }

div#middle {
width:100%; }

div#conteneur_centre {
overflow:hidden;
position:relative;
width:100%; }

div#colonne_gauche {
width:81px;
position:absolute;
top:0;
left:0; }

div#colonne_produits {
width:140px;
float:left;
margin-left:90px; }

div#contenu {
min-height:500px;
padding-bottom:20px;
width:750px;
margin-left:240px; }

div#presentation_contenu {
width:100%;
font-size:75%;
color:#fff; }

/***** #entete *****/

div#infos_paiement {
position:absolute;
top:13px;
left:10px;
color:#ec98c2;
font-size:65%;
height:20px;
line-height:20px; }

div#infos_paiement ul li {
display:inline; }

div#infos_paiement ul li a {
color:#ec98c2;
text-decoration:none; }

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

div#infos_paiement ul li.paiement {
padding-right:30px;
background:transparent url(img/logo_cb.png) no-repeat right center; }

div#coordonnees {
line-height:1.2;
position:absolute;
top:195px;
left:10px;
font-size:70%;
color:#fff;
text-align:center;
width:130px; }

div#coordonnees dl dt {
padding-top:10px;
font-weight:bold; }

div#outils {
line-height:1.1;
width:175px;
position:absolute;
top:50px;
right:0;
font-size:70%;
text-align:center;
color:#ec98c2; }

div#outils .retour_ch {
margin-bottom:5px; }

div#outils h4 {
padding-left:60px;
text-align:left;
height:25px;
line-height:25px;
margin-bottom:5px;
font-size:130%;
font-weight:normal; }

div#outils a {
color:#ec98c2; }

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

div#panier, div#compte, div#recherche {
padding-bottom:10px;
margin-bottom:5px;
background:transparent url(img/entete_sepa.png) no-repeat bottom center; }

div#outils form p {
text-align:left; }

div#outils form input.txt {
margin-bottom:3px;
margin-left:25px;
color:#ec98c2;
background-color:#fff;
border:1px solid #aba5a8;
width:100px; }

div#outils form input.sub {
cursor:pointer;
border:none;
width:21px;
height:21px;
background:transparent url(img/entete_submit.png) no-repeat; }

	/* Panier */
	
div#panier h4 {
background:transparent url(img/bouton_panier.png) no-repeat 30px center; }

div#panier span {
display:block; }

	/* Compte */
	
div#compte h4 {
background:transparent url(img/bouton_compte.png) no-repeat 30px center; }

div#compte p.align_center {
text-align:center; }	
	
	/* Recherche */	
	
div#recherche h4 {
background:transparent url(img/bouton_loupe.png) no-repeat 30px center; }

	/* Newsletter */	
	
div#newsletter h4 {
background:transparent url(img/bouton_newsletter.png) no-repeat 30px center; }	

/***** #colonne_produits *****/

div#colonne_produits {
color:#fff;
font-size:65%; }

div#colonne_produits h3 {
font-weight:normal;
text-align:center;
color:#eb84ab;
margin:0 auto;
width:135px;
height:18px;
line-height:18px;
background:transparent url(img/col_produits_h3.png) no-repeat; }

div#colonne_produits ul li a {
text-decoration:none;
color:#fff; }

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

div#colonne_produits ul {
line-height:1.1;
color:#fff;
padding:10px 0; }

div#colonne_produits ul.modele_1 {
margin-left:15px; }

div#colonne_produits ul.modele_1 li {
list-style:square; }

/***** #middle *****/

div#menu {
padding-top:10px;
height:27px;
overflow:hidden;
margin-top:5px; }

div#menu ul {
background-color:#808080;
padding-left:5px; }

div#menu ul li {
float:left;
position:relative;
padding-right:1px;
height:27px;
background:#808080 url(img/li_sepa.png) no-repeat right; }

div#menu ul li.last span.coin_right {
right:0; }

div#menu ul li a {
text-align:center;
position:relative;
z-index:10;
display:block;
height:27px;
padding-left:6px;
padding-right:7px;
text-decoration:none;
color:#000;
font-size:75%;
line-height:27px; }

div#menu ul li a:hover {
color:#eb84ab; }

div#menu ul li a span {
display:block;
line-height:13px; }

div#menu ul li:hover {
top:-10px;
border-bottom:10px solid #808080; }

div#menu ul li:hover a {
bottom:-10px; }

div#menu ul li span.coin_left {
display:block;
position:absolute;
top:0;
left:0;
width:8px;
height:27px;
background:transparent url(img/onglet_left.png) no-repeat left; }

div#menu ul li span.coin_right {
display:block;
position:absolute;
top:0;
right:1px;
width:8px;
height:27px;
background:transparent url(img/onglet_right.png) no-repeat left; }

/***** #news *****/

div#news {
width:100%;
height:35px;
line-height:35px;
font-size:75%;
color:#fff; }

/***** #colonne_gauche *****/

div#menu_sub {
width:81px; }

div#menu_sub ul li {
width:81px;
height:38px;
line-height:38px;
padding-bottom:1px;
background:transparent url(img/menu_vert_sepa.png) no-repeat left bottom; }

div#menu_sub ul li a {
background:transparent url(img/menu_vert.png) no-repeat;
display:block;
width:100%;
height:100%;
text-align:center;
color:#000;
font-size:75%;
text-decoration:none; }

div#menu_sub ul li a:hover {
color:#eb84ab; }

div#menu_sub ul li.last {
background:none; }

div#logos_paiement {
margin:0 auto;
margin-top:100px;
width:58px;
height:121px;
background:transparent url(img/logos_paiement.png) no-repeat; }

/***** #contenu *****/


/***** #pied *****/

div#pied ul {
/*padding-bottom:20px;*/
text-align:center;
line-height:12px;
padding-top:10px; }

div#pied ul li {
display:inline;
font-size:60%;
color:#2F0909; }

div#pied ul li a {
text-decoration:none;
color:#2F0909; }

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

div#pied ul li.imnalys {
font-size:75%;
padding-top:10px;
display:block;
font-weight:bold; }




/** PANIER **/

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

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

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:#333;}

/* tr Actions */

table#panier tbody tr#action td p {
width:310px;
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;}

.label_invisible{
display:none;}

.label_visible{
display:visible;}




/* 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 #000;
height:10px;
margin-left:10px;
background:#172855;
padding:2px 10px;}

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

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



/*

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

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

*/

div#ariane {
height:30px;
font-size:70%;
color:#656465;
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; }

/* Plan du site */

/* CAT */

ul#plan_cat li.cat a{
display:block;
width:100%;
background:#999;
margin:10px 0;
text-transform:uppercase;
color:#dcdcdc;
font-size:130%;
font-weight:bold;
text-decoration:none;}

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

ul#plan_cat li.static{
display:block;
margin-top:5px;
padding-left:20px;
text-transform:uppercase;
color:#fff;
font-size:110%;
font-weight:bold;
text-decoration:none;
background-color:#888;}

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

/* SS catégories */

ul.plan_sscat li.sscat a{
display:block;
text-transform:uppercase;
font-weight:bold;
line-height:2;
text-decoration:none;
border-left:4px solid #615C5C;
margin-top:5px;
padding-left:5px;
color:#888;}

/* Produits */

ul#plan_cat ul.plan_sscat li ul.produits li {
padding:2px;}

ul#plan_cat ul.plan_sscat li ul.produits li.produits a{
padding-left:30px;
font-size:90%;
font-weight:bold;
text-decoration:none;
color:#FFF;}

ul#plan_cat ul.plan_sscat li ul.produits li a:hover{
text-decoration:underline;}*/