/* CSS Document */


/* GENERALITES */
* { margin: 0 ; padding: 0 ; }
html { font-family:  Arial, Helvetica, sans-serif ; font-size: 12px ; }
body { font-size: 1em ; width: 75em; margin: 0.8em auto ; background-color: #ececec ; color: #fff ; }
h1, h2, h3 { color: #fff ; font-weight: normal  }
h1 { font-size: 1.8em ; margin: 0 0 0.4em ; }
h2 { font-size: 1.2em ; }
a { text-decoration: none ; color: #fff ; }
ul { list-style: none }
hr { height: 0.08em ; border: 0 }
p { font-size: 0.96em ;}
a img { border: 0 ;}


/* STRUCTURE */
#page-ext { 
	position: relative ; 
	width: 69.5em ; margin: 0 auto ; }
#page-ext { background: url(../medias/img/ombre-arr-plan.gif) left top repeat-y ; }
#page-int { 
	position: relative ; 
	width: 67.5em ; 
	margin: 0 auto ; 
	background: none ; 
	background-color: #f5f5f0 ; 
}

#header { height: 6.62em ; margin: 0 ; position: relative ; }
#header img { float: right ; position: relative ; width: 13.83em ; height: 3.5em ; top: 1.43em ;}
#header #rect-gris { width: 51.42em ; height: 3.5em ; background-color: #f2f2ee ; position: relative ; top: 1.43em ;}
#home #header { background-color: #fff ;  }

hr#hr1 { background-color: #e0e0d8 ; border-top: 0.08em solid #d8d8cf ; border-bottom: 0.08em solid #e9e9e2 ; height: 0.24em ;}
hr#hr4 { background: none ; background-color: #fff ; height: 1em ; }
#corps { clear: both ; position: relative ; height: auto ; z-index: 0 ;}

#footer { width: 67.1em ; margin: -1.83em auto 0 ; border-top: 0.75em solid #164a76 ; padding: 1.17em 0.2em 0 ; position: relative ; color: #afac9f ; }
#footer p, #footer a { font-size: 0.92em }
#footer a { color: #afac9f ; }
#footer ul { float: right ; }
#footer ul li { display: inline ; }
#footer ul li:after { content: " | " ; } 
#footer ul li.last:after { content: "" ; } 


/* NAVIGATION */
#nav { color: #fff ; font-family: Verdana, Arial, Helvetica, sans-serif ; border-top: 0.08em solid #949484 ; border-bottom: 0.08em solid #949484 ; position: relative ; z-index: 100 ; }
#nav ul { height: 1.6em ; padding: 0.16em 0 0.08em; border-bottom: 0.08em solid #a5a593 ; background-color: #aeae9c ; position: relative ; text-align: center ; z-index: 0 ; }
#nav ul li { display: block ; float: left ; padding: 0em 1.08em ; line-height: 1.42em ; position: relative ; height: 1.68em ; z-index: 0 ; }
#nav ul li a { color: #fff ; /*text-transform: uppercase ; */ font-weight: 700 ; font-size: 0.75em; }
#nav ul li.separateur-droit { border-right: 0.09em solid #d7d7cc ; }
#nav ul li.separateur-gauche { border-left: 0.09em solid #888878 ; }
#nav ul li#group { float: right; width: 11.08em ; background-color: #898976 ; margin: -0.16em 0 -0.08em 0 ; height: 1.76em ; padding: 0.16em 0 0 ; }

/* MENU DEROULANT */
#nav ul ul.niveau2, #nav ul ul ul.niveau3 { 
		position: absolute ; height: auto ; width: 14.72em ; 
		padding: 0.2em 0 0.2em 0.2em ; text-align: left ;
		color: #74745e ; background-color: #c1c1b1 ; border-top: 0.08em solid #d8d8ca ; border-left: 0.08em solid #d8d8ca ; 
		border-right: 0.08em solid #7a7a65 ; border-bottom: 0.08em solid #7a7a65 ; 
		}
#nav ul ul.niveau2 { left: 0em ; top: 1.68em ; z-index: 200 }	
#nav ul ul ul.niveau3 { left: 14.54em ; top: -0.28em ; z-index: 300 }	
#nav ul ul.niveau2 li, 
#nav ul ul ul.niveau3 li { height: auto ; line-height: 1em ; width: 12.35em ; margin: 0 0 0.2em 0 ; padding: 0.16em 0.7em 0.2em 1.5em }
ul.niveau2, ul.niveau3 { display: none }
ul.niveau2 li.ss-menu { background: url(../medias/img/puce-nav.gif) 13.9em 0.5em no-repeat ; }

#nav ul li:hover { background-color: #c1c1b1 ;  }  
#nav ul ul.niveau2 li:hover, #nav ul ul ul.niveau3 li:hover { background-color: #d8d8ca ; }
#nav ul ul.niveau2 li a, #nav ul ul ul.niveau3 li a { color: #74745e ; font-size: 0.75em ; }
#nav ul li.ss-menu:hover ul.niveau2 { display: block ; }
#nav ul li.ss-menu:hover ul.niveau2 li.ss-menu:hover ul.niveau3 { display: block ; }

/* CORPS DE LA HOME */
#home #corps { margin-bottom: 0.64em ; background-color: #fff ; }
#home #corps #illustr { width: 67.5em ; height: 24.92em ; border: 0 ; border-top: 0.25em solid #fff ; position: relative ; z-index: 0 ; border-bottom: 0.83em solid #f5f5f0 ; }
#home #corps #contenu, 
#home #corps #contenu * { color: #6d6d62 ; }
#home #corps #contenu { 
	padding: 0 0.6em 0 0 ; 
}
#home #corps #contenu h1, 
#home #corps #contenu h2 { font-weight: 900 ; color: #6d6d62 ; font-size: 1em ; border-bottom: 0.08em solid #dcdcd2 ; line-height: 1.4em ; margin: 0 0 1em ; }
#home #corps #contenu img { float: left ; width: 26.42em ; height: 11.58em ; }
#home #corps #contenu div.access { margin: 0 0 0 2.0em ; width: 18em ; float: left ; padding: 1em 0 0 ;}
#home #corps #contenu div.access p, #home #corps #contenu div.access form label { font-size: 0.92em ; line-height: 1.2em }
#home #corps #contenu div.access form input.bouton  { display: block ; border: 0 ; }
#home #corps #contenu div.access a img.bouton { margin: 1em 0 0 ; width: 9.08em ; height: 1.34em ; border: 0 ; }
#home #corps #contenu div.access a img.boutonrevendeur { margin: 1em 0 0 ; width: 145px ; height: 1.34em ; border: 0 ; }
#home #corps #contenu div.access input { border: 0.08em solid #aeae9c ; border-bottom-width: 0.16em ; background-color: #f2f2ee ; display: block ; margin: 0.5em 0 ; }  

/* CORPS DE PAGE INTERIEUR */
#interieur #corps { background-color: #dcdbc6 ; color: #6d6d62 ; margin-bottom: 1em ; }
#interieur #corps #contenu { float: left ; width: 35.58em ; background: url(../medias/img/contenu-arr-pl.gif) top left repeat-x ; background-color: #c0bfa3 ; padding: 2.67em ; position: relative ; z-index: 0 ;}
/*	#interieur #corps #contenu h1:first-letter, 
	#interieur #corps #contenu h2:first-letter, 
	#interieur #corps #contenu p.arbo { text-transform: uppercase ; }  */
#interieur #corps #contenu h2 { margin: 0.35em 0 ; }
#interieur #corps #contenu hr { border-top: 0.08em dashed #969687 ; margin: 1.2em -0.5em 0.3em }
#interieur #corps #illustr { float:left; position: relative ; top: 0 ; left: 0 ; width: 26.50em ; background: url(../medias/img/pointille.gif) 100% top repeat-y ; }
#interieur #corps #illustr img { width: 26.41em ; }

/* GAMME - dérivée de HOME */ 
#gamme { position: relative ; z-index: 50 ; }
#gamme #corps { 
	padding: 0.9em 1.92em 2em ; 
	position: relative ;
	z-index: 400 ; 
}

#gamme #corps h1 { font-size: 1.58em ; color: #164a76 ; text-transform: uppercase ; margin-bottom: 0.5em }

#gamme #corps #lesproduits { 
	position: relative ; 
	z-index: 400 
}

#gamme #corps #lesproduits .produit { 
	position: relative ; 
	float: left ;
	/*width: 10.09em ;*/ 
	height: 11.60em ; 
	margin: 0.08em 0.17em 0.08em 0; 
	padding: 0.08em ;
	text-align: center ;
	border: 0.08em solid #d6d5cd ; background-color: #fff ;
}

#gamme #corps #lesproduits .produit .tip { 
	position: absolute ; 
	z-index: 500 ;
	height: auto ; width: 13em ; 
	left: -1.25em ; 
	bottom: 11.6em ; 
	border: 0.08em solid #949484 ; 
	display: none ; 
}
/*
#gamme #corps .produit .tip .gauche, 
#gamme #corps .produit .tip .droit 
 { position: absolute ; width: 1px ; height: 1.75em ; overflow: hidden ; }
#gamme #corps .produit .tip .gauche { 
	top: 0 ; left: 0.0em ;
	background: url(../medias/img/title-bord-G.gif) left top repeat ; }
#gamme #corps .produit .tip .droit {
	top: 0 ; right: 0em ;
	background: url(../medias/img/title-bord-D.gif) left top repeat ; }
*/
#gamme #corps #lesproduits .produit .tip .denomination {
	position: relative;
	width: auto;
	padding: 0.25em 0.5em;
	height: auto;
	border-bottom: 0.08em solid #e94d01;
	border-right: 0.08em solid #e94d01;
	border-left: 0.08em solid #ff9a59;
	border-top: 0.08em solid #ff9a59;
	background-color: #fa6200;
	color: #FFFFFF;
}

#gamme #corps #lesproduits .produit .tip .pointe { 
	position: absolute ; z-index: 500 ; 
	width: 0.92em ; height: 0.8em ; bottom: -0.73em ; left: 47% ;
	background: url(../medias/img/tip-pointe.gif) center top no-repeat ; }	

#gamme #corps .cadre { 
	position: relative ; z-index: 100 ; 
	top: 0 ;
	width: 10.09em ; height: 11.34em ; padding-top: 0.24em ; }
#gamme #corps .cadre .illustr { 
	position: relative ; z-index: 100 ;
	width: 9.58em ; height: 9.92em ; margin: 0 auto ;
	overflow: hidden ; background-color: #fff ;}

#gamme #corps .cadre p { 
	font-size: 0.83em ; 
	position: relative ; 
	margin-top: 0 ; padding: 0.2em 0 0 ; height: 1.62em ; 
	color: #aeae9c ; border-top: 1px dashed #d6d5cd ; }
#gamme #corps .cadre p .prix { font-size: 0.92em ; color: #000 ;}

#gamme #corps #lesproduits .produit:hover .cadre { background-color: #afae9c ; }
#gamme #corps #lesproduits .produit:hover .cadre p { color: #e0e0d8 ; border-color: #afae9c }
#gamme #corps #lesproduits .produit:hover .tip { display: block ; }


/* PRODUIT - dérivé de HOME */ 
#produit #corps { 	
	padding: 1.2em 2.08em 2em ; margin-bottom: 1.0em ;
	color: #6d6d62 ; 
	
/*	background-color: #333333 ; */
	}
#produit #retour a { 
	font: 0.75em Verdana, Arial, Helvetica, sans-serif ; 
	padding-left: 1em ; 
	text-transform: uppercase ; font-weight: bold ;
	background: url(../medias/img/puce.gif) left 0.2em no-repeat ;
	color: #74745e ; }

#home #produit #illustr { 
	float: left ; position: relative ; 
	margin: 1em 2em 1em 0 ;
	width: 22.92em ; height: 22.92em ; 
	border: 0.08em solid #d7d6ce ; 
	overflow: hidden ; }
#home #produit #illustr img { 
	position: relative ;
	display: block ;
	margin: auto ; }

#produit #desc { 
	position: absolute ; left: 27.0em ;
	margin: 0.7em 0 0 ; width: 38.34em ; 
	
/*	background-color: #996699 ; */
	}
#produit #desc h1 { 
	font-size: 1.58em ; line-height: normal ;
	position: relative ; height: 1.8em ;
	text-transform: uppercase ; 
	color: #164a76 ; 
	background: url(../medias/img/point.gif) left 1.4em repeat-x ; }
#produit #desc #text { 
	font-size: 0.92em ; 
	float: left ; position: relative ; 
	width: 28.06em ; margin: 0 1.39em 0 0 ; }
#produit #desc #prix { 
	font-size: 0.92em ; 
	float: left ; position: relative ;
	width: 11.4em ; margin-left: 0.72em ;
	text-align: center ; 
}
#produit #desc #prix div { 
	display:block;
	font-size: 2.17em ; 
	width: 5.25em ; height: 1.42em ; margin: 0.15em auto 0.3em ; padding: 0.15em 0 0 ;
	font-weight: bold ;
	/*background: url(../medias/img/bt-prix.gif) center top no-repeat ; */
}
	
#produit #desc #prix div sup { 
	vertical-align: text-top ; 
	font-stretch: extra-condensed ; 
	font-size: 0.5em;
}
#produit #desc #prix #dld { 
	padding: 0 0 0 3.4em ; margin: 0 0 0 0.6em ;
	text-align: left ; 
	background: url(../medias/img/pdf.jpg) no-repeat left 0.4em; 
	height:48px;
}
#produit #desc #prix #dld a { 
	display: block ; 
	color: #6d6d62 ; }

#produit #desc hr.hidden { margin: 0 0 1.5em  ; background: none ; clear: left ; visibility: hidden ; }

#produit #desc #dim { 
	clear: left ; float: left ; 
	margin: 0 ; width: 12.5em ; 
	
/*	background-color: #333399 ; */
	 }
#produit #desc #dim img { float: left ; }
#produit #desc #dim p { 
	float: left ; 
	font-size: 0.92em ; margin: 0.9em 0 0 0.6em ; width: 6.8em ; 
	
/*	background-color: #3399CC ; */
	}

#produit #desc #picto { 
	float: left ; 
	width: 24.9em  ; 
	padding: 0 0 0 0.8em ; 
	border-left: 0.08em solid #d7d6ce ; 
	
/*	background-color: #666633 ; */
	}
#produit #desc #picto img { 
	margin: 0 0 0.6em 0.6em  }
	
	
/* -- les ONGLETS -- */	
#lesonglets { 
	clear: left ; position: relative ; 
	width: auto ; height: auto ; }
	
#lesonglets .onglet { 
	position: relative ; 
	width: auto ; height: auto ; }

#lesonglets .onglet p { 
	display: block ; position: absolute ; 
	top: 0 ; left: 0 ; 
	width: 11.33em ; height: 1.83em ; 
	border: 1px solid #d7d8ce ; 
	text-align: center ; text-transform: uppercase ; font-weight: bold ; }

#lesonglets .onglet p span { 
	display: block ; position: absolute ; z-index: 0 ;
	width: 11.16em ; height: 1.45em ; padding: 0.3em 0 0 ; 
	border: 1px solid #fff ; border-bottom-color: #d7d8ce ; 
	background-color: #fff ; color: #a7a796 ; }
#lesonglets #ong3 p span { 
	width: 11.15em ; }

#lesonglets .onglet p:hover span, 
#lesonglets .onglet p.on span {
	color: #6d6d62 ;
	border-bottom-color: #fff ; 
	background: url(../medias/img/onglet-fond.gif) left top repeat-x #fff ;	}
#lesonglets .onglet p.on span { 
	z-index: 100 ; }
#lesonglets .onglet p.on:hover span {
	border-bottom-color: #fff ; 
	cursor: default ; }

#lesonglets #ong2 p { left: 11.7em ;  }
#lesonglets #ong3 p { left: 23.4em ;  }

#lesonglets .onglet div.details { 
	position: relative ; float: left ; z-index: 20 ;
	top: 1.83em ; margin-bottom: 1.5em ; padding: 1.2em ; 
	width: 60.77em ; height: auto ; 
	border: 0.08em solid #d7d8ce ; }


/* -- tableau page PRODUIT -- */
#produit table { position: relative ; width: 60.77em ; }
#produit table tr { position: relative ; width: 60.77em ; }
#produit table td { position: relative ; color: #6d6d62 ; font-size: 0.92em ; }
#produit table td.entete { padding-bottom: 1em ; position: relative ; }
td.bdroit { border-right: 1px solid #d6d5cd ; padding-right: 1em ; width: 15em ; }
td.bgauche { border-left: 1px solid #d6d5cd ; padding-left: 1em ; }
td.bbas { padding-bottom: 0.2em ; background: url(../medias/img/point-gris.gif) 1px bottom repeat-x ; }
td.centre { padding-left: 1em ; padding-right: 1em ; text-align: center ; width: 4em ; }
td.prix span{ color: #000 ; }


#produit #corps table { border: 0 }
#produit #corps .tap { 
	position: relative ; width: auto ; z-index: 20000 ; }
#produit #corps .tap .tip { 
	position: absolute ; z-index: 10000 ;
	top: -2.8em ; left: -0.6em ; /* left: auto ; */
	background: url(../medias/img/title-fond.gif) left top repeat-x ; border: 0.08em solid #949484 ; 
	display: none ;  }
#produit #corps .tap .tip .denomination { 
	position: relative ; width: auto  ; 
	padding: 0.25em 0.5em ; height: auto ; 

	text-transform: none ; color: #fff ; font-weight: normal ; text-align: center ; 
	white-space: nowrap ; 
	
	border-bottom: 1px solid #e94d01 ; border-right: 1px solid #e94d01 ; 
	border-left: 1px solid #ff9a59 ; border-top: 1px solid #ff9a59 ; 
	background-color: #fa6200 ;
	}

#produit #corps .tap .tip .pointe { 
	position: absolute ; z-index: 200 ; 
	width: 1em ; height: 0.8em ; bottom: -0.75em ; left: 2.0em ;
	background: url(../medias/img/tip-pointe.gif) center top no-repeat ; }	

#produit #corps table td.entete:hover .tap .tip {  
	display: block ;}


/* OMBRE de la PAGE */
#ombre-haute, #ombre-basse { width: 69.5em ; }
#ombre-haute { background: url(../medias/img/ombre-haute.gif) top left no-repeat ; height: 1.08em ; }
#ombre-basse { background: url(../medias/img/ombre-basse.gif) left bottom no-repeat ; height: 1.25em ; }

/* BOITE A OUTILS */
.clear { clear: both ; }
.arbo { font-size: 1.2em ; color: #fff ; }
hr.hidden { height: 0 ; border: 0 ; }


/* -- vignette -- */ 
.custom-tip {
	color: #333;
	width: auto ;
	z-index: 13000; 
	border: 1px solid #949484 ; 
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fefefe ; 
	padding: 8px 8px 4px;
	border-bottom: 1px solid #949484 ;
	background-color: #aeae9c ;
	text-transform: uppercase ;
}
 
.custom-text {
	font-size: 11px;
	padding: 8px 8px 8px;
	background-color: #b6b597 ;
	color: #fefefe ;
}

#forminefi #corps #contenu {
	background:#C0BFA3 url(../medias/img/contenu-arr-pl.gif) repeat-x scroll left top;
	color:#6D6D62;
	padding:2.67em;
	width:62.16em;
}

.catalogue_minefi_produit{
   float:left;padding:8px;border-bottom: 0.08em dashed #ffffff;margin-bottom:4px;width:600px;
   position:relative;
   clear:both;
}

.catalogue_minefi_produit .gauche{
   float:left;position:relative;width:140px;
   background-color:#ffffff;
   border:1px solid #74745e;
   text-align:center;
}

.catalogue_minefi_produit .droite{
   padding-left:6px;
   float:left;position:relative;width:200px;
}