/* CSS Document */
* {margin:0 auto; padding:0;	font-size:100%;}
/*body {text-align:center; background:#5D71AC url(images/content-top-left.jpg) center top repeat-x;}*/
body {	text-align:center;
		background-color: #5D71AC;
		background-image: url(images/content-top-left.jpg);
		background-align: center top;
		background-repeat: repeat-x;
}

.bottom-tail {background:url(images/content-bot-tail.jpg) left bottom repeat-x;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

*, html, input, textarea {font-family: Tahoma, Arial, Geneva, sans-serif; font-size:12px; line-height:1.333em; color:#646F77;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#9970D2;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {padding-bottom:8px;}
ul.menuGauche li{padding-bottom:0;}
li a {text-decoration:none; background:url(images/list-marker.gif) left 3px no-repeat; padding-left:16px;}
li a:hover {text-decoration:underline;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

#content .col-1,
#content .col-2,
#content .col-3 {float:left;}


#page-1 .col-1 .block {
	width: 230px;
}

#page-1 .col-1 .block .infoBoxContents{
	width: 227px;
}

#main {position:relative;}
#main a {color: #666666; text-decoration: none;}
/***************header***************/
#header {background:none;position:relative;}
#myId {position:relative;/*left:-30px;*/}
.logo {}
.nav {}
.headerNavigation { position: relative; top: -5px; background: url(images/fondnav.jpg) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 10px; height: 20px; color: #2a2a2b;}
.headerNavigation a , .headerNavigation a:hover{ background: none; color: #2a2a2b; font-weight : bold; text-decoration: none;}
.headerNavigation a:hover{ text-decoration: underline; }

/***************content***************/
#content {background:#FFFFFF url(images/box-bot.gif) left bottom repeat-x; margin-top: 15px;}
#content .box-left {background:url(images/box-left.gif) left top repeat-y; width:100%;}
#content .box-top {background:url(images/box-top.gif) left top repeat-x; width:100%;}
#content .box-right {background:url(images/box-right.gif) right top repeat-y; width:100%;}
#content .box-top-left {background:url(images/box-top-left.jpg) left top no-repeat; width:100%;}
#content .box-top-right {background:url(images/box-top-right.jpg) right top no-repeat; width:100%;}
#content .box-bot-left {background:url(images/box-bot-left.jpg) left bottom no-repeat; width:100%;}
#content .box-bot-right {background: url(images/box-bot-right.jpg) right bottom no-repeat; padding:27px 42px 23px 40px;}

.infoBox { 
	border: 1px solid #e5e5e5; 
	border-bottom: 1px solid #acbbc4; 
	border-top: 1px solid #acbbc4; 
	margin: 2px 5px 12px 5px; 
	background: url(images/bottomBox.jpg) repeat-x bottom;
}
.infoBox td { 
	padding: 0px 5px 0px 5px;
}
.infoBoxContents { 
	width: 100%; 
	padding: 0px;
	margin-left: 7px; 
	margin-top: -5px; 
	/*margin-right: 120px;*/
	background:url(images/bottomBox.jpg) repeat-x bottom;

	font-family: Verdana, Arial, sans-serif; 
	font-size: 15px; 
	border: 1px solid #999999;
	border-top: none;
}
.infoBoxContents img { padding : 5px 0px 5px 0px; }
.infoBoxContents a  { text-transform: uppercase; font-size: 11px; text-decoration: none; color: #999999}
.infoBoxContents b { font-variant:small-caps; font-size: 12px; font-weight: bold; color: #666666;}
.infoBoxContents a:hover { color:#193348; }
.infoBoxContents td { padding-bottom: 10px;}
.infoBoxHeading {  
	background: url(images/infobox/heading_center.png) repeat-x bottom; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-transform: uppercase;
	min-width: 187px;
}

.infoBoxHeader {
	width: 100%;
	text-align: center;
}

.infoBoxHeadingAlreadyBuy {  
	background-color: lightblue;
	border-radius: 10px;
	padding: 5px;
	position: absolute;
	width: 500px;
	margin-top: -20px;
	z-index: 99;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 12px; 
	text-transform: uppercase;
}


.centerHeading { height:32px;background: url(images/infobox/heading_center.png) repeat-x top; margin: 5px 0px 0px 5px; padding: 0px 5px 5px 0px; color: #FFFFFF; font-weight: bold; font-size: 12px; text-transform: uppercase;}
.rightHeading { background: url(images/infobox/heading_right.png) no-repeat 0 -0.45px; padding: 0px 0px 0px 0px;}
.leftHeading { background: url(images/infobox/heading_left.png) no-repeat 0 -0.45px; padding: 0px 0px 0px 0px;}

.pretitle { background: #4B9BD0 url(images/pretitle.jpg) repeat-x; padding-bottom: 5px!important;}

.echantillon a{ font-size: 12px; color: #7e8e97; text-decoration:none; font-weight: bold;}

.windowechantillon { width:60%; padding:0; margin:10px 0 0 0; background:url(images/fondech.png) repeat-x top; float: right; border:1px solid #e5e5e5; border-left:5px solid #acbbc4;border-right:none; }
.windowechantillon td { padding-left: 10px; padding-right: 5px;}

.window { 
	border: 1px solid #e5e5e5; 
	border-bottom: 1px solid #acbbc4; 
	border-top: 1px solid #acbbc4; 
	margin: 2px 5px 12px 5px; 
	background-color: lightblue;
}
.window td {
	padding: 5px 5px 0px 5px;
}
.windowpadding td{ padding-top: 5px; padding-bottom:15px;}

.windowbis { 
	width: 100%; 
	border: 1px solid #e5e5e5; 
	border-bottom: 1px solid #acbbc4; 
	border-top: 1px solid #acbbc4; 
	margin: 2px 5px 12px 5px; 
	background-color: #f9f9f9;
}
.windowbis td { 
	padding-left: 10px; 
	padding-right: 5px;
}

.titrewindow { background: #4B9BD0; height: 25px}
.titrewindow b { font-weight: normal; margin-left: -5px; color: #ffffff; }
.baswindow { background: #e5e5e5; width: 100%;}

.pageHeading { 
	background-color: lightblue;
	border-radius: 10px;
	width: 100%;
	margin-top: 5px; 
	padding: 5px 5px 5px 15px; 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 12px; 
	text-transform: uppercase;
}
pageHeading *{
color:#FFFFFF}
td.smallText, span.smallText, p.smallText {font-family: Verdana, Arial, sans-serif; font-size: 10px;}

.boxText { padding-left: 10px; }

table.productListing { 
	border: 1px solid #b6b7cb; 
	border-radius: 10px;
	border-spacing: 1px;
}

.productListing-heading { 
	font-size: 10px;  
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none;
}
.productListing-heading:hover { 
	text-decoration: underline;
}

.productListing-data { 
	font-size: 10px; 
	padding: 10px;
}

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.wrapper {width:100%; overflow:hidden;}
.img-indent, .img-un {float:left; padding:0 28px 22px 0;}
.img-un {padding-bottom:0;}
.phone {float:right; margin-right:50px;}
cite {font-style:normal; display:block; padding-bottom:12px;}

.inner {min-height:399px; height:auto !important; height:399px;}

.col-2, .col-3 {background:url(images/col-tail.gif) left top repeat-y;}

.title {margin-bottom:14px;}
.title-un {margin:5px 0 11px;}
.image {margin-bottom:15px;}

.block {padding:0px 0 23px;}
.list li {padding:0 0 6px 0;}
.list li a {background:none; padding:0;}

.text {padding-bottom:15px;}
#content p {padding-bottom:12px;}

.button {background:#1E5D86; display:block; color:#FFFFFF; text-decoration:none; float:left; margin-top:6px;}
.button span {background:url(images/button-left.gif) left top no-repeat; display:block;}
.button span span {background:url(images/button-right.gif) right top no-repeat; display:block; padding:3px 12px 4px 14px;}
.button:hover {text-decoration:underline;}
.col-3 .button {float:right;}

.link {color:#646F77;}

h2, h3, h4 {font-weight:bold; text-decoration: underline}
h2 {color:#E052A4; padding:3px 0 20px;}
h3 {color:#000000; font-size: 14px}
h3 span {color:#646F77;}
h4 {padding:20px 0 12px;}

.padding1 {padding-left:40px;}
.padding2 {padding-right:30px;}
.padding3 {padding-left:30px;}
.padding4 {padding-bottom:13px;}


.menu li {float:left; width:31px; padding:0 18px 0 0;}
.menu li a {padding:0;}
.menu .extra {background:#D5ECF6; display:block; color:#1E5D86; text-decoration:none; float:left; margin-top:6px; font-weight:bold;}
.menu .extra:hover {text-decoration:none;}
.menu .extra span {background:url(images/button2-left.gif) left top no-repeat; display:block;}
.menu .extra span span {background:url(images/button2-right.gif) right top no-repeat; display:block; padding:3px 12px 4px 14px;}

/***************page-1***************/
#page-1 .text {padding:0 41px 0 4px;}
/***************page-2***************/
#page-2 .col-1 {padding-right:24px;}
/***************page-3***************/
#page-3 .col-3 {background:none;}
#page-3 .image {margin-bottom:9px;}
#page-3 .list {padding:55px 0 3px;}
/***************page-4***************/
#page-4 h3 {padding-bottom:12px;}
#page-4 .col-3 .button {margin-top:11px;}
/***************page-5***************/
#page-5 .col-3 .title {margin:0;}
#page-5 .col-3 p {padding-bottom:20px;}
#page-5 .col-3 .wrapper {padding-top:13px;}
#page-5 .col-3 .float-r {padding:8px 0 12px;}
/***************page-6***************/
#page-6 .col-1 {padding-right:20px;}
#page-6 .col-1 .block {padding-left:5px;}
#page-6 .image {margin-bottom:6px;}
#page-6 h2 {padding:12px 0 0;}

#contactForm {padding:7px 0 0;}
#contactForm p {padding:0 0 3px 0; margin:0; line-height:1em;}
#contactForm div {height:28px;}
#contactForm input, #contactForm textarea {font-size:1em; line-height:1em; color:#000000; padding:2px 0 0 3px;}
#contactForm input {height:12px;}
#contactForm textarea {overflow:hidden; height:102px;}
#contactForm .float-r {padding:15px 23px 1px 0;}
#contactForm .float-r a {margin-left:18px;}
/***************footer***************/
#footer {color:#FFFFFF; padding:20px 0 50px 8px;}
#footer a {border-left:1px solid #FFFFFF; margin-left:5px; padding-left:5px; color:#FFFFFF; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/****************************************/
.errorBox { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 10px; color: #e59999; text-decoration: underline; }

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.infoBoxNotice {
  background: #000000;
}

.infoBoxNoticeContents {
  background: #000000;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding:0;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  white-space: pre;
}

SPAN.greetUser {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: auto; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }
#continuer{
cursor:pointer}
#total,#adresse{
visibility:hidden}
.echantillon{
margin:10px 0 10px 25px;}
label{
margin-left:5px}
.erreur{
border-color:#ff0000}
.cat-titre{
font-weight:bold}
.li_produit{
margin-left:5px;
}
.infoBoxContents a.li_produit{
text-transform:none}
#main a.li_produit:hover{
text-decoration:underline}




/*
	main Menu
*/

#flash {
	background-image:url(images/menu_bg.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	height: 293px;
}

ul.mainMenu {
	position: absolute;
	margin-top: 230px;
	margin-left: 77px;
}

ul.mainMenu li{
	float: left;
	display:block;
	color #FFFFFF;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
}

ul.mainMenu li a{
	color :#FFFFFF;
	text-decoration:none;
	text-align: center;
	background: none;
	padding-left: 0px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 14px;
	width: 138px;
	height: 40px;
	display: block;
}

.logo_azl {
	position: absolute;
	height: 75px;
	width: 420px;
	margin-top: 120px;
	margin-left: 70px;
	display: block;
}

.indent {
	text-indent: 20px;
}

.file_infos {
	margin-top: -35px;
	margin-left: 45px;
	font-style: italic;
}

.d_file_link {
	display: block;
	width: 100%;
	margin-bottom: 12px;
	clear: both;
	overflow: hidden;
	margin-left: 0px;
	cursor: pointer;
}

a.d_file_link:hover span{
	color: #000000;
}

.d_file_link img{
	float: left;
}

.d_file_link .d_file_infos {
	float: left;
}

.d_file_link .d_file_infos span{
	display: block;
	margin-left: 10px;
}

.col-1  
{
	margin-left: -30px;
}

.col-3
{
	margin-left: 30px;
}