* {												/* Police de carractere de tous le site */
	font-family: helvetica, Times, verdana;
	font-size:14px;
}

body {											/* Couleur de fond et de police du corps */
	background-color:#666666;
	color:#CCCCCC;
}

/*
a:link {										 Aspect des liens 
	color:#CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FFFF00;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}

*/

/*
#general {										 Cadre dans lequel apparait les pages 
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#000000;
}


#menu {											 Cadre du menu 
	width:730px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	font-size:14px;
}

#menu li {									 Definition de la balise <LI> pour le menu. Permet de l'afficher en ligne 
	list-style-type:none;
	display:inline;
}

*/

/*
#menu a {									 Apparance des lien dans le Menu 
	padding-left:15px;
	padding-right:15px;
	padding-bottom:2px;
	color: #CCCCCC;
	background-color:#333333;
	border:0;
	font-size:14px;
}

#menu a:hover {								 Changement de couleur au passage de la sourris dans le menu 
		color:#000000;
		background-color:#CCCCCC;
		text-decoration:none;
}
*/
/*
#menuoff {									 section du menu désactivé quand ont est dans la rubrique 
	font-size:14px;
	color: #333333;
	background-color:#CCCCCC;
	padding:0px 4px 2px;
}
*/

/*
#menu2 {									 Cadre du sous menu 
	width:730px;
	background-color:#666666;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:2px;
	font-size:14px;
}

#menu2 li {									 Definition de la balise <LI> pour le sous menu. Permet de l'afficher en ligne 
	list-style-type:none;
	display:inline;
}

#menu2 a {									 Apparance des lien dans le sous Menu 
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #CCCCCC;
	color: #CCCCCC;
	font-size:14px;
}

#menu2 a:hover {								 Changement de couleur au passage de la sourris dans le sous menu 
		color:#CCCCCC;
		background-color:#000000;
		text-decoration:none;
}

#menugauche {											 Cadre du menu gauche
	width:160px;
	padding:0px;
	border:0;
	background-color:#666666;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	font-size:12px;
}

#menugauche ul {									 Definition de la balise <ul> pour le menu gauche
	list-style-type:none;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	padding-top:5px;
}

#menugauche a {									Apparance des lien dans le Menu gauche
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	border:0;
	font-size:12px;
}

/*
#menugauche a:hover {								 Changement de couleur au passage de la sourris dans le menu gauche
		color:#000000;
		background-color:#CCCCCC;
		text-decoration:none;
}



#menutitre {										 Titre des rubriques dans le menu son de gauche 
	width:160px;
	text-align:left;
	font-size:14px;
	background-color:#333333;
}


#menutitre a:hover {								 Affichage de rubriques sonores 
	color:#000000;
	background-color:#CCCCCC;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:0px;
	padding-top:0px;
}

#off {										 Menu gauche OFF 
	text-align:right;
	font-size:12px;
	background-color:#CCCCCC;
	color:#000000;
}

#expo {										 Cadre principal du site 
	width:780px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 20px 0px;
}

#gallerie {									 Cadre d'affichage des photos, la gallerie photo 
	width:760px;
	padding:10px 0px 10px;
	margin-left:auto;
	margin-right:auto;
	font-size:5pt;
	border:0;
	color:#000000;
}

#gallerie a:hover {
	text-decoration:none;
	border:0;
	color:#000000;
}

/*
#nav {										 Taille de police des liens photo suivante, précédente et miniatures 
	font-size:10pt;
	text-align:center;
	color:#CCCCCC;
}

#nav a:link {
	font-size:10pt;
	color:#CCCCCC;
}

#nav a {
	font-size:10pt;
	color: #CCCCCC;
	border:0;
}

#nav a:hover {								 Couleur au passage de la souris sur les liens photo suivante, précédente et miniatures 
		font-size:10pt;
		color:#FFFF66;
		text-decoration:none;
}



#pied {										 Pied de page du site 
	width:100%;
	padding:2px;
	text-align:right;
	font-size:10pt;
	background-color:#666666;
	margin-left:auto;
	margin-right:auto;
}

#pied li {									 Definition de la balise <LI> pour le menu. Permet de l'afficher en ligne 
	display:inline;
}

#pied a {									 Apparance des lien dans le pied 
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #CCCCCC;
	color: #CCCCCC;
	font-size:10pt;
}

#pied a:hover {								 Changement de couleur au passage de la sourris dans le pied 
		color:#CCCCCC;
		background-color:#000000;
		text-decoration:none;
}



#lien {									 Cadre d'affichage des liens
	width:700px;
	margin-left:auto;
	margin-right:auto;
	font-size:12pt;
	text-align:left;
	border:0;
	color:#CCCCCC;
}

#lien a {									 Apparance des lien dans la zone lien 
	color:#FFCC66;
	padding-left:3px;
	padding-right:3px;
}

#lien a:hover {								 Changement de couleur au passage de la sourris dans le texte de la zone lien 
		color:#333333;
		background-color:#CCCCCC;
		text-decoration:none;
}

#son {										 Zone d'affichage des sons 
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding: 50px 10px;
	font-size:12pt;
	line-height:150%;
	border:0;
	color:#CCCCCC;
}

#son a {									 Apparance des lien dans les sons
	color:#FFCC66;
	padding-left:3px;
	padding-right:3px;
}

#son a:hover {								Changement de couleur au passage de la sourris dans la zone son 
		color:#333333;
		background-color:#CCCCCC;
		text-decoration:none;
}

#titre {									 Zone de titre des expos, films et sons 
	width:730px;
	background-color:#666666;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:2px;
	font-size:14px;
}

#text {										 Zone d'affichage du texte 
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding: 50px 10px;
	font-size:12pt;
	line-height:150%;
	text-align:justify;
	border:0;
	color:#CCCCCC;
}

#text a {									Apparance des lien dans les textes 
	color:#FFCC66;
	padding-left:3px;
	padding-right:3px;
}

#text a:hover {								 Changement de couleur au passage de la sourris dans la zone texte
		color:#333333;
		background-color:#CCCCCC;
		text-decoration:none;
}
*/
