/*---- BODY ------------------------------------------------------------------------------------------------------------*/
body {
	width: 100%;
	height: auto;
	font: normal 12px arial;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #96A0CD;
}
/*---- SPACER & A & IMG-------------------------------------------------------------------------------------------------*/
div.spacer {
	clear: both;
}
h1 {
	font: bold 13px arial;
	color: #650608;
}
img {
	border: none;
}
a {
	outline: none;
}
/*---- BANNER ----------------------------------------------------------------------------------------------------------*/
div.banner {
	width: 980px;
	height: 142px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/banner.jpg') top left no-repeat;
}
/*---- NEWS ----------------------------------------------------------------------------------------------------------*/
div.news {
	width: 980px;
	height: 24px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/news.jpg') top left no-repeat;
}
/*---- CONTENU ---------------------------------------------------------------------------------------------------------*/
div.contenu {
	width: 980px;
	min-height: 300px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/fd_contenu.jpg') top left repeat-y;
}
/*---- CONTENU SELECTION ------------------------------------------------------------------------------------------------*/
div.contenu_selection {
	width: 980px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/fd_selection.jpg') top left repeat-y;
}

div.thumbs_content
{
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width:840px;
	height:auto;
	float:right;
}
div.thumbs_content h2
{
	margin:10px 0 10px 0;
	padding:0 0 0 0;
 	font: normal 14px arial;
	color: #FFED00;
	text-align:center;	
}

div.thumbs_content p
{
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	text-align:center;
}

div.thumbs_content p.selection_prix
{
/*	margin:5px 0 5px 0;
	padding:0 0 0 0;
	text-align:center;*/
	color: #FFED00;
}

div.thumbs
{
	margin:0 15px 0 15px;
	width:133px;
	height:auto;
	float:left;
}

/*---- COLONNE DE GAUCHE -----------------------------------------------------------------------------------------------*/
div.col_gauche {
	width: 132px;
	min-height:100px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:left;
}
/*---- BOX COLONNE DE GAUCHE -------------------------------------------------------------------------------------------*/
div.box_header
{
	width: 121px;
	height: 10px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/box_header.jpg') top left no-repeat;
}
div.box_content
{
	width: 121px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/box_content.jpg') top left repeat-y;
}

div.box_content p
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	font: normal 12px arial;
	color: #FFED00;
}

div.box_footer
{
	width: 121px;
	height: 10px;
	margin: 0 auto 20px auto;
	padding: 0 0 0 0;
	background: url('images/box_footer.jpg') top left no-repeat;

}
/*---- BOX DES MARQUES -------------------------------------------------------------------------------------------------*/
	#cont_ref {
		width: 95px;
		height: 145px; 
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: left;
		position: relative; 
		overflow: hidden;
	}	
		#cont_ref #marquee_ref {
			width: 95px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
			position: absolute;
		}
		#cont_ref #marquee_ref2 {
			width: 95px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
			position: absolute;
		}
/*---- COLONNE DE DROITE -----------------------------------------------------------------------------------------------*/
div.col_droite {
	width: 842px;
	min-height:100px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:right;
	/*border:1px solid #0000CC;*/
}
/*---- CARROUSEL -------------------------------------------------------------------------------------------------------*/
#carousel{
	background-color:#FFFFFF;
	width:840px;
	height:270px;
	position:relative;
	border:1px solid #FFFFFF;
	
}
	
#carousel img{
	/*width:100%;*/
	width:128px;
	height:auto;
	border:0px solid #FFFFFF;
	display:block;
}
/*---- CONTENU_TEXTE----------------------------------------------------------------------------------------------------*/
div.contenu_texte
{
	width:800px;
	margin: 0 auto 0 auto;
	padding:0 0 0 0;
	text-align:justify;
}
div.contenu_texte h1
{
	margin:10px 0 10px 0;
	font: normal 16px arial;
	color:#5365A5;
}
/*---- MENU ------------------------------------------------------------------------------------------------------------*/

div.menu {
	width: 95px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	
	/*border: 1px solid #00FF00;*/
}
	div.menu a.onglet {
		width: 95px;
		height: 25px;
		margin: 0 0 0 0;
		padding: 5px 0 0 0;
		text-decoration: none;
		text-align: center;
		font: normal 12px arial;
		color: #FFED00;
		display: block;
		float: left;
		border-bottom:1px solid #FFED00;
	}
	div.menu a.onglet:hover {
		/*font: bold 12px Arial, Helvetica, sans-serif;*/
		color: #FFFFFF;
	}
/*---- MARQUES-----------------------------------------------------------------------------------------------------------*/

div.marques {
	width: 95px;
	height: 150px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
	
/*---- VOLET -----------------------------------------------------------------------------------------------------------*/
/*	#volet_gauche {
		width: 560px;
		height: auto;
		margin: 5px 0 0 15px;
		padding: 0 0 0 0;
		float: left;
	}
		#volet_gauche h1.titre {
			margin: 0 0 0 5px;
			padding: 0 0 0 0;
			color: #333333;
		}
		#volet_gauche div.texte {
			width: 550px;
			height: auto;
			margin: 8px 0 0 10px;
			padding: 0 0 0 0;
		}
	
	#volet_droit {
		width: 370px;
		height: auto;
		margin: 28px 15px 0 0;
		padding: 0 0 0 0;
		text-align: center;
		float: right;
	}*/
	
	
	
/*---- PARTIE CONTACT-----------------------------------------------------------------------------------------------------------*/
	div.formulaire_texte {
		width: 390px;
		height: auto;
		margin: 20px 0 20px 0;
		padding: 0 0 0 0;
		float: left;
	}
			div.formulaire_texte p.address {
				width: 250px;
				margin: 10px 0 0 105px;
				padding: 0 0 0 0;
				text-align: center;
				font: normal 12px Arial, Helvetica, sans-serif;
			}
	
	div.volet_droit_contact {
		width: 400px;
		height: 420px;
		margin: 20px 0 20px 0;
		padding: 0 0 0 0;
		text-align: center;
		border:1px #5365A5 solid;
		float: right;
	}
/*---- CONTACT ---------------------------------------------------------------------------------------------------------*/
	form.form_contact {
		width: 360px;
		height: auto;
		margin: 25px 0 0 15px;
		padding: 0 0 0 0;
	}
		table.form_contact {
			width: 100%;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
			table.form_contact td.intitule {
				width: 85px;
				height: auto;
				vertical-align: top;
				letter-spacing: 1px;
				font: normal 11px Helvetica, Arial, sans-serif;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
			table.form_contact td input.champ {
				width: 180px;
				height: 18px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				border: 1px solid #999999;
			}
				table.form_contact td input.champ_ko {
					width: 180px;
					height: 18px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					border: 1px solid #D24B4F;
				}
			table.form_contact td textarea.champ {
				width: 250px;
				height: 100px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				vertical-align: top;
				border: 1px solid #999999;
			}
				table.form_contact td textarea.champ_ko {
					width: 250px;
					height: 100px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					border: 1px solid #D24B4F;
				}
			table.form_contact td input.valide {
				width: 90px;
				height: 24px;
				letter-spacing: 1px;
				font: normal 11px Helvetica, Arial, sans-serif;
				margin: 10px 0 0 0;
				padding: 0 0 2px 0;
			}
/*div.footer_contenu {
	width: 980px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url('images/fd_footer.jpg') top left no-repeat;
}*/
/*---- FOOTER ----------------------------------------------------------------------------------------------------------*/
div.footer {
	width: 980px;
	height: 40px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url('images/fd_footer.jpg') top left repeat-y;
}
div.footer_content
{
	margin:0 0 0 auto;
	padding:0 0 0 0;
	width:840px;
	height:auto;
}
div.footer_content td
{
	text-align:center;
}
div.footer_content a
{
	color:#5365A5;
	text-align:center;
	text-decoration:none;
}
div.footer_content a:hover
{
	color:#96A0CD;
}
/*---- 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;
}

	/*---- LISTING PAGES ------------------------------------------------------------------------------------------------*/
		table.listing {
			width: 750px;
			height: auto;
			margin: 15px auto 0 auto;
			padding: 0 0 0 0;
			border: 1px solid #999999;
			border-collapse: collapse;
		}
			/*---- HEADER ----*/
				table.listing tr.header td {
					height:30px;
					border-bottom: 1px solid #999999;
					font: bold 13px Arial, Helvetica, sans-serif;
					text-align: center;
					background:#CCCCCC;
				}
				table.listing tr.header td.page {
					border-bottom: 1px solid #999999;
					font: bold 13px Arial, Helvetica, sans-serif;
					text-align: left;
					padding-left: 5px;
				}
			/*---- LIST PAGES ----*/
				table.listing tr.page td {
					border-bottom: 1px solid #999999;
					font: bold italic 13px Arial, Helvetica, sans-serif;
					text-align: left;
					padding-left: 4px;
					background: #CCCCCC;
				}
				table.listing td.cols_vide {
					width: 15px;
				}
				table.listing td.intitule {
					width: 120px;
					font: normal 12px Arial, Helvetica, sans-serif;
				}
				table.listing img.img_check {
					visibility: hidden;
					width: 15px;
					margin-left: 5px;
				}
			
			/*---- LIST PAGES ----*/
				table.listing tr.list td {
					border-bottom: 1px solid #999999;
					font: normal 12px Arial, Helvetica, sans-serif;
					text-align: center;
					background:#CCCCCC;
				}
				table.listing tr.list td.page {
					border-bottom: 1px solid #999999;
					font: normal 12px Arial, Helvetica, sans-serif;
					text-align: left;
					padding-left: 5px;
					width:100px;
				}
				table.listing tr.list td.page_prod {
					border-bottom: 1px solid #999999;
					font: normal 12px Arial, Helvetica, sans-serif;
					text-align: left;
					padding-left: 5px;
					width:200px;
				}

				table.listing tr.list td.actu_texte {
					border-bottom: 1px solid #999999;
					font: normal 12px Arial, Helvetica, sans-serif;
					text-align: left;
					padding-left: 5px;
					width:300px;
				}