/**GENERAL**/
html{
}
body{
margin:0px; padding:0; border:0;
 color:#777;
 font-family:Arial, Helvetica, sans-serif;
}

/*img{border:2px solid #1A618B;padding:10px;}*/

table{font-size:0.9em;}
table table{font-size:0.9em;}
a { color:#F3991B;}
a:hover {color:#F3D41B;}


/**GENERAL**/

/**COMMON**/
.floatright{float:right;}
.floatrightdown{float:right;top:30px;}
.floatleft {float:left;}
.spacer {clear:both;height:0;font-size:0;border:0;margin:0;padding:0;}
.floatprot {position:relative;width:100%;}
.invisible{display:none;}
.debug{clear:both;top:500px}
.message_user_info, .message_user_warning , .message_user_error { font-weight:bold; font-size:1em;}
.message_user_info { color:#000000;}
.message_user_warning { color:#FF4E00;}
.message_user_error { font-size:1.1em; color:#ae1424;}
/*COMMON*/

/** Tooltip @see tooltip.js modifier.tooltip _mods/QF */
#tooltip{
display:none; position:absolute; z-index:9999;
border:1px solid #333; padding:2px 5px;
background-color:#FFF; color:#777;
max-width:400px;
font-size:0.8em;
}

/*BLOC&BUTTON*/
.bloccontent {
 /* width:100%; */ padding:5px; margin:5px;border: 2px solid #CDD7DB;
 background-color:white; color:#777; font-size:0.9em;
}
.bloccontenttitre {
 font-size:1em; padding:0 0.5em 2px 0.3em; margin:0; border: 1px solid black;
}
.bloccontent b{
color:#777;
/*background-color:white;*/}
.bloccontenttext {color:#777;}
.bloccontenttext {font-size:0.8em;}
.bloccontenttext td{color:#777;font-size:0.9em;}
.bloccontenttext  h1{font-size:1.5em;}
.bloccontenttext h2{font-size:1.3em;
}
.bloccontenttext h3{font-size:1.1em;}
.bloccontenttext p{font-size:0.9em;}
.bloccontent a:hover {color:#F3991B;background-color:#FFFFFF;}


a.action ,a.action_edit,a.action_ajout,a.action_show,a.action_hide,a.action_suppr,a.action_haut,a.action_bas,a.action_voir,a.action_liste, .button, table a.action , table .button, input.action{
/*a.action ,.button, table a.action , table .button, input.action{*/
/*display:compact;*/
padding:2px 5px 1px 5px;border: solid 1px #000;/*margin:4px;*/
/*font-size:0.9em;*/ text-decoration:none;font-weight: bold;
background-color: #18a0b6;
/*color: #F3991B;*/
-moz-border-radius:5px;
white-space:nowrap;
/*line-height:1.7em;*/
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;

}
a.action:hover,a.action_edit:hover,a.action_ajout:hover,a.action_show:hover,a.action_hide:hover,a.action_suppr:hover,a.action_haut:hover,a.action_bas:hover,a.action_voir:hover,a.action_liste:hover,.button:hover, table a.action:hover, table .button:hover, input.action:hover {
color:#F3991B;
cursor:pointer;
}

input.action{line-height:1em;}
/* /BLOC&BUTTON*/

/*AJAX*/
.HTML_AJAX_Loading {
position: absolute; z-index:999; 
height:20px; top: 25; left: 150px; 
background-color: silver; color:black; padding: 4px; 
display: none;
}
/* */

.label  {
 color:#777;
 background-color:#E0D9C4;
 border:1px outset lightgray;
 padding:2px;
 font-size:0.9em;
}


/** Bouton bloc login */
.btn_ok{
border:2px solid white; background-color:#664C09;color:white;
-moz-border-radius:6px;border-radius:5px;
}
.btn_ok:hover{cursor:pointer;}

/** page/bonjour.tpl */
#table_bonjour{margin-left:15px;height:75px;/*border:2px solid green;*/}
#table_bonjour a:hover{color:#777;}

/** Richtext */
.rteDiv img{ border:0; padding:0; }



/** ------- MISE en PAGE ------- */

/* ---- inspiré de http://csseasy.com/layouts/fixed/2column_left.html   -------*/
/* ----  et     de http://csseasy.com/layouts/fixed/1column_hornav.html -------*/

body {
position:relative;
margin:0px; padding:0; border:0;top:0; left:0;
background-image: url('/gfx/template/bg_site.gif');
background-repeat: repeat-x;
}

#filigrane {
display:block  !important;
display:none; /* on cache sur IE6*/
position:absolute;
width:720px;
height:720px !important;
left:50px;top:-200px;
background-repeat: repeat-x;
background-image: url('/gfx/site/filigrane.png') !important; /* NON IE6 avec transparence */

}


#tout{
position:relative;
width:100%; margin:0 auto;padding:0px;border:0;
margin-top:0px;
background-image: url('/gfx/site/cadre_99_fond.png') !important;
background-image: url('/gfx/site/cadre_99_degr.png');
background-repeat: no-repeat;
background-position: center 0px;
border:0px;

}

#tout_bg{
border:1px solid red;

}



/* ----- HEADER ----- */
#header {
width:950px;height:80px;
border:0;margin:0 auto;padding:0;
}

#header_logo {
width:330px;height:55px;
border:0;margin:0;padding:0;
margin:38px 345px 0 45px;
background-image: url('/gfx/site/logo_nwn.png') !important; /* NON IE6 avec transparence */
background-image: url('/gfx/site/logo_nwn_fond.png') /* IE6 sans transparence */;
background-repeat: no-repeat;
}

#header_logo h1 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#base_line {color:#FFF; font:Arial; font-weight:bold; font-size:12px; margin-left:44px;}
#base_line a {color:#FFF; text-decoration:none;}
#base_line a:hover {color:#FFF;}

/* ----- HAUT/NAVIGATION ----- */



#haut {
	z-index:100;
	width:100%;
	background-image: url('/gfx/template/bg_menu.png') !important;
	background-image: url('/gfx/template/bg-menu-ie6.png');
	background-position:top center;
	background-repeat:no-repeat;
	height:60px;
	margin-top:3px;

}

#menu_naturwaren {width:980px !important;width:1000px; margin:0 auto; padding-top:10px; padding-left:20px;}

#repeat_bg_menu {
	background-image: url('/gfx/template/repeat_menu.gif');
	background-repeat:repeat-x;
	background-position:0 22px;
	width:100%;
}



/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.
*/
#wrapper{
width:980px;
margin:0 auto;
margin-top:5px;

/*border:2px dotted yellow;*/
/*background-image: url('/gfx/site/cadre_mid_fond.png') !important;*/
/*background-image: url('/gfx/site/cadre_degr.png');*/
/*background-image: url('/gfx/site/cadre_99_fond2.png');
overflow:hidden;
background-repeat: repeat-y;
background-position:0px 700px;*/

}


/* ----- GAUCHE/NAVIGATION ----- */



#gauche {
width:150px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
/*border:1px dashed red;*/
float:left;


}


/* ----- MAIN CONTENT ----- */



#content { 
margin-left:160px;
width:800px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
/*border:1px dashed red;*/
margin-top:10px;


}



/* ----- FOOTER ----- */



#footer { 
position:relative;
width:980px;
height:30px;
margin:0 auto;
background-image: url('/gfx/template/footer_box.png');
background-position:7px 5px;
background-repeat: no-repeat;
text-align:center;
font:Verdana;
color:#303030;
font-size:12px;
padding-top:15px;
}


#cadre_bas{
height:20px;
width:980px;
background-image: url('/gfx/site/cadre_bas_fond.png');
background-repeat: no-repeat;
margin:0 auto;
}


#footer p{
}
#footer a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#7c7c7c;
  text-decoration: none;
}

#footer a:hover{color:#303030; border-bottom:1px dotted #303030;}

#footer_logo { width:980px; margin:0 auto;  text-align:center;}

#logo_links { width:980px; margin:3px auto;  text-align:center; font-size:10px; height:30px;}
.logo_lsdf {color:#512755; text-decoration:none; font-weight:bold;}
.logo_doliva {color:#53701c; text-decoration:none; font-weight:bold;}
.logo_allgasan {color:#a5180f; text-decoration:none; font-weight:bold;}
.logo_naturwaren {color:#845609; text-decoration:none; font-weight:bold;}

.logo_lsdf:hover, .logo_doliva:hover, .logo_allgasan:hover, .logo_naturwaren:hover {color:#303030; border-bottom:1px dotted #303030;}

/**** MENU CHAINAGE RUBRIQUE **/

#menu_chaine {
width:100%;
padding-bottom:5px;
border:0;
width:790px;
}


#menu_chaine ul {
  list-style:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  font-weight:bold;
  color: #654c09;
  overflow:visible;

}

#menu_chaine ul li{
 float:left;
 margin-left:3px;


}

#menu_chaine ul a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  color: #18a0b6;
  text-decoration: none;
  overflow:visible;    
}
#menu_chaine ul a:hover, #menu_chaine ul .selected a,  #menu_chaine  .selected{
	text-decoration: none;
    color: #f3991b;
}

#menu_chaine ul li.nofloat{
width:100%;
/*border:1px solid red;*/
height:0.1em;
padding-bottom:5px;
border:0;
border-bottom:1px;
border-color:#f3991b;
border-style:dashed;
}

/* ----- GAUCHE/NAVIGATION ----- */

#gauche h2, #content h2 {
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
/*font-stretch:condensed; */
color:#576c11;
}

#gauche p, #content p, #gauche li, #content li {
font-family:Arial, Helvetica, sans-serif;
color:#707173;
}

#gauche {
width:0px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:left;
padding:10px 0px;
margin-top:30px;
}

/* ------ MENU GAUCHE ------ */
#menu_gauche{
border:0;margin:0;padding:0;
position:absolute;
padding-left:20px;
padding-top:14px;
}

#menu_gauche li {
list-style-image:url(/gfx/site/puce_nav.gif);
border:0;margin:0;padding:0;
width:150px;
padding:5px 15px 0px 0px;
text-align:left;
height:auto;
/*border:1px dotted yellow;*/
}
#menu_gauche li.selected {
background-image: url('/gfx/site/puce.png') !important;
background-image: url('/gfx/site/puce_blc.png');
background-repeat: no-repeat;
background-position:bottom right;
}
#menu_gauche li a {
color:#18a0b6;
font-size:1.0em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
/*font-stretch:condensed; */
}
#menu_gauche li.selected a,#menu_gauche li a:hover,#menu_gauche li a.selected {
color:#F3991B;
text-decoration:none;
border-bottom:1px dotted #FF6600;
list-style-image:url(/gfx/arrow_gauche_orange.gif);
}
/*-sous-menu-*/
#menu_gauche li ul li{
border:0;margin:0;padding:0;
margin-left:-10px;
width:140px;
padding:5px 0px 0px 0px;
/*border:1px dotted yellow;*/
}
#menu_gauche li ul li a {
font-size:0.9em;
font-style:italic;
}
#menu_gauche li ul li.selected {
background-position:bottom left;
}

#div_menu ul.menu li a{
text-transform:uppercase;
text-align:center;
padding-right:8px;
color:#707173;
padding-left:10px;
padding-right:10px;
font-size:12px;
}

#div_menu ul.menu li a:hover, #div_menu ul.menu li a.selected{
color:#E0006C;	
}

#td_liste_produits{
border-bottom:1px solid lightgrey;
border-top:1px solid lightgrey;
}

td .td_liste_prods_detail{
padding:0px 1px 0px 1px;
width:130px;
text-align:center;
}

div .div_liste_prods_detail{
padding:3px 7px 3px 7px;	
}

div .div_detail_liste_selected{
border:2px solid lightgrey;
}



#div_liste_produits {
	float:right;
	background-image:url(/gfx/sep-produit-left.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:30px;
	height:300px;
	width:150px;
	text-align:center;
}

#tbl_liste_prods{
margin:0 auto;
border-bottom:1px solid lightgrey;
border-top:1px solid lightgrey;	
}

#div_liste_produits_first{
width:160px;
text-align:center;
height:300px;
}

#div_liste_produits img {
	border:0;
	margin-bottom:0;
}

/**************/

.arrow {font-size:18px; color:#18a0b6; font-weight:bold;}
.nav_gauche_titre {font-size:12px; color:#18a0b6; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
#menu_gauche .smmenu {margin-top:0;}
#menu_gauche li {font-size:12px; list-style-image:url(/gfx/arrow_gauche_blue.gif);}
#menu_gauche li:hover {font-size:12px; list-style-image:url(/gfx/arrow_gauche_orange.gif);}
#menu_gauche li .selected {list-style-image:url(/gfx/arrow_gauche_orange.gif);}

#wrapper {background-image:url("/gfx/template/bg_menu_gauche.jpg");
background-repeat:no-repeat;
background-position:20px 0px;
}


#div_navigation, #div_navigation  a {font-size:12px; color:#18a0b6; font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none;}
#div_navigation  a:hover {color:#F3991B; border-bottom:1px dotted #F3991b;}

#div_navigation font a {font-size:12px; color:#F3991B; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
#div_navigation font a:hover {color:#18a0b6; border-bottom:1px dotted #18a0b6;}

#div_titre {padding-left:80px; font-size:14px; color:#F3991B; font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; padding-top:10px; margin-bottom:15px;}
#rub_contenu {padding-left:80px; font:verdana; font-size:12px;}

#rub_contenu a{font-size:12px; color:#18a0b6; font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none;}
#rub_contenu a:hover {color:#F3991B; border-bottom:1px dotted #F3991b;}