body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, textarea, blockquote, th, td, img { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ol,ul { list-style:none; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
caption,th { text-align:left; }
q:before, q:after { content :''; }
a { outline:none; }


/* GENERAL */
html { background:#abcc24 url(img/fond-lateral.jpg) repeat-x left top; text-align:center; }
body { position:relative; width:960px; background:#ffffff url(img/pic-bas-nav.jpg) right bottom no-repeat; margin: 10px auto 0 auto; text-align:left; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:14px; color:#000000; letter-spacing:1px; }
a { color:#819444; text-decoration:none; }
a:hover { color:#000000; }


/* LOCALISATION */
#localisation { text-align:right; font-size:11px; padding:5px 15px 5px 0; }
#localisation li { list-style:none; display:inline; }
.localisation { color:#000000; text-decoration:none; }
.localisation:hover { text-decoration:underline; color:#000000; }
.localisationover { text-decoration:underline; color:#000000; }
.localisationover:hover { text-decoration:none; }


/* COLONNE PRINCIPALE */
#colonneprincipale { width:685px; margin:0 15px 0 15px; }
#banner01 { background:url(img/pic-01.jpg) bottom left no-repeat; width:685px; height:212px; padding:10px 0 0 0; }
#banner02 { background:url(img/massage-restructurant-01.jpg) bottom left no-repeat; width:685px; height:212px; padding:10px 0 0 0; }
#banner03 { background:url(img/reflexologie-plantaire-01.jpg) bottom left no-repeat; width:685px; height:212px; padding:10px 0 0 0; }
#banner04 { background:url(img/pic-02.jpg) bottom left no-repeat; width:685px; height:212px; padding:10px 0 0 0; }
#banner05 { background:url(img/pic-03.jpg) bottom left no-repeat; width:685px; height:212px; padding:10px 0 0 0; }
#banner06 { background:url(img/pic-04.jpg) bottom left no-repeat; width:685px; height:212px; padding:10px 0 0 0; }
#banner09 { background:url(img/pic-07.jpg) bottom left no-repeat; width:685px; height:212px; padding:10px 0 0 0; }
.logo { background:url(img/logo.gif) left top no-repeat; width:321px; height:59px; outline:none; display:block; text-indent:-5000px; margin:0 0 0 5px; }
.logo:hover { background:url(img/logo.gif) left bottom no-repeat; }
#contenu { background:url(img/fond-texte.jpg) left top no-repeat; width:685px; margin:5px 0 0 0; }
#h1memoireducorps { background:url(img/memoire-du-corps.gif) left top no-repeat; width:252px; height:38px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 10px 0; }
#h1reflexologieplantaire { background:url(img/reflexologie-plantaire.gif) left top no-repeat; width:303px; height:37px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 11px 0; }
#h1jinshinjyutsu { background:url(img/jin-shin-jyutsu.gif) left top no-repeat; width:327px; height:39px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 11px 0; }
#h1monparcours { background:url(img/mon-parcours.gif) left top no-repeat; width:187px; height:38px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 10px 0; }
#h1deroulementseances { background:url(img/deroulement-seances.gif) left top no-repeat; width:365px; height:28px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 20px 0; }
#h1contact { background:url(img/contact.gif) left top no-repeat; width:105px; height:28px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 20px 0; }
#h1planacces { background:url(img/plan-acces.gif) left top no-repeat; width:186px; height:28px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 20px 0; }
#h1lelieu { background:url(img/le-lieu.gif) left top no-repeat; width:94px; height:27px; text-indent:-5000px; position:relative; top:2px; left:68px; margin:0 0 21px 0; }
#h1ideescadeaux { background:url(img/idees-cadeaux.gif) left top no-repeat; width:186px; height:27px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 21px 0; }
#h1guide { background:url(img/plan-site.gif) left top no-repeat; width:179px; height:27px; text-indent:-5000px; position:relative; top:0px; left:68px; margin:0 0 21px 0; }

.textedroite { float:right; width:245px; height:180px; }
.textedroite p { color:#ffffff; margin:0 15px 15px 20px; font-size:13px; }
.textedroite a { color:#ffffff; text-decoration:underline; font-size:13px; }
.textedroite a:hover { color:#000000; text-decoration:none; }
.texte { margin:0 0 15px 65px; }
.ultexte { margin:0 0 15px 95px; list-style:disc url(img/puce.gif); }

form { margin:0 0 15px 65px; }
.form { font-size:14px; }
.box { border:1px solid #819444; }
.box:focus { border:1px solid #ff0000; }

.cadrebastexte { width:620px; margin:25px 0 0 65px; padding:15px 0 0 0; background:url(img/fond-vert-fonce-arrondis-haut.gif) left top no-repeat;  }
.bloccadrebastexte { background:url(img/fond-vert-fonce-arrondis-bas.gif) left bottom no-repeat;  }
.bloccadrebastexte p { padding:0 15px 15px 15px; color:#ffffff; }

.cadreintro { width:620px; margin:25px 0 0 65px; padding:15px 0 0 0; background:url(img/fond-vert-fonce-arrondis-haut.gif) left top no-repeat;  }
.bloccadreintro { background:url(img/fond-vert-fonce-arrondis-bas.gif) left bottom no-repeat;  }
.bloccadreintro p { padding:0 15px 15px 15px; color:#ffffff; }
.lienblanc { color:#ffffff; text-decoration:underline; }
.lienblanc:hover { color:#ffffff; text-decoration:none; }

.ulguide { margin:35px 0 0 65px; }

/* COLONNE SECONDAIRE */
#colonnesecondaire { position:absolute; top:69px; left:715px; }

.cadrenav { width:235px; padding:15px 0 0 0; background: url(img/fond-nav-arrondis-haut.gif) left top no-repeat; }
.bloccadrenav { background:url(img/fond-nav-arrondis-bas.gif) left bottom no-repeat; }
.nav1 { background:url(img/fond-nav.gif) left bottom no-repeat; width:212px; height:25px; display:block; margin:0 0 5px 10px; padding:0 0 0 5px; line-height:25px; color:#000000; }
.nav1:hover { background:url(img/fond-nav-over.gif) left bottom no-repeat; color:#ffffff; }
.nav2 { background:url(img/fond-nav.gif) left bottom no-repeat; width:212px; height:25px; display:block; margin:0 0 5px 10px; padding:0 0 0 5px; line-height:25px; color:#000000; font-weight:bold; }
.nav2:hover { background:url(img/fond-nav-over.gif) left bottom no-repeat; color:#ffffff; }
.navover { background:url(img/fond-nav-over.gif) left bottom no-repeat; width:212px; height:25px; display:block; margin:0 0 5px 10px; padding:0 0 0 5px; line-height:25px; color:#ffffff; font-weight:bold; }
.navover:hover { color:#ffffff; }
.diaporama { margin:20px 0 10px 8px; }

.cadreadresse { width:235px; padding:15px 0 0 0; background: url(img/fond-nav-arrondis-haut.gif) left top no-repeat; margin:15px 0 0 0; }
.bloccadreadresse { background:url(img/fond-nav-arrondis-bas.gif) left bottom no-repeat; }
.bloccadreadresse p { padding:0 10px 15px 10px; }
.bloccadreadresse a { color:#c30049; text-decoration:underline; }
.bloccadreadresse a:hover { text-decoration:none; color:#000000; }


/* BAS */
#bas { position:relative; top:55px; text-align:center; }
#bas p { color:#000000; font-size:11px; margin:0 0 5px 0; }
.bas1 { color:#000000; text-decoration:underline; }
.bas1:hover { color:#ffffff; text-decoration:none; }
.bas2 { color:#000000; text-decoration:none; }
.bas2:hover { color:#ffffff; }