* {
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; }

html, body {
height:100%; }

body {
background:#B1F4FF url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

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

del {
margin-right:3px; }

span.prix_promo {
color:#ff9900;
margin-right:3px;
font-weight:bold;
font-size:140%; }

/***** Liste produits *****/

ul.liste_produits {
width:550px;
overflow:hidden;
text-align:center; }

ul.liste_produits li {
position:relative;
float:left;
width:165px;
height:280px;
margin:0 9px; }

ul.liste_produits li dl dt {
width:156px;
height:137px; /*150*/
background:transparent url(img/produit_fond.jpg) no-repeat;
position:absolute;
top:0;
left:0;
margin-left:7px;
padding-top:13px; }

ul.liste_produits li dl dt img {
height:123px; }

ul.liste_produits li h4 {
line-height:1.1;
width:100%;
height:25px;
padding-top:155px;
font-weight:normal;
color:#897967; }

ul.liste_produits li dl dd.prix {
color:#FF9900;
font-weight:bold; }

ul.liste_produits li dl dd.lien a {
font-weight:bold;
color:#96C742;
text-decoration:none; }

ul.liste_produits li dl dd.lien a:hover {
text-decoration:underline; }

ul.liste_produits li form input.txt {
text-align:right;
width:20px;
border-color:#897A68;
color:#32A8EB;
margin-right:5px; }

ul.liste_produits li form input.sub {
border:none;
width:68px;
height:53px;
background:transparent url(img/sub_panier.png) no-repeat; }

div.nav_pages {
color:#897967;
text-align:right; }

div.nav_pages span.suivant {
margin-left:30px; }

div.nav_pages a {
color:#897967;
text-decoration:none; }

div.nav_pages a:hover {
text-decoration:underline; }

/***** Liste catalogue *****/

ul#liste_catalogue {
overflow:hidden;
text-align:center;
width:550px; }

ul#liste_catalogue li {
float:left;
width:110px;
height:135px; }

ul#liste_catalogue li h4 {
padding-bottom:3px;
line-height:1.1;
font-weight:normal;
color:#897967; }

/***** Flash & Déco *****/

div#slogan_flash {
position:absolute;
top:90px;
left:150px;
width:410px;
height:175px;
/*background:transparent url(img/slogan_flash.png) no-repeat;*/ }

div#logo_flash {
position:absolute;
top:50px;
right:45px;
width:316px;
height:238px;
/*background:transparent url(img/logo_flash.png) no-repeat;*/ }

div#deco_gauche {
position:absolute;
top:-50px;
left:0;
width:203px;
height:89px;
background:transparent url(img/footer_deco_1.png) no-repeat; }

div#deco_droite {
position:absolute;
top:-90px;
right:0;
width:163px;
height:155px;
background:transparent url(img/footer_deco_2.png) no-repeat; }

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

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

div.boite_colonne_top h3 {
width:140px; /*190*/
font-size:75%;
text-align:center;
color:#FF9900;
text-transform:uppercase;
letter-spacing:1px; }

div#colonne_gauche div.boite_colonne_top h3 {
padding-left:10px;
padding-right:40px;}

div#colonne_droite div.boite_colonne_top h3 {
padding-left:40px;
padding-right:10px; } 

.align_center {
text-align:center; }

.retour_ch {
margin-bottom:10px; }

.img_float_left {
float:left;
margin-right:20px;
margin-bottom:5px; }

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

div#presentation_contenu h3 {
margin-top:15px;
margin-bottom:10px;
color:#fff;
font-size:120%;
text-align:center;
line-height:1.1;
width:350px; /*550*/
padding:0 100px;
height:45px; /*75*/
padding-top:30px;
background:transparent url(img/titre_fond.png) no-repeat; }

div#presentation_contenu a {
color:#ff9900; }

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

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

.center_design {
position:relative;
width:942px;
margin:0 auto; }

div#img_fond {
min-height:100%;
position:relative;
width:100%;
background:transparent url(img/contenu_fond.png) repeat-y center; }

div#global {
background:transparent url(img/site_top.jpg) no-repeat center top; }

div#entete {
overflow:hidden;
position:relative;
height:360px; }

div#conteneur_centre {
padding-bottom:300px; /*=hauteur #pied*/
overflow:hidden;
position:relative; }

div#colonne_gauche, div#colonne_droite {
width:190px; }

div#colonne_gauche {
float:left; }

div#colonne_droite {
position:absolute;
top:0;
right:0; }

div#contenu {
width:550px;
margin-left:195px; }

div#presentation_contenu {
color:#897967;
font-size:75%; }

div#pied {
position:absolute;
bottom:0;
left:0;
width:100%;
height:120px;
background:transparent url(img/footer_fond.png) repeat-x; }

/***** #ariane *****/

div#ariane {
padding-top:20px; }

div#ariane span {
margin:0 5px; }

div#ariane a {
color:#ff9900; }

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

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

div#entete .first {
padding-left:0; }

div#entete .last {
background:none;
padding-right:0; }

	/* menu_main */

div#menu_main {
text-align:center;
height:44px;
line-height:44px; }

div#menu_main ul li {
letter-spacing:1.5px;
padding:20px 0;
padding-left:5px;
padding-right:7px;
display:inline;
font-weight:bold;
font-size:75%;
background:transparent url(img/menu_li_sepa.png) no-repeat right 4px; }

div#menu_main ul li a {
color:#287E1B;
text-decoration:none; }

div#menu_main ul li a:hover {
color:#fff; }

	/* outils */
	
div#outils {
position:absolute;
bottom:15px;
left:0;
width:100%;
text-align:center;
height:40px;
line-height:40px; }

div#outils ul li {
letter-spacing:1px;
padding:20px 0;
padding-left:4px;
padding-right:28px;
display:inline;
font-weight:bold;
text-transform:uppercase;
font-size:75%;
background:transparent url(img/menu_sub_sepa.png) no-repeat right center; }

div#outils ul li img {
margin:0 2px;
margin-top:-5px;
vertical-align:middle; }

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

div#outils ul li a:hover {
color:#7AA613; }

	/* accès rapide */
	
div#acces_rapide {
letter-spacing:0.5px;
font-weight:bold;
color:#2682F0;
text-align:center;
font-size:75%;
width:316px;
position:absolute;
right:45px;
top:220px;
z-index:10; }

div#acces_rapide p a {
color:#2682F0;
text-decoration:none; }

div#acces_rapide p a:hover {
text-decoration:underline; }

div#acces_rapide ul {
padding-top:3px; }

div#acces_rapide ul li a {
margin:0 auto;
display:block;
height:24px;
text-indent:-9999px; }

div#acces_rapide ul li {
margin-bottom:-5px; }

div#acces_rapide ul li.contact a {
width:77px;
height:24px;
background:transparent url(img/bouton_contact.png) no-repeat; }

div#acces_rapide ul li.news a {
width:51px;
background:transparent url(img/bouton_news.png) no-repeat; }

	/* recherche */
	
div#recherche {
position:absolute;
bottom:18px;
right:0;
text-align:right;
font-size:70%;
width:175px; }

div#recherche p.rech_av {
text-align:center;
height:12px; }

div#recherche p a {
color:#4D6E36;
font-size:90%;
text-decoration:none; }

div#recherche p a:hover {
text-decoration:underline; }

div#recherche form input.txt {
width:100px;
background:transparent;
border-color:#8ABA15;
color:#fff; }

div#recherche form input.sub {
padding:7px 8px;
border:none;
background:transparent;
color:#738E5F;
background:transparent url(img/sub_1.png) no-repeat; }

/***** colonnes *****/

	/* mef boites */

div.boite_colonne_top {
line-height:1;
width:190px;
height:27px; /*44*/
padding-top:17px; }

div.boite_colonne_fond {
overflow:hidden;
text-align:left;
width:152px; /*190*/
padding-bottom:5px; }

div.align_center {
text-align:center; }

div.boite_colonne_bas {
width:190px;
height:8px; }

div#colonne_gauche div.boite_colonne_top {
background:transparent url(img/colonne_boite_haut_g.png) no-repeat; }

div#colonne_gauche div.boite_colonne_fond {
padding-left:10px;
padding-right:28px;
background:transparent url(img/colonne_boite_fond_g.png) repeat-y; }

div#colonne_gauche div.boite_colonne_bas {
background:transparent url(img/colonne_boite_bas_g.png) no-repeat; }

div#colonne_droite div.boite_colonne_top {
background:transparent url(img/colonne_boite_haut_d.png) no-repeat; }

div#colonne_droite div.boite_colonne_fond {
font-size:75%;
padding-left:28px;
padding-right:10px;
background:transparent url(img/colonne_boite_fond_d.png) repeat-y; }

div#colonne_droite div.boite_colonne_bas {
background:transparent url(img/colonne_boite_bas_d.png) no-repeat; }

ul.ss_categ {
letter-spacing:1px;
padding-left:10px;
padding-bottom:5px;
font-size:75%;
font-weight:bold; }

ul.ss_categ li a {
text-decoration:none;
color:#9BC421; }

ul.ss_categ li a:hover {
text-decoration:underline; }

	/*recherche_marque*/
	
div#recherche_marque form {
text-align:center;
padding:10px 0;
font-size:65%; }

div#recherche_marque form select {
width:140px;
color:#9BC421;
border:1px solid #8ABA16; }

	/*panier*/
	
div#panier {
line-height:1.1;
color:#9BC421; }	
	
div#panier p {
font-weight:bold;
margin-bottom:5px; }	
	
div#panier p span {
display:block; }

div#panier ul li a {
color:#9BC421; }

div#panier ul li a:hover {
text-decoration:none; }

	/*a saisir*/
	
div#saisir {
line-height:1.1;
font-weight:bold;
color:#9BC421;
 }
div#saisir ul li
{
width:152px;
float:left;
left:0px;
}
div#saisir dl
{
width:152px;
margin:0 auto;
float:left;
}

	/*cadeau*/
	
div#votre_cadeau	{
font-size:95%;
color:#9BC421; }

div#votre_cadeau	p {
margin:5px 0; }

	/*paiement*/

div#paiement p {
font-size:85%;
color:#897967; }

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

div#deco_gauche {
width:203px;
height:89px;
background:transparent url(img/footer_deco_1.png) no-repeat; }

div#pied ul {
padding-top:20px;
line-height:15px;
text-align:center;
width:525px;
margin:0 auto; }

div#pied ul li {
color:#8D634B;
font-size:65%;
display:inline; }

div#pied ul li a {
color:#8D634B;
text-decoration:none; }

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

/* -------------------- 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 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: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;}




/* 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;}