@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; }