@charset "utf-8";
/* Interface */

  /* ........................... */
 /*      styles de balises      */
/* ........................... */

* { /*  nettoyage des styles */
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	outline:none;
}

body {
	font-size:13px;
	color:#000;
	background:#4e3d2a url(../img/interface/fond.jpg);
}

#page a:link, #page a:visited { color:#9cb005; text-decoration:none; }
#page a:hover, #page a:active { color:#4f580b; text-decoration:none; }

img { border:none; }
.tdbd { border:solid 1px;border-color:#DDD3CC; }
p { margin: 8px 0; }
strong { font-weight:bold; }

h2 { font-size:18px; color:#523d28; }
h3 a { font-weight:bold; font-size:15px; }

.gauche  { float:left; }
.droite  { float:right; }
.clear   { clear:both; }
.centre  { text-align:center; }
.premier { margin-left:0 !important; }

.imggauche { float:left; margin-right:5px; }
.imgdroite { float:right; margin-left:5px; }

  /* ........................... */
 /*     structure principale    */
/* ........................... */

#florale {
	background:url(../img/interface/florale.png) no-repeat top center;
	min-height:569px;
}

#page {
	width:980px;
	background-color:#fff;
	margin:auto;
}

.retrait { margin-left:20px; }

#banniere {
	position:relative;
	height:139px;
	background:#e3f7fd url(../img/interface/banniere.jpg) top right;
}

#menu {
	margin-bottom:10px;
	height:42px;
	background:#e3f7fd url(../img/interface/menu.png) repeat-x;
}

#colgauche, #coldroite { float:left; padding:0 10px; }
#colgauche { width:190px; }
#coldroite { width:180px; }

#contenu {
	float:left;
	width:570px;
}

#footer {
	clear:both;
	margin:20px 10px 0 10px;
	height:24px;
	background:url(../img/interface/footer.png);
}

#credits {
	height:40px;
	padding-top:3px;
	background:url(../img/interface/credits.png) #A3B612 repeat-x;
}

#footer, #credits {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#434b09;
	margin:0 10px;
}

  /* ........................... */
 /*    éléments de la bannière  */
/* ........................... */

#banniere .langue {
	position:absolute;
	z-index:2;
	top:5px;
	right:10px;
}

#panier {
	position:absolute;
	z-index:1;
	top:6px;
	right:4px;
	width:114px;
	height:60px;
	padding:30px 10px 0 70px;
	background:url(../img/interface/panier.jpg);
}
#panier p { margin:0; padding:0; }

a#panier:link, a#panier:visited { color: #235978; }
a#panier:hover, a#panier:active { color: #1e94d8; background-position:bottom; }

#panier .monpanier {
	color:#193345;
	font-size:17px;
}

  /* ........................... */
 /*     éléments du menu        */
/* ........................... */

#menu a {
	display:block;
	float:left;
	width:122px;
	height:39px;
	padding-top:3px;
	background:url(../img/interface/sepamenu.png) top left no-repeat;
	text-align:center;
	font-size:17px;
	line-height:17px;
}
#menu .marge { padding-top:10px; height:32px;}
#menu a:first-child, #footer a:first-child  { background:none; }

#menu a:link, #menu a:visited, #footer a:link, #footer a:visited, #credits a:link, #credits a:visited  { color:#434b09; }
#menu a:hover, #menu a:active, #footer a:hover, #footer a:active, #credits a:hover, #credits a:active  { color:#e5ff29; }

  /* ........................... */
 /*     Colonne  de gauche      */
/* ........................... */

#conseils em { font-size:16px; }

#services img { margin:0 15px 0 0;  }

#services { text-align:center; }

#colgauche li { list-style:circle inside; margin:5px; font-size:14px; }

  /* ........................... */
 /*     Colonne de droite       */
/* ........................... */

#coldroite h2 { text-align:right; }

#login input[type=text], #login input[type=password] {
	width:160px;
	border:1px solid #583f21;
	padding:2px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#top5 { padding:0; }

#top5 h2 {
	text-align:left;
	padding:5px;
	color:#bfaf9d;
	font-size:15px;
	font-style:italic;
}
#top5 .pair, #top5 .impair {
	height:48px;
	padding:5px;
}

#top5 .impair { background:#f4f2f0; }

#top5 .numero { 
	font-size:14px;
	color:#bfaf9d;
	font-style:italic;
	font-weight:bold;
}

h2.egalement { margin-bottom:5px; }

  /* ........................... */
 /*     éléments du contenu     */
/* ........................... */

#livraison, #libre { margin-bottom:10px; text-align:center; }
#livraison { padding:0 5px; height:31px; }

#recherche {
	height:27px;
	padding:4px 5px 0 0 ;
	background:url(../img/interface/recherche.png);
	text-align:right;
}

#recherche input[type=text] {
	width:370px;
	border:1px solid #875338;
	border-radius:3px;
	-moz-border-radius:3px;
	padding:2px 2px 3px 2px;
	vertical-align:top;
}
#recherche .bouton {
	width:75px;
	height:23px;
	vertical-align:top;
}

  /* ..................................... */
 /*     éléments du pied de page          */
/* ..................................... */

#footer a {
	display:block;
	float:left;
	padding:3px 39px 0 39px;
	background:url(../img/interface/sepafooter.png) top left no-repeat;
	text-align:center;
}

#credits .langue {
	float:left;
	padding-left:10px;
}
#credits .copyright {
	float:right;
	padding-right:10px;
	text-align:right;
}


#credits .linkspart {
	float:left;
	padding-top:10px;
	text-align:right;
}

  /* ........................... */
 /*       éléments de base      */
/* ........................... */

.bloc, .colbloc {
	padding:5px;
	margin-bottom:10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.bloc { border:1px solid #baa996; }

.colbloc { 
	background:#eee9e5; 
	color:#523d28; 
}

.colbloc em { color:#916e48; }

.bouton {
	color:#fff;
	text-align:center;
	background:url(../img/interface/bouton.png) top;
	border:1px solid #88553a;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.bouton:hover { 
	background-position:bottom; 
	cursor:pointer; 
}
a.bouton { padding:2px; }
#page a.bouton:link, #page a.bouton:hover, #page a.bouton:visited,  #page a.bouton:active { color:#fff; }
@charset "utf-8";
/* Catalogue */

  /* ........................... */
 /*     Fiches résumées         */
/* ........................... */

.fiche { 
	padding:0;
	width:178px;
	margin-left:10px;
}
#coldroite .fiche { margin-left:0px; }
#coldroite .fiche h2 { text-align:left; }

#contenu .fiche { 
	width:181px;
	float:left;
}

.fiche h2 { 
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
}
.fiche p { margin-top:0; }

.hautfiche { 
	padding:2px 5px;
	height:85px;
	overflow:hidden;
}

.fiche .prix {
	font-size:16px;
	font-weight:bold;
	color:#eea32e;
}

.basfiche { 
	background-color:#eee9e5;
	height:30px;
	padding-left:8px;
}

.boutonvert {
	float:left;
	display:block;
	color:#fff;
	padding:1px 5px 2px 5px;
	margin:6px 15px 0 0;
	text-align:center;
	background:url(../img/interface/boutonvert.png) top;
	border:1px solid #a5b913;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.boutonvert:hover { background-position:bottom; }

#page a.boutonvert:link, #page a.boutonvert:visited,  #page a.boutonvert:active { color:#fff; }
#page a.boutonvert:hover { color:#4f580b; }

.fiche .boutonpanier {
	display:block;
	float:left;
	width:57px;
	height:27px;
	background:url(../img/catalogue/bouton-panier-petit.jpg) top;
}
.boutonpanier:hover { background-position:bottom; }

  /* ........................... */
 /*     Listing des produits    */
/* ........................... */

.listing { padding:0; height:135px; overflow:hidden; }

.miniature { float:left; width:130px; padding:5px 0 0 5px; }
.description { float:left; width:315px; padding:5px; }
.formachat { float:left; width:108px; background-color:#eee9e5; height:135px; }

.listing .visuel { background:url(../img/catalogue/miniature-sous.png) repeat-y; padding-left:7px; width:120px  }
.note { color:#594022 }

.blocprix { 
	width:95px; 
	height:65px; 
	padding-top:6px;
	background:url(../img/catalogue/blocprix.png); 
	margin:6px 0 0 6px; 
	text-align:center;
	color:#fff;
}
.blocprix p{ margin:0 0 3px 0; } 

.blocprix .prix {
	font-size:16px;
	font-weight:bold;
	color:#434b09;
}

.listing  .boutonpanier { margin-top:5px;}

  /* ........................... */
 /*        Page produit         */
/* ........................... */

#contenu.produit { width:760px; }

.produit #recherche { float:left; width:565px; }

#minicompte { 
	width:180px; 
	float:left; 
	padding:5px 0 0 0;
	height:26px; 
	font-size:14px;
	text-align:center;
	margin-left:10px;
}

#description > h2 { font-style:italic; font-weight:bold; border-bottom:1px dotted #d0c5b5; margin-bottom:10px;}

/* structure */
#description { float:left; width:545px; margin-right:10px; }
#achat { float:left; width:205px; padding:0; }

#visuels { float:left; width:215px; margin-right:10px; } 
#presentation { float:left; width:320px; text-align:justify; }
#produitslies { clear:both; margin-top:10px;}

/* éléments */
#achat .formachat { width:100%; }
#achat .boutonpanier { float:left; margin-top:5px; }
#achat hr { border-top:1px solid #baa996; border-bottom:none; margin:8px 0; }
#achat .blocprix { float:left; margin:5px; }
#achat h3 { margin:0 0 0 10px; }
#achat p.centre img { margin:0 10px; }

.infosimg { margin:0 0 5px 5px; }

#visuels .visuel { background:url(../img/catalogue/visuel-sous.png) repeat-y; padding-left:7px; width:207px; }
#contenu #visuels h3 { color:#523d28; margin:6px 0; font-size:14px; }

.share { float:left; width:53px; height:57px; margin-bottom:10px; }
.share:hover { background-position:bottom; }

.facebook { background:url(../img/catalogue/facebook.png); }
.twitter  { background:url(../img/catalogue/twitter.png);  }
.mail     { background:url(../img/catalogue/mail.png);     }
.favoris  { background:url(../img/catalogue/favoris.png);  }

#produitslies .fiche { margin-left:9px; }
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	-moz-border-radius: 15px;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/divers/ajaxLoader.gif) no-repeat;
	background-position: center;
	margin:2px;
}
div#nyroModalLoading.error {

	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper { 
	border:10px solid #fff; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:0;padding:0;
}
a#closeBut {
	position: absolute;
	display: block;
	z-index:1000;
	top: -20px;
	right: -20px;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background: url(../img/divers/closebox.png) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	background-color:#fff; margin:0;padding:0;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(../img/divers/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(../img/divers/next.gif) right 20% no-repeat;
}
@charset "utf-8";

  /* ........................... */
 /*     Page d'accueil          */
/* ........................... */

/* Slider */
#slider {
	width:570px;
	height:200px;
	overflow:hidden;
	margin:10px 0;
	position:relative;
}
#slider a{ 
	position:absolute;
	margin:0; padding:0;
	display:none;
}

#slide_menu {
	position:absolute;
	bottom:10px; right:10px;
	display:none;
}

.slide_bouton {
	float:left;
	width:25px;
	height:23px;
	padding-top:2px;
	background:url(../img/divers/slide_bouton.png) top left;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	margin-left:3px;
	cursor:pointer;
	color:#434B09;
}
.slide_bouton:hover { background-position:bottom; }

.encart {
	float:left;
	width:268px;
	height:225px;
	margin-left:10px;
}



  /* ........................... */
 /*        Pages Annexes        */
/* ........................... */

#contenu > h2 {
	font-style:italic;
	font-weight:bold;
	border-bottom:1px dotted #d0c5b5;
	margin:10px 0;
}

#contenu h3 { font-size:16px; color:#be6629;	}

#contenu > p { text-align:justify; }

  /* ........................... */
 /*        Modale Login         */
/* ........................... */

#loginmodal { 
	padding:5px 0 10px 10px;
	background-color:#eee9e5;
	color:#523d28;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#loginmodal h1 { font-size:20px; }

#loginmodal input[type="text"], #loginmodal input[type="password"] {
	border:1px solid #000; 
	padding:2px;	
	color:#000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#loginmodal a:link, #loginmodal a:visited { color:#9cb005; text-decoration:none; }
#loginmodal a:hover, #loginmodal a:active { color:#4f580b; text-decoration:none; }