* {
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:#FFF url(img/body_fond.jpg) center top no-repeat; }

/***** Menu principal *****/

div#menu_flash ul {
height:33px;
position:absolute;
bottom:0;
left:27px;
margin:0 auto;
overflow:hidden; }

div#menu_flash ul li {
font-family:"Trebuchet MS";
margin-right:2px;
width:101px;
height:33px;
line-height:33px;
float:left; }

div#menu_flash ul li a {
font-weight:bold;
text-align:center;
text-decoration:none;
display:block;
width:100%;
height:100%;
color:#8bab08;
font-size:85%; }

div#menu_flash ul li a:hover {
font-size:100%;
color:#fd7f1b; }

div#menu_flash ul li.double {
line-height:13px;
height:29px; /*33*/
padding-top:4px; }

div#menu_flash ul li.double span {
display:block; }

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

div#logo_flash {
position:absolute;
top:0;
left:33px;
width:816px;
height:115px;
background:transparent url(img/entete_flash.png) center no-repeat; }

div#deco_haut{
position:absolute;
width:519px;
height:29px;
top:138px;
left:172px;	
background:transparent url(img/bien_dans_sa_vie.png); }

div#menu_flash {
position:relative;
width:970px;
height:73px;
background:transparent url(img/menu_flash.jpg) no-repeat; }

div#deco_g {
float:left;
width:191px;
height:42px;
margin:0 30px;
background:transparent url(img/paiement_img.jpg) no-repeat; }

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

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


/***** Menu Haut *****/
div#menu_haut ul#menu_secondaire{	
width:846px;
height:141px;
margin:0 auto;}

div#menu_haut ul#menu_secondaire li
{
float:left;
width:141px;
height:138px;	
background:transparent url(img/boite.jpg) no-repeat;
text-align:center;
font-size:75%;}

ul#menu_secondaire li h4
{
line-height:32px;	
color:#FFF;
letter-spacing:1.5px;
font-size:100%;
}

ul#menu_secondaire li h4#connexion
{
background:transparent url(img/conexion_img.png) 5px 12px no-repeat;
height:40px;
padding-left:20px;
}

ul#menu_secondaire li a.connect1
{
margin:5px auto;
text-decoration:none;
color:#FFF;
letter-spacing:1px;
font-size:80%;
border:1px solid #E69E85;
display:block;
width:128px;
height:17px;
background:transparent url(img/fond_lien_menu_haut_03.jpg) repeat-x;
margin-top:15px;
line-height:17px;
}

ul#menu_secondaire li a.connect
{
margin:5px auto;
text-decoration:none;
color:#FFF;
letter-spacing:1px;
font-size:80%;
border:1px solid #E69E85;
display:block;
width:128px;
height:17px;
background:transparent url(img/fond_lien_menu_haut_03.jpg) repeat-x;
line-height:17px;
}

ul#menu_secondaire li form
{
padding:5px 2px;
}

ul#menu_secondaire li form input.txt
{	
font-size:75%;
width:45px;
height:12px;
text-align:center;
border:1px solid #000;
}

ul#menu_secondaire li form input.sub
{
width:20px;
border:none;
background:none;
font-size:75%;
font-weight:bold;
}

ul#menu_secondaire li img{
padding-top:5px;
border:1px solid #FD7B19;
width:100px;
height:75px;}

ul#menu_secondaire li h4#img_caddie
{
background:transparent url(img/) 5px 12px no-repeat;
}

div#menu_haut ul#menu_secondaire li p.p1
{
margin-top:10px;
}

div#menu_haut ul#menu_secondaire li a.lien_caddie
{
display:block;
padding-top:15px;
color:#000;
text-decoration:none;
}

div#menu_haut ul#menu_secondaire li a.lien_caddie:hover
{
text-decoration:underline;
}

div#menu_haut ul#menu_secondaire li img.produit_haut
{
margin-top:5px;
}

/***** Conteneur_centre *****/

div#conteneur_haut
{
	position:relative;
	width:974px;
	height:25px;
	background-color:#FD7F1B;
}

/***** Conteneur_haut *****/
div#recherche
{
position:absolute;
top:0;
left:0;
width:275px;
height:25px;/*100%*/
background:#FD7F1B url(img/rechercher_img.png) 10px 2px no-repeat;
}

div#recherche h4#img_loupe
{
font-size:75%;
letter-spacing:1px;
color:#FFF;
padding-left:38px;
line-height:25px;
}

div#recherche form
{
position:absolute;
top:0;
left:125px;
margin-top:-2px;
}

div#recherche form input.txt2
{
width:107px;
height:15px;
border:none;
font-size:80%;
text-align:center;
}

div#recherche form input.sub2
{
border:none;
background:none;
color:#FFF;
font-weight:bold;
}

div#coordonnees
{
position:absolute;
top:0;
left:265px;
}

div#coordonnees dl
{
margin-left:30px;
font-size:70%;
}

div#coordonnees dl dt,dd
{
display:inline;
font-size:90%;
color:#FFF;
text-transform:uppercase;
line-height:25px;
}

div#coordonnees dl dd.horaire
{
margin-left:30px;
}

/***** Conteneur_contenu *****/
div#contenu_gauche
{
float:left;
width:514px;
background-color:#FFF;
}

div#contenu_droit
{
position:relative;
float:left;
margin-left:10px;
width:450px;
background-color:#FFF;
}

/***** Contenu_gauche *****/


div#ariane {
font-size:75%;
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 h2 {
display:inline;}

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


div#vignette_produit
{
width:100%;
min-height:438px;
}

div#vignette_produit p
{
font-size:75%;
text-align:center;
padding-top:5px;
}

img#photo_produit
{
text-align:center;
margin: 90px 14px;
width:485px;
height:255px;
}

div#legende
{
position:relative;
width:100%;
height:27px;
background-color:#546E06;
}

div#legende p
{
padding-left:5px;
color:#FFF;
font-size:90%;
line-height:27px;
letter-spacing:0.5px;
}

div#legende p a
{
display:block;
position:absolute;
top:0;
left:420px;
text-decoration:none;
color:#FFF;
height:27px;
width:92px;
}

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

/***** Contenu_droit*****/
ul#liste_produit
{
height:452px;/*462*/
padding-top:10px;
}

ul#liste_produit li
{
float:left;
margin:5px 25px;
width:175px;
height:134px;
background:transparent url(img/contenu_droit_fond_li.jpg) no-repeat;
}

ul#liste_produit li dl dt
{
width:165px;
height:96px;
}

ul#liste_produit li dl dd
{
height:15px;
line-height:15px;
}

ul#liste_produit li dl dd.nom_produit
{
display:block;
color:black;
text-align:center;
font-size:70%;
}

ul#liste_produit li dl dd.nom_produit a
{
text-decoration:none;
color:#000;
}

ul#liste_produit li dl dd.nom_produit a:hover
{
text-decoration:underline;
}

ul#liste_produit li dl dd.prix_produit
{
display:block;
color:black;
text-align:center;
font-size:75%;
}

div#navigation_bas
{
width:100%;
height:18px;/*30*/
color:#9C9C9C;
font-size:75%;
padding-top:12px;
padding-left:10px;
}

div#navigation_bas a
{
color:#9C9C9C;
text-decoration:none;
}

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

/***** Pied *****/

ul#lien_footer
{
width:500px;
margin:0 auto;
margin-top:50px;
font-size:80%;
}

ul#lien_footer li
{
display:inline;
}

ul#lien_footer li a
{
text-decoration:none;
color:#FFF;
}

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

div#pied p.imnalys a
{
text-decoration:none;
color:#A9520D;
}

div#pied p.imnalys a:hover
{
text-decoration:underline;
}



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

div#global{
width:974px;
height:100%;
margin:0 auto;
background:#A6CE39 url(img/global_fong.png) repeat-y;
}

div#entete{
position:relative;
width:882px;
height:200px;
background:transparent url(img/entete_fond.jpg) no-repeat;
margin:0 auto;
text-align:center;
}

div#menu_haut{
width:882px;
height:141px;
margin:0 auto;
background:#A6CE39;
}

div#conteneur_centre
{
width:100%;	
}

div#conteneur_contenu
{
width:100%;
min-height:495px;
}

div#pied
{
margin:0 auto;
margin-top:20px;
width:882px;
font-size:75%;
min-height:150px;
text-align:center;
color:#FFF;
background-color:#A6CE39;
}
input.champs {
border: solid 1px;
}

textarea.champs {
border: solid 1px;
}

p span.left {
float:left;
width:100px;
font-weight:bold;
margin-right:20px;
}

.bouton {
border: solid 1px;
margin-left:10px;
}

p.notice {
font-size: 80%;
}


/* Galerie */


ul#galerie{
font-size:75%; /* R?initialiser */
text-align:center;
width:560px; /* A modifier */
padding:20px 0;
overflow:hidden; }

ul#galerie li {
text-align:center;
line-height:1;
float:left;
width:100px;
height:130px;
margin-right:30px;}

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

ul#galerie li img:hover {
background:#ccc; /* A modifier */ }

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

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


/* Fiche*/

dl#fiche {
position:relative;
min-height:300px; /*ie6.css >> height:300px; overflow:visible */
margin-top:20px;
overflow:hidden;
width:100%; 
font-size:75%; /* R?initialiser */
position:relative;}

dl#fiche dt{
overflow:hidden;
width:395px;/* A modifier */
text-transform:uppercase;
text-align:left;
font-weight:bold;
margin-left:140px;
font-size:130%;
color:#FD7F1B;
padding-bottom:15px;}

div#vignette_produit{
position:relative;}

dl#fiche dd#image {
width:110px;
padding-right:10px;
border-right:1px solid #A6CE39;
position:absolute;
top:0;
left:0;}

dl#fiche dd#image ul li a img {
padding:3px;
border:1px solid #CFCFCF;
width:100px;
height:75px;
margin-bottom:10px;}

dl#fiche dd#image ul li a img:hover {
background-color:#A6CE39;}

div#vignette_produit form {
margin:30px 225px; 
position:absolute;
top:175px;
left:-105px;
background:#A6CE39;
font-size:75%;
padding:10px 15px;
overflow:hidden;
padding-top:10px;
color:#2D2D2D;
height:75px;
width:260px;} 

div#options{
border-right:1px dashed #999;
width:80px;/*200*/
height:100px;
float:left;}

dd.ref, dd.prix, dd.produit, dd.stock{
color:#111;
display:block;
margin-left:140px;}

div#options h3 {
color:#fff;
padding:7px 0;}

div#ajout {
color:#fff;
text-align:center;
margin-left:60px;
height:50px;
padding:0 22px;}

div#ajout span {
font-weight:bold;
font-size:100%;
width:200px;
height:20px;
padding-bottom:20px;
display:block;}

/* Panier */ 


table#panier {
margin:15px auto;
font-size:75%;
width:50%;}

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

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.couleur2 td{
background:#F2FFCF;}

table#panier tbody tr.ligne td p input {
width:13px;
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:#546E06;}

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

td.recalculer{
width:200px;
}

td.recalculer input.txt {
float:left;
width:15px;}

h3{
font-size:75%;}