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

/*----------------------------- liens -----------------------------*/
a {
	text-decoration: none;
	color: #330000;
	border: 0;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
}

div#pagination_controls{font-size:21px;}
div#pagination_controls > a{ color:#06F; }
div#pagination_controls > a:visited{ color:#06F; }

/*--------------------------- réglages de base -----------------------------*/
body {
	font: 14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	background: #E6E6E6;
	}

img {
	vertical-align: middle;
	border: 0;
	text-align: center;
}

.img-mini {
	max-width: 40px;
	vertical-align: middle;
	height: auto;
	margin-right: 10px;
	float: left;
	display: block;
}

#page {
	width:1000px;
	height:800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#pagebis {
	width:1000px;
	height:738px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#corps	{
	width: 770px;
	height: auto;
	float:left;
	background: #E6E6E6;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: auto;
}

#corpsbis	{
	width: 1000px;
	height: 570px;
	float:left;
	background: #E6E6E6;
	margin-bottom: 10px;
	overflow: auto;
}

#corpsperle	{
	width: 980 px;
	height: auto;
	float:left;
	background: #E6E6E6;
	padding: 10px;
	margin-bottom: 10px;
	overflow: auto;
}

hr {
	margin: 0;
	width: 100%;
	height: 2px;
	border: 0px;
	background-color: #330000;
}

/*---------------------------modif caractères -----------------------------*/

h1 {
	font: bold 20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h2 {
	font: bold 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

h3 {
	font: bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.alerte {
	font: bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F00;
	text-decoration: none;
}

sup {
	font-size: 70%;
	line-height: 70%;
	vertical-align: super;
}

.centre { text-align: center; }

.droite { text-align: right; }

.justifier {text-align: justify; }

.rougegras	{
	font-weight: bold;
	color: #F00;
}

.marron { color: #330000;}

.lettrine {
	vertical-align: bottom;
	margin-right: 2px;
}

.citation {
	font-style: italic;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
}

.efface { display:none; }

.mdp, .mdp a {
	font: italic 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
}

.text-mini {
	float: left;
	display:block;
}

/*---------------------------- header --------------------------------*/

#header	{
	width: 1000px;
	height: 160px;
	background: #E6E6E6;
	margin-bottom: 8px;
}

#logo {
	float: left;
	height: 75px;
	width: 310px;
	margin: 10px 10px 15px;
}

#hautmilieu	{
	width:460px;
	height:80px;
	font: bold 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	float: left;
	margin: 10px 20px;
}

#hautdroit	{
	width:120px;
	height:60px;
	font: 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	float: right;
	background: #330000;
	padding: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

#hautdroitbis	{
	width:120px;
	height:60px;
	font: 14px/bold "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	float: right;
	padding: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

#result {
	width: 100%;
	float: left;
	margin-bottom: 14px;
	text-align: left;
}

/*----------------------------- Bandes ----------------------------*/
#bande {
	background: url(../images/bande.png) no-repeat;
	height: 30px;
	width: 1000px;
	float: left;
}

#imagebande {
	float: left;
	height: 30px;
	width: 350px;
	display: inline-block;
}

#rech	{
	font: bold 13px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	height: 30px;
	text-decoration: none;
	vertical-align: middle;
	float: right;
	width: 550px;
	text-align: right;
	margin-right: 10px;
	display: inline-block;
}

input.rech {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
}

.bois	{
	background: url(../images/bandext.png) repeat;
}

/*----------------------- ONGLETS ---------------------------*/
#onglets {
	background: #330000;
	vertical-align: middle;
	display: inline-block;
	height: 30px;
	width: 980px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.onglet		{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 50px;
	text-align: left;
	display: inline-block;
}

.noiraublanc		{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

/*--------------------- Navigation --------------------------*/
#nav {
	width: 176px;
	height: 572px;
	float: left;
	font: bold 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	background: #E6E6E6;
	padding: 10px 12px;
	margin-bottom: 10px;
}

#nav hr {
	margin: 0;
	width: 160px;
	height: 2px;
	border: 0px;
	background-color: #330000;
}

#nav ul {
	padding: 0px;
	list-style: circle;
	margin-left: 13px;
	font-weight: bold;
	color: #4C4C4C;
}

#nav li {
	padding-left: 0px;
	text-decoration: none;
	padding-bottom: 4px;
	text-indent: -3px;
}

#nav a { color:#330000; }

/******************** Accueil ********************/
#imageindex	{
	background: url(../images/touraccueil.jpg) no-repeat center center;
	height: 568px;
	width: 348px;
	border: 1px solid #330000;
	float: left;
}

#textindex	{
	font: 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-align: justify;
	float: right;
	height: 550px;
	width: 380px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#textindexbis	{
	font: 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-align: justify;
	float: right;
	height: 568px;
	width: 600px;
	margin-right: 15px;
	margin-top: 100px;
	margin-bottom: 10px;
}

/******************** Footer ********************/
#footer	{
	width: 1000px;
	height: 30px;
	float: left;
	text-align: center;
	font: 12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	background: url(../images/bande.png) no-repeat;
}

/************************ Panier **********************/
#panierhead {
	padding: 6px;
	float: right;
	margin-right: 6px;
	height: 94px;
	font: bold normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	text-align: right;
}

a.panierhead {
	font: 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	}

.imagepanier {
	float: left;
	margin-right: 6px;
}

#panier	{
	float: left;
	width: 780px;
	height: auto;
	text-align: justify;
}

.panier {
	padding: 3px 5px;
	background: #FFFFFF;
	border: 1px solid #330000;
	border-collapse: collapse;
	font: 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/******************** Formulaires ******************/
input {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
}

input.fond	{
	font: normal 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	background: #FFF;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #330000;
	height: 16px;
	margin-bottom: 4px;
}

select.fond {
	font: normal 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	}

input.case {
	border: 1px solid #330000;
}

.bouton {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #330000;
	padding: 8px 10px;
	margin-top: 10px;
	border-radius: 6px;
	margin-bottom: 10px;
}

button {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF1CC;
	background: #330000;
}

.question {
	padding: 6px;
	border: 1px solid #330000;
	font: bold 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFFFCC;
	text-decoration: none;
	text-align: justify;
}

/********************Tableaux ******************/
.collapse {border-collapse:collapse;}

.tableauchaine {
	padding: 6px;
	border: 1px solid #900000;
	border-radius: 10px;
	vertical-align: middle;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	margin-top: 6px;
	margin-bottom: 6px;
}

.tableauproduit {
	height: 160px;
	padding: 10px;
	margin-bottom:40 px;
	margin-top:20px;
	vertical-align: middle;
	text-align: center;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
}

.tableaufacture {
	padding: 3px;
	border: 1px solid #900000;
	border-collapse: collapse;
	vertical-align: middle;
	font: 10px Arial, Helvetica, sans-serif;
	color: #330000;
}

/******************** interlignes et espaces ******************/
.lignedeux	{ font: 2px/130% Arial; }

.lignequatre	{ font: 4px/130% Arial; }

.lignesixpx	{ line-height: 6px; }

.espacecadreblanc {
	height: 8px;
	width: auto;
}

.quarpc	{
	width: 40%;
	float: left;
	text-align: left;
	padding-left: 10px;
}

.soixpc	{
	width: 60%;
	float: left;
	text-align: left;
	padding-left: 10px;
}

.trentepx	{
	display: block;
	width: 30px;
	float: left;
	text-align: left;
}

.cinqtepx	{
	display: block;
	width: 50px;
	float: left;
	text-align: left;
}

/******************** numérotation ******************/
.nrpage	{
	font-weight: bold;
	color: #330000;
	text-decoration: none;	
}

.npage	{
	font-weight: normal;
	color: #330000;
	text-decoration: none;
}

.cadrenumpage {
	font: 13px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	background: #FFF;
	padding: 6px;
	height: auto;
	width: 783px;
	border: 1px solid #330000;
}

.circle{
	margin: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #330000;
	border-radius: 30px;
	line-height: 25px;
}

/******************** cadres ******************/
.tdsans { border-style: none; }

.fin {
	padding: 4px;
	border: 1px solid #330000;	
}

.boisfin	{
	padding: 4px;
	border: 1px solid #330000;	
	background: url(../images/bandext.png) repeat;
}

.cadrefin {
	font: 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 6px;
	border: 1px solid #330000;
	border-radius: 10px;
}

.cadreprod {
	font: 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 8px;
	border: 1px solid #330000;
	border-radius: 10px;
	background: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.cadrecomments	{
	font: normal 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #fff7B0;
	text-align: justify;
	padding: 12px;
	height: auto;
	width: 704px;
	margin-top: 12px;
	margin-bottom: 12px;
	border: 1px solid #0033CC;	
}

#idcadreblanc {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	background: #FFF;
	width: 798px;
	height:586px;
	border: 1px solid #330000;
	overflow: auto;
}

#cadreblancauto {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	float:left;
	background: #FFF;
	padding: 0px 8px 8px;
	height: auto;
	width: auto;
	border: 1px solid #330000;
}

#cadreblancmarge {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	float:left;
	background: #FFF;
	padding: 8px;
	height: auto;
	width: 782px;
	border: 1px solid #330000;
	margin-top: 8px;
	margin-bottom: 8px;
}

.cadreblanc {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	background: #FFF;
	padding: 0px 8px 8px;
	height: auto;
	width: auto;
	border: 1px solid #330000;
	text-align: justify;
}

.cadreblancbis {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #330000;
	text-decoration: none;
	background: #FFF;
	padding: 0px 8px;
	height: auto;
	width: auto;
	border: 1px solid #330000;
}

#cadreinfo {
	float:left;
	background: #FFF;
	height: auto;
	width: 782px;
	border: 1px solid #330000;
	padding: 8px;
}

.cadreport {
	padding: 4px;
	border: 1px solid #330000;
	font: 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #CCCCCC;
}

.cadretitre {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #330000;
	padding: 8px 10px;
	margin-top: 10px;
	border-radius: 6px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;
}

.double {
	padding: 4px;
	border: 3px double #330000;
}

/*------------------------ Détail -------------------------*/
#visu	{
	text-align: center;
	width: 100px;
	margin-bottom: 12px;
	vertical-align: top;
	margin-right: 20px;
	display: inline-block;
	float: left;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto;
}

#visuchoix	{
	text-align: center;
	width: 100px;
	margin-bottom: 12px;
	vertical-align: top;
	margin-right: 20px;
	display: inline-block;
	float: left;
	text-decoration: none;
	height: 200px;
}

#explic {
	width: 650px;
	margin-bottom: 12px;
	float: left;
}

#explichaine {
	width: 650px;
	margin-bottom: 12px;
	float: right;
}

.libel {
	text-align: left;
	font-weight: bold;
	padding-bottom: 8px;
	vertical-align: top;
}

.descrip	{
	text-align: justify;
	padding-bottom: 8px;
}

.descripch	{
	text-align: justify;
	padding-bottom: 4px;
}

#detailcde {
	width: 600px;
	padding: 0 12px 12px;
	margin-right: 78px;
	margin-left: 78px;
	border: 1px solid #0033CC;
}

#detailautre {
	width: 768px;
	text-align: center;
	float: right;
	padding-top: 0;
	background: #FFFFFF;
}

#chapeau	{
	width: 750px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #C00;
	background: #FFFFFF;
	text-align: justify;
	padding: 1px 10px;
}

#precis	{
	font: italic bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	background: url(../images/bandext.png) repeat;
	text-align: justify;
	padding: 6px;
	margin-bottom:6px;
}

#cdedetail {
	width: 768px;
	text-align: center;
	float: left;
	padding-top: 0;
	margin-top: 24px;
}

#valider {
	text-align: center;
	display: inline-block;
	float: left;
	width: 100%;	
}

/* ---------------------------------  --------------------------------*/
.titrefin {
	padding: 4px;
	border: 1px solid #330000;
	border-collapse:collapse
	font: bold 13px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	background: #330000;
	color: #FFFFFF;
}

/*------------------------------ Produits ------------------------*/
#pendentif	{
	text-align: justify;
	text-decoration: none;
	display: block;
	padding: 6px;
	float: left;
	height: auto;
	width: 300px;
	border: 1px solid #330000;
	margin-right: 20px;
}

#pendule	{
	text-align: justify;
	text-decoration: none;
	display: block;
	padding: 6px;
	float: right;
	height: auto;
	width: 430px;
	border: 1px solid #330000;
}

.pend	{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background: #330000;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin-bottom: 8px;
}

.imgpend	{
	text-decoration: none;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
}

.libelch {
	text-align: left;
	font-weight: bold;
	padding-bottom: 4px;
	vertical-align: top;
}

.vendu {
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FF0000;
	text-align: center;
	height: 24px;
	padding-right: 30px;
	padding-left: 30px;
}

.barre { text-decoration: line-through; 	
}

#modchaine	{
	text-align: left;
	vertical-align: top;
	float: left;
	width: 370px;
	margin-right: 5px;
}

#modcordon	{
	text-align: left;
	vertical-align: top;
	float: right;
	width: 370px;
	margin-left: 5px;
}

#surmesure {
	width: 500px;
	height: auto;
	text-align: justify;
	margin: auto;
	display: block;
	line-height: 140%;
}

/*--------------------- Autres images ---------------------*/
.okbas { padding-top: 2px; }
.imagegauche { float: left; height: auto; width: auto; margin-bottom: 4px; }
.imagedroite { float: right; height: auto; width: auto; margin-bottom: 4px; }

/*----------Choix--------------*/
#imageune {
	width:15%;
	height:auto;
	float:left;
	text-align: left;
	display: block;
}
#libellechoix {width:20%; height:auto; float:left;}

#designationchoix {width:50%; height:auto; float:left; text-align:left;}

#imagedeux {
		width:15%; 
		height:auto; 
		float:left; 
		text-align: right; 
		display: block;
}

#envoichoix {
	width:100%; 
	float:left; 
	margin-top: 12px; 
	margin-bottom: 12px;
}

.imgchoix {
display: block;
margin: 0 auto;
height: 34px; /* hauteur de l'image */
width: 95px; /* largeur de l'image*/
}

.imgchaine {
	display: inline-block;
	margin: 0 auto;
	height: 95px; /* hauteur de l'image */
	width: 95px; /* largeur de l'image*/
}

/*----------------- identification ----------------------*/
#identifclient	{
	background: #FFF;
	height: auto;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #330000;
	text-align: center;
	margin-top: 40px;
}

#identifnonclient	{
	background: #FFF;
	height: auto;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #330000;
	text-align: center;
	margin-top: 40px;
}

/*------------------------------ Membres ----------------------------*/
.arianemarron {
	background:#4C4C4C;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #4C4C4C;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}

.arianeblanc {
	color: #4C4C4C;
	text-decoration: none;
	border: 1px solid #4C4C4C;
	padding-top: 4px;
	padding-bottom: 4px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
}

.cadremoitieg	{
	background: #FFF;
	float: left;
	height: auto;
	width: 384px;
	margin-right: 5px;
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #4C4C4C;
}

.cadremoitied	{
	background: #FFF;
	float: right;
	height: auto;
	width: 384px;
	margin-left: 5px;	
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #4C4C4C;
}

#adressegun	{
	background: #FFF;
	float: left;
	height: auto;
	width: 378px;
	margin-right: 5px;
	margin-top: 10px;
	border: 1px solid #4C4C4C;
}

.adressegdeu	{
	background: #FFF;
	float: left;
	height: auto;
	width: 378px;
	margin-right: 5px;
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #4C4C4C;
}

#adressedun	{
	background: #FFF;
	float: right;
	height: auto;
	width: 378px;
	margin-left: 5px;	
	margin-top: 10px;
	border: 1px solid #4C4C4C;
}

.cadreespjaune {
	padding: 4px;
	background: #4C4C4C;
	font: 14px/bold "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	margin-bottom: 15px;
	border-bottom: 1px solid #4C4C4C;
}

/*-------------------- FACTURE----------------------*/
#facture {
	background: #FFF;
	padding: 28px 43px;
	height: auto;
	width: 595px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

#tetefacture {
	background: #FFF;
	height: 226px;
	width: 100%;
	font: 10px Arial, Helvetica, sans-serif;
	color: #330000;
}

#corpsfacture {
	background: #FFF;
	height: 480px;
	width: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	color: #330000;
	overflow: auto;
}

#piedfacture {
	background: #FFF;
	height: 80px;
	width: auto;
	text-align: justify;
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #330000;
	margin-top: 40px;
}

.adressefacture {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

/*------------------------- Sondages ---------------------------------*/
#pagesondage {
	width:980px;
	height: 572px;
	background: #E6E6E6;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	float: left;
}