/* -------------------------------------------------
Document CSS NIKON SAV
Autor	:	Kahiloa Solutions & communications
Date	:	Octobre 2009
------------------------------------------------- */

/** DEFAULT STYLE RESET
--------------------------------------------------------------------------**/
h1, h2, h3, h4, form {
	margin:0; padding:0;
}

ul {
	margin:1em 0;
	padding:0 0 0 3em
}

html, body { height:100% }

body {
	font: 77%/1.3 Arial, Helvetica, sans-serif;
	color:#373737;
	margin:0; padding:0;
}

a img { border:0; }

a { text-decoration:none }

.clear { clear:both }

.txtRich a {
	color:#373737;
	text-decoration:underline;
}

.txtRich a:hover { text-decoration:none; }

.txtRich table { border-collapse:collapse; }

.txtRich table td, .txtRich table td {
	border:1px solid #373737;
	padding:5px
}

/** GENERAL DELCARATIONS
--------------------------------------------------------------------------**/
.btn-access {
	width:261px;
	display:block;
	padding-top:3px;
	font-size:1.3em;
}

.btn-access span {
	display:block;
	padding-bottom:3px;
}

.btn-access span strong {
	padding:3px 29px 3px 11px;
	display:block;
}

.black {
	background:#333 url(../images/btn-top-black.gif) no-repeat top;
	color:#fff;
	float:right;
}

.black span {
	background:url(../images/btn-bottom-black.gif) no-repeat bottom;
}

.black span strong {
	background:url(../images/picto-yellow.gif) no-repeat 231px;
	font-weight:normal
}

.black:hover span strong { background:url(../images/picto-yellow-hover.gif) no-repeat 231px; color:#F2E15C }

.yellow {
	background:#F7DB00 url(../images/btn-top-yellow.gif) no-repeat top;
	color:#333;
	float:right;
}

.yellow span {
	background:url(../images/btn-bottom-yellow.gif) no-repeat bottom;
}

.yellow span strong {
	background:url(../images/picto-black.gif) no-repeat 231px;
	font-weight:normal
}

.yellow:hover span strong { background:url(../images/picto-black-hover.gif) no-repeat 231px;  }

.btn {
	height:19px;
	display:-moz-inline-box;
	display:inline-block;
	padding-left:19px; margin-right:5px;
	cursor:pointer;
}

.btn strong {
	padding-right:5px;
	position:static !important;
	width:auto !important; height:100%;
	float:left;
	font-size:.9em;
}

.btn span {
	padding:2px 2px;
	float:left;
	text-align:left;
}

.gray-btn {
	background:url(../images/gray-left.gif) no-repeat left;
	color:#fff
}

.gray-btn strong { background:#ccc url(../images/gray-right.gif) no-repeat right; }

.gray-btn span { min-width:70px; }

.yellow-btn {
	background:url(../images/yellow-left.gif) no-repeat left;
	color:#333
}

.yellow-btn strong { background:#F7DB00 url(../images/yellow-right.gif) no-repeat right; }

.yellow-btn span { min-width:50px; }

.gray-btn:hover { color:#333 }
.yellow-btn:hover { color:#777373 }


/** WRAPPER
--------------------------------------------------------------------------**/
#wrapper {
	width:960px;
	margin:auto;
	position:relative;
	min-height:100%
}



/** Header
--------------------------------------------------------------------------**/
.header-top {
	position:relative;
	overflow:hidden;
	padding-top:22px;
}

h1 { float:left; }

h1 img { display:block; }

ul.country-list {
	float:right;
	font-size:1.1em;
	margin:0; padding:0;
	list-style:none
}

ul.country-list li { display:inline }

ul.country-list li a { color:#777; }

ul.country-list li a:hover { text-decoration:underline; }

a.nikon-corp {
	background:url(../images/picto_nikon-corporation.png) no-repeat left;
	padding-left:15px;
	position:absolute;
	right:0; bottom:0;
	color:#777;
}

a.nikon-corp:hover { text-decoration:underline; }



/** Menu
----------------------**/
.menu {
	margin-top:20px;
	padding-left:9px;
	background:url(../images/menu-left-bg.gif) no-repeat left;
}

.menu .inner {
	padding-right:9px;
	background:url(../images/menu-right-bg.gif) no-repeat right;
}

.menu ul {
	padding:0 9px 0 11px;
	margin:0;
	list-style:none;
	background:url(../images/menu-center-bg.gif) repeat-x;
	height:29px;
}

.menu ul li {
	float:left;
	padding-right:8px;
	text-align:left;
}

.menu ul li a {
	float:left;
	height:18px;
	color:#333;
	margin-top:6px;
	border-right:1px solid #CACACA;
}

.menu ul li a span {
	float:left;
	height:100%;
}

.menu ul li a span strong {
	float:left;
	height:100%;
	margin:0 10px;
	cursor:pointer;
}

.menu ul li a.active, .menu ul li a:hover {
	border-right:none;
	margin-right:1px;
	color:#fff;
	background:url(../images/menu-active-left.png) no-repeat left;
}

.menu ul li a.active span, .menu ul li a:hover span { background:url(../images/menu-active-right.png) no-repeat right; }

.menu ul li a.active span strong, .menu ul li a:hover span strong  { background:#333 }

.menu ul li a.last { border-right:none; }



/** CONTAINER
--------------------------------------------------------------------------**/
#container {
	padding-bottom:91px
}

.introduction {
	background:#F7DB00 url(../images/intro-top.gif) no-repeat top;
	padding-top:6px; margin-top:20px;
	color:#373737;
	overflow:hidden;
}

.introduction .inner1 {
	background:url(../images/intro-bottom.gif) no-repeat bottom;
	padding-bottom:6px;
}

.introduction .inner2 {
	background:url(../images/intro-left.gif) no-repeat 30px 0%;
	min-height:196px;
	padding-left:204px;
}

.introduction .inner2 div {
	width:661px;
	padding:35px 0 8px;
}

.introduction .inner2 h2 { font-size:1.6em;  }

.introduction .inner2 p { font-size:1.05em; font-weight:bold }



.procedure {
	padding-left:204px;
	font-size:1.1em;
	width:737px;
	margin:14px 0 19px
}

.procedure ul {
	margin:0; padding:0;
	list-style:none
}

.procedure ul li {
	background:url(../images/picto.gif) no-repeat left;
	padding-left:18px; margin-bottom:2px
}



.btn-container {
	overflow:hidden;
	padding-top:7px
}

.description-bloc {
	background:url(../images/descriptions-top.gif) no-repeat left top;
	padding-top:36px; margin-top:20px;
}

.description-bloc .inner1 {
	background:url(../images/descriptions-top.gif) no-repeat left bottom;
	padding-bottom:36px;
	overflow:hidden;
}

.description-bloc .bloc {
	border-left:2px solid #ccc;
	padding:0 18px;
	width:441px;
	float:left;
	position:relative;
}

.description-bloc .last { border-right:2px solid #ccc; }

.description-bloc .bloc img { float:left; }

.description-bloc .bloc div { margin-left:183px; padding:8px 0 45px; }

.description-bloc .bloc div h3 { font-size:1.5em; font-weight:normal; color:#373737; }

.description-bloc .bloc div p {
	font-size:.9em;
	margin:13px 0 0 0
}

.description-bloc .bloc div .yellow {
	font-size:1.5em;
	position:absolute;
	bottom:0; right:18px;
}



/** Footer
--------------------------------------------------------------------------**/
#footer {
	margin-top:23px;
	position:absolute;
	bottom:0; left:0;
	width:100%
}

#footer h2 {
	margin: 0 0 6px 0; padding: 0 0 9px 0;
	width: 100%;
	border-bottom: 1px solid #777;
	font-size: 12px; font-weight: bold; color: #494949; text-transform: uppercase;
}

#footer ul {
	list-style:none;
	margin:0; padding:0
}

#footer ul li {
	float: left; clear: none;
	margin: 0 24px 0 0;
}

#footer ul li a {
font-size: 11px; font-weight: normal; color: #222;
background: url(../images/arrow.png) left center no-repeat;
padding: 0 0 0 15px;
}

#footer .copyright {
	float: right; clear: none;
	font-size:.9em;
	position: relative;
	top:-8px;
}




#sav-page-back {
	/*position:absolute;*/
	float:right;
	right:0;
	font-size:1.5em; color:#333;
	width:77px; height:32px;
	line-height:32px;
	padding-left:35px;
	bottom:0 !important;
	background:url(../images/back-bg.gif) no-repeat;
}

#sav-page-back:hover { color:#777373 }