html, body, #MainForm {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
font-style: normal;
background: url(../Images/bg_main.jpg) repeat left top #ebebeb;
}
img {
border: none;
}
a {
outline:none;
text-decoration: none;
color: #4891DC;
font-size: 11px;
}
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;
}
.category #catalogGroup .h2Category h2,
#catalogGroup.laboratories .h2Category h2{
padding-right:20px;
}
.h2Category{
background:url(../Images/bgH2CategoryGroup.png) left bottom no-repeat;
}
.h2Category h2{
border-bottom:none;
padding-bottom:10px;
}
.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;
padding: 0px;
}
#wrapper.admin {
background-color: #fff;
padding: 10px;
}
#wrapper.admin td {
padding-bottom: 10px;
}
#wrapper.admin input, select {
margin-top: 8px;
}
.temp_zone {
background-color: #FFF;
border-left: solid 8px #FFF;
border-right: solid 8px #FFF;
/*height: 650px;*/
}
.temp_zone > h2 {
font-size: 1.2em;
margin-top: 0;
}
.screenReader {
display: none;
}
.transparent {
/*background: url(../Images/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;
}
.transparentInner {
background: url(../Images/transparent_20percent.png) repeat left top;
float:left;
padding:0 10px 10px 10px;
width:984px;
}
.topContent {
width: 984px;
margin: 0 auto;
min-height:450px;
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/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/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/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/icon_logout.gif) no-repeat right center;
}
li.cart a {
background: url(../Images/icon_cart.gif) no-repeat left center;
padding-left: 22px;
}
#search_box .watermark
{
color:#000000;
font-size:10px;
height:14px;
line-height:20px !important;
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/bgSearchSubmit.png) no-repeat left top;
cursor:pointer;
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/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/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/menu1Div.png) no-repeat 10px 7px; /* firefox only */
}
#navigation.horizontal
{
#background:#fff url(../Images/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/menu_sep.gif) no-repeat right top;
color: #fff;
display:block;
font-size: 13px;
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;
color: #fff;
}
#navigation.horizontal li.liLevel1 { /* all elements: default */
float: left;
background: url(../Images/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:0;
}
#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/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/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/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/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 .list .promotionTop
{
float:left;
width:100%;
}
.homePage #listContainer .list .description,
.homePage #listContainer .list .description_long
{
margin-left:160px;
}
.homePage #listContainer .list .promotionTop
{
margin-top:10px;
}
.homePage .promotionInner /*.promotionProductBlock-hover*/ .promotionProductBlockTopLeft{
background:url(../Images/bgLeftBoxPromotion.gif) no-repeat left top;
float:left;
height:18px;
width:5px;
}
.homePage .promotionInner /*.promotionProductBlock-hover*/ .promotionProductBlockTopCenter{
background:#ee2e24;
color:#fff !important;
float:left;
font-size:11px;
font-weight:bold;
height:14px;
padding:2px;
}
.homePage .promotionInner /*.promotionProductBlock-hover*/ .promotionProductBlockTopRight{
background:url(../Images/bgRightBoxPromotion.gif) no-repeat left top;
float:left;
height:18px;
width:5px;
}
.homePage .promotionInner .promotionProductBlockContent{
color:#333;
font-weight:bold;
}
.homePage .promotionInner .promotionProductBlock-hover .promotionProductBlockContent{
background:#fff;
border:none;
float:left;
margin-bottom:0;
margin-top:0;
/*padding:2px;*/
position:relative;
width:255px;
z-index:10;
}
.homePage .gallery .promotionInner .promotionProductBlock-hover .promotionProductBlockContent{
width:150px;
}
.homePage .promotionInner .promotionProductBlock-hover .promotionProductBlockContent{
/*border:solid 1px red !important;*/
clear:both;
}
.productPromotionLightContent{
border:solid 1px #ee2e24;
float:left;
padding:2px;
#width:155px;
}
.productPromotionLightContent{
border:solid 1px #ee2e24;
float:left;
padding:2px;
}
.homePage .gallery .productPromotionLightContent
{
width:150px;
background: white;
}
.homePage .list .productPromotionLightContent
{
width:255px;
}
/*.productPromotionLightContent*/ .promotionProductContentTitle span{
font-weight:bold;
}
.homePage #listContainer .gallery .promotionProductBlockTopCenter,
.homePage #listContainer .list .promotionProductBlockTopCenter{
color:#ee2e24;
cursor:pointer;
float:left;
font-weight:bold;
}
.promotionProductBlock-hover{
display:none;
}
.homePage .promotionInner .promotionProductBlock-hover .promotionProductBlockTopCenter{
color:#fff;
cursor:default;
}
.homePage .promotionInner{
position:relative;
}
.homePage .promotionInner .promotionProductBlock-hover{
left:0;
position:absolute;
top:0;
z-index:10;
}
.homePage .gallery .promotionInner .promotionProductBlock-hover{
#top:1px;
}
.homePage .list .promotionInner .promotionProductBlock-hover{
#top:-28px;
}
.homePage #listContainer .gallery
{
display:block;
float:left;
overflow:hidden;
width:705px;
}
#listContainer .gallery table
{
border-collapse:collapse;
margin-bottom:20px;
}
#compareResults{
width:100%;
}
#compareResults #listContainer .list,
#compareResults #listContainer .gallery
{
display:none;
}
#listContainer .gallery table table
{
border-collapse:collapse;
margin-left:20px;
width:160px;
}
#compareResults .gallery table
{
border-collapse:separate;
margin-top: -20px;
margin-left: -20px;
width:590px;
}
#compareResults .gallery table td{
width:170px;
#width: 164px;
padding: 0;
}
#compare .compareResultsButtons
{
padding-bottom:5px;
#padding-bottom:10px;
}
#compare .compareResultsButtons .addCart,
#compare .compareResultsButtons .unavailable
{
margin-top:4px;
}
#compareIntro .back
{
#margin-right:7px;
}
#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:28px;
}
#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/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/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/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/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/bgSeparatorListType.gif) no-repeat left top;
float:left;
height:22px;
margin:6px 4px 0 4px;
width:1px;
}
#listTypeSelector a.list{
background: url(../Images/button.png) repeat-x left -326px;
}
#listTypeSelector .sort a.croissant{
background: url(../Images/button.png) repeat-x left -624px;
}
#listTypeSelector .sort a.decroissant{
background: url(../Images/button.png) repeat-x left -580px;
}
#listTypeSelector a.gallery{
background: url(../Images/button.png) repeat-x left -305px;
}
#listTypeSelector a.list.active {
background: url(../Images/button.png) repeat-x left -282px;
}
#listTypeSelector .sort a.active {
background: url(../Images/button.png) repeat-x left -282px;
}
#listTypeSelector .sort a.croissant.active{
background: url(../Images/button.png) repeat-x left -601px;
}
#listTypeSelector .sort a.decroissant.active{
background: url(../Images/button.png) repeat-x left -557px;
}
#listTypeSelector a.gallery.active {
background: url(../Images/button.png) repeat-x left -260px;
}
#listTypeSelector a.list.active span {
background: url(../Images/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;
min-height: 40px;
}
.list .description .price,
#productOngletBlockEnsembles .price{
background:url(../Images/bg_dot_333.gif) repeat-x 200px bottom;
margin-bottom:16px;
padding-bottom:7px;
#padding-bottom:0;
padding-bottom:0\9;
}
.gallery.description .price{
height:20px;
}
#listContainer .list .description .price .buttons
{
float:none\9 !important;
padding-bottom:8px\9 !important;
}
.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;
}
.description .save .validUntil {
font-size: 10px;
font-weight:normal;
}
.list.homeBlock .validUntil {
min-height:20px;
}
#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/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/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/arrows.gif) no-repeat left bottom;
_background:url(../Images/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/bgLiLeftMenu.gif) repeat-x left bottom;
margin: 0;
padding-bottom:2px;
}
.one li a {
display: block;
line-height: 20px;
background: #f0f0f0 url(../Images/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/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/bgLeftMenuLevel1Over.png) repeat-x left top;
color: #fff;
font-weight:normal;
}
.one li.selected a:hover {
background:#c60e15 url(../Images/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/icon_arrow_red_right.gif) no-repeat 150px center;
_width: 175px;
_background-position: 160px center;
}
.one li a:hover span {
background-image: url(../Images/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/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: 0 0 20px 4px;
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/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/bg_dot_grey.gif) repeat-x left bottom;
height:30px;
}
.buttonsInner
{
background: url(../Images/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;
}
/********************* laboratory ******************/
#laboratoryTabs #onglet{
background:url(../Images/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;
}
#laboratoryTabs{
margin-top:10px;
}
.laboratories {
position: relative;
overflow: auto;
margin-top: 10px;
}
table.laboratories{
width:753px;
}
.laboratories td {
text-align:center;
vertical-align:top;
width:172px;
}
.laboratories .buttons{
padding-top: 10px;
padding-bottom: 10px;
width:172px;
}
.laboratories .buttons {
background: url(../Images/bg_dot_grey.gif) repeat-x left bottom;
height:30px;
}
/********************** 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/bg_dot_333.gif) repeat-x left bottom;
float:left;
line-height:16px;
padding:10px 0;
width:172px;
}
.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;
}
#compareResults .contentProduct .buttons .buttons
{
clear:none !important;
margin-bottom:3px;
}
.compareIframe
{
overflow-x:hidden;
}
.dialog-choice .no-icon
{
padding-right:16px;
}
/****************** 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/btnSuppCart.png) no-repeat left top;
display:inline-block;
float:left;
height:26px;
width:28px;
}
#compare_items_box .btnSuppCart {
background:url(../Images/btnSuppCart.png) no-repeat left top;
cursor: pointer;
display:inline-block;
height:26px;
width:28px;
}
.compare-cart li {
background:url(../Images/bg_dot_333.gif) repeat-x left bottom;
margin: 0 5px 0 7px;
overflow:auto;
padding:6px 0;
}
.compare-cart li a
{
float: right;
margin-left:8px;
}
#compare #notes{
font-size:11px;
font-style:italic;
line-height:13px;
margin-top:20px;
}
#compare_items_box .boxFooter
{
display:inline-block;
padding: 5px 0 5px 48px;
text-align: center;
}
/********************************* 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/btnSuppCart.png) no-repeat left top;
border:none;
display:inline-block;
float:left;
height:26px;
width:28px;
}
#cart .CartThead{
background:url(../Images/bgTableCart.png) repeat-x left top;
font-weight:bold;
height:36px;
}
#cart .CartThead td{
padding-left:10px;
}
#cart .CartTableBody
{
background:url(../Images/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/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 .MyAccountStep1 td
{
vertical-align:top;
}
#cart .MyAccountStep1 #total,
#cart .MyAccountStep1 #totalUpdate
{
width:250px;
}
#cart .MyAccountStep1 .cartWarning{
color:Red;
padding:5px 0;
}
#cart #totalUpdate .buttons
{
float:right;
margin-right:-4px;
}
/*********************************************** accesories sheet *********************************************/
#accessoriesGallery{
float:left;
margin-right:10px;
width:279px;
}
#laboratory #accessoriesGallery{
margin-right:20px;
width:448px;
}
#laboratory .block_header{
margin-bottom:20px;
}
#accessoriesGallery ul{
list-style-type:none;
margin:0 0 20px 0;
padding:0;
}
#laboratory #accessoriesGallery ul{
float:left;
}
#accessoriesGallery li{
display:inline-block;
}
.accessoriesGalleryLarge{
height:217px;
}
#laboratory .accessoriesGalleryLarge{
height:auto;
margin-right:25px;
}
#laboratory #accesoriesGalleryDescription{
float:left;
width:280px;
}
#laboratory #accesoriesGalleryDescription ul{
list-style-type:none;
margin:0;
padding:0;
}
#laboratory .accesoriesGalleryDescriptionTitle{
font-size:14px;
font-weight:bold;
margin-bottom:20px;
}
#laboratory #accesoriesGalleryDescription li{
background: url(../Images/icnCheckList.gif) no-repeat scroll left 4px transparent;
margin-bottom: 6px;
padding-left: 14px;
}
.accessoriesGalleryLarge li{
margin:0;
padding:0;
}
#laboratory .accessoriesGalleryLarge li{
text-align:center;
width:338px;
}
.accessoriesGallerySmall li{
cursor:pointer;
float:left;
margin:0 9px 9px 0;
}
#laboratory .accessoriesGallerySmall{
width:85px;
}
#laboratory .accessoriesGallerySmall li{
display:block;
float:none;
}
#laboratory .accessoriesGallerySmall li img{
border:none;
width:82px;
}
.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;
}
#accessoriesSheet #accessoriesDescription .buttons{
#clear:none !important;
}
#accessoriesDescription #priceProductBlock{
font-size:12px;
font-weight:bold;
position:relative;
}
#accessoriesDescription #priceProductBlock .blockLeft{
display:inline-block;
float:left;
width:199px;
}
#accessoriesDescription #priceProductBlock .blockRight{
color:#ed1c24;
display:inline-block;
float:right;
padding-right:5px;
width:65px;
}
#accessoriesDescription #priceProduct{
border-bottom:dotted 1px #333333;
color:#ed1c24;
font-size:24px;
font-weight:bold;
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;
width:100%;
}
#accessoriesDescription .blockProduct .blockLeft {
display: inline-block;
float: left;
width: 199px;
}
#accessoriesDescription .blockProduct .blockRight {
color: #ED1C24;
display: inline-block;
float: right;
padding-right:5px;
text-align:right;
width: 65px;
}
#accessoriesDescription .blockProduct {
font-size: 12px;
font-weight: bold;
}
#accessoriesDescription .blockProduct .validUntil {
font-size: 10px;
font-weight: normal;
}
#accessoriesDescription #performProductBlock{
display:inline-block;
width:270px;
}
#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/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/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;
}
#accessoriesDescription .promotionProductBlockTopRight{
background:url(../Images/bgRightBoxPromotion.gif) no-repeat left top;
float:left;
height:18px;
width:5px;
}
#accessoriesDescription .promotionProductBlockContent{
border:solid 1px #ee2e24;
color:#333333;
float:left;
margin-bottom:0;
margin-top:-1px;
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/btnPaginationSelected.gif) repeat-x left top;
color:#FFFFFF;
display:inline-block;
/* float:left;*/
height:20px;
line-height:20px;
margin:0 2px;
padding:0 7px;
}
.resultsTable .pagination a {
background:url(../Images/btnPaginationOff.gif) repeat-x left top;
color:#333333;
display:inline-block;
/* float:left;*/
height:20px;
line-height:20px;
margin:0 2px 8px 2px;
padding:0 7px;
}
.resultsTable .paginationPrev, .paginationNext {
display:inline-block;
/* float:left;*/
height:15px !important;
width:2px;
}
.resultsTable .paginationTop {
border-bottom:3px solid #333333;
padding-top:20px;
padding-bottom:10px;
}
.resultsTable .paginationBottom {
padding-bottom:20px;
padding-top:10px;
}
.resultsTable .paginationPrev {
background:url(../Images/btnPrev.gif) no-repeat scroll left 6px transparent !important;
margin-right:0 !important;
margin-bottom:0 !important;
}
.resultsTable .paginationNext {
background:url(../Images/btnNext.gif) no-repeat scroll left 6px transparent !important;
margin-left:4px !important;
margin-bottom:0 !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,
#laboratoryTabs #onglet{
background:url(../Images/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/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;
}
#productOnglet .priceInner{
display:block;
}
#productOngletBlockAccessories .price,
#productOngletBlockEnsembles .price
{
height:auto !important;
}
#productOnglet .save{
color:#000000;
display:block;
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;*/
}
.compareProductBlock .thumb img {
margin-bottom: 2em;
}
#productOnglet .compareProductBlock .buttons {
#clear:none !important;
display:inline-block !important;
}
#productOnglet .productOngletSideRight{
float:right;
position:relative;
}
#productOnglet #productOngletBlockAccessories{
display: none;
}
#productOnglet #productOngletBlockAccessories .productOngletSideRight{
margin-right:10px;
width:436px;
}
#productOnglet #productOngletBlockEnsembles{
display: none;
}
#productOnglet #productOngletBlockEnsembles .productOngletSideRight,
#productOnglet #productOngletBlockComparateur .productOngletSideRight{
margin-right:0;
width:464px;
}
#productOnglet #productOngletBlockEnsembles .buttons{
display:inline-block !important;
#clear:none !important;
}
#productOnglet #productOngletBlockIntroduction ul,
.content ul
{
list-style-type:none;
margin:0 0 25px 0;
padding:0;
}
#productOnglet #productOngletBlockIntroduction li,
.content li{
background:url(../Images/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;
display:none;
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{
display:none;
}
#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;
}
/******************************** bottom content ************************/
#bottomContent {
width: 1004px;
background: url(../Images/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/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/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 */
cursor:pointer;
display: block;
float: left;
font-size:10px !important;
height: 26px;
background: url(../Images/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;
background: url(../Images/button.png) no-repeat left top;
display: block;
font-size:10px !important;
line-height: 18px;
padding: 3px 0 5px 5px;
cursor: pointer;
}
a.button.addCart span {
color:#fff !important;
cursor: pointer !important;/*IE*/
}
a.button.addCart{
cursor: pointer !important;/*IE*/
text-decoration:none !important;
}
.unavailable.button {
padding-right: 25px; /* sliding doors padding */
}
.button.calendar span{
color:#fff !important;
}
.unavailable.button{
cursor:default !important;
}
.unavailable.button span{
color:#fff !important;
cursor:default !important;
}
.button.promotions span {
color:#fff !important;
}
button{
background-color: transparent;
border: none;
margin: 0;
padding: 0;
}
button.button
{
background-image: url(../Images/button.png);
background-repeat: no-repeat;
border:none;
cursor: pointer;
outline: none;
height: 26px;
}
a.button.compare span,
a.button.seeall span {
background-position: left -504px;
color:#000 !important;
cursor:pointer !important;/*IE*/
font-family: Arial,Helvetica,sans-serif;
margin-top:0;
padding-left: 5px;
text-decoration:non
}
.button.compare:hover,
.button.seeall:hover,
.button.calendar:hover {
text-decoration:none !important;
}
button.button span
{
background-image: url(../Images/button.png);
background-repeat: no-repeat;
color: Black;
display: inline-block;
font-size: 10px;
height: 26px;
line-height: 26px;
}
a.button.compare
{
background-position: right -504px;
cursor:pointer !important;/*IE*/
height:27px !important;
padding-right: 26px; /* sliding doors padding */
}
.button.compare
{
*padding-right: 20px; /* sliding doors padding */
}
button.compare span, x:-moz-any-link, x:default
{
margin-top:-2px !important;
margin-left:-3px;
}
button.compare span,
button.no-icon span,
button.close span
{
*line-height:22px;
*margin-top:0 !important;
*margin-left:-14px !important;
*padding-left:10px !important;
}
a.button.disabled {
background-position: right -1791px !important;
cursor: default !important;
height:26px !important;
}
a.button.disabled span {
background-position: left -1791px !important;
color:#999 !important;
cursor: default !important;
}
button.close
{
background-position: right -1258px;
float:right !important;
padding-right: 26px;
}
button.close span
{
background-position: left -1258px;
padding-left: 5px;
}
button.no-icon
{
background-position: right top;
padding-right: 5px;
}
button.no-icon span
{
background-position: left top;
padding-left: 5px;
}
button.compare span, x:-moz-any-link, x:default,
button.no-icon span, x:-moz-any-link, x:default,
button.close span, x:-moz-any-link, x:default/* hack firefox*/
{
margin-top:-2px;
margin-left:-3px;
}
/**************************************** 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/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/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/bgFilterListOff.gif) no-repeat left 3px;
display:inline-block;
padding-left:15px;
}
.filterBlockDescription a:hover,
.filterBlockDescription .selected a
{
background:url(../Images/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 - expositions *********************************/
#recommendedProductsBlock,
#expositionsBlock
{
border-bottom:solid 3px #333333;
border-left:solid 1px#e6e6e6;
border-right:solid 1px#e6e6e6;
margin: 0 0 20px 4px;
width:175px;
}
#recommendedProductsList,
#expositionsList{
list-style-type:none;
margin:0;
padding:0;
}
#recommendedProductsList li,
#expositionsList li{
background:url(../Images/bg_dot_333.gif) repeat-x left bottom;
font-weight:bold;
margin:0;
overflow: auto;
margin: 0 2px;
zoom: 1;
}
#recommendedProductsList li{
padding: 6px 0;
}
#expositionsList li{
padding:10px;
}
#expositionsList li img{
max-width:152px;
}
#expositionsList .dateExposition{
color:#999;
font-size:11px;
margin-top:6px;
}
#recommendedProductsList .priceProduct{
color:#ed1c24;
font-size:14px;
margin-bottom:6px;
}
#recommendedProductsList img{
float:left;
}
.recommendedProductsListInner {
float:left;
font-weight:bold;
margin-left:4px;
width: 96px;
}
.recommendedProductsListInner .nameProduct,
.nameExposition a{
color:#147ac5;
font-size:12px;
}
.recommendedProductsListInner .nameProduct:hover,
.nameExposition a:hover {
text-decoration:underline;
}
.expositions{
margin:0;
padding:0;
}
.expositions li{
background:none;
border-top: dotted 1px #3B3B3B;
margin:0 !important;
padding:0;
}
.expositions h2{
margin:16px 0 8px 0;
padding:0;
}
.expositions .expositionDate{
color:#999;
font-size:12px;
font-weight:bold;
padding-bottom:16px;
}
.expositions table .rightCol{
padding-left:20px;
width:152px;
}
.expositions table .rightCol img{
float:right;
max-width:152px;
}
.exposition{
margin:10px 0 0 0;
}
.exposition td{
vertical-align:top;
}
.exposition .leftCol
{
padding-right:20px;
width:155px;
}
.exposition .leftCol img{
margin:0 0 0 2px !important;
max-width:152px;
}
.expositionDescription{
border-bottom: dotted 1px #3B3B3B;
margin-top:20px;
padding-bottom:8px;
}
.exposition .promotionProductBlockTopLeft{
background:url(../Images/bgLeftBoxPromotion.gif) no-repeat left top;
float:left;
height:18px;
width:5px;
}
.exposition .promotionProductBlockTopCenter{
background:#ee2e24;
color:#ffffff;
float:left;
font-size:11px;
font-weight:bold;
height:14px;
padding:2px;
text-transform:uppercase;
}
.exposition .promotionProductBlockTopRight{
background:url(../Images/bgRightBoxPromotion.gif) no-repeat left top;
float:left;
height:18px;
width:5px;
}
.exposition .promotionProductBlockContent{
border:solid 1px #ee2e24;
color:#333333;
float:left;
margin-bottom:5px;
padding:6px;
width:368px;
}
/*.exposition #promotionProductContentTitle{
font-size:11px;
font-weight:bold;
}*/
.exposition .promotionProductContentNotes{
font-size:10px;
}
/*********************************************
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/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/bg_dot_333_172.gif) no-repeat left bottom;
padding-bottom:10px;
}
/********************************* workshop ***************************************************/
#workShopVideoBoxTop
{
background:url(../Images/bgWorkShopVideoBoxTop.png) no-repeat left top;
height:62px;
position:relative;
width:750px;
}
#workShopVideoBoxTop img
{
margin:10px 0 0 12px;
}
#workShopVideoBoxTop .buttons
{
right:14px;
position:absolute;
top:18px;
}
#workShopVideoBoxContent
{
background:#d6d6d6 url(../Images/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/bgWorkShopVideoBoxThumb.png) repeat-x left top;
*float:left !important; /*fix positionnement IE7*/
height:67px;
margin:0;
padding:5px;
*width:236px;
}
#workShopVideoSlideshowOuter .btnPrevVert
{
background:url(../Images/bgPrevVert.png) no-repeat left top;
cursor:pointer;
height:24px;
width:247px;
}
#workShopVideoSlideshowOuter .btnNextVert
{
background:url(../Images/bgNextVert.png) no-repeat left top;
cursor:pointer;
height:23px;
width:247px;
}
#workShopVideoSlideshowOuter .btnPrevVert.disabled
{
background:url(../Images/bgPrevVertOff.png) no-repeat left top !important;
cursor:auto !important;
}
#workShopVideoSlideshowOuter .btnNextVert.disabled
{
background:url(../Images/bgNextVertOff.png) no-repeat left top !important;
cursor:auto !important;
}
#workShopVideoSlideshow li .workShopVideoSlideshowInner
{
cursor:pointer;
height:55px;
padding:5px;
}
#workShopVideoSlideshow li .workShopVideoSlideshowInner:hover,
#workShopVideoSlideshow li.selected .workShopVideoSlideshowInner
{
background:url(../Images/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/bgWorkShopVideoBoxContentInner.png) no-repeat right bottom;
float:left;
_height:360px;
min-height:360px;
width:1px;
}
#workShopVideoBoxBottom
{
background:url(../Images/bgWorkShopVideoBoxBottom.png) no-repeat left top;
float:left;
height:12px;
margin-bottom:20px;
width:750px;
}
.workShopListCol
{
border-collapse:collapse;
width:770px;
}
.workShopListBlock table {
width: 172px;
}
.workShopContent{
margin-top:20px;
}
.workShopContent h2,
.workShopContent h2 a{
font-size:14px;
margin-top:10px;
}
.workShopContent td {
overflow: hidden;
padding-right: 18px;
vertical-align: top;
width:174px;
}
.workShopContent .imgCategory img {
margin-right:0;
width: 174px !important;
}
.workshopChoice{
float:right;
margin-bottom:20px;
}
.workshopType{
float:left;
line-height:30px;
margin-right:10px;
}
.workshopTypeList{
float:left;
}
.workShopListColFirstLevel
{
padding:0 18px 0 0;
vertical-align:top;
width:154px;
}
.worShopListButtons {
padding-top: 8px;
}
.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/bg_dot_333.gif) repeat-x left bottom;
}
.workShopListContent input{
width:35px;
}
.workShopListContentImg{
padding:5px 0 7px 0 !important;
width:40px !important;
}
.workShopListContent td img{
margin:0 !important;
width:40px;
}
.workShopListContentLink
{
padding-left:5px;
width:auto !important;
}
.workShopListButtons
{
background:url(../Images/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;
}
#productOngletBlockSchedule{
display:none;
}
#productOngletBlockSchedule .titleSchedule{
color:#333;
font-size:14px;
font-weight:bold;
margin:0 0 14px 0;
}
.workShopSchedule thead tr{
background-color: #eee;
}
.workShopSchedule tbody .even{
background-color: #eee;
}
.ongletLabel{
font-weight:bold;
}
.productOngletBlockLeft,.productOngletBlockRight{
float:left;
width:340px;
}
.productOngletBlockLeft{
margin-right:20px;
}
.ongletBlock{
margin-bottom:10px;
}
.smallText{
color:#999;
font-size:10px;
}
.workShopSchedule{
border-collapse:collapse;
margin-bottom:30px;
}
.workShopSchedule td{
border:solid 1px #ccc;
padding:5px;
text-align:left;
vertical-align:top;
}
.workShopSchedule th
{
border:solid 1px #ccc;
padding:10px 5px;
text-align:left;
}
.workShopSchedule a{
color:#4891DC;
}
.workShopSchedule .workShopScheduleLecturerBlock td{
padding:10px;
}
.workShopScheduleLecturerImage img{
float:left;
margin-right:20px;
width:150px;
}
.workShopScheduleLecturerDescription{
float:left;
width:500px;
}
.workShopScheduleLecturerDescription p{
margin-top:0;
}
#suggestedWorkShops{
background:url(../Images/bgSuggestedWorkShopBox.png) repeat-x left bottom;
height:247px;
margin:20px 0;
position:relative;
}
#suggestedWorkShops a{
color:#4891DC;
}
#suggestedWorkShopsSlideShow{
margin-left:37px;
width:680px !important;
}
#suggestedWorkShopsSlideShow.singleWorkshop{
margin-left:0;
width:740px !important;
}
.singleSuggestedWorkshop .suggestedWorkShopLeft{
margin-left:0;
width:740px;
}
#suggestedWorkShopsSlideShow ul{
list-style-type:none;
margin:0;
padding:0;
}
#suggestedWorkShopsSlideShow li{
height:auto !important;
width:680px !important;
}
.suggestedWorkShopLeft{
float:left;
margin:10px;
width:435px;
}
.suggestedWorkShopRight{
float:left;
margin:10px;
width:180px;
}
.suggestedWorkShopRight img{
width:200px;
}
.prevSuggestedWorkShops{
background:url(../Images/bgPrevHor.png) no-repeat left top;
cursor:pointer;
height:247px;
left:0;
position:absolute;
top:0;
width:37px;
}
.nextSuggestedWorkShops{
background:url(../Images/bgNextHor.png) no-repeat left top;
cursor:pointer;
height:247px;
position:absolute;
right:0;
top:0;
width:37px;
}
.singleSuggestedWorkshop .suggestedWorkShopLeft{
width:720px;
}
.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;
}
.workShopGalleryLarge li img{
max-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;
}
/**************************************** Lecturers ********************************************/
.lecturers {
overflow: auto;
margin-top: 10px;
}
.lecturers .categoryPicture img{
width:174px;
}
.lecturers td {
padding-right:18px;
vertical-align:top;
width: 174px;
_width:178px;
overflow:hidden;
}
.lecturers h2 {
color: #147AC5;
margin-right:5px;
padding-bottom: 14px;
text-align: left;
}
.content .lecturerPicture img{
margin-right:0;
width:174px;
}
.content .lecturerSpeciality ul{
margin:0 0 20px 0;
}
.content .lecturerSpeciality li{
margin:0 0 5px 0;
}
.lecturerPicture{
margin:0 20px 10px 0;
max-width:150px;
}
.lecturerBlock{
margin:15px 0 30px 0;
}
.lecturerBlock td{
vertical-align:top;
}
.lecturerBlock td p{
margin-top:0;
}
.lecturerIntro{
line-height: 18px;
}
#lecturerTabs #onglet{
background:url(../Images/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;
}
#lecturerPortfolioOuter,
#expositionSlideshowOuter{
margin: 0 0 30px 0;
padding:0 37px;
position:relative;
width: 484px;
}
#lecturerPortfolioOuter .caroufredsel_wrapper,
#expositionSlideshowOuter .caroufredsel_wrapper{
width:500px !important;
}
#lecturerPortfolioSlideshow,
#expositionSlideshow{
margin: 0;
padding: 0;
list-style: none;
display: block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#lecturerPortfolioSlideshow { width:700px !important; }
#expositionSlideshow { width:700px !important; }
}
#lecturerPortfolioSlideshow li,
#expositionSlideshow li {
background:none !important;
text-align: center;
height: 128px;
line-height:auto !important;
margin:0 20px 0 0 !important;
padding: 0 !important;
display: block;
float: left;
}
#lecturerPortfolioSlideshow li img,
#expositionSlideshow li img{
border:solid 1px #fff;
height:75px;
}
#lecturerPortfolioSlideshow li img:hover,
#expositionSlideshow li img:hover{
border:solid 1px #ee1c25;
}
#lecturerPortfolioOuter .btnPrevHor,
#expositionSlideshowOuter .btnPrevHor
{
background:url(../Images/bgPrevHor.png) no-repeat left top;
height:128px;
left:0;
position:absolute;
top:0;
width:37px;
}
#lecturerPortfolioOuter .btnNextHor,
#expositionSlideshowOuter .btnNextHor
{
background:url(../Images/bgNextHor.png) no-repeat left top;
height:128px;
position:absolute;
right:0;
top:0;
width:37px;
}
#lecturerWorkshopList{
list-style-type:none;
margin:0;
padding:0;
}
#lecturerWorkshopList li{
border-bottom: dotted 1px #333;
margin-bottom:20px;
padding-bottom:10px;
}
#lecturerWorkshopList li .lecturerWorkshopCategoryTitle{
color:#147ac5;
font-size:18px;
font-weight:bold;
padding-bottom:10px;
}
#lecturerWorkshopList li a{
color:#147ac5;
}
#lecturerWorkshopList li .lecturerWorkshopTitle{
padding-bottom:5px;
}
#lecturerWorkshopList li .lecturerWorkshopTitle a{
background:url(../Images/icon_bullet_right_level2.gif) no-repeat left 4px;
padding-left:10px;
}
/************************************************************************************************/
/*************************** 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 .left {
float: left;
width: 50%;
}
#contactInfo .right {
float: right;
width: 45%;
}
#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:368px;
}
#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;
}
#cartConfirmation .recapOrder{
margin-bottom:20px;
}
#cartConfirmation .recapOrder td{
padding:5px;
}
#cartConfirmation .recapOrder .orderNumber,
#cartConfirmation .recapOrder .orderPrice{
width:150px;
}
#cartConfirmation .recapOrder .recapOrderLabel{
background: url(../Images/bgTableCart.png) repeat-x left top;
height: 36px;
font-weight:bold;
}
#cartConfirmation .recapOrder .recapOrderContent{
background: url(../Images/bg_dot_333.gif) repeat-x left bottom;
}
#cartConfirmation .recapOrder .recapOrderContent td{
padding:10px 5px;
}
.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;
}
.taxesBox{
float:right;
padding-right:6px;
}
/*********************** documens List *********************/
#documentsList
{
padding:10px 0 10px 15px;
}
#documentsList img
{
float:left;
margin-right:5px;
}
#documentsList #documentDescription
{
float:left;
}
/************** 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;
}
.paiementMessageVBV p {
margin-top: 0;
}
.paiementMessageVBV a {
color:#147AC5;
font-weight:bold;
}
.paymentCard li{
border-right:solid 1px #ccc;
display:inline-block;
float:left;
margin-right:10px;
padding-right:10px;
}
.sepDot{
background:url(../Images/bg_dot_333.gif) repeat-x scroll left bottom transparent;
height:5px;
margin-bottom:5px;
width:100%;
}
.messageVBV{
margin:10px 0;
}
/**/
.zonePromo
{
margin: 0px 0px 24px 4px;
}
/************************************* commercial customer ************************************************/
#commercialCustomer #pageContent{
background:#fff;
margin-top:10px;
min-height:420px;
padding:10px;
}
#commercialCustomer .transparentInner,
#commercialCustomer .transparent{
#padding-bottom:0;
}
.commercialCustomer h1{
padding-top:10px;
}
#commercialCustomer .topContent{
min-height: inherit !important;
padding:0;
}
.commercialCustomer .buttons{
margin-top:10px;
}
#cart .cartTHeadLast{
padding-right:10px;
}
#cart .CartTableBodyNameCommand{
width:150px;
}
#cart .CartTableBodyNameCommand a{
color:#147ac5;
font-size:18px;
font-weight:bold;
}
#cart .CartTableBodyStatusCommand{
width:80px;
}
#cart .CartTableBodyDescriptionCommand{
width:80px;
}
#cart .CartTableBodyTDUserCommand{
width:135px;
}
#cart .CartTableBodyTDPriceCommand{
color: #333333;
font-size: 18px;
font-weight: bold;
width:125px;
}
#cart .CartTableBodyTDDateCommand{
width:120px;
}
#commercialCustomer .buttons .no-icon{
padding-right:8px;
}
.commercialCustomerDetail table{
border-collapse:collapse;
margin:20px 0;
}
.commercialCustomerDetail td{
padding-bottom:10px;
}
.commercialCustomerDetail table input[type="text"]{
width:300px;
}
.commercialCustomerDetail table textarea{
width:300px;
}
.commercialCustomerDetail table select{
width:150px;
}
.commercialCustomerDetail .firstCol{
width:150px;
}
.commercialCustomerDetail .secondCol{
width:310px;
}
.commercialCustomerDetail .validationList ul{
margin:0;
padding:20px 0 0 20px;
}
.commercialCustomerDetail .validationList li{
margin:0;
padding:0 0 5px 0 ;
}
.checkoutCommercialCustomerAddress table input[type="radio"]{
margin:0 5px 0 0;
padding:0;
}
.checkoutCommercialCustomerAddress table td{
padding-bottom:10px;
vertical-align:top;
width:25%;
}
.CheckoutDescription{
display:block;
padding-bottom:5px;
}
.btnPayment{
margin-bottom:5px;
}
.jqmWindow
{
background-color: white;
border: solid 5px #d3d3d3;
display: none;
left: 50%;
margin-left: -200px;
padding: 24px 40px;
position: fixed;
top: 17%;
width: 320px;
}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (