/* CSS Document */

/*------------------------------------------------------ DEFAULT PAGE */
body { margin:28px; background-image:url(../iso_icons/fond_body.gif); background-repeat:repeat-x;}
.page {display:block; background-color:#FFFFFF; width: 748px; padding:9px;}

td{
	 font-family:Arial, Verdana; font-size: 12px;
}

/*------------------------------------------------------ POPUP PAGE gshpReferToFriendPopup */
body.referToFriendPopupBody { margin:0px; background-image:url(../iso_icons/fond_body.gif); background-repeat:repeat-x;text-align:center;}
.referToFriendPopupBody .popupPage {display:block; background-color:#FFFFFF; width: 460px; margin:20px; margin-top:0px; text-align:left;}

.referToFriendPopupBody .popupHeader {
	width: 100%;
	padding: 4px;
}
.referToFriendPopupBody .popupHeader img.popupLogo {
	float: left;
	border: none;
}
.referToFriendPopupBody .popupHeader span.closeWindows {
	float: right;
}
.referToFriendPopupBody .popupHeader a, .popupHeader a:visited {
	margin-right: 12px;
	color: #000066;
	text-decoration: underline;
}
.referToFriendPopupBody .popupHeader a:hover,.popupHeader a:active {
	color: #000066;
	text-decoration: none;
}
.referToFriendPopupBody .popupContent {
	clear: both;
}

/*------------------------------------------------------ CADRE */
.cadre1{
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}
.cadre1Content{
	padding:15px;
}
.cadre1Content p{
	margin:0px;
	padding:0px;
}
.cadre1Titre{
	font-weight:bold;
	padding:12px 15px 0px 15px;
}
.cadre1Titre a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
.cadre1Titre a:hover{
	text-decoration:none;
	color:#000000;
}
.cadre1Titre a:active{
	text-decoration:none;
	color:#000000;
}
.cadre1Titre a:visited{
	text-decoration:none;
	color:#000000;
}
.cadre2{
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}
.cadre2Content{
	padding:15px 15px 0px 15px;
}
.cadre2Content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}
.cadre2Titre{
	font-weight:bold;
	padding:0px 15px 0px 15px;
}
.cadre2Titre a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
.cadre2Titre a:hover{
	text-decoration:none;
	color:#000000;
}
.cadre2Titre a:active{
	text-decoration:none;
	color:#000000;
}
.cadre2Titre a:visited{
	text-decoration:none;
	color:#000000;
}

.cadre3{
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	background-color:#FFFFFF;
}
.cadre3Content{
	padding:15px;
}
.cadre3Content p{
	margin:0px;
	padding:0px;
}
.cadre3Titre{
	font-weight:bold;
	padding:15px 15px 0px 15px;
	font-size:16px;
	color:#000066;
}
.cadre3Titre a{
	font-weight:bold;
	text-decoration:none;
	color:#000066;
}
.cadre3Titre a:hover{
	text-decoration:none;
	color:#000066;
}
.cadre3Titre a:active{
	text-decoration:none;
	color:#000066;
}
.cadre3Titre a:visited{
	text-decoration:none;
	color:#000066;
}


.cadre4{
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	background-color:#fbc51e;
}
.cadre4Content{
	padding:15px 15px 0px 15px;
}
.cadre4Content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000066;
	margin:0px;
	padding:0px;
}
.cadre4Titre{
	font-weight:bold;
	padding:0px 15px 0px 15px;
}
.cadre4Titre a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
.cadre4Titre a:hover{
	text-decoration:none;
	color:#000000;
}
.cadre4Titre a:active{
	text-decoration:none;
	color:#000000;
}
.cadre4Titre a:visited{
	text-decoration:none;
	color:#000000;
}

/*------------------------------------------------------ HEADER */
.header {
	width:748px;
	margin: 0px 9px 0px 9px;
	padding-bottom:11px;
	}
.logo{
	text-align:left;
	padding-left:20px;
}
.qui{
	text-align:right;
	color:#85889b;
	font-weight:bold;
}
.nbArticle{
	text-align:right;
	color:#ff8323;
	font-weight:bold;
}

/*---------------------- shortcuts */
.shortcuts img{
	margin-left:10px;
}

/*---------------------- menu1 */

.menu1 {
	background:url(../iso_icons/font_menu1.gif) repeat-x top left;
	padding-top:15px;
	color:#000066;
	height:39px;
	vertical-align:top;
}
.menu1 a{
	text-decoration:none;
	border-top:10px #000066 solid;
	padding:5px 8px 9px 8px;
	color:#000066;
	font-weight:bold;
}
.menu1 a:hover {
	border-top:10px #819ebc solid;
	background-color:#FFFFFF;
	border-top:10px #819ebc solid;
	color:#000066;
	text-decoration:none;
}
.menu1 a.selected{
	background-color:#FFFFFF;
	border-top:10px #819ebc solid;
	color:#000066;
	text-decoration:none;
}

.menu1 a:visited{
	text-decoration:none;
	color:#000066;
}
	
	
/*------------------------------------------------------ CENTER */

.center {
	padding: 0px 0px 15px 0px;
}
.pageTitle{
	color:#1797d0;
	font-size:24px;
	border-bottom:5px #dee9f5 solid;
	padding-bottom:11px;
	margin-bottom:10px;
}
.title1{
	color:#3f3f3f;
	font-size:16px;
	font-weight:bold;
}
.left {
	padding: 11px 0px 0px 0px;
	}
	
.encartRight {
	padding-top:53px;
	background: url(../iso_icons/fond_encartRight.gif) top left repeat-x;
}

/*---------------------------- menu2 */

.imgCategorie{
	padding-left:15px;
	margin-top:10px;
}
.titleCategorie{
	font-size:12px;
	font-weight:bold;
	height:22px;
	line-height:22px;	
	color:#000066;
	margin:0px 10px;
	padding:2px 5px;
	background-color:#FFFFFF;
	border:2px 2px #000066 solid;
	text-align:center;
}
.titleCategorie a, .titleCategorie a:hover, .titleCategorie a:active, .titleCategorie a:visited {
	text-decoration:none;
}
.menu2 ul{
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 15px;
	list-style-type:none;
}

.menu2 li a{
	display:block;
	margin:0px 18px 0px 0px;
	padding:0px 0px 0px 8px;
	color:#000066;
	height:22px;
	line-height:22px;
	text-decoration:none;
	border-bottom:1px #FFFFFF solid;
}

.menu2 li a:link{
	color:#000066;
	text-decoration:none;
	border-bottom:1px #FFFFFF solid;
}

.menu2 li a:hover, .menu2 li a.selected{
	margin:0px;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000066;
}

.menu2 li a:active{
	color:#000066;
	text-decoration:none;
}

.menu2 li a:visited{
	color:#000066;
	text-decoration:none;
}
.ssmenu2 {
	background-color:#FFFFFF;
	margin-top:1px;
	color:#000066;
}
.ssmenu2 ul{
	padding:6px 0px 6px 8px;
	color:#000066;
}

.ssmenu2 li a{
	background:url(../iso_icons/puce_off.gif) no-repeat left center;
	padding-left:15px;
	color:#000066;
}

.ssmenu2 li a:hover, .ssmenu2 li a.selected{
	background:url(../iso_icons/puce_on.gif) no-repeat left center;
	font-weight:bold;
	color:#000066;
}

.encartLeft {
	width:225px;
}
	

/*------------------------------------------------------ FOOTER */
	
.footer {
	margin: 0px 9px 0px 9px;
	height:102px;
	}
.shortcutsFooter1{
	padding-left:20px;
	height:54px;
	background-color:#000066;
	color:#FFFFFF;
}
.shortcutsFooter1 a{
	color:#FFFFFF;
	text-decoration:none;
}
.shortcutsFooter1 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.shortcutsFooter1 a:active{
	color:#FFFFFF;
	text-decoration:underline;
}
.shortcutsFooter1 a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}
.shortcutsFooter2{
	padding-left:20px;
	padding-top:8px;
	color:#000066;
}
.shortcutsFooter2 a{
	color:#000066;
	text-decoration:none;
}
.shortcutsFooter2 a:hover{
	color:#000066;
	text-decoration:underline;
}
.shortcutsFooter2 a:active{
	color:#000066;
	text-decoration:underline;
}
.shortcutsFooter2 a:visited{
	color:#000066;
	text-decoration:underline;
}

/* --------------------------- BOUTIQUE (Menu niveau 2) -------------------- */
/* n */
div.nav {
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 15px;
	width: 180px;
}

div.nav a, div.nav a:visited { 
	text-decoration: none;
	color: #000066; 
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	display: block;
}

div.nav a:hover, div.nav a:selected  {
	background-color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

/* n2 */
div.nav a.n2, div.nav a.n2:visited, div.nav a.n2select, div.nav a.n2select:visited { 
	font-size: 12px;
	color: #000066;
	padding: 4px 3px 3px 5px;
	margin:  0px 0px 0px 0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: normal;
	padding-left: 15px;
}
div.nav a.n2select, div.nav a.n2select:visited {
	background-color:#FFFFFF;
	color: #000066;
	font-weight: bold;
	padding-left: 15px;
}

div.nav a.n2:hover {
	color: #000066;
	font-weight: bold;
	padding-left: 15px;
}

/* n3 */
div.nav a.n3, div.nav a.n3:visited, div.nav a.n3select, div.nav a.n3select:visited { 
	font-size: 12px;
	color: #000066;
	padding: 6px 0px 6px 8px;
	margin:  0px 0px 0px 0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: normal;
	padding-left: 25px;
}
div.nav a.n3select, div.nav a.n3select:visited {
	background-color:#FFFFFF;
	color: #000066;
	font-weight: bold;
	padding-left: 25px;
}

div.nav a.n3:hover {
	color: #000066;
	font-weight: bold;
	padding-left: 25px;
}

/* n4 */
div.nav a.n4, div.nav a.n4:visited, div.nav a.n4select, div.nav a.n4select:visited { 
	font-size: 12px;
	color: #000066;
	padding: 6px 0px 6px 8px;
	margin:  0px 0px 0px 0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: normal;
	padding-left: 35px;
}
div.nav a.n4select, div.nav a.n4select:visited {
	background-color:#FFFFFF;
	color: #000066;
	font-weight: bold;
	padding-left: 35px;
}

div.nav a.n4:hover {
	color: #000066;
	font-weight: bold;
	padding-left: 35px;
}

/* --------------------------- Processus de commande -------------------- */
table.gshpBasketTable th {
	background-color: #000066;
}

.gshpBasketStepText,
.gshpBasketStepText a:link, .gshpBasketStepText a:visited, .gshpBasketStepText a:hover, .gshpBasketStepText a:active {
	color:#1797d0;
}

.gshpBasketStepTextSelected,
.gshpBasketStepTextSelected a:link, .gshpBasketStepTextSelected a:visited, .gshpBasketStepTextSelected a:hover, .gshpBasketStepTextSelected a:active {
	color:#000066;
}

.gshpCommandBarUnselected {
    background-image:url(../iso_icons/gshp_bar_state_off_Formen.gif);

}
.gshpCommandBarSelected {
    background-image:url(../iso_icons/gshp_bar_state_on_Formen.gif);

}
.gshpCommandBar {
    background-image: url(../iso_icons/gshp_command_bar_Formen.gif);
}

/* --------------------------- Impression -------------------- */
@media print {
	.printLogo {
		position: absolute;
		left: 0;
		top: 0;
		width: 244;
		text-align: left;
	}
	.content{
		position: absolute;
		left: 0;
		top: 90;
		width: 600;
		text-align: justify;
	}	
	.gshpBasketCommandSummary{
		position: absolute;
		left: 0;
		top: 60;
		width: 600;
		text-align: justify;
	}		
	p {
		text-align: justify;
	}
}