/*****
* structure.css : CSS properties for the common entities of the different pages *
*****/

/*** GENERAL ENTITIES ***/
* {
	border: none;
	margin: 0;
	padding: 0;
}
html {
	font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: white;
	font-size: 10px;
}
ul li, ol li, ul, ol {
	list-style-type: none;
	list-style-position: inside;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-align: inherit;
	clear: both;
}
iframe {
	display: none;
}
table {
	border: 0;
	table-layout: fixed;
	border-collapse: collapse;
}
form {
	margin: 0;
	padding: 0;
}
fieldset {
	border: none;
}
fieldset.subset {
	display: block;
	float: left;
	width: 45%;
	text-align: left;
}
fieldset.subset1 {
	display: block;
	float: left;
	width: 95%;
	text-align: left;
}
fieldset.set {
	display: block;
	float: left;
	margin-left: 25px;
	text-align: left;
}
legend {
	display: none;
}
input.text, select.list, select.list option {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	padding: 1px 2px;
}
input.text {
	border: 0;
}
input.submit.inside {
	margin: 20px 0 0 10px;
	float: right;
}
textarea {
	padding: 2px;
	font: normal 1em/1em "Courier New", Courier, monospace;
}
label.label-radio {
	display: inline !important;
	margin: 0 8px 0 4px;
	line-height: 16px;
}
label.label-list {
	float: left;
	width: auto;
	margin-right: 6px;
}
label.label-1 {
	display: block;
	width: 30%;
	float: left;
	clear: left;
	text-align: left;
}
label.label-2 {
	display: block;
	float: left;
	clear: right;
	text-align: right;
	margin-left: 8px;
}
p {
	text-align: left;
}
p.abstract {
	font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;
}
p.text {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	letter-spacing: normal !important;
}
p.signature {
	font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
p.justify {
	text-align: justify !important;
}
a:link, a:visited {
}
a:hover {
}
a.link {
	text-decoration: none;
}
a.link:hover {
	text-decoration: none;
}
a.no-pointer {
	cursor: default;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}


/*** Headings ***/
h1.heading-1, h2.heading-2, h3.heading-3, h4.heading-4, h5.heading-5, h6.heading-6 {
	text-align: left;
}
h1.heading-1 {
	font: normal 1.5em/2em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-left: 10px;
}
h2.heading-2 {
	font: normal 1em/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 10px;
}
h3.heading-3 {
	font: normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	font-style: italic;
	letter-spacing: 1px;
}
h4.heading-4 {
	font: normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
h5.heading-5 {
	font: bold 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0 3px 0;
}
h6.heading-6 {
	font: normal 1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0 1px 0;
}



/*** SITE STRUCTURE ***/
#site {
	width: 1024px;
	clear: both;
	margin: 10px auto;
	background: url(../ximg/bg_site.png) no-repeat top left;
}
#page {
	width: 1024px;
	position: relative;
	top: 11px;
	text-align: center;
	background: url(../ximg/bg-page-y.png) repeat-y top left;
}


/* *** start : header *** */
#header {
	position: relative;
	width: 1000px;
	height: 112px;
	margin: 0 auto;
}
#header a#logo {
	display: block;
	width: 200px;
	height: 65px;
	position: absolute;
	top: 15px;
	right: 15px;
}
#header ol#navMain {
	text-align: left;
	position: absolute;
	top: 65px;
	left: 10px;
}
#header ol#navMain li {
	float: left;
	display: block;
	padding: 0 5px;
	margin: 0 5px;
	line-height: 21px;
	height: 21px;
}
#header ol#navMain li.selected {
	background: url(../ximg/bg_cat_selected.gif) repeat-x bottom left;
}
#header ol#navMain li:hover {
	background: url(../ximg/bg_cat_selected.gif) repeat-x bottom left;
}
#header ol#navMain li.first {
	margin-left: 10px;
}
#header ol#navMain li h1 {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
}
#header ol#navMain li a {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* submenu */
#header ol#navMainSubmenu {
	text-align: left;
	position: absolute;
	top: 90px;
	left: 10px;
}
#header ol#navMainSubmenu li {
	float: left;
	display: block;
	padding: 0 5px;
	margin: 0 5px;
	line-height: 21px;
	height: 21px;
}
#header ol#navMainSubmenu li.first {
	margin-left: 10px;
}
#header ol#navMainSubmenu li h1 {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
}
#header ol#navMainSubmenu li a {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* language and country selection */
#header ul#navLanguage {
	float: right;
	width: 220px;
	overflow: visible;
	position: relative;
	margin: 90px 0 0 0;
}
#header ul#navLanguage li {
	display: block;
	float: left;
	width: 45%;
	margin: 0 0 0 2%;
	padding: 0 2% 0 0;
	text-align: right;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color: #6B5931;
}
#header ul#navLanguage li.last {
	text-align: left;
	padding-right: 0;
	border-right: none;
}
#header ul#navLanguage li a {
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #6B5931;
}
#header ul#navLanguage li a:hover {
	text-decoration: none;
}
#header div.headerSelector {
	width: 200px;
	height: 80px;
	border: 2px solid white;
	position: absolute;
}
#header div.headerSelector img.flag {
	vertical-align: middle;
	margin-right: 4px;
}
#header div.headerSelector p {
	line-height: 1.2em;
}
/* *** end : header *** */


/* *** start : mainArea *** */
#mainArea {
	width: 1000px;
	margin: 0 auto;
	clear: left;
	overflow: auto;
}
#mainContent {
	position: relative;
	float: right;
	overflow: hidden;
}
#mainContent div.container {
	overflow: auto;
	clear: both;
}
#mainContent div.container.spacing {
	padding: 0 0 230px 0;
}
#mainContent.subContent {
	width: 765px;
	min-height: 360px;
	height: auto !important;
	float: right;
	clear: right;
	overflow: hidden;
	margin: 38px 0 102px 0;
	background: white;
	padding: 0;
}
#mainContent.subContent.productsContainer {
	background: none;
}
#mainContent.subContent div.wrapper { /* Area where the main content is displayed */
	width: 725px;
	min-height: 350px;
	height: auto !important;
	overflow: auto;
	position: relative;
	top: 5px;
	left: 5px;
	clear: both;
	text-align: center;
	padding: 0 20px;
}
#mainContent.subContent div.wrapper.generic {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#mainContent.subContent div.wrapper * {
	text-align: left;
}
#mainContent.subContent div.wrapper h1 {
	margin: 8px 0 15px 0;
}
#mainContent.subContent div.wrapper h2 {
	display: block;
	width: auto;
	padding-bottom: 4px;
	margin: 8px auto;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#mainContent.subContent div.wrapper h3 {
	display: block;
	margin: 8px auto;
}
#mainContent.subContent div.wrapper p.text {
	margin: 12px auto;
}
/* *** end : mainArea *** */


/* *** start : footer *** */
#footer {
	padding: 0 0 12px 0;
	clear: both;
	background: url(../ximg/bg_footer.png) no-repeat bottom left;
}
#footer div.wrapper {
	width: 1000px;
	height: 37px;
	margin: 0 auto;
}
#footer ol#navFooter {
}
#footer ol#navFooter li {
	display: block;
	float: left;
	margin: 0 0 0 8px;
	padding: 0 8px 0 0;
}
#footer ol#navFooter li.first {
	margin-left: 16px;
}
#footer ol#navFooter li.last {
	background: none;
}
#footer ol#navFooter li h3 {
	font: normal 10px/37px Arial, Helvetica, sans-serif;
}
#footer ol#navFooter li a, #footer ol#navFooter li a:hover {
	text-decoration: none;
}
/* *** end : footer *** */


/* *** start : 2-columns container *** */
div.container-2col {
	margin: 15px auto;
	width: 100%;
	overflow: auto;
	clear: both;
}
div.container-2col div.col-1, div.container-2col div.col-2 {
	width: 45%;
}
div.container-2col input, div.container-2col select, div.container-2col textarea {
/*	display: block;*/
	text-align: left;
	margin: 2px 0 2px 2px;
}
div.container-2col div.col-1 {
	float: left;
}
div.container-2col div.col-2 {
	float: right;
}
/* *** end : 2-columns container *** */


/*** Error message ***/
div#error {
	position: fixed;
	top: 25%;
	left: 36%;
	padding: 6px;
	width: 26%;
	min-height: 80px;
	z-index: 9999;
	text-align: left;
}
div#error p {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	text-align: left;
}
p.errorMsg, p.error {
	clear: both;
	margin: 12px auto;
	color: red;
	font-weight: bold;
}


/*** Misc items ***/
p.article27 {
	font-size: 0.9em;
	text-align: left;
	width: 742px;
	margin: 20px auto 10px auto;
}
p.legal {
	font: normal 0.9em Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: black;
	text-align: left;
	margin: 1em 0;
}
#frmFooterLogin {
	bottom: -6px;
	left: -68px;
}
input.login {
	position: relative;
	top: 3px;
	left: 2px;
}
form#frmCountrySelection select {
	margin-right: 4px;
}
form#frmCountrySelection label {
	color: #646362;
}
/* *** navHome: Fragonard documents *** */
ul#navHome {
	background: url(../ximg/sep_horiz.gif) repeat-x top left;
	overflow: auto;
	margin: 30px auto;
	width: 999px;
}
ul#navHome li {
	display: block;
	float: left;
	width: 333px;
	background: url(../ximg/sep_horiz.gif) repeat-x bottom left;
	text-align: left;
}
ul#navHome li h1 {
	display: block;
	width: 311px;
	font: normal 11px/34px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px 0 1px 20px;
	background: url(../ximg/arrow_link_home.gif) no-repeat 277px 11px;
}
ul#navHome li a {
	display: block;
	width: 270px;
	text-decoration: none;
}


/* *** start : functions *** */
div.functions {
	width: 765px;
	float: right;
	clear: both;
	overflow: hidden;
	margin: -82px 0 42px 0;
}
div.functions a.button, div.functions input.submit {
	display: block;
	width: auto;
	float: right;
	margin: 0 0 0 8px;
}
a.button img {
	vertical-align: middle;
}
/* *** end : functions *** */


/* *** start : popup *** */
div.popupContainer {
	position: relative;
	overflow: visible;
	z-index: 9998;
}
div.popupContainer.top div.popup {
	top: 12px;
}
div.popupContainer.bottom div.popup {
	bottom: 12px;
}
div#frmPwdSendContainer2 div.popup {
	bottom: 21px;
}
div.popup {
	width: 260px;
	padding: 4px;
	border: 2px solid white;
	overflow: hidden;
	position: absolute;
	left: 12px;
	_top: -90px;
	text-align: left;
	z-index: 9999;
}
div.popup h5 {
	line-height: 1.2em;
}
div.popup img {
	z-index: 10000;
}
div.popup a.close, div#error a.close {
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 15px;
	height: 14px;
	overflow: hidden;
	background: url(../ximg/btn_close_popup.gif) no-repeat top left;
	z-index: 10001;
}
div#error h5.heading-5 {
	margin: -6px -6px 8px -6px;
	padding: 3px 3px 3px 6px;
	height: 16px;
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
/* *** end : popup *** */


/* *** start : lists *** */
/* General lists */
ol.numbered, ol.numbered li {
	list-style-type: decimal !important;
	list-style-position: inside !important;
}


/* Sitemap */
ol.list.sitemap h1 {
	font: bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
}
ol.list.sitemap h2 {
	font: bold 1.2em/1.1em Arial, Helvetica, sans-serif;
}
ol.list.sitemap p {
	margin: 4px 0 4px 35px !important;
}
ol.list.sitemap a {
	text-decoration: none;
}
ol.list.sitemap a:hover {
	text-decoration: underline;
}
/* *** end : lists *** */

/* Add to cart layer */
div#add2cart_layer {
	width: 989px;
	height: 157px;
	position: absolute;
	z-index: 9999;
	/*top: 150px;*/
}
div#add2cart_layer div.panier {
	width: 294px;
	height: 157px;
	overflow: hidden;
	background: #ffffff url(../ximg/bgBlocSendtoafriend.png) no-repeat center;
	border: 1px solid #A8A8A8;
	margin: 0 auto;
	text-align: left;
}
div#add2cart_layer div.product{
	margin: 10px 5px;
}
div#add2cart_layer div.product p#prod_name_cartadd{
	font-weight: bold;
	color: #5B5B5B;
	border-bottom: 1px solid #5B5B5B;
}
div#add2cart_layer div.product span {
	color: #5B5B5B;
	border-bottom: 1px solid #5B5B5B;
	display: block;
	padding: 8px 0;
	font-size: 11px;
}
div#add2cart_layer div.functions {
	margin: 10px auto;
}

/* *** end : Add to cart layer *** */