#lien {
z-index:100;
text-decoration: none;
}
@media print {
* {overflow:visible;}
}
A       { text-decoration: none; color: #0000AA;font-weight:none;}
A.news  { text-decoration: none; color: #0000AA; font-size: 12px }
A:visited { color: #0000AA; }
A:hover { color: #FFB050;z-index:100; }
ADDRESS { font-size: 12px; }

acronym { cursor: help; }

B, EM   { font-weight: bold; }

BODY, TABLE, BLOCKQUOTE, I, OL, P  { font-family: Verdana; font-size: 12px; color: #000000;}
BLOCKQUOTE { padding-left: 10px; border-left: 0px; margin-left: 0px; }


CITE    { font-size: 12px; font-style: italic; }

H1      { font-size: 22px; font-weight: bold; }
H2      { font-size: 20px; font-weight: bold; }
H3      { font-size: 18px; font-weight: bold; }
H4      { font-size: 16px; font-weight: bold; }
H5      { font-size: 14px; font-weight: bold; }
H6      { font-size: 12px; font-weight: bold; }

SELECT  { font-family: Verdana; font-size: 12px;z-index:0; width:200px;margin-top:4px;margin-bottom:4px; }

TH      { background-color: #EEEEFA; font-weight: bold;  }

TABLE.bord { background-color: #000000; border-style: none; }
TABLE.bord TD { background-color: #FFFFFF;}
TABLE.bord TH { background-color: #EEEEFA; font-weight: bold;  }

TABLE.bord H1, H2, H3, H4, H5, H6 { margin-bottom: 3px; }


#FOCUS_DIV H1, H2, H3, H4, H5, H6 { margin-bottom: 3px; margin-top: 3px; }

.date_new { font-weight: light; font-size: 10px;}
.title_new { font-weight: bold; font-size: 10px;}
.text_new {  font-family: Verdana; font-size: 10px; }
P.news    { padding-left: 1px; }



DIV.encadre { margin: 0px; margin-right: 2px; border: solid 1px #E0E0F8; background: #F8F8FF; height: 150px; }
TABLE.encadre, TD.encadre, TR.encadre  { margin: 0px; margin-right: 2px; border: solid 1px #E0E0F8; background: #F8F8FF; }
IMG.encadre { margin-left: 13px; margin-right: 13px; border: solid 1px #000000; background: #FFFFFF; }
.encadre P { margin-top: 6px; }


IMG.zoom  { border: 1px #000000 solid; margin: 5px; cursor: hand; }
IMG.nozoom{ border: 1px #000000 solid; margin: 5px; }
FORM      { padding: 0px; margin: 0px; border: 0px; content: 0px; }
P { margin-top: 6px; }
UL { margin: 6px; margin-left: 23px; }

.productname { color: #666666; font-weight: bold; }
.pagetitle { color: #000000; font-weight: bold; font-family: Verdana; font-size: 22px; }

      FORM INPUT { margin-left: 4px; }
      FORM INPUT.valid { background: transparent; border: 1px solid #000000; color: #000000; }
      FORM INPUT.unvalid { background: transparent; border: 1px solid #000000; color: #FF0000; }
      FORM SPAN.valid {  color: #000000;z-index:100; }
      FORM SPAN.unvalid { color: #FF0000; }


#news{
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
#displaynew{
clear:both;
width:910px;
height:550px;
overflow: auto;
text-align:center;
margin-left:50;
margin-right:auto;
margin-top:40px;
margin-bottom:10px;
}
#displaynews{
clear:both;
width:600px;
height:550px;
overflow: auto;
margin-left:200;
margin-right:auto;
margin-top:40px;
margin-bottom:10px;
}

#menuProduits a{
color:white;
}
#menuProduits a:hover{
color:black;
}
#menuProduits{
float:left; 
width:150px; 
margin-top:10px; 
margin-left:10px;
background-color:#C0C0C0;
color:#C0C0C0;
}
#menuProduitsActif{
background-color:#C0C0C0;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
float: left;
background: url(/j3telimages/coinsupg.png);
}
#hautdroit {
float: right;
background: url(/j3telimages/coinsupd.png);
}
#basgauche {
float: left;
background: url(/j3telimages/coinbasg.png);
}
#basdroit {
float: right;
background: url(/j3telimages/coinbasd.png);
}
#ICC{
float: left;
width:320;
margin:auto;
}
#IC{
float: right;
width:320;
margin:auto;
}
#ISAC{
float: left;
width:320;
margin:auto;
}
#ISAD{
float: right;
width:320;
margin:auto;
}
#fournisseur{
text-align:center;
width:700px;
}
#produitsG{
float:left;
left:50%;
top:50%;
width: 426px;
}
#produitsD{
float:right;
right:50%;
top:50%;
width: 426px;
}

#produitsbarre{
float:left;
text-align:center;
width: 850px;
height:5px;
margin-top:5px;
margin-bottom:5px;
background: url(/j3telimages/barre.JPG);
background-repeat : no-repeat;
}
#produitspace{
float:left;
text-align:right;
width: 900px;
height:5px;
margin-top:5px;
margin-bottom:5px;
}
#divH{
width:968px;
margin-top:40px;
margin-left:5px;
clear:both;
height:232px;
/*border:1px #969696 dotted;*/
}
#allnews{
border-left:2px #000000 solid;
border-top:2px #000000 solid;
border-right:2px #000000 solid;
height:180px;
}
#allsearch{
border-left:2px #000000 solid;
border-top:2px #000000 solid;
border-right:2px #000000 solid;
z-index:-1;
}
#divHp{
width:670px;
margin-top:10px;
margin-left:5px;
clear:both;
height:150px;
}
#divB{
width:968px;
margin-top:40px;
margin-left:5px;
clear:both;
height:210px;
}
#divBp{
width:670px;
margin-top:10px;
margin-left:5px;
clear:both;
height:170px;

}
#divP{
width:890px;
clear:both;
height:100px;
border:1px #969696 dotted;
}
#divcopy{
border: 1px #003344 solid;
}

#titreD{
float:right;
background-repeat: repeat;
background-position: center; 
font-weight: bold;
width: 400px;
margin-top:5px;
margin-right:10px;
margin-left:10px;
text-align:center;
background-image: url(/j3telimages/noir.jpg);
color:white;
border-left:2px #000000 solid;
border-right:2px #000000 solid;
}
#titre{
font-weight: bold;
background-repeat: repeat;
background-position: center; 
text-align:center;
background-image: url(/j3telimages/noir.jpg);
color:white;
}
#divHG{
float:left;
/*background-color:#eeFFFF;*/
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
margin-right:10px;
width:505px;
height:190px;
}
#divHD{
text-align:center;
float:right;
/*background-color:#eeffff;*/
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
margin-right:10px;
width:400px;
height:190px;
}
#divBG{
float:left;
/*background-color:#eeffff;*/
width:505px;
height:185px;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
margin-right:10px;
}
#divBD{
float:right;
overflow: auto;
background-image:url('/images/bg_event.png');
background-repeat:no-repeat;
width:400px;
height:180px;
margin-bottom:5px;
margin-right:10px;
margin-left:10px;
border-left:2px #000000 solid;
border-top:2px #000000 solid;
border-right:2px #000000 solid;
}
#divCOP{
text-align:left;
z-index: 1;
width:980px;
height:700px;
margin-top:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
background: #FFFFFF;
}

#divbody{
z-index: 1;
width:990px;
height:760px;
margin-left:auto;
margin-right:auto;
font: Verdana;
}

body {
z-index:2;
text-align:center;
clear:both;
margin:0;
font: 80% verdana, arial, sans-serif;
background: url(/j3telimages/midbg1100.jpg);
background-repeat: repeat-y;
background-position:center;
}

dl, dt, dd, ul, li {
font-family: Verdana;
color: #000000;
margin:0;
padding: 0;
list-style-image: url(/j3telimages/j3tel_glyph.gif);
z-index:100;
}

#menu {
text-align:center;
/* margin-left:6px;
margin-right:5px; */
position: absolute; /*placement du menu, àodifier selon vos besoins */
top: 80px;
z-index:100;
width: 970px;
 /* correction pour Opera */
}

#menu dl {
float: left;
width: 161px;
}

#menu dt, #menu dt a:focus {
font-size:16px;
/*cursor: pointer;*/
text-align: center;
background: url(/j3telimages/noir.jpg);
list-style-type: none;
color: white;
border: 1px white solid;
}

#menu dt a{
color: white;
text-align: center;
background: url(/j3telimages/noir.jpg);
}
#menu dt a:hover{
color:black;
/*text-indent:10px;*/
text-align: center;
background-repeat: repeat;
background: url(/j3telimages/noir.jpg);
}

#menu dd {
display: none;
z-index: 100;
list-style-image: none;
list-style-type: none;
background-repeat: repeat;
background:url(../j3telimages/noir.jpg);
filter: alpha(opacity=90);
-moz-opacity : 0.9;
opacity : 0.9;
}

a.mini {
z-index:100; 
text-decoration: none;
border:0px;
}

#menu li {
text-align: center;
z-index:100;
list-style-type: none;
list-style-image: none;
}
#inter{
text-align: center;
background:url(/j3telimages/pad_50px.gif);
z-index:100;
}
#menu li a {
color: white;
background:url(/j3telimages/noir.jpg);
text-decoration: none;
display: block;
height: 100%;
border: 1px solid transparent;
}

#menu li a:hover, #menu li a:focus{
background: url(/j3telimages/noir.jpg);
color:black;
/*text-indent:10px;*/
border: 1px solid black;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
background-color: #0033FF;
padding: 5px;
border: 1px solid gray;
}
#separation{
margin:auto;
background:#3399FF;
width: 200px;
height: 10px;
}

/*Info bulle*/

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
	/*top: 2px; permet de faire descendre le texte de 2 pixels. engendre un bug d'affichage*/
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 25px;
    left: 65px;
    padding:2px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:250px;
}
a.tooltip:hover em span {
    position: absolute;
    top: 7px;
    left: 15px;
    height: 7px;
    width: 11px;
    margin:0;
    padding: 0;
    border: 0;
}