/*        CSS page d' ACCUEIL     {}     */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	background:#740001 url(imgs_tt/accueil/bg.jpg) repeat-x top;/*couleur et image de fond du site*/
	border: none;
}/*conteneur dans lequel on va mettre toute la page*/

a:link{ color:#CC0000;}    /*lien non-visité*/
a:visited{ color:#990000;} /*lien visité*/
a:hover{ color: #FF0000}   /*lien survolé*/
a:active{ color: #FF0000;} /*lien activé*/

#conteneur {
	width:766px;
	height: 577px;
	margin:0 auto;/* pour centrer la page dans la fenetre du navigateur */
	background-color:transparent;
	background:no-repeat url(imgs_tt/accueil/fd_accueil.jpg) top;/*image de fond de la page*/
}
/**********début contenu central (texte)****/
#centre {
	/**/
	margin-left: 160px;/*se place à 160px du bord gauche (du conteneur) et à _px à droite*/
	margin-right: 30px;
	background-color:transparent;
}
#credit {
	float:right;
	margin-right:10px;
	text-align:center;
	height: 20px;
	width:250px;
	background:transparent no-repeat url(imgs_tt/accueil/fd_credit.gif) left; 
	font:bold  10px Helvetica, Arial, sans-serif;
	color:#CC0000;
	text-decoration:none;
}

#droite {
float:right;
width:219px;
color: #A20000;
background-color:transparent;
}
#pied {
	clear: both;
	height:75px;
	background-color: #FFFFFF;
	background: url(imgs_tt/accueil/fd_pagebas.gif) no-repeat bottom;
}
/*entete contient le gif-animé de carte postale*/
#header {
	width:766px;
	margin:0 auto;
	height:auto;
	background-color: transparent;

}
/*Contient le menu*/
#haut{
	width:766;
	height:109px;
	margin:0 auto;
	margin-right:5px;
	text-align:center;
}

 ul li{ 
	margin:-10;
	padding:-10;
	
	}
/*DEBUT MENU PRINCIPALlist-style-type:none;
	

#haut ul{
	float:left;
	text-align:center;
	margin:0 auto;
	height: 109px;
	background:transparent   url(29AOUT/images/bouton_ondef.gif)left top  no-repeat;
	
}
#haut li{
	float:left;
}

				/*  dimensions et définitions des boutons   */
#haut li a{
display:block;/*  mis en block de <a> pour lui donner des dimensions   */
height:109px;
width:153px;
line-height:50px;/* hauteur de ligne pour éviter les padding   */
}
#haut li a:hover{
background:transparent  url(imgs_tt/accueil/bouton_ondef.gif) top left no-repeat;

}
a#menu1:hover{
background-position: -766px 0%; }			
/* décalage de l'arrière plan pour chaque bouton*/

a#menu2:hover{
background-position :-919 0%;
left:153;
}
a#menu3:hover{

background-position:-1027 0%;
}
a#menu4:hover{
left:306;
background-position:-1225 0%;
}
a#menu5:hover{
background-position:-1378 0%;
}
/*************************FIN MENU*************************/


/*************************DEBUT MENU DROIT
 menu autour de l'exposition*/
#menudroit {
	vertical-align:middle;
	font: normal 10px Helvetica, Arial, sans-serif;
	/* line-height:-18px;*/


}
#menudroit li {
	line-height:19px;
	list-style-image: url(imgs_tt/accueil/puces.gif) ;
	list-style-position: inside;
	list-style-type: none;/**/

}

#menudroit a {
	margin: 0 auto;
	color: #000000;
	text-decoration: none;

}
#menudroit a:hover {
	font: bolder 10px Helvetica, Arial, sans-serif;
	text-decoration: none;
	background:transparent url(imgs_tt/accueil/bout.gif) no-repeat right center;
	color: #CC0000;
	padding-right:15px;

}
/*************************FIN MENU DROIT*/
h1{
	font:bold 11px Helvetica,Arial, sans-serif ;
	color: #A20000;
	margin:0 0 5 0;
	text-transform:uppercase;
	}

a img {border:0;} /*pour supprimer la bordure bleu autour d'une image lorsqu'elle est un lien*/

#logodroit {
	position:absolute;
	width: 180px;
	height: 70px;
	margin-bottom: 0px;
	margin-top: 50px;
	margin-right: 10px;
	margin-left:580px;
	background-color: Aqua;
	z-index: -100;
}

#logogauche {
	position:absolute;
	width: 300px;
	height: 70px;
	margin-top: 10px; /*margin-top: 507px;*/
	margin-left: 0px;
	background-color: transparent;
	z-index:100;
}