/*
Title:	fdb-edition styles pour screen media
Author:	Eric Tranchart, contact[arro]studio-tranchart.com
Updated:	30 Mars 2009
Notes:	Plouzan�, Finist�re, France
*/

/* ---[ general ]------------------------------- */

html {
	padding: 0;
	margin: 0;
	background-color: #F6F6F4;
	background-image: url(imports/papier5562-4.jpg);
	}


/* ---[ page ]------------------------------- */

body {
	padding: 0;
	position: relative;
	margin: 15px auto 0 auto;
	width: 600px;
	background-color: #EED970;
	background-image: url(imports/entete01.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border-top: 1px solid #5784B9;
	border-left: 1px solid #5784B9;
	border-right: 1px solid #5784B9;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular, sans-serif;
	text-align: justify;
	color: #303030;
	}
/* masque pour Explorer-Mac \*/
body {
	background-position: 0 0;
	}
/* fin du masque*/

a {
	text-decoration: none;
	color: #5784B9;
	}
a:hover {
	color: #BA0000;
	}

.liensuite {
	font-size: 10px;
	color: #5784B9;
	white-space: nowrap;
	}

/* ---[ col. gauche ]------------------------------- */

#colgauche {
	position: relative;
	width: 155px;
	float: left;
	background-color: transparent;
	padding: 0 10px 0 10px;
	margin: 0;
	}
#logo {
	position: relative;
	left: 15px;
	top: 17px;
	}

/* ---[ menu ]------------------------------- */

#menu {
	position: relative;
	top: 70px;
	}

#menu a {
	display: block;
	font-size: 15px;
	line-height: 17px;
	text-align: left;
	background-image: url(imports/pucebleue.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 18px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #5784B9;
	}
#menu a:hover {
	background-image: url(imports/pucerouge.gif);
	}


/* ---[ nouvelles ]------------------------------- */

#news {
	width: 150px;
	height: auto;
	position: relative;
	margin-top: 80px;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	}
#titrenews {
	Width: 100px;
	height: 15px;
	position: relative;
	float: left;
	background-color: transparent;
	Border-bottom: 1px solid #BA0000;
	font-style: italic;
	text-indent: 4px;
	letter-spacing: 3px;
	color: #BA0000;
	display: inline;
	}
#onglet {
	Width: 15px;
	height: 15px;
	position: relative;
	float: left;
	background-color: transparent;
	background-image: url(imports/onglet1.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFF;
	}
#newshd {
	Width: 33px;
	height: 15px;
	position: relative;
	float: left;
	background-color: #FFF;
	border-top: 1px solid #BA0000;
	border-right: 1px solid #BA0000;
	}
.articlenews {
	display: block;
	Width: 131px;
	height: auto;
	position: relative;
	clear: left;
	background-color: #FFF;
	border-left: 1px solid #BA0000;
	border-right: 1px solid #BA0000;
	border-bottom: 1px dotted #BA0000;
	padding: 8px;
	}

.articlenews H2 {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
	}

/* ========= [ contenu ] ========= */

.accueil {
	position: absolute;
	text-align: right;
	font-style: italic;
	top: 20px;
	right: 30px;
	width: 40px;
	border-bottom: dotted 1px #5784B9;
	}

#contenu {
	position: relative;
	margin-top: 93px;
	width: 420px;
	float: right;
	padding: 0;
	background-color: #FFF;
	border-left: 1px dotted #5784B9;
	}

#contenu p {
	margin: 0 30px 10px 30px;
	padding: 0;
	text-indent: 10px;
	}
#contenu ul {
	margin: 0 30px 10px 30px;
	list-style-image: url(imports/titpucejaune.gif);
	}
#contenu ol {
	margin: 0 30px 10px 30px;
	}
#contenu li {
	margin: 10px 0 10px 0;
	}
.chapeau {
	font-style: italic;
	font-size: 13px;
	line-height: 20px;
	font-family: 'Courrier New', 'Trebuchet MS', 'Lucida Console', Geneva,Swiss,SunSans-Regular, serif;
	text-indent: 0;
	}
.imatexte {
	display: block;
	margin: 0 auto;
	}

.bienvenue {
	display: block;
	margin: 40px 30px 20px 30px;
	font-size: 36px;
	line-height: 30px;
	font-variant: small-caps;
	font-weight: bold;
	color: #68978C;
	text-align: left;
	letter-spacing: 4px;
	border-bottom: 4px solid #EED970;
	}
H1 {
	display: block;
	padding: 0;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: normal;
	}
H3 {
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	background-image: url(imports/tete.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 20px 30px 10px 30px;
	padding-left: 20px;
	color: #5784B9;
	}

.sommaire {
	padding-right: 70px;
	border-bottom: 1px dotted #303030;
	text-indent: 0;
	}

div.diapo {
	float: left;
	width: 152px;
	height: 152px;
	padding: 5px;
	margin: 0 10px 5px 30px;
	background-color: #CCC;
	border: 2px solid;
	border-color: #888 #888 #000 #000;
	}
div.diapo img {
	border: 1px solid;
	border-color: #000 #000 #888 #888;
	}
div.v img {
	height: 150px;
	width: 114px;
	margin: 0 18px;
	}
div.h img {
	height: 114px;
	width: 150px;
	margin: 18px 0;
	}
.clear {
	clear: left;
	display: block;
	}

.titre {
	display: block;
	text-indent: 0;
	font-weight: bold;
	}

.comment {
	display: block;
	float: left;
	margin: 10px 0;
	padding: 10px 0;
	text-indent: 0;
	font-style: italic;
	border-top: 1px dotted #888;
	}

/* ---[ pub. ]------------------------------- */

.pub {
	display: block;
	background-color: #F6F6F4;
	position: relative;
	margin: 50px 0 0 0;
	padding : 0;
	border-top: 1px dotted #5784B9;
	height : 145px;
	}

.pub a img {
	border: none;
	padding : 0;
	}

.titre {
	position: relative;
	margin: 10px 0 0 0;
	padding-bottom : 3px;
	}
.vignette {
	position: relative;
	float: left;
	margin: 15px;
	padding: 0;
	font-style: italic;
	}

.textpub {
	display: block;
	margin-right: 15px;
	padding: 0 0 25px 0;
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	}

/* ---[ bon de commande ]------------------------------- */

.articl {
	clear: left;
	display: block;
	background-color: #F6F6F4;
	position: relative;
	margin: 0 -40px;
	padding : 0;
	border-top: 1px dotted #5784B9;
	height : 145px;
	}

.vignetteproduit {
	position: relative;
	float: left;
	margin: 15px;
	padding: 0;
	font-style: italic;
	}

.livreseul {
	position: relative;
	float: left;
	margin: 15px 45px 15px 44px;
	padding: 0;
	font-style: italic;
	}

.produit {
	height: 100px;
	width: 220px;
	position: absolute;
	left: 174px;
	text-indent: 0;
	text-align: center;
	padding: 10px 7px;
	margin-top: 10px;
	background-color: #FFF;
	}

.livraison {
	width: 340px; 
	margin: 5px 0 10px 0; 
	text-align: right; 
	line-height: 35px;
	}

/* ---[ pied ]------------------------------- */

#piedpage {
	width: 580px;
	height: 22px;
	position: relative;
	clear: right;
	background-color: #5784B9;
	padding: 3px 10px 0 10px;
	margin: 0;
	text-align: left;
	}
#piedpage a {
	color: #FFF;
	margin: 0 0 0 6px;
	padding: 0 11px 0 0;
	border-right: 1px dotted #FFF;
	}
#piedpage a:hover {
	color: #BA0000;
	}
#piedpage em {
	position: absolute;
	bottom: 4px;
	right: 10px;
	display: block;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
	color: #FFF;
	}