@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:#2e2e2e url("./images/fond2.gif") 0 0 repeat-x;
	color:#747474;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:center;
}
a{
	text-decoration:none;
	color:#747474;
}
a:hover{
	text-decoration:none;
	color:#b3b3b3;
}
img{
	border:0;
}
div.clearboth{
	clear:both;
}
div.container{
	width:980px;
	height:auto;
	margin:0 auto 0 auto;
	text-align:left;
}
div.menu{
	float:right;
	width:446px;
	height:86px;
	background:url("./images/fd_menu.gif") top right no-repeat;
}
	div.menu ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	div.menu ul li{
		float:left;
	}
		div.menu ul li a.btn1{
			display:block;
			width:104px;
			height:86px;
			margin:0;
			padding:63px 0 0 7px;
			background:url("./images/fd_btn.gif") 0 0 no-repeat;
		}
		div.menu ul li a.btn2{
			display:block;
			width:104px;
			height:86px;
			margin:0;
			padding:50px 0 0 7px;
			background:url("./images/fd_btn.gif") 0 0 no-repeat;
		}
		div.menu ul li a:hover{
			/*color:#747474;*/
			background:url("./images/fd_btn_hover.gif") 0 0 no-repeat;
		}
div.content{
	width:790px;
	height:auto;
	margin:15px auto 0 auto;
	padding:0;
}
div.content_text{
	width:400px;
	height:auto;
	/*border:1px solid #383538;*/
	float:left;
	margin:0;
	padding:0;
}
	div.content_text h1{
		width:392px;
		height:auto;
		border:1px solid #383538;
		margin:0;
		padding:1px 4px 1px 4px;
		color:#c39d19;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	div.text{
		width:392px;
		height:auto;
		border:1px solid #383538;
		margin:7px 0 0 0;
		padding:4px;
	}
div.content_text2{
	width:790px;
	height:auto;
	/*border:1px solid #383538;*/
	float:left;
	margin:0;
	padding:0;
}
	div.catalogue {
	
	}
		div.thumb3 {
			width: 148px; /* 290 */
			height: auto; /* 249 */
			border:1px solid #383538;
			float:left;
			text-align:center;
			margin: 0 0 0 60px;
			padding: 4px 0 0 0;
		}
			div.thumb3 a {
				outline: none;
			}
			div.thumb3 a:hover img{
				opacity:0.50;
				filter:alpha(opacity=50);
			}
		
		div.thumb2 {
			width: 298px; /* 290 */
			height: 253px; /* 249 */
			border:1px solid #383538;
			float:left;
			text-align:center;
			margin: 0;
			padding: 4px 0 0 0;
		}
			div.thumb2 a {
				outline: none;
			}
			div.thumb2 a:hover img{
				opacity:0.50;
				filter:alpha(opacity=50);
			}
			
		div.descrip2 {
			width: 450px;
			min-height: 247px;
			height: auto;
			border: 1px solid #383538;
			float: left;
			margin: 0 0 0 4px;
			padding: 5px;
		}
			div.descrip2 input.submit {
				width: auto;
				height: auto;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				color: #c39d19;
				font: normal 11px Arial, Helvetica, sans-serif;
				border: none;
				float: left;
				background: none;
				outline: none;
				cursor:pointer;
			}
			div.descrip2 a.delete {
				width: auto;
				height: auto;
				margin: 0 15px 0 0;
				padding: 0 0 0 0;
				color: #c39d19;
				font: normal 11px Arial, Helvetica, sans-serif;
				float: right;
				border: none;
			}
			
			div.descrip2 p.input {
				margin: 0 0 0 5px;
				padding: 0 0 0 0;
				font: normal 11px Arial, Helvetica, sans-serif;
				clear: both;
			}
				div.descrip2 p.input span.intitule {
					width: 100px;
					float: left;
					display: block;
					/*border: 1px solid #FF0000;*/
				}
				div.descrip2 p.input span.champ {
					width: 250px;
					float: left;
					display: block;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					/*border: 1px solid #FF0000;*/
				}
					div.descrip2 p.input span.champ input {
						height: auto;
						margin: 0 0 3px 0;
						padding: 0 0 0 0;
						font: normal 11px Arial, Helvetica, sans-serif
					}
					
					div.descrip2 p.input span.champ select {
						width: 150px;
						height: auto;
						margin: 0 0 3px 5px;
						padding: 0 0 0 0;
						font: normal 11px Arial, Helvetica, sans-serif;
					}
				
		div.catalogue p.titre {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			font: bold 11px Arial, Helvetica, sans-serif;
			color:#c39d19;
		}
			div.catalogue p.titre a.edit {
				font: normal 10px Arial, Helvetica, sans-serif;
			}
		div.catalogue p.texte {
			height: 58px;
			margin: 5px 0 5px 0;
			padding: 0 0 0 0;
			font: normal 10px Arial, Helvetica, sans-serif;		
		}
		div.catalogue p.texte_prod {
			margin: 5px 0 5px 0;
			padding: 0 0 0 0;
			font: normal 10px Arial, Helvetica, sans-serif;		
		}
		
		div.catalogue h1{
			width:370px;
			height:auto;
			border:1px solid #383538;
			margin:0;
			padding:1px 4px 1px 4px;
			color:#c39d19;
			font:normal 11px Arial, Helvetica, sans-serif;
		}
		div.catalogue ul{
			margin: 0;
			padding: 0;
			list-style: none;	
		}
		div.catalogue li{
			margin: 14px 0 0 14px;
			padding: 0;
			float: left;
		}
	
	div.content_text2 h1{
		width:790px;
		height:auto;
		border:1px solid #383538;
		margin:0;
		padding:1px 4px 1px 4px;
		color:#c39d19;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	div.text2{
		width:790px;
		height:auto;
		border:1px solid #383538;
		margin:7px 0 0 0;
		padding:4px;
	}
#video{
	width:380px;
	height:300px;
	float:right;
	margin:0;
	padding:0;
}
#video2{
	width:380px;
	height:320px;
	clear:both;
	margin:0 auto 10px auto;
	padding:0;
}
#close_video{
	width:380px;
	height:auto;
	clear:both;
	margin:0 auto 10px auto;
	padding:0;
}
	#close_video a{
		color:#c39d19;
		float:right;
		cursor:pointer;
	}
div.footer{
	width:980px;
	height:auto;
	margin:0 0 0 0;
	padding:15px 0 0 0;
	text-align:center;
	clear:both;
}
	div.footer ul{
		width:400px;
		margin:10px auto 0 auto;
		padding:0;
		list-style:none;
	}
		div.footer ul li{
			float:left;
		}
			div.footer ul li a{
				margin:0 15px 0 15px;
			}
	div.footer p{
		padding:15px 0 15px 0;
		text-align:center;
		clear:both;
	}
	
div.liste_gauche{
	width:380px;
	height:auto;
	/*border:1px solid #383538;*/
	float:left;
	margin:0;
	padding:0;
}
div.liste_droite{
	width:380px;
	height:auto;
	/*border:1px solid #383538;*/
	float:right;
	margin:0;
	padding:0;
}
	div.liste_gauche h1{
		width:370px;
		height:auto;
		border:1px solid #383538;
		margin:0;
		padding:1px 4px 1px 4px;
		color:#c39d19;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	div.liste_droite h1{
		width:370px;
		height:auto;
		border:1px solid #383538;
		margin:0;
		padding:1px 4px 1px 4px;
		color:#c39d19;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	div.liste_gauche ul{
		margin:0;
		padding:0;
		list-style:none;	
	}
	div.liste_gauche li{
		margin:5px 0 0 0;
		padding:0;
	}
	div.liste_droite ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	div.liste_droite li{
		margin:5px 0 0 0;
		padding:0;
	}
	div.thumb{
		width:148px;
		height:110px;
		border:1px solid #383538;
		float:left;
		text-align:center;
		margin:0;
		padding:4px 0 0 0;
	}
		div.thumb a {
			outline: none;
		}
		div.thumb a:hover img{
			opacity:0.50; 
			filter:alpha(opacity=50);
		}
	div.descrip{
		width:214px;
		height:104px;
		border:1px solid #383538;
		float:left;
		margin:0 0 0 4px;
		padding:5px;
	}
		div.descrip p{
			margin:15px 0 0 0;
			padding:0;
		}
		div.descrip a.show_clip{
			color:#c39d19;
			float:right;
		}
		div.descrip a.show_clip:hover{
			color:#a68716;
		}
/*---------------------------------------------*/
form{

}
form p {
	margin:4px 0 0 25px;
	padding:0;
}
form span.intitule{
	width:110px;
	display:block;
	text-align:left;
	float:left;
	margin:0 4px 0 0;
}
form input.field{
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:0 0 0 2px;
}
form input.fielderror{
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:0 0 0 2px;
	background:#826061;
}
form textarea{
	width:235px;
	height:80px;
	font:normal 10px Arial, Helvetica, sans-serif;
	border:1px solid #510000;
	
}
form textarea.error{
	width:235px;
	height:80px;
	font:normal 10px Arial, Helvetica, sans-serif;
	border:1px solid #510000;
	background:#826061;
	
}
form select{
	margin:0 0 0 1px;
	font:normal 10px Arial, Helvetica, sans-serif;
}
form input.bouton{
	float:right;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#c39d19;
	border:1px solid #333333;
	margin:5px 15px 0 0;
	cursor:pointer;
}
/*---- MESSAGE ---------------------------------------------------------------------------------------------------------*/
#message{
	width: 100%;
	height: auto;
	left: 0px;
	margin: 220px auto 0 auto;
	padding: 10px;
	position: absolute;
	text-align: center;
}
#message a {
	text-decoration: none;
	color: #963E2F;
}
#message p.close{
	margin: 25px 0 0 0;
}
#message_box{
	width: 450px;
	height: auto;
	margin:0 auto 0 auto;
	padding: 10px 10px 15px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #333333;
	border: 1px solid #FFFFFF;
	opacity: 0.9 ;
	filter: alpha(opacity=90)!important;
}