/*
	main parameters
*/


body {
	/* Besoin de régler la marge body et padding pour obtenir de l'uniformité entre navigateurs. */
	margin:0px 0px;
	padding:0px;
	/* Hack for IE5/Win */
	text-align:center; 
	background-color:white;
	background-position: top center;
	background-image: url('/0-img/main_bkgd.gif');
	background-repeat: repeat-y;
	}

body, td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	}

/*
	Home
*/
	
BODY.home {
	margin:0px 0px;
	padding:0px;
	text-align:center;
	background-image: url('/0-img/home_bkgd.gif');
	background-position: center 50px;
	background-repeat: no-repeat;
}

#homeContent {
	width: 723px;
	margin: 0px auto; /* Largeurs marges droite et gauche réglées à "auto" */
	text-align: left; /* Hack de Neutralisation pour IE5/Win */
}

#homeLogo {
	margin:0px 0px;
	padding:0px;
	width: 723px;
	text-align: center;
}

#homeProduits {
	margin:0px 0px;
	padding:0px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 723px;
	text-align: center;
}

.homeProduits {
	background-color: #ffcc33;
}

A.homeProduitsTitre {
	color: #660000;
	text-decoration: none;
	font-weight: bold;
}

.homeNav {
	background-color: #003399;
}

A.homeNav {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

A.homeNav:hover {
	color: #ffffff;
	text-decoration: underline;
}

#homeFooter {
	position: absolute;
	top: 579px;
	width: 723px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*
	div properties
*/
#Main {
	width: 712px;
	/* Largeurs marges droite et gauche réglées à "auto" */
	margin: 0px auto;
	/* Hack de Neutralisation pour IE5/Win */
	text-align: left; 
	
	}

#Header {
	position: absolute;
}

#Content {
	width: 712px;
	position: absolute;
	top: 162px;
	z-index: 1;
}
.contentBkgd { background-image: url('/0-img/content_bkgd.gif'); background-repeat: repeat-y; }

#Nav {
	width: 167px;
	position: absolute;
	top: 162px;
	z-index: 2;
	
}
.colLeftBkgdNavVol { background-image: url('/0-img/nav_bkgd.gif'); background-repeat: repeat-y; }

.navCatBkgd {
	background-image: url('/0-img/nav_catalogue_bkgd.gif');
	background-repeat: repeat-y;
}
.navCatItem {
	width: 110px;
	height: 17px;
	background-image: url('/0-img/nav_catalogue_itembkgd.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 20px;
	color: #ffffff;
	font-weight: bold;
}
.navQSNBkgd {
	background-image: url('/0-img/nav_qsn_bkgd.gif');
	background-repeat: repeat-y;
}
.navQSNItem {
	width: 110px;
	height: 17px;
	background-image: url('/0-img/nav_qsn_itembkgd.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #ffffff;
	font-weight: bold;
}
.navMiscBkgd {
	background-image: url('/0-img/nav_misc_bkgd.gif');
	background-repeat: repeat-y;
}
.navMiscItem {
	width: 110px;
	height: 17px;
	background-image: url('/0-img/nav_misc_itembkgd.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #ffffff;
	font-weight: bold;
}
A.navItemLink {
	color: #ffffff;
	text-decoration: none;
}
A.navItemLink:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*
	popup dedicated
*/

body.popup {
	margin:0px 0px; padding:0px; /* Besoin de régler la marge body et padding pour obtenir de l'uniformité entre navigateurs. */
	text-align:center; /* Hack for IE5/Win */
	background-image: none;
	background-color: #ffcc33;
	}

#MainPopup {
	margin: 0px auto; /* Largeurs marges droite et gauche réglées à "auto" */
	text-align: left; /* Hack de Neutralisation pour IE5/Win */
	}

TD.popPict {
	background-image: url('/0-img/pop_pict_bkgd.gif');
	background-repeat: repeat-y;
}

TD.popTxtLeft {
	padding-left: 24px;
	text-align: left;
}

IMG.popPict {
	
}

H1.popup {
	margin-bottom: 0px;
	font-size: 12pt;
	font-weight: bold;
	color: #660000;
	}

.popPict {
	background-color: #ffffff;
}

TR.popAdd {
	background-image: url('/0-img/pop_pict_bkgd.gif');
	background-repeat: repeat-y;
}

INPUT.popAdd {
	width: 30px;
	color: #666666;
	border: 1px solid;
	border-color: #ffcc33;
	font-size: 8pt;
	text-align: right;
}

.popAddPdt {
	color: #660000;
}

/*
	selection related
*/

.pictPanier {
	vertical-align: middle;
}

.padLeft {
	padding-left: 10px;
}

.padRight {
	padding-right: 10px;
	text-align: right;
}

.req {
	color: #660000;
}

TR.selRecap {
	height: 25px;
	background-color: #ffcc33;
}

INPUT.selRecap {
	width: 30px;
	color: #000000;
	border: 1px solid;
	border-color: #660000;
	font-size: 8pt;
	text-align: right;
}

INPUT.selForm {
	width: 200px;
	color: #000000;
	border: 1px solid;
	border-color: #660000;
	font-size: 8pt;
}

TD.selListSep {
	background-color: #660000;
}

/*
	content styles
*/


.catItem {
	background-color: #ffcc33;
	}

.pictItem {
	background-color: #ffffff;
	}
	
H1 {
	font-size: 12pt;
	font-weight: bold;
	color: #660000;
	}

H2 {
	font-size: 10pt;
	font-weight: bold;
	color: #660000;
	margin-top: 20px;
	}

A {
	text-decoration: underline;
	color: #660000;
}

A:hover {
	text-decoration: underline;
	color: #660000;
}

A.listLink {
	color: #000000;
}

.path {
	color: #666666;
}

A.path {
	text-decoration: none;
	}

A.path:hover {
	text-decoration: underline;
	}

A.txtBlack {
	color: #000000;
	text-decoration: none;
	}

.pictTool {
	margin: 3px;
}

.txtJustify {
	text-align: justify;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

/*
	disclaimer styles
*/
.copy {
	font-size: 7pt;
	color: #000000;
}
A.copy {
	text-decoration: none;
}
A.copy:hover {
	text-decoration: underline;
}

input.authForm {
	width: 150px;
	color: #666666;
	border: 1px solid;
	border-color: #ffcc33;
}