@CHARSET "ISO-8859-1";

/* Positionnement du header */
div#body #centre #header {
	background:			#424242 url(../../images/back_header.jpg) repeat-x 0 -1px;
	height:				291px;
}

div#body #centre #header #hnav {
	margin-top:			10px;
	width:				724px;
}

div#body #centre #header #divfields {
	margin-right:		16px;
}

div#body #centre #header #divfields td {
	color:				#B1B1B1;
}

div#body #centre #header #divfields td a {
	color:				#B1B1B1;
	font-size:			9pt;
	font-weight:		bold;
}

div#body #centre #header #divfields td .fieldSearch {
	border:				solid 1px #2E2E2E;
	background:			#4A4A4A;
	width:				138px;
	color:				#B1B1B1;
	margin:				0;
	padding:			0:
}

div#body #centre #header #divfields td .submitSearch {
	width:				21px;
	height:				19px;
	vertical-align:		-5px;
	margin-left:		-2px;
}

div#body #centre #header ul {
	margin:				0;
	padding:			0;
	list-style:			none;
	font-size:			0;
}

div#body #centre #header li {
	margin:				0;
	padding:			0;
	list-style:			none;
}

div#body #centre #header #nav .onglet {
	background:			url(../../images/onglet_gen.jpg) no-repeat 0 0;
	width:				118px;
	height:				24px;
	margin-right:		1px;
	margin-top:			11px;
	text-align:			center;
}

div#body #centre #header #nav .select,
div#body #centre #header #nav .onglet:hover {
	background:			url(../../images/onglet_home.jpg) no-repeat 0 0;
}

div#body #centre #header #nav .shop {
	background:			url(../../images/onglet_vente.jpg) no-repeat 0 0;
}

div#body #centre #header #nav .floor {
	background:			url(../../images/onglet_floor.gif) no-repeat 0 0;
}

div#body #centre #header #nav .onglet a {
	margin-top:			3px;
	display:			block;
	font-size:			9pt;
	color:				#E6E6E6;
}

div#body #centre #header #nav .onglet:hover a,
div#body #centre #header #nav .select a {
	color:				#424242;
}

div#body #centre #header #nav .shop a {
	color:				#434144;
}

div#body #centre #header #nav .floor a {
	color:				#FFD401;
}

div#body #centre #header #nav .onglet a strong {
	font-size:			10pt;
}

div#body #centre #header #nav .onglet a:hover {
	color:				#424242;
}

div#body #centre #header #nav .onglet ul {
	position:			absolute;
	width:				125px;
	background:			#5C5C5C;
	margin-top:			5px;
}

div#body #centre #header #nav .onglet ul li {
	text-align:			left;
	padding:			3px;
}

div#body #centre #header #nav .select ul a,
div#body #centre #header #nav .onglet ul a,
div#body #centre #header #nav .onglet:hover ul a {
	color:				#F4F4F4;
	font-size:			7pt;
	text-transform:		none;
	font-weight:		normal;
}

div#body #centre #header #nav .onglet ul li:hover {
	background:			#F4F4F4;
}

div#body #centre #header #nav .onglet ul a:hover {
	color:				#5C5C5C;
}

div#body #centre #header #accroche {
	width:				268px;
	padding-left:		32px;
	border-bottom:		solid 1px #A0A0A0;
	margin-top:			23px;
}

div#body #centre #header .bottom {
	background-color:	#FFCC00;
	width:				1024px;
	height:				26px;
}

div#body #centre #header .bottom .liner,
div#body #centre #header .bottom #fca {
	height:				26px;
}

/* Positionnement du menu */
div#menu {
	position:			relative;
	width:				231px;
	float:				left;
	min-height:			446px;
	margin:				0;
}

div#menu .bck_menu {
	background:			#424242 url(../../images/back_menu.jpg) no-repeat left bottom;
	border-left:		solid 1px #C4C4C4;
	width:				204px;
	padding-top:		13px;
}

div#menu ul {
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

div#menu ul li {
	list-style:			none;
	margin:				0px;
	z-index:			1001;
}

div#menu .menu {
	position:			relative;
	float:				right;
	width:				204px;
}

div#menu .menu a {
	font-size:			10pt;
	padding-top:		3px;
	padding-left:		7px;
	height:				26px;
	display:			block;
	color:				#FFFFFF;
	margin-left:		14px;
	margin-right:		19px;
}

div#menu .menu a span {
	font-size:			12pt;
	font-weight:		bold;
	color:				#FFCC00;
}

div#menu ul li.smenu {
	border:				0px;
}

div#menu .clas:hover,
div#menu .class {
	background:			url(../../images/hover_menu.jpg) no-repeat 0 0;
}

div#menu .clas:hover a,
div#menu .clas a:hover,
div#menu .class a {
	color:				#424242;
}

/* Positionnement du bloc de droite (pages "Qui sommes nous ?) */
div#body #col_right {
	padding-top:		20px;
	margin-top:			78px;
	background:			url(../../images/back_ent_right.jpg) no-repeat 0 0;
	height:				306px;
	width:				172px;
}

div#body #col_right .bloc {
	position:			relative;
	width:				136px;
	height:				130px;
	margin-top:			0px;
	margin-left:		15px;
	vertical-align:		top;
}
div#body #col_right .bloc p {
	margin-top:			0px;
}

/* Positionnement du bloc central */
div#body #centre #main {
	background:			#EFEFEF url(../../images/back_col_left.jpg) repeat-y 0 0;
}

div#body #corps {
	position:			relative;
	float:				left;
	width:				793px;
}

div#body #corps .contenu {
	margin-top:			30px;
	margin-left:		38px;
	margin-right:		38px;
	margin-bottom:		38px;
}

div#body #corps .lhome {
	width:				489px;
}

div#body #corps .lhome .question {
	width:				489px;
	height:				254px;
	background:			url(../../images/back_home_main.jpg) no-repeat 0 0;
}

div#body #corps .lhome .new {
	margin-top:			4px;
	margin-left:		-15px;
	width:				246px;
	height:				131px;
	background:			url(../../images/back_home_bottom.jpg) no-repeat 0 0;
}

div#body #corps .lhome .applique {
	margin-top:			17px;
	width:				244px;
	height:				118px;
	background:			url(../../images/back_home_applique.jpg) no-repeat 0 0;
}

div#body #corps .rhome {
	width:				161px;
	margin-right:		9px;
	background:			url(../../images/back_home_right.jpg) no-repeat 0 0;
	height:				253px;
}

div#body #corps .contenu .question .hdesc {
	padding-top:		0px;
	padding-left:		0px;
	padding-right:		8px;
}

div#body #corps .contenu .new .hdesc {
	padding-top:		15px;
	padding-left:		75px;
	padding-right:		8px;
}

div#body #corps .contenu .applique .hdesc {
	padding-top:		0px;
	padding-left:		25px;
	padding-right:		8px;
}

div#body #corps .contenu .rhome .hdesc {
	padding-top:		0px;
	padding-left:		8px;
	padding-right:		8px;
}

div#body #corps .contenu .hdesc h2 {
	font-size:			15pt;
	text-decoration:	none;
	margin:				0;
	padding:			0;
	font-family:		arial black, sans serif;
	color:				#5D5D5F;
}

div#body #corps .contenu .hdesc ul {
	margin:				6px 0;
	padding-left:		15px;
}

div#body #corps .contenu .hdesc li {
	margin:				0;
}

/* Positionemmenent des éléments des références */
div#body #corps .references h2 {
	margin:				0;
	margin-top:			13px;
	font-size:			11pt;
	text-decoration:	none;
	font-weight:		normal;
}

div#body #corps .references strong {
	font-size:			11pt;
}

div#body #corps .references p {
	margin:				0;
}

div#body #corps .reference {
	background:			url(../../images/back_vignette.jpg) no-repeat 0 0;
	width:				142px;
	margin-right:		37px;
	height:				150px;
	font-size:			8pt;
	margin-top:			10px;
}

div#body #corps .reference .visuel {
	position:			relative;
	width:				120px;
	height:				90px;
	margin:				11px;
}

div#body #corps .reference .visuel a img {
	width:				120px;
	height:				90px;
	opacity:			0.75;
	filter:				alpha(opacity=75);
}

div#body #corps .reference .visuel a:hover img {
	width:				120px;
	height:				90px;
	opacity:			1;
	filter:				alpha(opacity=100);
}

div#body #corps .reference .corner {
	background:			url(../../images/corner.gif) no-repeat 0 0;
	position:			absolute;
	right:				0;
	top:				91px;
	width:				26px;
	height:				25px;
}

div#body #corps .reference h3 {
	font-size:			8pt;
	margin-top:			5px;
}

/* Page produit - site vitrine */
div#body #corps .contenu .bloc-vignette {
	position:			relative;
	float:				left;
	width:				208px;
	margin-top:			5px;
}

div#body #corps .contenu .bloc-vignette .vertical {
	position:			relative;
	float:				left;
	width:				30px;
	height:				116px;
}

div#body #corps .contenu .bloc-vignette .vignette {
	position:			relative;
	float:				right;
	width:				174px;
	height:				116px;
}

div#body #corps .contenu .description {
	position:			relative;
	float:				left;
	width:				320px;
	margin-left:		30px;
}

div#body #corps .contenu .description h2 {
	font-size:			16pt;
	font-family:		arial black, sans serif;
	font-weight:		bold;
	text-decoration:	underline;
	color:				#7C7C7E;
}

div#body #corps .contenu .description strong {
	color:				#7C7C7E;
}

div#body #corps .contenu .conseil {
	background:			url(../../images/bck_conseil.jpg) no-repeat 0 0;
	width:				167px;
	height:				142px;
}

div#body #corps .contenu .conseil p {
	font-size:			7pt;
}

div#body #corps .contenu .conseil a {
	display:			block;
	position:			absolute;
	left:				15px;
	bottom:				10px;
	width:				110px;
	text-align:			left;
	font-size:			8pt;
	color:				#FF0000;
}

/* Positionnement de la page de recherche */
div#body #corps .search {
	background:			url(../../images/bck_search_shop.jpg) no-repeat 0 0;
	width:				537px;
	height:				418px;
	position:			relative;
	margin-top:			19px;
}

div#body #corps .search .smarge {
	height:				390px;
}

/* Positionnement du nuancier */
div#body #corps .nuance {
	width:				107px;
	margin-right:		36px;
	margin-top:			15px;
	text-align:			center;
}

div#body #corps .nuance span {
	color:				#737373;
	font-size:			7pt;
}