changer css pour style titres
This commit is contained in:
hugodu69
@@ -69,22 +69,17 @@ height:41px;
|
|||||||
width:180px;
|
width:180px;
|
||||||
font-family:arial-bold, Arial Bold, sans-serif;
|
font-family:arial-bold, Arial Bold, sans-serif;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
color:#cc3300;
|
color:#000000;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
line-height:41px;
|
line-height:41px;
|
||||||
margin-left:43px;
|
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;
|
color:#cc3300;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
145
index.html
145
index.html
@@ -1,22 +1,22 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
|
||||||
<title>Association Bloc-House - Les ateliers éphémères - Page d'accueil</title>
|
<title>Association Bloc-House - Les ateliers éphémères - Page d'accueil</title>
|
||||||
|
|
||||||
<meta name="description" content="Site présentant les activités de l'association Bloc-House à Sceaux" />
|
<meta name="description" content="Site présentant les activités de l'association Bloc-House à Sceaux" />
|
||||||
<meta name="Author" content="L'association Bloc-House - pole de création à Sceaux" />
|
<meta name="Author" content="L'association Bloc-House - pole de création à Sceaux" />
|
||||||
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
|
<meta name="keywords" content="Bloc-House, ateliers éphémères, ville de Sceaux, ateliers portes ouvertes, association d'artistes plasticiens, diffusion de la création contemporaine, ouverture d'ateliers éphémères, territoire, pôle de création, interface, partenaires culturels, économiques et sociaux, manifestations artistiques, Underground, Milan Atanaskovic, Eliza Magri, Macha Pandellé, Vincent Pandellé, Altone Mishino, Jérome Bouchez, Paule Millara, Christophe Bogdan, Margot Montenoise, Lahouari Mansouri dit Wari, esapce de travail alternatif, Mitou Alalinarde, Claire Artemyz, Jean José Baranes, Gérard Koch, Nicolas de Ferran, Macha Krivokapic, Anne Mauban, Isabelle Rince, Claudine Sabatier, Dashan Yang, installation éphémères, manifestation NOIR, manifestation TO BE A STICKER, manifestation CECI N'EST PAS UN KAKEMONO, manifestation CO-INCIDENCES " />
|
||||||
<link rel="shortcut icon" href="images/iconw.png"/>
|
<link rel="shortcut icon" href="images/iconw.png"/>
|
||||||
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
|
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
|
<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
|
||||||
<script type="text/javascript" src="javascript/jquery.diaporama.js"></script>
|
<script type="text/javascript" src="javascript/jquery.diaporama.js"></script>
|
||||||
<script type="text/javascript" src="javascript/script.js"></script>
|
<script type="text/javascript" src="javascript/script.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!--<script type="text/javascript" src="javascript/jquery.js"></script>
|
<!--<script type="text/javascript" src="javascript/jquery.js"></script>
|
||||||
<script type="text/javascript" src="javascript/easySlider1.7.js"></script>
|
<script type="text/javascript" src="javascript/easySlider1.7.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
@@ -27,9 +27,9 @@
|
|||||||
});
|
});
|
||||||
</script>-->
|
</script>-->
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
<!--
|
<!--
|
||||||
function preload() {
|
function preload() {
|
||||||
if (document.images) {
|
if (document.images) {
|
||||||
tabImages=new Array;
|
tabImages=new Array;
|
||||||
for (var i=0; i<preload.arguments.length; i++){
|
for (var i=0; i<preload.arguments.length; i++){
|
||||||
@@ -37,13 +37,13 @@ function preload() {
|
|||||||
tabImages[i].src=preload.arguments[i];
|
tabImages[i].src=preload.arguments[i];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabImages=new Array;
|
var tabImages=new Array;
|
||||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png", "images/accueil/pageAccueil1.jpg", "images/accueil/pageAccueil7.jpg", "images/accueil/pageAccueil2.jpg", "images/accueil/pageAccueil3.jpg", "images/accueil/pageAccueil4.jpg", "images/accueil/pageAccueil5.jpg", "images/accueil/pageAccueil6.jpg");
|
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png", "images/accueil/pageAccueil1.jpg", "images/accueil/pageAccueil7.jpg", "images/accueil/pageAccueil2.jpg", "images/accueil/pageAccueil3.jpg", "images/accueil/pageAccueil4.jpg", "images/accueil/pageAccueil5.jpg", "images/accueil/pageAccueil6.jpg");
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
||||||
@@ -55,50 +55,56 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
|
|||||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||||
})();
|
})();
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<meta name="google-site-verification" content="t6t1zeNahIOuUSEJ0MNrnSx4qDJvDBgSkBq-PWUFBls" />
|
<meta name="google-site-verification" content="t6t1zeNahIOuUSEJ0MNrnSx4qDJvDBgSkBq-PWUFBls" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="global">
|
<div id="global">
|
||||||
|
|
||||||
|
<!-- debut left -->
|
||||||
<div id="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">
|
||||||
<div class="trait"></div>
|
<img src="images/logo_bloc_house.png" alt="Logo Bloc-House" width="223" height="47" />
|
||||||
<div class="menu">ACCUEIL</div>
|
</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait"></div>
|
||||||
<div class="menu"><a href="ateliers.html" title="Accéder à la page ateliers">ATELIERS</a></div>
|
<div class="menu menu_clic">ACCUEIL</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="manifestations.html" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
|
<div class="menu">ATELIERS</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="artistes.html" title="Accéder à la page artistes">ARTISTES</a></div>
|
<div class="menu">MANIFESTATIONS</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="interstices.html" title="Accéder à la page interstices">INTERSTICES</a></div>
|
<div class="menu">ARTISTES</div>
|
||||||
<div class="trait1"></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">INTERSTICES</div>
|
||||||
<div class="trait1"></div>
|
<div class="trait1"></div>
|
||||||
<div class="menu"><a href="partenaires.html" title="Accéder à la page partenaires">PARTENAIRES</a></div>
|
<div class="menu">CONTACT - INFOS</div>
|
||||||
|
<div class="trait1"></div>
|
||||||
<div class="left_bottom1" style="margin-top:25px;">
|
<div class="menu">PARTENAIRES</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 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>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- fin left -->
|
||||||
|
|
||||||
<div class="left_bottom1" style="margin-top:8px;">
|
<!-- debut right -->
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- fin left --></div>
|
|
||||||
|
|
||||||
<div id="right">
|
<div id="right">
|
||||||
<div id="content">
|
|
||||||
|
|
||||||
|
<!-- debut content -->
|
||||||
|
<div id="content">
|
||||||
|
|
||||||
<!-- animation page d'accueil -->
|
<!-- animation page d'accueil -->
|
||||||
|
|
||||||
<ul class="diaporama">
|
<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="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>
|
<li><a href="artistes.php" title="Accéder à ARTISTES"><img alt="image 2 diaporama" src="images/accueil/pageAccueil2.jpg" /></a></li>
|
||||||
@@ -108,36 +114,29 @@ 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="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="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>
|
<li><a href="manifestations.php" title="Accéder à MANIFESTATIONS"><img alt="image 7 diaporama" src="images/accueil/pageAccueil7.jpg" /></a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
<!-- fin animation page d'accueil -->
|
||||||
|
|
||||||
<!-- texte de la page d'accueil, à remplacer, pour faire un paragraphe ajouter <br /><br /> -->
|
<!-- 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 :
|
||||||
<div id="texte">
|
<br /><br />
|
||||||
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 :
|
<span style="font-style:italic;">« L'oeuvre d'art se présente comme un interstice social à l'intérieur de laquelle ces expériences, ces nouvelles « possibilités de vie », s'avèrent possibles : il semble plus urgent d'inventer des relations possibles avec ses voisins au présent que de faire chanter les lendemains. » <br /><span style="float:left;font-style:normal;margin-top:3px;"><span style="font-weight:bold;">Esthétique relationnelle</span>, Les Presses du Réel, 1998</span></span>
|
||||||
<br /><br />
|
<br /><br />
|
||||||
<span style="font-style:italic;">« L'oeuvre d'art se présente comme un interstice social à l'intérieur de laquelle ces expériences, ces nouvelles « possibilités de vie », s'avèrent possibles : il semble plus urgent d'inventer des relations possibles avec ses voisins au présent que de faire chanter les lendemains. » <br /><span style="float:left;font-style:normal;margin-top:3px;"><span style="font-weight:bold;">Esthétique relationnelle</span>, Les Presses du Réel, 1998</span></span>
|
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.
|
||||||
<br /><br />
|
</div>
|
||||||
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.
|
<!-- fin text --></div>
|
||||||
</div>
|
<!-- fin content --></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- fin content --></div>
|
|
||||||
|
|
||||||
<div id="trait_vertical"></div>
|
<div id="trait_vertical"></div>
|
||||||
<!-- fin right --></div>
|
</div>
|
||||||
|
<!-- fin right -->
|
||||||
|
|
||||||
|
<!-- debut bottom -->
|
||||||
<div id="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>
|
<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 bottom --></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- fin global --></div>
|
<!-- fin global --></div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user