@charset "utf-8";
/* 
	Resets default browser settings
	reset.css
*/
:focus {outline: none;}
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
/* CSS Document */

.body {margin:0px;  -webkit-font-smoothing: subpixel-antialiased;
background-color: #E6E6E6;}
img {border: 0;-ms-interpolation-mode: bicubic;}
input {font-family: arial,sans-serif;font-size: 11px;}

/* base layout */
.page { width:900px;	 margin:auto; margin-bottom:10px;}
#bodyWrap {width:900px;clear:both; 
position: relative;padding:0px;

}



.defaultFont {font-family: 'Open Sans', sans-serif;}
.content , .content input{font-family: 'Open Sans', sans-serif;font-size: 14px;}
.content a:link, .content a:visited, .content a:active {color: black;text-decoration: none;}
.content a.graytext:link, .content a.graytext:visited, .content a.graytext:active {color: graytext;text-decoration: none;}
.content a:hover {
	text-decoration: underline;
}

.content a.graytext:hover {
	color:black;text-decoration: underline;
}

.content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contentPublish {
	display:none;
}

h2.contentTitle {
	font-size: 30px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}


.contentShortDescription {
	color: black;
	font-size: 14px;
}

/*
#bodyWrap a:link, a:visited,  a:active {color: black;text-decoration: none;}
#bodyWrap a:hover {text-decoration: underline;}
#bodyWrap a.disabled:hover {text-decoration: none;cursor: pointer;}
*/
#footer {padding:0px 0px ; clear:both; text-decoration:none; color: graytext;height: 175px;
background: url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/footer-bg.jpg?v=1.3) no-repeat top center;
}
#footer div.divLinks {	
	border-top: 1px solid #cccccc;
	background-color: white;
	padding:0px 5px ;
}

.footerUl{
	float:left;
	width: 215px;
}

.footerUlLast{
	margin-left:670px;
	margin: 0;
	padding: 0;
	height: 170px;
}

.footerTitle {
	color:#333;
	padding: 25px 0px 12px 10px;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 12px;
	font-family: arial,sans-serif;
}

.footerLi {
	padding: 3px 0px 3px 10px
}

#footer div.divLinks ul li a.footerLink {
	color:graytext;
	font-size: 12px;
}

#footer div.divLinks ul li a.footerLink:hover {
	color:black;
	text-decoration: none;
}

.paiement {
	float: left;
	width: 70px;
}


div.disclaimer {	
	display: none;
}
.copyright {position: absolute;right: 20px; top:144px;font-size: 11px;color: black;font-style: italic;}

.pageSecure { 	 width:800px;	 margin:auto; }
#bodyWrapSecure {padding: 0px 0px 20px 0px; clear:both;color: #666666;background-color: white;border-radius:2px;}
#footerSecure { clear:both; width:750px; text-decoration:none; color: graytext; text-align: center;  margin: auto; margin-top: 20px;}
.secureLogo { }
#secureCommonHeader {height: 140px}
#secureCommonHeader .secureLogo:hover {}
#secureCommonHeader .secureLogo {
	margin-top: 10px;margin-left: 300px
}

/* header */
#header {width:900px; padding-top: 0px;height:165px;position:relative;
background: url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/header-bg.png?v=1.4) no-repeat top center;

}
#commonHeader {position: absolute;top: 0px;right: 0px;}
#commonHeader ul li a {color:white;text-transform: uppercase;text-decoration:bold;font-size:11px;}
#commonHeader ul li a:hover {text-decoration: underline;}

#header .headerViewCart , .secureViewCart, .secureContinueShopping, #header .headerMyAccount  {
	display:none;
}

#header .headerDisconnect {float:right;margin-top:2px;padding-left: 10px;position: relative;}
#header .headerUser {color:white;float:right;margin-right: 15px;font-size: 11px;margin-top: 5px;}
#header .headerUserConnection {float:right;position: relative;margin-right: 10px;margin-top: 2px}
#header .headerUserConnectionLink {margin-right: 20px;}
#header .headerUserConnection .loginIcon {position: absolute;top: 4px;right: 0px}
#header .headerDisconnect .disconnectIcon {position: absolute;top: 7px;right: 10px}

#header ul.floatLeft li {float:left;margin-right: 10px;margin-top: 4px;margin-bottom: 4px}
#header ul.floatRight li {float:right;margin-left:10px;margin-top: 4px;margin-bottom: 4px}
#header .borderLeftSolid {padding-left:10px; border-left: 1px solid white}
#header .logo:hover {}
#header .logo {
	position:absolute;left:0px;top:0px;
}
#header input {font-size: 11px;}
#searchForm .fieldSearch {width: 125px;}
#searchForm .buttonOk {position:absolute;right:2px;top:2px; width:22px;height:23px;background-image:url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/searchButton.png);}
#searchForm .searchInput {
	font-size:11px;
width: 125px;
height: 25px;
border:none;
padding-left:5px;
color: graytext;
}

.headerEdito {
	position:absolute;
	top:44px;
	left:562px;
	display:block;
}

h1.editoTitle {
	position:absolute;
	top:1px;
	right:100px;
	display:block;
	width: 200px;
	text-align:center;
	font-size: 18px;
	font-weight: normal;
}

#tagsphere  {
	margin: 30px 0px;
	background-color: white;
	border: 4px solid #BEBDBD;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3) inset;
}
#tagsphere ul li {
	font-size: 20px;color: black;
	font-family:arial,sans serif;
}

#tagsphere ul li.high {
	font-size: 35px;color: gray;
}


.headerImg {
	margin-top: 2px;
 	border-radius:2px;
}

ul.headerDatas {
	position:absolute;
	top:100px;
	left:170px;
	margin: 0; padding: 0;	
	list-style: none;		
}

ul.headerDatas li {
	float: left;
	margin: 0; 
	padding: 0px 20px;
	font-size: 14px;
	border-left: 1px solid black;
	height: 80px;
	vertical-align: middle;
	text-align: center;
	
}


ul.headerDatas li {
}
ul.headerDatas li.headerData1 a img{
	margin-top:0px;
	display: block;
	border-radius: 2px; 
	box-shadow: 1px 1px 2px #CCCCCC;	
}

ul.headerDatas li a{
	display:block;
	margin-top:8px;
	padding:10px 0px;
}
ul.headerDatas li.headerData1 {
	padding-right: 0px; 
}
ul.headerDatas li.headerData1 a{
	padding: 0px; 
	margin: 0;
}

ul.headerDatas li.headerData2 {
border-left:none;
}


#photo-semaine {
	margin-top : 15px;
	padding-bottom:8px;
	background-color: white;
	border: 4px dashed #D60B51;
}

/* section */
#shoppingCartContainer {
	position:absolute;
	top:29px;
	right:0px;
	width: 190px;
	padding-left:5px;
	border:1px solid black;
	z-index: 1001;
	background-color: #fff;
	display:none;
}
#shoppingCartContainer div.section_header {display:none}
div.filariane, div.filarianeSearch {width: 500px;margin: auto;padding-top: 10px}
div.filariane h1, div.filarianeSearch h1 {font-weight: normal;font-size: 14px;display: inline;}
div.mainBodyContent div.filariane {width: 880px;}

div.homeBody { position: relative;}

div.mainContent div.leftSide, div.mainLogin div.leftSide  {display:none}

div.leftSide{
	float:right;
	background-color: #E6E6E6;
	width: 238px;
	overflow: hidden;
}
.bodyClear{
	height: 0px;
}

div.mainbodyResultSearch, div.mainBodyListingItems, div.mainBodySiteDetail,div.mainBodyContent, div.homeSitemap  {padding: 0px;}
div.homeBody div.mainBody , div.mainCategoryContent div.mainBody ,
div.mainResultSearch  div.mainBody {
	position:relative;width: 636px;
	background:url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/category-bg.png?v=1.0) repeat-y;
}
div.mainSectionCategoryContent div.sectionPanel,
 div.homeBody div.sectionPanel ,
 div.homeBody div.filariane,
 div.mainSectionSiteDetail div.sectionPanel,
 div.mainSectionContact .sectionPanel {display: none}

div.mainBodyCategory , div.mainBodyContact, div.mainBodyContentsCategory, div.mainSectionContact {width: 900px;margin-left:0px}

.mainSectionCategory #categories_section {}
div.sectionPanel {float:left; width: 185px;margin-top:5px;margin-left: 15px;}
div.mainSectionCategoryContent div.filariane,
div.homeSitemap div.filariane {padding-left:0px;}
div.mainContent div.mainBodyContent {background-color: white;padding:0px 10px 20px 10px }
div.mainLogin {background-color: white; }
div.mainSectionContact, div.mainBodyContact {background-color: white; }
.categoryMainBodyClear, .homeMainBodyClear , .leftSideClearBoth {clear: both ; height: 0px;}

ul.homeContents , ul.categoryContents {
	width: 500px;
	margin: auto;
}



ul.categoryContents {
	padding: 0;
}

ul li.homeContent, ul li.categoryContent {
	
	padding: 20px 0px;
	border-bottom: 1px solid #CCCCCC;
}

ul li.homeContent:last-child, ul li.categoryContent:last-child {
	border-bottom: none;
}



.section_header {margin-top:0px; border: 1px solid #CCCCCC;background-color:white; text-align:center; padding: 6px 0px 6px 0px ; font-size: 11px;text-transform: uppercase;color: black;}
.panel_header_affiner_recherche {background-position: 0px -88px;}
.panel_header_categories {background-position: 0px -66px;}
.panel_header_panier {background-position: 0px -44px;}
.panel_header_populaires {background-position: 0px 0px;}
.panel_header_relations {background-position: 0px -22px;}
.panel_header_partenaires {background-position: 0px -132px;}
.listItemImage {float:left;  width: 55px; padding-top: 10px;}
.listItemDescription {margin-left: 55px; }

.sectionCategoryFiltreMultiple .sectionPanel {display:none}

/* site detail */
.mapDivBody {float:right; margin-right:0px;width: 585px;height: 385px;}
#mapDiv {position:absolute; width:585px; height:385px;}

/* style */
.lineThrough {text-decoration: line-through}

.black_text {color: black;}
.redText {color: red;}
.graytext {color: graytext;}
.greenText {color: green;}
.whiteText {color: white;}
.bolder {font-weight: bolder;}
.clearBoth {clear: both;}
.textCenter{text-align: center}
.textUppercase {text-transform: uppercase;}
.marginAuto {margin: auto;}
.flecheGauche {background-image: url(/datasProvider/images/bouttons.png);background-position: -320px -50px;width:5px; height: 6px; display: block;}
.whiteBackground{background: none}
.bodyBackground{background: none;}
.borderSolid {  border:1px solid #F8F7F5;}
.borderSolidLightGray {  border:1px solid #EFEFEF;}
.borderSolidGray { border:1px solid gray;}
.inputError {background-image: url(/datasProvider/images/bouttons.png);background-position: -300px -40px;width: 15px;height: 15px}
.displayNone {display: none;}
.floatRight {float: right;}
.floatLeft {float: left;}
.lineHeight_25{line-height: 25px;}
.alignCenter {vertical-align: middle;text-align: center;}
.valignCenter {vertical-align: middle;}
.talignRight {text-align: right;}
.fontSize12 {font-size: 12px;}
.overflowAuto {overflow: auto;}

/* category */
ul.categoryItems,ul.homeCategoryItems, ul.categoryImages {overflow: hidden;margin: 0; padding: 0}
ul.categoryItems li, ul.homeCategoryItems li,ul.categoryImages li  {
	float:left;
	width:200px;
	list-style:none outside none;
	margin:0;
	text-align:center;
}

ul.categoryItems li {
	height:310px;
}

.itemWrapper:hover .zoomImageText {
	display: inline;
}

ul.categoryItems li div.itemInfosContainer .buttonItemUrl ,
ul.categoryItems li div.itemInfosContainer .buttonAddItem {
	display:none;
}

ul.categoryItems li div.itemInfosContainer div.itemLongDescContainer{
	display:none;
}

ul.homeCategoryItems li {
	height:270px;
}

div.viewItemDetail ul.categoryItems li {
	width:488px;height: 230px;margin-bottom: 20px;
	border: 1px solid #dbe7e4;
	margin-right: 10px;
}

div.viewItemDetail ul.categoryItems li:hover {
	border: 1px solid #333;
}

div.viewItemDetail ul.categoryItems .itemWrapper:hover .zoomImageText {
	display: none;
}


div.viewItemDetail ul.categoryItems li:nth-child(2n+2) {
	margin-right: 0px;
	margin-left: 10px;
}

div.viewItemDetail ul.categoryItems li .imageWrapper {
	float:left;width: 230px;
}

div.viewItemDetail ul.categoryItems li div.itemInfosContainer{
	margin-left:230px;
	padding:10px 10px 0px 10px;
	text-align: justify;
	height: 220px;
}

div.viewItemDetail ul.categoryItems li div.itemInfosContainer div.itemLongDescContainer{
	display:inline;
	line-height: 13px;
}

div.viewItemDetail ul.categoryItems li div.itemInfosContainer .buttonItemUrl,
div.viewItemDetail ul.categoryItems li div.itemInfosContainer .buttonAddItem {
	display:inline-block; margin-top: 12px;margin-right: 5px;
} 


ul.categoryImages li {
	height:250px;
}
ul.categoryContents li  {
	float:left;
	width:500px;
	list-style:none outside none;
	margin:0;
}

.affine_search_header {margin-top:20px; }
.affine_search_body {margin-top:20px; }

ul.categoryItems li div.imageWrapper {height: 230px; }
.imageWrapper {height: 230px;position: relative }

.zoomImage {position: absolute;top: 10px;right: 5px;z-index: 100;display: none;}
.zoomImageText {padding:7px; position: absolute;top: 7px;right: 5px;z-index: 100;display: none;color: white;background-color: black}


/*ul.categoryItems li div.imageWrapper img {border:1px solid #999999;}*/
.categoryListingNav {text-transform: uppercase;overflow: hidden;width: 500px;margin: auto;margin-bottom: 20px}
.categoryListingNavSelect {float:left;margin-top: 10px;}
.categoryFilterSort{font-size:1em;height:17px;margin:0 0 0 10px;text-transform: none;}

.categoryListingPages {float: left;margin-left: 0px;margin-top: 25px;padding-left: 0px;}
.categoryListingPages li {font-family: arial,sans-serif;font-size: 13px;display:inline; text-transform: none;margin-right: 4px}
.categoryListingPages li a {background-color:rgb(238, 238, 238);padding:4px 8px;color: #3282b9;text-decoration: none;}
.categoryListingPages li a:HOVER {text-decoration: underline;}
.categoryListingPages li.currentPage {background-color:black;padding:4px 8px; font-weight:bold; color: white;}
a.customAttributeSelectable, a.customAttributeSelected, a.customAttributeDisabled {background:url(/datasProvider/images/checkbox.png) top left no-repeat; padding-left: 18px}
a.customAttributeSelectable {background-position: 0px 2px;}
a.customAttributeSelected {background-position: 0px -13px;}
a.customAttributeDisabled {background-position: 0px -28px;}

.commentListingPages {float: left;margin: 10px 0px;padding: 0}
.commentListingPages li {display:inline; text-transform: none;}
.commentListingPages li a {}
.commentListingPages li.currentPage {}

.commentWrapper{width: 500px}

.commentNbAvis{ 
 margin-bottom: 10px;
 padding: 5px 0px;
 font-weight:bolder;
 color:black;
} 

ul.listSites {overflow: hidden;margin: 0; padding: 0}
ul.listSites li {
float:left;
width:190px;
height:250px;
list-style:none outside none;
margin:0;
padding:0 16px 0 0;
text-align:center;
}

ul.categoryListing {margin-top:5px;}
ul.categoryListing li { padding: 13px 0px 13px 5px;  border-bottom-color: #0672B2; border-bottom-width: 1px; border-bottom-style: dotted;color:black;font-size:11px;font-weight:bolder;text-transform: capitalize;}

ul.categoryListing li a.activeCategory {text-decoration:underline}

.mainBodyCategoryFiltreMultiple {padding-left: 15px;padding-right: 15px} 
.mainBodyCategoryFiltreMultiple .category_filter_form {
	display: none;
}

/* item */
.mainBodyItem {padding: 0px 15px}
.mainSectionItem {position: relative;}
div.mainSectionItem div.sectionPanel { position: absolute;right: 15px;}
div.mainSectionItem div.sectionPanel div.panel_body{ padding-top:15px}
#itemImageContent{position: absolute;left: 15px;margin-top:5px;width: 400px;height: 530px}
#imageCarouselWrapper {width: 400px;height: 400px}
#imageCarouselWrapper img{display: block;margin: 0 auto;}
.infiniteCarousel {width: 395px;position: relative;}
.infiniteCarousel .wrapper { width: 315px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */overflow: auto;min-height: 10em;margin: 0 40px;position: absolute;top: 0;}
.infiniteCarousel .wrapper ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;}
.infiniteCarousel ul li {display:block;float:left;padding: 5px 10px 5px 5px;width: 90px; height: 120px}
.infiniteCarousel ul li img {display:block;}
.infiniteCarousel .arrow {display: block;height: 36px;width: 37px;text-indent: -999px;position: absolute;top: 37px; cursor: pointer;}
.infiniteCarousel .forward {background-position: 0 0;right: 0;background: url(/datasProvider/images/scroll-right.gif) no-repeat 0 0;}
.infiniteCarousel .back {background-position: 0 -72px;left: 0;background: url(/datasProvider/images/scroll-left.gif) no-repeat 0 0;}
.infiniteCarousel .forward:hover { background-position: 0 -36px;}
.infiniteCarousel .back:hover {  background-position: 0 -36px;}

.itemContentTitle{line-height: 25px;}
.itemContent {padding-left:420px; height: 530px;width: 390px;}
.itemUserAttributes {padding: 4px;}
.itemLongDesc {white-space:pre-line;font-size: 11px;line-height: 1.2em; color: black}
.itemDetailPrice {font-size: 20px;font-family: tahoma, helvetica, sans-serif;font-weight: bold;}
.itemPrice{font-family: tahoma, helvetica, sans-serif;font-weight: bold;font-size: 13px;}
.itemTitle{color: black; margin: 0;padding: 0;text-transform: uppercase;font-weight: normal;font-size: 11px}
a.addToCart{display:block; width: 200px;height: 30px;background-image: url(/datasProvider/images/bouttons.png?v=1.1);background-position: 0px 0px;text-indent: -9999px;}
a.addToCart:hover{width: 200px;height: 30px;background-image: url(/datasProvider/images/bouttons.png?v=1.1);background-position: -200px 0px;}
a.addToCartDisabled{display:block; width: 200px;height: 30px;background-image: url(/datasProvider/images/bouttons.png?v=1.1);background-position: 0px -30px;text-indent: -9999px;}
a.removeFromCart{display:none; width: 15px;height: 15px;background-image: url(/datasProvider/images/bouttons.png?v=1.1);background-position: -300px -40px;text-indent: -9999px;}
#itemNotAvailable {width: 250px;height: 40px;background-image: url(/datasProvider/images/bouttons.png?v=1.1);background-position: -955px 0px;}
.removableItem:HOVER {cursor: default;}
#listItems .itemCaption a{
	color:#336699;
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 13px;
	text-transform: uppercase;
}
.linkDescriptionDetaillee {font-weight: bolder;text-decoration: underline;margin: 4px 0px;}
.itemDescription {clear: both;}
.itemUserAttributesBody {border-bottom: 1px solid black; border-top: 1px solid black;margin-top: 10px;padding:2px 0px; color: graytext}
.userAttributesDetail .itemUserAttributesBody {height:310px; overflow: auto;}
.userAttributesDetailPanel {position: relative;}
.userAttributeTitle {font-weight: bold;color: black;}
.userAttributesDetail {font-family: arial,sans-serif;font-size: 11px;margin-bottom:20px; position: absolute;top:0px }
.showUserAttributeDetails {margin-left: 25px;}
.noTitleDialog {position: relative;}
.noTitleDialog .ui-dialog-titlebar  { display: none}
.closeUserAttributeDetails {position: absolute;top: 0px;left: 440px}

.itemSellingInformation {margin-top : 20px;}
.linkDescriptionDetaillee {font-weight: bolder;text-decoration: underline;margin: 4px 0px;}
/* cart */
.viewCart .viewCart:hover {
	text-decoration: none;
	color: black;
}
a#viewCartLink {color: black; }

.loadingContainer {background:url(/datasProvider/images/loading.gif) center center no-repeat;height: 100px;}
td.itemTd {border-bottom: #dcdcdc 1px dotted;vertical-align: top; padding-left: 2px;}
#messageItemAdded {height:35px; width:185px; text-transform: uppercase;margin: 5px 0px;background-image: url(/datasProvider/images/bouttons.png?v=1.0.2);background-position: -759px 0px;}
.cartHeader { font-size: 11px; background-color: #cccccc;padding: 4px 0px 4px 0px}
.action {text-align:center;width: 75px}
.thumb {text-align:center;width: 110px}
.description {text-align:left; width: 250px}
.options {text-align:left;width: 150px}
.options ul {list-style: square; margin: 0px;padding: 0px 0px 0px 15px}
.quantity {text-align:center;width: 60px}
.price {text-align:center;width: 65px}										    
.total {text-align:center;width: 65px}
.cartItemDetaille td {padding: 3px 0px 3px 0px}
.cartItemDetailleBorder td {border-top: #dcdcdc 1px dotted;}
.subTotalHeader {padding-top: 10px}
.subTotal td {height: 25px; padding-left: 6px}
.columnTotal {text-align: right;margin-right: 4px;}
ul li.processStates {float: left; height: 30px;margin-right:20px; background-image: url(/datasProvider/images/panier.png)}
li.process1 {background-position: 0px -50px;width: 120px;}
li.process2 {background-position: -130px -50px;width: 137px;}
li.process3 {background-position: -276px -50px;width: 110px;}
li.process4 {background-position: -406px -50px;width: 112px;}
li.process5 {background-position: -536px -50px;width: 136px;}
li.processActive1 {background-position: 0px -90px;width: 120px;}
li.processActive2 {background-position: -130px -90px;width: 137px;}
li.processActive3 {background-position: -276px -90px;width: 110px;}
li.processActive4 {background-position: -406px -90px;width: 112px;}
li.processActive5 {background-position: -536px -90px;width: 136px;}
.labelMonPanier {width: 150px; height: 45px; }
#panierContinueShopping, #panierContinueShopping:hover,
#panierGoPaiement, #panierGoPaiement:hover,
#panierAddCoupon, #panierAddCoupon:hover {margin:0px 10px 0px 0px; text-indent: -9999px;display: block;height: 20px;background-image: url(/datasProvider/images/panier.png); }
#panierContinueShopping { width: 140px; background-position: 0px 0px;}
#panierContinueShopping:hover { width: 140px; background-position: 0px -20px;}
#panierGoPaiement {width: 100px;background-position: -205px 0px;}
#panierGoPaiement:hover {width: 100px;background-position: -205px -20px;}
#panierAddCoupon {width: 100px;background-position: -583px 0px;}
#panierAddCoupon:hover {width: 100px;background-position: -583px -20px;}

/* account */
.accountHeader {height: 25px;background-position: 0px 0px; background-image:url(/datasProvider/images/secureheaders.jpg); margin-bottom: 5px; }
.loginWrap {padding: 25px 25px 25px 50px }
.login, .createAccount {line-height: 20px; }
.login {border-right:thin dotted #BBBBBB; width: 400px;}
.createAccount {float:right;width: 340px; padding-right: 30px;}
.loginFormContainer {margin-left:25px; padding:0px 25px 25px 5px;border-bottom:thin dotted #BBBBBB;}
.loginLostFormContainer {padding:20px 25px 5px 30px;}

.lostPasswordButtonWrapper , .loginButtonWrapper, .createAccountButtonWrapper{padding-top: 15px;}

.buttoncreateAccount, .buttoncreateAccount:hover,
.buttonValidateCreateAccount, .buttonValidateCreateAccount:hover, 
.buttonValidate,.buttonValidate:hover, .buttonValidateSendMessageSite,.buttonValidateSendMessageSite:hover,
.buttonConnect, .buttonConnect:hover,.buttonValidateDisabled,
.buttonValidateUpdateAccount,.buttonValidateUpdateAccount:hover,
.imageZoomLink,.imageZoomLink:hover {display:block; height: 20px;background-image: url(/datasProvider/images/bouttons.png?version=1.0.0);}

.buttoncreateAccount, .buttoncreateAccount:hover {margin:10px 0px 0px 200px; width: 140px;}
.buttoncreateAccount:hover, .buttonValidateCreateAccount:hover {background-position: -554px 0px;}
.buttoncreateAccount, .buttonValidateCreateAccount {background-position: -554px -20px;}

.buttonValidate,.buttonValidateDisabled,.buttonValidate:hover {width: 100px;}
.buttonValidate:hover ,.buttonValidateUpdateAccount:hover,.buttonValidateSendMessageSite:hover{background-position: -453px 0px;}
.buttonValidate,.buttonValidateUpdateAccount,.buttonValidateSendMessageSite {background-position: -453px -20px;}
.buttonValidateSendMessageSite {margin:10px 0px 0px 300px;width: 100px;}
.buttonValidateDisabled, .buttonValidateDisabled:hover {background-position: -759px -35px;cursor: wait;}

.buttonConnect, .buttonConnect:hover {margin:10px 0px 0px 230px;  width: 110px;}
.buttonConnect:hover {background-position: -564px -40px;}
.buttonConnect {background-position: -453px -40px;}
.imageZoomLink{background-position: -320px -37px;width: 22px;}
.imageZoomLink:hover{background-position: -347px -37px;width: 22px;}

.accountTitle {text-transform: uppercase;  font-size: 13px; margin-bottom: 10px;}
.field, .labelField,.labelFieldMainBody,.fieldMainBody  {line-height: 30px;height: 30px;vertical-align: middle;}
.labelField {float:left; text-align: right; width: 160px;}
.labelFieldMainBody {float:left; text-align: right; width: 220px;}
.field {margin-left: 170px;}
.fieldInput {margin-top: 6px} 
.fieldMainBody {margin-left: 230px;}
.buttonValidateCreateAccount, .buttonValidateCreateAccount:hover {margin:10px 0px 5px 390px; width: 140px;}
.buttonValidateUpdateAccount, .buttonValidateUpdateAccount:hover {margin:10px 0px 5px 390px; width: 100px;}

.newAccountHeader {height: 25px;background-position: 0px -60px; background-image:url(/datasProvider/images/secureheaders.jpg); margin-bottom: 5px; }

.accountLinkContainer {float:left;  width: 240px;}
.accountInfosContainer {border-left:thin dotted #BBBBBB;margin-left: 240px;}

.accountLinks {list-style: none; padding-left: 0px;}
.accountLinks li {float: left;clear: both; margin-bottom: 5px}
.accountLinks li a {color: black;text-transform: uppercase;text-decoration: none;}
.accountLinks li a:hover {text-decoration: underline;}

a.simpleLink {color: black;text-decoration: none;}
a.simpleLink:hover {text-decoration: underline;}

/* shipping */
.shippingHeader {height: 25px;background-position: 0px -30px; background-image:url(/datasProvider/images/secureheaders.jpg); }
.shippingSectionHeader {font-size: 12px; color:black;font-weight: bolder; background-color: #cccccc;padding: 4px 0px 4px 0px}
#shippingTotalSummary {float:right; width: 260px; margin-right: 10px}
.shippingField, .shippingLabelField { padding-left:10px; line-height: 25px; color: black;}
.shippingLabelField {float:left; width: 140px;}
.shippingField {margin-left: 150px;text-align: right; margin-right:20px;}
#shippingGoPaiement, #shippingGoPaiement:hover, #shippingModifyAddress , #shippingModifyAddress:hover {margin:0px 0px 10px 138px;float:left;text-indent: -9999px;display: block;width: 100px; height: 20px;background-image: url(/datasProvider/images/panier.png); }
#shippingGoPaiement, #shippingModifyAddress,#billingModifyAddress  {background-position: -205px 0px;}
#shippingGoPaiement:hover, #shippingModifyAddress:hover,#billingModifyAddress:hover {background-position: -205px -20px;}
#shippingChangeAddress, #shippingChangeAddress:hover, #shippingModifyAddress ,#shippingModifyAddress:hover,
#billingChangeAddress, #billingChangeAddress:hover, #billingModifyAddress ,#billingModifyAddress:hover 
 {margin:0px 0px 10px 377px;float:left;text-indent: -9999px;display: block;width: 100px; height: 20px;background-image: url(/datasProvider/images/panier.png); }
#shippingChangeAddress,#billingChangeAddress  {background-position: -460px 0px;}
#shippingChangeAddress:hover,#billingChangeAddress:hover {background-position: -460px -20px;}

.horairesHeader td {width: 75px;text-align: center;background-color: #efefef;color: black;}
.horairesDatas td {width: 75px;text-align: center;vertical-align: top;line-height: 20px;}

.paiementShipping {
	float: left;
	width: 52px;
}

.paiementShipping a, .paiementShipping a img {
	display:block;margin: auto;
	vertical-align: center;
	
}
.paiementShipping a img {
	width: 80%;
}

/* item description */
#description {color:black}
a.linkComment, a.linkComment:hover{color: blue}
#comment:FOCUS {border: #bbdafd solid 2px}
#comment {border: #999999 solid 1px}

/* menu.css */
.navigation {
	height: 93px;
}
#menu { 
position:relative; 
background-color: black;
height:64px;
border-top-left-radius:2px;
border-top-right-radius:2px;
overflow: hidden;
}


ul#topnav {
	position:absolute;
	top:0px;
	left:0px;
	height:35px;
	margin: 0; padding: 0;	
	list-style: none;		
}

#searchMenu {
	position:absolute;
	top:4px;
	left: 760px;	
}

.subnav {
	position:absolute;
	top:35px;
	left:0px;
	height:35px;
	margin: 0; padding: 0;	
	list-style: none;	
}
.subnav li {
	float: left;
}

.subnav li a{
background-image:url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/menu-2.jpg?v=1.1);
display: block;
background-repeat:no-repeat;
height: 29px;
text-indent: -9999px;
}



a.rencontres {
	width: 236px;
	background-position: 0px 0px;
}
a.rencontres:hover {
	width: 236px;
	background-position: 0px -29px;
}

a.bienEtre {
	width: 215px;
	background-position: -236px 0px;
}


a.bienEtre:hover {
	width: 215px;
	background-position: -236px -29px;
}

a.developpementPersonnel{
	width: 216px;
	background-position: -451px 0px;
}

a.developpementPersonnel:hover{
	width: 216px;
	background-position: -451px -29px;
}

a.recommandations {
	width: 233px;
	background-position: -667px 0px;
}

a.recommandations:hover {
	width: 233px;
	background-position: -667px -29px;
}

.link-twitter {
	background-position:-24px 0px;
}

ul#footernav {
	position:absolute;
	top:75px;
	left:130px;
	height:35px;
	margin: 0; padding: 0;	
	list-style: none;		
}

ul#footernav li a, ul#footernav li a:VISITED,  ul#footernav li a:HOVER, ul#footernav li a:LINK {
	text-decoration: none;
	text-transform:uppercase;
	color:white;
	display: block;	
	padding: 3px 10px ;
	letter-spacing: 1px;
	margin-top: 6px;
}

ul#footernav li.top {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	z-index: 510;
	font-size: 12px;
}

.footerLinks {
	position:absolute;
	top:23px;
	left:0px;
	height:20px;
	margin: 0; padding: 0;	
	list-style: none;	
}
.footerLinks li {
	float: left;
	width: 300px;
}

.footerLinks li a{
background-image:url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/footer-1.png?v=1.1) ;
display: block;
background-repeat:no-repeat;
height: 20px;
text-indent: -9999px;
margin: auto;
}

.footerLinks li a.contact {
	width: 190px;
	background-position: 0px 0px;
}

.footerLinks li a.alaune {
	width: 150px;
	background-position: -324px 0px;
}

.footerLinks li a.linkedin {
	width: 167px;
	background-position: -617px 0px;
}

ul#footernav li.top:hover a  {
text-decoration: underline;
}

ul#topnav li a, ul#topnav li a:VISITED,  ul#topnav li a:HOVER, ul#topnav li a:LINK {
	text-decoration: none;
	text-transform:uppercase;
	color:white;
	display: block;	
	padding: 3px 10px ;
	border-left:1px white solid;
	letter-spacing: 1px;
	margin-top: 6px;
}

ul#topnav li.top {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	z-index: 510;
	font-size: 12px;
}

ul#topnav li#menu374,  ul#topnav li.firstElement{
	margin-left:0px;
	/*border-top-left-radius:2px;*/
}
ul#topnav li#menu374 a, ul#topnav li.firstElement a {
	border-left: none;
}

/* menu hover */

ul#topnav li.active:hover ,ul#topnav li.top:hover  {
background-color:#D60B51;
padding-bottom: 7px ;
border-left: 1px black solid;
}

ul#topnav li.active:hover + li a ,ul#topnav li.top:hover  , ul#topnav li.top:hover + li a,
ul#topnav li.active + li a {
border-left: 1px black solid;
}

ul#topnav li.firstElement:hover {
	border-left:none;	
}

ul#topnav li.active:hover a.menutop,ul#topnav li.top:hover a.menutop {
border:0px;
}

/* active */
ul#topnav li.active  {
background-color:rgb(98, 98, 98);
padding-bottom: 7px ;
border-left: 1px black solid;
}

ul#topnav li .sub {
	position: absolute;	
	top: 36px; 
	/*left:0px;*/
	display:none;
    z-index: 500;    
	border-left:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	border-right:1px #cccccc solid;
    /*background:#E8E8E8;*/
	background:white;
    box-shadow: 1px 2px 3px #999; 
    padding-bottom:3px;
   /*  opacity: 0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9; */
}

ul#topnav li .sub ul{
	list-style: none;
	padding: 3px 0px 10px 0px;	
	margin: 0px;
	width:240px;
}
ul#topnav .sub ul li {
	padding: 0;
	width:240px;
	margin:0px;
}
ul#topnav .sub ul li.submenu:hover {
	background-color: #3282b9;	
}
ul#topnav .sub ul li.submenu a:hover {
	color: white;
}
ul#topnav .sub ul li.submenu a {
	display: block;
	color: black;
	font-size: 11px;
	padding: 5px 0px 5px 9px;
}







#toplink a, #toplink a:VISITED,#toplink a:ACTIVE,#toplink a:HOVER,#toplink a:LINK  {
	font-weight:bolder;
	clear:both;
	display: block;
	text-align: center;
	padding: 5px 0px ;
	border-bottom:3px solid black;
	color: black;
	text-decoration: none;
	letter-spacing: 1px;
}

#secureLinks {position:absolute;top:20px;right:20px;color:white;}
#secureLinks li a, #secureLinks li a:VISITED,  #secureLinks li a:HOVER, #secureLinks li a:LINK {color:#DFCDE4;}
#secureLinks li:hover { color:  white; }
#secureLinks li:hover a { color:  white;}

/*
	Slideshow
*/

#slides {
	position:relative;
	padding-top: 0px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 546px;
	overflow:hidden;
	position:relative;
	/*display:none;*/
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width: 546px;
	height: 310px;
}

/*
	Pagination
*/
.divPagination {
	position:absolute;
	top:0px;
	left:546px;
	width:255px;
	height:310px;
}

#pagination li {
	margin: 8px 0px;
}

#pagination li a {
	display: block;
	/*background:url(../images/annonces/slide-title.jpg) top left no-repeat;
	text-indent:-9999px;
	*/
	background-color: #F1F1F1;
	color:#000000;
	text-align: center;
	font-size: 10px;
	letter-spacing:0px;
	padding: 14px 0px;
}


#pagination li.current a, #pagination li a:hover {
	background-color: #5A86E0;
	color:white;
	text-decoration: none;
}

#pagination li.current a span, #pagination li a:hover span {
	color:white;
}


#iview {
	display: block;
	width: 1030px;
	height: 400px;
	background: #000;
	background: white;	
	/*
	border-top-left-radius:2px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:2px;
	*/ 	
	position:relative;
	overflow: hidden;
}



#iview .iviewSlider{
	display: block;
	width: 1030px;
	height: 400px;
	overflow: hidden;
	
}

.iview-controlNav {
position:absolute;
top:0px;
left:546px;
padding:0px;
margin:0px;
width:255px;
}

.iview-controlNav .iview-items ul {
padding:0px;
margin:0px;
}
.iview-controlNav .iview-items ul li{
margin: 8px 0px;
}

.iview-controlNav .iview-items ul li a{
margin-bottom: 8px;
	display: block;
	/*background:url(../images/annonces/slide-title.jpg) top left no-repeat;
	text-indent:-9999px;
	*/
	background-color: #F1F1F1;
	color:#000000;
	text-align: center;
	font-size: 10px;
	letter-spacing:0px;
	padding: 14px 0px;
	font-weight:bold;
	font-family: arial,sans-serif;font-size: 10px;
}



.iview-controlNav .iview-items ul li a.active, .iview-controlNav .iview-items ul li a:hover {
	background-color: #00479B;
	color:white;
	font-weight:bold;
	text-decoration: none;
}

.iview-controlNav .iview-items ul li a.active span, .iview-controlNav .iview-items ul li a:hover  span{
	color:white;
}


#iview-preloader {
	border: #666 1px solid;
	width: 150px
}

#iview-preloader div {
	background: #666;
}

.iview-caption {
	
}

.iview-caption a:link, .iview-caption a:visited, .iview-caption a:active {color: white;text-decoration: none;}

.iview-caption.caption1 {
	box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 3px 0px;
	font-weight: bold;
	text-shadow: none;
	color: #FFF;
	padding: 2px 15px;
	font-family: Arial;
	font-size: 12px;
	border-radius:2px;
	background-color: #329403;	
}

.iview-caption.caption2 {
	box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 3px 0px;
	font-weight: bold;
	text-shadow: none;
	color: #FFF;
	padding: 4px 15px;
	font-family: Arial;
	font-size: 12px;
	border-radius:2px;
	background-color: #EB6B0A;	
}
.iview-caption.caption3 {
	box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 3px 0px;
	font-weight: bold;
	text-shadow: none;
	color: #FFF;
	padding: 3px 15px;
	font-family: Arial;
	font-size: 12px;
	border-radius:2px;
	background-color: #37302A;	
}

#articles-plus-lus-commentes { 
    border: none; 
     padding: 0px;
      float:left;
	  width: 100%;
	  font-family: arial, sans serif;
	  font-size: 11px;
	  margin: 20px 0px;
}

#articles-plus-lus-commentes,
#articles-plus-lus-commentes .ui-tabs-nav li a,
#articles-plus-lus-commentes .ui-tabs-nav {
    padding: 0;
   
}

#articles-plus-lus-commentes .ui-tabs-nav li , #articles-plus-lus-commentes ul.articles-plus-lus-commentesUl{
	margin: 0px;
	float:left;
}

#articles-plus-lus-commentes .ui-tabs-nav li a{
    display:block;
    height:28px;
    font-family: arial, sans serif;
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    text-indent:-9999px;
    background: url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/articlesVusCommentesTabs.png?v=1.1) no-repeat top center;
}
#articles-plus-lus-commentes .ui-tabs-nav li.plusCommentes a{
	width:116px;
}

#articles-plus-lus-commentes .ui-tabs-nav li.plusVus a{
	width:122px;
}


#articles-plus-lus-commentes .ui-tabs-panel {
	border: none;
	border-radius: 0px;
	margin: 0px;
	padding: 0;
}

#articles-plus-lus-commentes .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-radius: 0px; 
} 
#articles-plus-lus-commentes .ui-tabs-nav .ui-state-default { 
    border : none;
    border-radius: 0px;
    padding: 0px;
}

#articles-plus-lus-commentes .ui-tabs-nav li.ui-state-default.plusVus a{ 
    background-position: 0px -28px;
}

#articles-plus-lus-commentes .ui-tabs-nav li.ui-state-default.plusCommentes a{ 
    background-position: -122px -28px;
} 


#articles-plus-lus-commentes .ui-tabs-nav li.ui-state-active.plusVus a{ 
    background-position: 0px 0px;
}

#articles-plus-lus-commentes .ui-tabs-nav li.ui-state-active.plusCommentes a{ 
    background-position: -122px 0px;
} 

#articles-plus-lus-commentes .ui-tabs-nav .ui-state-default a,#articles-plus-lus-commentes .ui-tabs-nav .ui-state-active a { 
    color: white; 
} 

#articles-plus-lus-commentes .ui-tabs-nav li:last-child { }

.articlesPlusImportant {
	padding-top: 28px;
	background: url(https://s3-eu-west-1.amazonaws.com/images.mesco.fr/12/463/large/header-articles-importants.png?v=1.3) no-repeat top center;
}

ul.mostContents {
	list-style: none;
	margin: 0;
	padding: 5px;
	background-color: #BEBDBD;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3) inset;
}

ul.mostContents li {
	padding: 3px;
	border: 1px solid #dcdcdc;
	background-color: white;
	margin-bottom:5px;
}

ul.mostContents li:last-child {
	margin-bottom: 0px;
}

ul.mostContents h2{
	font-size: 12px;
}

ul.mostContents li div.contentShortDescription {
	display: none;
}

.backLink {
	float:right; display: none;
}

 .ulComments li { margin-top: 10px;padding: 4px 4px;width: 600px;}
 .ulComments li.currentUser { background-color: rgb(255, 253, 214)}
 .ulComments li:hover {background-color: rgb(239, 239, 239)}
 .buttonPlus {}
 .buttonMinus {}
 
 
 #divCaptcha {
	
	
	margin-top:5px;
	padding-top:5px;
}