diff --git a/www/artistes.html b/www/artistes.html index 14d5fce..0c29d22 100644 --- a/www/artistes.html +++ b/www/artistes.html @@ -23,6 +23,13 @@ href="css/styles.css" title="Design" /> + diff --git a/www/ateliers.html b/www/ateliers.html index 0536a5f..0d393e2 100644 --- a/www/ateliers.html +++ b/www/ateliers.html @@ -24,6 +24,13 @@ href="css/styles.css" title="Design" /> + diff --git a/www/css/page_accueil.css b/www/css/page_accueil.css new file mode 100644 index 0000000..d812434 --- /dev/null +++ b/www/css/page_accueil.css @@ -0,0 +1,75 @@ +/* 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 li a img { + width: 100%; + height: 100%; +} + +.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; +} diff --git a/www/css/page_artistes.css b/www/css/page_artistes.css new file mode 100644 index 0000000..8793586 --- /dev/null +++ b/www/css/page_artistes.css @@ -0,0 +1,53 @@ +/* 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 img { + width: 100%; + height: 100%; +} +.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; +} diff --git a/www/css/page_ateliers.css b/www/css/page_ateliers.css new file mode 100644 index 0000000..08995fd --- /dev/null +++ b/www/css/page_ateliers.css @@ -0,0 +1,63 @@ +/* page ateliers */ + +#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 img { + /*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; +} + +.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; +} diff --git a/www/css/page_contact.css b/www/css/page_contact.css new file mode 100644 index 0000000..efed527 --- /dev/null +++ b/www/css/page_contact.css @@ -0,0 +1,121 @@ +/* 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; +} diff --git a/www/css/page_interstices.css b/www/css/page_interstices.css new file mode 100644 index 0000000..c0bfb9b --- /dev/null +++ b/www/css/page_interstices.css @@ -0,0 +1,47 @@ +/* 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; +} diff --git a/www/css/page_partenaires.css b/www/css/page_partenaires.css new file mode 100644 index 0000000..2ab0614 --- /dev/null +++ b/www/css/page_partenaires.css @@ -0,0 +1,34 @@ +/* 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; +} diff --git a/www/css/styles.css b/www/css/styles.css index 3b63083..cf4fe02 100644 --- a/www/css/styles.css +++ b/www/css/styles.css @@ -171,405 +171,6 @@ body { 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 li a img { - width: 100%; - height: 100%; -} - -.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 img { - width: 100%; - height: 100%; -} -.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 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;*/ - height: 380px; - margin-top: 3px; - overflow: hidden; -} - -#img_atelier img { - /*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; -} - -.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; -} - /** * SCROLL BAR */ diff --git a/www/index.html b/www/index.html index ebcefeb..bae3cf9 100644 --- a/www/index.html +++ b/www/index.html @@ -1,4 +1,4 @@ - + @@ -26,6 +26,13 @@ href="css/styles.css" title="Design" /> + diff --git a/www/interstices.html b/www/interstices.html index 7f0f65e..8ca0239 100644 --- a/www/interstices.html +++ b/www/interstices.html @@ -1,4 +1,4 @@ - + @@ -24,6 +24,13 @@ href="css/styles.css" title="Design" /> + @@ -62,7 +69,7 @@ "images/interstices/interstices5.jpg", "images/interstices/interstices6.jpg", "images/interstices/interstices7.jpg", - "images/interstices/interstices8.jpg" + "images/interstices/interstices8.jpg", ); //--> @@ -86,7 +93,7 @@ - +