/*-------------------  NE PAS SUPPRIMER  -------------------------*/
* { 
	margin: 0;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
}
body {
	color:#333333;
	font-size: 12px;
	background:url(/doc/img/fond-lisse-beige.gif) no-repeat 175px 68px;
	background-color:#FFFFFF;
}
p{ margin:15px 0; }
iframe, img {
	border: 0;
}
strong {
	font-weight: bolder; font-family:inherit; color:inherit;
}
small {
	font-family:inherit; color:inherit; font-size:0.75em;
}
big {
	font-family:inherit; color:inherit; font-size:1.25em;
}
ol, ul {
	list-style-position: outside;
}
td {
	vertical-align: top;
}
font {
	font-size: inherit;
}
a, a:link, a:visited, a:active {
	color:#0066CC;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

input, select, textarea {
	vertical-align: middle;
	font-size: inherit;
}

input.text, input.textarea, textarea, select {
	border: 1px solid #999999;
	color:#999999;
}
input.text{ padding:2px 1px; width:98% !important; }
label{ cursor:pointer; }

input.checkbox { margin-bottom:4px; }

/* ------------  FIN  ------------ */

/* ------------  STRUCTURES  ------------*/
#passer-introduction {
	background:url(/doc/img/passer-introduction.gif) no-repeat;
	height:27px;
	width:154px;
}
#passer-introduction a{
	text-align:center;
	line-height:27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#660000;
	text-decoration:none;
}
#conteneur{
	width:960px;
}
#menuTop{
	background:url(/doc/img/pattern-lisse-beige.gif);
}
#menuTop td{ text-align:center; vertical-align:middle; }
#menuTop a{
	font-size:17px;
	color:#000000;
	text-decoration:none;
}
#menuTop a:hover{
	text-decoration:underline;
}
#menuGauche{
	height:750px !important;
}

#menuGauche ul{
	list-style:none;
	text-align:left;
}
#menuGauche li{
	margin-bottom:15px;
	margin-left:10px;
}
#menuGauche .title{
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:15px 0 0 0 !important;
	position:relative;
	margin:0 0 10px 0 !important;
	height:auto !important;
}
#menuGauche .menu{
	margin-left:10px;
}
#menuGauche a{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
#menuGauche a:hover{
	text-decoration:underline;
}

#menuGauche .title-encadre-trans {
	position:absolute;
	top:10px;
	left:0;
	width:155px;
	height:30px;
	background-color:#ffffff;
	margin-left:10px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
#menuGauche .title-encadre {
	position:absolute;
	top:13px;
	left:0;
	width:155px;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	line-height:26px;
	margin-left:10px;
}
#menuGauche .menu-accueil{
	line-height:32px;
	height:32px;
	margin:0 !important;
	padding-left: 15px;
	background:url(/doc/img/menu-accueil.gif) no-repeat;
}
#menuGauche .menu-tapisseries{
	line-height:30px;
	height:30px;
	margin:0 !important;
	padding-left: 15px;
	background:url(/doc/img/menu-tapisserie.gif) no-repeat;
}
#menuGauche .menu-tapis{
	line-height:30px;
	height:30px;
	margin:0 !important;
	padding-left: 15px;
	background:url(/doc/img/menu-tapis.gif) no-repeat;
}
#menuGauche .menu-restauration{
	line-height:29px;
	height:29px;
	margin:0 !important;
	padding-left: 15px;
	background:url(/doc/img/menu-restauration.gif) no-repeat;
}
#menuGauche .menu-catalogues{
	line-height:28px;
	height:28px;
	margin:0 !important;
	padding-left: 15px;
	background:url(/doc/img/menu-catalogues.gif) no-repeat;
}
#menuGauche .menu-collection-prestige{
	line-height:31px;
	height:31px;
	margin:0 !important;
	padding-left: 15px;
	background:url(/doc/img/menu-collection-prestige.gif) no-repeat;
}
#menuGauche .menu-contact{
	line-height:29px;
	height:29px;
	margin:0 !important;
	padding-left: 15px;
	background:url(/doc/img/menu-contact.gif) no-repeat;
}

#contenu{
	/*padding:0 0 50px 0;*/
	background:none;
	text-align:left;
	vertical-align:top !important;
	font-size:13px;
	text-align:justify;
}
#contenu #panel-colbert{
	top:340px;
	left:550px;
	width:300px;
	height:auto;
	padding:6px;
	display:none;
	position:absolute;
	background-color:#FFFFEE;
	z-index:999 !important;
}
#contenu #panel-certificat-origine{
	top:380px;
	left:530px;
	width:auto;
	height:auto;
	padding:6px;
	display:none;
	position:absolute;
	background-color:#FFFFEE;
	z-index:999 !important;
}
#contenu #panel-maitre-cartonnier{
	top:200px;
	left:20px;
	width:auto;
	height:auto;
	padding:6px;
	display:none;
	position:absolute;
	background-color:#FFFFEE;
	z-index:999 !important;
}
#contenu #panel-maitre-teinturier{
	top:390px;
	left:20px;
	width:auto;
	height:auto;
	padding:6px;
	display:none;
	position:absolute;
	background-color:#FFFFEE;
	z-index:999 !important;
}
#contenu #panel-metier-a-tisser{
	top:600px;
	left:20px;
	width:auto;	
	height:auto;
	padding:6px;
	display:none;
	position:absolute;
	background-color:#FFFFEE;
	z-index:999 !important;
}
#contenu #panel-flutes{
	top:600px;
	left:20px;
	width:auto;
	height:auto;
	padding:6px;
	display:none;
	position:absolute;
	background-color:#FFFFEE;
	z-index:999 !important;
}
#contenu #panel-tombee-de-metier{
	top:700px;
	left:20px;
	width:auto;
	height:auto;
	padding:6px;
	display:none;
	position:absolute;
	background-color:#FFFFEE;
	z-index:999 !important;
}
#contenu h1{
	display:block;
	background-color:#daaf5a;
	font-size:40px;
	line-height:45px;
	color:#FFFFFF;
	padding:20px;
	margin-bottom:20px;
	font-weight:normal;
	text-align:center;
}
#contenu h1 {
background-color:#DAAF5A;
color:#FFFFFF;
display:block;
font-size:40px;
font-weight:normal;
line-height:45px;
margin-bottom:20px;
padding:20px;
text-align:center;
}
#contenu h2{
	border-bottom:#daaf5a 2px solid;
	font-size:21px;
	line-height:30px;
	padding-left:30px;
	margin-top:-20px;
	margin-bottom:15px;
	font-weight:normal;
	text-align:center;
}
#plan-site{ padding: 20px 0 20px 100px; }
#plan-site ul{
	margin-left:15px;
}

#plan-site ul li{
	font-size:18px;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
}
#plan-site ul ul li{
	font-size:14px;
}

.item-prestige-tapisserie-ancienne{ 				background: url(/doc/img/item-prestige-tapisserie-ancienne.jpg) no-repeat; }
.item-prestige-tapisserie-contemporaine{ 		background: url(/doc/img/item-prestige-tapisserie-contemporaine.jpg) no-repeat; }
.item-prestige-tapis-contemporaine{ 				background: url(/doc/img/item-prestige-tapis-contemporaine.jpg) no-repeat; }
.item-prestige-tapis-ancienne{ 							background: url(/doc/img/item-prestige-tapis-ancienne.jpg) no-repeat;  }
.item-catalogue-tapisserie-ancienne{ 				background: url(/doc/img/item-catalogue-tapisserie-ancienne.jpg) no-repeat; }
.item-catalogue-tapisserie-moderne{ 				background: url(/doc/img/item-catalogue-tapisserie-moderne.jpg) no-repeat; }
.item-catalogue-tapisserie-contemporaine{ 	background: url(/doc/img/item-catalogue-tapisserie-contemporaine.jpg) no-repeat; }
.item-catalogue-tapis-ancienne{ 						background: url(/doc/img/item-catalogue-tapis-ancienne.jpg) no-repeat;  }
.item-catalogue-tapis-moderne{ 							background: url(/doc/img/item-catalogue-tapis-moderne.jpg) no-repeat; }
.item-catalogue-tapis-contemporaine{ 				background: url(/doc/img/item-catalogue-tapis-contemporaine.jpg) no-repeat; }

.item-prestige-tapisserie-ancienne,
.item-prestige-tapisserie-contemporaine,
.item-prestige-tapis-contemporaine,
.item-prestige-tapis-ancienne,
.item-catalogue-tapisserie-ancienne, 
.item-catalogue-tapisserie-moderne, 
.item-catalogue-tapisserie-contemporaine, 
.item-catalogue-tapis-ancienne, 
.item-catalogue-tapis-moderne, 
.item-catalogue-tapis-contemporaine{ padding:5px 0 0 43px; margin-bottom:8px !important; height:33px; line-height:14px; }

form .intitule{ line-height:25px; color:#000000 !important; font-size:14px; width:100px; }
form td input.text{ width:100%; }

.popclik:hover { color: #894b0e !important; }
.prestigeclik:hover { color: #daaf5a !important; }

#popup-catalog{
  display:none;
  position:absolute;
  left:24%;
  top:380px;
  z-index:500;
  width:540px;
  height:400px;
  overflow:auto;
  border:1px solid black;
  background-color:white;
}