/* Feuille de style pour site TORX */
/* Fichier créé le 18/04/05 */
/* Auteur: JJ SIMON */
/* Société: MAD */


/* Eléments généraux et spécifique à ce site */

body        {
              background-color:#000000;
              font-family:"Arial";
              color: #FFFFFF;
            }
body.bppale {
              background-image: url("images/fond.jpg");
              background-repeat: repeat-x;
              background-position:top;
              background-color:#FFFFFF;
              font-family:"Arial";
              font-size: 1.0em;
              /* lumière extérieure */
              scrollbar-3dlight-color:#333333;
              /* ombre extérieure  */
              scrollbar-darkshadow-color:#333333;
              /* couleur de la barre */
              scrollbar-face-color:#AAAAAA;
              /* piste de la barre de défilement */
              scrollbar-track-color:transparent;
              /* lumière intérieure */
              scrollbar-highlight-color:transparent;
              /* ombre intérieure */
              scrollbar-shadow-color:#333333;
              /* flèche haut et bas */
              scrollbar-arrow-color:#888888;
            }
            
h1          {
             font-size:x-large;
             color:#929292;
             text-align:center;
            }
h2          {
             font-size:large;
             color:#929292;
             text-align:center;
            }
h3          {
             font-size:medium;
             color:#FFFFFF;
             text-align:center;
            }
h4          {
             font-size:x-large;
             color:#FFFFFF;
             text-align:center;
	     font-size: 1.5em;
             font-family:"Arial";
            }


div.bando  {
              background-repeat:no-repeat;
              background-position:right;
              background-image: url("images/bandeau_hd.gif");
              height:120px;
              width: 100%;
              margin-top:10px;
              margin-left:10px;
              z-index:1;
            }

div.logotitre{
              background-image: url("images/bandeau_haut.gif");
              width: 280px;
              height: 120px;
              margin-left:0px;
              margin-top:0px; 
              z-index:2;
            }
            
div.concent {
              text-align:center;
            }

div.centre  {
              background-image: url("images/casque_fond.gif");
              background-repeat:no-repeat;
              margin-top: 0px;
              margin-left: auto;
              margin-right: auto;
              width: 780px;
              /*height: 784px;*/
              /*background-color:#FFFF00;*/

              z-index:0;
            }

div.cadre_tab {
               width:100%;
               Height:500px;
               overflow:auto;  
              }

div.adresse   {
                position: absolute;
                left: 10px;
                top:  250px;
                width: 120px;
                height:120px;
                background-image:url("images/trame_tr.gif");
                border: 3px solid #434343;
                font-size: 0.8em;
              }


/* Eléments particuliers spécifiques à ce site */
a#lienlogo  {
              display: block;
              position:absolute;
              width: 230px;
              height: 100px;
              left: 40px;
              top: 30px;
              background-color: transparent;
            }
p#centrie   {
              text-align: center;
            }
img#logoc   {
              display: block;
              border-width: 0px;
              margin-left: auto;
              margin-right: auto;

            }
img#logorot {
              position:absolute;
              left: 565px;
              top: 210px;
              z-index:5;
              border: 0px;
            }
img#loupe {
              position:absolute;
              left: 550px;
              top: 465px;
              z-index:5;
              border: 0px;
            }
img#accessoires {
              position:absolute;
              left: 560px;
              top: 513px;
              z-index:5;
              border: 0px;
            }
div.inv     {
              visibility: "hidden";
            }
            
div#menugam {
              /*background-image:url("images/trame_tr.gif");*/
              /*float: left;*/
              position:absolute;
              left: 20px;
              top: 210px;
              width: 110px;
              text-align:left;
            }
div#menumod {
              /*background-image:url("images/trame_tr.gif");*/
              /*float: left;*/
              position:absolute;
              left: 140px;
              top: 210px;
              width: 140px;
              text-align:left;
            }
img#cp      {
               position:absolute;
               left: 290px;
               top: 200px;
               width: 630px;
               Height:350px;
            }

img#photo   {
               position:absolute;
               left: 300px;
               top: 210px;
               width: 300px;
               /*Height:300px; */
               background-color:#FFFFFF;
            }
div#caract  {
              overflow: auto;
              width: 300px;
              height: 300px;
              position:absolute;
              left: 610px;
              top: 210px;
              background-color: transparent;
              background-image:url("images/trame_tr.gif");
	      text-align:left;
            }
div.tgris   {
             position: absolute;
             z-index:3; 
             width: 300px;
             height: 20px;
             border: 0px;
             top:520px;
             left:600px;
             font-weight:bold;
             color:#888888;
            }
/* Elements de la page d'accueil */
div.cpaccueil{
               width: 750px;
               Height:470px;
               background-image:url("images/cadre_470.gif");
            }
img.photo470{
               margin-left: 10px;
               margin-top: 10px;
               float:left;
               width: 450px;
               background-color:#FFFFFF;
            }
div.caracta {
              overflow: auto;
              width: 270px;
              height: 450px;
              float:left;
              margin-left: 10px;
              margin-top: 10px;
              background-color: transparent;
              background-image:url("images/trame_tr.gif");
	      text-align:left;
            }


/* Eléments du menu */
div.bt_accueil  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:300px;
                   top:50px;
                   z-index:3;
                }
div.bt_gamme  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:300px;
                   top:75px;
                   z-index:3;
                }
div.bt_revendeurs  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:450px;
                   top:50px;
                   z-index:3;
                }
div.bt_liens  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:450px;
                   top:75px;
                   z-index:3;
                }
div.bt_partenaires  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:600px;
                   top:50px;
                   z-index:3;
                }
div.bt_contact  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:600px;
                   top:75px;
                   z-index:3;
                }



/* Eléments génériques non spécifiques à ce site */
/* Liens pied de page */

a.lp:link	{
		 font-family: "Arial";
	 	 color: #999999;
	 	 text-decoration: none;
	 	 font-size: x-small;
	 	 font-weight:bold;
		}
a.lp:active	{
		 font-family: "Arial";
	 	 color: #FFFFFF;
		 text-decoration: none;
		 font-size: x-small;
		 font-weight:bold;
		}
a.lp:visited	{
		 font-family: "Arial";
	 	 color: #FFFFFF;
		 text-decoration: none;
		 font-size: x-small;
		 font-weight:bold;
		}
a.lp:hover	{
		 font-family: "Arial";
	 	 color: #FF0000;
		 text-decoration: none;
                 font-size: x-small;
                 font-weight:bold;
		}
		
/* Liens menu */

a.menu:link	{
		 font-family: "Arial";
	 	 color: #FFFFFF;
	 	 text-decoration: none;
	 	 font-size: 1.3em;
	 	 font-weight:bold;
		}
a.menu:active	{
		 font-family: "Arial";
	 	 color: #FFFFFF;
		 text-decoration: none;
		 font-size: 1.3em;
		 font-weight:bold;
		}
a.menu:visited	{
		 font-family: "Arial";
	 	 color: #FFFFFF;
		 text-decoration: none;
		 font-size: 1.3em;
		 font-weight:bold;
		}
a.menu:hover	{
		 font-family: "Arial";
	 	 color: #8384C4;
		 text-decoration: none;
                 font-size: 1.3em;
                 font-weight:bold;
		}


/* Liens Standard */

a.std:link	{
		 font-family: "Arial";
	 	 color: #FFFFFF;
	 	 text-decoration: none;
	 	 font-size: 1.0em;
	 	 font-weight:bold;
		}
a.std:active	{
		 font-family: "Arial";
	 	 color: #6162A2;
		 text-decoration: none;
		 font-size: 1.0em;
		 font-weight:bold;
		}
a.std:visited	{
		 font-family: "Arial";
	 	 color: #FFFFFF;
		 text-decoration: none;
		 font-size: 1.0em;
		 font-weight:bold;
		}
a.std:hover	{
		 font-family: "Arial";
	 	 color: #8384C4;
		 text-decoration: none;
                 font-size: 1.0em;
                 font-weight:bold;
		}
		
/* texte de petite taille */
p.textepetitc   {
                 font-size: x-small;
                 color:FFFFFF;
                }
p.textepetitg   {
                 font-size: x-small;
                 color:FFFFFF;
                 text-align:left;
                }

/* texte pied page */

div#piedpage    {
                 /*position:absolute;*/
                 /*left: 0px;*/
                 /*float:right;*/
                }


p.textepied    {
                  text-align: center;
                  font-size:xx-small;
                  /*color:#929292;*/
                  color: #999999;
               }

/* Retour au sommet de la page */

p.retour    {
                  text-align:right;
               }

               
/* Table des revendeurs */
table#rev    {
                 border-color: #434343;
		 border-width: 3px;
		 border-style: solid;
		 border-collapse: collapse;
		 font-family:Arial;
		 font-size:xx-small;
		 background-color:transparent;
		 background-image: url(images/trame_tr.gif);
             }
th.rev		{
		 background-image: url(images/entete_tab.gif);
		 font-weight:bold;
		 font-size:small;
		 height:25px;                
		}
tr.rev		{
		 border-color: #434343;			
		 border-width: 3px;
		 border-style: solid;
		}
td.rev		{
		 border-color: #434343;			
		 border-width: 3px;
		 border-style: solid;
		}
td.rev100	{
		 border-color: #434343;			
		 border-width: 3px;
		 border-style: solid;
		 width:90px;
		}
table#pageliens {
                 border-color: #434343;
		 border-width: 3px;
		 border-style: solid;
		 border-collapse: collapse;
		 font-family:Arial;
		 font-size:x-small;
		 background-color:transparent;
		 background-image: url(images/trame_tr.gif);
             }