/* créateur du site : Netalapage (c)2006 www.netalapage.com, sites personnalisés */
/* nom de la page   : style.css                                                  */
/* protégé par SARL : Netalapage - création des sites Internet uniques, pas cher */

* {padding: 0px; margin: 0px}

body {background-color: #feb; color: #bc8; font-family: comic sans MS, arial, sans-serif; font-size: 16px}

#fixed {width: 100%; position: absolute; top: 0px; left: 0px; background-color: #feb}			/* ensure fixed part at top of page does not move */
body>#fixed {position: fixed}

/* main text definition for scrollable and non-scrollable panels */
#mainContainer {width: 760px; margin: 0px auto}
#mainScroll {position: absolute; top: 200px; left: 0px; width: 100%}
#mainNoScroll {position: absolute; top: 140px; left: 0px; width: 100%}
#mainScrollPanel {width: 560px; height: 210px; overflow: auto; margin-left: 200px}
#mainPresse {width: 770px; margin: 0px auto}
#mainPresseContent {width: 770px; margin-top: 170px}

/* picture of plant and oval for all pages */
#back {width: 770px; height: 530px; margin: 0px auto 0px auto; background: url('pics/back.png' ) no-repeat}

/* navigation structure for all pages */
#menuContainer, #corsetContainer {width: 760px; margin: 0px auto}
#menu, #menuFixed, #corsetPicture {position: absolute; top: 0px; left: 0px; width: 100%}
#menuContainerFixed {width: 800px; margin: 0px auto; background-color: #feb; height: 170px}
#netalapage, #site-map, #isabelle-carre, #accueil, #produits, #galerie, #boutique, #contact, #evenements, #presse, #liens, #accueil2, #produits2, #galerie2, #boutique2, #contact2, #evenements2, #presse2, #liens2, #corset {position: absolute}

#corset a {background: url('pics/corset.gif') top left no-repeat}
#liens a, #liens2 a {background: url('pics/liens.gif') top left no-repeat}
#presse a, #presse2 a {background: url('pics/presse.gif') top left no-repeat}
#accueil a, #accueil2 a {background: url('pics/accueil.gif') top left no-repeat}
#galerie a, #galerie2 a {background: url('pics/galerie.gif') top left no-repeat}
#contact a, #contact2 a {background: url('pics/contact.gif') top left no-repeat}
#produits a, #produits2 a {background: url('pics/produits.gif') top left no-repeat}
#boutique a, #boutique2 a {background: url('pics/boutique.gif') top left no-repeat}
#evenements a, #evenements2 a {background: url('pics/evenements.gif') top left no-repeat}

#netalapage a {color: #000}
#netalapage a:hover {color: #a46}
#netalapage {font-size: 12px; top: 10px; margin-left: 0px; width: 300px}

#site-map a {color: #000}
#site-map a:hover {color: #a46}
#site-map {font-size: 12px; top: 30px; margin-left: 680px; width: 50px}

#isabelle-carre a {color: #000}
#isabelle-carre a:hover {color: #a46}
#isabelle-carre {font-size: 12px; top: 10px; margin-left: 660px; width: 150px}

#corset {top: 340px; margin-left: 570px; width: 170px; height: 230px; background: url('pics/corset.gif' ) top left no-repeat}
#liens {top: 500px; margin-left: 365px; width: 100px; height: 100px; background: url('pics/liens.gif' ) 0px -100px no-repeat}
#presse {top: 505px; margin-left: 460px; width: 90px; height: 100px; background: url('pics/presse.gif' ) 0px -100px no-repeat}
#accueil {top: 10px; margin-left: 320px; width: 90px; height: 100px; background: url('pics/accueil.gif' ) 0px -100px no-repeat}
#contact {top: 440px; margin-left: 155px; width: 90px; height: 100px; background: url('pics/contact.gif' ) 0px -100px no-repeat}
#galerie {top: 30px; margin-left: 515px; width: 90px; height: 100px; background: url('pics/galerie.gif' ) 0px -100px no-repeat}
#produits {top: 15px; margin-left: 410px; width: 100px; height: 100px; background: url('pics/produits.gif' ) 0px -100px no-repeat}
#boutique {top: 55px; margin-left: 600px; width: 90px; height: 100px; background: url('pics/boutique.gif' ) 0px -100px no-repeat}
#evenements {top: 485px; margin-left: 250px; width: 100px; height: 100px; background: url('pics/evenements.gif' ) 0px -100px no-repeat}

#liens2 {top: 60px; margin-left: 660px; width: 100px; height: 100px; background: url('pics/liens.gif' ) 0px -100px no-repeat}
#accueil2 {top: 60px; margin-left: 0px; width: 90px; height: 100px; background: url('pics/accueil.gif' ) 0px -100px no-repeat}
#contact2 {top: 60px; margin-left: 440px; width: 90px; height: 100px; background: url('pics/contact.gif' ) 0px -100px no-repeat}
#galerie2 {top: 60px; margin-left: 220px; width: 90px; height: 100px; background: url('pics/galerie.gif' ) 0px -100px no-repeat}
#produits2 {top: 60px; margin-left: 110px; width: 100px; height: 100px; background: url('pics/produits.gif' ) 0px -100px no-repeat}
#boutique2 {top: 60px; margin-left: 330px; width: 90px; height: 100px; background: url('pics/boutique.gif' ) 0px -100px no-repeat}
#evenements2 {top: 60px; margin-left: 550px; width: 100px; height: 100px; background: url('pics/evenements.gif' ) 0px -100px no-repeat}

#accueil a, #produits a, #galerie a, #boutique a, #contact a, #evenements a, #presse a, #liens a, #corset a, #accueil2 a, #produits2 a, #galerie2 a, #boutique2 a, #contact2 a, #evenements2 a, #presse2 a, #liens2 a, #corset2 a {display: block; width: 100%; height: 100%; overflow: hidden; text-decoration: none}

#accueil a:hover, #accueil a.on, #produits a:hover, #produits a.on, #galerie a:hover, #galerie a.on, #boutique a:hover, #boutique a.on, #contact a:hover, #contact a.on, #evenements a:hover, #evenements a.on, #presse a:hover, #presse a.on, #liens a:hover, #liens a.on, #corset a:hover, #corset a.on, #accueil2 a:hover, #accueil2 a.on, #produits2 a:hover, #produits2 a.on, #galerie2 a:hover, #galerie2 a.on, #boutique2 a:hover, #boutique2 a.on, #contact2 a:hover, #contact2 a.on, #evenements2 a:hover, #evenements2 a.on, #presse2 a:hover, #presse2 a.on, #liens2 a:hover, #liens2 a.on {background-image: none}

/* positions on index.html */
#corsets {margin: 20px 0px 0px 210px}
#mariee {margin: -30px 0px 0px 400px}
#costumes {margin: 40px 0px 0px 320px}
#marieeText {margin: -70px 0px 0px 470px}
#corsetsText {margin: -70px 0px 0px 290px}
#costumesText {margin: -66px 0px 0px 396px}
#bienvenue {margin: 20px 0px 0px 100px; text-align: center}

/* positions on produits.html */
#corsets2 {margin: 10px 0px 0px 24px}
#mariee2 {margin: -110px 0px 0px 184px}
#costumes2 {margin: -110px 0px 0px 340px}
#marieeText2 {margin: -10px 0px 0px 150px}
#corsetsText2 {margin: -10px 0px 0px 20px}
#costumesText2 {margin: -8px 0px 0px 340px}
#bienvenue {margin: 20px 0px 0px 100px; text-align: center}

/* special format on galerie.php */
#gallery {width: 380px}
#gallery a:hover img {border: 1px solid #feb}
#gallery a img {border: 1px solid #000; margin: 0px 10px 10px 0px}

/* special format on galerie-big.php */
#gal {position: relative; margin: 30px 0px 0px 380px; width: 80px; text-align: center}
#next {position: relative; margin: 10px 0px 0px 380px; width: 80px; text-align: center}
#prev {position: relative; margin: -240px 0px 0px 380px; width: 80px; text-align: center}
#galleryBig {position: relative; margin: 50px 0px 0px 180px; width: 420px; text-align: center}
#galleryBig img {border: 1px solid #000; margin: 0px 10px 10px 0px}

a {color: #bc8}
a:hover {color: #dfa}

img {border: none}
p {margin-bottom: 14px}
textarea {margin-top: 6px}
form p {margin-bottom: 0px}
img.produitLeft {border: 1px solid #000; margin: 6px 10px 2px 0px; float: left}
form input, form textarea {font-family: verdana, arial, sans-serif; font-size: 12px}

#shocklogo {display: none}
#shocklogo, #nonshocklogo {position: absolute; top: 90px; left: 5px}

#links1 a:hover {text-decoration: underline}
#links1 a {color: #c39; letter-spacing: 1px; text-decoration: none}
#links1 {font-size: 11px; text-align: center; height: 17px; background-color: #000; border-top: 1px solid #c39; color: #fff}

.break {clear: both}
.white {color: #ffffff}
.left img {float: left}
.wide {letter-spacing: 1px; color: #983158; margin-left: 5px}
.warn {display: none; visibility: hidden}
.mid {text-align: center; margin: 0px 100px 10px 0px}
.column110 {float: left; width: 110px; text-align: center}
.column220 {float: left; width: 220px; text-align: center}
.mainLink a {font-size: 14px; color: #fff; text-decoration: none}
.title {float: left; text-align: left; width: 110px; font-weight: bold; font-size: 13px}
.siege {font-size: 11px; text-align: center; font-weight: normal; margin: 0px 100px 10px 0px; color: #fff}

h1 {font-size: 17px; text-align: center; margin: 0px 180px 10px 80px; background-color: #a57; border: 1px solid #bc8; font-weight: normal}
h2 {font-size: 17px; font-weight: normal; font-style: italic; margin-bottom: 10px}
h3 {font-size: 16px; text-align: center; font-weight: normal; margin: 0px 100px 10px 0px}
h4 {font-size: 17px; font-weight: normal; margin-bottom: 10px; text-decoration: underline}
h5 {font-size: 15px; text-align: center; font-weight: normal; margin: -10px 100px 10px 0px}
h6 {font-size: 17px; text-align: center; font-weight: normal; margin: 0px 100px 10px 0px; color: #fff}