body {
        margin:0;
        background: #E4E4E4  url(../images/deg.gif) repeat-x;
        height: 100%;
        font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
}

#general {
        position:absolute;
        left: 48%;
        width: 906px;
        height: 600px;
        margin-left: -425px; /* moitié de la largeur */

}

#global {
        float:left;
        width: 850px;

        border-left: 0px solid #ADADAD;
        border-bottom:0px solid #ADADAD;
        background: #FFFFFF;
}

#onglet {
        float:right;

        width: 100px;
        height: 100x;
        margin-left: 0px; /* moitié de la largeur */
        border: 1px solid #ADADAD;
        background: #FFFFFF;
}

#head{
        float: left;
        width: 304px;
        height: 106px;
	border: 0px solid #177DE3;
        background: #0066CC ;

}

#deco {
        float: right;
	width: 546px;
        height: 106px;
	border: 0px solid #808080;
        color: #999;
        x-index:1;

}

#deco_bottom {
        position:absolute;
        top:106px;
        right:56px;
	width:310px;
        height: 53px;
	border: 0px solid #808080;
        color: #999;
        x-index:1;


}

#logo {
        float: left;
	width: 192px;
        height: 72px;
	border: 0px solid #808080;
        background: url(../images/logo/logo_prescription.jpg) no-repeat;
       	color: #999;
        margin-top: 10px;
        margin-left: 10px;


}

.feuille1 {
        float: bottom;
	width: 70px;
        height: 30px;
	border: 0px solid #808080;
        background: url(../images/feuille.jpg) no-repeat;
       	color: #999;
        margin-left: 0px;
}

.feuille2 {
        float: bottom;
	width: 84px;
        height: 43px;
	border: 0px solid #808080;
        background: url(../images/feuille2.jpg) no-repeat;
       	color: #999;
        margin-left: 0px;


}

.feuille3 {

        width: 25px;
        height: 19px;
	border: 0px solid #808080;
        background: url(../images/feuille3.jpg) no-repeat;
       	color: #999;
        margin-left: 0px;
        margin-top: 10px;
}

#foot{
        float: left;
        border: 0px solid #808080;
        width: 850px;
        margin-top: 0em;
        background-color: #FFFFFF;
}

.box_salon{
    float:left;
    margin-right: 10px;
    margin-top: 10px;
    width:250px;
    x-index:1;
    border: 0px solid #C0C0C0;
}
/*-------------MENU-------------------------MENU--------------------------MENU------------------------------MENU---------------------*/
.menu {

        float: left;
        top: 0px;
        margin-left: 0px;
	width:499px;
        height: 39px;
	border:0px solid #808080;
        color: #999;
}

#navcontainer ul
{
        padding-left: 1px;
        margin-left: 0px;
        margin-top: 1px;
        background-color: #FFFFFF;
        color: White;
        float: left;
        width: 100%;
        font-family: arial, helvetica, sans-serif;
        x-index:200;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{

        padding:0.2em 0.0em 0.0em 0.0em;
        height: 39px;
        width: 120px;
        background: url(../images/bouton2.png) no-repeat;
        color: #FFFFFF;
        float: left;
        border: 0px solid #000;
        font-size: 13px;
        text-decoration: none;
        font-family: Arial, sans-serif;
        text-align: center;
        font-style: italic;
        letter-spacing : 2px;
        margin-top:0px;
        font-weight: bold;
        x-index:200;
}

#navcontainer ul li a:hover
{
     font-size: 13px;
     text-decoration: underline;
     font-family:  Arial, sans-serif;
     text-align: center;
     font-style: italic;
     font-weight: bold;
     x-index:200;
}

#navcontainer ul li a:active
{
     font-size: 13px;
     text-decoration: underline;
     font-family:  Arial, sans-serif;
     text-align: center;
     font-style: italic;
     color: #616161;
     x-index:200;
}

/*-------------MENU TOP-----------------------MENU TOP------------------------MENU TOP---------------------------MENU TOP---------------------*/

a.lien1{
    margin-top:17px;
    position: absolute;
    left:250px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
    margin-left: 10px;
    border: 0px solid #808080;
    width:150px;
}

a.lien1:hover {
    margin-top:17px;
    position: absolute;
    margin-left:-3px;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
     font-weight: bold;
     border: 0px solid #808080;
    width:150px;
}

a.lien2{
    margin-top:17px;
    position: absolute;
    left:280px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
    margin-left: 10px;
    border: 0px solid #808080;
    width:150px;
}

a.lien2:hover {
    margin-top:17px;
    position: absolute;
    margin-left:-3px;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
     font-weight: bold;
     border: 0px solid #808080;
    width:150px;
}

a.lien3{
    margin-top:17px;
    position: absolute;
    left:310px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
    margin-left: 10px;
    width:150px;
}

a.lien3:hover {
    margin-top:17px;
    position: absolute;
    margin-left:-3px;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
     font-weight: bold;
     width:150px;
}

a.lien4{
    margin-top:17px;
    position: absolute;
    left:340px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
    margin-left: 10px;
    width:150px;
}

a.lien4:hover {
    margin-top:17px;
    position: absolute;
    margin-left:-3px;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    width:150px;
}

/*--------------PAGE----------------------------PAGE-----------------------------PAGE---------------------------PAGE--------------------------*/
.contenu
{
     float: left;
     width: 840px;
     margin-top: 15px;
     margin-left: 3px;
     border: 0px solid #000;
}

.page
{
     width: 510px;
     height: 300px;
     margin-left: 0px;
     margin-top: 15px;
     float: left;
     border: 0px solid #000;
}
.page_l
{
     width: 810px;

     margin-left: 0px;
     margin-top: 0px;
     float: left;
     border: 0px solid #808080;
}
#news{
     background: url(../images/accueil_new.jpg) no-repeat;
     float:left;
     margin-right:0px;
     margin-left:0px;
     height:149px;
     width:197px;
     border: 0px solid #c0c0c0;
     x-index:2;
}

#news2{
     background: url(../images/box-prod.jpg) no-repeat;
     float:left;
     margin-right:0px;
     margin-left:27px;
     height:185px;
     width:239px;
     border: 0px solid #c0c0c0;
     x-index:2;
}

.photo_news{
     float:left;
     x-index:200;
     margin-left:15px;
}

#box_entreprise{
     float: left;
     /*background: url(../images/box_entreprise.jpg) no-repeat;*/
     margin-top:15px;
     margin-left:30px;
     width: 372px;
     height: 342px;
     border: 0px solid #000;
}

.logodeny{
     margin-top:15px;
     margin-left:30px;
}

#texte_entreprise{
     margin-top:2px;
     margin-left:30px;
     font-size: 80%;
     font-family:  Verdana, Arial, sans-serif;
     color:#666666;
}

#box_new{
     float: right;
     background: url(../images/box_new.jpg) no-repeat;
     margin-top:13px;
     margin-left:15px;
     width: 381px;
     height: 150px;
     border: 0px solid #000;
}
.photo_prod{
     float:right;
     margin-top:10px;
     margin-right:10px;

}

.titre_new{
     float: right;
     font-size: 25px;
     font-family:  Arial, sans-serif;
     font-weight: bold;
     color:#FFCC33;
     margin-top:15px;
     margin-left:19px;
     width: 381px;
     height: 17px;
     border: 0px solid #000;
}


#texte_new{
     margin-top:1px;
     margin-left:15px;
     margin-right:0px;
     font-size: 80%;
     font-family:  Verdana, Arial, sans-serif;
     color:#666666;

}
#texte_new2{
     margin-top:5px;
     margin-left:10px;
     margin-right:20px;
     font-size: 80%;
     font-family:  Verdana, Arial, sans-serif;
     color:#666666;
     text-align:justify;
}

.liste_produit{
     float: left;
     border: 0px solid #666666;
     width: 197px;
     height: 149px;
     background: #FFFFFF url(../images/accueil_new.jpg) no-repeat;
}

.norme{
      float:right;
      width:250px;

}
/*-------------------BOX-DEFIL---------------------BOX-DEFIL-----------------------BOX-DEFIL-----------------------BOX-DEFIL-------------------*/
#salon {
        position: absolute;
        width: 200px;
        height: 550px;
        border: 1px solid #666666;
}
#pscroller1
{
     border: 1px dashed #808080;
     font-size: 10px;
     font-family: verdana;
     width: 280px;
     height: 70px;
     float: left;
     margin-top: 0px;
     margin-left: 5px;
     padding: 2px;
     background-color: #FFFFFF;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.deg-chemin
{
     background: #E4E4E4 url(../images/deg-chemin.jpg) no-repeat;
     width:800px;
     height: 22px;
     margin-top: 0px;
     float: left;
     border: 0px solid #000;
     font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
     color: #666666;
     font-style: bold;
     font-size: 80%;
     padding-left:10px;
}

.chemin
{
   float:left;
   font-style: bold;
   color: #666666;

}

a.lien-chemin{
   color: #666666;
   text-decoration:none;
   margin-right:10px;
   margin-left:10px;
   margin-top:2px;
}
a.lien-chemin:hover{
   color: #666666;
   text-decoration:underline;
   margin-right:10px;
   margin-left:10px;
   margin-top:2px;
}


/*-----BOX PROJET-----------------BOX PROJET--------------------BOX PROJET-----------------------BOX PROJET----------------------*/

.boxprojet
{
     background: url(../images/box.png) no-repeat;
     width: 311px;
     height: 177px;
     margin-top: 0px;
     float: left;
     border: 0px solid #000;

}

.boxprojet2
{
     background: url(../images/box.png) no-repeat;
     width: 311px;
     height: 177px;
     margin-left:0px;
     margin-top: 0px;
     float: left;
     border: 0px solid #000;

}
.boxprojet3
{
     width: 215px;
     height: 177px;
     margin-left:0px;
     margin-top: 0px;
     float: left;
     border: 0px solid #000;

}

.projet
{
     margin-left: 45px;
     margin-top: 0px;
}



.lienprojet{
    color: #3399FF;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 140%;
    font-style: italic;
    margin-left: 10px;
}

a.lienprojet:hover {

    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 140%;
    font-style: italic;
}

.flecheprojet{

    margin-left:40px;
    margin-top: 0px;
    float:left;
    background: url(../images/fleche_projet.gif) no-repeat;
    width: 29px;
    height: 27px;
}

/*------LIEN SALON----------------LIEN SALON---------------------LIEN SALON----------------------LIEN SALON---------------------------*/
 a.lien-salon {

    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color:#808080;

}

/*------LOGO------------------------LOGO-----------------------------LOGO---------------------------------LOGO------------------------*/
.cache {
position:absolute;
height:0;
width:0;
overflow:hidden;
}
a.broglie{
    float:right;
    background: url(../images/logo/broglie.gif) no-repeat;
    width: 55px;
    height: 92px;
    margin-top:170px;
}
a.broglie:hover{
    float:right;
    background: url(../images/logo/broglie_nb.gif) no-repeat;
    width: 55px;
    height: 92px;
    margin-top:170px;
    margin-left:-5px;
}

.deny{
    float:right;
    background: url(../images/logo/deny.gif) no-repeat;
    width: 55px;
    height: 92px;
}
a.deny:hover{
    float:right;
    background: url(../images/logo/deny_nb.gif) no-repeat;
    width: 55px;
    height: 92px;
}

a.picard{
    float:right;
    background: url(../images/logo/picard.gif) no-repeat;
    width: 55px;
    height: 92px;
}
a.picard:hover{
    float:right;
    background: url(../images/logo/picard_nb.gif) no-repeat;
    width: 55px;
    height: 92px;

}

a.metalux{
    float:right;
    background: url(../images/logo/metalux.gif) no-repeat;
    width: 55px;
    height: 92px;
}
a.metalux:hover{
    float:right;
    background: url(../images/logo/metalux_nb.gif) no-repeat;
    width: 55px;
    height: 92px;

}



.ejs_scroll {

    width: 200px;
    font-size:11px;
    font-family:Verdana;
    color:#000000;
    text-decoration:none;
    margin-left: 30px;
    border: 0px solid #000;
}

/*------COUV PDF----------------------COUV PDF---------------------------COUV PDF------------------------------COUV PDF------------------------*/

.couv-pdf{
     position:absolute;
     background: #FFFFFF;
     width: 550px;

     left:40px;
     top: 475px;
     border: 0px solid #C0C0C0;
}


.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../images/bt.gif) no-repeat bottom}