/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
/* FIN YAHOO RESET */

body {
	background:#fff url(images/header-bg.png) repeat-x 0 0; 
	font-family:Helvetica, Arial;
	font-size:12px;
	color:#5e5e60;
	height:100%;
	width:100%;
}
a { outline:none; text-decoration:none; color:#3d9826;}
a:hover { text-decoration: underline; }
img { -ms-interpolation-mode: bicubic; }
#header { 
	position:relative;
	height:126px;
	width:944px;
	margin:0 auto;	
	background: url(images/header-logoVertilignes.png) no-repeat right 61px;
}
#header h1.logo {
	width:278px;
	height:116px;
	background:#fff url(images/header-logo.png) no-repeat left bottom;
	position:relative;
}
#header h1.logo a {
	display:block;
	position:asbolute;
	width:100%;
	height:100%;
	background:#fff url(images/header-logo.png) no-repeat left top;
}
#header ul.navbar { height:54px; position:absolute; bottom:1px; left:260px;}
#header ul.navbar li { float:left; padding:0 2px;}
#header ul.navbar li a { display:block; background:transparent url(images/header-navbar.png) no-repeat 0 0; text-indent:-9999px; height:54px;}
#header ul.navbar li a.concept { width:88px; background-position:0 0;}
#header ul.navbar li a.modedemploi { width:137px; background-position:-88px 0;}
#header ul.navbar li a.boutique { width:91px; background-position:-225px 0;}
#header ul.navbar li a.entreprises { width:103px; background-position:-316px 0;}
#header ul.navbar li a.contact { width:86px; background-position:-419px 0;}
/* HOVER STATE */
#header ul.navbar li a.concept:hover { background-position:0 -54px;}
#header ul.navbar li a.modedemploi:hover { background-position:-88px -54px;}
#header ul.navbar li a.boutique:hover { background-position:-225px -54px;}
#header ul.navbar li a.entreprises:hover { background-position:-316px -54px;}
#header ul.navbar li a.contact:hover { background-position:-419px -54px;}
/* ACTIVE STATE */
#header ul.navbar li a.concept.active { background-position:0 -108px;}
#header ul.navbar li a.modedemploi.active { background-position:-88px -108px;}
#header ul.navbar li a.boutique.active { background-position:-225px -108px;}
#header ul.navbar li a.entreprises.active { background-position:-316px -108px;}
#header ul.navbar li a.contact.active { background-position:-419px -108px;}



#site { background:#e9e5e1 url(images/site-bgbas.png) repeat-x left bottom; }
#content { width:980px; margin:0 auto; }
#content p {line-height:1.4em; }
#content div.content_top { background:url(images/content980-bgTop.png) no-repeat 0 0; height:26px; }
#content div.content_wrapper { background:url(images/content980-bgMiddle.png) repeat-y 0 0; padding: 7px 33px;}
#content div.content_bottom{ background:url(images/content980-bgBottom.png) no-repeat 0 0; height:37px; }
#content div.content_wrapper div.content_inner { padding: 0 15px 10px 15px; }
#content div.content_wrapper div.content_left { float:left; }
#content div.content_wrapper div.content_right { float:right; }


#footer{
	color:#aba69f;
	text-transform:uppercase;
	width:944px;
	margin:0 auto;
	padding:21px 0;
	position:relative;
	height:10px;
}
#footer p.copyright { font-size:9px; float:left;}
#footer ul.footer-links { float:right; }
#footer ul.footer-links li { display:inline; margin:0 5px;}
#footer ul.footer-links li a { font-size:9px; font-weight:bold; color:#aba69f; }
#footer ul.footer-links li a:hover { color:#3d9826; }


/* STYLE SPECIFIQUE HOME */
div.home { padding:19px 0 30px 0; }

#home-pane1 { height:304px; width:944px; margin:0 auto 14px auto; background:transparent url(images/home_bgPane1.png) no-repeat 0 0;}
#home-pane2 { height:272px;  width:944px; margin:0 auto;background:transparent url(images/home_bgPane2.png) no-repeat 0 0; position:relative;}

#home-pane1  div.visuels { width: 563px; float:left; height:304px; overflow:hidden; }
#home-pane1  div.intro { width:331px; float:right; height:240px; overflow:hidden; padding:32px 22px 32px 28px; }
#home-pane1  div.intro h2 { color:#3d9826; font-size:26px; margin-bottom:20px;}
#home-pane1  div.intro p { color:#fff; line-height:18px; font-size:1.1em;}
#home-pane1  div.intro a.btn-composer { text-indent:-9999px; width:242px; height:56px; background:url(images/btn_composermysquare.png) no-repeat 0 0; display:block; margin:10px auto 0 auto;}
#home-pane1  div.intro a.btn-composer:hover { background-position:0 -56px; }

#home-pane2 a.scrollnav {
	width:44px;
	height:64px;
	position:absolute;
	top:110px;
	background:url(images/nav_scrollerhome.png) no-repeat;
	z-index:100;
}
#home-pane2 a.scrollnav.prev { left:-10px; background-position: 0 -64px;}
#home-pane2 a.scrollnav.next { right:-10px; background-position: -44px -64px;}
#home-pane2 a.scrollnav.prev:hover { background-position: 0 0;}
#home-pane2 a.scrollnav.next:hover { background-position: -44px 0;}

#home-pane2 div.mask {
	width:100%;
	height:100%;
	position:absolute;
	background:url(images/mask_home-pane2.png) no-repeat 0 0;
	top:0px;
	left:0px;
	z-index:99;
}
#home-pane2 div.scroller { overflow:hidden; }


/* STYLE SPECIFIQUE BOUTIQUE */
div.boutique_left { width:328px; float:left; }
div.boutique_right { width:566px; float:right; }
div.bloc_choix { background:url(images/boutique/bgbloc_selection.png) no-repeat left bottom; margin-bottom:10px;}
div.bloc_choix h2 { text-indent:-9999px; height:47px; background:url(images/boutique/topbloc_selection.png) no-repeat 0 0; }
div.bloc_choix div.inner_choix { padding:15px 15px 35px 15px; background:url(images/boutique/bgbloc_selection.png) no-repeat left bottom; }
#choix_paysage h2 { background-position:0 -47px; }

a.colori { display:block; height:48px; width:48px; float:left; margin:20px 12px; background:url(images/boutique/coloris_mysquare.png) no-repeat; text-indent:-9999px;}
a.colori.blanc { background-position: 0 0; }
a.colori.noir { background-position: -48px 0; }
a.colori.rouge { background-position: -96px 0; }
a.colori.gris { background-position: -144px 0; }
a.colori.rose { background-position: -192px 0; }
a.colori.rupture { opacity:0.4; cursor:default; filter:alpha(opacity=40);}

#choix_paysage div.inner_choix h3 { height:20px; background:url(images/boutique/type_paysage.png) no-repeat 0 0; clear:left; text-indent:-9999px; margin-left:9px;}
#choix_paysage div.inner_choix h3.deco { background-position:0 -20px; }

ul.liste_paysage { width:296px; margin:0 auto;}
ul.liste_paysage li { float:left; margin:7px; }
ul.liste_paysage li a { display:block; height:60px; width:60px; background:url(images/boutique/pictopaysage.jpg) no-repeat;}
ul.liste_paysage li a.basilic { background-position:-180px 0; }
ul.liste_paysage li a.basilicpanache { background-position:-60px -60px; }
ul.liste_paysage li a.persil { background-position:-120px 0; }
ul.liste_paysage li a.thym { background-position:-60px 0; }
ul.liste_paysage li a.vegetal { background-position:0 -60px ; }
ul.liste_paysage li a.menthe { background-position:-240px 0; }
ul.liste_paysage li a.fleur { background-position:-120px -60px; }
/*ul.liste_paysage li a.noel { background-position:-180px -60px; }*/
ul.liste_paysage li a.zen { background-position:-180px -60px; }
ul.liste_paysage li a.jungle { background-position:-240px -60px; }
ul.liste_paysage li a.panache { background-position:0px -120px; }






ul.liste_paysage li a.rupture { opacity:0.4; cursor:default; filter : alpha(opacity=40);}


ul#liste_aromatique { height:83px; }


div.boitier-detail, div.paysage-detail, div.panier-detail { 
	padding:4px 8px; 
	position:absolute; 
	z-index:99; 
	display:none; 	
	-moz-border-radius : 3px;
	-webkit-border-radius :3px;
	background-color:#333;
	max-width:200px;
	color:#fff;
	opacity:0.85;
	text-align:left;
}
div.paysage-detail p, div.panier-detail p{ margin:0; }

div.paysagezoom { 
	position:absolute; 
	width:200px; 
	height:200px; 
	overflow
	background-color:#fff; 
	padding:8px; 
	display:none; 
	/*border: 4px solid #fff;*/
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
}

a.ajoutpanier {
	display:block; 
	width:328px; 
	height:46px; 
	text-indent:-9999px; 
	background:url(images/boutique/btn_ajoutpanier.png) no-repeat 0 0;	
	}
a.ajoutpanier:active { background-position:  left bottom; }

#mysquare_preview { 
	min-height:470px; 
	background:url(images/boutique/bgpreview.png) repeat-x 0 -10px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border:1px solid #eeece9; 
	position:relative;
	margin-bottom:27px;
}
#mysquare_preview  #paysage-name{font-size:2em;left:20px; position:absolute; top:20px;}
#mysquare_preview #photobig { width:420px; height:420px; margin:0 auto; }
#mysquare_preview #photobig img { margin-top:-25px; }
#mysquare_preview #photobig div.reflet { height:28px; background:url(images/boutique/refletface.png) no-repeat center 1px; opacity:0.7;}
#mysquare_details { 
	height:46px; 
	width:330px; 
	float:left; 
	background:#F5F2EE url(images/boutique/bgrecapchoix.png) no-repeat 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	padding-left:117px; 
	line-height:46px; 
	text-align:center; 
	font-size:13px;
}
#mysquare_details span.color, #mysquare_details span.paysage { color:#3d9826; }

#prix_unitaire { float:right; height:46px; font-size:40px;}
#prix_unitaire  span { font-size:14px; }

#panier { height:0px; width:914px; background:url(images/boutique/bgpanier.png) no-repeat 0 0; clear:both; overflow:hidden; margin-bottom:10px; display:none;}
#panier #total_panier { width:161px; height:80px; float:right; margin:45px 16px 0 0; display:none;}
#panier #total_panier p { font-size:1.7em; text-align:right; margin:0; height:30px; font-family:Arial, Helvetica, sans-serif;}
#panier #total_panier a.commander { display:block; width:161px; height: 34px; background:url(images/boutique/btn_passercommande.png) no-repeat 0 0; text-indent:-9999px;}
#panier ul { height:110px; margin-top:23px;}
#panier ul li { width: 120px; text-align:center; float:left; height:110px;}
#panier ul li img { width:80px; margin-bottom:5px;}
#panier ul li a.panier-delete { font-size:0.85em; font-weight:bold; }

#recap_achat { width:279px; margin:10px 10px 0 0; background:url(images/boutique/bgrecapachat.png) no-repeat 0 0; padding-top:47px; height:400px;}
#recap_achat div.photo { margin-bottom:30px; text-align:center;}
#recap_achat div.photo img { width:245px; }
#recap_achat ul { padding: 0 15px 0 30px; text-shadow:0 1px #fff;}
#recap_achat ul li { margin:5px 0; }
#recap_achat ul li span { font-weight:bold; color:#3D9826; }

button.etapesuivante { 
	width:168px; 
	height:39px; 
	border:0 none; 
	background:url(images/boutique/btn_etapesuivante.png) no-repeat 0 0; 
	text-indent:-9999px; 
	cursor:pointer;
	display:block;
	margin:0 auto;
}
button.payer { 
	width:200px;
	height:39px; 
	border:0 none; 
	background:url(images/boutique/btn_payer.png) no-repeat 0 0; 
	text-indent:-9999px; 
	cursor:pointer;
	display:block;
	margin:0 auto;
}

button.etapesuivante:active, button.payer:active { background-position:left bottom; }

h2.etape { height:35px; text-indent:-9999px; background:url(images/boutique/etapes.png) no-repeat; margin:10px 0 30px 0;}
h2.etape.A {background-position: 0 0; }
h2.etape.B {background-position: 0 -35px; }
h2.etape.C {background-position: 0 -70px; }


form#formLivraison table tr td{ padding:8px 0;}
div#recap_livraison { clear:both; margin-bottom:20px;}
div#recap_livraison h3, div#recap_commande h3 { font-size:1.3em; margin-bottom:1em; color:#3D9926;}
div#recap_commande { margin-bottom:30px;}
div#recap_commande ul{ float:left; margin-bottom:30px;}
div#recap_commande ul li { margin-right:5px; float:left; width:289px;}
div#recap_commande ul li img { width: 140px; float:left; }
div#recap_commande ul li p { float:left; margin:55px 0 0; padding-left:5px; text-align:left;}
div#recap_commande p#prixtotal { 
	text-align:right; 
	font-size:1.5em; 
	clear:left; 
	height:40px; 
	line-height:42px;
	background:url(images/boutique/bgprixtotal.png) no-repeat 0 0;
	text-shadow:0 1px #fff;
	padding-right:15px;
}

/* FIN STYLE BOUTIQUE */


.concept_left p, .modedemploi_left p, .entreprises_left p { margin-bottom:16px; font-size:1.1em; text-align:justify;}

/* STYLE PAGE CONCEPT */
.concept_left { float:left; width:380px; position:relative; }
.concept_right { float:right; width:440px; }
.concept_cat { clear:left; }
.concept_cat img { float:left; margin:10px 20px 30px 0; }
.concept_cat h3 { height: 25px; background:url(images/concept/titrescatconcept.png) no-repeat; text-indent:-9999px; margin:0 0 15px 134px;}
.concept_cat p { text-align:justify; }
#cuisine h3 { background-position:0 -24px; }
#bureau h3 { background-position:0 -48px; }
img.deco {
	bottom:-164px;
	left:-15px;
	position:absolute;
	display:none;
}
/* FIN STYLE CONCEPT */

/* STYLE PAGE MODE D'EMPLOI */
.modedemploi_left { float:left; width:550px;}
.modedemploi_right { float:right; }
.modedemploi_right img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:2px solid #E9E5E1;
	opacity:1;
	padding:10px;
}

/* STYLE PAGE ENTREPRISES */
.entreprises_left { float:left; width:476px;}
.entreprises_right { float:right; }



/* STYLE CONTACT */

form.formulaire table tr td{ padding:4px 0;}
form#formContact { float:left; }
button.contact {
	width:200px;
	height:39px;
	background:url(images/contact/btn-envoyer.png) no-repeat 0 0;
	text-indent:-9999px;
	border:0 none;
	cursor:pointer;
	margin-top:10px;
}
form#formContact button:active { background-position:0 -39px; }
input.champsA, textarea.champsA {
	border:1px solid #E9E5E1;
	padding:6px;
	width:200px;
}
input.champsA.sujet {
	width:400px;	
}
textarea.champsA.message { 
	resize:none;
	width:400px;
	height:200px;
}
div#contact_right {
	float:right;
	margin-top:21px;
	position:relative;
	background-color:#fff;
}
div#contact_right img { width:340px; height:340px; background-color:#fff;}

p#alertform {
font-size:1.2em;
font-weight:bold;
margin-bottom:1.2em;
display:none;
}