/* 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:#E9E9E9;
              font-family: verdana, sans-serif;
              color: #F5F5F5;
              background-image: url("images/fond.jpg");
            }
body.bppale {
              background-image: url("images/fond.jpg");
              background-repeat: repeat-x;
              background-position:top;
              background-color:#F5F5F5;
              font-family: verdana, sans-serif;
              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;
              margin: 10px;
              padding: 0px;
              font-family: Arial;
              font-size:medium;
              font-weight: 900;
              color:#323232;
            }
            
h1          {
             font-size:xx-large;
             color:#555555;
             text-align:center;
             font-family: verdana, sans-serif;
            }
h2          {
             font-size:x-large;
             color:#555555;
             text-align:center;
             font-family: verdana, sans-serif;
            }
h3          {
             font-size:large;
             color:#333;
             text-align:center;
             font-family: verdana, sans-serif;
            }
h4          {
             /*font-size:medium;*/
             color:#AAAAAA;
             text-align:center;
	     font-size: 1.5em;
             font-family: verdana, sans-serif;
            }
            
h1.contour  {
              position: relative;
              top:0px;
              left:0px;
              font-weight: 900;
              color:#000000;
            }
.ombre      {
              position: absolute;
              top:2px;
              left:2px;
              font-weight: 900;
              font-size:xx-large;
              color:#000000;
              text-align:center;
              font-family: verdana, sans-serif;
            }
.ombre2     {
              position: absolute;
              top:1px;
              left:1px;
              font-weight: 900;
              font-size:xx-large;
              color:#FFFFFF;
              text-align:center;
              font-family: verdana, sans-serif;
            }


div.bando  {
              background-repeat: repeat no-repeat;
              background-position: 0px 0px;
              background-image: url("images/bando_haut_droit.jpg");
              height:117px;
              width: 99%;
              margin-top:0px;
              margin-left:0px;
              border: 1px solid #000000;
              z-index:1;
            }

div.logotitre{
              background-image: url("images/bandogo.jpg");
              background-repeat: no-repeat;
              width:100%;
              height: 117px;
              margin: 0px;
              z-index:2;
            }
img.lsepar  {
              position: absolute;
              left: 10px;
              top: 130px;
              border: 1px solid #000000;
              padding: 0px;
              margin: 0px;
              width:100%;
              height:10px;
              z-index:3;
            }  

div.concent {
              text-align:center;
            }

div.centre  {
              background-image: url("images/fondeg.gif");
              background-repeat: no-repeat;
              background-position: center center;
              margin-top: 25px;
              margin-left: auto;
              margin-right: auto;
              /*width: 742px;*/
              width: 90%;
              /*background-color:#0000FF;*/
              z-index:0;
            }

div.cadre_tab {
               width:100%;
               /*Height:500px;*/
               overflow:auto;          /* Attention: comportement différent entre IE 6, Firefox, Opera*/
               text-align:center;
               /*background-color:#FFFF00;*/
              }

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 */


/* Page d'accueil */
img        {
             border-width: 0px;
           }
img#drafr, img#dragbus 
           {
             position:absolute;
             border-width: 0px;
             width: 59px;
             height: 41px;
             left: 40px;
             top: 30px;
             z-index:2;
           }
img#drafr  {
             left: 30px;
             top: 330px;
           }
img#dragbus{
             left: 30px;
             top: 380px;
           }

div.contdrap{   
             position:absolute;
             width:98%;
             height:26px;
             left: 10px;
             top: 158px;
             /*background-color:#AA2200;*/
           }
img#drafrmini, img#dragbusmini
           {
             border-width: 0px;
             width: 35px;
             height: 26px;
             float:right;
             z-index:2;
           }


div.tofmoto {
              /*background-color:#FF8800;*/
              /*width: 200px;*/
              /*height:200px;*/
            }

/* Reste du site / tout le site*/


a#lienlogo  {
              display: block;
              position:absolute;
              width: 200px;
              height: 100px;
              left: 40px;
              top: 30px;
              background-color: transparent;
            }
p#centrie   {
              text-align: center;
              z-index:1;
            }
img#logoc   {
              display: block;
              border-width: 0px;
              margin-left: auto;
              margin-right: auto;
              z-index:1;
            }
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.pas     {
              visibility: hidden;
              position:absolute;
              left: 0px;
              top: 0px;
              z-index:0;
            }
div#taillefen{
               position:absolute;
               top: 129px;
               left:10px;
               width:200px;
               color:#777777;
               font-family:"Verdana, Arial";
               font-size: 0.7em;
               font-weight:bold;
               z-index: 4;
             }
div#lang     {
               position:absolute;
               top: 129px;
               left:230px;
               width:200px;
               color:#777777;
               font-family:"Verdana, Arial";
               font-size: 0.7em;
               font-weight:bold;
               z-index: 4;
             }
            
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:250px;
                   top:50px;
                   z-index:3;
                }
div.bt_presentation  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:250px;
                   top:75px;
                   z-index:3;
                }
div.bt_agences  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:420px;
                   top:50px;
                   z-index:3;
                }
div.bt_liens  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:420px;
                   top:75px;
                   z-index:3;
                }
div.bt_partenaires  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:550px;
                   top:50px;
                   z-index:3;
                }
div.bt_contact  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:550px;
                   top:75px;
                   z-index:3;
                }

div.bt_tarifs  {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:680px;
                   top:50px;
                   z-index:3;
                }
div.bt_conseils {
                   position:absolute;
                   width: 150px;
                   height:40px;
                   left:680px;
                   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: #777777;
	 	 text-decoration: none;
	 	 font-size: small;
	 	 font-weight:bold;
		}
a.lp:active	{
		 font-family: "Arial";
	 	 color: #777777;
		 text-decoration: none;
		 font-size: small;
		 font-weight:bold;
		}
a.lp:visited	{
		 font-family: "Arial";
	 	 color: #777777;
		 text-decoration: none;
		 font-size: small;
		 font-weight:bold;
		}
a.lp:hover	{
		 font-family: "Arial";
	 	 color: #DDCB00;
		 text-decoration: none;
                 font-size: small;
                 font-weight:bold;
		}
		
/* Liens menu */
a.menu:link	{

                 font-family: "Verdana, Arial";
	 	 color: #FFFFFF;
	 	 text-decoration: none;
	 	 font-size: 1.2em;
	 	 font-weight: 600;
		}
a.menu:active	{

		 font-family: "Verdana, Arial";
	 	 color: #FFFFFF;
		 text-decoration: none;
		 font-size: 1.2em;
		 font-weight: 600;
		}
a.menu:visited	{

		 font-family: "Verdana, Arial";
	 	 color: #FFFFFF;
		 text-decoration: none;
		 font-size: 1.2em;
		 font-weight: 600;
		}
a.menu:hover	{

		 font-family: "Verdana, Arial";
	 	 color: #FFED00;
		 text-decoration: none;
                 font-size: 1.2em;
                 font-weight: 600;
		}


/* Liens Standard */

a.std:link	{
		 font-family: "Verdana, Arial";
	 	 color: #888888;
	 	 text-decoration: none;
	 	 font-size: 1.0em;
	 	 font-weight:bold;
		}
a.std:active	{
		 font-family: "Verdana, Arial";
	 	 color: #EEDC00;
		 text-decoration: none;
		 font-size: 1.0em;
		 font-weight:bold;
		}
a.std:visited	{
		 font-family: "Verdana, Arial";
	 	 color: #888888;
		 text-decoration: none;
		 font-size: 1.0em;
		 font-weight:bold;
		}
a.std:hover	{
		 font-family: "Verdana, Arial";
	 	 color: #EEDC00;
		 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: #999999;
               }

/* Retour au sommet de la page */

p.retour    {
                  text-align:right;
               }

               
/* Table  */
table          {
                 font-family: Arial;
		 font-size:medium;
		 font-weight: 900;
		 color:#333;
		 border-width: 0px;
		 text-align: left;
               }
th		{
		 background-image: url(images/degrjaune_900.jpg);
		 font-weight:bold;
		 font-size:medium;
		 color: #555;
		 height:25px;
		}
tr		{
		 border-width: 0px;
		 color: #333;
		}
td		{
		 border-width: 0px;
		}
		
table.ent       {
                 font-family: Arial;
		 font-size:medium;
		 font-weight: 900;
		 color:#333;
		 border-width: 0px;
		 text-align: left;
               }
th.ent		{
		 background-image: url(images/degrjaune_900.jpg);
		 font-weight:bold;
		 font-size:medium;
		 color: #555;
		 height:25px;
		}
tr.ent		{
		 border-width: 0px;
		 color: #333;
		}
td.ent		{
		 border-width: 0px;
		}

table.news    {
                 border-color: #333;
		 border-width: 1px;
		 border-style: solid;
		 border-collapse: collapse;
		 font-family: Arial;
		 font-size:medium;
		 font-weight: 900;
		 background-color:transparent;
		 background-image: url(images/trame.gif);
		 color:#434343;
             }
th.news      {
		 background-image: url(images/degrjaune_900.jpg);
		 font-weight:bold;
		 font-size:medium;
		 color: #555;
		 height:25px;
		}
tr.news		{
		 border-color: #333;
		 border-width: 0px;
		 border-style: solid;
		 color: #444;
		}
td.news		{
		 border-color: #333;
		 border-width: 0px;		 
		}
td.tarif	{
		 border-color: #333;
		 border-width: 1px;
                 text-align:center;
		}
td.bas		{
		 border-color: #333;
		 border-width: 0px;
                 background-image: url(images/degris.gif);
                 text-align:center;
		}
td.rev100	{
		 border-color: #333;
		 border-width: 1px;
		 border-style: solid;
		 width:90px;
		}
table#pageliens {
                 border-color: #333;
		 border-width: 1px;
		 border-style: solid;
		 border-collapse: collapse;
		 font-family: Arial;
		 font-size:small;
		 background-color:transparent;
		 background-image: url(images/trame_tr.gif);
             }
             
table.lienhaut  {
                  background-image: url(images/degjaune_100.gif);
                  border: 1px solid #434343;
                }
tr.lienhaut     {

                }
td.lienhaut     {
                   background-image: url(images/degjaune_100.gif);
                }
span.piticom    {
                   font-size: 0.8em;
                   text-align:justify;
                }
                
input,textarea  {
                  border: 1px solid #434343;
                  background-color: #FFEE00;
                }