html, body {
margin:0;
padding:0;
height:100%;
font-family:Helvetica,Arial;
font:Helvetica,Arial;
font-size:13px;
color:#000000;
}

html {
overflow-y:scroll;
}

#page {
position:relative;
width: 100%;
margin:0 auto;
min-height:100%;
}

#haut {
position:relative;
width:100%;
margin:0 auto;
height:158px;
background-image:url(images/fond_haut.jpg);
background-position:top center;
background-color:#99B500;
}

#haut_bas {
position:relative;
width:100%;
margin:0;
padding:0;
height:15px;
background-color:#F6F4EF;
}

#haut_contenu {
position:relative;
width:1000px;
margin:0 auto;
}

#haut_menu a {
font-family:Helvetica;
font-size:13px;
font-weight:bold;
color:#064686;
text-decoration:none;
}

#haut_menu a:hover {
color:#FFFFFF;
}

#haut_menu .selected {
font-family:Helvetica;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#haut_menu ul{
position:relative;
top:130px;
left:40px;
list-style:none;
margin:0;
padding:0;
}

#haut_menu li{
padding-right:50px;
position:relative;
float:left;
}

#bas {
position:absolute;
bottom:0; 
left: 0;
width:100%;
height:48px;
background-position:top center;
background-color:#99B500;
background-repeat:no-repeat;
}

#bas_contenu {
position:relative;
width:1000px;
margin:0 auto;
height:48px;
}

#centre {
position:relative;
width:100%;
margin:0 auto;
padding:0;
}

#centre_contenu {
position:relative;
width:1000px;
margin:0 auto;
padding:0;
padding-bottom:48px;
}

.contenu_fin {
clear:both;
visibility:hidden;
}

#base {
margin-left:auto;
margin-right:auto;
width:1000px;
}

#base ul {
list-style: none;
margin: 0;
padding: 0;
text-align:center;
}

#base li {
font-size:9px;
display:inline;
color:#404849;
}

#base li a {
font-size:9px;
text-decoration:none;
color:#404849;
}

#base li a:hover {
color:#FFFFFF;
}



*{
margin: 0; 
padding: 0;
} 

img {
border:0px;
}

.fin {
clear:both;
}

/******************************************************************************************************/
/* --------------- COLONNE --------------- */
/******************************************************************************************************/
#col1 {
float:left;
padding:10px;
padding-left:14px;
width:181px;
z-index:1;
}

#col2 {
float:left;
padding-top:11px;
width:568px;
height:auto;
z-index:10;
padding-left:17px;
}

#col3 {
float:left;
padding:10px;
padding-right:14px;
width:181px;
z-index:1;
}

/******************************************************************************************************/
/* --------------- ENCART --------------- */
/******************************************************************************************************/

/* --------------- ENCART RECHERCHE --------------- */
#colonne_recherche {
position:relative;
width:181px;
height:106px;
background-image:url("images/fond_colonne_recherche.jpg");	
color:#FFFFFF;
}

#colonne_recherche .titre {
}

#colonne_recherche .contenu {
width:176px;
color:#FFFFFF;
line-height:30px;
padding-top:13px;
padding-left:5px;
}

#colonne_recherche .bouton {
position:absolute;
height:25px;
width:27px;
left:145px;
top:60px;
}

#colonne_recherche select {
width:80px;
}

#colonne_recherche input {
width:130px;
}

/* --------------- ENCART NEWLETTER --------------- */
#colonne_newsletter {
position:relative;
width:181px;
}

#colonne_newsletter .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_vert.jpg");	
background-repeat:no-repeat;
font-size:15px;
font-weight:bold;
height:20px;
padding-top:18px;
color:#FFFFFF;
padding-left:5px;
}

#colonne_newsletter #texte {
background-color:#F5F3EF;
font-size:14px;
color:#ED6F12;
padding-left:5px;
padding-bottom:10px;
padding-top:5px;
padding-right:5px;
width:171px;
}

#colonne_newsletter #saisie {
background-color:#F5F3EF;
font-size:14px;
padding-left:5px;
padding-bottom:5px;
width:176px;
}

#colonne_newsletter #saisie .bouton {
position:relative;
height:22px;
width:24px;
top:3px;
}

#colonne_newsletter input {
width:140px;
}

/* --------------- ENCART NOUVEAUTES --------------- */
#colonne_nouveaute {
position:relative;
width:181px;
}

#colonne_nouveaute .titre {
width:176px;
background-image:url("images/fond_colonne_vert.jpg");
background-repeat:no-repeat;
height:20px;
padding-top:18px;
padding-left:5px;
padding-bottom:5px;
}

#colonne_nouveaute .titre a {
font-size:15px;
font-weight:bold;
color:#ED6F12;
text-decoration:none;
}

/* --------------- ENCART PROMOTIONS --------------- */
#colonne_promotion {
position:relative;
width:181px;
}

#colonne_promotion .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_orange.jpg");
background-repeat:no-repeat;
height:20px;
padding-top:18px;
padding-left:5px;
padding-bottom:5px;
}

#colonne_promotion .titre a {
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

/* --------------- ENCART MEILLEURES VENTES --------------- */
#colonne_meilleure_vente {
}
#colonne_meilleure_vente .titre {
}

/* --------------- ENCART SERVICES --------------- */
#colonne_service {
}
#colonne_service .titre {
}
#colonne_service .contenu {
}

/* --------------- ENCART ESPACE CLIENT --------------- */
#colonne_compte {
position:relative;
width:181px;
}

#colonne_compte .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_vert.jpg");	
background-repeat:no-repeat;
font-size:15px;
font-weight:bold;
height:20px;
padding-top:18px;
color:#FFFFFF;
padding-left:5px;
}

#colonne_compte .contenu {
width:176px;
background-color:#F5F3EF;
padding-left:5px;
padding-bottom:10px;
padding-top:5px;
background-image:url("images/fond_gris.jpg");
background-position:bottom;
background-repeat:no-repeat;
}

#colonne_compte .contenu a {
color:#ED6F12;
font-size:12px;
text-decoration:none;
font-style:italic;
}

#colonne_compte .bouton {
height:19px;
width:61px;
left:107px;
top:85px;
margin-top:5px;
}

#colonne_compte input {
width:150px;
}

#colonne_compte input[type=checkbox] {
width:auto;
}

#colonne_compte p {
margin-top:5px;
}

/* --------------- ENCART SELECTION --------------- */
#colonne_selection {
}

#colonne_selection .titre {
}

#colonne_selection .contenu {
}

#colonne_selection .contenu a {
font-size:12px;
text-decoration:none;
color:#000000;
}

/* --------------- ENCART PANIER --------------- */
#colonne_panier {
position:relative;
width:181px;
}

#colonne_panier .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_panier.jpg");
background-repeat:no-repeat;
height:25px;
padding-bottom:5px;
padding-left:5px;
line-height:25px;
}

#colonne_panier .titre a{
color:#000000;
text-decoration:none;
}

#colonne_panier .contenu {
display:none;
}

/* --------------- ENCART MENU --------------- */
#colonne_menu {
}

/* UL CATEGORIES */
#colonne_menu ul {
display:block;
width:181px;
list-style:none;
text-align:left;
}

#colonne_menu ul a {
text-decoration:none;
color:#FFFFFF;
}

/* UL SOUS-CATEGORIES */
#colonne_menu ul li.menu1 ul {
display:block;
width:181px;
}

#colonne_menu ul li.menu1 ul a {
color:#000000;
}


/* UL SOUS-SOUS-CATEGORIES */
#colonne_menu ul li.menu1 ul li.menu2 ul{
}

#colonne_menu ul li.menu1 ul li.menu2 ul a{
}


/* LI CATEGORIES */
#colonne_menu ul li.menu1 {
padding-bottom:5px;
}

#colonne_menu ul li.menu1 a {
display:block;
height:18px;
font-size:11px;
font-weight:bold;
padding-top:20px;	
background-image:url("images/fond_colonne_bleu.jpg");
padding-left:5px;
}

#colonne_menu ul li.menu1 a:hover {
}

#colonne_menu ul li.menu1 a.on {
}


/* LI SOUS-CATEGORIES */
#colonne_menu ul li.menu2 {
}

#colonne_menu ul li.menu2 a {
font-size:9px;
font-weight:normal;
height:26px;
line-height:26px;
background-image:url("images/fond_gris.jpg");
padding-top:0;
}

#colonne_menu ul li.menu2 a:hover {
font-weight:bold;
}

#colonne_menu ul li.menu2 a.on {
font-weight:bold;
}

/* LI SOUS-SOUS-CATEGORIE */
#colonne_menu ul li.menu3 {
}

#colonne_menu ul li.menu3 a {
}

#colonne_menu ul li.menu3 a:hover {
}

#colonne_menu ul li.menu3 a.on {
}

/******************************************************************************************************/
/* --------------- FIL D'ARIANE --------------- */
/******************************************************************************************************/
#produit_ariane {
background-image:url("images/fond_ariane.jpg");
width:550px;
height:27px;
color:#FFFFFF;
padding-left:10px;
font-size:11px;
background-repeat:no-repeat;
line-height:27px;
}

#produit_ariane .titre {
font-weight:bold;
font-size:13px;
}

#produit_ariane a {
color:#FFFFFF;
text-decoration:none;
}

#produit_ariane a:hover {
color:#FFFFFF;
}

/******************************************************************************************************/
/* --------------- LISTE --------------- */
/******************************************************************************************************/

/* --------------- AFFICHAGE LISTE PRODUIT EN LIGNE --------------- */
#produit_ligne ul{
width:550px;
list-style:none;
}

#produit_ligne .ligne{
+margin-bottom:-4px;
}

#produit_ligne .ligne_entre{
height:5px;
+height:6px;
line-height:5px;
font-size:0px;
}

#produit_ligne table {
border:2px solid #F5F3EF;
}

#produit_ligne .image{
width:100px;
background-color:#FFFFFF;
}

#produit_ligne .image img{
display:block;
width:80px;
border:0;
margin-left:auto;
margin-right:auto;
}

#produit_ligne .texte {
padding:5px;
vertical-align:top;
text-align:left;
width:280px;
background-color:#F5F3EF;
}

#produit_ligne .texte_nom{
font-size:15px;
color:#000000;
text-decoration:none;
font-weight:bold;
}


#produit_ligne .texte_marque{
color:#000000;
text-decoration:none;
font-weight:bold;
}

#produit_ligne .texte_description{
color:#000000;
text-decoration:none;
}

#produit_ligne .texte_description:hover {
color:#F08400;
}

#produit_ligne .prix{
color: #ED6F12;
font-weight:bold;
font-size:20px;
width:70px;
padding-left:10px;
background-color:#F5F3EF;
}

#produit_ligne .bouton_ajouter{
padding-left:40px;
width:100px;
background-color:#F5F3EF;
}

#produit_ligne .bouton_ajouter_panier{
height:22px;
width:91px;
}

#produit_ligne .bouton_ajouter_selection{
}

#produit_ligne .comparer_checkbox{
}

#produit_ligne .info{
}

#produit_ligne .comparer_texte{
}

#produit_ligne .comparer_bouton{
}



/* --------------- AFFICHAGE LISTE PRODUIT EN COLONNE --------------- */
#produit_colonne ul{
width:550px;
clear:left;
}

#produit_colonne li{
float:left;
width:175px;
background-color:#F5F3EF;
margin:4px;
}

#produit_colonne .image{
height:220px;
background-color:#FFFFFF;
border:2px solid #F5F3EF;
}

#produit_colonne .image img{
margin-left:auto;
margin-right:auto;
margin-top:5px;
display:block;
}

#produit_colonne .texte {
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:left;
width:165px;
vertical-align:top;
height:120px;
}

#produit_colonne .texte_nom{
display:block;
font-size:15px;
color:#000000;
text-decoration:none;
font-weight:bold;
}

#produit_colonne .texte_marque{
display:block;
color:#000000;
text-decoration:none;
height:20px;
font-weight:bold;
}

#produit_colonne .texte_resume{
display:block;
height:40px;
text-decoration:none;
color:#000000;
}

#produit_colonne .texte_resume:hover {
color:#F08400;
}

#produit_colonne .prix{
text-align:center;
color: #ED6F12;
font-weight:bold;
font-size:20px;
height:20px;
padding-bottom:5px;
padding-top:15px;
}

#produit_colonne .bouton_ajouter_panier{
display:block;
margin:auto;
height:22px;
width:91px;
text-align:center;
padding-bottom:10px;
}

#produit_colonne .ligne_entre{
height:5px;
+height:6px;
line-height:5px;
font-size:0px;
}

#produit_colonne .bouton_ajouter_selection{
}

#produit_colonne .comparer_checkbox{
}

#produit_colonne .info{
background-image:url(images/fond_savoir_plus.jpg);
background-repeat:no-repeat;
background-position:right bottom;
height:17px;
padding-left:2px;
padding-top:2px;
text-align:right;
padding-right:2px;
margin-top:5px;
}

#produit_colonne .info a{
font-size:9px;
color:#FFFFFF;
text-decoration:none;
}

#produit_colonne .comparer_texte{
}

#produit_colonne .bouton_comparer{
}

/******************************************************************************************************/
/* ------------- DETAILS PRODUITS ------------ */
/******************************************************************************************************/
#detail {
border-left:2px solid #F5F3EF;
border-bottom:2px solid #F5F3EF;
width:548px;
margin-top:10px;
}

#detail_zone1{
border-top:2px solid #F5F3EF;
float:left;
width:210px;
}

#detail_zone2{
float:left;
background-color:#F5F3EF;
width:338px;
padding-bottom:10px;
}

#detail_zone3{
background-color:#F5F3EF;
width:550px;
margin-top:10px;
}

#detail_photo {
background-color:#FFFFFF;
}

#detail_photo img{
margin-top:10px;
margin-left:auto;
margin-right:auto;
display:block;
}

#detail_nom {
font-size:24px;
color:#FFFFFF;
padding-left:10px;
padding-top:5px;
vertical-align:bottom;
width:328px;
background-color:#C5DA27;
background-image:url("images/fond_fiche_titre.jpg");
background-position:top right;
background-repeat:no-repeat;
}

#detail_marque {
background-color:#C5DA27;
font-size:14px;
color:#FFFFFF;
padding-left:10px;
width:328px;
padding-bottom:5px;
}

#detail_imprimer {
width:328px;
text-align:right;
padding-right:10px;
}

#detail_prix {
font-size:17px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
width:328px;
}

#detail_prix #chiffre {
color:#ED6F12;
font-weight:bold;
}

#detail_prix .euro {
color:#ED6F12;
font-weight:bold;
}

#detail_resume {
padding-left:10px;
padding-right:10px;
padding-top:10px;
width:318px;
background-color:#F5F3EF;
}

#detail_choix {
padding-left:10px;
padding-right:10px;
width:318px;
background-color:#F5F3EF;
}

#detail_choix .case {
padding:3px; 
background-color:#1DB5E7; 
color:#FFFFFF; 
border:1px solid #FFFFFF; 
line-height:16px; 
float:left;
text-decoration:none;
}

#detail_choix .case:hover {
background-color:#EE6F12;
}

#detail_choix .selected {
padding:3px; 
color:#FFFFFF; 
border:1px solid #FFFFFF; 
height:16px; 
line-height:16px; 
white-space:nowrap; 
float:left;
text-decoration:none;
background-color:#EE6F12;
}

#detail_bouton_ajouter_panier {
padding-left:10px;
padding-right:10px;
padding-top:30px;
width:318px;
background-color:#F5F3EF;
}

#detail_bouton_ajouter_selection {
}

#detail_description{
width:540px;
padding:10px;
}

/******************************************************************************************************/
/* --------------- ETAPES PANIER --------------- */
/******************************************************************************************************/
#panier_etape{
width:550px;
height:88px;
}

#panier_etape ul {
list-style:none;
width:550px;
height:88px;
margin-left:5px;
}

#panier_etape li{
list-style:none;
float:left;
height:86px;
width:91px;
}

#panier_etape li .etape1 {
height:86px;
width:86px;
}

#panier_etape li .etape2 {
height:86px;
width:86px;
}

#panier_etape li .etape3 {
height:86px;
width:86px;
}

#panier_etape li .etape4 {
height:86px;
width:86px;
}

#panier_etape li .etape5 {
height:86px;
width:86px;
}

#panier_etape li .etape6 {
height:86px;
width:86px;
}

/* --------------- PANIER 1 --------------- */
#panier1 {
width:550px;
}

#panier1 table {
border-collapse:collapse;
}

#panier1 td {
border:1px solid #E8E6E0;
}

#panier1 .titre {
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#panier1 .vide {
display:block;
width:540px;
padding:5px;
text-align:center;
}

#panier1 #tableau .titre {
font-weight:bold;
background-color:#F5F3EF;
height:20px;
text-align:center;
color:#000000;
}

#panier1 #tableau .col1 {
width:280px;
color:#000000;
padding:5px;
}

#panier1 #tableau .col1 a{
color:#000000;
}

#panier1 #tableau .col2 {
width:100px;
text-align:right;
padding-right:5px;
}

#panier1 #tableau .col3 {
width:90px;
text-align:center;
}

#panier1 #tableau .col4 {
width:90px;
text-align:right;
padding-right:5px;
}

#panier1 .nb {
font-size:11px;
font-weight:normal;
}

#panier1 #tableau .total {
text-align:right;
background-color:#F5F3EF;
height:30px;
padding-right:5px;
font-weight:bold;
}

#panier1 #tableau .total_texte {
text-align:right;
font-weight:bold;
padding-right:5px;
}

#panier1 .bouton_gauche {
text-align:left;
border:none;
padding-left:10px;
padding-top:10px;
}

#panier1 .bouton_droite {
text-align:right;
border:none;
padding-right:10px;
padding-top:10px;
}

#panier1 .supprimer, #panier1 .supprimer a{
text-decoration:none;
color:#000000;
}

#panier1 .supprimer a:hover{
color:#000000;
}

/* --------------- PANIER 2 --------------- */
#panier2 {
width:550px;
}

#panier2 a {
color:#000000;
font-weight:bold;
}

#panier2 .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#panier2 .contenu {
background-color:#F5F3EF;
width:540px;
padding:5px;
}

#panier2 .erreur {
color:#FF0000;
}

#panier2 .class_hr {
color:#C5DA27;
background-color: #C5DA27;
height: 2px;
border: 0;
}

/* --------------- PANIER 3 --------------- */
#panier3 {
width:550px;
}

#panier3 .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#panier3 .texte {
display:block;
width:540px;
padding:5px;
padding-top:10px;
}

#panier3 .bouton_continuer {
width:540px;
text-align:right;
padding-right:10px;
}

#panier3 .erreur {
color:#FF0000;
}

#panier3 .code_promo {
margin-left:5px;
}

/* --------------- PANIER 4 --------------- */
#panier4 {
width:550px;
}

#panier4 .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#panier4 .titre a{
color:#FFFFFF;
padding-left:10px;
font-size:12px;
}

#panier4 .contenu {
width:540px;
padding:5px;
}

#panier4 .bouton_continuer {
width:540px;
text-align:right;
padding-right:5px;
}

#panier4 .erreur {
color:#FF0000;
}

#panier4 table {
border-collapse:collapse;
text-align:center;
}

#panier4 td {
border:1px solid #E8E6E0;
padding:5px;
}

#panier4 .titre_colonne {
font-weight:bold;
background-color:#F5F3EF;
height:20px;
text-align:center;
}

#panier4 .bouton_continuer {
width:540px;
text-align:right;
padding-right:10px;
}

/* --------------- PANIER 5 --------------- */
#panier5 {
width:550px;
}

#panier5 .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#panier5 .titre a{
color:#FFFFFF;
padding-left:10px;
font-size:12px;
}

#panier5 .contenu {
width:540px;
padding:5px;
}

#panier5 .bouton_continuer {
width:540px;
text-align:right;
padding-right:5px;
}

#panier5 .erreur {
color:#FF0000;
}

#panier5 table {
border-collapse:collapse;
text-align:center;
}

#panier5 td {
border:1px solid #E8E6E0;
padding:5px;
}

#panier5 .titre_colonne {
font-weight:bold;
background-color:#F5F3EF;
height:20px;
text-align:center;
}

#panier5 .bouton_continuer {
width:540px;
text-align:right;
padding-right:10px;
}

/* --------------- PANIER 6 --------------- */
#panier6 {
width:550px;
}

#panier6 .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#panier6 .titre a{
color:#FFFFFF;
padding-left:10px;
font-size:12px;
}

#panier6 .contenu {
width:540px;
padding:5px;
}

#panier6 .bouton_continuer {
width:540px;
text-align:right;
padding-right:5px;
}

#panier6 .erreur {
color:#FF0000;
}

#panier6 table {
border-collapse:collapse;
text-align:center;
}

#panier6 td {
border:1px solid #E8E6E0;
padding:5px;
}

#panier6 .titre_colonne {
font-weight:bold;
background-color:#F5F3EF;
height:20px;
text-align:center;
}

#panier6 .bouton {
text-align:center;
border:none;
width:540px;
}

#panier6 .bouton_continuer {
width:540px;
text-align:right;
padding-right:10px;
}

#panier6 .total {
background-color:#F5F3EF;
font-weight:bold;
}

/* --------------- PANIER 7 --------------- */
#panier7 {
width:550px;
}

#panier7 .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#panier7 .texte {
display:block;
width:540px;
padding:5px;
padding-top:10px;
}


/******************************************************************************************************/
/* ------------- RESULTAT RECHERCHE ------------ */
/******************************************************************************************************/
#resultat {
background-image:url("images/fond_ariane.jpg");
width:540px;
height:27px;
color:#FFFFFF;
padding-left:10px;
font-size:12px;
background-repeat:no-repeat;
line-height:27px;
}

#resultat .nb{
font-weight:bold;
}

#resultat .texte{
font-style:italic;
}

/******************************************************************************************************/
/* --------------- TRI --------------- */
/******************************************************************************************************/
#tri {
display:block;
padding-bottom:10px;
padding-left:10px;
}

#tri .selected{
border-bottom:2px solid #DBDBDC;
}

#tri .image {
display:none;
}

#tri a{
text-decoration:none;
color:#000000;
}

#tri a:hover{
border-bottom:2px solid #DBDBDC;
}

#tri .texte {
font-weight:bold;
}

/******************************************************************************************************/
/* ------------- COMPTE OUBLIE ------------ */
/******************************************************************************************************/

#compte_oublie {
width:550px;
}

#compte_oublie .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#compte_oublie .texte {
}

#compte_oublie .erreur {
color:#FF0000;
}

#compte_oublie .bouton {
text-align:right;
padding-top:10px;
}

/******************************************************************************************************/
/* --------------- HISTORIQUE COMMANDES --------------- */
/******************************************************************************************************/

#compte_commande {
width:550px;
}

#compte_commande a {
color:#000000;
}

#compte_commande table {
border-collapse:collapse;
}

#compte_commande td {
border:1px solid #E8E6E0;
}

#compte_commande .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#compte_commande .texte {
margin-top:10px;
margin-bottom:10px;
}

#compte_commande #tableau{
width:550px;
text-align:center;
}

#compte_commande #tableau .titre_colonne {
background-color:#F5F3EF;
font-weight:bold;
line-height:30px;
}

#compte_commande #tableau .ligne {
margin-bottom:50px;
}

#compte_commande #tableau .date {
width:150px;
}

#compte_commande #tableau .detail {
width:200px;
}

#compte_commande #tableau .statut {
width:200px;
}

/******************************************************************************************************/
/* ------------- COMPTE PASSWORD ------------ */
/******************************************************************************************************/

#compte_password {
width:550px;
}

#compte_password #tableau .texte{
width:250px;
}

#compte_password #tableau .saisie{
}

#compte_password .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:bold;
width:540px;
padding:5px;
}

#compte_password .texte {
}

#compte_password .erreur {
color:#FF0000;
}

#compte_password .bouton {
text-align:right;
padding-top:10px;
}


/******************************************************************************************************/
/* ------------- STIM-FORM ------------ */
/******************************************************************************************************/

#stim-form {
font-family:Helvetica,Arial;
font:Helvetica,Arial;
font-size:13px; 
padding-right:5px; 
padding-left:5px;	
}

#stim-form p{
margin:1.12em 0;
}

#stim-form ul{
margin-left:40px;
list-style:disc;
}

#stim-form li{
display:list-item;
}

#stim-form .bleu{
color:#043E6E;
}

#stim-form .bleu_grand{
color:#043E6E;
font-size:16px;
font-weight:bold;
}

/******************************************************************************************************/
/* ------------- PLAN ------------ */
/******************************************************************************************************/

#plan_image {
margin-top:20px;
background-image:url(images/plan.jpg);
width:550px;
background-position:center;
background-repeat:no-repeat;
height:293px;
}

#plan_image .titre{
position:relative;
background-image:url(images/fond_titre_vert.jpg);
height:38px;
width:326px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:10px;
left:214px;
}

#plan_texte{
text-align:center;
}

/******************************************************************************************************/
/* ------------- NEUTRE ------------ */
/******************************************************************************************************/

#neutre1 {
position:relative;
background-color:#F5F3EF;
width:550px;
height:304px;
margin-bottom:10px;
margin-top:10px;
}

#neutre1 .titre{
position:absolute;
background-image:url(images/fond_titre_vert.jpg);
height:38px;
width:338px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:10px;
left:202px;
}

#neutre1 .savoir_plus{
position:absolute;
background-image:url(images/fond_savoir_plus.jpg);
height:17px;
width:63px;
padding-left:2px;
padding-top:2px;
left:485px;
top:285px;
z-index:2;
}

#neutre1 .savoir_plus a{
font-size:9px;
color:#FFFFFF;
text-decoration:none;
}

#neutre1 .contenu{
position:absolute;
height:237px;
width:328px;
padding:10px;
left:202px;
top:38px;
}

#neutre1 img{
display:block;
position:absolute;
border-left:2px solid #F5F3EF;
border-top:2px solid #F5F3EF;
border-bottom:2px solid #F5F3EF;
}

#neutre2 {
position:relative;
background-color:#F5F3EF;
width:270px;
height:200px;
float:left;
}

#neutre2 #gauche {
float:left;
background-color:#FFFFFF;
width:100px;
height:198px;
border-left:2px solid #F5F3EF;
border-top:2px solid #F5F3EF;
border-bottom:2px solid #F5F3EF;
border-right:none;
}

#neutre2 #gauche img{
display:block;
width:90px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}

#neutre2 #droite {
float:left;
}

#neutre2 .titre{
position:absolute;
background-image:url(images/fond_titre_vert_petit.jpg);
height:38px;
width:158px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:10px;
left:102px;
}

#neutre2 .savoir_plus{
position:absolute;
background-image:url(images/fond_savoir_plus.jpg);
height:17px;
width:63px;
padding-left:2px;
padding-top:2px;
left:205px;
top:180px;
z-index:2;
}

#neutre2 .savoir_plus a{
font-size:9px;
color:#FFFFFF;
text-decoration:none;
}

#neutre2 .contenu{
position:absolute;
height:129px;
width:148px;
padding:10px;
left:102px;
top:38px;
}

#neutre2 .bouton_ajouter_panier{
position:relative;
display:block;
margin:auto;
height:22px;
width:91px;
top:20px;
}

#neutre3 {
position:relative;
background-color:#F5F3EF;
width:270px;
height:200px;
float:left;
margin-left:10px;
}

#neutre3 #gauche {
float:left;
background-color:#FFFFFF;
width:100px;
height:198px;
border-left:2px solid #F5F3EF;
border-top:2px solid #F5F3EF;
border-bottom:2px solid #F5F3EF;
border-right:none;
}

#neutre3 #gauche img{
display:block;
width:90px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}

#neutre3 #droite {
float:left;
}

#neutre3 .titre{
position:absolute;
background-image:url(images/fond_titre_orange_petit.jpg);
height:38px;
width:158px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:10px;
left:102px;
}

#neutre3 .savoir_plus{
position:absolute;
background-image:url(images/fond_savoir_plus.jpg);
height:17px;
width:63px;
padding-left:2px;
padding-top:2px;
left:205px;
top:180px;
z-index:2;
}

#neutre3 .savoir_plus a{
font-size:9px;
color:#FFFFFF;
text-decoration:none;
}

#neutre3 .contenu{
position:absolute;
height:129px;
width:148px;
padding:10px;
left:102px;
top:38px;
}

#neutre3 .bouton_ajouter_panier{
position:relative;
display:block;
margin:auto;
height:22px;
width:91px;
top:20px;
}

/******************************************************************************************************/
/* ------------- ACTUALITE ------------ */
/******************************************************************************************************/

#actualite_zone1 {
height:296px;
width:200px;
border:2px solid #F5F3EF;
border-right:none;
float:left;
}

#actualite_zone2 {
background-color:#F5F3EF;
width:348px;
float:left;
height:300px;
}

#actualite_zone3 {
background-color:#F5F3EF;
width:550px;
margin-top:10px;
min-height:100px;
}

#actualite_zone2 .nom {
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#actualite_zone2 .marque {
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

#actualite_zone2 .resume {
padding-left:10px;
padding-right:10px;
}

#actualite_zone3 .texte {
display:block;
padding:10px;
width:530px;
}

#actualite_zone2 .titre {
background-image:url(images/fond_titre_vert.jpg);
height:38px;
width:338px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:10px;
}

#nb {
width:530px;
text-align:right;
padding-right:10px;
padding-left:10px;
}








































/* --------------- HISTORIQUE COMMANDES --------------- */
.compte_commandes_tableau{
width:400px;
text-align:center;
}
.compte_commandes_tableau .ligne_titres {
background-color:#99D55B;
line-height:30px;
}
.compte_commandes_tableau .ligne_commandes {
margin-bottom:50px;
}
.compte_commandes_tableau .date {
width:100px;
}
.compte_commandes_tableau .details {
width:150px;
}
.compte_commandes_tableau .statut {
width:150px;
}







/* --------------- BAS DE PAGE --------------- */
#bas {
width:952px;
position:relative;
display:block;
text-align:center;
}


/* --------------- FORMULAIRE INSCRIPTION --------------- */
.erreur {
font-weight:bold;
color:#FF0000;
}

.formulaire_tableau{
width:370px;
margin-bottom:20px;
}

.formulaire_titre {
font-weight:bold;
}

.texte {
width:200px;
}
.texte_erreur {
width:200px;
font-weight:bold;
color:#FF0000;
}

.formulaire_tableau input{
}

.input_erreur {
background-color:#FFFFCC;
border:1px solid #FF0000;
}



/* ------------- COMPARE ------------ */
#compare table,td {
}

#compare .nom_colonne {
background-color:#ECE7D4;
vertical-align:top;
text-align:left;
padding-left:5px;
}

#compare .bord {
background-image:url("images/bord.jpg");
}

#compare .prix {
text-align:center;
color: #FF0000;
font-weight:bold;
font-size:14px;
}

#compare .nom {
color:#77A647;
text-decoration:none;
font-weight:bold;
text-align:center;
}



/* --------------- AFFICHAGE PRODUITS NEUTRE --------------- */
#produit_neutre ul{
display:block; 
position:relative; 
clear:left; 
width:526px; 
height:247px; 
padding:0px;
}

#produit_neutre li{
display:block;
margin:1px;
padding:0px;
position:relative;
float:left;
width:170px;
height:245px;
}

#produit_neutre .image{
display:block;
text-align:center;
height:100px;
}

#produit_neutre .nom{
display:block;
text-align:center;
height:45px;
width:170px;
color:#77A647;
text-decoration:none;
font-weight:bold;
}

#produit_neutre .prix{
text-align:center;
color: #FF0000;
font-weight:bold;
font-size:14px;
height:20px;
}

#produit_neutre .bouton{
display:block;
text-align:center;
height:50px;
}

#produit_neutre .titre {
position:relative;
display:block;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
width:181px;
background-image:url("images/neutre_titre.jpg");	
}

#produit_neutre .cadre {
border:solid 1px #F18401;
display:block;
}


.panier4_cgv{
text-decoration:none;
color:#999999;
font-style:italic;
}
.panier4_cgv:hover{
color:#F08400;
}

.panier6_adresses_ul{
display:block;
margin-left:auto;
margin-right:auto;
padding:5px;
width:380px;
height:70px;
border:solid 1px #99D55C;
}
.panier6_adresses_li{
display:block;
position:relative;
float:left;
margin-right:50px;
}

.panier6_tableau {
	width:518px;
}



#vignette {
z-index:1;
}

#photo img {
border-width: 0px;
}

#vignette li,ul {
list-style:none;
margin-bottom:5px;
}

#vignette li {
border:solid 1px #99D55C;
}

#vignette .selected {
opacity:0.5;
filter:alpha(opacity=50);
}


#description .titre {
color:#000000;
font-size:12px;
font-weight:bold;
font-style:italic;
}

#description .sous_titre {
color:#FF0000;
font-size:12px;
font-weight:bold;
}

#description .prix {
text-align:center;
color: #FF0000;
font-weight:bold;
font-size:14px;
}

#produits_associes {
clear:both;	
display:block;
width:506px;
padding:10px;
border:solid 1px #99D55C;
}
#produits_associes .titre {
color:#000000;
font-size:12px;
font-weight:bold;
font-style:italic;
}
#produits_associes ul{
display:block; 
position:relative; 
clear:left; 
width:506px; 
height:187px; 
padding:0px;
}

#produits_associes li{
display:block;
margin:1px;
padding:0px;
position:relative;
float:left;
width:165px;
height:185px;
}

#produits_associes .image{
display:block;
text-align:center;
height:100px;
}

#produits_associes .nom{
display:block;
text-align:center;
height:45px;
width:165px;
color:#77A647;
text-decoration:none;
font-weight:bold;
}

#produits_associes .prix{
text-align:center;
color: #FF0000;
font-weight:bold;
font-size:14px;
height:20px;
}

#produits_associes .bouton{
display:block;
text-align:center;
height:50px;
}