@charset "UTF-8";

/* CSS Marjorie Lazaro 2009 */

/* RESET */
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;
	vertical-align: baseline
}
ol, ul { list-style: none }

:focus { outline: 0 }

table {	border-collapse: collapse; border-spacing: 0 }
table.spip tr th { font-size: 14px; background-color: #101010; padding: 2px 5px }
table.spip tr td { padding: 2px 5px }
table tr { border: 0 }
table tr.row_odd { background-color: #151515; border-top: 1px solid #000; border-bottom: 1px solid #000 }
table tr.row_even { background-color: #1a1a1a }

a:link, a:visited, a:active, a.spip_out:link, a.spip_out:visited, a.spip_out:active { text-decoration: underline; color: #fff }
a:hover, a.spip_out:hover { color: #b10018; text-decoration: underline }

h1, h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; text-decoration: none; margin-bottom: 25px }
h1 a:link, h1 a:visited, h1 a:active { text-decoration: none }
h1 { border-bottom: 5px solid #b10018 }
h1 a:hover { color: #e5c504; text-decoration: none }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }
h3 {  }

p {  }
small { font-size: 10px }

.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.sep-1 { height: 1px }
.sep-10 { height: 10px }


/* LAYOUT */
body {
	text-align: center;
	margin: 0 auto;
	background: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff
}

#page { width: 100%; height: auto; margin: 0 auto }
#global { width: 950px; height: auto; margin: 0 auto; text-align: justify; background: transparent url(../images/bg-contenu.jpg) 0 100% no-repeat }


#entete { margin: 0 25px; height: 147px; background: transparent url(../images/bg-entete.jpg) 0 0 no-repeat }

.recherche { float: right; width: 163px; height: 41px; padding: 0; background: transparent url(../images/bg-recherche.gif) 0 0 no-repeat }
.recherche input.txtCherche { width: 120px; margin: 10px 3px 0 5px }
.recherche input.btnCherche { width: 20px; position: relative; top: 6px }

#langues { float: right; width: 95px; height: 31px; margin: 0 25px; padding: 10px 0 0 2px;  background: transparent url(../images/bg-lang.gif) 0 0 no-repeat }
#langues ul li { display: inline }
#langues a img { border-right: 1px solid #4a4747; border-bottom: 1px solid #4a4747 }
#langues .on a img { border-right: 1px solid #807f7f; border-bottom: 1px solid #807f7f }

#logo { float: left; width: 245px; padding: 48px 0 0 12px }

#contenu { margin: 0 25px; clear: both }

#navigation { float: left; width: 200px; margin: 0 }
#navigation ul li { height: 33px; background: transparent url(../images/bg-navigation.jpg) 0 0 no-repeat }
#navigation ul li.on, #navigation ul li:hover { background: transparent url(../images/bg-navigation.jpg) 0 100% no-repeat }
#navigation ul li a { display: block; width: 200px; padding: 8px 30px 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: normal }
#navigation ul li a:hover { color: #fff }

#article { float: left; background-color: #222; width: 660px; padding: 30px 20px; margin-top: 1px }
#article .produit img { float: left; width: 159px; margin-right: 20px }
#article .produit h2 { float: left; width: 478px; padding-bottom: 10px }
#article .produit table { float: left; width: 481px }

#pied { clear: both; margin: 0 25px; width: 875px; height: 15px; font-size: 10px; text-align: right; padding: 10px 25px 25px 0 }