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;
}


/*-------------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: 810px;
     margin-top: 15px;
     margin-left: 10px;
     border: 0px solid #000;
}

.page
{
     width: 470px;
     height: 600px;
     margin-left: 0px;
     margin-top: 15px;
     float: left;
     border: 0px solid #000;
}

#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;
}
#photo-produit{
     float:right;

}
#texte-produit{
      font-family:  Verdana, Arial, sans-serif;
      font-size: 80%;
      font-weight: bold;
      color:#666666;
      margin-left:40px;
}

#descriptif-produit{
      font-family:  Arial, sans-serif;
      font-size: 80%;

      color:#666666;
      margin-left:40px;
}

.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: left;
     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:30px;
     margin-right:10px;

}

.titre_new{
     float: left;
     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:2px;
     margin-left:20px;
     font-size: 80%;
     font-family:  Verdana, Arial, sans-serif;
     color:#666666;


}

.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-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: right;
     margin-top: 0px;
     margin-left: 5px;
     padding: 4px;
     background-color: #FFFFFF;
}

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


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

.boxprojet
{
     background: url(../images/box.jpg) no-repeat;
     width: 293px;
     height: 300px;
     margin-left: 200px;
     margin-top: -250px;
     float: right;
     border: 0px solid #000;

}

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



.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: 15px;
    margin-top: 3px;
    float:left;
    background: url(../images/fleche_projet.gif) no-repeat;
    width: 29px;
    height: 27px;
}

.appli1{
    float:right;
    margin-right: 0px;
    margin-top: 0px;
    background: url(../images/appli3.jpg) no-repeat;
    width: 19px;
    height: 95px;
    x-index:1;
    border: 0px solid #666666;
}
.application{
    float:right;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background: url(../images/appli2.jpg) repeat-x;
    height: 95px;
    x-index:1;
}
.appli3{
    float:right;
    margin-right: 0px;
    margin-top: 0px;
    background: url(../images/appli1.jpg) no-repeat;
    width: 19px;
    height: 95px;
    x-index:1;
    border: 0px solid #666666;
}

.porte{
    margin-top:5px;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color:#666666;
    font-style: bold;
}
/*------TELECHARGEMENT--------------------TELECHARGEMENT-----------------------TELECHARGEMENT-----------------------TELECHARGEMENT----------*/
.telechargement{
    float:right;
    margin-right: 20px;
    margin-top: 0px;
    background: url(../images/telechargement.png) no-repeat;
    width: 386px;
    height: 95px;
    x-index:1;
}

.logo-pdf{
    margin-left:15px;
    width: 40px;
    height: 42px;
    x-index:1;
}

.logo-word{
    margin-left:7px;
    width: 40px;
    height: 42px;
    x-index:1;
}

a.lien-fichier{
    font-size:10px;
    font-family:Verdana;
    color:#808080;
    text-decoration:none ;
    width: 50px;
    height: 20px;
    x-index:1;
}
a.lien-fichier:hover{
    font-size:10px;
    font-family:Verdana;
    color:#0080FF;
    text-decoration:none ;
    width: 50px;
    height: 20px;
    x-index:1;
}

.lien-pdf{
    float:left;
    margin-left: 40px;
    margin-top: 10px;
    width: 75px;
    height: 60px;
    x-index:1;
    border: 0px solid #000;
}
.lien-word{
    float:left;
    margin-left: 40px;
    margin-top: 10px;
    width:75px;
    height: 60px;
    x-index:1;
    border: 0px solid #000;
}

.box_fabrication{
    float:right;
    margin-left: 20px;
    margin-top: 0px;
    background: #FFFFFF;
    width:150px;
    height: 95px;
    x-index:1;
    border: 0px solid #000;

}




/*------LOGO------------------------LOGO-----------------------------LOGO---------------------------------LOGO------------------------*/
a.broglie{
    float:right;
    background: url(../images/logo/deny.gif) no-repeat;
    width: 55px;
    height: 92px;
    margin-top:170px;
}
a.broglie:hover{
    float:right;
    background: url(../images/logo/deny_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;
}




