body { background: white no-repeat fixed bottom; color: black; }
body, input, select, textarea { font: 12px "American Typewriter", Georgia, serif; }
.box { width: 1000px; margin: 0 auto; }

.page h1,
.page h2,
.page h3,
.page h4,
.page p,
.page ul,
.page ol,
.page dl,
.page addr { font-style: normal; font-weight: normal; margin-bottom: .5em; }
.page h1,
.page h2,
.page h3,
.page h4 { margin-top: 1em; }
.page h2 { font-family: "ITC Benguiat Gothic Std", "Trebuchet MS", Helvetica, Arial, sans-serif; }
.page h1 { font-size: 2.4em; }
.page h2 { font-size: 2em; }
.page h3 { font-size: 1.4em; }
.page h4 { font-size: 1.3em; }
.page a { color: inherit; /*#c5a265*/ }
.page a:hover { color: black; }
.page fieldset { margin: 1em 0; background: #eeeeee url(four/icons/corner.tl.png) no-repeat top left; padding-top: 16px; }
.page fieldset div { padding: 0 20px 16px 20px; background: #eeeeee url(four/icons/corner.br.png) no-repeat bottom right; }
.page fieldset h3 { font-size: 1.2em; margin-top: 0; }
.page fieldset li { height: 1.6em; }
.page fieldset li.area { height: 5.6em; }
.page select,
.page textarea,
.page input { border: 1px #ccc solid; padding: 0 3px; background: white; text-align: left; -moz-border-radius: 3px; /* border-radius: 3px; */ -webkit-border-radius: 3px; }
.page textarea { height: 5em; }
.page select { padding: 0; }
.page label { cursor: pointer; float: left; width: 180px; text-align: right; margin-right: 10px; }

.main-links a,
.main-hover a:hover,
.main-span span,
.main-color { color: #c73d8a; }
.main-back { background-color: #c73d8a; }
.main-border { border-color: #c73d8a; }
.alt-links a,
.alt-hover a:hover,
.alt-span span,
.alt-color { color: #c5a265; }
.alt-back { background-color: #c5a265; }
.alt-border { border-color: #c5a265; }
.rounded { /* border-radius: 10px 0 10px 0; */ -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0; }
.shadow { /* box-shadow: 5px 5px 10px #ddd; */ -webkit-box-shadow: 5px 5px 10px #ddd; -moz-box-shadow: 5px 5px 10px #ddd; }
ul.bullets-left { text-align: left; }
ul.bullets-left li { padding: 0 0 .3em 40px; background: url(four/icons/bullet.l.gif) no-repeat top left; font-weight: bold; }
html>body ul.bullets-left li { background-image: url(four/icons/bullet.l.png); }
ul.bullets-right { text-align: right; }
ul.bullets-right li { padding: 0 40px .3em 0; background: url(four/icons/bullet.r.gif) no-repeat top right; font-weight: bold; }
html>body ul.bullets-right li { background-image: url(four/icons/bullet.r.png); }
p.chapo { font-weight: bold; font-size: 1.1em; margin: 1.5em 0; }
div.paperized { padding: 2em 220px 2em 270px; font-size: 1.1em; }

body.home { background-image: url(four/backgrounds/home.jpg); background-position: bottom; }
body.numero { background-image: url(four/backgrounds/numero.jpg); }
body.abonnement { background-image: url(four/backgrounds/abonnement.jpg); }
body.distributeurs { background-image: url(four/backgrounds/distributeurs.jpg); }
body.annonceurs { background-image: url(four/backgrounds/annonceurs.jpg); }
body.plus { background-image: url(four/backgrounds/plus.jpg); }
body.contact { background-image: url(four/backgrounds/contact.jpg); }

#header { position: fixed; z-index: 3; top: 0; height: 80px; width: 100%; border-bottom: 1px #576e53 solid; background: white; }
#header .box { padding-top: 10px; }
#header span { display: none; }
#title { float: left; }
#title a { display: block; width: 270px; height: 65px; background: url(four/layout/shizen.png) no-repeat center; }
#baseline { float: left; width: 280px; height: 30px; background: url(four/layout/baseline.gif) no-repeat center; position: relative; top: 45px; }
html>body #baseline { background-image: url(four/layout/baseline.png); }

#main { height: 100%; }
html>body #main { height: auto; min-height: 100%; }
#main .box { padding: 90px 0 120px 0; }
#break { clear: both; }
#body { padding: 1em; }

#footer { position: fixed; z-index: 3; bottom: 0; height: 50px; width: 100%; border-top: 1px #576e53 solid; background: #fbf2ef; }
#footer .box { padding-top: 10px; text-align: right; }
#footer,
#footer a,
#footer em { color: #666; font-style: normal; }
#footer ul { list-style: none; float: right; }
#copyright,
#credits { display: inline; }
#copyright { margin-right: 10px; }
#design { display: block; font-size: 10px; }
#design,
#design a { color: #aaa; }
#footer a:hover { color: #666; }
#touch { position: fixed; z-index: 5; bottom: 50px; left: 80px; width: 80px; height: 70px; background: url(four/layout/toy.png) no-repeat center; }

#menu { position: fixed; z-index: 4; top: 25px; right: 20px; }
#menu li { display: inline; }
#menu a,
#menu a:visited { color: #576e53; }
#menu a { float: left; height: 50px; width: 40px; background: transparent no-repeat 0 0; }
#menu b { display: none; position: fixed; right: 20px; top: 85px; }
#menu a:hover { background-position: 2px 2px; }
#menu a:hover b { display: block; text-align: right; }
#menu span { padding: 0 5px; }
#menu .numero a { background-image: url(four/icons/numero.s.png); width: 50px; }
#menu .abonnement a { background-image: url(four/icons/abonnement.s.png); }
#menu .vente a { background-image: url(four/icons/vente.s.png); }
#menu .distributeurs a { background-image: url(four/icons/distributeurs.s.png); }
#menu .annonceurs a { background-image: url(four/icons/annonceurs.s.png); }
#menu .plus a { background-image: url(four/icons/plus.s.png); }
#menu .contact a { background-image: url(four/icons/contact.s.png); }
#menu .blog a { background-image: url(four/icons/blog.s.png); }
#menu .abonnes a { background-image: url(four/icons/abonnes.s.png); }