@charset "iso-8859-1";
/* reset CSS */

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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

a img, :link img, :visited img {border: none }
:focus { outline: 0; }
ins { text-decoration: none; } 
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Général*/
body {
	font:12px/18px "Trebuchet MS", Arial,Verdana,sans-serif;
	color:#333333;
	/*background:#bcbcbc url(../images/bg_page.jpg) 0px 0px repeat-x;*/
	background:#cecece url(../images/bg_page2.jpg) 0px 0px repeat-x;
}

.footer {
	clear:both;
}

.spacer {
	margin-top:20px;
}

p {
	margin-bottom:8px;	
}

a {
	color:#666;
}

input, select {
	color:#666;	
}

textarea, input.text {
	font:12px/18px "Trebuchet MS", Arial,Verdana,sans-serif;
	padding:2px;
	color:#666;	
}

/* Head */

.centre {
	width:900px;
	margin:0 auto;
}

#header {
	/* border:1px solid red; */
	height:115px;
	position:relative;
	width:900px;
}

#date {
	position:absolute;
	left:0;
	top:5px;
}

#logo {
	position:absolute;
	left:0;
	top:30px;
	background-image:url(../images/logo_mb.gif);
	height:60px;
	width:242px;
}

#recherche {
	position:absolute;
	right:0;
	top:5px;		
}

.input_recherche {
	margin-right:5px;
	
}

.bt_recherche {
	background:url(../images/bt_recherche.gif) no-repeat;
	border:none;
	width:74px;
	height:19px;
	cursor:pointer;
}

.col_demi {
	width:440px;
	float:left;
}

.col_demi_droite {
	width:440px;
	float:right;
}

ul.blog span {
	color:#999;
}

ul.blog li {
	margin-bottom:5px;
}

#menu_entete {
	position:absolute;
	right:0;
	top:50px;			
}

#menu_entete ul {
}

#menu_entete li {
	font-size:16px;
	display:inline;
	padding-left:10px;
}

#menu_entete a {
	padding:0 5px;
	text-decoration:none;
}

#menu_entete a:hover, #menu_entete a.actif {
	background-color:#c5ff00;
}

#langue {
	position:absolute;
	right:0;
	top:95px;
}

#langue a {
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
}

/* Linsting pour  160x160 */

.galerie {
	float:left;
	height:210px;
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
}

.galerie span {
	display:table-cell;
	height:190px;
	vertical-align:middle;
	width:220px;
}

.galerie a {
	margin:auto;
	text-decoration:none;
	font-size:14px;
	letter-spacing:-1px;
}

/* Contenu  */

#slideshow {
	height:220px;
	background-color:#FFF;
}

.right {
	float:right;	   
}

.detail_produit {
	display:block;
}

.detail_produit img{
	margin:auto;
	display:block;
}

.cadre {
	background-color:#FFF;
	border:1px solid #AAAAAA;
	/*width:998px;*/
	padding:15px;
	margin:auto;
}

.cadre img.toile_grande {
	background-color:#CCC;
	border:1px solid #BBB;
}

img.toile_grande{
	background-color:#FFF;
	border:1px solid #AAA;
	padding:10px;
}

#illustrations {
	margin-top:10px;	
}

img.toile_petite{
	background-color:#FFF;
	padding:5px;
	margin-right:3px;
}

#navigation {
	margin-top:5px;	
	float:right;
	font-weight:bold;
	text-align:right;
}

h1 {
	color: #333;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:15px 0;
}

.flash {
	color:#c5ff00;
}


#tags {
	float:right;
	width:200px;
}

h2, .big {
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	letter-spacing:1px;
	padding-bottom:6px;
}

.big {
	color: #c5ff00;
}

.erreur  {
background-color:#FF3200;
color:#FFFFFF;
margin:0 0 20px;
padding:5px;
}

.erreur li {
	padding-left:10px;
	list-style:inside;
}

/* Recherche */

table.form_recherche {
	background-color:#DDD;
	width:100%
}

table.form_recherche td {
	padding-bottom:5px;
	padding-top:5px;
}

table.form_recherche textarea {
	width:400px;
}

table.form_recherche input.text {
	width:310px;
}

.row_recherche {
	margin-top:8px;
	border-bottom:1px solid #BBB;
}

.row_recherche h2 a {
	text-decoration:none;
}

.row_recherche .img_recherche {
	float:left;
	display:block;
	width:70px;
	padding-bottom:8px;
}

.row_recherche .info_recherche {
	float:left;
}

/* Navigation */

.nav {
	padding-top:15px;
	text-align:center;
}

.nav a {
	color:#333;
}

.nav a.selected {
	font-weight:bold;
	text-decoration:none;
}

/* Blog */

.commentaire {
	border-bottom:1px solid #999;	
	margin-bottom:5px;
}

.commentaire .auteur {
	float:left;
	width:160px;
}

.commentaire p {
	float:left;
	width:720px;
}

.commentaire .date {
	font-size:10px;
	line-height:12px;
}

/* Formulaires */

table.form td {
	padding-bottom:5px;
}

table.form textarea {
	width:400px;
}

table.form input.text {
	width:310px;
}

table.form input.spam {
	width:60px;
}

/* Footer */

#footer {
	margin-top:10px;
	background-color:#4d4d4d;
	color:#bcbcbc;	
}

#footer a {
	color:#bcbcbc;
	text-decoration:underline;
}
