/**************************/
/*												*/
/*			CSS - Aqualux			*/
/*												*/
/**************************/

/*****************************************/ /* Overall */

*
{
	margin: 0;
	padding: 0;
	border: 0;
}

.png
{
	behavior: url(/pngbehavior.htc);
}

body
{
	background: #008EC2 url(../imgs/common/background_body.gif) repeat-x;
}

#container
{
	width: 942px;
	height: 100%;
	margin: 0 auto;
	border-left: 1px solid #00498E;
	border-right: 1px solid #00498E;
	background: #FFF;
}

/*****************************************/ /* Font styles */

body, div, td, input, a, textarea, select, option
{
	font-family: arial;
	font-size: 12px;
	color: #0066A4;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.white						{ color: #FFFFFF; }
.deepblue					{ color: #00498E; }
.deepbluelink			{ color: #1A64A1; }
.deepbluelink2		{ color: #317FC0; font-size: 11px; }
.green						{ color: #02889C; }
.deepgreen				{ color: #03688D; }
.alertok					{ color: darkgreen; }
.alertno					{ color: #D72828; }
.pink							{ color: #E50084; }
.textlink					{ color: #00A2B9; font-weight: bold; }
.gris10						{ color: #888888; font-size: 10px; }

.greentitle, .whitetitle, .pinktitle
{	
	font-weight: bold;
	padding-bottom: 5px;
}

.greentitle, .greentitle a	{ color: #00A2B9; }
.whitetitle									{ color: #FFFFFF; }
.pinktitle									{ color: #E50084; }

/*****************************************/ /* Tables */

.table .head td, .table .head th
{
	vertical-align: middle;
	height: 31px;
	text-align: center;
	background: url(../imgs/common/background_entetetableau.gif);
	color: #FFF;
	font: bold 12px arial, sans-serif;
}

.table .item td, .table .item th, .table .item_left td, .table .item_left th, .table .item_form td, .table .item_form th
{
	vertical-align: middle;
	padding: 2px 0;
	height: 31px;
	text-align: center;
	border-bottom: 1px solid #0082B9;
}

.table .item_left td, .table .item_left th, .table .item_form td, .table .item_form th
{
	text-align: left;
}

.table .item_form td, .table .item_form th
{
	text-align: left;
	border: none;
	vertical-align: top;
}

.table .item_form td
{
	padding-top: 8px;
	background: url(../imgs/common/background_itemform.gif) left 19px repeat-x;
}

.table .item_form td div
{
	display: block;
	float: left;
	background: #FFF;
	padding-right: 10px;
	padding-left: 8px;
}

.table .item_form th
{
	background: #FFF;
	padding-left: 10px;
}

.table .item_form2 td, .table .item_form2 th
{
	vertical-align: middle;
	padding: 0;
	text-align: center;
	padding-bottom: 1px;
}

.table .item_form2 td, .table .item_form2 th
{
	text-align: left;
}

.table .item_form2 td, .table .item_form2 th
{
	text-align: left;
	border: none;
	vertical-align: top;
}

.table .item_form2 td
{
	padding-top: 8px;
	background: url(../imgs/common/background_itemform.gif) left 19px repeat-x;
}

.table .item_form2 td div
{
	display: block;
	float: left;
	background: #FFF;
	padding-right: 10px;
	padding-left: 8px;
}

.table .item_form2 th
{
	background: #FFF;
	padding-left: 10px;
}

.table .nostyle td, .table .nostyle th
{
	vertical-align: middle;
	height: auto;
	text-align: left;
	border: none;
	padding: 0;
	background: none;
}

.table .total td, .table .total th, .table .total2 td, .table .total2 th, .table .total3 td, .table .total3 th
{
	height: 28px;
	background: #D5EBFB;
	border-bottom: 1px solid #0082B9;
	text-align: center;
	font: normal 12px arial, sans-serif;
}

.table .total th, .table .total3 th  { border-left: 1px solid #0082B9; }
.table .total td, .table .total3 td  { border-right: 1px solid #0082B9; }
.table .total2 th { background: #FFF; border: none; }
.table .total2 td { background: #FFF; border: none; }
.table .total3 th { background: #B4D8EE; border-top: 1px solid #0082B9; }
.table .total3 td { background: #B4D8EE; border-top: 1px solid #0082B9; }

.table .total_full td
{
	height: 28px;
	background: #D5EBFB;
	border: 1px solid #0082B9;
	text-align: right;
	padding: 4px;
	font: normal 12px arial, sans-serif;
}

/*****************************************/ /* Forms */

input[type=checkbox], input[type=radio]
{
	margin: 4px;
}

input.text
{
	height: 23px;
	padding: 4px 0 0 6px;
	border: 1px solid #035FA0;
	background: #FFF;
}

input.disabled
{
	border: 1px solid #999;
	background: #EEE;
}

textarea
{
	padding: 4px 0 0 6px;
	border: 1px solid #035FA0;
	background: #FFF;
	overflow: auto;
}

select, option
{
	color: #
}

/*****************************************/ /* Header Design */

.frbanner, .esbanner, .enbanner, .frbanner_on, .enbanner_on, .esbanner_on { height: 223px; }
.frbanner, .frbanner_on { background: url(../prod/francais/background_banner.jpg) 5px 87px no-repeat; }
.enbanner, .enbanner_on { background: url(../prod/anglais/background_banner.jpg) 5px 87px no-repeat; }
.esbanner, .esbanner_on { background: url(../prod/espagnol/background_banner.jpg) 5px 87px no-repeat; }

/* ---------- Top Navigation */

.topnav
{
	position: relative;
	height: 87px;
	margin: 0 5px;
	padding-left: 265px;
	background: url(../imgs/common/background_topnav.gif);
}

.topnav img
{
	position: absolute;
	top: 0;
	left: 0;
}

.topnav a img
{
	position: static;
	float: left;
}

.frbanner .topnav a img { margin: 5px 30px 0 0; }
.enbanner .topnav a img {  }
.esbanner .topnav a img {  }

.frbanner_on .topnav a img { margin: 5px 12px 0 0; }
.enbanner_on .topnav a img {  }
.esbanner_on .topnav a img {  }

/* ---------- User Account */

.useraccount_on, .useraccount_off
{
	position: relative;
	width: 213px;
	height: 137px;
	float: right;
	clear: both;
	margin-right: 5px;
	display: inline; 
}

.useraccount_on { background: url(../imgs/francais/background_useraccount_on.jpg) no-repeat; }
.useraccount_off { background: url(../imgs/francais/background_useraccount_off.jpg) no-repeat; }

.useraccount_off table
{
	margin-top: 58px;
	margin-left: 49px;
}

.useraccount_on table
{
	margin-top: 38px;
	margin-left: 24px;
}

.useraccount_on table div
{
	height: 30px;
	padding-left: 24px;
	padding-right: 18px;
	margin-bottom: 7px;
	overflow: hidden;
	color: #E50084;
	font: bold 12px arial, sans-serif;
}

.useraccount_on img
{
	margin-right: 10px;
}

#logout
{
	position: absolute;
	left: 187px;
	top: 0;
}

/*****************************************/ /* Left Design */

#left
{
	width: 201px;
	padding-right: 5px;
	background: url(../imgs/common/background_whiteblock.gif) right 6px no-repeat;
}

/**********/ /* HomeEditorial */

ul.green
{
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid #A0DCE5;
	background: url(../imgs/common/background_greenli.jpg) no-repeat;
	margin-bottom: 3px;
}

ul.green li
{
	padding: 4px 0 6px 0;
	background: url(../imgs/common/background_greenli.gif) left bottom repeat-x;
}

ul.green li img
{
	margin-right: 6px;
}

.greencover
{
	font-size: 0;
	height: 2px;
	background: #DFF4F7;
	position: relative;
	margin: 0 10px;
	top: -16px;
}

ul.blue
{
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid #A0CAE5;
	background: url(../imgs/common/background_blueli.jpg) no-repeat;
	margin-bottom: 2px;
}

ul.blue li
{
	padding: 4px 0 6px 0;
	background: url(../imgs/common/background_blueli.gif) left bottom repeat-x;
}

ul.blue li img
{
	margin-right: 6px;
}

.bluecover
{
	font-size: 0;
	height: 2px;
	background: #E0EEF7;
	position: relative;
	margin: 0 10px;
	top: -15px;
}

ul.blueblock
{
	list-style: none;
	padding: 10px;
	padding-bottom: 0;
	background: url(../imgs/common/background_blueblock.jpg) no-repeat;
}

ul.blueblock li
{
	padding: 2px 0 4px 0;
}
ul.blueblock li a, ul.blueblock li p
{
	font-size: 11px;
}

ul.blueblock li img
{
	margin-right: 6px;
}

/**********/ /* Newsletter */

.newsletter1
{
	border: 1px solid #9AD0EE;
	border-top: 0;
	padding: 10px;
}

/**********/ /* Recherche */

.search p
{
	padding-left: 9px;
	padding-bottom: 8px;
	border-left: 1px solid #0082B9;
	border-right:  1px solid #0082B9;
	background: #64BCDF url(../imgs/common/background_recherche.gif) repeat-x;
}

.search p input.text
{
	width: 146px;
}

/**********/ /* Catalogue */

div.catalogue
{
	padding: 6px 8px 0 8px;
	border-left: 1px solid #0082B9;
	border-right: 1px solid #0082B9;
	background: #68C0E1 url(../imgs/common/background_aucatalogue.gif) 1px 0 no-repeat;
}

div.catalogue p.l1link
{
	font: bold 12px arial, sans-serif;
	padding: 5px 5px 5px 18px;
	background: url(../imgs/common/marker_bluearrow.gif) 0 6px no-repeat;
}

div.catalogue div.sep
{
	height: 2px;
	font-size: 0;
	padding: 0;
	background: url(../imgs/common/background_aucatalogue_sep.gif);
}

div.catalogue div.sep2
{
	height: 2px;
	font-size: 0;
	padding: 0;
	background: url(../imgs/common/background_aucatalogue_sep2.gif);
}
div.catalogue div.sep3
{
	height: 2px;
	font-size: 0;
	padding: 0;
	background: url(../imgs/common/background_aucatalogue_sep3.gif);
}
div.catalogue div.sep4
{
	height: 2px;
	font-size: 0;
	padding: 0;
	background: url(../imgs/common/background_aucatalogue_sep4.gif);
}

.cataloguecover
{
	font-size: 0;
	height: 2px;
	background: #68C0E1;
	position: relative;
	margin: 0 9px;
	top: -12px;
}

div.catalogue_l2
{
	margin: 0 1px;
	border-left: 1px solid #008EC2;
	border-right: 1px solid #008EC2;
}

div.catalogue_l2 div.l2container
{
	border-left: 1px solid #AEDDF0;
	border-right: 1px solid #AEDDF0;
	padding: 0 4px;
	background: #75C8E9 url(../imgs/common/background_aucatalogue_l2.gif) repeat-x;
}

div.l2container p.l2link
{
	font: bold 12px arial, sans-serif;
	padding: 2px 5px 2px 17px;
	background: url(../imgs/common/marker_bluecircle.gif) 4px 6px no-repeat;
}

.cataloguecover_l2
{
	font-size: 0;
	height: 2px;
	background: #75C8E9;
	position: relative;
	top: -9px;
	margin: 0 5px;
}

p.l3link
{
	font: bold 12px arial, sans-serif;
	padding: 2px 5px 2px 25px;
	background: #84D0EF url(../imgs/common/marker_aucatalogue_bluearrow.gif) 13px 6px no-repeat;
}

p.l4link, p.l4link_on
{
	font: normal 12px arial, sans-serif;
	padding: 2px 5px 2px 25px;
	background: #C2E9F9;
}

p.l4link_on
{
	padding-right: 17px;
	position: relative;
}

p.l4link_on img
{
	position: absolute;
	left: 124px;
	top: 4px;
}


p.l5link, p.l5link_on
{
	font: normal 12px arial, sans-serif;
	padding: 2px 5px 2px 35px;
	background: #E2F6FE;
}
p.l5link_on
{
	padding-right: 17px;
	position: relative;
}

p.l5link_on img
{
	position: absolute;
	left: 114px;
	top: 4px;
}







/*****************************************/ /* Right Design */

#right
{
	width: 201px;
	padding-left: 5px;
	background: url(../imgs/common/background_whiteblock.gif) left 35px no-repeat;
}

#minicart
{
	border-bottom: 1px solid #F27FC1;
	background: url(../imgs/common/background_minicart.gif) 0 80px repeat-x;
}

#minicart table, #minicart p
{
	padding: 10px;
	padding-top: 0;
	border-left: 1px solid #EC48A7;
	border-right: 1px solid #EC48A7;
	color: #A60160;
}

#minicart th
{
	font-size: 12px;
	border: none;
	padding-bottom: 5px;
}

#minicart td, #minicart a
{
	font-size: 11px;
	color: #A60160;
	border-width: 0;
}


/* Les meilleures ventes dans la boutique */
div.compMeillventesBout 
{
	background: url(/Prod/common/background_meill_ventes.gif) top repeat-x;
	background-color: #ABE5EC; 
	border-width: 0 1px 0 1px;
	border-color: #048496; 
	border-style: solid;
	padding: 5px 8px 0 8px;
	width: auto;
}
div.compMeillventesBout *
{
	font-size: 11px;
}








/*****************************************/ /* Center Design */

#contents
{
	background: url(../prod/common/background_downbanner.jpg) 5px 0 no-repeat;
	padding: 0 5px;
}

#breadcrumb
{
	margin-top: 10px;
	padding: 21px 20px 20px 23px;
	background: url(../imgs/francais/marker_breadcrumb.gif) no-repeat;
}

#breadcrumb, #breadcrumb *
{
	font-size: 11px;
}

#center #breadcrumb a, 
#center #breadcrumb a:link, 
#center #breadcrumb a:hover, 
#center #breadcrumb a:visited, 
#center #breadcrumb a:active 
{
	color: #00538E;
	font-weight: normal;
	text-decoration: none;
}
#breadcrumb span
{
	font-size: 12px;
	font-weight: bold;
}

#breadcrumb img
{
	margin: 0 4px;
	vertical-align: 0;
}
table.tri
{
	border-top: 1px solid #96D4ED; 
	border-bottom: 1px solid #D0E4F7; 
	background-image: url(/imgs/common/tri_fd.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 4px;
}
table.pagination
{
	border: 1px solid #C4E6F3; 
	background-image: url(/imgs/common/pagin_fd.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 8px;
}
table.pagination * { font-size: 11px; }
table.pagination span { color: #7CA2C6; }
table.pagination th
{
	background-image: url(/imgs/common/pagin_select2.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 30px; height: 17px;
	padding-left: 0.5em; padding-right: 0.5em;
	color: #E50084;
	font-weight: bold;
}
table.pagination td
{
	padding-left: 0.5em; padding-right: 0.5em;
}

.titre_entete
{
	padding: 8px;
	border: 1px solid #0082B9;
	background: #6CC4E4 url(../imgs/common/background_titreentete.gif) repeat-x;
	color: #FFF;
	font: bold 12px arial, sans-serif;
	margin-bottom: 8px;
}

/* ---------- Recapitulatif */

.adresse_recap
{
	border: 1px solid #0082B9;
}

.adresse_recap th
{
	background: #E2F1FC;
	padding: 0 8px;
	padding-right: 0;
	font: bold 12px arial, sans-serif;
	text-align: left;
	vertical-align: top;
}

.adresse_recap_titre
{
	background: #E2F1FC;
	padding: 8px;
	padding-right: 0;
	font: bold 12px arial, sans-serif;
	text-align: left;
	vertical-align: top;
	border: 1px solid #0082B9;
}

.adresse_recap th span
{
	position: relative;
	top: 8px;
}

.adresse_recap td
{
	font-weight: normal;
	background: none;
	padding: 9px 8px;
	text-align: left;
	vertical-align: top;
}

/* ---------- Vignette institutionnelle verte */

.vignette_verte .entete td
{
	background: url(/prod/common/vignettes_inst/vert_titre_bg.gif) repeat-x;
}

.vignette_verte .entete td div
{
	background: url(/prod/common/vignettes_inst/vert_titre_vague.gif) right bottom no-repeat;
	height: 100%;
}

.vignette_verte .corps th
{
	padding: 4px 8px;
	padding-top: 0;
	background: #F5FCFD url(/prod/common/vignettes_inst/vert_edito_bg.gif) repeat-x;
	border-left: 1px solid #9AD5DD;
	border-right: 1px solid #9AD5DD;
	font-weight: normal;
}

.vignette_verte .corps th a
{
	display: block;
	float: left;
	border: 1px solid #02889C;
	padding: 1px;
	margin-right: 10px;
	margin-bottom: 4px;
	background: #FFF;
}

/* ---------- Vignette institutionnelle bleue */

.vignette_bleue .entete td
{
	background: url(/prod/common/vignettes_inst/bleu_titre_bg.gif) repeat-x;
}

.vignette_bleue .entete td div
{
	background: url(/prod/common/vignettes_inst/bleu_titre_vague.gif) right bottom no-repeat;
	height: 100%;
}

.vignette_bleue .corps th
{
	padding: 4px 8px;
	padding-top: 0;
	background: #F1F7FA url(/prod/common/vignettes_inst/bleu_edito_bg.gif) repeat-x;
	border-left: 1px solid #91C1D7;
	border-right: 1px solid #91C1D7;
	font-weight: normal;
}

.vignette_bleue .corps th a
{
	display: block;
	float: left;
	border: 1px solid #00498E;
	padding: 1px;
	margin-right: 10px;
	margin-bottom: 4px;
	background: #FFF;
}

/*****************************************/ /* Footer Design */

#footer div
{
	height: 42px;
	min-height: 42px;
	margin: 5px;
	clear: both;
	border: 1px solid #00498E;
	background: #008EC2 url(../imgs/common/background_footer.gif) repeat-x;
}

#footer img
{
	display: block;
	margin: 10px 5px 0 5px;
}

#footer div p
{
	position: relative;
	top: -1px;
	float: left;
}

#footer div p img
{
	display: inline;
	margin: 0;
}

/*****************************************/ /* Misc */

.left 					{ float: left; }
.right 					{ float: right; }
.clear					{ clear: both; }
.leftimg 				{ clear: both; margin-bottom: 10px; }
.rightimg 			{ clear: both; margin-bottom: 10px; }
.blueborder 		{ border: 1px solid #00498E; display: block; }
.blueborder img	{ border: 1px solid #FFF; }

.clear5, .clear10, .clear20, .clear30 { font-size: 0; clear: both; }
.clear5 	{ height: 5px; }
.clear10 	{ height: 10px; }
.clear20 	{ height: 20px; }
.clear30 	{ height: 30px; }

table.border
{
	border-collapse: collpase;
	border: 2px inset #EEE;
}

table.border td, table.border th
{
	padding: 2px;
	border: 2px inset #EEE;
}

#helpBox
{
	position: absolute;
	top: -5000px;
	left: -5000px;
	display: none;
	padding: 4px;
	background: #E1F5F8;
	border: 1px solid #03688D;
	width: 200px;
	color: #03688D;
	font-size: 11px;
}

.helpLink
{
	cursor: pointer;
	color: #FFF;
}

.sep
{
	font-size: 0;
	height: 6px;
	background: url(../imgs/common/background_itemform.gif) left 3px repeat-x;
}




#pdrimage {
	overflow: auto;
	float: left;
	width: 550px;
	height: 600px;
	border: 1px solid #00498E;
	background-color: #ECF5FE;
	text-align: left;
}
#pdrliste {
	overflow: auto;
	margin: 0;
	padding:0
	float: right;
	width: auto;
	height: 600px;
	text-align: left;
	padding: 0.4em;
}






/*****************************************/ /* Wyziwyg styles */

#center ul
{
	list-style: none;
	padding: 10px;
	padding-left: 20px;
}

#center ul li
{
	padding: 0px 0px 6px 14px;
	background: url(../imgs/common/marker_bluecircle.gif) 0 4px no-repeat;
}
#center a, #center a:link, #center a:visited, #center a:active { text-decoration: none; color: #00A2B9; font-weight: bold;}
#center a:hover { text-decoration: underline; }