/*
 * Pages catalogue
 */ 
 #bottom {
	position: relative;
	float: left;
	overflow: visible;
	z-index: 2;
	background: url(../webdesign/themes/borealia/fond_page.png) 0 0 repeat;
}

body.tandempage { background: #000000 url(../webdesign/themes/borealia/page_bg.png) 0 0 repeat-x fixed; }
#page-body { background: none; }

.wrapper-bg1 { background: #ffffff url(../webdesign/themes/borealia/variations/wavegreen/page_bg_wrapper.png) 0 0 repeat-x; }
.wrapper-bg2 { background: url(../webdesign/themes/borealia/fond_tete.png) 90% 0 no-repeat; }

#breadcrumbs a,
#breadcrumbs span.separator {
	padding: 0px 15px 0px 0px;
	background: url(../webdesign/themes/borealia/breadcrumbs.png) 100% 50% no-repeat;
}

#separateur{
	
	overflow: visible;
	clear:both;
	top:967px;
	height:40px;
	left:0px;
	width:780px;
	text-align: center;
	background: #ffffff url(../webdesign/themes/borealia/separateur.png)  0 0 no-repeat;
}

#date {
	margin: 0px 20px 0px 0px;
	float: left;
	background: url(../webdesign/themes/borealia/fond_date.png) 0 0px repeat-x;
}
#ladate {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
	height: 70px;
	background: url(../webdesign/themes/borealia/fond_date.png) 0 0 no-repeat;
}

#menubar { background: url(../webdesign/themes/borealia/menubar_bg.png) 0 0 no-repeat;}

#menubar div.menubar-2 {
	padding: 0px 30px 0px 30px;
	background: url(../webdesign/themes/borealia/menubar_bg.png) 100% -37px no-repeat;
}

#menubar div.menubar-3 {
	height: 37px;
	background: url(../webdesign/themes/borealia/menubar_bg.png) 0 -74px repeat-x;
}

#panier {
	position: absolute;
	top: 30px;
	left: 690px;
	width: 231px;
	height: 70px;
	background: url(../webdesign/themes/borealia/panier.png) 0 0 no-repeat;
}

#voirpanier{
    position: fixed;
	visibility: hidden;
	clear: both;
	z-index:30;
	left: 50%; 
    top: 50%;
	width: 350px;
	height: 260px;
	margin-top: -175px;
    margin-left: -130px;
	background:url(../webimages/objets/popup_panier.png) 0 0 no-repeat;
}

#contactel {
	position: absolute;
	top: 30px;
	left: 475px;
	width: 159px;
	height: 32px;
	background: url(../webdesign/themes/borealia/toolbar_tel.png) 0 0 no-repeat;
}

#login {
	position: absolute;
	top: 150px;
	left: 845px;
	width: 150px;
	height: 28px;
	background: url(../webdesign/themes/borealia/toolbar_login.png) 0 0 no-repeat;
}
#login:hover {
	position: absolute;
	top: 150px;
	left: 845px;
	width: 150px;
	height: 28px;
	background: url(../webdesign/themes/borealia/toolbar_login2.png) 0 0 no-repeat;
}

#qsante {
	position: absolute;
	top: 150px;
	left: 457px;
	width: 150px;
	height: 28px;
	background: url(../webdesign/themes/borealia/toolbar_qsante.png) 0 0 no-repeat;
}
#qsante:hover{
	position: absolute;
	top: 150px;
	left: 457px;
	width: 150px;
	height: 28px;
	background: url(../webdesign/themes/borealia/toolbar_qsante2.png) 0 0 no-repeat;
}

#blogtwitrss {
	position: absolute;
	top: -3px;
	left: 770px;
	font-size: 130%;
	color: #FFFFFF;
	font-family: Arial,"Courier New", Courier, monospace;
	background: url(../webdesign/themes/borealia/toolbar_blog.png) 0 0 no-repeat;
}
#logo {
	position: absolute;
	top: 5px;
	left: 0px;
	background: url(../webdesign/themes/borealia/logo_tandem.png) 0 0 no-repeat;
}

#recherche {
	position: absolute;
	top: 150px;
	left: 600px;
	width: 235px;
	height: 28px;
	background: url(../webdesign/themes/borealia/toolbar_recherche.png) 0 0 no-repeat;
}
#suggest {
	position: absolute;
	visibility: hidden;
	left: 600px;
	width: 405px;
	top: 0px;
	z-index: 20;
	line-height: 18px;
	margin-top: 15px;
	text-align: right;
	color:#FFFFFF;
	font-weight: normal;
	background: #FFFFFF url(../webdesign/themes/borealia/back_search.png) 0 0 no-repeat ;
}
#bcadre {
	z-index: 21;
	height: 25px;
	width: 405px;
	margin-left:1px;
	background:  url(../webdesign/themes/borealia/barre_search_pied.png) 0 0 no-repeat ;
}

#baspage
{
	background:#FFDFFF;
}

#search {
	position: absolute;
	top: -8px;
	right: -15px;
	z-index: 2;
	width: 170px;
	height: 32px;
	padding: 13px 15px 0px 25px;
	background: url(../webdesign/themes/borealia/search_bg2.png) 0 0 no-repeat;
}

#footer a.anchor {
	position: absolute;
	right: 0px;
	top: 3px;
	width: 30px;
	height: 5px;
	background: url(../webdesign/themes/borealia/footer_anchor.png) 0 -10px no-repeat;
	display: block;
	text-decoration: none;
}

div.mainmiddle-wrapper-tl { background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 0 0 no-repeat; }

div.mainmiddle-wrapper-tr {
	padding: 0px 10px 0px 10px;
	background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 100% -15px no-repeat;
}

div.mainmiddle-wrapper-bl { background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 0 -30px no-repeat; }

div.mainmiddle-wrapper-br {
	padding: 0px 10px 0px 10px;
	background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 100% -45px no-repeat;
}

div.mainmiddle-wrapper-b div.contentright-bg { height: 9px; }

.column-contentleft div.contentleft-bg { background: url(../webdesign/themes/borealia/contentleft_bg.png) 0 0 repeat-y; }
.column-contentright div.contentright-bg { background: url(../webdesign/themes/borealia/contentright_bg.png) 100% 0 repeat-y; }


#toolbar .menu li a,
#footer .menu li a {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: url(../webdesign/themes/borealia/topmenu_item_bg.png) 0 50% no-repeat;
	overflow: hidden;  
}

#menu ul.menu {
	padding-left: 1px;
	background: url(../webdesign/themes/borealia/menu_level1_itemX.png) 0 0 no-repeat;
	float: left;
	
}

#menu a.level1 span.bg,
#menu span.level1 span.bg {
	height: 35px;
	padding: 0px 10px 0px 8px;
	background: url(../webdesign/themes/borealia/menu_level1_item.png) 100% 0 no-repeat;
	float: left;
	line-height: 27px;
	font-size: 12px;
	color: #323232;
	text-shadow: 0px 0px 0px #ffffff;
	
}

/* PARAM gère les liens dans les colonnes à l'intérieur du pavé menu */
#menu a.level3 span.bg,
#menu span.level3 span.bg {
	height: 17px;
	background: url(../webdesign/themes/borealia/menu_level3_item.png) 1px 5px no-repeat;
	line-height: 17px;
	text-indent: 10px;
	font-size: 11px;
	cursor: pointer;
}
#menu a.level3 span.bgb,
#menu span.level3 span.bgb {
	height: 17px;
	background: url(../webdesign/themes/borealia/menu_level3_itemb.png) 1px 5px no-repeat;
	line-height: 17px;
	text-indent: 10px;
	font-size: 11px;
	cursor: pointer;
}

div#menu div.fancy div.fancy-1 {
	background: #8D9AE0;
}
div#menu div.fancy div.fancy-2 {
	background: #8D9AE0;
}
div#menu div.fancy div.fancy-3 {
	height: 30px;
	background: #8D9AE0;
}

div.mod-chrome ul.menu li.level1 { background: url(../webdesign/themes/borealia/submenu_level1_item_black.png) 50% 0 no-repeat; }

div.mod-chrome ul.menu li.parent a.level1,
div.mod-chrome ul.menu li.parent span.level1 { background: url(../webdesign/themes/borealia/submenu_level1_parent.png) 100% 0 no-repeat; }


div.mod-chrome-black ul.menu li.level1,
div.mod-chrome-orange ul.menu li.level1,
div.mod-chrome-blue ul.menu li.level1,
div.mod-chrome-green ul.menu li.level1 { background: url(../webdesign/themes/borealia/submenu_level1_item_white.png) 50% 0 no-repeat; }

#contentleft div.mod-line ul.menu span.bg {
	background: #ffffff url(../webdesign/themes/borealia/contentleft_bg.png) -5px 0 repeat-y;
	text-indent: 5px;
}
#contentright div.mod-line ul.menu span.bg { background: #ffffff url(../webdesign/themes/borealia/contentright_bg.png) -1px 0 repeat-y; }

div.module div.badge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(../webdesign/themes/borealia/module_badges.png) 0 0 no-repeat;
	overflow: hidden;
	z-index: 1;
}

/*
 * icon styles
 */
 
div.module h3.header span.icon {
	display: block; 
	position: relative;
	left: -5px;
	width: 30px;
	height: 30px;
	background: url(../webdesign/themes/borealia/module_icons.png) 0 0 no-repeat;
	overflow: hidden;
	float: left;
}

div.module h3.header span.icon-contact { background-position: 0 0; }
div.module h3.header span.icon-download { background-position: 0 -30px; }
div.module h3.header span.icon-micro { background-position: 0 -60px; }
div.module h3.header span.icon-mail { background-position: 0 -90px; }
div.module h3.header span.icon-message { background-position: 0 -120px; }
div.module h3.header span.icon-users { background-position: 0 -150px; }
div.module h3.header span.icon-shopping { background-position: 0 -180px; }
div.module h3.header span.icon-lock { background-position: 0 -210px; }

/*
 * module: headerbar
 */
 
div.mod-headerbar div.box-1 { background: url(../webdesign/themes/borealia/module_headerbar.png) 0 0 no-repeat; }

div.mod-headerbar div.box-2 {
	padding: 0px 10px 0px 10px;
	background: url(../webdesign/themes/borealia/module_headerbar.png) 100% -75px no-repeat;
}

div.mod-headerbar div.box-3 {
	height: 55px;
	padding: 10px 0px 5px 0px;
	background: url(../webdesign/themes/borealia/module_headerbar.png) 0 -150px repeat-x;
	overflow: hidden;
}

/*
 * module: rounded
 */
 
div.mod-rounded div.box-t1 { background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 0 0 no-repeat; }

div.mod-rounded div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 100% -15px no-repeat;
}

div.mod-rounded div.box-b1 { background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 0 -30px no-repeat; }

div.mod-rounded div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(../webdesign/themes/borealia/module_rounded_white_corners.png) 100% -45px no-repeat;
}

/* color: grey */
div.mod-rounded-grey div.box-t1 { background-image: url(../webdesign/themes/borealia/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-t2 { background-image: url(../webdesign/themes/borealia/module_rounded_grey_corners.png); }

div.mod-rounded-grey div.box-2 {

	background: url(../webdesign/themes/borealia/module_rounded_grey_fading.png) 0 100% repeat-x;

}

div.mod-rounded-grey div.box-b1 { background-image: url(../webdesign/themes/borealia/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-b2 { background-image: url(../webdesign/themes/borealia/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-b3 {
	height: 10px;
	border: none;
	background: url(../webdesign/themes/borealia/module_rounded_grey_corners.png) 0 -60px repeat-x;
}

/* header: grey */

div.mod-rounded-header div.header-1 {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: url(../webdesign/themes/borealia/module_rounded_grey_header_grey.png) 0 0 no-repeat;
}
div.mod-rounded-header div.header-2 {
	padding: 0px 30px 0px 30px;
	background: url(../webdesign/themes/borealia/module_rounded_grey_header_grey.png) 100% -45px no-repeat;
}
div.mod-rounded-header div.header-3 {
	height: 40px;
	background: url(../webdesign/themes/borealia/module_rounded_grey_header_grey.png) 100% -90px repeat-x;
}

/* color: header themeactif */
div.mod-rounded-header-themeactif div.header-1 { background-image: url(../webdesign/themes/borealia/module_rounded_grey_header_themeactif.png); }
div.mod-rounded-header-themeactif div.header-2 { background-image: url(../webdesign/themes/borealia/module_rounded_grey_header_themeactif.png); }
div.mod-rounded-header-themeactif div.header-3 { background-image: url(../webdesign/themes/borealia/module_rounded_grey_header_themeactif.png); }

/*
 * global CSS
 */
 
 a.readmore {
	display: block;
	width: 100px;
	height: 20px;
	background: transparent url(../webdesign/themes/borealia/readmore.png) 0 0 no-repeat;
	float: left;
	line-height: 20px;
	text-indent: 10px;
	font-size: 90%;
	color: #505050;
	text-decoration: none;
}
a.readmore:hover {
	background: transparent url(../webdesign/themes/borealia/readmore.png) 0 -25px no-repeat;
	color: #000000;
}

div.mod-rounded-header-grey a.readmore {
	background: transparent url(../webdesign/themes/borealia/readmore.png) 0 -50px no-repeat;
	color: #dcdcdc;
}

div.mod-rounded-header-grey a.readmore:hover {
	background: transparent url(../webdesign/themes/borealia/readmore.png) 0 -75px no-repeat;
	color: #ffffff;
}
#toolbar .menu li a,
#footer .menu li a { background-image: url(../webdesign/themes/borealia/topmenu_item_bg_white.png); }


#toolbar,
#footer { color: #ffffff; }


#footer a:link, #footer a:visited { color: #ffffff; }
#footer a:hover { color: #ffffff; }

#toolbar .menu a:link,
#toolbar .menu a:visited { color: #ffffff; }
#toolbar .menu a:hover { color: #ffffff; }

#footer .menu a:link,
#footer .menu a:visited { color: #ffffff; }
#footer .menu a:hover { color: #ffffff; }

#toolbar .menu a:hover,
#footer .menu a:hover,
#menu li.active a.level1 span.bg,
#menu  span.level1 span.bg,
h1,
#page h1 a,
h3,
h5,
a:link,
a:visited,
.contentheading,
.componentheading { color: #000000; } /* vert : #678925*/

#menu li.active:hover a.level1 span.bg,
#menu li.active:hover span.level1 span.bg,
#menu li.active.remain a.level1 span.bg,
#menu li.active.remain span.level1 span.bg,
a:hover { color: #404040;
cursor: pointer; }/* vert : #83c500 */