@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #3f2016;
}
body {
	background-color: #eee;
	background-image:url(_images/_bg/bg-pattern.png);
	background-repeat:repeat-x;
	height:100%;
}

#wrapper {
	white-space: nowrap;
	width: 886px;
	height: 370px;
	border: 0px solid #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -443px;
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -185px;	/* Half the height of the DIV tag which is also 50 pixels */
	background-image:url(_images/_bg/bg-02.png);
	background-repeat:no-repeat;
}

/* -------- Logo -------------- */

#logo {
	width:134px;
	display:block;
	margin:80px auto 0 auto;
}

#logo img {
border:none;
}

/* -------- Navigation --------- */

#navigation {
	white-space: normal;
	vertical-align: top;
	position:static;
	display:inline-block;
	width:170px;
	height:348px;
	background-color:#dae2b6;
	margin:9px 0 0 9px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#5f352b;
}

#navigation a {
	color:#7f4a2b;
	text-decoration:none;
}
#navigation a:hover {
	color:#7f4a2b;
	text-decoration:underline;
}

#coordonnees {
	width:127px;
	position:relative;
	/*float:left;*/
	width:130px;
	margin:15px 0 1em 35px;
	/*margin-left:35px;
	margin-top:15px;*/
}

#email {
	width:100%;
	text-align:center;
}

/* ------------ English ----------- */

#english {
	position:absolute;
    top:-17px;
	width:130px;
	margin:0;
	color:#588702;
}

/* ------------ Footer ------------ */

#Footer {
	clear:both;
	position:relative;
	margin-top:0px;
	width:900px;
	height:55px;
	border:#CCC 0px solid;
	margin:35px 0 0 0;
	white-space:nowrap;
}

#Footer a {
text-decoration:none;
color:#999;
}

#Footer a img {
border:none;
}

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

#Footer * {
	white-space:nowrap;
}

#Footer * * {
	vertical-align:middle;
}

/*

#email {
	position:relative;
	display:inline-block;
	color:#999;
	font-size:10px;
	line-height:13px;
	text-align:left;
	border-right:#CCC 0px solid;
	vertical-align:middle;
	line-height:55px;
	padding:0 18px 0 12px;
}

#email a {
	font-size:11px;
	color:#588702;
}


#blog {
	position:relative;
	display:inline-block;
	color:#999;
	font-size:10px;
	line-height:13px;
	text-align:left;
	border-left:#99e115 1px solid;
	padding:0 18px;
}

#blog .caption {
	display:inline-block;
}

#facebooktwitter {
	position:relative;
	display:inline-block;
	color:#999;
	font-size:10px;
	line-height:13px;
	text-align:left;
	border-left:#99e115 1px solid;
	padding:0 18px;
}

#facebooktwitter .caption {
	display:inline-block;
}
*/

#yoyomedia {
	position:relative;
	display:inline-block;
	color:#999;
	font-size:10px;
	text-align:left;
	line-height:13px;
	padding:0 18px;
	margin:0 0 0 640px;
	border-left:#99e115 1px solid;
}

#yoyomedia .caption {
	display:inline-block;
}

/* --------- Controles du Glider ----------- */

#control-produits {
	background-color:#b9c873;
}

#control-apropos {
	background-color:#9eb96c;
}

#glider-1 {
	float:none;
	display:inline-block;
	margin:9px 0 0 0;
	white-space: nowrap;
}

#glider-1 .controls {
	float:none;
	display:inline-block;
	vertical-align:top;

}

#glider-1 .controls a {
	position:relative;
	display:inline-block;
	width:35px;
	height:348px;
	line-height:350px;
	margin:0 0 0 1px;
}

#glider-1 .controls a img {
	position:absolute;
	bottom:0;
	border:none;
	margin:0 0 18px 10px;
}

#glider-1 .scroller {
	white-space: normal;
	float:none;
	display:inline-block;
	border:none;
	width:621px;
	height:349px;
	margin:0 0 0 1px;
}

#glider-1 .section {
	padding:0;
	width:623px;
	height:348px;
}


/* ------------ Accueil ---------- */
#accueil {

}

/* ------------ Produits ---------- */
#produits.section {
width:581px; /*623px*/
height:328px; /*348px*/
padding:20px 0 0 40px;
overflow-y:auto;
}

#produits h2 {
font-size:18px;
line-height:24px;
margin:0 0 24px 0;
font-weight:bold;
color:#575a5d;
}

#produits .product-photo {
margin:0 0 24px 0px;
}

#produits .product-description {
font-size:10px;
width:300px;
margin:0 0 24px 16px;
}

#produits .product-description h3 {
margin:0 0 0 0;
color:#575a5d;
font-weight:bold;
}

#produits .product-description p {
margin:0 0 0 0;
color:#575a5d;
font-weight:normal;
font-size:12px;
line-height:14px;
}

/* ------------ A propos ---------- */
#apropos.section {
width:623px; /*623px*/
height:348px; /*348px*/
padding:0;
overflow-y:auto;
}

#apropos .apropos-content {
width:543px; /*623px*/
height:242px; /*348px*/
padding:40px;
}

#apropos h1 {
font-size:18px;
line-height:24px;
margin:0 0 24px 0;
font-weight:normal;
color:#575a5d;
}

#apropos p {
margin:0 0 24px 0;
font-size:12px;
line-height:16px;
color:#575a5d;
}


#apropos a {
color:#999;
text-decoration:none;
}

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