@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;
outline:0;
font-size:100.01%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
line-height:1;
font-size:1em;
}

* html body * {
overflow:visible;
}

* html iframe,* html frame {
overflow:auto;
}

* html frameset {
overflow:hidden;
}

html {
height:100%;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}

/* correction: margin/padding reset caused too small select boxes. */
option {
padding-left:0.4em;
}

fieldset,img {
border:0 solid;
}

body {
width:7000px;
background:#0E1211 fixed url(../../../medias/modeles/public/fonds/body_bg.jpg) no-repeat;
/*overflow:hidden;*/
}

body,p,button,input,a,textarea {
color:#FFF;
font:12px/normal Tahoma, Arial, Helvetica, sans-serif;
text-align:left;
}

span { display:none; }

h1, h2, h3 {
color:#a19147;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

h1 { font-size:24px; }

h2 { font-size:18px; }

table, td {
height:100%;
margin:0;
padding:0;
width:100%;
verical-align:middle
}

/*---------------------------------  Pages -----------------------------------*/


div#page_shadow {
margin:0;
padding:21px 0 19px 0;
/*height:640px;*/
background:url(../../../medias/modeles/public/fonds/page_shadow.png) repeat-x;
}

div#page {
height:640px;
background:url(../../../medias/modeles/public/fonds/page_bg.jpg) repeat-x;
}

div#accueil, div#decouverte, div#produits, div#prestations, div#actualites {
width:1200px;
height:640px;
float:left;
position:relative;
}

div#accueil {
background: url(../../../medias/modeles/public/fonds/accueil_bg.jpg) no-repeat top left;
}

div#decouverte {
background: transparent url(../../../medias/modeles/public/elements/fioriture_decouverte.png) no-repeat 140px 28px;
}

div#produits {
background: url(../../../medias/modeles/public/elements/fioriture_produits.png) no-repeat 0 0;
}

div#prestations {
background: url(../../../medias/modeles/public/elements/prestations_bg.jpg) no-repeat 0px 280px;
}

div#actualites {
background: url(../../../medias/modeles/public/elements/actu_bg.jpg) no-repeat 0 1px;
width:1279px;
}

div#contact {
width:420px;
padding-left:380px;
height:580px;
text-align:center;
float:left;
padding-top:60px;
}

/*------------------------ Fleches de navigation ----------------------*/

#arrows {
position: fixed;
margin-top: 600px;
left: 1080px; 
width: 90px;
/*height: 30px;*/
cursor: pointer;
z-index:50;
}

#arrows ul {	
margin: 0;
padding: 0;
list-style:none;
}

#arrows ul li {
margin: 0;
padding: 0;
display:inline;
width: 40px;
height: 30px;
}

#arrows ul li a{
margin-right: 5px;
float: left;
display: block;
width: 40px;
height: 30px;
overflow: hidden;
cursor: pointer;
font-size: 50em;
text-indent: -9000px;
}
#arrows ul #arleft a {background: transparent url(../../../medias/modeles/public/elements/precedent.png) no-repeat;}
#arrows ul #arright a{background: transparent  url(../../../medias/modeles/public/elements/suivant.png) no-repeat;}

a.retour {
color:#a19147;
text-decoration:none;
background: url(../../../medias/modeles/public/elements/retour_accueil.gif) left center no-repeat;
width:130px;
height:20px;
position:absolute;
top:610px;
}

a.retour:hover {
color:#a19147;
text-decoration:underline;
}

/*------------------------ Structure de la page accueil ----------------------*/

ul#menu {
text-align:left;
list-style-type:none;
margin-left:550px;
margin-top:20px;
height:180px;
width:300px;
}

ul#menu li {
padding-bottom:15px;
}

ul#menu li a {
color:#a19147;
text-align:left;
font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
text-decoration:none;
font-weight:normal;
font-size:16px;
}

ul#menu li#actu {
padding-left:40px;
}

ul#menu li#magasin {
padding-left:35px;
}

ul#menu li#art {
padding-left:40px;
}

ul#menu li#article {
padding-left:20px;
}

ul#menu li#prestation {
padding-left:5px;
}

ul#menu li#contacts {
padding-left:0;
}

div#bonsai_accueil {
margin:0 0 0 610px;
background: url(../../../medias/modeles/public/elements/bonsai_accueil.jpg) no-repeat bottom right;
width:470px;
height:440px;
}   


/*------------------------ Structure de la page decouverte ----------------------*/

div#decouverte h1 {
margin:60px 0 0 400px;
}

div.bloc_texte {
background: transparent url(../../../medias/modeles/public/elements/texte_bg.png) no-repeat bottom right;
float:left;
margin:40px 10px 0px 0px;
width:360px;
height:350px;
overflow:hidden
}

div.bloc_texte h2 {
width:280px;
margin:30px 0 10px 50px;
}

div.nav_scroll {
float:right;
width:30px;
height:250px;
margin-right:10px;
}

.scroll_up, .scroll_down {
width:10px;
height:11px;
display:block;
}

.scroll_up {
background:url(../../../medias/modeles/public/elements/haut.png) no-repeat;
margin-top:5px;
}

.scroll_down {
background: url(../../../medias/modeles/public/elements/bas.png) no-repeat;
margin-top:205px;
}

div.bloc_texte .texte_scroll {
width:240px;
height:235px;
margin:0 0 10px 50px;
display:block;
overflow:hidden;
}

div.bloc_texte p {
padding-bottom:10px;
color:#FFF;
font-size:12px;
display:block;
width:235px;
}

div.bloc_texte span {
display:none;
}
/*------------------------ Structure de la page produit ----------------------*/

div#produits h1 {
margin:40px 0 0 380px;
}

div#fiche_produit {
margin:20px 0 0 100px;
padding-top:40px;
text-align:left;
}

div#illustration {
width:640px;
float:left;
}

div#miniature {
position:relative;
width:82px;
float:left;
padding:60px 4px 0 4px;
}

div#miniature img {
border:1px solid #FFF;
margin-bottom:15px;
}

div#image {
width:500px;
position:relative;
margin-left:120px;
}

div#image img {
border:3px solid #FFF;
}


div#decription_produit {
width:280px;
margin-left:660px;
}

div#decription_produit p {
padding:0;
color:#FFF;
font:12px/normal Tahoma, Arial, Helvetica, sans-serif;
text-align:left;
}

/*------------------------ Structure de la page prestation ----------------------*/

div#prestations h1, div#bloc_prestation p  {
margin-left:180px;
}

div#prestations h1 {
margin-top:60px;
}

div#bloc_prestation p {
width:500px;
color:#FFF;
text-align:left;
padding-top:20px;
font-size:13px;
}

div#prestations h2, div#bloc_prestation ul {
margin-left:555px;
}

div#prestations h2 {
margin-top:40px;
}


div#bloc_prestation ul {
text-align:left;
width:440px;
list-style-type:none;
line-height:14px;
margin-top:25px;
}


div#bloc_prestation li {
padding-bottom:10px;
/*padding-left:16px;*/
/*background:url(../../../medias/modeles/public/elements/puce.gif) no-repeat 0 2px;*/
font-size:13px;
}

div#bonsai_prestation {
position: absolute;
margin-top:38px;
left:5877px;
width:526px;
height:588px;
background:url(../../../medias/modeles/public/elements/bonsai_prestations.jpg);
z-index:10;
}

/*---------------------------------  Contact -----------------------------------*/

.message ul li {
list-style-type:none;
text-align:left;
color:#a19147;
font:11px;
line-height:13px;
margin-left:95px;
margin-top:5px;
}

div#contact form {
width:390px;
margin:10px 10px 0 20px;
float:left;
}

form fieldset {
margin: 0;
border:none;
}

form fieldset legend {
display:none;
}


form fieldset.text {	
padding:10px 0 10px 0;

}

form fieldset.text p {	
text-align:left;
}

form fieldset label {	
float: left;	
width:75px;
text-align:right;	
margin:0;
padding:0px 10px 0 0;
line-height:14px;
color:#FFF;
font:13px/normal Tahoma, Arial, Helvetica, sans-serif;
}

form fieldset label:hover {
cursor: pointer;
}

form fieldset input {
font:12px/normal Tahoma, Arial, Helvetica, sans-serif;
margin-bottom:5px;

text-align: left;	
background-color:#2E2E2E;
border:none;
color:#FFF;
}

form fieldset.text textarea {
padding:2px;
font:12px/normal;
color:#FFF;
background-color:#2E2E2E;
border:none;
}

form fieldset.text input.normal, form fieldset.text textarea.normal {
border: 1px solid #00A0C6;
}

form fieldset.text input.focus, form fieldset.text textarea.focus {
border: 1px solid #666666;
}

form fieldset.text p.form-note {
background:none;
padding: 5px 0 0 85px;
font-size:11px;
color:#a19147;
font:11px/normal;
}

form p.boutton {	
margin-top:0;
margin-left: 84px;
text-align: left;	
}

div#contact h2, p {
margin:0 0 10px 0;
}

button {	
color:#333333;
text-align:center;
}

/*---------------------------------  Boutique -----------------------------------*/

div#boutique {
margin:25px 0 0 360px;
/*width:780px;
height:570px;*/
width:670px;
height:490px;
background:url(../../../medias/modeles/public/elements/bg_boutique.jpg) no-repeat;
padding:40px 60px 40px 60px;
position:relative;
}

div#boutique h1 {
color:#4b5d4d;
font-size:28px;
}

div#boutique h2 {
color:#4b5d4d;
font-size:13px;
padding:10px 0;
}

div#boutique div.produits {
width:280px;
float:left;
padding-right:50px;
/*margin-bottom:8px;*/
}

div#boutique h3 {
font-weight:normal;
font-size:18px;
padding:10px 0;
}

div#boutique div.produits p {
color:#333333;
font-size:12px;
line-height:14px;
}

div#boutique h3 span.tarif {
display:block;
color:#669999;
text-align:right;
float:right;
font-weight:bold
}

div#boutique div.produits img {
/*margin-right: 8px;*/
border:1px solid #FFFFFF;
cursor:pointer;
float:left;
}

div#boutique div.produits span {
/*margin-right: 8px;*/
display:block;
margin-left:45px;
}

ul#liste-actu {
top:120px;
padding:20px;
width:240px;
position: absolute;
list-style-type:none;
left:20px;
}

ul#liste-actu h2 {
padding-bottom:10px;
}

ul#liste-actu li {
margin-bottom:15px;
}

ul#liste-actu li p {
font-size:12px;
line-height:14px;
}

ul#liste-actu li a {
text-decoration:none;
background:url(../../../medias/modeles/public/elements/souligne.gif) repeat-x bottom;
}

div#adresse_accueil {
display:block;
position:absolute;
top:570px;
left:190px;
width:450px;
}

div#adresse_accueil p {
color:#a19147;
font-size:13px;
}

div#acces {
display:block;
cursor:pointer;
position:absolute;
top:420px;
width:210px;
height:100px;
margin-left:420px;
}