*{
margin: 0; 
padding: 0;
} 

img {
border:0px;
}

.fin {
clear:both;
height:0;
}

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

#colonne_recherche_nl {
position:relative;
width:181px;
height:106px;
background-image:url("images/fond_colonne_recherche_nl.jpg");	
color:#504E53;
}

#colonne_recherche .titre, #colonne_recherche_nl .titre {
}

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

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

#colonne_recherche select, #colonne_recherche_nl select {
width:80px;
}

#colonne_recherche input, #colonne_recherche_nl input {
width:130px;
}

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

#colonne_newsletter .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_vert.jpg");	
background-repeat:no-repeat;
font-size:15px;
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;
color:#FFFFFF;
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;
color:#FFFFFF;
text-decoration:none;
}

/* --------------- ENCART OCCASIONS --------------- */
#colonne_occasion {
position:relative;
width:181px;
}

#colonne_occasion .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_occasion .titre a {
font-size:15px;
color:#FFFFFF;
text-decoration:none;
}

/* --------------- ENCART ACTUALITES --------------- */
#colonne_actualite {
position:relative;
width:181px;
}

#colonne_actualite .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_actualite .titre a {
font-size:15px;
color:#FFFFFF;
text-decoration:none;
}

/* --------------- ENCART FORMATION --------------- */
#colonne_formation {
position:relative;
width:181px;
}

#colonne_formation .titre {
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_formation .titre a {
font-size:15px;
color:#FFFFFF;
text-decoration:none;
}

/* --------------- ENCART STIM MAG --------------- */
#colonne_stimmag {
position:relative;
width:181px;
}

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

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

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

#colonne_compte .titre {
display:block;
width:176px;
background-image:url("images/fond_colonne_vert.jpg");	
background-repeat:no-repeat;
font-size:15px;
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 {
color:#504E53;
}

#colonne_selection .titre {
}

#colonne_selection .contenu {
}

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

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

#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{
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:#504E53;
}


/* 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;
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 {
color:#1DB5E7;
}

#colonne_menu ul li.menu2 a.on {
color:#1DB5E7;
}

/* 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-size:13px;
color:#FFFFFF;
}

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

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

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

.coin_promotion {
background-image:url(images/coin_promotion.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/coin_promotion.png'); 
width:80px; 
height:70px;
top:0px;
position:absolute;
}

.coin_occasion {
background-image:url(images/coin_occasion.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/coin_occasion.png'); 
width:80px; 
height:70px; 
top:0px;
position:absolute;
}

.coin_nouveaute {
background-image:url(images/coin_nouveaute.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/coin_nouveaute.png'); 
width:80px; 
height:70px; 
top:0px;
position:absolute;
}

/* --------------- AFFICHAGE LISTE PRODUIT EN LIGNE --------------- */
#produit_ligne table {
background-color:#F5F3EF;
width:550px;
vertical-align:top;
}

#produit_ligne td {
background-color:#F5F3EF;
vertical-align:top;
}

#produit_ligne .photo {
border:2px solid #F5F3EF;
background-color:#FFFFFF;
width:170px;
padding-top:5px;
padding-bottom:5px;
position:relative;
}

#produit_ligne .panier {
text-align:center;
margin-top:10px;
margin-bottom:10px;
height:22px;
}

#produit_ligne img {
display:block;
margin-left:auto;
margin-right:auto;
border:0;
}

#produit_ligne .nom{
display:block;
font-size:15px;
text-decoration:none;
font-weight:bold;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

#produit_ligne .marque{
display:block;
text-decoration:none;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}

#produit_ligne .resume{
display:block;
text-decoration:none;
padding-left:5px;
padding-right:5px;
width:187px;
}

#produit_ligne .resume_bis{
display:block;
text-decoration:none;
padding-left:5px;
padding-right:5px;
width:287px;
}

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

#produit_ligne .prix{
text-align:center;
vertical-align:middle;
width:110px;
margin-top:20px;
}


#produit_ligne .info{
background-image:url(images/fond_savoir_plus.jpg);
background-repeat:no-repeat;
background-position:right bottom;
text-align:right;
vertical-align:bottom;
padding-bottom:3px;
padding-right:3px;
width:65px;
}

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

#produit_ligne .entre_v {
height:5px;
background-color:#FFFFFF;
}

/* --------------- AFFICHAGE LISTE PRODUIT EN COLONNE --------------- */
#produit_colonne td{
background-color:#F5F3EF;
width:180px;
vertical-align:top;
}

#produit_colonne .td_vide {
background-color:#FFFFFF;
border:none;
}

#produit_colonne .photo {
border:2px solid #F5F3EF;
background-color:#FFFFFF;
height:175px;
padding-top:5px;
padding-bottom:5px;
position:relative;
}

#produit_colonne .tdphoto {
background-color:#FFFFFF;
height:175px;
padding-top:5px;
padding-bottom:5px;
line-height:175px;
vertical-align:middle;
}

#produit_colonne img {
display:block;
margin-left:auto;
margin-right:auto;
border:0;
}

#produit_colonne .nom{
display:block;
font-size:15px;
text-decoration:none;
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}

#produit_colonne .panier {
text-align:center;
margin-top:10px;
margin-bottom:10px;
height:22px;
}

#produit_colonne .marque{
display:block;
text-decoration:none;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

#produit_colonne .resume{
display:block;
text-decoration:none;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
}

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

#produit_colonne .prix{
text-align:center;
}

#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 .entre_h {
width:5px;
background-color:#FFFFFF;
}

#produit_colonne .entre_v {
height:5px;
background-color:#FFFFFF;
}

#produit_colonne .taxe, .occasion, .promotion {
text-align:center;
}


/******************************************************************************************************/
/* ------------- 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;
width:210px;
margin:0 auto;
}

#detail_photo .photo {
padding-top:5px;
padding-bottom:5px;
position:relative;
}

#detail_fichier {
background-color:#FFFFFF;
}

#detail_fichier .fichier {
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
position:relative;
}

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

#detail_vignette {
background-color:#FFFFFF;
height:60px;
}

#detail_vignette .photo {
width:48px;
height:48px;
float:left;
margin-right:2px;
border:2px solid #F5F3EF;
}

#detail_vignette .photo img{
display:block;
margin:auto;
}

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

.prix {
color: #ED6F12;
font-weight:$tri;
font-size:20px;
}

#detail .prix {
padding-top:10px;
padding-bottom:10px;
width:328px;
display:inline;
}

.promotion {
font-size:12px;
font-weight:$tri;
text-decoration:line-through;
color:#C5DA27;
}

.occasion {
font-size:12px;
font-weight:$tri;
text-decoration:line-through;
color:#C5DA27;
}

.taxe {
font-size:10px;
}

#detail_prix .chiffre {
color: #ED6F12;
font-weight:$tri;
font-size:20px;
display:inline;
}

#detail_prix .promotion {
display:inline;
margin-right:10px;
}

#detail_prix .occasion {
display:inline;
margin-right:10px;
}

#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 table {
width:200px;
}

#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_choix select {
min-width:70px;
}

#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:530px;
padding:10px;
font-size:13px;
}


#taille_police{
width:530px;
padding:10px;
font-size:13px;
}

#detail_associe {
background-color:#FFFFFF;
height:100px;
padding-top:10px;
font-weight:bold;
}

#detail_associe .photo {
width:88px;
height:88px;
float:left;
margin-right:2px;
border:2px solid #F5F3EF;
margin-top:10px;
}

#detail_associe .photo img{
display:block;
margin:auto;
}

#detail_video {
width:530px;
padding:10px;
font-size:13px;
text-align:center;
}

/******************************************************************************************************/
/* --------------- 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:$tri;
width:540px;
padding:5px;
}

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

#panier1 #tableau .titre_colonne {
font-weight:$tri;
background-color:#F5F3EF;
height:20px;
text-align:center;
}

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

#panier1 #tableau .col1 a{
}

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

#panier1 #tableau .total_texte {
text-align:right;
font-weight:$tri;
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;
}

#panier1 .supprimer a:hover{
}

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

#panier2 a {
font-weight:$tri;
}

#panier2 .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:$tri;
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:$tri;
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:$tri;
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:$tri;
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:$tri;
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:$tri;
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:$tri;
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;
}

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

#panier6 #tableau .titre_colonne {
font-weight:$tri;
background-color:#F5F3EF;
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:$tri;
text-align:right;
}

#panier6 #tableau .col1 {
width:280px;
padding:5px;
text-align:left;
}

#panier6 #tableau .col1 a{
}

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

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

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

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

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

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


/******************************************************************************************************/
/* ------------- RESULTAT RECHERCHE ------------ */
/******************************************************************************************************/
.carre {
height:10px; 
width:10px; 
margin-right:1px; 
background-color:#666666; 
float:left
}

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

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

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

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

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

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

#compte_oublie {
width:550px;
}

#compte_oublie .titre {
display:block;
background-color:#C5DA27;
color:#FFFFFF;
font-weight:$tri;
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 {
}

#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:$tri;
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:$tri;
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:$tri;
width:540px;
padding:5px;
}

#compte_password .texte {
}

#compte_password .erreur {
color:#FF0000;
}

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


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

#compte_formulaire {
width:550px;
}

#compte_formulaire a {
font-weight:$tri;
}

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

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

#compte_formulaire .erreur {
color:#FF0000;
}

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

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

/******************************************************************************************************/
/* ------------- 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 ------------ */
/******************************************************************************************************/
#neutre {
margin-top:10px;
width:550px;
}

#neutre .neutre1 {
width:270px;
}

#neutre .entre1 {
width:10px;
}

#neutre .vide1 {
width:270px;
}

#neutre .gauche1 {
background-color:#FFFFFF;
border-left:2px solid #F5F3EF;
border-top:2px solid #F5F3EF;
border-bottom:2px solid #F5F3EF;
border-right:none;
}

#neutre .gauche1 img {
display:block;
margin-left:auto;
margin-right:auto;
width:80px;
}

#neutre .droite1 {
background-color:#F5F3EF;
}

#neutre .titre1_a{
display:block;
background-image:url(images/fond_titre_vert_petit.jpg);
background-color:#C5DA27;
background-position:right top;
background-repeat:no-repeat;
height:38px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
}

#neutre .titre1_b{
display:block;
background-image:url(images/fond_titre_orange_petit.jpg);
background-color:#EE6E13;
background-position:right top;
background-repeat:no-repeat;
height:38px;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
}

#neutre .savoir_plus{
background-image:url(images/fond_savoir_plus.jpg);
background-position:right bottom;
background-repeat:no-repeat;
text-align:right;
padding-right:4px;
height:19px;
line-height:19px;
vertical-align:bottom;
font-size:12px;
background-color:#F5F3EF;
padding-top:5px;
}

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

#neutre .nom{
display:block;
font-size:15px;
text-decoration:none;
font-weight:$tri;
padding-left:5px;
padding-top:5px;
}

#neutre .marque{
display:block;
text-decoration:none;
font-weight:$tri;
padding-left:5px;
}

#neutre .resume{
display:block;
padding-left:5px;
}

#neutre .neutre2 {
width:550px;
}

#neutre .gauche2 {
background-color:#FFFFFF;
border-left:2px solid #F5F3EF;
border-top:2px solid #F5F3EF;
border-bottom:2px solid #F5F3EF;
border-right:none;
}

#neutre .gauche2 img {
display:block;
margin-left:auto;
margin-right:auto;
}

#neutre .droite2 {
background-color:#F5F3EF;
}

#neutre .titre2_a{
display:block;
background-image:url(images/fond_titre_vert.jpg);
background-color:#C5DA27;
background-position:right top;
background-repeat:no-repeat;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
height:38px;
}

#neutre .titre2_b{
display:block;
background-image:url(images/fond_titre_orange.jpg);
background-color:#EE6E13;
background-position:right top;
background-repeat:no-repeat;
line-height:38px;
font-size:22px;
color:#FFFFFF;
padding-left:5px;
height:38px;
}


/******************************************************************************************************/
/* ------------- 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:$tri;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#actualite_zone2 .marque {
font-weight:$tri;
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;
font-size:10px;
}

#nb a {
text-decoration:underline;
font-size:10px;
}

#nb .hover {
text-decoration:none;
font-size:10px;
}


#nb_haut {
width:530px;
text-align:right;
padding-right:10px;
padding-left:10px;
font-size:14px;
font-weight:bold;
color:#c5da27;
}

#nb_haut a {
text-decoration:underline;
font-size:14px;
font-weight:bold;
color:#c5da27;
}

#nb_haut .hover {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#c5da27;
}





































/* --------------- 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:$tri;
color:#FF0000;
}

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

.formulaire_titre {
font-weight:$tri;
}

.texte {
width:200px;
}
.texte_erreur {
width:200px;
font-weight:$tri;
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:$tri;
font-size:14px;
}

#compare .nom {
color:#77A647;
text-decoration:none;
font-weight:$tri;
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:$tri;
}

#produit_neutre .prix{
text-align:center;
color: #FF0000;
font-weight:$tri;
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:$tri;
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 {
font-size:12px;
font-weight:$tri;
font-style:italic;
}

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

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

#produits_associes {
clear:both;	
display:block;
width:506px;
padding:10px;
border:solid 1px #99D55C;
}
#produits_associes .titre {
font-size:12px;
font-weight:$tri;
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:$tri;
}

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

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

html, body, a, .texte {
margin:0;
padding:0;
height:100%;
font-family:Helvetica,Arial;
font:Helvetica,Arial;
font-size:13px;
color:#716F72;
}

.titre {
font-family:Helvetica,Arial;
font:Helvetica,Arial;
font-size:15px;
font-weight:bold;
color:#716F72;
}

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_nl {
position:relative;
width:100%;
margin:0 auto;
height:158px;
background-image:url(images/fond_haut_nl.jpg);
background-position:top center;
background-color:#99B500;
}

#haut_home {
display:block;
position:absolute;
left:440px;
top:125px;
width:200px;
height:30px;
}

#haut_langue {
display:block;
position:absolute;
left:950px;
top:95px;
width:24px;
height:15px;
}

#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;
padding-top:2px;
display:block;
}

#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:13px;
list-style:none;
margin:0;
padding:0;
}

#haut_menu li{
width:132px;
text-align:center;
margin:0;
padding:0;
/*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;
}