init
4
.ovhconfig
Normal file
@@ -0,0 +1,4 @@
|
||||
app.engine=php
|
||||
app.engine.version=5.4
|
||||
http.firewall=none
|
||||
environment=production
|
||||
292
AC_RunActiveContent.js
Normal file
@@ -0,0 +1,292 @@
|
||||
//v1.7
|
||||
// Flash Player Version Detection
|
||||
// Detect Client Browser type
|
||||
// Copyright 2005-2007 Adobe Systems Incorporated. All rights reserved.
|
||||
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
|
||||
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
|
||||
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
|
||||
|
||||
function ControlVersion()
|
||||
{
|
||||
var version;
|
||||
var axo;
|
||||
var e;
|
||||
|
||||
// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
|
||||
|
||||
try {
|
||||
// version will be set for 7.X or greater players
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
|
||||
version = axo.GetVariable("$version");
|
||||
} catch (e) {
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 6.X players only
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
|
||||
|
||||
// installed player is some revision of 6.0
|
||||
// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
|
||||
// so we have to be careful.
|
||||
|
||||
// default to the first public version
|
||||
version = "WIN 6,0,21,0";
|
||||
|
||||
// throws if AllowScripAccess does not exist (introduced in 6.0r47)
|
||||
axo.AllowScriptAccess = "always";
|
||||
|
||||
// safe to call for 6.0r47 or greater
|
||||
version = axo.GetVariable("$version");
|
||||
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 4.X or 5.X player
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
|
||||
version = axo.GetVariable("$version");
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 3.X player
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
|
||||
version = "WIN 3,0,18,0";
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 2.X player
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
|
||||
version = "WIN 2,0,0,11";
|
||||
} catch (e) {
|
||||
version = -1;
|
||||
}
|
||||
}
|
||||
|
||||
return version;
|
||||
}
|
||||
|
||||
// JavaScript helper required to detect Flash Player PlugIn version information
|
||||
function GetSwfVer(){
|
||||
// NS/Opera version >= 3 check for Flash plugin in plugin array
|
||||
var flashVer = -1;
|
||||
|
||||
if (navigator.plugins != null && navigator.plugins.length > 0) {
|
||||
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
|
||||
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
|
||||
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
|
||||
var descArray = flashDescription.split(" ");
|
||||
var tempArrayMajor = descArray[2].split(".");
|
||||
var versionMajor = tempArrayMajor[0];
|
||||
var versionMinor = tempArrayMajor[1];
|
||||
var versionRevision = descArray[3];
|
||||
if (versionRevision == "") {
|
||||
versionRevision = descArray[4];
|
||||
}
|
||||
if (versionRevision[0] == "d") {
|
||||
versionRevision = versionRevision.substring(1);
|
||||
} else if (versionRevision[0] == "r") {
|
||||
versionRevision = versionRevision.substring(1);
|
||||
if (versionRevision.indexOf("d") > 0) {
|
||||
versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
|
||||
}
|
||||
}
|
||||
var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
|
||||
}
|
||||
}
|
||||
// MSN/WebTV 2.6 supports Flash 4
|
||||
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
|
||||
// WebTV 2.5 supports Flash 3
|
||||
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
|
||||
// older WebTV supports Flash 2
|
||||
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
|
||||
else if ( isIE && isWin && !isOpera ) {
|
||||
flashVer = ControlVersion();
|
||||
}
|
||||
return flashVer;
|
||||
}
|
||||
|
||||
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
|
||||
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
|
||||
{
|
||||
versionStr = GetSwfVer();
|
||||
if (versionStr == -1 ) {
|
||||
return false;
|
||||
} else if (versionStr != 0) {
|
||||
if(isIE && isWin && !isOpera) {
|
||||
// Given "WIN 2,0,0,11"
|
||||
tempArray = versionStr.split(" "); // ["WIN", "2,0,0,11"]
|
||||
tempString = tempArray[1]; // "2,0,0,11"
|
||||
versionArray = tempString.split(","); // ['2', '0', '0', '11']
|
||||
} else {
|
||||
versionArray = versionStr.split(".");
|
||||
}
|
||||
var versionMajor = versionArray[0];
|
||||
var versionMinor = versionArray[1];
|
||||
var versionRevision = versionArray[2];
|
||||
|
||||
// is the major.revision >= requested major.revision AND the minor version >= requested minor
|
||||
if (versionMajor > parseFloat(reqMajorVer)) {
|
||||
return true;
|
||||
} else if (versionMajor == parseFloat(reqMajorVer)) {
|
||||
if (versionMinor > parseFloat(reqMinorVer))
|
||||
return true;
|
||||
else if (versionMinor == parseFloat(reqMinorVer)) {
|
||||
if (versionRevision >= parseFloat(reqRevision))
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function AC_AddExtension(src, ext)
|
||||
{
|
||||
if (src.indexOf('?') != -1)
|
||||
return src.replace(/\?/, ext+'?');
|
||||
else
|
||||
return src + ext;
|
||||
}
|
||||
|
||||
function AC_Generateobj(objAttrs, params, embedAttrs)
|
||||
{
|
||||
var str = '';
|
||||
if (isIE && isWin && !isOpera)
|
||||
{
|
||||
str += '<object ';
|
||||
for (var i in objAttrs)
|
||||
{
|
||||
str += i + '="' + objAttrs[i] + '" ';
|
||||
}
|
||||
str += '>';
|
||||
for (var i in params)
|
||||
{
|
||||
str += '<param name="' + i + '" value="' + params[i] + '" /> ';
|
||||
}
|
||||
str += '</object>';
|
||||
}
|
||||
else
|
||||
{
|
||||
str += '<embed ';
|
||||
for (var i in embedAttrs)
|
||||
{
|
||||
str += i + '="' + embedAttrs[i] + '" ';
|
||||
}
|
||||
str += '> </embed>';
|
||||
}
|
||||
|
||||
document.write(str);
|
||||
}
|
||||
|
||||
function AC_FL_RunContent(){
|
||||
var ret =
|
||||
AC_GetArgs
|
||||
( arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
|
||||
, "application/x-shockwave-flash"
|
||||
);
|
||||
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
|
||||
}
|
||||
|
||||
function AC_SW_RunContent(){
|
||||
var ret =
|
||||
AC_GetArgs
|
||||
( arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
|
||||
, null
|
||||
);
|
||||
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
|
||||
}
|
||||
|
||||
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
|
||||
var ret = new Object();
|
||||
ret.embedAttrs = new Object();
|
||||
ret.params = new Object();
|
||||
ret.objAttrs = new Object();
|
||||
for (var i=0; i < args.length; i=i+2){
|
||||
var currArg = args[i].toLowerCase();
|
||||
|
||||
switch (currArg){
|
||||
case "classid":
|
||||
break;
|
||||
case "pluginspage":
|
||||
ret.embedAttrs[args[i]] = args[i+1];
|
||||
break;
|
||||
case "src":
|
||||
case "movie":
|
||||
args[i+1] = AC_AddExtension(args[i+1], ext);
|
||||
ret.embedAttrs["src"] = args[i+1];
|
||||
ret.params[srcParamName] = args[i+1];
|
||||
break;
|
||||
case "onafterupdate":
|
||||
case "onbeforeupdate":
|
||||
case "onblur":
|
||||
case "oncellchange":
|
||||
case "onclick":
|
||||
case "ondblClick":
|
||||
case "ondrag":
|
||||
case "ondragend":
|
||||
case "ondragenter":
|
||||
case "ondragleave":
|
||||
case "ondragover":
|
||||
case "ondrop":
|
||||
case "onfinish":
|
||||
case "onfocus":
|
||||
case "onhelp":
|
||||
case "onmousedown":
|
||||
case "onmouseup":
|
||||
case "onmouseover":
|
||||
case "onmousemove":
|
||||
case "onmouseout":
|
||||
case "onkeypress":
|
||||
case "onkeydown":
|
||||
case "onkeyup":
|
||||
case "onload":
|
||||
case "onlosecapture":
|
||||
case "onpropertychange":
|
||||
case "onreadystatechange":
|
||||
case "onrowsdelete":
|
||||
case "onrowenter":
|
||||
case "onrowexit":
|
||||
case "onrowsinserted":
|
||||
case "onstart":
|
||||
case "onscroll":
|
||||
case "onbeforeeditfocus":
|
||||
case "onactivate":
|
||||
case "onbeforedeactivate":
|
||||
case "ondeactivate":
|
||||
case "type":
|
||||
case "codebase":
|
||||
case "id":
|
||||
ret.objAttrs[args[i]] = args[i+1];
|
||||
break;
|
||||
case "width":
|
||||
case "height":
|
||||
case "align":
|
||||
case "vspace":
|
||||
case "hspace":
|
||||
case "class":
|
||||
case "title":
|
||||
case "accesskey":
|
||||
case "name":
|
||||
case "tabindex":
|
||||
ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
|
||||
break;
|
||||
default:
|
||||
ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
|
||||
}
|
||||
}
|
||||
ret.objAttrs["classid"] = classid;
|
||||
if (mimeType) ret.embedAttrs["type"] = mimeType;
|
||||
return ret;
|
||||
}
|
||||
292
Scripts/AC_RunActiveContent.js
Normal file
@@ -0,0 +1,292 @@
|
||||
//v1.7
|
||||
// Flash Player Version Detection
|
||||
// Detect Client Browser type
|
||||
// Copyright 2005-2007 Adobe Systems Incorporated. All rights reserved.
|
||||
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
|
||||
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
|
||||
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
|
||||
|
||||
function ControlVersion()
|
||||
{
|
||||
var version;
|
||||
var axo;
|
||||
var e;
|
||||
|
||||
// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
|
||||
|
||||
try {
|
||||
// version will be set for 7.X or greater players
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
|
||||
version = axo.GetVariable("$version");
|
||||
} catch (e) {
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 6.X players only
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
|
||||
|
||||
// installed player is some revision of 6.0
|
||||
// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
|
||||
// so we have to be careful.
|
||||
|
||||
// default to the first public version
|
||||
version = "WIN 6,0,21,0";
|
||||
|
||||
// throws if AllowScripAccess does not exist (introduced in 6.0r47)
|
||||
axo.AllowScriptAccess = "always";
|
||||
|
||||
// safe to call for 6.0r47 or greater
|
||||
version = axo.GetVariable("$version");
|
||||
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 4.X or 5.X player
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
|
||||
version = axo.GetVariable("$version");
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 3.X player
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
|
||||
version = "WIN 3,0,18,0";
|
||||
} catch (e) {
|
||||
}
|
||||
}
|
||||
|
||||
if (!version)
|
||||
{
|
||||
try {
|
||||
// version will be set for 2.X player
|
||||
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
|
||||
version = "WIN 2,0,0,11";
|
||||
} catch (e) {
|
||||
version = -1;
|
||||
}
|
||||
}
|
||||
|
||||
return version;
|
||||
}
|
||||
|
||||
// JavaScript helper required to detect Flash Player PlugIn version information
|
||||
function GetSwfVer(){
|
||||
// NS/Opera version >= 3 check for Flash plugin in plugin array
|
||||
var flashVer = -1;
|
||||
|
||||
if (navigator.plugins != null && navigator.plugins.length > 0) {
|
||||
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
|
||||
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
|
||||
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
|
||||
var descArray = flashDescription.split(" ");
|
||||
var tempArrayMajor = descArray[2].split(".");
|
||||
var versionMajor = tempArrayMajor[0];
|
||||
var versionMinor = tempArrayMajor[1];
|
||||
var versionRevision = descArray[3];
|
||||
if (versionRevision == "") {
|
||||
versionRevision = descArray[4];
|
||||
}
|
||||
if (versionRevision[0] == "d") {
|
||||
versionRevision = versionRevision.substring(1);
|
||||
} else if (versionRevision[0] == "r") {
|
||||
versionRevision = versionRevision.substring(1);
|
||||
if (versionRevision.indexOf("d") > 0) {
|
||||
versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
|
||||
}
|
||||
}
|
||||
var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
|
||||
}
|
||||
}
|
||||
// MSN/WebTV 2.6 supports Flash 4
|
||||
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
|
||||
// WebTV 2.5 supports Flash 3
|
||||
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
|
||||
// older WebTV supports Flash 2
|
||||
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
|
||||
else if ( isIE && isWin && !isOpera ) {
|
||||
flashVer = ControlVersion();
|
||||
}
|
||||
return flashVer;
|
||||
}
|
||||
|
||||
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
|
||||
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
|
||||
{
|
||||
versionStr = GetSwfVer();
|
||||
if (versionStr == -1 ) {
|
||||
return false;
|
||||
} else if (versionStr != 0) {
|
||||
if(isIE && isWin && !isOpera) {
|
||||
// Given "WIN 2,0,0,11"
|
||||
tempArray = versionStr.split(" "); // ["WIN", "2,0,0,11"]
|
||||
tempString = tempArray[1]; // "2,0,0,11"
|
||||
versionArray = tempString.split(","); // ['2', '0', '0', '11']
|
||||
} else {
|
||||
versionArray = versionStr.split(".");
|
||||
}
|
||||
var versionMajor = versionArray[0];
|
||||
var versionMinor = versionArray[1];
|
||||
var versionRevision = versionArray[2];
|
||||
|
||||
// is the major.revision >= requested major.revision AND the minor version >= requested minor
|
||||
if (versionMajor > parseFloat(reqMajorVer)) {
|
||||
return true;
|
||||
} else if (versionMajor == parseFloat(reqMajorVer)) {
|
||||
if (versionMinor > parseFloat(reqMinorVer))
|
||||
return true;
|
||||
else if (versionMinor == parseFloat(reqMinorVer)) {
|
||||
if (versionRevision >= parseFloat(reqRevision))
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function AC_AddExtension(src, ext)
|
||||
{
|
||||
if (src.indexOf('?') != -1)
|
||||
return src.replace(/\?/, ext+'?');
|
||||
else
|
||||
return src + ext;
|
||||
}
|
||||
|
||||
function AC_Generateobj(objAttrs, params, embedAttrs)
|
||||
{
|
||||
var str = '';
|
||||
if (isIE && isWin && !isOpera)
|
||||
{
|
||||
str += '<object ';
|
||||
for (var i in objAttrs)
|
||||
{
|
||||
str += i + '="' + objAttrs[i] + '" ';
|
||||
}
|
||||
str += '>';
|
||||
for (var i in params)
|
||||
{
|
||||
str += '<param name="' + i + '" value="' + params[i] + '" /> ';
|
||||
}
|
||||
str += '</object>';
|
||||
}
|
||||
else
|
||||
{
|
||||
str += '<embed ';
|
||||
for (var i in embedAttrs)
|
||||
{
|
||||
str += i + '="' + embedAttrs[i] + '" ';
|
||||
}
|
||||
str += '> </embed>';
|
||||
}
|
||||
|
||||
document.write(str);
|
||||
}
|
||||
|
||||
function AC_FL_RunContent(){
|
||||
var ret =
|
||||
AC_GetArgs
|
||||
( arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
|
||||
, "application/x-shockwave-flash"
|
||||
);
|
||||
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
|
||||
}
|
||||
|
||||
function AC_SW_RunContent(){
|
||||
var ret =
|
||||
AC_GetArgs
|
||||
( arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
|
||||
, null
|
||||
);
|
||||
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
|
||||
}
|
||||
|
||||
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
|
||||
var ret = new Object();
|
||||
ret.embedAttrs = new Object();
|
||||
ret.params = new Object();
|
||||
ret.objAttrs = new Object();
|
||||
for (var i=0; i < args.length; i=i+2){
|
||||
var currArg = args[i].toLowerCase();
|
||||
|
||||
switch (currArg){
|
||||
case "classid":
|
||||
break;
|
||||
case "pluginspage":
|
||||
ret.embedAttrs[args[i]] = args[i+1];
|
||||
break;
|
||||
case "src":
|
||||
case "movie":
|
||||
args[i+1] = AC_AddExtension(args[i+1], ext);
|
||||
ret.embedAttrs["src"] = args[i+1];
|
||||
ret.params[srcParamName] = args[i+1];
|
||||
break;
|
||||
case "onafterupdate":
|
||||
case "onbeforeupdate":
|
||||
case "onblur":
|
||||
case "oncellchange":
|
||||
case "onclick":
|
||||
case "ondblClick":
|
||||
case "ondrag":
|
||||
case "ondragend":
|
||||
case "ondragenter":
|
||||
case "ondragleave":
|
||||
case "ondragover":
|
||||
case "ondrop":
|
||||
case "onfinish":
|
||||
case "onfocus":
|
||||
case "onhelp":
|
||||
case "onmousedown":
|
||||
case "onmouseup":
|
||||
case "onmouseover":
|
||||
case "onmousemove":
|
||||
case "onmouseout":
|
||||
case "onkeypress":
|
||||
case "onkeydown":
|
||||
case "onkeyup":
|
||||
case "onload":
|
||||
case "onlosecapture":
|
||||
case "onpropertychange":
|
||||
case "onreadystatechange":
|
||||
case "onrowsdelete":
|
||||
case "onrowenter":
|
||||
case "onrowexit":
|
||||
case "onrowsinserted":
|
||||
case "onstart":
|
||||
case "onscroll":
|
||||
case "onbeforeeditfocus":
|
||||
case "onactivate":
|
||||
case "onbeforedeactivate":
|
||||
case "ondeactivate":
|
||||
case "type":
|
||||
case "codebase":
|
||||
case "id":
|
||||
ret.objAttrs[args[i]] = args[i+1];
|
||||
break;
|
||||
case "width":
|
||||
case "height":
|
||||
case "align":
|
||||
case "vspace":
|
||||
case "hspace":
|
||||
case "class":
|
||||
case "title":
|
||||
case "accesskey":
|
||||
case "name":
|
||||
case "tabindex":
|
||||
ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
|
||||
break;
|
||||
default:
|
||||
ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
|
||||
}
|
||||
}
|
||||
ret.objAttrs["classid"] = classid;
|
||||
if (mimeType) ret.embedAttrs["type"] = mimeType;
|
||||
return ret;
|
||||
}
|
||||
BIN
SkinUnderPlayStopSeekMuteVol.swf
Normal file
95
artistes.php
Normal file
@@ -0,0 +1,95 @@
|
||||
<!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">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
|
||||
<title>Association Bloc-House - Les ateliers éphémères - Les artistes adhérents</title>
|
||||
|
||||
<meta name="description" content="Site présentant les activités et les artistes de l'association Bloc-House à Sceaux" />
|
||||
<meta name="Author" content="L'association Bloc-House et ses artistes" />
|
||||
<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="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
|
||||
|
||||
<script type="text/javascript" src="javascript/tools.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
function preload() {
|
||||
if (document.images) {
|
||||
tabImages=new Array;
|
||||
for (var i=0; i<preload.arguments.length; i++){
|
||||
tabImages[i]=new Image();
|
||||
tabImages[i].src=preload.arguments[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var tabImages=new Array;
|
||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
|
||||
//-->
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body onload="javascript:init();">
|
||||
|
||||
<div id="global">
|
||||
|
||||
<div id="left">
|
||||
<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"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="ateliers.php" title="Accéder à la page ateliers">ATELIERS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="manifestations.php" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu">ARTISTES</div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="contact.php" title="Accéder à la page contact">CONTACT - INFOS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</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>
|
||||
|
||||
|
||||
|
||||
<!-- fin left --></div>
|
||||
|
||||
|
||||
<div id="right">
|
||||
|
||||
<?php include('txt/artistes.txt'); ?>
|
||||
|
||||
|
||||
<div id="trait_vertical" style="margin-left:68px;"></div>
|
||||
<!-- fin right --></div>
|
||||
<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>
|
||||
160
ateliers.php
Normal file
@@ -0,0 +1,160 @@
|
||||
<!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">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
|
||||
<title>Association Bloc-House - Les ateliers éphémères - Les lieux</title>
|
||||
|
||||
<meta name="description" content="Page présentant les lieux de l'association Bloc-House à Sceaux" />
|
||||
<meta name="Author" content="Les lieux de l'association Bloc-House à 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 " />
|
||||
<link rel="shortcut icon" href="images/iconw.png"/>
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
|
||||
|
||||
|
||||
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
|
||||
<script type="text/javascript" src="javascript/jsScroller.js"></script>
|
||||
|
||||
<script type="text/javascript"><!--
|
||||
var scroller = null;
|
||||
var scrollbar = null;
|
||||
|
||||
window.onload = function () {
|
||||
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
||||
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
|
||||
}
|
||||
|
||||
function scrollbarEvent (o, type) {
|
||||
if (type == "mousedown") {
|
||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
|
||||
else o.style.backgroundColor = "##CC3300";
|
||||
} else {
|
||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
|
||||
else o.style.backgroundColor = "#CC3300";
|
||||
}
|
||||
}
|
||||
|
||||
function swapIt(o) {
|
||||
o.blur();
|
||||
if (o.className == "current") return false;
|
||||
|
||||
var list = document.getElementById("Navigation").getElementsByTagName("a");
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
if (list[i].className == "current") {
|
||||
list[i].className = "";
|
||||
document.getElementById(list[i].title).y = -scroller._y;
|
||||
}
|
||||
if (list[i].title == o.title) o.className = "current";
|
||||
}
|
||||
|
||||
list = document.getElementById("Container").childNodes;
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
if (list[i].tagName == "DIV") list[i].style.display = "none";
|
||||
}
|
||||
|
||||
var top = document.getElementById(o.title);
|
||||
top.style.display = "block";
|
||||
scrollbar.swapContent(top);
|
||||
if (top.y) scrollbar.scrollTo(0, top.y);
|
||||
|
||||
return false;
|
||||
}
|
||||
--></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
function preload() {
|
||||
if (document.images) {
|
||||
tabImages=new Array;
|
||||
for (var i=0; i<preload.arguments.length; i++){
|
||||
tabImages[i]=new Image();
|
||||
tabImages[i].src=preload.arguments[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var tabImages=new Array;
|
||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
|
||||
//-->
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="global">
|
||||
|
||||
<div id="left">
|
||||
<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"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu">ATELIERS</div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="manifestations.php" title="Accéder à la page manifestations">MANIFESTATIONS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="artistes.php" title="Accéder à la page artistes">ARTISTES</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="contact.php" title="Accéder à la page contact">CONTACT - INFOS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</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>
|
||||
|
||||
|
||||
|
||||
<!-- fin left --></div>
|
||||
|
||||
<div id="right">
|
||||
|
||||
|
||||
|
||||
<div id="ateliers">
|
||||
|
||||
<?php include('txt/ateliers.txt'); ?>
|
||||
|
||||
|
||||
<div id="Scrollbar-Container">
|
||||
<div class="Scrollbar-Up"></div>
|
||||
|
||||
<div class="Scrollbar-Down"></div>
|
||||
<div class="Scrollbar-Track">
|
||||
<div class="Scrollbar-Handle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- fin ateliers --></div>
|
||||
|
||||
<div id="trait_vertical"></div>
|
||||
<!-- fin right --></div>
|
||||
<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>
|
||||
198
contact.html
Normal file
@@ -0,0 +1,198 @@
|
||||
<!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">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
|
||||
<title>Association Bloc-House - Les ateliers éphémères - Les lieux</title>
|
||||
|
||||
<meta name="description" content="Page présentant les lieux de l'association Bloc-House à Sceaux" />
|
||||
<meta name="Author" content="Les lieux de l'association Bloc-House à 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 " />
|
||||
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="css/styles3.css" title="Design" />
|
||||
<script type="text/javascript" src="javascript/tools.js"></script>
|
||||
|
||||
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
|
||||
<script type="text/javascript" src="javascript/jsScroller.js"></script>
|
||||
|
||||
<script type="text/javascript"><!--
|
||||
var scroller = null;
|
||||
var scrollbar = null;
|
||||
|
||||
window.onload = function () {
|
||||
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
||||
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
|
||||
}
|
||||
|
||||
function scrollbarEvent (o, type) {
|
||||
if (type == "mousedown") {
|
||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
|
||||
else o.style.backgroundColor = "##CC3300";
|
||||
} else {
|
||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
|
||||
else o.style.backgroundColor = "#CC3300";
|
||||
}
|
||||
}
|
||||
|
||||
function swapIt(o) {
|
||||
o.blur();
|
||||
if (o.className == "current") return false;
|
||||
|
||||
var list = document.getElementById("Navigation").getElementsByTagName("a");
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
if (list[i].className == "current") {
|
||||
list[i].className = "";
|
||||
document.getElementById(list[i].title).y = -scroller._y;
|
||||
}
|
||||
if (list[i].title == o.title) o.className = "current";
|
||||
}
|
||||
|
||||
list = document.getElementById("Container").childNodes;
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
if (list[i].tagName == "DIV") list[i].style.display = "none";
|
||||
}
|
||||
|
||||
var top = document.getElementById(o.title);
|
||||
top.style.display = "block";
|
||||
scrollbar.swapContent(top);
|
||||
if (top.y) scrollbar.scrollTo(0, top.y);
|
||||
|
||||
return false;
|
||||
}
|
||||
--></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
function preload() {
|
||||
if (document.images) {
|
||||
tabImages=new Array;
|
||||
for (var i=0; i<preload.arguments.length; i++){
|
||||
tabImages[i]=new Image();
|
||||
tabImages[i].src=preload.arguments[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var tabImages=new Array;
|
||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
|
||||
//-->
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="global">
|
||||
|
||||
<div id="left">
|
||||
<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"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="ateliers.php" title="Accéder à la rubrique ateliers">ATELIERS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="manifestations.php" title="accéder à la page manifestations">MANIFESTATIONS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="artistes.php" title="Accéder à la page artistes">ARTISTES</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu">CONTACT - INFOS</div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</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>
|
||||
|
||||
|
||||
|
||||
<!-- fin left --></div>
|
||||
|
||||
<div id="right">
|
||||
|
||||
|
||||
|
||||
<div id="ateliers">
|
||||
|
||||
<div id="Container">
|
||||
<div id="News">
|
||||
|
||||
<div class="Scroller-Container">
|
||||
|
||||
|
||||
<div id="fauteuil">
|
||||
<div id="adresse1">
|
||||
<div id="logo_p"><img src="images/logo_bloc_housep.png" width="180" height="38" alt="logo association bloc-house" /></div>
|
||||
|
||||
<p style="margin-left:17px;padding-top:43px;">Adresse postale : <span style="padding-left:8px;">Les Garages</span></p>
|
||||
<p style="margin-left:113px;">20 rue des Imbergères </p>
|
||||
<p style="margin-left:113px;">92330 Sceaux</p>
|
||||
|
||||
<p style="margin-left:17px;padding-top:23px;">Site des ateliers : <span style="padding-left:10px;">54 rue de Bagneux</span></p>
|
||||
<p style="margin-left:114px;">92330 Sceaux</p>
|
||||
|
||||
<p style="margin-left:17px;padding-top:23px;">Adresse mail : <a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></p>
|
||||
|
||||
<p style="margin-left:17px;padding-top:23px;">Responsables publication : Jérôme Bouchez</p>
|
||||
<p style="margin-left:152px;font-size:11px;">Eliza Magri</p>
|
||||
|
||||
<p style="margin-left:17px;padding-top:23px;">Crédits photographiques : Macha Krivokapic</p>
|
||||
<p style="margin-left:146px;font-size:11px;">Eliza Magri</p>
|
||||
<p style="margin-left:145px;font-size:11px;">Jérome Bouchez</p>
|
||||
|
||||
<p style="margin-left:17px;padding-top:18px;">Crédits vidéos : Milan Atanaskovic</p>
|
||||
|
||||
<div id="marlei">Réalisation du site : <a href="http://www.marlei-webdesign.com" title="Accéder au site de Marlei Webdesign" target="_blank">Marlei Webdesign</a></div>
|
||||
|
||||
</div>
|
||||
<p style="font-style:italic;margin-top:18px;">Le fauteuil « UBU », créé par le collectif Bloc-House pour le jardin d'entrée
|
||||
du site des ateliers, est un clin d'½il du « Proust », siége créé en 1978 par Alessandro Mendini,
|
||||
puis relooké en plastique orange en 2012.
|
||||
Hommage à la bergère XVIIIème, Alessandro Mendini est comme architecte, designer et critique,
|
||||
membre du collectif radical Alchimia ; Bloc-House en offre une variante au blanc virginal.</p>
|
||||
|
||||
<p style="font-size:12px;font-weight:bold;margin-top:25px;">mentions légales</p>
|
||||
<p style="margin-top:10px;">L'association Bloc-House n'est tenue que d'une simple obligation de moyens concernant les informations qu'elle met à disposition des personnes qui accèdent à son site Internet.</p>
|
||||
<p style="margin-top:10px;">Alors même que nous avons effectué toutes les démarches pour nous assurer de la fiabilité des informations contenues sur ce site Internet, l'association Bloc-House ne peut encourir aucune responsabilité du fait d'erreurs, d'omissions, où pour les résultats qui pourraient être obtenus par l'usage de ces informations.</p>
|
||||
<p style="margin-top:10px;">Notamment l'usage des liens hypertextes peut conduire votre consultation de notre site vers d'autres serveurs pour prendre connaissance de l'information recherchée, serveurs sur lesquels l'association Bloc-House n'a aucun contrôle.</p>
|
||||
|
||||
</div>
|
||||
<!-- fin scroller container --></div>
|
||||
|
||||
|
||||
|
||||
<!-- fin news --></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- fin container --></div>
|
||||
<div id="Scrollbar-Container">
|
||||
<div class="Scrollbar-Up"></div>
|
||||
|
||||
<div class="Scrollbar-Down"></div>
|
||||
<div class="Scrollbar-Track">
|
||||
<div class="Scrollbar-Handle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- fin ateliers --></div>
|
||||
|
||||
<div id="trait_vertical"></div>
|
||||
<!-- fin right --></div>
|
||||
<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>
|
||||
223
contact.php
Normal file
@@ -0,0 +1,223 @@
|
||||
<!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">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
|
||||
<title>Association Bloc-House - Les ateliers éphémères - Contact et informations</title>
|
||||
|
||||
<meta name="description" content="Page présentant les mentions légales de l'association Bloc-House à Sceaux" />
|
||||
<meta name="Author" content="Coordonnées de contact de l'association Bloc-House à 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 " />
|
||||
<link rel="shortcut icon" href="images/iconw.png"/>
|
||||
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" title="Design" />
|
||||
<script type="text/javascript" src="javascript/tools.js"></script>
|
||||
|
||||
<script type="text/javascript" src="javascript/jsScrollbar.js"></script>
|
||||
<script type="text/javascript" src="javascript/jsScroller.js"></script>
|
||||
|
||||
<script type="text/javascript"><!--
|
||||
var scroller = null;
|
||||
var scrollbar = null;
|
||||
|
||||
window.onload = function () {
|
||||
scroller = new jsScroller(document.getElementById("News"), 480, 530);
|
||||
scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
|
||||
}
|
||||
|
||||
function scrollbarEvent (o, type) {
|
||||
if (type == "mousedown") {
|
||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
|
||||
else o.style.backgroundColor = "##CC3300";
|
||||
} else {
|
||||
if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
|
||||
else o.style.backgroundColor = "#CC3300";
|
||||
}
|
||||
}
|
||||
|
||||
function swapIt(o) {
|
||||
o.blur();
|
||||
if (o.className == "current") return false;
|
||||
|
||||
var list = document.getElementById("Navigation").getElementsByTagName("a");
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
if (list[i].className == "current") {
|
||||
list[i].className = "";
|
||||
document.getElementById(list[i].title).y = -scroller._y;
|
||||
}
|
||||
if (list[i].title == o.title) o.className = "current";
|
||||
}
|
||||
|
||||
list = document.getElementById("Container").childNodes;
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
if (list[i].tagName == "DIV") list[i].style.display = "none";
|
||||
}
|
||||
|
||||
var top = document.getElementById(o.title);
|
||||
top.style.display = "block";
|
||||
scrollbar.swapContent(top);
|
||||
if (top.y) scrollbar.scrollTo(0, top.y);
|
||||
|
||||
return false;
|
||||
}
|
||||
--></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
function preload() {
|
||||
if (document.images) {
|
||||
tabImages=new Array;
|
||||
for (var i=0; i<preload.arguments.length; i++){
|
||||
tabImages[i]=new Image();
|
||||
tabImages[i].src=preload.arguments[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var tabImages=new Array;
|
||||
preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png", "images/mail.png");
|
||||
//-->
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-31878743-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="global">
|
||||
|
||||
<div id="left">
|
||||
<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"><a href="index.php" title="Retour à la page d'accueil">ACCUEIL</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="ateliers.php" title="Accéder à la rubrique ateliers">ATELIERS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="manifestations.php" title="accéder à la page manifestations">MANIFESTATIONS</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="artistes.php" title="Accéder à la page artistes">ARTISTES</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="interstices.php" title="Accéder à la page interstices">INTERSTICES</a></div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu">CONTACT - INFOS</div>
|
||||
<div class="trait1"></div>
|
||||
<div class="menu"><a href="partenaires.php" title="Accéder à la page partenaires">PARTENAIRES</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>
|
||||
|
||||
|
||||
|
||||
<!-- fin left --></div>
|
||||
|
||||
<div id="right">
|
||||
|
||||
|
||||
|
||||
<div id="ateliers">
|
||||
|
||||
<div id="Container">
|
||||
<div id="News">
|
||||
|
||||
<div class="Scroller-Container">
|
||||
|
||||
|
||||
<div id="fauteuil">
|
||||
<div id="adresse1">
|
||||
<div id="logo_p"><img src="images/logo_bloc_housep.png" width="180" height="38" alt="logo association bloc-house" /></div>
|
||||
|
||||
<table style="position:relative;top:48px;left:13px;">
|
||||
<tr>
|
||||
<td>Adresse postale :</td><td> Les Garages</td></tr>
|
||||
<tr><td></td><td> 20 rue des Imbergères</td></tr>
|
||||
<tr><td></td><td> 92330 Sceaux</td></tr>
|
||||
</table>
|
||||
|
||||
<table style="position:relative;top:64px;left:13px;">
|
||||
<tr><td>Site des ateliers :</td><td> 54 rue de Bagneux</td></tr>
|
||||
<tr><td></td><td> 92330 Sceaux</td></tr>
|
||||
</table>
|
||||
|
||||
<table style="position:relative;top:76px;left:13px;">
|
||||
<tr><td>Adresse mail :</td><td class="link"> <a href="mailto:bloc.house79@gmail.com" title="Envoyer un mail à l'association Bloc-House">bloc.house79@gmail.com</a></td></tr>
|
||||
</table>
|
||||
|
||||
<table style="position:relative;top:88px;left:13px;">
|
||||
<tr><td>Responsables publication :</td><td> Jérôme Bouchez</td></tr>
|
||||
<tr><td></td><td> Eliza Magri</td></tr>
|
||||
</table>
|
||||
|
||||
<table style="position:relative;top:100px;left:13px;">
|
||||
<tr><td>Crédits photographiques :</td><td> Macha Krivokapic</td></tr>
|
||||
<tr><td></td><td> Eliza Magri</td></tr>
|
||||
<tr><td></td><td> Jérôme Bouchez</td></tr>
|
||||
</table>
|
||||
|
||||
<table style="position:relative;top:112px;left:13px;">
|
||||
<tr><td>Crédits vidéos :</td><td> Milan Atanaskovic</td></tr>
|
||||
</table>
|
||||
|
||||
<table style="position:relative;top:124px;left:13px;">
|
||||
<tr><td>Réalisation du site :</td><td class="link"> <a href="http://www.marlei-webdesign.com" title="Accéder au site de Marlei Webdesign" target="_blank">Marlei Webdesign</a></td></tr>
|
||||
</table>
|
||||
|
||||
<div id="marlei"> </div>
|
||||
|
||||
</div>
|
||||
<p style="font-style:italic;margin-top:18px;">Totem, bois et béton, création Christophe Bogdan pour Bloc-House, 2013.</p>
|
||||
|
||||
<p style="font-size:12px;font-weight:bold;margin-top:25px;">mentions légales</p>
|
||||
<p style="margin-top:10px;">L'association Bloc-House n'est tenue que d'une simple obligation de moyens concernant les informations qu'elle met à disposition des personnes qui accèdent à son site Internet.</p>
|
||||
<p style="margin-top:10px;">Alors même que nous avons effectué toutes les démarches pour nous assurer de la fiabilité des informations contenues sur ce site Internet, l'association Bloc-House ne peut encourir aucune responsabilité du fait d'erreurs, d'omissions, où pour les résultats qui pourraient être obtenus par l'usage de ces informations.</p>
|
||||
<p style="margin-top:10px;">Notamment l'usage des liens hypertextes peut conduire votre consultation de notre site vers d'autres serveurs pour prendre connaissance de l'information recherchée, serveurs sur lesquels l'association Bloc-House n'a aucun contrôle.</p>
|
||||
|
||||
</div>
|
||||
<!-- fin scroller container --></div>
|
||||
|
||||
|
||||
|
||||
<!-- fin news --></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- fin container --></div>
|
||||
<div id="Scrollbar-Container">
|
||||
<div class="Scrollbar-Up"></div>
|
||||
|
||||
<div class="Scrollbar-Down"></div>
|
||||
<div class="Scrollbar-Track">
|
||||
<div class="Scrollbar-Handle"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- fin ateliers --></div>
|
||||
|
||||
<div id="trait_vertical"></div>
|
||||
<!-- fin right --></div>
|
||||
<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>
|
||||
BIN
css/.DS_Store
vendored
Normal file
29
css/lightbox.css
Normal file
@@ -0,0 +1,29 @@
|
||||
/* CSS Lightbox */
|
||||
|
||||
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
|
||||
#lightbox img{ width: auto; height: auto;}
|
||||
#lightbox a img{ border: none; }
|
||||
|
||||
#outerImageContainer{ position: relative; background-color: #fff; width: 100px; height: 100px; margin: 0 auto;}
|
||||
#imageContainer{ padding: 10px;}
|
||||
|
||||
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
|
||||
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
||||
#imageContainer>#hoverNav{ left: 0;}
|
||||
#hoverNav a{ outline: none;}
|
||||
|
||||
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:images/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
|
||||
#prevLink { left: 0; float: left;}
|
||||
#nextLink { right: 0; float: right;}
|
||||
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
|
||||
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
|
||||
|
||||
#imageDataContainer{ font: 11px Arial, Helvetica, sans-serif; background-color: #fff; border-top:1px #666666 solid; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ;}
|
||||
|
||||
#imageData{ padding:0 10px; color: #666; font-family: Courrier New, Courrier, DejaVu Sans Mono, monospace;}
|
||||
#imageData #imageDetails{ width: 70%; float: left; margin-top:7px; text-align: left; }
|
||||
#imageData #caption{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
|
||||
#imageData #numberDisplay{ font: 10px Arial, Helvetica, sans-serif; display: block; clear: left; padding-bottom: 1.0em; }
|
||||
#imageData #bottomNavClose{ width: 66px; float: right; margin-top:7px; padding-bottom: 0.7em; outline: none; background: url(../images/closelabel.gif) right 15% no-repeat; }
|
||||
|
||||
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: silver; }
|
||||
800
css/styles.css
Normal file
@@ -0,0 +1,800 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
|
||||
@font-face {
|
||||
|
||||
font-family: 'arial-bold';
|
||||
src: local('Arial Bold');
|
||||
|
||||
}
|
||||
|
||||
*{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background:url(../images/fond1.png);
|
||||
background-repeat:repeat-x;
|
||||
|
||||
}
|
||||
|
||||
#global{
|
||||
height:700px;
|
||||
width:1024px;
|
||||
background-color:#ffffff;
|
||||
color:#000000;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:11px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
#left{
|
||||
float:left;
|
||||
width:290px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#logo{
|
||||
float:left;
|
||||
width:230px;
|
||||
height:60px;
|
||||
margin-top:30px;
|
||||
margin-left:38px;}
|
||||
|
||||
.trait{
|
||||
float:left;
|
||||
width:218px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.trait1{
|
||||
float:left;
|
||||
width:180px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.menu{
|
||||
float:left;
|
||||
height:41px;
|
||||
width:180px;
|
||||
font-family:arial-bold, Arial Bold, sans-serif;
|
||||
font-weight: 900;
|
||||
color:#cc3300;
|
||||
font-size:18px;
|
||||
line-height:41px;
|
||||
margin-left:43px;
|
||||
}
|
||||
.menu a{
|
||||
font-family:arial-bold, Arial Bold, sans-serif;
|
||||
font-weight: 900;
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.menu a:hover{
|
||||
font-family:arial-bold, Arial Bold, sans-serif;
|
||||
font-weight: 900;
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
.left_bottom{
|
||||
float:left;
|
||||
width:213px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:40px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.left_bottom1{
|
||||
float:left;
|
||||
width:222px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:35px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.icone{
|
||||
float:left;
|
||||
width:auto;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
.sousmenu{
|
||||
float:left;
|
||||
width:150px;
|
||||
height:auto;
|
||||
color:#cc3300;
|
||||
margin-left:15px;
|
||||
}
|
||||
|
||||
.sousmenu a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.sousmenu a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
#right{
|
||||
float:left;
|
||||
width:700px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
|
||||
#trait_vertical{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:110px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
|
||||
#bottom{
|
||||
float:left;
|
||||
width:909px;
|
||||
height:auto;
|
||||
margin-left:45px;
|
||||
margin-top:80px;
|
||||
padding-top:10px;
|
||||
font-size:10px;
|
||||
color:#000000;
|
||||
border-top:1px solid #666666;
|
||||
}
|
||||
|
||||
|
||||
.icone1{
|
||||
float:left;
|
||||
width:33px;
|
||||
height:33px;
|
||||
margin-left:240px;
|
||||
}
|
||||
|
||||
|
||||
/* page accueil */
|
||||
|
||||
#content{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:600px;
|
||||
margin-left:100px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
.diaporama{
|
||||
position:relative;
|
||||
width:480px; /* Largeur d'une photo */
|
||||
height:360px; /* Hauteur d'une photo */
|
||||
/*margin-top:30px;
|
||||
margin-left:262px;*/
|
||||
}
|
||||
|
||||
.diaporama li{
|
||||
list-style-type:none;
|
||||
overflow:hidden;
|
||||
position:absolute /* Les images seront positionnées toutes au même endroit */
|
||||
}
|
||||
|
||||
.diaporama_controls{
|
||||
width:512px;
|
||||
margin:3px 0;
|
||||
/* padding:5px;*/
|
||||
clear:both;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.diaporama_controls .btns{
|
||||
float:right;
|
||||
}
|
||||
|
||||
.diaporama_controls a{
|
||||
font-weight:normal;
|
||||
width:10px;
|
||||
/*height:13px;*/
|
||||
text-indent:-9999px;
|
||||
display:inline-block;
|
||||
margin:0 3px;
|
||||
}
|
||||
|
||||
.diaporama_controls .prev{
|
||||
background:url(img/fleches_diapo.png) no-repeat top right;
|
||||
}
|
||||
|
||||
.diaporama_controls .next{
|
||||
background:url(img/fleches_diapo.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.diaporama_controls .pause{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom right;
|
||||
}
|
||||
|
||||
.diaporama_controls .play{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom left;
|
||||
}
|
||||
|
||||
#texte{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
/*margin-top:15px;*/
|
||||
padding-right:10px;
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
|
||||
/* page artistes */
|
||||
|
||||
#content_artistes{
|
||||
float:left;
|
||||
width:552px;
|
||||
height:552px;
|
||||
margin-left:70px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
|
||||
.portrait a{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.portrait a:hover{
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.vide{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.boite{
|
||||
float:left;
|
||||
width:174px;
|
||||
height:174px;
|
||||
}
|
||||
|
||||
#affichage{
|
||||
float:left;
|
||||
width:167px;
|
||||
height:105px;
|
||||
border:1px solid #000000;
|
||||
margin-left:5px;
|
||||
margin-top:5px;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
padding-top:62px;
|
||||
}
|
||||
|
||||
/* page manifestations */
|
||||
|
||||
#middle{
|
||||
float:left;
|
||||
width:600px;
|
||||
height:auto;}
|
||||
|
||||
#top{
|
||||
float:left;
|
||||
height:15px;
|
||||
width:480px;
|
||||
margin-left:98px;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
margin-top:50px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
.center{
|
||||
display:table;
|
||||
}
|
||||
|
||||
.carre{
|
||||
float:left;
|
||||
width:10px;
|
||||
height:12px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
.nom{
|
||||
float:left;
|
||||
height:12px;
|
||||
width:auto;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
|
||||
#manifestations{
|
||||
position:relative;
|
||||
left:100px;
|
||||
top:0px;
|
||||
float:left;
|
||||
width:580px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
|
||||
#Container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
width: 510px;
|
||||
height: 530px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#News {
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
overflow: hidden;
|
||||
width: 480px;
|
||||
height: 530px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#News {display: block;}
|
||||
|
||||
.Scroller-Container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
}
|
||||
|
||||
.title{
|
||||
width:480px;
|
||||
height:20px;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:19px;
|
||||
color:#cc3300;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.video{
|
||||
width:480px;
|
||||
height:400px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.images_grand{
|
||||
width:480px;
|
||||
height:380px;
|
||||
}
|
||||
|
||||
.images_grand1{
|
||||
width:480px;
|
||||
height:357px;
|
||||
}
|
||||
|
||||
.images_grand2{
|
||||
width:480px;
|
||||
height:384px;
|
||||
}
|
||||
|
||||
.images_grand3{
|
||||
width:480px;
|
||||
height:351px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.images_grand4{
|
||||
width:480px;
|
||||
height:402px;
|
||||
}
|
||||
|
||||
.images_grand5{
|
||||
width:480px;
|
||||
height:372px;
|
||||
}
|
||||
|
||||
.images{
|
||||
width:480px;
|
||||
height:80px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.images1{
|
||||
width:480px;
|
||||
height:80px;
|
||||
margin-top:0px;
|
||||
}
|
||||
|
||||
|
||||
.vignette a{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
|
||||
.vignette a:hover{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.texte_manif{
|
||||
width:480px;
|
||||
height:auto;
|
||||
margin-bottom:35px;
|
||||
}
|
||||
|
||||
.texte_manif p{
|
||||
text-align:justify;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.img_grand a{
|
||||
float:left;
|
||||
width:478px;
|
||||
height:auto;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
.img_grand a:hover{
|
||||
float:left;
|
||||
width:478px;
|
||||
height:auto;
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.Scrollbar-Up {
|
||||
position: absolute;
|
||||
width: 10px; height: 10px;
|
||||
background-image:url(../images/up.png);
|
||||
font-size: 0px;
|
||||
}
|
||||
.Scrollbar-Track {
|
||||
width: 10px; height: 530px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
background-color: #EEE;
|
||||
}
|
||||
.Scrollbar-Handle {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 50px;
|
||||
background-color:#CC3300;
|
||||
left: -1px;
|
||||
top: 17px;
|
||||
}
|
||||
.Scrollbar-Down {
|
||||
position: absolute;
|
||||
top: 560px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 0px;
|
||||
background-image:url(../images/down.png);
|
||||
}
|
||||
#Scrollbar-Container {
|
||||
position: absolute;
|
||||
top: -18px; left: 520px;
|
||||
}
|
||||
|
||||
|
||||
#trait_vertical1{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:90px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
|
||||
/* page interstices */
|
||||
|
||||
#content_inter{
|
||||
float:left;
|
||||
height:600px;
|
||||
width:570px;
|
||||
margin-left:70px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
#interstice{
|
||||
float:left;
|
||||
height:520px;
|
||||
width:500px;
|
||||
}
|
||||
|
||||
#survol{
|
||||
float:left;
|
||||
height:520px;
|
||||
width:500px;
|
||||
}
|
||||
|
||||
#chiffres{
|
||||
float:left;
|
||||
width:30px;
|
||||
height:520px;
|
||||
margin-left:40px;
|
||||
}
|
||||
|
||||
|
||||
#chiffres p{
|
||||
font-size:18px;
|
||||
font-weight:normal;
|
||||
margin-bottom:60px;
|
||||
}
|
||||
|
||||
#chiffres p a{
|
||||
color:#000000;
|
||||
font-size:18px;
|
||||
font-weight:normal;
|
||||
margin-bottom:60px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#chiffres p a:hover{
|
||||
color:#cc3300;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* page ateliers */
|
||||
|
||||
|
||||
#ateliers{
|
||||
position:relative;
|
||||
left:100px;
|
||||
top:90px;
|
||||
float:left;
|
||||
width:580px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#img_atelier{
|
||||
background-color:#000000;
|
||||
width:480px;
|
||||
height:336px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.legende{
|
||||
width:480px;
|
||||
height:auto;
|
||||
text-align:justify;
|
||||
font-style:italic;
|
||||
font-size:11px;
|
||||
color:#000000;
|
||||
margin-top:10px;
|
||||
margin-left:340px;
|
||||
}
|
||||
|
||||
.artistes{
|
||||
width:480px;
|
||||
height:auto;
|
||||
text-align:justify;
|
||||
font-size:12px;
|
||||
color:#000000;
|
||||
margin-top:30px;
|
||||
}
|
||||
|
||||
#carton{
|
||||
width:480px;
|
||||
height:370px;
|
||||
margin-top:50px;
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
.legende1{
|
||||
float:left;
|
||||
width:240px;
|
||||
height:auto;
|
||||
text-align:justify;
|
||||
font-style:italic;
|
||||
font-size:11px;
|
||||
color:#000000;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
/* page de contact */
|
||||
|
||||
#contact{
|
||||
position:relative;
|
||||
left:100px;
|
||||
top:90px;
|
||||
float:left;
|
||||
width:580px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#News1 {
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
overflow: hidden;
|
||||
width: 480px;
|
||||
height: 530px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#News1 {display: block;}
|
||||
|
||||
#noir{
|
||||
width:480px;
|
||||
height:480px;
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
|
||||
#fauteuil{
|
||||
background-image:url(../images/contact5.jpg);
|
||||
background-repeat:no-repeat;
|
||||
height:auto;
|
||||
width:480px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
#fauteuil p{
|
||||
text-align:justify;
|
||||
|
||||
}
|
||||
|
||||
/*#contact_center{
|
||||
height:442px;
|
||||
width:280px;
|
||||
margin-left:190px;
|
||||
top:0px;
|
||||
}*/
|
||||
|
||||
#adresse1{
|
||||
position:relative;
|
||||
width:250px;
|
||||
height:444px;
|
||||
left:205px;
|
||||
top:0px;
|
||||
font-size:11px;
|
||||
line-height:16px;
|
||||
/*background-color:#d1d7d6;*/
|
||||
/*border-top:1px solid #cccccc;
|
||||
border-bottom:1px solid #cccccc;*/
|
||||
}
|
||||
|
||||
#logo_p{
|
||||
position:relative;
|
||||
width:200px;
|
||||
left:13px;
|
||||
top:30px;
|
||||
}
|
||||
|
||||
#adresse1 p a{
|
||||
color:#000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#adresse1 p a:hover{
|
||||
color:#cc3300;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
adresse1 td{
|
||||
height:11px;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
.link a{
|
||||
color:#000000;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.link a:hover{
|
||||
color:#cc3300;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#marlei{
|
||||
margin-left:17px;
|
||||
padding-top:15px;
|
||||
width:480px;
|
||||
height:55px;
|
||||
text-decoration:none;
|
||||
line-height:normal;
|
||||
}
|
||||
|
||||
#marlei a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#marlei a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
#mentions_legales{
|
||||
width:450px;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
/* page partenaires */
|
||||
|
||||
|
||||
#lP{
|
||||
float:left;
|
||||
margin-top:-5px;
|
||||
}
|
||||
|
||||
#haut{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:220px;
|
||||
}
|
||||
|
||||
#bas{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:220px;
|
||||
}
|
||||
|
||||
.partner{
|
||||
float:left;
|
||||
width:200px;
|
||||
height:200px;
|
||||
margin:10px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.partner1{
|
||||
float:left;
|
||||
width:200px;
|
||||
height:200px;
|
||||
margin:10px;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
482
css/styles1.css
Normal file
@@ -0,0 +1,482 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
|
||||
*{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background:url(../images/fond1.png);
|
||||
background-repeat:repeat-x;
|
||||
|
||||
}
|
||||
|
||||
#global{
|
||||
height:700px;
|
||||
width:1024px;
|
||||
background-color:#ffffff;
|
||||
color:#000000;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:11px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
#left{
|
||||
float:left;
|
||||
width:290px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#logo{
|
||||
float:left;
|
||||
width:230px;
|
||||
height:60px;
|
||||
margin-top:30px;
|
||||
margin-left:38px;}
|
||||
|
||||
.trait{
|
||||
float:left;
|
||||
width:218px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.trait1{
|
||||
float:left;
|
||||
width:180px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.menu{
|
||||
float:left;
|
||||
height:41px;
|
||||
width:180px;
|
||||
font-family:"Arial Black", arial, verdana, serif;
|
||||
color:#cc3300;
|
||||
font-size:18px;
|
||||
line-height:41px;
|
||||
margin-left:43px;
|
||||
}
|
||||
.menu a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.menu a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
.left_bottom{
|
||||
float:left;
|
||||
width:213px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:40px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.left_bottom1{
|
||||
float:left;
|
||||
width:222px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:35px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.icone{
|
||||
float:left;
|
||||
width:auto;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
.sousmenu{
|
||||
float:left;
|
||||
width:150px;
|
||||
height:auto;
|
||||
color:#cc3300;
|
||||
margin-left:15px;
|
||||
}
|
||||
|
||||
.sousmenu a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.sousmenu a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
#right{
|
||||
float:left;
|
||||
width:700px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
|
||||
#trait_vertical{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:110px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
|
||||
#bottom{
|
||||
float:left;
|
||||
width:909px;
|
||||
height:auto;
|
||||
margin-left:45px;
|
||||
margin-top:80px;
|
||||
padding-top:10px;
|
||||
font-size:10px;
|
||||
color:#000000;
|
||||
border-top:1px solid #666666;
|
||||
}
|
||||
|
||||
|
||||
.icone1{
|
||||
float:left;
|
||||
width:33px;
|
||||
height:33px;
|
||||
margin-left:240px;
|
||||
}
|
||||
|
||||
|
||||
/* page accueil */
|
||||
|
||||
#content{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:600px;
|
||||
margin-left:100px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
.diaporama{
|
||||
position:relative;
|
||||
width:480px; /* Largeur d'une photo */
|
||||
height:360px; /* Hauteur d'une photo */
|
||||
/*margin-top:30px;
|
||||
margin-left:262px;*/
|
||||
}
|
||||
|
||||
.diaporama li{
|
||||
list-style-type:none;
|
||||
overflow:hidden;
|
||||
position:absolute /* Les images seront positionnées toutes au même endroit */
|
||||
}
|
||||
|
||||
.diaporama_controls{
|
||||
width:512px;
|
||||
margin:3px 0;
|
||||
/* padding:5px;*/
|
||||
clear:both;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.diaporama_controls .btns{
|
||||
float:right;
|
||||
}
|
||||
|
||||
.diaporama_controls a{
|
||||
font-weight:normal;
|
||||
width:10px;
|
||||
/*height:13px;*/
|
||||
text-indent:-9999px;
|
||||
display:inline-block;
|
||||
margin:0 3px;
|
||||
}
|
||||
|
||||
.diaporama_controls .prev{
|
||||
background:url(img/fleches_diapo.png) no-repeat top right;
|
||||
}
|
||||
|
||||
.diaporama_controls .next{
|
||||
background:url(img/fleches_diapo.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.diaporama_controls .pause{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom right;
|
||||
}
|
||||
|
||||
.diaporama_controls .play{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom left;
|
||||
}
|
||||
|
||||
#texte{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
/*margin-top:15px;*/
|
||||
padding-right:10px;
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
|
||||
/* page artistes */
|
||||
|
||||
#content_artistes{
|
||||
float:left;
|
||||
width:552px;
|
||||
height:552px;
|
||||
margin-left:70px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
|
||||
.portrait a{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.portrait a:hover{
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.vide{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.boite{
|
||||
float:left;
|
||||
width:174px;
|
||||
height:174px;
|
||||
}
|
||||
|
||||
#affichage{
|
||||
float:left;
|
||||
width:167px;
|
||||
height:105px;
|
||||
border:1px solid #000000;
|
||||
margin-left:5px;
|
||||
margin-top:5px;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
padding-top:62px;
|
||||
}
|
||||
|
||||
/* page manifestations */
|
||||
|
||||
#middle{
|
||||
float:left;
|
||||
width:600px;
|
||||
height:auto;}
|
||||
|
||||
#top{
|
||||
float:left;
|
||||
height:15px;
|
||||
width:480px;
|
||||
margin-left:100px;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
margin-top:50px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
.carre{
|
||||
float:left;
|
||||
width:10px;
|
||||
height:12px;
|
||||
margin-right:4px;
|
||||
}
|
||||
|
||||
.nom{
|
||||
float:left;
|
||||
height:12px;
|
||||
width:auto;
|
||||
margin-right:7px;
|
||||
}
|
||||
|
||||
|
||||
#manifestations{
|
||||
position:relative;
|
||||
left:100px;
|
||||
top:0px;
|
||||
float:left;
|
||||
width:580px;
|
||||
height:600px;
|
||||
|
||||
/*margin-top:95px;*/
|
||||
}
|
||||
|
||||
|
||||
#Container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
width: 510px;
|
||||
height: 530px;
|
||||
/*overflow: hidden;*/
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#News {
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
overflow: hidden;
|
||||
width: 480px;
|
||||
height: 530px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#News {display: block;}
|
||||
|
||||
.Scroller-Container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
/* height:auto;
|
||||
display:block;*/
|
||||
|
||||
}
|
||||
|
||||
.title{
|
||||
width:480px;
|
||||
height:20px;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:19px;
|
||||
color:#cc3300;
|
||||
font-weight:bold;
|
||||
/*margin-top:15px;*/
|
||||
}
|
||||
|
||||
.video{
|
||||
width:480px;
|
||||
height:400px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.images{
|
||||
wdith:480px;
|
||||
height:80px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.vignette a{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
|
||||
.vignette a:hover{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.texte_manif{
|
||||
width:480px;
|
||||
height:auto;
|
||||
margin-bottom:35px;
|
||||
}
|
||||
|
||||
.texte_manif p{
|
||||
text-align:justify;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.images_grand{
|
||||
wdith:480px;
|
||||
height:380px;
|
||||
}
|
||||
|
||||
.images_grand1{
|
||||
wdith:480px;
|
||||
height:357px;
|
||||
}
|
||||
|
||||
.images_grand2{
|
||||
wdith:480px;
|
||||
height:384px;
|
||||
}
|
||||
|
||||
.img_grand a{
|
||||
float:left;
|
||||
width:478px;
|
||||
height:auto;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
.img_grand a:hover{
|
||||
float:left;
|
||||
width:478px;
|
||||
height:auto;
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
|
||||
.Scrollbar-Up {
|
||||
position: absolute;
|
||||
width: 10px; height: 10px;
|
||||
background-image:url(../images/up.png);
|
||||
font-size: 0px;
|
||||
}
|
||||
.Scrollbar-Track {
|
||||
width: 10px; height: 530px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
background-color: #EEE;
|
||||
}
|
||||
.Scrollbar-Handle {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 50px;
|
||||
background-color:#CC3300;
|
||||
left: -1px;
|
||||
top: 17px;
|
||||
}
|
||||
.Scrollbar-Down {
|
||||
position: absolute;
|
||||
top: 560px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 0px;
|
||||
background-image:url(../images/down.png);
|
||||
}
|
||||
#Scrollbar-Container {
|
||||
position: absolute;
|
||||
top: -17px; left: 520px;
|
||||
}
|
||||
|
||||
/*p {
|
||||
margin: 0; padding: 0px 20px 10px;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
text-indent: 20px;
|
||||
color: #777;
|
||||
}*/
|
||||
|
||||
#trait_vertical1{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:90px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
487
css/styles2.css
Normal file
@@ -0,0 +1,487 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
|
||||
*{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background:url(../images/fond1.png);
|
||||
background-repeat:repeat-x;
|
||||
|
||||
}
|
||||
|
||||
#global{
|
||||
height:700px;
|
||||
width:1024px;
|
||||
background-color:#ffffff;
|
||||
color:#000000;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:11px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
#left{
|
||||
float:left;
|
||||
width:290px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#logo{
|
||||
float:left;
|
||||
width:230px;
|
||||
height:60px;
|
||||
margin-top:30px;
|
||||
margin-left:38px;}
|
||||
|
||||
.trait{
|
||||
float:left;
|
||||
width:218px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.trait1{
|
||||
float:left;
|
||||
width:180px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.menu{
|
||||
float:left;
|
||||
height:41px;
|
||||
width:180px;
|
||||
font-family:"Arial Black", arial, verdana, serif;
|
||||
color:#cc3300;
|
||||
font-size:18px;
|
||||
line-height:41px;
|
||||
margin-left:43px;
|
||||
}
|
||||
.menu a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.menu a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
.left_bottom{
|
||||
float:left;
|
||||
width:213px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:40px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.left_bottom1{
|
||||
float:left;
|
||||
width:222px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:35px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.icone{
|
||||
float:left;
|
||||
width:auto;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
.sousmenu{
|
||||
float:left;
|
||||
width:150px;
|
||||
height:auto;
|
||||
color:#cc3300;
|
||||
margin-left:15px;
|
||||
}
|
||||
|
||||
.sousmenu a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.sousmenu a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
#right{
|
||||
float:left;
|
||||
width:700px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
|
||||
#trait_vertical{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:110px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
|
||||
#bottom{
|
||||
float:left;
|
||||
width:909px;
|
||||
height:auto;
|
||||
margin-left:45px;
|
||||
margin-top:80px;
|
||||
padding-top:10px;
|
||||
font-size:10px;
|
||||
color:#000000;
|
||||
border-top:1px solid #666666;
|
||||
}
|
||||
|
||||
|
||||
.icone1{
|
||||
float:left;
|
||||
width:33px;
|
||||
height:33px;
|
||||
margin-left:240px;
|
||||
}
|
||||
|
||||
|
||||
/* page accueil */
|
||||
|
||||
#content{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:600px;
|
||||
margin-left:100px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
.diaporama{
|
||||
position:relative;
|
||||
width:480px; /* Largeur d'une photo */
|
||||
height:360px; /* Hauteur d'une photo */
|
||||
/*margin-top:30px;
|
||||
margin-left:262px;*/
|
||||
}
|
||||
|
||||
.diaporama li{
|
||||
list-style-type:none;
|
||||
overflow:hidden;
|
||||
position:absolute /* Les images seront positionnées toutes au même endroit */
|
||||
}
|
||||
|
||||
.diaporama_controls{
|
||||
width:512px;
|
||||
margin:3px 0;
|
||||
/* padding:5px;*/
|
||||
clear:both;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.diaporama_controls .btns{
|
||||
float:right;
|
||||
}
|
||||
|
||||
.diaporama_controls a{
|
||||
font-weight:normal;
|
||||
width:10px;
|
||||
/*height:13px;*/
|
||||
text-indent:-9999px;
|
||||
display:inline-block;
|
||||
margin:0 3px;
|
||||
}
|
||||
|
||||
.diaporama_controls .prev{
|
||||
background:url(img/fleches_diapo.png) no-repeat top right;
|
||||
}
|
||||
|
||||
.diaporama_controls .next{
|
||||
background:url(img/fleches_diapo.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.diaporama_controls .pause{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom right;
|
||||
}
|
||||
|
||||
.diaporama_controls .play{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom left;
|
||||
}
|
||||
|
||||
#texte{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
/*margin-top:15px;*/
|
||||
padding-right:10px;
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
|
||||
/* image slider page accueil */
|
||||
/*#slider ul, #slider li,
|
||||
#slider2 ul, #slider2 li{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#slider2{margin-top:1em;}
|
||||
#slider li, #slider2 li{
|
||||
/*
|
||||
define width and height of list item (slide)
|
||||
entire slider area will adjust according to the parameters provided here
|
||||
*/
|
||||
/*width:480px;
|
||||
height:360px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
} */
|
||||
|
||||
/* page artistes */
|
||||
|
||||
#content_artistes{
|
||||
float:left;
|
||||
width:552px;
|
||||
height:552px;
|
||||
margin-left:70px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
|
||||
.portrait a{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.portrait a:hover{
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.vide{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.boite{
|
||||
float:left;
|
||||
width:174px;
|
||||
height:174px;
|
||||
}
|
||||
|
||||
#affichage{
|
||||
float:left;
|
||||
width:167px;
|
||||
height:105px;
|
||||
border:1px solid #000000;
|
||||
margin-left:5px;
|
||||
margin-top:5px;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
padding-top:62px;
|
||||
}
|
||||
|
||||
/* page manifestations */
|
||||
|
||||
#middle{
|
||||
float:left;
|
||||
width:600px;
|
||||
height:auto;}
|
||||
|
||||
#top{
|
||||
float:left;
|
||||
height:15px;
|
||||
width:480px;
|
||||
margin-left:100px;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
margin-top:48px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
.carre{
|
||||
float:left;
|
||||
width:10px;
|
||||
height:12px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
/*.nom{
|
||||
float:left;
|
||||
height:12px;
|
||||
width:auto;
|
||||
margin-right:7px;
|
||||
}*/
|
||||
|
||||
.nom a{
|
||||
float:left;
|
||||
height:12px;
|
||||
width:auto;
|
||||
margin-right:6px;
|
||||
color:#000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.nom a:hover{
|
||||
color:#cc3300;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#manifestations{
|
||||
position:relative;
|
||||
float:left;
|
||||
width:480px;
|
||||
height:600px;
|
||||
margin-left:100px;
|
||||
margin-top:88px;
|
||||
}
|
||||
|
||||
|
||||
#container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
width: 490px;
|
||||
height: 530px;
|
||||
overflow: hidden;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#News {
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
/*overflow: hidden;*/
|
||||
width: 490px;
|
||||
/*height: 2000px;*/
|
||||
/*display: none;*/
|
||||
}
|
||||
|
||||
/*#News {display: block;}*/
|
||||
|
||||
.Scroller-Container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
height:1800px;
|
||||
display:block;
|
||||
|
||||
}
|
||||
|
||||
.title{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:auto;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:19px;
|
||||
color:#cc3300;
|
||||
font-weight:bold;
|
||||
/*margin-top:15px;*/
|
||||
}
|
||||
|
||||
.video{
|
||||
position:relative;
|
||||
width:480px;
|
||||
height:400px;
|
||||
margin-top:3px;
|
||||
/*border:1px solid #000000;*/
|
||||
}
|
||||
|
||||
.images{
|
||||
position:relative;
|
||||
wdith:480px;
|
||||
height:80px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.vignette a{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
|
||||
.vignette a:hover{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.texte{
|
||||
/*float:left;*/
|
||||
position:relative;
|
||||
width:480px;
|
||||
height:auto;
|
||||
margin-bottom:35px;
|
||||
text-align:justify;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.Scrollbar-Up {
|
||||
position: absolute;
|
||||
width: 10px; height: 10px;
|
||||
background-image:url(../images/up.png);
|
||||
font-size: 0px;
|
||||
}
|
||||
.Scrollbar-Track {
|
||||
width: 10px; height: 517px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
background-color: #EEE;
|
||||
}
|
||||
.Scrollbar-Handle {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 80px;
|
||||
background-color:#CC3300;
|
||||
left: -1px;
|
||||
top: 17px;
|
||||
}
|
||||
.Scrollbar-Down {
|
||||
position: absolute;
|
||||
top: 547px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 0px;
|
||||
background-image:url(../images/down.png);
|
||||
}
|
||||
#Scrollbar-Container {
|
||||
position: absolute;
|
||||
top: -18px; left: 520px;
|
||||
}
|
||||
|
||||
/*p {
|
||||
margin: 0; padding: 0px 20px 10px;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
text-indent: 20px;
|
||||
color: #777;
|
||||
}*/
|
||||
|
||||
#trait_vertical1{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:90px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
743
css/styles3.css
Normal file
@@ -0,0 +1,743 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
|
||||
*{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background:url(../images/fond1.png);
|
||||
background-repeat:repeat-x;
|
||||
|
||||
}
|
||||
|
||||
#global{
|
||||
height:700px;
|
||||
width:1024px;
|
||||
background-color:#ffffff;
|
||||
color:#000000;
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:11px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
#left{
|
||||
float:left;
|
||||
width:290px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#logo{
|
||||
float:left;
|
||||
width:230px;
|
||||
height:60px;
|
||||
margin-top:30px;
|
||||
margin-left:38px;}
|
||||
|
||||
.trait{
|
||||
float:left;
|
||||
width:218px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.trait1{
|
||||
float:left;
|
||||
width:180px;
|
||||
height:1px;
|
||||
border-top:1px solid #000000;
|
||||
margin-left:43px;
|
||||
}
|
||||
|
||||
.menu{
|
||||
float:left;
|
||||
height:41px;
|
||||
width:180px;
|
||||
font-family:"Arial Black", arial, verdana, serif;
|
||||
color:#cc3300;
|
||||
font-size:18px;
|
||||
line-height:41px;
|
||||
margin-left:43px;
|
||||
}
|
||||
.menu a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.menu a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
.left_bottom{
|
||||
float:left;
|
||||
width:213px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:40px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.left_bottom1{
|
||||
float:left;
|
||||
width:222px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
margin-left:35px;
|
||||
/*margin-top:7px;*/
|
||||
}
|
||||
|
||||
.icone{
|
||||
float:left;
|
||||
width:auto;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
.sousmenu{
|
||||
float:left;
|
||||
width:150px;
|
||||
height:auto;
|
||||
color:#cc3300;
|
||||
margin-left:15px;
|
||||
}
|
||||
|
||||
.sousmenu a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.sousmenu a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
}
|
||||
|
||||
#right{
|
||||
float:left;
|
||||
width:700px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
|
||||
#trait_vertical{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:110px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
|
||||
#bottom{
|
||||
float:left;
|
||||
width:909px;
|
||||
height:auto;
|
||||
margin-left:45px;
|
||||
margin-top:80px;
|
||||
padding-top:10px;
|
||||
font-size:10px;
|
||||
color:#000000;
|
||||
border-top:1px solid #666666;
|
||||
}
|
||||
|
||||
|
||||
.icone1{
|
||||
float:left;
|
||||
width:33px;
|
||||
height:33px;
|
||||
margin-left:240px;
|
||||
}
|
||||
|
||||
|
||||
/* page accueil */
|
||||
|
||||
#content{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:600px;
|
||||
margin-left:100px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
.diaporama{
|
||||
position:relative;
|
||||
width:480px; /* Largeur d'une photo */
|
||||
height:360px; /* Hauteur d'une photo */
|
||||
/*margin-top:30px;
|
||||
margin-left:262px;*/
|
||||
}
|
||||
|
||||
.diaporama li{
|
||||
list-style-type:none;
|
||||
overflow:hidden;
|
||||
position:absolute /* Les images seront positionnées toutes au même endroit */
|
||||
}
|
||||
|
||||
.diaporama_controls{
|
||||
width:512px;
|
||||
margin:3px 0;
|
||||
/* padding:5px;*/
|
||||
clear:both;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.diaporama_controls .btns{
|
||||
float:right;
|
||||
}
|
||||
|
||||
.diaporama_controls a{
|
||||
font-weight:normal;
|
||||
width:10px;
|
||||
/*height:13px;*/
|
||||
text-indent:-9999px;
|
||||
display:inline-block;
|
||||
margin:0 3px;
|
||||
}
|
||||
|
||||
.diaporama_controls .prev{
|
||||
background:url(img/fleches_diapo.png) no-repeat top right;
|
||||
}
|
||||
|
||||
.diaporama_controls .next{
|
||||
background:url(img/fleches_diapo.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.diaporama_controls .pause{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom right;
|
||||
}
|
||||
|
||||
.diaporama_controls .play{
|
||||
background:url(img/fleches_diapo.png) no-repeat bottom left;
|
||||
}
|
||||
|
||||
#texte{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:auto;
|
||||
font-size:11px;
|
||||
/*margin-top:15px;*/
|
||||
padding-right:10px;
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
|
||||
/* page artistes */
|
||||
|
||||
#content_artistes{
|
||||
float:left;
|
||||
width:552px;
|
||||
height:552px;
|
||||
margin-left:70px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
|
||||
.portrait a{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.portrait a:hover{
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.vide{
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
margin-top:5px;
|
||||
margin-left:5px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.boite{
|
||||
float:left;
|
||||
width:174px;
|
||||
height:174px;
|
||||
}
|
||||
|
||||
#affichage{
|
||||
float:left;
|
||||
width:167px;
|
||||
height:105px;
|
||||
border:1px solid #000000;
|
||||
margin-left:5px;
|
||||
margin-top:5px;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
padding-top:62px;
|
||||
}
|
||||
|
||||
/* page manifestations */
|
||||
|
||||
#middle{
|
||||
float:left;
|
||||
width:600px;
|
||||
height:auto;}
|
||||
|
||||
#top{
|
||||
float:left;
|
||||
height:15px;
|
||||
width:480px;
|
||||
margin-left:98px;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
margin-top:50px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
.carre{
|
||||
float:left;
|
||||
width:10px;
|
||||
height:12px;
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
.nom{
|
||||
float:left;
|
||||
height:12px;
|
||||
width:auto;
|
||||
margin-right:7px;
|
||||
}
|
||||
|
||||
|
||||
#manifestations{
|
||||
position:relative;
|
||||
left:100px;
|
||||
top:0px;
|
||||
float:left;
|
||||
width:580px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
|
||||
#Container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
width: 510px;
|
||||
height: 530px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#News {
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
overflow: hidden;
|
||||
width: 480px;
|
||||
height: 530px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#News {display: block;}
|
||||
|
||||
.Scroller-Container {
|
||||
position: absolute;
|
||||
top: 0px; left: 0px;
|
||||
}
|
||||
|
||||
.title{
|
||||
width:480px;
|
||||
height:20px;
|
||||
font-family:Arial, sans-serif;
|
||||
font-size:19px;
|
||||
color:#cc3300;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.video{
|
||||
width:480px;
|
||||
height:400px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.images{
|
||||
wdith:480px;
|
||||
height:80px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.vignette a{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
|
||||
.vignette a:hover{
|
||||
float:left;
|
||||
width:70px;
|
||||
height:70px;
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
.texte_manif{
|
||||
width:480px;
|
||||
height:auto;
|
||||
margin-bottom:35px;
|
||||
}
|
||||
|
||||
.texte_manif p{
|
||||
text-align:justify;
|
||||
font-size:11px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.images_grand{
|
||||
wdith:480px;
|
||||
height:380px;
|
||||
}
|
||||
|
||||
.images_grand1{
|
||||
wdith:480px;
|
||||
height:357px;
|
||||
}
|
||||
|
||||
.images_grand2{
|
||||
wdith:480px;
|
||||
height:384px;
|
||||
}
|
||||
|
||||
.img_grand a{
|
||||
float:left;
|
||||
width:478px;
|
||||
height:auto;
|
||||
border:1px solid #ffffff;
|
||||
}
|
||||
.img_grand a:hover{
|
||||
float:left;
|
||||
width:478px;
|
||||
height:auto;
|
||||
border:1px solid #cc3300;
|
||||
}
|
||||
|
||||
|
||||
.Scrollbar-Up {
|
||||
position: absolute;
|
||||
width: 10px; height: 10px;
|
||||
background-image:url(../images/up.png);
|
||||
font-size: 0px;
|
||||
}
|
||||
.Scrollbar-Track {
|
||||
width: 10px; height: 530px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
background-color: #EEE;
|
||||
}
|
||||
.Scrollbar-Handle {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 50px;
|
||||
background-color:#CC3300;
|
||||
left: -1px;
|
||||
top: 17px;
|
||||
}
|
||||
.Scrollbar-Down {
|
||||
position: absolute;
|
||||
top: 560px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 0px;
|
||||
background-image:url(../images/down.png);
|
||||
}
|
||||
#Scrollbar-Container {
|
||||
position: absolute;
|
||||
top: -18px; left: 520px;
|
||||
}
|
||||
|
||||
|
||||
#trait_vertical1{
|
||||
float:left;
|
||||
height:610px;
|
||||
width:1px;
|
||||
margin-top:48px;
|
||||
margin-left:90px;
|
||||
border-left:1px solid #000000;
|
||||
}
|
||||
|
||||
/* page interstices */
|
||||
|
||||
#content_inter{
|
||||
float:left;
|
||||
height:600px;
|
||||
width:570px;
|
||||
margin-left:70px;
|
||||
margin-top:92px;
|
||||
}
|
||||
|
||||
#interstice{
|
||||
float:left;
|
||||
height:520px;
|
||||
width:500px;
|
||||
}
|
||||
|
||||
#survol{
|
||||
float:left;
|
||||
height:520px;
|
||||
width:500px;
|
||||
}
|
||||
|
||||
#chiffres{
|
||||
float:left;
|
||||
width:30px;
|
||||
height:520px;
|
||||
margin-left:40px;
|
||||
}
|
||||
|
||||
|
||||
#chiffres p{
|
||||
font-size:18px;
|
||||
font-weight:normal;
|
||||
margin-bottom:60px;
|
||||
}
|
||||
|
||||
#chiffres p a{
|
||||
color:#000000;
|
||||
font-size:18px;
|
||||
font-weight:normal;
|
||||
margin-bottom:60px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#chiffres p a:hover{
|
||||
color:#cc3300;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* page ateliers */
|
||||
|
||||
|
||||
#ateliers{
|
||||
position:relative;
|
||||
left:100px;
|
||||
top:90px;
|
||||
float:left;
|
||||
width:580px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#img_atelier{
|
||||
background-color:#000000;
|
||||
wdith:480px;
|
||||
height:336px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.legende{
|
||||
width:480px;
|
||||
height:auto;
|
||||
text-align:justify;
|
||||
font-style:italic;
|
||||
font-size:11px;
|
||||
color:#000000;
|
||||
margin-top:10px;
|
||||
margin-left:340px;
|
||||
}
|
||||
|
||||
.artistes{
|
||||
width:480px;
|
||||
height:auto;
|
||||
text-align:justify;
|
||||
font-size:12px;
|
||||
color:#000000;
|
||||
margin-top:30px;
|
||||
}
|
||||
|
||||
#carton{
|
||||
width:480px;
|
||||
height:370px;
|
||||
margin-top:50px;
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
.legende1{
|
||||
float:left;
|
||||
width:240px;
|
||||
height:auto;
|
||||
text-align:justify;
|
||||
font-style:italic;
|
||||
font-size:11px;
|
||||
color:#000000;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
/* page de contact */
|
||||
|
||||
#contact{
|
||||
position:relative;
|
||||
left:100px;
|
||||
top:90px;
|
||||
float:left;
|
||||
width:580px;
|
||||
height:600px;
|
||||
}
|
||||
|
||||
#News1 {
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
overflow: hidden;
|
||||
width: 480px;
|
||||
height: 530px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#News1 {display: block;}
|
||||
|
||||
#noir{
|
||||
width:480px;
|
||||
height:480px;
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
|
||||
#fauteuil{
|
||||
background-image:url(../images/contact5.jpg);
|
||||
background-repeat:no-repeat;
|
||||
height:auto;
|
||||
width:480px;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
#fauteuil p{
|
||||
text-align:justify;
|
||||
|
||||
}
|
||||
|
||||
/*#contact_center{
|
||||
height:442px;
|
||||
width:280px;
|
||||
margin-left:190px;
|
||||
top:0px;
|
||||
}*/
|
||||
|
||||
#adresse1{
|
||||
position:relative;
|
||||
width:250px;
|
||||
height:444px;
|
||||
left:205px;
|
||||
top:0px;
|
||||
font-size:11px;
|
||||
line-height:16px;
|
||||
/*background-color:#d1d7d6;*/
|
||||
/*border-top:1px solid #cccccc;
|
||||
border-bottom:1px solid #cccccc;*/
|
||||
}
|
||||
|
||||
#logo_p{
|
||||
position:relative;
|
||||
width:200px;
|
||||
left:13px;
|
||||
top:25px;
|
||||
}
|
||||
|
||||
#adresse1 p a{
|
||||
color:#000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#adresse1 p a:hover{
|
||||
color:#cc3300;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
#marlei{
|
||||
margin-left:17px;
|
||||
padding-top:15px;
|
||||
width:480px;
|
||||
height:55px;
|
||||
text-decoration:none;
|
||||
line-height:normal;
|
||||
}
|
||||
|
||||
#marlei a{
|
||||
text-decoration:none;
|
||||
color:#000000;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#marlei a:hover{
|
||||
text-decoration:none;
|
||||
color:#cc3300;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
#mentions_legales{
|
||||
width:450px;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
/* page partenaires */
|
||||
|
||||
|
||||
#lP{
|
||||
float:left;
|
||||
margin-top:-5px;
|
||||
}
|
||||
|
||||
#haut{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:220px;
|
||||
}
|
||||
|
||||
#bas{
|
||||
float:left;
|
||||
width:480px;
|
||||
height:220px;
|
||||
}
|
||||
|
||||
.partner{
|
||||
float:left;
|
||||
width:200px;
|
||||
height:200px;
|
||||
margin:10px;
|
||||
border:1px solid #000000;
|
||||
}
|
||||
|
||||
.partner1{
|
||||
float:left;
|
||||
width:200px;
|
||||
height:200px;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
BIN
images/.DS_Store
vendored
Normal file
BIN
images/Page-Contacts-recadre.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
images/accueil/.DS_Store
vendored
Normal file
BIN
images/accueil/pageAccueil1.jpg
Normal file
|
After Width: | Height: | Size: 200 KiB |
BIN
images/accueil/pageAccueil2.jpg
Normal file
|
After Width: | Height: | Size: 273 KiB |
BIN
images/accueil/pageAccueil2a.jpg
Normal file
|
After Width: | Height: | Size: 257 KiB |
BIN
images/accueil/pageAccueil3.jpg
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
images/accueil/pageAccueil4.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
images/accueil/pageAccueil5.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
images/accueil/pageAccueil6.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
images/accueil/pageAccueil7.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
images/artistes/.DS_Store
vendored
Normal file
BIN
images/artistes/altoneMishino.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
images/artistes/annaMauban.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
images/artistes/arnauddelestourbeillion.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
images/artistes/christopheBogdan.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
images/artistes/claudineSabatier.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
images/artistes/dashanYang.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
images/artistes/elizaMagri.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
images/artistes/francoiseDelecroix.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
images/artistes/francoisgibault.jpg
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
images/artistes/isabelleRince.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
images/artistes/jeanJoseBaranes.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
images/artistes/jeromeBouchez.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
images/artistes/margotMontenoise.jpg
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
images/artistes/mariaPandelle.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
images/artistes/mashaKrivokapic.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
images/artistes/milanAtanaskovic.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
images/artistes/mitouAllalinarde.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
images/artistes/nicolasDeFerran.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
images/artistes/pauleMillara.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
images/artistes/vincentPandelle.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
images/artistes/wari.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
images/ateliers/.DS_Store
vendored
Normal file
BIN
images/ateliers/ateliers1.jpg
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
images/ateliers/ateliers2.jpg
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
images/ateliers/ateliers3.jpg
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
images/bullet.gif
Normal file
|
After Width: | Height: | Size: 49 B |
BIN
images/carre_noir.png
Normal file
|
After Width: | Height: | Size: 182 B |
BIN
images/close.gif
Normal file
|
After Width: | Height: | Size: 222 B |
BIN
images/close.png
Normal file
|
After Width: | Height: | Size: 410 B |
BIN
images/closelabel.gif
Normal file
|
After Width: | Height: | Size: 979 B |
BIN
images/contact.jpg
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
images/contact1.jpg
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
images/contact2.jpg
Normal file
|
After Width: | Height: | Size: 46 KiB |
BIN
images/contact3.jpg
Normal file
|
After Width: | Height: | Size: 50 KiB |
BIN
images/contact4.jpg
Normal file
|
After Width: | Height: | Size: 47 KiB |
BIN
images/contact5.jpg
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
images/down.png
Normal file
|
After Width: | Height: | Size: 213 B |
BIN
images/fond1.png
Normal file
|
After Width: | Height: | Size: 753 B |
BIN
images/iconePDF.png
Normal file
|
After Width: | Height: | Size: 544 B |
BIN
images/iconw.jpg
Normal file
|
After Width: | Height: | Size: 634 B |
BIN
images/iconw.png
Normal file
|
After Width: | Height: | Size: 272 B |
BIN
images/interstices/.DS_Store
vendored
Normal file
BIN
images/interstices/interstices1.jpg
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
images/interstices/interstices2.jpg
Normal file
|
After Width: | Height: | Size: 135 KiB |
BIN
images/interstices/interstices3.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
images/interstices/interstices4.jpg
Normal file
|
After Width: | Height: | Size: 5.7 KiB |
BIN
images/interstices/interstices5.jpg
Normal file
|
After Width: | Height: | Size: 85 KiB |
BIN
images/interstices/interstices6.jpg
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
images/interstices/interstices7.jpg
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
images/interstices/interstices8.jpg
Normal file
|
After Width: | Height: | Size: 95 KiB |
BIN
images/loading.gif
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
BIN
images/logoSceauxNoir.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
images/logoSceauxNoir_over.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
images/logo_bloc_house.png
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
BIN
images/logo_bloc_house1p.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
images/logo_bloc_housep.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
images/logo_carre.jpg
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/logo_carre.png
Normal file
|
After Width: | Height: | Size: 593 B |
BIN
images/logo_carre1.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
images/logo_carre2.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
images/mail.png
Normal file
|
After Width: | Height: | Size: 341 B |
BIN
images/manifestations/Visible_invisible1.jpg
Normal file
|
After Width: | Height: | Size: 237 KiB |
BIN
images/manifestations/Visible_invisible1p.jpg
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
images/manifestations/Visible_invisible2.jpg
Normal file
|
After Width: | Height: | Size: 232 KiB |
BIN
images/manifestations/Visible_invisible2p.jpg
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
images/manifestations/Visible_invisible3.jpg
Normal file
|
After Width: | Height: | Size: 168 KiB |
BIN
images/manifestations/Visible_invisible3p.jpg
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
images/manifestations/Visible_invisible4.jpg
Normal file
|
After Width: | Height: | Size: 166 KiB |
BIN
images/manifestations/Visible_invisible4p.jpg
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
images/manifestations/Visible_invisible5.jpg
Normal file
|
After Width: | Height: | Size: 130 KiB |
BIN
images/manifestations/Visible_invisible5p.jpg
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
images/manifestations/Visible_invisible6.jpg
Normal file
|
After Width: | Height: | Size: 120 KiB |
BIN
images/manifestations/Visible_invisible6p.jpg
Normal file
|
After Width: | Height: | Size: 1.9 KiB |