changer css pour style titres

css/styles.css

@@ -69,22 +69,17 @@ height:41px;
 width:180px;
 font-family:arial-bold, Arial Bold, sans-serif;
 font-weight: 900;
-color:#cc3300;
+color:#000000;
 font-size:18px;
 line-height:41px;
 margin-left:43px;
+cursor:pointer;
 }
-.menu a{
+.menu_clic {
-font-family:arial-bold, Arial Bold, sans-serif;
+color:#cc3300;
-font-weight: 900;
+cursor:default;
-text-decoration:none;
-color:#000000;
 }
-
+.menu:hover{
-.menu a:hover{
-font-family:arial-bold, Arial Bold, sans-serif;
-font-weight: 900;
-text-decoration:none;
 color:#cc3300;
 }
 

index.html

@@ -64,41 +64,47 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
 
 <div id="global">
 
+<!-- debut left -->
 <div id="left">
-<div id="logo"><img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" /></div>
+	<div id="logo">
+		<img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" />
+	</div>
 	<div class="trait"></div>
-<div class="menu">ACCUEIL</div>
+	<div class="menu menu_clic">ACCUEIL</div>
 	<div class="trait1"></div>
-<div class="menu"><a href="ateliers.html" title="Accéder à la page ateliers">ATELIERS</a></div>
+	<div class="menu">ATELIERS</div>
 	<div class="trait1"></div>
-<div class="menu"><a href="manifestations.html" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
+	<div class="menu">MANIFESTATIONS</div>
 	<div class="trait1"></div>
-<div class="menu"><a href="artistes.html" title="Accéder à la page artistes">ARTISTES</a></div>
+	<div class="menu">ARTISTES</div>
 	<div class="trait1"></div>
-<div class="menu"><a href="interstices.html" title="Accéder à la page interstices">INTERSTICES</a></div>
+	<div class="menu">INTERSTICES</div>
 	<div class="trait1"></div>
-<div class="menu"><a href="contact.html" title="Accéder à la page contact">CONTACT - INFOS</a></div>
+	<div class="menu">CONTACT - INFOS</div>
 	<div class="trait1"></div>
-<div class="menu"><a href="partenaires.html" title="Accéder à la page partenaires">PARTENAIRES</a></div>
+	<div class="menu">PARTENAIRES</div>
-
 	<div class="left_bottom1" style="margin-top:25px;">
-<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" /><div class="sousmenu" style="margin-top:5px;"><a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a></div>
+		<img class="icone" style="margin-left:5px;" src="images/iconePDF.png" alt="icone adobe reader" width="36" height="36" />
+		<div class="sousmenu" style="margin-top:5px;">
+			<a href="ressources/statuts_bloc_house.pdf" title="Télécharger les statuts de Bloc-House">Télécharger les statuts de l'association</a>
+		</div>
 	</div>
-
 	<div class="left_bottom1" style="margin-top:8px;">
-<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" /><div class="sousmenu" style="margin-top:5px;"><a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></div>
+		<img class="icone" style="margin-left:12px;" src="images/mail.png" alt="icone mailbox" width="28" height="18" />
+		<div class="sousmenu" style="margin-top:5px;">
+			<a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a>
 		</div>
+	</div>
+</div>
+<!-- fin left -->
 
-
+<!-- debut right -->
-
-<!-- fin left --></div>
-
 <div id="right">
+
+	<!-- debut content -->
 	<div id="content">
 	
-
 	<!-- animation page d'accueil -->
-
 				<ul class="diaporama">				
 			<li><a href="ateliers.php" title="Accéder à ATELIERS"><img alt="image 1 diaporama" src="images/accueil/pageAccueil1.jpg" /></a></li>
 			<li><a href="artistes.php" title="Accéder à ARTISTES"><img alt="image 2 diaporama" src="images/accueil/pageAccueil2.jpg" /></a></li>
@@ -108,12 +114,10 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
 			<li><a href="artistes.php" title="Accéder à ARTISTES"><img alt="image 5 diaporama" src="images/accueil/pageAccueil5.jpg" /></a></li>
 			<li><a href="ateliers.php" title="Accéder à ATELIERS"><img alt="image 6 diaporama" src="images/accueil/pageAccueil6.jpg" /></a></li>
 			<li><a href="manifestations.php" title="Accéder à MANIFESTATIONS"><img alt="image 7 diaporama" src="images/accueil/pageAccueil7.jpg" /></a></li>
-	
 				</ul>
+	<!-- fin animation page d'accueil -->
 	
 	<!-- texte de la page d'accueil, à remplacer, pour faire un paragraphe ajouter <br /><br /> -->
-
-
 	<div id="texte">
 	Créée en 2007 à Sceaux, Bloc-House est une association d'artistes plasticiens, dont la vocation est de diffuser la création contemporaine et de favoriser l'ouverture d'ateliers éphémères sur son territoire. Pôle de création, elle est aussi l'interface entre les partenaires culturels, économiques et sociaux et s'inscrit ainsi dans les propos du curator Nicolas Bourriaud :
 	<br /><br />
@@ -121,23 +125,18 @@ Cr
 	<br /><br />
 	Bloc-House produit chaque année des manifestations artistiques qui sont autant de possibilités d'échange, de liens tissés avec le grand public et le milieu des collectionneurs.
 	</div>
-
+	<!-- fin text --></div>
-
-
-
 	<!-- fin content --></div>
 
 <div id="trait_vertical"></div>
-<!-- fin right --></div>
+</div>
+<!-- fin right -->
+
+<!-- debut bottom -->
 <div id="bottom">
 <img class="icone1" src="images/logo_carre2.png" alt="logo association" width="33" height="33" /><div class="adress" style="float:left;margin-top:18px;margin-left:8px;"><span style="font-weight:bold;">Association BLOC-HOUSE, Les Ateliers Éphémères, </span>54 rue de Bagneux, 92330 Sceaux</div>
-
 <!-- fin bottom --></div>
 
-
-
-
-
 <!-- fin global --></div>
 </body>
 </html>