/* - - - - - - - - - - - - - - - - - - - - -
Title : General - Spot Image NSL - CSS File
Description : This file contain all general CSS specifications for NSL project
Copyright (c) 2005-2006 WS Interactive
Author : Sebastien Pauchet <sebastien.pauchet@ws-interactive.fr>
Created : 20/12/2005
$Id: index.css,v 1.4 2007/09/25 16:12:17 sebastien Exp $
- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */
@import url("menu.css");

body
{
	font: bold 10px Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	background-image: url(../img/background.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: none;
}

/* ----- IDS ----- */
/* welcome texte d'accueil avec le nom du user connecte*/
#welcome
{
	font: bold 1.2em Verdana,Arial,Helvetica,sans-serif;
	color: #6A6A6A;
	padding: 0 0 0 23px;
	z-index : 100;
	position: relative;
	left: 0;
	float: left;
	margin-left: 30px;
}
#welcome span
{
	color: #F96D18;
}
/* message texte Le catalogue produits de spot image */
#message
{
	position: absolute;
	margin: 0 0 0 210px;
}

#flashsirius
{
	position: absolute;
	margin: 2px 0 0 112px;
}

/* --- Header ----*/
#logo
{
	position: relative;
	height: 135px;
}

/* ----- Menu ----- */
/*
For IE, to avoid bubbling with objects below the menu, we use the IPU (bbhhh) to mask bubbling events
*/

#barreMenu
{
	height: 18px;
	margin-right: 23px;
	z-index: 8;
	background-image: url(../img/bckgd_barreCompte.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*#IPU
{
	/*Blessed be her holy hooves
	position: absolute;
	margin: 0 0 0 577px;
	width: 400px;
	height: 190px;
	z-index: 999;
	background-color: pink;
	filter: alpha(opacity=0);
	display: none;
}*/

#menu
{
	position: relative;
	/*-bottom: 14px;*/
	z-index: 10;
}

#language select
{
	float: right;
	display: block;
	background: url(../img/menu_compte_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 18px;
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif;
	border: none;
	cursor: pointer;
	position: relative;
	/*-bottom: 14px;*/
	z-index: 8;
	width: 90px;
}

/* --- Header ----*/

/* ----- content ----- */


#content
{
	width: 958px;
	padding: 15px 15px 15px 15px;
	min-height: 453px;
	/*color: #305782;*/
	position: relative;
	z-index: 3;
}

#content em
{
	font: normal 1em Verdana,Arial,Helvetica,sans-serif;
	font-style: italic;
}

#tableContent
{
	margin-left: -15px;
	vertical-align: top;
	border-spacing: 5px;
}

#tableContent td
{
	vertical-align: middle;
	text-align: center;
}

.cartoContainer
{
}

.tabContainer
{
	width: 100%;
	/*width: 391px;*/
	/*height: 570px;*/
}


/* ----- tab ----- */
#tab
{
	width: 100%;
	/*float: right;*/
	overflow:hidden;
}

#tab div
{
	float: left;
	height: 32px;
	font: bold 1.2em Verdana,Arial,Helvetica,sans-serif;
	text-align:center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 32px;
}

.separation
{
	background: url(../img/separation_onglet.gif) repeat-x bottom left;
	width: 0.5%;
}

.bordGaucheTab
{
	background: url(../img/pixelOnglet.gif) repeat-x bottom left;
	width: 2% !important;
	width: 1%;
		/*-moz-border-radius: 20px;*/
}

.bordDroitTab
{
	background: url(../img/pixelOnglet.gif) repeat-x bottom left;
	width: 2%;
	/*	-moz-border-radius: 20px;*/
}

#searchTab, #resultTab, #orderTab
{
	background: url(../img/pixelOnglet.gif) repeat-x bottom left;
	color: #FFFFFF;
	height: 32px;
	line-height: 32px;
	width: 31%;
}

#searchTab.on, #resultTab.on, #orderTab.on
{
	background: url(../img/pixelOngletOn.gif) repeat-x bottom left;
	font: bold 1.2em Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF; 
	height: 32px;
	line-height: 32px;
	width: 31%;
}

#tab div a, #tab div a:link, #tab div a:active, #tab div a:visited
{
	font: bold 1em Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
		height: 32px;
	line-height: 32px;
}
#tab div a:hover
{
	font: bold 1em Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
			height: 32px;
	line-height: 32px;
}

/* ----- carto ----- */
#carto
{
}

embed, object
{
}

/* ----- innerframe ----- */
#innerframe
{
	width: 100%;
	height: 547px;
}

#frameborder
{
	width: 100%;
	padding: 0 0 0 0;
	border: 1px #b7c0c8 dashed;
	border-top: 0;
}

#frameborder.fullscreen
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*float: right;*/ /*position: relative;*/
	border: 1px #b7c0c8 dashed;
}
/* ----- footer ----- */
#footer
{
	height: 25px;
}

#subfooter
{
	background-image: url(../../img/traitH_footer.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	overflow: hidden;
}

#footer ul
{
	padding: 8px 0 0 20px;
	margin: 0;
}
#footer li
{
	display: inline;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited
{
	font: 1.0em Verdana,Arial,Helvetica,sans-serif;
	color: #898989;
	text-decoration: none;
	background: url(../img/footer.gif) no-repeat center right;
	padding: 0 10px 0 10px;
}
#footer a:hover
{
	font: 1.0em Verdana,Arial,Helvetica,sans-serif;
	color: #898989;
	text-decoration: underline;
}
#copyright
{
	font: normal 1em Verdana,Arial,Helvetica,sans-serif;
	color: #898989;
	float: right;
	margin: -14px 38px 0 0;
}
/* ----- debug / messages ----- */
#prWindow
{
	position: absolute;
	background-color: #CECECE;
	border: 1px solid #000000;
	right: 0px;
	top: 0px;
	z-index: 1000;
	padding: 5px;
	max-width: 800px;
}
#userMessage
{
	float: right;
	position: relative;
	width: 365px;
	margin: -529px 0 0 0;
	border: 2px solid #FF0000;
	text-align: center;
	padding: 20px;
}
#userMessage.fullscreen
{
	width: 918px;
	margin: 0 0 0 0;
}

/* -- bordure de page---*/

#page
{
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 998px;
}

.page-border-left
{
	background-image: url(../img/page-border-left.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

.page-border-right
{
	background-image: url(../img/page-border-right.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

/* ----- CLASSES ----- */

.hide
{
	display: none;
}
.show
{
	display: block;
}
.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}
.middle, .loading
{
	vertical-align: middle;
}
/* ----- TAGS ----- */

h1
{
	font: bold 1.4em Arial,Verdana,,Helvetica,sans-serif;
	color: #68717c;
	margin: 4px 0 0 0;
	padding: 90px 0 0 0px;
}
h2
{
	font: bold 1.1em Verdana,Arial,Helvetica,sans-serif;
	font-style: italic;
	color: #68717c;
	margin: 3px 0 0 0;
	padding: 0 0 0 40px;
}

h3 span
{
	text-transform: none;
}
img
{
	border: 0px;
}

/* ----- FORMS ----- */
form
{
	padding: 0px;
	margin: 0px;
}
/* ----- BUTTONS ----- */
/*span.buttonright
{
	padding-right: 18px;
	background: url(../img/picto_button_right.gif) no-repeat center right;
}
/*
span.buttonleft
{
	/*padding-left: 18px;*/ /*background: url(../img/picto_button_left.gif) no-repeat center left;*/
/*}
.button, span.buttonright input, span.buttonleft input
{
	/*font: bold 1em Verdana,Arial,Helvetica,sans-serif; 	width: auto; 	height: 16px; 	color: #FFFFFF; 	background-color: #F96D18; 	cursor: pointer;*/
/*	border: 0;
	background-color: Transparent;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #FFFFFF;
	height: 28px;
}

*/
/*.button-transparent
{
	border: 0;
	background-color: Transparent;
}

.orange-button-text
{
	background: url(../img/orange-button-left.jpg) no-repeat scroll 0 0;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 28px;
	line-height: 28px;
	padding-left: 16px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
}*/

.form-header-bg
{
	background-image: url(../img/form-top-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:inherit;
}

.form-header
{
	background-image: url(../img/form-top-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 0px 0px 16px;
}

.form-header span
{
	background-image: url(../img/h3_span_on.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
}

/* ---- Boutons ------ */
.colored-button
{
	width:auto;
	border: 0;
	/*width:auto;*/
}

.orange-button-left, .gray-button-left, .red-button-left
{
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 28px;
	line-height: 28px;
	/*margin-right: 10px;*/
	padding-left: 16px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
}

.orange-button-left
{
	background: url(../img/orange-button-left.jpg) no-repeat center left;
}

.gray-button-left
{
	background: url(../img/gray-button-left.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.red-button-left
{
	background: url(../img/red-button-left.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.gray-button-right, .orange-button-right, .red-button-right
{
	height: 28px;
	width: 10px;
}

.gray-button-right
{
	background: url(../img/gray-button-right.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.orange-button-right
{
	background: url(../img/orange-button-right.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.red-button-right
{
	background: url(../img/red-button-right.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.orange-button-left input, .gray-button-left input, .red-button-left input
{
	color: #FFFFFF;
	border: 0px solid transparent;
	background-color: Transparent;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: 700;
}

.buttonsLeft 
{
	float:left;
	border: 0;
}

.buttonsRight
{
	float:right;
	border: 0;
}

.buttonsCenter
{
/*	margin-left: 50%;
	margin-right:-50%;*/
	width:auto;
	border: 0;
	margin : auto;
}