/** *******************************************************************
 * Feuille de style générale
 * --------------------------------------------------------------------
 * 16/06/2009 : perspective-communication
 *********************************************************************/

@CHARSET "ISO-8859-1";

/* Styles de prédéfinition des balises */
body, html, div, pre, p, spa, a, b, strong, td, th, label, input, textarea, em, li {
	font-family:		arial;
	text-decoration:	none;
	font-size:			9pt;
}

body, html {
	margin:				0;
	padding:			0;
/*	background-color:	#484848;*/
}

div {
	display:			block;
	font-family:		arial;
}

p {
	font-size:			9pt;
	font-family:		arial;
}

a {
	font-family:		arial;
	text-decoration:	none;
}

a:hover {
	font-size:			9pt;
/*	text-decoration:	underline;*/
}

h1 {
	font-family:		arial;
	font-size:			13pt;
	padding:			0;
	margin:				0;
}

h2 {
	font-family:		arial;
	font-size:			9pt;
	text-decoration:	underline;
	padding:			0;
	margin:				0;
}

h3 {
	font-family:		arial;
	font-size:			9pt;
	padding:			0;
	margin:				0;
}

img {
	border:				none;
}

pre {
	margin:				10px;
	padding:			10px;
	background-color:	#C9B779;
	border:				solid 1px #FF6600;
}

div.clean {
	clear:				both;
	height:				0px;
	font-size:			1px;
}

.upper {
	text-transform:		uppercase;
}

.under {
	text-decoration:	undercase
}

.small {
	font-size:			7pt;
}

.standard {
	font-size:			8pt;
}

.medium {
	font-size:			9pt;
}

.large {
	font-size:			10pt;
}

.x-large {
	font-size:			12pt;
}

.xx-large {
	font-size:			14pt;
}

.bold {
	font-weight:		bold;
}

.right {
	position:			relative;
	float:				right;
}

.left {
	position:			relative;
	float:				left;
}

.no-marge {
	margin:				0;
}

.load {
	background:			url(../images/loading.gif) no-repeat 50% 50%;
	height:				140px;
}

.ispan {
	color:				#E20018;
	font-size:			7pt;
}

div#body {
	position:			absolute;
	width:				1024px;
/*	min-height:			869px;*/
	margin:				0px;
	left:				50%;
	margin-left:		-512px;
}

div#body #centre {
	position:			relative;
	width:				1024px;
/*	min-height:			869px;*/
}
/*
label {
	color:				#FFFFFF;
	text-transform:		uppercase;
	font-weight:		bolder;
	font-size:			7pt;
}
*/
div#body #centre #main {
	position:			relative;
	width:				1024px;
	background:			#FFFFFF;
}

div#body #centre #header {
	position:			relative;
}

/* Eléments communs vitrine-boutique du header */
div#body #centre #header #logo {
	width:				230px;
	height:				195px;
}

div#body #centre #header #banniere {
	width:				794px;
	height:				195px;
}

div#body #centre #header #ariane {
	margin-left:		30px;
/*	color:				#696A64;*/
	color:				#ffffff;
	font-size:			9pt;
	font-weight:		bold;
	margin-top:			5px;
}

div#body #centre #header #ariane a {
/*	color:				#696A64;*/
	color:				#ffffff;
	font-size:			9pt;
	font-weight:		bold;
}

div#body #centre #header #ariane a:hover {
	text-decoration:	underline;
}


/* Styles pour le scroll */
.jScrollPaneContainer {
	position:			relative;
	overflow:			hidden;
	z-index:			1;
}

.jScrollPaneTrack {
	position:			absolute;
	cursor:				pointer;
	right:				0;
	top:				0;
	height:				100%;
	background:			#E3E3E3;
/*	border:				outset 1px #E3E3E3;*/
}
.jScrollPaneDrag {
	position:			absolute;
	background:			#444444;
	cursor:				pointer;
	overflow:			hidden;
	border:				outset 1px #FFFFFF;
}
.jScrollPaneDragTop {
	position:			absolute;
	top:				448px;
	left:				0;
	overflow:			hidden;
}
.jScrollPaneDragBottom {
	position:			absolute;
	bottom:				0;
	left:				0;
	overflow:			hidden;
}
.jScrollCap {
	background:			#FFFFFF;
}
a.jScrollArrowUp {
	display:			block;
	position:			absolute;
	z-index:			1;
	top:				0;
	right:				0;
	text-indent:		-2000px;
	overflow:			hidden;
	/*background-color: #666;*/
	background:			url(../images/arrow_top.jpg) no-repeat 0 0;
	height:				24px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display:			block;
	position:			absolute;
	z-index:			1;
	bottom:				0;
	right:				0;
	text-indent:		-2000px;
	overflow:			hidden;
	/*background-color: #666;*/
	background:			url(../images/arrow_bottom.jpg) no-repeat 0 0;
	height:				24px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

div#menu .smenupos li a:hover,
div#menu .smenupos li a.select {
	font-weight:		bold;
}

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

/* Positionnement du bloc de droite */
div#body #col_right {
	position:			relative;
	float:				left;
	width:				180px;
	margin-top:			15px;
}

/* Positionnement du pied de page */
div#body #centre #footer {
	width:				1024px;
	height:				30px;
	position:			relative;
	background:			#ABABAB;
	z-index:			1;
}

div#body #centre #footer .footer {
	position:			relative;
	text-align:			center;
}

div#body #centre #footer .footer a {
	color:				#FFFFFF;
	font-size:			8pt;
	margin-left:		35px;
	margin-right:		35px;
}

div#body #centre #footer .footer a:hover,
div#body #centre #footer .footer .select {
	text-decoration:	underline;
}

/* Eléments communs site vitrine et boutique */
div#body #corps .contenu .titre {
	margin-bottom:		5px;
}

div#body #corps .contenu .titre span {
	font-family:		arial black, sans serif;
	background:			#444444;
	color:				#FFFFFF;
	padding:			4px 20px;
	font-size:			12pt;
	margin:				0;
	font-weight:		bold;
}

div#body #corps .bloc-inside {
	color:				#444444;
}

div#body #corps table .back_white {
	background:			#FFFFFF;
	padding:			3px;
}

div#body #corps table .back_white th {
	text-align:			left;
	font-size:			7pt;
	color:				#E1011B;
	text-transform:		uppercase;
	padding-bottom:		3px;
}

div#body #corps table .back_white th span {
	text-transform:		none;
}

div#body #corps table .back_white td {
	font-size:			7pt;
	color:				#717173;
}

div#body #corps table .label {
	width:				116px;
	font-size:			6pt;
}

div#body #corps table .back_white td input {
	border:				solid 1px #BBBBBB;
	background:			#D6D6D6;
	width:				126px;
	font-size:			7pt;
}

div#body #corps table .back_white td select {
	border:				solid 1px #BBBBBB;
	background:			#D6D6D6;
	width:				128px;
	font-size:			7pt;
}

div#body #corps table .back_white a {
	font-size:			7pt;
	color:				#717173;
}

div#body #corps table .back_white a:hover {
	text-decoration:	underline;
}

div#body #corps table .back_white .nuancier {
	text-align:			center;
	width:				56px;
}

div#body #corps table .back_white .nuancier .square {
	width:				17px;
	height:				17px;
	margin:				auto;
	cursor:				pointer;
}

div#body #corps table .back_white .nuancier .nuance {
	font-size:			4px;
}

/* page "Qui sommes nous ?" */
div#body #corps .bloc-inside .fbloc {
	background:			url(../images/bck_qsn.jpg) no-repeat 0 0;
	position:			relative;
	width:				538px;
	height:				185px;
}

div#body #corps .bloc-inside .fbloc .pict {
	width:				151px;
	height:				114px;
	margin-top:			17px;
	margin-left:		14px;
}

div#body #corps .bloc-inside .fbloc .text {
	width:				350px;
	height:				114px;
	margin-top:			17px;
	margin-right:		14px;
}

div#body #corps .bloc-inside .fbloc .text p {
	margin:				0;
}

div#body #corps .bloc-inside .text_col {
	margin-top:			32px;
	width:				538px;
}

div#body #corps .bloc-inside .text_col .std_dim {
	width:				250px;
}

div#body #corps .bloc-inside .text_col .std_dim p {
	margin:				0;
}

div#body #corps .bloc-inside .text_col .col_brdr {
	padding-left:		19px;
	border-left:		dotted 1px #000000;
/*	margin-right:		-10px;*/
}

/* Page "Conditions générales de vente" */
div#body #corps .bloc-inside .cgv {
	background:			url(../images/bck_cgv.jpg) no-repeat 0 0;
	position:			relative;
	width:				537px;
	height:				418px;
	margin-top:			19px;
	margin-bottom:		20px;
}

div#body #corps .bloc-inside .cgv p {
	margin:				0;
}

div#body #corps .bloc-inside .cgv .cgv_bloc {
	width:				247px;
	padding-top:		10px;
}

div#body #corps .bloc-inside .cgv .mleft {
	margin-left:		11px;
}

div#body #corps .bloc-inside .cgv .mright {
	margin-right:		6px;
}

/* Page "Mentions légales" */
div#body #corps .bloc-inside .mentions {
	background:			url(../images/bck_mentions.jpg) no-repeat 0 0;
	position:			relative;
	width:				538px;
	height:				146px;
	margin-top:			19px;
}

div#body #corps .bloc-inside .mentions .mbloc {
	position:			relative;
	margin-left:		14px;
	padding-top:		17px;
	margin-right:		14px;
}

div#body #corps .bloc-inside .mentions p {
	margin:				0;
}

/* Page de recherche */
div#body #corps .search .smarge {
	margin-top:			3px;
	padding-left:		9px;
	padding-right:		9px;
	margin-bottom:		32px;
}

div#body #corps .search .smarge h2 {
	color:				#58585A;
	font-size:			11pt;
	font-weight:		normal;
	text-decoration:	none;
	font-style:			italic;
	margin-bottom:		10px;
}

div#body #corps .search .smarge .resultat {
	margin-top:			10px;
}

div#body #corps .search .smarge .resultat h1 {
	color:				#DE021B;
	font-size:			12pt;
	font-weight:		normal;
	margin:				0;
	padding:			0;
}

div#body #corps .search .smarge .resultat a {
	color:				#87888A;
	font-size:			11pt;
}

div#body #corps .search .smarge .resultat a:hover {
	text-decoration:	underline;
}

div#body #corps .search .smarge .resultat p {
	margin:				0;
}

div#body #corps .search .smarge .l1 {
	color:				#E31F35;
}

div#body #corps .search .smarge .l2 {
	color:				#9C9D9F;
}

div#body #corps .search .smarge .l1:hover,
div#body #corps .search .smarge .l2:hover {
	text-decoration:	underline;
}

/* positionnement de la popup */
#masque,
#masque1,
#masque2 {
	position:			fixed;
	background-color:	black;
	height:				100%;
	width:				100%;
	z-index:			20;
	-moz-opacity:		0.5;
	opacity:			0.5;
	filter:				alpha(opacity=50);
	top:				0px;
	left:				0px;
	visibility:			hidden;
	overflow:			hidden;
}

#filter,
#filter1,
#filter2 {
	position:			absolute;
	left:				50%;
	margin:				0;
	margin-left:		-254px;
	top:				320px;
	width:				518px;
	float:				right;
	background-color:	#424242;
	visibility:			hidden;
	z-index:			100;
/*	background:			url(../images/masque.jpg) no-repeat 0 0;*/
}

#filter h1,
#filter1 h1,
#filter2 h1 {
	background-color:	#FFCC00;
	padding:			3px 5px;
}

#filter .msg,
#filter1 .msg,
#filter2 .msg {
	margin:				6px 15px;
	position:			relative;
}

.close {
	position:			absolute;
	top:				0px;
	right:				0px;
	border:				0px;
	width:				55px;
	color:				#000000;
	font-size:			9pt;
	margin-top:			5px;
	cursor:				pointer;
}

#filter .valid,
#filter1 .submit,
#filter2 .submit {
	position:			absolute;
	bottom:				7px;
	right:				15px;
}

#filter .default-bloc,
#filter1 .default-bloc,
#filter2 .default-bloc {
	background:			#FFFFFF;
	margin:				10px 10px;
	position:			relative;
}

#filter .default-bloc .titre-inside,
#filter1 .default-bloc .titre-inside,
#filter2 .default-bloc .titre-inside {
	font-family:		DIN-Bold, arial;
	font-size:			16pt;
	font-weight:		normal;
	color:				#FFFFFF;
	display:			block;
	padding:			8px 18px;
	padding-top:		6px;
	background:			#000000;
}

#filter .default-bloc .text-inside,
#filter1 .default-bloc .text-inside,
#filter2 .default-bloc .text-inside {
	margin:				25px;
	margin-bottom:		0;
}

#filter .default-bloc .text-inside input,
#filter1 .default-bloc .text-inside input {
	border:				solid 1px #EAEAEA;
	height:				18px;
}

#filter1 .default-bloc .mandatory {
	position:			absolute;
	bottom:				10px;
	left:				10px;
	color:				#FE0000;
	font-size:			7pt;
}

#filter .default-bloc .more {
	position:			absolute;
	bottom:				0px;
	right:				0px;
}

#filter1 .default-bloc .more,
#filter2 .default-bloc .more {
	position:			absolute;
	bottom:				-7px;
	right:				-15px;
}

#filter .default-bloc .more .submit,
#filter1 .default-bloc .more .submit,
#filter2 .default-bloc .more .submit {
	border:				0px;
	width:				104px;
	height:				24px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	font-size:			7pt;
	text-align:			center;
	background:			#000000;
	cursor:				pointer;
}

/* Eléménets divers */
div.ref p {
	color:				#909090;
	font-size:			8pt;
}

div.ref strong {
	color:				#909090;
}

div#map_canvas {
	border:				solid 1px #888785;
}

div#map_canvas span {
	font-size:			6pt;
}