/*  image de fond modifiée pour NOEL dans dhtml/image/CSS/jobe-background.jpg 
>>> ancienne image renommée en jobe-background_old.jpg
*/

body{
	background-color:#FFF;
	background-image:url(../../../dhtml/image/css/jobe-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0;
}

form,h1,h2,p {
	margin:0;
	border:0;
}
img {
	border:0;
}
.theme_style{ color:#808080; }

.fond-menu-haut{
	background-image:url(../../../dhtml/image/css/jobe-fond-menu-haut-2.jpg);
	height:34px;
}

.menu-haut2 {
margin-right:33px;
margin-top:10px;
}

.separateur-haut-2 {
	background-color:black;
	height:10px;
	width:1px;
	margin-right:10px;
	margin-left:10px;
}
.separateur-bas-2 {
	height:10px;
		background-image: url(../../../dhtml/image/css/jobe-tiret_bas-2.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.fond-menu-bas{ background:#282828;
}
.header-connexion {
	padding-top:12px;
	padding-left:5px;
}

a:visited,a:link,a:active{
	color: #C30;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:red;
}

.header-panier  {
	color:#a6280c;
	font-weight:bold;
	font-size:13px;
	padding-top:10px;
	padding-right:6px;
	width:148px;
	margin-top:20px;
}
.fond-page {
	width:980px;
}
.fond-droite {
	width:200px;
	background-image:url(../../../dhtml/image/css/jobe-fond-droit.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding-top:15px;
}
.fiche-article_flechedroite {
	background-image: url(../../../dhtml/image/css/fiche-article_flechedroite.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	background-position: 50% 50%;
}
.fiche-article_message {
	background-color:#ffffff;
	color:#333333;
	background-image: url(../image/f_article_message.png);
	background-repeat: no-repeat;
	background-position:left center;
	padding: 10px 10px 10px 40px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
.fond-gauche {
	width:200px;
	padding-top:15px;
}
.fond-centre {
	background-image:url(../../../dhtml/image/css/jobe-fond-centre.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	padding-top:5px;
	width:580px;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
a.link,a.visited {
	text-decoration:none;
}
a.lien-haut:visited,a.lien-haut:link,a.lien-haut:active {
	color:black;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
}
a.lien-haut2:visited,a.lien-haut2:link,a.lien-haut2:active {
	color:black;
	text-decoration:none;
	font-size:10px;
}
a.lien-haut:hover {
	color:red;
}
.fond-haut{
	/*background-image:url(../../../dhtml/image/css/jobe-header.jpg);
	background-repeat:no-repeat;
	background-position:center top;*/
	width:980px;
	height:144px
}
.input-text-header {
	width:120px;
	height:19px;
	background-image:url(../../../dhtml/image/css/jobe-bg_input-header.gif);
	background-repeat:no-repeat;
	border:0;
}
.input-text-search {
	border:1px solid black;

	font-size:11px;
	padding-left:3px;
	width: 135px;

}
#log {
	width:214px;
	padding-top:12px;
	height:86px;
}
.boite_menu2-titre {
color:#FFF;
font-size:14px;
}
.boite_menu1,.boite_menu2,.boite_menu5 {
	margin-bottom:20px;
}
.boite_menu1-2{
	background-color:#5e5e5e;
	width:185px;
	height:25px;
	padding-left:5px;
	padding-top:3px;
}
.boite_menu1-5 {
	background-color:#eee;
	width:181px;
	padding-left:2px;
	padding-right:2px;
}
.boite_menu1-titre{
	color:white;
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
.boite_menu2-2 {
	background-color:#c93030;
	width:185px;
	padding-bottom:4px;
	padding-left:5px;
	padding-top:4px;
}
.boite_menu2-5 {
	background-color:#f4f4f4;
	width:185px;
	padding-left:3px;
}
td.boite_menu2-5,td.boite_menu1-5  {
font-size:12px;
}
.boite_menu2-8 {
	background-image:url(../../../dhtml/image/css/boite_menu2/jobe_fond_bas.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:190px;
	height:2px;
}
.boite_produit1-prix,.boite_produit2-prix,.boite_produit3-prix {
	height:24px;
	padding-top:5px;
	margin-bottom:30px;
	background-repeat:repeat-x;
	background-position:right;
	color: #ff0101;
	font-size:17px;
	font-weight:bold;
	border-right:5px solid white;
}

.boite_produit3 {
}

.boite_produit1-image {
	border:1px solid silver;
	margin-bottom:3px;
}
.barrer_prix {
	font-size:11px;
	color:#6c6c6c;
	text-decoration:line-through;
}

.barrer_prix_big{
	font-size:18px;
	color:#b9202a;
	
	background-image:url("../image/barrer_prix.gif");
	background-position:center center;
	background-repeat:no-repeat;
}

h3.boite_produit1-designation a:link, h3.boite_produit1-designation a:visited, h3.boite_produit1-designation a:active, h3.boite_produit1-designation a:hover,h3.boite_produit2-designation a:link, h3.boite_produit2-designation a:visited, h3.boite_produit2-designation a:active, h3.boite_produit2-designation a:hover,h3.boite_produit3-designation a:link, h3.boite_produit3-designation a:visited, h3.boite_produit3-designation a:active, h3.boite_produit3-designation a:hover{
	font-size:11px;
	width:155px;
	height:33px;
	display:block;
	margin:0;
	text-decoration:none;
	text-align:center;
}
h3.boite_produit1-designation a:link, h3.boite_produit1-designation a:visited, h3.boite_produit1-designation a:active, h3.boite_produit1-designation a:hover {
	color:#000;
}
h3.boite_produit2-designation a:link, h3.boite_produit2-designation a:visited, h3.boite_produit2-designation a:active, h3.boite_produit2-designation a:hover{
	color:#000;
}
h3.boite_produit3-designation a:link, h3.boite_produit3-designation a:visited, h3.boite_produit3-designation a:active, h3.boite_produit3-designation a:hover{
	color:#000;
	display:block;
	height:33px;
}
#affichage_marque {
	display:none;
}
.boite_{
	color:black;
}
.boite2 {
}
h2.boite2-titre:visited,h2.boite2-titre:link {
		color:black;
}

.boite2-2 {
	background-image:url(../../../dhtml/image/css/boite2/jobe-2-1.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:31px;
}
.boite2-1{
	background-image:url(../../../dhtml/image/css/boite2/jobe-2-2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:31px;
}
.boite2-5 {
	padding-top:7px;
}
.boite2-titre {
	font-size:13px;
	padding-left:30px;
	padding-top:7px;
}
.boite5-titre {
	color:white;
}
.boite5 {
	background-image:url(../../../dhtml/image/css/boite5/boite5.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.boite5-titre-1 {
	background-image:url(../../../dhtml/image/css/boite5/jobe-boite-titre1.gif);
	width:33px;
	height:24px;
}
.boite5-titre-2 {
	background-image:url(../../../dhtml/image/css/boite5/jobe-boite-titre2.gif);
	background-repeat:repeat-x;
	background-position:right;
	padding-left:2px;
	text-align:center;
}
.boite5-1 {
	border-left:1px solid #cacaca;
	border-top:1px solid #cacaca;
}
.boite5-2 {
	border-top:1px solid #cacaca;
	background-repeat:repeat-x;
	height:2px;
}
.boite5-3 {
	border-right:1px solid #cacaca;
	border-top:1px solid #cacaca;
}
.boite5-4 {
	border-left:1px solid #cacaca;
}
.boite5-6 {
	border-right:1px solid #cacaca;
}
.boite5-7 {
	border-left:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.boite5-8 {
	border-bottom:1px solid #cacaca;
}
.boite5-9 {
	border-right:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.boite5-titre-3 {
	background-image:url(../../../dhtml/image/css/boite5/jobe-boite-titre3.gif);
	width:45px;
}
a.bouton2:link,a.bouton2:visited,a.bouton2:active{
	color:#dedede;
	font-size:15px;
}
a.bouton2:hover{
	color:#ffffff;
}
.bouton2-gauche {
	background-image:url(../../../dhtml/image/css/bouton2/jobe1-1.gif);
	background-repeat:no-repeat;
	width:16px;
	height:30px;
}
.bouton2-centre {
	background-image:url(../../../dhtml/image/css/bouton2/jobe1-2.gif);
	background-repeat:repeat-x;
	padding-left:4px;
	padding-right:4px;
	line-height:30px;
	vertical-align:middle;
}
.bouton2-droite {
	background-image:url(../../../dhtml/image/css/bouton2/jobe1-3.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:16px;
	height:30px;
}

.bouton5-gauche {
	background-image:url(../../../dhtml/image/css/bouton5/bouton-fond-1.png);
	background-repeat:no-repeat;
	width:16px;
	height:30px;
}
.bouton5-centre {
	background-image:url(../../../dhtml/image/css/bouton5/bouton-fond-2.png);
	background-repeat:repeat-x;
	padding-left:4px;
	padding-right:4px;
	line-height:30px;
	vertical-align:middle;
}
.bouton5-droite {
	background-image:url(../../../dhtml/image/css/bouton5/bouton-fond-3.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:16px;
	height:30px;
}
a.bouton5:link,a.bouton5:visited,a.bouton5:active{
	color:#eeeeee;
	font-size:15px;
}
a.bouton5:hover{
	color:#ffffff;
}
.bouton-navigation {
	background-image:url(../../../dhtml/image/css/jobe_bt_navi.gif);
	width:29px;
	height:29px;
	background-repeat:no-repeat;
	background-position:top left;
}
a.page-lien:link,a.page-lien:visited,a.page-lien:active,.page-active {
	width:29px;
	height:29px;
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:normal;
}
.page-inactive {
	width:29px;
	height:29px;
	display:block;
}

a.menu-rub:visited,a.menu-rub:link,a.menu-rub {
	text-decoration:none;
	color:black;
	line-height:13px;
}
a.menu-rub:hover {
	color:red;
}
.menu-bas {
	background-image: url(../../../dhtml/image/css/jobe-bg_foot.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#fefefe;
	padding-left:17px;
}
.menu-bas2 {
	border-top:1px solid #e0e0e0;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
}
a.lien-bas:link,a.lien-bas:visited,a.lien-bas:active {
color: #9c9c9c;
}
.colonne-bas {
	width:170px;
	text-align:left;
	float:left;
	margin-right:19px;
}
a.liste1-lien:visited,a.liste1-lien:link,a.liste2-lien:visited,a.liste2-lien:link {
	color:#d11717 ;
	text-decoration:none;
}

.liste1-image {
	border:1px solid #CCC;
	background-color:#FFF;
}
.liste1-ligne {
	border-top: 1px solid #c6c6c6;
	background-color:#f6f6f6;
}
.liste1-prix {
	color:#c12310;
}
a.fil_ariane:visited,a.fil_ariane:link {
	text-decoration:none;
	font-size:11px;
	color: #666;
}
.colonne-bas li {
	list-style-image:url(../../../dhtml/image/jobe-etoile.gif);
	margin-left:19px;
	line-height:25px;
}
li.rubrique-bas {
	color:#7d7d7d;
	font-size:17px;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../../../dhtml/image/css/menu_bas_souligne.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	list-style-image:none;
	width:167px;
	height:31px;
	margin-left:0;
	text-align:center;
}
.panier-onglet-1-actif,.panier-onglet-2-actif,.panier-onglet-1 {
	background-repeat:no-repeat;
	width:26px;
	height:26px;
	font-weight:bold;
	font-size:14px;
	text-align:center;

}
.panier-onglet-inactif,.panier-onglet-1 {
	color:#999;
}
.panier-onglet-1-actif {
	background-image:url(../../../dhtml/image/css/jobe-panier-onglet-on.jpg);
	color:#FFF;
}
.panier-onglet-1-inactif,.panier-onglet-1  {
	background-image:url(../../../dhtml/image/css/jobe-panier-onglet-off.jpg);
	color:grey;
}
a.panier-onglet-actif:visited,a.panier-onglet-actif:active {
	text-decoration:none;
	color:#cb1111;
}
a.panier-onglet:visited,a.panier-onglet:active,a.panier-onglet:link {
	text-decoration:none;
	color:grey	;
}
.panier-coin-1,.panier-coin-2,.panier-coin-3,.panier-coin-4,.panier-coin-1,.panier-haut,.panier-bas {
background-color: #ab1010;
color:#FFF;
}
.panier-haut {
	font-size:13px;
}
.panier-ligne {
	font-weight:bold;
	border-bottom:1px solid #d4d4d4;
}
.panier-etape {
	border-bottom: 1px dotted silver;
	margin-bottom:5px;
	background-color:#f1f1f1;
	padding:4px;
}
.boite_pop {
	background-color:#FFF;
	border:1px dotted black;
}
.fiche-article_titre {
	background-image:url(../../../dhtml/image/css/jobe_fiche_article_titre.gif);
	height:26px;
	background-repeat:no-repeat;
	color:white;
	padding-left:5px;
	padding-top:3px;
}
.fiche-article_boite {
	background-image:url(../../../dhtml/image/css/jobe-bg_article_boite.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFF;
}
.fiche-article_prix {
	color:#b00c0c;
}
.fiche-article_etape-titre {
	width:953px;
	height:23px;
	color:#FFF;
	border-bottom:1px dotted #ea8973;
	color:#a93419;
	padding-left:7px;
}
.fiche-article_etape-titre2 {
	background-color:#999;
	width:953px;
	height:23px;
	color:#FFF;
	padding-left:7px;
}
.fiche-article_variante-prix {
	color:#b00b0c;
}
.fiche-article_variante_stock {
	color:#b00b0c;
}
.fiche-article_variante {
	background-image:url(../../../dhtml/image/css/jobe_fiche_article_variante.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f6f6f6;
	}
.info-article_onglet,.info-article_onglet_off {
	background-repeat:no-repeat;
	width:110px;
	height:31px;
	font-weight:bold;
	text-align:center;
}
.info-article_onglet {
	background-image:url(../../../dhtml/image/css/jobe-info_article_onglet.gif);
	color:#FFF;
}
.info-article_onglet_off {
	background-image:url(../../../dhtml/image/css/jobe-info_article_onglet_off.gif);
	background-repeat:no-repeat;
	color:#999;
}
.info-article_fond {
	border:1px solid #dbdbdb;
	background-image:url(../../../dhtml/image/css/jobe-bg_article_boite.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFF;
}
.info-article_texte {
	background-color:#f6f6f6;
	padding:4px;
	margin-bottom:14px;
	margin-top:10px;
	background-image:url(../../../dhtml/image/css/jobe-bg_article_boite.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	color:BLACK;
}
.image-texte {
	background-image:url(../../../dhtml/image/css/jobe_bg_image_texte.gif);
	width:154px;
	height:22px;
	background-repeat:repeat-x;
	color:white;
	line-height:9px;
	font-weight:bold;
	font-size: 12px;
	padding-top:4px;
}
.tableau-titre {
	background-color:black;
	color:white;
}
.texte-courant {
	background-color:#f6f6f6;
	padding:3px;
	border:1px solid #d7d7d7;
}

.fiche-article_prix  {
	font-size:21px;
}

.fiche-article_info
{
	font-size:13px;
}

.champ_quantite {
	font-size:14px;
	height:15px;
	line-height:15px;
}
#mmmmotif {
	background-image: url(../../../dhtml/image/css/jobe_bg_bas2.jpg);
	width:100%;
	background-position:bottom center;
	background-repeat:no-repeat;
}

.fil_ariane_fond{
	background-color:transparent;
}

.promotion_active{
	background-image:url(../../../dhtml/image/css/jobe_fiche_article_variante.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f6f6f6;
	height:30px;
	line-height:30px;
	margin:0 0 20px 0;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	color:black;
/*   background-color:#A93419;
   width:100%;
   padding:4px;
   display:none;
   color:white;
   margin-bottom:30px;
   margin-top:10px;
   text-align:center;*/
}

.promotion_prix {
	color:#AC1D00;
	font-size:12px;
	font-weight:bold;
}
.temoignage_titre {
	border-bottom:1px dotted #BA0000;
	color:#BA0000;
	margin-top:15px;
	font-weight:bold;
}
.temoignage_auteur {
	font-weight:bold;
	margin-top:10px;
	display:block;
}

/*****     Pour Droopy  ****************/
#menu_haut dl, #menu dt, #menu dd, #menu ul { list-style-type: none; }

/* Essentials - configure this */

#nav ul { width: 170px;  }
#nav ul ul { left: 151px; }

/* Everything else is theming */

#nav { background-color: transparent; height: 24px;  }
#nav *:hover { background-color: none;text-align:left;z-index:8000; }
#nav a { color: #ffffff;text-decoration:none; font-size: 11px; padding:7px; line-height: 1;
	font-weight: normal; }
#nav {position:relative;z-index:5000;}
#nav li a { background-position:right center;z-index:8000;text-align:left; color:white; }
#nav li.hover a {  z-index:8000;text-align:left;color:#eeeeee; }
  #nav ul {background-image:url(../../../dhtml/image/css/job-bg-nav-ul.gif); background-position:top left; background-repeat:no-repeat; background-color:#000; top: 24px; }
    #nav ul li a {color:#FFF; padding-left:18px;}
    #nav ul li {background-image:url(../../../dhtml/image/css/job-bg-nav-ul.gif); background-position:top left; background-repeat:no-repeat; background-color:#000; }
	 #nav ul li a.hover {color:#EAEAEA;z-index:8000;text-align:left; padding-left:18px; background-color:#2d2d2d; background-image:url(../../../dhtml/image/css/jobe_fleche_on.gif); background-repeat:no-repeat; background-position:left;  }
   #nav ul a.hover { z-index:8000;color:#54D7EF;}
   #nav ul a { border-right: none; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

a.menu_first {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px !important;
	font-weight:bold !important;
	color:white;
	text-align:center;
	background-image:url(../../../dhtml/image/css/jobe-separateur_blanc.gif); background-repeat:no-repeat;
}
a.menu_first:hover {
	color:red;
	text-align:center;
}

#nav li.last a{
	background:transparent url(../../../dhtml/image/css/jobe_raccord_menu_bas.gif) no-repeat bottom left!important;
}

#nav li.hover  {
	/*color:white;*/
}

#nav a.have_child {
	background-repeat:no-repeat;
	background-image:url(/dhtml/image/fleche-droite.gif);
	background-position:center right;
}

/*****    Fin Pour Droopy  ****************/

/** LightBox devant **/
#jquery-overlay{
	z-index:5010 !important;
}
#jquery-lightbox{
	z-index:5020 !important;
}



ol#controls li a{
	background-color:#333333 !important;
	background-image:none !important;
	color:#FFFFFF !important;
}
ol#controls li.current a{
	color:#EA0015 !important;
}

div.boite1-lien_sup, div.boite2-lien_sup, div.boite5-lien_sup {
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    padding: 8px 30px 16px 0;
    text-align: right;
}