﻿*{margin:0;padding:0;}
body{font-family:verdana;font-size:10px;}
.clear{clear:both;}
a{text-decoration:none;}

.orange{background-color:#f29400;}
.txt_orange{color:#f29400;}
.txt_orange a{color:#f29400;}
.puce_orange{list-style-image:url(../../images/sup_b&o.gif);}
.puce_orange_search{color:#f29400;}
div.hover_orange:hover{background-color:#f4bd66;}
div.active_orange{background-color:#f4bd66;}

.jaune{background-color:#F4C207;}
.txt_jaune{color:#F4C207;}
.txt_jaune a{color:#F4C207;}
.puce_jaune{list-style-image:url(../../images/sup_b&o.gif);}
.puce_jaune_search{color:#F4C207;}
div.hover_jaune:hover{background-color:#F4C207;}
div.active_jaune{background-color:#F4C207;}

.bleu{background-color:#5284bf;}
.txt_bleu{color:#5284bf;}
.txt_bleu a{color:#5284bf;}
.puce_bleu{list-style-image:url(../../images/sup_b&bclair.gif);}
.puce_bleu_search{color:#5284bf;}
div.hover_bleu:hover{background-color:#1a448f;}
div.active_bleu{background-color:#1a448f;}

.bleu_fonce{background-color:#003D77;}
.txt_bleu_fonce{color:#003D77;}
.txt_bleu_fonce a{color:#003D77;}
.puce_bleu_fonce{list-style-image:url(../../images/sup_b&bclair.gif);}
.puce_bleu_fonce_search{color:#003d77;}
div.hover_bleu_fonce:hover{background-color:#000f38;}
div.active_bleu_fonce{background-color:#000f38;}


.violet{background-color:#8a1972;}
.txt_violet{color:#8a1972;}
.txt_violet a{color:#8a1972;}
.puce_violet{list-style-image:url(../../images/sup_b&v.gif);}
.puce_violet_search{color:#8a1972;}			
div.hover_violet:hover{background-color:#4b0233;}
div.active_violet{background-color:#4b0233;}

.vert{background-color:#437a1c;}
.txt_vert{color:#437a1c;}
.txt_vert a{color:#437a1c;}
.puce_vert{list-style-image:url(../../images/sup_vc&b.gif);}
.puce_vert_search{color:#437a1c;}			
div.hover_vert:hover{background-color:#80953c;}
div.active_vert{background-color:#80953c;}

.vert_clair{background-color:#8aad1b;}
.txt_vert_clair{color:#8aad1b;}
.txt_vert_clair a{color:#8aad1b;}
.puce_vert{list-style-image:url(../../images/sup_vc&b.gif);}
.puce_vert_clair_search{color:#8aad1b;}			
div.hover_vert_clair:hover{background-color:#8aad1b;}
div.active_vert_clair{background-color:#8aad1b;}

.rouge{background-color:#e5352d;}
.txt_rouge{color:#e5352d;}
.txt_rouge a{color:#e5352d;}
.puce_rouge{list-style-image:url(../../images/sup_vc&r.gif);}	
.puce_rouge_search{color:#e5352d;}		
div.hover_rouge:hover{background-color:#ce0b08;} 
div.active_rouge{background-color:#ce0b08;} 

.jaune{background-color:#f4c207;}

.marron{background-color:#ae977f;}
.txt_marron{color:#ae977f;}
.txt_marron a{color:#ae977f;}
.puce_marron{list-style-image:url(../../images/sup_b&gris.gif);}	
.puce_marron_search{color:#ae977f;}		
div.hover_marron:hover{background-color:#77593f;}
div.active_marron{background-color:#77593f;} 

.gris{background-color:#9c9d9f;}
.txt_gris{color:#ae977f;}
.txt_gris a{color:#ae977f;}
.puce_gris{list-style-image:url(../../images/sup_b&gris.gif);}		
.puce_gris_search{color:#9c9d9f;}	
div.hover_gris:hover{background-color:#77593f;}
div.active_gris{background-color:#77593f;} 



#menu{width:314px;}
#menu_boutique{width:288px;}
.lien_accueil{color:#e4e4e4;display:block;padding-top:10px;margin-left:10px;}
.lien_accueil a{color:#e4e4e4;} 
.ico{float:right;margin-right:0;margin-top:20px;}
.ico_boutique{float:right;margin-right:16px;margin-top:8px;}
.intro_rub{margin-top:10px;margin-bottom:24px;font-weight:bold;}
.intro_rub_boutique{color:black;margin-bottom:24px;margin-top:10px;padding-right:16px;}
#titre_menu{border-bottom:1px solid white;border-top:1px solid white;margin-left:12px;margin-top:10px;width:268px;border-color:#e4e4e4;}
#titre_menu h2{float:left;font-size:22px;font-weight:bold;margin-top:30px;}
#titre_menu_boutique{border-bottom:1px solid #E4E4E4;border-color:#E4E4E4;border-top:1px solid #E4E4E4;margin-left:12px;margin-top:10px;width:254px;}
#titre_menu_boutique h2{float:left;font-size:22px;font-weight:bold;margin-top:30px;}


#liste{margin-left:12px;padding-bottom:14px;padding-top:12px;} 



#liste #liste_droite{float:left;padding-top:14px;width:160px;}
#liste #liste_droite a{color:white;display:block;padding-left:10px;}
#liste #liste_droite ul{margin-left:14px;margin-top:14px;}
#liste #liste_droite div{list-style-type:none;margin-bottom:5px;font-weight:bold;padding-left:10px;}
#liste #liste_droite div:hover{list-style-image:none;margin-bottom:5px;font-weight:bold;display:block;color:white;cursor:pointer;position:relative;z-index:999;}

div.liste_gauche_gris{ float:left;padding:10px 0 18px 2px;/*background:transparent url(../../images/icon08.gif) repeat-y scroll 137px top;padding:0 0 50px;*//*border-right:solid white 1px;*/width:138px;}


div.liste_gauche{ float:left;padding:10px 0 18px 2px;background:transparent url(../../images/icon08.gif) repeat-y scroll 136px top;padding:0 0 50px;/*border-right:solid white 1px;*/width:138px;} 
div.liste_gauche ul li{ /*overflow:hidden;*/list-style-type:none;color:black;width:130px;margin-bottom:4px;}
div.liste_gauche ul li.active a{ text-decoration:none;color:#000; display:block; background:url(../../images/icon07.gif) no-repeat left 8px;  }
div.liste_gauche ul li.active span{ color:#000; }
div.liste_gauche ul li.active  {background:transparent url(../../images/icon11.gif) no-repeat scroll 0 50%;color:black;width:142px;position:relative;}



div.liste_gauche ul li a{ color:#fff;  }
div.liste_gauche ul li span{display:block; background:url(../../images/icon07.gif) no-repeat left 8px; padding:5px 0 6px 8px; width:125px; }
div.liste_gauche ul li:hover a{ text-decoration:none;color:#000; display:block; background:url(../../images/icon07.gif) no-repeat left 8px;  }
div.liste_gauche ul li:hover span{ color:#000; }
div.liste_gauche ul li:hover  {background:transparent url(../../images/icon11.gif) no-repeat scroll 0 50%;color:black;width:142px;position:relative;}

div.liste_gauche ul li ul{ display:none; position:absolute; z-index:2;  background:none; overflow:hidden; padding:0; }
div.liste_gauche ul li ul{ margin:0 0 0 138px;}

/*div.liste_gauche_boutique{ float:left;padding:10px 0 18px 16px;}
div.liste_gauche_boutique{ color:#003d77;}
div.liste_gauche_boutique ul{}
div.liste_gauche_boutique li{list-style-image:url(../../images/sup_boutique.gif);margin-bottom:10px;height:10px;line-height:10px;position:relative;width:170px;}
div.liste_gauche_boutique li:hover{background:transparent url(../../images/icon13.gif) no-repeat scroll 0 100%;margin-bottom:10px;color:black;height:10px;line-height:10px;position:relative;width:170px;}
div.liste_gauche_boutique li a{color:#003d77;text-decoration:none;}*/

div.u_are{padding:20px 0 32px 3px;}
div.u_are ul{margin-top:10px;padding-bottom:8px;}
div.u_are{ /*background:transparent url(../../images/icon08.gif) repeat-y scroll 137px top;padding:0 0 50px; */width:137px;}
div.u_are ul li{ /*overflow:hidden;*/color:black;line-height:1px;list-style-type:none;margin-bottom:10px;margin-left:6px;margin-top:4px;width:130px;}
div.u_are ul li.active a{ color:#000; display:block; background:url(../../images/icon07.gif) no-repeat left 8px; padding:6px 0 6px 12px; width:130px;  }
div.u_are ul li a{text-decoration:none;background:transparent url(../../images/icon07.gif) no-repeat scroll left 4px;color:#FFFFFF;display:block;line-height:2px;padding:5px 0 6px 12px;width:130px;font-weight:bold;  }
div.u_are ul li :hover{background:transparent url(../../images/icon13.gif) no-repeat scroll 0 50%;color:black;height:2px;line-height:1px;position:relative;width:170px;}
div.u_are ul li.active_test{color:black;line-height:1px;position:relative;width:170px;}
div.u_are ul li.active_test a{text-decoration:none;background:transparent url(../../images/icon13.gif) no-repeat scroll 0 50%;color:black;height:2px;line-height:1px;position:relative;width:170px;}
div.u_are ul li ul{ display:none; position:absolute; z-index:2;  background:none; overflow:hidden; padding:0; }
div.u_are ul li ul{ margin:0 0 0 138px;}



div.liste_gauche_boutique{/*padding:20px 0 32px 3px;*/}
div.liste_gauche_boutique ul{margin-top:10px;padding-bottom:8px;}
div.liste_gauche_boutique{ /*background:transparent url(../../images/icon08.gif) repeat-y scroll 137px top;padding:0 0 50px; */width:137px;} 

div.liste_gauche_boutique ul li{color:black;list-style-type:none;padding-bottom:10px;}
div.liste_gauche_boutique ul li .active a{ color:#000; display:block; background:url(../../images/sup_boutique.gif) no-repeat left 8px;   }
div.liste_gauche_boutique ul li a{text-decoration:none;background:transparent url(../../images/sup_boutique.gif) no-repeat scroll left 4px;color:#003d77;display:block;font-weight:bold;padding-left:10px;  }

div.liste_gauche_boutique ul .nav1 a:hover{background:transparent url(../../images/icon14.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav2 a:hover{background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav3 a:hover{background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav4 a:hover{background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav5 a:hover{background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}

div.liste_gauche_boutique ul .nav1active_test a{text-decoration:none;background:transparent url(../../images/icon14.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav2active_test a{text-decoration:none;background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav3active_test a{text-decoration:none;background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav4active_test a{text-decoration:none;background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}
div.liste_gauche_boutique ul .nav5active_test a{text-decoration:none;background:transparent url(../../images/icon24.gif) no-repeat scroll 0 50%;color:black;}




div.liste_gauche_boutique ul li ul{ display:none; position:absolute; z-index:2;  background:none; overflow:hidden; padding:0; }
div.liste_gauche_boutique ul li ul{ margin:0 0 0 138px;}


