body { background-color : #cccccc; color : #FFFFFF; font-family : Arial; font-size : 0.75em; text-align : center; padding-bottom : 0.5px; } /* PAGE*/ #page { margin : 0 auto; background-color : #CCCCCC; border : 1px solid #CCCCCC; width : 732px; height: 550px; } #page-white { margin : 0 auto; background-color : #FFFFFF; border : 1px solid #CCCCCC; width : 732px; height: 550px; } #page-diaporama { margin : 0 auto; background-color : #1A1A1A; border : 1px solid #CCCCCC; width : 732px; height: 550px; } #pageplansite { margin : 0 auto; background-color : #CCCCCC; border : 1px solid #CCCCCC; width : 790px; } /* LINK*/ a { text-decoration : none; } a:hover { text-decoration : none; } /* IMG*/ img { border : 0; } .imgplan { width: 442px; height: 442px; } /* HEADER*/ #header { width : 732px; height : 65px; text-align : center; padding-top : 0.2em; padding-bottom : 2px; } #headerplansite { text-align : center; padding-top : 0.2em; padding-bottom : 2px; } #header_main { background-color : #ffffff; width : 750px; height : 70px; text-align : right; } #header_slogan { color : #fe850b; font-weight : bold; font-weight : 700; font-size : 0.7em; font-variant : small-caps; text-align : right; padding-right : 24px; padding-top : 0.1em; } /* MAIN*/ #main { background : #CCCCCC ; text-align : center; width : 100%; height: 550px; } #mainplansite { background : #CCCCCC ; text-align : center; width : 100%; } #main-index { background : url(http://www.villaduparc.com/images/design/fondindex1.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } /* MAIN TITLE*/ #main-titre-index { font-family: Arial; font-size: 2em; padding-top: 503px; } #main-titre-index a { color : #FFFFFF; } #main-titre-index a:link { text-decoration : none; color: #FFFFFF; } #main-titre-index a:visited { text-decoration : none;} #main-titre-index a:hover { color : #FF0000; text-decoration : none; } #main-titre-index a:active { text-decoration : none; } a span { color:#FF0000; } a:hover span{ color:#FFFFFF; } #main-titre { font-family: Arial; font-size: 2em; width:732px; padding-top: 59%; } #main-titre a { color : #FFFFFF; } #main-titre a:link { text-decoration : none; color: #FFFFFF; } #main-titre a:visited { text-decoration : none; } #main-titre a:hover { color : #000099; text-decoration : none; } #main-titre a:active { text-decoration : none; } a span{ color:#FF0000; } a:hover span { color:#FFFFFF; } #main-titre-red { font-family: Arial; font-size: 2em; width:732px; padding-top: 59%; } #main-titre-red a { color : #FFFFFF; } #main-titre-red a:link { text-decoration : none; color: #FFFFFF; } #main-titre-red a:visited { text-decoration : none; } #main-titre-red a:hover { color : #FF0000; text-decoration : none; } #main-titre-red a:active { text-decoration : none; } a span { color:#FF0000; } a:hover span{ color:#FFFFFF; } #main-titre-gold { font-family: Arial; font-size: 2em; width:732px; padding-top: 59%; } #main-titre-gold a { color : #FFFFFF; } #main-titre-gold a:link { text-decoration : none; color: #FFFFFF; } #main-titre-gold a:visited { text-decoration : none; } #main-titre-gold a:hover { color : #BE9926; text-decoration : none; } #main-titre-gold a:active { text-decoration : none; } a span{ color:#FF0000; } a:hover span { color:#FFFFFF; } #main-titre-green { font-family: Arial; font-size: 2em; width:732px; padding-top: 59%; } #main-titre-green a { color : #FFFFFF; } #main-titre-green a:link { text-decoration : none; color: #FFFFFF; } #main-titre-green a:visited { text-decoration : none; } #main-titre-green a:hover { color : #33FF00; text-decoration : none; } #main-titre-green a:active { text-decoration : none; } a span { color:#FF0000; } a:hover span { color:#FFFFFF; } #main-titre-grey { background-color:#CCCCCC; font-family: Arial; font-size: 2em; width:732px; padding-top: 59%; } #main-titre-grey a { color : #FFFFFF; } #main-titre-grey a:link { text-decoration : none; color: #FFFFFF; } #main-titre-grey a:visited { text-decoration : none; } #main-titre-grey a:hover { color : #000099; text-decoration : none; } #main-titre-grey a:active { text-decoration : none; } a span { color:#FF0000; } a:hover span { color:#FFFFFF; } #main-titre-white { font-family: Arial; font-size: 2em; width:732px; padding-top: 59%; } #main-titre-white a { color : #666666; } #main-titre-white a:link { text-decoration : none; color: #666666; } #main-titre-white a:visited { text-decoration : none; } #main-titre-white a:hover { color : #000099; text-decoration : none; } #main-titre-whitea:active { text-decoration : none; } a span { color:#FF0000; } a:hover span { color:#666666; } /* MAIN BACKGROUND*/ #main-bienvenue { background : url(http://www.villaduparc.com/images/design/fondbienvenue.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-presentation { background : url(http://www.villaduparc.com/images/design/fondpresentation.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-grisbordblanc { background : url(http://www.villaduparc.com/images/design/fondgrisbordblanc.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-programmation { background : url(http://www.villaduparc.com/images/design/fondprogrammation.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-particuliere { background : url(http://www.villaduparc.com/images/design/fondnoir.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-vilmouth { background : url(http://www.villaduparc.com/images/vilmouth/fond.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-actulb { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/lb/fondlb2.jpg); background-repeat: no-repeat; background-position: center; } #main-actucazal { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/cazal/fondcazal.jpg); background-repeat: no-repeat; background-position: center; } #main-actudecembre { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/samuels-backer/actudecembre.jpg); background-repeat: no-repeat; background-position: center; } #main-actufabulations { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/fabulations/fondfabulations.jpg); background-repeat: no-repeat; background-position: center; } #main-actucassiusclay { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/cassius-clay/fonddougherty.jpg); background-repeat: no-repeat; background-position: center; } #main-actuwhatelse { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/what-else/fondwhatelse.jpg); background-repeat: no-repeat; background-position: center; } #main-actuthemorning { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/samuels-backer/fondmorning.jpg); background-repeat: no-repeat; background-position: center; } #main-actumozzini { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/mozzini/fondmozzini.jpg); background-repeat: no-repeat; background-position: center; } #main-conference2010 { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/conference-villa-du-parc/conference-de-la-villa-du-parc/images/fondjeudiartcontemporain.jpg); background-repeat: no-repeat; background-position: center; } #main-actubp { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/before-present/fondbp.jpg); background-repeat: no-repeat; background-position: center; } #main-actumarsmai { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/mozzini/fondactumozzini.jpg); background-repeat: no-repeat; background-position: center; } #main-actukerim { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/samuels-backer/fondKSpneuma.jpg); background-repeat: no-repeat; background-position: center; } #main-parcours { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/mediation/fondparcours.jpg); background-repeat: no-repeat; background-position: center; } #main-rockenschaub { text-align : center ; width : 100%; height:550px;background-image : url(http://www.villaduparc.com/images/rockenschaub/fonddrockenschaub.jpg); background-repeat: no-repeat; background-position: center; } #main-actumont { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/mont-tschiember/fond-mont-tschiember.jpg); background-repeat: no-repeat; background-position: center; } #main-checkpoint { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/checkpointberlin/fondcpb.jpg); background-repeat: no-repeat; background-position: center; } #main-parc-montessuit { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/parc-montessuit/fond-parc.jpg); background-repeat: no-repeat; background-position: center; } #main-pouvreau { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/pouvreau/fondpouvreau.jpg); background-repeat: no-repeat; background-position: center; } #main-ardouvin { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/fin-du-monde/fond-ardouvin.jpg); background-repeat: no-repeat; background-position: center; } #main-paysages { text-align : center; width : 100%; height: 550px; background-image: url(http://www.villaduparc.com/images/paysages-divers/fondjardin.jpg); background-repeat: no-repeat; background-position: center; } #main-hgp { background : url(http://www.villaduparc.com/images/design/hgp.png) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-mediation { background : url(http://www.villaduparc.com/images/design/fondmediation.png) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-mediation1 { background : url(http://www.villaduparc.com/images/design/fondmediation 3.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-mediation2 { background : url(http://www.villaduparc.com/images/design/fondmediation2.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } #main-archives {text-align : center; width : 100%; height: 550px; } #main-plan-acces { background : url(http://www.villaduparc.com/images/design/fondplan.jpg) no-repeat center; text-align : center; width : 100%; height: 550px; } /* MAIN MENUS*/ #main-menu { font-family: Arial; text-align: left; font-size: 1.14em; float: left; width: 170px; padding-top: 20px; } #main-menu a { color:#000000; } #main-menu a:hover { color:#FFFFFF; } .menu-presentation { font-family: Arial; font-size: 1.16em; color:#FFFFFF; word-spacing: 50px; width: 390px; text-align: center; float: right; padding: 32px 140px 0px 0px; } .menu-presentation a { color:#FFFFFF; } .menu-presentation a:hover { color:#000099; } .main-orange a { color:#D96C00; } .menu-liensuniques { font-family: Arial; font-size: 1.16em; color:#FFFFFF; float: left; word-spacing: 50px; padding-top: 30px; width: 400px; font-weight: 600; text-align: center; } .menu-liensuniques a { color:#FFFFFF; } .menu-liensuniques a:hover { color:#000099; } .menu-programmation { font-family: Arial; font-size: 1.16em; color:#FFFFFF; float: right; word-spacing: 50px; width: 440px; padding: 75px 90px 0px 0px; } .menu-programmation a { color:#FFFFFF; } .menu-programmation a:hover { color:#000099; } .menu-mediation { font-family: Arial; font-size: 1.16em; color:#FFFFFF; float: right; word-spacing: 50px; width: 460px; padding: 115px 90px 0px 0px; } .menu-mediation a { color:#FFFFFF; } .menu-mediation a:hover { color:#000099; } .menu-publications { font-family: Arial; font-size: 1.16em; color:#FFFFFF; float: right; word-spacing: 50px; width: 440px; padding: 160px 90px 0px 0px; } .menu-publications a { color:#FFFFFF; } .menu-publications a:hover { color:#000099; } #menu-actualites { font-family: Arial; text-align: left; float: left; width: 295px; height: 380px; color: #FF6600; } #menu-actualites a { color:#000099; } #menu-actualites a:hover { color:#B5CDFA; } #menu-actualites .blancbleu a { font-family: Arial; color: #FFFFFF; } #menu-actualites .blancbleu a:hover { color:#000099; } #menu-actualites a.blancgold { font-family: Arial; color: #FFFFFF; } #menu-actualites a.blancgold:hover { color: #BE9926; } #menu-actualites a.goldblanc { font-family: Arial; color: #BE9926; } #menu-actualites a.goldblanc:hover { color: #FFFFFF; } #menu-actualites a.blancred { font-family: Arial; color: #FFFFFF; } #menu-actualites a.blancred:hover { color: #FF0000; } #menu-actualites a.blancrouge { font-family: Arial; color: #FFFFFF; } #menu-actualites a.blancrouge:hover { color: #FF3535; } #menu-actualites a.goldblanc { font-family: Arial; color: #BE9926; } #menu-actualites a.goldblanc:hover { color: #FFFFFF; } #menu-actualites-blanc { font-family: Arial; text-align: left; float: left; width: 300px; color: #FFFFFF; } #menu-actualites-blanc a { color:#FFFFFF; } #menu-actualites-blanc a:hover { color:#000099; } #menu-actualites-xs { font-family: Arial; text-align: left; float: left; width: 250px; height: 480px; color: #000099; } #menu-artpublic { font-family: Arial; text-align: left; float: left; width: 195px; height: 380px; color: #FF6600; } #menu-artpublic a {color:#000099;} #menu-artpublic a:hover {color:#B5CDFA;} #menu-artpublic a.blancgold { font-family: Arial; color: #FFFFFF; } #menu-artpublic a.blancgold:hover { color: #BE9926; } #menu-artpublic a.goldblanc { font-family: Arial; color: #BE9926; } #menu-artpublic a.goldblanc:hover { color: #FFFFFF; } #menu-artpublic a.blancred { font-family: Arial; color: #FFFFFF; } #menu-artpublic a.blancred:hover { color: #FF0000; } #menu-artpublic a.blancrouge { font-family: Arial; color: #FFFFFF; } #menu-artpublic a.blancrouge:hover { color: #FF3535; } #menu-artpublic a.goldblanc { font-family: Arial; color: #BE9926; } #menu-artpublic a.goldblanc:hover { color: #FFFFFF; } #menu-hgp { font-family: Arial; text-align: left; float: left; width: 300px; height: 220px; color: #000099; } #menu-artiste { font-family: Arial; text-align: left; float: left; width: 300px; height: 465px; color: #000099; } #menu-artiste-slim { font-family: Arial; text-align: left; float: left; width: 250px; height: 300px; color: #000099; } #menu-artiste-harri { font-family: Arial; text-align: left; float: left; width: 250px; height: 370px; color: #000099; } #menu-artiste-happy { font-family: Arial; text-align: left; float: left; width: 250px; height: 400px; color: #000099; } #menu-artiste-slim-court {font-family: Arial; text-align: left; float: left; width: 250px; height: 400px; color: #000099; } /*/ MENU DYN/*/ dt, dl, dd, ul, li { list-style-type: none; } #menu-dyn { position : relative; height: 155px; margin-top: 12px; } #menu-dyn dl { float: left; vertical-align: top; width: 100%; } #menu-dyn li { display: list-item; line-height: normal; } #menu-dyn a { text-decoration: none; } #smenu1, #smenu2, #smenu3, #smenu4 { position: relative; left: -40px; height: 20px; padding: 0; } /* CLASS VARIABLES*/ .presentation { font-family: Arial; font-size: 1.1em; color:#000000; float: right; line-height: normal; padding: 25px 40px 0 40px; text-align: justify; width: 650px; word-spacing: normal; } .presentationplansite { font-family: Arial; font-size: 1.1em; color:#000000; float: right; line-height: normal; padding: 40px 40px 0 40px; text-align: justify; word-spacing: normal; width: 100%; border: none; } .width33 td { width: 33%; } .liens { font-family: Arial; font-size: 1.1em; color:#000000; float: right; line-height: normal; padding: 0 40px 0 40px; text-align: justify; width: 650px; word-spacing: normal; } .liens a { color:#000000; } .liens a:hover { color:#FFFFFF; } .partenaires { font-family: Arial; font-size: 1.1em; color:#000000; float: right; line-height: normal; padding: 0 40px 0 40px; text-align: left; width: 650px; word-spacing: normal; } .programmation { font-family: Arial; color:#000000; float: right; line-height: normal; padding: 0 40px 0 40px; text-align: left; width: 650px; word-spacing: normal; } .programmation-left { font-family: Arial; color:#000000; float: left; line-height: normal; padding: 20px 0 0 40px; text-align: left; width: 325px; word-spacing: normal; height: 400px; } .programmation-right { font-family: Arial; color:#000000; float: right; line-height: normal; padding: 20px 40px 0 0; text-align: left; width: 325px; word-spacing: normal; height: 400px; } .justify { text-align: justify; } .equipe { font-family: Arial; font-size: 1.1em; color:#000000; float: right; line-height: normal; padding: 0 40px 0 40px; text-align: left; width: 650px; word-spacing: normal; } .plan-acces { font-family: Arial; font-size: 1.1em; color:#000000; float: right; line-height: normal; padding: 0 40px 0 40px; text-align: left; width: 651px; word-spacing: normal; height: 470px; } .acces { float: right; width: 200px; background-color: #FFFFFF; height: 465px; } .actualite { font-family: Arial; font-size: 1em; float: right; line-height: normal; padding: 40px 40px 0 40px; text-align: justify; width: 652px; word-spacing: normal; color: #000000; } /* LISTES */ ul { margin : 0; list-style : none; line-height: 3em; color: #000000; padding-left: 40px; } ul.association { margin : 0; list-style : none; padding-left: 10px; color: #000000; line-height: normal; } ul.plansite { margin : 0; list-style : none; padding-left: 10px; color: #000000; line-height: normal; } ul.plansiteretrait1 { margin : 0; list-style : none; padding-left: 30px; color: #000000; line-height: normal; } li.plansiteretrait1 { padding-left: 10px; } ul.plansiteretrait2 { margin : 0; list-style : none; padding-left: 50px; color: #000000; line-height: normal; } li.plansiteretrait2 { padding-left: 20px; } ul.plansiteretrait3 { margin : 0; list-style : none; padding-left: 60px; color: #000000; line-height: normal; } li.plansiteretrait3 { padding-left: 20px; } /* TEXTES EN COULEUR */ .red { color : #FF0000; font-size: 0.8em; vertical-align: text-top; } .blue-horizon { color : #000099; font-size: 1.3em; vertical-align: middle; } .blue { color : #000099; font-size: 1.1em; vertical-align: top; } .blue-s { color : #000099; font-size: 1em; vertical-align: top; } .blue-s a, .blue-s a:hover { color : #000099; font-size: 1em; vertical-align: top; } .green { color : #33FF00; font-size: 1.1em; vertical-align: top; } .prune { color : #A30EC3; font-size: 1.1em; vertical-align: top; font-weight: bold; } .white {color: #FFFFFF;} .transparent { visibility: hidden; } .blueinmenu { color : #000099; font-size: 0.8em; vertical-align: top; } .goldinmenu { color : #BE9926; font-size: 0.8em; vertical-align: top; } .black { color: #000000; } .black a { color: #000000; } .black a:hover{ color: #FFFFFF; } .blacksmall { color: #000000; font-size: x-small; } .grey { color: #333333; } .greylight { color: #999999; } .red { color: #FF3535; } .bleublanc a { font-family: Arial; color: #000099; } .bleublanc a:hover { color:#FFFFFF; } .bleublancplan a { font-family: Arial; color: #000099; font-size: 1.1em; } .bleublancplan a:hover { color:#FFFFFF; font-size: 1.1em; } /* TEXTES EN GRAS ET COULEUR */ .bluebold { color : #000099; font-size: 1.1em; vertical-align: top; font-weight: bold; } .bluebold a, .bluebold a:hover { color : #000099; } .goldbold { color : #BE9926; font-size: 1.1em; vertical-align: top; font-weight: bold; } .redbold { color : #FF3535; font-size: 1.1em; vertical-align: top; font-weight: bold; } .greenbold { color : #33FF00; font-size: 1.1em; vertical-align: top; font-weight: bold; } .pinkbold { color : #FF00CC; font-size: 1.1em; vertical-align: top; font-weight: bold; } .bluearrowbold { color : #000099; font-size: 1em; vertical-align: top; font-weight: bold; } .goldarrowbold { color : #BE9926; font-size: 1em; vertical-align: top; font-weight: bold; } .greenarrowbold {color : #33FF00; font-size: 1em; vertical-align: top; font-weight: bold;} .orangebold{ color: #FF8000; font-weight: bold; } .whitebold{ color: #FFFFFF; font-weight: bold; } .orangebold{ color: #FF6600; font-weight: bold; } .yellowbold{ color: #FFFF00; font-weight: bold; } .yellowbold{ color: #FFFF00; font-weight: bold; } .rougebold{ color: #FF3535; font-weight: bold; } .blackbold { color: #000000; font-weight: bold; } .darkgreenkbold { color: #336600; font-weight: bold; } /*FOOTER et AUDIENCE*/ #footer { float : inherit; clear : both; text-align : center; padding-top : 2px; padding-bottom : 2px; font-size: 0.9em; font-family : Verdana, Arial, Helvetica, sans-serif; width : 732px; margin : 0 auto; } #footer a { color : #333333; } #footer a:link { text-decoration : none; } #footer a:hover { color : #333333; text-decoration : underline; } #footer a:active { text-decoration : underline; } #footerblanc a { color : #FFFFFF; } #footerblanc a:link { text-decoration : none; } #footerblanc a:hover { color : #FFFFFF; text-decoration : underline; } #footerblanc a:active { text-decoration : underline; } #infosplus { width : 732px; text-align : center; font-family : Verdana, Arial, Helvetica, sans-serif; color : #FFFFFF; width : 732px; margin : 0 auto; background-color : #CCCCCC; font-size : 3em; height: 0.3em; overflow: hidden; } #infosplus a { text-decoration : none; color : #CCCCCC; } #infosplus a:hover { color : #CCCCCC; font-weight : bold; text-decoration : none; } #infosplus a:link { text-decoration : none; } #infosplus a:visited { text-decoration : none; } #infosplus a:active { text-decoration : none; }