From 78d8a1bdff4e2b5278fe266e9e0ba86629d08652 Mon Sep 17 00:00:00 2001 From: hugo LAMY Date: Sun, 2 Mar 2025 01:10:51 +0100 Subject: [PATCH] clean styles --- www/actualisation/css/lightbox.css | 139 +++- www/actualisation/css/styles.css | 1093 ++++++++++++++-------------- www/actualisation/css/styles1.css | 482 ------------ www/actualisation/css/styles2.css | 487 ------------- www/actualisation/css/styles3.css | 743 ------------------- 5 files changed, 646 insertions(+), 2298 deletions(-) delete mode 100644 www/actualisation/css/styles1.css delete mode 100644 www/actualisation/css/styles2.css delete mode 100644 www/actualisation/css/styles3.css diff --git a/www/actualisation/css/lightbox.css b/www/actualisation/css/lightbox.css index 91aaafa..1c7d482 100644 --- a/www/actualisation/css/lightbox.css +++ b/www/actualisation/css/lightbox.css @@ -1,29 +1,126 @@ /* 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; } +#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;} +#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;} +#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; } +#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% ;} +#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; } +#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: 1em; +} +#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; } +#overlay { + position: absolute; + top: 0; + left: 0; + z-index: 90; + width: 100%; + height: 500px; + background-color: silver; +} diff --git a/www/actualisation/css/styles.css b/www/actualisation/css/styles.css index 2af7ba9..01d3d6e 100644 --- a/www/actualisation/css/styles.css +++ b/www/actualisation/css/styles.css @@ -2,672 +2,665 @@ /* CSS Document */ @font-face { - - font-family: 'arial-bold'; - src: local('Arial Bold'); - + font-family: "arial-bold"; + src: local("Arial Bold"); } -*{ -padding:0px; -margin:0px; +* { + padding: 0px; + margin: 0px; } img { -border: none; + border: none; } body { -background:url(../images/fond1.png); -background-repeat:repeat-x; - + 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; +#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; +#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; +#logo { + float: left; + width: 230px; + height: 60px; + margin-top: 30px; + margin-left: 38px; } -.trait1{ -float:left; -width:180px; -height:1px; -border-top:1px solid #000000; -margin-left:43px; +.trait { + float: left; + width: 218px; + 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; +.trait1 { + float: left; + width: 180px; + height: 1px; + border-top: 1px solid #000000; + margin-left: 43px; } -.menu a:hover{ -font-family:arial-bold, Arial Bold, sans-serif; -font-weight: 900; -text-decoration:none; -color:#cc3300; +.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; } -.left_bottom{ -float:left; -width:213px; -height:auto; -font-size:11px; -margin-left:40px; -/*margin-top:7px;*/ +.menu a:hover { + font-family: arial-bold, Arial Bold, sans-serif; + font-weight: 900; + text-decoration: none; + color: #cc3300; } -.left_bottom1{ -float:left; -width:222px; -height:auto; -font-size:11px; -margin-left:35px; -/*margin-top:7px;*/ +.left_bottom { + float: left; + width: 213px; + height: auto; + font-size: 11px; + margin-left: 40px; + /*margin-top:7px;*/ } -.icone{ -float:left; -width:auto; -height:auto; +.left_bottom1 { + float: left; + width: 222px; + height: auto; + font-size: 11px; + margin-left: 35px; + /*margin-top:7px;*/ } - -.sousmenu{ -float:left; -width:150px; -height:auto; -color:#cc3300; -margin-left:15px; +.icone { + float: left; + width: auto; + height: auto; } -.sousmenu a{ -text-decoration:none; -color:#000000; +.sousmenu { + float: left; + width: 150px; + height: auto; + color: #cc3300; + margin-left: 15px; } -.sousmenu a:hover{ -text-decoration:none; -color:#cc3300; +.sousmenu a { + text-decoration: none; + color: #000000; } -#right{ -float:left; -width:700px; -height:600px; +.sousmenu a:hover { + text-decoration: none; + color: #cc3300; } - -#trait_vertical{ -float:left; -height:610px; -width:1px; -margin-top:48px; -margin-left:110px; -border-left:1px solid #000000; +#right { + float: left; + width: 700px; + height: 600px; } -#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; +#trait_vertical { + float: left; + height: 610px; + width: 1px; + margin-top: 48px; + margin-left: 110px; + border-left: 1px solid #000000; } - -.icone1{ -float:left; -width:33px; -height:33px; -margin-left:240px; +#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; +#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; +.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 li { + list-style-type: none; + overflow: hidden; + position: absolute; /* Les images seront positionnées toutes au même endroit */ } .diaporama li a img { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } - -.diaporama_controls{ - width:512px; - margin:3px 0; + +.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; + clear: both; + overflow: hidden; } -#texte{ -float:left; -width:480px; -height:auto; -font-size:11px; -/*margin-top:15px;*/ -padding-right:10px; -text-align:justify; +.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; +#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 { + float: left; + width: 80px; + height: 80px; + margin-top: 5px; + margin-left: 5px; + border: 1px solid #000000; } -.portrait a img{ -width: 100%; -height: 100%; +.portrait a img { + width: 100%; + height: 100%; } -.portrait a:hover{ -border:1px solid #cc3300; +.portrait a:hover { + border: 1px solid #cc3300; } -.vide{ -float:left; -width:80px; -height:80px; -margin-top:5px; -margin-left:5px; -border:1px solid #000000; +.vide { + float: left; + width: 80px; + height: 80px; + margin-top: 5px; + margin-left: 5px; + border: 1px solid #000000; } -.boite{ -float:left; -width:174px; -height:174px; +.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; +#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; +#middle { + float: left; + width: 600px; + height: auto; } -.center{ -display:table; +#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; +.center { + display: table; } -.nom{ -float:left; -height:12px; -width:auto; -margin-right:10px; +.carre { + float: left; + width: 10px; + height: 12px; + margin-right: 3px; } - -#manifestations{ -position:relative; -left:100px; -top:0px; -float:left; -width:580px; -height:600px; +.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; + top: 0px; + left: 0px; width: 510px; - height: 530px; + height: 530px; background-color: #ffffff; } -#News { - +#News { position: absolute; - top: 0px; + top: 0px; overflow: hidden; width: 480px; height: 530px; display: none; } -#News {display: block;} +#News { + display: block; +} .Scroller-Container { position: absolute; - top: 0px; left: 0px; + top: 0px; + left: 0px; } -.title{ -width:480px; -height:20px; -font-family:Arial, sans-serif; -font-size:19px; -color:#cc3300; -font-weight:bold; +.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; +.video { + width: 480px; + height: 400px; + margin-top: 3px; } -.images_grand{ -width:480px; -height:380px; +.images_grand { + width: 480px; + height: 380px; } -.images_grand1{ -width:480px; -height:357px; +.images_grand1 { + width: 480px; + height: 357px; } -.images_grand2{ -width:480px; -height:384px; +.images_grand2 { + width: 480px; + height: 384px; } -.images_grand3{ -width:480px; -height:351px; -margin-top:3px; +.images_grand3 { + width: 480px; + height: 351px; + margin-top: 3px; } -.images_grand4{ -width:480px; -height:402px; +.images_grand4 { + width: 480px; + height: 402px; } -.images_grand5{ -width:480px; -height:372px; +.images_grand5 { + width: 480px; + height: 372px; } -.images{ -width:480px; -height:80px; -margin-top:10px; +.images { + width: 480px; + height: 80px; + margin-top: 10px; } -.images1{ -width:480px; -height:80px; -margin-top:0px; +.images1 { + width: 480px; + height: 80px; + margin-top: 0px; } - -.vignette a{ -float:left; -width:70px; -height:70px; -border:1px solid #ffffff; +.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; +.vignette a:hover { + float: left; + width: 70px; + height: 70px; + border: 1px solid #cc3300; } -.texte_manif{ -width:480px; -height:auto; -margin-bottom:35px; +.texte_manif { + width: 480px; + height: auto; + margin-bottom: 35px; } -.texte_manif p{ -text-align:justify; -font-size:11px; -font-weight:normal; +.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 { + float: left; + width: 478px; + height: auto; + border: 1px solid #ffffff; } -.img_grand a:hover{ -float:left; -width:478px; -height:auto; -border:1px solid #cc3300; +.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); + width: 10px; + height: 10px; + background-image: url(../images/up.png); font-size: 0px; } .Scrollbar-Track { - width: 10px; height: 530px; + width: 10px; + height: 530px; position: absolute; top: 20px; - background-color: #EEE; + background-color: #eee; } .Scrollbar-Handle { - position: absolute; - width: 10px; - height: 50px; - background-color:#CC3300; - left: -1px; - top: 17px; + 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); + 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; + top: -18px; + left: 520px; } - -#trait_vertical1{ -float:left; -height:610px; -width:1px; -margin-top:48px; -margin-left:90px; -border-left:1px solid #000000; +#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; +#content_inter { + float: left; + height: 600px; + width: 570px; + margin-left: 70px; + margin-top: 92px; } -#interstice{ -float:left; -height:520px; -width:500px; +#interstice { + float: left; + height: 520px; + width: 500px; } -#survol{ -float:left; -height:520px; -width:500px; +#survol { + float: left; + height: 520px; + width: 500px; } -#chiffres{ -float:left; -width:30px; -height:520px; -margin-left:40px; +#chiffres { + float: left; + width: 30px; + height: 520px; + margin-left: 40px; } - -#chiffres p{ -font-size:18px; -font-weight:normal; -margin-bottom:60px; +#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 { + color: #000000; + font-size: 18px; + font-weight: normal; + margin-bottom: 60px; + text-decoration: none; } -#chiffres p a:hover{ -color:#cc3300; -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; +#ateliers { + position: relative; + left: 100px; + top: 90px; + float: left; + width: 580px; + height: 600px; } -#img_atelier{ -background-color:#000000; -width:480px; -/*height:336px;*/ -height:380px; -margin-top:3px; -overflow: hidden; +#img_atelier { + background-color: #000000; + width: 480px; + /*height:336px;*/ + height: 380px; + margin-top: 3px; + overflow: hidden; } #img_atelier img { -/*margin-top: 25px;*/ -width: 100%; -height: 100%; + /*margin-top: 25px;*/ + width: 100%; + height: 100%; } -.legende{ -width:480px; -height:auto; -text-align:justify; -font-style:italic; -font-size:11px; -color:#000000; -margin-top:10px; -margin-left:340px; +.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; +.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; +#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; +.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; +#contact { + position: relative; + left: 100px; + top: 90px; + float: left; + width: 580px; + height: 600px; } -#News1 { - +#News1 { position: absolute; - top: 0px; + top: 0px; overflow: hidden; width: 480px; height: 530px; display: none; } -#News1 {display: block;} - -#noir{ -width:480px; -height:480px; -background-color:#000000; +#News1 { + display: block; } - -#fauteuil{ -background-image:url(../images/contact5.jpg); -background-repeat:no-repeat; -height:auto; -width:480px; -margin-top:3px; +#noir { + width: 480px; + height: 480px; + background-color: #000000; } -#fauteuil p{ -text-align:justify; +#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{ @@ -677,140 +670,110 @@ 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; +#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; +#logo_p { + position: relative; + width: 200px; + left: 13px; + top: 30px; } -#adresse1 p a{ -color:#000000; -text-decoration:none; +#adresse1 p a { + color: #000000; + text-decoration: none; } -#adresse1 p a:hover{ -color:#cc3300; -text-decoration:none; +#adresse1 p a:hover { + color: #cc3300; + text-decoration: none; } -adresse1 td{ -height:11px; -width:auto; +adresse1 td { + height: 11px; + width: auto; } -.link a{ -color:#000000; -text-decoration:none; -font-weight:bold; +.link a { + color: #000000; + text-decoration: none; + font-weight: bold; } -.link a:hover{ -color:#cc3300; -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 { + 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 { + text-decoration: none; + color: #000000; + font-weight: bold; } -#marlei a:hover{ -text-decoration:none; -color:#cc3300; -font-weight:bold; +#marlei a:hover { + text-decoration: none; + color: #cc3300; + font-weight: bold; } - -#mentions_legales{ -width:450px; -height:auto; +#mentions_legales { + width: 450px; + height: auto; } - /* page partenaires */ - -#lP{ -float:left; -margin-top:-5px; +#lP { + float: left; + margin-top: -5px; } -#haut{ -float:left; -width:480px; -height:220px; +#haut { + float: left; + width: 480px; + height: 220px; } -#bas{ -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; +.partner { + float: left; + width: 200px; + height: 200px; + margin: 10px; + border: 1px solid #000000; } -.partner1{ -float:left; -width:200px; -height:200px; -margin:10px; -visibility:hidden; +.partner1 { + float: left; + width: 200px; + height: 200px; + margin: 10px; + visibility: hidden; } - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/www/actualisation/css/styles1.css b/www/actualisation/css/styles1.css deleted file mode 100644 index fad3f82..0000000 --- a/www/actualisation/css/styles1.css +++ /dev/null @@ -1,482 +0,0 @@ -@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; -} diff --git a/www/actualisation/css/styles2.css b/www/actualisation/css/styles2.css deleted file mode 100644 index 90bde08..0000000 --- a/www/actualisation/css/styles2.css +++ /dev/null @@ -1,487 +0,0 @@ -@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; -} diff --git a/www/actualisation/css/styles3.css b/www/actualisation/css/styles3.css deleted file mode 100644 index c41b759..0000000 --- a/www/actualisation/css/styles3.css +++ /dev/null @@ -1,743 +0,0 @@ -@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; -} - - - - - - - - - - - - - - - - - - - - - - - - -