body{
    background-image:url("../sites-gl-events-medias/chateau-saint-priest/background.gif");
    padding:0;
    margin:0;
    font-family:arial;
    font-size:11px;
    color:#503025;
}

input, select, textarea, a{
    font-family:arial;
    font-size:11px;
    color:#503025;
    text-decoration:none;
}

img{
    border:0;
}

ul, li{
    list-style:none;
    margin:0;
    padding:0;
}
p{
	margin: 0.2em 0 1em 0;
}

#zoneSite {
    margin:auto;
    margin-top:10px;
    width:760px;
    height:640px;
    background-color:white;
}

#zoneMenu{
    position:relative;
    left:10px;
    top:10px;
    width:175px;
    height:520px;
    background-color:#503025;
    color:white; /* couleur de texte pour test */
}

#menu1{
    position:absolute;
    margin-top:190px;
}

#menu2{
    position:absolute;
    margin-top:300px;
}

#menu3{
    position:absolute;
    margin-top:370px;
}

#menu4{
    position:absolute;
    margin-top:420px;
}

#logoCSP{
    position:absolute;
    margin-top:30px;
    margin-left:20px;
}

#zoneMenuBas{
    position:absolute;
	width:740px;
	margin-left:10px;
    margin-top:20px;
    height:90px;
    background-color:#503025;
    color:white; /* couleur de texte pour test */
    text-align:center;
}

#logoGL{
    float:left;
	margin:30px 10px 0 15px;
}

#menuBas a {
	color:#fff;
}

#menuBas a:hover {
	text-decoration:underline;
}

#menuBas {
	float:right;
	margin:68px 15px 0 5px;
}

#menuBas li {
	display:inline;
}

#coordonnees {
	float:left;
	text-align:left;
	margin:27px 0 0 5px;
}

#zoneContenu{
    background-color:#ffffff;
    position:absolute;
    margin-top:10px;
    margin-left:195px;
    width:555px;
    height:520px;
    overflow:hidden;
}

/* gabarit simple. une seule zone html */
#zoneHtmlContenuStandard{
    padding-right:10px;
    width:545px;
    height:520px;
    background-color:#ffffff;
    overflow:auto;
}

/* gabarit titre-2html. un titre image et deux zone html, avec les traditionnels flash et photo. */
#t2hFlash, #hhhFlash{
    position:absolute;
    top:0px;
    left:0px;
    width:555px;
    height:180px;
}

#t2hContenu {
    position:absolute;
    top:190px;
    left:0;
    width:555px;
    z-index:2;
    background-color:#ffffff;
}

#t2hContenu td {
    vertical-align:top;
}

#t2hPhoto {
    position:absolute;
    top:360px;
    left:0px;
    width:555px;
    height:160px;
    z-index:1;
}


/* gabarit csp-3html. trois zone html, avec les traditionnels flash et photo. */
/* style zone flash cf ci dessus. */
#hhhZone1, #hhhZone2, #hhhZone3{
    position:absolute;
    top:190px;
    width:178px;
    height:320px;
    overflow:hidden;
}

#hhhZone1{left:0px;}
#hhhZone2{left:188px;}
#hhhZone3{left:376px;}


/* css pour gabarit de liste */
#ltTitre {
    position:absolute;
    top:20px;
    left:0px;
    width:140px;
    height:14px;
}

#ltPhoto {
    position:absolute;
    top:0px;
    left:280px;
    width:275px;
    height:520px;
}

#ltListe{
    position:absolute;
    top:44px;
    left:0px;
    width:270px;
    height:475px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#ltListe2{
    position:absolute;
    top:44px;
    left:0px;
    width:555px;
    height:466px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}
#ltListe2 .photo {
	text-align: center;
	float: left;
	width: 160px;
	height: 135px;
	margin: 0 18px 20px 0;
}

#itTitre{
    font-weight:bold;
}

#itTexte{}
    
    
/* gabarit visite virtuelle */
#visiteFlash{
    position:absolute;
    top:120px;
    left:0px;
    width:555px;
    height:130px;
}

#listePano{
    position:absolute;
    top:370px;
}

#visitePhoto{
    position:absolute;
    top:259px;
    left:0px;
    width:555px;
    height:261px;
}


/* accueil */

#accueilSousDoc {
    position:absolute;
    top:180px;
    left:0px;
    width:180px;
    padding:10px 10px 15px 10px;
    z-index:2;
    background-color:#ffffff;
    overflow:hidden;
}

#accueilSousDoc #titre {
    font-weight:bold;
    text-transform:uppercase;
}

#accueilPhoto {
    position:absolute;
    top:0px;
    left:0px;
    width:555px;
    height:520px;
    z-index:1;
}

/* VGD on passe les menus en texte au lieu d'image on utilise donc les styles:*/
/* le chateau et professionnel menu de gauche*/
#sousMenu1{ 
  display: block; 
  width:150px; 
  LETTER-SPACING: 2px;
  color:rgb(123,101,90);
} 
#sousMenu1:hover { 
  color:white;
  background-color:#503025;
} 
#sousMenu1Actif{ 
  display: block; 
  width:150px; 
  LETTER-SPACING: 2px;
  color:white;
  background-color:#503025;
} 
/* Menu principale du site à gauche*/
#MenuPrincipal{ 
  display: block; 
  width:150px; 
  LETTER-SPACING: 2px;
  color:white;
  background-color:#503025;
} 
#MenuPrincipal:hover { 
  color:#503025;
  background-color:white;
} 
#MenuPrincipalActif{ 
  display: block; 
  width:150px; 
  LETTER-SPACING: 2px;
  color:#503025;
  background-color:white;
}