/*******************************************************************************
CONSTRUCTION
*******************************************************************************/
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(../media/fd_background.gif);
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body a {
	color: #C03;
	text-decoration: none;
}
body a:hover { color: #6F6; }
ul {
	padding: 0 0 0 30px;
}
div#conteneur {
	width: 894px;
	margin: 0 auto;
}
div#contenu {
	color: #f6f5e2;
	padding: 40px 20px 0 20px;
	text-align: justify;
}
div#conteneur img {display: block;}
div#contenu img {display: inline;}
div#footer {
	width: 100%;
	height: 34px;
	color: #993300;
	background-image: url(../media/fd_footer.gif);
	text-indent: 124px; 
	line-height: 20px;
}
/*******************************************************************************
BOUTONS
*******************************************************************************/
div#bt_commande a {
	display: block;
	width: 348px;
	height: 87px;
	background: url(../media/bt_commande.gif) 0 0 no-repeat;
	margin: 30px 0 0 12px;
}
div#bt_commande a:hover {background-position: 0 -87px;}
div#bt_nouscontacter a {
	display: block;
	width: 422px;
	height: 85px;
	background: url(../media/bt_nouscontacter.gif) 0 0 no-repeat;
	float: right;
	margi-top: 30px;
}
div#bt_nouscontacter a:hover {background-position: 0 -85px;}
div#bt_accueil a {
	display: block;
	width: 124px;
	height: 55px;
	background: url(../media/bt_accueil.gif) 0 0 no-repeat;
}
div#bt_accueil a:hover {background-position: 0 -55px;}
div#bt_assary a {
	display: block;
	width: 124px;
	height: 60px;
	background: url(../media/bt_assary.gif) 0 0 no-repeat;
}
div#bt_assary a:hover {background-position: 0 -60px;}
div#bt_livres a {
	display: block;
	width: 124px;
	height: 61px;
	background: url(../media/bt_livres.gif) 0 0 no-repeat;
}
div#bt_livres a:hover {background-position: 0 -61px;}
div#bt_dirigeant a {
	display: block;
	width: 124px;
	height: 64px;
	background: url(../media/bt_dirigeant.gif) 0 0 no-repeat;
}
div#bt_dirigeant a:hover {background-position: 0 -64px;}
div#bt_enplus {
	width: 267px;
	height: 29px;
	line-height: 27px;
	text-indent: 20px;
	background: url(../media/bt_enplus.gif) 0 0 no-repeat;
}
/*******************************************************************************
BOUTON QUANTITE
*******************************************************************************/
div#bt_qt a {
	display: block;
	width: 16px;
	height: 16px;
}
div#bt_qt a:hover {background-position: 0 -16px;}
.bt_qt_plus a {background: url(../media/bt_qt_plus.gif) 0 0 no-repeat;}
.bt_qt_moins a {background: url(../media/bt_qt_moins.gif) 0 0 no-repeat;}
/*******************************************************************************
LISTE
*******************************************************************************/
ul#lien li {
	list-style-type: none;
	background: url(../media/gr_puceliste.gif) no-repeat 0 3px;
	padding-left: 12px;
	padding-bottom: 10px;
	text-align: left;
	margin: 0;
}
/*******************************************************************************
STYLE
*******************************************************************************/
h1, h2, .onglet {
	color: #fbc037;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1 {font-size: 21px;}
h2 {font-size: 17px;}
.titre1 {
	font-size: 17px;
	color: #000;
}
.txt_plus {
	color: #FC3;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.txt_moins {
	font-size: 13px;
	font-weight: normal;
	color: #AAAAAA;
}
.cadre {
	border: 1px solid #e2be6a;
}
.etape {
	font-size: 17px;
	font-weight: normal;
	color: #7755ae;
}
.extrait {
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}
/*******************************************************************************
FORMULAIRE
*******************************************************************************/
.titreTab {
	color: #FF0000;
	letter-spacing: 2px;
	border-bottom: 1px solid #68469c;
	padding: 15px 7px 0 7px;
}
.form_tableau {
	margin: 20px auto;
	border: 1px dotted #68469c;
}
.form_label {
	text-align: left;
	padding-left: 20px;
	color: #CCCCCC;
}
.form_champ {
	border: 1px solid #68469c; 
	margin: 0;
	padding: 1px;
	color: #000000;
	background-color: #FFFFFF;
}
.form_champR {
	border: 1px solid #FF0000; 
	margin: 0;
	padding: 1px;
	color: #000000;
	background-color: #FFFFFF;
}
.form_button {
	background-color: #68469c;
	border: 1px solid #FF0000;
	padding: 3px;
	color:#FFF;
}
/*******************************************************************************
MESSAGE
*******************************************************************************/
div#msg {
	width:450px;
	margin: 30px auto;
	padding: 0;
	border: 1px dotted #68469c;
	text-align: center;
	color: #f6f5e2;
}
.msg_titre {
	font-size: 17px;
	border-bottom: 1px solid #68469c;
}
.msg_content {
	padding: 20px;
	margin: 0;
}