/* ------------ Fonts ---------------*/
html, .slogan1
	{
	font-family: "HelveticaNeue", "HelveticaNeue-", "Helvetica Neue ", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; 
	font-weight:300; 
	font-stretch:normal;
	}

#bas, #menus a, .paragraphe p.soustitre,input[type=submit],.s1, .s2, .s3, .commande form a, #haut div a
	{
	font-family:  "HelveticaNeue-Condensed", "HelveticaNeueMediumCondensed", "HelveticaNeue-Medium-Condensed", "Helvetica Neue Medium Condensed", "Arial Narrow","Tw Cen MT Condensed", "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; 
	font-weight:500; 
	font-stretch:extra-condensed;
	}

.paragraphe p.titre, .redactionnel .chapeau
	{
	font-family: "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif; 
	font-weight:800; 
	font-stretch:condensed;
	}

/* ------------ Balises ---------------*/
*
	{
	margin:0;
	padding:0;
	border:0;
	outline: none;
	}

a
	{
	text-decoration:none;
	color:#555555;
	}

b,strong
	{
	font-weight:800
	}

#bas a:hover
	{
	text-decoration:underline;
	}

html
	{
	background-color:#699a07;
	font-size:13px;
	color:#505050;
	}

body
	{
	margin:0;padding:0;
	background:url(fond.jpg) no-repeat;
	background-position-x: 50%;
    background-position-y:-30px;
	width:100%;
	height:100%;
    min-height:1200px;
	}

#container
	{
	width:900px;
	margin:0 auto;
	background-color:white;
	padding:10px;
	box-shadow: 0 0 25px rgba(0,0,0,0.5);
    margin-bottom:30px;
	}

#haut
	{
	height:121px;
	}

#haut > div
	{
	margin-top:10px;
	float:right;
	}

#haut div div
	{
	float:none;
	clear:both;
	}

#haut div a.lien
	{
	margin-left:15px;
	margin-top:-10px;
	}
#haut div.commande .corps
	{
	background:url(caddie.png) 0 0 no-repeat;
	padding-left:15px;
	}

#haut div.commande .corps .titre
	{
		display:none;
	}
#xhaut div a
	{
	text-indent:-5000px;
	background:url(b-pro.png) no-repeat;
	display:block;
	width:182px;
	height:27px;
	}

#xhaut div a:hover
	{
	background:url(b-pro-r.png) no-repeat;
	}

#langues
	{
	display:block;background:url(bas.png) 0 1px no-repeat;
	height:16px;
	}

#bas
	{
	padding-top:40px;
	clear:both;
	width:900px;
	background:url(bas2.png) 0 20px no-repeat;
	text-align:center;
	padding-bottom:30px;
	}

#principal
	{
	z-index:99;
	}

#menus
	{
	height:36px;
	background:url(menu2.png) repeat-x;
	border-radius: 8px 8px 8px;
	z-index: 1;
	}

#menus li
	{
	float:left;
	list-style: none;
	}

#menus li.m1, #menus li.m2, #menus li.m3
	{
	background:url(menu1.png) repeat-x;
	}

#menus li.m1 > a,#menus li.m2 > a,#menus li.m3 > a
	{background:url(menu1-sep.png) no-repeat;}


#menus li.m1
	{
	padding-left:10px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	}

#menus ul li a
	{
	float:left;
	display:block;
	line-height:36px;
	height:36px;
	color:white;
	font-size:17px;
	text-shadow: 2px 2px 2px gray;
	text-align:center;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	background:url(menu2-sep.png) no-repeat;
	}

#menus ul li a:hover, #menus ul li a#active
	{background:url(menu2-over.png) repeat-x}

#menus li .m1:hover, #menus li .m2:hover, #menus li .m3:hover,
#menus li .m1#active, #menus li .m2#active, #menus li .m3#active
	{background:url(menu1-over.png) repeat-x}

#menus li.m1 a	{background:none}

#menus li .sousmenu
	{
	position:absolute;
	display:none;
	margin-top:36px;
	opacity:.9;
	background:none;
	z-index: 1;
	}

#menus li ul.sousmenus
	{
	padding-top:1px;
	}

#menus li ul.sousmenus li
	{
	display:block;
	float:none;
	}

#menus li:hover .sousmenu, #menus li:hover ul.sousmenus li
	{
	display:block;
	}

#menus .sousmenus li
 	{
 	display:block;
 	position:static;
 	height:36px;
	background:url(menu1.png);
 	}
 
#menus .m5 .sousmenus li,  #menus .m6 .sousmenus li
 	{
	background:url(menu2.png);
 	}
 
 
#menus .sousmenus li:hover
 	{
	background:url(menu1-over.png);
 	}
 
#menus .m5 .sousmenus li:hover, #menus .m6 .sousmenus li:hover
 	{
	background:url(menu2-over.png);
 	}

#menus .sousmenus li.m2s4,  #menus .sousmenus li.m5s2,  #menus .sousmenus li.m6s4
 	{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
 	}

#menus ul.sousmenus li a
	{
	background:none;
	}

#contenu
	{
	float:left;
	clear:both;
	overflow:auto;
	margin-bottom:20px;
	width:900px;
	}

.paragraphe
	{
	overflow:auto;
	text-align:justify;
	}

.menu1 .paragraphe
	{
	overflow-x: hidden;
	}
.paragraphe a
	{
	text-decoration:none;
	font-weight:bold;
	}

.paragraphe a:hover
	{
	color:#552222;
	}

.paragraphe p.titre, .redactionnel .chapeau
	{
	font-size:24px;
	color:#555555;
	margin-bottom:10px;
	}

.redactionnel .chapeau
	{
	padding-bottom:5px;
	margin-top:10px;
	margin-left:10px;
	border-bottom:2px solid #cccccc;
	}

.paragraphe p.soustitre
	{
	font-size:18px;
	margin-bottom:10px;
	}

hr
	{
	color:gray;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	border:none;
	background-color:white;
	}

.duree	{display:none}

label
	{
	float:left;
	width:350px;
	padding:4px;
	display:block;
	margin-bottom:5px;
	text-align:right;
	}

td[align=right] label
	{
	text-align:right;
	}

input[type=text], textarea, input[type=password]
	{
	border:1px solid #dcd8c8;
	padding:4px;
	margin-bottom:5px;
	width:400px;
	}

input[type=submit], .commande form a, #haut div a.bouton
	{
	width:intrinsic;
	max-width:170px;
	display:block;
	border:0;
	cursor:pointer;
	color:white;
	font-size:14px;
	box-shadow: 2px 2px 2px #ccc;
	line-height:25px;
	background-color:#4573b6;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4573b6), to(#5f93d7));
	background: -moz-linear-gradient(top, #4573b6, #5f93d7);
	border-radius:5px;
	padding:0px 10px;
	margin-right:2px;
	text-align: center;
	margin-bottom:10px;
	}

.commande .coordonnees a, .commande .facturation a
 	{
 	margin-left:10px;
	display:inline-block;
 	}
 	
input[type=submit]:hover, .commande form a:hover, #haut div a:hover
	{
	background-color:#2a4e84;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2a4e84), to(#4573b6));
	background: -moz-linear-gradient(top, #2a4e84, #4573b6);
	}
	
input.continuer
	{
	margin-top:30px;
	float:right;
	}
	
.s1, .s2, .s3
	{
	font-size:17px;
	color:#666666;
	background:url(fond-encadre.png) repeat-x;
	padding:10px;
	display:block;
	height:48px;
	box-shadow: 2px 2px 7px #aaa;
	color:white;
	margin-right:4px;
	padding-left:20px;
	padding-right:20px;
	}

.red
	{
	color:#9d1919;
	}

.green
	{
	color:#4aba50;
	}

.paragraphe
	{
	margin-top:30px;
	}

.paragraphe img
	{
	margin-bottom:10px;
	margin-right:10px;
	}

#xpar2 img
	{
	box-shadow: 0px 2px 4px gray;
	}

div.nouveautes
	{
	display:block;
	width:900px;
	height:150px;
	overflow:hidden;
	position:relative;
	clear:both;
	margin-right:-20px;
	margin-left:-20px;
	}

div.wrapper
	{
	position:absolute;
	overflow:hidden;
	clear:both;
	}

div.nouveaute
	{
	float:left;
	width:150px;
	height:150px;
	}


div.accueils
	{
	display:block;
	width:500px;
	height:550px;
	overflow:hidden;
	clear:both;
	}

div.wrapper_accueil
	{
	overflow:hidden;
	clear:both;
	}

div.accueil
	{
	float:left;
	width:500px;
	height:550px;
	}

.asterisque
	{
	font-size:10px;
	}

.slogan
	{
	font-size:17px;
	font-weight:bold;
	}

.slogan1
	{
	font-size:22px;
	text-align:center;
	}

.texte
	{
	margin-left:20px;
	padding-right:20px;
	}

#plantes_a_fleurs .texte, #plantes_vertes .texte
	{
	margin-left:0;
	}

.montage .texte
	{
	margin:0;
	}

.texte > p.titre
	{
	font-size:30px;
	text-align:justify;
	}

.titrep
	{
	font-size:18px;
	margin-bottom:20px;
	margin-top:10px;
	margin-left:10px;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc; 
	}

.deco
	{
	float:left;
	width:214px;
	margin-right:1px;
	margin-bottom:10px;
	}

.deco img
	{
	margin-bottom:2px
	}


.menu10 #gauche, .menu11 #gauche, .menu12 #gauche, .menu13 #gauche, .menu14 #gauche, .menu15 #gauche, .menu16 #gauche, .menu17 #gauche
	{
	clear:none;
	float:left;
	width:270px;
	margin-left:10px;
	margin-right:10px;
	}

#droite
	{
	display:none;
	}

.menu10 #contenu,.menu11 #contenu,.menu12 #contenu,.menu13 #contenu, .menu14 #contenu, .menu15 #contenu, .menu16 #contenu, .menu17 #contenu
	{
	clear:none;
	float:left;
	width:600px;
	}

#gauche .articles
	{
	margin-top:10px;
	}

#gauche .articles h4
	{
	margin-bottom:10px
	}

#gauche .articles .date
	{
	display:none;
	}

#gauche .articles a
	{
	background:url(categorie1.png) no-repeat;
	color:green;
	padding:4px;
	display:block;
	padding-left:12px;
	margin-left:5px;
	margin-bottom:5px;
	}

#gauche .articles a:hover
	{
	background:url(categorie.png) no-repeat;
	color:white;
	border-radius:5px;
	}

.menu12 #contenu img, .menu13 #contenu img, .menu14 #contenu img, .menu15 #contenu img, .menu16 #contenu img, .menu17 #contenu img
	{
	margin:10px;
	}

.menu10 #contenu img, .menu11 #contenu img
	{
	margin-right:10px;
	}

.menu12 #contenu td, .menu13 #contenu td, .menu14 #contenu td, .menu15 #contenu td, .menu16 #contenu td, .menu17 #contenu td
	{
	vertical-align:middle;
	text-align:left;
	}

#avertissements td.cellule
	{
	text-align:center;
	vertical-align:top
	}

.plan .titre
	{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	}

.plan a
	{
	color:#555555;
	font-weight:normal;
	display:block;
	float:none;
	padding-left:15px;
	background:url(fleche-bleu.png) no-repeat;
	margin-left:10px;
	}

.plan li
	{
	list-style-type: none;
	display:block;
	}

.plan li.plan-r2
	{
	margin-left:10px;
	}

.paragraphe h4
	{
	display:none
	}

.vignette
	{
	text-align:center;
	float:left;
	display:block;
	width:140px;
	height:230px;
	}

.vignette a img
	{
	padding:0;
	margin:0px;
	height:180px;
	}

/*----------- Tableaux ---------*/
.tableau td {padding:4px}
.tableau td:first-child {border-right:1px solid #cccccc}

.tableau table
	{
	width:100% ;
	border:1px solid #cccccc;
	padding:0px;
	border-collapse:collapse;
	margin:-left:10px;
	}

table.colonne td
	{
	padding-right:15px;
	}

.tableau th
	{
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	padding:5px;
	}

.tableau td
	{
	border-right:1px solid #cccccc;border-top:1px solid #cccccc; padding:5px
	}

td.cellule
	{
	vertical-align:top;
	}

td.info
	{
	font-weight:bold;
	}

/*----------------- Catalogue -----------------*/
.liste div.produit
	{
	border-bottom:1px solid #dddddd;
	margin-bottom:5px;
	padding-bottom:5px;
	overflow:auto;
	}

.liste div.produit .qte
	{
	display:none;
	}

div.produit .photos
	{
	float:left;
	width:300px;
	display:block;
	height:100px;
	}

div.produit .photos img
	{
	float:right;
	}

div.produit > .prix
	{
	clear:both;
	float:right;
	}

.prix input[type=text], .fiche input[type=text]
	{
	width:20px;
	margin-right:10px;
	margin-left:10px;
	}

.prix .ht	{display:none}

.prix .ttc
	{
	margin-right:20px;
	font-size:18px;
	font-weight:bold;
	color:#666666;
	}

.prix label
	{
	font-weight:normal;
	}

.designation, .liste .produit a
	{
	font-size:14px;
	font-weight:normal;
	}

.designation i	{font-style:normal;font-weight:normal;color:black}
div.produit .reference
	{
	display:none;
	}

/*--------------- Commande ------------------*/

.commande input[type=text], .commande textarea	{width:250px}
.commande input[type=checkbox]	{margin-left:10px;margin-right:5px}
.commande input[type=password]	{width:140px}
.commande td {padding:4px}
.commande td:first-child {border-right:1px solid #cccccc}

.commande form
	{
	margin-top:20px;
	}
	
.commande form .commentaire
	{
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
	}

.commande form a:hover
	{
	color:#dddddd;
	}

.commande table
	{
	width:100%;
	border:1px solid #cccccc;
	padding:0px;
	border-collapse:collapse;
	margin:-left:10px;
	}

.commande table td
	{
	padding-right:15px;
	}

.commande th
	{
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	padding:5px;
	}

.commande td
	{
	border-right:1px solid #cccccc;border-top:1px solid #cccccc; padding:5px;text-align:center;
	}

.commande td.ht, .commande td.ttc	{text-align:right;}
.commande td.cellule
	{
	vertical-align:top;
	}

.commande #tva_intra
    {
    display:none
    }
    
.commande td.info
	{
	font-weight:bold;
	}

.commande div.ht	{display:none}

.commande div.ttc
	{
	margin:10px;
	float:right;
	padding:10px;
	margin-right:0;
	padding-right:17px;
	border:1px solid #cccccc;
	font-weight:bold;
	}

.commande .boutons
	{
	margin-top:70px;
	margin-bottom:20px;
	}
	
#catalogue .fiche
	{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:20px 0px;
	}

#catalogue .fiche table
	{
		float:right;
		margin-top:50px;
	}	
	
#catalogue .fiche p.designation
	{
		font-size:16px;
		font-weight:bold;
	}
	
#catalogue .fiche .ref
	{
		display:none;
	}
	
#catalogue .paiement, #catalogue .mode
	{
	margin:0 auto;
	margin-top:20px;
	padding:10px;
	width:600px;
	}

#catalogue .mode label
	{
	width:150px;
	height:100px;
	}
	
#catalogue .mode .comment-cb
	{
	margin-left:30px;
	display:inline;
	}	
	
#catalogue .mode .comment-cb img
    {
    vertical-align: middle;
    }
    
#catalogue .mode input[type=radio]
    {
    clear:both;
    margin-right:4px;
    }

#catalogue .mode input[type=submit]
    {
    clear:both;
    margin-top:20px;
    float:right;
    }
        
#catalogue .paiement .montant, #catalogue .mode .montant
	{
	font-size:14px;
	font-weight:bold;
	}

.mode img
	{
	margin:4px;
	margin-top:-2px;
	}

.mode input[type=radio]	{margin-right:5px}

td.produit	{text-align:left;width:400px;}

td.produit a
	{
	margin-right:10px;
	text-align:center;
	vertical-align: middle;
	display:block;
	float:left;
	color:white;
	font-size:12px;
	}

#divcee
	{
	display:none;
	}
	
input[type=submit].annuler			{width:206px;background:url(bouton-long-bleu.png) no-repeat;}
input[type=submit].annuler:hover	{background:url(bouton-long-bleu-roll.png) no-repeat;}

input[type=submit].commander	{float:right;margin-top:-31px}

/* --------- Accueil --------- */

div#detail
	{
	position:relative;
	display:none;
	}

div#detail img
	{
	position:absolute;
	top:-350px;
	left:-500px;
	box-shadow: 10px 10px 17px #666;
	}
div.stocwoter
	{
	display:block;
	width:342px;
	position:relative;
	overflow:hidden;
	padding-left:40px;
	}

div.stocwoter .loupe
	{
	position:absolute;
	left:0;
	top:295px;
	}

div.stocwoter .commande
	{
	position:absolute;
	left:230px;
	top:220px;
	font-size:24px;
	text-align:right;
	}

div.stocwoter img
	{
	padding:0;
	margin:0;
	}

div.stocwoter .commande .prix
	{
	color:#ff9c00;
	font-size:36px;
	font-weight:bold;
	}

div.stocwoter .commande a
	{
	padding:4px 10px;
	display:block;
	border:0;
	cursor:pointer;
	color:white;
	font-size:14px;
	text-shadow: 2px 2px 2px gray;
	text-align:center;
	background:#4573b6;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4573b6), to(#5f93d7));
	background: -moz-linear-gradient(top, #4573b6, #5f93d7);
	border-radius:6px;
	box-shadow: 2px 2px 7px #aaa;
	}