/* CSS Document */
html, body {
height : 100%;
width:auto; font-family:Tahoma;
font-size: 12px;
font-weight:normal;
color:#FFF;
}
body {
background: url(/images/bg.jpg) repeat-x #b6b6b6;
color:#FFF;
}
* html .threepxfix {
margin-left: 3px;
}
#test {
background: url("test.png") 50% 50% no-repeat;
z-index:1000;
}
/* === NAV ===*/
#nav ul, #nav li { list-style: none; float:left; padding:0; margin:0; font-family: Tahoma;}
#nav li.none { list-style: none; margin: 0; padding: 0; position: relative; z-index: 9999; font-family:Tahoma;}
#nav { float: right; width: 770px;position: relative; z-index: 9999; padding-top:15px; height:20px;background: none;}
#nav > ul { padding: 0; margin: 0px 0px 0px 0; font-size: 11px; float: left; }
/* === FIRST LEV === */
#nav > ul > li { float: left; margin: 0; padding: 0; position: relative; background: none; }
#nav > ul > li > a { padding:10px 8px 10px 6px; font-family: Tahoma; float: left; line-height: 1em; z-index: 999; position: relative; color: #FFF; text-decoration: none; font-size: 11px;font-weight: bold; }
#nav > ul > li > a:hover,
#nav > ul > li > a:focus,
#nav > ul > li.current > a { color: #FFF; text-decoration: none; font-size: 11px;font-weight: bold;}
#nav > ul > li:hover > a {font-family: Tahoma; font-weight: bold; background: none; color:#CCC; }
/* === SUBNAVS === */
#nav ul ul { font-family: Tahoma;position: absolute; background: none; color:#a4cbe9; font-size: 12px; display: none; z-index: 99999;}
#nav ul ul li { padding-right: 5px; margin-right: -5px; border-top:1px dotted #CCC; background: #990000;}
#nav ul ul li a { padding-left: 10px; position: relative; z-index: 999; color:#FFF; }
#nav ul ul li a:hover { padding-left: 10px; position: relative; z-index: 999; color:#CCC; }
#nav ul ul li:first-child a { }
/*subnav - first level*/
#nav > ul > li > ul { top: 35px; left: 0;}
#nav > ul > li > ul > li:first-child { margin-top: -5px; }
/*subnav - farther levels*/
#nav > ul > li > ul ul { top: 4px; left: 196px; z-index: 99999; padding-top: 0;}
#nav > ul > li > ul > li:first-child > ul { top: 8px; }
#nav ul li ul li { margin-top: -3px; }
#nav > ul ul a { display: block; width: 160px; padding: 8px 10px; text-decoration: none;}
/*enable subnav display on hover when js is off*/
#nav > ul li:hover > ul,
#nav > ul li:focus > ul { display: block; }
/*disable subnav display on hover when js is on*/
#nav.js > ul li:hover > ul,
#nav.js > ul li:focus > ul {display: none; }
#logoContactIndividual {
background: url("../images/logo.png");
}
.spacer {
clear:both;
}
.spacerHeight {
height:10px;
font-size: 0px;
}
.spacerHeight45 {
height:45px;
}
.container {
width :1024px;
height : auto;
margin:0 auto;
}
.header {
width: auto;
padding: 20px 0 0 0;
background:url(../images/fondMenu.png) repeat-x left 21px;
}
.header .horizentalMenu {
height: 78px;
width: 950px;
margin: 0 auto;
}
.horizentalMenu .cerrure {
position:absolute;
height: 76px;
width: 291px;
left: 10px;
background:url(../images/cerrureCenture.png) no-repeat left bottom;
}
.horizentalMenu .menu {
width: 720px;
float: left;
height: 76px;
padding-left:130px;
}
/* menu bar */
.horizentalMenu ul.menuBa{
list-style-type: none;
z-index: 999;
position:absolute;
left:auto;
top:auto;
width: 700px;
margin-left:30px;
height:30px;
}
.horizentalMenu ul.menuBa li a{
display:block;
padding: 12px 20px 15px 20px; font-family:Tahoma;
font-weight:bold;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
}
.horizentalMenu ul.menuBa li a:hover{
display:block;
padding: 12px 20px 15px 20px; font-family:Tahoma;
font-weight:bold;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
}
a { font-family:Tahoma;
font-weight:bold;
font-size:9px;
text-decoration:none;
color:#CCCCCC;
}
a:hover{ font-family:Tahoma;
font-weight:bold;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
}
a:hover img {
/*border: solid 2px #0099FF;*/
}
.CiconeGeneralDes a:hover{
height:93px;
}
.CiconeGeneralDes a:hover img, .CiconeGeneralDes1 a:hover img, .CiconeGeneralDes2 a:hover img{
border:#0066FF 2px solid;
}
.CiconeGeneralDes1 a:hover{
height:93px;
}
.CiconeGeneralDes2 a:hover{
height:93px;
}
.horizentalMenu ul.menuBa li{
float:left;
/*width: 162px;*/
/*background:url(../img/puce.gif) no-repeat right;*/
}
.horizentalMenu ul.menuBa li.subMenu a{
padding: 23px 8px 28px 8px;
/*width:125px;*/
text-align:center;
}
.horizentalMenu ul.menuBa li.subMenu1 a{
padding: 30px 80px 20px 80px;
width:48px;
}
.horizentalMenu ul.menuBa li.subMenu a.current, .horizentalMenu ul.menuBa li a.current{
color: #b4b4b8;
}
.horizentalMenu ul.menuBa li.separateur{
padding: 30px 0px 20px 0px; font-family:Tahoma;
font-weight:bold;
font-size:11px;
}
.horizentalMenu ul.menuBa li.subMenu ul li{
list-style-type:none;
clear:both;
}
.horizentalMenu ul.menuBa li.subMenu ul li a {
padding:0 0 0 0px;
margin:0px;
display:block;
background:#38383a;
height: 32px;
line-height: 28px;
border: 1px solid #6d6d70;
opacity : 0.8;
filter : alpha(opacity=90);
}
.horizentalMenu ul.menuBa li.subMenu ul li.ssubMenu ul li a {
background:#8b8b8f;
display: block;
width: 180px;
height: 32px;
border: 1px solid #9d9d9f;
}
.horizentalMenu ul.menuBa li.subMenu ul li.ssubMenu ul {
position: absolute;
top: 79px;
left: 420px;
width: 182px;
}
.horizentalMenu ul.menuBa li.subMenu ul li.ssubMenu ul li {
margin : 0 0 3px 3px;
}
/* fin menu bar */
.horizentalMenu .panier {
float: right;
margin-top:-5px;
height: 76px;
width: 30px;
position:relative;
}
.middle {
width: 994px;
margin: 0 auto;
min-height: 380px;
margin-top:-16px;
height: auto;
}
#middle {
width: 994px;
margin: 0 auto;
height: 420px;
min-height: 380px;
}
.footer {
height: 121px;
padding-top:50px;
width: 100%;
}
.footer .conteneurBande {
height: 28px;
width: 100%;
}
.footer .conteneurBande li a {
height: 18px;
text-decoration:none;
width: 20px;
border: 1px solid #FFFFFF;
float :left;
margin: 3px 3px 0 3px;
/*color:#FFFFFF;*/
text-align: center;
padding: 2px 0 0;
}
.footer .conteneurBande li{
float :left;
}
.footer .conteneurBande ul {
list-style:none;
margin-left : auto;
}
/* slider */
div#slide-holder{
z-index:40;
width:851px;
height:318px;
position:absolute;
}
div#slide-runner{
top:23px;
left:9px;
width:985px;
height:317px;
overflow:hidden;
position:absolute;
}
div#slide-holder img{
margin:0;
display:block;
position:absolute;
top: -5px;
height: 319px;
}
p#slide-nav {
display:inline;
float:right;
height:24px;
margin:11px 15px 0 0;
}
div.wrap{
width:993px;
margin:0 auto;
height:420px;
text-align:left;
z-index:-1000;
}
.on
{
background:#FFFFFF;
text-decoration:underline;
color:#FFFFFF;
background:url(../images/tanit.png) -2px top no-repeat;
font-size:1px;
}
.off{
color:#ffffff;
font-size:12px;
}
.panier .chariot,.panier .help {
float: left;
height: 21px;
width: 24px;
margin-top: 25px;
margin-left: 55px;
/*background:url(/images/chariot.png) top left no-repeat;*/
}
.panier .help {
height: 21px;
width: 30px;
margin-left: 30px;
}
.barrelogoLang .langue {
width: 100px;
float: left;
margin-top: 60px;
margin-left: 110px;
color: #18171c;
}
.barrelogoLang{
padding-top: 0px;
width: 994px;
margin: 0 auto;
}
.barrelogoLang .copy {
color: #FFF;
width: auto;
float: left;
margin-top: 75px;
font-size:10px;
}
.barrelogoLang .copy .a {
color: #18171c;
width: auto;
float: left;
margin-top: 75px;
}
.barrelogoLang .logo {
height: 155px;
width: 474px;
float: left;
}
.logo1 {
height: 175px;
width:260px;
float: left;
text-align: right ;
font-family:Tahoma;
font-size:18px;
color:#FFF;
background:url(../images/logosans.png) left bottom no-repeat;
margin-top:120px;
}
.middle .shopContainer {
height: auto;
color:#FFFFFF;
border:0px solid #FFFFFF;
}
/*left Menu */
/* A few IE bug fixes */
* { margin: 0; padding: 0; }
* html ul ul li { margin-bottom: -1px; }
#level0 {
width: 200px;
height: 350px;
margin: 30px 0;
padding: 0;
}
/* Some list and link styling */
ul#level0 li {
}
ul#level0 ul#level1 li { padding: 0; margin-bottom: 0; margin-left:35px; }
ul#level0 ul#level1 li a { display:block; color: #000; padding: 3px 6px; font-size: small; text-decoration:none; }
ul#level0 ul#level1 li a:hover { display:block; color: #369; padding: 3px 8px; font-size: small; }
/* For the xtra menu */
ul#level0 ul#level1 ul#level2 li {
border-left: none;
border-bottom: none;
padding: 0;
width: 185px;
margin-bottom: 0;
text-decoration:none;
}
ul#level0 ul#level1 ul#level2 ul{
margin-left:-35px;
/*padding:8px 0px 8px 0px;*/
}
ul#level0 ul#level1 ul#level2 li a { display:block; color: #000; padding: 3px 6px; font-size: 16px; }
ul#level0 ul#level1 ul#level2 li a:hover {
display:block;
color: #369;
padding: 3px 8px;
font-size: 16px;
}
ul#level0 ul#level1 ul#level2 li li{
border-bottom:0 none;
padding:8px 0px 8px 8px;
}
ul#level0 ul#level1 ul#level2 li li a,ul#level0 ul#level1 ul#level2 li li a:hover {
color:#f2f2f1;
text-decoration:none;
border-bottom:none;
padding:8px 0px 8px 8px;
display:inline;
font-size:14px;
}
ul#level0 ul#level1 ul#level2 li li a:hover {
color:#000;
}
li { list-style-type: none; }
/*h2 { margin-top: 1.5em; }*/
/* Header links styling */
h3.head a {
color: #0e0e0e;
display:block;
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none; font-family:Tahoma;
font-size:30px;
}
h3.head a:hover {
color: #000;
background-position: 98% 50%;
text-decoration:none;
}
h3.selected a {
background-position:98% 50%;
color: #fff;
padding: 3px 6px;
}
h3.selected a:hover {
background-position:98% 50%;
color: #36a;
}
/* Xtra Header links styling */
h4.head a {
color: #333;
display:block;
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
}
h4.head a:hover {
color: #000;
background-position: 98% 50%;
text-decoration:none;
}
h4.selected a {
background-position:98% 50%;
color: #fff;
padding: 3px 6px;
}
h4.selected a:hover {
background-position:98% 50%;
color: #36a;
}
/*end left menu*/
.middle .shopContainer .diapo {
width: 541px;
float: right;
height: 310px;
margin-right:100px;
}
.middle .shopContainer .diapo1 {
width: 645px;
float: right;
height: 380px;
color:#FFFFFF;
}
.shopContainer .leftMenuContact {
float: left;
height:450px;
width: 317px;
background: url("../images/contact.png") 100% 100% no-repeat;
margin-top : 45px;
margin-left:10px;
}
.shopContainer .leftMenu {
float: left;
height: 500px;
width: 330px;
}
.shopContainer .leftMenuRetailers {
float: left;
height: 350px;
width: 317px;
background: url("contact-retailers.jpg") 100% 100% no-repeat;
margin-top : -5px;
margin-left:-40px;
}
.pathLink {
height: 40px;
width: 994px;
line-height: 40px;
margin: 0 auto;
padding: 35px 0 75px 0;
}
.txtLink{ font-family:Tahoma;
font-size:2em;
padding-top: 150px;
}
.linkpart {
float: left;
width: 994px;
}
.ongletMenu{
margin:0 75px 0 auto;
height:40px;
}
/*menu tab*/
.menuForm {
position: relative;
list-style: none;
width: auto;
float: right;
top: 18px;
}
.menuForm li {
float:left;
}
.menuForm li a {
float: left;
display: block;
color:#000;
text-decoration: none; font-family:Tahoma;
font-size: 13px;
font-weight: bold;
padding:0 0 0 5px; /*Padding to accomodate left tab image. Do not change*/
height: 22px;
line-height: 22px;
text-align: center;
cursor: pointer;
background: url(../images/ongletLeft.png) no-repeat; /*left tab image path*/
background-position: left top;
}
.menuForm li a b {
float: left;
display: block;
padding: 0 8px 0 0px; /*Padding of menu items*/
width: auto;
background: url(../images/ongletRight.png) no-repeat; /*left tab image path*/
background-position: right top;
}
.menuForm li a:hover {
color: #fff;
background: url(../images/ongletLeft_hover.png) no-repeat; /*left tab image path*/
background-position: left;
}
.menuForm li a:hover b {
color: #fff;
background: url(../images/ongletRight_hover.png) no-repeat right top; /*right tab image path*/
}
.menuForm li.current a b {
color: #FFFFFF;
background: url(../images/ongletRight_hover.png) no-repeat; /*left tab image path*/
background-position: right top;
}
.menuForm li.current a {
color: #000;
background: url(../images/ongletLeft_hover.png) no-repeat; /*left tab image path*/
background-position: left top;
}
/*en menu tab*/
.content {
width: 645px;
}
#content_2, #content_3 {
display:none;
}
.Ctitle {
height: 28px;
width: auto;
}
.Cphoto {
height: 200px;
width: 263px;
padding: 5px 10px 11px 3px;
cursor:pointer;
}
.Cphoto a:hove img{
border:solid 2px #0099FF;
}
.CtextDescription {
height: 133px;
width: 244px;
border: 1px solid #d0d0d2;
padding: 6px 9px 0 9px;
}
.Ccolor {
height: 160px;
width: 119px;
border: 1px solid #d0d0d2;
padding: 6px 9px 0 9px;
}
.CSizePrice {
height: 181px;
width: 119px;
border: 1px solid #d0d0d2;
border-top-width: 0px;
padding: 6px 9px 0 9px;
;
}
.buttonsAchat {
height: 25px;
width: 193px;
border: 1px solid #e9e9e9;
margin: 0 0 3px 0;
padding: 0 0 0 45px;
line-height: 22px;
cursor:pointer;
color:#FFFFFF;
}
.purchasse{
background:#77777a url(../images/chariotButton.png) 12px top no-repeat;
}
.wishList{
background:#77777a url(../images/chariotButton.png) 12px center no-repeat;
}
.sendTo{
background:#77777a url(../images/chariotButton.png) 12px bottom no-repeat;
}
.Ccountry {
height: 96px;
width: 185px;
border: 1px solid #d0d0d2;
margin: 10px 0 0;
}
.Coptions{
height: 110px;
width: 173px;
border: 1px solid #d0d0d2;
margin: 10px 0 0;
padding: 6px 9px 0 9px;
}
.txtnoir {
color: #FFF;
}
.txtrouge{
color: #FF0000;
}
.titreDesContact {
font-size: 16px;
font-weight: bold;
color:#FFF;
width:285px;
padding: 46px 180px 24px;
}
.titreDesContactRetailer {
font-size: 16px;
font-weight: bold;
color:#FFF;
width:245px;
padding:46px 220px 24px
}
.titreDes {
font-size: 16px;
font-weight: bold;
.padd {
padding: 6px 9px 4px 9px;
}
.Colors {
float: left;
height: 25px;
width: 25px;
margin:5px 4px 0px 0px;
cursor:pointer;
background: url(../images/colors.gif) no-repeat;
}
.Colors2 {
float: left;
height: 25px;
width: 17px;
margin:5px 0px 0px 0px;
cursor:pointer;
background: url(../images/colorsleft.gif) no-repeat;
}
.Colors3 {
float: left;
height: 25px;
width: 18px;
margin:5px 4px 0px 0px;
cursor:pointer;
background: url(../images/colorsright.gif) no-repeat;
}
.titreBlanc {
font-size: 18px;
font-weight: normal;
}
.paddTitre {
padding:2px 0px 0px 4px;
}
/* begin overlay */
/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(../img/overlay/close.html);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
/* end overlay */
/*begin email to friend*/
.CemailTofirend {
width: 397px;
background-color: #FFFFFF;
}
.CemailTofirend .headerEmail {
height: 47px;
background-color: #acacaf;
}
.CemailTofirend .thumbArticle {
height: 50px;
padding: 5px 13px;
}
.CemailTofirend .SendFrom {
padding: 0 13px;
}
.CemailTofirend .msg {
padding: 0 13px;
}
.CemailTofirend .footerSend {
height: 28px;
padding: 10px 13px 0 8px;
}
.CemailTofirend .label {
color: #000000;
padding: 4px 0;
}
.CemailTofirend input[type=text] {
border:1px solid #acacaf;
}
.txgris {
color: #7e7e7f;
padding: 8px 0;
}
.CemailTofirend .footerSend input {
background-color: #000000;
color: #FFFFFF;
border:none;
padding:1px 8px;
float: right;
}
.CemailTofirend .msg textarea {
border:1px solid #acacaf;
}
.CemailTofirend .SendFrom table {
border-top:1px solid #acacaf;
padding:0 0 8px 0;
}
.txtpaddContact{ padding: 5px 0px; text-align: left;}
#contact-container .contact-loading {position:absolute; background:url(../images/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px; position:absolute; z-index:1100;}
#contact-container .contact-message {text-align:center;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#000; padding: 5px 0 0}
#contact-container a.modal-close:hover {color:#fff;}
#contact-overlay {background-color:#000; cursor:wait;}
/*end email to friend*/
.Ccolor .CodeColorRed{
background-color:#f21509;
}
.Ccolor .CodeColorBlack{
background-color:#000000;
}
.Ccolor .CodeColorOrange{
background-color:#ff8d06;
}
.Ccolor .CodeColorPurple{
background-color:#590472;
}
.Ccolor .CodeColorBrown{
background-color:#351703;
}
.Ccolor .selected{
border:1px solid #FFFFFF;
}
/*shopping cart style*/
#chariotContent
{
width:200px;
height:auto;
border:1px solid #E9E9E9;
display:none;
background-color:#ACACAF;
}
#updating {
background-color: #ff0000;
border: none;
color: #ffffff;
margin: 2px;
padding: 2px;
visibility: hidden;
position: absolute;
width: 70px;
}
.buttons
{
background-color: #000000;
color: #FFFFFF;
border:none;
padding:1px 8px;
margin:0 0 0 4px
}
.linksAdmin a, .linksAdmin a:visited , .linksAdmin a:hover
{
color: #FFFFFF; font-family:Tahoma;
font-size:14px;
text-decoration:none;
}
.linksAdmin a:hover
{
color:#99CC99;
text-decoration:underline;
}
/***accordion***/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font-family:Tahoma;
font-weight:bold;
font-size:14px;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
#texteid{
text-indent:-20000px;
}
element.style {
background-position: 0 120px;
}
a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
*{margin:0;padding:0;}
p, blockquote, dd, dt{margin:0 0 8px 0;line-height:1.5em;}
fieldset {padding:0px;padding-left:7px;padding-right:7px;padding-bottom:7px;}
fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
dl dd{margin:0px;}
dl dt{}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.clearfix{display:block;zoom:1}
ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
border:1px solid red;
}
.jqzoom{
text-decoration:none;
float:left;
}
#languehaut {
color: #ffffff;
position: absolute;
width: 150px;
right:10px;
top:-10px;
}
#languehaut a {
color: #ffffff;
font-size:11px;
}
#languehaut a:hover {
color: #000;
font-size:11px;
}