/*-- Originated by Eric Meyer at meyerweb.com --*/
html, body, #MainForm {
/*	height: 100%;*/
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	background: url(../Images/2010/bg_main.jpg) repeat left top #ebebeb;
}

img {
	border: none;
}

a {
	outline:none;
	text-decoration: none;
}

a:hover {
	color: #4395d1;
	text-decoration: underline;
} 

h1 {
	font-size: 180%;
	font-weight: bold;
	margin:0;
	padding: 0 0 10px 0;
	border-bottom: 3px solid #333;
}

h1 div{
	width:480px;
}

h2 a{
	color: #147AC5;
	font-size: 18px;
	margin:0;
	text-decoration: none;
}

h2{
   color: #147AC5;
   border-bottom: 3px solid #000; 
   margin-bottom:5px;
   padding-bottom:14px;
   text-align:left;
}

.h2Category h2
{
    border-bottom:none;   
    padding-bottom:10px; 
}

.category #catalogGroup .h2Category h2{
    padding-right:12px;
}

.h2Category 
{
    background:url(../Images/2010/bgH2CategoryGroup.png) left bottom no-repeat; 
}

.categoryGroupDescription
{
    width:172px;    
}

.content h2 
{
    border-bottom:none;
}

#productOnglet h2
{
    border-bottom:none;
    color:#333333;
	font-size:14px;
	margin:0 0 14px 0;
	padding:0;   
}

.searchResult h2
{
    border-bottom:none;
    color:#333333;
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;   
}


h3{
	color:#333333;
	font-size:12px;
	margin:0;
	padding:0;
}

strong {
	font-weight: bold;
}

body.pro {
	background-color: #000;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

.screenReader {
	display: none;
}


.transparent {
	background: url(../Images/2010/transparent_20percent.png) repeat left top;
	margin: 0 auto;
	overflow:auto;
	padding: 0 0 10px 0;
    width: 1004px;
    _padding: 0;
    _background: url("../images/blank.gif") repeat left top;
}

.topContent {
	
	width: 984px;
	margin: 0 auto;
	color: #000;
	padding:0 0 10px 0;
	_width: 1000px;
	
}

.homePage .topContent {
	margin: 0 auto !important;
	padding:0 !important;
}

.contentPage .topContent {
	background: #fff;
}

#pageContent,
#indexContent {
	
	margin:0;
	z-index: 98;
    _zoom: 1;
	_width: 100%;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#pageContent,
.homePage #indexContent { overflow:inherit;/*safari*/ }
}

#center {
	margin: 0 auto 20px auto;
	width: 944px;
}

.sideLeft #center {
	float: left;
 	width: 750px;
}

.sides #center {
	float: left;
	width: 558px;
	#overflow:hidden;
}

.sides #center h1 {
	margin-top: 0;
	margin-bottom: 10px;
}

/******************************** top nav ********************************/
#universalNavWrapper {
	height: 31px;
	background: url(../Images/2010/bg_top_nav.gif) repeat-x left top #000;
}

#universalNav {
	width: 984px;
	margin: 0 auto;
}

#universalNavInner {
	float: right;
}

#universalNavInner ul {
	margin: 0;
}

#universalNavInner li {
	display: inline;
	float: left;
	margin-left: .3em;
	margin-right: .3em;
	background: url(../Images/2010/top_menu_separator.gif) no-repeat right center;
	padding-right: .8em;
	padding-left: .2em;
}

#universalNavInner li.hidden {
    display: none;
}

#universalNavInner li:hover a,
#universalNavInner li:hover a span {
	color: #ed1c24;/*#4395d1*/
}

#universalNavInner a {
	color: #fff;
	background-color: transparent;
	display: inline-block;
	line-height: 30px;
	font-size: 10px;
	letter-spacing: 1px;
	text-decoration: none;
}

#universalNavInner #search_box { 
    width: 184px;
    height: 23px;
    background: url(../Images/2010/bg_search_box.gif) no-repeat center center;
	margin-top: 3px;
	padding: 0;
	position:relative;
}

.red {
	color: #ed1c24;
}

li.login a.login,
li.login a.logout {
	padding-right: 15px;
}

li.login a.login {
    background: none;
    padding-right: 0;
}

li.login a.logout {
    background: url(../Images/2010/icon_logout.gif) no-repeat right center;
}

li.cart a {
    background: url(../Images/2010/icon_cart.gif) no-repeat left center;
	padding-left: 22px;
}

#search_box .watermark
{
    color:#000000;
    font-size:10px;
    height:14px;
    margin-top:1px;
    width: 150px;  
}

#search_box .swap_value {
    color:#adafb2;
    float: left;
    font-size:10px;
    padding: 0;
    margin: 4px 0 0 6px;
    border: 0;
    width: 155px;
    background: none;
}

#search_box .submit {
   background:url(../Images/2010/bgSearchSubmit.png) no-repeat left top;
   font-size:1px;
   height: 23px;
   position:absolute;
   right:0;
   top:0;
   width:27px;
   border: 0;
}

/******************************** header ********************************/
#pageHeader {
	margin: 0;
	position: relative;
	height: 83px;
	background-color: #fff;
}

#headerLogo {
	position: absolute;
	top: 16px;
	left: 16px;
}

#headerLogo a img {
	border: none;
}

#headerCultures {
	text-align: right;
	margin: 0 0 0.5em 0;
}

#headerQuicklinks {
	text-align: right;
	margin: 0 0 0.5em 0;
}

#headerSearch {
	text-align: right;
	margin: 0 0 0.5em 0;
}
/******************************** header - quick links *****************/
#headerQuicklinks {
    position:absolute;
    right:10px;
    top:29px;
    width:390px; 
}

#headerQuicklinks ul {
	margin: 0;
}

#headerQuicklinks a {
	color: #000;
	text-decoration: none;
	display: inline-block;
	line-height: 30px;
	font-size: 85%;
	text-decoration: none;
}

#headerQuicklinks a:hover,
#headerQuicklinks a:hover span {
	color: #4395d1;
}

#headerQuicklinks li {
	display: inline;
	padding-left: 9px;
	padding-right: 6px;
	background: url(../Images/2010/top_menu_separator.gif) no-repeat left center;
}

#headerQuicklinks li:first-child,
#headerQuicklinks li.first {
	background: none;
}

/******************************** main nav: level 1 ********************/
#navigation.horizontal {
	background: #ffffff url(../Images/2010/menu1Div.png) no-repeat 10px 6px; /* ie8 */
	height: 35px;
	#height:35px;
	margin: 0 auto 10px auto;
	padding: 0.5em 0 13px 0;
	position: relative;
	z-index: 101;
	width:984px;
}


#navigation.horizontal, x:-moz-any-link, x:default
{
    background: #fff url(../Images/2010/menu1Div.png) no-repeat 10px 7px; /* firefox only */
}

#navigation.horizontal  
{
    #background:#fff url(../Images/2010/menu1Div.png) no-repeat 10px 6px; /* ie7 ie6 */
}

#navigation.horizontal ul.level1 {
	list-style: none;
	list-style-type: none;
	width: 966px;
	margin: 0 auto;
	padding: 0;
	position:relative;
	z-index: 102
}

#navigation.horizontal .liLevel1 a {
	background: url(../Images/2010/menu_sep.gif) no-repeat right top;
	color: #fff;
	display:block;
	font-weight: bold;
	line-height:38px;
	padding-right:17px;
	text-transform: uppercase;
	text-decoration: none;
}

#navigation.horizontal .liLevel1 a.over { /* hover on elements with arrow */
	background-position: right -41px;
}

#navigation.horizontal li.liLevel1 { /* all elements: default */
	float: left;
	background: url(../Images/2010/menu1.png) no-repeat center 0;
	height:39px;
	/*#height:39px;*/
	text-align: center;
	position: relative;
}


#navigation.horizontal li.liLevel1.selected { /* first menu element: selected */
	background-position: center -82px;
}

#navigation.horizontal li.liLevel1.over { /* all elements: hover */
	background-position: center -41px;
}

#navigation.horizontal li.liLevel1.first { background-position: left top; }

#navigation.horizontal li.liLevel1.first.selected { background-position: left -82px; }

#navigation.horizontal li.liLevel1.first.over { background-position: left -246px; } /* first menu element: hover */

#navigation.horizontal li.liLevel1.provideo  
{
    background-position: right -123px; 
}

#navigation.horizontal li.liLevel1.last.selected { background-position: right -164px }

#navigation.horizontal li.liLevel1.last.over { background-position: right -164px; }

#navigation.horizontal li.liLevel1.orphan a { /* elements without arrow */
	background-position: right -82px;
	padding-right: 15px;
}

#navigation.horizontal li.liLevel1.last a  
{
    background-position: right -164px; 
}

#navigation.horizontal li.liLevel1.last a.over { 
	background-position: right -205px;
}

#navigation.horizontal li.orphan a  
{
    background: none; 
    padding-right: 0; 
}

/* all of the below should add up to 966px */
.fr-CA #navigation.horizontal li.item1 {width: 141px;}
.fr-CA #navigation.horizontal li.item2 {width: 121px;}
.fr-CA #navigation.horizontal li.item3 {width: 140px;}
.fr-CA #navigation.horizontal li.item4 {width: 200px;}
.fr-CA #navigation.horizontal li.item5 {width: 139px;}
.fr-CA #navigation.horizontal li.item6 {width: 120px;}
.fr-CA #navigation.horizontal li.item7 {width: 105px;}
.fr-CA #navigation.horizontal li.item8 {width: 133px;}

.en-CA #navigation.horizontal li.item1 {width: 134px;}
.en-CA #navigation.horizontal li.item2 {width: 151px;}
.en-CA #navigation.horizontal li.item3 {width: 146px;}
.en-CA #navigation.horizontal li.item4 {width: 157px;}
.en-CA #navigation.horizontal li.item5 {width: 122px;}
.en-CA #navigation.horizontal li.item6 {width: 153px;}
.en-CA #navigation.horizontal li.item7 {width: 103px;}
.en-CA #navigation.horizontal li.item8 {width: 129px;}

/******************************** main nav: level 2 ********************/
#navigation.horizontal div.products {
	left: 1px;
	position: absolute;
	top: 39px;
}

#navigation.horizontal ul.level2 {
	display:none;
	/*left: -1px;*/
	position: absolute;
	top: 38px;
	min-width:160px;
	margin: 0;
	padding: 20px 0;
	background:#eb1c24;
	z-index: 103;
	list-style-type: none;
}

#navigation.horizontal .level2Left
{
    background:url(../Images/2010/bg_menu_level2_Left.png) no-repeat left top;  
    bottom:-3px;
    display:none;
    height:3px;
    left:0;
    position:absolute;
    width:3px;  
}

#navigation.horizontal .level2Right
{
    background:url(../Images/2010/bg_menu_level2_Right.png) no-repeat left top;
    bottom:-3px;
    display:none;  
    height:3px;
    position:absolute;
    right:0;
    height:3px;
    width:3px;  
}

#navigation.horizontal .level2Center
{
    background:#eb1c24;
    bottom:-3px;
    display:none;  
    height:3px;
    left:3px;
    position:absolute;
    min-width:154px;
}


#navigation.horizontal li:hover ul,
#navigation.horizontal li.over ul {
	display: block;
}

#navigation.horizontal ul.level2 a:hover { 
	color: #000;
}


#navigation.horizontal .level2 li { 
	float: none;
	background: none;
	height:auto !important;
	margin:0 0 3px 0;
	padding:0;
	position: relative;
	text-align: left;
	font-size: 90%;
	z-index: 110;
}

#navigation.horizontal li.liLevel1 .level2 a {
	display: inline-block;
	line-height: 20px;
	margin: 0 auto;
	padding: 0 20px 0 30px;
	background: none;
	text-transform: none;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	color: #fff;
	background: transparent url(../Images/2010/bullet_top_submenu.gif) no-repeat 20px 6px !important;
}

#navigation.horizontal li.liLevel1 .level2 a:hover {
	color: #000;
}

/******************************** index page  **************************/
#index {
	background-color: transparent;
}

.rightCol .rightPub {
	border: 5px solid #fff;
	#float:left;
	margin-bottom:10px;
}

.rightCol .rightPub img {
	#float:left;
}

.rightCol .rightPub.newsletter
{
    position:relative;
}

.rightCol .rightPub.newsletter .newsletterBtn
{
    bottom:10px;
    left:10px;
    position:absolute;
}

.newsletterText
{
    background:url(../Images/2010/bg_newsletter_box.gif) no-repeat center center; 
    float:left;
    height:23px;
    margin-right:10px;
    margin-top:3px;
    padding:0;
    position:relative;
    width:125px;     
}

.newsletterInputText
{
    border:none;
    color:#585A70;
    float:left;
    font-size:10px;
    height:18px;
    margin:3px 0 0 2px;
    padding:0; 
    width:120px;
}

.newsletterSubmit
{
    float:left;
    margin-top:2px;
}

#indexContent .leftCol,
#indexContent .rightCol  {
	float: left;
}



#indexContent .leftCol {
	width: 730px;
}


#indexContent .rightCol {
	display: block;
	margin-left: 10px;
}

#topBanners div:first-child {
	margin-right: 10px;
}

#indexContent .rightPub {
	margin-top: 0;
}

 .homePage #listContainer .list
{
	display:none;
}

 .homePage #listContainer .gallery
{
   display:block;
   float:left;
   overflow:hidden;
   width:705px;
}

#listContainer .gallery table
{
	border-collapse:collapse;
	margin-bottom:20px;	
}

#compareResults{
    overflow:hidden;
    width:100%;
        
}

#compareResults #listContainer .list,
#compareResults #listContainer .gallery
{
	display:none;	
}

#listContainer .gallery table table 
{
   border-collapse:collapse;
   margin-left:20px;
   /*width:170px; */ 
   width:160px;
}
#compareResults .gallery table
{
   border-collapse:separate;
   margin-top: -20px;
   margin-left: -20px;
   /*width:170px; */ 
   width:590px;
}
#compareResults .gallery table td{
	width:170px;
	#width: 164px;
	padding: 0;
}

#listContainer .gallery table table.firstTab
{
   margin-left:0;
}

#listContainer .gallery table table td.thumb
{
   border:none;
   border-bottom:solid 3px #343434;
   height:135px;
   padding:0;
   text-align:center;
} 

#listContainer .gallery table td.thumb
{
   border:none;
   border-bottom: solid 3px #343434;
   height:135px;
   padding: 0;
   text-align:center;
} 

#listContainer .gallery table table td.thumb img,
#listContainer .gallery table td.thumb img
{
   border:none;
} 

#listContainer .gallery table table td.price
{
    padding-top:10px;
}

#listContainer .gallery table table td.model
{
    padding:10px 0;
}


#listContainer .gallery table table td.save
{
    overflow:hidden;
    height:20px; 
}

#listContainer .gallery table table td.model a
{
    color:#147AC5;  
    cursor:pointer;
    display:block;
    font-weight:bold;
    height:45px;  
    overflow:hidden;   
}

#listContainer .gallery table td.model a
{
    color:#147AC5;  
    cursor:pointer;
    display:block;
    font-weight:bold;
    overflow:hidden;   
}

#listContainer .gallery table table .buttons td,
#listContainer .gallery table .buttons td
{
    border-bottom:dotted 1px #3b3b3b;
    border-top:dotted 1px #3b3b3b;  
    padding:10px 0;  
}

#indexContent .tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#indexContent .tabs li {
	display: inline;
    margin: 0 -3px 0 0;
    padding: 0;
	background: url(../Images/2010/index_tabs.png) no-repeat right top;
	text-decoration: none;
	outline: none; /* hide dotted outline in Firefox */
}

#indexContent .tabs a {
	display: inline-block;
	background: url(../Images/2010/index_tabs.png) no-repeat left top;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 140%;
}

#indexContent .tabs li.selected a,
#indexContent .tabs li a:hover {
	background-position: left -90px;
	color: #ed1c24;
}

#indexContent .tabs span {
	display: block;
	background: url(../Images/2010/index_tabs.png) no-repeat scroll right -45px transparent;
	line-height: 45px;
	padding: 0 25px 0 15px;
}

#indexContent .tabs li.selected span,
#indexContent .tabs li span:hover {
	background-position: right -135px;
}

#listTypeSelector 
{
    background-color: #fff;
    font-size: 85%;
	margin-top:10px;
	padding: 10px;
	_zoom: 1;
	_margin-top: 7px;
}

.homePage #listTypeSelector{
    margin-top:0;
}

.homePage .tabs
{
    margin-top:10px;   
}

#listTypeSelector .listType 
{
    float:left;
}

#listTypeSelector .listType .type,
#listTypeSelector .sort .listType
{
    float:left;
    margin-right:5px;  
}

#listTypeSelector .blockList,
#listTypeSelector .blockGallery,
#listTypeSelector .blockSort
{
   float:left;
    }

#listTypeSelector .inner {
	background: url(../Images/2010/bg_list_type_selector.gif) repeat-x left top #fff;
	bottom:0;
	height: 35px;
	left:0;
	line-height: 35px;
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #adadad;
	position:absolute;
	width:558px;
}

.homePage #listTypeSelector .inner {
	position:static;
	width:700px;
}

#listTypeSelector span.type {
	float: left;
	font-size:11px; 
	font-weight:bold;
}

/*** gallery-list toggle buttons ***/
#listTypeSelector a{
   color: #000;
	cursor:pointer;
	display: inline-block;
	float:none;
	height: 22px;
	line-height: 22px;
	margin-top:7px;
	outline: none;
	padding-left: 25px;
	text-decoration: none;
}

#listTypeSelector span {
    display: block;
    float:left;
	height: 22px;
	padding-right:6px;
}

#listTypeSelector .listTypeSeparator
{
    background:url(../Images/2010/bgSeparatorListType.gif) no-repeat left top;
    float:left;
    height:22px;
    margin:6px 4px 0 4px;
    width:1px;
}

#listTypeSelector a.list{
	background: url(../Images/2010/button.png) repeat-x left -326px;
}

#listTypeSelector .sort a.croissant{
	background: url(../Images/2010/button.png) repeat-x left -623px;
}

#listTypeSelector .sort a.decroissant{
	background: url(../Images/2010/button.png) repeat-x left -579px; 
}

#listTypeSelector a.gallery{
	background: url(../Images/2010/button.png) repeat-x left -305px;
}


#listTypeSelector a.list.active {
	background: url(../Images/2010/button.png) repeat-x left -282px;
}

#listTypeSelector .sort a.active {
	background: url(../Images/2010/button.png) repeat-x left -282px;
}

#listTypeSelector .sort a.croissant.active{
	background: url(../Images/2010/button.png) repeat-x left -601px;
}

#listTypeSelector .sort a.decroissant.active{
	background: url(../Images/2010/button.png) repeat-x left -557px; 
}


#listTypeSelector a.gallery.active {
	background: url(../Images/2010/button.png) repeat-x left -260px;
}

#listTypeSelector a.list.active span {
	background: url(../Images/2010/button.png) repeat-x right -260px;
	cursor: pointer;
}

/*** items in list view ***/
#indexContent div.list .box {
	border-bottom:solid 2px #333333;
	float:left;
	margin-bottom:20px;
	padding-bottom:20px;
	position: relative;
	width:705px;
}

#indexContent div.list .boxList{
	height:auto !important;
}

#indexContent div.list .description li {
	display: block;
}

.list .description .price,
#productOngletBlockEnsembles .price{
	background:url(../Images/2010/bg_dot_333.gif) repeat-x 200px bottom;
	height:40px;
	margin-bottom:16px;
	padding-bottom:5px;
}

.gallery.description .price{
	height:20px;
}


.description .price, 
.description .price a,
.description .price a:hover {
	color: #ed1c24;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
}

.description .save,
.description .save a,
.description .save a:hover {
	font-size: 12px;
	color: #000;
	font-weight:bold;
	text-decoration:none;
}

#indexContent div.list .thumb {
	float: left;
	padding-right: 10px;
	background-color: #fff;
	width:150px;
}

#indexContent div.list .thumb p
{
    text-align:center;
}

#indexContent .list .buttons {
	clear: none;
	position: absolute;
	top: 10px;
	right: 0;
}

#indexContent .list.homeBlock .buttons {
	top: 0;
}

#indexContent div.list .buttons a {
	margin-right: 0;
}

#indexContent div.list li a {
	display: inline-block;
}

#indexContent div.list li a:hover {
	text-decoration:none;
}

#indexContent div.list .description li.model a{
	color:#4395d1;
	font-weight:bold;
}

#indexContent div.list .description li.model a:hover {
	cursor:pointer;
	text-decoration:underline;
}

/*** items in both views ***/
#listContainer {
	background:#fff;
	float:left;
	position: relative;
	padding: 20px 10px 20px 10px;
	width:710px;
	_zoom: 1;
	_width: 710px;
}

#indexContent .description ul {
	list-style: none;
}

.box .description a {
	font-weight: bold;
}

/******************************** onglets home page ********************/
#homePromotions,#homeProPhoto,#homeProVideo,#homeNouveautes
{
    display:none;    
}

#homeOnglets .selected
{
    display:block;    
}


/******************************** breadcrumbs **************************/
#breadcrumbs {
	position: relative;
	background: url(../Images/2010/bg_breadcrumbs.gif) repeat-x left top #fff;
	height: 23px;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 11px;
	z-index: 100;   
}

#breadcrumbs ul {
	padding: 0;
	margin-left: 0;
}

#breadcrumbs li {
	display: inline;
	background: url(../Images/2010/icon_breadcrumb.gif) no-repeat scroll left center;
	margin-left: 8px;
	padding-left: 12px;
	float: left;
	height: 23px;
}

#breadcrumbs a {
	color: #111111;
	font-size: 10px;
	line-height: 23px;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #4395d1;
}

#breadcrumbs span
{
    background:url(../Images/2010/arrows.gif) no-repeat left bottom; 
    _background:url(../Images/2010/arrows.gif) no-repeat left -7px; 
    display:inline-block;
    height:5px; 
    margin:0 7px;
    #margin:-8px 7px 0 7px;
    width:5px;  
}

#breadcrumbs li:first-child,
#breadcrumbs li.first {
	background: none;
	padding-left: 0;
}

/******************************** left column **************************/
.sideLeft #breadcrumbs {
	float: left;
	width: 682px;
}

.sides #breadcrumbs {
	float: left;
	width: 687px;
}

#sideLeft {
	display: none;
	width: 190px;
	margin-right: 18px;
	_margin-right: 16px;
}

.sideLeft #sideLeft {
	display: block;
	float: left;
}

.sides #sideLeft {
	display: block;
	float: left;
}

/******************************** left menu ***************************/
#navcontainer {
	margin: 0 0 15px 15px;
}

.one {
	width: 175px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.one li {
	background:url(../Images/2010/bgLiLeftMenu.gif) repeat-x left bottom;
	margin: 0;
	padding-bottom:2px;
}
.one li a {
	display: block;
	line-height: 20px;
	background: #f0f0f0 url(../Images/2010/bgLeftMenuLevel1Off.png) repeat-x left top;
	background-position: 0 0px;
	font-size:14px;
	padding:5px 15px 6px 10px;
	text-decoration: none;
	width: 100%;
	color: #000;
}

.one li.selected a {
	background:#c60e15 url(../Images/2010/bgLeftMenuLevel1Selected.png) repeat-x left top;
	color:#ffffff;
	font-weight:bold;
	padding-bottom:8px !important;
}

.one li.selected,
.one li.oneLiHover {
	padding-bottom:0 !important;
}

html>body .one li a { width: auto; }


.one li a:hover {
	background:#c60e15 url(../Images/2010/bgLeftMenuLevel1Over.png) repeat-x left top;
	color: #fff;
	font-weight:normal;
}

.one li.selected a:hover {
	background:#c60e15 url(../Images/2010/bgLeftMenuLevel1Selected.png) repeat-x left top;
	padding-bottom:8px !important;
	font-weight:bold;
}

.one li.oneLiHover a {
	padding-bottom:8px !important;
}

one li. a span {
	display: block;
	line-height: 29px;
	width: 160px;
	cursor: pointer;
	background: url(../Images/2010/icon_arrow_red_right.gif) no-repeat 150px center;
	_width: 175px;
	_background-position: 160px center;
}

.one li a:hover span {
	background-image: url(../Images/2010/icon_arrow_white_right.gif);
}

.two {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.two li{
	padding-bottom: 0 !important;
}

.two li a {
	font-size: 90%;
	background: url(../Images/2010/icon_bullet_right_level2.gif) no-repeat 10px 12px  !important;
	color:#333333 !important;
	font-size:12px;
	font-weight:normal !important;
	line-height:18px !important;
	padding-left: 20px;
	padding-right: 5px;
	text-decoration: none;
	height: auto;
	line-height: 24px;
	_width: 155px;
	_zoom: 1;
}

.two li a:hover {
	color:#ed1c24 !important;
	font-weight:normal !important;
}

.two li.selected a {
	color:#ed1c24 !important;
	font-weight:bold !important;
}

html>body ul.two li a { width: auto; }

ul.two a span {
	line-height: 23px;
	width: auto;
	_width: 100%;
}

/******************************** right column ************************/
.sideRight #center {
	float: left;
	width: 698px;
}

#sideRight {
	display: none;
	width: 195px;
	margin-left: 17px;
	_margin-left: 15px;
}

.sideRight  #sideRight {
	display: block;
	float: left;
}

.sides #sideRight {
	display: block;
	float: left;
	position:relative;
	z-index:100;
}

#sideRight .box {
	width: 175px;
	margin-bottom: 1em;
	border-left:  1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 3px solid #000;
}

.box p {
	margin: 0;
}

.box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/******************************** right column box: video **********/
#sideRight .video {
	border-left:  none;
	border-right: none;
}

/******************************** right column box: ateliers **********/
.ateliers li {
	margin-top: .5em;
	margin-bottom: .5em;
	padding-top: .5em;
}

.ateliers li:last-child,
.ateliers li.last { /* TODO IE8 does not understand this, even with JS applying the class */
	margin-bottom: 0;
	padding-bottom: .5em;
}

.ateliers ul a {
	display: block;
	color: #147ac5;
	text-decoration: none;
	background: url(../Images/2010/icon_bullet_right_level2.gif) no-repeat 10px 7px;
	padding-left: 20px;
	padding-right: 5px;
}

/******************************** right column box: vedettes **********/
.vedettes li {
	display: block;
	overflow: auto;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-top: .5em;
	_overflow: visible;
}

.vedettes div {
	float: left;
}

.vedettes .thumb {
	width: 40%;
}

.vedettes .info {
	width: 60%;
}

.vedettes p, 
.vedettes h4 {
	margin-top: 0;
	margin-bottom: 0;
} 

.vedettes a {
	text-decoration: none;
}

.vedettes .price a {
	color: #ed1c24;
	font-weight: bold;
}

/******************************** main content: accessories *************/
.block_header {
	position: relative;
	padding-top: .3em;
}

.sideLeft .block_header{    
	padding-top:0;    
}
.block_header .buttons {
	position: absolute;
	top: 10px;
	right: 0;
}

.block_header .button {
	margin-right: 0;
}
  
.category table {
	border-collapse:collapse;
}

.accessories {
	position: relative;
	overflow: auto;
	margin-top: 10px;
}
.category {
	position: relative;
	/*overflow:auto;
	#overflow: hidden;*/
	margin-top: 10px;
}


.accessories td {
	padding-left:20px;
	text-align:center;
	vertical-align:top;
	width: 212px; 
	_width:178px;
}


.accessories p,  
.category p{
	margin-top:0;
}

.accessories h2 a:hover{
	color: #07568f;
}

.accessories .description,
.category .description
{
    margin-bottom:10px;
    max-height:50px; 
    min-height:50px;
    overflow:hidden; 
}

.accessories .buttons,  
.category .buttons {
	padding-top: 10px;
	padding-bottom: 10px; 
}

.accessories .buttons {
	background: url(../Images/2010/bg_dot_grey.gif) repeat-x left bottom;
	height:30px;
}

.buttonsInner
{
   background: url(../Images/2010/bg_dot_grey.gif) repeat-x left bottom;
   float:left;
   padding-bottom:10px;
   width:172px    
}

.accessories .categoryPicture
{
    height:137px;
    overflow:hidden;
}

.category .imgCategory
{
    height:101px;
    overflow:hidden;  
}

.category .descriptioncategory
{
   height:188px;
   overflow:hidden;
}

.category .descriptioncategory p
{
   margin-top:0;
}

/********************** category list ***************/
.categorySubTitle{ 
	border-bottom:#333333 solid 3px; 
	color:#333333; 
	font-weight:bold; 
	font-size:14px; 
	margin-bottom:8px; 
	margin-left:-2px;
	margin-right:20px;
	margin-top:20px; 
	padding-bottom:2px;
	width:172px;
	 
} 
 
/*.categoryList td{ 
	width:191px; 
} */
 
.categoryList img{ 
	float:right; 
	margin-left:8px; 
} 
 
.categoryList .suggestedBlock
{ 
	background:url(../Images/2010/bg_dot_333.gif) repeat-x left bottom; 
	float:left; 
	line-height:16px; 
	padding:10px 0; 
	width:164px; 
}

.categoryList a 
{ 
	font-size:12px; 
}

.categoryList .priceProduct a{ 
	color:#ed1c24; 
	display:block; 
	font-weight:bold; 
}

.categoryList .oldPriceProduct a,
.categoryList .oldPriceProduct
{ 
	color:#333333; 
	display:block; 
	font-size:10px; 
	font-weight:bold;
}

.categoryList .priceProduct  a:hover
{
    text-decoration:none;
}

.categoryList .oldPriceProduct a:hover
{
    text-decoration:line-through;
}

.categoryList .nameProduct a
{
    color:#147AC5;
    font-size:12px;
    font-weight:bold;
 }
 
 .categoryList .nameProduct a:hover
{
    color:#147AC5;
    text-decoration:underline;
 }

/****************** comparateur *****************************************/ 
#compareIntro{ 
	display:inline-block; 
	#overflow:hidden;
	padding:10px 0 20px 0; 
	_padding:10px 0 0 0;
	position:relative; 
	width:750px; 
}

#compareIntroInner{ 
	float:left; 
	padding-right:20px; 
	width:580px; 
} 
 
#compareIntro .buttons{ 
	position:absolute; 
	right:-8px; 
	top:20px; 
} 

.compareResultsImg
{
    text-align:center;    
}

.compareResultsImg span
{
    float:left;
    text-align:left;
}
 
table.compare { 
	border-collapse:collapse; 
	font-size:11px; 
	line-height:16px;
} 

 
table.compare td img{ 
	margin:18px 0; 
} 
 
table.compare thead { 
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc; 

} 
 
.compare thead td { 
	border: solid 1px #cccccc;
	margin:0;
	padding:0; 
	vertical-align:top;
} 

table.compare table td 
{
    border: none !important;
}
 
table.compare tbody td { 
	vertical-align:top;
	border: solid 1px #cccccc;
	width:155px;
} 

table.compare thead td div{ 
	margin:2px 0; 
} 
 
table.compare .labelProduct{
	color:#ff3333;
}

table.compare .unavailable.button 
{
    margin-top:5px;    
}

table.compare td{
	margin:5px 2px;
	padding:5px 2px 0 2px;
}
table.compare tbody tr.compareCellLabel td 
{
    border-bottom: none !important;
}

table.compare tr.compareCellDescription td 
{
    border-top: none !important;
    padding:0 2px 5px !important;
}

table.compare .descriptionProduct{
	padding:0 2px 5px 2px;
}

table.compare a {
	margin: 5px 0px;
}

table.compare .buttons a {
    margin-right:3px;
}

table.compare .nameProduct a {
	color:#147ac5;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

table.compare .Cart{
	float:left;
	margin-right:1px;
}

table.compare .btnSuppCart{
	background:url(../Images/2010/btnSuppCart.png) no-repeat left top;
	display:inline-block;
	float:left;
	height:26px;
	width:28px;
}

#compare #notes{
	font-size:11px;
	font-style:italic;
	line-height:13px;
	margin-top:20px;
}

/********************************* panier ********************************************************************************/
.block_header .productNber{
	color:#333333;
	font-size:14px;
	position:absolute;
	right:0;
	top:4px;
}

#cartBlock
{
    margin:0 auto;
    width:944px;
    }

.cartStep{
	margin:3px 0;
}

#cart table{
	border-collapse:collapse;
	color:#000000;
	font-size:12px;
	width:100%;
}

#cart .delete{
	background:url(../Images/2010/btnSuppCart.png) no-repeat left top;
	border:none;
	display:inline-block;
	float:left;
	height:26px;
	width:28px;
}

#cart .CartThead{
	background:url(../Images/2010/bgTableCart.png) repeat-x left top;
	font-weight:bold;
	height:36px;
}

#cart .CartThead td{
	
	padding-left:10px;
}

#cart .CartTableBody
{
    background:url(../Images/2010/bg_dot_333.gif) repeat-x left bottom;    
}

#cart .CartTableBody td{
	
	padding:10px;
}

#cart .CartTableBodyNameProduct
{
 width:225px;  
}

#cart .CartTableBodyTDGift
{
    width:95px;    
}

#cart .CartTableBodyTDPrice
{
    width:125px;    
}

#cart .CartTableBodyTDPrice .save
{
    font-size:12px;
    font-weight:bold;
    margin-bottom:-10px;
}

#cart .CartTableBodyTDQty
{
    width:35px;
}

#cart .CartTableBodyTDTotal
{
    width:60px;    
}

#cart .CartTableBodyTDDelete
{
    width:28px;    
}

#cart .CartTableBodyTDPrice
{
    color:#333333;
    font-size:18px;
    font-weight:bold;    
}



#cart .CartTableBodyNameProduct
{
    color:#231f20;
    font-size:12px;   
}

#cart .CartTableBodyNameProduct a{
	color:#147ac5;
	font-size:18px;
	font-weight:bold;
}

#cart .CartTableBodyTD.productPicture
{
    width:105px;    
}

#cart .totalText{
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	padding:6px 0;
}

#cart .totalPrice{
	color:#ed1c24;
	display:inline-block;
	font-size:18px;
	font-weight:bold;	
	padding:6px 0;
}

#cart #internalNavigation{
	background:url(../Images/2010/bg_dot_333.gif) repeat-x left bottom;
	border-top:3px solid #333333;
	padding:10px 0;
	position:relative;
}

#cart #internalNavigation .button.next{
	position:absolute;
	right:-6px;
	_right:0;
	top:10px;
}

#cart #totalUpdate,
#cart #total
{
    display:inline-block;
    margin-bottom:10px;
    text-align:right;
    width:945px;    
}

#cart #totalUpdate .buttons
{
    float:right;  
    margin-right:-4px; 
}

/*.MyAccountContent h2,
.MyAccountContentInner h2,
#cartConfirmation h2,
#cartConfirmationInner h2,
#checkoutReceiptInner h2 {
    color:#7B7B7C;
    font-size:16px;
    font-weight:bold;
    margin-bottom:0;
}
*/
/*********************************************** accesories sheet *********************************************/

#accessoriesGallery{
	float:left;
	margin-right:10px;
	width:279px;
}

#accessoriesGallery ul{
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
}

#accessoriesGallery li{
	display:inline-block;
}

.accessoriesGalleryLarge
{
    height:217px;    
}

	
.accessoriesGalleryLarge li{
	margin:0;
	padding:0;
}

.accessoriesGallerySmall li{
	cursor:pointer;
	float:left;
	margin:0 9px 9px 0;
}

.accessoriesGallerySmall li img{
	border:solid 1px #b1b1b1;
}

.accessoriesGallerySmall li:hover img,
.accessoriesGallerySmall li.selected img
{
	border:solid 1px #ee2d34;
}

#accessoriesDescription{
	float:left;
	line-height:16px;
	width:269px;
}

#accessoriesDescription #priceProductBlock{
	font-size:12px;
	font-weight:bold;
	position:relative;
}

#accessoriesDescription #priceProductBlock .blockLeft{
	display:inline-block;
	float:left;
	width:204px;
}

#accessoriesDescription #priceProductBlock .blockRight{
	color:#ed1c24;
	display:inline-block;
	float:right;
	width:65px;
}

#accessoriesDescription #priceProductBlock .buttons
{
  position:absolute; 
  right:-5px;
  top:0; 
}

#accessoriesDescription #priceProduct{
	border-bottom:dotted 1px #333333;
	color:#ed1c24;
	font-size:24px;
	line-height:24px;
	margin-bottom:5px;
	padding-bottom:10px;
}

#accessoriesDescription .blockProduct{
	border-bottom:dotted 1px #333333;
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:5px;
}

#accessoriesDescription #performProductBlock #performTitle{
	color:#231f20;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:15px;
}

#accessoriesDescription #performProductBlock ul{
	list-style-type:none;
	margin:0;
	padding:0;
}


#accessoriesDescription #performProductBlock li{
	background:url(../Images/2010/icnCheckList.gif) no-repeat left 4px;
	margin-bottom:6px;
	padding-left:14px;
}

#accessoriesDescription #performProductBlock a{
    color:#4395D1;	
}

#accessoriesDescription #SKUProductBlock{
	color:#999999;
	font-size:10px;
	margin-bottom:20px;
	margin-top:10px;
}

#accessoriesDescription .promotionProductBlockTopLeft{
	background:url(../Images/2010/bgLeftBoxPromotion.gif) no-repeat left top;
	float:left;
	height:18px;
	width:5px;
}

#accessoriesDescription .promotionProductBlockTopCenter{
	background:#ee2e24;
	color:#ffffff;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:14px;
	padding:2px;
	text-transform:uppercase;
}

#accessoriesDescription .promotionProductBlockTopRight{
	background:url(../Images/2010/bgRightBoxPromotion.gif) no-repeat left top;
	float:left;
	height:18px;
	width:5px;
}

#accessoriesDescription .promotionProductBlockContent{
	border:solid 1px #ee2e24;
	color:#333333;
	float:left;
	margin-bottom:5px;
	padding:6px;
	width:255px;
}

#accessoriesDescription .promotionProductContentTitle{
	font-size:11px;
	font-weight:bold;
}

#accessoriesDescription .promotionProductContentNotes{
	font-size:10px;
}

.resultsTable .pagination span{
    display:inline-block;
}

.resultsTable .pagination span span {
    background:url(../Images/2010/btnPaginationSelected.gif) repeat-x left top;
    color:#FFFFFF;
    display:block;
    float:left;
    height:20px;
    line-height:20px;
    margin:0 2px;
    padding:0 7px;
}

.resultsTable .pagination a {
    background:url(../Images/2010/btnPaginationOff.gif) repeat-x left top;
    color:#333333;
    display:block;
    float:left;
    height:20px;
    line-height:20px;
    margin:0 2px;
    padding:0 7px;
}

.resultsTable .paginationPrev, .paginationNext {
    display:block;
    float:left;
    height:15px !important;
    width:2px;
}

.resultsTable .paginationTop {
    border-bottom:3px solid #333333;
    margin-top:20px;
    padding-bottom:10px;
}

.resultsTable .paginationBottom {
    margin-bottom:20px;
    padding-top:10px;
}

.resultsTable .paginationPrev {
    background:url(../Images/2010/btnPrev.gif) no-repeat scroll left 6px transparent !important;
    margin-right:0 !important;
}

.resultsTable .paginationNext {
    background:url(../Images/2010/btnNext.gif) no-repeat scroll left 6px transparent !important;
    margin-left:4px !important;
}


.searchResult 
{
    margin-top:10px;
}

.searchResult h2 a {
	text-decoration: underline;
}

.searchResult a
{
    color:#4395D1;
}

.searchResult .extraInfo
{
    margin-bottom:10px;   
    font-size: smaller; 
}

.searchResult .extraInfo .link {
	color:#4395D1;
}

.resultsTable thead
{
    margin-bottom:10px;   
}


/******************************* onglet product ****************************/
#productOnglet{
	float:left;
	margin-top:20px;
	width:558px;
	_overflow:hidden;
}

#productOnglet #onglet{
	background:url(../Images/2010/bgProductOnglet.png) repeat-x left top;
	color:#3f3f3f;
	font-size:14px;
	font-weight:bold;
	height:45px;
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;

}

#onglet li{
	cursor:pointer;
	display:inline-block;
	float:left;
	line-height:52px;
	margin:0 4px;
	padding:0 7px;	
	_padding:0 5px;
}

#onglet li.selected,
#onglet li:hover{
	background:url(../Images/2010/bgProductOngletSelected.png) repeat-x left top;
	color:#ee2e24;
	height:50px;
}

#productOnglet .description_long {
	font-size:12px;
	line-height:20px;
}

#productOnglet  #productOngletBlockAccessories .description_long,
#productOnglet  #productOngletBlockEnsembles .description_long{
	margin-left:157px;
}

#productOnglet .productOngletCategory {
	background:#f0ecec;
	font-weight:bold;
	height:25px;
	padding-left:6px;
}

#productOnglet #productOngletBlockAccessories .productOngletBlockInner{
	border-bottom:solid 1px #cccccc;
	padding-bottom:10px;
}

#productOnglet #productOngletBlockEnsembles .productOngletBlockInner,
#productOnglet #productOngletBlockComparateur .productOngletBlockInner{
	border-bottom:solid 2px #333333;
	padding-bottom:10px;
}

#productOnglet .box{
	display:inline-block;
	position:relative;
	width:100%;
}	

#productOnglet .productOngletImage{
	float:left;
}

#productOnglet #productOngletBlockAccessories .productOngletImage{
	width:110px;
}

#productOnglet #productOngletBlockEnsembles .productOngletImage,
#productOnglet #productOngletBlockComparateur .productOngletImage{
	width:94px;
}

#productOnglet .productOngletImage p{
	text-align:center;
}

#productOnglet .price{
	color:#ed1c24;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:15px;
	padding-bottom:12px;
}

#productOngletBlockAccessories .price,
#productOngletBlockEnsembles .price
{
    height:auto !important;    
}

#productOnglet .save{
    color:#000000;
    font-size:12px;
}


#productOnglet .model{
	color:#147ac5;
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}

#productOnglet .model a
{
    color:#147AC5;    
}

#productOnglet .Cart{
	right:0;
	position:absolute;
	top:10px;
}
#productOnglet .compareProductBlock .Cart {
	top:15px;
}

#productOnglet .productOngletSideRight{
	float:right;
	position:relative;	

}

#productOnglet #productOngletBlockAccessories .productOngletSideRight{
	margin-right:10px;	
	width:436px;
}

#productOnglet #productOngletBlockEnsembles .productOngletSideRight,
#productOnglet #productOngletBlockComparateur .productOngletSideRight{
	margin-right:0;
	width:464px;
}

#productOnglet #productOngletBlockIntroduction ul,
.content ul
{
	margin:0 0 25px 0;
	padding:0;
}


#productOnglet #productOngletBlockIntroduction li,
.content li{
	background:url(../Images/2010/icnCheckList.gif) no-repeat left 6px;
	display:block;
	line-height:20px;
	margin-bottom:14px;
	padding-left:14px;
}

#productOnglet .productOngletIntro{
	margin-bottom:14px;
}

#productOnglet h3 {
    font-size:12px;
    margin:0;
    padding:5px 0 0;
}

#productOnglet #productOngletBlockIntroduction .productOngletBlockInner{
	border-bottom:none;
}

#productOnglet #productBlockNotes{
	color:#999999;
	float:left;
	font-size:11px;
	line-height:14px;	
	padding-top:10px;
} 

#productOngletBlock{
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
}

#productOnglet #productOngletBlockSpecifications{
	color:#333333;
	font-size:12px;
}

#productOnglet #productOngletBlockSpecifications table{
	border-collapse:collapse;
}


#productOnglet #productOngletBlockSpecifications th{
    padding:10px;
    text-align:left;
    vertical-align:top;
}

#productOnglet #productOngletBlockSpecifications td{
	vertical-align:top;
	padding:10px;
}

#productOnglet #productOngletBlockComparateur .buttons{
	position:absolute;
	right:0;
	top:12px;
} 

#productOnglet #productOngletBlockComparateur .economy{
	color:#333333;
	display:inline-block;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-left:15px;
}

#productOnglet #productOngletBlockSpecifications #productBlockNotes{
	border-top:dotted 1px #333333;
} 

#productOngletBlockEnsembles .box
{
    border-bottom:2px solid #333333;
    padding-bottom:10px;   
}

#productOngletBlockSpecifications,
#productOngletBlockAccessories,
#productOngletBlockEnsembles,
#productOngletBlockComparateur{
	display:none;
}

/******************************** bottom content ************************/
#bottomContent {
	width: 1004px;
	background: url(../Images/2010/transparent_90percent.png) repeat left top;
	font-size:12px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	padding-top: 10px;
	_overflow: visible;
	_width: 1000px;
}

#bottomContent .col {
	float: left;
	width: 223px;
	margin-left: 20px;
	margin-right: 10px;
	padding: 0;
	color: #fff;
	background-color: transparent; /* validator warnings */
	_margin-left: 18px;
    _margin-right: 8px;
}

#bottomContent .col:first-child,
#bottomContent .col.first {
	margin-left: 10px;
	padding: 0;
	_margin-left: 5px;
}

#bottomContent img,
#bottomContent p {
	margin-top: .5em;
	margin-bottom: .5em;
}

#bottomContent img {
	border: 5px solid #535353;
}

#bottomContent h3 {
	padding-bottom: 8px;
	margin: 13px 0 6px 0;
	color: #ed1c24; /* red */
	background: url(../Images/2010/bg_dot_grey.gif) repeat-x left bottom;
	font-size: 14px;
	font-weight: bold;
}

#bottomContent ul {
	margin:0;
	padding-left: 0;
}

#bottomContent li {
	background: url(../Images/2010/icon_bullet_right_level2.gif) no-repeat 0 6px;
	list-style: none;
	margin-bottom:10px;
	padding-left: 10px;
}

#bottomContent a {
	color: #999999;
	text-decoration:underline !important;
}

#bottomContent li a:hover {
	text-decoration:underline;
}


/******************************** footer ********************************/
#pageFooter {
	border: none;
	height: 40px;
	margin: 0;
	background-color: #000;
}

.push {
	/*display:none;*/
	height: 40px;
}

#footerResizer {
	width: 984px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
}

#footerLogo {
	float: left;
	margin-top: 8px;
	width:300px;
}

#footerLogo img
{
 float:left;   
}

#footerContactInfo {
	color: #fff;
	float: left;
	width:450px;
}

#footerContactInfo img {
	float:right;
	margin-right:17px;
	margin-top:10px;
}

#footerContactInfo .sep {
	color: #cd181f;
}

#footerCopyrights {
	color: #666;
	float: right;
	text-align: center;
	font-size: 10px;
}
/******************************************* buttons *************************************************/
.buttons {
	clear: both;
	_display:inline-block;
	_float:left;
	_height:35px;
}


#internalNavigation .buttons {
	_float:none;
	_height:auto;
}

a.button,
.unavailable.button { /* default button with no icon */
	display: block;
	float: left;
	height: 26px;
 	background: url(../Images/2010/button.png) no-repeat right top; 
	margin-right: 3px;
	_margin-right:1px;
	padding-right: 26px; /* sliding doors padding */
	text-decoration: none;
	color: #000 !important;
	font-size: 10px;
	outline: none; /* hide dotted outline in Firefox */
}

a.button span,
.unavailable.button span {
	display: block;
	/*height: 24px;*/
 	background: url(../Images/2010/button.png) no-repeat left top;  
    display: block;
    line-height: 18px;
    padding:3px 0 5px 5px;
	cursor: pointer;
}

.unavailable.button { /* default button with no icon */
	padding-right: 25px; /* sliding doors padding */
}

.button.addCart span
{
	color:#fff !important;
}

.button.calendar span
{
	color:#fff !important;
}

.unavailable.button span
{
	color:#fff !important;
	cursor:default !important;
}
      

.button.promotions span {
	color:#fff !important;
}


.button.compare span,
.button.seeall span {
	color:#000000 !important;
	cursor:pointer !important;
	text-decoration:none;
}
.button.compare:hover,
.button.seeall:hover,
.button.calendar:hover {
	text-decoration:none !important;
}


/**************************************** banner ***********************************************/
.banner{
    background:#ffffff;
    height:265px;
    padding:5px;
    width:720px;
} 

.bannerContent{
    background:#cccccc;
    height:250px;
    width:558px;
} 

.filterBlock
{
   color:#333333; 
   font-size:11px;
}


.filterBlock table
{
   border-collapse:collapse;
   width:100%;
}

.filterBlockInner
{
   border:solid 1px #d9d8d5;
   border-bottom:none;
   border-top:none;
   vertical-align:top;
}

.subTitleFilterHeader
{
    background:url(../Images/2010/bgSubTitleFilter.png) repeat-x left top;
    border:solid 1px #d9d8d5;
    border-bottom:none;    
    font-size:14px;
    font-weight:bold;
    height:37px;
    line-height:36px;
    padding-left:10px;
    position:relative;
}   

.subTitleFilterHeader .buttons
{
    right:0;
    position:absolute;
    top:5px;
} 

.filterBlockHeader
{
    background:url(../Images/2010/bgFilterSection.png) repeat-x left top;
    height:20px;
    padding-left:10px;
    vertical-align:top;
}   

.filterBlockDescription a
{
    color:#147ac5;
}

.filterBlockDescription div
{
    background:#f4f4f4;
    padding:3px 10px 3px 0;
    margin-top:2px;    
}

.filterBlockDescription a
{
    background:url(../Images/2010/bgFilterListOff.gif) no-repeat left 3px;
    display:inline-block; 
    padding-left:15px;
}

.filterBlockDescription a:hover,
.filterBlockDescription .selected a
{
    background:url(../Images/2010/bgFilterListSelected.png) no-repeat left 3px; 
}


#listTypeSelector.category {
	border:solid 1px #d9d8d5;
	border-bottom:none;
	border-top:none;
	height:37px;
	margin:0 0 10px 0;
	overflow:hidden;
	padding: 0;
	position:relative;
}

#listTypeSelector .sort {
	float: right;
	padding-right:22px;
} 

#listTypeSelector .sort span.type{
	float: left;
	font-size:11px; 
	font-weight:bold; 
} 

.filterResults
{
    background:#f4f4f4;
    border:1px solid #D9D8D5;
    border-top:none;
    padding:5px;    
}

.filterResults a
{
    color:#147AC5;    
}

/********************************* recommended product *********************************/
#recommendedProductsBlock
{
    border-bottom:solid 3px #333333;
    border-left:solid 1px#e6e6e6;
    border-right:solid 1px#e6e6e6;
    float:left;
    margin:20px 0 20px 4px;
    width:175px;   
}

#recommendedProductsList{
    list-style-type:none;  
    margin:0;
    padding:0; 
} 

#recommendedProductsList li{
    background:url(../Images/2010/bg_dot_333.gif) repeat-x left bottom;
    float:left;
    margin:0;
    padding:6px 0;  
    width:100%;
}

#recommendedProductsList .priceProduct
{
  color:#ed1c24;  
  font-size:14px;
  margin-bottom:6px;
}

#recommendedProductsList img
{
    float:left; 
}

.recommendedProductsListInner 
{
    float:left;
    font-weight:bold;
    margin-left:4px;
    width:100px;
}

.recommendedProductsListInner .nameProduct 
{
    color:#147ac5;
    font-size:12px;
}

.recommendedProductsListInner .nameProduct:hover 
{
    text-decoration:underline;
}


/*********************************************
		Image Gallery
******************************************/

.pictureBox {
	/*clear: both;*/
	background-color: #000000;
	color: #FFFFFF;
	padding: 8px 8px 8px 4px;
	text-align: justify;
}

.photoEvent .pictureBox {
	float:left;
}

.pictureBox #photoSrc {
	max-width: 500px;
	max-height: 400px;
}
.pictureBox IMG {
	float:left;
	margin-bottom: 30px;
	margin: 8px 4px 8px 0px;
}
.pictureBox a {
	color: #4891DC;
}
/************************************* footer newsletter ***********************/
.footerNewsletterWrapper
{
   background:#ffffff;
   margin:0 auto;
    overflow:auto;
   width:964px;  
 }
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
.footerNewsletterWrapper { display:inline-block; float:left; margin-left:10px;/*safari*/ }
}

.footerNewsletter
{
  background:#e5e5e5 url(../Images/2010/bgInfolettre.png) no-repeat left top;
  float:left;
  padding:25px 0 10px 0;
  position:relative;  
  width:964px;
}

.footerNewsletter .newsletterBtn
{
   float:right;
   margin-top:-10px;
   width:250px;
}

.footerNewsletter .newsletterBtn span
{
    display:block;    
}

.footerNewsletterInner
{
  margin-left:10px;  
}


.footerNewsletterImg
{
   float:left; 
   margin-right:10px;
   margin-top:-2px;
    }

.footerNewsletterLiteral
{
   float:left; 
   margin-top:-4px;
    }
 /**************************** partners *********************************************************/  
 .h2PartnerList
 {
    border-bottom:3px solid #000000 !important;
    color:#147AC5;
    margin-bottom:5px;
    padding-bottom:14px;     
 }
 
 .imgPartnerList
 {
     height:130px;
     margin-top:20px;
 }
 
 .partnerListLink
 {
    float:left;
     font-weight:bold;
     padding:0 20px 0 0;
     width:172px;
 }
 
 .partnerList td
 {
     background:url(../Images/2010/bg_dot_333_172.gif) no-repeat left bottom;
     padding-bottom:10px;
 }
  
  
  
 /********************************* workshop ***************************************************/
#workShopVideoBoxTop
{
    background:url(../Images/2010/bgWorkShopVideoBoxTop.png) no-repeat left top;
    height:62px;
    position:relative;
    width:750px;    
} 

#workShopVideoBoxTop .buttons
{
    right:14px;
    position:absolute;    
    top:18px;
} 
 
#workShopVideoBoxContent
{
    background:#d6d6d6 url(../Images/2010/bgWorkShopVideoBoxContent.png) no-repeat left top;
    float:left;
    width:750px;     
}
 
#workShopVideoBoxContentInner
{
    background:#f4f4f4;
    border-bottom:solid 1px #ebebeb;
    float:left;
    margin-left:14px;
    max-height:357px;
    _height:357px;
    width:728px;
}
 
#workShopVideo
{
    border-bottom:solid 1px #d6d6d6;
    color:#333;
    float:left; 
    height:356px; 
    overflow:hidden;   
    width:478px;   
} 

#workShopVideo #workShopVideoDisplay ul
{
   margin:0;
   padding:0;     
}

#workShopVideo #workShopVideoDisplay li
{
   display:none;  
   line-height:15px;   
   margin:0;
   padding:0;    
}

#workShopVideo #workShopVideoDisplay li img
{
   margin:0;
}

#workShopVideo #workShopVideoDisplay li.selected
{
   display:block;     
}

#workShopVideo .workShopVideoTitle
{
    font-size:14px;
    font-weight:bold;
    margin:5px 10px 5px 10px;   
}


#workShopVideo .workShopVideoDescription
{
    font-size:12px;
    margin:0 10px 5px 10px;
}

#workShopVideoSlideshowOuter
{
    border:solid 1px #ccc;
    float:left;   
    width:247px;   
}

#workShopVideoSlideshow ul
{
    margin:0;
    padding:0; 
}

#workShopVideoSlideshow li
{
    background:url(../Images/2010/bgWorkShopVideoBoxThumb.png) repeat-x left top;
    *float:left !important; /*fix positionnement IE7*/
    height:67px;
    margin:0;
    padding:5px;
    *width:236px;
}

#workShopVideoSlideshowOuter .prevVideo
{
    background:url(../Images/2010/bgPrevVert.png) no-repeat left top;
    cursor:pointer;
    height:24px;
    width:247px;
}

#workShopVideoSlideshowOuter .nextVideo
{
    background:url(../Images/2010/bgNextVert.png) no-repeat left top;
    cursor:pointer;
    height:23px;
    width:247px;
}


#workShopVideoSlideshow li .workShopVideoSlideshowInner
{
  
    cursor:pointer;
    height:55px;
    padding:5px;
}

#workShopVideoSlideshow li .workShopVideoSlideshowInner:hover,
#workShopVideoSlideshow li.selected .workShopVideoSlideshowInner
{
     background:url(../Images/2010/bgWorkShopVideoThumb.png) repeat-x left top;     
}


#workShopVideoSlideshow li img
{
    border:solid 1px #a9a9a9;
    float:left;
    margin:0;
}

#workShopVideoSlideshow li .workShopVideoSlideshowInner .workShopVideoThumbText
{
    float:left;
    font-size:11px;
    line-height:15px;
    margin-left:10px;  
    width:115px; 
}

#workShopVideoSlideshow li .workShopVideoSlideshowInner .workShopVideoThumbText .workShopVideoTitle
{
    font-weight:bold;   
    margin-bottom:5px; 
}

#workShopVideoSlideshow li:hover .workShopVideoSlideshowInner .workShopVideoThumbText .workShopVideoTitle,
#workShopVideoSlideshow li.selected .workShopVideoSlideshowInner .workShopVideoThumbText .workShopVideoTitle
{
    color:#fff;
}

#workShopVideoSlideshow li .workShopVideoSlideshowInner .workShopVideoThumbText .workShopVideoDuration
{
    color:#999;
}
 
#workShopVideoRight
{
    background:#d6d6d6 url(../Images/2010/bgWorkShopVideoBoxContentInner.png) no-repeat right bottom;
    float:left;   
    _height:360px;
    min-height:360px;
    width:1px;  
}
  
#workShopVideoBoxBottom
{
    background:url(../Images/2010/bgWorkShopVideoBoxBottom.png) no-repeat left top;
    float:left;
    height:12px;
    margin-bottom:20px;
    width:750px;    
}  

.workShopListCol
{
    border-collapse:collapse;  
    width:770px; 
}

.workShopListColFirstLevel
{
    padding:0 18px 0 0;
    vertical-align:top;  
    width:154px;  
}

.workShopList
{
    border-collapse:collapse;
    padding:0; 
} 

.workShopListHeader h2
{
    border-bottom:3px solid #000; 
    font-size:21px;
    margin:6px 0 0 0;
    padding-bottom:5px;
}

.workShopListHeader img
{
    margin-right:0 !important;  
}

.workShopListContent
{
    background:url(../Images/2010/bg_dot_333.gif) repeat-x left bottom; 
}

.workShopListContent td
{
    padding:5px 10px 7px 0;   
}

.workShopListContent td img
{
    margin-right:0;   
}

.workShopListButtons
{
    background:url(../Images/2010/bg_dot_333.gif) repeat-x left bottom; 
    border-collapse:collapse;
    width:172px;     
}

.workShopListButtons td
{
    padding:5px 0 7px 0;
}

/****************************************** formation instance **********************************/
.workShopOnglets#productOnglet
{
   width:753px; 
}
.workShopOnglets#productOngletBlock
{
   float:left;
}


#productOngletBlockHoraires
{
    display:none;    
}

.ongletLabel
{
    font-weight:bold;    
}

.productOngletBlockLeft,.productOngletBlockRight
{
    float:left;
    width:275px;    
}

.ongletBlock
{
  margin-bottom:10px;    
}

.smallText
{
    color:#999;
    font-size:10px;    
}

.workShopSchedule
{
    border-collapse:collapse;
}

.workShopSchedule td
{
    padding:0 5px;
    text-align:left;
}

.workShopSchedule th
{
    padding:0 5px 10px 5px;
    text-align:left;
}

.workShopSchedule a
{
    color:#4891DC;   
}

#suggestedWorkShops
{
    background:url(../Images/2010/bgSuggestedWorkShopBox.png) repeat-x  left bottom;
    border:solid 1px #ccc;
    height:247px;
    margin:20px 0; 
    position:relative;   
}

#suggestedWorkShops a
{
    color:#4891DC;     
}

#suggestedWorkShopsSlideShow
{
    margin-left:25px;

}

#suggestedWorkShopsSlideShow ul
{
    list-style-type:none;
    margin:0;
    padding:0;  
}

.suggestedWorkShopLeft
{
    float:left;  
    margin:5px 10px;
    width:470px;  
}

.suggestedWorkShopRight
{
    float:left; 
    width:200px;   
}

.prevSuggestedWorkShops
{
    background:url(../Images/2010/bgPrevHor.png) no-repeat left top;
    cursor:pointer;
    height:247px;
    left:0;
    position:absolute;
    top:0;
    width:24px;
}

.nextSuggestedWorkShops
{
    background:url(../Images/2010/bgNextHor.png) no-repeat left top;
    border-left: solid 1px #ccc;    
    cursor:pointer;
    height:247px;
    position:absolute;
    right:0;
    top:0;
    width:23px;
}

.suggestedWorkShopTitle
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;    
}

.suggestedWorkShopDescription
{
    font-size:12px;
    margin-bottom:5px; 
}

#workShopGallery
{
    float:left;
    margin-right:10px;
    width:279px; 
}

#workShopDescription
{
    float:left;
    width:464px;    
}

#workShopDescription h2
{
    border-bottom:none; 
    color:#231f20;
    font-size:14px;   
}

#workShopGallery ul
{
    list-style-type:none;
    margin:0 0 20px 0;
    padding:0;    
}

.workShopGallerySmall li {
    cursor:pointer;
    float:left;
    margin:0 9px 9px 0;
}


    
/************************************************************************************************/  
/*************************** css temporaires ****************************************************/
/************************************************************************************************/
.boxShop  {
    background-color:#F7F7F7;
    border:1px solid #E5E5E5;
    float:left;
    margin:5px 0;
    padding:4px 7px;
    text-align:left;
}

.boxShopLogin
{
    margin-right:10px;
    width:400px;
}

.boxShopCreateAccount
{
    width:500px;
}

.content h4 {
    font-size:15px;
    font-weight:bold;
}

.content p
{
    margin:0 0 12px;        
}

.content ul {
    margin:0 0 1em;
    overflow:auto;
    padding:0;
}

.content img
{
    margin-right:5px;    
}

.content ul li {
    margin-left:3em;
}

.content h4
{
    font-size:15px;
    font-weight:bold;    
}

.content h5
{
    color:#B0232A;
    font:bold 14px arial;
    margin:0 0 10px 0;
    padding:0;
    text-decoration:underline;    
}

table.formStyle2 tbody td {
    padding:4px;
}

.Formation h3 {
    color:#656565;
    font-size:12px;
    font-weight:bold;
    margin-bottom:8px;
}

.Formation h3.date {
    text-transform:uppercase;
}

ul.list {
    margin:0;
    padding:0;
}
ul.list li {
    background:url(../images/blt_square.gif) no-repeat left center;
    list-style:none outside none;
    padding:0 0 4px 10px;
}

.fieldName {
    font-weight:bold;
    width:150px;
}

.required,
.WebPageMessageWarning {
    color:#EE3224;
}

#contactInfo .submit input, #contactInfo input.submit {
    background:url("../Images/bg_btn_search.gif") repeat scroll center center transparent;
    border:1px solid #A2A2A2;
    color:#000000;
    cursor:pointer;
    font-size:11px;
    margin:0;
    overflow:visible;
    padding:0 3px;
    width:auto;
}

#contactInfo .fieldInput input, select, textarea {
    font-size:11px;
    width:450px;
}

#FAQ a,
#contactInfo a,
#sitemap a,
.MyAccountContent a,
.MyAccountContentInner a,
#cartConfirmationInner a,
#checkoutReceipt a,
.content a,
.Formation a,
.boxSmall a
{
    color:#147AC5;  
    text-decoration:none;  
}

#FAQ a:hover,
#contactInfo a:hover,
#sitemap a:hover,
.MyAccountContent a:hover,
.MyAccountContentInner a:hover
#cartConfirmationInner a:hover,
#checkoutReceipt a:hover,
.content a:hover,
.Formation a:hover,
.boxSmall a:hover
{
    color:#147AC5;  
    text-decoration:underline;  
}

#FAQ .listItemIds ol li {
    padding:4px 0;
}

#FAQ .listItemIds a
{
    text-decoration:none;    
}

#FAQ h3
{
    color:#EE3224;
    font-size:14px;
    font-weight:bold;  
}

#FAQ .listItemIds {
    border-bottom:1px solid #CACCB9;
    border-top:1px solid #CACCB9;
    margin:16px 0;
}

#FAQ .top {
    margin:8px 0 16px;
    text-align:right;
}


#FAQ .top a {
    background:url("../images/bg_top.gif") no-repeat scroll left top transparent;
    padding:0 0 5px 20px;
}

#sitemap ul{
    list-style:none outside none;
    margin-left:0;
    padding-left:0;
}

#sitemap li {
    list-style:none outside none;
    padding-bottom:2px;
    padding-top:2px;
}

#sitemap li ul {
    margin-left:40px;
}

#sitemap li li {
    list-style-image:url("../images/blt_dash.gif");
}

.MyAccountContent table.formStyle2 tbody td {
    background-color:transparent;
    padding:4px;
}

.MyAccountContentInner,
#cartConfirmationInner
{
    background-color:#F7F7F7;
    border:1px solid #E5E5E5;
    margin:10px 0 4px 4px;
    padding:4px 7px;
    text-align:left;
}

#cartConfirmationInner hr {
    border-color:-moz-use-text-color -moz-use-text-color #D2D4D4;
    border-style:none none solid;
    border-width:medium medium 1px;
    height:1px;
    margin:8px 0;
}

#checkoutReceipt
{
    position:relative;    
}

#checkoutReceipt .newsletterBoxCart {
    /*background-color:#F7F7F7;*/
    color:#606060;
    padding:4px 0 4px 0;
    position:absolute;
    right:0;    
    top:0;
    width:235px;
}

#checkoutReceipt .newsletterBoxCart img{
    margin-bottom:10px;
}

#checkoutReceipt .newsletterBoxCart h5,
#checkoutReceipt .newsletterBoxCart h4
{
    margin:0 0 10px 0;
}

#checkoutReceipt .newsletterButtonsBlock
{
    float:left;
    width:150px;
}

#checkoutReceipt .newsletterButtonsBlock .inputText
{
    margin-bottom:5px;    
}

/************** services section ***************************/
.navigationPageItemIamge  {
    float:left;
    margin:0 8px 8px 0;
}

.navigationPageTable h3 {
    margin-bottom:6px;
    color:#EE3224;
    font-size:14px;
    font-weight:bold;
    line-height:16px;
}

.navigationPageTable a {
    color:#4891DC;
    text-decoration:underline;
}

.navigationPageTableDescription
{
    margin-left:110px;
    width:130px;   
    margin-bottom: 10px;
}

.grayTable {
    border:1px solid #E5E5E5;
    border-collapse:collapse;
    clear:both;
    margin-top:5px;
    width:100%;
}

.grayTable tbody th {
    background:none;
    border:1px solid #CBCBCB;
    color:Black;
    font-weight:bold;
    padding:4px;
    text-align:left;
    text-transform:none;
}

.grayTable td {
    background-color:#FAFAFA;
    border:1px solid #CBCBCB;
    color:#6A6A6A;
    padding:3px;
    vertical-align:top;
}
.grayTable td ul {
    margin-left:2px;
    padding-left:2px;
}

.grayTable ul li {
    margin-left:2px;
}
.grayTable p
{
    margin:0 0 12px;   
}

/* Cal */
.Calendar {}
.DayHeaderStyle {}
.DayStyle {}
.NextPrevStyle {}
.OtherMonthDayStyle {}
.SelectedDayStyle {}
.SelectorStyle {}
.TitleStyle {}
.TodayDayStyle {}
.WeekEndDayStyle {}
.Calendar a {
	/*color: #2174E4 !important;*/
	color: #4891dc !important;
	font-weight: bold !important;
}
/* END Cal */

/*Calendar*/
.TitleStyle 
{
	background-color: White;
	color: #4688e8;
	font-weight: bold;
}
.TitleStyle a,
.TitleStyle a:link,
.TitleStyle a:visited,
.TitleStyle a:hover,
.TitleStyle a:active
{
	/*color: #0056CA;*/
	color: #6CAEDF;
	background: url(../Images/bg_btn_search.gif) center;
	border: solid 1px #A2A2A2;
	font-size: 11px;
	cursor: pointer;
	padding:  0px 3px;
	margin: 0px;
	overflow: visible;
	width: auto;	
	text-decoration: none;
}
.TitleStyle a img 
{
	vertical-align: bottom;
	margin: 0 3px;
}
.DayStyle
{
	background-color: #e4eff5;
	text-align: left;
	vertical-align: top;
}
.DayStyle .day 
{
	background-color: White;
	color: Black;
	font-weight: bold;
	border-top: solid 1px #cdcdcd;
}
.DayStyle .date
{
	background-color: White;
	color: #b22124;
	font-weight: bold;
	padding-bottom: 4px;
}
.DayStyle .event 
{
	border-top: 2px solid white;
	padding: 2px 0;
	margin-bottom: 2px;
	_height: 50px;
	min-height: 50px;
}
.DayStyle.empty
{
	background-color: #bcbcbc;
}
.DayStyle .event a 
{
	text-decoration: none;
}
.OtherMonthDayStyle
{
	background-color: white;
	text-align: left;
	vertical-align: top;
}
.OtherMonthDayStyle .day 
{
	visibility: hidden;
}
.OtherMonthDayStyle .date
{
	visibility: hidden;	
}

.CheckboxListTable TD
{
	width: 33%;	
	padding: 1px;
	margin: 1px;
}


.boxSmall {
    background-color:#E8E8E8;
    margin:0 0 4px 4px;
    padding:4px 7px;
    text-align:left;
    width:160px;
}

.boxSmall a{
    font-size:px;
}

.boxSmall .boxHeader {
    background:url(../Images/bg_boxHeader.jpg) no-repeat 0 0;
    font-size:18px;
    font-weight:bold;
    height:36px; 
    padding:20px 0 0 5px;
}

.boxSmall .boxContent {
    background-color:#FFFFFF;
    color:#656565;
    padding:2px 4px;
}

.boxSmall .boxContent ul {
    margin:5px 0 0 10px;
    padding:0 0 0 10px;
}

.downloadItem {
    border:1px solid #E5E5E5;
    margin:8px 0 0;
    overflow:auto;
    padding:8px;
}

.downloadItem .imagePh,
.downloadItem .item  {
    float:left;
}

.downloadItem .imagePh img {
    margin:0 8px 0 0;
}

.downloadItem h2 a u  {
    background:url(../Images/bg_h2A.gif) no-repeat right center;
    padding-right:15px;
    text-decoration:none;
}

.contentError
{
    color:red; 
    font-size:11px;   
}

.PaymentBoxes {
	margin-top: 8px;
}

.PaymentBox {
	float: left; 
	border: solid 1px #C0C0C0; 
	padding: 8px; 
	vertical-align: top;
	margin-right: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.PaymentBox input {
	display: none; 
}

.PaymentBoxes .selected {
	background-color: #147AC5;
}

.paymentCard{
    float:left;
    height:110px;
    #height:95px;
    list-style-type:none;
    margin:15px 0 0 0;
    padding:0;
}

.paiementMessageVBV{
    float:left;
    margin:15px 0 15px 20px;
    width:500px;
}

.paymentCard li{
    border-right:solid 1px #ccc;
    display:inline-block;
    float:left;
    margin-right:10px;
    padding-right:10px;
}

.sepDot{
    background:url(../Images/2010/bg_dot_333.gif) repeat-x scroll left bottom transparent;
    height:5px;
    margin-bottom:5px;
    width:100%;
}
.messageVBV{
    margin:10px 0;
}
