<style>

 H1 { color: black}
 
  UL { 
        background: #ff9933;         /* orange */
        margin: 0px 0px 0px 0px;     /* Marge par rapport au bord de la fenetre */
        padding: 5px 5px 5px 5px;    /* Largeur entre le cadre de la marge et la bordure */ 
        border-style: solid;         /* Les bordures sont spécifiées */
        border-color: green;
        border-width: medium; 
      }
  LI { 
        color: white;                /* Le texte a une couleur blanche */ 
        background: #3366cc;         /* Le fond du contenu et de l'espacement sera bleu */
        margin: 5px 5px 5px 5px;
        padding: 12px 0px 12px 12px; /* Noter l'espacement droit 0px */
        list-style: none             /* Aucuns glyphes devant les items de liste */
        border-style: solid;         /* Les bordures sont spécifiées */
        border-color: black;
        border-width: medium; 
        
      }
  LI.withborder {
        border-style: dashed;
        border-width: medium;        /* Applique une bordure sur les quatre côtés */
        border-color: green;
      }
  IMG.visuel {
        background: #3366cc;         /* Appliquer dans la fenetre virtuel */
        margin: 1px 0px 1px 0px;
        padding: 5px 5px 5px 5px;
        border-style: solid;
        border-color: blue;
        border-width: thick;
      }
  IMG.normal {
        border-style:solid;         /* Appliqué dans la fenetre biens pour afficher les vignettes */
		border-color: #6666CC; 
		border-width: 2px
	  }
  IMG.vendu { 
        border-style:solid;         /* Appliqué dans la fenetre biens pour afficher logo vendu */
		border-color: #6666CC; 
		border-width: 2px;
		Filter: Alpha(Opacity=100,finishOpacity=0,style=2,startx=20,starty=40,finishx=0,finishy=0)
      }
  table.recherche {
        font-family: Arial; 
        font-size: 12px; 
        color: #000099; 
        background:#D3D3D3;
      }
      
  table.affichage_vignette {         /* Page des vignettes */
        background: "darkgrey";      /* Couleur gris clair */
        color: #F8D68E;  
        font-family: arial; 
        font-size: 12 
      }
      
  table.affichage_bouton{            /* Page des vignettes */
        background: "darkgrey";      /* Couleur gris clair */
        color: #F8D68E;  
        font-family: arial; 
        font-size: 12 
     }
 
  table.affichage_banniere{          /* Page des vignettes */
        background: "darkgrey";      /* Couleur gris clair */
        color: #F8D68E;  
        font-family: arial; 
        font-size: 12 
      } 
  table.bandeau_bas {                /* Page des vignettes */
        background: "darkgrey";      /* Couleur gris clair */
        color: #F8D68E;  
        font-family: arial; 
        font-size: 12 
      } 
   
   td.nb {                           /* Page recherche, text */
        color: #000000;              /* Cliquer sur la photo */
        font-family: arial; 
        font-size: 10px;
        font-style: italic
     }
    
    td.tabliste { 
         background: "brown"; 
         color: #000000; 
         font-family: arial; 
         font-size: 12
   }
    
   td.phdesc {                       /*Cellule description dans PagePhoto.php */
         background: "brown"; 
         color: #000000; 
         font-family: comic sans MS; 
         font-size: 16px;
         font-style: italic
   }
   
   td.phtitre {                      /*Cellule titre dans PagePhoto.php */
         background: "darkgrey"; 
         color: #000000; 
         font-family: arial; 
         font-size: 21px;
         font-style: courier
   } 
   td.phprix {                      /*Cellule Prix dans PagePhoto.php */
         background-color: #DEB887; 
         color: #000000; 
         font-family: arial; 
         font-size: 18px;
         font-style: courier
   }


 
  .ecart{ height:20px;}
 
  .cell{  width:100px;
         height:23px;}
 
 
   
  .details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #CCCCCC; 
   }

  .inputdetails {                      /* Page fiche infos */
        background: "brown";           /* Couleur gris clair */
        color: #DCDCDC;  
        font-family: arial; 
        font-size: 9px 
      } 
      
  .tddetails {
        font-family: Arial; font-size: 8px; color: #000099; background: "brown"; 
     }
            
  table.Tablist { background: "darkgrey"; color: #000000; font-family: arial; font-size: 12;}
  table.tablist { background: "brown"; color: #F8D68E; font-family: arial; font-size: 12}
  table.normal  { background: "brown"; color: #F8D68E; font-family: arial; font-size: 12}
  
  
  span.navbar_selected { font-weight: bold; font-size:18px; color:brown;  }
  span.navbar          { font-weight: bold; font-size:12px; color:brown;  }

BODY
{
  font-family: Arial; font-size: 12px; color: #000099; background: #DCDCDC
}
TD
{
  font-family: Arial; font-size: 12px; color: #000099;
}



A
{
  font-family:Arial;font-size:12px;color:#FF9A00;text-decoration:none;
}
A:link
{
  font-family:Arial;font-size:12px;color:#FF9A00;
}
A:visited
{
  font-family:Arial;font-size:12px;color:#FF9A00;
}
A:hover
{
  font-family:Arial;font-size:12px;color:#333399;
}
A.off
{
  font-family:Arial;font-size:12px;color:#FF9A00;
}


.tabMenu
{
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
BORDER-TOP: #FF9A00 1px solid;
BORDER-BOTTOM: #FF9A00 1px solid;
BORDER-LEFT: #FF9A00 1px solid;
BORDER-RIGHT: #FF9A00 1px solid;
FLOAT: none;
MARGIN: 0px; 
BACKGROUND-COLOR: #FFFFCC;
}
.tabTitre
{
font-family: Arial;
font-size: 14px;
color: #FFFFFF;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
BORDER-TOP: #FF9A00 1px solid;
BORDER-BOTTOM: #FF9A00 1px solid;
BORDER-LEFT: #FF9A00 1px solid;
BORDER-RIGHT: #FF9A00 1px solid;
FLOAT: none;
MARGIN: 0px; 
BACKGROUND-COLOR: #FF9A00 ;
}
 
.tabAccueil
{ 
BACKGROUND-COLOR: #FFEBCD;
}

body {

    margin: 0px;

    padding: 0px;

}

div#buttonA {

    margin-left: 0px;

}

div#buttonA ul {

    margin: 0px;

    padding: 0px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    line-height: 30px;

}

div#buttonA li {

    list-style-type: none;

    background: #3366cc;         /* Le fond du contenu et de l'espacement sera bleu */
    
    margin: 5px 5px 5px 5px;

    padding: 0px 0px 0px 0px;   /* Pas d'espacement autour du bouton */

    height: 30px;

    width: 125px;

    margin: 0px;

    text-align:center;

}

div#buttonA li a {

    height: 100%;

    width: 100%;

    display: block;

    text-decoration: none;

    border-width: 6px;

}

div#buttonA li a:link {

    color: #000000;

    font-weight: bold;

    background-color: #CCCCCC;

    border-style: outset;

}

div#buttonA li a:visited {

    color: #000000;

    font-weight: normal;

    background-color: #CCCCCC;

    border-style: outset;

}

div#buttonA li a:hover {

    font-weight: bold;

    color: #FFFFFF;

    background-color: #999999;

    border-style: outset;

}

div#buttonA li a:active {

    font-weight: bold;

    color: #FFFFFF;

    background-color: #666666;

    border-style: inset;

}

.vendeur {
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	height: 2px;
}
.txtvendeur {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	height: 2px;
}
.txtvendeurgestion{
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #003366;
	height: 2px;
}

.pgphotocadre{
        width: 397px; height:297px;
        border: thin solid blue;
}

.pgphotoquote{
        width:220px; height:300px;
        border:thin solid blue;
        overflow: scroll;
}

</style>