/*********************************/
/********DOCUMENT MARKUPS*********/
/*********************************/

body,td,th {
	color: #369;
	background-color: transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}
body {
	margin:0;
}
img{
	border-width:0px;
}

a:link, a:visited, a:active{
	color:#036;
	font-weight:bold;
}

a:hover{
	color:#369;
}

dl, dt, dd{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li{
	list-style-image:url(../img/bullet.gif);
}

/*********MAIN CONTAINER**********/
#containerMain {
	position:absolute;
	left: 50%;
	top: 20px;
	width: 783px;
	margin-left: -392px; /* moiti�de la largeur */
	padding:0px;
}

/*********************************/
/************HEADER***************/
/*********************************/

#containerMain #header {
	position:relative;
	width:783px;
	height:63px;
	z-index:55555555;
}

#containerMain #header .logoAquam{
	display:block;
	width:212px;
	height:63px;
	/*background:url(../img/logo_aquam.gif) #fff left top no-repeat;*/
	margin:0;
	float:left;
}


/**********MAIN MENU***********/
#containerMain #header #mainMenu{
	position:absolute;
	top:48px;
	left:220px;
	width:475px;
	height:auto;
	overflow:visible;
}

#containerMain #header #mainMenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image:none;
}

#containerMain #header #mainMenu dl{
	float:left;
}

#containerMain #header #mainMenu dt{
	cursor: pointer;
	text-align: center;
	margin: 0 0 0 0;
	padding:0 6px 0 6px;
}

#containerMain #header #mainMenu .dashed{
	background:url(../img/dashed.gif) transparent right top no-repeat;
}

#containerMain #header #mainMenu dt a:link, 
#containerMain #header #mainMenu dt a:visited, 
#containerMain #header #mainMenu dt a:active{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:#006699;
	z-index:555555;
}

#containerMain #header #mainMenu dt a:hover, 
#containerMain #header #mainMenu dt .done, 
#containerMain #header #mainMenu dt .menuActive{
	border-bottom:#006699 1px solid;
}

#containerMain #header #mainMenu dt .menuNonActive{
	border-bottom-style:hidden;	
}

#containerMain #header #mainMenu dd {
	display:none;
	position:absolute; 
	top:17px;
	border:#fff 1px solid;
	border-top-style:none;
}

#containerMain #header #mainMenu li {
	display:block;
	text-align:left;
	list-style-type:none;
	list-style-image:none;
}

#containerMain #header #mainMenu li a {
	display:block;
	width:130px;
	background-color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	cursor:hand;
	cursor:pointer;
	color:#000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding: 2px 2px 2px 5px;
}

#containerMain #header #mainMenu li a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	background-color:#999;
}

/**********FAST NAVIGATION MENU***********/
#containerMain #header #menuDroite{
	position:absolute;
	top:11px;
	left:695px;
	width:82px;
	height:52px;
	background:url(../img/bg_menu_droite.gif) transparent left top no-repeat;
}

#containerMain #header #menuDroite ul{
	width:82px;
	margin:0;
	padding-left:5px;
	list-style-type: none;
	background:url(../img/loupe.gif) transparent right bottom no-repeat;
}

#containerMain #header #menuDroite li{
	display:inline;
	margin:0;
	padding:0;
}

#containerMain #header #menuDroite ul .accueil, 
#containerMain #header #menuDroite ul .moncompte, 
#containerMain #header #menuDroite ul .recherche, 
#containerMain #header #menuDroite ul .english,
#containerMain #header #menuDroite ul .english1, 
#containerMain #header #menuDroite ul .english2,
#containerMain #header #menuDroite ul .english3{
	display:block;
	width:60px;
	height:7px;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0px;
	margin-top:5px;
	padding:0;
	color:#fff;
	background-color:transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#containerMain #header #menuDroite ul .english2,
#containerMain #header #menuDroite ul .english3{
	height:9px;
}

#containerMain #header #menuDroite ul .accueil:hover, 
#containerMain #header #menuDroite ul .moncompte:hover, 
#containerMain #header #menuDroite ul .recherche:hover, 
#containerMain #header #menuDroite ul .english1:hover, 
#containerMain #header #menuDroite ul .english2:hover,
#containerMain #header #menuDroite ul .english3:hover {
	background-position:left top;	
}

#containerMain #header #menuDroite ul .accueil_hover, 
#containerMain #header #menuDroite ul .moncompte_hover, 
#containerMain #header #menuDroite ul .recherche_hover {
	display:block;
	width:60px;
	height:7px;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0px;
	margin-top:5px;
	padding:0;
	color:#fff;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:left top;	
}

#containerMain #containerCentre {
	position:relative;
	width:783px;
	height:278px;
	z-index:1;
}

/**********MENU CATALOGUE********/
#containerMain #containerCentre #menuCatalogue {
	position:absolute;
	top:2px;
	left:5px;
	width:211px;
	height:269px;
	z-index:4;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

#containerMain #containerCentre #menuCatalogue h2 {
	display:block;
	font-size:16px;
	margin:4px 0 5px 21px;
}

#containerMain #containerCentre #menuCatalogue dl {
	position:absolute;
	margin:0 0 0 21px;
}

#containerMain #containerCentre #menuCatalogue dt {
	border:#fff 1px solid;
	border-bottom-style:hidden;
	border-right-style:hidden;
	border-left-style:hidden;
}

#containerMain #containerCentre #menuCatalogue dd {
	position:absolute;
	display:none;
	z-index:100;
	left:190px;
	margin-top:-22px;
	border:#fff 1px solid;
	border-bottom-style:hidden;
	border-left-style:hidden;
}

#containerMain #containerCentre #menuCatalogue dl ul {
	margin:0;
	padding:0;
}

#containerMain #containerCentre #menuCatalogue dd a {
	padding:3px 15px 3px 20px;
	display:block;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background-color:#fff;
	width:200px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
}

#containerMain #containerCentre #menuCatalogue dd a:hover { 
	color:#333366;
	background:url(../img/arrow.gif) #fff 10px 6px no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}

#containerMain #containerCentre #menuCatalogue dl dd li {
	list-style-type:none;
	list-style-image:none;
}

#containerMain #containerCentre #menuCatalogue dt a { 
	padding:3px 0 3px 20px;
	display:block;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	background-color:transparent;
	width:170px;
}

#containerMain #containerCentre #menuCatalogue dt a:hover, 
#containerMain #containerCentre #menuCatalogue dt .menuActiveCat { 
	color:#333366;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	background:url(../img/arrow.gif) #fff 10px 6px no-repeat;
}

#containerMain #containerCentre #menuCatalogue dt .menuNonActiveCat { 
	color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	background:transparent;
}

#containerMain .accueil {
	z-index:0;
}

/**************GREEN MENU******************/
#containerMain #containerCentre #menuVert {
	position:absolute;
	bottom:70px;
	right:-2px;
	width:90px;
	height:141px;
	background-color:transparent;
	z-index:2;
}

#containerMain #containerCentre #menuVert .catalogue, 
#containerMain #containerCentre #menuVert .formulaire, 
#containerMain #containerCentre #menuVert .newsletter {
	display:block;
	width:90px;
	height:47px;
	margin:0px;
	padding:0px;
	font-size:0px;
	text-indent:-1000px;
	overflow:hidden;
	background-color:transparent;
	background-position: left top;
	background-repeat:no-repeat;
}

#containerMain #containerCentre #menuVert .catalogue:hover, 
#containerMain #containerCentre #menuVert .formulaire:hover, 
#containerMain #containerCentre #menuVert .newsletter:hover {
	background-position:left bottom;
}

/*****************************/
/***********CONTENT***********/
/*****************************/

#containerMain #containerContentTop, 
#containerMain #containerContentBottom, 
#containerMain #containerContentCenter {
	position:relative;
	width:770px;
}

#containerMain #containerContentTop {
	height:8px;
	background:url(../img/containerContentTop.gif) transparent left top no-repeat;
	font-size:0px;
}

#containerMain #containerContentCenter {
	background:url(../img/containerContentCenter.gif) transparent left top repeat-y;
	padding: 3px 10px 3px 15px;
	min-height: 200px;
}

#containerMain #containerContentCenter h1, 
.headerHighlight {
	/*font-size:16px;
	font-weight:bold;
	text-transform:lowercase;
	font-variant:small-caps;
	width:731px;
	height:37px;
	color:#fff;
	text-indent:10px;
	line-height:31px;
	background:url(../img/bg_h1highlight.gif) transparent left top repeat-x;
	padding:0;*/
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	/*font-variant:small-caps;*/
	width:731px;
	color:#369;
	border-bottom:#ccd9e5 2px solid;
	/*background:url(../img/arrow_h1.gif) transparent left center no-repeat;
	text-indent:15px;*/
}

.catSep{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	font-variant:small-caps;
	width:731px;
	color:#369;
	border-bottom:#B0E92F 2px solid;
}

#containerMain #containerContentCenter .contenu{
	width:700px;
	
}

#containerMain #containerContentBottom {
	height:14px;
	background:url(../img/containerContentBottom.gif) transparent left top no-repeat;
	font-size:0px;
}

/*****************************/
/***********CATALOG***********/
/*****************************/

/**********TITLE BAR**********/
#containerMain #containerTitleTop {
	width:759px;
	height:28px;
	margin:0 0 0px 5px;
	background:url(../img/bg_title.gif) #ccd9e5 left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#containerMain #containerTitleTop ul{
	margin:0 0 0 10px;
	padding:0;
}

#containerMain #containerTitleTop li{
	display:block;
	float:left;
	margin:6px 0 0 5px;
	background:url(../img/arrow_title.gif) transparent left center no-repeat;
	list-style-image:none;
}

#containerMain #containerTitleTop ul a{
	color:#036;
	margin:0 0 0 15px;
	text-decoration:none;
}

#containerMain #containerTitleTop ul a:hover{
	text-decoration:underline;
}

#containerMain #containerTitleTop #rechercheTitle{
	float:right;
	width:181px;
	height:28px;
	padding:0 0 0 0px;
	background:url(../img/fr_FR/bg_recherche_title.gif) transparent left top no-repeat;
	
}

#containerMain #containerTitleTop #panierTitle{
	float:right;
	display:block;
	width:73px;
	height:16px;
	margin:5px 25px 0 0;
	text-indent:-1000px;
	font-size:0;
	background-position:left top;
	background-color:transparent;
	background-repeat:no-repeat;
}

#containerMain #containerTitleTop #panierTitle:hover{
	background-position:left bottom;
}

#containerMain #containerTitleTop #rechercheTitle #inputRechercheTitle {
	float:right;
	width:90px;
	height:13px;
	margin:4px 15px 0 0;
}

/***********PRODUCTS LIST**************/
#containerMain #containerContentCenterList {
	background:url(../img/containerContentCenter.gif) transparent left top repeat-y;
	padding: 12px 0px 5px 21px;
}

#containerMain .containerCatalogList{
	display:block;
	width:760px;
	margin:0 0 0 0;
	padding:0;
}

#containerMain .containerCatalogList li{
	display:block;
	position:relative;
	float:left;
	width:166px;
	height:200px;
	padding:0;
	margin:0 21px 21px 0;
}

#containerMain .containerCatalogList li hr{
	display:block;
	width:166px;
	height:2px;
	background-color:#999;
	color:#999;
	border:0;
	margin:0;
	padding:0;
}

#containerMain .containerContentCenterList h1, 
#containerMain .containerContentCenterList h1 a{
	font-size:16px;
	font-weight:bold;
	height:30px;
	margin:0;
	padding:0 0 0 0;
	text-decoration: none;

}

#containerMain .containerCatalogList li h2{
	font-size:9px;
	font-weight:bold;
	height:30px;
	margin:0;
	padding:0;

}

#containerMain .containerCatalogList li h2 a{
	color:#808080;
	text-decoration:none;
	margin:0;
	padding:0;
}


#containerMain .containerCatalogList li img{
	border:#cbcbcb 1px solid;
	display:block;
	margin:0;
	padding:0;
}

#containerMain .containerCatalogList li a.savoirplus {
	display:block;
	position:relative;
	right:0;
	width:94px;
	height:22px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0px;
	margin:0 0 1px 72px;
	padding:0;
}

#containerMain .containerCatalogList li a:hover{
	background-position:left bottom;
}


/************POP-UP RECHERCHE***********/
#recherche, #recherche2 {
	position:absolute;
	top:65px;
	right:18px;
	
	display:none;
}

#recherche {
	width:242px;
	height:61px;

	background-color:#ffffff;
	z-index:99990;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}

#recherche2 {
	width:240px;
	height:59px;
	
	background-color:transparent;
	z-index:99991;
	border:1px solid white;
}

#recherche2 #rechercheClose {
	display:block;
	float:right;
	width:18px;
	height:14px;
	background:url(../img/search_close.gif) transparent left top no-repeat;
	font-size:0px;
	text-indent:-1000px;
	overflow:hidden;
	margin:3px 3px 0 0;
}

#recherche2 #search {
	width:150px;
	height:16px;
	font-size:9px;
	margin:5px 0 0 7px;
	padding:0;
	/*vertical-align:bottom;*/
}

#recherche2 #searchForm{
	padding:0;
	margin:0;
}

#recherche2 #rechercheGo {
	display:block;
	width:21px;
	height:19px;
	background:url(../img/search_go.gif) transparent left top no-repeat;
	font-size:0px;
	text-indent:-1000px;
	overflow:hidden;
	margin-top:6px;
}

#recherche2 #rechercheAdvanced {
	display:block;
	width:120px;
	height:14px;
	font-size:0px;
	text-indent:-1000px;
	overflow:hidden;
	margin-top:0;
	margin-left: 10px;
	margin-bottom:0px;
	background-color:transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

#recherche2 #searchTab{
	margin:3px 0 0 0;
}

#recherche2 #rechercheGo:hover,
#recherche2 #rechercheAdvanced:hover,
#recherche2 #rechercheClose:hover  {
	background-position:left bottom;
}

.btnRecherche{
	display:block;
	width:86px;
	height:17px;
	text-indent:-1000px;
	font-size:0;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}

.btnRecherche:hover{
	background-position:left bottom;
}

.liSearchResult{
	/*list-style-type:none;
	background:url(../img/arrow.gif) transparent left center no-repeat;*/
	list-style-image:url(../img/arrow.gif);
	padding:0 0 5px 0;
}

/************Catalog Item***********/
#containerMain #containerContentCenter table{
	/*margin:0 0 0 20px;
	width:725px;*/
}

#containerMain #containerContentCenter .left{
	vertical-align:top;
	width:360px;
}

#containerMain #containerContentCenter .right{
	text-align:left;
	vertical-align:top;
	width:365px;
	margin:0;
	padding:0;
}

#mainItem #mainImage {
	margin:0;
	padding:0px;
	width:328px;
	height:282px;
	border:1px solid #CCCCCC;
}

#mainItem #mainImage img{
	display:block;
	margin:0;
	padding:0;
	font-size:0px;
}

#prodDesc {
	/*margin:0;
	padding:0;
	width:328px;
	background:url(../img/grey2px.gif) transparent left top repeat-x;*/
}

#prodDesc h1{
	display:block;
	font-size:14px;
	color:#4e4d4d;
	margin:0;
	padding:6px 0 0 0;
}

#prodDesc #mainDesc{
	margin:0;
}

#instances {
	margin-top:20px;
}

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

#instances li {
	display:block;
	position:relative;
	float:left;
	width:328px;
	height:98px;
	padding:0;
	margin:0 30px 20px 0;
	border:1px solid #ccc;
}

#instances li img {
	display:block;
	float:left;
	width:114px;
	height:98px;
	margin-right:15px;
	padding:0;
	border-right:1px solid #CCCCCC;
}

#instances li h2 {
	display:block;
	color:#666666;
	height:16px;
	font-size:120%;
	font-weight:bold;
	font-variant:small-caps;
	margin:10px 0 0 0;
	padding:0;
}

#instances li .ident {
	display:block;
	position:absolute;
	left:130px;
	top:39px;
	color:#999999;
	margin:0;
	padding:0;
}

#instances li .ajouterPanier {
	position:absolute;
	bottom:4px;
	right:65px;
	width:135px;
	height:40px;
}

#instances li .ajouterPanier .top {
	width:135px;
	height:18px;
	background:url(../img/bg_top_ajoutPanier.gif) transparent left top no-repeat;
}

#instances li .ajouterPanier .top .price {
	display:block;
	padding:3px 0 0 15px;
	color:#808080;
}

#instances li .ajouterPanier .bottom,
#instances li .ajouterPanier .bottomDisabled {
	display:block;
	width:135px;
	height:22px;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
}

#instances li .ajouterPanier .bottom:hover,
#instances li .ajouterPanier .bottomDisabled:hover {
	background-position:bottom;
}

#demande #demandeTable {
	/*border: 2px solid black;*/
	border-collapse:collapse;	
}

#demande #demandeTable th {
	height: 20px;
	padding-bottom:8px;
	/*padding-top:8px;
	border-top: 2px solid black;*/
	font-size: 120%;
	text-align: left;
}

#demande #demandeTable tr {

}

#demande #demandeTable td {
	padding-top:4px;
	padding-right:8px;
	padding-bottom:4px;
	margin: 1px;
}

#demande #demandeTable .bottomBorder {
	background:url(../img/dash_table.gif) transparent left bottom repeat-x;
}

.noBorder{
	background-image:none;
	width:50px;
}

/**************************/
.accountTable {
	/*border: 2px solid black;*/
	border-collapse:collapse;	
	width:95%;
	border:#CCD9E5 1px solid;
	padding-left:5px;
}

.accountTable th {
	height: 20px;
	padding:5px 0;
	/*padding-top:8px;
	border-top: 2px solid black;*/
	font-size: 120%;
	text-align:left;
	background-color:#f2f5f8;
}

.accountTable .tableFooter {
	height: 20px;
	padding:5px 0;
	background-color:#f2f5f8;
}

.accountTable tr {
	
}

.accountTable td {
	height: 30px;
	padding-top:4px;
	padding-right:8px;
	padding-bottom:4px;
	margin: 1px;
}

.accountTable .bottomBorder {
	background:url(../img/dash_table.gif) transparent left bottom repeat-x;
}

.accountTable .noBorder{
	background-image:none;
	width:50px;
}

.accountTable .deleteProduct{
	display:block;
	width:18px;
	height:14px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(../img/delete_product.gif) transparent left top no-repeat; 
}

.accountTable .deleteProduct:hover{
	background-position: left bottom;	
}
/*************************/
#bottomMenu a ,
#bottomMenu a:hover,
#bottomMenu a:visited {
	color: #006699;
	font-weight: normal;
}

#bottomMenu a:hover {
	text-decoration: underline;
}

.required {
	color: #FF6666;
	font-size: 10px;
}


#imageTable {
	margin-left: 10px;
	margin-bottom: 50px;
	margin-top: 0px;
	padding-top: 0px;
}

#bigImage {
	display:none;
	z-index:999999;
	position:absolute;
	
	margin-top: 20px;
	margin-left:10px;
	padding:20px;
	
	width:680px;
	height:540px;
	background-color:white;
	
	text-align:center;
	border: 2px solid #9bc539;
}

#fading {
	margin: 0px;
	padding: 0px;
}

.gallery {
	width: 120px;
	height: 90px;
}

.galPic {
	padding-top:0px;
	margin-top: 0px;
	position:absolute;
	border:1px solid #006699;
	display:block;
}

.catSep {
	clear:both;
}

.catSep a, .catSep a:visited {
	color:#369;
	text-decoration: none;
	margin-top: 8px;
}

.catSep a:hover {
	/*text-decoration: underline;*/
}

.envoyerPan{
	display:block;
	width:70px;
	height:14px;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
}

.envoyerPan:hover{
	background-position:left bottom;
}
.envoyer{
	display:block;
	width:75px;
	height:17px;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
}

.envoyer:hover{
	background-position:left bottom;
}

.contentDiv{
	margin-bottom:40px;
}

.textNews{
	margin-bottom:25px;
}

.publishDate{
	display:block;
	color:#99b2cc;
}

.retourCat{
	width:128px;
}

.miseJourQtees{
	width:138px;
}

.envoiCommande{
	width:147px;
}

.confirmerCommande{
	width:162px;
}

.retourArriere{
	width:126px;
}

.retourCat, .miseJourQtees, .envoiCommande, .confirmerCommande, .retourArriere{
	display:block;
	float:left;
	height:14px;
	margin-right:10px;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor:hand;
	cursor:pointer;
}

.retourCat:hover, .miseJourQtees:hover, .envoiCommande:hover, .confirmerCommande:hover, .retourArriere:hover{
	background-position:left bottom;
}
.entrerCompte{
	float:left;
	display:block;
	width:70px;
	height:14px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0;
	margin-right:15px;
}
.entrerCompte:hover{
	background-position:left bottom;
}
.boutInscription{
	float:left;
	display:block;
	width:126px;
	height:14px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	font-size:0;
}
.boutInscription:hover{
	background-position:left bottom;
}

.orderInput {
	width:280px;
	border:1px solid #CCD9E5;
}

.error {
	padding:10px;
	margin:10px;
	color:red;
	border:1px dotted red;
	width:70%;
}
.success {
	padding:10px;
	margin:10px;
	color:green;
	border:1px dotted green;
	width:70%;
}
#bigImage span {width:620px;display:block;margin:5px auto;text-align:center;}
#bigImage img {margin:0 10px!important;}